@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);
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: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

/*背景に斜め罫線画像がある見出し*/
/* --------------------------------------------------

BASE

-------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	font-size: 10px;
	font-size: 1rem;
}

body,
table {
	font-family: "游ゴシック", "Yu Gothic",YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif;
	letter-spacing: 0;
	-webkit-text-size-adjust: 100%;
	color: #000;
}

/* --------------------------------------------------

リンク

-------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover, a:focus {
	color: gray;
	text-decoration: underline;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* マウスオーバ時のアルファ値変更 */
a img {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=70);
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.alpha {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=70);
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

a:hover img.non-alpha {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=100);
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}

/*HOVER時に黒透過*/
.hover-black {
	display: block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.hover-black:hover {
	background-color: #000;
}
.hover-black:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=60);
}
.hover-black img {
	display: block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* --------------------------------------------------

基本コンポーネント

-------------------------------------------------- */
#wrapper {
	width: 100%;
	overflow: hidden;
	min-height: 700px;
}

/*ヘッダー*/
header.main {
	width: 1100px;
	width: 1150px;
	height: 180px;
	margin: 0 auto;
	position: relative;
	padding-top: 40px;
}
header.main .logo {
	margin: 0 auto 32px;
	text-align: center;
}
header.main .logo a {
	display: inline-block;
}
header.main .logo a img{
	width: 317px;
}


/*サブメニュー*/
nav.sub {
	position: absolute;
	top: 0;
	right: 25px;
}
nav.sub ul {
	display: block;
}
nav.sub ul li {
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
}
nav.sub ul li + li {
	margin-left: 1px;
}
nav.sub ul li a {
	display: block;
	overflow: hidden;
	width: 125px;
	height: 33px;
	line-height: 33px;
	vertical-align: middle;
}
nav.sub ul li.reserve-experience a, nav.sub ul li.reserve-member a {
	background-color: #000;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: 1px solid #000;
	border-top: none;
}
nav.sub ul li.reserve-experience a:hover, nav.sub ul li.reserve-member a:hover {
	background-color: #fff;
	color: #000;
}
nav.sub ul li.faq_ a {
	text-align: left;
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-size: 1.1rem;
	width: auto;
}
nav.sub ul li.faq_ a:hover {
	color: gray;
}
nav.sub ul li.faq_ a:before {
	content: " ";
	display: inline-block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 5.0px;
	height: 5.0px;
	margin: 5px 5px 1px 0;
}
nav.sub ul li.facebook_ {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url(/common/img/ico-fb.png) 0% 50% no-repeat;
	width: 23px;
	margin-left: 9px;
	margin-right: 10px;
}
nav.sub ul li.facebook_:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=70);
}

.sp-menu {
	display: none;
}

/* ****** スマートフォン ****** */
@media screen and (max-width: 736px) {
  /*ヘッダー*/
	header.main {
		width: 100%;
		min-height: 64px;
		height: auto;
		margin: 0 auto;
		position: relative;
		padding-top: 14px;
		position: fixed;
		left: 0;
		top: 0;
		background-color: #fff;
		z-index: 9999;
		border-bottom: 1px solid #000;
	}
	header.main .logo {
		margin: 0 auto 12.5px;
		text-align: center;
	}
	header.main .logo a {
		display: inline-block;
		padding-right: 7px;
	}
	header.main .logo a img {
		width: 196px;
		height: auto;
	}

  /*サブメニュー*/
	nav.sub {
		position: static;
		height: 50px;
		margin-top: 64px;
	}
	nav.sub ul {
		display: block;
		width: 100%;
	}
	nav.sub ul li {
		float: left;
		font-size: 12px;
		font-size: 1.2rem;
		width: 50%;
	}
	nav.sub ul li + li {
		margin-left: 0;
	}
	nav.sub ul li:first-child {
		border-right: 1px solid #fff;
	}
	nav.sub ul li a {
		display: block;
		overflow: hidden;
		width: 100%;
		height: 50px;
		line-height: 50px;
		vertical-align: middle;
	}
	nav.sub ul li.reserve-experience a, nav.sub ul li.reserve-member a {
		background-color: #000;
		color: #fff;
		text-decoration: none;
		text-align: center;
		border: 1px solid #000;
		border-top: 1px solid #000;
	}
	nav.sub ul li.reserve-experience a:hover, nav.sub ul li.reserve-member a:hover {
		background-color: #000;
		color: #fff;
	}
	nav.sub ul li.faq a {
		text-align: left;
		color: #000;
		text-decoration: none;
		font-size: 11px;
		font-size: 1.1rem;
	}
	nav.sub ul li.faq a:before {
		display: none;
	}

	.sp-menu {
		display: block;
		color: #000;
		font-size: 9px;
		font-weight: bold;
		position: absolute;
		color: #000;
		width: 50.0px;
		height: 50.0px;
		top: 8px;
		right: 2px;
		background: transparent url(/common/img/sp-menu-bg.png) 50% 50% no-repeat;
		background-size: 23px auto;
		-webkit-background-size: 23px auto;
		text-align: center;
		padding-top: 0;
	}
	.sp-menu.open {
		background: transparent url(/common/img/sp-menu-close.png) 50% 50% no-repeat;
		background-size: 23px auto;
		-webkit-background-size: 23px auto;
	}
	.sp-menu h2 {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
}
/* スマートフォンここまで */
/* --------------------------------------------------

グローバルナビゲーション

-------------------------------------------------- */
.sp-nav-bg {
	display: none;
}

#gnav {
	width: 1110px;
	margin: 10px auto 0;
}
#gnav ul {
	width: 100%;
	display: table;
}
#gnav li {
	display: table-cell;
	height: 50px;
}
#gnav li.home {
	width: 77px;
}
#gnav li.beginners {
	width: 121px;
}
#gnav li.lesson {
	width: 106px;
}
#gnav li.studio {
	width: 166px;
}
#gnav li.instructor {
	width: 130px;
}
#gnav li.schedule {
	width: 159px;
}
#gnav li.experience {
	width: 148px;
}
#gnav li.voice {
	width: 91px;
}
#gnav li.contact {
	width: 113px;
}
#gnav li.fasting {
	width: 113px;
}
#gnav li.school {
	width: 113px;
}
#gnav a {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	letter-spacing: 1px;
}
#gnav a:hover {
	color: gray;
}
#gnav span {
	display: block;
	margin: 8px auto 0;
	font-weight: normal;
	color: #7f7f7f;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 0;
}

#gnav li.faq {
	display: block;
	position: absolute;
	left: 688px;
	top: 10px;
	height: 23px;
}
#gnav li.faq a {
	text-align: left;
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-size: 1.1rem;
	width: auto;
	font-weight: normal;
	letter-spacing: 0;
}
#gnav li.faq a:hover {
	color: gray;
}
#gnav li.faq a:before {
	content: " ";
	display: inline-block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 5.0px;
	height: 5.0px;
	margin: 5px 5px 1px 0;
}
#gnav li.facebook {
	display: block;
	position: absolute;
	left: 785px;
	top: 5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url(/common/img/ico-fb.png) 0% 50% no-repeat;
	-webkit-background-size: 23px;
	background-size: 23px;
	width: 23px;
	height: 23px;
}
#gnav li.facebook:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=70);
}
#gnav li.blog {
	display: block;
	position: absolute;
	left: 813px;
	top: 5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url(/common/img/ico-blog.png) 0% 50% no-repeat;
	-webkit-background-size: 23px;
	background-size: 23px;
	width: 23px;
	height: 23px;
}
#gnav li.blog:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=70);
}
#gnav li.movie {
	display: block;
	position: absolute;
	left: 841px;
	top: 5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url(/common/img/ico-movie.png) 0% 50% no-repeat;
	-webkit-background-size: 23px;
	background-size: 23px;
	width: 23px;
	height: 23px;
}
#gnav li.movie:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
	filter: Alpha(opacity=70);
}


/* ****** スマートフォン ****** */
@media screen and (max-width: 736px) {
	.sp-nav-bg {
		display: none;
		background-color: transparent;
		height: 0;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9998;
	}

	#gnav {
		display: none;
	}

	#gnav {
		width: 100%;
		margin: 0;
	}
	#gnav ul {
		width: 100%;
		display: block;
		border-top: 1px solid #000;
		overflow: hidden;
		*zoom: 1;
	}
	#gnav li {
		display: block;
		width: 50% !important;
		height: 51px;
		background-color: #e3e3e3;
		float: left;
	}
	#gnav li:nth-of-type(odd) {
		border-right: 1px solid #fff;
	}
	#gnav a {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		text-decoration: none;
		color: #000;
		font-weight: normal;
		letter-spacing: 1px;
		height: 50px;
		line-height: 50px;
		vertical-align: middle;
		border-bottom: 1px solid #fff;
	}
	#gnav a:hover {
		color: #000;
	}
	#gnav span {
		display: none;
	}
	#gnav li.faq, #gnav li.facebook, #gnav li.blog,#gnav li.movie {
		position: static;
		display: block;
		width: 50% !important;
		height: 51px;
		background-color: #e3e3e3;
		float: left;
	}
	#gnav li.faq a, #gnav li.facebook a, #gnav li.blog a,#gnav li.movie a {
		text-align: center;
		color: #000;
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		text-decoration: none;
		color: #000;
		font-weight: normal;
		letter-spacing: 1px;
		height: 50px;
		line-height: 50px;
		vertical-align: middle;
		border-bottom: 1px solid #fff;
	}
	#gnav li.faq a:hover, #gnav li.facebook a:hover, #gnav li.blog a:hover, #gnav li.movie a:hover {
		color: #000;
	}
	#gnav li.faq a:before, #gnav li.facebook a:before, #gnav li.blog a:before, #gnav li.movie a:before {
		display: none;
	}
	#gnav li.facebook, #gnav li.blog, #gnav li.movie {
		display: block;
		position: static;
		background: none;
		background-color: #e3e3e3;
		width: 50% !important;
		height: 51px;
		text-indent: inherit;
		white-space: inherit;
		overflow: hidden;
	}
	#gnav li.facebook:hover, #gnav li.blog:hover, #gnav li.movie:hover {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity)";
		filter: Alpha(opacity=100);
	}
}
/* スマートフォンここまで */
/*グローバルナビゲーションここまで*/
/* --------------------------------------------------

コンテンツエリア

-------------------------------------------------- */
main {
	margin-top: 0;
}

.section-inner {
	width: 1100px;
	margin: 0 auto;
}

/* ****** スマートフォン ****** */
@media screen and (max-width: 736px) {
	main {
		width: 100%;
		margin-top: 0;
	}
}
/* スマートフォンここまで */
/* --------------------------------------------------

フッター

-------------------------------------------------- */
footer {
	width: 100%;
	min-width: 1100px;
	background-color: #E3E3E3;
}
footer .inner {
	width: 1100px;
	height: 60px;
	padding-top: 11px;
	margin: 0 auto;
	position: relative;
}
footer .inner .logo img{
	width: 200px;
}
footer .footer-menu {
	overflow: hidden;
	*zoom: 1;
	position: absolute;
	left: 249px;
	top: 25px;
}
footer .footer-menu li {
	float: left;
}
footer .footer-menu li + li {
	margin-left: 17px;
}
footer .footer-menu a {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
}
footer .footer-menu a:before {
	content: " ";
	display: inline-block;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 4.0px;
	height: 4.0px;
	margin: -2px 5px 2px 0;
}
footer small {
	position: absolute;
	right: 0;
	top: 25px;
	letter-spacing: 1px;
	font-size: 11px;
	font-size: 1.1rem;
}

#lineup-font-size-sampler {
	display: none !important;
}

/* ****** スマートフォン ****** */
@media screen and (max-width: 736px) {
	footer {
		width: 100%;
		min-width: 320px;
		background-color: #E3E3E3;
	}
	footer .inner {
		width: auto;
		height: auto;
		padding-top: 30px;
		padding-bottom: 31px;
		margin: 0 auto;
		position: relative;
	}
	footer .logo {
		text-align: center;
		margin-bottom: 29px;
	}
	footer .logo img {
		width: 183px;
		margin-right: 5px;
	}
	footer .footer-menu {
		overflow: hidden;
		*zoom: 1;
		position: static;
		margin: 0 auto 24px;
		max-width: 380px;
		min-width: 200px;
		padding-left: 7.46667%;
		padding-right: 7.46667%;
	}
	footer .footer-menu li {
		float: left;
		width: 140px;
		margin-bottom: 10px;
		height: 14px;
		display: block;
		clear: right;
	}
	footer .footer-menu li + li {
		margin-left: 0;
	}
	footer .footer-menu li:nth-of-type(even) {
		float: right;
	}
	footer .footer-menu a {
		display: block;
		font-size: 13px;
		font-size: 1.3rem;
	}
	footer .footer-menu a:before {
		content: " ";
		display: inline-block;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 4.0px;
		height: 4.0px;
		margin: -2px 4px 2px 0;
	}
	footer small {
		position: static;
		right: 0;
		top: 25px;
		letter-spacing: 0px;
		font-size: 11px;
		font-size: 1.1rem;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
}
@media screen and (max-width: 350px) {
	footer .footer-menu li {
		width: 135px;
		letter-spacing: -0.08em;
	}
}
/* スマートフォンここまで */
/* ページトップ */
.pagetop {
	width: 100%;
	min-width: 1100px;
	height: 0;
	margin: 0 auto;
	position: fixed;
	bottom: 150px;
	left: auto;
	right: auto;
}

#scrollUp {
	background: transparent url(/common/img/pagetop.png) 0 0 no-repeat;
	text-indent: -777em;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	width: 60px;
	height: 60px;
	display: block;
	right: 50px;
	position: static !important;
	float: right;
	margin-right: 20px;
}
#scrollUp:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
#scrollUp a {
	text-decoration: none;
}


/*入会手続き*/
article.entry {
	background-color: transparent;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	min-height: 0;
	padding-bottom: 0;
	overflow: visible;
	margin-bottom: 0;
}
article.entry:after {
	display: none;
}
article.entry header {
	overflow: visible;
	position: relative;
	text-align: center;
	margin-bottom: 22px;
}
article.entry header img {
	margin-top: 0;
	text-align: center;
}
article.entry header .heading {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	margin-top: 0;
	margin-bottom: 9px;
}
article.entry header p {
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
	line-height: 2.31;
}
article.entry header h2{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 19px;
	font-size: 15px;
}
article.entry header h2 span{
	padding: 0 20px;
	display: inline-block;
	background: #fff;
}
article.entry header h2:before,
article.entry header h2:after{
	position: absolute;
	content: url(/common/img/h_bg_01.png);
	height: 32px;
	top: 18px;
}
article.entry header.bg-s h2:before,
article.entry header.bg-s h2:after{
	position: absolute;
	content: url(/common/img/h_bg_07.png);
	height: 32px;
	top: 18px;
}
article.entry header h2:before {
	left: 0;
}
article.entry header h2:after {
	right: 0;
}
.step-box{
	background: #f6f6f6;
	font-size: 13px;
	position: relative;
	padding: 30px;
	margin-bottom: 30px;
}
.step-box .text{
	line-height: 1.5;
	margin-bottom: 15px;
}
.step-box .text.single{
	margin-bottom: 55px;
}
article.entry .btn-s{
	width: 220px;
	height: 43px;
	margin: auto;
	border: solid 1px #000;
	position: absolute;
	top: 30px;
	right: 30px;
}
article.entry .btn-s a{
	display: block;
	background: #000;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-align: center;
	line-height: 41px;
}
article.entry .btn-l{
	width: 400px;
	height: 52px;
	margin: auto;
	border: solid 1px #000;
	margin-bottom: 50px;
}
article.entry .btn-l a{
	display: block;
	background: #000;
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
}
article.entry .btn-s a:hover,
article.entry .btn-l a:hover{
	background-color: #fff;
	color: #000;
}
.step-box .steps{
	font-size: 0;
}
.step-box .steps li{
	font-size: 13px;
	background: #fff;
	border: 1px solid #dadada;
	width: 280px;
	height: 126px;
	display: inline-block;
	vertical-align: middle;
	padding: 20px 20px 15px;
	line-height: 1.5;
}
.step-box .steps li img{
	display: block;
	margin: 0 auto 14px;
}
.step-box .steps .arrow{
	width: 0;
	height: 0;
	padding: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 13px;
	border-color: transparent transparent transparent #000000;
	margin: 0 18.5px;
	background: transparent;
}
.box {
	width: 1000px;
	border: 5px solid #efeeee;
	background-color: #fff;
	padding: 15px 25px 10px;
}
.box li {
	line-height: 2.31;
	font-size: 13px;
	font-size: 1.3rem;
	display: inline-block;
	margin: 0 55px 0 0;
}
.box li.text {
	display: block;
}
.box li:before {
	content: " ";
	display: inline-block;
	width: 14.0px;
	height: 14.0px;
	margin-right: 8px;
	margin-bottom: -2px;
	background: url(/experience/img/ico-check.png) 0% 0% no-repeat;
	 background-size: 14px 14px;
}
.box li.text:before{
	display: none;
}

/* ****** スマートフォン ****** */
@media screen and (max-width: 736px) {
	article.entry {
		background-color: transparent;
		width: auto;
		margin: 0 15px;
		position: relative;
		min-height: 0;
		padding-bottom: 0;
		overflow: visible;
		margin-bottom: 0;
		margin-top: 0;
	}
	article.entry:after {
		display: none;
	}
	article.entry header {
		overflow: visible;
		position: relative;
		text-align: center;
		margin-bottom: 10px;
	}
	article.entry header img {
		margin-top: 0;
		text-align: center;
		width: auto;
	}
	article.entry header .heading {
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
		text-align: center;
		margin-top: 0;
		margin-bottom: 9px;
	}
	article.entry header p {
		font-size: 12px;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.4;
	}
	article.entry header p span {
		display: inline-block;
	}
	article.entry header h2{
		width: 80%;
		padding: 15px 0;
	}
	article.entry header h2:before,
	article.entry header h2:after{
		content: url(/common/img/h_bg_01_sp.png)!important;
		height: 32px;
		top: 15px;
	}

	.step-box{
		background: #f6f6f6;
		font-size: 13px;
		position: relative;
		padding: 15px;
		margin-bottom: 20px;
	}
	.step-box .text{
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.step-box .text.single{
		margin-bottom: 10px;
	}
	article.entry .btn-s{
		width: auto;
		height: 43px;
		margin: auto;
		border: solid 1px #000;
		position: relative;
		top: 0;
		right: 0;
	}
	article.entry .btn-s a{
		display: block;
		background: #000;
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.08em;
		text-decoration: none;
		text-align: center;
		line-height: 41px;
	}
	article.entry .btn-l{
		width: auto;
		height: 52px;
		margin: auto;
		border: solid 1px #000;
		margin-bottom: 20px;
	}
	article.entry .btn-l a{
		display: block;
		background: #000;
		color: #fff;
		font-size: 15px;
		letter-spacing: 0.08em;
		text-decoration: none;
		text-align: center;
		line-height: 50px;
	}
	article.entry .btn-s a:hover,
	article.entry .btn-l a:hover{
		background-color: #fff;
		color: #000;
	}
	.step-box .steps{
		font-size: 0;
		margin: 20px 0 0;
	}
	.step-box .steps li{
		font-size: 13px;
		background: #fff;
		border: 1px solid #dadada;
		width: auto;
		height: auto;
		display: block;
		vertical-align: middle;
		padding: 20px 20px 15px;
		line-height: 1.5;
	}
	.step-box .steps li img{
		display: block;
		margin: 0 auto 14px;
	}
	.step-box .steps .arrow{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 13px 12.5px 0 12.5px;
		border-color: #000000 transparent transparent transparent;
		margin: 10px 0 10px -13px;
		position: relative;
		left: 50%;
	}

	.box {
		width: auto;
		height: auto;
		border: 5px solid #efeeee;
		background-color: #fff;
		padding: 10px 12px;
	}
	.box li {
		display: block;
		line-height: 1.75;
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0;
	}
	.box li:before {
		content: " ";
		display: inline-block;
		width: 12.0px;
		height: 12.0px;
		margin-right: 5px;
		margin-bottom: -2px;
		background: url(/experience/img/ico-check.png) 0% 0% no-repeat;
		background-size: 12px auto;
		-webkit-background-size: 12px auto;
	}
	.box li span {
		display: inline-block;
		padding-left: 20px;
	}
	.box li.ad .btn{
		width: 100%;
		height: 35px;
		margin: 10px auto 0;
		position: relative;
		right: 0;
	}
	.box li.ad .btn a{
		line-height: 33px;
	}
	.box li.ad .btn a:hover{
		background-color: #fff;
		color: #000;
	}
	.box .for-pc{
		display: none;
	}
}


/*英文フォント*/
.en {
	font-family: 'Libre Baskerville', serif;
}

.hide {
	display: none !important;
}

.fixed {
	position: fixed;
}

.fl-r {
	float: right;
}

.fl-l {
	float: left;
}

/*PC SP表示切り替え*/
.only-pc {
	display: inherit !important;
}

.only-sp {
	display: none !important;
}

/* ******** スマートフォン向け ********* */
@media screen and (max-width: 736px) {
	body,
	table {
		letter-spacing: 0;
		-webkit-text-size-adjust: 100%;
	}

  /* ページトップ */
	.pagetop {
		display: none;
	}

	#scrollUp {
		display: none;
	}

	.only-pc {
		display: none !important;
	}

	.only-sp {
		display: inherit !important;
	}
}

/* ----------------------------------------------------
	汎用
---------------------------------------------------- */
.fll{float: left!important;}
.flr{float: right!important;}
.clear{clear: both;}
.relative{position: relative!important;}
.bgw{background: #fff!important;}
.bgg{background: #d9d9d9!important;}
.bgb{background: #d9edff!important;}
.bgp{background: #fef2fb!important;}
.hide{display:none;}
.nowrap{white-space: nowrap;}
.block{display: block;}
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.tl{text-align: left!important;}
.fs10{font-size: 10px!important;}
.fs11{font-size: 11px!important;}
.fs12{font-size: 12px!important;}
.fs13{font-size: 13px!important;}
.fs14{font-size: 14px!important;}
.fs15{font-size: 15px!important;}
.fs16{font-size: 16px!important;}
.fs17{font-size: 17px!important;}
.fs18{font-size: 18px!important;}
.fs19{font-size: 19px!important;}
.fs20{font-size: 20px!important;}
.m0{margin: 0!important;}
.m5{margin: 5px!important;}
.m10{margin: 10px!important;}
.m15{margin: 15px!important;}
.m20{margin: 20px!important;}
.m25{margin: 25px!important;}
.m30{margin: 30px!important;}
.mt5{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;}
.mb1{margin-bottom: 1px!important;}
.mb5{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;}
.ml5{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;}
.ml40{margin-left: 40px!important;}
.mr5{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;}
.p5{padding: 5px!important;}
.p10{padding: 10px!important;}
.p15{padding: 15px!important;}
.p20{padding: 20px!important;}
.p25{padding: 25px!important;}
.p30{padding: 30px!important;}
.pt5{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;}
.pt55{padding-top: 55px!important;}
.pb5{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;}
.pl5{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;}
.pr5{padding-right: 5px!important;}
.pr10{padding-right: 10px!important;}
.pr15{padding-right: 15px!important;}
.pr20{padding-right: 20px!important;}
.pr25{padding-right: 25px!important;}
.pr30{padding-right: 30px!important;}

.mlr5{margin-left: 5px!important;margin-right: 5px!important;}
.mlr10{margin-left: 10px!important;margin-right: 10px!important;}
.mlr15{margin-left: 15px!important;margin-right: 15px!important;}
.mlr20{margin-left: 20px!important;margin-right: 20px!important;}
.mlr25{margin-left: 25px!important;margin-right: 25px!important;}
.mlr30{margin-left: 30px!important;margin-right: 30px!important;}
.plr5{padding-left: 5px!important;padding-right: 5px!important;}
.plr10{padding-left: 10px!important;padding-right: 10px!important;}
.plr15{padding-left: 15px!important;padding-right: 15px!important;}
.plr20{padding-left: 20px!important;padding-right: 20px!important;}
.plr25{padding-left: 25px!important;padding-right: 25px!important;}
.plr30{padding-left: 30px!important;padding-right: 30px!important;}


/*# sourceMappingURL=common.css.map */