@charset "utf-8";
/*
Template:access-ev
Theme Name:access-ev-child
Theme URI:https://www.access-ev.co.jp/
Author:TEAMWORKS
Author URI:https://tmwks.jp/
Version:1.12.3
*/

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea{
vertical-align:middle;
width:100%;
line-height:35px;
height:35px;
padding:5px;
margin-bottom: 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
box-sizing: border-box;
}
textarea{
height:auto;
line-height:1.5;
}
select {
padding: 8px 5px;
}
input[type=checkbox] {
transform: scale(1.5);
margin: 0 6px 0 0;
}
.wpcf7 input.wpcf7-back,
.wpcf7 input.wpcf7-confirm { 
position:relative;
width:225px;
}
.wpcf7 form,.wpcf7 {
margin: 0 !important;
background: none !important;
border: 0 !important;
}
.wpcf7 p {
font-size: 16px !important;
}
*:first-child+html input[type="submit"]{padding:3px;}
 
span.yubin,
form input[type="submit"], input[type="reset"], input[type="button"] {
margin: 0 auto;
padding: 10px 20px;
background: #ffdd00;
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
line-height: 1.5;
font-size: 120% !important;
color: #fff;
cursor: pointer;
height:48px;
outline:none;
-webkit-transition: all .3s;
transition: all .3s;
}
span.yubin,
span.yubin:hover { font-size: 80% !important; padding: 7px 10px; }
form input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, span.yubin:hover {
background: #ffdd00;
opacity:0.7;
}
#searchform input[type="submit"] {
line-height: 1;
padding: 6px;
vertical-align: top;
}
.submit-button{
text-align:center;
}
.wpcf7-form-control.wpcf7-previous{
	background: #a9a9a9;
}



/* 確認画面用CSS */
/*枠線消す*/
form .wpcf7c-conf {
background-color: transparent !important;
border: none !important;
}
.wpcf7-form table p {
padding-bottom: 5px;
}
textarea.wpcf7-form-control {
max-height: 100px;
}
.wpcf7 .wpcf7-submit {
background-color: #ffdd00 !important;
}
.wpcf7 .wpcf7-submit:hover {
background-color: #ffdd00 !important;
}
.wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
border: 0 !important;
}
/*確認画面でradioが見え難い*/
input[type="hidden"] + span {
font-weight: bold;
}
/*確認画面セレクトボックスヤジルシ消す*/
select.wpcf7c-conf {
 -webkit-appearance: none;
 -moz-appearance:none;
 -ms-appearance:none;
 appearance: none;
 /*Firefox用*/
text-indent: .01px; 
text-overflow: "";
}
select.wpcf7c-conf::-ms-expand {
display: none;
}
.wpcf7-form table p {
padding-bottom: 0;
}
[data-name="zip"] input[type="text"],
.zip input[type="text"],
.s_size input[type="text"] {
width: 20%;
}
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"]{
width: 40%;
}
@media only screen and (max-width:767px){
.wpcf7 input[type="tel"],
 .wpcf7 input[type="email"]{
 width:100%!important;
 }
.submit-button{
padding:0 50px;
}
}

span.required {
display: inline-block;
padding: 4px 6px;
border-radius: 6px;
background: red;
color: #fff;
font-size: 90%;
line-height: 1.2;
text-align: center;
margin: 0 4px;
}
form table .txt_s {
font-size: 80%;
color: #666;
}

/* table */
.post_content table {
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #f7f8f1;
border-left: 1px solid #f7f8f1;
font-size: 100%;
line-height: 141.7%;
margin: 10px -1px 24px 0;
width: 100%;
text-align:left;
}

.post_content th{
background: #f7f338;
border:1px solid #fff;
color: #000;
width:230px!important;
white-space: nomal;
text-align:left;
}
.post_content td{
border:1px solid #dfdfd6;
vertical-align: middle;
text-align:left;
white-space: wrap;
}

.post_content form table th, 
.post_content form table td, 
.post_content table.resp th, 
.post_content table.resp td{
white-space: wrap;
}



@media only screen and (max-width:767px){
.post_content table {
border-top: 1px solid #f7f8f1;
border-left: 1px solid #f7f8f1;
border-right: 1px solid #f7f8f1;
border-bottom: 1px solid #f7f8f1;
}        

.post_content th{
width:auto!important;
border: none;
}

.post_content td{
width: auto;
border: none;
align-items: center;
justify-content: center;
}
}

.post_content dl.history {
display: flex;
flex-wrap: wrap;
}




/*TCD*/
/* Column layout - カラムレイアウト*/
.post_col.post_col-4 { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:1px; margin-bottom:2em; padding-right:25px; padding-left:25px; float:left; }
@media screen and (min-width: 768px) {
.post_col.post_col-4 { width:66.66666%; }
}
@media screen and (min-width: 1024px) {
.post_col.post_col-4 { width:66.66666%; }
}
.post_content [class^="well"] *:first-child:not(a) {
margin-top: 0 !important;
padding-top: 0 !important;
}
.post_content [class^="well"] *:last-child {
margin-bottom: 0 !important;
}
.post_content [class^="well"] { 
padding: 1.2em;
}
.post_content .style4a,
.post_content .style5a {
margin-top: 30px !important;
}

@media only screen and (max-width: 767px) {
.post_content form table th, .post_content form table td,
.post_content table.resp th, .post_content table.resp td {
display: block;
}
.post_content form table th, .post_content table.resp th {
border-top: 0;
border-bottom: 0;
}
[data-name="zip"] input[type="text"],
.zip input[type="text"],
.s_size input[type="text"] {
width: 30%;
}
span.yubin, span.yubin:hover { 
font-size: 80% !important;
padding: 7px 10px; 
}
}
.anchor{
display: block;
padding-top: 120px;
margin-top: -120px;
}
/*アンカー除外*/
.post_content .pb-widget-editor *:first-child:not(.anchor):not(.gallery-item) {
margin-top: 0 !important;
}
@media only screen and (max-width:767px) {
.scroll table{
width:100%;
}
.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
}

/*改行*/
br.pc-br{
display:block;
}
br.sp-br{
display:none;
}
@media only screen and (max-width:767px){
br.pc-br{
display:none;
}
br.sp-br{
display:block;
}
}

/* serviece */
.service_category_content.even {
    background: #151515 !important;
}
#service_category_content9 .header .design_header.inview.animate .title_area.no_desc  .large_headline{
	color:#fff !important;
}
/* arrow button */
.arrow_button:before, .arrow_button:hover::after{
	color:#000 !important;
}
/* .arrow_button:hover::before, .arrow_button:after:hover{
	color:#000;
} */

.arrow_button {
    border: solid 1px #000 !important;
}

h

#return_top a .arrow:hover::before, #return_top a .arrow:hover::after{
	color:#000 !important;
}

/* top company */
.cb_design_content:nth-child(even){
    background: #151515 !important;
}
#cb_content_2 .design_header.cb_design_header.inview.animate .title_area.no_desc .large_headline{
	color:#fff !important;
}

/* fotter color */
#footer_inner,
#footer{
/*     background: #ffdd00 !important; */
	background:#000 !important;
}

#footer{
	border-top:0;
}

.fotter_h2{
	text-align:left !important;
	font-size:20px !important;
	margin-bottom: 10px !important;
	margin-top:0 !important;
}

#footer_address p{
	line-height:1.8 !important;
}
/* fotter contents 1block */
#footer_banner.banner_num2 a {
	width:100%; 
}

/* fotter bannar */
#footer_banner a:after{
    background: #151515 !important;
	color:#fff !important;
}
#footer_banner .title .label{
	color:#fff !important;
}

/* copyright */
#copyright{
	color:#ffdd00;
	background:#000 !important;
}

#footer_address{
	color:#ffdd00;
}

#return_top a {
    position: initial;
    border-radius: 100%;
    background: #ffdd00;
    color: #000 !important;
    border: 1px solid #000;
    display: block;
    height: 65px;
    width: 65px;
    line-height: 65px;
    text-decoration: none;
    z-index: 100;
    overflow: hidden;
}

#copyright span{
	padding:0 !important;
}


/* flex */
.parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.child{
	width:50%;
}

/* コンテンツビルダー背景 */
#cb_content_1{
	background-image:url(https://www.ss17.aiosl.jp/access-ev/wp-content/uploads/2025/11/AdobeStock_1058103718-scaled.png);
	background-position:center;
	background-repeat:no-repeat;
}

#cb_content_3{
	background-image:url(https://www.ss17.aiosl.jp/access-ev/wp-content/uploads/2025/11/AdobeStock_1049240460-scaled.png);
	background-position:center;
	background-repeat:no-repeat;
}

/* 文字色 */
#header_slider_content .catch,
.cb_service_list.num1 .item .headline{
	color:#ffdd00 !important;
}

/* インスタグラム　アイコン */
.insta{
	padding-top:20px;
}

/* news */
#main_col {
    width: 100%;
}

/* ぱんくずリスト　非表示 */
/* 製品のぱんくずリスト */
#bread_crumb ul{
	visibility:hidden;
}

/* title */

h2.title_h2{
	background: #000 !important;
    padding: 10px;
	color:#fff !important;
}

h4.style_h4{
	font-size:18px;
	margin-bottom: 10px;
}

.color-yellow{
	color:#ffdd00;
	font-weight:600;
}

/* font-size */
.ftn18{
	font-size:18px;
}

/* font-weigth */
.fnt-weigth{
	font-weight:600;
	color:#c90000;
}


/* wrap */
.wrap{
	padding:20px 0;
}

/* flex */
.parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.space-right{
	margin-right:20px;
}

.child{
	width:50%;
}

.datachild{
	width:calc(100% /4);
}

@media only screen and (max-width:767px){
	.parent{
	display:block;
}

.space-right{
	margin-right:0px;
	margin-bottom:20px;
}

.child{
	width:100%;
}
}

/* colorppf-list */
.colorppf-list{
	padding: 20px 10px;
/*     background: #ffdd00; */
    border-radius: 20px;
    text-align: center;
/* 	background-image: linear-gradient(113deg, #d4c602 0%, #f1f3eb 47%, #b99d15 99%); */
	background-image: linear-gradient(113deg, #d8cb13 0%, #f1f3eb 47%, #d3b216 99%);
	
}

.colorppf-dl{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: baseline;
}

.colorppf-dt{
	color:#ffdd00;
	background: #000;
    padding: 5px 10px;
    border-radius: 4px;
}

.center{
	text-align:center;
}

.wrap.center p{
	font-weight: 600;
    font-size: 20px;
	color:#b92706;
}


.qr{
	width:50%;
}

/* 108color */]
.108color .parent .child img{
	height:100%;
}

.gledex{
	width:30%;
	height:auto;
}

@media only screen and (max-width:767px){
	.gledex{
	width:50%;
	height:auto;
	margin:auto;
	display:block;
}
}

/* cta */
.a-btn{
	background: #da3b3b;
    padding: 20px;
    /* color: #fff; */
    display: inline-block;
    border-radius: 40px;
    font-size: 24px;
    padding: 20px;
    font-weight: 600;
	transition:0.3s;
}

.a-btn:hover{
	opacity:0.8;
	text-decoration:none !important;
}

.btnbox{
	text-align:center;
}

p.colorppf-dt{
	font-weight:600;
	text-align: center;
    font-size: 18px;
}

.img-round{
	border-radius:10px;
}

.color-red{
	color:#d30808;
	font-weight:600;
}

.text-color{
	font-weight: 700;
    border-bottom: 2px solid #cc4a14;
    color: #cc4a14;
}