@charset "UTF-8";
/*
カラム制御：デフォルトで1～5カラムまで対応
PC用floatによるカラム制御

html：col_1～5まで対応
例）3列で折り返し
<ul class="col_3">
	<li></li>
	<li></li>
	<li></li>
</ul>

scss：mixinでカラム設定を自動処理化

.col_3 {
	@include colmg(30);
}

数値設定はアイテム間余白（デフォルトは20）;
※縦、横ともに外側への約は発生しない

*/

html {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;
	/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
	font-size: 62.5%;
	/* @media print, screen and (min-width:1440px) and (max-width:1599px) { font-size: 90px; } */
	/* @media print, screen and (min-width:1366px) and (max-width:1439px) { font-size: 85px; } */
	/* @media print, screen and (min-width:1280px) and (max-width:1365px) { font-size: 80px; } @media print, screen and (min-width:461px) and (max-width:1279px) { font-size: 75px; } */
	/* @media print, screen and (min-width:1120px) and (max-width:1199px) { font-size: 70px; } @media print, screen and (min-width:461px) and (max-width:1119px) { font-size: 64px; } */
}
@media print, screen and (min-width: 461px) {
	html {
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
		line-height: 1.5;
	}
}
@media screen and (max-width: 460px) {
	html {
		-webkit-text-size-adjust: 100%;
	}
}
@media screen and (max-width: 350px) {
	html {
		font-size: 60%;
	}
}
@media screen and (max-width: 320px) {
	html {
		font-size: 55%;
	}
}
html.edge {
	-ms-text-size-adjust: 100%;
}
html.safari {
	-webkit-font-smoothing: antialiased;
}
@media print, screen and (min-width: 461px) {
	html.safari {
		-webkit-font-feature-settings: "pkna";
		font-feature-settings: "pkna";
	}
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: .11rem;
}
@media print, screen and (min-width: 461px) {
	body {
		min-width: 1000px;
	}
}
.touchevents * {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.chrome body {
	image-rendering: -webkit-optimize-contrast;
}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, td, th, figure {
	margin: 0;
	padding: 0;
}
article, aside, footer, header, main, nav, section, figcaption, figure {
	display: block;
}
img {
	-ms-interpolation-mode: bicubic;
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	height: 0;
	overflow: visible;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
b, strong {
	font-weight: inherit;
	font-weight: bolder;
}
a {
	outline: 0;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
li {
	list-style: none;
}
sub, sup {
	position: relative;
	vertical-align: baseline;
	line-height: 0;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
audio, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
canvas {
	display: inline-block;
}
input, select, button, optgroup, textarea {
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	outline: 0;
	margin: 0;
	padding: 0;
}
button, input {
	overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
button:-moz-focusring, input:-moz-focusring {
	outline: 1px dotted ButtonText;
}
button, select {
	cursor: pointer;
	text-transform: none;
}
[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
	border: none;
}
select::-ms-expand {
	display: none;
}
/* プリント対応 */

[data-hidePrintMessageArea] {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	pointer-events: none;
	opacity: 0;
}
@media print {
	body {
		position: relative;
		top: 100px;
	}
	body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。";
		display: none;
		white-space: pre;
		font-size: 20px;
		padding: 10px 10px;
		border: 3px solid #000;
		background-color: #FFF;
		color: #000;
		position: absolute;
		top: -100px;
		left: 0px;
		right: 0px;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.chrome body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。\A画像を表示させる場合は、「基本設定」→「背景のグラフィック」を有効にして下さい。";
	}
	.ie body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。\A画像を表示させる場合は、「印刷プレビュー」→「ページ設定」→「背景の色とイメージを印刷する」を有効にして下さい。";
	}
	.safari body:before {
		content: "ページを印刷する際は一番下までスクロールして下さい。\A画像を表示させる場合は、「詳細を表示」→「背景をプリント」を有効にして下さい。";
	}
	.edge body:before {
		content: "※Microsoft Edgeは背景や画像を印刷できません。";
	}
	.addPrintMessage body:before {
		display: block;
	}
	* {
		background-attachment: scroll !important;
	}
}
/* 721px以上は消す */

@media print, screen and (min-width: 461px) {
	[data-sc-sp] {
		display: none !important;
	}
}
/* 720px以下は消す */

@media screen and (max-width: 460px) {
	[data-sc-pc] {
		display: none !important;
	}
}
.mod_main {
	overflow: hidden;
}
@media screen and (max-width: 460px) {
	.mod_main {
		margin-bottom: 50px;
	}
}
.device-tablet .mod_main {
	width: calc(100% + 1px);
}
/* 自動高さ調整 */

[data-autoheight], [data-pc-autoheight], [data-sp-autoheight] {
	-webkit-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
/* 遅延読み込み */

[data-lf] {
	opacity: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
[data-lf][src], [data-lf][style*="background-image"], [data-lf].load_view {
	opacity: 1;
}
.vertmiddle:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.vertmiddle>* {
	display: inline-block;
	vertical-align: middle;
}
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: 0;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:after, .slick-track:before {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir=rtl] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* ---------------------------------------------------------

_variableをクラス化

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

/*
margin:0;版をデフォルト化

html例）
<ul class="col_3 col_base">
	<li></li>
	<li></li>
	<li></li>
</ul>
*/

@media print, screen and (min-width: 461px) {
	@supports (display: flow-root) {
		.col_base.col_1 {
			display: flow-root;
		}
	}
	@supports not (display: flow-root) {
		.col_base.col_1 {
			display: block;
		}
		.col_base.col_1:after {
			content: '';
			display: block;
			clear: both;
		}
	}
	.ie .col_base.col_1 {
		display: block;
		width: calc(100% + 1px);
	}
	.ie .col_base.col_1:after {
		content: '';
		display: block;
		clear: both;
	}
	.col_base.col_1>* {
		margin: 0px 0 0 0px;
		width: calc(100% / 1 - 0px);
		float: left;
	}
	.ie .col_base.col_1>* {
		width: calc(calc(100% - 1px) / 1 - 0px);
	}
	.col_base.col_1>*:nth-child(1n+1) {
		margin-left: 0;
	}
	.col_base.col_1>*:nth-child(-n+1) {
		margin-top: 0;
	}
}
@media print, screen and (min-width: 461px) {
	@supports (display: flow-root) {
		.col_base.col_2 {
			display: flow-root;
		}
	}
	@supports not (display: flow-root) {
		.col_base.col_2 {
			display: block;
		}
		.col_base.col_2:after {
			content: '';
			display: block;
			clear: both;
		}
	}
	.ie .col_base.col_2 {
		display: block;
		width: calc(100% + 1px);
	}
	.ie .col_base.col_2:after {
		content: '';
		display: block;
		clear: both;
	}
	.col_base.col_2>* {
		margin: 0px 0 0 0px;
		width: calc(100% / 2 - 0px);
		float: left;
	}
	.ie .col_base.col_2>* {
		width: calc(calc(100% - 1px) / 2 - 0px);
	}
	.col_base.col_2>*:nth-child(2n+1) {
		margin-left: 0;
	}
	.col_base.col_2>*:nth-child(-n+2) {
		margin-top: 0;
	}
}
@media print, screen and (min-width: 461px) {
	@supports (display: flow-root) {
		.col_base.col_3 {
			display: flow-root;
		}
	}
	@supports not (display: flow-root) {
		.col_base.col_3 {
			display: block;
		}
		.col_base.col_3:after {
			content: '';
			display: block;
			clear: both;
		}
	}
	.ie .col_base.col_3 {
		display: block;
		width: calc(100% + 1px);
	}
	.ie .col_base.col_3:after {
		content: '';
		display: block;
		clear: both;
	}
	.col_base.col_3>* {
		margin: 0px 0 0 0px;
		width: calc(100% / 3 - 0px);
		float: left;
	}
	.ie .col_base.col_3>* {
		width: calc(calc(100% - 1px) / 3 - 0px);
	}
	.col_base.col_3>*:nth-child(3n+1) {
		margin-left: 0;
	}
	.col_base.col_3>*:nth-child(-n+3) {
		margin-top: 0;
	}
}
@media print, screen and (min-width: 461px) {
	@supports (display: flow-root) {
		.col_base.col_4 {
			display: flow-root;
		}
	}
	@supports not (display: flow-root) {
		.col_base.col_4 {
			display: block;
		}
		.col_base.col_4:after {
			content: '';
			display: block;
			clear: both;
		}
	}
	.ie .col_base.col_4 {
		display: block;
		width: calc(100% + 1px);
	}
	.ie .col_base.col_4:after {
		content: '';
		display: block;
		clear: both;
	}
	.col_base.col_4>* {
		margin: 0px 0 0 0px;
		width: calc(100% / 4 - 0px);
		float: left;
	}
	.ie .col_base.col_4>* {
		width: calc(calc(100% - 1px) / 4 - 0px);
	}
	.col_base.col_4>*:nth-child(4n+1) {
		margin-left: 0;
	}
	.col_base.col_4>*:nth-child(-n+4) {
		margin-top: 0;
	}
}
@media print, screen and (min-width: 461px) {
	@supports (display: flow-root) {
		.col_base.col_5 {
			display: flow-root;
		}
	}
	@supports not (display: flow-root) {
		.col_base.col_5 {
			display: block;
		}
		.col_base.col_5:after {
			content: '';
			display: block;
			clear: both;
		}
	}
	.ie .col_base.col_5 {
		display: block;
		width: calc(100% + 1px);
	}
	.ie .col_base.col_5:after {
		content: '';
		display: block;
		clear: both;
	}
	.col_base.col_5>* {
		margin: 0px 0 0 0px;
		width: calc(100% / 5 - 0px);
		float: left;
	}
	.ie .col_base.col_5>* {
		width: calc(calc(100% - 1px) / 5 - 0px);
	}
	.col_base.col_5>*:nth-child(5n+1) {
		margin-left: 0;
	}
	.col_base.col_5>*:nth-child(-n+5) {
		margin-top: 0;
	}
}
.clearfix {
	content: "";
	display: block;
	clear: both;
}
/* -----------------------------------------------------------------------------

共通パーツ

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

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

共通レイアウト

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

.flowbottomSP {
	position: fixed;
	bottom: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background: #09303c;
	padding: 14px 20px;
	-webkit-transition: -webkit-transform 1.0s;
	transition: -webkit-transform 1.0s;
	-o-transition: transform 1.0s;
	transition: transform 1.0s;
	transition: transform 1.0s, -webkit-transform 1.0s;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	z-index: 9990;
	color: #fff;
}
@media screen and (max-width: 460px) {
	.flowbottomSP {
		display: block;
		padding: 18px 20px 18px 0;
	}
}
.flowbottomSP.active {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.flowbottomSP .date {
	max-width: 60px;
	line-height: 22px;
	height: 22px;
	color: #9B8654;
	font-size: 1.4rem;
	background: #fff;
	margin-bottom: 5px;
}
@media screen and (max-width: 460px) {
	.flowbottomSP .date {
		width: 45px;
		line-height: 22.5px;
		height: 22.5px;
		display: inline-block;
		font-size: 1.5rem;
		margin: 0 10px 0 0;
		text-align: center;
	}
}
.ie11 .flowbottomSP .date, .ie10 .flowbottomSP .date {
	padding-top: 7px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.flowbottomSP .txt {
	text-align: left;
	font-size: 2.1rem;
	line-height: 1.2;
	letter-spacing: .05em;
}
@media screen and (max-width: 460px) {
	.flowbottomSP .txt {
		display: block;
		text-align: center;
		font-size: 2rem;
		line-height: 1;
		letter-spacing: 0;
		vertical-align: top;
		font-size: 1.8rem;
	}
}
.ie11 .flowbottomSP .txt, .ie10 .flowbottomSP .txt {
	padding-top: 15px;
}
@media screen and (max-width: 460px) {
	.ie11 .flowbottomSP .txt, .ie10 .flowbottomSP .txt {
		padding-top: 10px;
		height: 22.5px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 350px) {
	.flowbottomSP .txt {
		font-size: 1.8rem;
	}
}
.flowbottomSP .txt span {
	font-size: 1.8rem;
	line-height: 1;
}
@media screen and (max-width: 460px) {
	.flowbottomSP .txt span {
		font-size: 1.5rem;
		line-height: 1;
		margin-left: 44px;
		position: relative;
		top: -2px;
	}
}
.flowbottomSP .mod_btn {
	position: absolute;
	color: #fff;
	background-color: #BDA474;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 44px;
	height: 44px;
	z-index: 50;
}
@media screen and (max-width: 460px) {
	.flowbottomSP .mod_btn {
		height: 31px;
		width: 31px;
	}
}
.flowbottomSP .mod_btn:after {
	content: '';
	display: block;
	margin: auto;
	width: 18px;
	height: 18px;
	border-left: 2px solid;
	border-top: 2px solid;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: -5px;
}
@media screen and (max-width: 460px) {
	.flowbottomSP .mod_btn:after {
		height: 10px;
		width: 10px;
	}
}
.flowbottomSPinview {
	position: absolute;
	top: 105vh;
	bottom: 0;
	pointer-events: none;
	width: 0;
}
/* ページトップボタン */

.pagetopbtn {
	position: fixed;
	bottom: 60px;
	right: 10px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	-webkit-filter: opacity(0%);
	filter: opacity(0%);
	pointer-events: none;
	-webkit-transition: opacity 0.2s, -webkit-filter 1.0s;
	transition: opacity 0.2s, -webkit-filter 1.0s;
	-o-transition: filter 1.0s, opacity 0.2s;
	transition: filter 1.0s, opacity 0.2s;
	transition: filter 1.0s, opacity 0.2s, -webkit-filter 1.0s;
	background-color: #fff;
	z-index: 999;
}
.pagetopbtn.active {
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	pointer-events: auto;
}
.no-touchevents .pagetopbtn:hover {
	opacity: 0.6;
}
.pagetopbtnInview {
	position: absolute;
	top: 200vh;
	bottom: 0;
	pointer-events: none;
	width: 0;
}
/* ヘッダー */

.headerArea {
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.headerArea .row01 .in {
	width: 100%;
	max-width: 1000px;
	height: 100px;
	margin: auto;
}
.headerArea .row02 {
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	z-index: 1000;
}
.headerArea .row03 {
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120vh;
	opacity: 0;
	z-index: 1000;
	pointer-events: none;
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.headerArea .row03.active {
	opacity: 1;
	pointer-events: auto;
}
.headerArea .menu {
	width: 44px;
	height: 44px;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #00f;
	z-index: 1000;
}
.headerArea .menu .open .bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 24px;
	height: 1px;
	margin: auto;
	background-color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.headerArea .menu .open .bar:nth-child(1) {
	top: -16px;
}
.headerArea .menu .open .bar:nth-child(3) {
	bottom: -16px;
}
.headerArea .menu .close .bar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	margin: auto;
	background-color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.headerArea .menu .close .bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.headerArea .menu .close .bar:nth-child(2) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.headerArea .menu.active .open .bar {
	width: 0;
}
.headerArea .menu.active .close .bar {
	width: 24px;
}
.mod_toTop {
	color: #fff;
	background-color: #bda474;
	position: fixed;
	bottom: 64px;
	right: 8px;
	width: 36px;
	height: 36px;
	z-index: 50;
	-webkit-transition: color 0.5s, background 0.5s, opacity 0.5s, -webkit-transform 0.5s;
	transition: color 0.5s, background 0.5s, opacity 0.5s, -webkit-transform 0.5s;
	-o-transition: color 0.5s, background 0.5s, opacity 0.5s, transform 0.5s;
	transition: color 0.5s, background 0.5s, opacity 0.5s, transform 0.5s;
	transition: color 0.5s, background 0.5s, opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
	opacity: 0;
	pointer-events: none;
}
@media screen and (max-width: 460px) {
	.mod_toTop {
		right: 0;
		bottom: 76px;
	}
}
.mod_toTop:hover {
	background-color: #262626;
}
.mod_toTop:after {
	content: '';
	display: block;
	margin: auto;
	width: 13px;
	height: 13px;
	border-left: 2px solid;
	border-top: 2px solid;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 8px;
	bottom: 0;
	right: 0;
	left: 0;
}
.sub_nav_fix .mod_toTop {
	opacity: 1;
	pointer-events: auto;
}
.ryo {
	font-family: ryo-display-plusn, serif;
	font-style: normal;
}
.basker {
	font-family: baskerville-poster-pt, serif;
	font-style: normal;
}
.a-otf {
	font-family: a-otf-futo-min-a101-pr6n, serif;
	font-style: normal;
}
.mod_w1020 {
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
}
@media screen and (max-width: 460px) {
	.mod_w1020 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 15px;
		width: 100%;
	}
}
.mod_w1040 {
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
}
@media screen and (max-width: 460px) {
	.mod_w1040 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 15px;
		width: 100%;
	}
}
.mod_w1220 {
	margin: 0 auto;
	max-width: 1220px;
	width: 100%;
}
@media screen and (max-width: 460px) {
	.mod_w1220 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 15px;
		width: 100%;
	}
}
.mod_w1200 {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
@media screen and (max-width: 460px) {
	.mod_w1200 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 15px;
		width: 100%;
	}
}
.mod_w1440 {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
}
@media screen and (max-width: 460px) {
	.mod_w1440 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 15px;
		width: 100%;
	}
}
.titleTop {
	color: #AD8B4E;
	font-size: 3rem;
	line-height: 1;
	margin-bottom: 45px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.07em;
}
@media screen and (max-width: 460px) {
	.titleTop {
		font-size: 2.3rem;
		margin-bottom: 26px;
		letter-spacing: 0;
	}
}
.titleTop span {
	position: relative;
}
.titleTop span:before {
	content: '';
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}