@charset "utf-8";

/* landing page */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ landing page */
#contMain p,
#contMain dl {
	margin-top: 5px;
	line-height: 1.5;
}
#contMain dl dd {
	margin-top: 4px;
}
#contMain h2 {
	color: #0067bd;
	font-size: 19px; font-size: 1.9rem;
	font-family: 'myMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'MS PMincho', serif;
	font-weight: bold;
}
#contMain h3 {
	color: #1eabf4;
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
}
#contMain h4 {
	color: #353535;
	font-size: 15px; font-size: 1.5rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
}
#contMain dl dt {
	color: #1eabf4;
    font-size: 15.5px; font-size: 1.55rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
}

#contMain .secBorder {
	padding: 3%;
	background: url("../img/bg_base_top_left.png") no-repeat left top, url("../img/bg_base_top_right.png") no-repeat right top, url("../img/bg_base_bottom_left.png") no-repeat left bottom, url("../img/bg_base_bottom_right.png") no-repeat right bottom, url("../img/bg_base_left.png") repeat-y left top, url("../img/bg_base_right.png") repeat-y right top;
	-webkit-background-size: 60%, 60%, 60%, 60%, 60%, 60%;
	background-size: 60%, 60%, 60%, 60%, 60%, 60%;
}

/* intro ────────── */
#intro {
	margin-top: 13px;
}
#intro p.pic {
	margin: 10px auto;
	width: 58%;
	min-width: 174px;
	max-width: 300px;
}

/* recruit / map /acc ────────── */
#recruit h2,
#map h2,
#acc h2 {
	color: #1eabf4;
	font-size: 17.5px; font-size: 1.75rem;
	text-align: center;
}
#recruit dl {
	margin-bottom: 6px;
}
#recruit dl dt {
	color: #17b8ff;
}
#recruit dl.date dt {
	color: #1eabf4;
}
#recruit dd span {
    font-size: 15px; font-size: 1.5rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
}
#recruit dd {
    font-size: 14.5px; font-size: 1.45rem;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
#recruit dl.num dd {
	padding-left: 2.0em;
}

#acc p {
	word-break: keep-all;
}
@media screen and (max-width:10000px) {
	#acc iframe {
		height: 450px;
	}
}
@media screen and (max-width:650px) {
	#acc iframe {
		height: 320px;
	}
}
@media screen and (max-width:490px) {
	#acc iframe {
		height: 250px;
	}
}
@media screen and (max-width:340px) {
	#acc iframe {
		height: 203px;
	}
}

/* set ────────── */
#set h2 {
	color: #fff;
	background: #17b8ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#set h3 {
	margin-top: 7px;
	color: #0067bd;
	font-size: 19px; font-size: 1.9rem;
	font-family: 'myMincho', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'MS PMincho', serif;
}
#set h4 {
	margin-top: 2px;
	font-size: 16px; font-size: 1.6rem;
}
#set div.setList {
	margin-top: 13px;
}
#set div.setList.first  {
	margin-top: 7px;
}
#set div.pic,
#set p {
	margin: 0 auto;
	width: 100%;
	min-width: 275px;
	max-width: 400px;
}
#set div.pic {
	margin: 0 auto 5px auto;
}
#set p {
	padding-left: 1.0em;
	text-indent: -1.0em;
	word-break: keep-all;
}

/* reien ────────── */
#reien {
	margin-top: 20px;
}
#reien h2 {
	font-size: 22px; font-size: 2.2rem;
}
#reien h3 {
	margin-top: 5px;
	color: #fff;
	font-size: 16px; font-size: 1.6rem;
	background: #1eabf4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#reien h4 {
	margin-top: 10px;
	color: #17b8ff;
	font-size: 16px; font-size: 1.6rem;
}

#reien p {
	font-size: 15px; font-size: 1.5rem;
}
#reien ul {
	margin: 5px auto;
	width: 300px;
}
#reien ul li {
	margin-top: 15px;
}
#reien ul li a {
	display: inline-block;
}
#reien ul li span {
	display: block;
	margin-top: 2px;
	color: #595858;
}

/* kato ────────── */
#kato {
	margin-top: 43px;
}
#kato h2 {
	font-size: 22px; font-size: 2.2rem;
}
#kato h3 {
	margin-top: 5px;
	color: #fff;
	font-size: 14px; font-size: 1.4rem;
	background: #1eabf4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#kato h4 {
	margin-top: 12px;
	color: #0067bd;
	font-size: 21px; font-size: 2.1rem;
	font-weight: normal;
}
#kato dl {
	margin-top: 10px;
}
#kato dl dt {
	color: #1eabf4;
}
#kato p,
#kato dl dd {
	margin-top: 7px;
	font-size: 15px; font-size: 1.5rem;
}
#kato p.pic {
	margin: 13px auto;
	width: 50%;
	min-width: 155px;
	max-width: 300px;
}
#kato p.staff {
	float: right;
	margin: 10px 0 5px 10px;
	width: 40%;
	min-width: 125px;
	max-width: 200px;
}

#kato .promise {
	display: inline-block;
	margin: 10px 0 20px 0;
	padding: 5px 4px 10px 4px;
	background: #eee;
}
#kato .promise p {
	color: #40b0ff;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
	white-space: nowrap;
}

/* contactForm ────────── */
#contactForm.index {
	margin-top: 30px;
}
#contactForm h2 {
	color: #fff;
	font-size: 22px; font-size: 2.2rem;
	background: #0067bd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#contactForm h3 {
	margin: 10px 0;
	font-size: 18px; font-size: 1.8rem;
	color: #0067bd;
	text-align: center;
}

#contactForm .guide {
	margin-top: 6px;
	color: #0067bd;
	font-size: 15px; font-size: 1.5rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
	letter-spacing: -0.17px;
}
#contactForm .indent {
	padding-left: 1.0em;
	text-indent: -1.0em;
}
#contactForm dl {
	margin: 10px 0;
	line-height: 1.65;
}
#contactForm dl dt {
	color: #2c91e0;
    font-size: 15px; font-size: 1.5rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
#contactForm dl dt span {
	color: #c50018;
	font-weight: normal;
}
#contactForm dd {
	margin-bottom: 10px;
}
#contactForm dl.check dd {
	margin-left: 1.0em;
	word-wrap: break-word;
	word-break: break-all;
}
#contactForm input[type="text"],
#contactForm textarea {
	width: 98.5%;
}
#contactForm select {
	width: 170px;
}
#contactForm select.auto {
	width: auto;
}
#contactForm #form_button {
	margin-bottom: 5px;
	text-align: center;
}
#contactForm #form_button input {
	display: inline-block;
	margin: 6px 0;
}
#contactForm #form_button a {
	display: inline-block;
	margin-top: 20px;
	font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: bold;
}