@charset "UTF-8";

#safety_wrapper .main_area .column {margin-top: 40px;}
#safety_wrapper .main_area .column .page_inner {width: 100%;margin: 0px;padding: 0px;float: right;}

/* --------------------------------------------------------------------
	ページ汎用スタイル
-------------------------------------------------------------------- */
#safety_wrapper .page_inner .page_content_area p {font-size: 16px;line-height: 1.7;margin: 0px;padding: 0px;}
#safety_wrapper .page_inner .page_content_area p.heading {font-size: 18px;line-height: 1.6;font-weight: bold;}
#safety_wrapper .page_inner .page_content_area p.caution {font-size: 12px;line-height: 1.6;}
#safety_wrapper .page_inner .page_content_area p.semibold {font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* --------------------------------------------------------------------
	コンテンツエリア
-------------------------------------------------------------------- */
#safety_wrapper .page_inner .page_content_area {margin-top: 0px !important;margin: 0px;padding: 0px;}

/* --------------------------------------------------------------------
	本文エリア
-------------------------------------------------------------------- */
#safety_wrapper .page_inner .page_content_area .text_area {margin: 0px;padding: 0px;position: relative;}
#safety_wrapper .page_inner .page_content_area .text_area p.title {width: 100%;margin: 0px;}
#safety_wrapper .page_inner .page_content_area .text_area p.heading {margin-top: 0px;margin-bottom: 20px;color: #555;}
#safety_wrapper .page_inner .page_content_area .text_area p.caution {margin-top: 10px;}
#safety_wrapper .page_inner .page_content_area .text_area p.img_box {width: 80%; margin: 50px auto 0px auto;}


#safety_wrapper .page_inner .page_content_area .bgGray {margin: 10px 0px 0px 0px !important;box-sizing: border-box;border-radius: 10px; overflow: hidden;position: relative;background-color: #f0f0f0;padding: 20px 0px 0px 0px;}
#safety_wrapper .page_inner .page_content_area .bgGray .Box {width: 90%;margin: 0px;padding: 0px 5% 10px 5%;}
#safety_wrapper .page_inner .page_content_area .bgGray dt {font-size: 13px;line-height: 1.6;color: #555;width: 28%; float: left;clear: both;}
#safety_wrapper .page_inner .page_content_area .bgGray dd {font-size: 13px;line-height: 1.6;color: #555;width: 66%;float: right;margin-bottom: 10px;padding-left:1.3em;text-indent:-1.3em;}
#safety_wrapper .page_inner .page_content_area .bgGray p.heading {font-size: 16px;margin-bottom: 15px;display: block;color: #555;font-weight: bold;border-bottom: solid 1px #555;}
#safety_wrapper .page_inner .page_content_area p.heading_before {font-size: 16px;margin: 10px 0px 0px 0px;padding: 5px 0px;display: block;color: #555;text-align: center; background-color: #f0f0f0;border-radius: 20px;}
#safety_wrapper .page_inner .page_content_area p.heading_before::before{content: "\025bc";padding-right: 5px;font-size: 11px;position: relative;top: -2px;}
#safety_wrapper .page_inner .page_content_area p.heading_before.open::before{content: "\025b2";padding-right: 5px;font-size: 11px;position: relative;top: -2px;}

#safety_wrapper .page_inner .page_content_area .text_area .chrono {background-image: url("../images/center_line.gif");background-repeat: repeat-y;background-position: left top;background-size:22% auto;border-bottom: solid 1px #555;position: relative;}

#safety_wrapper .page_inner .page_content_area .text_area .chrono .fL {width: 22%;margin: 0px;padding: 20px 0px 0px 0px;float: left;text-align: center;}
#safety_wrapper .page_inner .page_content_area .text_area .chrono .fR {width: 74%;margin: 0px;padding: 0px 0px 20px 4%;}


#safety_wrapper .page_inner .page_content_area .text_area .chrono dt {font-size: 1.1rem;line-height: 1.6;color: #555;width: 100%; float: left;clear: both;margin-top: 22px;margin-bottom: 0px;font-weight: bold;}
#safety_wrapper .page_inner .page_content_area .text_area .chrono dd {font-size: 1.1rem;line-height: 1.6;color: #555;width: 92%; float: left;clear: both;margin-top: 8px;margin-bottom: 0px;padding-left:7.6%;text-indent:-7.6%;}

#safety_wrapper .page_inner .page_content_area .text_area .chrono .pageTop {width: 22%;margin: 0px;padding: 0px;position: absolute;bottom: 0px;left: 0px;}

#safety_wrapper .page_inner .page_content_area .text_area .chrono .fL p {font-size: 1.0rem;line-height: 1.3;color: #FFF;font-weight: bold;}
#safety_wrapper .page_inner .page_content_area .text_area .chrono .fL p span {font-size: 1.6rem;display: block;}

#safety_wrapper .page_inner .page_content_area .text_area .chrono.category p {font-size: 1.1rem;line-height: 1.6;margin: 0px;padding: 0px;position: relative;top: 10px;}

#safety_wrapper .page_inner .page_content_area .text_area .chrono.category p span.heading_A {font-size: 1.4rem;line-height: 1.4;display: block;color: #fbc861;font-weight: bold;margin-top: 0px;margin-bottom: 3px;}
#safety_wrapper .page_inner .page_content_area .text_area .chrono.category p span.heading_B {font-size: 1.4rem;line-height: 1.4;display: block;color: #84cdd1;font-weight: bold;margin-top: 0px;margin-bottom: 3px;}


.tabContents {display: none;}
.tabContents.active {display: block;}
.tab{margin-top: 20px; margin-bottom: 20px;}
.tab li{width: 49%;background-color: #ddd;float: left;text-align: center;margin-left: 2%;padding: 0px;}
.tab li:first-child{margin-left: 0%;}
.tab li.tab_A.active{background-color: #fcc862;filter: alpha(opacity=100);opacity: 1.0;}
.tab li.tab_B.active{background-color: #84ced1;filter: alpha(opacity=100);opacity: 1.0;}
.tab li a{filter: alpha(opacity=100);opacity: 1.0;}
.tab li a:hover{filter: alpha(opacity=100);opacity: 1.0;}


ul.age_transition{margin: 20px 0px 0px 0px;padding: 0px;position: relative;text-align: center;}
ul.age_transition li {}
ul.age_transition li:nth-child(1) {width: 5%;position: absolute;top: 26px;left: 30px;}
ul.age_transition li:nth-child(2) {width: 76%;margin: 0px auto;}
ul.age_transition li:nth-child(3) {width: 5%;position: absolute;top: 26px;right: 30px;}
ul.age_transition li.non{filter: alpha(opacity=30);opacity: 0.3;}

@media screen and (max-width: 414px) {
ul.age_transition li:nth-child(1) {width: 5%;position: absolute;top: 15px;left: 32px;}
ul.age_transition li:nth-child(2) {width: 76%;margin: 0px auto;}
ul.age_transition li:nth-child(3) {width: 5%;position: absolute;top: 15px;right: 32px;}
}
@media screen and (max-width: 360px) {
ul.age_transition li:nth-child(1) {width: 5%;position: absolute;top: 25px;left: 26px;}
ul.age_transition li:nth-child(2) {width: 80%;margin: 0px auto;}
ul.age_transition li:nth-child(3) {width: 5%;position: absolute;top: 25px;right: 26px;}
}
@media screen and (max-width: 320px) {
ul.age_transition li:nth-child(1) {width: 5%;position: absolute;top: 22px;left: 20px;}
ul.age_transition li:nth-child(2) {width: 80%;margin: 0px auto;}
ul.age_transition li:nth-child(3) {width: 5%;position: absolute;top: 22px;right: 20px;}
}