@charset "UTF-8";
/*=============================================================
 quality サポート&クオリティ
=============================================================*/
#mainimg { background-image: url("../img/work/quality/bg_mainimg01_sp.png"); }
/* forPC */
@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/work/quality/bg_mainimg01_pc.png"); } }
/*! #quality .ページ内共通
============================================ */
.qualityContents .head .headIn { display: table; width: 100%; table-layout: fixed; }
.qualityContents .head .img { display: table-cell; width: 35%; vertical-align: middle; }
.qualityContents .head .txt { display: table-cell; box-sizing: border-box; width: 65%; padding-left: 20px; vertical-align: middle; }
.qualityContents .head .tit { display: inline-block; line-height: 1.18; margin-right: -10px; font-weight: 500; font-size: 1.7rem; text-decoration: underline; }
.qualityContents .full .headIn { display: block; text-align: center; }
.qualityContents .full .img { display: block; width: 100%; margin-bottom: 18px; }
.qualityContents .subTit { line-height: 1.46; font-weight: bold; font-size: 1.3rem; }
.qualityContents .btn { display: block; position: relative; width: 225px; height: 40px; margin: 15px auto 0; background-color: #e2e5e8; }
.qualityContents .btn:before { display: block; position: absolute; top: 50%; left: 50%; width: 12px; height: 1px; margin-left: -6px; background: #323232; content: ""; }
.qualityContents .btn:after { display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 12px; margin-top: -6px; background: #323232; content: ""; }
.qualityContents .head.on .btn:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.qualityContents .content { display: none; line-height: 1.6; margin-top: 15px; font-size: 1.2rem; }
.qualityContents .content .txt { margin-top: 10px; }
.qualityContents .full + .content { padding: 0 25px; }
/* forPC */
@media screen and (min-width: 600px) { .qualityContents .head .headIn { display: block; text-align: center; }  .qualityContents .head .img { display: block; width: 100%; }  .qualityContents .head .txt { display: block; width: 100%; padding: 18px 0 0; }  .qualityContents .head .tit { position: relative; line-height: 1; margin: 0 -10px; font-size: 2rem; text-decoration: none; }  .qualityContents .head .tit:after { display: block; position: relative; bottom: -9px; left: 50%; width: 100%; height: 1px; background: #323232; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); }  .qualityContents .full .img { margin-bottom: 18px; }  .qualityContents .subTit { line-height: 1.46; margin-top: 30px; font-size: 1.3rem; }  .qualityContents .btn { display: none; }  .qualityContents .content { display: block; line-height: 2; margin-top: 10px; font-size: 1.3rem; }  .qualityContents .content .txt { margin-top: 10px; }  .qualityContents .full + .content { padding: 11px 0 0; } }
/*! #quality .secIntro
============================================ */
.secIntro .leadTit { padding: 40px 0 30px; text-align: center; }
.secIntro .leadTit .tit { font-size: 2.2rem; }
.secIntro .leadTit .subTit { margin-top: 12px; font-size: 1.2rem; }
.secIntro .areaTxt { padding: 25px 25px 40px; }
.secIntro .areaTxt .txt dt { line-height: 1.85; font-weight: bold; font-size-adjust: 1.3rem; }
.secIntro .areaTxt .txt dd { line-height: 2; margin-top: 6px; font-size: 1.2rem; }
.secIntro .areaTxt .list { margin-top: 25px; }
.secIntro .areaTxt .list li { background: #f4f5f7; text-align: center; }
.secIntro .areaTxt .list li + li { margin-top: 10px; }
.secIntro .areaTxt .list li a { display:block; padding: 18px 0 20px; }
.secIntro .areaTxt .list .en { display: inline-block; position: relative; font-size: 1.9rem; }
.secIntro .areaTxt .list .en:after { display: block; position: absolute; bottom: -4px; width: 100%; height: 1px; background: #323232; content: ""; }
.secIntro .areaTxt .list .ja { margin-top: 13px; font-size: 1.2rem; }
/* forPC */
@media screen and (min-width: 600px) { .secIntro { width: 1070px; margin: 0 auto; padding-bottom: 80px; }  .secIntro .leadTit { padding: 97px 0 60px; }  .secIntro .leadTit .tit { font-size: 3.7rem; }  .secIntro .leadTit .subTit { margin-top: 45px; font-size: 1.4rem; }  .secIntro .img { text-align: center; }  .secIntro .areaTxt { padding: 53px 0 0; text-align: center; }  .secIntro .areaTxt .txt dt { font-size: 1.5rem; }  .secIntro .areaTxt .txt dd { line-height: 2.5; margin-top: 12px; font-size: 1.4rem; }  .secIntro .areaTxt .list { overflow: hidden; margin-top: 50px; }  .secIntro .areaTxt .list li { float: left; width: 245px; }  .secIntro .areaTxt .list li a { display: block; padding: 48px 0; } .secIntro .areaTxt .list li + li { margin: 0 0 0 30px; }  .secIntro .areaTxt .list .en { font-size: 2rem; }  .secIntro .areaTxt .list .en:after { bottom: -4px; }  .secIntro .areaTxt .list .ja { margin-top: 23px; font-size: 1.4rem; } }
/*! #quality .secTechnology
============================================ */
.secTechnology .leadTxt { line-height: 2; padding: 24px 25px 0; font-size: 1.2rem; }
/* forPC */
@media screen and (min-width: 600px) { .secTechnology .leadTxt { line-height: 1.86; padding: 52px 0 0; font-size: 1.4rem; text-align: center; } }
/*! #quality .secTechnology .feature
============================================ */
.secTechnology .feature { padding: 0 25px 40px; }
.secTechnology .feature .list li { padding: 23px 0 7px; }
.secTechnology .feature .attention { line-height: 2; margin-top: 23px; padding: 15px 18px 15px; border: 1px solid #3b3b3b; font-size: 1.2rem; }
/* forPC */
@media screen and (min-width: 600px) { .secTechnology .feature { width: 1070px; margin: 0 auto; padding: 0 0 70px; }  .secTechnology .feature .leadTit { display: block; margin: 52px 0 32px; font-size: 2.4rem; text-align: center; }  .secTechnology .feature .leadTit span { font-size: 2rem; }  .secTechnology .feature .list { overflow: hidden; }  .secTechnology .feature .list li { float: left; width: 245px; padding: 0 0 7px; }  .secTechnology .feature .list li + li { margin: 0 0 0 30px; }  .secTechnology .feature .attention { box-sizing: border-box; width: 880px; line-height: 1.86; margin: 19px auto 0; padding: 12px 28px 15px; font-size: 1.4rem; } }
/*! #quality .secTechnology .safety
============================================ */
.secTechnology .safety { padding: 0 25px 40px; }
.secTechnology .safety .img { margin: 0 -25px 15px; }
.secTechnology .safety .leadTit { line-height: 1.67; font-size: 1.8rem; text-align: center; letter-spacing: .075em; }
.secTechnology .safety .areaContent { line-height: 2; margin-top: 10px; font-size: 1.2rem; }
.secTechnology .safety .areaContent dt { line-height: 1; padding-bottom: 6px; font-weight: bold; font-size: 1.3rem; }
.secTechnology .safety .areaContent .txt + .txt { margin-top: 30px; }
.secTechnology .safety .areaContent .table { margin-top: 33px; }
/* forPC */
@media screen and (min-width: 600px) { .secTechnology .safety { padding: 0 0 122px; }  .secTechnology .safety .leadTit { font-size: 2.4rem; }  .secTechnology .safety .areaContent { width: 1070px; overflow: hidden; margin: 22px auto 0; font-size: 1.3rem; }  .secTechnology .safety .areaContent .img { float: left; width: 615px; margin: 0; padding-top: 8px; }  .secTechnology .safety .areaContent .areaTxt { float: right; width: 413px; }  .secTechnology .safety .areaContent .areaTxt .txt + .txt { margin-top: 32px; }  .secTechnology .safety .areaContent dt { padding-bottom: 6px; font-size: 1.4rem; }  .secTechnology .safety .areaContent .table { clear: both; width: 428px; margin: 0 auto; padding: 71px 0 0; } }
/*! #quality .secQuality
============================================ */
.secQuality .list { padding: 0 25px 40px; }
.secQuality .list > li { padding: 30px 0 0; }
/* forPC */
@media screen and (min-width: 600px) { .secQuality .list { width: 1070px; overflow: hidden; margin: 0 auto; padding: 30px 0 115px; }  .secQuality .list > li { float: left; width: 245px; padding: 30px 0 0; }  .secQuality .list > li + li { margin-left: 29px; }  .secQuality .list > li:nth-child(4n+1) { clear: both; margin-left: 0; }  .secQuality .list > li:nth-child(n+5) { margin-top: 25px; }  .secQuality .list .subTit { line-height: 2; margin-top: 22px; }  .secQuality .list .content { margin-top: 22px; }  .secQuality .list .content .txt { margin-top: 26px; } }
/*! #quality .secSupport
============================================ */
.secSupport { padding: 0 25px 35px; }
.secSupport .leadTit { margin: 0 -25px; }
.secSupport .leadTit .tit { line-height: 1.58; margin-top: 10px; }
.secSupport .flow { padding: 30px 3px 25px; }
.secSupport .afterSupport .tit { line-height: 1.44; font-weight: 500; font-size: 1.8rem; letter-spacing: .075em; }
.secSupport .afterSupport .txt + .txt { margin-top: 13px; }
.secSupport .afterSupport .txt dt { padding: 13px 0 10px; font-weight: bold; font-size: 1.3rem; }
.secSupport .afterSupport .txt dd { line-height: 2; font-size: 1.2rem; }
.secSupport .afterSupport .list { margin-top: 25px; }
.secSupport .afterSupport .list li + li { margin-top: 23px; }
.secSupport .afterSupport .list .img { margin: 0 -25px; }
.secSupport .afterSupport .list .tit { padding: 20px 0 13px; font-weight: bold; font-size: 1.3rem; text-align: center; }
.secSupport .afterSupport .list .caption { line-height: 2; font-size: 1.2rem; }
/* forPC */
@media screen and (min-width: 600px) { .secSupport { padding: 0 0 118px; }  .secSupport .leadTit { margin: 0 -25px; }  .secSupport .leadTit .tit { line-height: 1.58; margin-top: 10px; }  .secSupport .flow { width: 1070px; margin: 0 auto; padding: 56px 0 43px; }  .secSupport .afterSupport { width: 1070px; margin: 0 auto; }  .secSupport .afterSupport .tit { font-size: 2.4rem; text-align: center; }  .secSupport .afterSupport .txt { margin-top: 23px; }  .secSupport .afterSupport .txt + .txt { margin-top: 13px; }  .secSupport .afterSupport .txt dt { padding: 13px 0 12px; font-size: 1.4rem; }  .secSupport .afterSupport .txt dd { font-size: 1.3rem; }  .secSupport .afterSupport .list.txt { margin-top: 57px; }  .secSupport .afterSupport .list.txt:after { display: block; clear: both; content: ""; }  .secSupport .afterSupport .list.txt li { position: relative; float: left; width: 50%; }  .secSupport .afterSupport .list.txt li:after { display: block; clear: both; content: ""; }  .secSupport .afterSupport .list.txt li + li { box-sizing: border-box; width: 515px; margin: 0; margin-left: 20px; }  .secSupport .afterSupport .list.txt .img { float: left; width: 245px; margin: 0; }  .secSupport .afterSupport .list.txt .tit { position: absolute; top: -58px; left: 0; font-size: 1.4rem; text-align: left; }  .secSupport .afterSupport .list.txt .caption { float: right; width: 265px; margin-top: -5px; font-size: 1.3rem; }  .secSupport .afterSupport .list.txt li + li .caption { padding-left: 20px; } }
/*! #quality .secAbility
============================================ */
.secAbility .guarantee { margin-top: 45px; }
.secAbility .work .leadTxt , .secAbility .guarantee .leadTxt { line-height: 2; padding: 15px 25px 20px; font-size: 1.2rem; }
.secAbility .work .leadTit , .secAbility .guarantee .leadTit { line-height: 1.67; padding-bottom: 13px; font-size: 1.3rem; text-align: center; }
.secAbility .work .list > li + li , .secAbility .guarantee .list > li + li { margin-top: 30px; }
/* forPC */
@media screen and (min-width: 600px) { .secAbility { padding-bottom: 78px; }  .secAbility .work , .secAbility .guarantee { width: 1070px; margin: 0 auto; }  .secAbility .work .leadTxt , .secAbility .guarantee .leadTxt { line-height: 1.86; padding: 53px 0 34px; font-size: 1.4rem; text-align: center; }  .secAbility .work .leadTit , .secAbility .guarantee .leadTit { padding-bottom: 13px; font-size: 2.4rem; text-align: center; }  .secAbility .work .list , .secAbility .guarantee .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }  .secAbility .work .list > li + li , .secAbility .guarantee .list > li + li { margin: 0 0 0 30px; }  .secAbility .work .list li { width: 247px; }  .secAbility .guarantee { margin-top: 70px; }  .secAbility .guarantee .list { margin-top: 20px; }  .secAbility .guarantee .list li { width: 360px; } }
/*# sourceMappingURL=maps/quality.css.map */