@charset "utf-8";
/*--------------------------------------------------------------------------------
general
--------------------------------------------------------------------------------*/
section{
  font-family: Meiryo;
}

p{
  line-height: 1.7!important;
}

.c5--glay-light {
  background-color: #e7e6e8;
}
.c5--glay-dark {
  background-color: #5e5d61;
}

.c5-container {
  max-width: 1000px;
  margin: auto;
}

.c5-container2 {
  max-width: 500px;
  margin: auto;
}

.c5-container-non img {
  width: 100%;
  margin: auto;
  text-align: center;
}

.c5-container-slide{
  max-width: 802px;
  margin: auto;
  text-align: center;
}

.c5-img_box{
  padding:50px;
}

.c5--colorStoreWhite{
  color: #fff;
}

.c5-container_txt{
  max-width: 780px;
  display: block;
  margin: auto;
  text-align: center;
}

.c5-container_txt2{
  max-width: 400px;
  display: block;
  margin: auto;
  text-align: left;
}

.s5-img-set img{
  width:100%;
}

.c5-list-menu::after{
  content: " | "
}

.c5-margin-reset{
  margin: 0!important;

}

.slide{
  margin-top: 100px;
}

.c5-maintitle{
	font-size: 250%;
	font-weight: lighter!important;
  margin: 0 auto;
}

.c5-title1{
	font-size: 181.3%;
	font-weight: lighter!important;
  line-height: 1.4;
}


.c5-title2{
    font-size: 137.5%;
    font-weight: 400;
    line-height: 1.5;
}

.c5-title3{
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
}

.c5-title4{
  font-size: 70%;
  font-weight: 400;
  line-height: 1.5;
}

.c5-subtitle{
  font-size: 85%;
  font-weight: normal;
  line-height: 1.6;
  color:#ddb187;
}

.c5-secondaryButton{
  color: #FFF;
    font-size: 14px!important;
    font-size: .875rem!important;
    background: transparent!important;
    border: solid 1px #fff;
}

.c5-general--mt85{
    margin-top: 85px;
}

.c5-general--mb5{
    margin-bottom: 5px;
}

.s5-indent_10{
  padding-left: 10px;
}

.s5-indent_20{
  padding-left: 20px;
}

.s5-img-center{
    max-width:922px!important;
}

.c5-border-link{
    text-decoration: underline;

}

ul.s5-list.s5-list--compact li, ol.s5-list.s5-list--compact li {
    padding-right: 0px !important;
}

@media screen and (max-width: 640px) {
  section{
    padding: 30px 0px;
  }

  .c5-title1{
  	font-size: 138%;
  	font-weight: lighter!important;
  }


}


.text_left{
	text-align: left;
}

.square_btn {
    width: 200px;
    height: 52px;
    position: relative;
    display: inline-block;
    padding: 15px 0px 5px 0px;
    text-decoration: none;
    color: #FFF;
    background: #f5683a;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 2px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    line-height: 1.5;
}

.square_btn:hover {
    color: #fff!important;
    text-decoration:none;
    opacity: 0.9;
    animation: 1s;
}


.c5-button{
	padding-left:0 !important;
}