@charset "utf-8";

body {
margin:0;
padding:0;
background:#fff;
overflow-x:hidden;
}

body,div,p,a,article,section,nav,ul,li,header,footer,input,select,textarea,h1,h2,h3,h4,h5,th,td {
font-size:1em;
font-weight:400;
line-height:160%;
letter-spacing:0.5px;
word-wrap:break-word;
color:#595757;
font-family:'Poppins','Noto Sans JP', sans-serif;
}

.bg {
    width:100%;
    height:100%;
    background:url(../img/bg.jpg) top left;
    background-size:cover;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}

.bg .mask {
    width:100%;
    height:100%;
    background:rgba(243,152,28,0.7);
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}

.en {
font-family: "Caveat", cursive;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;
}

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

.wrap {
overflow-x:hidden;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding:0;
margin:0;
}

img {
width:100%;
height:auto;
padding:0;
margin:0;
vertical-align:bottom;
border-style:none;
}

li { list-style:none; }
a {text-decoration:none;}

a:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

.fo {color:#f3981c;}
.fr {color:#e72420;}
.fy {color:#fac910;}

.b {font-weight:bold;}
.fl{font-size:135%;}
.fll{font-size:150%;}

.fs{font-size:50%;}



/*FORM*/
input , select , textarea , button {
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
outline:none;
box-shadow:none;
border:#ddd 1px solid;
}

input:focus , textarea:focus , button:focus {
border:#f2971b 1px solid;
}

input[type="checkbox"] , input[type="radio"] {
background:#fff;
padding:5px;
border-radius:100%;
}

input[type="checkbox"]:checked , input[type="radio"]:checked {
background:#464646;
border:#464646 1px solid;
}

::placeholder {
color:#ddd;
}

select {
background:#fff url(../img/select.svg) no-repeat;
background-size:10px 7px;
background-position:right 15px center;
position:relative;
width:100%;
padding:15px;
}



/*USEFUL*/
.cts {
margin:auto;
}

.attention p {
font-size:80%;
display:flex;
}

.ex p {
padding-bottom:30px;
}

.ex p:last-child {
padding-bottom:0;
}