@charset "UTF-8";


*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html {
  overflow-y: scroll;
  line-height: 1;
  font-size: 62.5%;
}

body {
  background: #FBFAF3;
  color: #000;
  font-family: "游ゴシック", YuGothic,  Verdana, sans-serif;
  /*font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, sans-serif;*/
  /*font-feature-settings: "palt";*/
  font-weight: 500;
  font-size: 22px;
  font-size: 2.2rem;
  word-break: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-size-adjust: none;
 
  -webkit-text-size-adjust: 100%; /*safari font 自動調整*/
  
  width: 100%;
  height: 100%;
  font-feature-settings: "palt";
  
  /*背景画像*/
  background-attachment: fixed;
  background-image: url(../img/pc_bg01.png), url(../img/pc_bg02.png);
	background-repeat: no-repeat, no-repeat;
	background-position:top left, bottom right;
  

}
@media screen and (max-width:768px){
    body {
      font-size: 2.86vw;
    }
}

/*----------------------------------------------------
  共通スタイル
--------------------------------------------------- */
.page{
	width: 768px;
	margin:0 auto;
	background-color: #fff;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}
.inner{}

.tc {
  text-align: center;
}
em {
  font-style: normal;
}
.pc {
  display: block;
}
.sp {
  display: none;
}

a:hover{opacity: 0.5;}
@media screen and (max-width: 768px) {
  .page{width: 100%;}
  img{width: 100%;}
  #sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

 /*-------------flex------------*/
.flex {
  display: flex;
}
.fx_between {
  justify-content: space-between;
}
.fx_center {
  justify-content: center;
}
@media screen and (max-width: 768px) {
	
}
/*-------------margin------------*/
.mgb2{margin-bottom: 2em;}
.mgb3{margin-bottom: 3em;}
.mgb4{margin-bottom: 4em;}
/*------------------------------
	header
------------------------------*/
header {
  padding:10px 20px;
}
@media screen and (max-width: 768px) {
	header h1{
		width: 50%;
	}
}

/*------------------------------
	#footer
------------------------------*/
footer {
	background-color: #fff;
	text-align: center;
	padding:2em 0 2em;
}
footer small{}

@media screen and (max-width: 768px) {
  footer {margin-bottom: 0;}
}
/*----------------------------------------------------
  youtube
--------------------------------------------------- */
.video {width: 100%;
}
.video iframe{
	width: 100%;
}
@media screen and (max-width: 768px) {
  .video{height: auto;}
  .video iframe {height: 100%;}
}
/*----------------------------------------------------
  スライド　矢印
--------------------------------------------------- */

.slick-arrow {
  position: absolute;
  top: calc(50% - 25px);
  z-index: 5;
  cursor: pointer;
}
.slick-arrow.prev {
  left: -45px;
}
.slick-arrow.next {
  right: -45px;
}
  @media screen and (max-width: 767px) {
    .slick-arrow {
      top: calc(50% - 2.1vw);
    }
    .slick-arrow img {
      width: 4.2vw;
    }
    .slick-arrow.prev {
      left: -7vw;
    }
    .slick-arrow.next {
      right: -7vw;
    }
  }
  


/*----------------------------------------------------
  CTA
--------------------------------------------------- */
/*FV直下*/
.cta {margin-bottom: 2em;}
.cta section{
	width: 90%;
	margin:0 auto;
	}
.cta section img{width: 100%;}
.cta section a{}
.cta section a:hover{}
@media screen and (max-width: 768px) {
	.cta {
		
	}
}
/*CTAバナー*/
.cta_ban{
	width: 100%;
	text-align: center;
	background-color: #FBFAF3;
	padding-bottom: 2em;
	}
.cta_ban section{
	width: 90%;
	margin:0 auto;
}
.cta_ban section img{
	width: 100%;
}

/*最下部*/
.cta_ban section{width: 100%;}
/*----------------------------------------------------
  FV
--------------------------------------------------- */
.mainvisual {}
@media screen and (max-width: 768px) {
	
}
/*----------------------------------------------------
 group
--------------------------------------------------- */
.group{
	margin-bottom: -2px;
}
@media screen and (max-width: 768px) {
	
}
/*----------------------------------------------------
 media
--------------------------------------------------- */
.media{background-color: #F5F0DE;}
.media section{
	width: 90%;
	margin:0 auto;
	padding:6rem 0;
	text-align: center;
}
.media section h2{margin-bottom: 2em;}
@media screen and (max-width: 768px) {
	
}

/*----------------------------------------------------
 illness　不調
--------------------------------------------------- */
.illness{
	background-color: #F2F2F2;
	}

.illness section{
	width: 90%;
	margin:0 auto;
	padding:6rem 0 0;
	text-align: center;
}
.media section h2{margin-bottom: 2em;}
.illness section ul{margin-bottom: 2em;}
.illness section ul li{
    font-size: 1.4em;
    text-align: left;
    padding-left:1em;
	text-indent:-1em;
	margin-bottom: 1em;
}
.illness section ul li span{font-weight: 700;}
.illness section p{
	font-size: 1.6em;
	text-decoration: underline;
	line-height: 1.7;
	margin-top: 1em;
}
@media screen and (max-width: 768px) {
	.illness section ul li{
    font-size: 4vw;
    }
    .illness section p{
	font-size: 4.8vw;
	}
	
}
/*----------------------------------------------------
 features　5つの特徴
--------------------------------------------------- */
.features{background-color: #FEFBFB; padding-bottom: 3em;}
.features .inner{width: 90%; margin:0 auto;}
.features .inner01{
	padding-top: 1em;
	width: 73%;
	margin-left: 4em; 
	}
.features .inner02{
	padding-top: 1em;
	width: 73%;
	margin-left: 6em; 
	
}
.features p{
	font-size: 24px; 
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;/*IE対応*/
	}
.features .features01,
.features .features02,
.features .features03,
.features .features04{
	margin-bottom: 4em;
}

@media screen and (max-width: 768px) {
	.features p{
	font-size: 3.2vw; 
	}
	
}
/*----------------------------------------------------
  .solution　ピッタリな解決策
--------------------------------------------------- */
.solution{
	padding-top: 2em;
}
.solution .icn{
	width: 20%;
	margin: 0 auto;
}
.solution h2{
	font-family: "Source Han Serif JP", serif;
	text-align: center;
	font-size: 1.8em;
	font-weight: 300;
	margin-bottom: 2em;
}
.solution h2 span{color: #D30000;}
.solution section{width: 80%; margin: 0 auto;}
.solution p{font-size: 1.1em; line-height: 1.7;}
.solution p span{text-decoration: underline;}
.solution p.p_b{font-size: 1.4em;}
.solution p.p_b span{font-weight: 700;}
.solution p.p_cb{
	font-family: "Source Han Serif JP", serif;
	font-size: 1.6em; 
	text-align: center;
	}
.solution p.p_cb span{color: #D30000; font-size: 120%; text-decoration: none;}
@media screen and (max-width: 768px) {
	
}
/*----------------------------------------------------
  method　最新メソッド
--------------------------------------------------- */
.method{}
.method section{
	background-color: #FBFAF3; 
	padding-bottom: 2em;
	width: 100%;
	height: auto;
	background-image: url(../img/method_bg-01.png), url(../img/method_bg-02.png);
	background-repeat: no-repeat, no-repeat;
	background-position:top 50% right, bottom 25% left;
	}
.method section .inner{width: 80%; margin:0 auto;}
@media screen and (max-width: 768px) {
	.method section{
		/* 複数の背景 */
		background-size: auto, auto; /* `auto auto` と混同しないでください */
		background-size: 50%, 50%;
		}
}
/*講師紹介*/
.method h3{text-align: center;}
.method .lecturer_img{text-align: center;}
.method p{font-size: 1.1em; line-height: 1.7;}
.method .p_name{
	font-size: 1.5em; 
	line-height: 1;
	margin-bottom: 0.8em;
	}
.method .p_name span{font-size: 50%; letter-spacing: .2rem;}
.method .p_c {line-height: 1;}
.method .p_c small{font-size: 70%;}
.method h4{font-size: 1.2em; font-weight: 300; margin-bottom: 1em;}

.method .p_name,
.method h4{font-family: "Source Han Serif JP", serif;}

.method .p_name,
.method .p_c,
.method h4{text-align: center;}

.method .scroll{
	width: 100%;
	height: 380px;
	overflow: scroll;
	border: 1px solid #000;
	border-radius: 1em;
	background-color: #fff;
}
.method .scroll ul{
	font-size: 1em;
	font-weight: 300;
	line-height: 1.7;
	padding:2em 3em;
	}
.method .scroll ul li{
	margin-bottom: 1em;
}
/*インスタ*/
.method .btn_Instagram{text-align: center;}

@media screen and (max-width: 768px) {
	.method h3{width: 40%; margin:0 auto;}
	.method p{font-size: 3.8vw;}
	.method .p_name{font-size: 5vw; }
	.method h4{font-size: 5vw; }
}

/*----------------------------------------------------
  .before-after　ビフォーアフター
--------------------------------------------------- */
.before-after{background-color: #FBFAF3;}
.before-after h2{margin-bottom: -4px;}
.before-after section{background-color: #D0B775; padding-bottom: 2em;}
.before-after .inner{width: 90%; margin:0 auto;}
.before-after .box{
	background-color: #fff;
	padding:2em 2em;
	border-radius: 10px;
	box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3);
	margin-bottom: 1em;
}
.before-after .img_box{ }
.before-after .img_box .name{
	margin-left: 1em;
	margin-top: -1em;
	margin-bottom: 1em;
}
.before-after .img_box .name span{
	font-size: 1.1em;
	background-color: #DDCD92;
	padding:10px 20px;
}
.before-after h3{
	color: #C3A34F;
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 0.6em;
}
.before-after p{font-size: 1em; line-height: 1.4;}
.before-after .kikan{font-size: 1.2em; margin-bottom: 0.6em;}
.before-after hr{
	border:none;
	border-bottom: 1px dotted #C3A34F;
	margin-bottom: 1em;
	}
.before-after{}

.before-after h3,
.before-after .name,
.before-after .kikan{
	font-family: "Source Han Serif JP", serif;
}
@media screen and (max-width: 768px) {
	
}
/*----------------------------------------------------
  price　料金
--------------------------------------------------- */
.price{background-color: #FBFAF3; padding:2em 0;}
.price .inner{padding:2em 0;}
.price h2{width: 30%; margin:0 auto; text-align: center;}
.price section{width: 80%; margin:0 auto;}
.price h3{
	color: #C3A34F;
	text-align: center;
	font-size: 1.4em;
	background-color: #fff;
	border-top: 1px solid #C3A34F;
	border-bottom: 1px solid #C3A34F;
	padding:10px 0;
	margin-top: 1em;
	margin-bottom: 1em;
}
.price p{font-size: 1em; line-height: 1.6;}
.price .p_price{
	text-align: center;
	font-size: 1.8em;
	margin-bottom: 1em;
}
.price .p_img{text-align: center; width: 100%;}
.price .p_img img{width: 100%;}
.price .tokuten_box{
	border:1px solid #CA5038;
	background-color: #fff;
	border-radius: 10px;
	padding:20px 40px;
	margin-bottom: 2em;
}
.price .tokuten_box h4{
	color: #CA5038;
	text-align: center;
	font-size: 1.2em;
}
.price .btn_reserv{
	text-align: center;
}
.price .btn_reserv a{
	text-decoration: none;
	width: 70%;
	color: #fff;
	font-size: 1.1em;
	background-color: #B7370F;
	padding:14px 3em;
}
.price .p_r{
	font-size: 0.8em;
	text-align: right;
	margin-bottom: 2em;
}
.price h3,
.price .p_price,
.price .btn_reserv a{
	font-family: "Source Han Serif JP", serif;
}
@media screen and (max-width: 768px) {
	.price .tokuten_box{
		padding:4vw 5vw;
		margin-bottom: 10vw;
	}
	.price .tokuten_box h4{
		font-size: 4vw;
		margin-bottom: 3vw;
		}
	
}

/*----------------------------------------------------
  lesson　グループレッスン
--------------------------------------------------- */
.lesson{background-color: #FBFAF3; padding-bottom: 2em;}
.lesson h2{margin-top:-3px; margin-bottom: 2em;}
.lesson .inner{width: 80%; margin:0 auto;}
.lesson .p_1{font-size: 1.2em; line-height: 1.6; margin-bottom: 1em;}
.lesson .p_2{font-size: 0.8em; line-height: 1.4; margin-bottom: 2em;}
@media screen and (max-width: 768px) {
	
}

/*----------------------------------------------------
  koe お客様の声
--------------------------------------------------- */
.koe{
	background: linear-gradient(70deg, #FFB468, #FFD2A4, #FFB468);
	padding:2em 0 2em;
}
.koe h2{text-align: center; margin-bottom: 1em;}
@media screen and (max-width: 768px) {
	.koe h2{
		width: 40%;
		margin:0 auto;
		padding-bottom: 2em;
	}
	
}
.koe{}
/*スライド*/
.koe_slider {}
.koe_slider figure img {}
@media screen and (max-width: 767px) {
    .koe_slider {}
    .koe_slider img {}
  }
.koe_slider-arrow {
  position: absolute;
  top: calc(50% - 25px);
  z-index: 5;
  cursor: pointer;
}
.koe_slider-arrow.prev {
  left: -45px;
}
.koe_slider-arrow.next {
  right: -45px;
}
  @media screen and (max-width: 767px) {
    .koe_slider-arrow {
      top: calc(50% - 2.1vw);
    }
    .koe_slider-arrow img {
      width: 4.2vw;
    }
    .koe_slider-arrow.prev {
      left: -7vw;
    }
    .koe_slider-arrow.next {
      right: -7vw;
    }
  }
.koe .inner{width: 70%; margin:0 auto;}
.koe .koe_box{ 
	background-color: #fff;
	padding:2em 2em;
	border-radius: 10px;
	}
.koe .koe_box img{ width: 100%; margin-bottom: 1em;}
.koe .koe_box .age{margin-bottom: 1em;}
.koe .koe_box .age span{
	color: #fff;
	font-size: 1em;
	background-color: #FFB468;
	padding:5px 20px;
	border-radius: 10px;
}
.koe .koe_box h3{
	font-family: "Source Han Serif JP", serif;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 1em;
}
.koe .koe_box p{
	line-height: 1.6;
	}
/*高さ調整*/
.koe .koe_slider{height: auto;}
.koe .koe_box{height:100%;}
@media screen and (max-width: 768px) {
	
}
/*----------------------------------------------------
  faq　よくある質問
--------------------------------------------------- */
.faq{padding:2em 0;}
.faq h2{width: 50%; margin:0 auto; text-align: center; padding-bottom: 2em;}
.faq .inner{width: 80%; margin: 0 auto;}

/*アコーディオン*/
.faq .accordion1 {
  max-width: 100%;
}
.faq .accordion1 dl {
	margin-bottom: 2em;
}
.faq .accordion1 dt {
  cursor: pointer;
  font-size: 1.2em;
  font-family: "Source Han Serif JP", serif;
  color: #CA5038;
}
.faq .accordion1 dt span {
  position: relative;
  display: inline-block;
  padding-right: 10px;
}
.faq .accordion1 dt span.icn{font-size: 140%;}
.faq .accordion1 dt::after {
  position: absolute;
  right: 0;
  content: url(../img/open.svg);
  transition: all 0.2s ease-in-out 0s;
}
.faq .accordion1 dt::after {
  position: absolute;
  right: 0;
  content:'' ;
  width: 1.8em;/*画像の幅*/
  height: 1.8em;/*画像の高さ*/
  background-image: url(../img/open.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out 0s;
}
.faq .accordion1 dt.activ::after {
  background-image: url(../img/close.svg);
}
.faq .accordion1 dd {
  display: none;
  padding-top: 1em;
  padding-left: 1.4em;
  padding-right: 2.2em;
  font-size: 1em;
  line-height: 1.6;
  font-weight: 300;

}

@media screen and (max-width: 768px) {
	.faq .accordion1 {}
    .faq .accordion1 dl {
	    margin-bottom: 2em;
    }
    .faq .accordion1 dt {
	    font-size: 3.4vw;
    }
    .faq .accordion1 dt span {
      padding-right: 1vw;
    }
    .faq .accordion1 dd {
       padding-top: 1em;
       padding-left: 1.4em;
       padding-right: 2.2em;
    }
    .faq .accordion1 dd img {}
	
}
@media screen and (max-width: 768px) {
	.faq .inner{width: 85%; margin: 0 auto;}
	
}
/*----------------------------------------------------
  venue　会場情報
--------------------------------------------------- */
.venue{
	background-color: #FBFAF3; 
	padding:3em 0 1em; 
	text-align: center;
	font-weight: 300;
	}
.venue section{margin-bottom: 4em;}
.venue .inner{width: 90%; margin:0 auto;}
.venue h2{
	font-family: "Source Han Serif JP", serif;
	font-size: 1.6em;
	margin-bottom: 2em;
}
.venue h3{
	margin-bottom: 1em;
	}
.venue h3 span{
	font-size: 0.8em;
	border:1px solid #000;
	border-radius: 1em;
	padding:0.4em 3em;
}
.venue .venue_name{
	font-size: 1.6em;
	margin-bottom: 1em;
}
.venue .img_box{ margin-bottom: 1em;}
.venue .img_box img{}
.venue .p_address{line-height: 1.6; margin-bottom: 1em;}
.venue h4{ font-size: 0.9em; font-weight: 300;}
.venue .text_link{margin-bottom: 1em;}
.venue .text_link a{
	font-size: 0.9em;
	text-decoration: none;
	color: #000;
	}
.venue .text_link a:hover{color: #CA5038;}
.venue .map{width: 100%; height: 20em;}
.venue .map iframe{width: 100%; height: 100%;}

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

/*スライド*/
.venue_slider {
	width: 401px;
	margin: 0 auto;
	}
.venue_slider figure img {
	width: 401px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
    .venue_slider,
    .venue_slider figure img {
	    width: 90%;
	    margin: 0 auto;
    }
  }
.venue_slider-arrow {
  position: absolute;
  top: calc(50% - 25px);
  z-index: 5;
  cursor: pointer;
}
.venue_slider-arrow.prev {
  left: -40px;
}
.venue_slider-arrow.next {
  right: -40px;
}
  @media screen and (max-width: 767px) {
    .venue_slider-arrow {
      top: calc(50% - 2.1vw);
    }
    .venue_slider-arrow img {
      width: 4.2vw;
    }
    .venue_slider-arrow.prev {
      left: -7vw;
    }
    .venue_slider-arrow.next {
      right: -7vw;
    }
  }
/*----------------------------------------------------
  sns_box　facebook　インスタ
--------------------------------------------------- */
.sns_box{}
.sns_box section{
	width: 70%; 
	margin:0 auto;
	padding:2em 0;
	}
.sns_box section p{
	text-align: center;
	font-size: 1em;
	line-height: 1.6;
	margin-bottom: 1em;
}
.sns_box ul{
	display: flex;
	justify-content: space-between;
	}
.sns_box ul li{text-align: center;}
.sns_box ul li img{}
.sns_box ul li a{}
.sns_box ul li a:hover{}
@media screen and (max-width: 768px) {
	
}
/*----------------------------------------------------
  cta_fix　下部申し込みボタン　3つ日程ボタンに変更
--------------------------------------------------- */
.cta_fix{
	width: auto;
	padding-bottom: 13rem;
}
@media screen and (max-width: 768px) {
	.cta_fix{
		padding-bottom: 6.2rem;
	}
	
}
.cta_fix img{}
/*.cta_fix a{
	display: block;
	background: linear-gradient(70deg, #CA5038, #D59060, #CA5038);
}
.cta_fix a:hover{
	opacity: 1;
	background: linear-gradient(70deg, #882700, #CA5038, #882700);
	
}*/

/*3箇所会場日程ボタン*/
.cta_fix_flex{
	width: 768px;
	position: fixed;
	bottom: 0;
	z-index: 5;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.cta_fix_flex,
	.cta_flex{width: 100%;}
}
.cta_fix_flex ul,
.cta_flex ul{
	display: flex;
	justify-content: space-between;
}
.cta_flex ul{
	width: 70%;/*flex 2列*/
	margin:0 auto;
	
}
.cta_fix_flex ul li,
.cta_flex ul li{
	width: 33.33333%;/*flex 3列*/
	color: #fff;
	background-color: #ddd;
}
.cta_fix_flex2 ul li,
.cta_flex2 ul li{
	width: 50%;/*flex 2列*/
}

.cta_fix_flex ul li a,
.cta_flex ul li a{
	text-decoration: none;
	display: block;
	padding:1.6em 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif ;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);

}
.cta_fix_flex ul li:nth-child(1) ,
.cta_flex ul li:nth-child(1){background-color: #d0b775;}
.cta_fix_flex ul li:nth-child(2),
.cta_flex ul li:nth-child(2) {background-color: #d59060;}
.cta_fix_flex ul li:nth-child(3),
.cta_flex ul li:nth-child(3)  {background-color: #ffb468;}
.cta_fix_flex ul li:nth-child(1):hover,
.cta_flex ul li:nth-child(1):hover  {background-color: #c3a34f;}
.cta_fix_flex ul li:nth-child(2):hover ,
.cta_flex ul li:nth-child(2):hover {background-color: #ca5038;}
.cta_fix_flex ul li:nth-child(3):hover ,
.cta_flex ul li:nth-child(3):hover {background-color: #c17f1c;}


/*3箇所日程ボタン*/	
.cta_flex{
	width: 100%;
	bottom: 0;
	text-align: center;
}
.cta_flex h3{
	text-align: center;
	font-size: 1.4em;
	font-weight: 500;
	padding:1em 0;
}

/*----------------------------------------------------
  .btn_top　ページtop
--------------------------------------------------- */
.btn_top{ 
	position: fixed;
	bottom: 4em;
	right:10vw;
	margin-right: -1em;
	}
.btn_top img{}
.btn_top a{}
.btn_top a:hover{
	opacity: 1;
}
@media screen and (max-width: 768px) {
	.btn_top{ 
	position: fixed;
	bottom: 30vw;
	right:3vw;
	margin-right: -1em;
	}
	.btn_top img{width: 4em;}
	.btn_top a{}
	.btn_top a:hover{}
	
}

/*----------------------------------------------------
  nitei　日程情報
--------------------------------------------------- */
.nitei{padding:3em 0 1em; }
.nitei section{margin-bottom: 4em;}
.nitei .inner{width: 90%; margin:0 auto;}
.nitei h2{
	font-family: "Source Han Serif JP", serif;
	font-size: 1.6em;
	margin-bottom: 2em;
}
.nitei h3{margin-bottom: 1em;}
.nitei h3 span{
	font-size: 0.8em;
	border:1px solid #000;
	border-radius: 1em;
	padding:0.4em 3em;
}
.nitei .venue_name{
	font-size: 1.6em;
	margin-bottom: 1em;
}
.nitei h2,
.nitei h3,
.nitei .venue_name{
	text-align: center;
	
}
.nitei table{width: 100%;}
.nitei table tr{}
.nitei table tr th{background-color: #E5E5E5;}
.nitei table tr td{}

.nitei table tr th,
.nitei table tr td{
	font-size: 0.8em;
	border: 1px solid #999;
	padding:1em;
}
.nitei{}
.nitei{}
@media screen and (max-width: 768px) {
	
}

/*----------------------------------------------------
  btn_sid　サイドボタンfix
--------------------------------------------------- */
.btn_sid{
	position: fixed;
	top: 10vw;
	right: 0;
	display: flex;
	flex-direction: column;
}
.btn_sid p{margin-bottom: 1em;}
.btn_sid a{
	text-decoration: none;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background-color: #ddd;
	color: #fff;
	padding:2em 1em;
}
.btn_sid .btn1 a{background-color: #882700;}
.btn_sid .btn2 a{background-color: #C3A34F;}
.btn_sid .btn3 a{background-color: #FFB468;}
.btn_sid{}

@media screen and (max-width: 768px) {
	.btn_sid{
		top: 30vw;
		right: 0;
	}
	
}


/*----------------------------------------------------
  タイトル
--------------------------------------------------- */
@media screen and (max-width: 768px) {
	
}



/*----------------------------------------------------
  文字詰めについて
  https://ics.media/entry/14087/
  
  font-feature-settings: "palt";
  
	Safari調整
_::-webkit-full-page-media, _:future, :root .class_name {
	}
--------------------------------------------------- */