#safety_wrapper {background-color: #f7f5ee;text-align: center;}
#safety_wrapper .heading_area {width: 100%;margin: 0px;padding: 0;}

/* ---- タイトル ---- */
#safety_wrapper .title_area {width: 100%;margin: 0px;padding: 40px 0px 60px 0px;}
#safety_wrapper .title_area .title_box {width: 90%;max-width: 980px;margin:0px auto;padding: 0px;position: relative;}
#safety_wrapper .title_area .title_box .logo {width: 232px;margin:0px;padding: 0px;position: absolute;top: 0;right: 0%;z-index: 101;}
#safety_wrapper .title_area .title_box h1 {font-size: 50px;line-height: 1.4;margin: 0px;padding: 0px;color: #4a2610;font-family: "Jun 34" !important;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
#safety_wrapper .title_area .title_box h1 span.vol {font-size: 24px;display: block;}
#safety_wrapper .title_area .title_box h1 span.cause {font-size: 22px;margin-top: 5px;color: #fdbe28;display: block;}
#safety_wrapper .title_area .title_box .title_img {width: 846px;margin: 0;position: relative;left: -60px;}
#safety_wrapper .title_area .title_box .title_nyan {width: 234px;margin: 0;position: absolute;bottom: 40px;right: -40px;}

/* ---- メイン ---- */
#safety_wrapper .main_area {width: 100%;padding: 0px;background-color: #ffffff;text-align: center;position: relative;}
#safety_wrapper .main_area::before {content: "";display: inline-block;width: 100%;height: 20px;background-image: url("../images/line_top.png");background-repeat:no-repeat;background-position: center;background-size: cover;position: absolute;top: -20px;left: 0;}
#safety_wrapper .main_area::after {content: "";display: inline-block;width: 100%;height: 20px;background-image: url("../images/line_bottom.png");background-repeat:no-repeat;background-position: center;background-size: cover;position: absolute;bottom: -20px;left: 0;}
#safety_wrapper .main_area img{vertical-align: top;}
#safety_wrapper .main_area .column {max-width: 980px;width: 90%;margin: 0px auto;padding: 60px 0;text-align: left;position:relative;}
#safety_wrapper .main_area .column.line {background-image: url("../images/img_main_line.png");background-repeat:no-repeat;background-position: center top;background-size: contain;}

#safety_wrapper .main_area .column .title {margin-bottom: 50px;}
#safety_wrapper .main_area .column .title h2 {font-size: 32px;line-height: 1.3;font-family: "Jun 34" !important;font-feature-settings: "palt";letter-spacing: 0.15em;color: #4a2610;}
#safety_wrapper .main_area .column .title p {font-size: 18px;line-height: 1.6;font-family: 'HondaGlobalFontJP-Regular' !important;font-weight: bold;letter-spacing: 0.15em;color: #4a2610;margin-top: 20px;}
#safety_wrapper .main_area .column p.point {font-size: 24px;line-height: 1.6;font-family: "Jun 34" !important;font-feature-settings: "palt";letter-spacing: 0.15em;color: #4a2610;text-align: center;margin-top: 60px;}
#safety_wrapper .main_area .column ul.pattern {width: 90%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 50px;}
#safety_wrapper .main_area .column ul.pattern li {width: 46%;position: relative;padding-top: 60px;}
#safety_wrapper .main_area .column ul.pattern li h3 {width: 193px;position: absolute;top: 0;left: 0;z-index: 101;}
#safety_wrapper .main_area .column ul.pattern li p {font-size: 16px;line-height: 1.7;font-family: 'HondaGlobalFontJP-Regular' !important;font-weight: bold;letter-spacing: 0.15em;margin-top: 10px;color: #4a2610;}
#safety_wrapper .main_area .column ul.pattern li .img {width: 100%;margin: 0 auto;}
#safety_wrapper .main_area .column ul.pattern li:nth-child(1) {width: 100%;padding-top: 0px;}
#safety_wrapper .main_area .column u.pattern li:nth-child(1) p {text-align: center;}

#safety_wrapper .main_area .column ul.action {width: 100%;position: relative;}
#safety_wrapper .main_area .column ul.action li {width: 100%;margin: 0;padding: 0;}
#safety_wrapper .main_area .column ul.action li:nth-child(1) {width: 356px;position: absolute;top: 0%;left: 50%;transform: translate(-50%, 0%);/*background-image: url("../images/img_main_box2_i01b.webp");background-repeat: no-repeat;background-size: contain;background-position: center;*/}
#safety_wrapper .main_area .column ul.action li:nth-child(2) {width: 368px;position: absolute;top: 24%;left: 0;}
#safety_wrapper .main_area .column ul.action li:nth-child(3) {width: 368px;position: absolute;top: 24%;right: 0;}
#safety_wrapper .main_area .column ul.action li:nth-child(4) {width: 356px;position: absolute;bottom: 0;left: 12%;}
#safety_wrapper .main_area .column ul.action li:nth-child(5) {width: 356px;position: absolute;bottom: 0;right: 12%;}
#safety_wrapper .main_area .column ul.action li:nth-child(6) {z-index: 101;}
#safety_wrapper .main_area .column ul.action li div {width: 100%;margin: 0;padding: 0;position: relative;}
/*
#safety_wrapper .main_area .column ul.action li div img {position: absolute;top: 0;left: 0;}
#safety_wrapper .main_area .column ul.action li div img.on {opacity: 0;transition: 0.5s;}
#safety_wrapper .main_area .column ul.action li div img.off {opacity: 1;transition: 0.5s;}
*/
/*
#safety_wrapper .main_area .column ul.action li.bg:nth-child(1) {background-image: url("../images/img_main_box2_i01b.webp");background-repeat: no-repeat;background-size: contain;background-position: center;opacity: 0;transition: 0.5s;}
#safety_wrapper .main_area .column ul.action li.bg:nth-child(2) {background-image: url("../images/img_main_box2_i02b.webp");background-repeat: no-repeat;background-size: contain;background-position: center;opacity: 0;transition: 0.5s;}
#safety_wrapper .main_area .column ul.action li.bg:nth-child(3) {background-image: url("../images/img_main_box2_i03b.webp");background-repeat: no-repeat;background-size: contain;background-position: center;opacity: 0;transition: 0.5s;}
#safety_wrapper .main_area .column ul.action li.bg:nth-child(4) {background-image: url("../images/img_main_box2_i04b.webp");background-repeat: no-repeat;background-size: contain;background-position: center;opacity: 0;transition: 0.5s;}
#safety_wrapper .main_area .column ul.action li.bg:nth-child(5) {background-image: url("../images/img_main_box2_i05b.webp");background-repeat: no-repeat;background-size: contain;background-position: center;opacity: 0;transition: 0.5s;}
*/
/* ---- まとめ ---- */
#safety_wrapper .summary_area {width: 100%;padding: 0px;text-align: center;position: relative;}
#safety_wrapper .summary_area .column {max-width: 980px;width: 90%;margin: 80px auto 0px auto;text-align: left;position:relative;}
#safety_wrapper .summary_area .column h2 {font-size: 40px;line-height: 1.1;font-family: "Jun 34" !important;font-feature-settings: "palt";letter-spacing: 0.1em;text-align: center;margin-top: 40px;margin-bottom: 30px;color: #4a2610;}
#safety_wrapper .summary_area .column p {font-size: 20px;line-height: 1.6;font-family: "Jun 34" !important;font-feature-settings: "palt";letter-spacing: 0.15em;margin-bottom: 40px;text-indent: -1.1em;padding-left: 1.1em;color: #4a2610;}
#safety_wrapper .summary_area .column p span {padding-bottom: 15px;display: block;}
#safety_wrapper .summary_area .column .nazokake {position: relative;}
#safety_wrapper .summary_area .column .nazokake .comment {position: absolute;top: 0;right: 0;width: 600px;}

/* ---- サブ ---- */
#safety_wrapper .sub_area{padding: 186px 0px 40px 0px;margin-top: 60px;background-color: #FFF;background-image: url("../images/img_qa_bg.png");background-repeat:no-repeat;background-position: center top;background-size: contain;text-align: center;}
#safety_wrapper .sub_area .column{max-width: 980px;width: 90%;text-align: left;margin: 0px auto;padding: 0 0;}
#safety_wrapper .sub_area .column .inner {margin: 0px;}

#safety_wrapper .sub_area .column .inner.faq_box {padding: 0;margin: 0;}
#safety_wrapper .sub_area .column .inner.faq_box p {font-size: 16px;line-height: 1.7;padding: 0;margin: 0;font-family: 'HondaGlobalFontJP-Regular' !important;font-feature-settings: "palt";letter-spacing: 0.15em;color: #555;position: relative;}
#safety_wrapper .sub_area .column .inner.faq_box h2.heading {width: 100%;font-size: 40px;line-height: 1.1;font-family: "Jun 34" !important;text-align: center;margin-bottom: 40px;}
#safety_wrapper .sub_area .column .inner.faq_box .question {width: 100%;background-color: #4a2610;box-sizing: border-box;padding: 20px 30px;margin: 30px auto 0px auto;position: relative;cursor: pointer;border-radius: 50px;}
#safety_wrapper .sub_area .column .inner.faq_box .question p{font-size: 20px;line-height: 1.4;color: #FFF;padding: 0;font-family: 'HondaGlobalFontJP-Regular' !important;}
#safety_wrapper .sub_area .column .inner.faq_box .question img {width: 44px;height: 44px;margin: auto 0;padding: 0px;border-radius:25px;background-color: #FFF;overflow: hidden;position: absolute;top: 0;bottom: 0;right: 25px;transform: rotate(0deg);transition: 0.3s;}
#safety_wrapper .sub_area .column .inner.faq_box .question.selected img{transform: rotate(180deg);transition: 0.3s;}
#safety_wrapper .sub_area .column .inner.faq_box .answer_box{display: none;}
#safety_wrapper .sub_area .column .inner.faq_box .answer_box .answer{width: 100%;display: flex;flex-flow: row wrap;box-sizing: border-box;padding: 25px;margin: 2px auto 0px auto;}
#safety_wrapper .sub_area .column .inner.faq_box .answer_box p{font-size: 16px;line-height: 1.6;color: #4a2610;padding: 0;font-family: 'HondaGlobalFontJP-Regular' !important;text-indent: -2.0em;padding-left: 2.0em;}
#safety_wrapper .sub_area .column .inner.faq_box .answer_box p span{font-size: 20px;}


#safety_wrapper .sub_area .page_back{text-align: center;width: 100%;background-image: url(../images/arrow_back_shadow.png);background-repeat: no-repeat;background-size: auto 30px;background-position: center bottom;padding-bottom: 32px;margin-top: 80px;}
#safety_wrapper .sub_area .column .banner_area {margin: 0px 0px 40px 0px;}

/* ---- ALL ---- */
#safety_wrapper .main_area .column .school_menu {margin: 0px 30px;padding: 20px 0px;border-top: 1px dotted #333;border-bottom: 1px dotted #333;}
#safety_wrapper .main_area .column .school_menu li {float: left;margin-right: 28px;}
#safety_wrapper .main_area .column .school_menu li:last-child{float: right;margin-right: 0px;}
#safety_wrapper .column .school_link {margin: 0px 30px;padding: 20px 0px;border-top: 1px dotted #333;border-bottom: 1px dotted #333;text-align: center;}

/* ---- 汎用 ---- */
#safety_wrapper a img {filter: alpha(opacity=100);opacity: 1.0;}
#safety_wrapper a:hover img {filter: alpha(opacity=70);opacity: 0.7;}

.clearfix:after {content: "";display: block;clear: both;}
.clearfix:before {content: "";display: block;clear: both;}
.clearfix {display: block;}

#footer-container, #footer-container-sp {padding-top: 0px !important;}


@media screen and (max-width: 1220px) {
	
/* ---- タイトル ---- */
#safety_wrapper .title_area {padding: 3vw 0px;}
#safety_wrapper .title_area .title_box .logo {width: 19vw;}
#safety_wrapper .title_area .title_box h1 {font-size: 4.0vw;}
#safety_wrapper .title_area .title_box h1 span.vol {font-size: 2.0vw;}
#safety_wrapper .title_area .title_box h1 span.cause {font-size: 1.8vw;}
#safety_wrapper .title_area .title_box p {font-size: 1.8vw;}
#safety_wrapper .title_area .title_box .title_img {width: 77vw;margin: 0;position: relative;top: -1vw;left: -3vw;}
#safety_wrapper .title_area .title_box .title_nyan {width: 18vw;right: -3vw;bottom: 3vw;}

#safety_wrapper .main_area .column .img_nyan01 {top: -22vw;}
#safety_wrapper .main_area .column .img_graph {padding-top: 6vw;}
	
#safety_wrapper .main_area .column ul.action li:nth-child(1) {width: 29.181vw;}
#safety_wrapper .main_area .column ul.action li:nth-child(2) {width: 30.165vw;}
#safety_wrapper .main_area .column ul.action li:nth-child(3) {width: 30.165vw;}
#safety_wrapper .main_area .column ul.action li:nth-child(4) {width: 29.181vw;}
#safety_wrapper .main_area .column ul.action li:nth-child(5) {width: 29.181vw;}
#safety_wrapper .summary_area .column .nazokake .comment {width: 55vw;}
}

@media screen and (max-width: 736px) {
#safety_wrapper .heading_area {background-size: 120%;padding-top: 54px;}
	
/* ---- タイトル ---- */
#safety_wrapper .title_area {width: 100%;margin: 0px;padding: 6vw 0px 10vw 0px;}
#safety_wrapper .title_area .title_box .logo {width: 32vw;left: 0;right: auto;}
#safety_wrapper .title_area .title_box h1 {font-size: 5.8vw;}
#safety_wrapper .title_area .title_box h1 span.vol {font-size: 3.8vw;}
#safety_wrapper .title_area .title_box h1 span.cause {font-size: 3.4vw;}
#safety_wrapper .title_area .title_box p {font-size: 3.4vw;margin: 5px 0 0 0;}

#safety_wrapper .title_area .title_box .title_img {width: 96vw;margin: 0;top: 0;left: -2vw;padding-top: 13vw;padding-bottom: 3vw;}
#safety_wrapper .title_area .title_box .title_nyan {width: 26vw;right: -2vw;bottom: -3vw;}

/* ---- メイン ---- */
#safety_wrapper .main_area .column {padding: 12vw 0;}
#safety_wrapper .main_area .column.line {background-image: url("../images/img_main_line.png");}
#safety_wrapper .main_area .column .title {margin-bottom: 8vw;}
#safety_wrapper .main_area .column .title h2 {font-size: 5vw;}
#safety_wrapper .main_area .column .title p {font-size: 3.8vw;margin-top: 4vw;}
#safety_wrapper .main_area .column p.point {font-size: 4.2vw;margin-top: 12vw;}

#safety_wrapper .main_area .column ul.pattern {width: 100%;gap: 50px;}
#safety_wrapper .main_area .column ul.pattern li {width: 100%;padding-top: 0px;}
#safety_wrapper .main_area .column ul.pattern li h3 {width: 40vw;}
#safety_wrapper .main_area .column ul.pattern li p {font-size: 3.4vw;margin-top: 4vw;}
#safety_wrapper .main_area .column ul.pattern li .img {width: 80%;margin: 16vw auto 0 auto;}
#safety_wrapper .main_area .column ul.pattern li:nth-child(1) p {text-align: left;}
#safety_wrapper .main_area .column ul.pattern li:nth-child(1) .img {width: 100%;}
	
#safety_wrapper .main_area .column ul.action li:nth-child(1) {width: 40vw;}
#safety_wrapper .main_area .column ul.action li:nth-child(2) {width: 42vw;position: absolute;top: 38vw;left: 0;}
#safety_wrapper .main_area .column ul.action li:nth-child(3) {width: 42vw;position: absolute;top: 38vw;right: 0;}
#safety_wrapper .main_area .column ul.action li:nth-child(4) {width: 40vw;position: absolute;bottom: 0;left: 0vw;}
#safety_wrapper .main_area .column ul.action li:nth-child(5) {width: 40vw;position: absolute;bottom: 0;right: 0vw;}
	
/* ---- まとめ ---- */
#safety_wrapper .summary_area .column {margin: 12vw auto 0px auto;}
#safety_wrapper .summary_area .column h2 {font-size: 6vw;margin-top: 8vw;margin-bottom: 6vw;}
#safety_wrapper .summary_area .column p {font-size: 4vw;margin-bottom: 6vw;}
#safety_wrapper .summary_area .column p span {padding-bottom: 2vw;display: block;}
#safety_wrapper .summary_area .column .nazokake .comment {width: 100%;}


/* ---- サブ ---- */
#safety_wrapper .sub_area .page_back{text-align: center;width: 100%;background-image: url(../images/arrow_back_shadow.png);background-repeat: no-repeat;background-size: auto 30px;background-position: center bottom;padding-top: 0px;padding-bottom: 32px;}
#safety_wrapper .sub_area .page_back img{width: 15%;}
	
#safety_wrapper .sub_area{padding: 20vw 0px 6vw 0px;margin-top: 12vw;}
#safety_wrapper .sub_area .column .inner.faq_box p {font-size: 16px;line-height: 1.7;padding: 0;margin: 0;font-family: "Jun 201" !important;font-feature-settings: "palt";letter-spacing: 0.15em;color: #555;position: relative;}
#safety_wrapper .sub_area .column .inner.faq_box h2.heading {font-size: 6vw;margin-bottom: 40px;}
#safety_wrapper .sub_area .column .inner.faq_box .question {padding: 3.4vw 20vw 3.4vw 8vw;margin: 6vw auto 0px auto;}
#safety_wrapper .sub_area .column .inner.faq_box .question p{font-size: 4vw;text-indent: -2.0em;padding-left: 2.0em;}
#safety_wrapper .sub_area .column .inner.faq_box .question img {width: 10vw;height: 10vw;right: 5vw;}
#safety_wrapper .sub_area .column .inner.faq_box .answer_box .answer{padding: 4vw 8vw;}
#safety_wrapper .sub_area .column .inner.faq_box .answer_box p{font-size: 3.4vw;text-indent: -2.0em;padding-left: 2.0em;}
#safety_wrapper .sub_area .column .inner.faq_box .answer_box p span{font-size: 4vw;}
	
	
	
/* ---- 汎用 ---- */
#safety_wrapper a img {filter: alpha(opacity=100);opacity: 1.0;}
#safety_wrapper a:hover img {filter: alpha(opacity=70);opacity: 1.0;}
}