@charset "utf-8";

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

  Base

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

html {
 font-size: 62.5%;
}

body {
  background: #fff;
  color: #000;
  font-family:"Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  background-image: url(../img/backwave_down.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  /*font-size:1em;*/
}
p {
	font-size:16px;
	 line-height: 1.75;
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	p {
	font-size: 16px;
	 line-height: 1.6;
	margin-bottom: 1em;
     }
}


a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: bottom;
  image-rendering: -webkit-optimize-contrast;
}

a img {
  overflow: hidden;
}

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

  COMMON

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

.sp_show {
  display: none;
}

.common_wrap {
  max-width: 900px;
  margin: 0 auto;
}



.font_default {
  font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px;
  /*font-weight: 400;*/
  line-height: 1.875;
 /* transform: rotate(0.03deg);*/
}

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

  .sp_show {
    display: inline-block;
  }

  .sp_hide {
    display: none;
  }

  .bg_flag {
    background-size: contain;
  }

  .font_default {
   /*font-size: max(4.267vw, 16px);*/
    line-height: 1.687;
  }

}

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

  HEADER

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

#header {
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 2px;
  background-image: url(../img/backwave_up.gif);
  background-repeat: repeat-x;
  background-position: center top;
  text-align: center;
}

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

  #header {
    /*margin-bottom: 6.133vw;
    padding: 0;*/
  background-image: url(../img/backwave_up.gif);
  background-repeat: repeat-x;
  background-position: center top;
  }

  #header img {
    width: 100%;
  }

}

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

  SEC 1

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

#sec1 {
  margin-bottom: 50px;
}

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

  #sec1 {
    margin-bottom: 6.667vw;
  }

  .sec1_wrap {
    margin: 0 2.667vw;
  }

}


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

  SEC 2

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

#sec2 {
  margin-bottom: 20px;
}

#sec2 .bg_flag {
	margin: 0 20px;
  padding-bottom: 20px;
}

.sec2_title {
  margin-bottom: 50px;
  text-align:center;
}

.sec2_tel {
  margin-bottom: 20px;
}

.sec2_mail {
  margin-bottom: 28px;
}


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

  #sec2 {
    margin-bottom: 11.082vw;
  }

  #sec2 .bg_flag {
	  margin: 0 15px;
   /* padding-bottom: 5.867vw;*/
  }

  .sec2_title {
    margin-bottom: 5.867vw;
  }

  .sec2_tel {
    margin: 0 2.667vw 2.608vw;
  }

  .sec2_mail {
    margin: 0 2.667vw 3.651vw;
  }

  .sec2_text {
   /* margin: 0 2.667vw;*/
    padding: 2.608vw;
    border-radius: 3.911vw;
    /*text-align: left;*/
  }

}

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

  SEC 3

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

#sec3 {
  margin-bottom: 70px;
}

.sec3_title {
  margin-bottom: 50px;
	text-align: center;
}

.sec3_image {
  margin-top: 35px;
  text-align: center;
}

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

  #sec3 {
    margin: 0 2.667vw 9.126vw;
  }

  .sec3_title {
    margin-bottom: 3.911vw;
  }

  .sec3_image {
    margin-top: 4.563vw;
  }

}

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

  SEC 4

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

#sec4 {
  margin-bottom: 30px;
}

.sec4_title {
  margin-bottom: 50px;
	text-align: center;
}

.sec4_image {
  margin-bottom: 35px;
  text-align: center;
}

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

  #sec4 {
    margin: 0 2.667vw 13.333vw;
  }

  .sec4_title {
    margin-bottom: 3.911vw;
  }

  .sec4_image {
    margin-bottom: 4.563vw;
  }

}

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

  SEC 5

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

#sec5 {
  margin-bottom: 165px;
}

#sec5 .bg_flag {
  padding-bottom: 45px;
}

.sec5_title {
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 10px;
	text-align: center;
	
}

.sec5_image {
  margin: 30px 0;
  text-align: center;
}

.sec5_wrap {
  display: flex;
}



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

  #sec5 {
    /*margin-bottom: 13.333vw;*/
	margin-bottom: 30vw;

  }

  #sec5 .bg_flag {
   padding-bottom: 5.867vw;
	  
	  
  }

  .sec5_title {
	  	margin-right: 10px;
		margin-bottom: 50px;
		margin-left: 10px;
  }

  .sec5_text {
    margin: 0 2.667vw;
  }

  .sec5_image {
    margin: 3.911vw 2.667vw;
  }


  .sec5_wrap {
    margin: 0 2.667vw;
  }


}