@charset "UTF-8";

.titleWrap.zeh .logo img { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-drag:none; -moz-touch-callout: none; -moz-user-select: none; user-select: none; }
#zeh .sec01 .innerAddIntro { background-image: url(../../img/quality/zehmIntroBgAdd.webp); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; text-align: center; padding: 50px 0 450px; }
#zeh .sec01 .innerAddIntro .sTit { font-size: 24px; padding: 6px 0; background: #63949A; color: #fff; margin-bottom: 20px; }
#zeh .sec01 .innerAddIntro .catch { font-size: 50px; line-height: 1; color: #63949A; }
#zeh .sec01 .innerAddIntro .catch .catchSub { font-size: 24px; color: #63949A; display: block; margin: 15px 0 35px; }
#zeh .sec01 .innerAddIntro .read { font-size: 20px; line-height: 220%; text-align: center; }  
#zeh .sec01 .innerAddIntro .read strong { font-size: 30px; font-weight: normal; display: block; padding-bottom: 35px; }
#zeh .sec01 .sec01Box01 { background: #F0F1EF; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 30px 6%; width: 100%; margin: 90px auto 70px; }
#zeh .sec01 .sec01Box01 .sec01Box01Tit { font-size: 28px; color: #63949A; width: 100%; text-align: center; margin-bottom: 5px;}
#zeh .sec01 .sec01Box01 .sec01Box01Img { width: 12%; text-align: center; margin-right: 40px; }
#zeh .sec01 .sec01Box01 .sec01Box01Img img { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-drag:none; -moz-touch-callout: none; -moz-user-select: none; user-select: none; }
#zeh .sec01 .sec01Box01 .sec01Box01Txt { width: 72%; text-align: left; font-size: 16px; line-height: 220%; }
#zeh .sec01 .sTit { font-size: 30px; color: #63949A; text-align: center; margin-bottom: 30px; }
#zeh .sec01 .sRead { font-size: 22px; line-height: 200%; margin-bottom: 55px; }
#zeh .sec01 .sImg { width: 54.8%; max-width: 630px; margin-left: auto; margin-right: auto; padding-bottom: 50px; }
#zeh .sec01 .sImg img { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-user-drag:none; -moz-touch-callout: none; -moz-user-select: none; user-select: none; }
#zeh .sec01 .sec01Box02 { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0 100px; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner { width: 44.5%; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner .sec01Box02Tit { font-size: 28px; line-height: 200%; color: #50959B; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner .sec01Box02TitSub { font-size: 20px; display: block; margin-bottom: 20px; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner .sec01Box02Txt { font-size: 18px; line-height: 220%; text-align: left; }
@media only screen and (max-width: 750px) {
#zeh .sec01 .innerAddIntro { width: 112%; margin-left: -6%; position: relative; background-size: 150% auto; padding: 20px 6% 260px; }
#zeh .sec01 .innerAddIntro .sTit { font-size: 20px; padding: 6px 0; line-height: 150%; margin-bottom: 20px; }
#zeh .sec01 .innerAddIntro .catch { font-size: 44px; }
#zeh .sec01 .innerAddIntro .catch .catchSub { font-size: 20px; margin: 15px 0 35px; }
#zeh .sec01 .innerAddIntro .read { font-size: 15px; line-height: 200%; text-align: left; }  
#zeh .sec01 .innerAddIntro .read strong { font-size: 20px; padding-bottom: 20px; }
#zeh .sec01 .sec01Box01 { margin: 60px auto 50px; }
#zeh .sec01 .sec01Box01 .sec01Box01Tit { font-size: 22px; line-height: 190%; margin-bottom: 5px;}
#zeh .sec01 .sec01Box01 .sec01Box01Img { width: 100%; margin-right: 0; margin-bottom: 20px; }
#zeh .sec01 .sec01Box01 .sec01Box01Img img { width: 30%; max-width: 100%; }
#zeh .sec01 .sec01Box01 .sec01Box01Txt { width: 100%; font-size: 14px; line-height: 190%; }
#zeh .sec01 .sTit { font-size: 26px; margin-bottom: 25px; }
#zeh .sec01 .sRead { font-size: 15px; line-height: 200%; margin-bottom: 40px; }
#zeh .sec01 .sImg { width: 80%; padding-bottom: 30px; }
#zeh .sec01 .sec01Box02 { padding: 30px 0 50px; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner { width: 100%; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner:nth-of-type(1) { padding-bottom: 30px; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner .sec01Box02Tit { font-size: 22px; line-height: 180%; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner .sec01Box02TitSub { font-size: 18px; display: block; margin-bottom: 15px; }
#zeh .sec01 .sec01Box02 .sec01Box02Inner .sec01Box02Txt { font-size: 15px; line-height: 190%; }
}
@media only screen and (max-width: 480px) {
#zeh .sec01 .innerAddIntro { padding: 20px 6% 200px; }
#zeh .sec01 .sec01Box01 .sec01Box01Tit { font-size: 20px; }
}