@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700);


/*** 基本指定 ***/
.wrap {width:1510px; max-width:92%; margin:0 auto;}
* {letter-spacing:.05em;}
body,select,textarea,input,div {font-family:'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;  font-size:15px; font-weight:400; line-height:1.7em; letter-spacing:0.1em; color: #323232;}
@media (max-width:767px) {.flex {flex-wrap: wrap;}}




/*** header ***/
header {}
header h1 {padding-bottom:40px; text-align: center;}
header h1 img {width: 300px; max-width: 60%;}

@media (max-width:767px) {
	header h1 {padding-bottom:15px;}
}


/*** フレーム ***/
.form_frame {width: 1000px; max-width: 90%; margin: auto; padding: 80px 0;}





/*** フォーム：タイトル ***/
.form_title {padding-bottom: 15px;}
.form_title h2 {font-size: 1.5em; padding-bottom: .6em; margin-bottom:1em; border-bottom:1px solid #ccc; line-height: 1.4em; text-align: center;}
.form_title p {line-height: 2em; padding-bottom: 1em;}
.form_title p a {color:#28a7e1; text-decoration: underline;}




/*** フォーム：本体 ***/
.form_wrap { padding-bottom: 130px;}
.form_box {border-bottom: 1px solid #ddd;}
.form_box .form_box_title {padding:1em 0 .5em 0; font-size:22px; font-weight:500;}
.form_box .form_box_title p {font-size: 13px; font-weight: 500; line-height: 1.8em; padding-top: .2em;}
.form_box .form_box_input {padding:0 0 25px 0;}
.form_box .form_box_input input {width: 100%; padding:10px 15px; border: 1px solid #bbb; border-radius: .3em; transition: .3s;}
.form_box .form_box_input input:focus {background: #DFF1FF; border:1px solid #999;}
.form_box .form_box_input input + input {margin:10px 0 0 0; }

.form_box .form_box_input + .form_box_title {padding-top: .5em;}
.form_box .form_box_input + .form_box_title + .form_box_input {padding-top: .5em;}

.input_flex > div > p {padding-bottom: 3px;}

.input_flex3 {flex-wrap: wrap;}
.input_flex3 > div {width: 33.33%; padding:7px 15px 7px 0;}

.input_flex2 {flex-wrap: wrap;}
.input_flex2 > div {width: 50%; padding:7px 15px 7px 0;}



.hissu {color: #C03639;}
.chui {font-size: .85em;}
.chui a {color: #1A6EF0; text-decoration: underline;}

.form_box_input.miles label{align-items: center; padding: .5em .5em .5em 0;}
.form_box_input.miles input{width:20px; display: inline-block; margin-left: -.15em; margin-right: .3em}
.form_box .form_box_input input.other{margin: 0;width: 80%;margin-left: 1em;}

.kiyaku_doui {margin-top:25px;}
.kiyaku_doui label {cursor: pointer; display: block; padding: 15px 20px; background:#f7f8f9; border-radius: .2em;}
.kiyaku_doui label:hover {background:#f0f2f4;}


.form_kakunin {padding-top: 20px; border-bottom: 0;}
.form_kakunin .kiyaku_doui { margin-top:5px;}
.form_kakunin .kiyaku_doui input {width: auto;}
.form_kakunin  a {color: #1A6EF0; text-decoration: underline;}


.form_btn {padding: 25px 0 0 0;}
.form_btn button,
.form_btn input {display: block; background:#307dcf; color: #FFFFFF; font-size: 16px; padding:1.1em 1em; border: 0; border-radius:7px; width: 100%; cursor: pointer; letter-spacing: .15em;}
.form_btn button:hover,
.form_btn input:hover {background:#1b7be2;}

.form_image {position:fixed; left: 0; top: 0; height: 100%; width: 25%;}
.form_image > img {width: 100%; height: 100%; object-fit: cover;}
.form_image > span {position: absolute; left: 0; top: 0; display: block; pointer-events:none; height: 100%; width:80px;}
.form_image > span img {height: 100%; width: auto;}

.form_name_box {display: flex; align-items: center;}
.form_st {padding:.5em .7em .5em 0; font-size: .9em;}

.form_name_box + .form_name_box  {margin-top: .6em;}






@media (max-width:1070px) {
	.form_title h2 {font-size:1.8em;}
	.form_image {width:17%;}
}
@media (max-width:1024px) {
	.form_image {width:5%; background: #8fb1dc;}
	.form_image > img {display: none;}
}
@media (max-width:767px) {
	.form_frame {padding:30px 0;}
	.form_title {padding-bottom:0;}
	.form_title h2 {font-size:1.2em;}
	.form_title p {line-height:1.7em; padding-bottom:.6em; font-size:.9em;}
	.form_box {flex-wrap: wrap;}
	.form_box .form_box_title {width:100%; padding:1em 0 .4em 0; font-size:18px;}
	.form_box .form_box_input {width:100%; padding:0 0 1em 0;}
	.form_box .form_box_input + .form_box_title + .form_box_input {padding-top:0;}
	
	.form_box .form_box_input input.other{margin-top:.5em; width: 100%;margin-left:0;}
	
	.input_flex2 > div,
	.input_flex3 > div {width:100%; padding:7px 0 7px 0;}
	
}


/*** footer ***/
footer .copy {font-size: 13px; color: #535353; font-weight: 300; text-align: center;}





/*** プレースホルダの色 ***/
input::placeholder {color: #999999; font-weight: 300;}
input:-ms-input-placeholder {color: #999999; font-weight: 300;}
input::-ms-input-placeholder {color: #999999; font-weight: 300;}




/*** input type=number　設定 ***/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}