@charset "utf-8";


/* 共通 */
html {
	font-family: 'Noto Sans JP', sans-serif;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

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

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

a {
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
}



.mt0{margin-top:0}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mr0{margin-right:0}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}
.mr70{margin-right:70px}
.mb0{margin-bottom:0}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.mb90{margin-bottom:90px}
.mb100{margin-bottom:100px}
.ml0{margin-left:0}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.pt0{padding-top:0}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pr0{padding-right:0}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pb0{padding-bottom:0}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pl0{padding-left:0}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}

.fll{float:left}
.flr{float:right}

.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}

.tx40 {font-size: 40px;}
.tx24 {font-size: 24px;}
.tx20 {font-size: 20px;}
.tx18 {font-size: 16px;}
.tx16 {font-size: 16px;}
.tx14 {font-size: 14px;}
.tx12 {font-size: 12px;}
.tx11 {font-size: 11px;}

.cow { color: #ffffff; }
.co_orange { color: #00a464; }


.bc_white { background-color: #FEEBBE; }
.bc_orange { background-color: #FEEBBE; }





.fwb { font-weight: bold;}

.w50 { width:50%; margin-left:auto; margin-right:auto; }
.w60 { width:60%; margin-left:auto; margin-right:auto; }
.w70 { width:70%; margin-left:auto; margin-right:auto; }
.w80 { width:80%; margin-left:auto; margin-right:auto; }
.w90 { width:90%; margin-left:auto; margin-right:auto; }

.pc_hide { display:none; }
.sp_hide { display:block; }


@media print, screen and (max-width: 768px) {

	.w80 { width:100%; margin-left:auto; margin-right:auto; }

	.pc_hide { display:block; }
	.sp_hide { display:none; }

}




@supports (-webkit-touch-callout: none) {
	html {
		height: -webkit-fill-available;
	}
	body {
		min-height: 100vh;
		min-height: -webkit-fill-available;
	}
}