@charset "UTF-8";
.pc,
.pcimage,
img[src*="_pc."],
img[src*="_tb."],
.tb,
.hidden {
	display: none !important;
}

.container {
	width: 98%;
}



#totalcare img[src*="_pc."],
.experienceOffer img[src*="_pc."],
#home #keyvisual img[src*="_pc."],
#home #problem img[src*="_pc."],
#home img[src$="popup_pc.svg"],
#experience picture img[src*="_pc."],
#female picture img[src*="_pc."],
#home #contest_lead picture img[src*="_pc."],
#home #expo2025osaka picture img[src*="_pc."],
#home #taiken0yen picture img[src*="_pc."] {
	display: inline-block !important;
}





/* ▼ヘッダー */
/* ----------------------------------------------------- */
#globalHeader {
	height: 90px;
	overflow: hidden;
}

#note {
	display: none;
}

#globalHeader #header {
	position: relative;
	width:100%;
	z-index:9999;
	background-color: #ffffff;
}

#globalHeader #header .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	list-style-type: none;
	margin:0 2%;
}

#globalHeader #header p {
	box-sizing: border-box;
}

#globalHeader #header img{
	height:50px;
}

#globalHeader #header #logo {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	text-align: center;
}

#globalHeader #header #logo a {
	display: block;
}

#globalHeader #header #header_cellguard {
	display: block;
	margin: 0;
	padding: 0 2%;
	text-align: center;
	background:#f5f4ee;
}

#globalHeader #header #header_cellguard a {
	display: block;
	font-size: 0.7em;
	line-height: 30px;
}

#globalHeader #menu {
	position: fixed;
	z-index: 99999;
	top: 3px;
	right: 0;
	width: 55px;
}

#globalHeader #menu span {
	display: block;
	border: 0.1rem solid #333333;
	border-right: 0 none;
	background: #ffffff;
	border-radius: 0.3rem 0 0 0.3rem;
	box-sizing: border-box;
}

#globalHeader #menu img {
	height: 50px;
}

#globalHeader #sp_nav {
	position: fixed;
	z-index: 99999;
	left: 0;
	bottom: 0;
	right: 0;
	height: 55px;
	margin: 0;
	padding: 0;
}

#globalHeader #sp_nav ul {
	height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-items: center;
}

#globalHeader #sp_nav ul li {
	width: 33.333%;
	width: calc( 100% / 3 );
	height: auto;
	text-align: center;
}

#globalHeader #sp_nav ul li a {
	position: relative;
	display: block;
	height: 55px;
	padding: 0.5em 1em 0.5em 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	border-bottom: 0 none;
	background: #999999;
	border-radius: 0;
	box-sizing: border-box;
}

#globalHeader #sp_nav.demo ul .male_reserve a {
	color: #ffffff;
	background: linear-gradient(to bottom, #2d6e4b 0%,#0e522d 100%);
}

#globalHeader #sp_nav.demo ul .female_reserve a {
	color: #000000;
	background: #ebac05;
}

#globalHeader #sp_nav.demo ul .tel_reserve a {
	color: #ffffff;
	background: #9b003f;
}

#globalHeader #sp_nav ul li a span {
	font-size: 1.3em;
}

#globalHeader #sp_nav ul li a::after {
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: "\f105";
	font-size: 2em;
	font-family: "FontAwesome";
	line-height: 1;
	transform: translate(0,-50%);
}



/* 20230818 */
#globalHeader #sp_nav.demo ul .line_reserve a {
	padding-top: 1.4em;
	color: #ffffff;
	background: #00b900;
}

#globalHeader #sp_nav.demo ul .web_reserve span {
	position: relative;
	display: block;
	height: 55px;
	padding: 0.5em 1em 0.5em 0;
	padding-top: 1.4em;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration: none;
	color: #000000;
	background: #ebac05;
	border-bottom: 0 none;
	border-radius: 0;
	box-sizing: border-box;
}

#globalHeader #sp_nav.demo ul .web_reserve span i {
	font-size: 1.3em;
	font-style: normal;
}

#globalHeader #sp_nav ul .web_reserve span::after {
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: "\f106";
	font-size: 2em;
	font-family: "FontAwesome";
	line-height: 1;
	transform: translate(0,-50%);
}

#globalHeader #sp_nav ul .web_reserve span.open::after {
	content: "\f107";
}



/* 20231019 */
/*
#globalHeader #sp_nav.demo ul .line_reserve a {
	position: relative;
	padding: 2.3em 0 0 0;
	box-sizing: border-box;
}

#globalHeader #sp_nav.demo ul .line_reserve a::before {
	content: "LINE割実施中 !";
	position: absolute;
	top: 5px;
	left: 50%;
	width: 77%;
	height: 2.5em;
	padding: 2px 0 0 0;
	font-size: 0.8em;
	text-align: center;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ffffff%22%20width%3D%22100px%22%20height%3D%2225px%22%20viewBox%3D%220%200%20100%2025%22%3E%3Cpath%20d%3D%22M99%2C1v19H54h-0.4l-0.3%2C0.3L50%2C23.6l-3.3-3.3L46.4%2C20H46H1V1H99%20M100%2C0H0v21h46l4%2C4l4-4h46V0L100%2C0z%22%2F%3E%3C%2Fsvg%3E');
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff0000%22%20width%3D%22100px%22%20height%3D%2225px%22%20viewBox%3D%220%200%20100%2025%22%3E%3Cpath%20d%3D%22M99%2C1v19H54h-0.4l-0.3%2C0.3L50%2C23.6l-3.3-3.3L46.4%2C20H46H1V1H99%20M100%2C0H0v21h46l4%2C4l4-4h46V0L100%2C0z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;
	transform: translate(-50%, 0);
	box-sizing: border-box;
}
*/



/* 20231220 */
/*
#globalHeader #sp_nav.demo ul .line_reserve a {
	padding: 1.4em 0 0 0;
}

#globalHeader #sp_nav.demo ul .line_reserve a::before {
	top: -2.5em;
	width: 100%;
	height: 1.954rem;
	font-size: 1em;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100px%22%20height%3D%2225px%22%20viewBox%3D%220%200%20100%2025%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M100%2C0H0v21h46l4%2C4l4-4h46V0L100%2C0z%22%2F%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M99%2C1v19H54h-0.4l-0.3%2C0.3L50%2C23.6l-3.3-3.3L46.4%2C20H46H1V1H99%20M100%2C0H0v21h46l4%2C4l4-4h46V0L100%2C0z%22%2F%3E%3C%2Fsvg%3E');
	color: #333333;
}
*/



/* 20231225 */
/*
#globalHeader #sp_nav.demo ul .line_reserve a::before {
	color: #ffffff;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100px%22%20height%3D%2225px%22%20viewBox%3D%220%200%20100%2025%22%3E%3Cpath%20fill%3D%22%2300b900%22%20d%3D%22M100%2C0H0v21h46l4%2C4l4-4h46V0L100%2C0z%22%2F%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M99%2C1v19H54h-0.4l-0.3%2C0.3L50%2C23.6l-3.3-3.3L46.4%2C20H46H1V1H99%20M100%2C0H0v21h46l4%2C4l4-4h46V0L100%2C0z%22%2F%3E%3C%2Fsvg%3E');
}
*/





/* ▼slidemenu */
/* ----------------------------------------------------- */
#slidemenu {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 55px;
	left: 0;
	overflow: hidden;
	padding: 0;
	background-color: #322c26;
	-webkit-overflow-scrolling: touch;
}

#slidemenu .wrap {
	height: 100%;
	padding: 0 0 2em 0;
	overflow-x: hidden;
}
#slidemenu .flex {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	width:calc(100% + 1px); /* 右端のborderを隠す */
}
#slidemenu .heading {
	flex:1 1 100%;
	padding: 0.5em;
	font-size: 5.333vw;
	font-weight: 700;
	text-align: center;
	color: #d4b080;
	border-bottom: 1px solid #000000;
}

#slidemenu .menu {
	flex:1 1 45%;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#slidemenu .width100 {
	flex:1 1 100%;
}

#slidemenu .menu a {
	display: block;
	padding: 0.5em;
	font-size: 4vw;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
}

#featureNav,
#serviceNav,
#ecNav {
	display: none;
}





/* ▼reserveNav */
/* ----------------------------------------------------- */
#reserveNav {
	display: none;
	position: fixed;
	z-index: 9999;
	right: 0;
	bottom: 55px;
	left: 0;
	height: 40px;
	overflow: hidden;
	padding: 0;
	background-color: #322c26;
	-webkit-overflow-scrolling: touch;
}

#reserveNav ul {
	position: relative;
	width: 100%;
	height: 100%;
}

#reserveNav ul li {
	list-style-type: none;
}

#reserveNav ul li.close {
	display: none;
}

#reserveNav ul li.male_reserve {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
}

#reserveNav ul li.female_reserve {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
}

#reserveNav ul li a {
	position: relative;
	display: block;
	padding: 0.5em;
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
}

#reserveNav ul li a i {
	font-size: 0.7em;
	font-style: normal;
}

#reserveNav ul li.male_reserve a {
	background: #003f88;
}

#reserveNav ul li.female_reserve a {
	background: #be0037;
}

#reserveNav ul li a::after {
	position: absolute;
	top: 50%;
	right: 0.2em;
	content: "\f105";
	font-size: 2em;
	font-family: "FontAwesome";
	line-height: 1;
	transform: translate(0,-50%);
}





/* ▼main */
/* ----------------------------------------------------- */
#main {
	margin: calc(60px + 30px + 60px) 0 0 0;
	/* 体験プラン・フリーダイヤル ＋ セルガード ＋ リーブロゴ */
	margin: calc(60px + 30px + 30px + 60px) 0 0 0;
	/* 体験プラン・フリーダイヤル ＋ コロナ無料相談 ＋ セルガード ＋ リーブロゴ */
	margin: 0 !important;
	/* 新ヘッダー用 */
	background: #ffffff;
}





/* ▼notice */
/* ----------------------------------------------------- */
#notice p {
	font-size: 4vw;
}





/* ▼keyvisual */
/* ----------------------------------------------------- */
#keyvisual {
	height: 44.976vh;
	padding: 27.736vh 0 0 0;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

#keyvisual div.container {
	display: table;
	width: 100%;
}

#keyvisual div.container:after {
	display: none;
}

#keyvisual h1,
#keyvisual h2 {
	display: table-cell;
	width: 100%;
	height: 17.24vh;
	padding: 0.8em 10.667vw;
	font-size: 6.133vw;
	vertical-align: middle;
	background: rgba(255, 255, 255, 0.8);
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

#keyvisual h1:before,
#keyvisual h2:before {
	width: 23.333vw;
	height: 0;
	margin: 0 0 0.5em 0;
	padding: 5.9% 0 0 0;
}



/* スタイル上書き */
#keyvisual {
	position: relative;
	height: 0;
	padding: 80% 0 0 0;
}

#keyvisual div.container {
	position: absolute;
	bottom: 0;
}

#keyvisual h1,
#keyvisual h2 {
	height: auto;
}





#home #keyvisual {
	position: relative;
	height: 0;
	padding: 81.334% 0 0 0;
	background: #ccdf87;
	background: transparent;
}

#home #keyvisual .sp-slides-container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

#home #keyvisual .sp-slides-container .sp-mask {
	height: 100% !important;
}

#home #keyvisual #mainvisual .sp-slide img {
	width: 100%;
}

#home #keyvisual .sp-buttons {
	position: absolute;
	bottom: -3em;
	bottom: -2.5em;
	z-index: 50;
}

#home #keyvisual .sp-buttons .sp-button {
	width: 15px;
	height: 15px;
	border: 2px solid #939393;
	background: #939393;
}

#home #keyvisual .sp-buttons .sp-button.sp-selected-button {
	border: 2px solid #666666;
	background: #666666;
}



#home #keyvisual.sp-horizontal .sp-arrows {
	top: 60%;
}

#home #keyvisual.sp-horizontal .sp-previous-arrow {
	left: 10px;
}

#home #keyvisual.sp-horizontal .sp-next-arrow {
	right: 10px;
}

#home #keyvisual .sp-arrows .sp-arrow {
	width: 50px;
	height: 50px;
	background: #000000;
	background: rgba(0, 0, 0, 0.5);
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	/* border-radius */
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
}

#home #keyvisual .sp-arrows .sp-next-arrow:after,
#home #keyvisual .sp-arrows .sp-next-arrow:before,
#home #keyvisual .sp-arrows .sp-previous-arrow:after,
#home #keyvisual .sp-arrows .sp-previous-arrow:before {
	width: 15%;
	height: 30%;
}

#home #keyvisual .sp-arrows .sp-arrow:before {
	left: 40%;
	top: 20%;
}

#home #keyvisual .sp-arrows .sp-arrow:after {
	left: 40%;
	top: 49%;
}



#home #keyvisual #sliderControl {
	position: absolute;
	bottom: -3em;
	left: 30%;
	left: 27%;
	z-index: 55;
	width: 2em;
	height: 2em;
	overflow: hidden;
}

#home #keyvisual #sliderControl p {
	margin: 0;
	padding: 0;
}

#home #keyvisual #sliderControl p:before {
	display: inline-block;
	width: 1.9em;
	height: 1.9em;
	text-align: center;
	font-family: "FontAwesome";
	font-size: 1em;
	/* line-height: 1.5em; */
	color: #939393;
	border: 3px solid #939393;
	background: #ffffff;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	/* border-radius */
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
}

#home #keyvisual #sliderControl #sliderStop:before {
	content: "\f04d";
}

#home #keyvisual #sliderControl #sliderStart:before {
	content: "\f04b";
}

#home #keyvisual_sp #sliderControl p span,
#home #keyvisual .sp-thumbnails-container {
	display: none;
}





/* ▼problem */
/* ----------------------------------------------------- */
#home #problem {
	padding-top: 1.8em;
	padding-bottom: 0;
	background: #d8d7d2;
}

#home #problem #problemHead {
	width: 96%;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: #ffffff;
}

#home #problem #problemHead .container {
	margin: 0 0 0 auto;
	padding: 1em 0 1em 0;
	width: 96%;
}

#home #problem #problemHead h2 {
	margin: 0 0 0.5em 0;
	font-size: 5.866vw;
}

#home #problem #problemHead ul {
	margin: 0.5em 0;
}

#home #problem #problemHead ul li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1em;
	font-size: 3.2vw;
}

#home #problem #problemHead ul li:first-letter {
	margin: 0 0 0 -1em;
}

#home #problem #problemHead p {
	margin: 0.5em 0;
	font-size: 3.467vw;
}

#problem #problemHead .container figure {
	width: 100%;
	height: 94.367%;
}

#problem #problemHead .container figure img {
	object-fit: cover;
	object-position: 50% 100%;
}




#home #problem #problemBody .container {
	overflow: visible;
	width: 96%;
	padding-bottom: 3em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	background: #d8d7d2;
}

#home #problem #problemBody .container:after {
	display: none;
}

#home #problem #problemBody .container > div {
	width: 48.889%;
	margin: -0.8em 0 0 0;
	padding: 1.11em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	/* box-shadow */
	box-shadow:0px 8px 25px 1px rgba(0,0,0,0.1);
}

#home #problem #problemBody .container > #male {
	background: #e6f7fc;
}

#home #problem #problemBody .container > #female {
	background: #ffd9d9;
}

#home #problem #problemBody h3 span {
	font-size: 8.533vw;
}

#home #problem #problemBody h3:before {
	display: block;
	float: left;
	content: "";
	width: 13.334vw;
	height: 8.996vh;
}

#home #problem #problemBody .container > #male h3:before {
	background: url(../img/home/problem_male.svg) no-repeat center center;
	background-size: 100% auto;
}

#home #problem #problemBody .container > #female h3:before {
	background: url(../img/home/problem_female.svg) no-repeat center center;
	background-size: 100% auto;
}

#home #problem #problemBody .container > div ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#home #problem #problemBody .container > div ul li {
	margin: 0 0 0.3em 0;
	padding: 0 0 0.2em 0;
	margin: 0 0 0.1em 0;
	padding: 0;
	font-size: 3.467vw;
	border-bottom: 2px solid #e2e2e2;
}

#home #problem #problemBody .container > #male ul li {
	border-bottom: 2px solid #a8d7dd;
}

#home #problem #problemBody .container > #female ul li {
	border-bottom: 2px solid #ff878a;
}

#home #problem #problemBody .container > div ul li a {
	display: block;
	padding: 0.3em 0.3em 0.3em 0 ;
	color: #322c26;
	text-decoration: none !important;
}

#home #problem #problemBody .container > div ul li a:link,
#home #problem #problemBody .container > div ul li a:visited {
	text-decoration: none;
}

#home #problem #problemBody .container > div ul li a:active,
#home #problem #problemBody .container > div ul li a:hover {
	text-decoration: underline;
}

#home #problem #problemBody .container > div ul li a:after {
	content: ">";
	float: right;
	font-weight: 400;
}



/* 20181227 */
#home #problem #problemBody .container > div ul {
	width: 100%;
}





/* ▼homeCustomer */
/* ----------------------------------------------------- */
#homeCustomer .container {
	width: 100%;
}

#homeCustomer h2 {
	width: 89.334%;
	margin: 0 auto 0.5em auto;
	padding: 0 1em;
	text-align: center;
	font-size: 6.667vw;
	line-height: 1.4;
	background: url(../img/home/customer_headline_bg_sp.svg) no-repeat center bottom;
	background-size: 100% auto;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	/* 20200519 */
	font-size: 6.133vw;
}

#homeCustomer h2 span {
	display: block;
	font-size: 0.84em;
}

#homeCustomer h3 {
	width: 78.666%;
	margin: 1em auto;
	padding: 0.5em 2em;
	font-size: 4vw;
	line-height: 1.5;
	text-align: center;
	background: #ffffff;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	/* border-radius */
	-webkit-border-radius: 2em;
	   -moz-border-radius: 2em;
	    -ms-border-radius: 2em;
	     -o-border-radius: 2em;
	        border-radius: 2em;
}

#homeCustomer #homeCustomerSlide {
	width: 90.667%;
	margin: 0 auto;
}

#homeCustomer #homeCustomerSlide .customer {
	margin: 1em 0 2em 0;
}

#homeCustomer .bodycopy .customer h4 {
	font-size: 4vw;
}

#homeCustomer .bodycopy .customer p {
	font-size: 4.8vw;
}

#homeCustomer .bodycopy > p {
	padding: 0 10.667vw;
}





/* ▼homeInformation */
/* ----------------------------------------------------- */
#homeInformation {
	padding: 1em 0 2em 0;
	background: #46423c;
}

#homeInformation .container {
	width: 89.334%;
}

#homeInformation h2 {
	font-size: 8.533vw;
	color: #878787;
}

#homeInformation h3 {
	padding: 0 0 1em 0;
	font-size: 3.733vw;
	border-bottom: 1px solid #878787;
}

#homeInformation #informationWrap > div {
	padding: 1em 0;
	border-bottom: 1px solid #878787;
}

#homeInformation #informationWrap > div a {
	position: relative;
	display: block;
	min-height: 10.870vh;
	padding: 0 0 0 26.865%;
	color: #ffffff;
	text-decoration: none;
}

#homeInformation #informationWrap > div a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 19.333vw;
	height: 10.870vh;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

#homeInformation #informationWrap > #infoGuide a:before {
	background-image: url(../img/home/infoGuide_sp.jpg);
	background-size: auto 100%;
}

#homeInformation #informationWrap > #infoCourse a:before {
	background-image: url(../img/home/infoCourse_sp.jpg);
	background-size: auto 100%;
}

#homeInformation #informationWrap > #infoExperience a:before {
	background-image: url(../img/home/infoExperience_sp.jpg);
	background-size: auto 100%;
}

#homeInformation #informationWrap > #infoScalpspa a:before {
	background-image: url(../img/home/infoScalpspa_sp.jpg);
	background-size: auto 100%;
}

#homeInformation #informationWrap > #infoOcvoice a:before {
	background-image: url(../img/home/infoOcvoice_sp.jpg);
	background-size: auto 100%;
}

#homeInformation #informationWrap > #infoLab a:before {
	background-image: url(../img/home/infoLab_sp.jpg);
	background-size: auto 100%;
}

#homeInformation #informationWrap > #infoInterview23 a:before {
	background-image: url(../img/home/infoInterview23_sp.jpg);
	background-size: auto 100%;
}

#homeInformation #informationWrap > div a h4 {
	margin: 0;
	font-size: 4.5vw;
	font-weight: 700;
	color: #ffdb80;
}

#homeInformation #informationWrap > div a p {
	margin: 0;
	font-size: 4vw;
	color: #ffffff;
}



/* 20190111 */
#homeInformation h3 {
	color: #ffffff;
}





/* ▼special */
/* ----------------------------------------------------- */
#special {
	padding: 1em 0 2em 0;
	background: #d8d7d2;
}

#special div.container {
	width: 89.334%;
}

#special h2 {
	font-size: 8.533vw;
	color: #a9a9a9;
}

#special h3 {
	font-size: 3.733vw;
}

#special ul li {
	width: 43.333vw;
	width: 48.9%;
	margin: 0 0 0.5em 0;
}

#special p {
	margin: 1em 0 0 0;
}





/* ▼banner */
/* ----------------------------------------------------- */
#banner {
	padding: 2em 0 1.5em 0;
	background: #322c26;
}

#banner .container {
	width: 89.334%;
}

#banner ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	list-style-type: none;
}

#banner ul li {
	width: 48.9%;
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 0;
}





/* ▼news */
/* ----------------------------------------------------- */
#news {
	/* margin-top: 3.5em; */
	background: #d8d7d2;
}

#news div.container {
	width: 89.334%;
}

#news h2 {
	font-size: 5.333vw;
}

#news div#newsWrap {
	height: 44.228vh;
	overflow: scroll;
	overflow-x: hidden;
	padding: 1em;
	border: 1px solid #d8d8d8;
	background: #ffffff;
	box-sizing: border-box;
}

#news dl dt {
	font-size: 3.467vw;
}

#news dl dt:first-child {
	margin-top: 0;
}

#news dl dd {
	font-size: 4vw;
	text-align: left;
}

#news p {
	font-size: 4vw;
}

#news p a {
	color: #333333;
}

#news ul li {
	font-size: 4vw;
}

#news ul li a::after {
	right: 0.55em;
}





/* ▼experienceOffer */
/* ----------------------------------------------------- */
.experienceOffer {
	padding: 0 0 1em 0;
	background-color: #d2e6ab;
}

.experienceOffer .container {
	width: 89.334%;
}

.experienceOffer p {
	text-align: center;
}



/* 20220124 */
.experienceOffer .container {
	width: 93.334%;
}

.experienceOffer > figure img {
	width: auto !important;
	height: auto !important;
	object-fit: cover;
}

.experienceOffer .container ul {
	margin: 1em 0 0 0;
	justify-content: space-between;
}

.experienceOffer .container ul li + li {
	margin-left: 0;
}

.experienceOffer .container ul li a {
	padding: 0.8em 2em 0.8em 1.5em !important;
}

.experienceOffer .container ul li a::after {
	right: 0.5em;
}

.experienceOffer .container ul li a div strong {
	font-size: 1.05rem;
	font-size: 0.979rem;
}






/* ▼breadcrumb */
/* ----------------------------------------------------- */
#breadcrumb {
	padding: 0;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	background: #ffffff;
}





/* footer */
/* ----------------------------------------------------- */
#globalFooter #ocNav,
#globalFooter #footerNav,
#globalFooter hr {
	display: none;
}

#globalFooter #spFootNav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	list-style-type: none;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

#globalFooter #spFootNav ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	border-bottom: 2px solid #000000;
	/* box-sizing */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

#globalFooter #spFootNav ul li:nth-child(odd) {
	border-right: 1px solid #000000;
}

#globalFooter #spFootNav ul li:nth-child(even) {
	border-left: 1px solid #000000;
}

#globalFooter #spFootNav ul li a {
	display: block;
	padding: 1em;
	text-align: center;
	font-size: 4vw;
	width:100%;
}

#globalFooter .container {
	padding: 0 0 2em 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center ;
	align-items: flex-start;
}

#globalFooter .container ul {
	order: 0;
	width: 100%;
	margin: 1em auto 0 auto;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center ;
	align-items: flex-end;
	list-style-type: none;
}

#globalFooter .container ul li {
	margin: 0 0.5em;
}

#globalFooter .container figure {
	order: 1;
	width: 100%;
	text-align: center;
}

#globalFooter .container address {
	order: 2;
	width: 100%;
	font-size: 3vw;
	font-weight: 300;
	text-align: center;
}





/* ▼TOPページポップアップ */
/* ----------------------------------------------------- */
#popup #popup_inner .tb,
#popup #popup_inner #close_btn_tb,
#popup #popup_inner .pc {
	display: none;
}

#popup #popup_inner {
	width: 90%;
	height: auto !important;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}

#popup #popup_inner img{
	width: 100%;
}

#popup #close_btn_sp {
	display: block!important;
	width: 40%;
	margin: 1em auto 0 auto;
	background: #901d22;
	padding: 3%;
	text-align: center;
	color: #fff;
	margin-bottom: 5%;
	line-height: 1!important;
	font-size: 12px!important;
}

#popup #close_inner {
	width: 90%;
}

#popup #close_inner #close_btn {
	display: none!important;
	cursor: pointer;
}



#countermeasure {
	padding: 1em 0;
	/* padding: 2.5em 0 1em 0; */
}

#callcenter h2,
#countermeasure h2 {
	position: relative;
	z-index: 100;
}

#callcenter h2 span,
#countermeasure h2 span {
	font-size: 0.8em;
	font-size: 4vw;
}

#callcenter p {
	font-size: 0.7em;
}

#countermeasure p img {
	width: 90% !important;
	height: auto !important;
}





/* ▼コンテストサイト誘導 */
/* ----------------------------------------------------- */
#contest_lead {
	padding: 1.5em 0 0 0;
	background: #f5f5f5;
	background: #ffffff;
}

#contest_lead .container {
	overflow: visible;
}

#contest_lead p {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#contest_lead p img {
	/* filter: drop-shadow(0 0 0.25em rgba(0, 0, 0, 0.3)); */
}





/* ▼大阪万博2025 */
/* ----------------------------------------------------- */
#expo2025osaka {
	padding: 1.5em 0;
	background: #f5f5f5;
	background: #ffffff;
}

#expo2025osaka p {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}





/* ▼コースご契約で体験プランが0円 */
/* ----------------------------------------------------- */
#taiken0yen {
	padding: 1.5em 0;
	background: #f5f5f5;
}

#taiken0yen p {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}





/* ▼共通セクション（common_customer）start */
/* ----------------------------------------------------- */
#common_customer .headcopy {
	width: 89.33%;
	text-align: center;
	margin: 0 auto 0 auto;
}
#common_customer .headcopy h2 {
	background: url(../img/home/customer_headline_bg_sp.svg) no-repeat center bottom;
	background-size: 100% auto;
	font-size: 6.4vw;
	margin: 0 0 1em 0;
}
#common_customer .headcopy h2 .small {
	font-size: 5.333vw;
}
#common_customer .headcopy .flow {
	text-align: center;
	width: 88.05%;
	margin: 0 auto 1em auto;
	padding: 0.5em 0 0.5em 0;
	font-size: 3.733vw;
	font-weight: bold;
	color: #755d49;
	background: #ffffff;
	border-radius: 50px; /* CSS3草案 */  
	-webkit-border-radius: 50px; /* Safari,Google Chrome用 */  
	-moz-border-radius: 50px; /* Firefox用 */ 
}
#common_customer .bodycopy .wrap {
	width: 89.33%;
	margin: 0 auto;
}
#common_customer .bodycopy .customer {
	margin: 0 auto 2em auto;
}
#common_customer .bodycopy .customer h3,
#common_customer .bodycopy .customer h4 {
	font-size: 3.733vw;
}
#common_customer .btn {
	width: 75.73%;
	margin: 0 auto!important;
}
#common_customer .btn img {
	width: 100%;
}