@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=M+PLUS+1p:wght@400;500;700&display=swap');

/* margin ---------------------------------------- */
.m-0{margin:0!important;}.m-1{margin:1rem!important;}.m-2{margin:2rem!important;}.m-3{margin:3rem!important;}.m-4{margin:4rem!important;}.m-5{margin:5rem!important;}.m-6{margin:6rem!important;}.m-7{margin:7rem!important;}.m-8{margin:8rem!important;}
.mt-0{margin-top:0!important;}.mt-1{margin-top:1rem!important;margin-bottom: 1rem;}.mt-2{margin-top:2rem!important;}.mt-3{margin-top:3rem!important;}.mt-4{margin-top:4rem!important;}.mt-5{margin-top:5rem!important;}.mt-6{margin-top:6rem!important;}.mt-7{margin-top:7rem!important;}.mt-8{margin-top:8rem!important;}
.mb-0{margin-bottom:0!important;}.mb-1{margin-bottom:1rem!important;}.mb-2{margin-bottom:2rem!important;}.mb-3{margin-bottom:3rem!important;}.mb-4{margin-bottom:4rem!important;}.mb-5{margin-bottom:5rem!important;}.mb-6{margin-bottom:6rem!important;}.mb-7{margin-bottom:7rem!important;}.mb-8{margin-bottom:8rem!important;}
.mr-0{margin-right:0!important;}.mr-1{margin-right:1rem!important;}.mr-2{margin-right:2rem!important;}.mr-3{margin-right:3rem!important;}.mr-4{margin-right:4rem!important;}.mr-5{margin-right:5rem!important;}.mr-6{margin-right:6rem!important;}.mr-7{margin-right:7rem!important;}.mr-8{margin-right:8rem!important;}
.ml-0{margin-left:0!important;}.ml-1{margin-left:1rem!important;}.ml-2{margin-left:2rem!important;}.ml-3{margin-left:3rem!important;}.ml-4{margin-left:4rem!important;}.ml-5{margin-left:5rem!important;}.ml-6{margin-left:6rem!important;}.ml-7{margin-left:7rem!important;}.ml-8{margin-left:8rem!important;}
.mt-s{margin-top:5px!important;}
.mr-s{margin-right:5px!important;}
.ml-s{margin-left:5px!important;}
.mb-s{margin-bottom:5px!important;}

/* padding ---------------------------------------- */
.p-0{padding:0!important;}.p-1{padding:1rem!important;}.p-2{padding:2rem!important;}.p-3{padding:3rem!important;}.p-4{padding:4rem!important;}.p-5{padding:5rem!important;}.p-6{padding:6rem!important;}.p-7{padding:7rem!important;}.p-8{padding:8rem!important;}
.pt-0{padding-top:0!important;}.pt-1{padding-top:1rem!important;}.pt-2{padding-top:2rem!important;}.pt-3{padding-top:3rem!important;}.pt-4{padding-top:4rem!important;}.pt-5{padding-top:5rem!important;}.pt-6{padding-top:6rem!important;}.pt-7{padding-top:7rem!important;}.pt-8{padding-top:8rem!important;}
.pb-0{padding-bottom:0!important;}.pb-1{padding-bottom:1rem!important;}.pb-2{padding-bottom:2rem!important;}.pb-3{padding-bottom:3rem!important;}.pb-4{padding-bottom:4rem!important;}.pb-5{padding-bottom:5rem!important;}.pb-6{padding-bottom:6rem!important;}.pb-7{padding-bottom:7rem!important;}.pb-8{padding-bottom:8rem!important;}
.pr-0{padding-right:0!important;}.pr-1{padding-right:1rem!important;}.pr-2{padding-right:2rem!important;}.pr-3{padding-right:3rem!important;}.pr-4{padding-right:4rem!important;}.pr-5{padding-right:5rem!important;}.pr-6{padding-right:6rem!important;}.pr-7{padding-right:7rem!important;}.pr-8{padding-right:8rem!important;}
.pl-0{padding-left:0!important;}.pl-1{padding-left:1rem!important;}.pl-2{padding-left:2rem!important;}.pl-3{padding-left:3rem!important;}.pl-4{padding-left:4rem!important;}.pl-5{padding-left:5rem!important;}.pl-6{padding-left:6rem!important;}.pl-7{padding-left:7rem!important;}.pl-8{padding-left:8rem!important;}
.p-s{padding:5px!important;}
.pt-s{padding-top:5px!important;}
.pr-s{padding-right:5px!important;}
.pl-s{padding-left:5px!important;}
.pb-s{padding-bottom:5px!important;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}
.text-left{text-align:left!important;}
.text-bold{font-weight:700;}
.text-normal{font-weight:normal;}

.v-sp {display: none;}

main {background: #FAF7EF;}

/* -------------------------------------------------- */
/* wrapper */
/* -------------------------------------------------- */
#wrapper {color: #333; font-family: 'M PLUS 1p', sans-serif; font-size:16px; font-weight: 400; line-height: 1.625; letter-spacing: 0.05em;}
#wrapper .serif {font-family: 'Noto Serif JP',"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;}
#wrapper a:hover{opacity:0.8;}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
#pagenav {margin-top: 30px; background-color: #fff;}
#pagenav ul {display: flex; justify-content: center; max-width: 522px; margin: auto;}
#pagenav ul > li {position: relative; width: calc(100% / 2);text-align: center;border:1px solid #054B72;margin-left: 15px;margin-right: 15px;}
#pagenav ul > li::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 8px; height: 8px; border-bottom: 1px solid #054B72; border-right: 1px solid #054B72; transform: translateX(-50%) rotate(45deg);margin-bottom: 8px;}
#pagenav ul > li a {display: block;color: #054B72; font-weight: 500;font-size: 20px;padding-top: 8px;padding-bottom: 12px;}

/* fixed */
#pagenav.fixed {position: fixed; top: 0; left: 0; width: 100%; margin: 0; padding: 10px 0; z-index: 10;}

/* -------------------------------------------------- */
/* block-mv */
/* -------------------------------------------------- */
#block-mv .mv{background-image: url(../images/mv_pc.png);
 height: 0;
 padding-bottom: 33.38383838383838%;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 position: relative;
}
#block-mv .inner {
 position: relative;
 height: 0;
 padding-bottom: 33.38383838383838%;
 margin: auto;
}

#block-mv .inner .logo {
 position: absolute;
 left: 8.4%;
 top: 0;
 width: 12%;
 z-index: 1;
}

#block-mv .inner .ttl{
 position: absolute;
 top: 63%;
 bottom: 33%;
 left: 67.5%;
 right: 10%;
 color: #fff;
 text-align: left;
}

#block-mv .inner .ttl .message{
 position: absolute;
 width: 263px;
 bottom: 100%;
}

#block-mv .inner .ttl a{
 font-size: 24px;
 background: #B5983F;
 padding: 10px 25px;
 border: 2px solid #B5983F;
}

#block-mv .inner .ttl a:hover{
 opacity: 1;
 color: #B5983F;
 background: #FFF;
}

#block-mv .inner .ttl .sekai {width: 109px; margin: auto;}
#block-mv .inner .ttl h1 {font-size: 44px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em;}
#block-mv .inner .ttl .en {font-size: 20px; font-weight: 700;}

/* -------------------------------------------------- */
/* block-contents */
/* -------------------------------------------------- */

#block-contents {
 position: relative;
 max-width: 1200px;
 margin: 80px auto;
 border-radius: 40px;
 background-color: #fff;
 padding-bottom: 90px;
}

#block-contents .block{
 width: 80%;
 margin: auto;
 text-align: center;
 padding-top: 60px;
}

#block-contents .block p{
 font-size: 23px;
 line-height: 42px;
 text-align: center;
}

#block-contents .block p .pc-br{
 display: block;
} 

#block-contents .block p .sp-br{
 display: none;
}

#block-contents .block .line{
 width: 800px;
 text-align: center;
 padding-top: 40px;
 padding-bottom: 30px;
}

#block-contents h2 {
 color: #BF9C46;
 font-size: 30px;
 font-weight: bold;
 text-align: center;
 line-height: 1.6;
 letter-spacing: 4px;
 padding-top: 10px;
 padding-bottom: 30px;
}

#block-contents .block font{
 color: #B5983F;
 font-size: 24px;
 font-weight: bold;
}

#block-contents .block big{
 color: #B5983F;
 font-size: 30px;
 font-weight: bold;
}

#block-contents .block small{
 color: #B5983F;
 font-size: 24px;
 font-weight: bold;
}

#block-contents .block .textimg{
 width: 519px;
 margin-top: 40px;
 margin-bottom: 40px;
}

#block-contents .course{
 width: 68%;
 margin: auto;
 border:1px solid #B5983F;
 border-radius: 30px;
 padding-top: 30px;
 padding-bottom: 20px;
 margin-top: 50px;
}

#block-contents .course ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding: 0px 25px 25px 25px;
}

#block-contents ul h2{
 width: 100%;
}

#block-contents ul li{
 width:calc(95%/4);
}

#block-contents ul li p{
 font-size: 19px;
 padding-top: 20px;
}


#block-contents .course a{
 color: #B5983F;
 display: block;
 text-align: center;
 font-size: 22px;
 margin-bottom: 15px;
 text-decoration: underline;
}

#block-contents .box{
 width: 800px;
 height: 300px;
 overflow-y: scroll;
 border: 1px solid #e6e6e6;
 margin: auto;
 padding: 20px 60px;
 margin-top: 60px;
}

#block-contents .box h5{
 font-size: 25px;
 text-align: center;
 padding-top: 10px;
 padding-bottom: 30px;
}

#block-contents .box a{
 text-decoration: underline;
}

/* スクロールバー */
#block-contents ::-webkit-scrollbar {
 width: 30px;
 border-radius: 10px;
 padding-right: 10px;
}

/* スクロールバーのツマミ部分 */
#block-contents ::-webkit-scrollbar-thumb {
 background-color: #e3e3e3;
 border-radius: 30px;
 border: 8px solid #fff;
}


.kodawari{
 background: #fff;
}

.kodawari .frame{
 width: 1300px;
 margin: auto;
 padding-top: 60px;
 padding-bottom: 60px;
}

.kodawari .ttl{
  text-align: center;
}

.kodawari .ttl h3{
 color: #B5983F;
 font-size: 46px;
 line-height: 42px;
 letter-spacing: 2px;
font-family: "Source Han Serif JP", serif;
}

.kodawari .ttl p{
 font-size: 22px;
 padding-top: 30px;
 padding-bottom: 50px;
}

.kodawari .ttl h4{
 position: relative;
 display: inline-block;
 font-size: 26px;
 color: #333333;
 padding: 20px 180px;
}

.kodawari .ttl h4:before, .kodawari .ttl h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 150px;
  height: 1px;
  background-color: black;
}

.kodawari .ttl h4:before {
  left:0;
}

.kodawari .ttl h4:after {
  right: 0;
}

.kodawari ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}

.kodawari h2{
 width: 100%;
}

.kodawari li{
 width:calc(98.5%/2);
 margin-bottom: 20px;
}

.kodawari li a {
 height: 85%;
 position: relative;
 display: flex;
 padding: 20px;
 background-color: #FAF7EF;
 justify-content: space-between;
}

.kodawari li a:hover{
 opacity: 0.6!important;
}

.kodawari h4 {
  font-size: 23px;
}


.kodawari a::after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 40px;
  height: 40px;
  background: url(../images/link_best.png) left top / 100% auto no-repeat;
}

.kodawari .img {
  width: 200px;
}

.kodawari .img figure {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}

.kodawari .img figure span {
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 62px;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  border-radius: 50%;
  background-color: #333;
  z-index: 1;
}

.kodawari .img figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

.kodawari .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  letter-spacing: 0.1em;
}

.kodawari .txt .name {
 font-size: 19px;
 line-height: 26px;
 font-weight: bold;
 margin-bottom: 8px;
}

.kodawari .txt .point > li {
  position: relative;
  padding-left: 25px;
  color: #B3963D;
  font-size: 16px;
  line-height: 1.6;
 margin-bottom: 1px;
 
}

.kodawari .txt .point > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 13px;
  background: url(/kiwami/img/top-new/icon_check.png) left top / 100% auto no-repeat;
}

.kodawari .slider_item .txt .point > li + li {
  margin-top: 1em;
}

.kodawari .txt .point > li{
 width: 100%;
}

.kodawari .txt .price {
  margin-top: auto;
  font-size: 18px;
}

.kodawari .txt .price .tax {
  font-size: 12px;
}



#block-contents h3 {color: #B3963D; font-size: 26px; font-weight: 500; text-align: center; line-height: 1.6;}
#block-contents h3.line {position: relative; margin-bottom: 15px; padding-bottom: 5px;}
#block-contents h3.line::before {content: ""; position: absolute; left: 50%; bottom: 0; width: 62px; height: 2px; background-color: #BF9C46; transform: translateX(-50%);}
#block-contents h3 + .lead {font-size: 18px; letter-spacing: 0.1em;}
#block-contents .detail {padding: 30px 35px 85px;}
#block-contents .pickup {position: relative; display: flex; justify-content: space-between; max-width: 522px; margin: 45px auto 0; border: 1px solid #707070;}
#block-contents .pickup .balloon {position: absolute; left: 15px; top: -12px; padding: 5px 15px; color: #fff; font-size: 15px; line-height: 1; letter-spacing: 0.075em; border-radius: 18px; background-color: #0084A3;}
#block-contents .pickup .txt {flex: 1; padding: 20px 20px 10px;}
#block-contents .pickup .txt .ttl {font-size: 20px; line-height: 1.3;}
#block-contents .pickup .txt .name {display: flex; flex-wrap: wrap; margin-top: 10px;}
#block-contents .pickup .txt .name span {font-size: 13px; font-weight: 500;}
#block-contents .pickup .txt .name span:not(:last-child) {margin-right: 1em;}
#block-contents .pickup .txt .btnarea {display: flex; justify-content: space-between; margin-top: 10px;}
#block-contents .pickup .txt .btnarea .btn {display: block; padding: 5px; width: calc(50% - 15px); color: #fff; font-size: 11px; font-weight: 700; text-align: center; background-color: #333;}
#block-contents .pickup .img {padding: 5px 20px;}
#block-contents .pickup .img img {width: 140px;}
#block-contents .feature {display: flex; align-items: center; padding: 20px 0; margin-top: 45px; color: #BF9C46; background-color: #FAF7EF;}
#block-contents .feature .ttl {width: 155px; font-size: 16px; font-weight: 400; text-align: center;}
#block-contents .feature .ttl span {display: block; font-size: 26px; font-weight: 700;}
#block-contents .feature .check {flex: 1; padding: 0 30px; border-left: 1px solid #BF9C46;}
#block-contents .feature .check ul > li {position: relative; padding-left: 40px; color: #777;}
#block-contents .feature .check ul > li::before {content: ""; position: absolute; left: 0; top: 5px; width: 22px; height: 19px; background: url(../images/common/icon_check.png) left top / 100% auto no-repeat;}
#block-contents .feature .check ul > li + li {margin-top: 1em;}
#block-contents .movie {width: 470px; margin: 25px auto 0;}
#block-contents .movie .youtube {position: relative; width: 100%; padding-top: 56.25%;}
#block-contents .movie .youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
#block-contents .movie .caption {margin-top: 1em; font-size: 12px; line-height: 1.7; text-align: center;}
#block-contents .imgbox {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin: 25px auto 0;}
#block-contents .imgbox figure {width: calc(50% - 10px);}
#block-contents .imgbox figure.full {width: 760px;}
#block-contents .imgbox figure figcaption {margin-top: 1em; font-size: 12px; text-align: center;}
#block-contents .block {margin-top: 0px;}
#block-contents .block h4 {color: #BF9C46; font-size: 24px; font-weight: 500; text-align: center; line-height: 1.6;padding-top: 20px;}
#block-contents .itemlist {max-width: 620px; margin: 20px auto 0;}
#block-contents .itemlist ul > li {display: flex; justify-content: space-between; padding: 20px 8px 12px 32px; border-radius: 13px; border: 1px solid #B3963D;}
#block-contents .itemlist ul > li + li {margin-top: 15px;}
#block-contents .itemlist ul > li .txt {flex: 1;}
#block-contents .itemlist ul > li .txt p {font-size: 13px; line-height: 1.5; letter-spacing: 0.1em;}
#block-contents .itemlist ul > li figure {width: 153px;}
#block-contents .review {position: relative; max-width: 612px; margin: 40px auto 0;}
#block-contents .review .lead {margin-bottom: 50px;}
#block-contents .review .ttl {position: relative; padding: 10px 125px 10px 25px; border-radius: 12px 12px 0 0; background-color: #B5983F;}
#block-contents .review .ttl h4 {color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 0.1em;}
#block-contents .review .ttl .reviewer {position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
#block-contents .review .ttl .reviewer .img {width: 76px;}
#block-contents .review .detail {position: relative; padding: 60px 60px 30px; background-color: #EDE8DB;}
#block-contents .review .detail + .ttl {margin-top: 40px;}
#block-contents .review .detail .prof {position: absolute; top: 10px; right: 30px; color: #777; font-size: 14px; letter-spacing: 0.1em; z-index: 1;}
#block-contents .review .detail .prof .name {margin-left: 1em; font-size: 18px; font-weight: 500;}
#block-contents .review .detail ol {display: flex; flex-wrap: wrap; gap: 20px; counter-reset: review 0;}
#block-contents .review .detail ol > li {display: flex; flex-direction: column; width: calc(50% - 10px); background-color: #fff;}
#block-contents .review .detail ol > li .txt {position: relative; padding: 15px 15px 15px 45px;}
#block-contents .review .detail ol > li .txt::before {counter-increment: review 1; content: counter(review); position: absolute; left: 15px; top: 5px; font-size: 26px; font-weight: 500;}
#block-contents .review .detail ol > li .txt p {font-size: 13px; letter-spacing: 0.1em;}
#block-contents .review .detail ol > li .img {margin-top: auto;}
#block-contents .review .detail .more {margin-top: 1em; text-align: right;}
#block-contents .review .detail .more a {font-size: 14px;}
#block-contents .review .detail .more a:hover {text-decoration: underline;}
#block-contents .sns {margin-top: 140px;}
#block-contents .sns .insta {margin-top: 50px;}
#block-contents .sns .insta .instagram-media {margin: auto !important;}
#block-contents .sns .short {width: 365px; margin: auto;}
#block-contents .sns .insta + .short {margin-top: 40px}
#block-contents .sns .short .youtube {position: relative; width: 100%; padding-top: 178.0821917808219%;}
#block-contents .sns .short .youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
#block-contents .order {padding: 30px 0 75px; margin-top: 140px; border-radius: 0 0 11px 11px; background-color: #F7F3E9;}
#block-contents .orderTtl {position: relative; padding-bottom: 5px; margin-bottom: 30px; color: #000; font-size: 26px;}
#block-contents .orderTtl::before {content: ""; position: absolute; left: 50%; bottom: 0; width: 62px; height: 2px; background-color: #BF9C46; transform: translateX(-50%);}
#block-contents .orderList {max-width: 650px; margin: 30px auto 0;}
#block-contents .orderList ul {display: flex; flex-wrap: wrap; gap: 20px;}
#block-contents .orderList ul > li {width: calc(50% - 10px);}
#block-contents .orderList ul > li a {position: relative; display: block; height: 100%; padding: 10px 20px 15px 20px; letter-spacing: 0.1em; border: 1px solid #707070; background-color: #fff; box-sizing: border-box;}
#block-contents .orderList ul > li a::after {content: ""; position: absolute; right: 5px; bottom: 5px; width: 26px; height: 26px; background: url(../images/common/arrow_link.png) left top / 100% auto no-repeat;}
#block-contents .orderList ul > li .name {padding-bottom: 5px; margin-bottom: 5px; font-size: 18px; border-bottom: 1px solid #707070;}
#block-contents .orderList ul > li .price {font-weight: 500;}
#block-contents .orderItem {max-width: 700px; margin: auto; background-color: #fff; box-shadow: 0px 3px 6px #00000071;margin-top: 30px;}
#block-contents .orderItem + .orderItem {margin-top: 40px;}
#block-contents .orderItem a {display: flex; justify-content: space-between; align-items: center; padding: 20px; color: #333;}
#block-contents .orderItem .img {width: 29%; margin-right: 20px;}
#block-contents .orderItem.otoku .img {position: relative;}
#block-contents .orderItem.otoku .img::before {content: ""; position: absolute; right: 15px; bottom: 15px; width: 60px; height: 60px; background: url(../images/common/otoku.png) left top / 100% auto no-repeat;}
#block-contents .orderItem .inner {width: 71%;}
#block-contents .orderItem .inner .name {padding-bottom: 10px; margin-bottom: 10px; font-size: 23px; line-height: 1.2; border-bottom: 1px solid #707070;}
#block-contents .orderItem .inner .name small {display: block; font-size: 20px;}
#block-contents .orderItem .inner .price {font-size: 18px; font-weight: 500;}
#block-contents .orderItem .inner .price .num {font-size: 24px;}
#block-contents .orderItem .inner .btn {position: relative; max-width: 220px; padding: 8px; margin: 18px auto 0; color: #fff; font-size: 18px; text-align: center; background-color: #333;}
#block-contents .orderItem .inner .btn-end {pointer-events: none; background-color: #888888;}

.kiwami{width: 100%;margin: auto;background: #B3963D;padding-top: 60px;padding-bottom: 70px; margin-bottom: 50px; font-family: 'M PLUS 1p', sans-serif;}
.kiwami h2 {font-size: 32px; color:#FFFFFF; text-align: center;padding-bottom: 25px; font-family: "Noto Serif JP";}
.kiwami ul{display: flex; justify-content:center;text-align: center;}
.kiwami ul li{background: #fff; border-radius: 10px;padding-left: 20px;padding-right: 20px;}
.kiwami ul li:nth-child(1){margin-right: 10px;}
.kiwami ul li:nth-child(2){margin-left: 10px;}
.kiwami .name-1{color: #054B72; font-size: 24px; font-weight: 600;line-height: 35px; padding-top: 35px;padding-bottom: 35px;}
.kiwami .name-2{color: #054B72; font-size: 24px; font-weight: 600;line-height: 35px; padding-top: 20px;padding-bottom: 18px;}
.kiwami .appeal{color: #B3963D; font-size: 20px; font-weight: 500;line-height: 32px; padding-top: 15px;padding-bottom: 10px;}
.kiwami .price .num{ font-size: 23px;}
.kiwami .price{color: #333333; font-size: 16px; font-weight: 500;line-height: 28px; padding-top: 0px;padding-bottom: 0px;}
.kiwami .btn{position: relative;max-width: 220px;padding: 8px;margin: 18px auto 0;color: #fff;font-size: 18px;text-align: center;background-color: #333;margin-bottom: 30px;}



@media screen and (max-width:1800px){
 
#block-mv .mv{
   padding-bottom: 38%;
 }
 
 #block-mv .inner{
   padding-bottom: 38%;
 }
 
 #block-mv .inner .ttl a{
  font-size: 23px;
  padding-left: 5%;
  padding-right: 5%;
 }
 
 #block-mv .inner .ttl{
  width: 25%;
 left: 70%;
 }
 
 #block-mv .inner .ttl .message{
  width: 63%;
 }
 
}

@media screen and (max-width:1700px){
 
#block-mv .mv{
   padding-bottom: 39%;
 }
 
 #block-mv .inner{
   padding-bottom: 39%;
 }
 
 #block-mv .inner .ttl{
  left: 70.5%;
 } 
 
 #block-mv .inner .ttl a{
 font-size: 20px;
 }

#block-mv .inner .ttl .message{
 width: 62%;
}
 
}


@media screen and (max-width:1400px){
 
 #block-mv .inner .ttl{
  width: 28%;
  left: 70.5%;
 }
 
 #block-mv .inner .ttl a{
  font-size: 18px;
 } 

#block-mv .inner .ttl .message{
 width: 58%;
}
 
}

@media screen and (max-width: 1300px) {
 
 .kodawari .frame{
  width: 90%;}
 

 #block-mv .inner .ttl a{
  font-size: 18px;
 } 
  
 } 
 

@media screen and (max-width: 1270px) {
 
 
 #block-mv .inner .logo {
  width: 15%;
 }
  
 #block-mv .inner .ttl a{
  font-size: 15px;
 }
 
 #block-contents{
  width: 90%;
 }
 
 #block-contents .box{
  width: 80%;
 }
 
 #block-contents .course{
  width: 80%;
 }
 
 .kodawari .ttl h3{
  font-size: 42px;
 }
 
 .kodawari .ttl h4{
  font-size: 22px;
  padding: 20px 170px;
 }
 
 .kodawari .ttl p{
  font-size: 18px;
 }
 
 .kodawari .ttl h4:before, .kodawari .ttl h4:after{
  width: 140px;
 }
 
 .kodawari .img{
  width: 35%
 }
 
 .kodawari .txt .name{
  font-size: 17px;
  line-height: 21px;
 }
 
 .kodawari .txt .point > li{
  font-size: 14px;
 }
 
 .kodawari .img figure span{
  width: 56px;
  height: 56px;
  font-size: 25px;
 }
 
#block-mv .inner .ttl a {
 font-size: 17px;
 }
 

#block-mv .inner .ttl .message{
 padding-bottom: 1%;
}
 
}

@media screen and (max-width: 1100px) {
 
 
#block-mv .mv{
   padding-bottom: 40%;
 }
 
 #block-mv .inner{
   padding-bottom: 40%;
 }
 
 
 #block-mv .inner .ttl{
  width: 29%;
 } 
 
#block-mv .inner .ttl a {
  font-size: 15px;
  }
 

#block-mv .inner .ttl .message{
 width: 58%;
}
 
}

@media screen and (max-width: 960px) {
 
 
#block-mv .mv{
   padding-bottom: 41.5%;
 }
 
 #block-mv .inner{
   padding-bottom: 41.5%;
 }
 
 #block-mv .inner .ttl {
  left: 71%;
 }
 
 #block-mv .inner .ttl a{
  font-size: 14px;
  padding: 6px 11px;
 }
 
 #block-contents .block p{
  font-size: 20px;
 }
 
#block-contents .block{
 width: 85%; 
 }
 
 #block-contents .block .line{
  width: 100%;
 }
 
 #block-contents .course{
  width: 85%;
 }
 
#block-contents ul li p{
  font-size: 17px;
 }
 
#block-contents .box{
 width: 85%; 
 }

#block-mv .inner .ttl .message{
 padding-bottom: 0%;
}
 
 }

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

#block-mv .inner .ttl .message{
 width: 62%;
} 
 
 #block-mv .inner .ttl a{
  font-size: 13.5px;
  padding: 5px 9px;
 } 
 
}

@media screen and (max-width: 800px) {
 
#block-contents .block p .pc-br{
 display: none;
} 

#block-contents .block p .sp-br{
 display: block;
}
 
 #block-mv .inner .logo{
  left: 2%;
 }
 
 main{
  background: #fff;
 }
 
  #block-mv .mv{
   background-image: url(../images/mv-sp.png);
   height: 0px;
   padding-bottom: 133.375%;
   background-size: cover;
   background-position: center center;
 }
 
 #block-mv .inner {
  padding-bottom: 133.375%;
 }
 
 #block-mv .inner .ttl{
  width: 60%;
  top: 78%;
  left: 24%;
  right: 50%;
 }
 
 #block-mv .inner .ttl .message{
  width: 62%;
  bottom: -5px;
 } 
 
 #block-mv .inner .ttl a{
  width: 80%;
  font-size: 20px;
  display: block;
  text-align: center;
  padding: 10px 20px;
 }
 
 #block-contents{
  margin-top: 40px;
  padding-bottom: 0px;
 }
 
 #block-contents .block{
  width: 100%;
  padding-top: 0px;
 }
 
 #block-contents .course{
  width: 100%;
 }
 
 #block-contents .box{
  width: 100%;
  margin-top: 40px;
 } 
 
 .kodawari .frame{
  padding-top: 0px;
  padding-bottom: 0px;
 }
 
 .kodawari li{
width: calc(100% / 1);
 }
 
 .kodawari .txt .name{
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 25px;
 } 
 
 .kodawari .txt .point > li{
  font-size: 16px;
 }
 
 .kodawari .ttl h3{
  font-size: 38px;
 }
 
 .kodawari .ttl h4{
  font-size: 18px;
  padding: 20px 120px;
 }
 
 .kodawari .ttl h4:before, .kodawari .ttl h4:after{
  width: 100px;
 }

 
	#block-mv {height: auto;}
	#block-mv .inner .ttl .sekai {width: 80px;}
	#block-mv .inner .ttl h1 {font-size: 24px;}
	#block-mv .inner .ttl .en {font-size: 12px;}


	/* -------------------------------------------------- */
	/* common */
	/* -------------------------------------------------- */
	.v-pc {display: none;}
	.v-sp {display: block;}

	/* -------------------------------------------------- */
	/* pagenav */
	/* -------------------------------------------------- */
	#pagenav ul > li a {font-size: 22px;}

	/* -------------------------------------------------- */
	/* block-mv */
	/* -------------------------------------------------- */
	#block-mv .inner .logo {width: 22%;}

	/* -------------------------------------------------- */
	/* block-contents */
	/* -------------------------------------------------- */
	#block-contents h2 {color: #B3963D; font-size: 30px;}
	#block-contents h3 {color: #BF9C46; font-size: 22px;}
	#block-contents h3.line::before {width: 46px; height: 1px;}
	#block-contents h3 + .lead {font-size: 14px;}
	#block-contents .detail {padding: 12px 15px 35px;}
 	#block-contents .mt-1{font-size: 17px;width: 95%;margin: auto;}
	#block-contents .pickup {margin-top: 30px;}
	#block-contents .pickup .balloon {font-size: 10px;}
	#block-contents .pickup .txt {padding: 15px 0 10px 15px;}
	#block-contents .pickup .txt .ttl {font-size: 14px;}
	#block-contents .pickup .txt .name span {font-size: 10px;}
	#block-contents .pickup .img {padding: 5px 15px;}
	#block-contents .pickup .img img {width: 75px;}
	#block-contents .pickup .txt .btnarea .btn {font-size: 8px;}
	#block-contents .feature {margin-top: 30px;}
	#block-contents .feature .ttl {width: 80px; font-size: 12px;}
	#block-contents .feature .ttl span {font-size: 19px;}
	#block-contents .feature .check {padding: 0 15px;}
	#block-contents .feature .check ul > li {padding-left: 22px; font-size: 13px;}
	#block-contents .feature .check ul > li::before {top: 3px; width: 14px;}
	#block-contents .imgbox {margin-top: 20px; gap: 15px 10px;}
	#block-contents .imgbox figure {width: calc(50% - 5px);}
	#block-contents .imgbox figure figcaption {font-size: 14px;}
	#block-contents .movie {width: 280px;}
	#block-contents .movie .caption {font-size: 36px;}
	#block-contents .block {margin-top: 20px;}
	#block-contents .block h4 {color: #BF9C46; font-size: 24px;}
	#block-contents .itemlist {margin-top: 15px;}
	#block-contents .itemlist ul > li {display: block; padding: 10px;}
	#block-contents .itemlist ul > li figure {width: 128px; margin: auto;}
	#block-contents .review {margin-top: 20px;}
	#block-contents .review .lead {padding: 0 15px; margin-bottom: 35px;}
	#block-contents .review .ttl {padding: 15px 90px 15px 10px;}
	#block-contents .review .ttl h4 {font-size: 16px;}
	#block-contents .review .ttl .reviewer {right: 10px;}
	#block-contents .review .ttl .reviewer .img {width: 68px;}
	#block-contents .review .detail {padding: 45px 15px 30px;}
	#block-contents .review .detail .prof {right: 15px; font-size: 10px;}
	#block-contents .review .detail .prof .name {font-size: 12px;}
	#block-contents .review .detail ol {gap: 10px;}
	#block-contents .review .detail ol > li {width: calc(50% - 5px);}
	#block-contents .review .detail ol > li .txt {padding: 10px 8px 5px 25px;}
	#block-contents .review .detail ol > li .txt::before {top: 8px; left: 10px; font-size: 13px;}
	#block-contents .review .detail ol > li .txt p {font-size: 12px; line-height: 1.4;}
	#block-contents .review .detail .more {margin-top: 1em;}
	#block-contents .review .detail .more a {font-size: 13px;}
	#block-contents .sns {margin-top: 60px;}
	#block-contents .sns .insta {margin: 30px 15px 0;}
	#block-contents .sns .insta .instagram-media {min-width: 100% !important;}
	#block-contents .sns .short {width: 270px;}
	#block-contents .sns .insta + .short {margin-top: 30px;}
	#block-contents .order {padding: 20px 15px 45px; margin-top: 80px; border-radius: 0;}
	#block-contents .orderTtl {font-size: 21px;}
	#block-contents .orderTtl::before {width: 46px; height: 1px;}
	#block-contents .orderList {margin-top: 20px;}
	#block-contents .orderList ul {gap: 10px;}
	#block-contents .orderList ul > li {width: calc(50% - 5px);}
	#block-contents .orderList ul > li a {padding: 6px 10px 12px; letter-spacing: 0.05em;}
	#block-contents .orderList ul > li .name {font-size: 14px;}
	#block-contents .orderList ul > li .price {font-size: 12px;}
	#block-contents .orderList ul > li a::after {right: 3px; bottom: 3px; width: 17px; height: 17px;}
	#block-contents .orderItem {position: relative; margin: 30px 15px 0; padding-bottom: 50px;}
	#block-contents .orderItem a {padding: 15px 12px;}
	#block-contents .orderItem .img {width: 33%; top:-10px; margin-right: 0px; margin-top: 10px; text-align: center;}
	#block-contents .orderItem.otoku .img::before {top: auto; bottom: 5px; right: 5px; width: 50px; height: 50px;} 
	#block-contents .orderItem .inner {width: 66%; padding: 10px 0;}
	#block-contents .orderItem .inner .name small {font-size: 16px;}
	#block-contents .orderItem .inner .name {font-size: 20px;}
	#block-contents .orderItem .inner .price {font-size: 14px;}
	#block-contents .orderItem .inner .price .num {font-size: 19px;}
	#block-contents .orderItem .inner .btn {position: absolute; left: 50%; bottom: 20px; width: 205px; max-width: none; margin: 0; font-size: 15px; transform: translateX(-50%);}
 #block-contents #anchor_custard{padding-top: 0px;}
 
 .kiwami{margin-top: 30px;padding-top: 40px;}
 
 .kiwami ul{display: block;}
 
 .kiwami ul li{width: 400px; margin: auto;padding-bottom: 20px;}
 
 .kiwami ul li:nth-child(1){margin: auto;margin-bottom: 40px;margin-top: 20px;}
 
  .kiwami ul li:nth-child(2){margin: auto;}
 
}



@media screen and (max-width: 626px) {
 
 #block-mv .inner .ttl a{
  font-size: 18px;
  padding: 8px 15px;
 }
 
 #block-contents .block .textimg{
  width: 100%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
 }
 
 
}

@media screen and (max-width:550px){
 
 #block-contents .course{
  border-radius: 20px;
 }
 
 #block-contents ul li p{
  font-size: 15px;
 }
 
 #block-contents .box{
  padding: 20px 30px;
 }
 
 .kodawari .txt .name{
  font-size: 16px;
  line-height: 1.3;
 }
 
 .kodawari .txt .point > li{
  font-size: 14px;
 }
 
 #block-contents .title{margin-top: 0px;}
 
  #block-mv .inner .logo{width: 22%;}
 
 #block-contents h2{font-size: 26px;letter-spacing: 1px;}
 
 #pagenav{margin-top: 10px;}
 
 #block-contents .mt-1{font-size: 15px;}
 
 .kiwami h2{width: 95%;font-size: 28px;margin: auto;padding-bottom: 0px;}
 
 #block-contents .block h4{font-size: 20px;}
 
 #pagenav ul > li a{font-size: 18px;}
 
 
 #block-mv .frame{height: 230px;}
 
 .kiwami{margin-bottom: 0px;padding-bottom: 50px;}
 
  .kiwami ul li{width: 80%; margin: auto;padding-bottom: 20px;}
 
}

@media screen and (max-width:550px){
 
 #block-mv .inner .ttl{
  width: 65%;
 }
 
 #block-mv .inner .ttl a{
  font-size: 16px;
  padding: 8px 10px;
 }
 
 #block-contents .block p{
  font-size: 18px;
 line-height: 2.0;
 }
 
 #block-contents .block .textimg{
  width: 432px;
  margin-top: 30px;
  margin-bottom: 30px;
 }
 
 #block-contents .block font{
  font-size: 22px;
 }
 
 #block-contents .block big{
  font-size: 28px;
 }
 
 .kodawari .ttl h4{
  font-size: 16px;
  padding: 20px 120px;
 }
 
 .kodawari .ttl h4:before, .kodawari .ttl h4:after{
  width: 110px;
 }
 
 .kodawari .ttl p{
  font-size: 16px;
  padding-top: 0px;
 }
 
 #block-mv .inner .logo{width: 24%;}
 
 #block-contents h2{font-size: 20px;padding-top: 20px;}
 
 #pagenav ul > li a{font-size: 16px;} 
 
 #block-contents .title{width: 220px; font-size: 35px;margin-top: 0px;} 
 
 #block-contents .title-2{width: 290px; font-size: 35px;margin-top: 0px;} 
 
 #block-contents .block h4{padding-top: 0px;}
 
}

@media screen and (max-width:465px){
 
 .kodawari .ttl h3{
  font-size: 32px;
 }
 
 .kodawari .ttl h4{
  font-size: 16px;
  padding: 15px 85px;
 }
 
 .kodawari .ttl h4:before, .kodawari .ttl h4:after{
  width: 60px;
 }
 
 .kodawari .ttl p{
  font-size: 15px;
  line-height: 1.8;
  padding-top: 10px;
  padding-bottom: 30px;
 } 
 
 #block-contents .course{
  padding-top: 0px;
 }
 
}

@media screen and (max-width:455px){
 
 #block-contents{
  width: 93%;
 }
 
 #block-contents .block p{
  font-size: 17px;
 }
 
 #block-mv .inner .ttl a{
  font-size: 15px;
  padding: 5px 8px;
 }
 
}


@media screen and (max-width:430px){
 
 #block-mv .mv{
  padding-bottom: 150%;
 } 
 
 #block-mv .inner{
  padding-bottom: 150%;
 }
 
 #block-mv .inner .ttl{
  width: 70%;
  left: 21%;
 }
 
 #block-mv .inner .ttl a{
  font-size: 15px;
  padding: 5px 12px;
 }
 
 #block-contents .block font{
  font-size: 20px;
 }
 
 #block-contents .block big{
  font-size: 22px;
 }
 
 #block-contents .course ul{
  padding: 0px 15px 15px 15px;
 }
 
 #block-contents ul li p{
  font-size: 14px;
  padding-top: 15px;
 }
 
 .kodawari li a{
  padding-left: 10px;
  padding-right: 10px;
 }
 
 .kodawari .img figure span{
  font-size: 20px;
  width: 45px;
  height: 45px;
  left: 5px;
  bottom: 5px;
 }
 
 #block-contents .course a{
  font-size: 20px;
 }
 
 #block-contents .title{width: 200px; font-size: 32px;margin-top: 0px;} 
 
 #block-contents .title-2{width: 270px; font-size: 32px;margin-top: 20px;} 
 
 #block-contents .block h4{padding-top: 0px;}
 
}

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

 #block-contents .block p{
  font-size: 15.5px;
   line-height: 1.8;
 }
 
 #block-contents .box{
  font-size: 15px;
  padding: 15px 20px;
 }
 
}

@media screen and (max-width:410px){
 
 #block-mv .mv{
  padding-bottom: 160%;
 } 
 
 #block-mv .inner{
  padding-bottom: 160%;
 }
 
 #block-mv .inner .ttl{
  width: 75%;
  left: 18%;
 } 
 
 #block-mv .inner .ttl a{
  font-size: 14px;
 }
 
 #block-contents .block p{
  font-size: 14px;
 }
 
 #block-contents .block font{
  font-size: 18px;
 }
 
 #block-contents .course{
  margin-top: 30px;
 }
 
 #block-contents .block .line{
  padding-top: 30px;
  padding-bottom: 10px;
 }
 
 }

@media screen and (max-width:395px){
 
.kodawari .ttl h4 {
 font-size: 15px;
 padding: 15px 55px;
    }
 
 .kodawari .ttl h4:before, .kodawari .ttl h4:after{
  width: 50px;
 }
 
 #block-mv .inner .ttl .message{
  bottom: -5px;
 }
 
}

@media screen and (max-width:365px){
 
 #block-mv .inner .ttl{
  width: 75%;
  left: 18%;
 } 
 
 #block-mv .inner .ttl a{
  font-size: 13px;
  padding: 5px 5px;
 }
 
 #block-contents{
  width: 95%;
 } 
 
 #block-contents .block p{
  font-size: 14px;
 }
 
 #block-contents .block font{
  font-size: 15px;
 }
 
 #block-contents .block big{
  font-size: 17px;
 }
 
 #block-contents .course{
  margin-top: 30px;
 }
 
 #block-contents .block .line{
  padding-top: 30px;
  padding-bottom: 10px;
 }
 
 #block-contents h2{
  font-size: 17px;
 } 
 
 #block-contents ul li p{
  font-size: 13px;
 } 
 
 #block-contents .course a{
  font-size: 18px;
 }
 
}

@media screen and (max-width:340px){
 
 #block-mv .inner .ttl{
  width: 80%;
  left: 17%;
 } 
 
 #block-mv .inner .ttl a{
  font-size: 13px;
  padding: 5px 5px;
 }
 
 #block-contents .block p{
  font-size: 13px;
 }
 
 #block-contents .block font{
  font-size: 15px;
 }
 
 #block-contents .block big{
  font-size: 17px;
 }
 
 #block-contents .course{
  margin-top: 30px;
 }
 
 #block-contents .block .line{
  padding-top: 30px;
  padding-bottom: 10px;
 }
 
 #block-contents h2{
  font-size: 17px;
 } 
 
 #block-contents ul li p{
  font-size: 13px;
 } 
 
 #block-contents .course a{
  font-size: 16px;
 }
 
 .kodawari .ttl h3{
  font-size: 28px;
 }
 
 #block-contents .box{
  font-size: 14px;
  padding-right: 10px;
 }
 
 .kodawari .ttl p{
  font-size: 14px;
 } 
 
 .kodawari .txt .name{
  font-size: 14px;
 }
 
 .kodawari .txt .point > li{
  font-size: 13px;
 } 
 
}