@charset "utf-8";

/**************************************************
		Fonts
**************************************************/
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:100; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:200; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:300; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:400; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:500; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:600; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:700; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:800; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:900; }

/**************************************************
		Reset
**************************************************/
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
body { background:#fff; color:#000; text-align:left; -webkit-text-size-adjust:100%; }
article, aside, dialog, figure, header, footer, hgroup, nav, section { display:block; }
img { border:0; max-width:100%; line-height:1; vertical-align:bottom; -ms-interpolation-mode:bicubic; box-sizing:content-box; }
ul li, ol li { list-style-type:none; list-style-position:outside; }
table { border:0; border-collapse:collapse; border-spacing:0; }
caption { text-align:left; }
th, td { font-weight:normal; text-align:left; vertical-align:top; }
sub, sup { position:relative; font-size:80%; line-height:0; vertical-align:baseline; }
sub { bottom:-0.1em; }
sup { top:-0.5em; }
strong, em { font-size:inherit; }
input, textarea, select, button { font:inherit; }
textarea { resize:vertical; }

/**************************************************
		Setting
**************************************************/
body {
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",YuGothic,"游ゴシック体","Yu Gothic","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color:#333;
	-webkit-text-size-adjust:100%;
}
body.win.chrome { font-weight:500; }
img { height:auto; }
a { color:#3b45a1; text-decoration:underline; }
a:visited { color:#755E72; text-decoration:none; }
.skip { position:absolute; width:0; height:0; overflow:hidden; }

@media screen and (max-width:767px){
img { width:auto; }
.onlyPC { display:none !important; }
}

@media screen and (min-width:768px){
a, a *, a::before, a::after, a *::before, a *::after, .hover { transition:background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s; }
a:hover { color:#3B45A1; text-decoration:none; }
.hover:hover { opacity:0.7; }
.onlySP { display:none !important; }
}

/* ===== Clearfix ===== */
.clearFix { display:inline-table; }
.clearFix:after { display:block; clear:both; visibility:hidden; height:0; content:""; }
* html .clearFix { height:1%; }
*:first-child+html .clearFix { height:1%; }
.clearFix { display:block; }


/**************************************************
		Header
**************************************************/
#headerArea {
	position:relative;
	z-index:10;
}

#headerArea .logo {
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}

#headerArea .title {
	padding:17px 0;
	background:#932536;
	font-size:36px;
	font-size:2.25rem;
	font-weight:normal;
	text-align:center;
	color:#fff;
	line-height:1.5;
}


@media screen and (max-width:767px){

#headerArea .logo {
	padding:10px 0;
	width:180px;
}

#headerArea .title {
	padding:10px 0;
	font-size:24px;
	font-size:1.5rem;
}

}

/**************************************************
		Main
**************************************************/
#mainArea {
	margin:0 auto;
	padding:80px 20px;
	max-width:1000px;
}

#mainArea .section {
	margin-bottom:80px;
}

#mainArea h2 {
	position:relative;
	margin-bottom:20px;
	padding-bottom:17px;
	border-bottom:3px solid #ddd;
	font-size:25px;
	font-size:1.57rem;
	font-weight:normal;
	color:#333;
	line-height:1.5;
}

#mainArea h2:after {
	position:absolute;
	bottom:-3px;
	left:0;
	width:80px;
	height:3px;
	background:#932536;
	content:'';
}

#mainArea h3 {
	margin-bottom:20px;
	font-size:16px;
	font-size:1rem;
	font-weight:normal;
	line-height:1.5;
	text-align:right;
}

#mainArea p {
	font-size:14px;
	font-size:0.88rem;
	line-height:1.8;
}

#mainArea table {
	margin-bottom:15px;
	width:100%;
	font-size:14px;
	font-size:0.88rem;
}

#mainArea table th,
#mainArea table td {
	padding:14px;
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	line-height:1.7;
}

#mainArea table thead th,
#mainArea table thead td {
	padding:5px 14px;
	color:#932536;
}

#mainArea table tr th:first-child,
#mainArea table tr td:first-child {
	border-left:0;
}

#mainArea table tr th:last-child,
#mainArea table tr td:last-child {
	border-right:0;
}


@media screen and (max-width:767px){

#mainArea {
	padding:40px 20px;
}

#mainArea .section {
	margin-bottom:40px;
}

#mainArea h2 {
	margin-bottom:15px;
	padding-bottom:15px;
	font-size:17px;
	font-size:1.07rem;
}

#mainArea h2:after {
	width:40px;
}

#mainArea h3 {
	margin-bottom:15px;
	font-size:14px;
	font-size:0.88rem;
}

#mainArea p {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea table {
	font-size:10px;
	font-size:0.63rem;
}

#mainArea table th,
#mainArea table td {
	padding:5px;
}

#mainArea table thead th,
#mainArea table thead td {
	padding:3px 5px;
}

}


/**************************************************
		Pagetop
**************************************************/
#pagetop {
	position:fixed;
	bottom:50px;
	right:40px;
	z-index:30;
}

#pagetop a {
	display:block;
	border-radius:50%;
	background:#333;
	background:rgba(0,0,0,0.5);
}

#pagetop a:hover {
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
}


@media screen and (max-width:767px){

#pagetop {
	bottom:20px;
	right:20px;
}

#pagetop a {
	width:50px;
}

#pagetop a:hover {
	background:#333;
	background:rgba(0,0,0,0.5);
}

}


/**************************************************
		Footer
**************************************************/
#footerArea {
	position:relative;
	padding:30px 20px;
	background:#932536;
	text-align:center;
	z-index:10;
}

#footerArea .copyright {
	font-size:12px;
	font-size:0.75rem;
	color:#fff;
	line-height:1.5;
}


@media screen and (max-width:767px){

#footerArea {
	padding:20px;
}

#footerArea .copyright {
	font-size:9px;
	font-size:0.57rem;
}

#footerArea .copyright span {
	display:inline-block;
}

}