@charset "UTF-8";
/* 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.08em;
	width: 100%;/*レスポンシブデザインスタイル対策 */
	margin:0 auto !important;/*レスポンシブデザインスタイル対策 */
	-webkit-text-size-adjust: none;/*スマホ横文字対策 */
	font-family: "source-han-sans-japanese", 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;
  /**/
}
a{
	color: #333;
	text-decoration: none;
	transition: 0.5s ease;
}
a:hover{
	
	text-decoration: none;
}
img {
	vertical-align: top;
	height: auto;   /*レスポンシブデザインスタイル対策 */
}

/*リンク */
.btn a{
	background-color: #00aa72;
	padding: 20px 20px;
	display: block;
	color: #FFFFFF;
	border-radius: 5px;
	position: relative;
	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;	
}
.btn a:hover{
	background-color: #008A5C;
	color: #fff;
}


.c-arw {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	aspect-ratio: 1/1;
	border-radius: 50%
}
.c-arw::before {
  border: #009b70 solid 1px;
}
.c-arw::before {
	transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition-property: transform, background;
	box-sizing: border-box;
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background-color: #FFFFFF;
}
.c-arw .arw {
	transition: fill .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	display: block;
	position: relative;
	z-index: 1;
	aspect-ratio: 1/1
}
@media(hover: hover) {
	a:hover .c-arw .arw--r {
		animation: arw-r .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
	}
}
.c-anclinks {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	font-weight: 500;
	line-height: 1.5
}
.c-anclinks li a {
	display: inline-block;
	position: relative;
	padding-left: 1.5rem;
	background: none
}
.c-anclinks li a::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(.75em - .3rem);
	left: 0;
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	background: #009b70;
	opacity: 0
}
.c-anclinks li a.active::before {
	opacity: 1
}

.item__link {
	transition: border-color .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 30px;
	border: #009b70 solid 1px;
	border-radius: 10px;
	background-color: #009b70;	
	
}
@media(hover: hover) {
 .item__link:hover {
	border-color: #009b70;	
	}
.item__link:hover .c-arw::before {
	transform: scale(1.36);
	background-color: #FFFFFF
	}
.item__link:hover .c-arw .arw {
		fill:#009b70;	
	}
}
.item__txt {
	/*width: calc(100% - 6rem)*/
	width: auto;
	margin: auto;
}

.item__date {
	margin-bottom: .5rem;
	color: #009b70;
	font-family: "Figtree", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2
}
.item__ttl {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: #FFFFFF;
		
}
.item .c-arw {
	width: 2.2rem
}
.item .c-arw::before {
	border: #009b70 solid 1px
}
.item .c-arw .arw {
	width: 0.8rem;
	fill: #009b70
}

.item .c-arw .arw {
  fill: #009b70;
}



.c-arw_01 {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	aspect-ratio: 1/1;
	border-radius: 50%
}
.c-arw_01::before {
  border: #009b70 solid 1px;
}
.c-arw_01::before {
	transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition-property: transform, background;
	box-sizing: border-box;
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	border-radius: 50%
}
.c-arw_01 .arw_01 {
	transition: fill .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	display: block;
	position: relative;
	z-index: 1;
	aspect-ratio: 1/1
}
@media(hover: hover) {
	a:hover .c-arw_01 .arw--r_01 {
		animation: arw-r .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s
	}
}



.item__link_01 {
	transition: border-color .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 30px;
	border: 1px solid #9C9C9C;
	border-radius: 10px;
	background: none;	
}
@media(hover: hover) {
 .item__link_01:hover {
		border-color: #009b70;
	 color: #009b70;
	 transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	}
.item__link_01:hover .c-arw_01::before {
		transform: scale(1.36);
		background: #009b70
	}
.item__link_01:hover .c-arw_01 .arw_01 {
		fill: #fff;	
	}
}
.item__txt_01 {
	width: auto;
	margin: auto;
}

.item__date_01 {
	margin-bottom: .5rem;
	color: #009b70;
	font-family: "Figtree", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2
}
.item__ttl_01 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5
}
.item_01 .c-arw_01 {
	width: 2.2rem
}
.item_01 .c-arw_01::before {
	border: #009b70 solid 1px
}
.item_01 .c-arw_01 .arw_01 {
	width: 0.8rem;
	fill: #009b70
}

.item_01 .c-arw_01 .arw_01 {
  fill: #009b70;
}
@media screen and (max-width: 768px) {
.item__ttl_01, .item__link {
  font-size: 14px;
}
}
@media screen and (max-width: 640px) {

.item__ttl_01 , .item__ttl{
	  font-size: 3vw;		
	}
.item__link,.item__link_01{
		padding: 15px ;
	}
}


.item__link03 {
	transition: border-color .4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 30px;
	border: #fff solid 1px;
	border-radius: 10px;
	background-color: #fff;	
	
}
@media(hover: hover) {
 .item__link03:hover {
	border-color: #FFFFFF;	
	}
.item__link03:hover .c-arw::before {
	transform: scale(1.36);
	background-color: #009b70;
	}
.item__link03:hover .c-arw .arw {
		fill:#fff;	
	}
}
.item__txt03 {
	/*width: calc(100% - 6rem)*/
	width: auto;
	margin: auto;
}

.item__date03 {
	margin-bottom: .5rem;
	color: #009b70;
	font-family: "Figtree", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.2
}
.item__ttl03 {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: #009b70;
		
}
.item03 .c-arw {
	width: 2.2rem
}
.item03 .c-arw::before {
	border: #009b70 solid 1px
}
.item03 .c-arw .arw {
	width: 0.8rem;
	fill: #009b70
}

.item03 .c-arw .arw {
  fill: #009b70;
}




@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: "din";
  src: url(../font/din.eot) format("eot"), url(../font/din.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;
}
.yellow-green{background-color: #F5F4EA;}
.bk_green{background-color: #00aa72;}
.bk_light_green{}
.btnarrow4{
    /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
    /*形状*/
    display: inline-block;
    text-decoration: none;
    outline: none;
	width: 90%;
	padding: 15px 5% ;
	margin-bottom: 15px;
}

/*矢印と下線の形状*/
.btnarrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
  position: absolute;
   top: 50%;
    right:28px;
    /*下線の形状*/    
    width: 3%;
    height: 1px;
  background:#00aa72;;
    /*アニメーションの指定*/
    transition: all .3s;
}
.btnarrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top: 45%;
    right:26px;
    /*矢印の形状*/    
    width: 12px;
    height:1px;
  background:#00aa72;;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover::before{
    right:17px;
}

.btnarrow4:hover::after{
    right:15px;
}
@media screen and (max-width: 768px) {
.btnarrow4::before,.btnarrow4::after{display: none;}	
}



/*************************************************
header
*************************************************/
header{

}



/*************************************************
contens
*************************************************/
.inner_w{
	width: calc(100% - 3rem);
    max-width: 1030px;
    margin: auto;
}
.inner{
	margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
	width: 80%;
}
.inner_80{
	width: 80%;
  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;

}

.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);
}
@media screen and (max-width: 768px){
.inner{
	width: 90%;
}
.inner_80{
	width: 90%;
}
}


/*************************************************
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;
}

.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;
}



/*************************************************
下層ページ 共通
*************************************************/
#page_top{
	padding-top: clamp(8.5rem, 4.98rem + 5.02vw, 20rem);
}
.page_title{
	position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.25rem;
  z-index: 2;
}
.page_title .t_b_22 {
	font-family: "Montserrat", sans-serif;
  font-size: clamp(2.5rem, 2.041rem + 1.959vw, 4rem);
display: inline-block;
	
}
#page_top .t_b_22  .slide-in_inner {
	color: #00aa72;
}
.page_title .t_s_16{
  display: block;
  margin-top: clamp(0.75rem, 0.673rem + 0.327vw, 1rem);
  font-size: clamp(1rem, 0.923rem + 0.327vw, 1.25rem);
  color: #000000 !important;
	letter-spacing: 0.08em;
	line-height: 1;
}
.pan{
	margin-top: 5.5rem;
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  row-gap: 0.5rem;
	font-size: clamp(0.75rem, 0.712rem + 0.163vw, 0.875rem);
}
.inner_80{
	width: 90%;
	margin: auto;
	max-width: 800px;
}
.sub_hero{
	margin-top: clamp(1.875rem, 1.148rem + 3.102vw, 4.25rem);
}
.sub_hero img{
	width: 100%;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 650px) {
  .sub_hero {
    aspect-ratio: 375/284;
  }
.sub_hero img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.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;
	color: rgba(51, 51, 51, 0.2);
}
.breadcrumbs a{
	color: #00aa72;
	text-decoration: underline;
	background: none;
}
.breadcrumbs a:hover{
	text-decoration: none;
	color: #4a4a4a;
}

.breadcrumbs .home{
}


/***********************************
ページネーション
************************************/
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
.pagination{
	text-align: center;
	margin: 50px auto 50px;
}
.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	font-size: 14px;
	
}
.page-numbers li .current {
  background: #fbe21f;
	  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
.page-numbers li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-numbers li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	 width: 3rem;
  height: 3rem;
}


@media screen and (max-width: 768px){
/*下層ページ*/
.page_title{
  width: 90%;
  padding: 0 5%;
}
/*パンくず*/
.pan{
font-size: 0.625rem;
}

.breadcrumbs{
	
}
.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{
 
	
  }
/*
次へのページへ
*/
/*投稿ページの次へ*/	
.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;
		
	}
      .block-common-mv ._title ._texts ._ja h1 ,.block-common-mv ._title ._texts02 ._ja h1 {
        font-size: 24px; }
      .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 {
          font-size: 6.4vw;
          line-height: 1.4; }
	
        .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;
}
.t_small::after{
	height: 30px;
	width: 2px;
	bottom: -35px;
}
.tabu_none{
	display: none;
}		
.ta_btm20{
	margin-bottom: 20px;
}	
	
.inner02{
	width: 90%;
	margin: auto;		
	}	

	


/*フッター*/
/*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;
}	
/*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 p {
  margin: 1em 0 30px 0; }

@media print, screen and (min-width: 768px) {
  .block-common-reserve {
    padding: 45px 0 25px 0;
    background: #f4f4f4;border-top: 5px solid rgba(223,223,223,1.00); }
    .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: "FOT-筑紫A丸ゴシック Std B", "Toppan Bunkyu Midashi Gothic";
	}
    .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: 300px;
        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: #f4f4f4;
	  border-top: 5px solid rgba(223,223,223,1.00);
}
    .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: normal; }
    .block-common-reserve ._lead {
      text-align: center;
      font-size: 3.2vw;
      line-height: 1.4; }
    .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-web: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/pc.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: 100px; background-color: #FFFFFF}

.area-header ._logo { position: absolute; top: 35px; left: 0px; font-size: 20px; font-weight: bold;}

.area-header ._row-logos  ._logo { transition-duration: 0.2s; font-size: 20px; font-weight: bold;}

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

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



.area-header ._row-logos ._contact { position: absolute; top: 0px; right: 0px; width: 310px; text-align: right; }
._c_button li{
	display: inline-block;
	
}
.area-header ._row-logos ._contact ._btn-reserve { background: #db1e79; padding: 5px 0; width: 150px; text-align: center; border-radius: 20px; color: #fff; position: relative; transition-duration: 0.2s;display: inline-block;}


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


.area-header ._row-logos ._contact ._btn-reserve:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	-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-header ._row-logos ._contact ._tel {
	display: inline-block;
	-ms-transform: translate(10px, 0);
	transform: translate(10px, 0);
	font-size: 18px;
	position: relative;
	font-family: "FOT-筑紫A丸ゴシック Std B", "Toppan Bunkyu Midashi Gothic";
	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: 320px; 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  li a {
	padding: 10px 15px;
	font-size: 14px;
	color: #000;
	display: block;
	text-align: center;
	position: relative;
}
.area-header ._row-gmenu{
	 position: absolute;
  top: 0px;
  right: 0px;
}
.area-header ._row-gmenu li a:hover{
	opacity: 0.4;
}
.area-header ._row-gmenu li a { display: block;
  position: absolute;
  top: 0px;
  right: 0px;
font-size: 15px;
font-weight: 600;}

.area-header ._row-gmenu  li a span{
	display: block;
	font-size: 10px;
	color: #00AA72;
}

.top_con_btn{

	
}
.top_con_btn a{
	background-color: #00AA72;
	padding: 40px 35px  0px !important;
	color: #FFFFFF !important;
	
}
.top_con_btn a span{
	color: #FFFFFF !important;
}
.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;
	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: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.area-menu ._items ._item { width: 300px; margin: 0 0 0 10px; }

.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: 20px; left: 20px; width: 200px;font-size: 16px; font-weight: bold;letter-spacing: 0;}

.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: #00AA72;
	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: #000000; }

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: #F5F4EA; 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;
background-color: #F5F4EA;
padding: 40px 15px 40px;}

.area-menu-sp ._set:first-of-type { border-top: 1px solid #e1e1d0; }
.area-menu-sp ._set { border-bottom: 1px solid #e1e1d0; }

.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 a:hover{color: #00AA72;}
.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; font-weight: 600; font-size: 14px;}


.area-menu-sp a:before {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: '＞';
	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: 60px;
}
.sp_c_button a{
	font-size: 12px;
	background: #fd7e14;
padding: 5px 0;
width: 80px;
text-align: center;
border-radius: 20px;
color: #fff;
position: relative;
transition-duration: 0.2s;
	display: block;
	letter-spacing: 0;
}

@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; }
	
 .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/pc.png);
	background-size: 25px 18px;
	width: 25px;
	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-web:after, .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 0 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; }
		
.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;
}
.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; }
 .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/pc.png); background-size: 5.33333vw 5.33333vw; width: 5.33333vw; height: 5.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{  }
 main img{ }

/*全体の文字の大きさ 
 main{ font-size: 4.8vw; }*/
.f_logo { margin: 0 auto 20px;}
.insta, .fb {margin: 0 5px;}
 .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:"FOT-筑紫A丸ゴシック Std R","游ゴシック体", "YuGothic", "游ゴシック", "Yu 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: 40px 35px 0 35px; } }

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

@media screen and (min-width: 768px) and (max-width: 1200px){
 .area-header ._row-gmenu li a{ padding: 40px 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; }}



.footer_top{}
.footer_top img{
	width: 100%;
max-width: 100%;
height: auto;
}
.footer_top .slider img{
	
}

.f-top{
	padding: 50px 0;
}
.f-top .inner_w{
	display: flex;
  justify-content: space-between;
}
.f-top .inner_w .box_left{
	width: 30%;
	color: #FFFFFF;
}
.box__line {
  position: absolute;
	 width: 100%;
  height: 1px;
	  bottom: 0px;
  left: 0;
  background: linear-gradient(to right, transparent, #fff);
  animation: animate1 2s linear infinite;
}
@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.f-top .inner_w .box_right{
	width: 65%;
		display: flex;
  justify-content: space-between;
}
.f-top .inner_w .box_left h2{
	margin: 0 0 20px;
	padding: 0 0 5px;
	font-size: 20px;
	font-family: "din";
	font-style: italic;
	position: relative;
  display: block;
  overflow: hidden;
}
.f-top .inner_w .box_left p{
	line-height: 2;
	font-size: 15px;
}
.f-top .inner_w .box_right a{
	width: 39%;
	background-color: #FFFFFF;
	padding: 10% 5% 5%;
	text-align: center;
	color: #00aa72;
	position: relative;
	display: block;
}
.f-top .inner_w .box_right a:hover{
	background-color:#F5F4EA;
}
.f-top .inner_w .box_right a h3{
	font-size: 14px;
	font-weight: normal;
}
.f-top .inner_w .box_right a .f_tel{
	font-size: 28px;
	font-weight: 600;
}
.f-top .inner_w .box_right a::before{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: "";
	display: block;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	background-size: 35px 35px;
	top: 20px;
}
.f-top .inner_w .box_right a .f_con{
	font-size: 18px;
	font-weight: 600;
	line-height: 2;
}
.f-top .inner_w .box_right .icon_tel::before {background-image: url(../../common/images/icon_tel.png);}
.f-top .inner_w .box_right .icon_con::before{background-image: url("../../common/images/icon_mail.png");}
.f-menu{
	padding: 45px 0;
}
.f-menu .inner_w ul{
	width: 70%;
	margin: auto;
	display: flex;
  justify-content: space-between;
}
.f-menu .inner_w ul li a{
	font-size: 15px;
	font-weight: 600;
}
.f-menu .inner_w ul li a:hover{
	opacity: 0.5;
}
.f-menu .c-arw{
	display: none;
}
.bana{display: none;}
.f-bottom{
	padding: 80px 0 ;
}
.f-bottom .inner_w{
	display: flex;
  justify-content: space-between;
}
.f-bottom .box_left{
	width: 35%;
	position: relative;
}
.f-bottom .box_left h2{
	font-size: 19px;
	margin-bottom: 20px
}
.f-bottom .box_left p{
	line-height: 2;
	font-size: 15px;
	
}
.f_g_map img{
	width: 50px;
	position: absolute;
	top: 30px;
	right: -10px;
	filter: drop-shadow(2px 2px 2px #ccc);
}
.f-bottom .box_right{
	width: 50%;
}
.f-bottom .box_right img{
	width: 100%;
max-width: 100%;
height: auto;
}
.copyright{
	font-size: 12px;
	padding: 50px 0 80px ;
	text-align: center;
}
@media screen and (max-width: 768px){
.f-top .inner_w{
	display: block;
}	
.f-top .inner_w .box_left{
	width: 100%;
	margin-bottom: 30px;
}
.f-top .inner_w .box_right{
	width: 100%;
	display: block;
}	
.f-top .inner_w .box_right a {
  width: 90%;
  padding: 60px 5% 30px;
	margin-bottom: 10px

}	
.sp_flex-direction{
	display: flex;
	flex-direction: column;
	}	
.f-menu{
	order: 2; 
	width: 100%;
	display: block;
	padding: 0;
	}
.f-bottom{
	order: 1; 
	width: 100%;
	display: block;
	background-color: #F5F4EA;
	 padding: 50px 0 30px;
	}	
.f-bottom .box_left {
  width: 100%;
}
.f-bottom .box_left p {
  line-height: 1.8;
}
.f-menu .inner_w ul {
  width: 100%;
  display: block;
}
.f-menu .inner_w ul li:first-child{
	border-top: #e0e0e0 solid 1px;	
	}
.f-menu .inner_w ul li{
	border-bottom: #e0e0e0 solid 1px;
	padding: 1.3rem 1.5rem 1.3rem 0;
	}	
.f-menu .inner_w ul li a{
	display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
	font-size: 13px;
	font-weight: 500;	
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	}	
.bana{display: block;
	margin: 30px 0 0 ;text-align: center;}
.bana img{width: 90%;
	margin: auto;
height: auto;
}
	
.f-menu .c-arw {
		display: flex;
		width: 1.5rem;
		margin-left: 1.5rem
	}
.f-menu .c-arw::before {
		border: #009b70 solid 1px;
			background-color: transparent;
	}
.f-menu .c-arw .arw {
		width: .5rem;
		fill: #009b70
	}
.f_g_map,.f-bottom .box_right{display: none;}
.copyright{
	background-color: #F5F4EA;

}
}
@media screen and (max-width: 640px) {
.f-top .inner_w .box_left h2 {
  margin: 0 0 10px;
  font-size: 25px;
}	
 .f-menu .inner_w ul li a{	
font-size: 3vw;}
 .copyright {
  font-size: 2.5vw;
}
}
/* ----------------------------------------------------------
アニメーション
---------------------------------------------------------- */
.anim-box.fadeup.is-animated {
  animation: fadeup 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}

/*==================================================
ふわっ
===================================*/


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(20px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}


/*全共通*/
.slide-in {
	overflow: hidden;
    display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.leftAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100 {
  from {
	transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
    opacity: 0;
}


@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}
.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) }
}