@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　contact
 */

/*--------------------------------------------------------------------------
   PC/SP
---------------------------------------------------------------------------*/
.sp{
	display: none;	
}
@media screen and (max-width: 1040px) {
  #Page {
    min-width: 320px;	
  }
  #Page img{
    width: 100%;
    height: auto;
  }
  .pc{
    display: none;	
  }
  .sp{
    display: block;	
  }
  img.sp,
  br.sp{
    display: inline;
  }

}




/* fonts */
.en{
  font-family:"Bahnschrift", sans-serif;  
}



#Page {
	width: 100%;
	overflow: hidden;
    /*
	border:10px solid #0068B6;
    */
}
.inner {
	max-width: 1230px;
	padding: 0 15px;
	margin: 0 auto;
}
/* @SP */
@media all and (max-width: 1040px) {
	#Page {
		min-width: 320px;
        /*
		border:5px solid #0068B6;
        */
	}
	.inner{
		max-width: none;
	}
}



#Header{
	padding: 40px 50px 20px 50px;
}
/* @SP */
@media all and (max-width: 1040px) {
	#Header{
		padding: 15px 20px;	
	}
	#Header .logo{
		text-align: center; 
	}
	#Header .logo img{
    	width: auto;
    	height: 20px;  
	}
}



.intro{
	padding: 45px 0 30px;	
	font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic,"メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;
}
.intro h2{
	margin-bottom: 100px;
	line-height: 1;
}
.intro h2 .ja{
	font-size: 2.7rem;
	font-weight: bold;
}
.intro h2 .ja small{
	display:inline-block;
	transform: translateY(-5px);
	padding-left: 10px;
	font-size: 2.0rem;
	font-weight: bold;
}
.intro h2 .en{
	display:inline-block;
	transform: translateY(-10px);
	padding-left: 20px;
	font-size: 1.2rem;
	color: #C9CACA;
}
.intro .txt{
	margin-bottom: 25px;
	font-size: 1.2rem;	
}
.intro .notes{
	padding: 25px 45px;
	border:1px solid #DCDDDD;	
}
.intro .notes h3{
	margin-bottom: 20px;
	font-size: 1rem;	
}
.intro .notes ul li{
	font-size: 0.9rem;
	line-height: 1.5;
	padding-left: 1em;	
/*
	text-indent: -1em;
*/
}
.intro .notes ul li:nth-child(n+2){
	margin-top: 5px;
}
.intro .notes ul li span{
	padding-right: 0.5em;
	font-size: 10px;
	color: #0068B7;	
}
.intro .notes a{
  padding: 0 3px;
  color: #0068B7;
  text-decoration: underline;  
}
.intro .notes a:hover{
  text-decoration: none; 
}
/* @SP */
@media all and (max-width: 1040px) {
	.intro{
    	padding: 20px 0 15px;	
	}
	.intro h2{
    	margin-bottom: 25px;
    	text-align: center;
	}
	.intro h2 .ja{
    	font-size: 2.8rem;
	}
	.intro h2 .ja small{
    	transform: translateY(-2px);
    	padding-left: 5px;
    	font-size: 1.6rem;
	}
	.intro h2 .en{
    	display: block;
    	margin-top: 15px;
    	transform: none;
    	padding-left: 0;
    	font-size: 1.2rem;
	}
	.intro .txt{
		margin-bottom: 15px;
    	font-size: 0.8rem;	
	}
	.intro .notes{
    	padding: 15px 15px 20px;	
	}
	.intro .notes h3{
    	margin-bottom: 10px;
    	font-size: 1.0rem;	
	}
	.intro .notes ul li{
    	font-size: 0.8rem;
	}
	.intro .notes ul li:nth-child(n+2){
    	margin-top: 5px;
	}
	.intro .notes a{
    	padding: 0 2px;
	}
}



.contact_container {
	font-family:"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic,"メイリオ",Meiryo ,"ＭＳ Ｐゴシック" ,"MS P Gothic" ,sans-serif;

}
.contact_container .req{
	display: inline-block;
	background: #0068B7;
	margin-left: 15px;
	padding: 3px 10px 4px;
	color: #FFF;
	font-size: 0.8rem;
	font-weight: 500;
}
.contact_container .privacy{
  margin-bottom: 75px;
  padding: 0 25px;  
}
.contact_container .privacy h3{
  margin-bottom: 18px;
  font-size: 1.5rem;
  line-height:1.5;
}
.contact_container .privacy-policy{
  height: 250px;
  overflow: auto;
  border: 2px solid #13294C;
}
.contact_container .privacy-policy-cont{
  padding: 25px 40px;
  font-size: 1rem;  
}
.contact_container .privacy-policy-cont p{
   margin-bottom: 30px; 
}
.contact_container .privacy-policy-cont dl:nth-of-type(n+2){
  margin-top: 25px;  
}
.contact_container .privacy-policy-cont .note{
  padding: 10px 0;
  font-size: 1rem;  
}
.contact_container .privacy-policy-cont .contact-info{
  margin-top: 20px;  
}
.btn-submit{
  text-align: center;  
	margin-bottom: 5rem;
}
.contact_container .btn-area{
  display: flex;
  justify-content: center;
}
.contact_container .btn-area p{
  width: calc(50% - 70px);
  margin: 0 35px;  
}
.contact_container .btn-back a{
  display: block;
  max-width: 535px;
  width: 100%;
  height: 100px;
  line-height:96px;
  margin: 0 auto;
  background:url(/form/_templates/_common/image/arw_w.svg) no-repeat right 20px top 38px #8E8E8E;
  background-size: 70px auto;
  color: #FFF;
  font-size: 2.4rem;
  text-align:center;
  transition: .3s; 
}
.contact_container .btn-back a:hover{
  opacity: .7;    
}
.contact_container._complete .btn-back a{
  background:url(/form/_templates/_common/image/arw_w.svg) no-repeat right 20px top 38px #0068B7;
  background-size: 70px auto;  
}
.contact_container._complete h2 {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.7rem;
}
.contact_container._complete h2::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: block;
    content: "";
    width: 300px;
    height: 3px;
    background: #0068B7;
}
.contact_container._complete h2+.txt {
    max-width: 800px;
    margin: 0 auto 90px;
    font-size: 1.0rem;
}
/* @SP */
@media all and (max-width: 1040px) {
	.contact_container h2 {
		font-size: 1.4rem;
	}
  .contact_container .privacy{
    margin-bottom: 30px;
    padding: 0;  
  }
  .contact_container .privacy h3{
    margin-bottom: 15px;
    font-size: 1.2rem;
    text-align:center;
  }
  .contact_container .privacy-policy{
    height: 220px;
  }
  .contact_container .privacy-policy-cont{
    padding: 15px;
    font-size: 0.8rem;  
  }
  .contact_container .privacy-policy-cont p{
     margin-bottom: 15px; 
  }
  .contact_container .privacy-policy-cont dl:nth-of-type(n+2){
    margin-top: 15px;  
  }
  .contact_container .privacy-policy-cont .note{
    padding: 5px 0;
    font-size: 0.8rem;  
  }
  .contact_container .privacy-policy-cont .contact-info{
    margin-top: 10px;  
  }
  .btn-submit{
    text-align: center;
	margin-bottom: 3rem;
  }
  .contact_container .btn-area{
    flex-wrap:wrap;
    flex-direction: column-reverse;
    max-width: 400px;
    margin: 0 auto;     
  }
  .contact_container .btn-area p{
    max-width: 400px;
    width: 90%;
    margin: 0 auto;
  }
  .contact_container .btn-area p button{
    width: 100%;  
  }
  .contact_container .btn-area p+p{
    margin-bottom: 30px;
    width: 100%;  
  }
  .contact_container .btn-back a{
    height: 60px;
    line-height:58px;
    background:url(/form/_templates/_common/image/arw_w.svg) no-repeat right 10px top 25px #8E8E8E;
    background-size: 35px auto;
    font-size: 1.6rem;
  }
  .contact_container._complete .btn-back a{
    background:url(/form/_templates/_common/image/arw_w.svg) no-repeat right 10px top 25px #0068B7;
    background-size: 35px auto;  
  }
  .contact_container._complete h2 {
    margin-bottom: 30px;
    font-size: 1.3rem;
  }
  .contact_container._complete h2+.txt {
    margin: 0 auto 70px;
    font-size: 0.9rem;
    text-align: center;
  }
}



button{
	cursor:pointer;
	transition:.3s;
}

button:hover{
	opacity:.7;	
}
.btn-submit button{
  display: block;
  max-width: 535px;
  width: 100%;
  height: 100px;
  margin: 0 auto;
  background:url(/form/_templates/_common/image/arw_w.svg) no-repeat right 20px top 38px #0068B7;
  background-size: 70px auto;
  color: #FFF;
  font-size: 1.3rem; 
}
.btn-submit button small{
  display: block;
  font-size: 0.9rem;  
}
.contact_container .btn-back a:hover {
    opacity: .7;
}
.contact_container .btn-back a {
    display: block;
    max-width: 535px;
    width: 100%;
    height: 100px;
    line-height: 96px;
    margin: 0 auto;
    background: url(../image/arw_w.svg) no-repeat right 20px top 38px #8E8E8E;
    background-size: 70px auto;
    color: #FFF;
    font-size: 1.3rem;
    text-align: center;
    transition: .3s;
}
/* @SP */

@media all and (max-width: 1040px) {
  .btn-submit button{
    max-width: 400px;
    width: 90%;
    margin: 0 auto;
    height: 60px;
    background:url(/form/_templates/_common/image/arw_w.svg) no-repeat right 10px top 25px #0068B7;
    background-size: 35px auto;
    font-size: 1.0rem; 
  }
  .btn-submit button small{
    font-size: 0.8rem;  
  }
.contact_container .btn-back a {
    height: 60px;
    line-height: 58px;
    background: url(../image/arw_w.svg) no-repeat right 10px top 25px #8E8E8E;
    background-size: 35px auto;
    font-size: 1.0rem;
}
}



#Footer ul,
#Footer ol,
#Footer li,
#Footer dl,
#Footer dt,
#Footer dd{
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
#Footer{
  padding: 45px 0 20px;
	background: #0068B6;
  color: #FFF;
}
#Footer .pagetop{
  position: fixed;
  right: 30px;
  bottom: 30px;  
}

#Footer .logo{
  max-width: 378px;
  margin: 0 auto 40px;  
}
#Footer .logo ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;  
}
#Footer .logo ul li:nth-child(n+2){
  margin: 17px 15px;  
}

#Footer .copyright{
  font-size: 0.9rem;
  text-align: center;
}
/* @SP */
@media all and (max-width: 1040px) {
#Footer{
  padding: 0 0 15px;
}
#Footer .pagetop{
  position: static;
  transform: translateY(-1px);
  margin: 0 0 30px;
  padding: 10px 0;
  background: #FFF;
  text-align:center;
}
#Footer .pagetop img{
  width: 40px;  
}
#Footer .logo{
  margin: 0 auto 15px;  
}
#Footer .logo ul li:nth-child(n+2){
  margin: 12px 8px;  
}
#Footer .logo ul li:nth-child(1) img{
  width: 240px;  
}
#Footer .logo ul li:nth-child(2) img{
  width: 110px;
}
#Footer .logo ul li:nth-child(3) img{
  width: 66px;
}

#Footer .copyright{
  font-size: 0.7rem;
  letter-spacing: 1px;
}
}