@charset "utf-8";

/* お問い合わせ */



/* ************************************************ 
*   詳細ページ
* ************************************************ */
.page-subtitle {
	display: inline;
	font-size: 24px;
	font-weight: 500;
	background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(204,238,248) 70%);
}
.page-midashi1 {
	position: relative;
	font-size: 18px;
	margin: 30px 0 30px 0;
	padding: 10px 0 10px 25px;
	background-color:#efefef; 
}
.page-midashi1::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:#aaaaaa;
}
.page-midashi2 {
	display: block;
	font-size: 16px;
	margin: 30px 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 3px solid #aaaaaa;
}


.ani_form_btn{
	margin:2em 0 0 0;
}

.ani_form_btn p{
	font-size:18px;
}

.ani_form_btn p a{
	display: block;
	padding-top:2em;
	padding-bottom:2em;
	position: relative;
		border-top:1px solid #999;
	border-bottom:1px solid #999;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

.ani_form_btn p a:hover,
.ani_form_btn p a:hover::before{
	opacity:.6;
}

.ani_form_btn p a::before{
	position: absolute;
	content:"";
	width:15px;
	height:26px;
	top:2em;
	right:1em;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	transition: .5s all;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}


.cont_ttl02 h4{
	color: #FF667E;
}

 .cont_ttl02 h4::before{
   background-color:#FF667E;
}

.cont_ttl02 h4{
	padding:17px 0 15px 30px;
	background: #efefef;
	position: relative;
}

.cont_ttl02 h4::before{
   content:"";
   display:block;
   width:15px;
   height:3px;
   position:absolute;
   top:50%;
   left:0px;
}

.cont_ttl03 h4{
	padding:0 0 .5em 0;
	position: relative;
	border-bottom:1px solid #efefef;
}

.cont_ttl02 h5{
	font-size:16px;
}

.cont_ttl02 h5{
	margin-top:1em;
}
.contact_info dl{
	border:1px solid #efefef;
		margin-bottom:0;
}

.contact_info dl dt{
	padding:10px;
	border-bottom:1px solid #efefef;
	background:#efefef;
}

.contact_info dl dd{
	padding:10px;
}


/* 2020/09/08 ***************************/*

.cont_box02,.cont_box03{
	margin:0 0 2em 0;
}

.cont_box03 a{
	margin-left:1em;
	color:#1462be;
	position: relative;
}

.cont_box03 a::before{
	position: absolute;
	content:"";
	width:7px;
	height:100%;
	left:-1em;
	top:2px;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	
}

.cont_box02 span{
	color:#D04255;
}

.cont_box02 span a{
	font-weight: bold;
	color:#D04255;
	border-bottom:1px solid #D04255;
}

.cont_box02 span a:hover{
	border-bottom:none;
}

.contact_btn{
	padding:2em 0;
	text-align: center;
}

.contact_btn a{
	font-size:18px;
	border:2px solid #1462be;
	border-radius: 2em;
	padding:1em 4em;
	position: relative;
}

.contact_btn a::after{
	content: "";
	position: absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
	background:url("../images/sub6-icon.svg") no-repeat;
	width:10px;
	height:10px;
}

.contact_btn a:hover{
	color:#1462be;
	background:#efefef;
}





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


.anincuiry_box dl{
	display: flex;
	align-items: center;
	margin:0;
	border-bottom:1px dashed #efefef;
}

.anincuiry_box dl:first-child{
	border-top:1px dashed #efefef;
}

.anincuiry_box dl dt{
	width:40%;
	padding:0 0 0 2em;
}

.anincuiry_box dl dt label{
	 display: flex;
	align-items: center;
}

.anincuiry_box dl dt span{
	margin-left:.5em;
	color:#fff;
	background:#D04255;
	font-size:65%;
	border-radius: 3px;
	font-weight: normal;
	padding: 0 3px;
}

.anincuiry_box dl dd{
	padding:1.5em 0;
	width:100%;
	margin:0;
}

.anincuiry_box dl dd textarea{
	width:96%;
	padding:10px 2%;
	margin-top:0px;
}


.btn_box{
	display: flex;
	justify-content: center;
}

.confi_btn {
	margin-left:1em;
}

.submit_btn {
	margin-top:2em;
}

.confi_btn button,
.reset_btn button,
.submit_btn button{
	font-size:18px;
	background:#b3ded7;
	color:#000;
	border:#2e8b57 1px solid;
	padding:1em 2em;
	transition: .5s;
}

.confi_btn button:hover,
.reset_btn button:hover,
.submit_btn button:hover{
	background:#fff;
	color:#1462be;
}




/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.button a::after {
  border-top: 3px solid #00a8da;
  border-right: 3px solid #00a8da;
}
.button a:hover::after {
  border-top: 3px solid #00a8da;
  border-right: 3px solid #00a8da;
}
.page-subtitle { font-size: 21px; }
}


/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.button a::after {
  border-top: 3px solid #00a8da;
  border-right: 3px solid #00a8da;
}
.button a:hover::after {
  border-top: 3px solid #00a8da;
  border-right: 3px solid #00a8da;
}


.anincuiry_box dl{
	display: block;
	align-items: left;
	margin:0;
	border-bottom:1px dashed #efefef;
}
.anincuiry_box dl dt{
	width:100%;
	padding:0 0 0 0;
	display: block;
}

.anincuiry_box dl dd{
	padding:0.5em 0 1em;
	width:100%;
	margin:0;
	display: block;
}


}