@charset "utf-8";
/* inquiry.css */

/***********************************************************************************************************************************************/

/* # =================================================================
   #
   # お問い合わせ Contact
   #
   # ================================================================= */

.inquiry_contents {
	padding:5.0rem 0;
}


.contact_form {
	text-align:left;
	margin:3.0rem auto 3.0rem auto;
	padding:0 0 5.0rem 0;
	width:90%;
}


.contact_form p a {
}


.contact_form p br.sp_view {
	display:none;
}

.contact_form .red {
	color:#F00;
}

.contact_form dl {
	margin:0 0 0.5rem 0;
	padding:0.25rem;
}

.contact_form dl dt {
	font-weight:500;
	padding:0.25rem 0;
}

.contact_form dl dd {
	padding:0.25rem 0;
}

.contact_form form {
	background-color:#F0F0F0;
	margin:0 0 0 0;
	padding:3.0rem 1.0rem;
}

.contact_form .btn {
	padding:1.0rem;
	text-align:center;
}

.contact_form p {
	font-size:1.0rem;
	margin:0 0 0 0;
	padding:0;
}

.contact_form span {
	color:#09C;
}


.contact_form dl dd ul {
	margin:0 0 0 1.5rem;
}
.contact_form dl dd ul li {
	line-height:2.0;
}

.contact_form .common_btn a {
    font-size: 1.6rem;
    min-width: 5.0rem;
	color:#FFF!important;
    text-decoration: none;
    display: block;
    padding: 0.25rem;
	border:2px solid #19A3D1;
	background-color:#19A3D1;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.contact_form .common_btn a:hover {
    border: 2px solid #19A3D1;
    color: #19A3D1!important;
}



.contact_form p a {
	display:inline-block;
	padding-bottom: 1px;
	position: relative;
	color: #0099CC;
	font-weight:bold;
}

.contact_form p a:after {
	background: #0099CC;
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 1px;
	margin: auto;
	transform-origin: right top;
	transform: scale(1, 1);
	transition: transform .25s ease-out;
}

.contact_form p a:before {
	background: #F69;
	content:"";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 1px;
	margin: auto;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .25s ease-out;
}


.contact_form p a:hover {
	color:#F69;
}

.contact_form p a:hover:before {
	transform-origin: left top;
	transform: scale(1,1);
}

.contact_form p a:hover:after {
	display:none;
}



/***********************************
  ボタン ２つ配置
***********************************/
.contact_form .btn ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.contact_form .btn ul li {
	padding:1.0rem;
}


.contact_form .btn ul li a {
	display:inline-block;
	min-width:30.0rem;
}

.contact_form .btn ul li input[type="submit"] {
	display:inline-block;
	min-width:30.0rem;
}




/******************************************************************

	レスポンシブ 

******************************************************************/

/* 調整用（1392px以下） */
@media all and (max-width: 1392px) {


}

/* 調整用（1064px以下） */
@media all and (max-width: 1064px) {
.contact_form {
	width:95%;
}



}

/* タブレットサイズ（860px以下） */
@media all and (max-width: 860px) {
	
.inquiry_contents {
    padding: 1.0rem 0 5.0rem 0;
}
	
.contact_form {
	text-align:left;
	margin:4.0rem auto 1.0rem auto;
	padding:1.0rem 0 1.0rem 0;
	width:98%;
	font-size:1.0rem;
}
.contact_form form {
	/*border:3px solid #666;*/
	background-color:#F0F0F0;
	margin:0 0 0 0;
	padding:0.5rem;
}

.contact_form dl {
	margin:0 0 1.0rem 0;
	padding:0.5rem;
}

.contact_form h4 p {
	font-size:2.4rem;
}

.contact_form h4 p:nth-of-type(2) {
	text-align:left;
	font-size:1.0rem;
}

}



/* スマホサイズ（600px以下） */
@media all and (max-width: 600px) {

}