@charset "utf-8";
/* CSS Document */
html, 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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
zoom: 1;
}

/*totop*/
.totop{
	width:60px;
	height:auto;
	left:100%;
	transform:translateX(-150%);	
}


@font-face{
	font-family:"yugo";
	src:url(fonts/yugo.woff2) format("woff2"),
		url(fonts/yugo.woff) format("woff"),
		url(fonts/yugo.ttf) format("truetype"),
		url(fonts/yugo.eot) format("eot");
}

.fontyugo{
	font-family:"yugo";
}

@font-face{
	font-family:"yumin";
	src:url(fonts/yumin.woff2) format("woff2"),
		url(fonts/yumin.woff) format("woff"),
		url(fonts/yumin.ttf) format("truetype"),
		url(fonts/yumin.eot) format("eot");
}

.fontyumin{
	font-family:"yumin";
}

html,body{
	max-width:2000px;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

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

/*汎用クラス*/

.space-han{
	letter-spacing:-0.5em;	
}

.mb_br{
	display:none;
}

.displayflex{
	display: -webkit-box;
	display: flex;
}

.flexwrap{
	flex-wrap: wrap;
}

.flexjustcenter{
-webkit-box-pack: center;
justify-content: center;
}

.flexaligncenter{
-webkit-box-align: center;
align-items: center;
}

.flexaligntop{
	-webkit-box-align: start;
	align-items: flex-start;
}

.flexbetween{
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.flexalignbottom{
	-webkit-box-align: end;
	align-items: flex-end;
}
.wordbreak{
	word-break: break-all;
}
.fontsize50per{
	font-size:50%;
}
.fontsize60per{
	font-size:60%;
}
.fontsize16px{
	font-size:16px;
}
.fontsize17px{
	font-size:17px;
}
.fontsize18px{
	font-size:18px;
}
.fontsize20px{
	font-size:20px;
}
.fontsize25px{
	font-size:25px;
}
.fontsize30px{
	font-size:30px;
}
.fontsize35px{
	font-size:35px;
}

.fontbold{
	font-weight:bold;
}

.fontwhite{
	color:#fff;
}
.blockcenter{
	margin-left:auto;
	margin-right:auto;	
}

.displayblock{
	display:block;
}
.displayinlineblock{
	display:inline-block;
}
.positionfixed{
	position:fixed;
}
.positionrelative{
	position:relative;
}

.positionabsolute{
	position:absolute;	
}
.margintop15px{
	margin-top:15px;
}
.margintop30px{
	margin-top:30px;
}
.margintop45px{
	margin-top:45px;
}

.margintop60px{
	margin-top:60px;
}

.margintop90px{
	margin-top:90px;
}

.margintop120px{
	margin-top:120px;
}
.marginbottom15px{
	margin-bottom:15px;
}
.marginbottom30px{
	margin-bottom:30px;
}
.marginbottom90px{
	margin-bottom:90px;
}
.marginbottom120px{
	margin-bottom:120px;
}


.padding10px{
	padding:10px;
}
.paddingtop5px{
	padding-top:5px;
}
.paddingtop10px{
	padding-top:10px;
}
.paddingtop15px{
	padding-top:15px;
}

.paddingtop30px{
	padding-top:30px;
}
.paddingbottom5px{
	padding-bottom:5px;
}
.paddingbottom10px{
	padding-bottom:10px;
}

.paddingbottom15px{
	padding-bottom:15px;
}
.paddingbottom30px{
	padding-bottom:30px;
}

.paddingtop90px{
	padding-top:90px;
}
.paddingtop150px{
	padding-top:150px;
}
.paddingbottom90px{
	padding-bottom:90px;
}
.paddingbottom120px{
	padding-bottom:120px;
}

.textleft{
	text-align:left;
}

.textright{
	text-align:right;
}
.textcenter{
	text-align:center;
}
.textjust{
	word-break:break-all;
	text-align:justify;
}

/*フッター*/

footer{
	width:100%;
}
.footer_menu_div{
	width:80%;
}
.footer_div{
	width:40%;	
}

.footer_ul{
	width:55%;	
}

.footer_li{
	font-size:1.3vw;
	width:20%;
	box-sizing:border-box;
}
.footer_li a{
	text-decoration:none;
	color:#000 !important;
}
.footer_li a:hover{
	text-decoration:underline;
}
.footer_content{
	width:80%;
	padding-left:10%;
	padding-right:10%;
	background-color:#d0cbde;
}

@media(min-width:480px){
	.pc_displaynone{
		display:none;
	}
}
@media(min-width:800px){
	.pad-pc_displayonlyblock{
		display:block;
	}
	.pc-pad_displayonlyblock{
		display:none;
	}			
}
@media(max-width:800px){
	.pad-pc_displayonlyblock{
		display:none;
	}	
	.pc-pad_displayonlyblock{
		display:block;
	}
	.pad_margintop10px{
		margin-top:10px;
	}
}
@media(max-width:480px){
	.totop{
		width:30px;	
	}
.mb_displaynone{
	display:none;
}
.mb_fontsize1vw{
	font-size:1vw;
}
.mb_fontsize2vw{
	font-size:2vw;
}
.mb_fontsize3vw{
	font-size:3vw;
}
.mb_fontsize4vw{
	font-size:4vw;
}
.mb_fontsize6px{
	font-size:6px;
}	
.mb_fontsize12px{
	font-size:12px;
}	
.mb_fontsize15px{
	font-size:15px;	
}

.mb_fontsize20px{
	font-size:20px;
}
.mb_fontsize25px{
	font-size:25px;
}
.mb_fontsize28px{
	font-size:28px;
}
.mb_displayblock{
	display:block !important;
}
.mb_margintop0px{
	margin-top:0px;
}
.mb_margintop5px{
	margin-top:5px;
}
.mb_margintop10px{
	margin-top:10px;
}
.mb_margintop30px{
	margin-top:30px;
}
.mb_marginbottom30px{
	margin-bottom:30px;
}
.mb_margintop40px{
	margin-top:40px;
}
.mb_margintop80px{
	margin-top:80px;
}
.mb_marginbottom40px{
	margin-bottom:40px;
}
.mb_padding5px{
	padding:5px;
}
.mb_paddingtop5px{
	padding-top:5px;
}

.mb_paddingtop10px{
	padding-top:10px;
}

.mb_paddingtop40px{
	padding-top:40px;
}
.mb_paddingtop50px{
	padding-top:50px;
}
.mb_paddingbottom10px{
	padding-bottom:10px;
}
.mb_paddingbottom40px{
	padding-bottom:40px;
}
.mb_paddingtop50px{
	padding-top:50px;
}
.mb_blockcenter{
	margin-left:auto;
	margin-right:auto;
}
.mb_br{
	display:block;
}

.mb_flexjustcenter{
-webkit-box-pack: center !important;
justify-content: center !important;
}
.footer_li{
	font-size: 3vw;
	width:auto !important;
	padding-left:2%;
	padding-right:2%;
}

	.footer_ul{
		width:100%;
	}
	
	.footer_div{
		width:70%;
	}
	.footer_menu_div{
		width:100%;	
	}

}