/* ::::: http://firstvillage.tokyo/lp/4/style.css ::::: */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: justify;
}
img {
	border: medium none;
	max-width: 100%;
	height: auto;
}
ul {
	list-style-type: none;
}
.switch {
	visibility: hidden;
}
body {
}
h1, h2, h3, h4, h5, h6, p, td, th, a {
	font-size: 100%;
	line-height: 170%;
	font-weight: normal;
	color: rgb(0, 0, 0);
}
img {
	vertical-align: middle;
}
a {
	text-decoration: none;
}
strong {
	font-weight: bold;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text p {
	margin-bottom: 3%;
}
#header img {
	display: inline;
	margin: 0px;
	padding-bottom: 70px;
}
#header_bt {
	float: right;
	padding: 7px 0px;
}
.sec_a_head {
	background: rgba(0, 0, 0, 0) url('bg01.jpg') repeat scroll 0% 0%;
}
.sec_b_head {
	background: rgba(0, 0, 0, 0) url('bg01.jpg') repeat scroll 0% 0%;
}
.sec_a .box {
	background: rgb(255, 241, 245) none repeat scroll 0% 0%;
	padding: 5%;
	margin-bottom: 50px;
}
.head_text {
	font-size: 18px;
	font-weight: bold;
}
.head_text span {
	color: rgb(17, 123, 165);
}
.section11 {
	background-color: #E7F9F6;
	padding: 5% 0px;
}
.section11 h2 {
	margin-bottom: 5%;
}
.section11 ul.list02 li {
	margin-bottom: 5%;
}
.section11 .box {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	padding: 2px;
	position: relative;
}
.section11 .box .inner {
	border: 2px solid #dafaf4;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	padding: 20% 5% 5%;
}
.section11 .box h3 {
	position: absolute;
	left: 3%;
	top: -1%;
	padding-right: 3%;
}
.section01 {
	background: rgba(0, 0, 0, 0) url('bg04.png') repeat scroll center center;
	padding: 5% 0px;
}
.section01 h2 {
	margin-bottom: 5%;
}
.section01 ul.list02 li {
	margin-bottom: 5%;
}
.section01 .box {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	padding: 2px;
	position: relative;
}
.section01 .box .inner {
	border: 1px solid #fdd3cf;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	padding: 20% 5% 5%;
}
.section01 .box h3 {
	position: absolute;
	left: 3%;
	top: -1%;
	padding-right: 3%;
}
.section10 {
	padding: 0px 0px 5%;
}
.section10 h2 {
	margin-bottom: 5%;
}
.section10 ul {
	max-width: 860px;
	margin: 0px auto;
}
.section10 ul li {
	padding-bottom: 20px;
}
.section10 ul li h3 {
	margin-bottom: 3%;
}
.sec03 h2 {
	margin-bottom: 5%;
}
.sec03 ul {
	max-width: 860px;
	margin: 0px auto;
}
.sec03 ul li {
	border-top: 2px dotted rgb(0, 0, 0);
	padding: 2% 2% 2% 80px;
	position: relative;
}
.sec03 ul li:last-child {
	border-bottom: 2px dotted rgb(0, 0, 0);
}
.sec03 ul li::before {
	content: "";
	background: rgba(0, 0, 0, 0) url('icon02.png') repeat scroll 0% 0% / 100% auto;
	width: 38px;
	height: 38px;
	position: absolute;
	left: 10px;
	top: 15px;
}
.sec01 {
	background-color: #F5FBFA;
}
.section13 {
	background: rgba(0, 0, 0, 0) url('bg01.jpg') repeat scroll 0% 0%;
	padding: 5% 0px;
}
.section13 h2 {
	margin-bottom: 5%;
}
.section13 .box {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border: 5px solid #dafaf4;
	padding: 3px;
}
.section13 .box .inner {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border: 2px solid #dafaf4;
	padding: 3%;
}
.section13 .box ul li {
	border-bottom: 2px dotted #A3D4D0;
	padding: 10px;
	position: relative;
}
.section13 .box.type-a ul li::before {
	content: "";
	background: rgba(0, 0, 0, 0) url('icon02.png') repeat scroll 0% 0% / 100% auto;
	width: 38px;
	height: 38px;
	position: absolute;
	left: 15px;
	top: 8px;
}
.section13 .box.type-b ul li {
	padding-left: 70px;
}
.section13 .box.type-b ul li::before {
	content: "";
	background: rgba(0, 0, 0, 0) url('icon02.png') repeat scroll 0% 0% / 100% auto;
	width: 38px;
	height: 38px;
	position: absolute;
	left: 10px;
	top: 15px;
}
.section_voice {
	background-color: #fff;
	margin-top: 50px;
	
}
.voice_box {
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border: 2px solid #8fd2cd;
}
.voice_head {
	background: rgba(0, 0, 0, 0) url('voice_head_bg.png') repeat scroll 0% 0%;
	padding: 3%;
}
.voice_left img {
	border: 4px solid rgb(255, 255, 255);
}
.voice_right {
	color: rgb(255, 255, 255);
	font-weight: bold;
}
.voice_name {
	font-size: 24px;
}
.voice_right li {
	margin-bottom: 2.6%;
}
.voice_right li:last-child {
	margin-bottom: 0px;
}
.voice_faq {
	padding: 3%;
}
.voice_faq dt {
	text-indent: -1.5em;
	padding-left: 1.2em;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 1%;
}
.voice_faq dd {
	text-indent: -1.8em;
	padding-left: 1.5em;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 2px dotted rgb(204, 204, 204);
}
.voice_faq dd:last-child {
	border-bottom: medium none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.q_text {
	color: rgb(0, 67, 133);
	margin-right: 7px;
}
.a_text {
	font-size: 125%;
	font-weight: bold;
	color: rgb(17, 123, 165);
	margin-right: 7px;
}
.section14 {
	padding: 5% 0px;
}
.section14 hr.border01 {
	margin-bottom: 8%;
}
.section14 ul {
	max-width: 860px;
	margin: 0px auto;
}
.section14 ul li {
	border-bottom: 2px dotted rgb(0, 67, 133);
	padding-bottom: 3%;
	margin-bottom: 3%;
}
.section14 ul li:last-child {
	border-bottom: medium none;
	padding-bottom: 0px;
}
.section14 p.question {
	font-size: 125%;
	font-weight: bold;
	color: rgb(0, 67, 133);
	position: relative;
	margin-left: 25px;
	margin-bottom: 1%;
}
.section14 p.question::before {
	content: "Q.";
	position: absolute;
	left: -25px;
	top: 0px;
}
.section14 p.answer {
	position: relative;
	margin-left: 20px;
}
.section14 p.answer::before {
	content: "A.";
	position: absolute;
	left: -20px;
	top: 0px;
	color: rgb(71, 158, 242);
	font-weight: bold;
}
.section14 p.answer strong {
	color: rgb(71, 158, 242);
}
.section15 {
	background: rgba(0, 0, 0, 0) url('bg03.png') repeat scroll 0% 0%;
	padding: 4% 0px 3%;
}
.section15 h2 {
	margin-bottom: 2%;
}
.section15 .block {
	margin-bottom: 5%;
}
.section15 .button {
	margin-bottom: 8%;
}
.bottom_link li::after {
	content: "/";
	margin: 0px 20px;
}
.bottom_link li:last-child::after {
	content: none;
}
#footer {
	background: rgba(0, 0, 0, 0) url('bg01.jpg') repeat scroll 0% 0%;
	padding: 1% 0px;
}
.rightImg {
	margin-left: 13px;
	margin-bottom: 20px;
	float: right;
}
.text01 {
	padding: 30px 0;
}
img.date {
	display: block;
	margin: 0 auto;
}
.pink {
	color: #d73574
}
.yellow {
	background-color: #FBFEBE;
}
.pink_l {
	background-color: #feddea;
}
.step {
	margin-top: 15px;
}
.sec03 {
	margin: 30px 0 70px 0;
}
s .form {
	margin: 80px 0 80px 0;
}
.font_y {
	color: rgba(255,250,112,1.00)
}
.movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 50%;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ttl01 {
	padding-top: 50px;
}
.ttl02 {
	padding-top: 50px;
}
.button {
	margin-top: 15px;
}

@media screen and (max-width: 750px) {
img {
	display: block;
	margin: 0px auto;
}
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
	display: none;
}
	.top{
		padding:25px 5px 40px;s
	}
	
.form {
	margin: 35px 0 35px 0;
	padding: 0 13px;
}
.ttl01 {
	padding-top: 10px;
}
.ttl02 {
	padding: 50px 0 20px 0;
}
.ttl07 {
	margin-top: 20px;
}
	.ttl14{
		margin-bottom: 20px;
	}
	.ttl15{
		margin-top: 30px;
	}
	.ttl16{
		margin-bottom: 30px;
	}
.text_sp {
	font-size: 90%
}
.bg_white {
	background-color: #fff; 
	padding: 20px 10px;
}
	.voice_sp{
		font-size: 95%;
	}
.for-pc {
	display: none;
}
.for-pc-inline {
	display: none;
}
.for-sp {
	display: block;
}
.br_sp {
	display: inline;
}
.br_pc {
	display: none;
}
.wrapper {
	padding: 0px 15px;
}
#header .h1-area {
	background-color: rgb(0, 0, 0);
}
#header .h1-area .wrapper {
	width: 100%;
}
#header .eyecatch-container {
	background: rgba(0, 0, 0, 0) url('eyecatchbg_sp.jpg') no-repeat scroll center top / cover;
}
#header .eyecatch-area .wrapper {
	padding-top: 4%;
	padding-bottom: 10%;
}
#header .button-area .wrapper {
	padding-bottom: 2%;
}
#header_logo {
	width: 40%;
}
#header_tel {
	width: 40%;
}
.sec_a_head {
	margin-bottom: 20px;
}
.sec_b_head {
	margin-bottom: 20px;
}
.im {
	margin-top: 20px;
}
.seminar_balloon {
	padding: 10px;
}
.head_text {
	font-size: 120%;
	margin-bottom: 8px;
	text-align: center;
}
.section11 {
	overflow: hidden;
}
.section11 ul.list01 li {
	margin-bottom: 3%;
}
.section11 .box .inner {
	padding-top: 25%;
}
.section11 .list02 table {
	font-size: 65%;
}
.section01 {
	overflow: hidden;
}
.section01 ul.list01 li {
	margin-bottom: 3%;
}
.section01 .box .inner {
	padding-top: 20%;
}
.section01 .list02 table {
	font-size: 65%;
}
span.failure_img {
	width: 34%;
}
.section10 li .text {
	display: table-cell;
	vertical-align: top;
	padding: 5%;
}
.section10 li .text p {
	margin-bottom: 5%;
}
.sec03 {
	margin: 30px 0 70px 0;
}
.sec03 ul li {
	padding-left: 45px;
}
.sec03 ul li::before {
	width: 28px;
	height: 28px;
	left: 0px;
	top: 8px;
}
.section13 {
	padding: 5% 0px;
}
.section13 .box.type-b ul li {
	padding-left: 40px;
}
.section13 .box.type-b ul li::before {
	width: 28px;
	height: 28px;
	left: 0px;
	top: 8px;
}
.voice_detail span {
	width: 100%;
	margin-bottom: 1%;
}
.voice_detail dt {
	width: 100%;
	margin-bottom: 1%;
}
.voice_right li {
	text-align: center;
}
.section14 {
	padding: 15% 0px;
}
.section14 hr.border01 {
	margin-top: 5%;
	margin-bottom: 15%;
}

strong {
	font-weight: bold;
}
.rightImg {
	width: 38%;
	padding-left: 0px;
}
.movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 50%;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

@media screen and (min-width: 751px) {
	.top{
		padding:40px 40px 90px;
	}
	.ttl02 {
	margin: 30px;
}
	.ttl14{
		margin-top: 100px;
	}
	.section_voice{
		margin-top: 65spx;
	}
.formtext {
	margin-top: 100px;
}
.for-pc {
	display: block;
}
.for-pc-inline {
	display: inline;
}
.for-sp {
	display: none;
}
.br_sp {
	display: none;
}
.br_pc {
	display: inline;
}
.wrapper {
	padding: 0px 10px;
	width: 840px;
	margin: 0 auto;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.center-block {
	display: block;
	margin: 0px auto;
}
.text p {
	line-height: 170%;
}
#header .h1-area {
	background-color: #d5f9f6;
}
#header .h1-area .wrapper {
	padding-top: 5px;
	padding-bottom: 5px;
}
#header .eyecatch-area {
	background: rgba(0, 0, 0, 0) url('eyecatchbg_pc.jpg') no-repeat scroll center center / cover;
}
#header .eyecatch-area .wrapper {
	padding-top: 5%;
	padding-bottom: 5%;
}
#header .button-area {
	background: rgba(0, 0, 0, 0) url('bg01.jpg') repeat scroll 0% 0%;
}
#header .button-area .wrapper {
	padding-top: 2%;
	padding-bottom: 2%;
}
#header_logo {
	float: left;
}
#header_bt {
	float: right;
}
#logo_area {
	background-color: rgb(255, 255, 255);
	padding: 10px 0px;
}
.sec_a_head {
	margin-bottom: 20px;
}
.sec_b_head {
	margin-bottom: 65px;
	padding-bottom: 30px;
}
.im {
	width: 40%;
	float: right;
}
.seminar_balloon {
	position: relative;
	float: left;
	width: 57%;
	padding: 15px;
}
.seminar_balloon::after {
	border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 15px;
	margin-top: -15px;
}
.seminar_balloon::before {
	border-color: rgba(0, 67, 133, 0) rgb(0, 67, 133) rgba(0, 67, 133, 0) rgba(0, 67, 133, 0);
	border-width: 21px;
	margin-top: -21px;
}
.head_text {
	font-size: 150%;
	margin-bottom: 15px;
}
.section11 ul.list01 {
	text-align: center;
}
.section11 ul.list01 li {
	display: inline-block;
	max-width: 32%;
}
.section01 ul.list01 {
	text-align: center;
}
.section01 ul.list01 li {
	display: inline-block;
	max-width: 32%;
}
.sec03 ul li {
	font-size: 156.25%;
}
.section13 .box ul li {
	font-size: 156.25%;
}
.voice_left {
	width: 23%;
	float: left;
}
.voice_right {
	width: 74.5%;
	float: right;
}
.voice_detail span {
	width: 15%;
	margin-right: 20px;
}
.voice_detail dd {
	float: left;
	line-height: 1.3;
}
.m_auto {
	margin: 0 auto;
}
.mt0 {
	margin-top: 0!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.w45 {
	width: 45%;
}
.w50 {
	width: 50%;
}
.w55 {
	width: 55%;
}
.w60 {
	width: 60%;
}
.w70 {
	width: 70%;
}
.w72 {
	width: 72%;
}
.w80 {
	width: 80%;
}
.w90 {
	width: 90%;
}
.font70 {
	font-size: 70%;
}
.font110 {
	font-size: 110%;
}
.font120 {
	font-size: 120%;
}
.font130 {
	font-size: 130%;
}
.font140 {
	font-size: 140%;
}
.font160 {
	font-size: 160%;
}
.bold {
	font-weight: bold;
}
}
.schedule {
	margin-bottom: 40px;
}
.blueline {
	background-color: #eafbf9;
}
.movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 50%;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ::::: http://firstvillage.tokyo/lp/4/js/jquery.restable.c ::::: */

ul.tabletolist > li > ul > li::before, ul.tabletolist > li > ul > li::after {
	content: " ";
	display: table;
}
ul.tabletolist > li > ul > li::after {
	clear: both;
}
a:hover img {
	opacity: 0.7;
}
a[name]:hover img {
	opacity: 1;
}
button:hover img {
	opacity: 0.7;
}
