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


/* ************************************************************
フォーム部分のリセット
************************************************************ */
input, button, textarea, select {
	margin: 0;
	padding: 0;
	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:60%;
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 #ea5413;
border-radius: 50px;
padding:2% 2%;
width:100%;
font-size:0.9vw;
letter-spacing: 0.1em;
line-height:200%;
}

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

.check_btn {
    text-align: left;
}
.check_btn ul {
    margin: 2% 0 11% 0;
    width: 100%;
    font-size: 0.9vw;
	line-height: 200%;
    letter-spacing: 0.1em;
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap:0 2vw;
	align-items: center;
}

.check_btn ul li {
    width: calc((100% - 2vw) / 2);
}

input[type=radio], input[type=checkbox] {
    display: none;
}
.checkbox {
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
	inset: auto;
    display: inline-block;
    padding: 4% 4% 4% 40px;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    vertical-align: middle;
    cursor: pointer;
    border:solid 1.5px #ea5413;
	border-radius: 50px;
}

.checkbox:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 54%;
    left: 21px;
    display: block;
    margin-top: -7px;
    width: 5px;
    height: 9px;
    border-right: 3px solid #ea5413;
    border-bottom: 3px solid #ea5413;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type=checkbox]:checked + .checkbox:before {
    opacity: 1;
}


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

.radio:hover, .checkbox:hover {
    background-color: #ffecec;
}


textarea{
box-sizing:border-box;
border:solid 1.5px #ea5413;
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:1.5vw;
letter-spacing: 0.1em;
border-radius: 50px;
text-align:center;
background:#ea5413;
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:1.7vw;
}

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

/* ******************************************* */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
.contact_form_box{margin:3% auto 0;}
.form dt>.hissu{font-size: 1.3vw;}
.checkbox {padding: 3% 3% 3% 40px;}
 /* ---------------------------------- */
}

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

.form dt>.hissu{font-size: 1.7vw;}
/* ---------------------------------- */
}

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

.contact_form_box{padding: 0 8% 8% 8%;}
.form{width:85%;}
.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 ;
}

.form dt>.hissu{font-size: 1.9vw;}
.checkbox {
	padding: 7% 5% 8% 40px;
	font-size: 13px;
}
textarea{
margin:2% 0 8% 0 ;
border-radius: 25px;
}

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

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

/* ******************************************* */
@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 ;
}
.form dt>.hissu{font-size: 2.1vw;}
textarea{
min-height: 200px;
max-height: 350px;
font-size:13px;
}

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

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

/* ************************************************************
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;
}