@charset "utf-8";


/*---------------------------------------
  #contact
---------------------------------------*/

.contact_intro{
	background:url(/joseikin/img/inquiry/main_img.jpg) no-repeat top;
	width:90%;
	padding: 90px 5% 0 5%;
	min-height:200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.contact_intro nav{
	display:block;
	margin:70px auto 0;
}
.contact_intro nav li,
.contact_intro nav li a{
	display:inline-block;
	color:#fff;
}


@media screen and (max-width: 960px) {

.contact_intro{
	background:url(/joseikin/img/inquiry/main_img_sp.jpg) no-repeat top;
	margin-top:50px;
	padding: 60px 5% 0 5%;
	min-height:150px;
}
.contact_intro nav{
	margin:50px auto 0;
}
}


#contact{
	background:url(/joseikin/img/line_b.gif) no-repeat top center;
	padding: 130px 0 6rem;
	overflow:hidden;
	text-align:center;
}

#contact .contact_inner{
	border-bottom:#e2e2e2 1px solid;
	margin-top:3rem;
}

#contact dl{
	border-top:#e2e2e2 1px solid;
	overflow:hidden;
}
#contact dt span{
	color:#fff;
	background:#db0000;
	width:45px;
	display:block;
	float:right;
	font-size:88%;
	padding:5px;
	text-align:center;
}
#contact dt{
	width:240px;
	padding:1.5rem 0;
	float:left;
	text-align:left;
}
#contact dd{
	padding:1.5rem 0;
	margin-left:270px;
	background:#fff;
	text-align:left;
}

.kakunin{
	padding-top:3rem;
}

#privacypolicy {
    overflow: scroll;
    width: 90%;
    border:1px solid #e2e2e2;
    height: 250px;
    margin: 2rem auto 3rem;
    background-color: #fff;
    padding: 2rem 5% 0 5%;
    text-align:left;
}
#privacypolicy h3{
	font-size:1.2rem;
	padding-bottom:1rem;
	margin-bottom:1rem;
	text-align:left;
	border-bottom:1px solid #e2e2e2;
}
#privacypolicy h4{
	font-size:1rem;
	padding:1rem 0 0.5rem;
}
#privacypolicy p{
	margin-bottom:1rem;
}
#privacypolicy ol{
	padding-left:25px;
	padding-bottom:1rem;
}
#privacypolicy li{
	list-style-type: decimal;
}


@media screen and (max-width: 960px) {

.kakunin{
	padding-top:2rem;
	font-size:90%;
	text-align:left;
}
#privacypolicy{
	font-size:90%;
}
}
.submit {
	text-align:center;
}

.submit input{
  display       : inline-block;
  font-size:1rem;
  text-align    : center;      
  cursor        : pointer;  
  padding       : 1.5rem 10%;  
  background    : #19abe8;  
  color         : #ffffff;   
  line-height   : 1em;      
  transition    : .3s; 
  border:0; 
  margin-top:2rem;
}
.submit input:hover {
	background:#0a81bb;
}
.ajax-loader{
	display:block !important;
}
.wpcf7 .wpcf7-submit:disabled {
	background    : #e2e2e2;  
}
dd input{
	border:#e2e2e2 2px solid;
	background:#e2e2e2;
	padding:6px 1%;
	width: 97% !important;
}
dd input[type="text"]:focus{
  border: 2px solid #aaa;
  outline: 0;
}
dd input[type="checkbox"]:focus{
  background: #aaa;
}
textarea:focus {
  border: 2px solid #aaa;
  outline: none;
}
textarea{
	border:#e2e2e2 2px solid;
	background:#e2e2e2;
	padding: 6px 1%;
	width: 97% !important;
}



@media screen and (max-width: 900px) {
#contact{
	padding:130px 0 3rem 0;
}
#contact dt{
	width:90%;
	padding:15px 5% 10px 5%;
	float:none;
}
#contact dd{
	padding:10px 5% 15px 5%;
	margin-left:0;
	width:90%;
}

#privacypolicy h3{
	font-size:1rem;
}
}