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

/* ---- タイトル ---- */
#safety_wrapper .title_area {width: 100%;/*max-height: 426px;*/margin: 0px;padding: 50px 0px 0px 0px;}
#safety_wrapper .title_area .title_box {width: 90%;max-width: 1100px;margin:0px auto;padding: 0px;position: relative;}
#safety_wrapper .title_area .title_box h1 {width: 574px;margin:0px;padding: 0px;position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);}
#safety_wrapper .title_area .title_box .nyan {width: 400px;margin:0px;padding: 0px;position: absolute;top: 50%;right: 8%;transform: translate(0%, -50%);}

/* ---- リード ---- */
#safety_wrapper .lead_area {width: 100%;margin: 0;padding: 0;}
#safety_wrapper .lead_area .column{max-width: 1100px;width: 90%;text-align: left;margin: 0px auto;padding: 40px 0 280px 0;}
#safety_wrapper .lead_area .column p{font-size: 18px;line-height: 2.2;margin: 0px;padding: 0px;color: #4a2610;font-family: 'HondaGlobalFontJP-Regular' !important;font-weight: bold;letter-spacing: 0.2em;text-align: center;}
#safety_wrapper .lead_area .column p span.br{display: inline-block;}

/* ---- メイン ---- */
#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;border-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;text-align: left;position:relative;}
#safety_wrapper .main_area .column .img_nyan01 {width: 100%;margin: 0;padding: 0;position: absolute;top: -270px;left: 0;}
#safety_wrapper .main_area .column .img_nyan02 {width: 100%;max-width: 760px;margin: 80px auto 0 auto;padding: 0;}
#safety_wrapper .main_area .column .img_graph {width: 100%;margin: 0;padding: 20px 0 0 0;}
#safety_wrapper .main_area .column h3 {font-size: 24px;line-height: 1.1;margin: 0px;padding: 60px 0 0 0;color: #333;font-family: "Jun 34" !important;font-feature-settings: "palt";letter-spacing: 0.1em;text-align: center;}

#safety_wrapper .main_area .slide-column {width: 100%;margin: 0;text-align: left;position:relative;}
#safety_wrapper .main_area .slide-column .inner {margin: 0;padding: 0;position: relative;top: -60px;}
#safety_wrapper .main_area .slide-column .inner li {padding: 0 46px;}
#safety_wrapper .main_area .slide-column .inner .prev-arrow {margin: 0px;z-index: 101;width: 64px;position: absolute;top: 50%;left: 30%;transform: translateY(-50%) translateX(-50%);cursor: pointer;filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;}
#safety_wrapper .main_area .slide-column .inner .prev-arrow:hover {filter: alpha(opacity=70);opacity: 0.7;transition: 0.3s;}
#safety_wrapper .main_area .slide-column .inner .next-arrow {margin: 0px;z-index: 101;width: 64px;position: absolute;top: 50%;right: 30%;transform: translateY(-50%) translateX(50%);}
#safety_wrapper .main_area .slide-column .inner .next-arrow:hover {filter: alpha(opacity=70);opacity: 0.7;transition: 0.3s;}	
#safety_wrapper .main_area .slide-column .inner li {opacity: 1.0;transition: 0.5s;}
#safety_wrapper .main_area .slide-column .inner li.slick-center {opacity: 1.0 !important;transition: 0.5s;}

/* ---- サブ ---- */
#safety_wrapper .sub_area{padding: 40px 0px 40px 0px;background-color: #f7f5ee;}
#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;}
#safety_wrapper .sub_area .column .inner {margin: 0px 30px;}
#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;transition: 0.5s;}
#safety_wrapper a:hover img {filter: alpha(opacity=70);opacity: 0.7;transition: 0.5s;}

.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: 1600px) {

}
@media screen and (max-width: 1400px) {
#safety_wrapper .main_area .slide-column .inner li {padding: 0 60px;}
#safety_wrapper .main_area .slide-column .inner .prev-arrow {left: 24%;}
#safety_wrapper .main_area .slide-column .inner .next-arrow {right: 24%;}
}
@media screen and (max-width: 1220px) {
#safety_wrapper .title_area .title_box h1 {width: 47%;}
#safety_wrapper .title_area .title_box .nyan {width: 34vw;}
#safety_wrapper .lead_area .column{padding: 4vw 0 30vw 0;}
#safety_wrapper .lead_area .column p{font-size: 1.8vw;}
#safety_wrapper .main_area .column .img_nyan01 {top: -22vw;}
#safety_wrapper .main_area .column .img_graph {padding-top: 6vw;}
}
@media screen and (max-width: 1080px) {

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

}
@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: 12vw 0px 0px 0px;}
#safety_wrapper .title_area .title_box {width: 100%;background-image: url("../images/title_bg_sp.webp");background-repeat: no-repeat;background-size: contain;background-position: center bottom;padding-bottom: 14vw;}
#safety_wrapper .title_area .title_box h1 {width: 90%;position: relative;top: 0%;left: 0%;transform: translate(0%, 0%);margin: 0 auto;}
#safety_wrapper .title_area .title_box .nyan {width: 84%;margin: 5vw auto 0vw auto;position: relative;top: 0%;right: 0%;transform: translate(0%, 0%);}
	
/* ---- リード ---- */
#safety_wrapper .lead_area .column{padding: 8vw 0 58vw 0;}
#safety_wrapper .lead_area .column p{font-size: 3.4vw;}

	
/* ---- メイン ---- */
#safety_wrapper .main_area .column .img_nyan01 {top: -46vw;}
#safety_wrapper .main_area .column .img_nyan02 {margin: 12vw auto 0 auto;}
#safety_wrapper .main_area .column .img_graph {padding: 4vw 0 0 0;}
#safety_wrapper .main_area .column h3 {font-size: 3.6vw;padding: 12vw 0 0 0;}
	
#safety_wrapper .main_area .slide-column .inner {margin: 0;padding: 0;position: relative;top: -6vw;}
#safety_wrapper .main_area .slide-column .inner li {padding: 0 2vw;}
#safety_wrapper .main_area .slide-column .inner .prev-arrow {width: 10vw;left: 15%;}
#safety_wrapper .main_area .slide-column .inner .prev-arrow:hover {filter: alpha(opacity=100);opacity: 1.0;}
#safety_wrapper .main_area .slide-column .inner .next-arrow {width: 10vw;right: 15%;}
#safety_wrapper .main_area .slide-column .inner .next-arrow:hover {filter: alpha(opacity=100);opacity: 1.0;}	
#safety_wrapper .main_area .slide-column .inner li {opacity: 0.3;transition: 0.5s;}
#safety_wrapper .main_area .slide-column .inner li.slick-center {opacity: 1 !important;transition: 0.5s;}
	

	
/* ---- サブ ---- */
#safety_wrapper .sub_area{padding: 0px 0px 0px 0px;}
#safety_wrapper .sub_area .column .inner {margin: 0px 0px;}
#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: 32px;padding-bottom: 32px;}
#safety_wrapper .sub_area .page_back img{width: 15%;}
/* ---- 汎用 ---- */
#safety_wrapper a img {filter: alpha(opacity=100);opacity: 1.0;}
#safety_wrapper a:hover img {filter: alpha(opacity=70);opacity: 1.0;}
}

@media screen and (max-width: 414px) {
#safety_wrapper .main_area .slide-column .inner .prev-arrow {width: 12vw;}
#safety_wrapper .main_area .slide-column .inner .next-arrow {width: 12vw;}
}