@charset "UTF-8";

body{
  margin: 0;
}
.mv{
  	margin-top: calc(-1 * 59px);
width: 100%;
  overflow: hidden;
}
.mv-inner{
position: relative;
}

/* トップ画像 */
.mv-img-pc{
width: 100%;
  display: block;
}

.mv-img-sp{
  display: none;
}

@media (max-width:768px){
  .mv-img-pc{ display: none; }
  .mv-img-sp{ display: block; }
}

/* ページタイトル */

.mv-text{

}

.mv-title-pc{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
height: 133px;
	width: auto;
}

.mv-title-sp{
  display: none;
  height: 65px;
  width: auto;

  
}

@media (max-width:768px){
  .mv-title-pc{ 
display: none; 
}
  .mv-title-sp{ 
display: block;
 margin: 0 auto;
}
}


h2{
	
	margin:0;
	padding: 0;
	text-align:center;
	line-height:2;
	letter-spacing: 0.02em;
	margin-top: -20px;
    color: #727171;

}

@media (max-width:768px){
	
	h2{
		font-size: 16pt;
		line-height:1.8;
		letter-spacing: 0.1em;
		margin-top: -30px;
		
	}
}


@media (max-width:320px){		
h2{
  font-size: 13.5pt;
}
}


/* 書類ダウンロード */

.download{
  max-width:960px;
  margin:80px auto;
  padding:0 25px;
}


.download-block{

  display:flex;
  justify-content:space-between;
  align-items:center;

  margin-bottom:80px;

}


.download-text{
  width:45%;
}


.download-text h2{

  font-size:24px;
  border-top:2px solid #333;
  padding-top:25px;

}


.download-text p{

  font-size:18px;
  line-height:2;

}



.download-buttons{

  width:40%;

}



.download-buttons a{

  display:flex;
  justify-content:center;
  align-items:center;

  height:100px;

  background:#a9daf4;

  border-radius:60px;

  color:#222;

  text-decoration:none;

  font-size:24px;

  margin-bottom:30px;

}


.download-buttons a:hover{

  opacity:0.7;

}

@media(max-width:768px){


.download{

  margin:40px auto;

  padding:0 25px;

}


.download-block{

  display:block;

  margin-bottom:50px;

}


.download-text{

  width:100%;
	padding-top: 20px;

}


.download-text h2{

  font-size:20px;

}


.download-text p{

  font-size:14px;

}



.download-buttons{

  width:100%;

  margin-top:30px;

}



.download-buttons a{

  height:65px;

  font-size:18px;

  margin-bottom:15px;

}


}

/* リンクした先のFAQの見え方 */

#faq{
  scroll-margin-top: 100px;
}

/*スマホでの見え方*/

@media (max-width:768px){
 #faq{
  scroll-margin-top: 50px;
}
}





.faq-inner{
	background-color: #cfe8dc;
}

/* FAQ全体 */

.faq-list{

  max-width:800px;
  margin:0 auto;
  padding:0 25px;
		margin-bottom: 60px;

}

/* 質問部分 */

.faq-question{

  width:100%;
  display:flex;
  align-items:center;

  background:none;
  border:none;

  border-top:0.75px solid #333;

  padding:30px 0;

  cursor:pointer;

  text-align:left;

}


.faq-item:last-child{

  border-bottom:0.75px solid #333;

}


/* Qマーク */


.q-mark{

  width:40px;
  height:40px;

  background:#000;
  color:#fff;

  border-radius:50%;

  display:flex;
  justify-content:center;
  align-items:center;

  font-size:22px;
  font-weight:bold;

  flex-shrink:0;

}

/* Q・Aマーク文字位置調整 */

.q-mark span{
  transform:translateY(-2px);
}


/* 質問文字 */

.q-text{

  font-size:24px;
  font-weight:bold;
color:#222;

}

/* ＋ ・ − マーク */


.faq-icon{

  width:25px;
  height:25px;

  margin-left:auto;

  position:relative;

}


.faq-icon::before,
.faq-icon::after{

  content:"";

  position:absolute;

  background:#222;

}


.faq-icon::before{

  width:100%;
  height:1px;

  top:50%;
  left:0;

}


.faq-icon::after{

  height:100%;
  width:1px;

  left:50%;
  top:0;

}


/*開いた時（ − ）*/

.faq-question.active .faq-icon::after{

  display:none;

}

/*回答部分*/

.faq-answer{
display:none;
padding:0 0 35px 0;
font-size:18px;
line-height:2;
text-align:left;
}

.faq-question,
.faq-question.active + .faq-answer{
display:flex;

align-items:flex-start;
gap:15px;

}

.faq-answer .a-text{
  flex:1;
}

.faq-answer p{

  margin:0;

}


/* Aマーク */

.a-mark{

  width:40px;
  height:40px;

  background:#fff;
  color:#000;

  border-radius:50%;

  display:flex;
  justify-content:center;
  align-items:center;

  font-size:22px;
  font-weight:bold;

  flex-shrink:0;

}

/* Q・Aマーク文字位置調整 */

.a-mark span{
  transform:translateY(-2px);
}


@media(max-width:768px){


.faq-list{

  padding:0 25px;
  margin-bottom:40px;

}


.faq-question{

  padding:22px 0;

  gap:15px;

}


.faq-question.active + .faq-answer{

  gap:15px;

}


.q-mark{

  width:38px;
  height:38px;

  font-size:19px;

}


.a-mark{

  width:38px;
  height:38px;

  font-size:19px;

  flex-shrink:0;

}


.q-text{

  font-size:16px;

  padding-right:15px;
	
  margin-left:0;
color:#222;

}


.faq-icon{

  width:18px;
  height:18px;

}


.faq-answer{

  padding:0 0 25px 0;

  font-size:14px;

}


}




.cta{
	margin-bottom: -30px;
}