@charset "utf-8";
/*====================================
font
====================================*/
@font-face {
	font-family: "LINE Seed JP";
	font-style: regular;
	font-weight: 500;
	src:
		url("../font/lineseed/LINESeedJP_OTF_Rg.woff") format("woff"),
		url("../font/lineseed/LINESeedJP_OTF_Rg.woff2") format("woff2");
	font-display: swap;}

@font-face {
	font-family: "LINE Seed JP";
	font-style: bold;
	font-weight: 700;
	src:
		url("../font/lineseed/LINESeedJP_OTF_Bd.woff") format("woff"),
		url("../font/lineseed/LINESeedJP_OTF_Bd.woff2") format("woff2");
	font-display: swap;}

/*====================================
UI骨格CSS
====================================*/
html{
	font-size: calc(100vw / 192.0);
	scroll-behavior: smooth;
}

body{
	background-color: #01ABE8;
	font-family: "LINE Seed JP","游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; 
	font-feature-settings: "palt";
}
	
.wrap {
	overflow: hidden;
}

/*====================================
汎用CSS
====================================*/

/*=== その他CSS ===*/
.position_r {
	position:relative;
}

.tra_03{
	transition:0.3s;
}

.vtop {
	vertical-align: top;
}
	
.btn:hover {
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.btn:hover img{
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}