/* サイト共通CSS */
@charset "UTF-8";

/* ダークモード無効 */
:root {
	color-scheme: light;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light;tab-size:2;scrollbar-gutter:stable}:where(html:has(dialog:modal[open])){overflow:clip}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem);text-wrap:balance}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(dialog){border:none;background:none;inset:unset;max-width:unset;max-height:unset}:where(dialog:not([open])){display:none!important}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

img {
	width: 100%;
	height: auto;
}

.smt {
	display: block;
}
.pc {
	display: none;
}

em {
	font-style: normal;
}
.tr {
	text-align: right;
}

:root {
	--text-color: #231916;
}
a {
	color: #00008C;
	text-decoration: none;
	outline: none;
	transition: all 0.3s ease-out;
}
a:hover {
	/* background: #D9ECFF; */
}

img {
	-ms-interpolation-mode: bicubic;
}
html {
	overflow-x: hidden;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	position: relative;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	vertical-align: baseline;
	/* font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Meiryo, sans-serif; */
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	overflow:visible;
	background: #231815;
}
p {
	font-size: 16px;
	line-height: 160%;
}

/* メインナビ */
header {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #fff;
}
header .bg {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
	z-index: 1;
}
header .bg img {
	width: 100%;
}
header span {
	position: absolute;
	z-index: 10;
	display: block;
	margin: 0;
	padding: 15.5vw 0 0 3.5vw;
	width: 100%;
	text-align: center;
	font-size: 2.6vw;
}
header b {
	position: absolute;
	z-index: 10;
	display: block;
	margin: 0;
	padding: 20.5vw 0 0 3.5vw;
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 7vw;
}
header small {
	position: absolute;
	z-index: 10;
	display: block;
	margin: 0;
	padding: 35.5vw 0 0 3.5vw;
	width: 100%;
	text-align: center;
	font-size: 2.2vw;
}
header .bt {
	display: none;
}


/* メイン */
.main {
	background-image: url('/assets/img/common/main-bg.jpg');
	background-position: center top;
	background-repeat: repeat;
	padding: 0 0 100px;
}
.main .hr {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
	height: 0.5vw;
	background: rgb(33,25,23);
	background: linear-gradient(90deg, rgba(33,25,23,1) 0%, rgba(110,199,215,1) 50%, rgba(33,25,23,1) 100%);
}

#block-mirable {
	padding: 10.0vw 0;
	color: #231916;
}
#block-mirable b {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 6.0vw;
	text-align: center;
	font-size: 4.8vw;
	font-weight: normal;
}
#block-mirable p {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 2.6vw;
	line-height: 240%;
}

#sale {
}
#sale b {
	display: block;
	width: 100%;
	padding:  0 0 2.0em 0;
	margin: 0 auto;
	color: #c00;
	font-size: 5.5vw;
	text-align: center;
}

#sara,
#uru,
#tuya,
#zero {
	padding: 0 0 10.0vw;
}
#sara ul,
#uru ul,
#tuya ul,
#zero ul {
	padding: 0 0 30px;
}
#sara ul li:first-child,
#uru ul li:first-child,
#tuya ul li:first-child,
#zero ul li:first-child {
	padding: 0 10px 2.0em 0;
}
#sara ul li:nth-child(n+2),
#uru ul li:nth-child(n+2),
#tuya ul li:nth-child(n+2),
#zero ul li:nth-child(n+2) {
	padding: 0 10px 30px;
}
#sara .movie,
#uru .movie,
#tuya .movie,
#zero .movie {
	display: block;
	width: 96%;
	margin: 3.0vw auto 0;
	background: #000;
	border: 1px solid #999;
}
#sara a,
#uru a,
#tuya a,
#zero a {
	display: block;
	width: 260px;
	margin: 5.0em auto 0;
}
#sara a img,
#uru a img,
#tuya a img,
#zero a img {
	display: block;
	width: 100%;
}
#sara p,
#uru p,
#tuya p,
#zero p {
	display: block;
	width: 100%;
	padding: 0.5em 0 2.0em;
	text-align: center;
	font-size: 14px;
}

#ultra-fine-babble {
	
}
#ultra-fine-babble div {
	display: block;
	width: 92%;
	max-width: 880px;
	margin: 0 auto;
	padding: 30px;
	background: #231916;
	border-radius: 10px;
	color: #fff;
}
#ultra-fine-babble div b {
	font-weight: normal;
	font-size: 5.0vw;
}
#ultra-fine-babble div ul {
	display: block;
	padding: 10px 0;
}
#ultra-fine-babble div ul li {
	width: 100%;
}
#ultra-fine-babble div ul li img {
	width: 100%;
}
#ultra-fine-babble div ul li p {
	font-size: 12px;
	padding: 1.0em 0 1.5em;
}
#ultra-fine-babble div ul li video {
	display: block;
	width: 100%;
	margin: 0;
	background: #000;
	border: 1px solid #999;
}

/* フッターナビ */
footer {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	background-image: url('/assets/img/common/footer-bg-r.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
footer .bt-gotop {
	position: fixed;
	bottom: 20px;
	right: 5px;
	width: 28%;
	max-width: 80px;
	margin: 0 auto;
	z-index: 30;
}
footer .bt-gotop a {
	display: block;
	width: 100%;
	margin-top: 6px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
footer .bt-gotop a.bt-top {
	width: 100%;
}
footer .bt-gotop a img {
	width: 100%;
}

.footer-company {
	display: block;
	width: 100%;
	padding: 50px 10px 80px;
	border: 0;
	color: #fff;
}
.footer-company b {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 3.8vw;
}
.footer-company a {
	display: block;
	width: 100px;
	margin: 30px auto 10px;
	padding: 0;
}
.footer-company a img {
	display: block;
	width: 100%;
}
.footer-company span {
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 3.6vw;
}
.footer-company small {
	display: block;
	width: 230px;
	font-size: 10px;
	margin: 0 auto;
	padding: 10px 0;
}

/* ブロック要素 */
div.center {
	display: block;
	width: 100%;
	padding: 20px;
	clear: both;
}
.sub-block {
	display: block;
	margin: 0;
	padding: 0;
}

/* clear fix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

#page_top {
	display: none;
}


@media screen and (min-width: 751px) {
	/* 751px以上に適用されるCSS（PC用） */
	
	.smt {
		display: none;
	}
	.pc {
		display: block;
	}

	/* メインナビ */
	header {
		background-image: url('/assets/img/common/bg.jpg');
		background-position: center top;
		background-repeat: repeat;
		background-size: contain;
	}
	
	header .bt {
		position: absolute;
		z-index: 20;
		display: block;
		width: 100%;
	}
	header .bt ul {
		display: block;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 77.6vw 19.6vw 0 7.0vw;
	}
	header .bt ul li {
		display: inline-block;
		width: calc(33.33%);
		margin: 0;
		padding: 0;
	}
	header .bt ul li a {
		display: block;
		width: 14.0vw;
		margin: 0;
		padding: 0;
	}
	header .bt ul li a img {
		display: block;
		width: 100%;
	}
	header .bt ul li .sara {
		
	}
	header .bt ul li .uru {
		margin: 0 auto;
	}
	header .bt ul li .tuya {
		float: right;
	}

	/* メイン */
	#block-mirable {
		padding: 80px 0;
	}
	#block-mirable b {
		padding: 0 0 50px;
		font-size: 36px;
	}
	#block-mirable p {
		padding: 0;
		font-size: 20px;
		line-height: 240%;
	}
	
	#sale b {
		font-size: 42px;
	}
	
	#sara,
	#uru,
	#tuya,
	#zero {
		padding: 0 0 120px;
	}
	#sara span,
	#uru span,
	#tuya span,
	#zero span {
		width: 100%;
		max-width: 1156px;
		margin: 0 auto;
	}
	#sara span img,
	#uru span img,
	#tuya span img,
	#zero span img {
		diaplay: block;
		width: 100%;
	}
	#sara .movie,
	#uru .movie,
	#tuya .movie,
	#zero .movie {
		max-width: 880px;
		margin: 50px auto 0;
	}

	#ultra-fine-babble div b {
		font-size: 24px;
	}
	#ultra-fine-babble div ul {
		display: flex;
		padding: 10px 0 0;
	}
	#ultra-fine-babble div ul li {
		width: calc(50%-20px);
	}
	#ultra-fine-babble div ul li:first-child {
		margin-right: 40px;
	}
	#ultra-fine-babble div ul li p {
		font-size: 12px;
		padding: 1.0em 0.5em 0 0;
	}

	/* フッターナビ */
	footer {
		width: 100%;
		background-image: url('/assets/img/common/footer-bg-l.png'), url('/assets/img/common/footer-bg-r.png');
		background-position: left bottom, right bottom;
		background-repeat: no-repeat, no-repeat;
		background-size: contain, contain;
		background-color: #231815;
	}
	footer .bt-gotop {
		max-width: 100px;
		right: 20px;
	}
	.footer-company {
		padding: 50px 10px 30px;
	}
	.footer-company b {
		font-size: 20px;
	}
	.footer-company a {
	}
	.footer-company a img {
	}
	.footer-company span {
		font-size: 16px;
	}
	.footer-company small {
		padding-bottom: 50px;
	}

	/* ブロック要素 */
	.sub-block {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.sub-block::after {
		content: "";
		display: block;
		clear: both;
	}

}

@media screen and (min-width: 1000px) {
	
	
	
}


@media screen and (min-width: 1200px) {
	
	header span {
		padding: 186px 0 0 40px;
		font-size: 31px;
	}
	header b {
		padding: 244px 0 0 40px;
		font-size: 84px;
	}
	header small {
		padding: 425px 0 0 40px;
		font-size: 26px;
	}
	
	header .bt ul {
		padding: 930px 230px 0 80px;
	}
	header .bt ul li a {
		width: 170px;
	}
	
	.main .hr {
		height: 5px;
	}
	
}