@charset "UTF-8";


/*--------------------
	ttl
----------------------*/

.ttl01 {
	font-size:166%;
	font-weight:bold;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,"YuGothic","游ゴシック",Helvetica,Arial,sans-serif;
}

@media screen and (max-width: 768px) {
	.ttl01 {
		font-size: 125%;
	}
}

.font {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,"YuGothic","游ゴシック",Helvetica,Arial,sans-serif;
}



/*--------------------
	contents
----------------------*/
.entry {
	position: absolute;
	z-index: 20000;
	top: 0;
	right: 0;
	width: 10.4%;
	max-width: 146px;
}

.entry img {
	width: 100%;	
}

.bnr_interview {
	position: absolute;
	z-index: 20000;
	bottom: 34px;
	left: 35px;
	width: 30%;
	max-width: 311px;
}
.bnr_interview img {
	width: 100%;	
}


/*--------------------
	faq
----------------------*/
.faq {
	margin-top: 40px;
	font-size: 12px;
}

.faq p {
	text-align:center;
	font-size:116%;
	margin-bottom:4%;
}

.faq p span {
	display:inline-block;
}

.faq section {
	margin-bottom:5%;
}

.faq h2 {
	margin-bottom:3%;
	text-align:center;
}

.faq dl {
	border-bottom: none;
}

.faq dl dt {
	padding:10px 30px 10px 10px;
	border: none;
	border-bottom:dotted 1px #2d2d2d;
	font-size:133%;
	background-image:url(../img/faq/plus.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto;
	margin-bottom:15px;
	cursor:pointer;
}

.faq dl dt::after {
	content: none;
}

.faq dl dt.active {
	border: none;
	border-bottom: 1px dotted #2d2d2d;
	background-image:url(../img/faq/minus.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;
}

.faq dl dt>span {
	display:block;
	margin-left:2em;
	text-indent:-2em
}

.faq dl dt span span {
	font-size:150%;
	font-weight:bold;
}

.faq dl dd {
	display:none;
	padding:15px 40px;
	background-color:#eeeeee;
	border-radius:10px;
	font-size:133%;
	margin-bottom:15px;
}
@media screen and (max-width: 768px) {
.faq dl dd {
		padding: 10px 20px;
		border-radius: 5px;
		font-size: 116%;
		margin-bottom: 10px;
	}
}

.faq dl dd>span {
	display:block;
	margin-left:2em;
	text-indent:-2em
}

.faq dl dd span span {
	display: inline;
	font-size:150%;
	font-weight:bold;
	color:#e86d00;
}


/*--------------------
	information
----------------------*/
.information_top, .information_btm {
	font-size: 12px;
}

.information_top {
	margin-top: 40px;
}

.information_top h2,
.information_btm h2 {
	text-align:center;
	font-size:200%;
	font-weight:bold;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,"YuGothic","游ゴシック",Helvetica,Arial,sans-serif;
	margin-bottom:5%;
}

.information_top table {
	margin-bottom:6%;
	font-size:150%;
	border-collapse:collapse;
	width:100%;
}

.information_top table th {
	padding:3% 1%;
	text-align:center;
	background-color:#f5f5f5;
	border:1px solid #d3d3d3;
	width:27%;
	vertical-align: middle;
}

.information_top table td {
	padding:3% 6%;
	text-align:left;	
	background-color:#fff;
	border:1px solid #d3d3d3;
}

.information_btm table {
	margin-bottom:6%;
	border-collapse:collapse;
	width:100%;
}

.information_btm table th {
	padding:1% 2%;
	background-color:#e6e6e6;
	border:2px solid #fff;
	width:27%;
	vertical-align: middle;
}

.information_btm table th div {
	display:table;
	width:100%;
}

.information_btm table th div p {
	display:table-cell;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
}

.information_btm table th div p:first-child {
	width:36px;
}

.information_btm table th div p:first-child span {
	display:block;
	width:30px;
	height:30px;
	color:#fff;
	border:3px solid #fff;
	border-radius:18px;
	font-size:116%;
}

.information_btm table th div p:last-child {
	font-size:150%;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,"YuGothic","游ゴシック",Helvetica,Arial,sans-serif;
}

.information_btm table td {
	padding:1% 2%;
	border:2px solid #fff;
	font-size:116%;
	vertical-align: top;
}


.information_btn {
	display:block;
	width:47%;
	margin:0 auto;
	padding:3% 0;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",Meiryo,メイリオ,"YuGothic","游ゴシック",Helvetica,Arial,sans-serif;	
	color:#fff;
	background-color:#032274;
}

.information_btn:hover {
	opacity:0.8;
	text-decoration:none;
	color: #FFF;
}

.information_btn img {
	vertical-align:middle;
	width:24px;
	margin-right:20px;
}


/*--------------------
	entry
----------------------*/
.body-site {
	margin: 0;
}

.site_main {
	font-size: 12px;
}

.entry_info {
	width:87.5%;
	margin:0 auto 4.5%;
	font-size:150%;
}

.entry_info p:last-child {
	margin-top:2.5%;
	text-align:center;
}

.entry_info a {
	color:#1eaffa;
	text-decoration:none;
}

.entry_info a:hover {
	text-decoration:underline;
}

.entry_form {
	text-align:center;
}

.entry_form>p {
	display:inline-block;
	margin-bottom:4%;
	font-size:200%;
	font-weight:bold;
	padding:0 0 5px;
	border-bottom:1px solid #8c8c8c;
}

.entry_form dl {
	font-size: 12px;
	text-align:left;
}

.entry_form>dl>dt {
	box-sizing:border-box;
	clear:left;
	width:26%;
	float:left;
	padding:2% 1% 2% 6%;
	font-size:116%;
	font-weight:bold;
}

.entry_form>dl>dt.dt01 {
	width:38%;
}

.entry_form>dl>dt.dt02 {
	width:100%;
	float:none;
	padding:2% 6%;
}

.entry_form>dl>dt span:first-child {
	display:inline-block;
	vertical-align:middle;
	font-size:70%;
	color:#fff;
	border-radius:2px;
	margin-left:10px;
	padding:1px 3px;
	background-color:#e60012;
}

.entry_form>dl>dt span.ex {
	display:block;
	font-size:85%;
}

.entry_form>dl>dd {
	padding:2% 1% 2% 26%;
	border-bottom:1px solid #d3d3d3;
}
.entry_form>dl>dd.dd01 {
	border-bottom:none;
}
.entry_form>dl>dd.dd02 {
	padding:0 6% 2%;
	
}

.entry_form p.attach {
	padding:2%;
	background-color:#ecf5f9;
	text-align:center;
	font-size:116%;
	font-weight:bold;
}
.entry_form dl dd dl dt {
	width:15%;
	float:left;
	text-align:center;
	font-size:116%;
	font-weight:bold;
}

.entry_form dl dd dl dd {
	width:33%;
	float:left;
	margin-left: 0;
	padding:0 1%;
}

.entry_form>dl>dd textarea {
	width:100%;
}


.inputarea {
	box-sizing:border-box;
	border: 1px solid #ccc;
	border-radius:10px;
	background-color:#f6f6f6;
	padding:7px 15px;
}

.entry_form input.w100 { width:100%; }
.entry_form input.w70 { width:70%; }
.entry_form input.w50 { width:50%; }
.entry_form input.w20 { width:20%; }
.entry_form input.w15 { width:15%; }


.entry_form div.btn_area {
	margin-top:5%;
	text-align:center;
}

.entry_form div.btn_area input {
	width:40%;
	font-size:20px;
	text-align:center;
	padding:2% 0;
	border:4px solid #959595;
	background-color: #fff;
	background-image:url(../img/entry/arrow.png);
	background-repeat:no-repeat;
	background-position:90% center;
	background-size:4% auto;
}

.g-recaptcha {
	width: 300px;
	margin: 20px auto;
}

.footer-site, .footer-inner, .footer-icon ul {
	margin: 0;
	padding: 0;
}
.footer-navi ul {
	margin: 0;
	padding: 0;
}
.footer-site li::marker {
	content: none;
}