@charset "utf-8";

input,
textarea {
	padding:10px;
	border:none;
	font-size:1em;
	line-height:1.5em;
	letter-spacing:0.03em;
	background:#eee;
	}

input {
	vertical-align:top;
	width:80%;
	}

input.year {
	width:100px;
	vertical-align:baseline;
	}

.gnd input {
	width:auto;
	}

textarea {
	width:100%;
	height:250px;
	}

::-webkit-input-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder  {color:#aaa;}

.mw_wp_form .error {
	display:block;
	margin-top:10px;
	font-size:0.95em;
	line-height:1;
	color:#d00;
	}

.mw_wp_form .error_chk input,
.mw_wp_form .error_chk textarea,
.mw_wp_form .error_chk .selectbox  {
	background:#f5c0cb;
	}

.mw_wp_form .error_chk .mwform-checkbox-field,
.mw_wp_form .error_chk .mwform-radio-field {
	display:inline-block;
	padding:4px 8px 8px 5px;
	background:#f5c0cb;
	border-radius:4px;
	}


/*　　checkbox　　*/

.checkbox input,
.radio input {
	display: none;
	}

.checkbox input + .mwform-checkbox-field-text,
.radio input + .mwform-radio-field-text {
	position: relative;
	vertical-align: middle;
	}

.checkbox input + .mwform-checkbox-field-text:before {
	display:inline-block;
	content:'';
	width:24px;
	height:24px;
	margin:0 3px 0 0;
	vertical-align:sub;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23999999" d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z" /></svg>') no-repeat center;
	}

.radio input + .mwform-radio-field-text:before {
	display:inline-block;
	content:'';
	width:22px;
	height:22px;
	margin:0 3px 0 0;
	vertical-align:sub;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23555555" d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>') no-repeat center;
	}

.checkbox input:checked + .mwform-checkbox-field-text:before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%2317bcdf" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>') no-repeat center;
	}

.radio input:checked + .mwform-radio-field-text:before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%2317bcdf" d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>') no-repeat center;
	}

.selectbox {
	display:inline-block;
	overflow:hidden;
	position:relative;
	width:90px;
	text-align:center;
	color:#555;
	vertical-align:top;
	background:#eee;
	}

.selectbox select {
	width: 100%;
	height:40px;
	padding: 0 50px 0 15px;
	font-size:0.9em;
	line-height:40px;
	color: #666;
	cursor: pointer;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	}

.selectbox select::-ms-expand {
    display: none;
	}

.selectbox:before {
	content: '▼';
	position: absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	line-height:40px;
	padding:0;
	text-align:center;
	border-left:1px solid #999;
	pointer-events: none;
	}

.mw_wp_form_confirm .selectbox,
.mw_wp_form_confirm .selectbox select {
	border:none;
	text-align:left;
	width:auto;
	}

.mw_wp_form_confirm .selectbox:before,
.mw_wp_form_confirm .selectbox select:before {
	content: none;
	border-left:none;
	background:none;
	}

h1 {
	margin-bottom:50px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:1.2em;
	color:#444;
	text-align:center;
	}

h1 span {
	display:block;
	margin-bottom:10px;
	font-size:2.5em;
	font-family: 'Cormorant Garamond', serif;
	color:#89b6df;
	}

#form .frame {
	max-width:800px;
	margin:0 auto;
	}

#form .switch {
	display:none;
	padding-right:8px;
	letter-spacing:-0.4em;
	}

#form h2,
#form .h2 {
	margin:0 auto 15px;
	padding:16px;
	font-size:1.1em;
	color:#fff;
	text-align:center;
	letter-spacing:0.1em;
	background:#49c;
	}

#form .h2 {
	display:none;
	}

#form .frame .anchor {
	margin-bottom:50px;
	letter-spacing:-0.4em;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#form .frame .anchor li {
	display:inline-block;
	width:50%;
	letter-spacing:0.04em;
	text-align:center;
	vertical-align:top;
	border-left:1px solid #ccc;
	}

#form .frame .anchor li a {
	position:relative;
	display:block;
	padding:15px 10px;
	font-size:0.8em;
	color:#49c;
	line-height:1.4em;
	background:#fff;
	}

#form .frame .anchor li a:before {
	content:'》';
	position:absolute;
	top:50%;
	right:10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
  	transition: all 0.5s;
	}

#form .frame .anchor li a:hover {
	background:#eee;
	}

#form .frame .anchor li a:hover:before {
	right:5px;
	}

#form .switch .mwform-radio-field {
	display:inline-block;
	width:33.333%;
	height:100%;
	margin:0 4px 0 0;
	letter-spacing:0;
	text-align:center;
	vertical-align:top;
	}

#form .switch .mwform-radio-field:nth-child(3) {
	margin-right:-8px;
	}

#form .switch label .mwform-radio-field-text {
	display:block;
	padding:20px 15px;
	height:100%;
	font-size:0.9em;
	line-height:1.4em;
	background:#ddd;
	cursor:pointer;
	-webkit-transition: all 0.5s;
 	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
  	transition: all 0.5s;
	}

#form .switch label .mwform-radio-field-text:hover {
	color:#fff;
	background-color:#49c;
	}

#form .switch label input[type="radio"] {
	display:none;
	}

#form .switch label input[type="radio"]:checked + .mwform-radio-field-text {
	color:#fff;
	background-color:#49c;
	}

#form dl {
	border-bottom:1px solid #ddd;
	}

#form dt {
	position:relative;
	float:left;
	width:270px;
	padding:35px 20px 0 60px;
	font-size:0.85em;
	vertical-align:top;
	border-top:1px solid #ddd;
	}

#form.form03 dt.name:before,
#form.form03 .mw_wp_form_preview dt.name:before {
	content:'担当者';
	}

#form.form03 dt.kana:before,
#form.form03 .mw_wp_form_preview dt.kana:before {
	content:'担当者';
	}

#form.form01 dt.text:before,
#form.form01 .mw_wp_form_preview dt.text:before { 
	content:'お問い合わせ内容';
	}

#form.form02 dt.text:before,
#form.form02 .mw_wp_form_preview dt.text:before { 
	content:'ご要望・ご質問等';
	}

#form.form03 dt.text:before,
#form.form03 .mw_wp_form_preview dt.text:before { 
	content:'備考欄・ご質問等';
	}

#form dt:after,
#form .agree:after {
	display:inline-block;
	position:absolute;
	top:31px;
	left:0;
	padding:5px 8px;
	font-size:80%;
	line-height:1;
	color:#fff;
	}

#form .company:after,
#form .department:after,
#form .name:after,
#form .kana:after,
#form.form02 .birthday:after,
#form.form02 .age:after,
#form.form02 .gender:after,
#form .email:after,
#form .job:after,
#form .tel:after,
#form .desired:after,
#form.form03 .address:after,
#form.form01 .text:after,
#form.form03 .text:after,
#form .agree:after {
	content:'必須';
	background:#d00;
	}

#form.form01 .birthday:after,
#form.form03 .birthday:after,
#form.form01 .age:after,
#form.form03 .age:after,
#form.form01 .gender:after,
#form.form03 .gender:after,
#form .address:after,
#form .extension:after,
#form .url:after,
#form.form02 .text:after,
#form .magazine:after,
#form .line:after {
	content:'任意';
	background:#bbb;
	}

#form dd {
	margin-left:270px;
	padding:20px 0;
	font-size:0.85em;
	border-top:1px solid #ddd;
	}

#form dd.gnd,
#form dd.mag_chk {
	padding:30px 0;
	}

#form dd:after{
	display: block;
	content: "";
 	clear: both;
	}

#form dd .txt {
	margin:20px 0 10px;
	color:#666;
	}

.month:before {
	content:'月';
	margin-right:3px;
	}

.day:before {
	content:'日';
	margin-right:3px;
	}

#form .policy {
	margin-top:50px;
	padding:0;
	}

#form .policy .head {
	margin-bottom:10px;
	font-size:1em;
	line-height:1em;
	color:#555;
	}

#form .policy .scroll {
	overflow:auto;
	width:100%;
	height:240px;
	padding:20px;
	background:#fff;
	border:1px solid #bbb;
	}

#form .agree {
	position:relative;
	padding:28px 0 25px 60px;
	font-size:0.85em;
	vertical-align:top;
	border-bottom:1px solid #ddd;
	}

#form .agree .required {
	display:inline-block;
	position:absolute;
	top:30px;
	left:0;
	padding:5px 8px;
	font-size:80%;
	line-height:1;
	color:#fff;
	background:#d00;
	}

#form .btn {
	margin-top:50px;
	text-align:center;
	}

#form .btn .back {
	width:200px;
	height:50px;
	margin-right:20px;
	padding:0;
	font-size:0.95em;
	color:#fff;
	line-height:50px;
	text-align:center;
	background:#bbb;
	border:none;
	border-radius:8px;
	}

#form .btn .send {
	width:300px;
	height:60px;
	padding:0;
	font-size:0.95em;
	color:#fff;
	line-height:60px;
	text-align:center;
	background:#49c;
	border:none;
	border-radius:8px;
	}

/*　　プレビュー表示　　*/

#form .mw_wp_form_preview dt {
	padding-top:22px;
	}


#form .mw_wp_form_preview dt:after {
	top:17px;
	}

#form .mw_wp_form_preview .selectbox {
	background:none;
	}

#form .mw_wp_form_preview .selectbox:after {
	margin-right:3px;
	}

#form .mw_wp_form_preview .month:after {
	content:'月';
	}

#form .mw_wp_form_preview .day:after {
	content:'日';
	}

#form .mw_wp_form_preview  dd.mag_chk {
	padding:20px 0;
	}

#form .mw_wp_form_preview .email_chk p {
	display:none;
	}

#form .mw_wp_form_preview .policy {
	display:none;
	}

#form .mw_wp_form_preview .agree {
	padding:21px 0 21px 60px;
	}

#form .mw_wp_form_preview .agree:after {
	top:17px;
	}


/*　　サンクスページ　　*/

#thanks {
	font-size:16px;
	margin-bottom:50px;
	}

#thanks h2 {
	margin:0 0 35px;
	font-size:1.4em;
	color:#fff;
	}

#thanks p {
	margin:0 0 20px;
	font-size:1em;
	color:#444;
	line-height:2em;
	text-align:justify;
	}

#thanks p.box {
	margin:50px auto 0;
	text-align:center;
	}

#thanks a {
	display:inline-block;
	width:250px;
	font-size:1em;
	line-height:60px;
	color:#fff;
	letter-spacing:0;
	text-align:center;
	background:#49c;
	border:none;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px;
	}

#thanks a:hover {
	opacity:0.6;
	}

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

#form dt {
	float:none;
	width:100%;
	padding:35px 20px 0 60px;
	border-top:1px solid #ddd;
	}

#form dd {
	margin-left:0;
	padding:20px 0;
	border-top:none;
	}

}

@media screen and (max-width:600px){
	
input {
	width:100%;
	}

.checkbox input + .mwform-checkbox-field-text:before {
	width:20px;
	height:20px;
	}

#form .frame .anchor {
	margin-bottom:8vw;
	border-top:none;
	}

#form .frame .anchor li {
	display:block;
	width:100%;
	border-top:1px solid #ccc;
	}

#form dt {
	padding:4vw 0 0 45px;
	}

#form dt span {
	top:3vw;
	}

#form dd {
	padding:3vw 0;
	}

#form dd.mag_chk {
	padding:4vw 0;
	}

#form .agree {
	padding:4vw 0 4vw 45px;
	}

#form .agree .required {
	top:4vw;
	}

#form .btn {
	margin-top:6vw;
	}

}