@charset "Shift_JIS";

#safety_wrapper.tips {background-color: #ebf7ff;}

#safety_wrapper .title_area {width: 90%;max-width: 1280px;position: relative;margin: 0 auto;padding: 0;}
#safety_wrapper .title_area .main_img {width: 636px;margin: 0px auto;padding-top: 70px;}
#safety_wrapper .title_area .title_logo {width: 220px;margin: 0;padding: 0;position: absolute;top: 50px;right: 0;}
#safety_wrapper .title_area h1 {font-size: 48px;line-height: 1.4;margin: 0;padding: 0;font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.01em;color: #000;position: absolute;top: 90px;left: 45px;}
#safety_wrapper .title_area h1 span {font-size: 22px;margin-right: 15px;font-family: "ƒqƒ‰ƒMƒmŠpƒS W7 JIS2004" !important;position: relative;bottom: -3px;}

#safety_wrapper .main_area {width: 100%;/*max-width: 1080px;*/margin: 60px 0 140px 0;}
#safety_wrapper .main_area h2 {font-size: 30px;line-height: 1.4;margin: 0;padding: 8px 20px;font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.03em;color: #FFF;background-color: #004e9e;display: inline-block;border-radius: 8px;font-weight: bold;}
#safety_wrapper .main_area h3 {font-size: 30px;line-height: 1.4;margin: 0 0 10px 0;padding: 0;font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.03em;color: #000;font-weight: bold;}
#safety_wrapper .main_area h4 {font-size: 20px;line-height: 1.4;margin: 0;padding: 0;font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.03em;color: #000;font-weight: bold;}
#safety_wrapper .main_area h5 {font-size: 20px;line-height: 1.4;margin: 0;padding: 0;font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.03em;color: #000;font-weight: bold;}
#safety_wrapper .main_area p {font-size: 20px;line-height: 1.8;margin: 0;padding: 0;font-family: "ƒqƒ‰ƒMƒmŠpƒS W3 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.03em;color: #000;}
#safety_wrapper .main_area p strong {font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;color: #004e9e;font-weight: bold;}
#safety_wrapper .main_area .section {width: 100%;margin: 45px 0 0 0;padding: 0;}
#safety_wrapper .main_area .section.blue {padding: 25px 0;background-color: #5d99d1;}
#safety_wrapper .main_area .section .inner {width: 90%;max-width: 1080px;margin: 0px auto;padding: 0px;text-align: left;}
#safety_wrapper .main_area .section .inner ul.LR {width: 100%;margin: 40px 0 0 0;padding: 0px;display: flex;flex-flow: row wrap;justify-content:space-between;}
#safety_wrapper .main_area .section .inner ul.LR li {width: 47%;text-align: left;}
#safety_wrapper .main_area .section .inner ul.CN {width: 100%;margin: 0;padding: 0;}
#safety_wrapper .main_area .section .inner ul.CN li {width: 100%;margin: 40px 0 0 0;padding: 0;}

/* ---- #sec01 ---- */
#safety_wrapper .main_area #sec01 {margin-top: 50px;}
#safety_wrapper .main_area #sec01 .section .inner ul li p {font-size: 16px;}
#safety_wrapper .main_area #sec01 .section .inner ul li h3 {font-size: 20px;margin: 0;}
#safety_wrapper .main_area #sec01 .section .inner ul li h4 {margin: 20px 0 5px 0;}
#safety_wrapper .main_area #sec01 .section .inner ul li h4.blue {color: #3492cf;}
#safety_wrapper .main_area #sec01 .section .inner ul li h4.red {color: #c73939;}
#safety_wrapper .main_area #sec01 .section .inner ul li h4.purple {color: #69338c;}

/* ---- #sec02 ---- */
#safety_wrapper .main_area #sec02 {margin-top: 90px;}
#safety_wrapper .main_area #sec02 .section .inner ul li h3 {font-size: 20px;margin-bottom: 15px;}
#safety_wrapper .main_area #sec02 .section .inner ul li h4 {line-height: 1.6;text-indent: -1.4em;padding-left: 1.4em;margin-bottom: 10px;}
#safety_wrapper .main_area #sec02 .section .inner ul li h4 span {font-family: "ƒqƒ‰ƒMƒmŠpƒS W3 JIS2004" !important;font-weight: bold;}

/* ---- #sec03 ---- */
#safety_wrapper .main_area #sec03 {margin-top: 90px;}
#safety_wrapper .main_area #sec03 .section .inner ul li h3 {font-size: 20px;line-height: 1.4;margin-bottom: 25px;}
#safety_wrapper .main_area #sec03 .section .inner ul li.exp p {font-size: 16px;line-height: 1.4; margin-bottom: 4px;color: #555;}
#safety_wrapper .main_area #sec03 .section .inner ul li.exp p span {font-family: "ƒqƒ‰ƒMƒmŠpƒS W4 JIS2004" !important;font-weight: normal;}

/* ---- #sec04 ---- */
#safety_wrapper .main_area #sec04 {margin-top: 90px;}
#safety_wrapper .main_area #sec04 .section.blue h3 {font-size: 20px;line-height: 1.4;color: #FFF;margin-bottom: 15px;}
#safety_wrapper .main_area #sec04 .section.blue h4 {font-size: 20px;line-height: 1.4;color: #FFF;}
#safety_wrapper .main_area #sec04 .section.blue h4 span {font-family: "ƒqƒ‰ƒMƒmŠpƒS W3 JIS2004" !important;font-weight: normal;}
#safety_wrapper .main_area #sec04 .section.blue p {color: #FFF;text-indent: -1.4em;padding-left: 1.4em;line-height: 1.6;}
#safety_wrapper .main_area #sec04 .section.blue p strong {font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;color: #FFF;font-weight: bold;}
#safety_wrapper .main_area #sec04 .section.blue li {margin-top: 10px;}
#safety_wrapper .main_area #sec04 .section.blue .arrow {width: 20px;position: relative;top: -7px;margin: 0 5px;}
#safety_wrapper .main_area #sec04 .section .img {width: 348px;margin: 0 auto;}
#safety_wrapper .main_area #sec04 .section .foot_text{font-size: 38px;line-height: 1.3;font-family: "ƒqƒ‰ƒMƒmŠpƒS W6 JIS2004" !important;margin-top: 30px;font-weight: bold;}

/* ---- ƒTƒu ---- */
#safety_wrapper .sub_area{padding: 0px 0px 40px 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-bottom: 32px;}
#safety_wrapper .sub_area .column {width: 90%;max-width: 1080px;}
#safety_wrapper .sub_area .column .inner {margin: 0px 30px;}
#safety_wrapper .sub_area .column .title_logo {width: 128px;margin: 0 auto;padding: 0;}
#safety_wrapper .sub_area .column ul.foot_link {width: 100%;margin: 80px 0 60px 0;padding: 0;display: flex;flex-flow: row wrap;justify-content:space-between;}
#safety_wrapper .sub_area .column ul.foot_link li {width: 25%;margin: 0;padding: 0;position: relative;}
#safety_wrapper .sub_area .column ul.foot_link li p {font-size: 20px;line-height: 1.8;margin: 0;padding: 0;font-family: "ƒqƒ‰ƒMƒmŠpƒS W3 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.03em;color: #555;}
#safety_wrapper .sub_area .column ul.foot_link li p span {position:relative;top: 2px;margin-right: 6px;}
#safety_wrapper .sub_area .column ul.foot_link li p.vol {font-size: 24px;font-family: "ƒqƒ‰ƒMƒmŠpƒS W7 JIS2004" !important;color: #b4c9d6;position: absolute;top: -36px;left: 0;}
#safety_wrapper .sub_area .column ul.foot_link li p a {color: #555;}


#safety_foot_box {width: 100%;position: relative;clear: both;}
#safety_foot_box #safety-page-top_ {position: fixed;bottom: 20px;right: 20px;z-index: 101;}
#safety_foot_box #safety-page-top_ a:hover {filter: alpha(opacity=50);opacity: 0.5;}

@media screen and (max-width: 1400px) {
#safety_wrapper .title_area h1 {font-size: 3.7vw;top: 70px;left: 0px;}
#safety_wrapper .title_area h1 span {font-size: 2vw;margin-right: 10px;}
#safety_wrapper .title_area .title_logo {width: 15.715vw;}
#safety_wrapper .title_area .main_img {padding-top: 70px;width: 55vw;}
}

@media screen and (max-width: 736px) {
#safety_wrapper .title_area {padding: 54px 0 0 0;}
#safety_wrapper .title_area .main_img {width: 100%;padding-top: 0;}
#safety_wrapper .title_area .title_logo {width: 44%;margin: 8vw auto;position: static;}
#safety_wrapper .title_area h1 {font-size: 6.6vw;margin-top: 8vw;padding: 0;position: static;}
#safety_wrapper .title_area h1 span {font-size: 5vw;margin-right: 3vw;position: relative;bottom: -1px;}

#safety_wrapper .main_area {margin: 8vw 0 16vw 0;}
#safety_wrapper .main_area h2 {font-size: 5vw;}
#safety_wrapper .main_area h3 {font-size: 5vw;}
#safety_wrapper .main_area h4 {font-size: 4.2vw;line-height: 1.5;}
#safety_wrapper .main_area h5 {font-size: 4.2vw;}
#safety_wrapper .main_area p {font-size: 3.8vw;}
#safety_wrapper .main_area .section {width: 100%;margin-top: 8vw;}
#safety_wrapper .main_area .section.blue {padding: 6vw 0;}
#safety_wrapper .main_area .section .inner {width: 90%;}
#safety_wrapper .main_area .section .inner ul.LR {width: 100%;margin-top: 0;}
#safety_wrapper .main_area .section .inner ul.LR li {width: 100%;margin-top: 8vw;}
#safety_wrapper .main_area .section .inner ul.CN li {margin-top: 8vw;}

/* ---- #sec01 ---- */
#safety_wrapper .main_area #sec01 {margin-top: 16vw;}
#safety_wrapper .main_area #sec01 .section .inner ul li p {font-size: 3.6vw;}
#safety_wrapper .main_area h3 {font-size: 4.2vw;line-height: 1.5;}
#safety_wrapper .main_area #sec01 .section .inner ul li h3 {font-size: 4.2vw;}
#safety_wrapper .main_area #sec01 .section .inner ul li h4 {margin: 5vw 0 1vw 0;}
	
/* ---- #sec02 ---- */
#safety_wrapper .main_area #sec02 {margin-top: 16vw;}
#safety_wrapper .main_area #sec02 .section .inner ul li h3 {font-size: 3.8vw;}
#safety_wrapper .main_area #sec02 .section .inner ul li h4 {font-size: 3.8vw;}
	
/* ---- #sec03 ---- */
#safety_wrapper .main_area #sec03 {margin-top: 16vw;}
#safety_wrapper .main_area #sec03 .section .inner ul li h3 {font-size: 3.8vw;}
	
/* ---- #sec04 ---- */
#safety_wrapper .main_area #sec04 {margin-top: 16vw;}
#safety_wrapper .main_area #sec04 .section.blue .arrow {width: 4.5vw;top: -1.4vw;}
#safety_wrapper .main_area #sec04 .section .img {width: 62%;}
#safety_wrapper .main_area #sec04 .section .foot_text{font-size: 4.4vw;line-height: 1.5;margin-top: 20px;text-align: center;}
#safety_wrapper .main_area #sec04 .section.blue h3 {font-size: 4.2vw;}
#safety_wrapper .main_area #sec04 .section.blue h4 {font-size: 3.8vw;text-indent: -1.4em;padding-left: 1.4em;}
	
/* ---- ƒTƒu ---- */
#safety_wrapper .sub_area{padding: 0px 0px 40px 0px;}
#safety_wrapper .sub_area .page_back img{width: 15%;}
#safety_wrapper .sub_area .column {width: 92%;max-width: 1080px;}
#safety_wrapper .sub_area .column .title_logo {width: 30%;}
#safety_wrapper .sub_area .column ul.foot_link {width: 100%;margin:10vw 0;}
#safety_wrapper .sub_area .column ul.foot_link li {width: 100%;text-align: center;margin-bottom: 3vw;}
#safety_wrapper .sub_area .column ul.foot_link li p {font-size: 5.4vw;display: inline-block;}
#safety_wrapper .sub_area .column ul.foot_link li p span {position:relative;top: 2px;margin-right: 6px;}
#safety_wrapper .sub_area .column ul.foot_link li p.vol {font-size: 6.4vw;position: relative;top: 3px;margin-right: 4vw;}
	
}