@charset "UTF-8";

#safety_wrapper .main_area #section {text-align: center;}
#safety_wrapper .main_area #section #spec.column {width: 840px;margin:0 auto;padding: 0;text-align: left;}
#safety_wrapper .main_area #section #spec.column .inner {margin-bottom:50px;}
#safety_wrapper .main_area #section #spec.column .inner p {font-size: 15px;line-height: 1.6;color: #555;margin-bottom: 10px;}
#safety_wrapper .main_area #section #spec.column .inner h2 {font-size: 21px;line-height: 1.3;color: #FFF;background-color: #ea5532;font-family: 'HondaGlobalFontJP-Bold' !important;font-feature-settings: "palt";letter-spacing: 0.03em;margin-bottom: 50px;padding: 12px 15px;border-radius: 10px;}

#safety_wrapper .main_area #section #spec.column .inner p.m01 {font-size: 24px;line-height: 1.4;color: #555;font-family: 'HondaGlobalFontJP-Bold' !important;margin-bottom: 0px;}
#safety_wrapper .main_area #section #spec.column .inner .heading{height: 48px;background-image: url(../images/square.png);background-repeat: no-repeat;background-size: contain; background-position: left top;padding-left: 65px;margin-bottom: 20px;}
#safety_wrapper .main_area #section #spec.column .inner .heading h3{font-size: 20px;line-height: 1.4;padding: 10px 0 0 0;color: #ea5532;font-family: 'HondaGlobalFontJP-Bold' !important;border-top: solid 1px #ea5532;}
#safety_wrapper .main_area #section #spec.column .inner p.palt{font-feature-settings: "palt";}
#safety_wrapper .main_area #section #spec.column .inner p span.caution{font-size: 11px;line-height: 1.3;display: block;margin-top: 5px;}

#safety_wrapper .main_area #section #spec.column .inner.rel {position: relative;}
#safety_wrapper .main_area #section #spec.column .inner ul {width: 100%;position: absolute;top: 60px;left: 0;margin: 0;}
#safety_wrapper .main_area #section #spec.column .inner li {width: 276px; margin: 0px 0px 0px 6px;float: left;}
#safety_wrapper .main_area #section #spec.column .inner li:first-child {margin-left: 0px;}
#safety_wrapper .main_area #section #spec.column .inner li p {font-size: 13px;line-height: 1.4;margin-top: 5px;}
#safety_wrapper .main_area #section #spec.column .inner .full {width: 100%; margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #spec.column .inner .full p {font-size: 13px;line-height: 1.4;margin-top: 5px;}

#safety_wrapper .main_area #section #spec.column .inner .imgBox {width: 100; margin: 0px;text-align: center;}
#safety_wrapper .main_area #section #spec.column .inner .imgBox .img328 {width: 328px; margin: 20px auto 0 auto;}
#safety_wrapper .main_area #section #spec.column .inner .imgBox p {font-size: 13px;line-height: 1.4;margin-top: 10px;text-align: center;}

#safety_wrapper .main_area #section #spec.column .inner p.list_h {font-size: 16px;line-height: 1.8;margin: 0px;padding: 10px 0;font-feature-settings: "palt";letter-spacing: 0.05em;font-weight: bold;/*border-top: 2px solid #ffcc99;*/position: relative;}
#safety_wrapper .main_area #section #spec.column .inner p.list_h span.caution{font-size: 12px;line-height: 1.4;display: block;margin-top: 0px;font-weight: normal;float: right; position: absolute;top: 15px;right: 0px;}
#safety_wrapper .main_area #section #spec.column .inner p.list_caution {font-size: 12px;margin: 0px;padding: 10px 0 0 0;text-align: left;}


#safety_wrapper .main_area #section #spec.column .inner dl.hard {width: 100%;margin: 0;padding: 0;position: relative;border-top: 2px solid #ffcc99;display: flex;flex-flow: row wrap;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard p {font-size: 14px;line-height: 1.4;margin: 0;padding: 0;font-family: 'HondaGlobalFontJP-Regular' !important;font-feature-settings: "palt";letter-spacing: 0.03em;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt {width: 30%;margin: 0;padding: 0;position: relative;border-bottom: 2px solid #ffcc99;min-height: 40px;box-sizing: border-box;display: flex;flex-flow: row wrap;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p {position: absolute;top: 50%;transform: translate(0%, -50%);}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p span {display: block;border-bottom: 1px solid #ffcc99;padding: 10px;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p span:last-child {border-bottom: none;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p span.one {position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p.double {width: 50%;position: static;box-sizing: border-box;transform: translate(0%, 0%);padding: 0px;border-right: 1px solid #ffcc99;box-sizing: border-box;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p.double:last-child {border-right: none;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p.paddingTopH {width: 100%;text-align: center;position: relative;top: 0%;transform: translate(0%, 0%);padding: 15px 0;background-color: #fff7f0;font-family: 'HondaGlobalFontJP-Regular' !important;font-weight: bold;}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dd {width: 70%;margin: 0;padding: 0;border-bottom: 2px solid #ffcc99;display: flex;flex-flow: row wrap;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p {border-left: 1px solid #ffcc99;box-sizing: border-box;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p span {display: block;border-bottom: 1px solid #ffcc99;padding: 10px;text-align: center;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p span:last-child {border-bottom: none;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p span.whole {width: 588px;position: absolute;top: 0;left: 0;background-color: #FFF;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p span.test {position: relative;}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.A {width: 34%;border-left: 2px solid #fc9;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.B {width: 33%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.C {width: 33%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.D {width: 66%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.E {width: 100%;border-left: 2px solid #fc9;}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.Ah {width: 34%;padding: 15px 0;text-align: center;background-color: #fff7f0;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.Bh {width: 33%;padding: 15px 0;text-align: center;background-color: #fff7f0;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.Ch {width: 33%;padding: 15px 0;text-align: center;background-color: #fff7f0;}


#safety_wrapper .main_area #section #spec.column .inner dl.soft {width: 100%;margin: 0;padding: 0;position: relative;border-top: 2px solid #ffcc99;display: flex;flex-flow: row wrap;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft p {font-size: 14px;line-height: 1.4;margin: 0;padding: 0;font-family: 'HondaGlobalFontJP-Regular' !important;font-feature-settings: "palt";letter-spacing: 0.03em;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dt {width: 20%;margin: 0;padding: 0;position: relative;border-bottom: 2px solid #ffcc99;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dt p {padding-left: 15px;position: absolute;top: 50%;transform: translate(0%, -50%);}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dt p.paddingTopH {text-align: center;position: relative;top: 0%;transform: translate(0%, 0%);padding: 15px 0;background-color: #fff7f0;font-family: 'HondaGlobalFontJP-Regular' !important;font-weight: bold;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd {width: 80%;margin: 0;padding: 0;border-bottom: 2px solid #ffcc99;display: flex;flex-flow: row wrap;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p {border-left: 1px solid #ffcc99;box-sizing: border-box;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.A {width: 35%;border-left: 2px solid #fc9;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.A span {display: block;border-bottom: 1px solid #ffcc99;padding: 10px;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.B {width: 35%;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.B span {display: block;border-bottom: 1px solid #ffcc99;padding: 10px;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.C {width: 15%;position: relative;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.C span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.C span.sub {position: relative;top: 0%;transform: translate(-50%, 0%);width: 100%;display: block;text-align: center;border-bottom: solid 1px #ffcc99;line-height: 5.76em;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.C span.sub2 {top: 67%;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.D {width: 15%;position: relative;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.D span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.A span:last-child,
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.B span:last-child,
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.C span:last-child,
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.D span:last-child {border-bottom: none;}

#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.Ah {width: 35%;padding: 15px 0;background-color: #fff7f0;text-align: center;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.Bh {width: 35%;padding: 15px 0;background-color: #fff7f0;text-align: center;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.Ch {width: 15%;padding: 15px 0;background-color: #fff7f0;text-align: center;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.Dh {width: 15%;padding: 15px 0;background-color: #fff7f0;text-align: center;}


@media screen and (max-width: 736px) {

#safety_wrapper .main_area #section #spec.column {width: 92%;}
#safety_wrapper .main_area #section #spec.column .inner {margin-bottom:30px;}
#safety_wrapper .main_area #section #spec.column .inner p {font-size: 1.2rem;line-height: 1.6;margin-bottom: 10px;}
#safety_wrapper .main_area #section #spec.column .inner h2 {font-size: 4.4vw;line-height: 1.4;margin-bottom: 20px;border-radius: 8px;}
#safety_wrapper .main_area #section #spec.column .inner .heading{height: 48px;padding-left: 60px;margin-bottom: 20px;}
#safety_wrapper .main_area #section #spec.column .inner .heading h3{font-size: 1.4rem;padding: 10px 0 0 0;}
#safety_wrapper .main_area #section #spec.column .inner p span.caution{font-size: 1rem;}


#safety_wrapper .main_area #section #spec.column .inner.rel {position: relative;}
#safety_wrapper .main_area #section #spec.column .inner ul {width: 100%;position: absolute;top: 60px;left: 0;margin: 0;}
#safety_wrapper .main_area #section #spec.column .inner li {width: 276px; margin: 0px 0px 0px 6px;float: left;}
#safety_wrapper .main_area #section #spec.column .inner li:first-child {margin-left: 0px;}
#safety_wrapper .main_area #section #spec.column .inner li p {font-size: 13px;line-height: 1.4;margin-top: 5px;}
#safety_wrapper .main_area #section #spec.column .inner .full {width: 100%; margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #spec.column .inner .full p {font-size: 13px;line-height: 1.4;margin-top: 5px;}

#safety_wrapper .main_area #section #spec.column .inner .imgBox {width: 100; margin: 0px;text-align: center;}
#safety_wrapper .main_area #section #spec.column .inner .imgBox .img328 {width: 328px; margin: 20px auto 0 auto;}
#safety_wrapper .main_area #section #spec.column .inner .imgBox p {font-size: 13px;line-height: 1.4;margin-top: 10px;text-align: center;}

#safety_wrapper .main_area #section #spec.column .inner p.list_h {font-size: 16px;line-height: 1.8;margin: 0px;padding: 10px 0;font-feature-settings: "palt";letter-spacing: 0.05em;font-weight: bold;/*border-top: 2px solid #ffcc99;*/position: relative;}
#safety_wrapper .main_area #section #spec.column .inner p.list_h span.caution{font-size: 12px;line-height: 1.4;display: block;margin-top: 0px;font-weight: normal;float: right; position: absolute;top: 15px;right: 0px;}
#safety_wrapper .main_area #section #spec.column .inner p.list_caution {font-size: 12px;margin: 0px;padding: 10px 0 0 0;text-align: left;}


    
#safety_wrapper .main_area #section #spec.column .inner dl.hard p {font-size: 3vw;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt {width: 40%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p {position: absolute;top: 50%;transform: translate(0%, -50%);}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p span {display: block;border-bottom: 1px solid #ffcc99;padding: 10px;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p span:last-child {border-bottom: none;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p span.one {position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p.double {width: 50%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dt p.paddingTopH {width: 100%;text-align: center;position: relative;top: 0%;transform: translate(0%, 0%);padding: 15px 0;background-color: #fff7f0;}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dd {width: 60%;margin: 0;padding: 0;border-bottom: 2px solid #ffcc99;display: flex;flex-flow: row wrap;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p {border-left: 1px solid #ffcc99;box-sizing: border-box;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p span {display: block;border-bottom: 1px solid #ffcc99;padding: 10px;text-align: center;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p span:last-child {border-bottom: none;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p span.whole {width: 90%;position: absolute;top: 0;left: 0;background-color: #FFF;}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.A {width: 100%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.B {width: 50%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.C {width: 50%;}

#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.Ah {width: 100%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.Bh {width: 50%;}
#safety_wrapper .main_area #section #spec.column .inner dl.hard dd p.Ch {width: 50%;}
    

    
#safety_wrapper .main_area #section #spec.column .inner dl.soft p {font-size: 3vw;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.A span {height: 10vw;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.B span {height: 10vw;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.C span.sub {line-height: 5.1em;}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dd p.C span.sub2 {top: 55vw;}
    
#safety_wrapper .main_area #section #spec.column .inner dl.soft dt p {width: 80%;padding-left: 0px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#safety_wrapper .main_area #section #spec.column .inner dl.soft dt p.paddingTopH {left: 0%;width: 100%;}
}


@media screen and (max-width: 414px) {

}


@media screen and (max-width: 375px) {

}


@media screen and (max-width: 360px) {

}


@media screen and (max-width: 320px) {

}