@charset "UTF-8";

/*==================================================
	RESET CSS
==================================================*/


body{
  font-family: "游ゴシック体 Pr6N M", "Yu Gothic Pr6N M", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, sans-serif;
}


main * {
  position: relative;
  margin: 0;
  padding: 0;
  font-feature-settings: "palt" 1;
  box-sizing: border-box;
  list-style-type: none;
  text-decoration: none;
  outline: none;
}



header {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 375/484;
overflow:hidden;
}

header h1{
width: 25.6%;
max-width: 107px;
min-width: 96px;
position: absolute;
aspect-ratio: 1066/142;
left: 20px;
top: 30px;
}

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

header div.message{
width: 80%;
max-width: 440px;
min-width: 310px;
position: absolute;
height: auto;
    top: 48.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
text-align: center;
}


/* comesoon*/

.comesoon {
font-family: 'Montserrat', sans-serif;
letter-spacing: 0.16em;
}

header div.message h2{
font-size: 30px;
line-height: 56px;
padding-bottom: 28px;
text-align: center;
text-transform: uppercase;
color: #fff;
}

header div.message p{
font-size: 17px;
line-height: 30px;
color: #fff;
}


header div.bg {
position: absolute;
width: 100%;
height: 100%;
}

header div.bg img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}

section {
padding-top:60px;
width: 80%;
max-width: 640px;
margin:0 auto;
padding-bottom:12px;
}

section h3{
border-top: 1px solid #12BFB3;
color: #12BFB3;
font-size: 14px;
line-height: 1;
padding-top: 9px;
padding-bottom: 34px;
}

section p{
font-size: 16px;
line-height: 29px;
letter-spacing: 0.12em;
}

p.profile{
padding-top: 20px;
font-size: 13px;
line-height: 23px;
}

section p a{
color: #000;
text-decoration: underline;
}


footer {
    padding-top: 137px;
    padding-bottom: 50px;
}

footer small{
display:block;
padding-right: 2em;
text-align:right;
font-family: 'Montserrat', sans-serif;
font-size: 10px;
}



/*521px*/

.pc {
display:none;
}

.sp {
display:block;
}



/* PC*/
@media only screen and (min-width:520px) {

header {
aspect-ratio: 1280/660;
}

header h1{
left: 35px;
top: 50px;
}

header div.message{
top: 51%;
}

header div.message h2{
font-size: clamp(30px, 3.4vw ,43px);
padding-bottom: 63px;
}

header div.message p{
font-size: clamp(17px, 1.7vw ,21px);
}

section {
padding-bottom:30px;
}

section p{
font-size: 17px;
line-height: 33px;
letter-spacing: 0.12em;
}

p.profile{
padding-top: 15px;
font-size: 14px;
line-height: 25px;
padding-bottom: 15px;
}




.pc {
display: block;
}

.sp {
display:none;
}
}