@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;
}
	}

.komidashi {
text-align: center;
	line-height: 2;	
	padding: 25px 0 25px 0;
}


@media (max-width:768px){
.komidashi {
display: block;
text-align: justify;
line-height: 2;
margin: 0 20px;	
	}
	
}

/* =====================
お問い合わせフォーム
===================== */

.contact-form{
  background:#a9daf4;
  border-radius:40px;
  max-width:960px;
  margin:80px auto;
  padding:70px 70px;
}


.contact-inner h1{
  text-align:center;
  font-size:28px;
  margin-bottom:50px;
}


/* 入力欄 */

.contact-inner input,
.contact-inner textarea{

  width:100%;
  background:#fff;
  border:none;
  border-radius:15px;

  padding:20px 30px;

  font-size:18px;

  margin-bottom:15px;

}


.contact-inner input{
  height:70px;
}


.contact-inner textarea{

  height:270px;
  resize:none;

}


/* ボタン */

.contact-inner button{

  width:100%;

  height:80px;

  background:#5b98d0;

  color:#fff;

  border:none;

  border-radius:15px;

  font-size:20px;

  margin-top:35px;

  cursor:pointer;

}


.contact-inner button:hover{
  opacity:0.8;
}


/* プライバシー */

.privacy-text{

  text-align:center;

  margin-top:45px;

  font-size:16px;

  line-height:2;

}

/* プライバシーポリシーリンク */

.privacy-link{
  position:relative;
  color:#727171;
  text-decoration:none;
  font-weight:bold;
}

.privacy-link::after{
  content:"";
  position:absolute;

  left:1em;
  right:1em;
  bottom:-3px;

  height:1px;
  background:#727171;
}

.privacy-link:hover{
  opacity:0.7;
}


/* 414px以下だけ改行 */

.privacy-only-br{
  display:none;
}

@media(max-width:414px){

  .privacy-only-br{
    display:block;
  }

}

/* 375px以下だけ改行 */

.privacy-375-br{
  display:none;
}

@media(max-width:375px){

  .privacy-375-br{
    display:block;
  }

}


/* =====================
スマホ
===================== */

@media(max-width:768px){

.contact-form{

  margin:40px 20px;

  padding:40px 25px;

  border-radius:30px;

}


.contact-inner h1{

  font-size:22px;

  margin-bottom:30px;

}


.contact-inner input,
.contact-inner textarea{

  padding:15px 20px;

  font-size:15px;

}


.contact-inner input{

  height:55px;

}


.contact-inner textarea{

  height:180px;

}


.contact-inner button{

  height:60px;

  font-size:16px;

}


.privacy-text{

  font-size:13px;

}

}

/* フォームラベル */

.form-item label{

  display:block;

  font-size:16px;

  font-weight:bold;

  margin-bottom:8px;

}


/* 必須マーク */

.required{

  display:inline-block;

  background:#f39800;

  color:#fff;

  font-size:12px;

  padding:3px 8px;

  border-radius:20px;

  margin-left:8px;

  vertical-align:middle;

}


.gallery-inner{
	background-color: #bde4f9;
	}
	
.cta{
	margin-bottom: -30px;
	margin-top: -50px;

}