@charset "UTF-8";

/***************************************
GOOGLE FONT
****************************************/


@font-face {
	font-family: FontA;
	src: url('../font/PlayfairDisplay-Regular.ttf') format("truetype");
}
@font-face {
	font-family: FontB;
	src: url('../font/DancingScript-Bold.ttf') format("truetype");
}


/***** font *****/


/*RESET.CSS Start */
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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; background : transparent; }
caption, th, td { text-align : left; font-weight : normal; }
table, td, th { vertical-align : middle; border-collapse:collapse;border-spacing : 0;  }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }
a img {border : none; }
abbr[title], dfn[title] {border-bottom : 1px dotted rgb(0,0,0);cursor : help; }
 
/* HTML 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section {display : block; }
mark {background-color : #ff9;color : rgb(0,0,0);font-style : italic;font-weight : bold; }
/*RESET.CSS END */


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

img{vertical-align:middle;}

.clearfix:before,.clearfix:after {
	display: block;
	line-height: 0; content: ""; 
	display:block; 
	height:0;
	clear:both;
}

body{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust: none;}

/*-------------------Comment1-----------------------*/
.line1{width:99%;height:1px;border:none; border-top: 1px dotted #ccc; margin-top:10px;margin-bottom:10px;}
.line2{width:99%;height:1px;border:none; border-top: 3px solid #ee7600; margin-bottom:10px;}
.imgHover:hover{opacity:0.8; filter:alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }

.alignLeft{text-align:left!important;}
.alignCenter{text-align:center!important;}
.alignRight{text-align:right!important;}

.inlineBlock{display:inline-block!important;}

.setPaddingT50{padding-top:50px!important;}
.setPaddingT20{padding-top:20px!important;}
.setPaddingT10{padding-top:10px!important;}

.setPaddingL20{padding-left:20px!important;}

.setPaddingB50{padding-bottom:50px!important;}
.setPaddingB20{padding-bottom:20px!important;}
.setPaddingB10{padding-bottom:10px!important;}

.setMarginB50{margin-bottom:50px!important;}
.setMarginB20{margin-bottom:20px!important;}
.setMarginB10{margin-bottom:10px!important;}

.setMarginT50{margin-top:50px!important;}
.setMarginT20{margin-top:20px!important;}
.setMarginT10{margin-top:10px!important;}

.annotation1{color:#666;font-size:0.825rem;}
.stress1{font-weight:600;font-size:0.875rem;color:#ad0c0c;}
.stress1 a{color:#ad0c0c!important;text-decoration:underline!important;}
.stress2{font-weight:600;color:#cc3526;}
.stress3{font-weight:600;color:#1d50a2;font-size:1.125rem;}
.stress4{font-weight:600!important;color:#ba6b3a;}

.annotation1{font-size:0.825rem;color:#666;}

.pBeforeArrow1{position:relative;}
.pBeforeArrow1::before{content:"";display: inline-block; width:6px; height:6px; border: solid #333;border-width: 0 1px 1px 0;transform:rotate(-45deg);position:absolute;top:11px;left:-11px;}
/*------------------ Template ---------------------*/
html{font-size:16px;}
body{
	font-family:'Noto Serif JP',游ゴシック, Yu Gothic, 游ゴシック体, YuGothic, Meiryo UI, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	font-size:100%;
	font-weight:500;
	color: #fff; 
	line-height:1.6;
	letter-spacing:1px;
	text-align:justify;	
}

body:before{
	content:"";
	width:100%;
	height:100%;
	position:fixed;
	top:0;left:0;
	z-index:-1;
	
	background: url(../images/pc_bg.jpg) no-repeat top center fixed;
    background-size: cover;
    background-color: #650103;
}

a:link{ 
	text-decoration: none; 
	color:#e1c65e;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
a:visited{color:#e1c65e; }
a:hover{color:#e1c65e; }
a:active{ color:#e1c65e;}

.title1Wrap{
	text-align:center;
	line-height:1.1;
	padding-bottom:30px;
}

/** t_title **/

.t_title{
	position: relative;
	font-size: 20px;
	font-weight: normal;
	line-height: 60px;
	text-align: center;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.t_title em{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-family: "FontA";
	font-size: 75px;
	line-height: 87px;
	letter-spacing: 2px;
	
	color: rgb(213, 183, 64);
    background: rgb(213, 183, 64);
    background: linear-gradient(0deg, rgba(213, 183, 64, 1) 0%, rgba(255, 233, 164, 1) 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.t_title em:first-letter{	color: #ff0048;}

.t_title em:before{
	content: '';
	width: 300px;
	height: 2px;
	background: rgb(213, 183, 64);
	position: absolute;
	bottom: -7px;
	left: calc(50% - 150px);
}

.t_title span{
	position: relative;
	font-family: "Sawarabi Mincho";
}


.btn1{width:250px;display:block;padding:10px 20px; color:#a10144!important;border:1px solid #a10144;text-align:center;margin:50px auto 10px;font-weight:400;background-color:rgba(255,255,255,0.8);font-size:0.925rem;}
.btn1:hover{background-color:rgba(255,255,255,0.4);}
.btn1::after{content:"";display: inline-block; width: 15px; height: 5px; margin: 0 0 1px 1em;border: solid #666;border-width: 0 1px 1px 0;transform-origin: left bottom;transform: skewX(45deg
);}
.btn1:hover::after{margin-left:1.25em;}

#header{
	width:100%;
	height:80px;
	position:fixed;
	background:#2c0102;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	z-index:10;
}
#siteNameA{position:absolute; left:20px; top:5px;}
#siteNameA img{width:180px;}

#navPC{width:680px;position:absolute;top:5px;left:29%;left:-webkit-calc((100% - 680px)/2);left:calc((100% - 680px)/2);}
#navPC li{padding:10px 15px;float:left;list-style:none;}
#navPC li a{display:block;width:100%;height:100%;color:#e1c65e;text-align:center;font-size:0.875rem;}
#navPC li a:hover{color:#f0f0f0;}
#navPC li a span{display:block;font-size:1.25em;}

#infoPCTop{
	position:absolute;
	top:5px;right:20px;
	padding:5px 25px; 
	background:#520002;
	color:#fff;
	text-align:center;
	font-size:0.775rem;
}

#infoPCTop p a{color:#fff;}

#navIcon{
	display:none;
	position:fixed;
	top:0;
	right:0;
	z-index:12;
	background:#2c0102; 
	color:#d7b944;		
	width:63px;
	height:62px;
	padding:6px 0;
	line-height:110%;
	text-align:center; 
	overflow:hidden;
	cursor: pointer;		
	font-size:0.65rem;
}
.nav-icon-first,.nav-icon-second,.nav-icon-thrid {
	width: 36px;
	height: 2px;
	background:#d7b944;
	margin: 7.5px auto;
	border-radius:1px;
	transition: 0.3s;
}	

.close{}

/* 旋转第一条横线 */
.close .nav-icon-first {
	-webkit-transform: rotate(-135deg) translate(-7px,-6.5px);
	transform: rotate(-135deg) translate(-7px,-6.5px);
}
/* 隐藏第二条横线 */
.close .nav-icon-second {
	opacity: 0;
}
/* 旋转第三条横线 */
.close .nav-icon-thrid {
	-webkit-transform: rotate(135deg) translate(-7px,6.5px);
	transform: rotate(135deg) translate(-7px,6.5px);
}

#navbar{
	display:none;
	width:500px;
	height:100vh;		
	background:#520002; 
	z-index:20; 
	position:fixed;
	top:0;
	right:0;
	z-index:11;
}
#navbarUl{width:75%;margin:60px auto 30px;}
#navbarUl li{width:100%;border-bottom:0.75px solid #e1c65e;list-style:none;text-align:center;}
#navbarUl li a{display:block;height:63px;line-height:68px;text-indent:1.125rem;color:#fff;font-size:0.825rem;}
#navbarUl li a span{font-size:0.775em;padding-left:10px;text-transform:uppercase;}

#siteNameNavbar{width:160px;}

#show{width:100%;height:100vh;background:url(../images/bgShow.jpg) top center;background-size:cover;text-align:center;overflow:hidden;}
#show1{width:180px;position:absolute;top:100px;right:80px;}
#show2{position:absolute;display:none;}

#showC{width:100%;height:30vh;background:url(../images/bgC.jpg) top center;background-size:cover;text-align:center;overflow:hidden;}

#telA:hover{background:#7bbfd6;}

#telTime{display:none;}

#wrapCampaign{width:100%;padding:10px 0 10px;background:#650103;margin-bottom:40px;}
#campaign{width:960px;margin:0 auto;overflow:hidden;}

.wrapStyle1{width:100%;padding:60px 0;background:#650103;}
.wrapStyle2{width:100%;padding:60px 0;}
.wrapStyle3{width:100%;padding:60px 0;}
.contentStyle1{width:960px;margin:0 auto;overflow:hidden;}

#wrapConcept{width:100%;background:url(../images/wrapCampaign.jpg) left center;background-size:cover;}

.contentStyle2{width:1000px;margin:0 auto;padding:80px 0;text-align:center;font-size:1.125rem;line-height:1.9;}
.contentStyle2 h2{font-size:2.25rem;padding-bottom:30px;}
.contentStyle2 p{padding-bottom:30px;text-align:left;}

#newMessage{width:1000px;margin:0 auto 40px;background:#650103;padding-bottom:25px;}

#newMessageC{width:965px;margin:0 auto;padding:40px;}

.newMessageTitle{font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #e1c65e;
	}
	
.date{font-size: 11px;
    line-height: 20px;
    margin: 0 0 10px 0;
    color: #e7b6b6;}
	
.message{font-size:0.85rem;font-weight:400;}

#access{width:100%;margin:0 auto;}

#attention{width:100%;margin:0 auto;font-size:0.875rem;background:#230001;padding:30px;box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;}

#linkS{width:100%;padding:3em;}

footer{width:100%;margin:0 auto;    
	background: rgba(0, 0, 0, 0.5);
	color:#fff;text-align:center;padding:60px 0 30px;}
.social-links {
    margin-top: 10px;
}

.social-links a {
    color: #fff;
    margin: 0 10px;
    font-size: 0.5rem;
    transition: color 0.3s;
}

.social-links a:hover {
    color: #ff1493;
}

#finfo{
	position: relative;
	color: #fff;
	margin: 0 0 55px 0;
	padding: 8px 0 0 0;
}
#finfo:after{
	content: 'mens esthe';
	display: inline-block;
	vertical-align: top;
	width: 300px;
	font-family: "FontA";
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 5px;
	position: absolute;
	bottom: -30px;
	left: calc(50% - 150px);
}

#finfo p{
	font-size: 22px;
	line-height: 22px;
}
#finfo p em{	font-size: 16px;}
#finfo p a{	color: #fff;}


#siteNameFooter{width:300px;margin-bottom:5px;}

#navFooter{margin-bottom:40px;}
#navFooter li{list-style:none;display:inline;padding:10px 20px;}

#navFooter a{
	display: inline-block;
	vertical-align: top;
	width: 140px;
	font-size: 13px;
	line-height: 22px;
	margin: 0 5px 10px 5px;
	color: #e1c65e;
	background: rgba(0, 0, 0, 0.5);
    border: 1px solid #8a7218;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#navFooter a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#copyright{font-size:0.825em;padding:2em 0 1em;}
#copyright a{color:#fff!important;}
/*-------------------------------------*/
.staffItem{
	width:23%;
	float:left;
	margin:1%; 
	text-align:center;
	position:relative;
	overflow:hidden;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	background: rgba(0, 0, 0, 0.5);
    border: 1px solid #8a7218;
}


.flowItem{
	width:96%;
	float:left;
	margin:1%; 
	text-align:center;
	position:relative;
	overflow:hidden;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	background: rgba(0, 0, 0, 0.5);
    border: 1px solid #8a7218;
}

@keyframes BLINK {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes BLINK {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.pop:before{
	background: url(../files/pop.png);
	-webkit-animation: BLINK 0.8s ease-in-out infinite alternate;
    animation: BLINK 0.8s ease-in-out infinite alternate;
	position: absolute;
	background-size: 100%;
	width: 45px;
	height: 45px;
	top: 10px;
	left: 10px;
	bottom: auto;
	right: auto;
	z-index: 8;
	content: "";
}


.new:before{
	background: url(../files/new.png);
	-webkit-animation: BLINK .8s ease-in-out infinite alternate;
	animation: BLINK .8s ease-in-out infinite alternate;
	position: absolute;
	background-size: 100%;
	width: 45px;
	height: 45px;
	top: 10px;
	left: 10px;
	bottom: auto;
	right: auto;
	z-index: 8;
	content: "";
}


.suggest:before{
	background: url(../files/suggest.png);
	-webkit-animation: BLINK .8s ease-in-out infinite alternate;
	animation: BLINK .8s ease-in-out infinite alternate;
	position: absolute;
	background-size: 100%;
	width: 45px;
	height: 45px;
	top: 10px;
	left: 10px;
	bottom: auto;
	right: auto;
	z-index: 8;
	content: "";
}

.staffImg{
	width:100%; 
	/*border:6px solid #fff;*/
}

.flowImg{
	width:100%; 
}

.word{
	color:#e1c65e;
	font-size:0.85rem;
}
.word span:nth-of-type(1){color:#e1c65e;display:block;margin-bottom:10px;font-size:0.85em;}
.word span:nth-of-type(2){display:block;width:90%;margin:0 auto 10px;background:#fbedf1;font-size:0.85em;padding:5px 0;color:#333;}

#dateA{text-align:center;}
#dateA a{font-size:0.825rem;display:inline-block;padding:7px 12px;margin:6px;border:1px solid #fff;color:#fff;background:linear-gradient(-60deg,#ffa1be,#fa82a4,#ffa1be,#f1b8d2,#fa82a4);}
#dateA a:hover{background:linear-gradient(-30deg,#ffa1be,#fa82a4,#ffa1be,#f1b8d2,#fa82a4);color:#fff;}

.newYOrN{width:80px;height:40px;line-height:57px;text-align:center;position:absolute;top:-12px;left:-34px;background:#d12831;color:#fff;transform:rotateZ(-45deg);font-family:'Parisienne',cursive;font-size:1.15rem;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;z-index:1;}
/*-------------------------------------*/
.itemMovie{width:23%;margin:0 0.5% 30px;float:left;}
.movieTitle{background:rgba(255,255,255,0.8);font-size:0.775rem;text-align:center;padding:0 5px;height:37px;line-height:37px;margin-bottom:20px;overflow:hidden;}
.itemMovie video{width:100%;}
/*------------------ telBtn goToTopBtn ---------------------*/

#telBtn{width:63px;height:63px;line-height:58px;text-align:center;font-size:1.75rem;background:#520002;color:#fff;display:block;position:fixed;bottom:8px;left:8px;display:none;border:2px solid #fff;border-radius:50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}	
#goToTopBtn{width:63px;height:63px;line-height:58px;text-align:center;font-size:1.5rem;background:#520002;color:#fff;display:block;position:fixed;bottom:8px;right:8px;display:none;border:2px solid #fff;border-radius:50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	
/** up **/

.up{
	position: relative;
	width: 100%;
    text-align: center;
	padding: 40px 0;
	
		border: 1px solid #a92328;
        background: rgb(174, 37, 42);
        background: linear-gradient(135deg, rgba(174, 37, 42, 1) 0%, rgba(121, 15, 19, 1) 100%);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.up a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 100px;
	font-family: "Sawarabi Mincho";
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	padding-top: 46px;
	background: #ff0048;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.up a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.up a:after{
	content: '';
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	z-index: 3;
	top: 30px;
	left: calc(50% - 3px);
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}



/* 料金システム */
.page-system  {
    padding: 20px 0;
    text-align: center;
	background-color:#230001;
}

.page-system  h2 {
    font-size: 2rem;
    margin-bottom: 40px;
}

.page-system   .container{
	max-width:900px;
	}

    .page-system .system-cont .system-cost {
        border: 1px solid #e1c65e;
        background: rgba(88, 2, 5, 0.5);
        margin: 40px 10px;
        padding: 30px 10px 10px;
        position: relative;
        box-sizing: border-box;
        line-height: 1.5
    }
    
    .page-system .system-cont .system-cost .block-system-title .systemtitle-head {
        background-color: #e1c65e;
        border: 1px solid #e1c65e;
        border-radius: 5px;
        padding: 10px 20px;
        position: absolute;
        left: 20px;
        top: -20px;
        line-height: 1.5;
        z-index: 10;
        color: #fff;
        font-size: 16px;
        font-weight: 700
    }
    
    .page-system .system-cont .system-cost .block-system-title .systemtitle-desc {
        font-size: .875rem;
        margin-bottom: 10px;
    }
    
    .page-system .system-cont .system-cost {
        margin-bottom: 5px
    }
    
    .page-system .system-cont .system-cost-title {
        display: none
    }
    
    .page-system .system-cont .system-cost-data {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
    
    .page-system .system-cont .system-cost-data dl {
        margin-top: 5px
    }
    
    .page-system .system-cont .cost-data-bundle {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }
    
    .page-system .system-cont .cost-data-bundle:last-child {
        align-self: center
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-label {
        flex: 0 0 30%;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: .875rem
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-label,
    .page-system .system-cont .cost-data-bundle .cost-data-price {
        display: flex;
        line-height: 1.5;
        padding: 5px 10px;
        box-sizing: border-box;
        justify-content: center;
        border: 1px solid #9E6570
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-price {
        flex: 0 0 70%;
        background: #fff;
        color: #9E6570;
        font-weight: 700
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-price .price-1 {
        display: flex;
        flex: 0 0 50%;
        font-size: 1rem;
        color: #9E6570;
        justify-content: center
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-price .price-1 .price-sub {
        text-decoration: line-through
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-price .arrow {
        font-size: .875rem
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-price .price-2 {
        display: flex;
        flex: 0 0 50%;
        font-size: 1rem;
        color: #ff799c;
        justify-content: center
    }
    
    .page-system .system-cont .cost-data-bundle .cost-data-desc {
        font-size: .875rem;
        margin: 5px auto 10px
    }
    
    .page-system .system-fee_remark1-box,
    .page-system .system-fee_remark2-box {
        margin-bottom: 15px
    }
    
    .page-system .system-fee_remark1-box .systemtitle-head,
    .page-system .system-fee_remark2-box .systemtitle-head {
        background-color: #655047;
        border: 1px solid #655047;
        border-radius: 5px;
        padding: 5px 10px;
        line-height: 1.5;
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        text-align: center
    }
    
    .page-system .system-fee_remark1-box .system-snippet,
    .page-system .system-fee_remark2-box .system-snippet {
        background: #fff;
        border: 1px solid #934757;
        color: #9E6570;
        font-size: .875rem;
        padding: 10px
    }
    
    :after,
    :before {
        box-sizing: content-box
    }
    
    .system-options .system-options-item {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #FF5294
    }
    
    .system-options .system-options-item .system-options-price {
        padding: 10px 0;
        width: 25%;
        text-align: center;
        color: #fff;
        font-size: 14px;
        background: #fa90b6
    }
    
    .system-options .system-options-item .system-options-services {
        width: 75%;
        padding: 10px;
        color: #FF5294;
        font-weight: 700;
        font-size: 14px;
        text-align: left
    }
	
/* アクセス案内 */ 

.access {
    padding: 20px 0;
    background: #f9edf2;
}


.access h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}

.access-content {
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.map {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px 0;
}


.access-content  .map-des {
    margin-top: 10px;
    background: hsla(0, 0%, 100%, .2);
    padding: 15px 10px;
    border: 2px solid #e1c65e
}

.access-content  .access-info {
    margin: 0;
    border: none;
    padding: 0;
    background: none
}

.access-content  .access-info .access-item {
    border-bottom: 1px dashed #000;
    padding: 10px 0
}

.access-content  .access-info .access-item+.access-item {
    margin-top: 0 !important
}

.access-content  .access-info .access-list-item-label {
    width: 90%;
    color: #e1c65e;
	font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        padding: 10px 15px;
		background: rgba(174, 27, 35, 0.5);
}


.access-info {
    margin-bottom: 20px;
	background: hsla(0, 0%, 100%, .2);
    border: 2px solid #e1c65e;
    padding: 10px
}


.access-top .access-info {
    margin-bottom: 20px;
	background: hsla(0, 0%, 100%, .2);
    border: 2px solid #e1c65e;
    padding: 10px
}

.access-info .access-item {
    /*display: flex;*/
    font-size: 14px;
}

.access-info .access-item .access-list-item-context {
    width: 100%;
    padding: 10px;
	background:rgba(0, 0, 0, 0.5);
}

.access-info .access-item+.access-item {
    margin-top: 10px
}

.access-iframemap+.access-iframemap {
    margin-top: 15px
}

.access-iframemap .iframemap-desc {
    display: none
}

.access-iframemap iframe {
    width: 100%;
    height: 320px !important
}


/* 求人情報 */
.page-recruit  {
    padding: 20px 0;
    text-align: center;
	background-color:#f9edf2;
}

.page-recruit  h2 {
    font-size: 2rem;
    margin-bottom: 40px;
}

.page-recruit   .container{
	max-width:900px;
	}
.recruit-box .box-body {
     padding: 20px 10px;
     background: rgba(0, 0, 0, 0.5);
    }

.recruit-box {
    padding: 20px 0
}
    
.recruit-description {
   font-size: 14px;
   line-height: 2;
   margin-bottom: 20px
}
    
.recruit-list .recruit-item {
  display: block;
  font-size: 14px;
  padding: 15px 0;
  border-bottom: 1px dashed #e1c65e
}
    
.recruit-list .recruit-item .recruit-context,
 .recruit-list .recruit-item .recruit-label {
  width: 100%
}

.recruit-item .recruit-label-con {
    display: block;
    font-size: 1rem;
    color: #e1c65e;
    line-height: 2;
    border-bottom: 1px dotted #fff;
}
/*therapist*/
.therapist-body{
	text-align: center;
}

/* ------------------------------------------------------------- */
@media (max-width: 1023px) {	
	#header{height:63px;background:rgba(44,1,2,0.95);box-shadow:none;}
	#siteNameA{display:none;}
	
	#navPC{width:98%;height:63px;top:0;left:0;top:0;}
	#navPC li{width:13%;padding:8px 20px;position:relative;}
	#navPC li:not(:last-child):after{content:"";width:1px;height:50px;position:absolute;top:7px;left:99%;background:#2c0102;}
	#navPC li a{color:#e1c65e;font-size:0.725rem;}
	#navPC li a span{font-size:1.125rem;}
	
	#infoPCTop{display:none;}
	
	#navIcon{display:block;}
	
	#show2{display:block;width:350px;bottom:150px;right:50%;}
	
	#telTime{display:block;width:100%;padding:30px 0;text-align:center;font-size:1rem;line-height:1.8;}
	#telA{display:block;width:280px;height:55px;line-height:54px;font-size:1.5rem;
	margin:15px auto 5px;
	        color: #000;
        border: 1px solid #f5d678;
        background: rgb(245, 214, 120);
        background: linear-gradient(135deg, rgba(245, 214, 120, 1) 0%, rgba(213, 183, 64, 1) 100%);
		
		}
	#telA:hover{background:#ffe8ed;}
	
	#wrapCampaign{margin-bottom:0px;}
	#campaign{width:100%;}
	
	#newMessage{width:95%;margin-bottom:20px;}
	#newMessageC{width:95%;}
	
	
	
	.wrapStyle1{padding:30px 0;}
	.wrapStyle2{padding:30px 0;}
	.wrapStyle3{padding:30px 0;}
	.contentStyle1{width:90%;}	
	.contentStyle2{width:90%;}
	
	/** up **/
	.up{	padding: 10px 0;}
	.up a{
		width: 60px;
		height: 60px;
		font-size: 10px;
		padding-top: 26px;
	}
	.up a:after{	top: 17px;}
	
	
	#finfo {
        position: relative;
        color: #fff;
        margin: 0 0 30px 0;
        padding: 5px 0 0 0;
    }
	
	#finfo:after{
		width: 300px;
		font-size: 10px;
		line-height: 20px;
		letter-spacing: 5px;
		position: absolute;
		bottom: -20px;
		left: calc(50% - 150px);
	}
	#finfo p{
		font-size: 15px;
		line-height: 16px;
	}
	#finfo p em{	font-size: 10px;}
	
	.access-info .access-item .access-list-item-label {
    width: 100% !important
}
	
}
/* ------------------------------------------------------------- */
@media (max-width: 767px) {
	#navPC{width:92%;width:-webkit-calc(100% - 63px);width:calc(100% - 63px);}
	#navPC li{width:25%;padding:8px 3px;}
	#navPC li:nth-of-type(5),#navPC li:nth-of-type(6),#navPC li:nth-of-type(7){display:none;}
	#navPC li:nth-of-type(4):after{content:none;}
	
	#show2{width:250px;bottom:200px;right:50%;}	
		
	#navbar{width:100%;}
	#navbarUl li a{font-size:0.925rem;}
	
	.title1Wrap{padding-bottom:10px;}
	
	/** t_title **/
	.t_title{
		position: relative;
		display: block;
		width: auto;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.t_title em{
		font-size: 36px;
		line-height: 38px;
		padding: 0 0 5px 0;
		letter-spacing: 1px;
	}
	.t_title em:before{
		content: '';
		width: 160px;
		position: absolute;
		bottom: 0px;
		left: calc(50% - 80px);
	}

	.dtw_in{
		position: relative;
		margin: 0;
	}
	.dtw h3{
		position: relative;
		font-size: 12px;
		font-weight: normal;
		line-height: 22px;
		text-align: left;
		padding: 13px 0 0 10px;
		background: url(img/dt.png) no-repeat 10px 0;
		-webkit-background-size: 65px auto;
		background-size: 65px auto;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.dtw h3 em{
		font-family: "FontA";
		font-size: 22px;
		letter-spacing: 1px;
	}
	.dtw .dtbt{
		width: 66px;
		font-size: 12px;
		line-height: 12px;
		padding: 1px 0;
		position: absolute;
		top: -39px;
		right: 10px;
	}
	.dtw .dtbt br{	display: inline;}
	
	
	#wrapCampaign{padding:0 0 10px;overflow:hidden;}
	#campaign{width:100%;margin-left:0%;}
	
	#newMessage{width:100%;margin-bottom:20px;}
	#newMessageC{width:94%;padding:15px;}
	.newMessageTitle{font-size:1rem;}
	.message{font-size:0.825rem;}
	
	.contentStyle1{width:98%;font-size:0.925rem;}	
	
	.contentStyle2{width:98%;padding:40px 0;font-size:1rem;line-height:1.7;}
	.contentStyle2 h2{font-size:1.75rem;padding-bottom:20px;}
	.contentStyle2 p{padding-bottom:20px;}
	
	.staffItem{width:48%;}
 
	.flowItem{width:98%;}
	
	footer{padding:50px 0 50px;}
	
	#siteNameFooter{margin-bottom:10px;width:220px;}
	#copyright{font-size:0.825em;padding:0 0;}
	
	#attention{font-size:0.825rem;}
	
	.staffFrameB{width:48%;margin:1% 1%;background:rgba(255,255,255,0.95);}
	
 

}
/* ------------------------------------------------------------- */
@media (max-width: 479px) {	
	#show1{width:130px;right:10px;top:unset;bottom:130px;}
	#show2{bottom:200px;right:35%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 399px) {
	#show1{right:0px;}
	#show2{right:30%;}
}
/* ------------------------------------------------------------- */
@media (max-width: 359px) {	
	#show1{display:none;}
	#show2{width:50%;}
}
/* -----------------------横屏设备（根据vh设定高度的要调整）------------------------ */
@media screen and (orientation:landscape) and (max-width: 899px){
	/*横屏 css*/
	#showC{height:100vh;}
	
	#show1{display:none;}
	#show2{bottom:200px;right:50%;width:300px;}
}