@charset "utf-8";
/* ========================
   bootstrap reset
   ======================== */
/* common */
@media (max-width:1200px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
}

body{
  line-height: 1.5;
  font-family: 'Noto Serif JP', serif;
  color:#715939;
  font-size: 20px;
}

@media(max-width:767px){
  body{
     font-size: 14px;
  }
}

.alpha {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.alpha:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
a.alpha {
  display: inline-block;
  width: 100%;
}
.Page-top {
    position: fixed;
    right: 0;
    bottom: 5%;
    right: 1%;
}
img.img-responsive {
    display: inline-block;
}
@media (max-width:767px) {
.sp-pt-15{
  padding-top: 15px;
}
.sp-pt-10{
  padding-top: 10px;
}
.sp-width-65{
  width: 65%;
}
.sp-width-40{
  width: 40%;
}
.sp-width-90{
  width: 90%;
}
}

/*共通*/
.container{
  padding-top: 120px;
  padding-bottom:100px;
}

@media (max-width:767px) {
  .container{
  padding-top: 60px;
  padding-bottom:40px;
}


}

/*タイトルの大きさ*/
.title_size{
  padding-bottom:60px;
}

@media (max-width:767px) {
.title_size{
  padding-bottom:40px;
}


}



/*hader*/
.header .container{
  padding: 20px 0 20px;
}

@media (max-width:767px) {
  .header .container{
    padding: 10px 0 10px;
  }

  .header-logo img{
    width: 20%;
  }

}




/* mv */
.mv .container{
  padding: 30px 0 0;
}

.mv{
  background-image: url(../images/mv_haikei.jpg);
  background-position: center;
  background-size: cover;
}

.mv .FV{
  padding:  140px 0 60px;
}

.mv .FV img{
  width:  100%;
}




@media (max-width:767px) {

  .mv .container{
    padding: 10px 0 0;
  }

  .mv{
     background-image: url(../images/sp_mv_haikei.jpg);
  }

  .mv .FV{
    padding:  20px 0 20px;
  }

}


/* contemt01 */
#content01 .container{
  padding: 0;
}

#content01 .tuyomi{
  padding:  40px;
}

@media (max-width:767px) {
  #content01 .tuyomi{
  padding:  20px 20px 2px;
}
}


/* cta */
.cta{
   background-image: url(../images/cta_haikei.jpg);
   background-size:cover;
}

.cta .container{
  padding:60px 0px 60px;
}

.cta .mon{
  padding-bottom: 60px;
}

.cta .time{
  padding: 30px 0 0;
}



@media (max-width:767px) {
  .cta .mon{
  padding-bottom: 40px;
}

 .cta .mon img{
  width: 70%;
 }


.cta .time{
  padding: 20px 0 0;
}


.cta .time img{
  width: 50%;
}

}


/* content02 */
.nayami{
  background-image:  url(../images/t01_haikei.png);
  background-position: bottom;
}

#content02 .title_size img{
  width: 50%;
}

#content02 .spaces{
  padding-bottom:30px;
}

.content02_bottom .container{
  padding:50px 0 60px;
}


@media (max-width:767px){
  .nayami{
  background-image:  url(../images/sp_t01_haikei.png);
  background-position: bottom;
}

#content02 .title_size img{
  width: 80%;
}

#content02 .spaces img{
  width: 90%;
}

.content02_bottom .container{
  padding:20px 5px 40px;
}


}



/* content03 */
.point{
  background-image: url(../images/t02_haikei.jpg);
  background-size: cover;
}





@media (max-width:767px) {


.point .title_size img{
  width: 80%;
}


}



/*content04*/
.voice{
   background-image: url(../images/t03_haikei.jpg);
   background-size:cover;
}



@media (max-width:767px) {
  .voice .title_size img{
    width: 35%;
  }

}


/*content05*/



@media (max-width:767px) {
.menu .title_size img{
  width: 30%;
}


}



/*content06*/
.flow{
  background-image: url(../images/t05_haikei.jpg);

}

.flow .okisa{
  text-align: center;
}

.flow .arrow{
  text-align: center;
  padding:20px 0 20px 0;
}

.flow .arrow img{
  width: 8%;
}


@media (max-width:767px) {

  .flow{
    background-size:cover;
    padding: 0 5px;
  }

.flow .title_size img{
  width: 35%;
}

.flow .arrow{
  padding:10px 0;
}


}




/*content07*/
#content07 .staff{
  background-image: url(../images/t06_haikei.jpg);
}


@media (max-width:767px) {
  #content07 .staff{
  background-size:cover;
}

  #content07 .staff{
    padding: 0 5px;
  }

  #content07 .title_size img{
    width: 35%;
  }

}


/*content08*/
.shop .border{
  border-bottom: 1px solid #cdcdcd;
}

@media (max-width:767px) {
  .shop .title_size img{
    width: 30%;
  }

}


/* qa */
#content09 .title_size{
  text-align: center;
}


.col_xs_1{
  text-align: center;
}

.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #ffff;
padding-bottom:5px;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
font-weight: bold;
line-height: 3;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #fff;
}
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #715939;
background: #fff;
}
.cp_actab .cp_actab-content p {
margin: 1em;
}
.cp_actab label {
  padding-left:5px !important;
  background:#9b7b5f;
  padding-top:10px;
  padding-bottom:10px;
}
.qa_a{
  padding: 15px 0 15px 5px;
  border: 1px solid;
  border-color: #797979;
}

@media (max-width:767px) {
#content09 .title_size img{
  width: 40%;
}

}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 20em;
}
/* Icon */
.cp_actab label::after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
content: '∨';
color:#fff;
font-size:125%;
}
.cp_actab input[type=checkbox]:checked + label::after {
transform: rotate(180deg);
}
.cp_actab .col-xs-11{
  padding-right: 5%;
  line-height:1.5em;
}
@media (max-width:767px) {
.cp_actab .col-xs-11 {
    padding-right: 10%;
    font-size:84%;
}
.cp_actab .col-xs-1 {
    padding-right:0px;
    padding-left:0px;
}
  }
/* footer */
footer{
  color:#fff;
  background-color: #4c4c4c;
}
@media (max-width:767px) {
footer{
  padding-bottom: 100px;
}
}
/* fix */
@media (max-width:767px) {
.fix_navi .container{
  padding:0;
}

.fix_navi {
    background: rgba(0,0,0,0.4);
    padding: 5px 0 5px 0;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
}
.fix_navi .col-xs-4{
  padding-left: 2px;
    padding-right: 2px;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 2px;
    padding-right: 2px;
}
}