@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
/*=============================================================
 Common Layout
=============================================================*/
/* reset style
-------------------------------------------------------------*/
*{padding:0;margin:0;	box-sizing: border-box;}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{display:block;padding:0;margin:0;}
ol,ul,dl,li,dt,dd{list-style:none;}
img{vertical-align:top;}
html{-webkit-text-size-adjust:100%;}
body{
	font-feature-settings:"pwid";
	letter-spacing:0.005em;
	text-align:left;
	font-family: 'Noto Sans JP', sans-serif;
	color: #fff;
	font-size: clamp(12px, calc(12px + 0.0267 * (100vw - 375px)), 18px)
}
a,img{border:none;}
img{
	line-height: 1.0 !important;
	image-rendering: -webkit-optimize-contrast;
}
a{outline: none;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:1.45;
}
sup,
sub{
	height:0;
	line-height:1;
	vertical-align:baseline;
	margin:0 1px;
	position:relative;
}
sup{bottom:0.7ex;}
sub{top:0.1ex;}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/* text Layout
-------------------------------------------------------------*/
.textBold{font-weight:700 !important;}
.textSemiBold{font-weight:600 !important;}
.textMid{font-weight:500 !important;}
.textNormal{font-weight:400 !important;}
.textItalic{font-style:italic;}

/*---.nowrap   --- SmartPhone : nowrap */
/*---.nowrap-pc --- SmartPhone/tablet P : normal */
.nowrap,
.nowrap-pc{white-space:nowrap;}
.noNowrap{white-space:normal !important;}
.textBreak{word-break:break-all;}

small{font-size:100%;}
.textS{font-size:90%;} /* 14px */
.textL{font-size:112.5%;}/* 18px */
.textLL{font-size:125%;} /* 20px */
.sp-textS{}

/* a Element
-------------------------------------------------------------*/
a{
	color:#000;
	text-decoration:none;
}
a.underLine{
	text-decoration:underline;
}
a:visited{color:#000;}
a:hover{color:#000;}
a:hover{
}
a,
button,
input[type="submit"]{
	transition-property:color, background, opacity, border, box-shadow, transform;
	transition-duration:.4s;
}

/* block Layout
-------------------------------------------------------------*/
img{
	box-sizing:border-box;
	max-width:100%;
	height:auto;
}

.dsp-none,
.sp-dsp-block,
.spP-dsp-block,
.spS-dsp-block{display:none;}
.sp-dsp-none,
.spP-dsp-none,
.spS-dsp-none,
.sp-dsp-inline{}
.dsp-block{display:block;}
.dsp-inlineBlock{display:inline-block;}
.dsp-table{display:table;}
.dsp-table>*{
	display:table-cell;
	vertical-align:top;
}
/* Float Element */
.cClear{clear:both !important;}
.fLeft {float:left !important;}
.fRight{float:right !important;}
.clearfix::after{
	content:"";
	display:block;
	clear:both;
	width:0;
	height:0;
}

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}
.sp-alignL,
.sp-alignC,
.sp-alignR{}

/* margin padding */
.mT1em{margin-top:1em !important;}
.mT1_5em{margin-top:1.5em !important;}
.mT2em{margin-top:2em !important;}
.mT2_5em{margin-top:2.5em !important;}
.mT3em{margin-top:3em !important;}
.mT0{margin-top:0 !important;}
.pT0{padding-top:0 !important;}