@charset "UTF-8";
/*
data-sc-sp
data-sc-pc
data-sc-onlyPc
data-sc-tab
data-sc-pcMin
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	$size:object-fitの値

	@include objectfit();
	@include objectfit('contain');
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
	$weight:フォントの太さ
	@include f_min();
	@include f_min(400);Reguler
	@include f_min(600);SemiBold
*/
/*
* "はんなり明朝" licensed under the IPA Font License Agreement v1.0
* https://typingart.net/?p=44（配布元のURL）
* http://ipafont.ipa.go.jp/（IPAフォントのURL）
* http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/
@font-face {
		font-family: "hannari";
		src: url("/common/font/hannari.woff2") format("woff2"), url("/common/font/hannari.woff") format("woff");
		font-weight: normal;
		font-style: normal;
}
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
.mainvisual {
		position: relative;
		height: 4.6rem;
		overflow: hidden;
}
@media screen and (max-width: 640px) {
		.mainvisual {
				height: 1.5rem;
				margin-top: 0.5rem;
		}
}
.mainvisual img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		font-family: "object-fit: cover;";
		background-size: cover;
}

.content1Area {
		position: relative;
}
.content1Area .title {
		font-size: 0.25rem;
}
.content1Area .nextscrollBtn {
		bottom: -0.6rem;
}

/* デスクトップデバイスのとき */
body.desktopDevice .estimation {
		display: none !important;
}

/* .content1Area */
body.desktopDevice .content1Area {
		padding-bottom: 60px;
}

/* .content2Area */
body.desktopDevice .content2Area {
		padding-top: 1px;
		background-color: #000;
		position: fixed;
		z-index: 10000;
		overflow: hidden;
		width: 100%;
}

body.desktopDevice .content2Area > .photos {
		position: absolute;
		top: 0;
		left: 0;
}

html.backgroundsize body.desktopDevice .content2Area > .photos > div {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

html.backgroundsize body.desktopDevice .content2Area > .photos > div > img {
		display: none;
}

html.no-backgroundsize body.desktopDevice .content2Area > .photos > div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}

html.no-backgroundsize body.desktopDevice .content2Area > .photos > div > img {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
}

body.desktopDevice .content2Area > .txtarea {
		position: absolute;
		width: 100%;
		padding-top: 1.5rem;
}

body.desktopDevice .content2Area > .txtarea > .title {
		font-size: 0;
		margin-bottom: 0.6rem;
		padding-left: 50%;
		width: 45%;
		padding-right: 5%;
}

body.desktopDevice .content2Area > .txtarea > .title > img {
		font-size: 0.29rem;
		color: #FFF;
		width: 100%;
		height: auto;
}

body.desktopDevice .content2Area > .txtarea > .caption {
		font-size: 0.15rem;
		color: #FFF;
		line-height: 2.4;
		padding-left: 50%;
		width: 47.5%;
		padding-right: 2.5%;
}

body.desktopDevice .content2Area > .txtarea > img {
		display: none;
}

body.desktopDevice .content2Area > .commonBtn2 {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
}

body.desktopDevice .content2Area > .blackout {
		position: absolute;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		background-color: #000;
		visibility: hidden;
		opacity: 0;
}

/* タッチデバイスのとき */
/* .content1Area */
body.touchDevice .content1Area {
		margin-bottom: 0.6rem;
}

/* .content2Area */
body.touchDevice .content2Area {
		padding-top: 1px;
		background-color: #000;
		position: relative;
		z-index: 100;
		overflow: hidden;
		width: 100%;
}

body.touchDevice .content2Area > .photos {
		display: none;
}

body.touchDevice .content2Area > .txtarea {
		margin-left: auto;
		margin-right: auto;
		padding-right: 3%;
		padding-left: 3%;
		max-width: 1000px;
		width: 94%;
		padding-top: 0.9rem;
}

body.touchDevice .content2Area > .txtarea > .title {
		font-size: 0;
		margin-bottom: 0.6rem;
}

body.touchDevice .content2Area > .txtarea > .title > img {
		font-size: 0.29rem;
		color: #FFF;
}

body.touchDevice .content2Area > .txtarea > .caption {
		font-size: 0.15rem;
		color: #FFF;
		line-height: 2.4;
}

body.touchDevice .content2Area > .txtarea > img {
		width: 100%;
		height: auto;
		display: block;
		margin-top: 0.2rem;
		margin-bottom: 1.2rem;
}

body.touchDevice .content2Area > .commonBtn2 {
		display: none;
}

@media screen and (max-width: 640px) {
		.commonLayout2 > .title > img {
				width: 90%;
				height: auto;
				display: block;
		}
		.content2Area > .txtarea > .title > img {
				width: 90%;
				height: auto;
		}
		.content2Area > .txtarea > img {
				margin-bottom: 0.5rem;
		}
}
.commonLayout2 > .title {
		font-family: source-han-serif-japanese, serif;
}

.commonLayout2 .title span {
		font-size: 0.32rem;
}

@media screen and (max-width: 640px) {
		.commonLayout2 .title span {
				display: inline-block;
		}
}
/*# sourceMappingURL=index.css.map */