@charset "UTF-8";
body {
/*min-width:960px;*/
	width:100%;
	margin:0;
	padding:0;
	text-aling:center;
	font-size:16px;
    background-color: #fff;
    color: #333;
   font-family:"Noto Sans JP","Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
}

* {	box-sizing:border-box;
    font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}

a{
	color:#333333;
}

a svg,
a .ov_img {
	opacity:1;
}
a:hover svg,
a:hover .ov_img {
	opacity:0.8;
}
a[href^="http"] img {
	opacity:1;
}
a[href^="http"]:hover img {
	opacity:0.8;
}
.tbl_div {
	display:table;
	width:100%;
}
.tbl_div_c {
	display:table-cell;
	vertical-align:top;
}
img {
	width:100%;
/*	max-width:100%;*/
	height:auto;
}



.pc{
	display:block;
}
.pc_in{
	display: inline;
}
.sp,
.sp_in{
	display:none;
	margin:0;
	padding:0;
}



@media screen and (max-width: 750px) {/*適宜SPサイズ指定*/
body {
/*	font-size:32px;*/
	font-size:4.2vw;
}
.sp{
	display:block;
}
.sp_in{
	display: inline;
}
.pc,
.pc_in {
	display:none;
	margin:0;
	padding:0;
}
}

div#wrapper {
	padding: 0;
}
header ,
div#container {
	width: 100%;
	max-width: 960px;
	text-align: left;
	margin: 0 auto;
}
div#container {
	padding:2em 0 1.5em;
}



header {}
header h1{
	text-align:center;
	padding-bottom:1em;
	padding-top:0;
}
header h1 img{
	max-width:450px;
	width:100%;
	height:auto;
}
header div {
	background-color:#fafafa;
	text-align:center;
	padding:1ex;
}
header div dl{
	margin:2em auto;
}
header dt{
	color:#ff81a1;
	font-weight: bold;
	font-weight: 700;
	font-size:1.5em;
	padding-bottom:1ex;
	line-height:1.2;
}
header dd{
	color:#7e7f84;
	line-height:1.5;
}
/*
#wraper{
	position:relative;
	padding-bottom:3em;
}
#wraper .container{
	margin:0 auto;
	max-width:960px;
}
*/
#wrapper footer{
}
#wrapper .footer{
	width:99.8vw; 
	background-color:#808080; 
	color:#fff; 
	padding:1em 0 1.5em;
	text-align:center;	
	margin:1em auto 0;
}
#container .mfp_thanks{
	text-align:center;
	line-height:2;
	padding:2em 0 4em;
}

@media screen and (max-width: 960px) {
div#container {
	padding:1em 1em 1.5em;
}
}
@media screen and (max-width: 750px) {
/*
header {
	margin-left:-15px;
	margin-right:-15px;}
*/
header h1{
	padding-bottom:0;
	padding-top:1em;
}
header h1 img{
	max-width:100vw;
}
header div dl{
	margin:1em auto;
}
#wrapper .footer{
	font-size:1rem;
}
#container .mfp_thanks{
	text-align: left;
	line-height:2;
	padding:1em 0 2em;
}


}
.footer {

}

/*mailformpro.css 打消し*/
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password {
/*	border: solid 1px #CCC;*/
	border-radius: 0;
	box-shadow: none;
	padding: 7px 2%;
	margin: 0 0 0.1em;
/*	vertical-align: middle;*/
}
select.mfp_element_all ,
textarea.mfp_element_all {
	max-width: 100%;
}
.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button,
button.mfp_next,
button.mfp_prev {
/*	border-radius: 5px;
	padding: 5px 10px;
	border: solid 1px #CCC;
	background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -moz-linear-gradient(top, #EEE, #CCC);
	background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
	text-shadow: 0px 2px 0px #FFF;
	font-size: 18px;*/
	cursor: pointer;
	outline: none;
	border-radius:0.8em;
	padding:1em;
	border: none;
	background:#ff809f;
	box-shadow: none;
	text-shadow: none;
	font-size: inherit;
}
.mfp_element_submit:hover,
.mfp_element_reset:hover,
.mfp_element_button:hover,
button.mfp_next:hover,
button.mfp_prev:hover {
/*	background: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -ms-linear-gradient(top, #FFF 0%, #CCC 100%);*/
	background:#ff809f;
	box-shadow: none;
}

.form_submit button.mfp_next,button.mfp_prev {
	font-size: inherit;
}
/*
.form_submit button{
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color:#fff;
	background-color:#ff809f;
	border-radius:1em;
	letter-spacing: 1em;
	text-indent: 1em;
	padding:1em;
	max-width:450px;
	width:46%;
}*/
form#mailformpro label {
/*	border-radius: 3px;
	margin: 3px;
	display: inline-block;
	white-space: nowrap;*/
 }
form#mailformpro label.mfp_checked {
/*	padding: 3px;
	border: solid 1px #CCC;
	background-color: #E8EEF9;
	box-shadow: 0px 1px 3px #CCC inset;
*/
	padding: 0;
	border: none;
	background-color:transparent;
	box-shadow: none;
}
section .form_item {
	font-size:1.3em;
 }
form#mailformpro section .form_item label {
	font-size:1.4em;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
form#mailformpro section .form_item input,
form#mailformpro section .form_item textarea,
form#mailformpro section .form_item select{
	font-size:inherit;
}

form#mailformpro label.mfp_not_checked {
	padding: 0;
	border: none;
}
.form_item input[type="radio"]{
  display: none;
}
.form_item li{
  display: inline-block;
}
.form_item li+li{
	padding-left:1em;
}
form#mailformpro .form_item li label{
	position:relative;
}
form#mailformpro .form_item li label:before{
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background-color:#fff;
    position: relative;
    box-shadow: inset 0 0 0 4px #fff;
	border:1px solid #333;
	border-radius:1.5em;
	vertical-align:middle;
	margin:-0.5ex 0.3ex 0 0;
}
form#mailformpro .form_item li label.changed:before{
	background-color:#ff809f;
}
form#mailformpro .form_item li label.mfp_checked:before{
	background-color:#ff809f;
}
form#mailformpro .form_item li label.mfp_not_checked:before{
	background-color:#fff;
}


input[type="date"],
input[type="text"],
input[type="email"],
input[type="tel"] {
	padding: 7px 2%;
	border: 1px solid #cccccc;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
	margin-top: 0.1em;

	width: 100%;
	max-width: 960px;
/*	width : calc(100% - 1em) ;*/
}
input[type="date"] {
	width: 10em;
	background: #fafafa;
	min-height:1.6em;
}
.w_50inp input[type="date"],
.w_50inp input[type="text"],
.w_50inp input[type="email"],
.w_50inp input[type="tel"] {
	width: 50%;
	max-width:16rem;
	margin-right:0.5ex;
}

form h2 {
	font-size:1.2em;
	text-align:center;
	margin-top:1em;
}
form h2:after {
	content:"";
	display:block;
	width:1em;
	height:2px;
	overflow:hidden;
	margin:0.5em auto 1em;
	background-color:#ff81a1
}
form section h3 {
	color:#ff81a1;
	font-size:0.9em;
	border-left:solid 11px #ff81a1;
	padding:0.8em 0 0.8em 0.4em;
	margin-bottom:0.5em;
}


.aside_sect{
	text-align: left;
	margin-top:-0.5em;
	padding-bottom:2em;
}
.aside_sect p{
	text-align:left;
	font-size:0.9em;
}
button#bt_sect02_op,
button#bt_sect03_op{
	margin:0 auto 0.5em;
	text-align:center;
	color:#fff;
	padding-left:1em;
	padding-right:1em;
}
	
@media screen and (max-width: 750px) {
form#mailformpro .form_item li label:before{
    box-shadow: inset 0 0 0 1.2vw #fff;
}
input[type="date"] {
	width: 9em;
}
.aside_sect{
	text-align:center;
}
button#bt_sect02_op,
button#bt_sect03_op{
	padding-top:0.5em;
	padding-bottom:0.5em;
}
}
input[type="date"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	box-shadow: 0px 0px 5px #55ccff;
	border: 1px solid #55ccff;
	background: #ffffff;
}

select {
	font-size: 100%;
	font-family: inherit;
	margin-top: 10px;

		-webkit-appearance: none;	-moz-appearance: none;	appearance: none;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
	padding: 7px 2%;

background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028.35%2028.35%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ed7c98%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2227.85%206.63%2014.39%2023.46%200.93%206.63%2027.85%206.63%22%2F%3E%3C%2Fsvg%3E');
background-repeat:no-repeat;
background-position:right center;
background-position:calc(100% - 1em) center;
background-size:1em 1em;

	width: 100%;
	max-width: 960px;
/*	width : calc(100% - 1em) ;*/
	min-height:1.6em;
}

textarea {
	display: block;
	height: 200px;
	padding: 7px 2%;
	resize: vertical;
	border: 1px solid #cccccc;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;

	width: 100%;
	max-width: 960px;
/*	width : calc(100% - 1em) ;*/
	}


span.required {
	color: #ffffff;
	border-radius: 1px;

	display: block;
	width:2.8em;
	text-align:center;
/*	margin-bottom:0;*/
	font-size:0.8em;
	padding:0;
	
	background: #ff809f;
	border: 1px solid #ff809f;
}
form p{
	line-height:1.5;
	padding-bottom:0.1em;
}
form .form_item{
	padding-bottom:2em;
}
.form_submit{
	text-align:center;
}
.form_submit button{
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color:#fff;
	background-color:#ff809f;
	border-radius:1em;
	letter-spacing: 1em;
	text-indent: 1em;
	padding:1em;
	max-width:450px;
	width:46%;
}


input[type="text"].problem,
input[type="email"].problem,
input[type="tel"].problem,
textarea.problem,
select.problem {
	background-color: #FCC !important;
	border: solid 1px #F00 !important;
}

@media screen and (max-width: 750px) {
.form_submit button{
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:100%;
	max-width:100%;
}
}