@charset "utf-8";
/*---------------------------------------*/
/* contactArea */
/*---------------------------------------*/
.contactArea {
background:#e1041b;
padding:45px 0;
color:#fff;
}
@media screen and (max-width:767px){
.contactArea {
padding:50px 0;
}
}
.contactArea .areaInner{
min-height:254px;
}
@media screen and (max-width:980px){
.contactArea .areaInner{
min-height:inherit;
max-width:600px;
}
}
.contactArea .areaInner .img{
position:absolute;
top:8px;
left:0;
width:260px;
}
@media screen and (max-width:980px){
.contactArea .areaInner .img{
position:static;
margin-bottom:30px;
width:100%;
}
}
.contactArea .areaInner .img img{
width:100%;
height:auto;
}
.contactArea .areaInner .txt{
margin-left:295px;
}
@media screen and (max-width:980px){
.contactArea .areaInner .txt{
margin-left:0;
}
}
.contactArea .areaInner .txt .note{
font-size:128.5%;
font-weight:bold;
margin-bottom:10px;
}
@media screen and (max-width:980px){
.contactArea .areaInner .txt .note{
text-align:center;
margin-bottom:30px;
}
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .note{
font-size:11pt;
line-height:1.4;
margin-bottom:10px;
}
}
.contactArea .areaInner .txt .note .color{
color:#fff109;
}
.contactArea .areaInner .txt .ttlArea{
position:relative;
min-height:52px;
margin-bottom:10px;
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .ttlArea{
min-height:inherit;
}
}
.contactArea .areaInner .txt .ttlArea .box{
position:absolute;
top:0;
left:0;
width:105px;
height:50px;
line-height:50px;
border:1px solid #fff;
font-size:128.5%;
font-weight:bold;
text-align:center;
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .ttlArea .box{
width:100%;
height:35px;
line-height:35px;
font-size:10pt;
position:static;
margin-bottom:20px;
}
}
.contactArea .areaInner .txt .ttlArea .ttl{
margin-left:126px;
font-size:128.5%;
line-height:1.2;
font-weight:bold;
}
@media screen and (max-width:1100px){
.contactArea .areaInner .txt .ttlArea .ttl{
font-size:114%;
margin-left:113px;
line-height:1.4;
}
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .ttlArea .ttl{
font-size:11pt;
margin-left:0;
}
}
.contactArea .areaInner .txt .ttlArea .ttl .big{
font-size:116%;
display:block;
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .ttlArea .ttl .big{
font-size:11pt;
}
}
.contactArea .areaInner .txt .ttlArea .ttl .color{
color:#fff109;
}
.contactArea .areaInner .txt .tel{
margin-bottom:10px;
}
.contactArea .areaInner .txt .tel .icon-tel-2{
font-size:68px;
color:#fff;
margin-right:5px;
}
@media screen and (max-width:1100px){
.contactArea .areaInner .txt .tel .icon-tel-2{
font-size:58px;
}
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .tel .icon-tel-2{
font-size:33px;
}
}
@media screen and (max-width:374px){
.contactArea .areaInner .txt .tel .icon-tel-2{
font-size:30px;
}
}
.contactArea .areaInner .txt .tel .robot{
font-size:621%;
color:#fff109;
line-height:1;
letter-spacing: -0.02em;
}
@media screen and (max-width:1100px){
.contactArea .areaInner .txt .tel .robot{
font-size:540%;
}
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .tel .robot{
font-size:300%;
}
}
@media screen and (max-width:374px){
.contactArea .areaInner .txt .tel .robot{
font-size:255%;
}
}
.contactArea .areaInner .txt .web{
font-weight:bold;
font-size:128.5%;
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .web{
font-size:11pt;
}
}
.contactArea .areaInner .txt .web .ttl{
margin-right:20px;
margin-bottom: 5px;
vertical-align:middle;
display:inline-block;
}
.contactArea .areaInner .txt .web a{
display:inline-block;
width:441px;
height:56px;
line-height:56px;
border:2px solid #fff;
text-align:center;
font-size:116%;
}
@media screen and (max-width:1100px){
.contactArea .areaInner .txt .web a{
display:block;
}
}
@media screen and (max-width:980px){
.contactArea .areaInner .txt .web a{
width:100%;
}
}
.contactArea .areaInner .txt .web a:hover{
background:#fff109;
border:2px solid #fff109;
}
.contactArea .areaInner .txt .message{
width:100%;
height:36px;
line-height:36px;
text-align:center;
background:#fff;
color:#e1041b;
font-size:114%;
font-weight:bold;
margin-top:20px;
}
@media screen and (max-width:767px){
.contactArea .areaInner .txt .message{
font-size:8pt;
height:auto;
line-height:1.4;
padding:5px 0;
}
}
/*---------------------------------------*/
/* attentionArea */
/*---------------------------------------*/
#attentionArea .upper{
background:url(../images/common/bg-attention.png) top left repeat;
background-size:40px auto;
}
@media screen and (max-width:767px){
#attentionArea .upper{
background-size:30px auto;
}
}
#attentionArea .upper .img{
width:125px;
margin:0 auto;
padding:15px 0;
}
@media screen and (max-width:767px){
#attentionArea .upper .img{
width:60px;
}
}
#attentionArea .upper .img img{
width:100%;
height:auto;
}
#attentionArea .areaInner{
padding:40px 0;
}
@media screen and (max-width:767px){
#attentionArea .areaInner{
padding:20px 0;
}
}
#attentionArea .areaTtl{
font-weight:bold;
font-size:228.5%;
color:#e1041b;
text-align:center;
}
@media screen and (max-width:767px){
#attentionArea .areaTtl{
font-size:13pt;
}
}
#attentionArea .areaTtl .big{
font-size:131%;
margin:0 0 15px 0;
display:inline-block;
}
@media screen and (max-width:767px){
#attentionArea .areaTtl .big{
font-size:18pt;
}
}
#attentionArea .listOuter{
text-align:center;
}
#attentionArea .listOuter ul{
max-width:774px;
margin:15px auto 0;
display:inline-block;
text-align:left;
}
@media screen and (max-width:980px){
#attentionArea ul{
}
}
@media screen and (max-width:980px){

}
#attentionArea ul li{
font-size:114%;
font-weight:bold;
line-height:1.4;
margin:0 0 25px 0;
float:left;
width:50%;
}
@media screen and (max-width:980px){
#attentionArea ul li{
font-size:100%;
}
}
@media screen and (max-width:767px){
#attentionArea ul li{
float:none;
width:auto;
font-size:9pt;
margin:0 0 15px 0;
}
}
#attentionArea ul li .big{
font-size:131%;
}
@media screen and (max-width:767px){
#attentionArea ul li .big{
font-size:12pt;
}
}
#attentionArea ul li .check{
display:inline-block;
vertical-align:middle;
width:62px;
height:35px;
background:url(../images/common/icon-check.gif) 22px top no-repeat;
background-size:auto 21px;
}
@media screen and (max-width:980px){
#attentionArea ul li .check{
width:48px;
height:26px;
background:url(../images/common/icon-check.gif) 18px top no-repeat;
background-size:auto 18px;
}
}
@media screen and (max-width:767px){
#attentionArea ul li .check{
}
}
#attentionArea .when{
width:254px;
margin:15px auto 30px;
height:90px;
line-height:63px;
background:url(../images/common/arrow-attention.gif) center no-repeat;
background-size:contain;
text-align:center;
font-weight:bold;
font-size:150%;
color:#fff;
}
@media screen and (max-width:767px){
#attentionArea .when{
width:160px;
height:60px;
line-height:44px;
margin:10px auto 20px;
font-size:11pt;
}
}
#attentionArea .esg{
font-weight:bold;
font-size:200%;
text-align:center;
color:#e1041b;
}
@media screen and (max-width:767px){
#attentionArea .esg{
font-size:18pt;
}
}
#attentionArea .esg .marker{
position:relative;
}
#attentionArea .esg .marker:before{
content:"";
display:block;
width:100%;
height:70%;
position:absolute;
top:50%;
left:0;
background:#fff109;
}
#attentionArea .esg .marker .txt{
position:relative;
padding:0 5px;
}
/*---------------------------------------*/
/* serviceArea */
/*---------------------------------------*/
#serviceArea{
padding:90px 0 0;
}
@media screen and (max-width:767px){
#serviceArea{
padding:30px 0 0;
}
}
#serviceArea .areaInner .serviceContent .areaTtl{
font-size:271%;
text-align:center;
color:#e1041b;
font-weight:bold;
position:relative;
margin-bottom:65px;
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent .areaTtl{
font-size:15pt;
margin-bottom:20px;
line-height:1.5;
}
}
#serviceArea .areaInner .serviceContent .areaTtl .small{
font-size:57%;
display:block;
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent .areaTtl .small{
font-size:9pt;
}
}
#serviceArea .areaInner .serviceContent .subTtl{
font-size:150%;
font-weight:bold;
position:relative;
text-align:center;
margin-bottom:20px;
color:#e1041b;
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent .subTtl{
font-size:11pt;
margin-bottom:15px;
}
}
#serviceArea .areaInner .serviceContent .subTtl:before{
position:absolute;
top:50%;
left:0;
width:100%;
height:2px;
margin-top:-1px;
background:#e1041b;
content:"";
}
#serviceArea .areaInner .serviceContent .subTtl .bg{
padding:0 20px;
background:#fff;
position:relative;
z-index:10;
}
#serviceArea .areaInner .serviceContent .ttlNote{
text-align:center;
font-size:114%;
margin-bottom: 35px;
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent .ttlNote{
font-size:9pt;
margin-bottom:20px;
}
}
#serviceArea .areaInner .serviceContent ul{
margin-bottom:60px;
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent ul{
margin-bottom:30px;
}
}
#serviceArea .areaInner .serviceContent ul li{
display:inline;
width:32.8%;
float:left;
margin-right:0.8%;
margin-bottom:45px;
position:relative;
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent ul li{
width:49%;
margin-right:1%;
margin-bottom:30px;
}
}
#serviceArea .areaInner .serviceContent ul li:nth-child(3n){
margin-right:0;
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent ul li:nth-child(3n){
margin-right:1%;
}
#serviceArea .areaInner .serviceContent ul li:nth-child(2n){
margin-right:0;
}
}
#serviceArea .areaInner .serviceContent ul li:after{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:"";
border:1px solid #afafaf;
box-sizing:border-box;

}
#serviceArea .areaInner .serviceContent ul li img{
width:100%;
height:auto;
}
#serviceArea .areaInner .serviceContent ul li .note{
position:absolute;
top:100%;
line-height:1.4;
margin-top:5px;
}
@media screen and (max-width:980px){
#serviceArea .areaInner .serviceContent ul li .note{
font-size:86%;
}
}
@media screen and (max-width:767px){
#serviceArea .areaInner .serviceContent ul li .note{
font-size:7pt;
margin-top:2px;
}
}

/*---------------------------------------*/
/* worksArea */
/*---------------------------------------*/
#worksArea{
padding:90px 0;
}
@media screen and (max-width:767px){
#worksArea{
padding:30px 0;
}
}
#worksArea .areaInner .areaTtl{
font-size:271%;
text-align:center;
color:#e1041b;
font-weight:bold;
position:relative;
margin-bottom:65px;
}
@media screen and (max-width:767px){
#worksArea .areaInner .areaTtl{
font-size:15pt;
margin-bottom:20px;
line-height:1.5;
}
}
.worksSlide li .img{
position:relative;
display:block;
}
.worksSlide li .img .cover{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:block;
opacity:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.worksSlide li a:hover .img .cover{
opacity:1;
}
.worksSlide li .img .txt{
position:absolute;
top:50%;
left:0;
text-align:center;
font-size:114%;
color:#fff;
display:block;
width:100%;
line-height:1;
margin-top:-0.5em;
opacity:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width:767px){
.worksSlide li .img .txt{
font-size:9pt;
}
}
.worksSlide li a:hover .img .txt{
opacity:1;
}
.worksSlide li .txtBox{
position:relative;
display:block;
padding:22px 5px 0;
}
.worksSlide li .txtBox .icon{
position:absolute;
top:-10px;
left:0;
min-width:65px;
height:20px;
line-height:20px;
padding:0 5px;
text-align:center;
color:#fff;
background:#e1041b;
display:block;
font-size:78.5%;
}
@media screen and (max-width:767px){
.worksSlide li .txtBox .icon{
font-size:8pt;
}
}
.worksSlide li .txtBox .ttl{
color:#e1041b;
font-weight:bold;
font-size:114%;
margin-bottom:5px;
display:block;
}
@media screen and (max-width:767px){
.worksSlide li .txtBox .ttl{
font-size:10pt;
}
}
.worksSlide li .txtBox .note{
color:#4c4c4c;
line-height:1.4;
display:block;
}
@media screen and (max-width:767px){
.worksSlide li .txtBox .note{
font-size:9pt;
}
}
/*---------------------------------------*/
/* featureArea */
/*---------------------------------------*/
#featureArea{
background:url(../images/common/bg-feature.jpg) center center no-repeat;
background-size:cover;
padding:50px 0;
}
@media screen and (max-width:767px){
#featureArea{
padding:30px 0;
}
}
#featureArea .areaInner{
background:url(../images/common/bg-featurein-top.png) top left no-repeat,url(../images/common/bg-featurein-bottom.png) bottom right no-repeat;
background-size:auto 80px;
padding:80px 0;
}
@media screen and (max-width:767px){
#featureArea .areaInner{
background:rgba(255,255,255,0.9);
padding:40px 0;
}
}
#featureArea .areaInner .featureContent{
background:rgba(255,255,255,0.9);
padding:0 5%;
}
@media screen and (max-width:767px){
#featureArea .areaInner .featureContent{
background:none;
}
}
#featureArea .areaInner .featureContent .areaTtl{
font-size:250%;
text-align:center;
color:#e1041b;
font-weight:bold;
position:relative;
margin-bottom:30px;
}
@media screen and (max-width:767px){
#featureArea .areaInner .featureContent .areaTtl{
font-size:15pt;
margin-bottom:20px;
}
}
#featureArea .areaInner .featureContent .areaTtl .circle{
display:inline-block;
width:85px;
height:80px;
background:#fff109;
border-radius:50%;
text-align:center;
font-size:111%;
padding-top:5px;
}
@media screen and (max-width:767px){
#featureArea .areaInner .featureContent .areaTtl .circle{
width:55px;
height:50px;
padding-top:5px;
}
}
#featureArea .areaInner .featureContent .areaTtl .circle .num{
font-size:112%;
}
#featureArea .areaInner .featureContent .subTtl{
font-size:150%;
text-align:center;
color:#e1041b;
font-weight:bold;
margin-bottom:10px;
}
@media screen and (max-width:767px){
#featureArea .areaInner .featureContent .subTtl{
font-size:11pt;
}
}
#featureArea .areaInner .featureContent .ttlNote{
text-align:center;
font-size:114%;
color:#e1041b;
line-height: 1.4;
}
@media screen and (max-width:767px){
#featureArea .areaInner .featureContent .ttlNote{
font-size:9pt;
text-align:left;
}
}
#featureArea .areaInner ul{
max-width:800px;
margin:30px auto 0;
border-left:1px solid #e1041b;
border-right:1px solid #e1041b;
}
@media screen and (max-width:980px){
#featureArea .areaInner ul{
border:none;
max-width:450px;
}
}
@media screen and (max-width:767px){
#featureArea .areaInner ul{
margin:30px auto 0;
}
}
#featureArea .areaInner ul li{
width:33.33%;
float:left;
border-left:1px solid #e1041b;
text-align:center;
margin-left:-1px;
}
@media screen and (max-width:980px){
#featureArea .areaInner ul li{
width:100%;
border:none;
margin-left:0;
position:relative;
min-height:160px;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dashed #e1041b;
}
}
@media screen and (max-width:767px){
#featureArea .areaInner ul li{
min-height:105px;
margin-bottom:10px;
padding-bottom:10px;
}
}
#featureArea .areaInner ul li:first-child{
border-left:none;
}
#featureArea .areaInner ul li .img{
margin-bottom:20px;
}
@media screen and (max-width:980px){
#featureArea .areaInner ul li .img{
position:absolute;
top:0;
left:0;
width:186px;
}
}
@media screen and (max-width:767px){
#featureArea .areaInner ul li .img{
width:120px;
left:-10px;
}
}
#featureArea .areaInner ul li img{
width:90%;
height:auto;
max-width:186px;
display:block;
margin-left:auto;
margin-right:auto;
}
#featureArea .areaInner ul li .note{
text-align:center;
font-size:114%;
color:#e1041b;
font-weight:bold;
line-height:1.6;
}
@media screen and (max-width:980px){
#featureArea .areaInner ul li .note{
text-align:left;
margin-left:200px;
margin-top:50px;
}
}
@media screen and (max-width:767px){
#featureArea .areaInner ul li .note{
margin-left:115px;
margin-top:15px;
font-size:11pt;
}
}
/*---------------------------------------*/
/* stepArea */
/*---------------------------------------*/
#stepArea {
padding:80px 0 120px;
background:#f6f6f6;
}
@media screen and (max-width:767px){
#stepArea {
padding:50px 0;
}
}
#stepArea .areaTtl{
font-size:250%;
text-align:center;
font-weight:bold;
color:#e1041b;
margin-bottom:80px;
}
@media screen and (max-width:767px){
#stepArea .areaTtl{
font-size:15pt;
margin-bottom:20px;
}
}
#stepArea ul{
border-left:1px solid #e1041b;
border-right:1px solid #e1041b;
}
@media screen and (max-width:980px){
#stepArea ul{
border:none;
max-width:400px;
margin:0 auto;
}
}
#stepArea ul li{
width:25%;
float:left;
border-left:1px solid #e1041b;
margin-left:-1px;
color:#e1041b;
text-align:center;
position:relative;
}
@media screen and (max-width:980px){
#stepArea ul li{
width:100%;
border-left:none;
margin-left:0;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #e1041b;
}
}
#stepArea ul li:first-child{
border-left:none;
}
#stepArea ul li .stap{
position:relative;
font-size:128.5%;
font-weight:bold;
padding-bottom:5px;
margin-bottom:25px;
}
@media screen and (max-width:980px){
#stepArea ul li .stap{
margin-bottom:15px;
}
}
@media screen and (max-width:767px){
#stepArea ul li .stap{
font-size:11pt;
}
}
#stepArea ul li .stap:after{
content:"";
display:block;
position:absolute;
bottom:0;
left:50%;
width:20px;
height:2px;
background:#e1041b;
margin-left:-10px;
}
#stepArea ul li .icon{
width:72px;
margin:0 auto 40px;
}
@media screen and (max-width:980px){
#stepArea ul li .icon{
position:absolute;
top:50px;
left:0;
}
}
@media screen and (max-width:767px){
#stepArea ul li .icon{
width:40px;
top:35px
}
#stepArea ul li:first-child .icon{
top:47px
}
}
#stepArea ul li .icon img{
width:100%;
height:auto;
}
#stepArea ul li .ttl{
font-size:128.5%;
text-align:center;
font-weight:bold;
line-height:1.4;
height:2.8em;
margin-bottom:15px;
}
@media screen and (max-width:767px){
#stepArea ul li .ttl{
font-size:14pt;
text-align:left;
margin-left:60px;
margin-top: -7px;
margin-bottom:10px;
height:35px;
}
#stepArea ul li:first-child .ttl{
height:55px;
}
}
@media screen and (max-width:374px){
#stepArea ul li .ttl{
font-size:13pt;
}
}
#stepArea ul li .note{
font-size:114%;
padding:0 8%;
line-height:1.4;
text-align:left;
}
@media screen and (max-width:767px){
#stepArea ul li .note{
font-size:10pt;
padding:0;
}
}
#stepArea ul li .tel{
text-align:left;
padding:10px 8% 0;
}
@media screen and (max-width:767px){
#stepArea ul li .tel{
text-align:left;
padding:10px 0 0;
}
}
#stepArea ul li .tel .icon-tel-2{
font-size:19px;
margin-right:5px;
}
@media screen and (max-width:767px){
#stepArea ul li .tel .icon-tel-2{
font-size:26px;
}
}
#stepArea ul li .tel .robot{
font-size:157%;
line-height:1;
}
@media screen and (max-width:767px){
#stepArea ul li .tel .robot{
font-size:215%;
}
}
#stepArea ul li .arrow{
position:absolute;
top:50%;
right:0;
margin:-12px -12px 0 0;
font-size:24px;
line-height:1;
text-shadow: #f6f6f6 2px 2px 0px, #f6f6f6 -2px 2px 0px, #f6f6f6 2px -2px 0px, #f6f6f6 -2px -2px 0px;
z-index:10;
}
@media screen and (max-width:980px){
#stepArea ul li .arrow{
top:auto;
bottom:0;
right:50%;
margin:0 -12px -12px 0;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
}
/*---------------------------------------*/
/* placeArea */
/*---------------------------------------*/
#placeArea {
padding:90px 0 40px;
background: #f6f6f6;
}
@media screen and (max-width:767px){
#placeArea {
padding:50px 0;
}
}
#placeArea .areaTtl{
font-size:250%;
text-align:center;
font-weight:bold;
color:#e1041b;
margin-bottom:80px;
line-height:1.4;
}
@media screen and (max-width:767px){
#placeArea .areaTtl{
font-size:15pt;
margin-bottom:20px;
}
}
#placeArea .areaTtl .small{
font-size:57%;
display:block;
}
@media screen and (max-width:767px){
#placeArea .areaTtl .small{
font-size:9pt;
}
}
#placeArea .map{
max-width:800px;
margin:0 auto 50px;
}
@media screen and (max-width:767px){
#placeArea .map{
margin:0 auto 20px;
}
}
#placeArea .map img{
width:100%;
height:auto;
}
#placeArea .mapContent{
position:relative;
margin:0 auto 30px;
max-width:800px;
min-height:38px;
}
@media screen and (max-width:767px){
#placeArea .mapContent{
margin:0 auto 20px;
}
}
#placeArea .mapContent .ttl{
font-size:150%;
font-weight:bold;
color:#e1041b;
position:absolute;
top:0;
left:0;
}
@media screen and (max-width:767px){
#placeArea .mapContent .ttl{
font-size:15px;
position:static;
margin-bottom:5px;
}
}
#placeArea .mapContent .note{
font-size:114%;
line-height:1.4;
margin-left:113px;
}
@media screen and (max-width:767px){
#placeArea .mapContent .note{
font-size:9pt;
margin-bottom:10px;
margin-left:0;
}
}
/*---------------------------------------*/
/* faqArea */
/*---------------------------------------*/
#faqArea{
padding:80px 0 40px;
}
@media screen and (max-width:767px){
#faqArea{
padding:50px 0 20px;
}
}
#faqArea .areaInner .areaTtl{
font-size:271%;
text-align:center;
color:#e1041b;
font-weight:bold;
position:relative;
margin-bottom:60px;
}
@media screen and (max-width:767px){
#faqArea .areaInner .areaTtl{
font-size:15pt;
margin-bottom:20px;
}
}
#faqArea .areaInner .subTtl{
font-size:200%;
font-weight:bold;
border-bottom:5px solid #e1041b;
padding-bottom:10px;
margin-bottom:45px;
color:#e1041b;
}
@media screen and (max-width:767px){
#faqArea .areaInner .subTtl{
font-size:13pt;
margin-bottom:25px;
border-bottom:3px solid #e1041b;
}
}
#faqArea .faqOuter{
margin:0 auto 75px;
max-width:800px;
}
@media screen and (max-width:767px){
#faqArea .faqOuter{
margin-bottom:40px;
}
}
#faqArea .faqContent{
position:relative;
margin-bottom:50px;
}
@media screen and (max-width:767px){
#faqArea .faqContent{
margin-bottom:40px;
}
}
#faqArea .faqContent .txt .question{
position:relative;
font-size:150%;
font-weight:bold;
color:#fff;
background:#e1041b;
padding:8px 45px 8px 90px;
margin-bottom:30px;
line-height:1.6;
cursor:pointer;
}
@media all and (-ms-high-contrast:none) {
#faqArea .faqContent .txt .question{
padding:8px 45px 0 90px;
}
}
@media screen and (max-width:767px){
#faqArea .faqContent .txt .question{
font-size:11pt;
margin-bottom:15px;
padding:8px 25px 8px 60px;
}
}
#faqArea .faqContent .txt .question:before,
#faqArea .faqContent .txt .question:after{
position:absolute;
top:50%;
right:20px;
width:24px;
height:2px;
background:#fff;
margin-top:-1px;
content:"";
}
@media screen and (max-width:767px){
#faqArea .faqContent .txt .question:before,
#faqArea .faqContent .txt .question:after{
right:10px;
width:12px;
}
}
#faqArea .faqContent .txt .question:after{
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#faqArea .faqContent .txt .question.open:after{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#faqArea .faqContent .txt .question .num{
position:absolute;
top:-14px;
left:-9px;
width:78px;
height:78px;
line-height:76px;
background:url(../images/common/icon-faq.png) center no-repeat;
background-size:contain;
color:#e1041b;
text-align:center;
font-weight:normal;
font-size: 128.5%;
}
@media screen and (max-width:767px){
#faqArea .faqContent .txt .question .num{
width:64px;
height:64px;
line-height:62px;
top:-12px;
}
}
#faqArea .faqContent .txt .answer{
font-size:114%;
line-height:1.6;
display:none;
padding:0 45px 0 90px;
}
@media screen and (max-width:767px){
#faqArea .faqContent .txt .answer{
font-size:11pt;
padding:0 25px;
}
}
#faqArea .faqContent .txt .answer .small{
font-size:87.5%;
}
@media screen and (max-width:767px){
#faqArea .faqContent .txt .answer .small{
font-size:9pt;
}
}