@charset "utf-8";
/*///////  inView   //////*/

#section0,#section1,#section2,#section3,#section5 {
	top: 0;
}

.sectionbase {
	margin: 0;
	padding: 0;
	width: 100vw;
	width: auto;
	height: auto;
	height: 70vh;
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	position: relative;
	background: rgba(0,0,0,0.7);}


.sectioncopy {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



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

.sectionbase {
	margin: 0;
	padding: 0;
	height:200px;
	width: auto;
	
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	position: relative;
	background: rgba(0,0,0,0.7);}
	

}


#section3 .copy001 {
	margin: 0 auto 2%;
	text-align: center;
	height: auto;
	width: 100%;
	font-size: 36px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.7em;
	color: #FFF;
}


.sec3bg {
	background: url("../../safety/images/title_bg.jpg")center center;
	background-size: cover;
}

#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	top: 50%;
	left: -30%;
	width: 100%;

}
#section03  img {
	max-width: 50%;
	height: auto;
}
.sec3_inner {
	margin:auto;
	max-width: 1000px;
	height: auto;
}




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

#secbg3 {
	background: none;
	position: relative;
}
	
#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	left: -50%;
	width: auto;
	margin: auto;
	text-align: center;
	right: 0;
}
#section3 .copyarea1 img {
	height: 35px;
	width: auto;
}


}



.animate__delay-1s{

  /* ５秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-duration: 1s;
  animation-delay:1s;

}




.fadeIntext{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:2s;
}
.fadeInphoto{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:1s;
	transition-delay:0.8s; 
}
.fadeInphoto_l{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:0.5s; 
}
.fadeInphoto_r{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:0.5s; 
}

.fadeIntext_l{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.1s; 
}
.fadeIntext_r{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.1s; 
}

.fadeIntext_in{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.6s; 
}


.fadeIncatch{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:0.9s;
	transition-duration:1.0s;
}

.fadeInphoto2{
	opacity: 1.0 !important;
transform: translate(0,0);
transition-delay:0.5s; 
	-webkit-transform: translate(0,0);	transition-duration:0.5s;
}


@media only screen and (max-width: 768px){
.fadeInphoto{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:2s;
	transition-delay:0.5s; 
}

.fadeInphoto2{
	opacity: 1.0 !important;
transform: translate(0,0);
transition-delay:1.2s; 
	-webkit-transform: translate(0,0);	transition-duration:2s;
}

.fadeIncatch{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:0.5s;
	transition-duration:0.6s;
}
}


.fadeIncatch2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:.75s;
	transition-duration:1.0s;
}

.fadeIncatch3{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:1.0s;
	transition-duration:1.0s;
}


.fadeIncatch001{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:4.5s;
	transition-duration:5.0s;
}

.fadeInphoto002{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:2.5s;
	transition-duration:3.0s;
}

.fadeIncatch003{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:3.5s;
	transition-duration:3.0s;
}









.safety{
background: url("../../safety/images/cont_bg.jpg")no-repeat;
font-weight: 500;
}

.safe_inner{max-width:1000px;margin: 0 auto;}
.safe_inner2{max-width:1100px;margin: 0 auto;}

@media only screen and (max-width: 768px){
.safety{
	background: url("../../safety/images/cont_bg.jpg")no-repeat;
	background-size: 70px;
}

.safe_inner{max-width:1000px;margin: 0 auto;
padding: 0 5%;
}
.safe_inner2{max-width:1100px;margin: 0 auto;
padding: 0 5%;
}

}





.safe_sub_navi {
	background-size: 100%;
	padding-top: 70px;
	padding-bottom: 0px;
	margin-bottom: 110px;
}
.safe_sub_navi.m0 {
	margin-bottom: 0px;
}
.safe_sub_navi ul {
	text-align: center;
}
.safe_sub_navi ul li {
	display: inline-block;
	width: 19%;
	margin-right: 10px;
	margin-left: 10px;
	background: #1f9096;
	border: 1px solid #1f9096;
	position: relative;

	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-sizing:border-box;
	color:#ddd;
}

.safe_sub_navi ul li.active {
	background:#FFF;
	opacity:1.0;
	color: #1f9096;
}
.safe_sub_navi ul li.active::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -14px;
  width: 17px;
  height: 14px;
  margin-left: -8px;
  background: url("../../safety/images/active_arrow.jpg")top left no-repeat;
  background-size: 17px 14px;
}

.safe_sub_navi ul li a {
	color: #FFF;
	font-size: 18px;
	display: block;
	padding: 18px 0;

	text-decoration: none;
	font-weight:bold;
	/*! border:1px solid #c7c675; */
}
.safe_sub_navi ul li.active a {
	color: #1f9096;
}

.safe_sub_navi ul li a span {
	display:block;
	font-size:14px;
}
.safe_sub_navi ul li:hover {
	opacity:1;
}
.safe_sub_navi ul li.active:hover {
	opacity:1;
}

@media only screen and (max-width: 768px){
.safe_sub_navi {
	margin-bottom: 20px;
	padding-bottom: 0px;
	padding-top: 30px;;
}
.safe_sub_navi ul{
	margin-right: 2%;
	margin-left: 2%;
}
.safe_sub_navi ul li {
	display: inline-block;
	width: 42%;
	margin-right: 1%;
	margin-left: 1%;
	/*! background: #090920; */
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;	
	margin-bottom: 4%;
}
.safe_sub_navi ul li a {
	/*! color: #FFF; */
	font-size: 13px;
	display: block;
	padding: 10px 0;
	
	text-decoration: none;
	letter-spacing: -0.03em;
	/*! color:#FFF !important; */
}
.safe_sub_navi ul li.active a {
	/*! color:#FFF !important; */
}

.safe_sub_navi ul li a span {
	display:block;
	font-size:12px;
}
	
}






.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}



.c1_1 {
	width: 100%;
	margin-bottom: 25px;
	clear: both;
	float: none;
}
.c4_1 {
	float: left;
	width: 22.8%;
	margin-right:2.9%;
	margin-bottom:25px;
}
.c4_2 {
	float: left;
	width: 48.3%;
	margin-right:3.4%;
	margin-bottom:25px;
}
.c4_3 {
	float: left;
	width: 74.0%;
	margin-right:3.2%;
	margin-bottom:25px;
}
.c3_1 {
	float: left;
	width: 30.58%;
	margin-right: 4.1%;
	margin-bottom:25px;
}
.c3_2 {
	float: left;
	width: 65.5%;
	margin-right: 4.2%;
	margin-bottom: 25px;
}
.c2_1 {
	float: left;
	width: 46.05%;
	margin-right:6.9%;
	margin-bottom:25px;
}
.image {
	margin: 0 0 10px;
	text-align:center;
}
.image2 {
	margin: 0 0 14px;
	text-align:center;
}
.image3 {
	margin: 0 0 40px;
	text-align:center;
}
.text1 {margin: 0 0 30px;}
.text2 {margin: 0 0 15px;}


.kome{font-size: 12px;}

@media only screen and (max-width: 768px){
.c4_1 {
	float: none;
	width: auto;
	margin-right:0;
	margin-bottom:45px;
}
.c4_2 {
	float: none;
	width: auto;
	margin-right:0;
	margin-bottom:45px;
}
.c4_3 {
	float: none;
	width: auto;
	margin-right:0;
	margin-bottom:45px;
}
.c3_1 {
	float: none;
	width: auto;
	margin-right:0;
	margin-bottom:45px;
}
.c3_2 {
	float: none;
	width: auto;
	margin-right:0;
	margin-bottom:45px;
}
.c2_1 {
	float: none;
	width: auto;
	margin-right:0;
	margin-bottom:45px;
}

}


.safe_catch1 {
font-size: 30px;
text-align: center;
margin-bottom: 35px;
color: #1f9096;
font-weight: bold;
}
.safe_catch1 span {
font-size: 13px;
color: #000;
}
.safe_catch2 {
font-size: 22px;
margin-bottom: 20px;
color: #000;
font-weight: bold;
}
@media only screen and (max-width: 768px){
.safe_catch1 {font-size: 18px;text-align: center;margin-bottom: 35px;color: #1f9096;font-weight: bold;}
.safe_catch1 span {
font-size: 13px;
color: #000;
}
.safe_catch2 {
font-size: 17px;
margin-bottom: 16px;
color: #000;
font-weight: bold;
}	
}





.bosai_area1{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
margin: 0 0 30px 0;
}
.bosai_area1 .text{
width: 70%;
}
.bosai_area1 .text p{
font-size: 16px;
line-height: 1.9;
}
.bosai_area1 .image{
width: 35%;
}


.bosai_area2{
margin: 0 0 70px 0;
}


.bosai_area3{
margin: 0 0 60px 0;
padding: 35px 4% 15px;
}
.bosai_area3.blue{
background: #e3ecf1;
}
.bosai_area3.pink{
background: #f7f1f2;
}
.bosai_area3.orange{
background: #f6ede1;
}
.bosai_area3 .st{
font-size: 19px;
color: #226a84;
padding: 5px 0 5px 15px;
margin-bottom: 20px;
font-weight: bold;	
}
.bosai_area3.blue .st{
border-left: solid 6px #226a84;
border-bottom: solid 1px #226a84;
color: #226a84;
}
.bosai_area3.pink .st{
border-left: solid 6px #a35e6f;
border-bottom: solid 1px #a35e6f;
color: #a35e6f;
}
.bosai_area3.orange .st{
border-left: solid 6px #b58333;
border-bottom: solid 1px #b58333;
color: #b58333;
}
.bosai_area3 .st span{
font-size: 16px;
color: #000;
}
.name1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1.4;
}
.bosai_area3.blue .name1 {
	color: #226a84;
}
.bosai_area3.pink .name1 {
	color: #a35e6f;
}
.bosai_area3.orange .name1 {
	color: #b58333;
}
.bosai_area3.orange .box {
	border: 1px solid #000;
	padding: 4%;
	box-sizing: border-box;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.bosai_area3.orange .box .left {
width: 60%;	
}
.bosai_area3.orange .box .right {
width: 35%;	
}



.bosai_area4{
background: #dfeaec;
padding: 50px 0;
}
.bosai_area4 .block{
background: #dfeaec;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
margin: 0 0 30px 0;
}

.bosai_area4 .left{
width: 53%;
}
.bosai_area4 .left p{
font-size: 16px;
line-height: 1.9;
}
.bosai_area4 .right{
width: 45%;
}

@media only screen and (max-width: 768px){
.bosai_area1{
display: -webkit-box;
display: -ms-flexbox;
display: block;
justify-content: space-between;
margin: 0 0 30px 0;
}
.bosai_area1 .text{
width: auto;
margin-bottom: 10px;
}
.bosai_area1 .text p{
font-size: 13px;
line-height: 1.9;
}
.bosai_area1 .image{
width: 80%;
margin: 0 auto 10px;
}


.bosai_area2{
margin: 0 0 60px 0;
}


.bosai_area3{
margin: 0 0 60px 0;
padding: 35px 4% 15px;
}
.bosai_area3.blue{
background: #e3ecf1;
}
.bosai_area3.pink{
background: #f7f1f2;
}
.bosai_area3.orange{
background: #f6ede1;
}
.bosai_area3 .st{
font-size: 16px;
color: #226a84;
padding: 5px 0 5px 15px;
margin-bottom: 20px;
font-weight: bold;	
}
.bosai_area3.blue .st{
border-left: solid 6px #226a84;
border-bottom: solid 1px #226a84;
color: #226a84;
}
.bosai_area3.pink .st{
border-left: solid 6px #a35e6f;
border-bottom: solid 1px #a35e6f;
color: #a35e6f;
}
.bosai_area3.orange .st{
border-left: solid 6px #b58333;
border-bottom: solid 1px #b58333;
color: #b58333;
}
.bosai_area3 .st span{
font-size: 14px;
color: #000;
}
.name1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
	line-height: 1.4;
}
.bosai_area3.blue .name1 {
	color: #226a84;
}
.bosai_area3.pink .name1 {
	color: #a35e6f;
}
.bosai_area3.orange .name1 {
	color: #b58333;
}
.bosai_area3.orange .box {
	border: 1px solid #000;
	padding: 4%;
	box-sizing: border-box;
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
}
.bosai_area3.orange .box .left {
width: 60%;	
}
.bosai_area3.orange .box .right {
width: 35%;	
}



.bosai_area4{
background: #dfeaec;
padding: 50px 0;
}
.bosai_area4 .block{background: #dfeaec;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: block;justify-content: space-between;margin: 0 0 30px 0;}

.bosai_area4 .left{width: auto;margin-bottom: 15px;}
.bosai_area4 .left p{font-size: 14px;line-height: 1.5;}
.bosai_area4 .right{width: auto;text-align: center;}	
}



.name2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
	text-align: left;
	line-height: 1.2;
	color: #008188;
}
@media only screen and (max-width: 768px){
.name2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	text-align: left;
	line-height: 1.2;
	color: #008188;
}	
}

.safe_border_box{

}


.structure_area1{
margin-bottom: 70px;
}


.structure_area2{
margin-bottom: 70px;
}
.structure_area2 ul:after {
  content: "";
  display: table;
  clear: both;
}
.structure_area2 li{
width: 48%;
float: left;
margin-right: 2%;
}
.structure_area2 li:nth-child(2n){
width: 48%;
float: right;
margin-right: 0%;
}
.structure_area2 .block1:after {
  content: "";
  display: table;
  clear: both;
}
.structure_area2 .block1 .text {
	width: 50%;
	float: left;
	padding-right: 1%;
	font-size: 15px;
}
.structure_area2 .block1 .image {
	width: 50%;
	float: left;
}
.structure_area2 .block2 .text {
font-size: 15px;
margin-bottom: 15px;
}
.structure_area2 .block2 .image {
	
}

.safe_border_box {
border: 1px solid #008188;
background: url("../../safety/images/triangle01.jpg") no-repeat left top, url("../../safety/images/triangle02.jpg") no-repeat right bottom;
margin-bottom: 70px;
padding: 3%;
}
.safe_border_box h3{
border-left: 5px solid #008188;
border-bottom: 1px solid #008188;
padding: 5px 0 5px 13px;
font-size: 20px;
font-weight: bold;	
color: #008188;
margin-bottom: 25px;
}

.structure_area3:after {
  content: "";
  display: table;
  clear: both;
}
.structure_area3 li {
 float: left;
 width: 31.2%;
 margin-right: 2.8%;
}
.structure_area3 li:last-child {
 margin-right: 0%;
}
.structure_area3 li .text {
 margin-bottom:20px;
}