/*
Theme Name:シーホースジャパン専用テーマ
Theme URI: http://www.seahorsejp.com/
Description:シーホースジャパン専用テーマです。
Author: シーホースジャパン
Author URI: http://www.seahorsejp.com/
Version: 2.0.0
*/

/* The CSS has been optimized in 126 column (tab size:4) of sublimetext. */
/* Each style must be extended based on the framework. */

/* ======================================================================================================================== */
/* reset style */
/* ======================================================================================================================== */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{font-weight:normal;text-align:left;vertical-align:top}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none}del{color:#333}ins{background:#fff9c0;text-decoration:none}hr{background-color:#ccc;border:0;height:1px;margin:24px;margin-bottom:1.714285714rem}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}small{font-size:smaller}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}

/* ======================================================================================================================== */
/* default pl framework */
/* ======================================================================================================================== */

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* margin and padding */
	/* 00 05 08 10 15 16 20 24 25 30 32 35 40 45 48 50 56 64 104 112 120 */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.ma00{margin:0!important}.mt00{margin-top:0!important}.mr00{margin-right:0!important}.mb00{margin-bottom:0!important}.ml00{margin-left:0!important}.pa00{padding:0!important}.pt00{padding-top:0!important}.pr00{padding-right:0!important}.pb00{padding-bottom:0!important}.pl00{padding-left:0!important}.ma05{margin:5px!important}.ma10{margin:10px!important}.ma15{margin:15px!important}.ma20{margin:20px!important}.ma25{margin:25px!important}.ma30{margin:30px!important}.ma35{margin:35px!important}.ma40{margin:40px!important}.ma45{margin:45px!important}.ma50{margin:50px!important}.mt05{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt45{margin-top:45px!important}.mt50{margin-top:50px!important}.mr05{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr35{margin-right:35px!important}.mr40{margin-right:40px!important}.mr45{margin-right:45px!important}.mr50{margin-right:50px!important}.mb05{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mb45{margin-bottom:45px!important}.mb50{margin-bottom:50px!important}.ml05{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml35{margin-left:35px!important}.ml40{margin-left:40px!important}.ml45{margin-left:45px!important}.ml50{margin-left:50px!important}.pa05{padding:5px!important}.pa10{padding:10px!important}.pa15{padding:15px!important}.pa20{padding:20px!important}.pa25{padding:25px!important}.pa30{padding:30px!important}.pa35{padding:35px!important}.pa40{padding:40px!important}.pa45{padding:45px!important}.pa50{padding:50px!important}.pt05{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt35{padding-top:35px!important}.pt40{padding-top:40px!important}.pt45{padding-top:45px!important}.pt50{padding-top:50px!important}.pr05{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:10px!important}.pr20{padding-right:20px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px!important}.pr45{padding-right:45px!important}.pr50{padding-right:50px!important}.pb05{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb35{padding-bottom:35px!important}.pb40{padding-bottom:40px!important}.pb45{padding-bottom:45px!important}.pb50{padding-bottom:50px!important}.pl05{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl35{padding-left:35px!important}.pl40{padding-left:40px!important}.pl45{padding-left:45px!important}.pl50{padding-left:50px!important}.ma08{margin:8px!important}.ma16{margin:16px!important}.ma24{margin:24px!important}.ma32{margin:32px!important}.ma40{margin:40px!important}.ma48{margin:48px!important}.ma56{margin:56px!important}.ma64{margin:64px!important}.ma72{margin:72px!important}.ma80{margin:80px!important}.ma88{margin:88px!important}.ma96{margin:96px!important}.ma104{margin:104px!important}.ma112{margin:112px!important}.ma120{margin:120px!important}.mt08{margin-top:8px!important}.mt16{margin-top:16px!important}.mt24{margin-top:24px!important}.mt32{margin-top:32px!important}.mt40{margin-top:40px!important}.mt48{margin-top:48px!important}.mt56{margin-top:56px!important}.mt64{margin-top:64px!important}.mt72{margin-top:72px!important}.mt80{margin-top:80px!important}.mt88{margin-top:88px!important}.mt96{margin-top:96px!important}.mt104{margin-top:104px!important}.mt112{margin-top:112px!important}.mt120{margin-top:120px!important}.mr08{margin-right:8px!important}.mr16{margin-right:16px!important}.mr24{margin-right:24px!important}.mr32{margin-right:32px!important}.mr40{margin-right:40px!important}.mr48{margin-right:48px!important}.mr56{margin-right:56px!important}.mr64{margin-right:64px!important}.mr72{margin-right:72px!important}.mr80{margin-right:80px!important}.mr88{margin-right:88px!important}.mr96{margin-right:96px!important}.mr104{margin-right:104px!important}.mr112{margin-right:112px!important}.mr120{margin-right:120px!important}.mb08{margin-bottom:8px!important}.mb16{margin-bottom:16px!important}.mb24{margin-bottom:24px!important}.mb32{margin-bottom:32px!important}.mb40{margin-bottom:40px!important}.mb48{margin-bottom:48px!important}.mb56{margin-bottom:56px!important}.mb64{margin-bottom:64px!important}.mb72{margin-bottom:72px!important}.mb80{margin-bottom:80px!important}.mb88{margin-bottom:88px!important}.mb96{margin-bottom:96px!important}.mb104{margin-bottom:104px!important}.mb112{margin-bottom:112px!important}.mb120{margin-bottom:120px!important}.ml08{margin-left:8px!important}.ml16{margin-left:16px!important}.ml24{margin-left:24px!important}.ml32{margin-left:32px!important}.ml40{margin-left:40px!important}.ml48{margin-left:48px!important}.ml56{margin-left:56px!important}.ml64{margin-left:64px!important}.ml72{margin-left:72px!important}.ml80{margin-left:80px!important}.ml88{margin-left:88px!important}.ml96{margin-left:96px!important}.ml104{margin-left:104px!important}.ml112{margin-left:112px!important}.ml120{margin-left:120px!important}.pa08{padding:8px!important}.pa16{padding:16px!important}.pa24{padding:24px!important}.pa32{padding:32px!important}.pa40{padding:40px!important}.pa48{padding:48px!important}.pa56{padding:56px!important}.pa64{padding:64px!important}.pa72{padding:72px!important}.pa80{padding:80px!important}.pa88{padding:88px!important}.pa96{padding:96px!important}.pa104{padding:104px!important}.pa112{padding:112px!important}.pa120{padding:120px!important}.pt08{padding-top:8px!important}.pt16{padding-top:16px!important}.pt24{padding-top:24px!important}.pt32{padding-top:32px!important}.pt40{padding-top:40px!important}.pt48{padding-top:48px!important}.pt56{padding-top:56px!important}.pt64{padding-top:64px!important}.pt72{padding-top:72px!important}.pt80{padding-top:80px!important}.pt88{padding-top:88px!important}.pt96{padding-top:96px!important}.mt104{padding-top:104px!important}.mt112{padding-top:112px!important}.mt120{padding-top:120px!important}.pr08{padding-right:8px!important}.pr16{padding-right:16px!important}.pr24{padding-right:24px!important}.pr32{padding-right:32px!important}.pr40{padding-right:40px!important}.pr48{padding-right:48px!important}.pr56{padding-right:56px!important}.pr64{padding-right:64px!important}.pr72{padding-right:72px!important}.pr80{padding-right:80px!important}.pr88{padding-right:88px!important}.pr96{padding-right:96px!important}.pr104{padding-right:104px!important}.pr112{padding-right:112px!important}.pr120{padding-right:120px!important}.pb08{padding-bottom:8px!important}.pb16{padding-bottom:16px!important}.pb24{padding-bottom:24px!important}.pb32{padding-bottom:32px!important}.pb40{padding-bottom:40px!important}.pb48{padding-bottom:48px!important}.pb56{padding-bottom:56px!important}.pb64{padding-bottom:64px!important}.pb72{padding-bottom:72px!important}.pb80{padding-bottom:80px!important}.pb88{padding-bottom:88px!important}.pb96{padding-bottom:96px!important}.pb104{padding-bottom:104px!important}.pb112{padding-bottom:112px!important}.pb120{padding-bottom:120px!important}.pl08{padding-left:8px!important}.pl16{padding-left:16px!important}.pl24{padding-left:24px!important}.pl32{padding-left:32px!important}.pl40{padding-left:40px!important}.pl48{padding-left:48px!important}.pl56{padding-left:56px!important}.pl64{padding-left:64px!important}.pl72{padding-left:72px!important}.pl80{padding-left:80px!important}.pl88{padding-left:88px!important}.pl96{padding-left:96px!important}.pl104{padding-left:104px!important}.pl112{padding-left:112px!important}.pl120{padding-left:120px!important}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* font size */
	/* -------------------------------------------------------------------------------------------------------------------- */
	/* initialize */
	html {font-size: 62.5%} body {font-size: 1.0rem;}

	/* rem 08-60 */
	.fs08{font-size:0.8rem!important}.fs09{font-size:0.9rem!important}.fs10{font-size:1.0rem!important}.fs11{font-size:1.1rem!important}.fs12{font-size:1.2rem!important}.fs13{font-size:1.3rem!important}.fs14{font-size:1.4rem!important}.fs15{font-size:1.5rem!important}.fs16{font-size:1.6rem!important}.fs17{font-size:1.7rem!important}.fs18{font-size:1.8rem!important}.fs19{font-size:1.9rem!important}.fs20{font-size:2.0rem!important}.fs21{font-size:2.1rem!important}.fs22{font-size:2.2rem!important}.fs23{font-size:2.3rem!important}.fs24{font-size:2.4rem!important}.fs25{font-size:2.5rem!important}.fs26{font-size:2.6rem!important}.fs27{font-size:2.7rem!important}.fs28{font-size:2.8rem!important}.fs29{font-size:2.9rem!important}.fs30{font-size:3.0rem!important}.fs31{font-size:3.1rem!important}.fs32{font-size:3.2rem!important}.fs33{font-size:3.3rem!important}.fs34{font-size:3.4rem!important}.fs35{font-size:3.5rem!important}.fs36{font-size:3.6rem!important}.fs37{font-size:3.7rem!important}.fs38{font-size:3.8rem!important}.fs39{font-size:3.9rem!important}.fs40{font-size:4.0rem!important}.fs41{font-size:4.1rem!important}.fs42{font-size:4.2rem!important}.fs43{font-size:4.3rem!important}.fs44{font-size:4.4rem!important}.fs45{font-size:4.5rem!important}.fs46{font-size:4.6rem!important}.fs47{font-size:4.7rem!important}.fs48{font-size:4.8rem!important}.fs49{font-size:4.9rem!important}.fs50{font-size:5.0rem!important}.fs51{font-size:5.1rem!important}.fs52{font-size:5.2rem!important}.fs53{font-size:5.3rem!important}.fs54{font-size:5.4rem!important}.fs55{font-size:5.5rem!important}.fs56{font-size:5.6rem!important}.fs57{font-size:5.7rem!important}.fs58{font-size:5.8rem!important}.fs59{font-size:5.9rem!important}.fs60{font-size:6.0rem!important}

/* ======================================================================================================================== */
/* Utility */
/* ======================================================================================================================== */

	/* radius styles "03 05 10 15 20" */
	.r03{border-radius: 3px}.r05{border-radius: 5px}.r10{border-radius:10px}
	.r15{border-radius:15px}.r20{border-radius:20px}.r25{border-radius:25px}
	.r50{border-radius:50px}

	/* float styles "fl fr" */
	.fl {float: left;} .fr {float:right;}

	/* list style */
	.ol {} ol.number li {list-style-type: number;}
	.ul {} ul.list li {list-style-type: disc; margin-left: 15px;}



	/* status */
	.active  {color: #23B8C5; font-weight: bold;}
	.success {color: #23D4B9; font-weight: bold;}
	.warning {color: #DF7514; font-weight: bold;}
	.danger  {color: #FF0060; font-weight: bold;}
	.error   {color: #CA3C3C; font-weight: bold;}
	.alert   {color: #FF6000; font-weight: bold;}

	/* display */
	.clear   {clear  : both;}
	.hide    {display: none;}
	.block   {display: block;}
	.inline  {display: inline;}
	.inlineB {display: inline-block;}

	.relative {position: relative;}

	/* default hover */
	.ov * {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition : all 0.5s ease;
		-moz-transition    : all 0.5s ease;
		-o-transition      : all 0.5s ease;
		}
		.ov:hover * {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}

	.shadow {box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);}
	.en {font-family: 'Lora', serif;}

	.fsm {font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

	.btn img {width: 25%;}

	.wide-10 {width: 10%!important;}
	.wide-20 {width: 20%!important;}
	.wide-30 {width: 30%!important;}
	.wide-40 {width: 40%!important;}
	.wide-50 {width: 50%!important;}
	.wide-60 {width: 60%!important;}
	.wide-70 {width: 70%!important;}
	.wide-80 {width: 80%!important;}
	.wide-90 {width: 90%!important;}
	.wide-100 {width: 100%!important;}

	.red-txt {color: #f00;}

	.fw-bold { font-weight: bold; }
	.fc-aaa {color: #aaa;}

.lh-15 {line-height: 1.5;}
.lh-18 {line-height: 1.8;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* table */
	/* -------------------------------------------------------------------------------------------------------------------- */
	table {}
		tr {border-top: 1px #ccc solid;}
		tr:first-child {border-top: 2px #ccc solid; vertical-align: middle;}
		tr:last-child {border-bottom: 2px #ccc solid; vertical-align: middle;}
		th {padding: 10px; vertical-align: top;}
		td {padding: 10px; vertical-align: middle; word-wrap: break-word;}

	table.form-table {}
		.form-table tr:nth-child(odd) {background: #f2f2f2;}
		.form-table th {padding: 15px; vertical-align: middle;}
		.form-table td {padding: 15px; vertical-align: middle;}

	span.required {color: #D31414; font-size: 12px; display: block; clear: both;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* form */
	/* -------------------------------------------------------------------------------------------------------------------- */
	/* area */
	.submitArea {display: block; text-align: center; padding: 20px;}

	/* input placeholder */
	::-webkit-input-placeholder {color: #999;}
	:-ms-input-placeholder      {color: #999;}
	::-moz-placeholder          {color: #999;}
	:-moz-placeholder           {color: #999;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* clearFix */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.cfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	.cfix {min-height: 1px; clear: both;}
	* html .cfix {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}

/* ======================================================================================================================== */
/* WordPress Native Styles */
/* ======================================================================================================================== */
	/* default */
	p {display: block;}
	strong {font-weight: bold; }
	blockquote {
		display               : block;
		-webkit-margin-before : 1em;
		-webkit-margin-after  : 1em;
		-webkit-margin-start  : 40px;
		-webkit-margin-end    : 40px;
		}

	/* img */
	.aligncenter {display: block; margin: 0 auto;}
	.alignright  {float: right;}
	.alignleft   {float: left; }

	img[class*="wp-image-"],
	img[class*="attachment-"] {height: auto; max-width: 100%;}

/* ======================================================================================================================== */
/* Accessibility */
/* ======================================================================================================================== */

	/* Recognition of text */
	body {
		background-color : #fff;
		color            : #333;
		font-size        : 1.6rem;
		font-family      : -apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
		}

	@media all and (-ms-high-contrast:none) {
		body {
			font-family      : -apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
		}
	}

	/* Recognition of the link */
	a       {text-decoration: none; color: #666;}
	a:hover {text-decoration: underline; outline:none;}
	a:after {color: #666;}

	/* Brevity of the sentence */
	#cTitle h2 {font-size: 2.6rem; background: url(img/common/bgp_h2.png) no-repeat top center; padding: 45px 0 70px 0;}

	img {height: auto; width: auto;}

/* ======================================================================================================================== */
/* layout */
/* ======================================================================================================================== */
.out-container {width: 100%;}
.container {width: 980px; margin: 0 auto; clear: both;}
	.container:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}

	/* header */
	header {height: 90px;}
	.logo-area {
		float        : left;
		height       : 90px;
		width        : 200px;
		position     : relative;
		margin-right : 60px;
		}
		.img-white {
			-webkit-filter : brightness(100) invert(0);
			-moz-filter    : brightness(100) invert(0);
			-o-filter      : brightness(100) invert(0);
			-ms-filter     : brightness(100) invert(0);
			filter         : brightness(100) invert(0);
			}
	.logo {
		width    : 200px;
		height   : 20px;
		position : absolute;
		margin   : auto;
		top      : 0;
		bottom   : 0;
		right    : 0;
		left     : 0;
		}

	/* navigation */
	nav {color : #464646;}
		nav ul {
			display         : flex;
			justify-content : space-between;
			flex-wrap       : wrap;
			width           : 720px;
			}
		nav li a:hover {text-decoration: none;}
		nav li {
			float          : left;
			display        : block;
			padding-top    : 36px;
			letter-spacing : 1px;
			}
		.n-lnk {
			color       : #464646;
			font-weight : bold;
			position    : relative;
			display     : inline-block;
			}
			body.home .n-lnk {color: #fff;}
			.n-lnk:before,
			.n-lnk:after{
				position   : absolute;
				top        : 1.6em;
				content    : "";
				display    : inline-block;
				width      : 0;
				height     : 1px;
				background : #464646;
				transition : .25s;
				}
				body.home .n-lnk:before,
				body.home .n-lnk:after{background: #fff;}
			.n-lnk:before{left: 50%;}
			.n-lnk:after{right: 50%;}
			.n-lnk:hover:before,
			.n-lnk:hover:after{width: 50%;}
		.r-nav {
			color              : #464646;
			border             : 1px #464646 solid;
			padding            : 10px 20px;
			display            : inline-block;
			float              : right;
			margin-top         : -14px;
			line-height        : 1;
			font-weight        : bold;
			-webkit-transition : all 0.5s ease;
			-moz-transition    : all 0.5s ease;
			-o-transition      : all 0.5s ease;
			}
			.r-nav img {
				-webkit-transition : all 0.5s ease;
				-moz-transition    : all 0.5s ease;
				-o-transition      : all 0.5s ease;
				}
			.r-nav:hover {background: #464646; color: #fff;}
				.r-nav:hover img {
					-webkit-filter : brightness(10);
					-moz-filter    : brightness(10);
					-o-filter      : brightness(10);
					-ms-filter     : brightness(10);
					filter         : brightness(10);
					}
	/* main */
	main {display: block;}

	.topic-path {color: #b49660;}
	.topic-path span.bn {background: #f4f0e9; padding: 5px 15px; color: #b49660; border-radius: 50px; display: inline-block; margin-top: 15px;}
	.topic-path span a {background: #f4f0e9; padding: 5px 15px; color: #b49660; border-radius: 50px; display: inline-block; margin-top: 15px;}
		.topic-path span a:hover {text-decoration: none; color:#f4f0e9; background: #b49660;}

	/* footer area */
	footer {background: #131455; text-align: center; color: #fff; margin-bottom: 70px;}
	.copyright {font-size: 1.2rem; color: #fff; float: left; margin-left: 10px}
	.footer-nav-menu li {
		width       : 25%;
		float       : left;
		border      : 1px solid #fff;
		border-left : none;
		padding     : 20px;
		height      : 60px;
		text-align: left;
		}
	.footer-nav-menu li a {color: #fff;}
	.f-nav-non-cell {border-top: none!important;}
	.f-nav-non-cell-r {border-right: none!important;}

	.footer-nav-area {width: 720px; margin: 0 auto;}
	.bgc-insta {background: #ededed;}

	.top-btn-size {width: 70px; height: 70px;}

	/* btn */
	.btn {padding: 20px 35px; text-decoration: none; background: #fff;}
		.btn:hover {text-decoration: none;}
	.btn-link {
		border             : 1px solid #A18B64;
		color              : #b09d7c;
		width              : 310px;
		display            : inline-block;
		-webkit-transition : all 0.5s ease;
		-moz-transition    : all 0.5s ease;
		-o-transition      : all 0.5s ease;
		}
		.btn-link:hover {background: #A18B64; color: #fff;}

	.btn-tel {
		border             : 1px solid #A18B64;
		color              : #fff;
		display            : inline-block;
		-webkit-transition : all 0.5s ease;
		-moz-transition    : all 0.5s ease;
		-o-transition      : all 0.5s ease;
		background         : #A18B64;
		font-size          : 5.5vw;
		letter-spacing     : 2px;
		}
		.btn-tel:hover {background: #A18B64; color: #fff;}
		.btn-tel img {vertical-align: middle;}

	.col-box {display: flex; justify-content: space-between; flex-wrap: wrap;}
	.jc_around { justify-content: space-around; }

	.col-box .col-1 {width: 100%;}
	.col-box .col-2 {width: 47%;}
	.col-box .col-3 {width: 30%;}
	.col-box .col-4 {width: 24%;}

	.col-box .col-sub-nav {width: 245px;}

	.sub-nav-style {padding-top: 160px; background: url(img/common/nav_r_bgp_sub_menu.png) no-repeat top center;}

	.col-sub-nav .event       {background-position: 0 0;}
	.col-sub-nav .salon       {background-position: 0 -160px;}
	.col-sub-nav .staff-voice {background-position: 0 -320px;}
	.col-sub-nav .life-style  {background-position: 0 -480px;}
	.col-sub-nav .contest     {background-position: 0 -640px;}
	.col-sub-nav .movie       {background-position: 0 -800px;}
	.col-sub-nav .training    {background-position: 0 -960px;}
	.col-sub-nav .paris       {background-position: 0 -1120px;}

	.col-sub-nav .event:hover       {background-position: -245px 0;}
	.col-sub-nav .salon:hover       {background-position: -245px -160px;}
	.col-sub-nav .staff-voice:hover {background-position: -245px -320px;}
	.col-sub-nav .life-style:hover  {background-position: -245px -480px;}
	.col-sub-nav .contest:hover     {background-position: -245px -640px;}
	.col-sub-nav .movie:hover       {background-position: -245px -800px;}
	.col-sub-nav .training:hover    {background-position: -245px -960px;}
	.col-sub-nav .paris:hover       {background-position: -245px -1120px;}

	.col-1 *, .col-2 * , .col-3 *, .col-4 * {max-width: 100%;}
	.col-1 img, .col-2 img, .col-3 img,.col-4 img, .col-sub-nav img {max-width: 100%; height: auto!important;}

	.block::after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}

/* ======================================================================================================================== */
/* common */
/* ======================================================================================================================== */

.sp-disp {display: none;}
.pc-disp {display: block;}

	span.pc-disp {display: inline;}

.disp-pc {display: block!important;}
.dsip-sp {display: none!important;}

@media screen and (max-width:980px) {
	.sp-disp {display: block;}
		span.pc-disp {display: none;}
	.pc-disp {display: none;}
	}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* common */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.ani02 {
		-webkit-transition : all .25s ease;
		-moz-transition    : all .25s ease;
		-o-transition      : all .25s ease;
		}
	.ani05 {
		-webkit-transition : all .5s ease;
		-moz-transition    : all .5s ease;
		-o-transition      : all .5s ease;
		}

	/* text-align */
	.txt-c {text-align: center!important;}
	.txt-l {text-align: left!important;}
	.txt-r {text-align: right!important;}

@media screen and (max-width:640px) {
	.sp-txt-c {text-align: center!important;}
	.sp-txt-l {text-align: left!important;}
	.sp-txt-r {text-align: right!important;}
	}

	/* block */
	section {}
		section:after {content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
		section + section {}

	/* element */
	.rep-img {
		background-repeat   : no-repeat;
		background-position : left top;
		display             : block;
		height              : 0;
		line-height         : 1.5;
		overflow            : hidden;
		}
		/* rep-img format */
		/* .ex {background:url(); padding-top:100px; width:100px;} */

	.ttl {
		display        : block;
		text-align     : center;
		font-size      : 4.2rem;
		color          : #5e5e5e;
		margin-bottom  : 20px;
		letter-spacing : 4px;
		}
		p.ttl,.subttl {font-weight: bold; }
	.bgc-path {background: #f5f5f5;}
	.footer-area {}
	.footer-nav {}
		.footer-nav ul {}
		.footer-nav li {float: left; border-left: 1px solid #fff; padding-left: 10px; margin-right: 10px;}
		.footer-nav li:last-child {border-right: 1px solid #fff; padding-right: 10px; display: inline-block;}
		.footer-nav li a {color: #fff;}

	.fix-bottom-nav {
		position   : fixed;
		bottom     : 0;
		text-align : center;
		z-index    : 9999;
		width      : 100%;
		}

	.fix-bottom-nav ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
	.fix-bottom-nav li {float: left; width: 24.9%; height: 100px; }
		.fix-bottom-nav li a {
			background     : #FFDEDD;
			width          : 100%;
			display        : block;
			padding-top    : 20px;
			padding-bottom : 30px;
			color          : #F38787;
			font-weight    : bold;
			font-size      : 1.4rem;
			}
	.fix-bottom-nav li a:hover {text-decoration: none;}
	.img-max {width: 100%; height: auto;}
	.mid-img {vertical-align: middle;}
	.subtext-area p {font-size: 1.6rem; line-height: 3rem;}
		#nail .subtext-area {text-align: center;}
		#hairestetic .subtext-area {
			text-align : left;
			background : url(./img/hairestetic/img_hairestetic_pc.png) no-repeat;
			width      : 980px;
			height     : 655px;
			}
		#hairestetic .subtext-area p {padding-left: 340px;}
	.subvisual-area {
		background    : #f7f7f4;
		padding       : 10px 0;
		position      : relative;
		bottom        : 350px;
		margin-bottom : -250px;
		}
		.subvisual img {
			position : relative;
			left     : 60%;
			width    : 410px;
			bottom   : 80px;
			z-index  : 2;
			}
	/*parts*/
	.movie-area {text-align: center; margin:0 auto;}
	.bgc-sub-menu {background: #f6f6f6;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* home */
	/* -------------------------------------------------------------------------------------------------------------------- */
	body#home {background: #fff url(img/home/bgp_home.png) no-repeat top center;}

	.flow-menu {width: 980px; margin: 0 auto;}
	.header-area {
		position           : fixed;
		width              : 100%;
		z-index            : 99999;
		-webkit-transition : all .5s ease;
		-moz-transition    : all .5s ease;
		-o-transition      : all .5s ease;
		background         : transparent;
		}
	body.home .header-area-hover {opacity: 1; background: rgba(0,0,0,0.5);}
	.header-area-hover {opacity: 1; background: rgba(255,255,255,1);}
	.menu-area-margin {padding-top: 90px;}
	.main-visual-full {
		background: url(img/home/r-top_20180214.gif) no-repeat center center;
		background-size: cover;
		height: 100vh;
		position: relative;
		}
		@media screen and (max-width:640px) {
			.main-visual-full {background: url(img/home/r-top_20180215.gif) no-repeat center center; background-size: cover;}
			}
	.main-visual-full-test2 {
		background: url(img/home/r-top_20180214.gif) no-repeat center center;
		background-size: cover;
		height: 100vh;
		position: relative;
		}
		@media screen and (max-width:640px) {
			.main-visual-full-test2 {
				background      : url(img/home/r-top_20180215.gif) no-repeat center center;
				background-size : cover;
				}
			}
		.img-ttl-recruit {
			position          : absolute;
			top               : 50%;
			left              : 50%;
			-webkit-transform : translate(-50%, -50%);
			transform         : translate(-50%, -50%);
			}
	.brand-ico-area {}
	.brand-ico {}
	.home-sns-area {vertical-align: middle;}
	.btn-insta {
		display            : block;
		width              : 49.5%;
		background         : #c2a591;
		float              : left;
		font-size          : 2.0rem;
		letter-spacing     : 2px;
		text-align         : center;
		padding            : 10px 20px;
		color              : #fff;
		vertical-align     : middle;
		-webkit-transition : all .5s ease;
		-moz-transition    : all .5s ease;
		-o-transition      : all .5s ease;
		}
		.btn-insta:hover {
			opacity         : 0.8;
			filter          : alpha(opacity=80);
			zoom            : 1;
			text-decoration : none;
			}
		.btn-insta img {vertical-align: middle;}
	.btn-twitter {
		display            : block;
		width              : 49.5%;
		background         : #55acee;
		float              : right;
		font-size          : 2.0rem;
		letter-spacing     : 2px;
		text-align         : center;
		padding            : 10px 20px;
		color              : #fff;
		vertical-align     : middle;
		-webkit-transition : all .5s ease;
		-moz-transition    : all .5s ease;
		-o-transition      : all .5s ease;
		}
		.btn-twitter:hover {
			opacity         : 0.8;
			filter          : alpha(opacity=80);
			zoom            : 1;
			text-decoration : none;
			}
		.btn-twitter img {vertical-align: middle;}
	.low-main-visual {text-align: center; padding-top: 100px;}
	.brand-text {line-height: 1.8; font-size: 1.6rem; }
	.info-ico {padding: 5px 12px; display: inline-block; color: #fff; font-size: 1.3rem;}
	.ico-kaze {background: #50c69e;}
	.ico-media {background: #e46a9a;}
	.ico-info {background: #eb8f8f;}
	.ico-salon {background: #d3b77c;}
	.ico-column {background: #eb9a4b;}
	.info-time {display: block;}
	.footer-banner-area {text-align: center; width: 698px; margin: 0 auto; }
	.rep-img-shj {width: 344px; padding-top: 110px; background: url(img/common/btn_shj.png) no-repeat top center; }
	.rep-img-shj:hover {background-position: bottom center; }
	.rep-img-kazeuta {width: 344px; padding-top: 110px; background: url(img/common/btn_message.png) no-repeat top center; margin-left: 10px; }
	.rep-img-kazeuta:hover {background-position: bottom center; }
	.company-profile-area {padding-top: 210px; background: url(img/home/btn_bg_area_pc.png) no-repeat top center; }
	.salon-nama-area {margin-bottom: 10px; font-size: 2.0rem; }
	.fit-img {object-fit: cover; }
	.event-news-img-thumb {width: 190px; height: 130px; }
	/*.en-script {font: 5.6rem 'Mr Dafoe', cursive; }*/
	.en-script {font: 5.6rem 'Damion', cursive;}

	.home-staff-voice-en {color: #e3e3e3; text-align: right; margin-top: -60px; }
	.home-staff-voice-info {background: #fcf7f7; padding: 30px 20px; width: 60%; z-index: 999; position: relative; }
	.home-staff-name {font-size: 2.6rem; margin-bottom: 10px; }
	.home-staff-detail-text {line-height: 1.8; font-size: 1.4rem; }
	.btn-round {background: #d7a16c; padding: 10px 30px; float: right; display: block; color: #fff; border-radius: 20px; font-size: 1.4rem; }
	.btn-round:hover {background: #222; text-decoration: none; }
	.home-staff-area {position: relative; }
	.home-staff-photo {right: 0; top: 10px; position: absolute; }
	.home-event-img {float: left;}
	.home-event-info {float: left; margin-left: 20px;}
	.event-block {
		width         : 710px;
		margin        : 0 auto;
		display       : block;
		clear         : both;
		margin-bottom : 30px;
		}
	ul.event-block li {margin-top: 30px; }
	ul.event-block li:last-child {padding-top: 30px; border-top: dashed 1px #ccc;}
	.icon-event {padding: 6px 20px; background: #D3B77C; color: #fff; margin-bottom: 10px; font-size: 1.3rem; letter-spacing : 1px; display: inline-block;}
	time {display: block; font-size: 1.4rem; letter-spacing : 1px; margin-top: 10px; color: #666; }
	.sub-title {color: #dbbf85; font-size: 2.2rem; margin-bottom: 10px;}
	.home-event-title {margin-top: 20px; font-weight: bold; }

	.sp-bnr-img {width: 33.3%;}
	.page-top {position: fixed; bottom: 80px; right: 0;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* staff */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.staff-name-en {
		font        : 5.6rem 'Damion', cursive;
		color       : #e2e2e2;
		text-indent : 1.3rem;
		text-align  : right;
		margin-top  : -60px;
		}
	.main-staff-img {
		width       : 100%;
		max-width   : 472px;
		height      : 716px;
		margin      : 0 0 0 -110px;
		position    : relative;
		white-space : nowrap;
		overflow    : hidden;
		font-size   : 16px;
		float       : left;
		}
	.main-staff-img img {height: 716px; }
	.main-staff-img::after {
		position   : absolute;
		top        : 0;
		right      : 0;
		z-index    : 2;
		content    : '';
		width      : 24%;
		height     : 100%;
		background : linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 20%, rgba(255, 255, 255, 1) 80%);
		}
	.staff-info-area {width: 610px; float: right; }
	.staff-nama-title {font-size: 3.6rem; margin-top: 20px;}
	.staff-ja-ttl {color: #d79a42; font-size: 2.4rem; margin: 20px 0; line-height: 1.5;}
	.staff-detail-text {font-size: 1.6rem; line-height: 3.6rem; }
	.staff-title-area {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	.staff-ja-ttl {display: block;}
	.staff-school-area {font-size: 2.0rem; color: #999; text-align: right; padding: 10px 0; }
	.staff-archives-area {padding: 15px 10px 10px 0px; }
	.staff-archives-school {color: #9a9a9a; font-weight: bold;}
	.staff-archives-name {font-size: 2.4rem; margin: 20px 0; font-weight: bold;}
	.staff-archives-text {color: #313131;}
	.staff-footer-photo {width: 790px; }
	.gold-boder img {border: 8px solid #e8c69f;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* education */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.edu-title-area {}
	.edu-title-area h3 {font-size: 3.8rem; color: #5e5e5e; font-weight: normal; line-height: .8; position: relative;}
	.edu-title-area h3 span {font-size: 1.8rem; color: #5e5e5e;}
	.edu-title-area h3:before {
		content           : '';
		position          : absolute;
		left              : 50%;
		bottom            : -15px;/*線の上下位置*/
		display           : inline-block;
		width             : 60px;/*線の長さ*/
		height            : 1px;/*線の太さ*/
		-moz-transform    : translateX(-50%);
		-webkit-transform : translateX(-50%);
		-ms-transform     : translateX(-50%);
		transform         : translateX(-50%);/*位置調整*/
		background-color  : black;/*線の色*/
		border-radius     : 2px;/*線の丸み*/
		}
	.edu-title-area h4 {font-size: 2.8rem; font-weight: normal; margin-top: 40px;}
	.edu-center-text {margin-top: 40px; line-height: 1.8;}
	.edu-sub-title {border:1px solid #ccc; border-radius: 80px; font-size: 2.4rem; display: inline-block; padding: 10px 20px;}
	.edu-join-text-area {background: #F2EFE8;}
		.edu-join-text-area .bg_img {background: url(img/lifestyle/img_staff_ichito_02.png) no-repeat; background-position: right bottom; }
	.edu-join-text-area img {float: left; width: 30%;}
	.edu-join-text-area div {float: left; width: 60%;}
	.edu-join-text-area div h3 {font-size: 2.8rem; margin-top: 30px;}
	.edu-join-text-area div p.text {font-size: 1.5rem; line-height: 2.0; margin-top: 20px;}
	.edu-join-text-area div p.school {margin-top: 20px; line-height: 1.8;}
	.edu-staff-list {background: #F2EFE8;}  
	.edu-staff-list img {width: 30%; float: left;}
	.edu-staff-list {background: #F2EFE8;}
	.edu-staff-list-info {float: left; width: 70%; margin-top: 30px; padding-right: 30px;}
	.edu-schedule-table {width:100%;}
	.edu-schedule-table th {width: 200px;}
	.edu-schedule-table th,
	.edu-schedule-table td {padding: 20px 10px; line-height: 1.8;}
	.edu-list-cont {}
	.edu-list-cont div {width: 710px; margin: 0 auto; margin-bottom: 5px;}
	.edu-list-cont img {vertical-align: middle;}
	.edu-list-cont div span {color: #f00;}
	.edu-environment {background: #F2EFE8;}
	.edu-environment img {width: 50%; float: left;}
	.edu-environment div {width: 50%; float: right; padding: 20px; line-height: 1.25;}
	.edu-environment div h3 {font-size: 2.4rem; margin-bottom: 10px; }
	.edu-salon-btn {
		padding     : 18px 50px;
		background  : #B9A37D;
		color       : #fff;
		font-size   : 1.8rem;
		display     : inline-block;
		font-weight : bold;
		}
	.edu-pari-schedule {border-bottom: 2px solid #B9A37D; }
	.edu-pari-schedule span {
		background : #B9A37D;
		display    : inline-block;
		padding    : 15px;
		color      : #fff;
		}
	.edu-staff-pickup {padding-left: 20px; border-left: 2px solid #f00;}
	.edu-s-role {margin-bottom: 15px;}
	.edu-s-name {font-size: 2.4rem; font-weight: bold;}
	.edu-s-school {margin-top: 15px;}
	.edu-s-text {margin-top: 25px; line-height: 1.8;}
	.edu-s-champ {font-size: 2.2rem; margin-bottom: 20px; color: #f00; line-height: 1.3;}
	.edu-page-menu {
		border-top    : 1px solid #ccc;
		border-bottom : 1px solid #ccc;
		margin-bottom : 30px;
		}
	.edu-menu-list {
		text-align   : center;
		font-size    : 1.4rem;
		line-height  : 1.4;
		margin       : 20px auto;
		border-right : 1px solid #ccc;
		}
	.edu-menu-list:last-child {border-right: none;}
	.edu-menu-list span {display: block; font-size: 2.6rem;}
	.edu-menu-list a:hover {text-decoration: none; color: #ccc;}
	.edu-single-menu {padding-top: 10px;}
	.info-text {line-height: 1.7; margin-top: 20px; font-size: 1.5rem;}
	@media screen and (max-width:640px) {
		.creative-photo-area {background: #fcf0f2; padding: 20px;}
		.creative-press-area {background: #edf8ec; padding: 20px; margin-top: 2px;}
		.creative-show-area {background: #fbf8ef; padding: 20px; margin-top: 2px;}
		.img-creative {width: 40%!important; float: left;}
		}

		.list-text {display: inline-block;}
	/* -------------------------------------------------------------------------------------------------------------------- */
	/* company */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.profile {
		overflow   : hidden;
		text-align : left;
		margin     : 0 auto;
		position   : relative;
		padding    : 0px 0 30px 0;
		clear      : both;
		}
	.profile img {float: right;}
	.profile table {
		border-collapse : collapse;
		border-top      : #ebebeb solid 1px;
		border-bottom   : #ebebeb solid 1px;
		font-size       : 1.4rem;
		line-height: 2.0rem;
		}
	.profile table th { padding: 20px 24px; font-weight: bold; background: #ebebeb; }
	.profile table tr {border-bottom: dotted #f5f5f5 ;}
		.profile table tr:first-child {border-top: #ebebeb solid 2px;}
		.profile table tr:last-child {border-bottom: #ebebeb solid 2px;}
	.profile table td {padding: 20px 24px;}
	.profile h4 {
		margin: 10px 0px 0px 5px;
		font-size: 14px;
		font-weight: normal;
		clear: both;
		}
	.profile .map { text-align: left; margin: 10px 0 0; float: left; clear: both }
	.profile .map .box {background-color: #f6f7f6; padding: 10px 10px 5px 10px; }
	.map-btn {
		display       : inline-block;
		padding       : 0.5rem 2rem;
		border-radius : 15px;
		background    : #baa47d;
		color         : #fff;
		margin-left   : 1.4rem;
		}
	.company-img {width: 310px; position: absolute; right: 0; top: 0; }
	.company-img img {width: 310px;}
	.map {width: 100%; height: 400px; }

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* r-staff */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.oblique-box {background: url(img/r-staff/bgp_oblique.png); padding: 20px; position: relative; }
	.text-box-white {background: #fff; padding: 40px; }
	.r-staff-top-indent {margin-top: -67px; }
	.r-staff-title {
		display     : block;
		text-align  : center;
		font-size   : 3.2rem;
		color       : #d79a42;
		font-weight : normal;
		}
	.r-staff-name-ja {
		display     : block;
		text-align  : center;
		font-size   : 2.8rem;
		font-weight : bold;
		margin-top  : 30px;
		}
	.r-staff-name-en {
		display       : block;
		color         : #fcc5dc;
		font-size     : 3.8rem;
		text-align    : center;
		margin-top    : 10px;
		margin-bottom : 20px;
		}
	.r-staff-info-text {font-size: 1.6rem; line-height: 1.8;}
	.bgp-dot {background: url(img/r-staff/bgp_dot.png); padding: 60px; }
	.r-staff-balloon-right {position: absolute; right: -40px; top: -40px;}
	.r-staff-balloon-left {position: absolute; top: -40px; left: -40px;}
	.r-staff-photo-second {text-align: center;}
	.r-staff-photo-second img {height: 330px;}
	.border-yellow {border: 9px solid #e8c69f;}
	.r-staff-img-card {background: #f9f7f5; padding: 80px 20px 20px 20px; width: 32.5% !important; }
	.r-staff-photo-cap {font-size: 2.4rem; margin-top: 10px;}
	.r-staff-num {position: absolute; top: -50px; left: calc(50% - 50px);}
	.r-staff-num img {width: 100px;}
	.text-def {line-height: 1.8;}
	.must-item-title {
		background: #434343;
		font-size: 3.4rem;
		color: #fff;
		width: 60%;
		display: inline-block;
		margin-bottom: 30px;
		margin: 0 auto;
		letter-spacing: 5px;
		}
	.must-menu-area {margin-bottom: 90px;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* naitei */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.naitei-mv-area {
		background : url(img/naitei/mv_r_naitei_bg.png) top center;
		height     : 400px;
		padding    : 64px 0;
		}
	.naitei-mv-area img {
		height   : 300px;
		z-index  : 9940;
		position : relative;
		}
	.naitei-mv-info {
		float      : left;
		background : rgba(255,255,255,0.8);
		padding    : 30px 0px 30px 140px;
		margin     : 65px 0 0 -110px;
		width      : 65%;
		}
	.naitei-mv-img {float: left; }
	.naitei-info-name-ja {font-size: 2.8rem;}
	.naitei-info-name-en {font-size: 3.2rem; color: #fcc5dc; margin: 5px 0 10px;}
	.naitei-info-school {font-size: 1.8rem; color: #666;}
	.naitei-body-text-pc {width: 60%; float: left;}
	.naitei-photo-images-pc {width: 35%; float: right;}
	.naitei-photo-images-pc img {border: 9px solid #e8c69f; max-width: 100%; margin-bottom: 20px;}
	.question-box p {background: #434343; padding: 10px; color: #fff; font-weight: bold;}
	.question-box p span {color: #e4559f; margin: 0 15px;}
	.question-box div {padding: 20px 20px 40px 20px; line-height: 1.8;}
	.question-box {}
	.naitei-sp-disp .question-box img {}
	.naitei-sp-disp img {max-width: 80%; margin: 0 auto; border: 9px solid #e8c69f;}
	.naitei-listening { border: 10px solid #eee6ec;  padding: 30px;}
	.naitei-list-pc-img {width: 60%}

	.col-2{
	position: relative;
	}
	.label_new {
			z-index: 999;
			display: inline-block;
			position: absolute;
			border-radius: 50%;
			padding: 0 6px;
			height: 4rem;
			line-height: 4rem;
			font-size: 1.2rem;
			letter-spacing: 0.1em;
			color: #fff;
			background: #ff3e00;
			box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
			}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* event news */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.event-left {float: left; width: 70%; }
	.event-right {float: right; width: 25%;}
	#event .center {text-align: center; }
	#event a {text-decoration: none; color: #E0E0E0; }
	#event a:hover {text-decoration: underline; color: #E0E0E0; }
	#event .news-l {width: 70%; margin: 30px 10px 0px 0px; float: left; }
	#event #news-r {
		width            : 260px;
		background-color : #000000;
		color            : #FFFFFF;
		margin           : 30px 0px 0px 0px;
		padding          : 8px 10px 10px 10px;
		float            : right;
		}
	#event .news-w {float: left; clear: both; line-height: 2.2rem; width: 100%;}
	#event .title {width: 100%; height: 40px; padding: 10px 15px 7px 15px; background-color: #000000; clear: both; }
	#event .title-l {width: 400px; color: #FFFFFF; font-size: 15px; font-weight: bold; color: #FFFFFF; float: left; }
	#event .title-r {width: 150px; color: #FFFFFF; font-size: 13px; color: #FFFFFF; text-align: right; float: right; }
	#event .comments {background-color: #F2F2F2; margin: 0px; padding: 20px 15px; clear: both; margin-bottom: 10px; }
	#event .comments a {color: #cc3a3a; text-decoration: underline; }
	#event .comments a:hover {color: #828282; text-decoration: underline; }
	.news-photo {width: 430px; margin: 0 auto; text-align: center; clear: both; }
	.news-photo .photo-l {width: 210px; margin: 10px 0px 0px 0px; float: left; }
	.news-photo .photo-r {
		width  : 210px;
		margin : 10px 0px 0px 0px;
		float  : right;
		}
	#event ul {list-style: none; margin-top: 10px; padding: 0; }
	#event ul.list li {
		background    : url(img/events/mark.gif) 0px 3px no-repeat;
		padding-left  : 18px;
		padding-top   : 3px;
		line-height   : 18px;
		margin-top    : 5px;
		margin-bottom : 2px;
		list-style    : none;
		}
	.sideTitle {padding: 5px; background-color: #494949; color: #f37f5c; font-weight: bold; }

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* salon */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.img-area {width: 100%; }
	.col-box img.salon-col-1 {width: 55%; height: 320px;}
	.col-box img.salon-col-2 {width: 22%; height: 320px;}
	.txt-c-pc {text-align: center;}
	.localtitle {
		background     : #F5F5F5;
		font-size      : 140%;
		font-weight    : bold;
		letter-spacing : 0.15em;
		margin-top     : 50px;
		padding        : 18px 0px 16px 0px;
		border-top     : #e1e1e1 1px solid;
		text-align     : center;
		clear          : both;
		}
	.salon-ttl a{
		color       : #62be9e;
		font-size   : 140%;
		font-weight : bold;
		display     : inline-block;
		float       : left;
		}
	.salon-map-btn {
		float      : right;
		background : #83C6AF;
		padding    : 5px 7px;
		color      : #fff;
		}
	.salon-map-btn:hover {background: #ccc; text-decoration: none;}
	.salon-box {border-top: 2px solid #00615D; border-bottom: 1px solid #00615D; padding: 20px 0;}
	.salon-info {width: 50%!important; line-height: 1.8;}
	.salon-info img {vertical-align: middle; margin-right: 5px;}
	.salon-info .address {font-size: 1.5rem;}
	.salon-more-btn {display: block; text-align: right; font-size: 1.5rem;}
		.salon-more-btn:aftter {content: "＞";}
	.map-area iframe {width: 100%;}
	.salon-info .icon img {width: auto!important; height: auto!important;}
	.salon-area-nav li {width: 25%; float: left; border-right: 1px solid #ccc; text-align: center; padding: 15px;}
		.salon-area-nav li:last-child {border-right: none;}
	.salon-area-nav .area-title {border:1px solid #baa47d; color: #baa47d;}
	.a-arrow {position: relative; display: inline-block; padding-right: 10px; }
	.a-arrow::after {
		content           : '';
		width             : 6px;
		height            : 6px;
		border            : 0px;
		border-top        : solid 2px #666;
		border-right      : solid 2px #666;
		-ms-transform     : rotate(45deg);
		-webkit-transform : rotate(45deg);
		transform         : rotate(45deg);
		position          : absolute;
		top               : 50%;
		right             : 0;
		margin-top        : -4px;
		}
	.salon-menu-ttl {
		width         : 100%;
		padding       : 20px;
		margin-bottom : 20px;
		text-align    : center;
		background    : #baa47d;
		color         : #fff;
		clear         : both;
		font-size     : 1.8rem;
		font-weight   : bold;
		}

	.menu-area dl {margin-bottom: 20px; width: 90%; margin: 0 auto; display: block; margin-bottom: 20px;}
		.menu-area dl:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	.menu-area dt, .menu-area dd {width: 50%; float: left; padding: 10px 0;}
	.menu-area dd {text-align: right;}
	.salon-detail-title {font-weight: bold; font-size: 2.2rem; margin-bottom: 1.8rem;}
	.salon-detail-text {line-height: 1.8;}
	.salon-detail-info {width: 100%; line-height: 1.8; margin-top: 20px;}
	.sp-col-salon-photo {width: 50%;}
	.sp-col-salon-photo img {width: 100%; height: auto;}
	.bgc-salon-sp-info {background: #F3F3F3 url(img/salon/bgp_tilt.png) no-repeat bottom center;}
	.bgc-pc-salon-info {background: #f5f5f5; padding: 20px; margin-top: 20px; margin-bottom: 40px;}
		.bgc-pc-salon-info:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	.bgc-pc-salon-info img {float: left;}
	.pc-salon-info-1 {float: left; margin-left: 20px; margin-top: 15px; }
		.pc-salon-info-1 h3 {font-size: 2.6rem; margin-bottom: 10px; }
	.pc-salon-info-2 {
		float       : left;
		margin-left : 40px;
		padding-top : 15px;
		font-size   : 1.8rem;
		min-width   : 270px;
		}
	.salon-tel-info a {color: #f00; font-weight: bold; }
	.salon-tel-sta img {vertical-align: middle; }
	.salon-tel-info img {vertical-align: middle; }
	.salon-btn-wide {width: 580px;}


	/* -------------------------------------------------------------------------------------------------------------------- */
	/* life style */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.life-sub-text {line-height: 1.6; margin-top: 60px!important;}
	.rec-view-pc-l {float: left; width: 70%;}
	.rec-view-pc-r {float: right;}
	.rec-view-pc-text {line-height: 1.8; margin-bottom: 20px;}
	.dct-entry {}
	.dct-entry-img {float: left;}
		.dct-entry-img img {width: 100%;}
	.wi-25 {width: 40%;}
	.wi-50 {width: 60%;}
	.dct-entry-info {float: left; padding-left: 50px;}
	.dct-no-title {float: left; width: 100%;}
		.dct-no-title img {float: left;}
		.dct-title-1 {
			display     : block;
			font-size   : 2.3rem;
			font-weight : bold;
			margin-left : 90px;
			margin-top  : 10px;
			}
		.dct-title-2 {
			display       : block;
			font-size     : 1.8rem;
			margin-left   : 90px;
			margin-top    : 5px;
			font-weight   : bold;
			color         : #b89963;
			margin-bottom : 30px;
			}
	.dct-info-text {line-height: 1.8;}
	.dct-salon-info {padding: 30px; background: #f9f2f4; line-height: 1.6; display: inline-block; margin-top: 15px;}
	.dct-salon-wi-l-1 {width: 60%;}
	.dct-salon-wi-r-1 {width: 40%;}
	.dct-salon-wi-l-23 {width: 30%;}
	.dct-salon-wi-r-23 {width: 70%;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* salontour  */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.salon-tour-g-box {background: #eeefef; position: relative;}
	.salon-tour-w-box {background: #fff; position: relative;}
	.salon-tour-w-box h4 {color: #947054; font-size: 2.4rem; }
	.salon-tour-read {margin: 20px 0; }
	.salon-tour-company-photo {
		float    : right;
		width    : 180px;
		position : absolute;
		z-index  : 99999;
		right    : 40px;
		}
	.salon-tour-company-photo img {max-width: 100%;}
	.salon-tour-photo-title {height: 150px; }
	.salon-tour-photo-title-2 h3, .salon-tour-photo-title h3 {font-size: 2.8rem; color: #f00; padding-top: 30px; }
	.tel-link {font-size: 2.6rem; color: #f00;}
	.salon-tour-pc-col-2 {width: 49%;}
	@media screen and (max-width:640px) {
		.salon-tour-sp-col-1 {width: 100%;}
		}
	.salon-tour-strong {font-size: 2.4rem; color: #baa47d; }
	.salon-tour-bold {font-weight: bold; margin-bottom: 30px; line-height: 1.5;}
		.salon-tour-bold span {font-weight: normal; font-size: 1.2rem;}
	.salon-tour-btn {
		width           : 80%;
		padding         : 20px;
		background      : #baa47d;
		display         : block;
		margin          : 0 auto;
		text-decoration : none;
		color           : #fff;
		text-align      : center;
		transition      : .5s ;
		}

	.salon-tour-btn2 {
		padding         : 15px 40px;
		background      : #baa47d;
		display         : block;
		margin          : 0 auto;
		text-decoration : none;
		color           : #fff;
		text-align      : center;
		transition      : .5s ;
		}
	.salon-tour-btn:hover {text-decoration: none; background: #333; }
	.salon-tour-btn2:hover {text-decoration: none; background: #333; }
	.salon-tour-title {color: #baa47d;}

	.salon-tour-list-btn {
		border          : 2px solid #baa47d;
		border-radius   : 40px;
		padding         : 10px 60px;
		color           : #baa47d;
		display         : inline-block;
		text-decoration : none;
		font-size       : 2.4rem;
		text-decoration : none;
		transition      : .5s ;
		}
	.salon-tour-list-btn:hover {
		text-decoration : none;
		background      : #baa47d;
		color           : #fff;
		}
	.app-set-2 {margin-top: -80px;}
	.salon-look-left {width: 60%; line-height: 1.8;}
	.salon-look-right {width: 40%;}


.salon-tour-title-style {margin-bottom: 20px; display: block;}
.salon-tour-title-style img {width: 50px; float: left; margin-right: 10px;}
.salon-tour-title-style p {float: left; color: #baa47d; margin-top: 7px;}
.col-salon-02 p {background: #f5f3ef; padding: 15px 0; text-align: center; font-size: 1.4rem;}
.salon-tour-line-1 {text-align: center; padding: 40px 0 60px 0; font-size: 2.2rem; color: #7c5000;}

.app-box {background: #f5f3ef; padding: 60px;}

.visit-from {background: none!important; font-size: 1.8rem; padding: 0 0 15px 0!important;}

.salon-tour-btn {
    padding: 15px 40px;
    background: #B9A37D;
    color: #fff;
    font-size: 1.8rem;
    display: inline-block;
    font-weight: bold;
}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* PRODUCT */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.prod-area {position: absolute; top: 30vh; left:0; right: 0;}
	.prod-title {font-size: 3.6rem; color: #ff8813;}
	.prod-copy {
		font-size   : 3.6rem;
		color       : #759700;
		margin-top  : 20px;
		padding-top : 20px;
		border-top  : 1px solid #759700;
		display     : inline-block;
		}
	#product .low-main-visual {position: relative;}
	.prod-title-boder {border-bottom: 1px solid #ccc; margin-bottom: 60px; text-align: center;}
	.prod-title-sub {border: 1px solid #ccc; padding: 10px; display: inline-block; margin-bottom: -1px;}
	.prod-item-l {float: left; width: 30%; text-align: center;}
	.prod-item-r {float: left; width: 60%; margin-left: 5%;}
	.prod-info-lead {line-height: 1.8; color: #f00;}
	.prod-info-name {margin-top: 30px; margin-bottom: 30px; font-weight: bold;}
	.prod-info-text {line-height: 1.8;}
	.more-shop-serif {
		position       : relative;
		background     : #ffffff;
		border-bottom  : 2px solid #ccc;
		display        : inline-block;
		padding-bottom : 10px;
		font-size      : 2.2rem;
		}
		.price-area .more-shop-serif {background-color: #fff9f9;}
	.more-shop-serif:after, .more-shop-serif:before {
		top            : 100%;
		left           : 50%;
		border         : solid transparent;
		content        : " ";
		height         : 0;
		width          : 0;
		position       : absolute;
		pointer-events : none;
		}
	.more-shop-serif:after {
		border-color     : rgba(255, 255, 255, 0);
		border-top-color : #ffffff;
		border-width     : 10px;
		margin-left      : -10px;
		}
		.price-area .more-shop-serif:after {border-top-color: #fff9f9;}
	.more-shop-serif:before {
		border-color     : rgba(204, 204, 204, 0);
		border-top-color : #ccc;
		border-width     : 13px;
		margin-left      : -13px;
		}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* admission */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.adm-title-line {border-bottom: 2px solid #9b835b; text-align: center; }
	.adm-title-box {
		border      : 2px solid #9b835b;
		padding     : 10px 40px;
		display     : inline-block;
		margin      : 0 auto -2px auto;
		color       : #9b835b;
		font-weight : bold;
		}
	.adm-list-spacing {
		display         : flex;
		flex-direction  : column;
		justify-content : center;
		align-items     : center;
		}
	.adm-separate {
		display         : flex;
		flex-direction  : column;
		justify-content : center;
		align-items     : center;
		text-align      : center;
		background      : url(img/admission/admission-separate.jpg) no-repeat left center;
		line-height     : 1.8;
		background-size: 5%;
		}
	.adm-sub-text {line-height: 1.8;}
	.adm-dt-box {padding: 10px 20px; display: inline-block; margin-bottom: 5px;}
	.adm-c-1 {background: #e4d9c6;}
	.adm-c-2 {background: #f7f7f7;}
	.adm-table {width: 100%;}
	.adm-table tr {border-bottom: 1px solid #fff;}
	.adm-table tr:first-child {border-top: none;}
	.adm-table tr:last-child {border-bottom: none;}
	.adm-table th,
	.adm-table td {padding: 1.8rem 2.25rem; vertical-align: top; line-height: 1.5;}
	.adm-table th {background: #e4d9c6; width: 25%;}
	.adm-table td {background: #f7f7f7;}
	.adm-table-bold {font-weight: bold; color: #b09d7c; margin-bottom: 20px;}
	.adm-title-glay {background: #f7f7f7; padding: 10px 20px; line-height: 1.8; }
	.adm-strong {color: #f00; font-size: 2.2rem;}
	.kengaku .mwform-radio-field {width: 45%;float: left; margin-left: 0!important;}
	.kengaku .horizontal-item label {border-bottom: none;}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* privacy policy */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.privacy {line-height: 1.5; margin-bottom: 30px;}
	.privacy h3 {
		padding          : 5px 0 0 20px;
		border-top       : #ecece4 1px solid;
		background-color : #f9f9f4;
		text-align       : left;
		font-size        : 125%;
		font-weight      : normal;
		line-height      : 230%;
		}
	.privacy ol {margin: 15px 15px 40px 20px; text-align: left; }
	.privacy ol.sub {margin: 10px 0 15px 20px;}
	.privacy ol li.sub {list-style: disc outside; padding-left: 1em; text-indent: -1em; }
	.privacy p {margin: 15px 15px 0 20px; padding: 0 0 0px 0; text-align: left; }
	.privacy ul.dot {list-style: disc outside; text-align: left; margin: 15px 0 20px 40px; }

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* sitemap */
	/* -------------------------------------------------------------------------------------------------------------------- */
	.arrow-li li {
		font-weight     : bold;
		line-height     : 3rem;
		padding-left    : 2rem;
		background      : url(./img/sitemap/icon_arrow_right.png) no-repeat left top;
		background-size : 1rem auto;
		margin-bottom   : 2rem;
		}
	.sub-arrow-li li {
		line-height     : 3rem;
		font-weight     : lighter;
		padding-left    : 1.5rem;
		background      : url(./img/sitemap/icon_arrow_right_small.png) no-repeat left center;
		background-size : 0.5rem auto;
		margin-bottom   : 1rem;
		}

	/* -------------------------------------------------------------------------------------------------------------------- */
	/* contact */
	/* -------------------------------------------------------------------------------------------------------------------- */
	#contact {}
	#contact a {color: #353535; text-decoration: underline;}
	h3.stit {
		clear       : both;
		width       : 100%;
		background  : -webkit-gradient(linear, left top, left bottom, from(#897035), to(#b09f75));
		border-top  : 3px solid #897035;
		margin-top  : 30px;
		font-weight : normal;
		padding     : 0;
		}
	h3.stit p {
		margin      : 0px 0px;
		padding     : 10px 10px;
		color       : #fff;
		line-height : 150%;
		}
	#contact .ttext {
		line-height      : 170%;
		text-decoration  : none;
		background-color : #f3f0e9;
		}
	#contact .ttext a {
		color           : #ff0000;
		font-size       : 16px;
		line-height     : 170%;
		font-weight     : bold;
		text-decoration : none;
		}
	#contact ul {list-style: none;}
	#contact .area {margin: 0px auto; text-align: center; clear: both; }
	.inq_list {
		clear            : both;
		width            : 100%;
		margin-bottom    : 5px;
		background-color : #fff;
		}
	.inq_list li.inq_box {
		clear         : both;
		float         : left;
		text-align    : left;
		margin        : 15px 0;
		width         : 100%;
		margin-bottom : 0px;
		list-style    : none;
		}
	.inq_list li.inq_box .inq_tit {
		width            : 100%;
		margin           : 0;
		padding          : 3px 0px 0px 0px;
		clear            : both;
		float            : left;
		background-color : #f3f0e9;
		border-bottom    : 1px solid #cab692;
		list-style       : none;
		}
	.inq_list li.inq_box .inq_tit p {padding: 10px 0 10px 10px; font-size: 1em; }
	.inq_list li.inq_info {
		width            : 100%;
		background-image : -moz-linear-gradient(top, #F5FAEB, #F0F7E0);
		background-image : -webkit-gradient(linear, center top, center bottom, from(#F5FAEB), to(#F0F7E0));
		background-image : -o-linear-gradient(top, #F5FAEB, #F0F7E0);
		background-image : linear-gradient(top, #F5FAEB, #F0F7E0);
		overflow         : hidden;
		border-top       : solid 1px #F0F7E0;
		border-bottom    : solid 1px #F5F5F5;
		}
	.item_box {
		clear          : both;
		padding-top    : 10px;
		padding-bottom : 10px;
		background     : #fff;
		padding-left   : 10px;
		color          : #666666;
		line-height    : 160%;
		width          : 100%;
		}
	.item_box .item .i_name input, .item_box .item2 .i_name input {
		border             : 1px solid #C6C6C6;
		width              : 68%;
		padding            : 8px;
		font-size          : 16px;
		margin-right       : 5px;
		-webkit-box-shadow : 1px 1px 0px 0px #F5FAE7 inset;
		}
	.item_box .item input, .item_box .item2 input {
		border             : 1px solid #C6C6C6;
		width              : 35%;
		padding            : 8px;
		font-size          : 16px;
		margin-right       : 5px;
		-webkit-box-shadow : 1px 1px 0px 0px #F5FAE7 inset;
		}
	.item_box3 input[type="radio"] {
		opacity : 0;
		width   : 100%;
		height  : 150%;
		padding : 0;
		}
	.item_box3 label {
		display         : block;
		background      : url(img/contact/radio_off.png) 0px 8px no-repeat;
		background-size : 40px;
		border-bottom   : 1px dotted #ccc;
		padding         : 0px 0px 20px 40px;
		color           : #555;
		text-decoration : none;
		}
	.item_box3 label.on {
		background      : url(img/contact/radio_on.png) 0px 8px no-repeat;
		background-size : 40px;
		}
	.item_box3 input[type="radio"] + label p, .item_box3 input[type="radio"]:checked + label p {
		padding-left: 40px;
		}
	.item_box2 input[type="checkbox"] {
		opacity : 0;
		width   : 100%;
		height  : 150%;
		padding : 0;
		}
	.item_box2 label {
		display         : block;
		background      : url(img/contact/check_off.png) 0px 8px no-repeat;
		background-size : 40px;
		border-bottom   : 1px dotted #ccc;
		padding         : 0px 0px 20px 40px;
		color           : #555;
		text-decoration : none;
		}
	.item_box2 label.check {
		background      : url(img/contact/check_on.png) 0px 8px no-repeat;
		background-size : 40px;
		}
	.item_box2 li:last-child label {border-bottom: none;}
	.item_box2 input[type="checkbox"] + label p {padding-left: 40px;}
	.attention {
		clear            : both;
		padding          : 20px;
		margin           : 40px 0 15px 0;
		font-size        : 12px;
		text-align       : left;
		background-color : #f3f0e9;
		line-height      : 150%;
		float            : left;
		}
	input[type="submit"] {
		width                 : 40%;
		margin                : 10px 0 30px 0;
		padding               : 15px;
		background            : -webkit-gradient(linear, left top, left bottom, from(#FFAA33), to(#FF8800));
		border                : 1px #F27300 solid;
		color                 : #FFF;
		-webkit-appearance    : none;
		-webkit-border-radius : 10px;
		-webkit-box-shadow    : 0 2px 2px #CCC;
		text-shadow           : 1px 2px 3px #C45C00;
		font-size             : 16px;
		text-align            : center;
		cursor                : pointer;
		}
	textarea.text-area {width: 95%; height: 250px; }
	.back-btn input[type="submit"] {
		width                 : 45%;
		margin                : 10px 20px 30px 0;
		padding               : 15px;
		background            : -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#f2f2f2));
		border                : 1px #ccc solid;
		color                 : #FFF;
		-webkit-appearance    : none;
		-webkit-border-radius : 10px;
		-webkit-box-shadow    : 0 2px 2px #CCC;
		text-shadow           : 1px 2px 3px #666;
		font-size             : 16px;
		text-align            : center;
		cursor                : pointer;
		}
	input[type="submit"]:hover {background: #222;}

/* ======================================================================================================================== */
/* responsive */
/* ======================================================================================================================== */
	@media screen and (max-width:1620px) {
		/* ---------------------------------------------------------------------------------------------------------------- */
		.low-main-visual picture img {max-width: 100%;}
		/* ---------------------------------------------------------------------------------------------------------------- */
	}

	@media screen and (min-width:1200px) {
		.prod-area {top: 40vh;}
	}
	/* -------------------------------------------------------------------------------------------------------------------- */
	/* 980 */
	/* -------------------------------------------------------------------------------------------------------------------- */
	@media screen and (max-width:980px) {
		html {width: 100%; overflow-x: hidden;}
		body#home {background: #fff;}
		.prod-area {top: 17vh;}
		/* ---------------------------------------------------------------------------------------------------------------- */
		.container {width: 90%;}
		.col-box .col-1 {width: 100%;}
		.col-box .col-2 {width: 47%;}
		.col-box .col-3 {width: 30%;}
		.col-box .col-4 {width: 30%;}

		.col-salon-02 {width: 49.5%;}
			.col-salon-02 * {max-width: 100%;}

		.salon-tour-title-style {text-align: center;}
			.salon-tour-title-style img {float: none; width: 85px; margin: 0 auto;}
			.salon-tour-title-style p {width: 100%; text-align: center;}
.salon-tour-line-1 {
	font-size: 1.6rem;
	text-align: left;
	width: 80% !important;
	margin: 0 auto;
	line-height: 1.8;
	padding: 20px 0 30px 0;
}


		.sp-col-box-center {justify-content: space-around;}
		.sp-col-box-center .col-sub-nav {width: 245px!important;}
		.col-1 img, .col-2 img, .col-3 img, .col-4 img {width: 100%;}
			.col-box img.salon-col-1 {width: 60%; height: 100%;}
			.col-box img.salon-col-2 {width: 18%; height: 100%;}
		.pc-salon-info-2 {margin-left: 20px;}
		.salon-tel-sta, .salon-tel-info {float: left;}
		.salon-tel-sta {margin-left: 20px;}
		.sp-nav-btn {float: right; display: block; width: 50px; height: 50px;}
		header {height : 50px;}
		.logo-area {height: 50px;}
		.logo {left: 10%;}

		nav {
			clear       : both;
			position    : absolute;
			width       : 120%;
			background  : rgba(255,255,255,1);
			display     : none;
			margin-top  : 50px;
			z-index     : 9999;
			margin-left : -10%;
			padding     : 0 10% 0 10%;
			}
	body.home nav {
			clear       : both;
			position    : absolute;
			width       : 120%;
			background  : rgba(0,0,0,0.8);
			display     : none;
			margin-top  : 50px;
			z-index     : 9999;
			margin-left : -10%;
			padding     : 0 10% 0 10%;
			}
		nav ul {display: block; width: 90%;}
		nav ul li {width: 100%; clear: both; padding: 20px; border-bottom: 1px solid #ccc; text-align: center;}
		nav ul li:last-child {border-bottom: 0;}
			nav ul li:first-child {border-top: 1px solid #ccc;}
			nav ul li:last-child {padding: 20px 0;}

		.r-nav {float: none; border: none; color: #fff; background: #122a88; width: 100%; border-radius: 5px; padding: 20px 0;}
			.r-nav img {display: none;}
		.logo-area {margin-right: 0; z-index: 9999999;}
		.menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
		.menu-trigger { position: relative; width: 30px; height: 25px; right: 5px; top: 13px;}
	body.home .menu-trigger span { position: absolute; left: 0; width: 100%; height: 4px; background-color: #fff; border-radius: 4px; }
		.menu-trigger span { position: absolute; left: 0; width: 100%; height: 4px; background-color: #333; border-radius: 4px; }
		.menu-trigger span:nth-of-type(1) { top: 0; }
		.menu-trigger span:nth-of-type(2) { top: 11px; }
		.menu-trigger span:nth-of-type(3) { bottom: 0; }
		.menu-trigger::after {
			position      : absolute;
			top           : 100%;
			left          : 100%;
			display       : block;
			content       : '';
			width         : 30px;
			height        : 30px;
			margin        : -31px 0 0 -29px;
			border-radius : 50%;
			border        : 4px solid transparent;
			transition    : all .75s;
			}
		.menu-trigger.active span:nth-of-type(1) {
			-webkit-transform: translateY(11px) translateX(5px) rotate(-45deg);
			transform: translateY(11px) translateX(5px) rotate(-45deg);
			}
		.menu-trigger.active span:nth-of-type(2) {
			left: 60%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards;
			}
		@-webkit-keyframes active-menu-bar02 {
			100% { height: 0; }
			}
		@keyframes active-menu-bar02 {
			100% { height: 0; }
			}
		.menu-trigger.active span:nth-of-type(3) {
			-webkit-transform: translateY(-10px) translateX(5px) rotate(45deg);
			transform: translateY(-10px) translateX(5px) rotate(45deg);
			}
		body.home .menu-trigger.active::after {-webkit-animation: circle .4s .25s forwards; animation: circle .4s .25s forwards; }

		@-webkit-keyframes circle {
			0%   {border-color: transparent; -webkit-transform: rotate(0); }
			25%  {border-color: transparent #fff transparent transparent; }
			50%  {border-color: transparent #fff #fff transparent; }
			75%  {border-color: transparent #fff #fff #fff; }
			100% {border-color: #fff; -webkit-transform: rotate(-680deg); }
			}
		@keyframes circle {
			0%   {border-color: transparent; transform: rotate(0); }
			25%  {border-color: transparent #fff transparent transparent; }
			50%  {border-color: transparent #fff #fff transparent; }
			75%  {border-color: transparent #fff #fff #fff; }
			100% {border-color: #fff; transform: rotate(-680deg); }
			}

		.menu-trigger.active::after {-webkit-animation: circle .4s .25s forwards; animation: circle-g .4s .25s forwards; }
		@-webkit-keyframes circle-g {
			0%   {border-color: transparent; -webkit-transform: rotate(0); }
			25%  {border-color: transparent #333 transparent transparent; }
			50%  {border-color: transparent #333 #333 transparent; }
			75%  {border-color: transparent #333 #333 #333; }
			100% {border-color: #333; -webkit-transform: rotate(-680deg); }
			}
		@keyframes circle-g {
			0%   {border-color: transparent; transform: rotate(0); }
			25%  {border-color: transparent #333 transparent transparent; }
			50%  {border-color: transparent #333 #333 transparent; }
			75%  {border-color: transparent #333 #333 #333; }
			100% {border-color: #333; transform: rotate(-680deg); }
			}

		.staff-info-area {width: 50%;}
		.bgc-sub-menu ul li {margin-bottom: 20px;}

		.edu-page-menu .col-4:nth-child(2) {border-right: none;}
		.edu-page-menu .col-3 {width: 50%!important;}

		.label_new {
			box-sizing: border-box;
			padding: 0 6px;
			margin: 0;
			top:-10px;
			letter-spacing: 0.1em;
			color: #fff;
			background: #ff3e00;
			box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
			}

		.edu-join-text-area .bg_img {background-image: none;}

		/* ---------------------------------------------------------------------------------------------------------------- */
	}
	@media screen and (max-width:860px) {.prod-area {top: 14vh;} }
	@media screen and (max-width:800px) {.prod-area {top: 13vh;} }
	/* -------------------------------------------------------------------------------------------------------------------- */
	/* tablet */
	/* -------------------------------------------------------------------------------------------------------------------- */
	@media screen and (max-width:768px) {
	/* S tablet */
		/* ---------------------------------------------------------------------------------------------------------------- */
		.col-box .col-1 {width: 100%;}
		.col-box .col-2 {width: 47%;}
		.col-box .col-3 {width: 30%;}
		.col-box .col-sub-nav {margin: 0 auto 10px auto;}
		.prod-area {top: 12vh;}
		.col-r-b {width: 50%!important;}
		.tab-max {width: 100%;}
		.home-staff-voice-info {width: 90%; margin: -30px auto 0 auto;}
		.home-staff-photo {position: static;}
		.home-staff-photo img {width: 100%;}
		.footer-banner-area {width: 100%; }
		.fix-bottom-nav ul {width: 100%; }
		.fix-bottom-nav {}
		.fix-bottom-nav li a {font-size: 1.8vw; }
		.fix-bottom-nav li a img {clear: both; display: block; margin: -7px auto 10px auto; width: 24px; text-align: center; }

.app-box {padding: 30px; font-size: 1.4rem;}

		.sp-col-1 {width: 100%;}

		.naitei-mv-area img {
			width: 70%;
			height: auto;
			right: -15%;
			}

	.salon-tour-company-photo {width : 110px; position: static;}
	.salon-tour-w-box h4 {line-height: 1.5;}
	.salon-tour-photo-title-2 h3, .salon-tour-photo-title h3 { font-size: 4.5vw; padding-top: 10px;}
	.salon-tour-read {line-height: 1.5; font-size: 1.5rem;}
	.sp-p-text {line-height: 1.3;}

	.app-set-2 {
		width         : 150px;
		margin-top    : -90px;
		margin-bottom : 25px;
		}

.event-left {width: 100%;}
	.event-left * {max-width: 100%!important;}

#event .title {height: auto;}

.event-right {clear: both; width: 100%;}

#event #news-r {width: 100%;}

.sp-pl-00 {padding-left: 0!important;}
.sp-pr-00 {padding-right: 0!important;}

	.footer-nav-menu li {width : 50%; height: 50px;}
	.footer-nav-menu li:nth-child(even) {border-right: none;}
	.home-event-info {width: 50%;}
	.f-menu-sp a {color: #fff; font-size: 2.5vw;}
	.staff-ja-ttl {font-size: 1.8rem; margin: 45px 0 20px;}
	.home-staff-voice-en {font-size: 3.2rem;}
	.event-news-img-thumb { width: 130px; height: 90px; }
	.topic-path {font-size: 2.5vw;}
	body#home a::after { color: #fff; }
	.event-block {width: 100%;}
	.menu-line {border-top: 1px solid #ccc;}
	iframe {width: 100%!important;}
	.menu-area-margin {padding-top: 50px;}

		.staff-info-area { width: 70%;
    position: relative;
    z-index: 8000;}
.main-staff-img {
    width: 43%;
    margin: -30px 0 0 -5%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    float: left;
    position: absolute;
    z-index: -1;
}

	.main-staff-img::after {
		width      : 40%;
		}

.sp-te-ws {
	text-shadow:0px 0px 8px #ffffff,-2px -2px 3px #ffffff,-3px -3px 6px #ffffff,-1px 0px 5px #ffffff;
}

.question-box p span {
    margin: 0 15px 5px;
    display: block;
    float: left;
    padding: 1px 0px;
    line-height: 1.2;
	font-size: 1.6rem;
}

.question-box p {
    background: #434343;
    padding: 10px;
    color: #fff;
    font-weight: normal;
    line-height: 1.5;
	font-size: 1.4rem;
}

.question-box div { font-size: 1.4rem; padding: 20px 20px 20px 20px; line-height: 1.7;}

		
.main-staff-img img {height: auto;}


.staff-detail-text {
    letter-spacing: 1px;
    line-height: 1.6;
    font-size: 1.2rem;
}

.staff-name-en {
    font: 5.6rem;
    color: #e2e2e2;
    text-indent: 0rem;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 11px;
}


.r-staff-balloon-left {
    position: absolute;
    top: -30px;
    left: -10px;
    width: 85%;
}
.r-staff-balloon-right {
    position: absolute;
    right: 0px;
    top: -40px;
    width: 85%;
}


.r-staff-title {
    font-size: 5.5vw;
    width: 120%;
    margin-left: -10%;
}

.text-box-white {padding: 20px;}

.r-staff-name-en {
    font-size: 8.5vw;
}

.sp-r-staff-balloon-left {width: 50%; top: -40px;}

.staff-name-en {font-size: 4.8vw; color: #ccc9c9;}
.sp-vw-16 {font-size: 1.6vw;}
.sp-vw-18 {font-size: 1.8vw;}
.sp-vw-20 {font-size: 2.0vw;}
.sp-vw-22 {font-size: 2.2vw;}
.sp-vw-24 {font-size: 2.4vw;}
.sp-vw-26 {font-size: 2.6vw;}
.sp-vw-28 {font-size: 2.8vw;}
.sp-vw-30 {font-size: 3.0vw;}
.sp-vw-34 {font-size: 3.4vw;}
.sp-vw-34 {font-size: 3.4vw;}
.sp-vw-36 {font-size: 3.6vw;}
.sp-vw-38 {font-size: 3.8vw;}

.sp-mb-30 {margin-bottom: 30px!important;}
		
.adm-separate {
    background-size: 15%;
}


.r-staff-num {
    position: absolute;
    top: -50px;
    left: calc(50% - 65px);
}

.bgp-dot {padding: 20px 10px;}
.edu-title-area h4 {font-size: 4.8vw;}
.r-staff-img-card {margin-bottom: 0!important;}
.sp-card-bottom {margin-bottom: 80px!important;}

.sp-fs-10 {font-size: 1.0rem!important;} .sp-fs-11 {font-size: 1.1rem!important;} .sp-fs-12 {font-size: 1.2rem!important;} .sp-fs-13 {font-size: 1.3rem!important;}
.sp-fs-14 {font-size: 1.4rem!important;} .sp-fs-15 {font-size: 1.5rem!important;} .sp-fs-16 {font-size: 1.6rem!important;} .sp-fs-17 {font-size: 1.7rem!important;}
.sp-fs-18 {font-size: 1.8rem!important;} .sp-fs-19 {font-size: 1.9rem!important;} .sp-fs-20 {font-size: 2.0rem!important;} .sp-fs-21 {font-size: 2.1rem!important;}
.sp-fs-22 {font-size: 2.2rem!important;} .sp-fs-23 {font-size: 2.3rem!important;} .sp-fs-24 {font-size: 2.4rem!important;} .sp-fs-25 {font-size: 2.5rem!important;}
.sp-fs-26 {font-size: 2.6rem!important;} .sp-fs-27 {font-size: 2.7rem!important;} .sp-fs-28 {font-size: 2.8rem!important;} .sp-fs-29 {font-size: 2.9rem!important;}
.sp-fs-30 {font-size: 3.0rem!important;} .sp-fs-31 {font-size: 3.1rem!important;} .sp-fs-32 {font-size: 3.2rem!important;} .sp-fs-33 {font-size: 3.3rem!important;}
.sp-fs-34 {font-size: 3.4rem!important;} .sp-fs-35 {font-size: 3.5rem!important;} .sp-fs-36 {font-size: 3.6rem!important;} .sp-fs-37 {font-size: 3.7rem!important;}
.sp-fs-38 {font-size: 3.8rem!important;} .sp-fs-39 {font-size: 3.9rem!important;} .sp-fs-40 {font-size: 4.0rem!important;}


	#event .news-l {width: 100%;}
	#event .title-l {width: 100%;}

.mwform-tel-field input[type="text"] {width: 26%!important; margin-right: 0;}

.sp-wide-10 {width: 10%;}
.sp-wide-20 {width: 20%;}
.sp-wide-30 {width: 30%;}
.sp-wide-40 {width: 40%;}
.sp-wide-50 {width: 50%;}
.sp-wide-60 {width: 60%;}
.sp-wide-70 {width: 70%;}
.sp-wide-80 {width: 80%;}
.sp-wide-90 {width: 90%;}
.sp-wide-100 {width: 100%!important;}

.must-item-title {width: 100%; line-height: 1.5;}

.company-img {
    width: 100%;
    position: relative;
    padding-top: 40px;
}
		.company-img img {
    max-width: 50%;
    height: 150px;
    float: left;
}


		/* ---------------------------------------------------------------------------------------------------------------- */
		img {
			max-width   : 100%;
			height      : auto;
			width /***/ : auto;
			}
	/* E tablet */
	}


	/* -------------------------------------------------------------------------------------------------------------------- */
	/* smart phone */
	/* -------------------------------------------------------------------------------------------------------------------- */
	@media screen and (max-width:640px) {
	/* S smart phone */
		/* ---------------------------------------------------------------------------------------------------------------- */
		.fl {float: none;}
		.col-box .col-1 {width: 100%;}
		.col-box .col-2 {width: 100%;}
		.col-box .col-3 {width: 100%;}
		.col-box .col-4 {width: 30%;}
			.img-area {width: 100%; }
			.col-box img.salon-col-1 {width: 100%; height: 100%;}
			.col-box img.salon-col-2 {width: 49%; height: 100%; margin-top: 0.5rem;}
		
		time {margin-top: 5px;}
		.home-event-title {line-height: 1.9rem; font-weight: normal; margin-top: 10px; }
		
		.edu-page-menu .col-4 {width: 50%!important;}

		.edu-list-cont div {
		width: 100%;
		font-size: 3.8vw;
		margin-bottom: 1.8rem;
		line-height: 1.8;}
		
		.list-text {float: left; margin: -30px 0 20px 40px;}
		
		.edu-environment img {width: 100%;}

		.edu-salon-btn { font-size : 1.7rem; font-weight : normal;}
		
		.edu-schedule-table th {width: 30%;}
		.edu-schedule-table th,
		.edu-schedule-table td {font-size: 1.3rem; padding: 10px 10px; line-height: 1.6; }

		.edu-staff-list-info {
			width: 80%;
			margin: 0 auto;
			float: none;
			text-align: left;
			margin-bottom: 20px;
			padding-right: 0;
			}
		.edu-staff-list img {width: 70%; float: none;}
		.edu-staff-list {text-align: center;}
			
		.rec-view-pc-text {font-size: 1.5rem;}
		
		.sp-non {display: none;}
		.sp-col-3 .col-box .col-3 {width: 30%;}
		.sp-col-2 {width: 47%!important; float: left;}
			.admission .sp-col-2 {font-size: 3vw;}
		.sp-col-2-r {margin-left: 10px;}
		.sp-max {width: 100%!important;}


		.sp-col-2-50 {width: 50%!important;}

		.sp-mb10 {margin-bottom: 10px;}
		.footer-nav {font-size: 3.5vw;}

		.sp-no-color {background: transparent!important; padding: 10px 0; font-size: 3.5vw;}

		.r-staff-img-card {width: 100%!important; margin-bottom: 40px;}
		
		.f-nav-top-mm {margin-top:-1.5px;} 

		/* staff voice */
		.staff-archives-school {font-size:2.3vw;}
		.staff-archives-name {font-size:3.5vw; margin: 2.5vw 0; }
		.staff-archives-text {font-size:2.5vw;}
		.staff-nama-title {font-size: 5.3vw;}
		.salon-nama-area {font-size: 3.5vw;}
		.gold-boder img {border: 4px solid #e8c69f;}

		.salon-area-nav li {width: 33%;}
		.salon-area-nav .area-title {width: 100%; margin-bottom: 20px; display: block;}
		.salon-box .col-2 {width: 50%;}
		.salon-info {padding-left: 10px; font-size: 2.5vw;}

		.sp-salon-l {width: 30%!important;}
		.sp-salon-r {width: 60%!important;}

		.prod-area {top: 10vh;}
		.prod-title {font-size: 4.6vw;}
		.prod-copy {font-size: 3.6vw;}
		.prod-item-l {float: none; width: 100%;}
		.prod-item-r {float: none; width: 100%;}
		.prod-title-boder {text-align: left;}

		.naitei-mv-area {padding: 20px 10px;}
		.naitei-mv-info {width: 100%; padding: 30px 20px; margin: 0; text-align: center; margin-bottom: 30px;}

		.naitei-listening {border: none; padding: 0;}
		.naitei-listening .col-2 {border: 1px solid #d4bc92; margin-top: 10px;}
		.label_new {
			left: 0;
			top: -5px;
			border-radius: 0;
			box-sizing: border-box;
			padding: 0 8px;
			margin: 0;
			height: 2.5rem;
			line-height: 2.5rem;
			font-size: 1.5rem;
			letter-spacing: 0.1em;
			color: #fff;
			background: #ff3e00;
			box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
			}

		.label_new:before {
			position: absolute;
			content: '';
			top: 0;
			left: -7px;
			border: none;
			height: 3.2rem;
			width: 7px;
			background: #ff3e00;
			border-radius: 5px 0 0 5px;
			}
			.label_new:after {
			position: absolute;
			content: '';
			bottom: -7px;
			left: -5px;
			border: none;
			height: 7px;
			width: 5px;
			background: #a8563b;
			border-radius: 5px 0 0 5px;
			}


		.sp-mt-10 {margin-top: 10px;}
		.sp-mt-30 {margin-top: 30px!important;}
		.sp-pa-10 {padding: 10px;}
		.sp-pa-20 {padding: 20px;}
		.sp-pa-30 {padding: 30px;}

		.sp-text-center {text-align: center;}

		.disp-pc {display: none!important;}
		.disp-sp {display: block!important;}

		.copyright {clear: both;}

		.edu-join-text-area {background:transparent; text-align: center;}
		.sp-edu-join-text-area {background: #f3f0e9;}
		.edu-join-text-area img {float: none; width: 80%;}
		.edu-join-text-area div p.text {font-size: 1.4rem; line-height: 1.8;}
		.edu-join-text-area div h3 {font-size: 2.3rem; margin-top: 20px;}

.sp-list-block {
    display: block;
    float: left;
    margin-left: 3rem;
    margin-top: -3.5rem;
    margin-bottom: 1.5rem;
}

.btn-side-padding-non {padding-left: 0; padding-right: 0;}

.salon-btn-wide {width: 100%;}

.visit-from {font-size: 1.0rem!important;}

		.edu-s-name {font-size: 2.2rem; font-weight: bold;}
		.edu-s-champ {font-size: 1.8rem; font-weight: bold;}
		.edu-s-text {font-size: 1.4rem;}
		
		.info-text {margin-top: 5px; margin-left: 10px; font-size: 1.4rem;}
		
		.creative-photo-area {padding: 20px 20px 20px 10px;}
		.creative-press-area {padding: 20px 20px 20px 10px;}
		.creative-show-area {padding: 20px 20px 20px 10px;}
		.img-creative {margin-bottom: 4px;}
		
		
		.footer-nav-menu {font-size: 2.8vw;}
		.footer-banner-area a {display: block; float: none; text-align:center; margin: 10px auto;}
		
		/* admisson */
		.admission .edu-page-menu .col-4 {width: 25%; font-size: 1.5vw; }
		.admission .edu-page-menu .col-4 .fs20 {font-size: 2vw !important;}
		.admission table th,
		.admission table td {display: block; width: 100%;}

		.adm-title-glay {background: transparent; padding: 0; font-size: 3.8vw;}
		.adm-strong {font-size: 5vw; line-height: 1.2; margin-bottom: 10px;}
		
		.adm-sub-text {font-size: 1.4rem; }

		.adm-table {font-size: 1.4rem; }
		.adm-table th,
		.adm-table td {padding: 1.6rem 2.0rem; vertical-align: top; line-height: 1.5;}
		
		
		.copyright {text-align: center; margin: 20px 0 0 0; width: 100%; font-size: 2.8vw;}

		.adm-title-line {text-align: left;}

		.footer-nav-area {width: 100%;}

#pcZip {width: 40%;}
#pcAddr {width: 100%;margin-top: 10px;}


.profile table { font-size: 1.3rem;}

.profile table th { padding: 15px 15px; width: 30%; }
.profile table td { padding: 14px 15px;}

.map-btn { margin-left: 0rem!important;}
.map-btn {
    display: inline-block;
    padding: 0.5rem 2rem;
    border-radius: 15px;
    background: #baa47d;
    color: #fff;
}

.map-btn {
    margin: 1rem;
}
.profile h4 { font-size: 13px;}

		.sp-ml-5per {margin-left: 5%;}
		nav ul {margin-left: 5%;}
		/* ---------------------------------------------------------------------------------------------------------------- */
		.movie-area iframe {width: 100% !important; height: 200px; }

		/* price */
		.price-box {padding: 2rem; margin-bottom: 2rem; }

		/* salon */
		.txt-c-pc {text-align: left;}

		img {
			max-width   : 100%;
			height      : auto;
			width /***/ : auto;
		}

		/* 会社説明会・サロン見学予約フォーム */
		#cTitle h2.ttl-2-line {padding: 25px 0 70px 0;}
		
	/* E smart phone */
	}


	.btn_line_add {
		background: #06C755 url(img/common/line_btn_bgp.png) no-repeat left center;
		padding: 20px;
		text-indent: 40px;
		color: #fff;
		background-size: cover;
		border-radius: 20px;
		display: inline-block;
	}
	.btn_line_add:hover {
		text-decoration: none;
		opacity: 0.8;
	}