@charset "UTF-8";

/* CSS Document */

/* ==========================================================================
   
reasons CSS

========================================================================== */

*{
margin: 0;
padding: 0;
}

.section_block_service{
  position: relative;
  z-index: 6;
  padding-top: 3%;
  padding-bottom: 0%;
  width: 100%;
  background-color: #272b40;
}


.service_block_title {
color: #BCA836 !important;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 25px;
    font-size: 2.5rem;
    padding-top: 0%;
    padding-bottom: 3%;
	line-height: 2.5;
}




.service_block_txt {
line-height: 2.5;
}


.service_contents_header {
  width: 100%;
  margin-top: 0%;
  margin-bottom: 0%;
  padding-top: 0%;
  padding-bottom: 0%;
  display: inline-block;
vertical-align: bottom;
line-height: 0em;
}

.service_contents_box_L {
  width: 50%;
  float: left;
  display: block;
  padding-top: 0%;
  padding-bottom: 0%;
}

.img_cover {
width: 100%;
height: 100%;
object-fit: cover;
}

.service_contents_box_R {
  width: 45%;
  float: right;
  display: block;
  padding-top: 7%;
  padding-right: 5%;

}

.service_contents2_box_L {
  width: 45%;
  float: left;
  display: block;
  padding-top: 7%;
  padding-left: 5%;
}

.service_contents2_box_R {
  width: 50%;
  float: right;
  display: block;
  padding-top: 0%;
  padding-bottom: 0%;
}


@media screen and (max-width:768px) {
	
.section_block_service{
    position: relative;
    z-index: 6;
    padding-top: 7%;
    padding-bottom: 0%;
    width: 100%;
  }	
	
	
.service_block_title {
color: #BCA836 !important;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding-top: 0%;
    padding-bottom: 3%;
	line-height: 2.5;
}



.service_block_txt {
line-height: 2.5;
}

  .service_block_caption {
    font-size: 11px;
    padding-bottom: 7%;
  }
  .service_contents_header {
    display: flex;
    flex-direction: column;
    padding-bottom: 0%;
    width: 100%;
  }
  .service_contents_box_L {
    width: 100%;
    float: left;
    display: block;
  }
  .service_contents_box_R {
    width: 100%;
    float: right;
    display: block;
    padding-bottom: 15%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .service_contents2_box_L {
    width: 100%;
    padding-top: 5%;
    order: 2;
    padding-bottom: 15%;
    z-index: 1;
    padding-left: 5%;
    padding-right: 5%;
  }
  .service_contents2_box_R {
    width: 100%;
    order: 1;
    padding-bottom: 3%;
  }
}