﻿
.subNav{background: #707070}
.subNav ul{max-width: 790px;margin: 0 auto}
.subNav ul li{display: inline-block;margin-right: 100px;padding: 7px 0 9px;}
.subNav ul li a{color: #fff;text-decoration: none;}
@media screen and (max-width: 519px){
.subNav ul li{margin-right: 10px;margin-left: 10px;}
}



.faqTx01{font-size: 21px;}
.faqSection01{max-width: 1100px;margin: 0 auto;}
.faqSection01 a{color: #3089C1;}

@media screen and (max-width: 519px){
	.faqSection01{padding: 0 5.12vw;}
	.faqSection01.wide{padding: 0 0;}
}
.pdfManual:after {content: "";display: block;clear: both;}
.pdfManual:before {content: "";display: block;clear: both;}
.pdfManual {display: block;}
.pdfManual{width: 100%;border-top: 1px solid #dcdada;border-bottom: 1px solid #dcdada;padding: 60px 0 20px;}

@media screen and (max-width: 519px){
.pdfManual{padding:30px 0 20px;}
}

@media screen and (min-width: 520px){
.pdfManualL{float: left;}
.pdfManualR{float: right;}
}

.pdfManualL ul li{display: inline-block;margin-right: 20px;}
.pdfManualL ul li:first-child{border: 1px solid #707070;background-color:#DEDEDE;padding: 3px 10px;}
.pdfManualR ul li{position: relative;display: inline-block;margin-left: 95px;}
.pdfManualR ul li::before{content:"";display:block;width:1px;height:15px;background-color:#dcdada;position:absolute;top:7px;left:-49px;}

@media screen and (max-width: 520px){
.pdfManualL{margin-bottom: 20px;}
.pdfManualL,
.pdfManualR{text-align: center;}
.pdfManualR ul li{margin: 0 10px;}
.pdfManualR ul li::before{top:8px;left:-13px;}
.pdfManualR ul li:first-child::before{position: static;display: none;}
}

.howtoDl{background: #F7F7F7;width: 100%;}
.howtoDl ul{font-size: 0;padding: 30px 50px;}
@media screen and (min-width: 520px){
.howtoDl ul li{display: inline-block;width: 50%;vertical-align: top;}
}
@media screen and (max-width: 520px){
.howtoDl ul{padding: 10px 15px;}
.howtoDl ul li{margin-bottom: 20px;}
.howtoDl ul li:last-child{margin-bottom: 0px;}
}

.acrobat{width: 100%;background: #EBEBEB;}
.acrobat ul{font-size: 0;padding: 30px 50px;}
.acrobat ul li{display: inline-block;vertical-align: top;box-sizing: border-box;}
.acrobat ul li img{width: 158px;}
.acrobat ul li:first-child{width: 158px;margin-right: 20px;}
@media screen and (min-width: 520px){
}
@media screen and (max-width: 520px){
.acrobat ul{padding: 30px 15px 20px;}
.acrobat ul li:first-child{width: 100%;margin-right: 0px;text-align: center}
}

.faqList{width: 100%;border-top: 1px solid #dcdada;}
.faqList dl{border-bottom: 1px solid #dcdada;box-sizing: border-box; padding-bottom: 30px;}
.faqList dl dt{margin-bottom: 38px;color: #4896C8; padding: 38px 35px 0 65px;}
.faqList dl dt,
.faqList dl dd{ position: relative;}
.faqList dl dd{padding: 30px 35px 30px 65px; background: #F7F7F7;}
.faqList dl dt::before{content:"Q.";display:block;position:absolute;top:38px;left:65px; transform: translateX(-150%);color: #000;}
.faqList dl dd::before{content:"A.";display:block;position:absolute;top:30px;left:65px; transform: translateX(-150%);color: #B30B08;}

@media screen and (max-width: 520px){
.faqList dl{border-bottom: 1px solid #dcdada;box-sizing: border-box}
.faqList dl dt{margin-bottom: 20px;color: #4896C8; padding: 20px 20px 0 40px;}
.faqList dl dd{ padding: 20px 20px 20px 40px;}
.faqList dl dt::before{top:20px;left:40px;}
.faqList dl dd::before{top:20px;left:40px;}
}

/*動画埋め込み*/
.videoWrap {  position: relative;  width: 100%;  padding-top: 56.25%;}
.videoWrap iframe {  position: absolute;  top: 0;  right: 0;  width: 100% !important; height: 100% !important;}

/*既存上書き*/
.friedtechMainImgTxt__02{margin-top: 38px;}
