@charset "UTF-8";
/*==========================================
mainのスタイル
===========================================*/
/* -----共通----- */
.subtitle1, .subtitle2 {
  margin-bottom: 1.5em;
}
.subtitle1 img, .subtitle2 img {
  width: 90%;
  height: auto;
}
/* -----背景切り替え----- */
.bg-slider {
  width: 100vw;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  display: flex;
  align-items: center;
 /*align-items: flex-start;*/
  justify-content: center;
  position: relative;
  z-index: 100;
}

/* -----お知らせ----- */
.information {
  padding-bottom: 1em;
  text-align: center;
}
.information .infomation-inner {
  /*background-color: hsla(0, 0%, 9%, 0.70);*/
  width: 90%;
  padding: 2em 0.8em;
  margin-left: auto;
  margin-right: auto;
}
.infomation-inner .move_left2 img {
  width: 80%;
  margin-top: 1em;
  border: thick solid #FFFFFF;
}
/* -----greeting----- */
.greeting {
  margin-top: 3em;
  margin-bottom: 3em;
}
.greeting .greeting-inner {
    width: 98%;
    padding: 2em 0.8em;
    margin-left: auto;
    border-radius: 10px;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../img/bg-all.webp"); 
    /*background-color: hsla(50,99%,62%,0.70);*/
}
.bg{
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}

.greeting-inner .main-section_content .content1 .photo1 {
  text-align: center;
  margin-bottom: 1em;
}
.greeting-inner .main-section_content .content1 .photo1 img {
    border-radius: 5px;
    border: 4px solid #c21500;
  border-image: linear-gradient(to right, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-image-slice: 1;
    margin-left: auto;
    margin-right: auto;
}
.greeting-inner .main-section_content .content1 .text1 h2 {
    color: #E50054;
    padding-bottom: 5px;
    line-height: 1.8;
}
.greeting-inner .main-section_content .content1 .text1 p {
    color: #39231B;
    text-align: justify;
    line-height: 2;
    margin-bottom: 3px;
}
.greeting-inner .main-section_content .content1 .text1 p img {
  width: 80%;
  max-width: 641px;
  text-align: left;
}
.greeting-inner .main-section_content .content1 .text1 .contentImg {
  text-align: center;
  margin-bottom: 0.5em;
}
.greeting-inner .main-section_content .content1 .text1 .news {
    padding: 1em;
    border: thin double #39231B;
    margin-top: 2em;
    background-color: #F5F4F6;
}
.greeting-inner .main-section_content .content1 .text1 .news h3 {
    color: #39231B;
    border-left: thick solid #FF0000;
    padding-left: 5px;
    margin-bottom: 0.8em;
}
.greeting-inner .main-section_content .content1 .text1 .news ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.greeting-inner .main-section_content .content1 .text1 .news ul li {
    display: block;
    align-items: flex-start;
    gap: 1em;
    padding: 0.8em 0;
    border-bottom: 1px solid #6D6D6D;
    line-height: 1.7;
}
.greeting-inner .main-section_content .content1 .text1 .news ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.greeting-inner .main-section_content .content1 .text1 .news ul li .day {
	display: block;
	width: 5em;
	text-align: center;
	margin-right: 0.8em;
	font-weight: bold;
	white-space: nowrap;
	background-color: #38241B; /* メインカラー */
	color: #FFFFFF; /* 文字を白に */
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 0.9em;
	margin-bottom: 3px;
}
.mainView .school {
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.photo-inner.box .shop-photo.move_left2 figure img {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
/* -----写真紹介----- */
.photo {
  margin-top: 3em;
  margin-bottom: 3em;
}
.photo .photo-inner {
  background-color: hsla(0, 0%, 100%, 0.80);
  width: 98%;
  padding: 2em 0.8em;
  margin-left: auto;
  border-radius: 10px;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.photo-inner.box .shop-photo.move_left2 {
  margin-bottom: 2em;
}
.shop-photo.move_left2 figure img {
border: 4px solid #c21500;
  border-image: linear-gradient(to right, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  border-image-slice: 1;
}
/* ----- 料金 ----- */
.price {
  margin-top: 3em;
  margin-bottom: 3em;
}
.price .price-inner {
    background-color: hsla(0, 0%, 100%, 0.80);
    width: 98%;
    padding: 2em 0.8em;
    margin-left: auto;
    border-radius: 10px;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-repeat: no-repeat;
}
.price-inner.box .comment ul li .fas.fa-angle-right {
    color: #FF0001;
}
.price-inner.box .comment ul li {
    text-align: justify;
    margin-bottom: 5px;
}
.flexbox.cf .plan-table.matchHeight p {
    margin-top: 1em;
    margin-bottom: 1em;
}
.flexbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 1.5em;
}
.flexbox.cf .plan-table table {
    width: 95%;
    margin-bottom: 2em;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    margin-left: auto;
    margin-right: auto;
    color: #39231B;
    font-weight: bold;
}

.flexbox.cf .plan-table table th, td {
    padding: 15px;
    text-align: center;
    vertical-align: top;
    background-color: #FFEFE8;
}
tr:nth-child(even) > td, tr:nth-child(even) > th {
    background-color: #FFFFFF;
    color: #39231B;
}
.flexbox.cf .plan-table table th {
    background-color: #39231B;
    color: #FFFFFF;
}
.flexbox.cf .plan-table table td span {
  margin-left: 1em;
}
.flexbox.cf .plan-table.matchHeight .move_left2 tr td .memo {
    font-size: 90%;
}
.osusume      {
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 5px;
    font-size: 0.7em;
    border-radius: 3px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    margin-right: 0.5em;
}
.campaign {
    background-color: #FF0000;
    color: #FFFFFF;
    padding: 5px;
    font-size: 0.7em;
    margin-right: 3px;
    border-radius: 3px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}
/* -----クーポン----- */
.coupon {
  margin-top: 3em;
  margin-bottom: 3em;
}
.coupon.fixed-bg .coupon-inner {
    background-color: hsla(50,99%,62%,0.70);
  width: 98%;
  padding: 2em 0.8em;
  margin-left: auto;
  border-radius: 10px;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.coupon.fixed-bg .coupon-inner.box p {
    color: #39231B;
}
/* -----access----- */
.access {
  margin-top: 3em;
  margin-bottom: 3em;
}
.access .info-inner {
  background-color: hsla(0, 0%, 100%, 0.80);
  width: 98%;
  padding: 2em 0.8em;
  margin-left: auto;
  border-radius: 10px;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.info-inner .info h3 {
  text-align: center;
}
.info-inner .info h3 img {
  width: 80%;
}
.info-inner.box .info .flag.move_left2 img {
  width: 50%;
  margin-bottom: 1em;
}
.info-inner.box .info p img {
  width: 50%;
}
.info-inner.box .info p {
  text-align: center;
}
.info-inner.box .info .tbl-r02.move_left2 tr td .bn_gmap {
    padding: 0.5em;
    display: inline-block;
    color: #FFFFFF;
    text-align: center;
    background-color: #39231B;
}
.info .tbl-r02.move_left2 tr td .bn_gmap .fas.fa-map-marked-alt {
  margin-right: 5px;
}
.gmap-wrap {
  margin-top: 1em;
}
/* -----グーグルマップ----- */
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
/* -----recruit----- */
.recruit-wrap {
  padding-bottom: 1em;
}
.recruit-wrap.cf .recruit-inner {
  background-color: hsla(0, 0%, 100%, 0.90);
  width: 90%;
  padding-top: 2em;
  padding-right: 0.9em;
  padding-left: 0.9em;
  padding-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  border: medium solid #471A12;
  text-align: justify;
}
.recruit-wrap.cf .recruit-inner p {
  color: #471A12;
  line-height: 1.8;
}
.recruit-wrap.cf .recruit-inner.box h3 {
  text-align: center;
}
.recruit-wrap.cf .recruit-inner.box .memo {
  padding-top: 0.5em;
  padding-left: 0.5em;
}
/* -----グーグルマップ----- */
.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
/* -----w特典---- */
.mainView .wtokuten img {
    width: 97%;
    max-width: 822px;
}
.mainView .wtokuten {
    text-align: center;
    margin-bottom: 1em;
}
@media screen and (min-width:768px) {
  /*==========================================
mainのスタイル
===========================================*/
  /* -----共通----- */
  .subtitle1, .subtitle2 {
    margin-bottom: 2em;
  }
  .subtitle1 img {
    width: 50%;
    height: auto;
  }
  .subtitle2 img {
    width: 40%;
    height: auto;
  }
  /* -----お知らせ----- */
  .information .infomation-inner {
    width: 85%;
  }
  /* -----greeting----- */
  .greeting-inner .main-section_content .content1 .text1 {
    padding-left: 1em;
    padding-right: 1em;
  }
  .greeting-inner .main-section_content .content1 .photo1 img {
    width: 80%;
  }
  /* -----写真紹介----- */
  .photo-inner.box .shop-photo.move_left2 {
    display: inline-block;
    width: 45%;
    text-align: center;
  }
  /* ----- 料金 ----- */
.flexbox.cf .plan-table table {
    width: 60%;
  }
  .price-inner.box .flexbox.cf .plan-table.matchHeight {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.price-inner.box .comment {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

  /* -----access----- */
  .info-inner.box .info .flag.move_left2 img {
    width: 40%;
    margin-bottom: 1em;
  }
  .info-inner.box .info p img {
    width: 40%;
  }
  /* -----recruit----- */
  .recruit-wrap.cf .recruit-inner {
    width: 85%;
  }
  /* -----w特典---- */
.mainView .wtokuten img {
    width: 60%;
}


}
@media screen and (min-width:1025px) {
  /*==========================================
mainのスタイル
===========================================*/
  /* -----共通----- */
  /* -----お知らせ----- */
  .information .infomation-inner {
    width: 40%;
  }
  .infomation-inner .move_left2 img {
    width: 50%;
  }
  /* ----- greeting ----- */
  .greeting {
        background-color: hsla(50,99%,62%,0.70);
    width: 100%;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    /*padding-top: 6em;
    margin: 0px;
    padding-bottom: 6em;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .greeting .greeting-inner {
    background-color: hsla(0, 0%, 0%, 0);
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
  }
  .main-section_content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .greeting-inner .main-section_content .content1 {
    display: flex;
  }
  .greeting-inner .main-section_content .content1 .photo1 img {
    width: 100%;
    vertical-align: bottom;
  }
  .greeting-inner .main-section_content .content1 .photo1, .greeting-inner .main-section_content .content1 .text1 {
    width: 50%;
  }
  .greeting-inner .main-section_content .content1 .text1 {
    padding: 10px;
    padding-left: 2em;
    padding-right: 2em;
  }
  .greeting-inner .main-section_content .content1 .text1 p img {
    width: 50%;
    text-align: left;
  }
  /* -----写真紹介----- */
  .photo {
    background-color: hsla(0, 0%, 100%, 0.80);
    width: 100%;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    /* padding-top: 5em;
    padding-bottom: 1em;
    margin-top: 10em;
    margin-bottom: 0em;*/
  }
  .photo .photo-inner {
    background-color: hsla(0, 0%, 0%, 0);
    width: 80%;
    margin: 0px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }
  .photo-inner.box .shop-photo.move_left2 {
    display: inline-block;
    width: 25%;
    text-align: center;
  }
  /* ----- 料金 ----- */
  .price {
    background-color: hsla(0, 0%, 100%, 0.80);
    width: 100%;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    padding-top: 5em;
    padding-bottom: 1em;
    margin-top: 10em;
    margin-bottom: 0em;
  }
  .price .price-inner {
    background-color: hsla(0, 0%, 0%, 0);
    width: 80%;
  }
.price-inner.box .comment {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}
.price-inner.box .flexbox.cf .plan-table.matchHeight {
    width: 85%;
}
.flexbox.cf .plan-table table {
    width: 30%;
    float: left;
    margin-left: 2.5%;
    min-height: 400px;
  }
  .plan-table.matchHeight .move_left2 tr th {
    height: 1.5em;
  }
  /* -----クーポン----- */
  #coupon {
        background-color: hsla(50,99%,62%,0.70);
    width: 100%;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    /*padding-top: 5em;
    padding-bottom: 1em;
    margin-top: 10em;
    margin-bottom: 0em;*/
  }
  .coupon.fixed-bg .coupon-inner {
    background-color: hsla(0, 0%, 0%, 0);
    width: 80%;
  }


  /* -----access----- */
  .access {
    background-color: hsla(0, 0%, 100%, 0.80);
    width: 100%;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    /*padding-top: 5em;
    padding-bottom: 1em;
    margin-top: 10em;
    margin-bottom: 0em;*/
  }
  .access .info-inner {
    background-color: hsla(0, 0%, 0%, 0);
    width: 60%;
  }
  .info-inner.box .info .flag.move_left2 img {
    width: 40%;
  }
  .info-inner.box .info h3 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .info-inner.box .info .flag.move_left2 img {
    width: 20%;
    margin-bottom: 1em;
  }
  .info-inner.box .info p img {
    width: 20%;
  }
  /* -----recruit----- */
  .recruit-wrap.cf .recruit-inner {
    width: 40%;
  }
    /* -----w特典---- */
.mainView .wtokuten img {
    width: 40%;
}
}