.pagettl{
 background: url(../img/l_iwakuni/pagephoto.jpg) no-repeat center center;
}
.shimonoseki{
 background: url(../img/l_shimonoseki/pagephoto.jpg) no-repeat center center;
}

.pageSttl{
 border-left: solid 5px #0094D7;
 padding: 0px 0px 0px 5px;
}

.mainphoto{
 position: relative;
}
.mainphoto .icon{
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 40%;
 max-width: 420px;
}
#sec_photos2 .secbg{
 background: url(../img/l_iwakuni/bg1.jpg) left top;
 background-size: 100% 100%;
 padding: 50px;
 box-sizing: border-box;
}
#sec_photos2 .secTtl{
 text-align: center;
}
#sec_photos2 .secTtl span{
 background: #fff;
 display: inline-block;
 border-radius: 30px;
 padding: 18px 30px;
 position: relative;
}
#sec_photos2 .secTtl span:before{
 display: block;
 content: "";
 border-top: solid 20px #fff;
 border-left: solid 10px transparent;
 border-right: solid 10px transparent;
 position: absolute;
 bottom: -16px;
 left: calc( 50% - 10px );
}
#sec_photos2 .seclist{
 display: flex;
 flex-wrap: wrap;
}
#sec_photos2 .seclist li{
 width: calc( 50% - 30px );
 margin: 15px;
}

#sec_factory .secTtl{
 position: relative;
 color: #fff;
 background: url(../img/dot_white.png) repeat-x center center;
 text-align: center;
}
#sec_factory .secTtl span{
 background: #00508D;
 display: inline-block;
 padding: 0px 10px;
}

#sec_factory .seclist{
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}
#sec_factory .seclist li{
 width: calc( 50% - 15px );
 margin-bottom: 30px;
}
#sec_factory .seclist li:nth-child(odd){
 margin-right: 30px;
}
#sec_factory .seclist li h3{
 margin-top: 15px;
}
#sec_factory .seclist li p{
 margin-top: 15px;
}

#sec_member{
 background: url(../img/l_iwakuni/bg2.gif);
 background-size: 100% auto;
 background-attachment: fixed;
}
/*#sec_member .bg{
 background: url(../img/l_iwakuni/bg_dot.png) no-repeat center top 750px ;
 background-size: 90% auto;
 position: relative;
 max-width: 1800px;
 margin-left: auto;
 margin-right: auto;
}*/
/*#sec_member .bg:before{
 display: block;
 content: "";
 width: 250px;
 height: 500px;
 background: url(../img/l_iwakuni/bgimgR.png) no-repeat center center;
 background-size: 100% auto;
 position: absolute;
 top: 340px;
 right: 80px;
}*/
/*#sec_member .bg:after{
 display: block;
 content: "";
 width: 200px;
 height: 200px;
 background: url(../img/l_iwakuni/bgimgL1.png) no-repeat center center;
 background-size: 100% auto;
 position: absolute;
 top: 280px;
 left: 50px;
}*/
/*#sec_member .bg2:after{
 display: block;
 content: "";
 width: 150px;
 height: 150px;
 background: url(../img/l_iwakuni/bgimgL2.png) no-repeat center center;
 background-size: 100% auto;
 position: absolute;
 top: 620px;
 left: 50px;
}*/
#sec_member .maxWidth2{
 position: relative;
 z-index: 2;
}

#sec_member .box,
#sec_member .box2{
 position: relative;
 margin-bottom: 50px;
}
#sec_member .box h3{
 position: absolute;
 left: 0px;
 top: 0px;
}
#sec_member .box2 h3{
 position: absolute;
 right: 0px;
 top: 0px;
}

#sec_address .list li{
 display: flex;
 border-bottom: solid 1px #ccc;
 padding: 15px 0px;
}
#sec_address .list li:first-child{
 border-top: solid 1px #ccc;
}
#sec_address .list li h3{
 font-size: 100%;
 min-width: 6em;
}

/*
===================================================
	tb
===================================================
*/
@media screen and (max-width: 1100px) {
 #sec_photos2 .secbg{
  padding: 25px;
 }

 #sec_member .bg{
  background: none;
 }
 #sec_member .bg:before{
  display: none;
 }
 #sec_member .bg:after{
  display: none;
 }
 #sec_member .bg2:after{
  display: none;
 }

}

/*
===================================================
	sp
===================================================
*/
@media screen and (max-width: 640px) {
 .pagettl{
  background: url(../img/l_iwakuni/pagephoto.jpg) no-repeat center center;
  background-size: cover;
 }
 .shimonoseki{
  background: url(../img/l_shimonoseki/pagephoto.jpg) no-repeat center center;
  background-size: cover;
 }

 .mainphoto .icon{
  position: relative;
  left: 0px;
  bottom: 0px;
  width: 80%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: block;
 }

 #sec_photos2 .secbg{
  padding: 35px 15px;
 }
 #sec_photos2 .seclist{
  display: block;
 }
 #sec_photos2 .seclist li{
  width: 100%;
  margin: 0px 0px 25px 0px;
  box-sizing: border-box;
 }

 #sec_factory .seclist li{
  width: 100%;
  margin-bottom: 30px;
 }
 #sec_factory .seclist li:nth-child(odd){
  margin-right: 0px;
 }



 #sec_member .box,
 #sec_member .box2{
  position: relative;
  margin-bottom: 30px;
  padding-top: 10vw;
 }
 #sec_member .box h3{
  width: 50%;
  max-width: 380px;
 }
 #sec_member .box2 h3{
  width: 50%;
  max-width: 380px;
  right: auto;
  left: 0px;
 }

 #sec_member{
  background: url(../img/l_iwakuni/bg2_sp.gif);
  background-attachment: fixed;
 }

}