@charset "UTF-8";
/* CSS Document */
.sub_contents_w-bg {
    width: 100%;
    background-color: hsla(0,0%,100%,0.9); 
    padding-top: 60px;
    padding-bottom: 100px;
     height:540px;
}
.sub_contents_w-bg2 {
    width: 100%;
    background-color: rgba(227,244,230,0.90);
    padding-top: 80px;
    padding-bottom: 120px;
    height: 700px;
}
.img_right45 {
    width: 45%;
    float: right;
    margin-bottom: 20px;
    margin-left: 4%;
    margin-top: 20px;
}
.sub_contents1 {
    width: 100%;
    background-image: url("images/1_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 850px;
    padding-top: 50px;
    }
.sub_contents1_text {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.sub_contents2 {
    width: 100%;
    background-image: url("images/sanrin_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 900px;
    }
.sub_contents3 {
    width: 100%;
    background-image: url("images/3_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 700px;
    }
.sub_contents4 {
    width: 100%;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 500px;
      padding-top: 80px;
    }
.sub_artcle_in_4{
     padding-top: 50px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.sanrin_img_all {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin: 0;
}
.sanrin_img {
    width:16.6%;
    float: left;
    text-align: center;
     margin-left: auto;
    margin-right: auto;
}
.sanrin_img2 {
    width:22%;
    float: left;
    margin-top: 5%;
    margin-left: 2%;
    text-align: center;
}



div.grid
{
  clear: both;
}

div.grid div.section
{
  float:left;
  height: auto;
  width: 26%;
  padding:6px 0px 0px 0;
  text-align: left;
    margin-left:5%;
}
div.grid div.section div.title
{
  margin: 0; 
  padding: 0; 
  width:100%;
  height: 1.5em;
/*  background-color: #ffffff;*/
  overflow: hidden;
  white-space: nowrap;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

div.grid div.section div.title h5{
  margin: 0 3px 0 3px;
  font-size: 1em;
  text-align:center;
  font-weight: normal;
  
}
div.grid div.section img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom; 
  border: 1px solid #ffffff;
}
/*------------------------------------------------
mobile
------------------------------------------------*/  
@media screen and (max-width: 768px){
    
.sub_contents_w-bg {
   height: auto;
     padding-top: 30px;
    padding-bottom: 10px;
}
.sub_contents_w-bg2 {
     height: auto;
     padding-top: 30px;
    padding-bottom: 10px;
}

.sub_contents1 {
    height: auto;
    padding-bottom: 50px;
    }
.sub_contents1_text {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.sub_contents2 {
    height: auto;
    }
.sub_contents3 {
     height: auto;
    }
.sub_contents4 {
     height: auto;
    padding-top: 40px;
    } 
    
    div.grid div.section
{
  float:left;
  height: auto;
  width:40%;
  padding:6px 0px 0px 0;
  text-align: left;
    margin-left:5%;
    margin-right: 5%;
}
    .sanrin_img2 {
    width:40%;
    float: left;
    margin-top: 5%;
    margin-left: 5%;
    text-align: center;
}

}