@charset "UTF-8";

/*#safety_wrapper .main_area #section {text-align: center;}*/
#safety_wrapper .main_area #section #hard.column {width: 840px;margin:0 auto;padding: 0;text-align: left;}
#safety_wrapper .main_area #section #hard.column .inner {margin-bottom:50px;position: relative;}
#safety_wrapper .main_area #section #hard.column .inner p {font-size: 15px;line-height: 1.6;color: #555;margin-bottom: 10px;}
#safety_wrapper .main_area #section #hard.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 #hard.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 #hard.column .inner h3 {font-size: 20px;color: #555;margin-bottom: 2px;display: block;font-weight: bold;}
#safety_wrapper .main_area #section #hard.column .inner ul {width: 100%;position: relative;top: 0;left: 0;bmargin: 0;margin-top: 35px;}
#safety_wrapper .main_area #section #hard.column .inner li {width: 263px; margin: 0px;padding: 0;float: none;position: absolute;}
#safety_wrapper .main_area #section #hard.column .inner li:first-child {margin-left: 0px;}
#safety_wrapper .main_area #section #hard.column .inner li p {font-size: 13px;line-height: 1.4;margin-top: 5px;}
#safety_wrapper .main_area #section #hard.column .inner .full {width: 100%; margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #hard.column .inner .full p {font-size: 13px;line-height: 1.4;margin-top: 5px;}

#safety_wrapper .main_area #section #hard.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 #hard.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 #hard.column .inner p.palt{font-feature-settings: "palt";}

#safety_wrapper .main_area #section #hard.column .inner li.eq01 {top: 28px;left: 16px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq02 {top: 28px;left: 289px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq03 {top: 28px;left: auto;right: 16px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq04 {top: 376px;left: 16px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq05 {top: 376px;right: 16px;}

#safety_wrapper .main_area #section #hard.column .inner ul.flex {width: 100%;position: relative;display: flex;flex-flow: row wrap;justify-content: space-between;}
#safety_wrapper .main_area #section #hard.column .inner ul.flex li {width: 47%;margin: 0px;position: relative;border-radius: 15px;padding: 22px 16px 16px 16px;box-sizing: border-box;}
#safety_wrapper .main_area #section #hard.column .inner ul.flex li.eq06 {background-color: #ecf5fd;}
#safety_wrapper .main_area #section #hard.column .inner ul.flex li.eq07 {background-color: #f0f8f0;}

#safety_wrapper .main_area #section #hard.column .inner ul .bold {font-size: 20px;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular' !important;font-weight: bold;font-feature-settings: "palt";letter-spacing: 0.03em;position: absolute;top: -16px;left: 20px;margin: 0;}
#safety_wrapper .main_area #section #hard.column .inner ul.flex li .bold {/*position: absolute;top: -16px;left: 0;*/}
#safety_wrapper .main_area #section #hard.column .inner ul .bold {color: #d95f3f;}
#safety_wrapper .main_area #section #hard.column .inner ul.flex li.eq06 .bold {color: #52A5DC;}
#safety_wrapper .main_area #section #hard.column .inner ul.flex li.eq07 .bold {color: #69BD83;}


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

/*#safety_wrapper .main_area #section #hard.column {width: 100%;}*/
#safety_wrapper .main_area #section #hard.column {width: 92%;}
#safety_wrapper .main_area #section #hard.column .inner {margin-bottom:30px;}
#safety_wrapper .main_area #section #hard.column .inner p {margin: 0 auto;font-size: 1.2rem;line-height: 1.6;margin-bottom: 10px;}
#safety_wrapper .main_area #section #hard.column .inner h2 {font-size: 1.6rem;line-height: 1.4;width: 92%;margin: 0 auto;margin-bottom: 10px;}
#safety_wrapper .main_area #section #hard.column .inner h3 {font-size: 1.4rem;width: 92%;margin: 0 auto 2px auto;}

#safety_wrapper .main_area #section #hard.column .inner ul {width: 100%;padding: 0px;box-sizing: border-box;}
#safety_wrapper .main_area #section #hard.column .inner li {width: 49%;position: static;float: left;margin-top: 5px}
#safety_wrapper .main_area #section #hard.column .inner li:nth-of-type(2n) {float: right;}
#safety_wrapper .main_area #section #hard.column .inner li p {font-size: 13px;line-height: 1.4;margin-top: 5px;}
#safety_wrapper .main_area #section #hard.column .inner .full {width: 100%; margin: 20px 0 0 0;}
#safety_wrapper .main_area #section #hard.column .inner .full p {font-size: 13px;line-height: 1.4;margin-top: 5px;}


#safety_wrapper .main_area #section #hard.column .inner li.eq01 {top: 28px;left: 16px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq02 {top: 28px;left: 289px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq03 {top: 28px;left: auto;right: 16px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq04 {top: 376px;left: 16px;}
#safety_wrapper .main_area #section #hard.column .inner li.eq05 {top: 376px;right: 16px;}

#safety_wrapper .main_area #section #hard.column .inner ul.flex li {width: 100%;margin: 15px 0px;position: relative;border-radius: 15px;padding: 22px 5% 16px 5%;box-sizing: border-box;}
#safety_wrapper .main_area #section #hard.column .inner ul .bold {font-size: 20px;line-height: 1.7;position: absolute;top: -16px;left: 20px;margin: 0;}

#safety_wrapper .main_area #section #hard.column .inner ul.spbg {width: 100%;margin: 50px auto 0px auto;position: relative;border-radius: 15px;padding: 22px 5% 16px 5%;box-sizing: border-box;background-color: #faede5;}
}


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

}


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

}


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

}


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

}