/*
Theme Name: 2602_hitoyane
Theme URI: https://hitoyane.net
Author: cafeign Tsu
Author URI: http://www.cafeign.com/
Description: 2016.10.28 hitoyane homepage
Version: 0.1
Tags: hitoyane, chitose, hokkaido, salon
Text Domain: hitoyane
*/

@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse:separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
figure{margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {padding:0; margin:0;}
br.sp{display:none;}
br.pc{display:auto;}
a{color:#444;text-decoration:none;}
a img{border: 0; margin:0; padding:0;}
a:hover{text-decoration:none;}

header .resevebtn a:hover img,
a.btn:hover{opacity:0.6;}
article a{text-decoration:underline;}
.btn a,h2 a,h3 a,h4 a,aside a,
nav a{text-decoration:none;}
.caption,small{font-size:85%;}
p.center a,
.blogupdate ul li a,
main section.mainmenu > ul li a,
header a{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 1s;opacity: 0.5s;}
.clear {clear: both;}
.hidden {display: none;visibility: hidden;}
.clearfix,.row{clear:both;position:relative;}
section.table dl:after,
header .hc:after,.clearfix:after,.row:after,header:after,footer:after,article:after,main:after,.main:after{content:"";clear:both;visibility: hidden;display:block;}
header .resevebtn a img,.pagetop a,p.btn a,.gmenu a{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;opacity: 1;}
body{color:#000;font-size:14px;line-height:1.8; -webkit-text-size-adjust: none;font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",sans-serif;}
sup{font-size:60%;vertical-align:top;}

article section.centerlead p,
article h3,
article h2,
h1.secondtitle span,
main section.mainmenu > ul > li h3,
main section.mainmenu > ul > li > a,
header .hmenu li a,
main section > h2,
.items > dl > dt,
.author-profile dt.fn,
article .min{line-height:1.3em;font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

article section.table dl dd h3,
.items dl dt small,
article h3 small,
main section.mainmenu > ul > li > a small,
header .hmenu li small,
main section > h2 small{font-family:"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ", "Meiryo",sans-serif;font-size:0.7em;font-weight:300;}

img.right{float:right;margin:10px 0px 20px 0px;}

body{background:url(./images/bg.png);}
#wrap{}
header{padding:0px 0px;background:url(./images/hbg.png) left top repeat-x;}
header .hc{width:100%;max-width:1000px;margin:0px auto;position:relative;}
header .title{padding:25px 0px;height:90px;}
header .title a{display:block;font-size:1.6rem;color:#C28C58;line-height:1em;}
header .title a:hover{text-decoration:underline;}
header .sitetitle{float:left;}
header .reseveblock{position:absolute;right:0px;top:0px;}
header .reseveblock .resevebtn a{border-radius:0px 0px 4px 4px;display:block;background:#DF4C58;color:#FFF;text-align:center;padding:10px 15px 10px 5px;line-height:1.3em;position:relative;
-webkit-box-shadow:0 -2px 3px 3px rgba(0,0,0,0.2) inset;-moz-box-shadow:0 -2px 3px 3px rgba(0,0,0,0.2) inset;box-shadow:0 -2px 3px 3px rgba(0,0,0,0.2) inset; }
header .reseveblock tel{padding-left:25px;position:relative;clear:both;display:block;color:#2A4957;font-weight:normal;font-size:1.2rem;}
header .reseveblock .resevebtn a:hover{background:#AD2C89;}
header .reseveblock .resevebtn a:after{content:"";display: block;width:6px;height:6px;border-top:2px solid #FFF;border-right:2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right:10px;top:50%;margin-top:-4px;}
header .reseveblock tel:before{content:"";position:absolute;left:0px;top:50%;margin-top:-10px;;background:url(./images/tel2.png) center center no-repeat;background-size:contain;width:17px;height:17px;}

header .reseveblock.middle{display:none;position:relative;}

header .hmenu{width:50%;float:left;margin-top:25px;margin-left:30px;}
header .hmenu li{display:block;margin-right:2%;width:18%;float:left;}
header .hmenu li a{font-size:1rem;text-align:center;display:block;padding:10px 0px;
background: -moz-linear-gradient(top, rgba(160,97,102,0) 0%, rgba(160,97,102,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(160,97,102,0) 0%,rgba(160,97,102,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(160,97,102,0) 0%,rgba(160,97,102,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a06166', endColorstr='#00a06166',GradientType=0 ); /* IE6-9 */
}
header .hmenu li a small{border-top:1px solid #2A4957;padding:2px;display:block;margin-top:1px;}
header .hmenu li a:hover small{border-top:1px solid #DF4C58;}
header .hmenu li a:hover{color:#DF4C58;}
header .hbtn{display:none;}
.topslider{max-width:1000px;margin:0px auto;}
.topslider img{display:block;width:100%;height:auto;}

#main{
  max-width: 100vw;
  overflow: hidden;
}
.visual{width:90%;max-width:960px;margin:0px auto;}
.visual p,
.visual h1{text-align:center;margin:0px auto;}
.visual .v1{max-width:310px;}
.visual .v2{max-width:715px;}
.visual .v3{max-width:360px;margin:30px auto;}
.visual  img{display:block;margin:0px auto;width:100%;}

.blogupdate > ul > li{margin-bottom:10px;background:#FFF;}
.blogupdate ul li a{display:block;}
.blogupdate ul li a:hover{opacity:0.6;}
.blogupdate ul.row.col4 > li span{height:150px;width:100%;display:block;overflow:hidden;}
.blogupdate ul.row.col4 > li img{display:block;width:100%;height:auto;margin:0px auto;}
.blogupdate ul li img.middle{width:70%;margin:10px auto;}
.blogupdate ul li div{background:#FFF;box-sizing:border-box;padding:10px;}
.blogupdate ul li div time{text-align:right;color:#A54D3A;font-size:0.8em;display:block;}
.blogupdate ul li div p{overflow:hidden;height:3rem;}

main section{max-width:1000px;margin:0px auto;box-sizing:border-box;padding:30px 0px;margin:0px auto;overflow: hidden;}
main section > h2{position:relative;text-align:center;font-size:24px;margin:0px auto 30px;padding:10px 0px;border-bottom:2px solid #2A4957;color:#2A4957;}
main section > h2:after{top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(42, 73, 87, 0);border-top-color: #2A4957;border-width: 8px;margin-left: -8px;}

main section.instagram{background:#EBE6CF;padding:20px;}
main section.instagram > h2{border:0px;color:#C28C58;margin-bottom:10px;}
main section.instagram > h2:after{display:none;padding:30px 30px;}
.author-profile-widget-list .authors-list{
  max-width: 100%;
}

main section.mainmenu > ul > li{padding:80px 60px;margin-bottom:20px;}
main section.mainmenu > ul > li:nth-child(1){background:url(./images/cm1.jpg) center center no-repeat;background-size:cover;}
main section.mainmenu > ul > li:nth-child(2){background:url(./images/cm2.jpg) center center no-repeat;background-size:cover;}
main section.mainmenu > ul > li:nth-child(3){background:url(./images/cm3.jpg) center center no-repeat;background-size:cover;}
main section.mainmenu > ul > li:nth-child(4){background:url(./images/cm4.jpg) center center no-repeat;background-size:cover;}
main section.mainmenu > ul > li:nth-child(5){background:url(./images/cm5.jpg) center center no-repeat;background-size:cover;}
main section.mainmenu > ul > li:nth-child(6){background:#FFF;padding:20px;}
main section.mainmenu > ul > li h3{text-align:center;color:#C28C58;padding:10px 0px;font-size:1.1rem;}
main section.mainmenu > ul > li > ul > li{border-top:1px dotted #C28C58;}
main section.mainmenu > ul > li > ul > li a{padding:10px 0px;}
main section.mainmenu > ul > li > ul > li a:hover{background:none;color:#A54D3A;}
main section.mainmenu > ul > li > ul > li time{color:#A54D3A;display:block;margin-top:7px;}
main section.mainmenu > ul > li > a{display:block;background:rgba(255,255,255,0.7);padding:20px;text-align:center;font-size:1.2rem;}
main section.mainmenu > ul > li > a small{display:block;padding-top:3px;margin-top:2px;border-top:1px solid #2A4957;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 1s;opacity: 0.5s;}
main section.mainmenu > ul li a:hover{background:rgba(228,80,93,0.9);color:#FFF;}
main section.mainmenu > ul > li > a:hover small{border-top:1px solid #FFF;color:#FFF;}

p.caption{color:#A06166;}

.pagetop{background:#2A4957;display:block;position:fixed;right:20px;bottom:0px;width:60px;height:40px;z-index:1010;}
.pagetop a{position:relative;display:block;width:100%;text-align:center;padding-top:10px;display:block;}
.pagetop a:hover{opacity:0.5;}
.pagetop a:before{content:"";display:inline-block;width:10px;height: 10px;border-top: 3px solid #FFF;border-right: 3px solid #FFF;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

footer{padding-top:30px;}
footer .ft{margin:20px auto;padding-bottom:40px;position:relative;}
footer .ft img{display:block;margin:0px auto;}
footer .ft img#fillst{max-width:250px;width:50%;height:auto;}
footer .ft ul.snsbtn{text-align:center;}
footer .ft ul.snsbtn li{display:inline-block;width:60px;margin:0px 10px;}
footer .ft ul.snsbtn li img{width:100%;height:auto;display:block;}
footer .fmenu{position:absolute;bottom:0px;text-align:center;width:100%;}
footer .fmenu ul{display:block;text-align:center;margin:0px auto;width:100%;}
footer .fmenu li{display:inline-block;border-left:1px solid #2A4957;}
footer .fmenu li:last-child{border-right:1px solid #2A4957;}
footer .fmenu li a{display:block;padding:0px 10px;color:##2A4957;line-height:1.2em;}
footer .row.col2{max-width:1000px;margin:20px auto;}
footer .maps{}
footer .maps img{width:100%;height:auto;display:auto;margin-bottom:20px;}
footer p{margin-top:20px;}
footer p em{font-size:1.3em;display:block;}
footer small{color:#FFF;background:#2A4957;width:100%;padding:13px 0px;display:block;text-align:center;}

article{width:100%;max-width:1000px;margin:0px auto;}
h1.secondtitle{background:url(./images/h1b.png) left bottom no-repeat,url(./images/h1a.png) right 5px no-repeat;position:relative;font-size:2.2rem;text-align:center;width:100%;max-width:1000px;margin:0px auto;padding:20px 0px 40px;border-top:2px solid #2A4957;color:#2A4957;margin-bottom:30px;}
h1.secondtitle:before{top:0%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(42, 73, 87, 0);border-top-color: #2A4957;border-width: 8px;margin-left: -8px;}
h1.secondtitle small{color:#333;font-size:0.8rem;display:block;line-height:1.3em;}
h1.secondtitle span{display:block;line-height:1em;}
article h2{color:#2A4957;border-bottom:1px solid #2A4957;padding:0px 0px 6px;margin:30px auto;width:100%;text-align:center;font-size:1.2rem;}
article h3{color:#2A4957;border-top:1px solid #2A4957;padding:12px 0px 0px;margin:30px auto 10px;width:100%;text-align:left;font-size:1.4rem;line-height:1.2em;}
article h3 small{font-size:0.8rem;}
article h3+p.caption{margin-top:-5px;margin-bottom:20px;margin-left:1rem;}
.lead{font-size:1.2rem;color:#2A4957;line-height:1.4em;}
article p.caption{line-height:1.3em;}

article ul.price{margin-left:1rem;color:#2A4957;}
article ul.price li{poition:relative;margin:0 0px;padding:0.3rem 5px;}
article ul.price li:nth-child(2n){}
article ul.price li:after{clear:both;content:"";display:block;}
article ul.price li span{float:right;font-size:1rem;text-align:right;line-height:1.5em;}

article ul.price li span > em{width:80px;display:block;text-align:right;float:right;}
article ul.price li span > em:first-child{margin-right:5px;text-align:left;width:100px;float:left;font-size:0.8em;}

/* access */
p.small{color:#A06166;font-size:0.85rem;margin-top:20px;}
.access.row.col2 > div{margin-bottom:30px;}
.access .pink{box-sizing:border-box;padding:10px 25px;color:#A06166;background:#EED8DA;text-align:center;margin-top:20px;}
.access .pink em{font-size:1.1rem;text-align:center;display:block;margin-bottom:5px;}
.access h4{font-size:1.5rem;line-height:1.3em;margin-bottom:10px;color:#2A4957;}
.access h4 small{font-size:0.9rem;display:block;}

p.centerbtn{text-align:center;margin:10px auto;line-height:1;font-size:0px;}
p.centerbtn a.btn{display:inline-block;padding:15px;text-align:center;color:#FFF;font-size:1.1rem;width:240px;}
p.centerbtn a.btn.blue{background:#2A4957;}
p.centerbtn a.btn.red{background:#A06166;}

/* blog */
main .row.col73{max-width:1000px;margin:0px auto;padding-bottom:30px;}
main .row.col73:after{content:"";display:block;clear:both;}
main .row.col73 .articlewrap{padding-top:30px;}
main .row.col73 article{margin:30px 0px;}
main .row.col73 article .blogtitlewrap{margin:20px 0px;padding:0px 10px;border-left:4px solid #A06166;background:url(./images/hbg.png) left top repeat-x;}
main .row.col73 article .blogtitlewrap:after{content:"";display:block;clear:both;}
main .row.col73 article .blogtitlewrap em{font-size:0.8rem;display:block;}
main .row.col73 article .blogtitlewrap em span{display:inline-block;border-right:1px solid #A06166;color:#A06166;padding:0px 5px;}
main .row.col73 article h1{font-size:1.7rem;lien-height:1.3em;margin:30px 0px 0px;}
main .row.col73 article h1.cattitle{font-size:1.5rem;line-height:1.3em;margin:10px 0px 0px;}
main .row.col73 article time{display:block;font-size:1rem;color:#A06166;}
main .row.col73 article font-size:1rem;line-height:1.8em;}
main .row.col73 article{padding:20px;}
main .row.col73 aside section > h2{text-align:left;font-size:1.3rem;margin-bottom:10px;}
main .row.col73 aside section > h2:after{display:none;}
main .row.col73 article .prev{bottom:10px;left:0px;}
main .row.col73 article .next{bottom:10px;right:0px;text-align:right;}
main .row.col73 article .prev a,
main .row.col73 article .next a{color:#A06166;}
article div.tmn{float:left;width:20%;margin:0px 20px 20px 0px;}
article div.tmn+div{float:left;}

.addtoany_share_save_container{text-align:right;}

.author-profile dt.fn{font-size:1.1rem;margin:10px 0px 5px;}

/* concept */
#concept-top{background:url(./images/concept.png) center top no-repeat;background-size:contain;margin-top:-100px;padding-top:53%;}

main article section.centerlead{margin-bottom:40px;}
main article section.centerlead p{text-align:center;font-size:1rem;line-height:1.8em;color:#2A4957;}
main article section.centerlead  > h2{border:0px;}
main article section.centerlead  > h2:after{display:none;}
main article section.centerlead .right{text-align:right;display:block;max-width:640px;margin:20px auto;}
p.center a{display:block;}
p.center a img{display:block;width:100%;height:auto;}
p.center a:hover{opacity:0.5;}

.stblock{background:rgba(162,101,106,0.6);padding:20px;color:#FFF;margin-bottom:40px;}
.stblock .items em{font-size:1.3rem;font-weight:bold;display:block;}
.stblock .items{background:#FFF;padding:20px;color:#A06166;text-align:center;margin-bottom:20px;}

.conceptblock > div{background:#FFF;margin-bottom:20px;position:relative;cursor:pointer;overflow:hidden;}
.conceptblock > div p{display:block;width:100%;height:100%;position:absolute;left:0px;top:100%;box-sizing:border-box;padding:20px;background:rgba(255,255,255,0.8);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.conceptblock > div:hover p{top:0%;}
.conceptblock > div.whitebg{padding:20px 20px 40px;}

/* menu */

.promise li{
  margin:0px 0px;
  padding:30px 0px 20px 80px;
  background: left center no-repeat;
  background-size: 70px;
}
.promise li.off05{background-image:url(./images/off05.png);}
.promise li.off10{background-image:url(./images/off10.png);}
.promise li.off20{background-image:url(./images/off20.png);}
.promise li.off20s{background-image:url(./images/off20s.png);}
.promise li.off50{background-image:url(./images/off50.png);}
.promise li.off100{background-image:url(./images/off100.png);}
.promise li.point2{background-image:url(./images/point2.png);}


/* get app */
.get-app{
	background:url(http://hitoyane.net/cms/wp-content/uploads/2018/04/wavy-line.png) center top no-repeat;
	padding:40px 0 0 0;
}
.get-app .off10{
	width:100%;
}
.get-app .app-wrap{
	float:left;
	padding-right:20px;
}
.get-app .off10 p{
	background:url(./images/off10.png) left center no-repeat;
  background-size: 70px;
	padding:30px 0px 20px 80px;
}
.get-app .off10 p,
.get-app .off10 div{
	float:left;
	margin-right:5px;	
}
.get-app div.applestore{
	margin-left:80px;
	clear:left;
}
.get-app div.qr img{
	width:auto;
	height:100px;
}
.get-app div.applestore img,
.get-app div.googleplay img{
	width:auto;
	height:44px;
}
@media only screen and (max-width:1000px){
	.get-app .off10{}
	.get-app .off10 p,
	.get-app .off10 div{
		margin-bottom:10px;
	}
}
@media only screen and (max-width:768px){
	.get-app .off10{}
	.get-app .app-wrap{width:100%;padding-right:0;}
	.get-app .off10 p,
	.get-app .off10 div{margin-right:0;}
	.get-app div.qr,
	.get-app div.applestore,
	.get-app div.googleplay{width:100%;text-align:center;}
	.get-app div.applestore{margin-left:0;}
	.get-app div.applestore img,
	.get-app div.googleplay img{
		height:60px;
	}
}
@media only screen and (max-width:480px){
	.get-app .off10 p{}
	.get-app div.applestore,
	.get-app div.googleplay{clear:left;}
}

.staffblock .items{margin-bottom:20px;position:relative;background:#FFF;position:relative;}
.staffblock .items ul.snsbtn{position:relative;float:right;margin-top:-30px;z-index:10;text-align:right;margin-right:5px;}
.staffblock .items ul.snsbtn li{display:inline-block;}
.staffblock .items ul.snsbtn li a{border-radius:3px;display:block;padding:4px 9px;line-height:1em;color:#FFF;background:#999;text-decoration:none;}
.staffblock .items ul.snsbtn li a.fb{background:#254887 url(./images/sns_fb.png) center center no-repeat;background-size:contain;height:1em;}
.staffblock .items ul.snsbtn li a.tw{background:#00AFE9 url(./images/sns_tw.png) center center no-repeat;background-size:contain;height:1em;}
.staffblock .items ul.snsbtn li a.ins{background:#A06166 url(./images/sns_ins.png) center center no-repeat;background-size:contain;height:1em;}
.staffblock .items ul.snsbtn li a.line{background:#02C300;}
.staffblock .items ul.snsbtn li a.reserve{background:#DF4C58;}
.staffblock .items ul.snsbtn li a.blog{background:#DAA83D;}
.staffblock .items ul.snsbtn li a:hover{background-color:#eee;color:#999;}
.supportitem .items > dl{padding:10px;color:#2A4957;}
.staffblock .items > dl{padding:10px;color:#2A4957;cursor:pointer;}
.staffblock .items > div{padding:10px;color:#2A4957;}
.supportitem .items > dl > dt,
.staffblock .items > dl > dt,
.staffblock .items > div > div{font-size:1.4rem;line-height:1.3em;position:relative;}
.staffblock .items > dl > dt:hover{opacity:0.6;}

.staffblock .items > dl > dt:before{content:"";display:block;position:absolute;right:7px;top:50%;margin-top:-4px;width:8px;height: 8px;border-bottom: 2px solid #2A4957;border-right: 2px solid #2A4957;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.staffblock .items > dl.close > dt:before{-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.supportitem .items > dl > dt small,
.staffblock .items > dl > dt small,
.staffblock .items > div > div small{font-size:0.7rem;display:block;line-height:1.2em;}
.supportitem .items > dl > dt dd,
.staffblock .items > dl > dd{margin-top:10px;line-height:1.6em;display:none;}
.staffblock .items > dl > dd > div.caption{border-top:1px dotted #A06166;padding-top:7px;margin-top:7px;line-height:1.4em;}
.staffblock .items > dl > dd > div.caption dl{color:#A06166;padding:3px 0px;display:block;}
.staffblock .items > dl > dd > div.caption dl:after{content:"";display:block;clear:both;}
.staffblock .items > dl > dd > div.caption dl > dt{float:left;width:25%;display:block;}
.staffblock .items > dl > dd > div.caption dl > dd{float:right;width:70%;display:block;}

/* recruit */


#recruit-top{background:url(./images/recruit.png) center top no-repeat;background-size:contain;margin-top:-100px;padding-top:53%;}

article section.table{margin-bottom:50px;}
article section.table dl{border-bottom:1px solid #2A4957;width:100%;max-width:760px;margin:0px auto;padding:20px 0px;}
article section.table dl dt{width:20%;float:left;}
article section.table dl dd{width:78%;float:right;}
article section.table dl dd h3{border:0px;font-weight:normal;color:#A06166;font-size:1.2rem;border-top:1px dotted #999;padding-top:10px;}
article section.table dl dd h4{margin:5px 0px;font-size:1rem;}
article section.table dl dd p{padding-left:1.4em;}

article section .form.row{padding:30px 0px;background:#FFF;color:#2A4957;}
article section .form.row input[type=tel],
article section .form.row input[type=email],
article section .form.row textarea,
article section .form.row input[type=text]{padding:7px;border:1px solid #CCC;}
article section .form.row input[type=submit]{border:0px;font-size:1.1rem;width:200px;display:block;padding:10px 0px;background:#2A4957;text-align:center;color:#FFF;margin:20px auto 0px;cursor:pointer;}

article section .form.row .your-age input[type=text]{width:50px;}
article section .form.row input[type=tel],
article section .form.row .your-name input[type=text],
article section .form.row .your-kana input[type=text]{width:180px;}

.row.pagenav{text-align:center;}
.row.pagenav a{display:inline-block;margin:0px 10px;}

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

main > section,
article{width:90%;}


}

@media only screen and (max-width:768px){
header .hc{width:100%;}
header .reseveblock.middle{display:block;margin-bottom:20px;}
header .reseveblock.middle .resevebtn{display:block;float:left;width:42%;top:0px;right:0px;}
header .reseveblock.middle tel{clear:none;background:#FFF;display:block;float:right;width:58%;border:0px;font-size:1.3rem;text-align:center;}

.pagetop{width:100%;position:relative;top:auto;right:auto;}

header{padding:0px 0px;}
header .hc{padding:0px 0px;height:60px;}
header .sitetitle{float:none;text-align:center;}
header .sitetitle img{display:block;height:60px;width:auto;margin:0px auto;}
header .hmenu{float:none;display:none;}
header .hmenu li a{text-align:left;}
header .hmenu li a:hover{margin-top:0px;margin-left:20px;}
header .hmenu li a small{display:inline-block;margin-left:5px;border:0px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 1s;opacity: 0.5s;}
header .reseveblock{position:relative;top:auto;left:auto;}
header .reseveblock .resevebtn a{padding:14px 0px;border-radius:0px;line-height:1.2em;
-webkit-box-shadow:0 0 3px 3px rgba(0,0,0,0.2) inset;-moz-box-shadow:0 0x 3px 3px rgba(0,0,0,0.2) inset;box-shadow:0 0 3px 3px rgba(0,0,0,0.2) inset; 
}

header .reseveblock tel{text-align:center;padding:10px 0px;font-size:1.5rem;border-bottom:1px solid #999;}
header .reseveblock tel:before{display:inline-block;position:relative;left:auto;top:auto;}


#panel{margin:0px 0px;position:absolute;left:0px;top:60px;background:#FFF;width:100%;z-index:1001;}
#panel ul{border-top:1px solid #666;margin-top:0px;}
#panel ul li.btn.mail,
#panel ul li{float:none;display:block;border-bottom:1px solid #666;width:100%;}
#panel ul li.btn.mail a,
#panel ul li a{padding:15px 10px;display:block;border:0px;font-size:1rem;height:auto;}
#panel ul li.btn.mail a{padding-left:32px;margin-top:0px;}
#panel-btn{font-size:0.7em;text-align:center;color:#FFF;font-weight:600;padding-top:36px;box-sizing:border-box;display: block;position:absolute;right:0px;top:0px;width: 60px;height: 60px;margin: 0px 0 0px;float:right;background: #2A4957;}
#panel-btn:hover{background: #999;}
#panel-btn-icon{display: block;position: absolute;top: 50%;left: 50%;width: 30px;height: 3px;margin: -8px 0 0 -15px;background: #FFF;transition: .2s;}
#panel-btn-icon:before, #panel-btn-icon:after{display: block;content: "";position: absolute;top: 50%;left: 0;width: 30px;height: 3px;background: #FFF;transition: .3s;}
#panel-btn-icon:before{margin-top: -10px;}
#panel-btn-icon:after{ margin-top: 7px;}
#panel-btn .close{background: transparent;}
#panel-btn .close:before, #panel-btn .close:after{margin-top: 0;}
#panel-btn .close:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#panel-btn .close:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}

article section.table{padding:0px 0px;}
article section.table dl dt{font-size:1.2rem;width:100%;float:none;background:rgba(162,101,106,0.1);padding:10px;box-sizing:border-box;}
article section.table dl dd{width:100%;float:none;}
article section.table dl dd h3{border-top:1px solid #CCC;}

main .row.col73 article{width:100%;}
main .row.col73 article .blogtitlewrap{margin:20px 0px;padding:10px 0px;border-top:4px solid #A06166;border-left:0px;background:url(./images/hbg.png) left top repeat-x;}
article div.tmn{float:none;margin:20px auto;width:100%;max-width:480px;}
article div.tmn+div{float:none;}

main section.instagram{padding:0px;}
main section.instagram h2{margin-bottom:0px;}

article section{width:100%;}
main section.mainmenu > ul > li{padding:20px 20px;}
main section.mainmenu > ul > li:nth-child(6){padding-top:0px;margin-top:30px;}
footer .ft{width:100%;margin:0px auto;}
footer .row.col2{width:90%;margin:20px auto;}
footer .fmenu{text-align:left;border-top:1px solid #2A4957;position:relative;bottom:auto;top:0px;}
footer .fmenu li{display:block;border:0px;border-bottom:1px solid #2A4957;}
footer .fmenu li a{background:#FFF;display:block;padding:10px;position:relative;}
footer .fmenu li:last-child{border-right:0px;}
}


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

.blogupdate > ul.row.col4 > li{display:block;margin-bottom:8px;margin-left:0px!important;background:#FFF;}
.blogupdate > ul > li a{}
.blogupdate > ul > li:after{content:"";display:block;clear:both;}
.blogupdate ul.row.col4 > li span{float:left;max-width:30%;height:100px;}
.blogupdate > ul > li a img{}
.blogupdate > ul > li div{float:left;width:70%;}
.blogupdate ul li div p{overflow:hidden;height:auto;}
main article section.centerlead {margin-bottom:0px;}
main article section.centerlead h2{margin-bottom:10px;}
main article section.centerlead p{text-align:left;}
main section.mainmenu > ul > li{padding:20px 50px;}
footer div p{text-align:center;}
.row.col3 > *.items{margin-bottom:10px;}
p.centerbtn a.btn{width:90%;display:block;margin:5px auto;}
footer .ft img#fillst{max-width:200px;}
footer .ft ul.snsbtn li{width:50px;}


article section.table .form.row{padding:0px 10px;background:#FFF;color:#2A4957;}
article section.table .form.row dl{padding-top:10px;border-bottom:0px;}
article section.table .form.row dd{padding:10px 0px;}


.conceptblock > div p{position:static;}

}

.grecaptcha-badge { visibility: hidden; }

.recruit_pv {
  margin: 32px auto 0;
  width: 100%;
  max-width: 760px;
  aspect-ratio: 16 / 9;
}
.recruit_pv iframe {
  width: 100%;
  height: 100%;
}