@charset "euc-jp";

/* reset
----------------------------------------------------*/
html, body, div, span,
h1, h2, h3, p, img, small, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside,
footer, header, hgroup, menu, nav, section,
time, button {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article, aside,
footer, header, hgroup, menu, nav, section {
display:block;
}
ul {
list-style:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
input, select {
vertical-align:middle;
}

/* サイト共通
------------------------------------------------- */
html {
	font-size:625.0%;
}
@media screen and (max-width:320px){
	html {font-size:546.875%;}
}

/* less
----------------------------------------------------*/
/* 英字フォント */		@font-en:Verdana, Geneva, sans-serif;
/* フォント */		@font:sans-serif;

/* 色つきフォント */	@color:#c00;
/* 背景色（薄い） */	@bg-pale-color:#fff;
/* 背景色（濃い） */	@bg-dark-color:#c00;
/* 背景色（中間） */	@bg-middle-color:#c00;
/* 背景色（必須項目） */	@bg-required-color:#fff7f7;
/* グラデーション */	@grade:-webkit-gradient(linear, left top, left bottom, color-stop(0, @bg-middle-color), color-stop(1, @bg-dark-color)); /* 中間色から濃色 */
/* 角丸（小さい） */	@radius-small:0;
/* 角丸（大きい） */	@radius:0;
/* 角丸（大きい・上） */	@radius-top:0;
/* 角丸（大きい・下） */	@radius-bottom:0;
/* 枠線 */		@border:solid 1px #ddd;

/* フォントサイズ10px */	@font10:0.1000rem;
/* フォントサイズ10px */	@font11:0.1100rem;
/* フォントサイズ12px */	@font12:0.1200rem;
/* フォントサイズ13px */	@font13:0.1300rem;
/* フォントサイズ14px */	@font14:0.1400rem;
/* フォントサイズ15px */	@font15:0.1500rem;
/* フォントサイズ16px */	@font16:0.1600rem;
/* フォントサイズ18px */	@font18:0.1800rem;

/* 角丸 */		.kadomaru {
			-webkit-border-radius:@radius;
			border:@border;
			margin:0.16rem 0.1rem 0;
			background:#fff;
			text-align:left;
			}

/* ボタン */		.button {
			background-color:@bg-dark-color;
			background-image:@grade;
			border:solid 1px @bg-middle-color;
			border-bottom:solid 1px @bg-dark-color;
			-webkit-border-radius:@radius;
			-webkit-box-shadow:inset 0 1px 0 0 @bg-middle-color;
			font-size:@font16;
			}

/* ボタン文字 */		.button-font {
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			display:block;
			padding:6px 0 8px;
			font-family:@font;
			}

/* テキストフィールド */	.input {
			font-size:@font16;
			background-color:#fafafa;
			border:solid 1px #ccc;
			-webkit-border-radius:@radius;
			-webkit-appearance:none;
			}

/* ラジオボタン共通 */	.radio {
			-webkit-appearance:none;
			background-color:#fafafa;
			border:solid 1px #cacece;
			box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
			padding:7px;
			border-radius:50px;
			display:inline-block;
			position:relative;
			top:-2px;
				&:checked::after {
				content:' ';
				width:10px;
				height:10px;
				border-radius:50%;
				position:absolute;
				top:2px;
				left:2px;
				background:@bg-dark-color;
				box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);
				text-shadow:0px;
				}
			}

/* チェックボックス共通 */	.checkBox {
			position:relative;
			padding-left:22px;
			margin-right:16px;
			overflow:hidden;
			display:inline-block;
			box-sizing:border-box;
				&::before {
				content:'';
				position:absolute;
				width:14px;
				height:14px;
				left:0;
				top:5px;
				border:solid 1px #cacece;
				border-radius:@radius-small;
				z-index:3;
				}
				&::after {
				content:'';
				position:absolute;
				top:8px;
				left:6px;
				display:block;
				width:3px;
				height:6px;
				border-right:solid 2px #fff;
				border-bottom:solid 2px #fff;
				.rotate45;
				z-index:1;
				}
			}

/* 矢印左（ < ） */	.arrowL {
			content:"";
			position:absolute;
			top:43.75%;
			left:-14px;
			display:block;
			width:5px;
			height:5px;
			border-right:solid 2px #777;
			border-bottom:solid 2px #777;
			.rotate-135;
			z-index:1;
			}

/* 矢印右（ > ） */	.arrowR {
			content:"";
			position:absolute;
			top:41.33333333333333%;
			right:0.18rem;
			display:block;
			width:7px;
			height:7px;
			border-right:solid 2px #aaa;
			border-bottom:solid 2px #aaa;
			.rotate-45;
			z-index:1;
			}

/* アイコン（new、必須） */
			.iconBox {
			color:#fff;
			background:#c00;
			display:inline-block;
			line-height:1;
			padding:0.04rem 0.05rem 0.02rem;
			-webkit-border-radius:@radius-small;
			}

/* アコーディオン */	.toggle {
			font-weight:normal;
			padding:0.15rem 0.4rem 0.15rem 0.15rem;
			background:#fff;
			position:relative;
				&::before {
				content:'';
				position:absolute;
				top:40%;
				right:0.19rem;
				display:block;
				width:3px;
				height:13px;
				background:#aaa;
				margin-top:-2px;
				z-index:1;
				.transition;
				}
				&::after {
				content:'';
				position:absolute;
				top:40%;
				right:0.19rem;
				display:block;
				width:3px;
				height:13px;
				background:#aaa;
				margin-top:-2px;
				.rotate90;
				}
				&.open {
				background:@bg-dark-color;
				color:#fff;
					&::before {
					content:"";
					opacity:0;
					.transition;
					.rotate90;
					}
					&::after {
					background:#fff;
					.transition;
					}
				}
			}

/* アニメーション */	.transition {
			-webkit-transition:0.8s;
			-moz-transition:0.8s;
			-o-transition:0.8s;
			-ms-transition:0.8s;
			transition:0.8s;
			}

/* 45度回転 */		.rotate45 {
			transform:rotate(45deg);
			-webkit-transform:rotate(45deg);
			-moz-transform:rotate(45deg);
			}

/* -45度回転 */		.rotate-45 {
			transform:rotate(-45deg);
			-webkit-transform:rotate(-45deg);
			-moz-transform:rotate(-45deg);
			}

/* 90度回転 */		.rotate90 {
			transform:rotate(90deg);
			-moz-transform:rotate(90deg);
			-webkit-transform:rotate(90deg);
			}

/* 135度回転 */		.rotate135 {
			transform:rotate(135deg);
			-moz-transform:rotate(135deg);
			-webkit-transform:rotate(135deg);
			}

/* -135度回転 */		.rotate-135 {
			transform:rotate(-135deg);
			-moz-transform:rotate(-135deg);
			-webkit-transform:rotate(-135deg);
			}

/* 初期化
----------------------------------------------------*/
body {
border-top:solid 2px #e60000;
background:#f6f6f6;
color:#333;
font-size:@font16;
font-family:@font;
text-align:center;
-webkit-text-size-adjust:100%;
}
a {
color:#000;
}
a:hover {
text-decoration:none;
}
img {
max-width:100%
}
p {
text-align:left;
padding:0.14rem 0 0;
font-size:@font16;
line-height:1.6;
}

/* サイト共通
----------------------------------------------------*/
/* ヘッダー */
header {
background:#fff;
overflow:hidden;
padding:0;
	h1 {
	float:left;
	width:103px;
	margin:6px 0 8px 10px;
	background:#fff;
		a {
		display:block;
		height:43px;
		background:url(../images/logo.svg) no-repeat 0 0;
		background-size:103px;
		text-indent:-9999px;
		outline:0;
		}
	}
	h2 {
	float:right;
	margin:14px 10px 0 0;
	font-family:@font-en;
	font-size:@font13;
	font-weight:normal;
	}
}

/* PAGE TOP */
p.pagetop {
font-size:@font13;
font-family:@font-en;
margin:0.13rem 0.16rem;
padding:0;
text-align:right;
line-height:1;
	a {
	text-decoration:none;
	color:#666;
		span {
		position:relative;
			&::before {
			.arrowL;
			}
		}
	}
}

/* フッター */
footer {
clear:both;
background:#262626;
padding:0.1rem 0;
font-family:@font-en;
font-size:@font10;
letter-spacing:-0.005rem;
color:#fff;
}

/* セカンド共通
----------------------------------------------------*/
#contents {
	h1 {
	padding:0.08rem 0.1rem;
	color:#fff;
	background-image:@grade;
	font-size:@font18;
	}
	p.intro {
	padding:0.13rem 0.1rem 0;
	}
	.left {
	float:left;
	margin-right:10px;
	}
	.hLine {
	clear:both;
	font-size:@font16;
	border-bottom:solid 2px @bg-dark-color;
	padding:0.13rem 0 0.02rem;
	line-height:1.6;
		span {
		font-size:@font14;
		font-weight:normal;
		display:block;
		padding:0 0 0.065rem;
		}
	}
	.iconBlank {
	margin:0.026rem 0.24rem 0 0.026rem;
	position:relative;
		&::before {
		content:url(../images/ico_newwin.svg);
		width:0.13rem;
		position:absolute;
		right:-0.2rem;
		top:-0.03rem;
		}
	}
}

/* ボタンエリア */
.buttonArea {
text-align:center;
margin:0.24rem 0 0;
	.button {
	.button;
	width:85%;
	margin:0 auto 0.15rem;
	text-align:center;
		a {
		.button-font;
		padding:0.1rem 0 0.09rem;
		line-height:1;
		}
		span {
		.button-font;
		}
	}
	p.pageback {
	margin:0 auto;
	text-align:center;
	font-size:@font14;
	background:#f6f6f6;
	border:solid 1px #ddd;
	-webkit-border-radius:@radius;
	width:70%;
	padding:0.04rem 0;
		a {
		display:block;
		text-decoration:none;
		text-indent:0.12rem;
			span {
			font-size:@font14;
			position:relative;
				&::before {
				content:"";
				position:absolute;
				top:29.7%;
				left:-14px;
				display:block;
				width:5px;
				height:5px;
				border-right:solid 2px #000;
				border-bottom:solid 2px #000;
				.rotate135;
				z-index:1;
				}
			}
		}
	}
}

/* 注意文ボックス */
.waku_atten {
border:solid 1px #d9005a;
background:#fff;
margin:0.13rem 0.1rem;
padding:0 0.13rem 0.13rem;
-webkit-border-radius:@radius;
font-size:@font16;
}

/* チェックボックス（チェックマーク背景） */
	input[type="checkbox"] {
	-webkit-appearance: none;
	background:#fafafa;
	border: 1px solid #cacece;
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	}
	label.required2 > input[type="checkbox"] {
	background:@bg-required-color;
	}
	input[type="checkbox"]:checked,
	label.required2 > input[type="checkbox"]:checked {
	background:@bg-dark-color;
	}
	input[type="checkbox"]:checked:after {
	content:"";
	display:block;
	width: 4px;
	height: 8px; 
	border: solid #fff;
	border-width: 0 2px 2px 0;
	position:absolute;
	left: 6px;
	top: 2px;
	-webkit-transform: rotate(45deg);
	}
@media screen and (max-width:320px){
	input[type="checkbox"] {
	box-shadow:40px -1px #fff;
	width:15px;
	height:15.5px;
	border-radius:0;
		&.required2 {
		box-shadow:40px -1px @bg-required-color;
		width:15px;
		height:15.5px;
		border-radius:0;
		}
		&:checked,
		&.required2:checked {
		box-shadow:40px -1px @bg-dark-color;
		width:15px;
		height:15.5px;
		border-radius:0;
		}
	}
}