@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');




/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}


article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

body {
	letter-spacing: 0.1em;
	color: #333;
	width: 100%;/*レスポンシブデザインスタイル対策 */
	margin:0 auto !important;/*レスポンシブデザインスタイル対策 */
	-webkit-text-size-adjust: none;/*スマホ横文字対策 */
 font-family: "Zen Kaku Gothic New", sans-serif;
}

nav ul {
	list-style:none;
	
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:focus{/*firefoxの赤線リンク対策 */
outline:none;
} 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
	width: 100%;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.clear{ clear: both; line-height: 0}
	
img { border-style:none; }

a img { border-style:none; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  max-height: 0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media all and (-ms-high-contrast:none) {
    body {
	font-family:"FOT-筑紫A丸ゴシック Std R", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif ;
    }
}
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, body {
     font-family:"FOT-筑紫A丸ゴシック Std R", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif ;
    } 
  }
/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
    body {
       font-family:"FOT-筑紫A丸ゴシック Std R", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif ;
    }	
}



b{ font-family: "Zen Maru Gothic", sans-serif;}
a{
	color: #333;
	text-decoration: none;
	transition: 0.5s ease;
}
a:hover{
	
	text-decoration: none;
}
img {
	vertical-align: top;
	height: auto;   /*レスポンシブデザインスタイル対策 */
}

/*リンク */
.btn01 a{

}
.btn01 a::after{
	
}
.btn a{
	background-color: #fff;
	padding: 10px 15%;
	display: block;
	color: #db1e79;
	border-radius: 100px;
	position: relative;
	border: 1px solid #db1e79;
	text-align: center;
	font-size: 16px;
	background-image: url(../images/icon_arow.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 15px auto;	
	font-weight: 500;
	font-family: "Zen Maru Gothic", sans-serif;
}
.btn a:hover{
	background-color: #db1e79;
	color: #fff;	
}
.btn03 a{
	background-color: #fff;
	padding: 10px 20px;
	display: block;
	color: #db1e79;
	border-radius: 100px;
	position: relative;
	border: 1px solid #db1e79;
	text-align: center;
	font-size: 16px;
	background-image: url(../images/icon_arow.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 15px auto;	
}
.btn03 a:hover{
	background-color: #db1e79;
	border: 1px solid #FFFFFF;
	color: #fff;	
}


.btn02 a{
	background-color:transparent;
	padding: 10px 20px;
	display: block;
	color: #0C58A6;
	border-radius: 5px;
	position: relative;
	border: 2px solid #0C58A6;
	
	text-align: center;
}
.btn02 a:hover{
	background-color: #0C58A6;
	color: #fff;
}
@media screen and (max-width: 768px){
.btn a{
	font-weight: 700;
}	
}
@font-face {
font-family: "anzu";
  src: url(../font/anzu.eot) format("eot"), url(../font/anzu.woff) format("woff");
}
@font-face {
font-family: "kei";
  src: url(../font/kei.eot) format("eot"), url(../font/kei.woff) format("woff");
}
@font-face {
font-family: "Typeka";
  src: url(../font/Typeka.eot) format("eot"), url(../font/Typeka.woff) format("woff");
}
@font-face {
font-family: "tikushi";
  src: url(../font/tikushi.eot) format("eot"), url(../font/tikushi.woff) format("woff");
}
@font-face {
font-family: "tikushi01";
  src: url(../font/tikushi01.eot) format("eot"), url(../font/tikushi01.woff) format("woff");
}
strong{
	font-weight: normal;
}
.wi{
	max-width: 1200px;
}
.sp,.tabu_none{
	display: block;
}
.sp_only,.tabu{
	display: none !important;	
	}

.btm50{
	margin-bottom: 50px;
}
.btm30{
	margin-bottom: 30px;
}
.btm20{
	margin-bottom: 20px !important;
}
.p_btm80{
	padding-bottom: 80px;
}
.left{ float: left;}
.right{float: right;}
.center{
	text-align: center;
}
.sp_dan{
}
.pc_only{
	display: block;
}
.arrange {
  margin: 0 auto;
  box-sizing: border-box;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.arrange02 {
  margin: 0 auto;
  box-sizing: border-box;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content:flex-start;
justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bk_pink{
	background-color: rgba(255,222,225,0.30);
}
.font16{font-size: 16px;}
.font24{font-size: 24px;}
.c_pink{
	color: #DB1E79;
}
._title ._mark ._t{font-size: 13px;}
/*************************************************
header
*************************************************/
header{

}



/*************************************************
contens
*************************************************/
.inner,.inner_w{
	width: calc(100% - 40px);
    max-width: 1030px;
    margin: auto;
}
/*TOP_Aboutのbigtitle*/
.t_small{
	color: #db1e79;
	font-size: 16px;
	letter-spacing: 0.1em;
	position: relative;
	border-bottom: 3px dotted #db1e79;
	padding: 0 0 15px;
	margin: 0 0 15px;
}
.t_small::before{
	position: absolute;
	content: "";
	display: block;
	background-repeat: no-repeat;
}
.t_small::after{
	position: absolute;
	content: "";
	display: block;
	height: 40px;
	width: 2px;
	left: 0;
	right: 0;
	bottom: -42px;
	margin: 0 auto;
	border-left: 3px dotted #db1e79;
}
.t_big{
	color: #db1e79;
	font-size: 28px;
	letter-spacing: 0.1em;
	margin: 70px 0 30px;
	  font-family: "Zen Maru Gothic", sans-serif;
	 font-weight: 500;
}
.t_b_22{
	font-size: 22px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
.t_s_16{
	color: #DB1E79;
	line-height: 0;
}
.no{
	font-size: 18px;
	color: #DB1E79;
}
.no::after{
	 content: '';
    display: block;
    width: 25px;
    height: 2px;
    background-color: #DB1E79;
    vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 15px;
}
.t_gray{
	font-size: 15px;
	color: #5e5e5e;
	line-height: 1.5;
}
.t_pink{
	font-size: 18px;
	color: #DB1E79;	
}
.po_relative{
	position: relative;
}
.marker_p {
    background: linear-gradient(transparent 70%, rgba(255,222,224,0.50) 60%);
}
.inner03{
	max-width: 1080px;
	margin: auto !important;
	width: calc(100% - 30px);
}



/*************************************************
footer共通
*************************************************/
/*サインUp*/
.footer__signUp{
	background-image: url(../images/mailmaga_bk.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.footer__signUp .footer__signUp__main {
    position: relative;
    z-index: 2;
    max-width: 1030px;
    width: 100%;
    padding: 86px 24px 92px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer__signUp .footer__signUp__main .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 64px;
    width: 200px;
}
.footer__signUp .footer__signUp__main .ttl .en {
  font-family: "bodoni";
    font-feature-settings: "palt" 1;
    letter-spacing: 0.1em;
    font-size: 32px;
	font-style: italic;
	font-weight: 200;
}
.footer__signUp .footer__signUp__main .ttl .ja{
	font-weight: normal;
	margin: 5px 0 0;
}
.l-footer .footer__signUp .footer__signUp__main .ttl .ja {
    font-size: 24px;
    margin-top: 12px;
    letter-spacing: 0.1em;
}
.footer__signUp .footer__signUp__main .txt {
    max-width: 435px;
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20.5px;
    margin-top: 20.5px;
    font-weight: 500;
}
.footer__signUp .footer__signUp__main .btn {
	width: 240px;
	height: 48px;
	margin-left: 64px;
	line-height: 48px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	border-radius: 4px;
	color: #000;
	display: block;
	padding: 5px 0px;
	border: 2px solid #000000;
}
.footer__signUp .footer__signUp__main .btn:hover{
	color: #FFFFFF;
	background-color: #000000;	
	
	
}
.footer__signUp__main .box{position: relative;}
.footer__signUp__main  .f_h3{
	position: absolute;
	top: -65px;  
	left: 20px;
	font-size: 55px;
	transform: rotate(-15deg);
}
footer{
}
._col img{
	width: 100%;
height: auto;
}
.f_logo{
	width: 180px;
}
.insta,.fb{
	display: inline-block;
	width: 45px;
}
.copyright{
	font-size: 12px;
	color: #000000;
	margin: 50px 0 0 ;
	text-align: center;
}
.canpany{
	margin: 10px 0 0 ;
	padding: 0 !important;
}
/*page-to*/
#page-top img{
	width: 100%;
	height: auto;
}
#page-top {
	position: fixed;
	bottom: 35px;
	right: 20px;
	z-index: 5;
	 width: 60px;
}
/*************************************************
下層ページ 共通
*************************************************/
.block-inner-wide02 {
    margin: 0 55px;
	position: relative;
}
#various_title{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 140px 0;
	position: relative;
	text-align: center;
}
#various_title::after {
    background-image: url(../images/nami02.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 10px !important;
    content: "";
    height: 30px;
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    bottom: 0;
}
#various_title img{
	filter: drop-shadow(5px 5px 5px  rgba(0,0,0,0.6));
}
#various_title h1{
	font-family: "kei","ヒラギノ丸ゴ Pro";
	font-weight: bold;
	line-height: 2em;
	font-size: 40px;
	letter-spacing: 0.1em;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
}
#various_title h1 a{
	color: #fff;
}
.red{color: #dc1c24;}
.blue{color: #299ad1;}
.green{color: #39a44a;}
.pink{color: #DB1E79;}
.purple{color: #8227b1;}
#page{
	
}
.eraa{
	margin: 30px auto 0;
	width: 200px;
}
/*パンくず*/
.breadcrumbs{
	font-size: 11px;
	margin:18px 55px;
}
.breadcrumbs a{
	color: #0C58A6;
	text-decoration: underline;
	background: none;
}
.breadcrumbs a:hover{
	text-decoration: none;
	color: #E79E9F;
}

.breadcrumbs .home{
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px 12px;
	padding: 0 0 0 20px;
}

/*
次へのページへ
*/
.postNavi {
	margin-top: 50px;
	overflow: hidden;
	padding: 20px ;
	letter-spacing: 0;
	font-size: 16px;
}
.prev {
	width: 20%;
	display: inline-block;
	font-family: "krungthep";
	position: relative;
	font-weight: bold;	
}
.prev::before{
	border-right: 1px solid #000000;
	position: absolute;
	top:0;
	right:50px;
	 content: '';
	  width: 1px;
    height: 100%;
}
.postNavi a {
    color: #000 !important;

}
.postNavi a:hover {
    text-decoration: none;
}
.listpage {
    width: 57%;
    display: inline-block;
    text-align: center;
	
}
.next {
    width: 20%;
    display: inline-block;
    text-align: right;
	font-family: "krungthep";
	position: relative;
	font-weight: bold;	
}
.next::after{
	border-left: 1px solid #000000;
	position: absolute;
	top:0;
	left:50px;
	 content: '';
	  width: 1px;
    height: 100%;
}
.cte-list,.search01 {
   border-bottom: 2px dotted #A6A6A6;
padding-bottom: 10px;
margin-bottom: 10px;

}
/*
ページナビゲーション
*/
.wp-pagenavi{
	text-align: center;
	margin: 30px auto 10px;
	
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px 10px !important;
	border-radius: 5px;
}
.pages{
display: none;	
}
.wp-pagenavi a{
	color: #DB1E79;
	margin: 3px !important;
	border: 1px solid #DB1E79 !important;
	
}
.wp-pagenavi span.current {
	border-color: #DB1E79 !important;
	background-color: #DB1E79;
	color: #fff !important;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #DB1E79 !important;
	color: #DB1E79;
}

.extend{
	display: none;
}

.righttext {
    text-align: right !important;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px){
/*パンくず*/
.breadcrumbs{
	display: none;
}
.canpany {
	margin: 20px 0 0;
}	
.canpany img{
	width: 50% !important;
}	
}

@media screen and (max-width:640px){
#various_title{
	margin: 80px 0 25px;
	padding: 80px 0;
}
#various_title h1{
	font-size: 25px;
}
#various_title img{
	width: 60px;
	}
.canpany img{
	width: 60% !important;
}	
/*パンくず*/
.breadcrumbs{
 display: none;
	
  }
/*
次へのページへ
*/
/*投稿ページの次へ*/	
.prev {
    width: 30%;
}
.listpage {
    width: 34%;
}
.next {
    width: 30%;
}	
.postNavi {
	margin: 30px 0 ;
}
.prev::before,.next::after {
   display: none;
}
}
@media screen and (max-width:320px){
.postNavi {
	font-size: 14px ;
}
}
/* ----------------------------------------------------------
.block-common-mv
---------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .block-common-mv ._mv {
	border-radius: 50px 0 50px 0;
	overflow: hidden;
	background-color: rgba(255,222,225,0.30);
	height: 300px;
}
    .block-common-mv ._mv img {
      width: 100%; }
  .block-common-mv ._title {
    position: absolute;
    top: 50px;
    left: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
	
    .block-common-mv ._title ._mark {
	width: 150px;
	height: 150px;
	text-align: center;
}
	
      
	
      .block-common-mv ._title ._mark img {
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
	width: 100%;
	height: auto;
	}
	
        body.body-js-loaded .block-common-mv ._title ._mark img {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          opacity: 1; }
	
      .block-common-mv ._title ._mark iframe {
        width: 150px;
        height: 150px;
        border: none;
        overflow: hidden; }
    .block-common-mv ._title ._texts {
      padding: 80px 0 0 25px; }
._texts02{padding: 60px 0 0 25px;}
._texts01{padding: 25px 0 0 25px;}
.block-common-mv ._title ._texts ._ja h1 ,.block-common-mv ._title ._texts02 ._ja h1,._texts01 ._ja h1{
        font-size: 24px; 
	font-family: "Zen Maru Gothic", sans-serif;
	}
      .block-common-mv ._title ._texts ._en {
        margin-top: 12px;
        font-size: 14px;
        letter-spacing: 0.1em; } }

@media screen and (max-width: 767px) {
  .block-inner-wide02  {
    padding: 0 5.33333vw 10.66667vw 5.33333vw; 
	  margin: 0;
	}
    .block-common-mv ._mv {
      border-radius: 5.33333vw 0 5.33333vw 0;
      overflow: hidden;
      background-color: rgba(255,222,225,0.30);
      height: 26.66667vw; }
	 .block-common-mv ._title ._mark {
	text-align: center;
	
	}
      .block-common-mv ._mv img {
        width: 100%; }
	
	
    .block-common-mv ._title {
      margin-top: -16vw;
      text-align: center; }
      .block-common-mv ._title ._mark ._t {
        font-size: 4.8vw; }
      .block-common-mv ._title ._mark ._img {
        width: 16vw;
        margin: 2.66667vw auto 0 auto; }
      .block-common-mv ._title ._mark img {
        -webkit-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0); }
        body.body-js-loaded .block-common-mv ._title ._mark img {
          -webkit-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          opacity: 1; }
      .block-common-mv ._title ._mark iframe {
        width: 16vw;
        height: 16vw;
        border: none;
        overflow: hidden;
        background: transparent; }
      .block-common-mv ._title ._texts {
        margin-top: 4vw; }

	.block-common-mv ._title ._texts ._ja h1 , .block-common-mv ._title ._texts02 ._ja h1, ._texts01 ._ja h1{
          font-size: 6.4vw;
          line-height: 1.4; 
	font-family: "Zen Maru Gothic", sans-serif;
	}
	
        .block-common-mv ._title ._texts ._en {
          margin-top: 4vw;
          font-size: 3.73333vw;
          letter-spacing: 0.1em; } }

/* ----------------------------------------------------------
.block-common-mv2
---------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .block-common-mv2 ._mv {
    border-radius: 50px 0 50px 0;
    overflow: hidden; }
    .block-common-mv2 ._mv img {
      width: 100%; }
  .block-common-mv2 ._title {
    background: #fff;
    position: absolute;
    top: 0px;
    left: 50px;
    width: 330px;
    height: 350px;
    padding: 40px 0 0 0;
    text-align: center; }
    .block-common-mv2 ._title ._mark {
      width: 150px;
      margin: 0 auto; 
	text-align: center;}
	
      .block-common-mv2 ._title ._mark iframe {
        width: 150px;
        height: 150px;
        border: none;
        overflow: hidden; }
    .block-common-mv2 ._title ._texts {
      margin-top: 25px; }
      .block-common-mv2 ._title ._texts ._ja h1,.block-common-mv2 ._title ._texts02 ._ja h1 {
        font-size: 24px; }
      .block-common-mv2 ._title ._texts ._en {
        margin-top: 12px;
        font-size: 14px;
        letter-spacing: 0.1em; } }

@media screen and (max-width: 767px) {
  .block-common-mv2 {
    padding: 0 5.33333vw; }
    .block-common-mv2 ._mv {
      border-radius: 2.66667vw 0 2.66667vw 0;
      overflow: hidden; }
      .block-common-mv2 ._mv img {
        width: 100%; }
    .block-common-mv2 ._title {
      margin-top: -8vw;
      text-align: center; }
      .block-common-mv2 ._title ._mark {
        width: 16vw;
        margin: 0 auto; }
        .block-common-mv2 ._title ._mark iframe {
          width: 16vw;
          height: 16vw;
          border: none;
          overflow: hidden;
          background: transparent; }
      .block-common-mv2 ._title ._texts {
        margin-top: 4vw; }
        .block-common-mv2 ._title ._texts ._ja h1 .block-common-mv2 ._title ._texts02 ._ja h1{
          font-size: 6.4vw; }
        .block-common-mv2 ._title ._texts ._en {
          margin-top: 1.6vw;
          font-size: 3.73333vw;
          letter-spacing: 0.1em; } }


/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

	
/*TOP、about*/	
.t_big{
	margin: 50px 0 15px;
	font-size: 5.8vw;
	font-weight: 700;
}
.t_small::after{
	height: 30px;
	width: 2px;
	bottom: -35px;
}
.tabu_none{
	display: none;
}		
.ta_btm20{
	margin-bottom: 20px;
}	
	
.inner02{
	width: 90%;
	margin: auto;		
	}	
main p{
	line-height: 1.8;
	}
	
.inner_w{
	width: 100%;
	max-width:  100%;
}	

/*フッター*/
/*Sign up*/	
.footer__signUp .footer__signUp__main {
    position: relative;
    z-index: 2;
    width: 88%;
    padding: 56px 0 64px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer__signUp .footer__signUp__main .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	margin: auto;
}	
.footer__signUp .footer__signUp__main .txt {
    width: 100%;
    margin-bottom: 36.5px;
    margin-top: 28.5px;
	text-align: justify;
}	
.footer__signUp .footer__signUp__main .btn {
    text-align: center;
	margin: auto;
}
.footer__signUp__main .f_h3 {
    position: absolute;
    top: -30px;
    left: -50px;
    font-size: 55px;
    transform: rotate(-15deg);
}
/*page-to*/
#page-top {
	bottom: 35px;
	right: 40px;
}

}

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.sp_none,.pc_only{
	display: none !important;

	}
.sp_only{
	display: block !important;
	}	

/*ヘッダー*/

/*コンテンツ*/		
.tabu {
    display: none;
}	
	
	
/*フッター*/
.copyright{
		font-size: 10px;
	margin: 30px 0 0;
	}	
/*page-to*/
#page-top {
	bottom: 20px;
	right: 30px;
	width: 40px;
}
	
}

@media screen and (max-width:320px){
.tabu {
    display: block;
}
/*フッター*/
 /*page-to*/
#page-top {
	bottom: 10px;
	right: 20px;
	width: 35px; 
}
}	

/*************************************************
アニメーション
*************************************************/
.float {
  animation: float_9117 2s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes float_9117 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-6px) }
  100% { transform: translateY(0) }
}
.vertical {
  animation: vertical_7592 2.44s ease infinite;
  transform-origin: 50% 50%;
}
@keyframes vertical_7592 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}
/* ----------------------------------------------------------
.web予約ボタン
---------------------------------------------------------- */
.block-common-reserve {
  color: #FFFFFF;
}
.block-common-reserve p {
  margin: 1em 0 35px 0;
}

.block-common-reserve p.footer_mintext {
  position: relative;
  display: inline-block;
  margin-bottom: 10px !important
}
.block-common-reserve p.footer_mintext::before {
  content: "";
  display: block;
  background-image: url(../images/point_icon01.png);
  background-size: contain;
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 15px;
}
.block-common-reserve p.footer_mintext::after{
  content: "";
  display: block;
  background-image: url(../images/point_icon02.png);
  background-size: contain;
  position: absolute;
  right: -22px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 15px;
}

@media print, screen and (min-width: 768px) {
   .block-common-reserve {
    padding: 75px 0;
    background-image: url('../images/footer_bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    /* border-top: 5px solid rgba(223, 223, 223, 1);
    color: #FFFFFF; */
  }
    .block-common-reserve.is-narrow {
      padding: 25px 0 25px 0; }
    .block-common-reserve ._title {
      text-align: center; }
      .block-common-reserve ._title > * {
        font-size: 22px;
        letter-spacing: 0.1em;
		   font-family: "Zen Maru Gothic", sans-serif;
	}
    .block-common-reserve ._lead {
      text-align: center; }
    .block-common-reserve ._btns {
      margin: 15px 40px 0 40px; }
      .block-common-reserve ._btns.is-one {
        width: 460px;
        margin: 15px auto 0 auto; }
      .block-common-reserve ._btns ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
	}
      .block-common-reserve ._btns li {
        width: 430px;
        text-align: center; }
      .block-common-reserve ._btns p {
        margin-top: 10px;font-size: 15px; } }

@media screen and (max-width: 767px) {
  .block-common-reserve {
	padding: 9vw 5.33333vw 8vw 5.33333vw;
    background-image: url('../images/footer_bg_sp.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top: 5px solid rgba(223, 223, 223, 1);
    color: #FFFFFF;

}
    .block-common-reserve.is-narrow {
      padding: 6.66667vw 5.33333vw 4vw 5.33333vw; }
    .block-common-reserve ._title {
      text-align: center; }
      .block-common-reserve ._title > * {
        font-size: 4.8vw;
        letter-spacing: 0.1em;
        font-weight: 500; 
		  font-family: "Zen Maru Gothic", sans-serif;
		  line-height: 1.6;
	
	}
    .block-common-reserve ._lead {
      text-align: center;
      font-size: 3.2vw;
      line-height: 1.8; 
		 font-weight: 500; 
	
	}
    .block-common-reserve ._btns {
      margin: 4vw 0 0 0; }
      .block-common-reserve ._btns ul {
        width: 100%; }
      .block-common-reserve ._btns li {
        text-align: center; }
        .block-common-reserve ._btns li + li {
          margin-top: 5.33333vw; }
      .block-common-reserve ._btns p {
        margin-top: 2.66667vw; } }

@media print, screen and (min-width: 768px) {
  .block-common-reserve-web {
    display: block;
    background: #fff;
    padding: 25px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    color: #fff;
    font-size: 18px;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s; }
    .block-common-reserve-web:hover {
      opacity: 0.8; }
    .block-common-reserve-web:before {
      content: "";
      display: inline-block;
      -webkit-transform: translate(-10px, 4px);
      -ms-transform: translate(-10px, 4px);
      transform: translate(-10px, 4px);
      background-image: url(/common/images/icon/icon_web.svg);
      background-size: 20px 20px;
      width: 20px;
      height: 20px; }
    .block-common-reserve-web02:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 25px;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      background-image: url(/common/images/header/arrow.svg);
      background-size: 12px 12px;
      width: 12px;
      height: 12px; } }

@media screen and (max-width: 767px) {
  .block-common-reserve-web {
    display: block;
    padding: 4vw;
    text-align: center;
    border-radius: 13.33333vw;
    position: relative;
    background: #DB1E79;
    color: #fff;
    font-size: 4.8vw; }
    .block-common-reserve-web:before {
	content: "";
	display: inline-block;
	-webkit-transform: translate(-2.66667vw, 1.06667vw);
	-ms-transform: translate(-2.66667vw, 1.06667vw);
	transform: translate(-2.66667vw, 1.06667vw);
	background-image: url(../images/beginner_icon.png);
	background-size: 5.33333vw 5.33333vw;
	width: 5.33333vw;
	height: 5.33333vw;
}
    .block-common-reserve-web:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 6.66667vw;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-image: url(../images/icon_arow.png);
	background-size: 3.2vw 3.2vw;
	width: 3.2vw;
	height: 3.2vw;
} }

@media print, screen and (min-width: 768px) {
  .block-common-reserve-fix {
    display: none; } }

@media screen and (max-width: 767px) {
  .block-common-reserve-fix {
    position: fixed;
    left: 5.33333vw;
    right: 5.33333vw;
    bottom: 2.66667vw;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    z-index: 50; }
    .block-common-reserve-fix.js-hide {
      -webkit-transform: translateY(200%);
      -ms-transform: translateY(200%);
      transform: translateY(200%); } }



@media print, screen and (min-width: 768px) {
  .block-common-faq {
    padding: 45px 0 60px 0;
    background: #f1f7fc; }
    .block-common-faq + .block-common-faq {
      margin-top: 140px; }
    .block-common-faq ._title {
      text-align: center;
      -webkit-transform: translate(0, -60px);
      -ms-transform: translate(0, -60px);
      transform: translate(0, -60px);
      margin-bottom: -40px; }
      .block-common-faq ._title > * {
        font-size: 22px;
        letter-spacing: 0.1em;
        font-weight: normal; }
      .block-common-faq ._title.is-icon {
        position: relative;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-bottom: 0px; }
        .block-common-faq ._title.is-icon:after {
          content: "";
          display: block;
          position: absolute;
          top: -100px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          background-image: url(/common/images/faq/title.png);
          background-size: 98px 80px;
          width: 98px;
          height: 80px; } }

@media screen and (max-width: 767px) {
  .block-common-faq {
    padding: 12vw 5.33333vw 16vw 5.33333vw;
    background: #f1f7fc; }
    .block-common-faq + .block-common-faq {
      margin-top: 21.33333vw; }
    .block-common-faq ._title {
      text-align: center;
      -webkit-transform: translate(0, -14.66667vw);
      -ms-transform: translate(0, -14.66667vw);
      transform: translate(0, -14.66667vw);
      margin-bottom: -5.33333vw; }
      .block-common-faq ._title > * {
        font-size: 5.86667vw;
        letter-spacing: 0.1em;
        font-weight: normal; }
      .block-common-faq ._title.is-icon {
        position: relative;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-bottom: 0px; }
        .block-common-faq ._title.is-icon:after {
          content: "";
          display: block;
          position: absolute;
          top: -26.66667vw;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          background-image: url(/common/images/faq/sp/title.png);
          background-size: 26.13333vw 21.33333vw;
          width: 26.13333vw;
          height: 21.33333vw; } }

/* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
.area-wrapper { position: relative; }

/* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
.area-inner { position: relative; }

/* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
.block-inner-wide { position: relative; }
.block-inner-wide > *:first-child { margin-top: 0; }
.block-inner-wide > *:last-child { margin-bottom: 0; }
.block-inner { position: relative; }
.block-inner > *:first-child { margin-top: 0; }
.block-inner > *:last-child { margin-bottom: 0; }

/* ----------------------------------------------------------
.area-header
---------------------------------------------------------- */
.area-header { height: 170px; }

.area-header ._row-logos { height: 100px; }

.area-header ._row-logos ._left { position: absolute; top: 35px; left: 0px; }

.area-header ._row-logos ._left ._logo { transition-duration: 0.2s; }

.area-header ._row-logos ._left ._logo img { width: 220px; height: 75px; }

.area-header ._row-logos ._left ._logo:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.area-header ._row-logos ._right { position: absolute; top: 40px; right: 10px; width: 900px; }

.area-header ._row-logos ._contact { position: absolute; top: 0px; right: 0px; width: 410px; text-align: right; }
._c_button ul {
  display: flex;
}
._c_button li{
	display: inline-block;
}
._c_button li:first-child {
  margin-right: 10px;
}
.area-header ._row-logos ._contact ._btn-reserve {
 padding: 10px 0 10px 10px;
  width: 200px;
  text-align: center;
  border-radius: 30px;
  position: relative;
  transition-duration: 0.2s;
  display: inline-block;
	letter-spacing: 0;
}

.area-header ._row-logos ._contact li:nth-child(1) a._btn-reserve {
  background: #db1e79;
  color: #ffffff;
}
.area-header ._row-logos ._contact li a._btn-reserve {
  background: #ffffff;
  color: #db1e79;
  border: 1px solid #db1e79;
}


.area-header ._row-logos ._contact ._btn-reserve:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }


.area-header ._row-logos ._contact li:nth-child(1) a._btn-reserve:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-image: url(../images/beginner_icon.png);
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
}
.area-header ._row-logos ._contact a._btn-reserve:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-image: url(../images/key_icon.png);
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
}


.area-header ._row-logos ._contact ._tel {
	display: inline-block;
	-ms-transform: translate(10px, 0);
	transform: translate(10px, 0);
	font-size: 18px;
	position: relative;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	margin: 10px 10px 0 0

}

.area-header ._row-logos ._contact ._tel:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -25px;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-image: url(../images/icon_tel.png);
	background-size: 15px 20px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

.area-header ._row-logos ._sitemenu { position: absolute; top: 5px; right: 420px; font-size: 14px; text-align: right; }

.area-header ._row-logos ._sitemenu ul { display: -ms-flexbox; display: flex; }

.area-header ._row-logos ._sitemenu li { color: #000; }

.area-header ._row-logos ._sitemenu li a {
	padding: 10px 15px;
	font-size: 14px;
	color: #000;
	display: block;
	text-align: center;
	position: relative;
}

.area-header ._row-gmenu { display: block; position: absolute; top: 110px; right: 5px; }

.area-header ._row-gmenu ul { display: -ms-flexbox; display: flex; }
.area-header ._row-gmenu li { color: #000; }
/* .area-header ._row-gmenu li:nth-child(2) a{
	
} */
.area-header ._row-gmenu li:last-child a { padding-right: 0; }

.area-header ._row-gmenu li:last-child a:after { right: 2px; }

.area-header ._row-gmenu li a {
	height: 60px;
	font-size: 16px;
	color: #000;
	display: block;
	text-align: center;
	position: relative;
}


.area-header ._row-gmenu li a:after { position: absolute; content: ''; bottom: 20px; height: 2px; background: #db1e79; transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.area-header ._row-gmenu li a:hover:after { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.area-header ._row-gmenu li a.js-current:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-header ._row-gmenu li a:before { position: absolute; bottom: -10px; left: 50%; content: ''; background-image: url(/common/images/menu/dot.png); background-size: 20px 20px; width: 20px; height: 20px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 20; transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

body.js-header-menu-open-0 .area-header ._row-gmenu li:nth-child(1) a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-header-menu-open-1 .area-header ._row-gmenu li:nth-child(3) a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

body.js-header-menu-open-2 .area-header ._row-gmenu li:nth-child(4) a:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ----------------------------------------------------------
area-menu
---------------------------------------------------------- */
.area-menu { position: absolute; z-index: -1; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; top: 170px; left: 0px; right: 0px; min-height: 80px; background: #fdf0f0 ; box-shadow: 0px 5px 10px rgba(16, 106, 181, 0.05) inset, 0px 3px 2px rgba(0, 0, 0, 0.1); padding: 40px 0; }

body.js-header-menu-open .area-menu { visibility: visible; z-index: 10; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.area-menu ._inner { width: 1030px; margin: 0 auto; }

.area-menu ._set { display: none; }


.area-menu ._items {
  display: flex;
  flex-wrap: wrap;          /* 折り返しON */
  gap: 20px;                /* アイテム間の余白を均等に */
  padding: 0;
  margin: 0;
  list-style: none;
}
.area-menu ._items ._item {
  flex: 1 1 250px;          /* 最小250pxで可変、均等に広がる */
  max-width: 300px;         /* 最大幅を制限して整える */
}

.area-menu ._items ._item:nth-child(4n+1) { margin-left: 0; }

.area-menu ._items ._item:nth-child(n+5) { margin-top: 20px; }

.area-menu ._items ._item a { color: #db1e79; display: block; transition-duration: 0.2s; }

.area-menu ._items ._item a:hover ._image { -ms-transform: scale(1.1); transform: scale(1.1); }

.area-menu ._items ._item ._item-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.area-menu ._items ._item ._image { width: 60px; height: 60px; background: #fff; border-radius: 50%; transition-duration: 0.2s; }

.area-menu ._items ._item ._image img { width: 100%; }

.area-menu ._items ._item ._text { width: calc(300px - 70px); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 1.4; }





/* ----------------------------------------------------------
.area-header-sp
---------------------------------------------------------- */
.area-header-sp { font-size: 16px; }

.area-header-sp ._header { position: fixed; top: 0px; left: 0px; right: 0px; height: 68px; background: #fff; z-index: 100;display: none; }

.area-header-sp ._header ._logo { position: absolute; top: 15px; left: 20px; width: 120px; }

.area-header-sp ._header ._logo img { width: 100%; }

.area-header-sp ._menu-btn { position: absolute; top: 0; right: 0; width: 68px; height: 68px; /* design B span{ transition-duration: 0.2s; position: absolute; background: #000; height: 2px; left: 14px; right: 14px; } span:nth-child(1) { top: 18px; } span:nth-child(2) { top: 24px; } span:nth-child(3) { bottom: 18px; } */ }

.area-header-sp ._menu-btn span {
	position: absolute;
	transition-duration: 0.2s;
	background-color: #DB1E79;
	height: 2px;
	left: 22px;
	right: 22px;
}

.area-header-sp ._menu-btn span:nth-child(1) { top: 26px; left: 26px; right: 26px; }

.area-header-sp ._menu-btn span:nth-child(2) { top: 33px; }

.area-header-sp ._menu-btn span:nth-child(3) { bottom: 26px; left: 26px; right: 26px; }

body.js-menu-active .area-header-sp ._menu-btn span:nth-child(1) { position: absolute; top: 33px; -ms-transform: rotate(45deg); transform: rotate(45deg); left: 22px; right: 22px; }

body.js-menu-active .area-header-sp ._menu-btn span:nth-child(2) { display: none; }

body.js-menu-active .area-header-sp ._menu-btn span:nth-child(3) { position: absolute; top: 33px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 22px; right: 22px; }


/* ----------------------------------------------------------
.area-menu-sp
---------------------------------------------------------- */
.area-menu-sp { position: fixed; top: 68px; left: 0px; right: 0px; bottom: 0; z-index: 100; color: #fff; overflow: scroll; -webkit-overflow-scrolling: touch;  visibility: hidden; }

.area-menu-sp a { color: #fff; }

body.js-menu-active .area-menu-sp { z-index: 105; visibility: visible; }

.area-menu-sp:before { content: ""; display: block; position: fixed; top: 68px; left: 0; right: 0; height: 0; background: #db1e79; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; }

body.js-menu-active .area-menu-sp:before { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; height: 100%; }

.area-menu-sp ._inner { position: relative; padding-bottom: 60px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0s; transition-delay: 0; }

body.js-menu-active .area-menu-sp ._inner { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition-duration: 0.2s; transition-delay: 0.2s; }

.area-menu-sp ._set { border-bottom: 1px solid #ffffff; }

.area-menu-sp ._title { position: relative; }

.area-menu-sp ._title span { display: block; padding: 20px; }

.area-menu-sp ._title.js-sp-menu-head:before, .area-menu-sp ._title.js-sp-menu-head:after { position: absolute; content: ''; display: block; background: #fff; transition-duration: 0.2s; }

.area-menu-sp ._title.js-sp-menu-head:before { top: calc(50% - 7px); right: calc(30px - 1px); height: 14px; width: 2px; }

.area-menu-sp ._title.js-sp-menu-head:after { top: calc(50% - 1px); right: calc(30px - 7px); width: 14px; height: 2px; }

.area-menu-sp ._title.js-active:before { -ms-transform: scale(1, 0); transform: scale(1, 0); }

.area-menu-sp ._link { display: none; background: rgba(255, 255, 255, 0.1); }

.area-menu-sp ._link > li ._disable { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; padding: 20px 20px 20px 30px; border-top: 2px solid #8dc6ea; }

.area-menu-sp ._link > li ._disable:before { display: none; }

.area-menu-sp ._link > li a { border-top: 1px solid #fff; padding: 20px 20px 20px 30px; background: #9d1257; }

.area-menu-sp a { position: relative; display: block; padding: 20px; }


.area-menu-sp a:before { position: absolute; top: 50%; right: 0; display: block; content: ''; background-image: url(../images/icon_arow.png); background-size: 12px 12px; width: 12px; height: 12px; -ms-transform: translate(-25px, -50%); transform: translate(-25px, -50%); }


body.js-fixed-menu ._row-gmenu { position: fixed; top: 0px; left: 0px; right: 0px; }

@keyframes infinite_mouse { 0% { transform: scale(1); }
  30% { transform: scale(1.2); }
  70% { transform: scale(1.2); }
  100% { transform: scale(1); } }

.modal-video { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; }

.modal-video.js-show { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.modal-video ._modal-bg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8); }

.modal-video ._modal-box iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; outline: none; border: none; }

.sp_c_button{
	position: absolute;
	top: 18px;
	right: 148px;
}
.sp_c_button_02{
	position: absolute;
	top: 18px;
	right: 70px;
}
.sp_c_button a ,.sp_c_button_02 a{
	font-size: 10px;
	background: #db1e79;
padding: 5px 5px;
width: 100%;
text-align: center;
border-radius: 20px;
color: #fff;
position: relative;
transition-duration: 0.2s;
	display: block;
	letter-spacing: 0;
}
.sp_c_button_02 a{
	background: #ffffff;
  color: #db1e79;
  border: 1px solid #db1e79;
}

@media print, screen and (min-width: 768px){	

 .mod-btn-reserve-tel{ display: block; background: #fff; padding: 17px 20px; text-align: center; border-radius: 50px; position: relative; color: #000; font-size: 22px; transition-duration: 0.2s; line-height: 1; }
 .mod-btn-reserve-tel:before{
	content: "";
	display: inline-block;
	-ms-transform: translate(-10px, 0);
	transform: translate(-10px, 0);
	background-image: url(../images/icon_tel.png);
	background-size: 18px 23px;
	width: 18px;
	height: 23px;
}
 .mod-btn-reserve-tel.is-has-text:after{
	 content: attr(data-label);
	 font-family: "FOT-筑紫A丸ゴシック Std R", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	 position: absolute; top: 0px; left: 0px; display: inline-block; font-size: 16px; -ms-transform: translate(80px, 30px); transform: translate(80px, 30px); 
	
	
	}
 .mod-btn-reserve-web,.mod-btn-reserve-web02{ display: block; padding:  17px 20px;  text-align: center; border-radius: 50px; position: relative; background: #db1e79; color: #fff; font-size: 18px; transition-duration: 0.2s;line-height: 1.7; }
	
 .mod-btn-reserve-web:hover,.mod-btn-reserve-web02:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
	
 .mod-btn-reserve-web:before{
	content: "";
	display: inline-block;
	-ms-transform: translate(-10px, 4px);
	transform: translate(-10px, 4px);
	background-image: url(../images/beginner_icon.png);
	background-size: 15px 18px;
	width: 15px;
	height: 18px;
}
.mod-btn-reserve-web02:before{
	content: "";
	display: inline-block;
	-ms-transform: translate(-10px, 4px);
	transform: translate(-10px, 4px);
	background-image: url(../images/line.png);
	background-size: 25px 24px;
	width: 25px;
	height: 24px;
}
.mod-btn-reserve-web02:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 25px;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background-image: url(../images/icon_arow.png);
	background-size: 12px 12px;
	width: 12px;
	height: 12px;
}
	
 .area-inner{ margin: 0 50px; }
 .block-inner-wide{ margin: 0; }
 .block-inner{ margin: 0 auto; max-width: 1030px; }
 .area-footer{ margin-top: 1px; padding: 30px 0 5px ; position: relative; }
	
 .area-footer a{ color: #000; font-size: 14px; }
 .area-footer ._inner{ margin: 0 auto; max-width: 1030px; }
 .area-footer .footer-links ._cols{ display: -ms-flexbox; display: flex; }
 .area-footer .footer-links ._col{ position: relative; -ms-flex: 1; flex: 1; padding: 0 20px 0 0; }
 .area-footer .footer-links ._col ._title{ font-size: 16px; }
 .area-footer .footer-links ._col ._title a{ font-size: 16px; }
 .area-footer .footer-links ._col * + ._title{ margin-top: 30px; }
 .area-footer .footer-links ._col ._link{ margin-top: 15px; }
 .area-footer .footer-links ._col ._link li{ line-height: 1.4; }
 
	.area-footer .footer-links ._col ._link a{ display: block; position: relative; padding: 7px 0 7px 10px; font-size: 14px; color: #000000; }
	
	.canpany a {
		padding: 7px 0 !important;
		margin-bottom: 10px;
	}
		
.footer_mail a{
	background-color: #db1e79;
	padding: 10px 15px!important;
	display: block;
	border-radius: 50px;
	color: #FFFFFF !important;
	font-weight: bold;
	text-align: center;
}
.footer_mail a:hover{
	opacity: 0.8;
	}
/* .footer_mail a::before{
	content: '';
	display: inline-block;
	width: 19px;
	height: 15px;
	background-image: url(../images/icon_mail.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 10px 0 0;	
	
	}	 */
 .area-footer .footer-links ._col ._link2 li{ line-height: 1.2; }
 .area-footer .footer-links ._col ._link2 a{ display: block; position: relative; padding: 7px 0 7px 10px; font-size: 14px; }
 .area-footer ._btn-note{ display: block; position: absolute; left: 0px; bottom: -100px; width: 235px; height: 104px; transition-duration: 0.2s; }
 .area-footer ._btn-note:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-footer ._copy{ position: absolute; top: 240px; left: 20px; font-size: 10px; -ms-transform-origin: left top; transform-origin: left top; -ms-transform: rotate(270deg); transform: rotate(270deg); }
.btn-pagetop{
	bottom: 20px;
	right: 20px;
	background-size: 61px 61px;
	width: 61px;
	height: 61px;
	background-image: url(../images/page_top.png);
}
 .btn-pagetop:hover{ -ms-transform: scale(1.2); transform: scale(1.2); }
 .btn-pagetop.js-fixed{ top: -30px; bottom: auto; position: absolute; }
}
@media screen and (max-width: 767px){
.area-header-sp ._header { display: block; }
 .mod-btn-reserve-note{ font-size: 3.8vw; }
 .mod-btn-reserve-tel{ display: block; background: #fff; padding: 4vw; text-align: center; border-radius: 13.33333vw; position: relative; color: #000; font-size: 4.8vw; line-height: 1; }
 .mod-btn-reserve-tel:before{ content: ""; display: inline-block; -ms-transform: translate(-2.66667vw, 0); transform: translate(-2.66667vw, 0); background-image: url(../images/icon_tel.png); background-size: 5.33333vw 5.33333vw; width: 5.33333vw; height: 5.33333vw; }
 .mod-btn-reserve-tel-sp-small .mod-btn-reserve-tel{ font-size: 4.26667vw; padding: 2.66667vw; vertical-align: middle; }
 .mod-btn-reserve-tel-sp-small .mod-btn-reserve-tel:before{ content: ""; display: inline-block; -ms-transform: translate(-1.33333vw, 0); transform: translate(-1.33333vw, 0); background-size: 3.73333vw 3.73333vw; width: 3.73333vw; height: 3.73333vw; }
 .mod-btn-reserve-web,.mod-btn-reserve-web02{ display: block;  padding: 4vw; text-align: center; border-radius: 13.33333vw; position: relative; background: #db1e79; color: #fff; font-size: 4vw;  width: 80%;
    margin: auto;line-height: 1.6}
 .mod-btn-reserve-web:before{ content: ""; display: inline-block; -ms-transform: translate(-2.66667vw, 1.06667vw); transform: translate(-2.66667vw, 1.06667vw); background-image: url(../images/beginner_icon.png); 
	 background-size: 4.33333vw 4.33333vw; width: 4.33333vw; height: 4.33333vw;
	
	}
 .mod-btn-reserve-web02:before{ content: ""; display: inline-block; -ms-transform: translate(-2.66667vw, 1.06667vw); transform: translate(-2.66667vw, 1.06667vw); background-image: url(../images/line.png); background-size: 5.33333vw 5.33333vw; width: 5.33333vw; height: 5.33333vw; }
 .mod-btn-reserve-web:after,.mod-btn-reserve-web02:after{ content: ""; display: block; position: absolute; top: 50%; right: 6.66667vw; -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-image: url("../images/icon_arow.png"); background-size: 3.2vw 3.2vw; width: 3.2vw; height: 3.2vw; }
  .footer_mail a{
	background-color: #FFFFFF;
	padding: 10px 15px!important;
	display: block;
	border-radius: 50px;
	color: #db1e79 !important;
	font-weight: bold;
	text-align: center;
	border: 2px solid #db1e79;
	 width: 50%;
	margin: 30px auto 0;
}
.footer_mail a:hover{
	opacity: 0.8;
	}
.footer_mail a::before{
	content: '';
	display: inline-block;
	width: 19px;
	height: 15px;
	background-image: url(../images/icon_mail.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin: 0 10px 0 0;	
	}	
	
.area-header{ display: none; }
 main{ margin-top: 68px; }
 main img{ max-width: 100%; }

/*全体の文字の大きさ 
 main{ font-size: 4.8vw; }*/
.f_logo { margin: 0 auto 20px;}
.insta, .fb {margin: 0 5px;width: 35px;}
 .area-footer{ padding: 10vw 0 5vw 0; text-align: center;}
 .area-footer ._copy{ font-size: 3.2vw; text-align: center; }
}
.block-index-mv{
	font-family: "Zen Maru Gothic", sans-serif;
}

@media screen and (min-width: 768px){
 main{ font-size: 18px; } }

@media screen and (min-width: 768px) and (max-width: 1130px){
 .area-wrapper{ min-width: 1130px; } }

@media print, screen and (min-width: 1301px){
 .area-header ._row-gmenu li a{ padding: 10px 35px 0 35px; } }

@media screen and (min-width: 1201px) and (max-width: 1300px){
 .area-header ._row-gmenu li a{ padding: 10px 25px 0 25px; } }

@media screen and (min-width: 768px) and (max-width: 1200px){
 .area-header ._row-gmenu li a{ padding: 10px 15px 0 15px; }
 .area-header ._row-gmenu li a:after{ left: 16px; right: 13px; } }

@media print, screen and (min-width: 1201px){
 .area-header ._row-gmenu li a:after{ left: 36px; right: 33px; } }

@media print, screen and (min-width: 1131px){
 .btn-contact{ bottom: 120px; }}