@charset "utf-8";
/**@import "style_third.css";**/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
/**/
.header_area{box-shadow:none;}
.header_area.on_sh{box-shadow: 0 0 16px rgba(0,0,0,0.5);}

.header_area .area_line{top:-33px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.header_area .area_line a span{top:42px;}
.header_area.on_sh .area_line{top:-18px;}
.header_area.on_sh .area_line a span{top:36px;}

/*
.l_breadcrumb{}
.l_breadcrumb ul{margin:0 auto;width:1080px;}
.l_breadcrumb ul li{font-size:14px;line-height:30px;}
.l_breadcrumb ul li a{text-decoration:none;}
.l_breadcrumb ul li a:hover{text-decoration:underline;}
*/

.l_breadcrumb{margin:0 auto;width:1080px;position: relative;line-height: 30px;}
.come_title_h1 .l_breadcrumb ul{position: absolute;bottom: 14px;}
.l_breadcrumb ul li {font-size: 12px;line-height: 1;color: #a1988a;}
.l_breadcrumb ul li a{text-decoration:none;color: #a1988a;}
.l_breadcrumb ul li a:hover{text-decoration:underline;}


/**/
div.come_title_h1{background: #fff7e9;height: 200px;margin-bottom: 60px;}
.come_title_h1 h1{display: flex;max-width: 1080px;height: 100%;margin: 0 auto;position: relative;font-size:43px;align-items: center;justify-content: center;font-weight:bold;}
.come_title_h1 h1::after{content: "";display: block;width: 355px;height: 200px;background: url(../images/bg_h1_title.png) no-repeat;position: absolute;right: -34px;bottom: 0;}
.come_title_h1 h1 span{text-align: center;z-index: 1;}
/*.come_title_h1{text-align:center;font-size:43px;font-weight:bold;padding-top:56px;padding-bottom:30px;}*/
.come_title_h2{text-align:center;font-size:32px;line-height:1;font-weight:bold;}
.come_title_h2_bg{font-size:22px;background:#ff9c00;color:#fff;
text-align:left;padding:10px 20px;font-weight:bold;
}
.come_title_h2_bd{font-size:30px;border-bottom:3px solid #ff9c00;
text-align:left;padding:0 20px 10px;font-weight:bold;
}
.come_title_h3_bg{background:#f0f0f0;text-align:left;padding:5px 20px;font-weight:bold;}

.come_btn.bg_b a:hover,.come_btn.bg_b input[type="submit"]:hover,.come_btn.bg_b span.btn:hover{background:#fff;color:#0097c6;}

.come_area_pd{padding:80px 0;}
.come_area_pdt{padding-top:80px;}
.come_area_pdb{padding-bottom:80px;}

.come_area_contact{padding:80px 0 0;}

.l_2col{margin:0 -20px;}
.l_2col .box .inner{margin:0 20px;width:100%;}

.l_4col{margin:0 -10px;}
.l_4col .box .inner{margin:0 10px;display:block;width:100%;}
.l_4col .box .inner span{display: block;}

.come_list_area{display:flex;font-size:0;flex-wrap:wrap;margin-right:-18px;}
.come_list_area .box{display:inline-block;}
.come_list_area .box.none{display:none;}
.come_list_area .box .inner{height:100%;display:block;position:relative;}
.come_list_area .box .area_img {height:200px;overflow:hidden;position:relative;background-color:#e8f2f4;}

.come_list_area .box .area_img a{display:block;width:100%;height:100%;}

.come_list_area .box .area_img span{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;z-index:10;
-webkit-transition: all .5s ease-in;transition: all .5s ease-in;    top: -150px;}
/*.come_list_area .box .area_img:hover span{opacity:0;}*/

.l_category .come_list_area .box .area_img span{display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;z-index:10;
-webkit-transition: all .5s ease-in;transition: all .5s ease-in;    top: 0px;}
.l_category .come_list_area .box .area_img:hover span{opacity:0;}


.results_contents_menu .come_list_area .box .area_img img{/*width:100%;position:absolute;top:-53%;*/
display: block;width: 100%;height: 100%;    object-fit: cover;
background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;}

.come_list_area .box .area_img img{/*width:100%;position:absolute;top:-53%;*/
display: block;width: 100%;/*height: 100%;*/
background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;}
.come_list_area .box h3{font-size:20px;line-height:22px;margin-top:14px;min-height:44px;font-weight:bold;
}
.come_list_area .box p.text{font-size:14px;line-height:1.2;margin-top:10px;text-align:left;}
.come_list_area .box .come_btn a{font-size:18px;line-height:44px;padding:0;width:100%;margin-top:10px;border:1px solid #0097c6;}
.come_list_area .box .come_btn a:hover{background:#fff;color:#0097c6;border:1px solid #0097c6;}
.come_list_area .box .come_btn a:hover::after{background:url("../images/btn_next_s_b.png") no-repeat left bottom;
}

.come_wrapper{width:1080px;margin-right:auto;margin-left:auto;}
.come_narrow_wrapper{width:900px;margin-right:auto;margin-left:auto;}

.text_onlink a{color: #0000ff;}

/** coommon **/
.l_about_type,
.l_about_category,
.l_about_engineer{position:relative;}
.l_about_type:after,
.l_about_category:after,
.l_about_engineer:after{content:"";width:1080px;height:1px;position:absolute;bottom:0;left:50%;margin-left:-540px;display:block;border-bottom:1px solid #cdcdcd;}

/* about */
.l_about_type{padding:20px 0 100px;}
.l_about_type h2{background:url(../images/title_about.png) no-repeat top center;padding-top:80px;
background-size:54px;
}
.l_about_type .come_list{margin:40px 0 30px;}
.l_about_type ul li .inner{padding:20px;border:3px solid #ff9c00;-webkit-box-sizing: border-box;box-sizing: border-box;overflow:hidden;
-webkit-border-radius: 10px; border-radius: 10px;}
.l_about_type ul li .title{background:#ff9c00;color:#fff;}

.l_about_type ul li .area_img{background-color:#fff;margin-top:20px;height:300px;background-image:url(../images/noimg_about.png);background-repeat:no-repeat;}
.l_about_type ul li .area_img span{background-size:cover;background-repeat:no-repeat;background-color:#fff;}

.l_about_type .area_text{position:relative;padding-top:60px;text-align:center;font-size:18px;}
.l_about_type .area_text::before{position:absolute;content:"";width:0;height:0;left:50%;top:0;margin-left:-24px;border-color: #ffc61a transparent transparent transparent;border-width:30px 25px 0;border-style:solid;}
.l_about_type .area_text .em1{display:block;font-size:30px;text-align:center;font-weight:bold;margin-bottom:10px;}
.l_about_type .area_text .em2{display:block;font-size:40px;text-align:center;font-weight:bold;line-height:1;margin-top:20px;color:#e61600;}

.l_about_type .box{margin-top:20px;margin-bottom:20px;}
.l_about_type .title{display:block;font-size:22px;font-weight:bold;text-align:center;padding:10px;margin:-20px -20px 20px;}
.l_about_type .text{display:block;font-size:18px;font-weight:bold;}
.l_about_type .bg_image{height:300px;}

.l_about_category{padding:80px 0 100px;}
.l_about_category h2{background:url("../images/title_about_category.png") no-repeat top center;padding-top:80px;}
.l_about_category .box{margin-top:40px;}
.l_about_category .area_img{height:215px;background:#ffcb79;    background-image: url(../../images/noimg_about.png);background-repeat: no-repeat;background-size: contain;background-position: center;border: 1px solid #eee;background-color: #fff;}
.l_about_category .bg_image{background-size:cover;height:215px;}
.l_about_category .title{display:block;font-size:20px;font-weight:bold;text-align:center;margin-bottom:5px;
}
.l_about_category .text{font-size:15px;line-height:1.2;}

.l_about_point{padding:100px 0;}
.l_about_point h2{background:url("../images/title_about_point.png") no-repeat top center;padding-top:80px;}
.about_point{text-align:center;}
.about_point ul{display:flex;font-size:0;flex-wrap:wrap;margin:40px auto 0;}
.about_point ul.come_list_area li.box{width:calc(100% / 3);max-width:640px;display:inline-block;position:relative;overflow:hidden;}
.about_point ul.come_list_area .box .area_img{width:300px;height:300px;margin:0 auto;border-radius:50%;    background-image: url(../../images/noimg_about.png);background-repeat: no-repeat;background-size: contain;background-position: center;border: 1px solid #eee;background-color: #fff;}

.about_point ul li .area_img span{display:block;background-size:cover;background-repeat:no-repeat;width:100%;padding-top:100%;border-radius:50%;
}
.about_point .come_list_area .box .area_text{max-width:280px;margin:0 auto;}
.about_point .come_list_area .box h3.title{font-weight:bold;line-height:24px;margin-top:20px;}
.about_point .come_list_area .box h3.title span{display:block;font-size:18px;}
.about_point .come_list_area .box p.text{font-size:15px;line-height:1.6;margin-top:0;text-align:left;padding:20px 10px 0;}

.l_about_engineer{padding:80px 0 100px;}
.l_about_engineer h2{background:url("../images/title_about_engineer.png") no-repeat top center;padding-top:80px;background-size:60px;}
.l_about_engineer .l_2col{margin:10px 0 0;display:table;width:100%;}
.l_about_engineer .area_img{/*max-width:500px;display:table-cell;*/vertical-align:middle;}
.l_about_engineer .area_movie{max-width:500px;display:table-cell;vertical-align:middle;}
.l_about_engineer .area_movie{position: relative;padding-top:28%;height:0;overflow: hidden;
}
.l_about_engineer .area_movie iframe { position: absolute;	top: 0;	left: 0;
 width: 100%; height: 100%;
}
.l_about_engineer .text{display:table-cell;vertical-align:middle;padding:20px 52px;line-height:1.8;letter-spacing:1px;
}

.l_about_message{padding:80px 0 60px;}
.l_about_message h2{background:url("../images/title_about_message.png") no-repeat top center;padding-top:70px;}
.l_about_message .area_img span{height:200px;background-size:cover;background-repeat:no-repeat;}
.l_about_message ul li.box{margin-top:40px;}
.l_about_message ul li .area_table{display:table;margin:0 0 25px;}
.l_about_message ul li .area_table p,.l_about_message ul li .area_table h3{display:table-cell;
vertical-align:middle;
}
.l_about_message ul li .area_table p{width:200px;}
.l_about_message ul li .area_table h3 span{display:block;font-size:15px;border-left:3px solid #ff9c00;padding-left:10px;margin-bottom:5px;line-height:1.2;
}
.l_about_message ul li .area_table h3{padding:20px;font-size:18px;}
.l_about_message ul li .text{padding:10px;border:3px solid #fed400;border-radius:10px;position:relative;}
.l_about_message ul li .text p{height:144px;overflow-y:auto;padding:10px;}
.l_about_message ul li .text::before{position:absolute;content:"";width:0;height:0;left:90px;top:-20px;border-color: transparent transparent #fed400 transparent;border-width: 0px 12px 20px 12px;border-style:solid;}
.l_about_message ul li .text::after{position:absolute;content:"";width:0;height:0;left:90px;top:-14px;border-color: transparent transparent #fff transparent;border-width: 0px 12px 20px 12px;border-style:solid;}


/*.l_category.cont{margin-bottom:80px;}*/
.l_category{display: flex;}
.l_category .l_cont,.come_area_side{display: inline-block;}

.come_area_side{width:220px;margin-right:38px;}

.come_area_side ul{border:2px solid #ff9c00;}
.come_area_side ul li a{display:block;color:#ff9c00;text-decoration:none;position:relative;
padding:10px;position:relative;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;font-weight:bold;
}
.come_area_side ul li a::after{ display:block;content: ""; position:absolute;top:50%;right:15px;margin-top:-7.5px;width:9px;height:15px;background:url("../images/btn_next_s_o.png") no-repeat left bottom;background-size:contain;
}
.come_area_side ul li a:hover,.come_area_side ul li.cr_on a{background:#ff9c00;color:#fff;}

.come_area_side ul li a,.come_area_side ul li.cr_on a{}
.come_area_side ul li a:hover::after,.come_area_side ul li.cr_on a::after{background:url("../images/btn_next_s.png") no-repeat left bottom;
}
.come_area_side ul li a::before{content:"";width:100%;height:1px;background:#ff9c00;display:block;
width:216px;position:absolute;top:0;left:0;
}
.come_area_side ul li a:hover::before,.come_area_side ul li.cr_on a::before{content:"";width:100%;height:1px;background:#fff;}
.come_area_side ul li:first-of-type a::before{content:none;}


.come_area_side .area_contact{margin-top:20px;}
.come_area_side .area_contact .inner{padding:20px 15px;position:relative;}
.come_area_side .area_contact .area_line,.come_area_side .area_contact .area_tel{position:relative;right:0;top:0;}
.come_area_side .area_contact .area_line{font-size:15px;margin-bottom:15px;}
.come_area_side .area_contact .area_line span{display:block;margin-top:10px;text-align:center;}
.come_area_side .area_contact .area_tel .number{right:0;top:0;position:relative;width:180px;}

.come_area_side .l_parts_contact .area_contact .title{font-size:20px;line-height:1.2;margin-bottom:10px;}
.come_area_side .l_parts_contact .area_contact .come_btn {margin-top:10px;}
.come_area_side .l_parts_contact .area_contact .come_btn a{width:100%;font-size:15px;line-height:47px;max-width:174px;border:2px solid #ff9c00;letter-spacing:0;
-webkit-border-radius: 5px;border-radius:5px;}

.l_category.cont .l_cont{position:relative;max-width: calc(100% - 258px);width:100%;}

.l_home_results .come_btn.more_b a{width:450px;line-height:77px;font-size:24px;padding:0;margin:20px auto 0;}

.results_contents_menu .come_list_area .box{width:calc(100% / 3);}

.l_category .l_parts_contact .area_contact{margin-right: 0;margin-left: 0;}
.l_category .come_area_side .area_contact .inner{padding: 20px 5px;}
.l_category .come_area_side .area_contact .area_tel{padding: 0 20px;}
.l_category .come_area_side .area_contact .area_tel .number{right: 8px;top: 0;width: 180px;background-repeat: no-repeat;background-size: contain;}



.l_service_menu{}
.l_service_menu ul{display:flex;font-size:0;flex-wrap:wrap;margin-left:-10px;} 
.l_service_menu ul li{width:25%;max-width:640px;display:inline-block;min-height:95px;position:relative;overflow:hidden;margin-bottom:15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_service_menu ul li .inner{height:100%;margin-left:10px;}

.l_service_menu ul li a,.l_service_menu ul li a::after{-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.l_service_menu ul li a{display:table;font-size:20px;width:98%;border:2px solid #ff9c00;height:100%;color:#ff9c00;
    text-decoration:none;position:relative;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_service_menu ul li a::after{position:absolute;content:"";width:9px;height:15px;left:62%;bottom:12px;background:url(../images/btn_next_s_o.png) no-repeat;display:inline-block;
-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.l_service_menu ul li a:hover{background:#ff9c00;color:#fff;}
.l_service_menu ul li a:hover::after{background:url(../images/btn_next_s.png) no-repeat;
bottom:10px;
}
.l_service_menu ul li a span.image,.l_service_menu ul li a span.title{display:table-cell;vertical-align:middle;}
.l_service_menu ul li a span.image{width:90px;font-size:0;text-align:center;padding:10px 0;}
.l_service_menu ul li a span.bg_image{height:66px;width:66px;border-radius:6px;display:inline-block;border:2px solid #fff;background-size: contain;background-color: #fff;}
.l_service_menu ul li a span.title{padding:0 20px 10px 0;font-size:19px;font-weight:bold;line-height:1.2;
text-align:center;
}
.l_service_cont{}
.l_service_cont .area_service{padding-top:60px;}
.l_service_cont .area_service .wrapper{background:#fff;padding:60px 60px 40px;width:952px;margin-right:auto;margin-left:auto;border:4px solid #ffc61a;border-radius:20px;}

/* about */
.l_service_about .area_title{margin-bottom:40px;}
.l_service_about .area_title h2{font-weight:bold;}
.l_service_about .area_title p.text{padding:10px 20px 0;font-size:18px;text-align:center;}

.l_service_about .area_cont .box{padding: 30px 0;}
.l_service_about .inner{display: flex;padding: 0 0 30px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_service_about .inner .area_image{display: flex;justify-content: center;align-items: center;width: 100%;max-width: 470px;}
.l_service_about .inner .area_image img{width: 100%;}
.l_service_about .inner.on_img .text{padding-left: 20px;max-width: calc(100% - 470px);float:left;width:100%;}
.l_service_about .area_link {max-width: 940px;margin: 0 auto;padding: 10px 0 30px;}
.l_service_about .area_link .come_btn{justify-content: center;}
.l_service_about .inner p.text{padding: 0 20px 0;font-size: 16px;text-align: left;line-height: 1.8;}

.l_service_about .area_link .come_btn p.btn_cont a {background: #0097c6;color: #fff;}
.l_service_about .area_link .come_btn p.btn_charge_list a {background: #ff9c00;color: #fff;}

/* flow */
.l_service_flow{padding-bottom:20px;}
.l_service_flow h3{}
.l_service_flow .flow_title{background:#f0f0f0;font-weight:bold;display:table;width:100%;padding:0;margin-bottom:30px;}
.l_service_flow .flow_title h4{font-size:20px;display:table-cell;vertical-align:middle;padding:10px 20px;font-weight:bold;}
.l_service_flow .flow_title.on_img h4{padding-left:30px;}

.l_service_flow .flow_title .area_img{display:table-cell;width:260px;}
.l_service_flow .flow_title .area_img span{display:block;width:100%;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;
}
.l_service_flow .area_list_flow{padding-bottom:40px;}
.l_service_flow .area_list_flow .come_list_area{margin-right:-30px;}

.l_service_flow .box .inner{margin-right:30px;}
.l_service_flow .box .inner::before{
    position:absolute;content:"";width:0;height:0;position:absolute;left:-19px;top:58px;
    border-color:transparent transparent transparent #ff9c00;
    border-width:8px 0px 8px 10px;border-style:solid;
}
.l_service_flow .box:first-of-type .inner::before{content:none;}

.l_service_flow .box .inner span{display:block;}
.l_service_flow .box .inner .area_img{height:132px;}
.l_service_flow .box .inner .area_img span{display:block;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;
position:static;}
.l_service_flow .box .inner span.title{font-weight:bold;padding-top:10px;}
.l_service_flow .box .inner span.text{font-size:14px;padding-top:10px;}

/* cost */
.l_service_cost{padding-bottom:40px;}
.l_service_cost .come_list_area.l_4col{margin:30px -20px 0 0;}

.l_service_cost .box .inner p.name{font-weight:bold;text-align:center;min-height:20px;margin-bottom:5px;}
.l_service_cost .box .inner p.fee{font-weight:bold;padding-top:10px;text-align:center;font-size:18px;}
.l_service_cost .area_cost{}
.l_service_cost .area_cost .note{padding:20px;border:1px solid #cdcdcd;margin-top:30px;}
.l_service_cost .area_cost .box{display:flex;}
.l_service_cost .area_cost .box.none{display:none;}
.l_service_cost .area_cost .box .inner{margin-right:20px;margin-left:0;}
.l_service_cost .come_list_area .box .area_img{height:176px;}
.l_service_cost .come_list_area .box .area_img span{display:block;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;
position:static;top: 0px;text-indent:100%;white-space:nowrap;overflow:hidden; }

.area_exception {padding-top:10px;}
.l_service_exception .come_list_area {margin-top:10px;margin-left:-34px;}
.l_service_exception .come_list_area .box .inner{max-width:160px;margin:0 auto;}
.l_service_exception .come_list_area .box .area_img{width:160px;height:130px;margin:0 auto 10px;}
.l_service_exception .come_list_area .box .area_img span{display:block;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;
}

.l_service_exception .come_list_area li.box{width:164px;display:inline-block;position:relative;overflow:hidden;margin-left:34px;}
.l_service_exception .come_list_area li.box.none{display:none;}
.l_service_exception .come_list_area .box .title{display:block;text-align:center;word-wrap:break-word;font-size:14px;padding:0 5px; }


.box,.area_text{-webkit-box-sizing: border-box;box-sizing: border-box;}

.area_link .come_btn{display: flex;}
.area_link .come_btn p{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;width: 50%;}
.area_link .come_btn p a{display: block;width: 100%;line-height: 70px;font-size: 18px;text-align: center;text-decoration: none;
    -webkit-border-radius: 5px;border-radius: 5px;padding: 0 20px 0 0;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.area_link .come_btn p a:hover {opacity: 0.8;}
.area_link .come_btn p a::after {
    background: url(../images/btn_next_b.png) no-repeat left bottom;
    content: "";display: block;width: 11px;height: 20px;
    margin-top: -10px;position: absolute;right: 21px;top: 50%;
}
.area_link .come_btn p.btn_result a {background: #ff9c00;color: #fff;}
.area_link .come_btn p.btn_contact a {background: #0097c6;color: #fff;}


/*tile*/
.l_tile .area_title_h1{margin-bottom: 20px;}
.l_tile .text{line-height: 1.87;}
.l_tile_about .area_list .box{padding-bottom: 20px;}
.l_tile_about .area_list .box .inner{display: flex;align-items: center;justify-content: space-between;}
.l_tile_about .area_list{border-bottom: 1px solid #cdcdcd;padding: 30px 0;}
.l_tile_about .area_list .box .inner.on_img .area_text{padding-right: 40px;}
.l_tile_about .title{font-size: 24px;line-height: 1.5;margin-bottom: 10px;}
.l_tile_about .area_image{max-width: 540px;display: flex;justify-content: center;align-items: center;}
.l_tile_charge{ 
    padding-top: 87px;
    margin-top: -87px;
}
.l_tile_charge .cont{padding: 50px 0 60px;}
.l_tile_charge h2.title,.l_tile_flow h2.title{text-align: center;font-size: 30px;line-height: 1;margin-bottom: 15px;font-weight: bold;}
.l_tile_charge table{width: 100%;}
.l_tile_charge table th,.l_tile_charge table td{width: 25%;-webkit-box-sizing: border-box;box-sizing: border-box;
    border-right: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;text-align: center;}
.l_tile_charge table th{height: 55px;font-size: 22px;font-weight: bold;background: #ff9c00;color: #fff;border-top: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd;}
.l_tile_charge table th.title{border-top: none;border-bottom: none;background: none;}
.l_tile_charge table td{height: 75px;font-size: 24px;}
.l_tile_charge table td span{font-size: 40px;font-weight: bold;margin: 0 5px;font-family: 'Oswald', sans-serif;color: #b81c22;}
.l_tile_charge .note{font-size: 12px;text-align: right;margin-top: 12px;}


.l_tile_flow .cont{padding: 50px 0 60px;border-top: 1px solid #cdcdcd;}
.l_tile_flow .area_list .box{padding: 20px 0 30px;counter-increment: number;position: relative;}
.l_tile_flow .area_list .box .inner{display: flex;align-items: center;justify-content: space-between;-webkit-box-sizing: border-box;box-sizing: border-box;
    border: 3px solid #ffc61a;border-radius: 10px;padding: 20px;
}
.l_tile_flow .area_list .box::before,.l_tile_flow .area_list .box::after{ 
    content:"";width:0;height:0;position:absolute;right:50%;
    transform: translateX(50%);-webkit-transform: translateX(50%);
}
.l_tile_flow .area_list .box::before{top:-16px;
    border-color: #cdcdcd transparent transparent transparent;
    border-width: 26px 30px 0px 30px;border-style:solid;
}
.l_tile_flow .area_list .box::after{top:-24px;
    border-color: #fff transparent transparent transparent;
    border-width: 26px 30px 0px 30px;border-style:solid;
}

.l_tile_flow .area_list .box:first-of-type::before,.l_tile_flow .area_list .box:first-of-type::after{
   content: none;
}


.l_tile_flow .area_list .box .title{font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.l_tile_flow .area_list .box .step_icon{display: block;line-height: 1;margin-bottom: 5px;}
.l_tile_flow .area_list .box .step_icon::after {content: counter(number);display: inline-block;margin-left: 5px;font-size: 36px;font-style: italic;}

.l_tile_flow .area_list .box .inner .area_text{padding: 0 25px;}
.l_tile_flow .area_list .box .inner.on_img .area_text{padding-right: 40px;}

.l_tile_flow .come_btn.bg_b{-webkit-box-sizing: border-box;box-sizing: border-box;max-width: 500px;margin: 0 auto;}
.l_tile_flow .come_btn.bg_b a{display: block;width: 100%;line-height: 70px;font-size: 18px;text-align: center;text-decoration: none;-webkit-border-radius: 5px;border-radius: 5px;padding: 0;}
.l_tile_flow .come_btn.bg_b a:hover{background-color:#0097c6;color:#fff;opacity:0.8;}

.l_tile_repair .cont{padding-top: 40px;border-top: 1px solid #cdcdcd;}
.l_tile_repair .area{display: flex;justify-content: space-between;}
.l_tile_repair h2 {font-size: 32px;margin-bottom: 14px;font-weight: bold;}
.l_tile_repair h2 span{display: block;font-size: 20px;line-height: 1;font-weight: normal;}
.l_tile_repair .area .area_text,.l_tile_repair .area .area_image{width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.l_tile_repair .area_text{padding-right: 40px;}
.l_tile .l_tile_repair .text{font-size: 97%;}
.l_tile_repair .area_text .area_link{margin-top: 23px;}
.l_tile_repair .area_link .come_btn{flex-wrap: wrap;}
.l_tile_repair .area_link .come_btn p{width: 100%;padding: 5px 0;}

.l_tile_repair .area_image ul{display: flex;margin: 0 -12px 20px;}
.l_tile_repair .area_image ul li{display: flex;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 12px;position: relative;}
.l_tile_repair .area_image ul li.before::after{
position:absolute;content:"";width:0;height:0;position:absolute;right:-3px;top:50%;border-color:transparent transparent transparent #fff;
border-width:15px 0px 15px 15px;border-style:solid;z-index:10;transform: translateY(-50%);-webkit-transform: translateY(-50%);
}
.l_tile_repair .area_image ul li.after::before{
position:absolute;content:"";width:0;height:0;position:absolute;left:-6px;top:50%;
border-color:transparent transparent transparent #ff9c00;border-width:15px 0px 15px 15px;border-style:solid;transform: translateY(-50%);-webkit-transform: translateY(-50%);
}
.l_tile_repair .area_image ul li span{display: flex;width: 100%;max-width: 260px;height: 180px;background-size: cover;}

/*coat*/
.area_title_h1 h1{
    max-width: 1080px;margin: 0 auto;display: flex;justify-content: center;align-items: center;
}
.l_coat_about .box,.l_coat_point .cont,.l_coat_area .cont{padding: 40px 0;}
.l_coat_area .cont{border-bottom: 1px solid #ccc;}

.l_coat_about .box .area_image{display: flex;align-items: center;justify-content: space-between;position: relative;}
.l_coat_about .box .area_image .image{max-width: 520px;}
.l_coat_about .box .area_image .image span{display: flex;max-height: 300px;align-items: center;overflow: hidden;}
.l_coat_about .box:first-of-type .area_image{padding: 0 30px;}

.l_coat_about .box .area_image .before::after{
position:absolute;content:"";width:0;height:0;position:absolute;right:50%;margin-right:-7px;top:50%;border-color:transparent transparent transparent #fff;
border-width:20px 0px 20px 26px;border-style:solid;margin-top:-20px;z-index:10;
}
.l_coat_about .box .area_image .after::before{
position:absolute;content:"";width:0;height:0;position:absolute;left:50%;margin-left:-13px;top:50%;
border-color:transparent transparent transparent #ff9c00;border-width:20px 0px 20px 26px;border-style:solid;margin-top:-20px;
}
    
.l_coat_about .text{line-height: 1.87;}
.l_coat_about .box .text{padding-bottom: 24px;}
.l_coat_about .box:first-of-type .text{padding-bottom: 34px;}

.l_coat_point .area_list,.l_coat_area .area_list {display: flex;}

.area_menu_link{display: flex;max-width: 680px;margin: 0 auto 50px;}
.area_menu_link p{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 20px;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.area_menu_link p a {display: block;width: 100%;text-decoration: none;padding: 24px 20px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;
    color: #fff;font-size: 14px;font-weight: bold;position: relative;
}
.area_menu_link p a span{font-size: 20px;display: block;line-height: 1;margin-bottom: 4px;}
.area_menu_link p a::after{position:absolute;content:"";width: 11px;height: 20px;right: 20px;top: 50%;background:url(../images/btn_next_b.png) no-repeat;display:inline-block;
    -webkit-transform:rotate(90deg);transform:rotate(90deg);margin-top: -10px;
}

.l_coat h2.title{font-size: 24px;line-height: 1;margin-bottom: 20px;font-weight: bold;}
.l_coat h2.title span{font-size: 16px;margin-left: 20px;font-weight: normal;}

.l_coat_point .area_list{margin: 0 -15px;}
.l_coat_point .area_list li{width: 33.33333% ;width: -webkit-calc(100% / 3) ;width: -moz-calc(100% / 3);width: calc(100% / 3) ;
    -webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 15px;
}
.l_coat_point .area_list li .inner{border: 1px solid #c1d6dc;height: 100%;padding: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.l_coat_point .area_list li .inner h3 {
    font-size: 18px;
    color: #fff;
    padding: 4px 10px;
    line-height: 30px;
    font-weight: bold;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0095df+0,0079c4+50,0095df+100 */
    background: #0095df; /* Old browsers */
    background: -moz-linear-gradient(left,  #0095df 0%, #0079c4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #0095df 0%,#0079c4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #0095df 0%,#0079c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.l_coat_point .area_list li p {padding: 10px 10px 0;font-size: 18px;font-weight: bold;}
.l_coat_point .area_list li p span{display: block;font-size: 14px;font-weight: normal;}

.l_coat_area {padding-bottom: 70px;}
.l_coat_area .area_list{margin: 0 -10px;}
.l_coat_area .area_list li{width: 20%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;}
.l_coat_area .area_list li span.image{display: flex;max-height: 150px;justify-content: center;align-items: center;overflow: hidden;background-color: #cdcdcd;height: 150px;
}
.l_coat_area .area_list li span.name{display: block;text-align: center;font-size: 18px;line-height: 1;margin-top: 15px;}


.l_reteq_coat_Ms .area_cont{padding-bottom: 80px;}
.l_reteq_coat_Ms,.l_reteq_coat_M{padding-top: 87px;margin-top: -87px;}
.l_reteq_coat_Ms h2,.l_reteq_coat_M h2 {color: #fff;font-size: 30px;padding: 23px 20px 14px;}
.area_menu_link p.reteq_coat_Ms a,.l_reteq_coat_Ms h2{background:#0095df;}
.area_menu_link p.reteq_coat_M a,.l_reteq_coat_M h2{background:#0079c4;}
.l_reteq_coat_Ms h2 span,.l_reteq_coat_M h2 span {display: block;font-size: 18px;line-height: 1;}

.coat_product .area_cont .box{padding: 30px 0;}
.coat_product .area_cont .box .inner{display: flex;align-items: center;justify-content: space-between;}
.coat_product .area_cont .box .inner .area_image{max-width: 520px;}
.coat_product .area_cont .box .inner.on_img .area_text{padding-left: 20px;}
.coat_product .title{font-size: 24px;line-height: 1.5;margin-bottom: 10px;}
.coat_product .area_cont .area_link {max-width: 940px;margin: 0 auto;padding: 10px 0 0;}

.coat_product .area_link .btn_result {margin: 0 auto;}

.l_reteq_coat_M .btm_image{max-width: 1080px;margin: 20px auto 40px;display: flex;justify-content: center;align-items: center;}


/*marble*/
.l_marble_about .area_list .box{padding-bottom: 50px;}
.l_marble_about .area_list .box .inner{display: flex;align-items: center;justify-content: space-between;}
.l_marble_about .area_list{border-bottom: 1px solid #cdcdcd;}
.l_marble_about .area_list .box .inner.on_img .area_text{padding-right: 25px;}
.l_marble_about .title{font-size: 24px;line-height: 1.5;margin-bottom: 10px;}
.l_marble_about .area_image{max-width: 540px;display: flex;justify-content: center;align-items: center;}
.l_marble_about .text,.l_marble_marble_results .area_list .box .inner .text{line-height: 1.87;}

.l_marble_marble_results .cont{padding: 50px 0 0;}
.l_marble_marble_results h2{text-align: center;font-size: 30px;line-height: 1;margin-bottom: 15px;font-weight: bold;}
.l_marble_marble_results .toptext{text-align: center;line-height: 1.87;padding-bottom: 33px;}
.l_marble_marble_results .area_list .box{padding-bottom: 30px;}
.l_marble_marble_results .area_list .box .inner{-webkit-box-sizing: border-box;box-sizing: border-box;padding:40px 30px;border: 4px solid #ffc61a;border-radius: 20px;}
.l_marble_marble_results .area_list .box .inner .area_image{display: flex;align-items: center;justify-content: space-between;position: relative;}
.l_marble_marble_results .area_list .box .inner .area_image .image span{display: flex;max-height: 300px;align-items: center;overflow: hidden;}
.l_marble_marble_results .area_list .box .inner h3{font-size: 24px;margin-bottom: 5px;font-weight: bold;}
.l_marble_marble_results .area_list .box .inner .text{padding-bottom: 15px;}
.l_marble_marble_results .area_list .box .inner ul.costs{margin-bottom: 15px;}
.l_marble_marble_results .area_list .box .inner ul.costs li{padding-bottom: 15px;line-height: 1;}
.l_marble_marble_results .area_list .box .inner .come_btn{-webkit-box-sizing: border-box;box-sizing: border-box;max-width: 450px;margin: 20px auto 0;}
.l_marble_marble_results .area_list .box .inner .come_btn a{display: block;width: 100%;line-height: 60px;font-size: 18px;text-align: center;text-decoration: none;-webkit-border-radius: 5px;border-radius: 5px;padding: 0;}
.l_marble_marble_results .area_list .box .inner .area_image .before::after{
position:absolute;content:"";width:0;height:0;position:absolute;right:50%;margin-right:-7px;top:50%;border-color:transparent transparent transparent #fff;
border-width:24px 0px 24px 30px;border-style:solid;margin-top:-20px;z-index:10;
}
.l_marble_marble_results .area_list .box .inner .area_image .after::before{
position:absolute;content:"";width:0;height:0;position:absolute;left:50%;margin-left:-13px;top:50%;
border-color:transparent transparent transparent #ff9c00;border-width:24px 0px 24px 30px;border-style:solid;margin-top:-20px;
}

.l_marble .area_link{max-width: 860px;margin: 0 auto;}
.l_marble .area_link .btn_contact{margin: 0 auto;}





/*category*/
.construction_site{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;text-align:center;font-size: 18px;}
.area_category{padding-bottom:60px;}
.area_category .img_ba ul{padding:60px 0 0;}
.area_category .title_area{position:relative;}
.area_category .more{text-align:right;margin-top:30px;}
.area_category .more a{border: 1px solid #ff9c00;display: inline-block;font-size:18px;text-align:center;font-weight: bold;line-height:30px;padding: 5px 10px 5px 5px;text-decoration: none;width:144px;
}
.area_category .more a::after{background:url(../images/btn_next_s.png) no-repeat left bottom;content: "";display: block;height: 15px;margin-top: -9px;position: absolute;right: 11px;top: 50%;width: 9px;}
.area_category .more a,.area_category .more a::after{-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.area_category .more a:hover{background:#fff;color:#ff9c00;}
.area_category .more a:hover::after{right:6px;background:url(../images/btn_next_s_o.png) no-repeat left bottom;}

.area_category .img_ba ul li.before p{margin-left:20px;}
.area_category .img_ba ul li.after p{margin-right:20px;}

.results_contents_menu{}
.results_contents_menu .come_list_area .box{/*margin-bottom:30px;padding-bottom:30px;*/}
.results_contents_menu .come_list_area .box a{text-decoration: none;}
.results_contents_menu .come_list_area .box:hover{filter: brightness(112%);/*box-shadow: 0 0 16px rgba(0,0,0,.2);*/}
.results_contents_menu .come_list_area .box .inner{margin-right:18px;/*padding-bottom:30px;*/}
.results_contents_menu .come_list_area .box .title{font-size:17px;line-height:22px;margin-top:14px;min-height:44px;font-weight:bold;padding-bottom: 18%;
}
.results_contents_menu .come_list_area .box .title .date{display:block;}
.results_contents_menu .come_list_area .box .inner .come_btn {position:absolute;width:100%;bottom:0;}

.l_category .l_parts_estimate > .box{padding:60px;}
.l_category .l_parts_estimate .area_contact .come_btn.more_b a,.l_category .l_parts_contact .area_contact .come_btn.more_b a{margin-left:20px;}

.l_category .l_parts_estimate h2{font-size:25px;}
.l_category .l_parts_estimate h2 span{font-size:30px;margin-top:20px;}


.l_category .l_parts_estimate .area_flow ul{padding:40px 20px 20px;}
.l_category .l_parts_estimate .area_flow ul li{font-size:16px;background-size:35%;}
.l_category .l_parts_estimate .area_flow ul li.step_2{width:34%;}
.l_category .l_parts_estimate .area_flow p{font-size:28px;letter-spacing:0;padding:10px 0 40px;}
.l_category .l_parts_estimate .area_contact .inner{padding:40px 60px;}
.l_category .l_parts_estimate .title{font-size:20px;}
.l_category .l_parts_estimate .l_2col .box.tel{width:40%;}
.l_category .l_parts_estimate .l_2col .box.form{width:60%;}
.l_category .l_parts_estimate .l_2col .box.form.come_btn a{font-size:20px;line-height:61px;margin-left:50px;}
.l_category .l_parts_estimate .area_contact .tel .number{width:270px;height:30px;}

.come_area_side .search{margin-bottom:20px;}
.come_area_side .search .area{background:#e8f1f4;padding:20px 15px 20px;}
.come_area_side .search .area h2{background:url("../images/icon_search.png") no-repeat left center;font-weight:bold;
background-size:20px;padding-left:30px;margin-bottom:7px;
}
.come_area_side .search .box{position:relative;}
.come_area_side .search .box input[type="text"]{width:120px;}
.come_area_side .search .box .come_btn{position:absolute;right:0;top:2px;width:50px;}
.come_area_side .search .box input[type="submit"]{width:50px;border-radius:4px;line-height:8px;border:1px solid #0097c6;}
.come_area_side p.alert{font-size:14px;padding-top:10px;}

.come_area_side .pertner{margin-top:20px;}
.come_area_side .pertner.come_btn a{width:100%;text-align:left;padding:15px 10px 15px 60px;
font-size:16px;line-height:1.2;max-width:150px;font-weight:bold;
}
.come_area_side .pertner.come_btn a::before{content:""; display:inline-block;position:absolute;top:50%;left:12px;margin-top:-11.5px;width:37px;
height:23px;background:url("../images/btn_pertner.png") no-repeat left center;padding-left:75px;
background-size:contain;
}

.img_ba ul.none{display:none;}
.img_ba ul{display:flex;background:#fff;/*padding:80px 10px 50px;*/}
.img_ba ul li{display:inline-block;width:50%;font-size:0;position:relative;}
.img_ba ul li.after{text-align:right;}

.img_ba ul li.before::after{
position:absolute;content:"";width:0;height:0;position:absolute;right:-7px;top:50%;
border-color:transparent transparent transparent #fff;
border-width:24px 0px 24px 30px;border-style:solid;margin-top:-20px;z-index:10;
}
.img_ba ul li.after::before{
position:absolute;content:"";width:0;height:0;position:absolute;left:-13px;top:50%;
border-color:transparent transparent transparent #ff9c00;
border-width:24px 0px 24px 30px;border-style:solid;margin-top:-20px;
}

/*category_detail*/
.l_result_detail .area_title{max-width:1080px;margin:40px auto;border-bottom:3px solid #ff9c00;}
.l_result_detail .area_title .category{display:inline-block;margin-right:5px;}
.l_result_detail .area_title .category a{padding:2px 5px;display:block;font-weight:bold;color:#fff;text-decoration:none;background-color:#ff9c00;
-webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}
.l_result_detail .area_title .category a:hover{background-color:#FED400;color:#333;}
.l_result_detail .area_title time.date{display:inline-block;font-size:18px;line-height:1.2;font-weight:normal;}
.l_result_detail .area_title h1{font-size:28px;font-weight:bold;padding-bottom:10px;letter-spacing:0;}
.l_result_detail .area_ba .cont{padding:50px 0 60px;}

.l_result_detail .img_ba p{width:400px}
.l_result_detail .img_ba p span{height:530px;}


.l_result_detail .result_detail_box{padding-bottom:30px;}
.l_result_detail .img_ba{margin:0 auto;}
.l_result_detail .explain{padding:30px 20px;}
.l_result_detail .state,.l_result_detail .cause{padding: 0 20px 20px;}

.img_ba p{width:340px;position:relative;display:inline-block;}
.img_ba p span{width:100%;height:450px;display:block;background-repeat:no-repeat;background-size:contain;}
.img_ba p::before{display:block;color:#fff;position:absolute;left:0;top:-40px;z-index:1;width:100%;font-size:20px;line-height:34px;text-align:left; }

.img_ba ul li.before p{margin-left:40px;}
.img_ba ul li.after p{margin-right:40px;}

.img_ba ul li p::before{color:#333;font-weight:bold;}

.img_ba ul li.before p::before{content:"Before";}
.img_ba ul li.after p::before{content:"After";}

.l_result_detail .come_wrapper{position:relative;}
.l_result_detail .img_ba p::before{font-size:24px;}

.bd_title{border-bottom:2px solid #42b9d1;position:relative;font-size:24px;font-weight:bold;
color:#00526b;padding:0 5px 5px;line-height:30px;
}
.bd_title::before{content:"";display:block; width:15%;height:2px;background:#0097c6;position:absolute;left:0;bottom:-2px;
}
.l_result_detail table.data{width:100%;margin:0 auto 60px;border:3px solid #0097c6;}
.l_result_detail table.data th,.l_result_detail table.data td{padding:20px;font-size:18px;border-bottom:1px solid #ccc;}
.l_result_detail table.data th{width:20%;font-weight:bold;}
.title_mini{font-size:20px;font-weight:bold;}
.l_result_detail .images{padding:0 10px;}
.l_result_detail .images ul.l_2col{margin:0 auto;}
.l_result_detail .images ul li p{margin:0 10px;}
.l_result_detail .images ul li img{width:100%;}

.l_result_detail .area_category_contact{padding:40px 0 80px;}
.l_result_detail .come_btn.btn_back{margin:20px auto 40px;text-align:center;}
.l_result_detail .come_btn.btn_back a{display:inline-block;line-height:40px;font-size:20px;}
.l_result_detail .area_bottom_menu{/*border:3px solid #ffb033;*/}
.l_result_detail .area_bottom_menu ul{display:flex;flex-wrap:wrap;padding:20px 0 0;}
.l_result_detail .area_bottom_menu ul li.come_btn{display:inline-block;margin:0 0 20px 20px;min-width:95px;
}
.l_result_detail .area_bottom_menu ul li.come_btn a{width:auto;font-size:14px;padding:5px 15px;border:1px solid #0097c6;}



.result_detail_cont{font-size:115%;}
.result_detail_cont span.mini_title{font-size:118%;display:block;border-bottom:3px solid #ff9c00;padding:5px 0 10px;font-weight:bold;}

.area_sns{position:absolute;right:1px;top:0;}
.area_sns >div{display:inline-block;line-height:11px;}


/*faq*/
.l_faq_menu{padding-bottom:40px;}
.l_faq_menu ul{display:flex;font-size:0;flex-wrap:wrap;margin-left:-10px;} 
.l_faq_menu ul li{width:25%;max-width:640px;display:inline-block;min-height:90px;position:relative;overflow:hidden;margin-bottom:15px;}
.l_faq_menu ul li .inner{height:100%;margin-left:10px;}
.l_faq_menu ul li a{display:table;font-size:20px;width:98%;color:#ff9c00;height:100%;text-decoration:none;position:relative;border:2px solid #ff9c00;
}
.l_faq_menu ul li a::after{
    position:absolute;content:"";width:9px;height:15px;
    left:50%;bottom:10px;
     background:url(../images/btn_next_s_o.png) no-repeat;display:inline-block;
    -moz-transition: all 0.1s ease-in;-webkit-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;transition: all 0.1s ease-in;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);
}

.l_faq_menu ul li a:hover{/*background:#ffc61a;*/color:#333;}
.l_faq_menu ul li a:hover::after{
background:url(../images/btn_next_s_on.png) no-repeat;bottom:5px;
}
.l_faq_menu ul li a span.image,.l_faq_menu ul li a span.title{display:table-cell;vertical-align:middle;}
.l_faq_menu ul li a span.image{width:60px;font-size:0;text-align:center;padding:10px 0 10px 10px;
height:60px;
}
.l_faq_menu ul li a span.bg_image{height:40px;width:40px;display:inline-block;}
.l_faq_menu ul li a span.title{padding-left:15px;font-size:20px;font-weight:bold;padding:10px 10px 20px;}

.faq_list{margin-top:-80px;padding-top:100px;margin-bottom:40px;}
.faq_list h2{font-weight:bold;font-size:32px;margin-bottom:30px;text-align:center;}
.faq_list .area_list{border-top:1px solid #cdcdcd;}
.faq_list dl{border-bottom:1px solid #cdcdcd;}
.faq_list dt,.faq_list dd{position:relative;padding:20px 50px 20px 80px;}
.faq_list dt{font-weight:bold;font-size:18px;}
.faq_list dt:before,.faq_list dd:before{position:absolute;top:11px;left:20px;}
.faq_list dt:before{content:"Q";display:inline-block;line-height:40px;font-size:20px;background:#ff9c00;color:#fff;width:40px;border-radius:4px;text-align:center;}
.faq_list dt:hover{cursor:pointer;color:#FF9C00;}

.faq_list dt:after{position:absolute;display:block;content:"";width:9px;height:15px;right:0;top:50%;margin:-7px 20px 0 0;background:url(../images/btn_next_s_o.png) no-repeat;
-webkit-transform:rotate(90deg);transform:rotate(90deg);
-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.faq_list dt.active:after{-webkit-transform:rotate(270deg);transform:rotate(270deg);}

.faq_list dd{}
.faq_list dd:before{content:"A";display:inline-block;line-height:40px;font-size:20px;background:#0097c6;color:#fff;width:40px;border-radius:4px;text-align:center;}
.faq_list dd .come_btn{max-width: inherit;margin:15px 0 0;text-align:right;}
.faq_list dd .come_btn span{display:inline-block;line-height:30px;width:170px;text-align:center;cursor:pointer;}
.faq_list dd .come_btn span:hover{opacity:0.8;}

/*independence*/
.l_independence_about .about_point{padding:100px 0 20px;}
.l_independence_about .about_point h2{line-height:1.5;}
.l_independence_about .about_point ul{margin-top:60px;}
.l_independence_about .about_point .come_list_area .box h3{min-height:inherit;}


.l_independence_merit,.l_independence_support,.l_independence_example,.l_independence_image,.l_independence_overview{border-top:1px solid #cdcdcd;}
.l_independence_area{padding-bottom:80px;}
.l_independence_about.come_area_pd{padding-top:40px;}
.l_independence_about p.text{font-size:20px;line-height:1.7;}
.l_independence_about p.image{text-align:center;margin-bottom:50px;}

.l_independence_merit h2{margin-bottom:30px;}
.l_independence_merit .box{padding:40px 0;border-bottom:1px dashed #ccc;}
.l_independence_merit .box:last-of-type{padding-bottom:0px;border:none;}

.l_independence_merit .area_table{display:table;width:100%;}
.l_independence_merit .area_table >div.area_image,
.l_independence_merit .area_table >div.area_text{display:table-cell;vertical-align:top;}
.l_independence_merit .area_table >div.area_image{width:320px;padding-right:40px;vertical-align:middle;}
.l_independence_merit .area_table >div.area_image.on_img{vertical-align:top;}
.l_independence_merit .area_table >div.area_image .th_title{width:300px;font-size:22px;font-weight:bold;padding:15px 10px;display:inline-block;}

.l_independence_merit .area_table >div.area_text{padding-bottom:10px;}
.l_independence_merit .area_table >div.area_text .come_btn{margin-top:20px;}
.l_independence_merit .area_table >div.area_text .come_btn a{width:inherit;display:inline-block;padding:10px 30px 10px 20px;margin-right:20px;
-webkit-border-radius: 2px; border-radius: 2px;font-weight:bold;}
.l_independence_merit .area_table >div.area_text .come_btn a::after{right:12px;}
.l_independence_merit .area_table >div.area_text .come_btn a,
.l_independence_merit .area_table >div.area_text .come_btn a::after
{-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.l_independence_merit .area_table >div.area_text .come_btn a:hover{opacity:0.8;}
.l_independence_merit .area_table >div.area_text .come_btn a:hover::after{right:6px;}

.independence_list span.bg_image{padding-top:66%;margin-bottom:10px;-webkit-background-size:cover;background-size:cover;}

.independence_list{padding-top:10px;}
.independence_list .box{margin-top:30px;}
.independence_list .box .title{display:block;text-align:center;font-size:22px;font-weight:bold;}
.independence_list .box .com_tube{max-width:520px;}
.independence_list .box .com_tube{position:relative;padding-top:56%;height:0;overflow:hidden;}
.independence_list .box .com_tube iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.independence_list .text{padding:10px 10px 20px;display:block;}
.independence_list .performance{background:#e8f1f4;padding:20px;display:block;font-size:15px;line-height:1.5;}

.l_independence_overview h2{margin-bottom:40px;}

.l_independence_overview table{width:100%;font-size:18px;border-top:1px dashed #9ca9ac;}
.l_independence_overview th,.l_independence_overview td{border-bottom:1px dashed #9ca9ac;padding:20px;}
.l_independence_overview th{font-weight:bold;width:200px;}

.l_independence_area .l_link{max-width:660px;margin:40px auto 0;}
.l_independence_area .l_link a{line-height:74px;padding:0;font-size:20px;display:inline-block;margin:0 auto;}
.l_independence_area .l_link .bg_o a .inner{margin-right:35px;}
.l_independence_area .l_link .bg_b a{border:1px solid #0097c6;line-height:72px;width:298px;}
.l_independence_area .l_link .bg_b a:hover::after{background:url("../images/btn_next_b_b.png") no-repeat left bottom;}


/*company*/

.l_company_about,.l_company_message,.l_company_overview{position:relative;padding:100px 0;}
/*
.l_company_about:after,.l_company_message:after,.l_company_overview:after{width:1080px;margin-left:-540px;border-top:1px solid #cdcdcd;height:1px;display:block;content:"";display:block;position:absolute;left:50%;top:0;}
*/
.l_company_about .cont,.l_company_overview .cont,.l_company_message .cont{width:810px;}

.l_company_about{margin-top:30px;padding-top:60px;}
.l_company_about span.em1{font-weight:bold;font-size:26px;display:block;margin-bottom:14px;}
.l_company_about .box{margin:60px auto 0;}
.l_company_about .on_image{display:table;}
.l_company_about .image{display:table-cell;width:200px;vertical-align:middle;}
.l_company_about .on_image .area_text{display:table-cell;vertical-align:middle;padding-left:40px;}
.l_company_about h2{background:url("../images/title_company_reteq.png") no-repeat top center;padding-top:72px;background-size:58px;}

.l_company_message h2{background:url("../images/title_company_message.png") no-repeat top center;padding-top:80px;background-size:65px;}
.l_company_message .text{line-height:2;font-size:18px;padding:34px 0px;}

.l_company_overview h2{background:url("../images/title_company_overview.png") no-repeat top center;padding-top:75px;background-size:60px;}
.l_company_overview table{width:100%;margin-top:40px;font-size:16px;border-top:1px dashed #9ca9ac;}
.l_company_overview th{width:120px;font-weight:bold;}
.l_company_overview th,.l_company_overview td{border-bottom:1px dashed #9ca9ac;padding:20px;}

.l_company_map{margin-top:20px;}
.l_company_map .g_map {position:relative;padding-top:20%;height:0;overflow: hidden;}
.l_company_map .g_map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/*news*/
.come_title_h1.bdb{border-bottom:1px solid #333;position:relative;}
.l_news_area{padding:0 0 80px;}
.l_news_area .menu_bn{margin:20px 0 40px;color:#333;text-align:right;}
.l_news_area .menu_bn span{font-weight:bold;}
.l_news_area .menu_bn input{font-size:14px;}

.news_list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-30px;}
.news_list .box{width:33.3%;padding-right:30px;-webkit-box-sizing: border-box;box-sizing: border-box;position:relative;}
.news_list .box a{display:block;width:100%;height:100%;border-bottom:1px solid #cdcdcd;text-decoration:none;-webkit-transform:translateY(-0px);transform:translateY(-0px);
-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.news_list .box a:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0.8;}
.news_list .box .image {position: relative;width: 100%;}
.news_list .box .image:before {content:"";display: block;padding-top: 75%;}
.news_list .box .image > *{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background:none 50% 50% no-repeat #fff;-webkit-background-size:cover;background-size:cover;}
.news_list .box .text{font-size:15px;padding:20px 0;}
.news_list h2{font-weight:bold;font-size:22px;display:block;}

.news_article{width:900px;margin-right:auto;margin-left:auto;}
.news_article h2{border-bottom: 3px solid #ff9c00;font-size: 30px;font-weight: bold;padding-bottom:10px;text-align: left;margin-bottom:20px;}
.news_article .text{line-height:2;}
.news_article .text img{max-width:100%;}
.news_article .btn{width: 300px;margin:40px auto 0;text-align:center;}
.news_article .btn a{width:100%;padding: 10px 0;color:#fff;display: block;font-size: 20px;line-height: 40px;background: #ff9c00;text-decoration: none;position:relative;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
.news_article .btn a:after{background: url(../images/btn_next_s.png) no-repeat left bottom;content: "";display: block;height: 15px;margin-top: -7.5px;position: absolute;right: 20px;top: 50%;width: 9px;-webkit-background-size:contain;background-size:contain;}
.news_article .btn a:hover{background-color:#ffb033;}
/*privacy*/
.contents_privacy{padding:40px 0 0;}


/*recruit*/
.l_recruit_message{padding: 0;}
.l_recruit_guidelines h2{background:url("../images/title_recruit.png") no-repeat top center;padding-top:78px;background-size:60px;}
.l_recruit_guidelines .announce{text-align:center;margin-top:25px;font-weight:bold;margin-bottom:35px;}
.l_recruit_guidelines .announce span{color:#d42331;display:block;}
.l_recruit_guidelines table{width:100%;font-size:16px;}
.l_recruit_guidelines th{width:120px;font-weight:bold;}
.l_recruit_guidelines th,.l_recruit_guidelines td{border-bottom:1px dashed #9ca9ac;padding:20px;}
.l_recruit_images{display: flex;justify-content: space-between;align-items: center;margin: 40px -10px 0;}
.l_recruit_images p{display: flex;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;width: 33.33333%;width: calc(100% / 3);padding: 0 10px;
max-height: 230px;overflow: hidden;
}
.l_recruit_images p img{max-width: 100%;}

.l_recruit_guidelines ul{margin-right:-20px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l_recruit_guidelines li{font-weight:bold;text-align:center;font-size:18px;width:434px;height:55px;padding-top:15px;margin-right:20px;border:3px solid #fff7e9;background:url(../images/icon_recruit_down.png) 50% 42px no-repeat #ffff;
-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.l_recruit_guidelines li:hover{cursor:pointer;}
.l_recruit_guidelines li:hover,
.l_recruit_guidelines li.on{background-color:#fff7e9;}
.l_recruit_guidelines .table_menu_list{padding:37px 39px 38px;background-color:#fff7e9;}
.l_recruit_guidelines .table_menu_list table{max-width:100%;line-height:1.625;background:#fff;padding:0 28px;display:none;}
.l_recruit_guidelines .table_menu_list table:first-child{display:table;}
.l_recruit_guidelines .table_menu_list th,
.l_recruit_guidelines .table_menu_list td{border-bottom:1px solid #dcdcdc;}
.l_recruit_guidelines .table_menu_list tr:last-child th,
.l_recruit_guidelines .table_menu_list tr:last-child td{border-bottom:1px solid #fff;}
.l_recruit_guidelines .table_menu_list th{text-align:center;font-weight:bold;padding:25px 20px;width:135px;}
.l_recruit_guidelines .table_menu_list td{padding:25px 27px 25px 15px;}
.l_recruit_guidelines .table_menu_list td a{color: #0000ff;}
.l_recruit_btn{text-align:center;margin-top:-40px;}
.l_recruit_btn p{width:400px;height:80px;}
.l_recruit_btn a{font-weight:bold;font-size:22px;width:394px;line-height:26px;padding:25px 0;border:3px solid #0097c6 !important; }

/*cooperate*/
.l_recruit_guidelines.cooperate h2{background:url("../images/title_cooperate.png") no-repeat top center;padding-top:78px;background-size: 88px 54px;}


/*partner*/
.l_partner_annouce .text{border-bottom:1px solid #cdcdcd;padding-bottom:60px;}
.l_partner_members{padding-top:45px;}
.l_partner_members h2{background:url(../images/title_members_bg.png) 50% 0% no-repeat;margin-bottom:40px;padding-top:80px;}
.l_partner_members .box{padding-bottom:30px;border-bottom:1px dotted #cdcdcd;margin-bottom:60px;}
.l_partner_members .image_etc{width:360px;}
.l_partner_members .image{width:356px;height:396px;margin-bottom:10px;border:2px solid #F49C00;background:url(../images/footer_logo.png) 50% 50% no-repeat;}
.l_partner_members .image.on_img{width:360px;height:400px;border:none;-webkit-background-size:cover;background-size:cover;}
.l_partner_members .image_etc h3,
.l_partner_members .image_etc p{padding-top:5px;}
.l_partner_members .profile{width:650px;padding-right:30px;}
.l_partner_members dl{}
.l_partner_members dt{font-size:18px;line-height:1.2;font-weight:bold;padding:14px 20px;border-left:5px solid #ff9c00;background-color:#fff7e9;}
.l_partner_members dt.even{background:#ecf9fb;border-color:#0097c6;}
.l_partner_members dd{line-height:1.65;padding:10px 0 25px;}

