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

/* ============================
		Reset
 ============================ */

.gotoTopButtom {
background-color: #1e2d70;
}



.mainVisualSection {
height: 150px;
background-image: url("../images/vi002.webp");
background-repeat: no-repeat;
background-position: 30% center;
background-size: cover;
}

/* for PC */
@media screen and (min-width: 1201px) {


	.mainVisualSection {
	height: 300px;
	background-position: center center;
	}

}


/* ============================
		section
 ============================ */

.formSection {
background-image: url("../../common/images/wall001.gif");
padding: 1.5em 0.5em;
}

.formSection .smartContainer {
background-color: #fff;
padding: 0 1.5em;
}

.formSection h1 {
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.4rem;
padding: 1em 0;
text-align: center;
}

.formDataList {
}

.formDataList dt {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.75em;
margin-bottom: 0.25em;
}

.formDataList dd {
font-size: 1.6rem;
margin-bottom: 1em;
line-height: 1.75em;
}

.formDataList dd ul {
margin-left: 1em;
}

.formDataList dd li {
margin-bottom: 0.5em;
}

.formDataList dd .gender li {
display: inline-block;
margin-right: 2em;
}

.formDataList dt .required {
display: inline-block;
font-size: 1.4rem;
color: #fff;
background-color: #f00;
padding: 3px 0.5em;
margin-left: 0.5em;
}

.formDataList dd .visit {
margin-bottom: 0.5em;
margin-left: 1em;
}

.formSection .submit {
text-align: center;
padding: 1em 0 3em 0;
}


.formSection .privacyCheck {
border: 1px solid #ccc;
padding: 1em;
height: 5em;
overflow-y: scroll;
margin-bottom: 1em;
}

.formSection .privacyCheck h3 {
font-size: 1.8rem;
margin-bottom: 0.75em;
}

.formSection .privacyCheck p {
font-size: 1.4rem;
line-height: 1.75em;
}

.formSection .body.withCheckbox {
line-height: 1.75em;
padding-left: 2em;
text-indent: -2em;
}



/* for PC */
@media screen and (min-width: 1201px) {


	.formSection {
	padding: 60px 0 60px 0;
	}

	.formSection .smartContainer {
	padding: 30px 85px 40px 85px;
	}

	.formSection h1 {
	font-size: 2.8rem;
	margin-bottom: 20px;
	}

	.formDataList {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
	}

	.formDataList dt {
	font-size: 1.8rem;
	margin-bottom: 1em;
	float: left;
	width: 16em;
	clear: both;
	position: relative;
	padding: 1.7em 0 0 0;
	border-top: 1px solid #ccc;
	text-align: right;
	box-sizing: border-box;
	padding-right: 4.0em;
	}

	.formDataList dd {
	font-size: 1.8rem;
	margin-bottom: 1em;
	float: right;
	width: calc(100% - 16em);
	border-top: 1px solid #ccc;
	padding: 1.5em 0 0.5em 0;
	}

	.formDataList dd ul {
	margin-left: 0.5em;
	}

	.formDataList dd li {
	margin-bottom: 0.5em;
	}

	.formDataList dd .gender li,
	.formDataList dd .kaigohoken li,
	.formDataList dd .gender li {
	display: inline-block;
	margin-right: 2em;
	}

	.formDataList dt .required {
	position: absolute;
	top: 2.5em;
	right: 1em;

	}

	.formDataList dd .visit {
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	}

	.formSection .privacyCheck {
	margin: 0 0 1em 0;
	height: 5em;
	}

	.formSection .submit {
/*	border-top: 1px solid #ccc;*/
	padding-top: 4em;
	}


	.formSection .body.withCheckbox {
	line-height: 1.75em;
	padding-left: 2em;
	text-indent: -2em;
	margin: 2em 2em 0 1em;
	}


}



/* ============================
		form
 ============================ */


select {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
appearance: none;
font-size:1.4rem;
padding:10px 40px 10px 10px;
border:1px solid #ccc;
border-radius:0;
background-color: #fff;
background-image:url(../../common/images/mark_down001.svg);
background-repeat:no-repeat;
background-position:right 12px center;
width: auto;
box-sizing: border-box
}
select::-ms-expand {
display: none;
}


/*
checkbox / radioのコーディング例
<li><input type="radio" name="userConect" checked>メール</li>
<li><input type="radio" name="userConect">電話</li>
*/

input[type="checkbox"]{
/*display:none;*/
border:none;
border-radius: 0;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
padding: 10px;
background-image: url(../../common/images/check001.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px auto;
cursor:pointer;
margin-right: 0em;
position: relative;
top: 4px;
padding-left: 1.25em;
}

input[type="checkbox"]:checked  {
background:url("../../common/images/check001a.svg") no-repeat left center;
background-size: 18px auto;
cursor:pointer;
opacity: 1 !important;
padding-left: 1.25em;
}


input[type="radio"] {
/*display:none;*/
border:none;
border-radius: 0;
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
padding: 10px;
background-image: url("../../common/images/radio001.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: 18px auto;
cursor:pointer;
margin-right: 0em;
position: relative;
top: 4px;
padding-left: 1.25em;
}

input[type="radio"]:checked  {
background:url("../../common/images/radio001a.svg") no-repeat left center;
background-size: 18px auto;
cursor:pointer;
opacity: 1 !important;
padding-left: 1.25em;
}

input[type="text"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1em;
width: 100%;
box-sizing: border-box;
}

textarea {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 10px;
border: 1px solid #ccc;
border-radius:0;
line-height: 1.5em;
width: 100%;
height: 130px;
box-sizing: border-box;
}

button[type="submit"],
input[type="submit"] {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.8rem;
color: #fff;
font-weight: bold;
padding: 1em;
border-radius:0;
line-height: 1em;
box-sizing: border-box;
width: 100%;
max-width: 280px;
background-color: #f80;
border: none;
}


#date_from {
background-image: url("../../common/images/bg_calender001.svg");
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 20px auto;
width: 10em;
margin-left: 1em;
}


/* for PC */
@media screen and (min-width: 1201px) {

button[type="submit"],
input[type="submit"] {
font-size:2.2rem;
padding: 1em;
width: 360px;
}

}


.sodan h2 {
	display: inline-block;
	font-size: 2rem;
	background: #ea4e90;
	color: #FFF;
	padding: 5px 20px;
	border-radius: 8px 8px 0 0;
}

.sodan .kakomi {
	border-radius: 0 10px 10px 10px;
	border: 1px solid #ea4e90;
	margin-bottom: 40px;
}

.goriyo h2 {
	display: inline-block;
	font-size: 2rem;
	background: #4e92ea;
	color: #FFF;
	padding: 5px 20px;
	border-radius: 8px 8px 0 0;
}

.goriyo .kakomi {
	border-radius: 0 10px 10px 10px;
	border: 1px solid #4e92ea;
	margin-bottom: 80px;
}


/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}