@charset "UTF-8";
/* CSS Document */


	
/* ************************************************************
フォーム部分のリセット
************************************************************ */


input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* 横のみリサイズ可
textarea {
	resize: horizontal;
}

/* 縦のみリサイズ可 */
textarea {
	resize: vertical;
}

/* 縦横ともにリサイズ不可
textarea {
	resize: none;
} */


/* ************************************************************
CONTACT_FORM_BOX
************************************************************ */
.contact_form_box{
margin:0 auto;
padding: 0 10% 5% 10%;
width:100%;
}

.form{
margin:0 auto;
width:100%;
max-width:1000px;
text-align: center;
}
	
.form dt{
font-size:17px;
padding: 0 0 0 2%;
position:relative;
text-align:left;
}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
margin:2% 0 11% 0 ;
border:solid 1.5px #4e85c5;
border-radius: 50px;
padding:2% 2%;
width:100%;
font-size:15px;
letter-spacing: 0.1em;
line-height:200%;
}

.form dt>.hissu{
margin: 0 0 0 2%;
font-size: 14px;
color: #ff0000;
}

textarea{
box-sizing:border-box;
border:solid 1.5px #4e85c5;
margin:2% 0 10% 0 ;
border-radius: 30px;
padding:2%;
width: 100%;
min-height: 280px;
max-height: 440px;
font-size:15px;
letter-spacing: 0.2em;
line-height:138%;
}

textarea:focus{background:#fff;}

/*　入力内容の確認ボタン　*/
.submit_btn{width:100%;}
.sub01{width:100%;}

.submitstyle{
margin:0 auto;
padding: 1% 0;
width:50%;
font-size:20px;
letter-spacing: 0.1em;
border-radius: 50px;
text-align:center;
background:#4e85c5;
color:#fff;	
transition: 0.5s;
font-weight: 500;
}
	
.submitstyle:hover{
opacity: 0.7;
transition: 0.3s;
}

/* ******************************************* */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */

.contact_form_box{padding: 0 7% 5% 7%;}
.form{width:70%;}
.form dt{font-size:16px;}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
margin:2% 0 8% 0 ;
padding:1.5% 1.5%;
}

textarea{
margin:2% 0 8% 0 ;
padding:1.5%;
}

/*　入力内容の確認ボタン　*/
.submitstyle{
padding: 1% 0;
width:50%;
font-size:17px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */

.form{width:90%;}

.contact_form_box{margin:3% auto 0;}
.form dt>.hissu{font-size: 13px;}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
/*　入力内容の確認ボタン　*/
.submitstyle{
width:60%;
font-size:25px;}

/* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 680px) {
 /* ---------------------------------- */

.contact_form_box{padding: 0 8% 8% 8%;}
.form{width:90%;}
.form dt{font-size:14px;}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
margin:3% 0 12% 0 ;
}


textarea{
margin:2% 0 8% 0 ;
border-radius: 25px;
}

/*　入力内容の確認ボタン　*/
.submitstyle{
padding: 1% 0;
width:65%;
font-size:27px;
}

 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

.contact_form_box{
margin:5% auto 0;
padding: 0 5% 8% 5%;
}

.form{width:90%;}
.form dt{font-size:12px;}

.form input[type="text"],.form input[type="tel"],
.form input[type="url"],.form input[type="postal-code"],
.form input[type="address"],.form input[type="number"],
.form input[type="email"]{
font-size:13px;
margin:1.5% 0 9% 0 ;
}
textarea{
min-height: 200px;
max-height: 350px;
font-size:13px;
}

/*　入力内容の確認ボタン　*/
.submitstyle{
width:55%;
font-size:32px;
}
 /* ---------------------------------- */
}

/* ******************************************* */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
/*　入力内容の確認ボタン　*/
.submitstyle{
width:65%;
font-size:4px;
}
 /* ---------------------------------- */
}

/* ************************************************************
googleタグの余白をけす
************************************************************ */

iframe[name='google_conversion_frame'] { 
  height: 0 !important;
  width: 0 !important; 
  line-height: 0 !important; 
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}

/* ************************************************************
チェックボックス・ラジオボタン(予約用)
************************************************************ */

.check_btn
	{
	text-align:left;
margin:0 auto;
width:100%
	}
	
.check_btn ul
	{
	width:100%;
display:flex;
flex-flow:row nowrap;
justify-content: flex-start;
margin:2% 0 5% 0;
	}

.check_btn ul li
	{
	font-size:18px;
	width:100%;
	margin:2% 0 5% 1%;
	}
	
.radiobtn
	{
	text-align:left;
	}
	
.radiobtn ul li
	{
	font-size:1.8rem;
	margin:0 0;
	width:50%;
	}


input[type=radio], input[type=checkbox] {
  display: none;
}

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  padding: 25px 0 25px 42px;
  width:100%;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}

.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 18px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -6px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #4e85c5;
  border-bottom: 3px solid #4e85c5;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1280px) {
 /* ************** */
.check_btn ul li
	{
	font-size:16px;
	}
	
.radio, .checkbox {
  padding: 20px 0 20px 42px;
}
 /* *************** */
	}


/* ▼▼▼▼▼▼▼▼MaxWidth1024(tablet)▼▼▼▼▼▼▼▼ */
@media screen and (max-width: 1024px) {
 /* ************** */
.check_btn ul li
	{
	font-size:14px;
	}

.check_btn ul li
	{
	font-size:16px;
	width:100%;
	margin:2% 0 5% 1%;
	}
	
 /* *************** */
	}


/* ▼▼▼▼▼▼▼▼MaxWidth960(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */

.check_btn
	{
	}
	
.check_btn ul{
margin:2% auto 10%;
display:block;
	}

.check_btn ul li
	{
margin:0 auto;
padding:20px 0 0;
	width:100%;
	}
	


 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth580(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 580px) {
 /* ************** */

.check_btn
	{
	text-align:left;
	}
	
.check_btn ul
	{
	width:100%;
	}

.check_btn ul li
	{
	width:100%;
font-size:13px;

	}

	
.radio, .checkbox
	{
  margin: 0 20px 8px 0;
  padding: 18px 0 18px 42px;
  width:100%;
	}

 /* *************** */
	}