@charset "UTF-8";
html{
	scroll-behavior: smooth;
	scroll-padding-top:80px;
}
body{
	font-feature-settings: "palt" 1, "trad" 1;
	font-family: "Noto Sans JP", serif;
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0;
}
@media all and (min-width: 1000px) {
.s-main{
	font-family: "Noto Sans JP", serif;
}
.pc-back-img{
	position: fixed;
	top:0;
	left:0;
	width:100%;
}
img{
	width:100%;
	vertical-align: top;
}
a{
	display:block;
	text-decoration: none;
}
.pc-back-img-img{
	width: 100%;
	height:100svh;
	object-fit: cover;
}
.s-body{
	max-width:400px;
	width:90%;
	position:absolute;
	top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: white;
}
.common-width{
	width:86%;
	margin:0 auto;
}
.common-cv{
	margin-top:25px;
}
.common-sub-title{
	font-size:30px;
	font-weight:900;
	letter-spacing: -0.04em;
	line-height: 1.1;
	color:#0064F1;
}
.concept{
	margin-top:35px;
}
.concept h2{
	font-size:38px;
	font-weight:900;
	letter-spacing: -0.04em;
	line-height: 1.1;
	color:#0064F1;
}
.concept p{
	font-size:20px;
	font-weight:800;
	letter-spacing: -0.04em;
	line-height: 1.4;
	color:#0064F1;
	margin-top:15px;
	text-align: justify;
}
.release{
	margin-top:45px;
}
.release-topic{
	margin-top:20px;
}
.flow{
	margin-top:45px;
}
.flow-content{
	margin-top:15px;
	display:flex;
	flex-direction: column;
	gap:20px;
}
.flow-content div{
	display:flex;
	flex-direction: column;
	gap:3px;
	padding:0 0 15px 0;
	border-bottom: 1px solid #E4E4E4;
}
.flow-content div p:nth-child(1){
	font-size:15px;
	font-weight:800;
	letter-spacing: -0.04em;
	line-height: 1.4;
	color:#0064F1;
}
.flow-content div p:nth-child(2){
	font-size:20px;
	font-weight:800;
	letter-spacing: -0.04em;
	line-height: 1.3;
	color:#0064F1;
	text-align: justify;
}
.faq{
	margin-top:45px;
}
.faq-list{
	margin-top:15px;
	display:flex;
	flex-direction: column;
	gap:9px;
}
.q{
	background:#F7F7F7;
	color:#0064F1;
	font-weight: 900;
	font-size:18px;
	letter-spacing: -0.04em;
	padding: 20px 18px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:space-between;
	user-select:none;
	border: none;
	width:100%;
}
.q-txt{
	width:275px;
	text-align: left;
}
.icon{
	font-size: 25px;
	line-height: 1;
	text-align:center;
}
.content-wrap {
    height: 0;
    overflow: hidden;
    transition: height .28s cubic-bezier(.2,.7,.2,1);
    will-change: height;
}
.content {
    font-size:14px;
	font-weight:900;
	letter-spacing: -0.04em;
	line-height: 1.6;
	color:#0064F1;
	text-align: justify;
	padding:12px 0 0 18px;
  }
  footer{
	background-color: #0064F1;
	margin-top:50px;
	padding:50px 0 18px;
  }
  .footer-content{
	position: relative;
  }
  .f-link{
	position: absolute;
	bottom:0;
	right:0;
	display:flex;
	flex-direction:column;
	gap:4px;
  }
  .f-link a{
	color:white;
	display:block;
	border-bottom:2px white solid;
	padding:0 0 3px 0;
	font-size:18px;
	font-weight:900;
	letter-spacing: -0.04em;
  }
  footer small{
	font-size:13px;
	font-weight:800;
	letter-spacing: -0.04em;
	color:white;
	margin-top:40px;
	display:block;
  }
}