@charset "utf-8";

/* ------------------------------------------------------------------
 * (C) KADOKAWA CORPORATION
------------------------------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

*,*::before,*::after {box-sizing: border-box;}

html {	font-size: 62.5%; }
body { 
	background-color: #f9f9fb;
	font-family:  Lato,Avenir,"Noto Sans JP","ヒラギノ角ゴ pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;
	color: #333;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height:1.5;
	font-size: 1.3rem;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a:link, a:visited { color:#0098CE; }
a:hover { color:#00bbff;text-decoration:none; }

.flex {
	display:flex;
}
.ml5 { margin-left:5px !important; }
.mr5 { margin-right:5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top:30px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }

.fcbl { color:#0060c2 !important; }
.fcrd { color:#cc0000 !important; }

ul[class^="list-"]  {
	padding:0;
}
ul[class^="list-"] li {
	margin:0 0 10px;
	padding-left:1em;
	list-style:none;
    text-indent:-1em;
}
.list-dia li:before {
	content:"◆ ";	
}


#header { margin:0;border-top:15px solid #2A2A6A; }
#header h1 { margin:0;padding:25px 15px 15px;color:#2A2A6A;font-size:2.1rem;line-height:1.6;text-align:center; }
#header h1 span { display:block; font-size:1.9rem; }

.progress { margin:0 auto 20px;padding:0;position:relative;width:280px;display:flex;flex-wrap:wrap;justify-content:space-between; }
.progress li { position:relative;list-style-type:none;width: 33.333%;color:#ccc;font-size:1.2rem;font-weight:bold;text-align:center;text-transform:uppercase; }
.progress li:before { margin:7px auto 10px auto;content: '';display: block; width:10px;height:10px;border-radius:50%;background-color:#ccc;text-align:center; }
.progress li:after { content:'';background-color:#ccc;position:absolute;z-index: -1;top:12px;left:-50%;width:100%;height:1px; }
.progress li:first-child:after { content: none; }
.progress li.current, .progress li.complete{ color:#2A2A6A; }
.progress li.current:before, .progress li.complete:before { background-color:#2A2A6A; }
.progress li.current:after, .progress li.complete:after { background-color:#2A2A6A; }

#footer { margin: 0;padding:20px 15px 25px;background:#2A2A6A;text-align:center; }
#footer p,footer a { color:#ffffff;font-size:1.4rem; }
#footer a { font-weight:bold; }
#footer a:link, footer a:visited { color:#ffffff; }
#footer a:hover { text-decoration:none; }
#footer .copytext { font-size:1.2rem;font-family:sans-serif; }
.content-header { margin:0 auto;padding:30px 15px;}
.content-header h2 { margin:0;font-size:1.8rem;font-weight: bold;text-align: center; }
.content-header h2 span { display: block;font-size:1.8rem; }

#base { margin:0 auto; background:#ffffff; }

.inner { padding:25px 15px 0; }

.lede p {
	margin: 0;
	font-size: 1.5rem;
}
.lede p.small {
	font-size: 1.3rem;
}

.notes {
	margin: 0 auto;
	padding: 20px 15px;
	background:#ffffff;
}
.notes p {
	margin: 0 0 1em;
	font-size: 1.6rem;
	font-weight: 700;
}
.notes p:last-of-type {
	margin: 0;
}
.notes p strong {
	color:#323276;
	font-size:1.7rem;
}
.notes ul {
	margin:0;
	padding:0;
	list-style:none;
}
.notes li:before {
	content: "※";
}
.notes li {
	margin:0 0 10px;
	padding-left: 1em;
    text-indent: -1em;
}
.notes .imgtext { 
	margin:0;
}
.notes .imgtext img { 
	width:100%;
	height:auto;
}
#errMsg {
	margin: 0;
	padding: 20px;
	color:#F10101;
	font-size:1.3rem;
	font-weight:bold;
}
.form-contents {
	padding: 20px 0 50px;
	background:#ffffff;
}
.form-contents h2 {
	margin:0 15px 10px;
	color:#0F2A47;
	font-size:1.6rem;
}
.form-contents .notes {
	margin: 40px 15px 20px;
}
.form-content-head {
	margin:0 0 15px;
	padding:20px 15px;
	background: #F5F6F9;
	display:block;
	width:100%;
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.6;
}
.form-content-head .form-content-head--sup {
	margin-left: 1em;
}
.form-label-required {
	margin:0 0 0 5px;
	padding:2px 4px 1px;
	background: #F10101;
	border-radius:4px;
	color:#ffffff;
	display:inline-block;
	font-size:1.1rem;
	line-height:1.1;
	vertical-align:10%;
	font-weight:normal;
}
.form-err-message {
	margin:0 15px 10px;
	color:#F10101;
	font-size:1.3rem;
	font-weight:bold;
}
.form-content-data {
	margin:0;
	padding:0 15px 20px;
}
.form-content-data p {
	margin:0 0 10px;
}
.form-content-data p span {
	margin-right: 5px;
	display: inline-block;
	width: 11em;
}
.form-content-data p strong {
	margin: 0 0 10px;
	display:block;
}
.form-content-subque {
	font-weight: bold;
	font-size:1.4rem;
}
.form-content-message {
	color:#777777;
	display:block;
	font-size:1.2rem;
}
.form-input,
.form-select,
.form-text,
.form-file { 
	font-size: 1.6rem;
}
.form-input {
	padding:7px;
	background: #F8F8FA;
	border:1px solid #dddddd;
	border-radius:4px;
	width:100%;
	max-width:100%;
	line-height:normal;
}
.form-input.min {
	margin-right: 5px;
	width:60%;
	max-width:60%;
}
.form-input.mid {
	margin-right: 5px;
}
.form-input.mic {
	margin-right: 7px;
	width:30%;
	max-width:30%;
}
.sep .form-input {
	margin-right:2%;
	padding:7px;
	width: 49%;
}
.sep .form-input:last-child {
	margin:0;
}
.select-item {
	overflow:hidden;
}
.form-select {
	margin-right: 5px;
	padding:7px ;
	border:1px solid #dddddd;
	border-radius:4px;
	background:#F8F8FA url(../img/icn_dropdown.png) right 2% top 50% no-repeat;
	outline:none;
	width:auto;
	min-width:100%;
}
.form-select option {
	background:#F8F8FA;
}
.form-text {
	padding:7px;
	border:1px solid #dddddd;
	border-radius:4px;
	background:#F8F8FA;
	width:100%;
	max-width:100%;
}
.form-radio label {
	margin:0 20px 10px 0;
	font-size: 1.4rem;
}
.form-radio input[type="radio"] {
	margin:0 7px 0 0;
	position:relative;
	top:1px;
}
.form-check label {
	margin:0 0 10px;
	display:block;
	font-size: 1.4rem;
}
.form-check input[type="checkbox"] {
	margin:0 7px 0 0;
	position:relative;
	top:1px;
}
.form-file {
	font-size: 1.4rem;
}
.form-submit {
	margin: 0;
	padding: 15px 15px 0;
}
.form-submit p {
	margin: 20px 0;
	font-size:1.5rem;
	font-weight: 700;
}
.form-submit .submit { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 20px auto;
	padding:20px;
	display:block;
	width:100%;
	background: #2A2A6A;
	border: 2px solid #2A2A6A;
	border-radius:4px;
	color: #fff;
	outline:none;
	overflow:hidden;
	font-size:1.8rem;
	font-weight:bold;
	line-height:100%;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.form-submit .submit:hover { opacity:0.8; }
.form-submit .submit:focus { border: 2px solid #000000; }
.form-submit .btn { background:#aaaaaa; border: 2px solid #aaaaaa; }
.form-submit .btn:hover { opacity: 0.8; }
.form-submit .btn:focus { border: 2px solid #000000; }
.form-submit .btn small { font-size:1.3rem; }

.form-contents.comfirm .form-content-data p { margin:0;font-size:1.4rem; }
.form-contents.comfirm .form-content-data p span { font-size: 1.3rem; }

.form-contents.complete .textbox { margin: 0 15px 20px; min-height: 50dvh; }
.form-contents.complete .textbox p { font-size:1.4rem; }


@media screen and (min-width:960px) {
	body { padding-bottom:154px;min-height: 100vh;position:relative; }
	#header { margin:0; }
	#header h1 { margin:0; padding:40px 40px 20px; text-align:center; line-height:1.6; font-size:3.6rem; }
	#header h1 span { font-size:2.6rem; }
	.content-header { max-width:1024px;}
	.content-header h2 { font-size:2.2rem; }
	.content-header h2 span { font-size:2.4rem; }

	#footer { margin:60px 0 0;position:absolute;bottom:0;width:100%; }

	#base { margin:0 auto;padding:50px 50px 20px;max-width:960px;background:#ffffff;border:1px solid #dddddd;border-radius:4px; }
	.contents { padding:0; }
	.lede p {
		margin: 0 0 1.5em; font-size:1.6rem; font-weight:bold; }
	.lede p.small { font-size:1.4rem; }

	.notes { padding: 20px; }
	.notes p strong { font-size:1.6rem; }
	.notes li { font-size:1.4rem; }
	.notes .imgtext { margin:0; }
	.notes .imgtext img { width:420px; height:auto; }

	.form-contents { padding:10px 0 0;}
	.form-contents .notes { margin: 0; }
	.form-contents h2 { margin:0 0 1em; font-size: 1.8rem; text-align:center; }
	.form-content-wrap {
		margin:0 0 10px;
		border:1px solid #dddddd;
		border-bottom:0;
	}

	.form-content-item { 
		display:table;
		width:100%;
	}
	.form-content-head { margin:0;padding:20px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;font-size:1.4rem;vertical-align:middle; }
	.form-content-data { margin:0;padding:20px;border-bottom:1px solid #dddddd;vertical-align:middle; }

	.form-content-message { font-size:1.2rem; }

	.form-input,
	.form-select,
	.form-text,
	.form-file { font-size: 1.4rem; }

	.form-content-data p.sep {
		width:360px;
	}
	.form-input.min {
		width:220px;
	}
	.form-input.mic {
		width:100px;
	}
	.form-input.mid {
		width:400px;
	}
	.form-select { background:#F8F8FA url(../img/icn_dropdown_pc.png) right 2% top 50% no-repeat;
	;width:auto;min-width:100px; }
	.form-select:first-child { margin-left: 0; }
	#Pref { min-width: 180px; }
	.form-submit { padding:60px 0 0; }
	.form-submit p { margin:0 0 40px;font-size:1.6rem;text-align:center; }
	.form-submit .submit { width:390px; }


	.form-contents.comfirm .form-content-data p { margin:5px 0; }
	.form-contents.complete .textbox { margin: 2em 4em; padding-bottom: 20px; }
	.form-contents.complete .textbox p { font-size:1.5rem; }

}