@charset "utf-8";
  
/*---------------------------------------
  タイトル部分
---------------------------------------*/

.title_img{
  background-image: url(../inquiry/img/main_img.jpg);
}
.title_img h2 img{
	width:250px;
}
@media screen and (max-width: 900px) {
.title_img h2 img{
	width:220px;
}
}
@media screen and (max-width: 1300px) {
.title_img{
  background-size: auto 120%;
	background-position: +300px;
}
}
@media screen and (max-width: 1100px) {
.title_img{
	background-position: +200px;
}
}

@media screen and (max-width: 900px) {
.title_img{
	background-position: +100px;
}
}

@media screen and (max-width: 600px) {
.title_img h2 img{
	width:150px;
}
.title_img{
  background-image: url(../inquiry/img/main_img_sp.jpg);
  background-size:cover;
  background-position:top right;
}
}
#contents .h2_txt_bg{
	width:50%;
}

/*---------------------------------------
  お問い合わせ
---------------------------------------*/
.inquiry{
}

.inquiry .txt{
	text-align:center;
	padding:3rem 0 6rem;
}
.inquiry dl{
	overflow:hidden;
}
.inquiry dt{
	width: 200px;
	padding:30px 10px;
	float:
	left;
	text-align: right;
	color:#24741d;
}
.inquiry p span,
.inquiry p a{
	color:#24741d;
}

.inquiry dd{
	margin-left: 220px;
	padding:20px;
}

.doui{
	text-align:
	center;
	color:#24741d;
	padding: 6rem 0;
	border-bottom:2px solid #24741d;
}

.submit {
	text-align:center;
}
.submit p{
	text-align:center;
	padding-bottom:1rem;
}
.submit .doui{
	font-weight:bold;
}

input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 0 5px 30px;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #fff;
    border: 1px solid #999;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox01::after {
    border-right: 3px solid #4b7f50;
    border-bottom: 3px solid #4b7f50;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}


.inquiry dd input{
	font-size: 18px;
	background:#fff;
	border: #e5e5e5 2px solid;
	width: 97% !important;
	padding: 1.3rem 2.5%;
}


.inquiry textarea{
	font-size: 18px;
	border: #e5e5e5 2px solid;
	background:#fff;
	width: 97% !important;
	min-height:100px;
	padding: 1.3rem 2.5%;
}
.btn_g,.btn_gray{
cursor: pointer;
	font-size:16px;
}
input[type="text"]:focus {
  outline: none;
  border: 2px solid green;
}
.inquiry textarea:focus{
  outline: none;
  border: 2px solid green;
}



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

.inquiry dt{
	width: 90%;
	padding:20px 5%;
	text-align: center;
}
.inquiry dd{
	margin-left: 0;
	padding:20px 5%;
	width:90%;	
}
.inquiry .txt{
	text-align:center;
	padding:2rem 0 4rem;
}
.doui{
	padding: 2rem 0;
}
}


/*---------------------------------------
  お問い合わせ確認画面
---------------------------------------*/
.inquiry_pop{
}

.inquiry_pop #formWrap p{
	padding-bottom:3rem;
}
.inquiry_pop dl{
	overflow:hidden;
}
.inquiry_pop dt{
	width: 200px;
	padding:20px 10px;
	float:left;
	text-align: right;
	color:#24741d;
}


.inquiry_pop dd{
	margin-left: 220px;
	padding:20px;
}

.inquiry_pop .left{
	float:right;
	width:50%;
}
.inquiry_pop .right{
	float:left;
	width:50%;
}

.error_messe{
	color:red;
}
@media screen and (max-width: 600px) {
.btn_gray,.btn_g{
	width:80%;
}
.inquiry_pop #formWrap p{
	text-align:left;
	padding: 0 5% 2rem 5%;
}
.inquiry_pop dt{
	width: 90%;
	padding:20px 5%;
	text-align:left;
}
.inquiry_pop dd{
	margin-left: 0;
	padding:20px 5%;
	width:90%;	
}
}

/*---------------------------------------
  サンクスページ
---------------------------------------*/
.thanks h3{
	margin:0 0 2rem;
	padding-top:2rem;
}
.thanks p{
	margin:1rem 0;
}


/*---------------------------------------
  個人情報保護方針
---------------------------------------*/
.privacypolicy{
}

.privacypolicy p{
	padding-top:3rem;
}
.privacypolicy dl{
	padding-top:3rem;
}
.privacypolicy dd{
	padding-top:0.5rem;
}