@charset "UTF-8";
/* CSS Document */
/*スマホ用スタイル*/
.sp{display: none;}
@media screen and (max-width: 767px) {
.sp{display: block;}
/*セクション間余白----------------------------------------------------------- */
section {
  padding: 45px 0;
}
footer {
  padding: 15px 0;
}

/*はみ出し画像中央----------------------------------------------------------- */
.wic1 img {
  width: 100%;
}
.wic1 {
  margin-left: 0;
  margin-right: 0;
}

/*Header----------------------------------------------------------- */
header {
  height: 46px;
}
header .container {
  padding-right: 0;
}
.head_v2 .container{justify-content: flex-start;}
header .logo {
  height: 40px;
}
header .logo img {
  max-height: 40px;
}
header .contact img {
  max-height: 46px;
  max-width: 104px;
}
header .logo p{width: 160px;}

/*MV----------------------------------------------------------- */
.mv {
  margin-top: 46px;
}

.mv .center{font-size: 5vw;}

.mv_c {
  margin-bottom: -27vw;
}
.mv .container.ph0{
  padding-left: 15px;
  padding-right: 15px;
}

.mv_2_d3 {
  margin-top: 30px;
}
.mv_2_d3 .center{font-size: 5vw;}
.mv_2_d3 .container.ph0{
  padding-left: 15px;
  padding-right: 0px;
}

.mv_2_d3_b .mv_btm p {
    position: relative;
    top: 0px;
	padding: 20px 0;
}
.index_2_d3s_v .mv_2_d3 > .container > p{
  margin-right: 0;
}
.index_2_d3s_v .mv_2_d3 .container.ph0{
  padding-left: 0;
}

/*CTA----------------------------------------------------------- */


/*sec00a----------------------------------------------------------- */
.sec00a h2 {
  background: url(../img/sp_sec00a_h2_bg.png) center center/cover;
}

/*sec00b----------------------------------------------------------- */
.sec00b h2 {
  background: url(../img/sp_sec00b_h2_bg.png) center center/cover;
}
.sec00b .selectwrap {
  width: 70%;
  margin-right: 15px;
}
.sec00b .selectwrap::after {
  top: calc(50% - 7px);
  right: 15px;
  width: 10px;
  height: 10px;
}
.sec00b .select {
  padding: 5px;
  font-size: 18px;
  width: 100%;
  min-height: 40px;
}
.sec00b button {
  width: 30%;
  padding: 5px;
  border-radius: 5px;
  font-size: 18px;
}

/*sec01----------------------------------------------------------- */
.sec01_co,
.sec01 .white_box_xs {
  max-width: 290px;
  margin: 0 auto;
}
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 20px;
  color: #fff;
}
.swiper-button-next {
  margin-right: -20px;
}
.swiper-button-prev {
  margin-left: -20px;
}


/*sec02----------------------------------------------------------- */
.sec02 h3 a {
  padding: 10px;
  border-radius: 20px;
}
.sec02 table tr th,
.sec02 table tr td {
  width: 100%;
  display: block;
  padding: 15px;
}
.sec02 table tr td {
  border-left: 0;
}

/*sec03----------------------------------------------------------- */
.sec03 .fx-col-33-s {
  flex-basis: 100%;
  max-width: 100%;
}
.sec03 .fx-col-66-s {
  flex-basis: 100%;
  max-width: 100%;
}

/*sec04----------------------------------------------------------- */

/*secnew----------------------------------------------------------- */
.secnew{
  text-align: left;
}

/*idx_box02----------------------------------------------------------- */
.idx_box02 .flex_idx_box02 .txt,
.idx_box02 .flex_idx_box02 .thumb {
  width: 100%;
}
.idx_box02 .flex_idx_box02 .thumb{
  margin-bottom: 5px;
}
.idx_box02 .flex_idx_box02 .txt ul li{
  font-size: 16px;
}
.idx_box02 .txt_notes{
  font-size: 20px;
}
.idx_box02 .flex_idx_box02 .txt ul li::before {
  width: 24px;
  height: 24px;
}
.idx_box02 .flex_idx_box02 .txt ul li span{
  padding-left: 35px;
}

/*idx_box03----------------------------------------------------------- */
.idx_box03{
  padding: 0 0 45px 0;
}
.idx_box03 .idx_box03_img {
  margin-right: 0;
}


/*Footer----------------------------------------------------------- */
footer {
  padding: 60px 10px;
  font-size: 13px;
  line-height: 1.6;
}

}/*スマホ用スタイルend*/


.sp{display: none;}

@media screen and (min-width: 960px) {
  .mv_bg{position: relative}
  .mv_bg::before{background: rgba(255, 255, 255, 0.6);position: absolute;width: 100%;content: '';z-index: 0}
  .bg6::before{top:390px;height: 280px;}
  .bg7::before{top:385px;height: 215px;}
  .bg9::before{top:385px;height: 220px;}

}

@media screen and (min-width: 768px) and (max-width: 959px){
  .mv_bg{position: relative}
  .mv_bg::before{background: rgba(255, 255, 255, 0.6);position: absolute;width: 100%;content: '';z-index: 0}
  .bg6::before{top:330px;height: 215px;}
  .bg7::before{top:320px;height: 175px;}
  .bg9::before{top:320px;height: 180px;}
}

@media screen and (max-width: 767px){
  .sp{display: block;}
  .pc{display: none;}
  .mv_bg .container{padding-left: 0;padding-right: 0;}
  .mv_bg .container p{padding: 0 15px;}
  .mv_bg .container .pb30{padding:0 0 15px}

}