@charset "utf-8";
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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/*foucusReset*/
input[type="text"], 
input[type="password"], 
input[type="submit"],
textarea, 
button,
select {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
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;
}
/* 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;
}
/* 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;
}
ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*borderLineInBox*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*aReset*/
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a img {
	border-width: 0px;
	border-style: none;
	border-color: #fff;
	background: transparent;
}
/* pageNaviCss */
.wp-pagenavi:before,
.wp-pagenavi:after,
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.wp-pagenavi:after,
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf,
.wp-pagenavi {
	zoom:1;
}
::selection {
	background: #FFF000; /* Safari */
}
::-moz-selection {
	background: #FFF000; /* Firefox */
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
}
select::-ms-expand {
  display: none;
}
select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
input {
	display: block;
	margin: auto;
	margin-bottom: 3em;
}
address{
	font-size: 12px;
	line-height: 1.8em;
	font-style: normal;
}
/*-------------------------------------------------------------------------
body
------------------------------------------------------------------------*/
body{
	width: 100%;
	color: #323232;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 14px;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-weight: normal;
	font-family: arial, sans-serif;
}
p{
	line-height: 2.4em;
	margin-bottom: 10px;
}
.wrap{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.inner{
	position: relative;
	width: 100%;
	max-width: 1480px;
	margin: 0 auto;
	padding: 0 25px;
}
.narrow_inner{
	position: relative;
	width: 100%;
	max-width: 980px;
	padding: 0 25px;
	margin: 0 auto;
}
/*-------------------------------------------------------------------------
SP_NAV
------------------------------------------------------------------------*/
.burger,
.sp_nav{
	display: none;
}

/*HEADER*/
h1{
	font-size: 25px;
	font-family:Georgia,serif;
}
h1 a {
	color: #323232;
}
h1 span{
	display: block;
}
h1 span:first-child img{
	width: 160px;
	margin-bottom: 10px;
}
h1 span:last-child{
	margin-top: 5px;
	font-size: 10px;
	font-weight: lighter;
	font-family: arial, sans-serif;
	padding-bottom: 20px;
}
header{
	padding-top: 8px;
	position: relative;
}
header:after{
	content: "";
	display: block;
	height: 8px;
	width: 100%;
	background: #000000;
	position: absolute;
	top: 0;
}
.site_desc{
	font-size: 11px;
	margin-top: 5px;
}
.sns{
	margin-bottom: 15px;
}
.sns li{
	display: inline-block;
	margin-left: 15px;
	text-align: center;
}
.sns a{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 11px;
	color: #FFF;
	display: block;
	padding: 7px 10px;
	width: 140px;
	background: #000000;
	border-radius: 0 0 15px 15px; 
	transition: 0.3s;
}
.sns a:hover{
	color: #4BAAA1;
}
.nav_wrap{
}
nav > ul > li{
	transition: 0.3s;
	position: relative;
}
.nav_parent{
	position: relative
}
nav > ul > li > a {
	color: #000000;
	transition: 0.3s;
	padding: 0 0 20px;
	display: block;
}
nav > ul > li > .nav_child_btn > span{
	display: block;
	transition: 0.3s;
}
nav > ul > li > .nav_child_btn > span:first-child{
	font-weight: bold;
	color: #000000;
	padding: 0 0 ;
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 11px;
}
nav > ul > li:hover > a,
nav > ul > li:hover > .nav_child_btn > span{
	color: #4BAAA1;
}
nav > ul > li > a > span{
	display: block;
	transition: 0.3s;
}
nav > ul > li > a > span:first-child{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 11px;
}
nav > ul > li:hover > a{
	color: #4BAAA1;
}
nav > ul > li > a > span:last-child{	
	font-size: 13px;
}
.nav_child{
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 10;
	padding-top: 35px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.nav_child li{
	background: #FFF;
	margin-bottom: 2px;
}
.nav_child li a{
	display: block;
	width: 160px;
	padding: 13px;
	background: #4BAAA1;
	color: #FFF;
	transition: 0.3s;
	box-shadow: rgba(255, 255, 255, 0.6) 1px 0 10px;
}
.nav_child li a:hover{
	opacity: 0.8;
}
nav > ul > li:hover .nav_child{
	opacity: 1;
	visibility: visible
}
/*-------------------------------------------------------------------------
MV
------------------------------------------------------------------------*/
.mv{
	overflow: hidden;
	position: relative;
	z-index: 0;
	width: 100%;
	min-width: 930px;
	margin: 20px auto
}
.mv_content{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	z-index: 10;
}
.mv_ttl_en{
	display: inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3em;
	display: block;
	margin-bottom: 10px;
	text-shadow: #FFF 2px 0 20px,
				 #FFF 2px 0 20px;
	color: #000000
}
.mv_ttl_jp{
	display: block;
	margin-bottom: 10px;
}
.mv_ttl_jp span{
	display: inline-block;
	padding: 10px 20px 13px;
	background: #000000;
	color: #FFF;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1em;
	letter-spacing: 0.3em;
}
.mv_ttl_jp > *:nth-child(1){
	margin-bottom: 10px;
}
.mv_ttl_txt{
	font-size: 14px;
	line-height: 2.3em;
	text-shadow: #FFF 2px 0 20px,
				 #FFF 2px 0 20px,
				 #FFF 2px 0 20px,
				 #FFF 2px 0 20px,
				 #FFF 2px 0 20px,
				 #FFF 2px 0 20px;
}
.top_slide_wrap {
	margin: 0 0 80px auto;
	overflow: hidden;
	width: 90%;
	height: 510px;
}
.top_slide_wrap:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.2);
	display: block;
	z-index: 5
}
.top_slide_wrap.fixed:after{
    opacity: 1;
}
.top_slide_wrap:after{
	
}
@keyframes zoomUp {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
  animation: zoomUp 6s linear 0s 1 normal both;
}
.swiper-slide{
	width: 100%;
	height: 510px
}
.slide-img{
  display: block;
}
.slide-img{
	width: 100%;
	height: 510px
}
.slide-img_01{
	background: url(img/slide_01.jpg) center center;
	background-size: cover
}
.slide-img_02{
	background: url(img/slide_02.jpg) center center;
	background-size: cover
}
.slide-img_03{
	background: url(img/slide_03.jpg) center center;
	background-size: cover
}
.top_slide_pagination{
    position: absolute;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    bottom: 70px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%
}
.top_slide_pagination span{
	width: 230px;
	height: 2px;
	margin: 0 10px 0 0;
	display: block;
	transition: 0.3s;
	position: relative;
}
.top_slide_pagination span:before{
	content: "";
	display: block;
	height: 100%;
	width: 230px;
	background: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.top_slide_pagination span:after{
	content: "";
	display: block;
	height: 100%;
	width: 0;
	background: #000000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.top_slide_pagination span.top_slide_pagination_bullets.top_slide_pagination_bullets_active:after{
	width: 230px;
	transition: 3.3s linear;
}
.area_slide_paginavi_arrow{
	margin-top: 30px;
	width: 230px;
	margin: 30px auto 0;
}
.area_slide_paginavi_wrap{
	width: 170px;
	margin: 0 auto;
}
.mySwiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0 ;
	position: relative;
	z-index: 0 !important;
	transition: 0.1s;
}
.mySwiper .swiper-wrapper{
	z-index: -1000 !important;
}
.swiper-slide.swiper-slide_works{
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	z-index: -1;
}
.top_banner_list .btn_base{
	margin: 20px auto 0;
	width: 100%;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mySwiper{
	width: 100%;
}
.area_slide_next{
	height: 25px;
	width: 25px;
	border: 1px solid rgba(16, 174, 161, 1);
	border-radius: 25px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.area_slide_next:after{
	position: absolute;
	top: 8px;
	right: 10px;
	content: "";
	height: 7px;
	width: 7px;
	border-right: 1px solid rgba(16, 174, 161, 1);
	border-bottom: 1px solid rgba(16, 174, 161, 1);
	transform: rotate(-45deg);
	transition: 0.3s;
}
.area_slide_next:hover{
	background: rgba(16, 174, 161, 1);
}
.area_slide_next:hover:after{
	border-color: #FFF;
}
.area_slide_prev{
	height: 25px;
	width: 25px;
	border: 1px solid rgba(16, 174, 161, 1);
	border-radius: 25px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.area_slide_prev:after{
	position: absolute;
	top: 8px;
	left: 10px;
	content: "";
	height: 7px;
	width: 7px;
	border-right: 1px solid rgba(16, 174, 161, 1);
	border-bottom: 1px solid rgba(16, 174, 161, 1);
	transform: rotate(135deg)
}
.area_slide_prev:hover{
	background: rgba(16, 174, 161, 1);
}
.area_slide_prev:hover:after{
	border-color: #FFF;
}
.area_slide_paginavi{
  margin: 0 auto;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  padding: 10px 10px 10px 10px;
}
.area_slide_paginavi span{
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 0 5px 0 0;
  display: inline-block;
  transition: all .25s linear
}
.area_slide_paginavi > span:last-child{
  margin: 0 0 0 0;
}
.area_slide_paginavi_bullets{
  background: rgba(16, 174, 161, 1);
  opacity: 0.4;
}
.area_slide_paginavi_bullets_active{
  background: rgba(16, 174, 161, 1);
  opacity:1;
}
/*SWIPER*/
.footer_banner_slide_paginavi_arrow{
	width: 230px;
	margin: 30px auto 0;
}
.footer_banner_slide_paginavi_wrap{
	width: 170px;
	margin: 0 auto;
}
.footer_banner {
	width: 100%;
	height: 100%;
	padding: 0 ;
	position: relative;
	z-index: 0 !important;
	transition: 0.1s;
}
.footer_banner .swiper-wrapper{
	z-index: -1000 !important;
}
.swiper-slide.swiper-slide_works{
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	z-index: -1;
}
.swiper-slide_works a img{
	transition: 0.3s;
}

.swiper-slide_works a:hover img{
	opacity: 0.6;
}
.footer_banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid #eeeeee;
}
.footer_banner{
	width: 100%;
}
.footer_banner_slide_next{
	height: 25px;
	width: 25px;
	border: 1px solid rgba(16, 174, 161, 1);
	border-radius: 25px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.footer_banner_slide_next:after{
	position: absolute;
	top: 8px;
	right: 10px;
	content: "";
	height: 7px;
	width: 7px;
	border-right: 1px solid rgba(16, 174, 161, 1);
	border-bottom: 1px solid rgba(16, 174, 161, 1);
	transform: rotate(-45deg);
	transition: 0.3s;
}
.footer_banner_slide_next:hover{
	background: rgba(16, 174, 161, 1);
}
.footer_banner_slide_next:hover:after{
	border-color: #FFF;
}
.footer_banner_slide_prev{
	height: 25px;
	width: 25px;
	border: 1px solid rgba(16, 174, 161, 1);
	border-radius: 25px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.footer_banner_slide_prev:after{
	position: absolute;
	top: 8px;
	left: 10px;
	content: "";
	height: 7px;
	width: 7px;
	border-right: 1px solid rgba(16, 174, 161, 1);
	border-bottom: 1px solid rgba(16, 174, 161, 1);
	transform: rotate(135deg)
}
.footer_banner_slide_prev:hover{
	background: rgba(16, 174, 161, 1);
}
.footer_banner_slide_prev:hover:after{
	border-color: #FFF;
}
.footer_banner_slide_paginavi{
  margin: 0 auto;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  padding: 10px 10px 10px 10px;
}
.footer_banner_slide_paginavi span{
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin: 0 5px 0 0;
  display: inline-block;
  transition: all .25s linear
}
.footer_banner_slide_paginavi > span:last-child{
  margin: 0 0 0 0;
}
.footer_banner_slide_paginavi_bullets{
  background: rgba(16, 174, 161, 1);
  opacity: 0.4;
}
.footer_banner_slide_paginavi_bullets_active{
  background: rgba(16, 174, 161, 1);
  opacity:1;
}

/*TOP CHUKI*/
.top_sec{
	padding: 50px 0 80px;
	position: relative;
	overflow: hidden
}
.top_sec_banner{
	padding: 80px 0 80px;
	position: relative;
}
.top_sec_info{
	padding: 80px 0 80px;
	position: relative;
}
.top_sec_media{
	padding: 80px 0 80px;
	position: relative;
	background:rgba(16, 174, 161, 0.06);
}
.top_sec_shop{
	padding: 80px 0 80px;
	position: relative;
}
.top_sec_shop:after{
	content: "";
	display: block;
	height: 65%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background:rgba(16, 174, 161, 0.06);
	z-index: -1;
}
.top_sec_banner:after{
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(img/top_sec_menu_bg.jpg) left center;
	background-size: cover;
	z-index: -1;
	opacity: 0.8;
}
.circle_wrap{
	overflow: hidden
}
.top_sec_gray{
	background: #E9F8F9;
	padding: 100px 0;
}
.top_chuki{
	max-width: 700px;
	margin: 0 auto 
}
.top_chuki a{
	display: block;
	padding: 40px 20px;
	text-align: center;
	border: 1px solid #10ada1;
	line-height: 1em;
	font-size: 16px;
	color: #10ada1
}
.top_title_01{
	margin-bottom: 10px;
	transform: rotate(90deg);
	display: inline-block;
	position: absolute;
	top: 119px;
	left: -140px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 46px;
	line-height: 1.3em;
	color: #323232;
	width: 300px;
	text-align: left
}
.top_sec_banner .top_title_01{
	left: -120px;
}
.top_strong{
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	display: inline-block;
	margin-bottom: 30px;
	font-weight: 700;
	line-height: 1.4em;
}
.top_strong_en{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1em;
}
.top_concept{
	padding-left: 10%;
	position: relative
}
.top_sec_shop_wrap{
	padding-left: 10%;
	position: relative
}
.top_concept_txt p{
	line-height: 2.5em;
	margin-bottom: 20px;
}
.circles {
  height: 380px;
  width:380px;
  position: absolute;
  margin: 0 auto;
  top: 50%;
  right: -100px;
  transform: translateY(-50%);
  opacity: 0.13;
  z-index: -1;
}
.top_concept .btn_base {
    margin: 30px auto 0 0;
    text-align: center;
    z-index: 10;
}
.btn_base_hover {
	position: relative;
	display: block;
	height: 55px;
	line-height: 55px;
    width: 230px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    margin: 0 auto 0 0;
    border: none;
    background-size: 300% 100%;
    transition: all .3s ease-in-out;
	font-family: 'Noto Serif JP', serif;
}
.circle {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 116% 128% 130% 124%/143% 110% 137% 110%;
}
.circle:nth-child(1) {
  transform-origin: 49.7% 50%;
  -webkit-animation: spin1 5s linear infinite;
          animation: spin1 5s linear infinite;
      background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}
@-webkit-keyframes spin1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*-------------------------------------------------------------------------
BTN BASE
------------------------------------------------------------------------*/
.btn_base {
    margin: 30px auto 0;
    text-align: center;
    z-index: 10;
}

.btn_base_hover.color {
	background:rgba(16, 174, 161, 1);
    transition: all .3s ease-in-out;
}
.btn_base.btn_base_align_left .btn_base_hover{
    margin: 0 auto 0 0;
}
.btn_base_hover {
	position: relative;
	display: block;
	height: 55px;
	line-height: 55px;
    width: 230px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
    border: none;
    background-size: 300% 100%;
    transition: all .3s ease-in-out;
	font-family: 'Noto Serif JP', serif;
}
.btn_base_hover:after{
	content: "";
	position: absolute;
	display: block;
	height: 6px;
	width: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s ease-in-out;
}
.swiper-slide_works:hover .btn_base_hover:after,
.btn_base_hover:hover:after{
    right: 10px;
    opacity: 0;
}
.swiper-slide_works:hover .btn_base_hover:before,
.btn_base_hover:before{
	content: "";
	position: absolute;
	display: block;
	height: 6px;
	width: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
    top: 50%;
    right: 40px;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s ease-in-out;
    opacity: 0;
}
.swiper-slide_works:hover .btn_base_hover:hover:before,
.btn_base_hover:hover:before{
    right: 30px;
    opacity: 1;
}
.swiper-slide_works:hover .btn_base_hover:hover,
.btn_base_hover:hover {
    background-position: 100% 0;
    transition: all .3s ease-in-out;
}
.btn_base_hover:hover.color {
}
.btn_base_hover_txt_before{
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .3s ease-in-out;
}
.btn_base_hover_txt_after{
	position: absolute;
	left: 50%;
	top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .3s ease-in-out;
	top: calc( 50% + 15px );
    transition: all .3s ease-in-out;
	opacity: 0;
}
.swiper-slide_works:hover .btn_base_hover .btn_base_hover_txt_before,
.btn_base_hover:hover .btn_base_hover_txt_before{
	top: calc( 50% - 15px );
	opacity: 0;
}
.swiper-slide_works:hover .btn_base_hover .btn_base_hover_txt_after,
.btn_base_hover:hover .btn_base_hover_txt_after{
	top: 50%;
	opacity: 1;
}

.top_title_02{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 35px;
	line-height: 1.3em;
	color: #323232;
}
.top_sec_banner p{
	margin-bottom: 20px;
}

.top_banner_list > * img{
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
.top_banner_list_ttl_jp{
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
	color: #000000;
}
.top_banner_list_ttl_en{
	font-family: 'Josefin Sans', sans-serif;
	display: block;
	font-size: 11px;
	color: rgba(16, 174, 161, 0.6);
	text-align: center;
}
.top_banner_list_ttl_btn{
	display: block;
	border: 1px solid #dddddd;
	padding: 20px 23px;
	font-family: 'Josefin Sans', sans-serif;
	margin-top: 20px;
	text-align: center;
	position: relative;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
	background: rgba(16, 174, 161, 1);
}
.top_banner_list_ttl_btn:after{
	content: "";
	position: absolute;
	display: block;
	height: 6px;
	width: 6px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s ease-in-out;
}

.top_sec_banner_inner{
	padding-left: 10%;
	position: relative
}
.top_info_media_wrap{
	padding-left: 10%;
	position: relative
}

.top_sec_info .btn_base {
    margin: 30px auto 0 0;
    text-align: center;
    z-index: 10;
}
.top_new_tilte{
	margin-bottom: 30px;
}
.top_new_tilte_en{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	font-size: 25px;
}
.top_new_tilte_jp{
	font-weight: normal
}
.top_new_list li{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.lower_content .top_new_list li:nth-child(1){
	border-top: none;
}
.lower_content .top_new_list{
	margin-top: -60px;
}
.top_new_list li:last-child{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.top_new_list li a{
	color: #000000;
	padding: 30px 80px 30px 0;
	font-weight: normal;
	position: relative;
}
.top_new_list li a:after{
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	border-top: 1px solid rgba(0, 0, 0, 1);
	border-right: 1px solid rgba(0, 0, 0, 1);
	position: absolute;
	right: 0;
	transform: rotate(45deg) translateY(-50%);
	top: 50%;
}
.top_new_list_ttl{
	display: inline-block;
	width: calc( 100% - 150px );
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 1.6em;
	text-align: start
}
.top_new_list_date{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	display: inline-block;
	width: 80px;
	border-right: 1px solid rgba(16, 174, 161, 1);
	color: rgba(16, 174, 161, 1);
	font-size: 13px;
	margin-right: 10px;
	line-height: 1em;
	padding-top: 1px;
}
.top_new_list_cate{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	display: inline-block;
	width: 130px;
	color: rgba(16, 174, 161, 1);
	font-size: 13px;
	line-height: 1em;
	padding-top: 1px;
}
.top_media_list_thumb{
	width: 100px;
}
.top_media_list_thumb img{
	width: 100%;
}
.top_media_list_content{
	width: calc( 100% - 150px );
}
.top_media_list_content p{
	margin-bottom: 0;
	opacity: 0.6;
	line-height: 1.4em;
	font-size: 13px;
}
.top_media_list .top_new_list_ttl{
	color: rgba(16, 174, 161, 1);
	font-weight: bold;
}

.top_sec_shop_list_ttl{
	font-size: 20px;
	margin-bottom: 20px;
	font-family: 'Noto Serif JP', serif;
}
.top_sec_shop_list_ttl span{
	font-size: 25px;
	display: inline-block;
	margin-right: 6px;
}
.top_sec_shop_list_ttl.rokko{
	margin-bottom: 14px;
}
.top_sec_shop_list_ttl.rokko span{
	font-size: 22px;
	line-height: 1.4em;
	text-align: start
}
.top_sec_shop_list li{
	width: calc( 50% - 40px );
	position: relative;
	padding-bottom: 80px;
}
.top_sec_shop_list li p{
	line-height: 1.7em;
	font-size: 14px;
}
.top_sec_shop_list_head{
	margin-bottom: 20px;
}
.top_sec_shop_list_head img{
	width: 100%;
}


.top_sec_shop .btn_base{
	position: absolute;
	bottom: 0;
}
.top_footer_banner{
	border-bottom: 1px solid #eeeeee;
	padding: 40px 0 30px;
	overflow: hidden
}
.footer_banner{
	overflow: visible	
}
.lower_media_list > *{
	padding: 15px;
	border: 1px solid #dddddd;
	margin-bottom: 20px;
}
.lower_media_list_content p{
	line-height: 1.8em;
}
.lower_media_list_ttl{
	font-size: 17px;
	color: rgba(16, 174, 161, 1);
	margin-bottom: 15px;
}
.lower_media_list_img{
	width: 200px;
}
.lower_media_list_img img{
	width: 100%;
	border: 1px solid #eeeeee;
}
.lower_media_list_content{
	width: calc( 100% - 230px );
	margin-left: 30px;
}
.lower_media_list_content_btn{
	margin-top: 20px;
}
.lower_media_list_content_btn a{
	display: inline-block;
	color: #000000;
	position: relative;
	padding-right: 40px;
	transition: 0.3s;
}
.lower_media_list_content_btn a:hover{
	color: rgba(16, 174, 161, 1);
}
.lower_media_list_content_btn a:after{
	content:"\f101";
	font-family: FontAwesome;
	margin-right: 7px;
	font-size: 17px;
	position: absolute;
	top: -3px;
	right: 0;
}
.blog_list > *{
	width: 100%;
	border-top: 1px solid #dddddd;
}
.blog_list > *:last-child{
	border-bottom : 1px solid #dddddd;
}
.blog_list > * a{
	padding: 20px 0;
	display: block;
	height: 100%;
	width: 100%;
	transition: 0.3s;
}
.blog_list > * a:hover{
	opacity: 0.5
}
.blog_list > * a *:nth-child(1){
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	display: inline-block;
	width: 100px;
	color: #13ADA1;
	line-height: 1.6em;
}
.blog_list > * a *:nth-child(2){
	display: inline-block;
	width: calc( 100% - 110px );
	color: #000000;
	line-height: 1.6em;
}

/*BREADCRUMB*/
.andona_breadcrumb {
  padding: 10px 0 10px
}

.breadcrumb_wrap {
  background: #f7f7f7;
}

.breadcrumb-inner {
  margin: 0 auto
}

.andona_breadcrumb li {
  float: left;
  font-size: 11px;
  color: #9c9c9c;
  letter-spacing: 0.1em;
  font-weight: normal
}
.andona_breadcrumb li a {
  font-size: 11px;
  color: #9c9c9c;
  letter-spacing: 0.1em;
  font-weight: normal
}
.andona_breadcrumb li a:hover {
  color: #10ada1
}
.andona_breadcrumb li i {
  margin-right: 5px
}
/*TITLE*/
.head2_title_type01{
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	font-size: 30px;
	margin-bottom: 20px;
	color: #000000;
	line-height: 1.4em;
}
.head2_title_type01:after{
	content: "";
	display: block;
	position: absolute;
	top: 40%;
	left: -70px;
	height: 1px;
	width: 50px;
	background: #000000;		
}
.head2_title_type01 span{
	font-size: 12px;
	font-weight: lighter;
}
.head2_title_type02{
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	font-size: 25px;
	margin-top: 20px;
	color: #000000;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.head2_title_type02 span{
	font-size: 12px;
	font-weight: lighter;
}
.head2_title_type02:after{
	content: "";
	display: block;
	height: 1px;
	width: 30px;
	background: #000000;
	position: absolute;
	bottom: 0;
	left: 0;
}
.strong_type01{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 19px;
	margin-bottom: 20px;
}
.strong_type01 span{
	display: block;
}
.strong_type01 span:last-child{
	margin-left: 50px;
}
.head3_title_type01{
	font-size: 15px;
	font-weight: bold;
	color: #10ada1;
	margin-bottom: 15px;
	line-height: 1.6em;
}
.head3_title_type02{
	line-height: 1.8em;
}
.head3_title_type02 span{
	padding: 6px 10px;
	line-height: 1em;
	background: #10ada1;
	color: #FFF;
	font-family: sans-serif;
	border-radius: 15px;
	font-size: 11px;
	margin-right: 20px;
	display: block;
	width: 100px;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
.head3_title_type03 span{
	padding: 6px;
	line-height: 1em;
	background: #10ada1;
	color: #FFF;
	font-family: sans-serif;
	border-radius: 15px;
	font-size: 11px;
	margin-right: 20px;
	display: block;
	width: 180px;
	text-align: center;
	letter-spacing: 0.2em;
}

.head2_title_type03{
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
	font-size: 25px;
	margin-top: 20px;
	color: #000000;
}
.head2_title_type03 span{
	font-size: 12px;
	font-weight: lighter;
}

/*HEAD*/
.lp{
	background: #FFF;
}
.lp_head{
	height: 250px;
	background: url(andona/lp_top_bg.jpg) right center;
	background-size: cover;
}
/*INTRO*/
.lp_intro{
	margin: 70px auto 80px;
	text-align: center;
}
.lp_intro > div:first-child{
	margin-bottom: 40px;
}
.lp_intro img{
	width: 100%;
	max-width: 700px;
}
/*LAYOUT*/
.wrap{
	width:100%
}
.inner{
	width:100%;
	max-width:1080px;
	padding:0 20px;
	margin:0 auto
}
.lp_content{
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
}
.lp_concept > div{
	margin: 0 auto 80px;
}
.lo_type_01 > div,
.lo_type_01 > section{
	width: 48%;
}
.lo_type_01 > div:first-child,
.lo_type_01 > section:first-child{
	margin-right: 4%;
}
.lo_type_01 img{
	width: 100%;
}
.btw{
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
}
.str{
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.fle_c{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ps_right{
	justify-content: flex-end;
}
.ps_tp{
    align-items: flex-start;
}
.ps_ctr{
    align-items: center;
}
.ps_btm{
    align-items: flex-end;
}
.content_lo_type02{
}
.content_lo_type02 > div{
	padding: 40px 20px;
	background: #faf7eb;
	width: 48%;
}
.content_lo_type02 > div:first-child{
	margin-right: 4%;
}
.txt_c{
	text-align: center;
}
/*CONCEPT*/
.concept_note{
	margin: 50px auto;
	color: #000000;
}
.concept_note_desc{
	font-size: 14px;
	line-height: 1.8em;
}
/*MENU*/
.menu_select > div:first-child{
	width: calc( 100% - 260px - 5% );
	margin-right: 5%;
}
.menu_select > div:last-child{
	width: 260px;
}
.lp_menu{
	margin: 20px auto 60px; 
	width: 100%;
}
.lp_menu > section{
	width: 48%;
	margin-bottom: 40px;
	border: 1px solid #e7e7e7;
	padding: 15px;
	position: relative;
}
.lp_menu > section:nth-child(even){
	margin-left: 4%;
}
.lp_menu > section:after{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	height: 10px;
	width: 10px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
.lp_menu > section:after{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	height: 10px;
	width: 10px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
.lp_menu > section:before{
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	height: 10px;
	width: 10px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
.lp_menu section > div{
	position: relative;
}
.block_btm{
	display: block;
	position: absolute;
	bottom: -1px;
	left: -1px;
	height: 10px;
	width: calc( 100% + 2px );
}
.block_btm:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
.block_btm:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 10px;
	width: 10px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}
.menu_desc{
	margin-bottom: 20px;
}
.menu_desc_single{
	margin-bottom: 20px;
}
.menu_desc img{
	width: 100%;
}
.menu_desc > div:nth-child(1){
	width: calc(100% - 100px);
	margin-right: 20px;
}
.menu_desc > div:nth-child(2){
	width: 80px;
}
.lp_menu_list li{
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.lp_menu_list li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.lp_menu_name{
	font-size: 13px;
	font-weight: bolder;
	text-align: left;
	margin-bottom: 5px;
}
.lp_menu_price{
	font-size: 10px;
	text-align: right;
	color: #949494;
}
.lp_menu_price span{
	font-size: 15px;
	font-weight: bolder;
	color: #10ada1;
}
/*FLOW*/
.lp_flow{
	margin-bottom: 90px;
}
.lp_flow_step{
	margin-top: 30px;
}
.lp_flow_step li{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #e4e4e4;
}
.lp_flow_step li > div:first-child{
	width: calc(100% - 250px);
	margin-right: 50px;
}
.lp_flow_step li > div:last-child{
	width: 200px;
}
.lp_flow_step li > div:last-child img{
	width: 100%;
}
.lp_flow_desc{
	margin-left: 120px;
}
/*CUSTOMERS VOICE*/
.lp_customer li{
	width: 48%;
	margin: 0 4% 4% 0;
	padding: 20px;
	background: #faf7eb;
}
.lp_customer li:nth-child(even){
	margin-right: 0;
}
.lp_customer li h3{
	text-align: center;
	margin-bottom: 15px;
}
/*SHOP*/
.lp_shop{
	margin-bottom: 90px;
}
.lp_shop_name{
	font-size:25px;
	font-family:Georgia,serif;
	color: #10ada1;
	margin-bottom: 10px;
}
.lp_shop_name span{
	font-size:13px
}
.lp_address > div{
	margin-bottom:15px
}
.lp_shop_list_head{
	margin-bottom: 20px;
}
.shop_img_list{
	margin-bottom: 20px;
}
.shop_img_list li{
	width: 30%;
	margin-right: 2%;
}
.shop_img_list li:last-child{
	margin-right: 0;
}
.shop_img_list li img{
	width: 100%;
}
.lp_shop_list_map{
	margin-bottom: 20px;
}
.lp_shop_list_map img{
	width: 100%;
}
.lp_shop_desc{
	margin-bottom: 20px;
}
.lp_contact_tel{
	margin: 30px auto 60px;
}
.lp_contact_tel > section{
	padding: 60px 20px;
	background: #faf7eb;
}
.lp_contact_tel section h3{
	color: #000000;
	font-size: 20px;
	letter-spacing: 0.1em;
	text-align: center;
	display: block;
	position: relative;
}
.lp_contact_tel section h3:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 60px;
	height: 1px;
	width: 80px;
	background: #000000;
}
.lp_contact_tel section h3:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 60px;
	height: 1px;
	width: 80px;
	background: #000000;
}
.lp_contact_tel > section{
	text-align: center;
}
.lp_contact_tel > section img{
	width: 200px;
	height: auto;
	margin: 20px auto;
	border-radius: 50%;
}
.lp_contact_open{
	margin-top: 20px;
}
.remodal img {
	width: 100%;
}
.remodal img {
	vertical-align: middle;
	padding: 0;
}
.lp_contact{
	border-bottom: 1px solid #d6d6d6;
}
/*SCR_CONTACT*/
.scr_contact{
position: fixed;
top: calc( 50% - 100px);
right: -100%;
z-index: 100;
background: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.scr_contact_inner{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
}
.scr_contact_inner li{
margin-bottom: 30px;
width: 40px;
}
.scr_contact_inner li a{
display: block;
padding: 10px 2px;
background: #323232;
text-align: center
}
.scr_contact_inner li a span{
display: block;
font-size: 10px;
color: #FFF;
margin-top: 5px;
}
.scr_contact_inner li a img{
width: 60%;
}
.depth-1{
box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}	
.depth-1-half{
box-shadow:0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.depth-1-hover:hover{
box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.20), 0 4px 25px 0 rgba(0, 0, 0, 0.20);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
opacity: 0.9;
}
/*DATEPICKER*/
.ui-corner-all {
  border-radius: 0;
}
.ui-datepicker {
	font-size: 12px !important;
	line-height: normal;
}
.ui-datepicker-title select.ui-datepicker-month,
.ui-datepicker-title select.ui-datepicker-year{
	padding:0;
}
.ui-widget-content {
  border: 1px solid #e3e3e3 !important;
  background: white;
  color: black;
}
.ui-datepicker th {
	background: #10ada1 !important;
	color: #FFF;
	border: 1px solid #FFF !important;
}
.ui-widget-header {
  border: 1px solid white !important;
  background: #10ada1 !important;
  color: white;
  font-weight: bold;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid white;
  background: #eaeaea !important;
  font-weight: normal;
  color: black;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: white;
	text-decoration: none;
}
td.ui-datepicker-week-end:nth-child(6) a.ui-state-default{
  background-color: #eaeaff;
  color: #00f!important; 
}
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background-color: #ffecec;
  color: #f00!important;
}
td.ui-datepicker-week-end a.ui-state-hover{
  opacity: 0.8;
}
.ui-widget-header .ui-icon{
	background: none !important;
	position: relative;
}
.ui-icon-circle-triangle-e{
	position: relative;
}
.ui-icon-circle-triangle-e:after{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 5px;
	height: 5px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-icon-circle-triangle-w{
	position: relative;
}
.ui-icon-circle-triangle-w:after{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 5px;
	height: 5px;
	border-bottom: solid 2px #FFF;
	border-left: solid 2px #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-icon {
	display: block;
	text-indent: -999999;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background: none;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	background: none;
	border: none;
}
.fixed_contact{
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1000;
	display: table;
}
.fixed_contact li{
	text-align: center;
	border: 1px solid #FFF;
	display: table-cell;
}
.fixed_contact li a{
	height: 70px;
	width: 70px;
	display: block;
}
.fixed_contact li a img{
	width: 100%;
}
.fixed_contact li a i{
}
/*-------------------------------------------------------------------------
CONTACTFORM form_1
----------------------------------------------------------------*/

.mv img{
	width: 100%;
}
.mv_txt{
	margin-top: -130px;
	margin-bottom: 130px;
	color: #FFF;
	text-shadow: #000000 1px 0 10px,#000000 1px 0 10px;
}
.mv_txt_en{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}
.mv_txt_jp{
	font-family: 'Noto Serif JP', serif;
	font-size: 30px;
	display: block;
	line-height: 1.4em;
}
/*-------------------------------------------------------------------------
CONTACTFORM form_1
----------------------------------------------------------------*/
.lower_contact p{
	line-height: 1.6em;
}
.lower_contact{
	overflow: hidden
}
.contact_list{
	margin-bottom: 15px;
}
.contact_list > *{
	line-height: 1.8em;
	position: relative;
	padding-left: 16px;
}
.contact_list > *:after{
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	background: #000000;
	position: absolute;
	top: 7px;
	left: 0;
	border-radius: 50%;
}
.form_1{
  width: 100%;
  margin: 20px auto 0;
  border-collapse: collapse;
}
.form_1 th,
.form_1 td {
	position: relative;
    text-align: left;
    vertical-align: middle;
    padding: 20px 0;
	width: 100%;
	display: block;
}
.confirm.form_1 td{
	padding-top: 10px;
}
.form_1 td {
    padding: 0 0 20px;
}
.form_1 th h2{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.form_1 th{
	width: 100%;
    padding: 20px;
    background: #f8f8f8;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}
.form_1 td.form_col02{
    padding: 0 0 30px;
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.form_1 td > *{
	width: calc( 50% - 10px );
}
.form_1 td > *:nth-child(1){
	margin-right: 20px;
}
.form_1 .fix-txt{
	margin-top: 30px;
	line-height: 1.8em;
}
.form_1 .fix-txt a{
	display: block;
	line-height: 1.8em;
	color: #4e4d4d;
	font-size: 25px;
	margin-top: 40px;
}
.form_1 .fix-txt a i{
	color: #FFAB00;
}
.form_1 .fix-title{
	font-size: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #000000;
}
/*---formDesign---*/
.form_1 input[type="text"], 
.form_1 input[type="submit"],
.form_1 input[type="button"],
.form_1 input[type="tel"],
.form_1 input[type="search"],
.form_1 input[type="email"],
.form_1 input[type="mail"],
.form_1 input[type="password"],
.form_1 textarea, 
.form_1 button,
.form_1 select{
  outline: 0;
  width: 100%;
  padding: 15px 15px 15px 10px;
  margin: 15px auto;
  outline: 0;
  border: 1px solid #DDDDDD;
  font-size: 16px;
  line-height: 1.2em;
  background: #FFF;
 }
.form_1 textarea{
	height: 10em;
}
.form_1 input[type="text"]:focus, 
.form_1 input[type="submit"]:focus,
.form_1 input[type="button"]:focus,
.form_1 input[type="tel"]:focus,
.form_1 input[type="search"]:focus,
.form_1 input[type="email"]:focus,
.form_1 input[type="mail"]:focus,
.form_1 input[type="password"]:focus,
.form_1 select:focus,
.form_1 textarea:focus{
  border-color: #10ada1;
  }
  
/*---selectBox---*/
.form_1 select {
  width: 100%;
  padding: 15px 60px 15px 10px;
  background-image: url(img/arrow-down.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 20px;
  vertical-align: middle;
  border: 1px solid #DDDDDD;
  margin: 15px auto;
  }

/*---btn---*/
.button_wrap{
	position: relative;
	width: 100%;
	max-width: 300px;
	margin: 50px auto 20px;
}
.button_wrap input{
	width: 290px;
	height: 70px;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 auto;
	color: #10ada1;
	background: #FFF;
	border: 1px solid #10ada1 !important;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 50px;
}
.button_wrap a{
	width: 270px;
	height: 70px;
	line-height: 70px;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 auto;
	color: #10ada1;
	background: #FFF;
	border: 1px solid #10ada1 !important;
	font-size: 16px;
	font-weight: bold;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 50px;
	text-align: center;
}
.button_wrap a:hover{
	color: #FFF;
	background: #10ada1;
}
.button_wrap input:hover{
	color: #FFF;
	background: #10ada1;
}
.error_btn{
	position: relative;
	width: 100%;
	margin: 50px auto 20px;
}
.error_btn a{
	width: 290px;
	height: 70px;
	display: block;
	cursor: pointer;
	border: none;
	margin: 0 auto;
	color: #3291ff;
	background: #FFF;
	border: 1px solid #3291ff;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-left-radius: 50%;
	border-radius: 50px;
	line-height: 70px;
}
.error_btn a:hover{
	color: #FFF;
	background: #3291ff;
}
.form_1 .button_wrap.back_btn input{
	background: #c0bebe;
	color: #FFF;
	border: none !important;
}
.form_1 .button_wrap:hover input{
}
.form_1 .button_wrap i{
	visibility: hidden;
	display: block;
	position: absolute;
	font-size: 16px;
	color: #FFF;
	top: calc( 50% - 13px);
	right: calc( 30% + 30px );
	z-index: 1000;
	opacity: 0;
	transition: 0.3s;
}
.form_1 .button_wrap:hover i{
	visibility: visible;
	display: block;
	position: absolute;
	font-size: 25px;
	color: #FFF;
	top: calc( 50% - 13px);
	right: 30%;
	z-index: 1000;
	opacity: 1;
	transition: 0.3s;
}
.form_1 .button_wrap.back-btn input{
	background: #acacac;
	border: 2px solid #acacac;
	color: #FFF;
}
.form_1 span.any{
	display: inline-block;
	font-size: 12px;
	padding: 8px 10px;
	font-weight: 600;
	background: #bababa;
	margin-left: 5px;
	border-radius: 5px;
	transform: translateY(-1px);
	color: #FFF;
}
.form_1 span.required{
	display: inline-block;
	font-size: 12px;
	padding: 8px 10px;
	color: #FFF;
	font-weight: 600;
	background: #ff0000;
	margin-left: 5px;
	border-radius: 5px;
	transform: translateY(-1px)
}
.error{
	font-size: 10px;
	color: #ff0000 !important;
	margin: 0;
}
.check_privacy a{
	color: #0081ff;
	text-decoration: underline;
}
.check_privacy a:hover{
	text-decoration: none;
}
/*PRIVACY CHECK*/
.check_box01_wrap{
	margin: 0 auto 10px;
	text-align: center
}
.check_box01_inner{
	padding: 15px 30px;
	background: #f8f8f8;
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #dddddd;
}
/*CHECK BOX*/
.check_box01:after{
	content: "";
	background: #FFF;
	height: 17px;
	width: 17px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.check_box01 input{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.check_box01{
	padding-left: 27px;
	position: relative;
}
.check_box01 span{
	font-weight: bold;
}
.check_box01 span:after{
	content:"\f096";
	font-family: FontAwesome;
	margin-right: 7px;
	color: #ccc;
	font-size: 23px;
	position: absolute;
	top: -3px;
	left: 0;
}
.check_box01 span:before{
	content:"\f14a";
	font-family: FontAwesome;
	margin-right: 7px;
	color: #e61e19;
	font-size: 23px;
	position: absolute;
	top: -3px;
	left: 0;
	z-index: 1;
	transition: 0.3s;
	opacity: 0;
}
.check_box01 input[type="checkbox"]:checked + span:before{
	opacity: 1;
}
.check_privacy{
	text-align: center
}
.contact_btn{
	margin: 20px auto 20px;
}
.contact_btn_inner{
	width: 270px;
	margin: 0 auto;
	position: relative;
}
.contact_btn_inner:before{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: #0CADA1;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s;
	z-index: 1;
}
.contact_btn_inner:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: #000000;
	position: absolute;
	top: 0;
	right: 0;
	transition: 0.3s;
	z-index: 0;
}
.contact_btn.contact_btn_back .contact_btn_inner:before{
	background: #818181;
}
.contact_btn.contact_btn_back .contact_btn_inner:after{
	background: #000000;
}
.contact_btn_inner:hover:before{
	width: 0;
}
.contact_btn a,
.contact_btn input{
	display: block;
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.contact_btn a{
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.thanks_btn{
	margin: 20px auto 40px;
}
.thanks_btn li:nth-child(1){
	margin-bottom: 20px;
}
.thanks_btn li{
	margin-top: 0;
}
.thanks_btn_tel{
	width: 270px;
	text-align: center;
	margin: 0 auto;
}
.thanks_btn_tel_num_txt{
	font-weight: bold;
	letter-spacing: 0;
	font-size: 13px;
}
.thanks_btn_tel_num{
	font-size: 24px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.4em;
}
.thanks_btn_tel_open{
	display: block;
	width: 100%;
	font-size: 13px;
	text-align: center;
	line-height: 1
}
.thanks_btn .contact_btn{
	margin-top: 0;
	margin-bottom: 0;
}
/*---radioBox---*/
.form_radio span{
	display: inline-block;
	margin: 5px;
}
.form_1 .form_radio input[type="radio"]{
  display: none;
}
.form_1 .form_radio{
	padding-top: 10px;
}
.form_1 .form_radio label{
  cursor: pointer;
  padding-right: 15px;
  color: #b0b0b0;
	font-weight: bold;
	
}
.form_1 .form_radio label span:before{
  content:"\f1db";
  font-family: FontAwesome;
  margin-right: 7px;
  color: #ccc;
  font-size: 20px;
  position: relative;
  top: 2px;
}
.form_1 .form_radio label input[type="radio"]:checked + span{
	color: #10ada1;
}
.form_1 .form_radio label input[type="radio"]:checked + span:before{
	content:"\f05d";
	font-family: FontAwesome;
	color: #10ada1;
}
@media screen and (max-width:767px) {
	.form_1 th,
	.form_1 td{
		display: block;
		width: 100%;
	}
	.form_1 td.form_col02 > *{
		width: 100%;
	}
	.form_1 td.form_col02 > *:nth-child(1){
		margin-right: auto;
		margin-bottom: 0;
	}
	.form_1 td.form_col02 > *:nth-child(2){
		margin-top: 0;
	}
	.form_1 td.form_col02 > *:nth-child(2) select{
		margin: 0 auto 0;
	}
	.form_1 td {
		border-bottom: none;
	    padding: 0 0 10px;
	}
	.form_1 th {
	    padding: 10px;
	}
	.step_bar .step:before, .step_bar .step:after {
	  position: absolute;
	  left: -15px;
	  display: block;
	  content: '';
	  background-color: #FFF;
	  border-left: 4px solid #DEDEDE;
	  width: 20px;
	  height: 20px;
	}
	.header-header {
		font-size: 20px;
	}
	.header-footer a{
		font-size: 30px;
	}
	.step_bar .step {
	  padding: 0 20px 0 10px;
	}
	#footer a{
		font-size: 25px;
	}
	.room-num input{
		max-width: 230px;
	}
	.required{
		margin-left: 4px;
	}
}

/*FORM PLUS*/
.course_select div:first-child{
	margin-bottom: 10px;
}
.btn_type_01 a{
	display: block;
	padding: 16px 20px;
	border: 1px solid #10ada1;
	font-size: 20px;
	color: #FFF;
	background: #10ada1;
	border-radius: 30px;
	font-family: 'Josefin Sans', sans-serif;
	text-decoration: none;
	font-weight: bolder;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-align: center;
	max-width: 250px;
	margin: 0 auto;
}
footer *{
	box-sizing: border-box;
}
footer{
	position: relative;
	width: 100%;
	letter-spacing: 0.1em;
	font-size: 12px;
	line-height: 1.4em;
	color: #000000;
	background: #FFF;
	padding-top: 40px;
}
.footer_shop_name{
	font-size: 25px;
	margin-bottom: 10px;
	font-family:Georgia,serif;
}
.footer_shop_name.rokko{
	font-size: 18px;
	margin-bottom: 15px;
	font-family:Georgia,serif;
	line-height: 1.4em;
	text-align: start
}
.footer_shop_name{
	color: #10ada1;
}
.copy{
	font-family:Georgia,serif;
	font-size: 11px;
	text-align: center;
	padding: 20px 20px;
	color: #FFF;
	background: #10ada1;
	margin-top: 30px;
}
.footer_shop_name span{
	font-size: 13px;
}
.str{
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.footer_address{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
}
.footer_address > *{
	margin-right: 50px;
}
.footer_inner > div:first-child{
	width: 100%;
}
.footer_inner > div:last-child{
	width: 100%;
}
.footer_menu_list > ul li{
	margin-bottom: 5px;
}
.footer_menu_list > ul li p,
.footer_menu_list > ul li a{
		display: block;
	font-size: 11px;
	color: #000000;
	letter-spacing: 0em;
	transition: 0.2s;
}
.footer_menu_list > ul li a:hover{
	text-decoration: none;
	color: #10aea1;
}
.footer_menu_list > ul li p{
	margin-bottom: 5px;
}
.footer_menu_list > ul{
	width: 32%;
	margin: 0 2% 0 0;
}
.footer_menu_list > ul:nth-child(3n){
	margin-right: 0;
	
}
.footer_shop_menu{
	margin-bottom: 20px;
}
.footer_shop_menu p{
	font-size: 11px;
}
.footer_menu_child{
	padding-left: 0.9em;
}
.footer_nav_list > *{
	margin-right: 50px;
}
.footer_nav_list > *:last-child{
	margin-right: auto;
}
.footer_nav_list > ul > li > a{
	font-size: 14px;
	line-height: 2em;
	color: #323232;
	transition: 0.3s;
}
.footer_nav_list > ul > li > .footer_nav_list_child > li a{
	font-size: 14px;
	line-height: 2em;
	color: #323232;
	padding-left: 20px;
	transition: 0.3s;
}
.footer_nav_list > ul > li > a:hover,
.footer_nav_list > ul > li > .footer_nav_list_child > li a:hover{
	color: #10aea1;
}
.footer_nav_list > ul > li > a .fa-arrow-circle-right,
.footer_nav_list > ul > li > .footer_nav_list_child > li a .fa-arrow-circle-right{
	color: #10aea1;
}
.footer_nav_list > ul > li{
	padding-left: 20px;
}
.footer_nav_list > ul > li.footer_nav_list_home{
	padding-left: 0;
}
.footer_nav_list > ul > li.footer_nav_list_home a i{
	color: #10aea1;
}
.lp_check .head2_title_type02 {
	padding-top: 50px !important;
}
.lp_check .course_select p{
	margin-bottom: 10px;
}
/*-------------------------------------------------------------------------
FLOW
------------------------------------------------------------------------*/
.lower_flow{
	margin-top: 40px;
}
.lower_flow > li{
	position: relative;
	padding-bottom: 30px;
	padding-left: 45px;
}
.lower_flow > li:last-child{
	margin-bottom: 0;
}
.lower_flow > li:after{
	content: "";
	width: 1px;
	height: calc( 100% - 3px );
	position: absolute;
	left: 15px;
	top: 3px;
	background: #000000;
	z-index: -10;
}
.lower_flow > li:last-child:after{
	display: none;
}
.lower_flow h4{
	width: 100%;
	line-height: 30px;
	font-size: 17px;
	color: #000000;
	margin-bottom: 10px;
}
.lower_flow h4:after{
	content: "1";
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #000000;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
}
.lower_flow_content p{
	line-height: 1.6em;
}
.lower_flow > li:nth-child(2) h4:after{
	content: "2";
}
.lower_flow > li:nth-child(3) h4:after{
	content: "3";
}
.lower_flow > li:nth-child(4) h4:after{
	content: "4";
}
.lower_flow > li:nth-child(5) h4:after{
	content: "5";
}
.lower_flow > li:nth-child(6) h4:after{
	content: "6";
}
.lower_flow > li:nth-child(7) h4:after{
	content: "7";
}
.lower_flow > li:nth-child(8) h4:after{
	content: "8";
}
.lower_flow > li > *:last-child{
	margin-bottom: 0;
}
.lower_flow_sepa > *:nth-child(1){
	width: calc( 100% - 250px );
	margin-right: 30px;
}
.lower_flow_sepa > *:nth-child(2){
	width: 220px;
}
.lower_flow_sepa > *:nth-child(2) img{
	width: 100%;
}
/*-------------------------------------------------------------------------
BLOG WRAP
------------------------------------------------------------------------*/
.single_head h3{
	line-height: 1.6em;
	font-size: 30px;
	margin-bottom: 10px;
}
.single_head{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dddddd;
}
.single_date{
	font-size: 13px;
	color: #797979;
}
.single_date{
}
.single_cate{
	margin-right: 15px;
}
.single_cate a{
	display: inline-block;
	padding: 10px 15px;
	background: #10ada1;
	color: #FFF;
}
/*-------------------------------------------------------------------------
TYPE LIST
------------------------------------------------------------------------*/
.type_list li a{
	display: block;
	text-align: center;
	padding: 35px 15px;
	border: 1px solid #eeeeee;
	overflow: hidden;
	background: url(img/type_list.jpg) center center;
	background-size: cover;
	position: relative;
	transition: 0.3s;
	color: #000000;
}
.type_list li a:hover{
	opacity: 0.7;
}
.type_list li{
	max-width: 400px;
	width: 100%;
}
.type_list > li:nth-child(2n){
	margin-left: 25px;
}
.type_list_num{
	font-family: 'Josefin Sans', sans-serif;
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.type_list_ttl{
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
}
/*-------------------------------------------------------------------------
PAGINATION
------------------------------------------------------------------------*/
.pagination{
	margin: 50px auto 0;
	padding: 10px 0;
	text-align: center
}
.pagination a{
	font-size: 12px;
	line-height: 35px;
	text-align: center;
	letter-spacing: 0;
	display: inline-block;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	background: #f3f3f3;
	transition: 0.3s;
	color: #323232
}
.pagination a:hover{
	color: #FFF;
	background: #10ada1;
}
.pagination span{
	font-size: 12px;
	line-height: 35px;
	text-align: center;
	letter-spacing: 0;
	display: inline-block;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	background: #f3f3f3;
}
.pagination span.dots{
	background: none;
}
.pagination span.current{
	background: #10ada1;
	color: #FFF;
}

/*LOWER*/
.lower_header{
	background: #000000;
	padding: 100px 0;
	color: #FFF;
}
.lower_header_ttl{
	font-size: 15px;
	text-align: center
}
.lower_header_ttl_en{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 27px;
	display: block;
	line-height: 2em;
}
/*BREADCRUMB*/
.breadcrumb_inner{
	padding: 15px 0;
}
.breadcrumb_inner li{
	position: relative;
	padding-top: 7px;
}
.breadcrumb_inner li a{
	font-size: 13px;
	padding-top: 0;
    transition: 0.3s;
	color: #FFF;
}
.breadcrumb_inner li a:hover{
	opacity: 0.7;
}
.breadcrumb_inner li{
	padding-right: 30px;
    font-weight: 700
}
.breadcrumb_inner li:after{
	content: "";
	display: block;
	height: 6px;
	width: 6px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(-45deg);
	position: absolute;
	top: 11px;
	right: 15px;
}
.breadcrumb_inner li:last-child{
	padding-right: 0;
}
.breadcrumb_inner li:last-child:after{
	display: none;
}
/*LOWER_BODY*/
.lower_content_inner > *{
	margin-bottom: 100px;
	padding-bottom: 100px;
	border-bottom: 1px solid #dddddd;
}
.lower_content_inner > *:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.lower_content_parts > *{
	margin-bottom: 40px;
}
.lower_content_parts > *:last-child{
	margin-bottom: 0;
}
.lower_ttl_01{
	font-size: 20px;
}
.lower_content{
	padding: 70px 0;
	border-bottom: 1px solid #dddddd;
}
.lower_content_headimg{
	max-width: 700px;
	margin: 0 auto;
}
.lower_content_headimg img{
	width: 100%;
}
.lower_content_header_desc{
	margin-bottom: 30px;
	text-align: center;
}
.lower_ttl_01{
	text-align: center;
	margin-bottom: 20px;
}
.lower_ttl_01_en{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1em;
	display: block;
}
.lower_ttl_01_jp{
	font-family: 'Noto Serif JP', serif;
	font-size: 25px;
	display: inline-block;
	font-weight: 700;
	line-height: 1.4em;
	display: block;
	font-weight: bold;
	margin-top: 15px;
}
.lower_ttl_02{
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	padding: 15px 20px;
	background: #000000;
	color: #FFF;
	margin-bottom: 15px;
	width: 100%;
}
.lower_ttl_03{
	font-size: 16px;
	padding: 15px 20px;
	background: #f8f8f8;
	margin-bottom: 15px;
	line-height: 1.6em;
	border: 1px solid #dddddd;
}
.price_table{
	margin-bottom: 20px;
}
.price_catch{
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	display: inline;
	background: linear-gradient(transparent 80%, rgba(251, 255, 0, 0.8) 50%);
	line-height: 1.4em;
	margin-bottom: 15px;
}
.price_desc{
	margin-bottom: 20px;
	margin-top: 15px;
}
/*TABLE*/
.price_table table {
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;
  border-right: 1px solid #efefef;
  margin: 20px auto 10 0;
  width: 100%;
}
.price_table tr {
  border-bottom: 1px solid #efefef;
  background: #FFF;
  width: 100%;
}

.price_table tr th {
	width: 50%;
	vertical-align: middle;
	border-right: 1px solid #efefef;
	padding: 20px 20px 20px 30px;
	background: #f8f8f8;
	line-height: 1.4em;
}

.price_table tr td {
	background: #FFF;
	padding: 20px 20px 20px 30px;
	text-align: left;
	min-width: 240px;
	width: 50%;
	display: block;
	font-weight: bold;
	line-height: 1.4em;
	vertical-align: middle;
}

.price_table_title {
  display: block;
  font-weight: bold
}

.table_indent {
  margin-left: 1.2em;
  margin-top: -20px
}
.price_table_list_no li{
	padding-left: 30px;
	position: relative;
}
.price_table_list_no li:last-child{
	margin-bottom: 0;
}
.price_table_list_no li:after{
	content: "(1)";
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
}
.price_table_list_no{
	margin-bottom: 0;
}
.price_table_list_no li:nth-child(2):after{
	content: "(2)";
}
.price_table_list_no li:nth-child(3):after{
	content: "(3)";
}
.price_table_list_no li:nth-child(4):after{
	content: "(4)";
}
.price_table_list_no li:nth-child(5):after{
	content: "(5)";
}
.price_table_list_no li:nth-child(6):after{
	content: "(6)";
}
.price_table_list_no li:nth-child(7):after{
	content: "(7)";
}
.price_table_list_no li:nth-child(8):after{
	content: "(8)";
}
.price_table_list_no li:nth-child(9):after{
	content: "(9)";
}
.price_table_list_no li:nth-child(10):after{
	content: "(10)";
}
.price_table_list_no li:nth-child(11):after{
	content: "(11)";
}
.price_table_list_no li:nth-child(12):after{
	content: "(12)";
}
.price_table_list_no li:nth-child(13):after{
	content: "(13)";
}
.price_table_list_no li:nth-child(14):after{
	content: "(14)";
}
.price_table_list_no li:nth-child(15):after{
	content: "(15)";
}
.price_table_list_no li:nth-child(16):after{
	content: "(16)";
}
.price_table_list_no li:nth-child(17):after{
	content: "(17)";
}
.price_table_list_no li:nth-child(18):after{
	content: "(18)";
}
.price_table_list_no li:nth-child(19):after{
	content: "(19)";
}
.price_table_list_no li:nth-child(20):after{
	content: "(20)";
}
.price_table_list_no li:nth-child(21):after{
	content: "(21)";
}
.price_table_list_no li:nth-child(22):after{
	content: "(22)";
}
.price_table_list_no li:nth-child(23):after{
	content: "(23)";
}
/*VOC*/

.lower_voc_list_img{
	width: 300px;
}
.lower_voc_list_img img{
	width: 100%;
	border: 1px solid #dddddd;
}
.lower_voc_list_content{
	width: calc( 100% - 330px );
	margin-left: 30px;
}
.lower_voc_list_wrap{
	margin-top: 30px;
}


.chuki_list{
	margin-top: 15px;
}
.chuki_list li{
	padding-left: 17px;
	position: relative;
	margin-bottom: 10px;
	line-height: 1.6em;
}
.chuki_list li:after{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	height: 11px;
	width: 11px;
	background: #000000;
	border-radius: 50%
}
/*FAQ*/
.lower_faq_list > *{
	margin-bottom: 30px;
}
.lower_faq_list dl{
	padding: 20px;
	border: 1px solid #dddddd;
}
.lower_faq_list dt,
.lower_faq_list dd{
	padding-left: 30px;
	position: relative;
}
.lower_faq_list dt{
	font-size: 16px;
	line-height: 1.4em;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	border-bottom: 1px solid #dddddd;
}
.lower_faq_list dt:after{
	content: "Q";
	font-family: 'Josefin Sans', sans-serif;
	position: absolute;
	top: 3px;
	left: 0;
	font-size: 20px;
	line-height: 20px;
	color: #aa7327
}
.lower_faq_list dd:after{
	content: "A";
	font-family: 'Josefin Sans', sans-serif;
	position: absolute;
	top: 3px;
	left: 3px;
	font-size: 20px;
	line-height: 20px;
	color: #aa7327;
	font-weight: bold;
}
.lower_faq_list_shop > *{
	padding: 10px 20px;
	background: #000000;
	font-size: 13px;
	margin-right: 10px;
	color: #FFF;
	border-radius: 3px;
}
.lower_faq_list_shop{
	margin-bottom: 10px;
}
.lower_faq_list p{
	line-height: 1.8em;
	margin-bottom: 10px;
}
.lower_faq_list dd > *:last-child{
	margin-bottom: 0;
}
/*COMMON*/
.common_ttl_01{
	padding: 15px;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.6em;
	background: #aa7327;
	color: #FFF;
	margin-bottom: 20px;
}
/*VOC*/
.lower_voc_list > *{
	margin-bottom: 35px;
}
.lower_voc_list > *:last-child{
	margin-bottom: 0;
}
.lower_voc_list p{
	line-height: 1.6em !important;
}
/*BLOG*/

.lower_ttl{
	margin-bottom: 30px;
	color: #aa7327
}
.lower_ttl_en{
	font-family:Georgia,serif;
	font-size: 24px;
	display: block;
	margin-bottom: 20px;
	text-align: start
}
.lower_ttl_jp{
	font-size: 16px;
}
.lower_head_img{
	width: 100%;
	vertical-align: middle;
	margin: 0 auto 50px;
}
.lower_head_img img{
	width: 100%;
	border: 1px solid #dddddd;
}
.blog_content > *{
	margin-bottom: 30px;
	line-height: 1.8em
}
.blog_content > *:last-child{
	margin-bottom: 0;
}
.blog_content ul{
	padding: 30px;
	background: #f8f8f8;
	border: 1px solid #dddddd;
}
.blog_content ul > *{
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}
.blog_content ul > *:last-child{
	margin-bottom: 0;
}
.blog_content ul > *:after{
	content: "";
	display: block;
	height: 11px;
	width: 11px;
	background: #000000;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 0;
}
.blog_content img{
	width: 100%;
	max-width: 400px;
	border: 1px solid #dddddd;
	display: block;
	margin-top: 30px;
	margin-bottom: 20px ;
}
.blog_content strong{
	background:linear-gradient(transparent 60%, #ff6 60%);
}
.blog_content h4{
    font-family: 'Noto Serif JP', serif;
    font-size: 21px;
    padding: 15px 20px;
    background: #000000;
    color: #FFF;
    margin-bottom: 15px;
}
.blog_content h5{
	background: #aa7327;
	color: #FFF;
	padding: 15px;
	margin-bottom: 10px;
	font-size: 17px;
}
.blog_content h6{
	padding: 15px;
	margin-bottom: 10px;
	background: #f3f3f3;
	border-left: 3px #aa7327 solid 
} 
.price_list h4{
    font-family: 'Noto Serif JP', serif;
    font-size: 21px;
    padding: 15px 20px;
	background: #f3f3f3;
    margin-top: 15px;
    margin-bottom: 15px;
}
.price_list h5{
	background: #aa7327;
	color: #FFF;
	padding: 15px;
	font-size: 17px;
}
.price_list p{
    margin-bottom: 15px;
}
.price_list > *:last-child{
    margin-bottom: 0;
}
.option_menu_content_left{
	width: calc( 100% - 330px );
}
.option_menu_content_right{
	width: 300px
}
.option_menu_content_right img{
	width: 100%;
}
.before_after{
	margin-top: 50px;
}
.price_list h3,
.before_after h3{
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	padding: 15px 20px;
	background: #000000;
	color: #FFF;
	margin-bottom: 15px;
}
.before_after ul{
	margin-top: 25px;
}
.before_after li{
	width: calc( 33.33333% - 20px );
	margin-right: 30px;
}
.before_after li:nth-child(3){
	margin-right: auto;
}
.before_after li img{
	width: 100%;
	border: 1px solid #dddddd;
	margin-bottom: 15px;
}
.before_after li h4{
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4em;
	background: #aa7327;
	margin-bottom: 15px;
	color: #FFF;
	padding: 10px;
	letter-spacing: 0em
}
.before_after_strong{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.4em;
	color: #aa7327
}
.before_after p{
	line-height: 1.6em;
}
.price_list{
	margin-top: 30px;
}
.price_list th,
.price_list td{
	border: 1px solid #dddddd;
	padding: 15px;
	line-height: 1.4em;
	vertical-align: middle
}
.price_list table{
	margin-bottom: 30px;
}
.price_list table tbody > *:nth-child(odd){
	background: #f3f3f3
}
.products_list{
	margin-top: 60px;
}
.products_list_ttl{
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	padding: 15px 20px;
	background: #000000;
	color: #FFF;
	margin-bottom: 20px; 
}
.products_list_name{
	font-size: 16px;
	text-align: center;
	line-height: 1.4em;
}
.products_list_price{
	font-size: 16px;
	font-weight: bold;
	text-align: center
}
.products_list_point{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    background: #b71100;
    color: #FFF;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
    text-align: center;
	line-height: 1.6em;
}
.products_list_point:after{
    content: "";
    position: absolute;
    top: calc( 100% - 5px );
    left: 50%;
    margin-left: -15px;
    border: 10px solid transparent;
    border-top: 15px solid #b71100;
}
.products_list_desc{
	padding: 10px;
	border: 1px solid #dddddd;
	line-height: 1.6em;
	background: #f8f8f8
}
.products_list ul > *{
	width: calc( 50% - 20px );
	margin-bottom: 30px;
}
.products_list ul > *:nth-child(odd){
	margin-right: 40px;
}
.products_list_img{
	max-width: 300px;
	display: block;
	margin: 0 auto 0;
}
@media only screen and (max-width: 750px) {
  .price_table tr th {
    width: 100%;
    padding: 20px
  }
  .price_table tr th, .price_table tr td {
    display: block
  }
  .price_table tr th {
    padding: 10px 15px
  }
  .price_table tr td {
    padding: 10px 15px
  }
	.price_table tr th {
		border-right: none;
	}
	.price_table tr td {
		width: 100%;
	}
}
.table_type01_wrap {
	margin-top: -15px;
}
.table_type01 {
  border: 1px solid #ddd;
  width: 100%;
  margin: 0 auto 0;
  }
.table_type01 ul {
  margin-bottom: 15px
}

.table_type01 tr {
  border-bottom: 1px solid #ddd
}

.table_type01 tr th {
  width: 200px;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  background: #f8f8f8
}

.table_type01 tr td {
  text-align: left;
  line-height: 1.6em;
}

.table_type01_title {
  display: block;
  font-weight: bold
}

.table_indent {
  margin-left: 1.2em;
  margin-top: -20px
}

.table_indent ul li {
  text-indent: -1.1em;
  padding-left: 1.1em
}

.fukuri_list li {
  text-indent: -1.1em;
  padding-left: 1.1em
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin-top: 30px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*SP_MENU*/
/*SP_NAV_WRAP*/
.sp_nav_wrap {
	position: fixed;
	top: 57px;
	z-index: 3;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	visibility: hidden;
	z-index: 100;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	transition: 0.3s;
	line-height: 1em;
	transform: translate( 100% , 0);
	background: #FFF;
	padding-bottom: 70px;
}
.sp_nav_wrap.open {
	visibility: visible;
	transform: translate( 0 , 0);
}
.sp_nav_sitemap > li > a{
	padding: 18px 20px;
	display: block;
	background: #FFF;
	color: #323232;
	position: relative;
	font-weight: bold;
	border-bottom: 1px solid #dddddd
}

.sp_nav_sitemap > li > a:after{
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 7px;
	width: 7px;
	border-right: 2px solid #323232;
	border-bottom: 2px solid #323232;
	transform: rotate(-45deg);
}
.sp_nav_sitemap > li.sp_nav_parent{
	background: #f8f8f8;
	color: #323232;
	position: relative;
	border-bottom: 1px solid #dddddd
}
.sp_nav_sitemap > li.sp_nav_parent span{
	display: block;
	padding: 18px 20px;
	position: relative;
	font-weight: bold;
}
li.sp_nav_parent span div{
	display: block;
	position: absolute;
	right: 17px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 10px;
	width: 10px;
	transition: 0.3s;
}
li.sp_nav_parent span div:after{
	content: "";
	display: block;
	position: absolute;
	right: calc( 50% - 1px );
	top: 0;
	height: 10px;
	width: 2px;
	background: #323232;
}
li.sp_nav_parent span div:before{
	content: "";
	display: block;
	position: absolute;
	top: calc( 50% - 1px );
	right: 0;
	width: 10px;
	height: 2px;
	background: #323232;
}
.sp_nav_child li{
	padding: 0 20px 0 20px;
}
.sp_nav_child li a{
	padding: 18px 0 18px 17px;
	display: block;
	border-bottom: 1px solid #dddddd;
	color: #323232;
	position: relative;
	font-weight: bold;
}
.sp_nav_child li:last-child a{
	border: none;
}
.sp_nav_child {
	margin-top: -10px;
}
.sp_nav_child li a:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 7px;
	width: 7px;
	border-right: 2px solid #323232;
	border-bottom: 2px solid #323232;
	transform: rotate(-45deg);
}
.sp_nav_child li a:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	bottom: 0;
	margin: auto;
	height: 7px;
	width: 7px;
	border-left: 2px solid #323232;
	border-bottom: 2px solid #323232;
}
.sp_nav_sitemap > li.sp_nav_parent span.active div{
	transform: rotate(315deg);
}
.sp_nav_sitemap > li.sp_nav_contact > a{
	color: #FFF;
		background: #1f4195;
}
.sp_nav_sitemap > li.sp_nav_contact > a:after{
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
.sp_nav_tel{
	margin: 40px auto 0;
	width: calc( 100% - 30px );
	text-align: center;
}
.sp_nav_tel_ttl{
	display: block;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}
.sp_nav_tel_num_txt{
	font-weight: bold;
	letter-spacing: 0;
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
}
.sp_nav_tel_num{
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.05em;
}
.sp_nav_tel_open{
	display: block;
	width: 100%;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	margin-top: 5px;
}

.sp_nav_child{
	display:none;
}
.sp_nav_child.active{
	display:block;
}
.sp_nav_sarch{
	margin: 10px auto 0;
	width: calc( 100% - 30px )
}
.sp_nav_wrap .btn_base a{
	height: auto
}
.sp_header,
.sp_nav_wrap{
	display: none;
}

.sp_nav_btn,
.sp_nav_wrap{
display: block;
}
.table_type01 tr td ul{
	margin-bottom: 0;
}
.table_type01 tr td ul li{
	position: relative;
	padding-left: 17px;
}
.table_type01 tr td ul li:after{
	content: "";
	display: block;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: #000000;
	position: absolute;
	left: 3px;
	top: 6px;
}

.lower_case_list h4{
	background: #aa7327;
	color: #FFF;
	padding: 15px;
	margin-bottom: 10px;
	font-size: 17px;
	width: 100%;
}
.lower_case_list_img{
	width: 300px;
	margin-right: 25px;
}
.lower_case_list_img img{
	width: 100%;
	vertical-align: middle
}
.lower_case_list_img > *{
	position: relative
}
.lower_case_list_img_arrow{
	width: 70px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
.lower_case_list_img_arrow img{
	width: 100%;
}
.lower_case_list_img ul > *{
	margin-bottom: 10px;
}
.lower_case_list_img ul > *:last-child{
	margin-bottom: 0;
}
.lower_case_list_content{
	width: calc( 100% - 325px )
}
.lower_case_list_content > *{
	margin-bottom: 15px;
}
.lower_case_list_content dt{
	width: 100px;
	padding: 10px;
	background: #000000;
	color: #FFF;
	text-align: center;
	margin-bottom: 10px;
}
.lower_case_list_content dd{
	width: 100%;
	line-height: 1.6em;
}
.lower_case_list > *{
	margin-bottom: 50px;
}
.lower_case_list > *:last-child{
	margin-bottom: 0;
}
@media only screen and (min-width: 751px) {
  .table_type01 tr th {
    width: 300px;
    padding: 20px;
    line-height: 1.4em;
  }
  .table_type01 tr td {
    padding: 20px 40px;
    font-size: 14px
  }
}

@media only screen and (max-width: 750px) {
  .table_type01 tr th {
    width: 100%;
    padding: 20px
  }
  .table_type01 tr th, .table_type01 tr td {
    display: block
  }
  .table_type01 tr th {
    padding: 10px 15px;
    border-right: none;
  }
  .table_type01 tr td {
    padding: 10px 15px
  }
}
@media screen and (max-width:1200px) {
	.sp_logo{
		width: 100%;
		position: absolute;
		top: 13px;
	}
	header{
		height: 57px;
		width: 100%;
		border-bottom: 1px solid #dddddd;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		background: #FFF;
	}
	header:after{
		height: 3px;
	}
	.header_bottom{
		border-bottom: none;
	}
	.lp_intro{
		padding-top: 110px;
		margin-top: 0;
	}
	h1{
		font-size: 14px;
	}
	h1 span:first-child img{
		width: 120px;
		margin-bottom: 5px;
	}
	h1 span:last-child{
		margin-top: 0;
		font-size: 10px;
		padding-bottom: 0;
	}
	.sp_hide{
		display: none;
	}
	.burger {
		display: block;
	  width: 50px;
	  height: 50px;
	  position: fixed;
	  top: 6px;
	  right: 0;
	  border-radius: 4px;
	  z-index: 1001;
	  -webkit-appearance: none;
	     -moz-appearance: none;
	          appearance: none;
	  background: transparent;
	  border: 0;
	}
	.btn_line {
	  position: relative;
	  margin-top: 9px;
	  margin-bottom: 9px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  margin-left: -15px;
	  margin-top: -1.5px;
	}
	.btn_line, .btn_line::before, .btn_line::after {
	  display: block;
	  width: 30px;
	  height: 1px;
		background:#000000;
	  outline: 1px solid transparent;
	  -webkit-transition-property: background-color, -webkit-transform;
	  transition-property: background-color, -webkit-transform;
	  transition-property: background-color, transform;
	  transition-property: background-color, transform, -webkit-transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.btn_line::before, .btn_line::after {
	  position: absolute;
	  content: "";
	}
	.btn_line::before {
	  top: -9px;
	}
	.btn_line::after {
	  top: 9px;
	}
	.btn_line_active {
	  background-color: transparent;
	}
	.btn_line_active::before {
	  -webkit-transform: translateY(9px) rotate(45deg);
	  transform: translateY(9px) rotate(45deg);
	}
	.btn_line_active::after {
	  -webkit-transform: translateY(-9px) rotate(-45deg);
	  transform: translateY(-9px) rotate(-45deg);
	}
	.burger:hover {
	  cursor: pointer;
	}
	
	.sp_nav {
		display: block;
		background:#000000;
		position: fixed;
		z-index: 1000;
		top: 0;
		right: 0;
		height: 100%;
		max-width: 515px;
		width: 100%;
		padding: 50px 20px;
		overflow-y: auto;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}
	.sp_nav_visible {
	  -webkit-transform: translateX(0px);
	          transform: translateX(0px);
	}
	.sp_nav_visible .sp_nav_item_main {
	  -webkit-transform: translateX(0px);
	          transform: translateX(0px);
	  opacity: 1;
	}
	.sp_nav_item_main span{
		font-size: 10px;
		letter-spacing: 0.1em;
		color: #FFF;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(1) {
	  -webkit-transition-delay: 0.15s;
	          transition-delay: 0.15s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(2) {
	  -webkit-transition-delay: 0.3s;
	          transition-delay: 0.3s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(3) {
	  -webkit-transition-delay: 0.45s;
	          transition-delay: 0.45s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(4) {
	  -webkit-transition-delay: 0.6s;
	          transition-delay: 0.6s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(5) {
	  -webkit-transition-delay: 0.75s;
	          transition-delay: 0.75s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(6) {
	  -webkit-transition-delay: 0.9s;
	          transition-delay: 0.9s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(7) {
	  -webkit-transition-delay: 1.05s;
	          transition-delay: 1.05s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(8) {
	  -webkit-transition-delay: 1.2s;
	          transition-delay: 1.2s;
	}
	.sp_nav_visible .sp_nav_item_main:nth-child(9) {
	  -webkit-transition-delay: 1.35s;
	          transition-delay: 1.35s;
	}
	.sp_nav_visible .sp_nav_menu_sub{
	  -webkit-transform: translateY(0px);
	          transform: translateY(0px);
	  opacity: 1;
	  -webkit-transition-delay: .85s;
	          transition-delay: .85s;
	}
	.menu {
	  list-style-type: none;
	}
	.sp_nav_sub {
	  margin-top: 40px;
	  -webkit-transform: translateY(30px);
	          transform: translateY(30px);
	  opacity: 0;
	  -webkit-transition: all .4s ease;
	  transition: all .4s ease;
	}
	.sp_nav_item_main {
	  -webkit-transform: translateX(40px);
	          transform: translateX(40px);
	  opacity: 0;
	  -webkit-transition: all .3s ease;
	  transition: all .3s ease;
	}
	.sp_nav_item_sub {
	  margin-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
	}
	.sp_nav_item:last-of-type {
	  margin-bottom: 0px;
	}
	.sp_nav_link {
	  color: #ffffff;
	  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	  text-decoration: none;
	  -webkit-transition: all .3s ease;
	  transition: all .3s ease;
	}
	.sp_nav_link_main {
	  letter-spacing: 0.1em;
	  font-weight: 600;
	  padding: 13px 0;
	  text-transform: uppercase;
	  font-size: 15px;
	  display: block;
	font-family: 'Josefin Sans', sans-serif;
	}
	.site_overlay {
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 999;
	  width: 100%;
	  height: 100%;
	  -webkit-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	  background: rgba(255, 255, 255, 0.7);
	  opacity: 0;
	  visibility: hidden;
	  -webkit-appearance: none;
	     -moz-appearance: none;
	          appearance: none;
	  border: 0;
	}
	.site_overlay_visible {
	  opacity: 1;
	  visibility: visible;
	}
	.lp_check .head2_title_type02{
		padding-top: 70px !important;
		margin-top: 0;
	}
	.mv{
		overflow: hidden;
		position: relative;
		z-index: 0;
		width: 100%;
		min-width: 300px;
		margin: 0 auto
	}
	.mv .inner{
		padding: 0 0;
		max-width: 1500px;
	}	
	.top_slide_wrap {
		margin: 0 0 0 auto;
		overflow: hidden;
		width: 100%;
		height: 510px;
	}
	.swiper-slide{
		height: 510px;
	}
	.br_sp_hide{
		display: none;
	}
	.mv_content{
		position: absolute;
		top: auto;
		bottom: 20px;
		left: 20px;
		transform: translateY(0);
		z-index: 10;
	}
	.sp_blank{
		height: 56px;
	}
	.top_title_01{
		margin-bottom: 20px;
		transform: rotate(0);
		display: inline-block;
		position: relative;
		top: auto;
		left: auto;
		font-weight: 600;
		font-size: 36px;
		line-height: 1.3em;
		width: 100%;
	}
	.top_strong_en{
		color: rgba(16, 174, 161, 1);
	}
	.top_sec_banner .top_title_01{
		left: auto;
	}
	.top_concept{
		padding-left: 0;
	}
	.top_sec_shop_wrap{
		padding-left: 0;
	}
	.top_sec_banner_inner{
		padding-left: 0;
	}
	.top_info_media_wrap{
		padding-left: 0;
	}
	.top_concept_txt br{
		display: none;
	}
	.top_concept_txt p{
		line-height: 1.8em;
		margin-bottom: 15px;
	}
	.top_sec_shop_list li{
		width: calc( 50% - 10px );
		position: relative;
		padding-bottom: 80px;
	}
}
@media screen and (max-width:1000px) {
	.mv_ttl_jp span{
		padding: 5px 15px 7px;
		font-size: 16px;
	}
	.mv_ttl_jp > *:nth-child(1){
		margin-bottom: 10px;
	}
	.mv_ttl_txt{
		font-size: 14px;
		line-height: 1.6em;
		padding-right: 15px;
		display: block;
	}
	.footer_nav_list.str{
		display: none;
	}
	.footer_address{
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.lower_header{
		padding: 30px 0;
	}
	.lower_content_parts > *{
		margin-bottom: 30px;
	}
	.lower_content_inner > *{
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: 1px solid #dddddd;
	}
	.lower_content{
		padding: 30px 0 40px;
		border-bottom: 1px solid #dddddd;
	}
	.lower_content_header_desc{
		text-align: left;
	}
	.lower_content_header_desc br{
		display: none;
	}
	.lower_ttl_02{
		font-family: 'Noto Serif JP', serif;
		font-size: 18px;
		padding: 15px 15px;
		line-height: 1.6em;
	}
	.lower_ttl_03{
		font-size: 16px;
		padding: 15px 20px;
		background: #f8f8f8;
		margin-bottom: 15px;
		line-height: 1.6em;
		border: 1px solid #dddddd;
	}
	
	
	
	.blog_content h4{
		font-size: 18px;
		padding: 15px;
		line-height: 1.6em;
	}
	.blog_content h5{
		font-size: 16px;
	}
	.price_list h4{
		font-family: 'Noto Serif JP', serif;
		font-size: 18px;
		padding: 15px;
	}
	.price_list h5{
		background: #aa7327;
		color: #FFF;
		padding: 15px;
		font-size: 16px;
	}
	.blog_content ul {
		padding: 10px;
	}
	.option_menu_content_left{
		width: 100%;
	}
	.option_menu_content_right{
		width: 100%;
	}
	.option_menu_content_right img{
		width: 100%;
		margin-bottom: 15px;
	}
	.btw.option_menu_content{
		flex-direction: column-reverse;
	}
	.lower_ttl_01{
		text-align: center;
		margin-bottom: 15px;
	}
	.lower_ttl_01_jp{
		font-size: 20px;
	}
	.lower_ttl_02{
		font-size: 18px;
		padding: 15px;
	}
	.lower_ttl_03{
		font-size: 16px;
		padding: 15px;
	}
	.products_list ul > *{
		width: 100%;
		margin:  0 auto 25px;
	}
	.products_list ul > *:nth-child(odd){
		margin-right: auto;
	}
	.products_list ul > *:last-child(odd){
		margin-right: auto;
	}
	.products_list_ttl{
		font-size: 18px;
		padding: 15px;
		margin-bottom: 15px; 
	}
	.top_footer_banner{
		padding:30px 0 10px;
	}
	.footer_banner_slide_paginavi_arrow{
		margin: 15px auto 0;
	}
}
@media screen and (max-width:787px) {
	.scr_contact{
		display: none;
	}
	.strong_type01 span:last-child{
		margin-left: 0;
	}
	.btn_type_01 a{
		padding: 15px 0;
		font-size: 22px;
		width: 100%;
		display: block;
	}
	.andona_breadcrumb {
	  padding: 10px 0 10px
	}
	.breadcrumb_wrap .inner{
		padding: 0 10px;
		margin-bottom: 0;
	}
	.breadcrumb_wrap{
		display: none;
	}
	.lp_concept_rv{
		flex-flow: column-reverse nowrap;
	}
	.lo_type_01 > div{
		width: 100%;
	}
	.lo_type_01 > section{
		width: 100%;
	}
	.lo_type_01 > div > img{
		margin-top: 20px;
	}
	.lo_type_01 > div:first-child{
		margin-right: 0;
	}
	.lo_type_01 > section:first-child{
		margin-right: 0;
	}
	.lp_customer li{
		width: 100%;
		margin: 0 auto 20px;
		padding: 20px 10px;
		background: #faf7eb;
	}
	.lp_contact_tel > section{
		margin-bottom: 30px;
	}
	.lp_contact_tel section h3:before{
		display: none;
	}
	.lp_contact_tel section h3:after{
		display: none;
	}
	.lp_menu > section{
		width: 100%;
	}
	.lp_menu > section:nth-child(even){
		margin-left: 0;
	}
	.menu_desc > div:nth-child(1){
		width: 100%;
		margin-right: 0;
	}
	.menu_desc > div:nth-child(2){
		width: 70%;
		margin: 20px auto 10px;
	}
	.menu_desc > div:nth-child(2) img{
		border-radius: 50%;
	}
	.lp_flow_step li > div:first-child,
	.lp_flow_step li > div:last-child{
		width: 100%;
	}
	.lp_flow_step li > div:last-child{
		display: none;
	}
	.lp_flow_step li > div h3 *{
		display: inline-block;
	}
	.lp_flow_desc{
		margin-left: 0;
	}
	.content_lo_type02 > div{
		width: 100%;
	}
	.content_lo_type02 > div:first-child{
		margin-bottom: 40px;
	}
	.menu_select > div:first-child{
		margin-right: 0;
		width: 100%;
	}
	.menu_select > div:last-child{
		width: 100%;
	}
	.top_new_list_ttl{
		width: 100%;
		margin-bottom: 5px;
	}
	.top_new_list li a{
		color: #000000;
		padding: 15px 0 15px 0;
		font-weight: normal;
		position: relative;
	}
	.top_new_list li a:after{
		display: none;
	}
	.top_media_list_thumb{
		width: 60px;
	}
	.top_media_list_content{
		width: calc( 100% - 70px );
	}
	.top_sec_shop:after{
		height: 30%;
	}
	.top_sec_shop_list li{
		padding-bottom: 60px;
		width: 100%;
	}
	.top_sec_shop_list li:nth-child(1){
		margin-bottom: 30px;
	}
	.top_sec{
		padding: 30px 0;
	}
	.top_sec_banner{
		padding: 30px 0;
	}
	.top_sec_info{
		padding: 30px 0;
	}
	.top_sec_media{
		padding: 30px 0;
	}
	.top_sec_shop{
		padding: 30px 0;
	}
	.top_title_01{
		font-size: 32px;
		margin-bottom: 10px;
	}
	.slide_btn{
		display: none;
	}
	.top_slide_wrap {
		margin: 0 0 0 auto;
		height: 300px;
	}
	.swiper-slide{
		height: 270px;
	}
	.slide-img{
			height: 270px;
	}

	.mv_content{
		position: relative;
		bottom: auto;
		left: auto;
		width: calc( 100% - 20px );
		margin-left: 10px;
		margin-top: -80px;
	}
	.lower_faq_list dl{
		padding: 15px;
	}
	.lower_faq_list_shop > *{
		padding: 10px;
		margin-right: 10px;
		width: 80px;
		text-align: center;
		display: inline-block;
	}
	
	
	.lower_flow_sepa > *:nth-child(1){
		width: 100%;
		margin-right: auto;
	}
	.lower_flow_sepa > *:nth-child(2){
		width: 100%;
		max-width: 300px;
	}
	.before_after li{
		width: 100%;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.before_after li:last-child{
		margin-bottom: 0
	}
}
@media only screen and (max-width: 667px){
	
	.lp_intro{
		padding-top: 60px;
		margin-top: 0;
		text-align: left;
	}
	.strong_type01{
		font-size: 17px;
	}
	body footer.footer{
		letter-spacing: 0.2em;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.str{
		display: block;
	}
	footer:after{
		display: none;
	}
	.inner{
		min-width: 200px;
		padding: 20px 10px;	
	} 
	.footer_address > div{
		margin-bottom: 30px;
		margin-right: auto;
	}
	.footer_address > div:last-child{
		margin-bottom: 0;
	}
	.footer_inner > div:last-child{
		width: 100%;
		margin: 0 auto;
	}
	.footer_inner > div:first-child{
		width: 100%;
		margin: 20px auto 0;
		padding-bottom: 20px;
	}
	.footer_menu_list > ul{
		width: 100%;
		margin: 0 auto;
	}
	.footer_menu_list > ul li{
		margin-bottom: 0;
	}
	.footer_shop_menu{
		margin-bottom: 0;
	}
	.footer_menu_list > ul li p{
		font-size: 13px;
		margin-bottom: 0;
	}
	.footer_menu_list > ul li a{
		display: block;
		padding: 15px 15px;
		font-size: 13px;
		color: #FFF;
		background: #10ada1;
		border-bottom: 1px solid #F3F3F3;
	}
	.footer_menu_list .parents p{
		position: relative;
		display: block;
		padding: 15px 15px;
		background: #10ada1;
		border-bottom: 1px solid #F3F3F3;
		color: #FFF;
	}
	.footer_menu_list .parents p:after{
		content: "\f107";
		font-family: FontAwesome;
		font-size: 18px;
		height: 18px;
		position: absolute;
		line-height: 1em;
		letter-spacing: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 20px;
		transition: 0.2s;
	}
	.footer_menu_list .parents{
		transition: 0.2s;
	}
	.footer_menu_list .parents ul{
		transition: 0.2s;
		display: none;
		opacity: 0;
	}
	.footer_menu_list .parents.open ul{
		display: block;
		overflow: hidden;
		visibility: visible;
		opacity: 1;
	}
	.footer_menu_list .parents.open p{
		background: #64ddd3;
	}
	.footer_menu_list .parents.open p:after{
		transform: rotateZ( 180deg ) ;
	}
	.footer_menu_list .footer_menu_child a{
		padding-left: calc( 15px + 0.9em);

	}
	p{
		line-height: 2em;
	}
	.footer_menu_child{
		padding-left: 0;
	}
	.copy{
		margin-top: 0;
	}
	.lp_check .head2_title_type02{
		padding-top: 60px !important;
	}
	.mv_ttl_txt{
		padding-right: 15px;
	}
	.lower_media_list > *{
		padding: 0;
		border: none;
		margin-bottom: 30px;
	}
	.lower_media_list_content p{
		line-height: 1.8em;
	}
	.lower_media_list_ttl{
		font-size: 17px;
		color: rgba(16, 174, 161, 1);
		margin-bottom: 15px;
	}
	.lower_media_list_img{
		max-width: 500px;
		width: 100%;
		margin-bottom: 30px;
		margin: 0 auto 10px;
	}
	.lower_media_list_img img{
		width: 100%;
		border: 1px solid #eeeeee;
	}
	.lower_media_list_content{
		width: 100%;
		margin-left: auto;
	}
	.lower_media_list_content_btn a{
		padding-right: 40px;
		font-weight: bold;
	}
	
	
	.lower_case_list_img{
		width: 100%;
		max-width: 500px;
		margin: 0 auto 20px;
	}
	.lower_case_list_content{
		width: 100%
	}
	.lower_case_list_content dd{
		width: 100%;
	}
	.lower_case_list > *{
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 365px){
	.mv_ttl_jp span{
		padding: 5px 15px 7px;
		font-size: 15px;
		letter-spacing: 0;
	}
}
.tel_link{
	pointer-events: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tel_link{
		pointer-events: none;
	}	
	.btn_grd_bg a.tel_link:hover{
		letter-spacing: 0.1em;
	}
}
@media screen and (max-width:480px) {
	.tel_link{
		pointer-events: auto;
	}
}

@media all and (-ms-high-contrast: none) {
	body::after {
		content: ''\9;
		position: fixed\9;
		top: 0\9;
		left: 0\9;
		width: 0\9;
		height: 0\9;
		background-color: #fff\9;
		z-index: 0\9;
		pointer-events: auto\9;
		opacity: 0\9;
		-webkit-transition: opacity .8s ease\9;
		transition: opacity .8s ease\9
	}
	body.fadeout::after {
		opacity: 1\9
	}
}