@charset "UTF-8";

/* 1:Reset
----------------------------------------------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
* html ul, * html ol, * html p{ zoom:1; }/*IE6 Hack and hasLayout --> for IE*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; font-size:1em; }
th, td{ vertical-align:top; }
br { letter-spacing:normal; }

/* ==========================================================*/

body{font-family:Verdana, Arial, SunSans-Regular, Sans-Serif; letter-spacing:0.1em;
	line-height:1.5; margin:0; padding: 0; background: #eb5c12; position: relative; color: #fff; font-weight: bold; height: 100svh; overflow: hidden;}

.hide-text{position: absolute; text-indent: -100vw; white-space: nowrap; overflow: hidden;}

.index-main{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.index-main img{width: 50%; max-width: 540px; margin-bottom: min(calc(40 / 1500 * 100vw),40px);}
.index-main p{font-size: 30px; }
@media screen and (max-width: 450px) {
	.index-main p{font-size: 20px;}
}

/* .ft-wrap {position: absolute; left: 0; bottom: 0; box-sizing: border-box; width: 100%; padding: clamp(40px, calc(60 / 1500 * 100vw), 60px);}
@media screen and (max-width: 450px) {
	.ft-wrap {font-size: 40px;}
} */