@charset "utf-8";
/* CSS Document */
.About_detail > .page{width:100%; max-width:100%; padding:0;}
.About_detail > .page .page {max-width:1300px; width:1300px;}
.content.About_detail, .About_detail .main{padding:0;}

/**/
.banner{position:relative; line-height: 0;}
.banner .mask a{background: #e73a05;color: #fff; font-size: 20px; padding: 15px 50px;}
.banner .mask a:hover{background: #fff;color: #e73a05;}
.banner .mask{font-size: 15px; text-align:left; left: 10%; bottom: 50%; transform:translateY(50%); position:absolute; width:auto; height:auto; position:absolute; z-index: 190; white-space: nowrap; color:#fff; line-height:100%;}
.banner .mask h2{font-size: 35px; text-shadow: 0.1em 0.1em 0.2em black;}
.banner .mask h3{font-size: 20px; text-shadow: 0.1em 0.1em 0.2em black; margin-bottom: 30px;}
/**/

.faqlayout .list{padding:0;}
.faqlayout .list h3.subject{text-indent:-30px; margin-left:30px; position:relative;}
.faqlayout .list h3.subject::before{content:""; width:calc(100% + 30px); height:1px; display:block; position:absolute; bottom:0; left:-30px; background:#e36500;}
.faqlayout .list h3.subject .foricon{color:#999;}
.faqlayout .list .innerhtml{padding-left:30px;}
@media screen and (max-width:1286px){/*desktop*/
.About_detail > .page .page {width:100%; max-width:100%; padding:0 3%;}

}
@media screen and (max-width:960px){/*desktop-small pad*/
.banner .mask h2{font-size: 20px;}
.banner .mask h3{font-size: 15px;}
.banner .mask a{font-size:16px; padding: 10px 50px;}
}
@media screen and (max-width:767px){/*phone*/
.banner{overflow: hidden;}
.innerhtml .banner img, .banner img{width:120%; max-width:120%;}
.banner .mask h2{font-size: 20px;}
.banner .mask .link{display: none;}

}