@charset "UTF-8";

/*#safety_wrapper .main_area #section {text-align: center;}*/
#safety_wrapper .main_area #section #soft.column {width: 840px;margin:0 auto;padding: 0;text-align: left;}
#safety_wrapper .main_area #section #soft.column .inner {margin-bottom:50px;}
#safety_wrapper .main_area #section #soft.column .inner p {font-size: 15px;line-height: 1.6;color: #555;margin-bottom: 10px;}
#safety_wrapper .main_area #section #soft.column .inner h2 {font-size: 21px;line-height: 1.3;color: #FFF;background-color: #ea5532;font-family: 'HondaGlobalFontJP-Bold' !important;margin-bottom: 25px;padding: 12px 15px;border-radius: 10px;}
#safety_wrapper .main_area #section #soft.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 #soft.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 #soft.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 #ffcc99;}
#safety_wrapper .main_area #section #soft.column .inner p.palt{font-feature-settings: "palt";}
#safety_wrapper .main_area #section #soft.column .inner p span.caution{font-size: 11px;line-height: 1.3;display: block;margin-top: 5px;}
#safety_wrapper .main_area #section #soft.column .inner p.bold {font-size: 16px !important;line-height: 1.8;margin: 25px 0px 0px 0px !important;font-family: 'HondaGlobalFontJP-Regular' !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.03em;}

#safety_wrapper .main_area #section #soft.column .inner ul {width: 100%;position: relative;top: 0;left: 0;margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #soft.column .inner li {width: 276px; margin: 0px;}
#safety_wrapper .main_area #section #soft.column .inner li:first-child {margin-left: 0px;}
#safety_wrapper .main_area #section #soft.column .inner li p {font-size: 13px;line-height: 1.4;margin-top: 5px;}
#safety_wrapper .main_area #section #soft.column .inner li p.caution {font-size: 11px;display: block;margin: 0;}
#safety_wrapper .main_area #section #soft.column .inner li p.bold {font-size: 14px !important;line-height: 1.8;margin: 0px 0px 5px 0px !important;}
#safety_wrapper .main_area #section #soft.column .inner .full {width: 100%; margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #soft.column .inner .full p {font-size: 13px;line-height: 1.4;margin-top: 5px;}
#safety_wrapper .main_area #section #soft.column .inner .full p.caution {font-size: 11px;margin: 0px !important;}
#safety_wrapper .main_area #section #soft.column .inner .full p.bold {font-size: 14px !important;line-height: 1.8;margin: 0px 0px 5px 0px !important;}

#safety_wrapper .main_area #section #soft.column .inner ul.cate4 {display: flex;justify-content: space-between;flex-flow: row wrap;gap: 10px 2%;}
#safety_wrapper .main_area #section #soft.column .inner ul.cate4 li {width: 49%; margin: 0px;}
#safety_wrapper .main_area #section #soft.column .inner ul.cate4 li h4 {font-size: 13px;line-height: 1.4;margin-top: 5px;}

#safety_wrapper .main_area #section #soft.column .inner ul.cate2 {display: flex;justify-content: space-between;flex-flow: row wrap;gap: 0px 2%;}
#safety_wrapper .main_area #section #soft.column .inner ul.cate2 li {width: 32.5%;}
#safety_wrapper .main_area #section #soft.column .inner ul.cate2 li:last-child {width: 65.5%;}

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

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

#safety_wrapper .main_area #section #soft.column .inner ul {width: 100%;position: relative;top: 0;left: 0;margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #soft.column .inner li {width: 100%;margin: 0px 0px 0px 0px;float: none;}
#safety_wrapper .main_area #section #soft.column .inner li p {font-size: 1.1rem;}
#safety_wrapper .main_area #section #soft.column .inner .full {width: 100%;margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #soft.column .inner .full p {font-size: 1.1rem;}

#safety_wrapper .main_area #section #soft.column .inner ul.cate4 li {width: 100%; margin: 0px;}
#safety_wrapper .main_area #section #soft.column .inner ul.cate2 li {width: 100%;}
#safety_wrapper .main_area #section #soft.column .inner ul.cate2 li:last-child {width: 100%;margin-top: 20px;}
    
}


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

}


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

}


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

}


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

}