@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

html{ font-size: 62.5%; }
html.wf-active {visibility: visible;}

body {
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color:#231815;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	background:#FFF;
	line-height:2;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;/* safari:transitionでテキストが細くなる対策 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

img{
	width: 100%;
	height: 100%;
}
img { -ms-interpolation-mode: bicubic; }

.object-fit-img {
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: bottom;'
}

a{
	text-decoration: none;
	outline: none;
	transition-duration: 0.5s;
	transition-property: opacity, color;
}

a:hover{
	text-decoration: none;
	color: #333;
	opacity: 0.7;
}

a.void0{
	opacity: 0.5;
	cursor: default;
}

a.void0:hover{
	opacity: 0.5!important;
}

a.void0:hover::before{
    width: 0%;
    content: '';
}

.f_min {
	font-family: "A1 Mincho",'Noto Serif JP', serif;
}

/*----DWナビゲート用----*/
.pc{}
.sp{}
.img-switch{}

article {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

article section{
	width: 100%;
	line-height: 2;
}


figure {
	width: 80%;
	max-width: 589px;
	margin: 0 auto;
}

h2{
	width: 90%;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.2em;
}