/* CSS Document */


/*---==============================---*/
/*---======= ベース部分構成 =======---*/
/*---==============================---*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

* {
	font-family: "Noto Sans JP",sans-serif;
	font-weight: 500;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	list-style: none;
	font-size: 2.5rem;
	line-height: 1.7;
}

*.cf{zoom:1;}
*.cf:after{content: ""; clear:both; display:block;}
*.c{clear:both;}

*:focus {outline: none;}
*:before,*:after{display:inline-block;}
*.bB > *{box-sizing:border-box;}

*{box-sizing:border-box;}
*.fMin{font-family:"Noto Serif JP", font-weight:500;}
*:focus {outline: none;}
*:before,*:after{display:inline-block;}
*.bB > *{box-sizing:border-box;}
*.nb{border:none !important;}
*.sP{text-indent:-9999px; background:no-repeat  center center; background-size:100%;}
*.fe {display: flex; justify-content: space-between; flex-wrap: wrap;}
*.fe.feL{justify-content:flex-start;}
*.fe.feR{flex-direction:row-reverse;}
*.fe.feA{justify-content:space-between;}
*.iB{letter-spacing:-1em; word-spacing: -1em;}
*:root *.iB{font-size: 1px; word-spacing: -1px;}
*.iB > *{display:inline-block; letter-spacing:normal; vertical-align:top; font-size:100%; word-spacing:normal; font-size:13px;}
{width:100%;}
*.to{text-orientation: upright;}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
@media only screen and (min-width:1000px){*.sp{display:none !important;}}
@media only screen and (max-width:1000px){*.pc{display:none !important;}}

/*--- ふんわり出現 ---*/

article.lowerWrap section.contentWrap h2,
article.lowerWrap section.contentWrap h3,
article.lowerWrap section.contentWrap h4,
article.lowerWrap section.contentWrap p,
article.lowerWrap section.contentWrap table tr > *{
	transform: translate(0 , 30px);
	opacity: 0;
}

article.lowerWrap section.contentWrap ul.fe:not(.feL) li {
	transform: translate(0 , -30px);
	opacity: 0;
}

article.lowerWrap section.contentWrap h3,
article.lowerWrap section.contentWrap table tr > td{transition: .5s ease-in;}
article.lowerWrap section.contentWrap h4{transition: .7s ease-in;}
article.lowerWrap section.contentWrap h2,
article.lowerWrap section.contentWrap p,
article.lowerWrap section.contentWrap table tr > th{transition: .3s ease-in;}
article.lowerWrap section.contentWrap ul.fe:not(.feL) li{transition: .3s ease-in;}

article.lowerWrap section.contentWrap h2.active,
article.lowerWrap section.contentWrap h3.active,
article.lowerWrap section.contentWrap h4.active,
article.lowerWrap section.contentWrap p.active,
article.lowerWrap section.contentWrap ul.fe:not(.feL) li.active,
article.lowerWrap section.contentWrap table tr > *{
	transform:translate(0 , 0);
	opacity:1;
	}

article.lowerWrap section.contentWrap figure img{
	transform: scale(70%, 70%);
	-webkit-transform: scale(.7 , .7);
	opacity:0;
	transition: .6s ease-in;
	}

article.lowerWrap section.contentWrap figure.active img{
	transform: scale(100%, 100%);
	-webkit-transform: scale(1.0 , 1.0);
	opacity:1;
	}



@media only screen and (max-width:1000px){
	.pc{display:none;}
	html {font-size: calc(25vw / 19.1);}
	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, font, 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 {font-size: 3.5vw;}
}


@media only screen and (min-width:1000px){
	.sp{display:none;}
	html {font-size: calc(10vw / 19.1);}
}


@media only screen and (min-width:1500px){
	.sp{display:none;}
	html {font-size: calc(9vw / 19.1);}
}