@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:500,500i,600,600i|Barlow+Semi+Condensed:300i,400,500,500i,600,600i|Noto+Sans+JP:400,500,700');

/*=================================================== */
/* Common                                             */
/*=================================================== */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y:scroll;
	height:100%;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family:'Barlow Semi Condensed','Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',sans-serif;
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 0.85em;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
	body { font-size: 1.0em; }
}

h1, h2, h3, h4, h5, h6 {
	font-weight:inherit;
	font-size:inherit;
	color: inherit;
}

/* -------------------------------------------------- */
/* Clearfix                                           */
/* -------------------------------------------------- */
*:first-child+html .clearfix{display:inline-block;} /* for IE7 */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.clearfix {display:inline-block;}
* html .clearfix {display:inline-block;}

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */ 

/* -------------------------------------------------- */
/* None                                               */
/* -------------------------------------------------- */
.none {
	display:none;
}
.none-sp {display:inline-block !important;}
.none-pc {display:none !important;}
@media only screen and (max-width: 768px) {
	.none-sp {display:none !important;}
	.none-pc {display:inline-block !important;}
	br.none-pc {display:block !important;}
}

/*=================================================== */
/* Table                                              */
/*=================================================== */
table {
	width: 95%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}

th, td {
	border: 1px solid #4f4d47;
	padding: 10px 15px;
}
th {
	width: 15%;
	text-align: center;
	background: #f4f4f4;
}
td {
	text-align: left;
}

@media only screen and (max-width: 767px) {
	table {
		width: 90%;
	}
	th, td {
		width: auto;
		display: block;
		border-top: none;
	}
	th {
		font-size:85%;
	}
	td {
		display: block;
		padding: 10px;
		font-size:85%;
	}
	tr:first-child {
		border-top: 1px solid #4f4d47;
	}
}

/*=================================================== */
/* UL                                                 */
/*=================================================== */
ul, ol {
	list-style-position: inside;
}
ul li, ol li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
ul.asterisk {
	padding-top: 10px;
}
ul.asterisk li {
	list-style-type: none;
	text-indent: -1.3em;
}
ul.asterisk li:before {
	display: inline;
	content: "※";
}

/* -------------------------------------------------- */
/* Button                                             */
/* -------------------------------------------------- */
.btn a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
@media only screen and (max-width: 767px) {
	.btn img {width: 80%; height: auto;}
}
.btn p {
	text-align: center;
}

/* -------------------------------------------------- */
/* Text                                               */
/* -------------------------------------------------- */
.text-left   { text-align: left; }
.text-right  { text-align: right; }
.text-center { text-align: center; }


/* -------------------------------------------------- */
/* Header                                             */
/* -------------------------------------------------- */
header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 60px;
	display: block;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
	z-index: 9999;
}
header .header-inner {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}
header .header-inner #logo { position: absolute; top:10px; left:10px; }
header .header-inner #logo img { height: 40px; width: auto; }
header .header-inner p { float: right; margin: 10px; }
header .header-inner p img { height: 40px; width: auto; }

@media only screen and (max-width: 767px) {
	header { height: 55px; }
	header .header-inner { width: auto; }
	header .header-inner #logo img { height: 32px; }
	header .header-inner p img { height: 35px; }
}

/* -------------------------------------------------- */
/* Footer                                             */
/* -------------------------------------------------- */
footer {
	background-color:#69798a;
	color: #fff;
	width:100%;
	z-index: 1001;
}
footer #footer-inner {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
	box-sizing: border-box;
}
footer #footer-inner small {
	display: block;
	font-size: 10px;
	font-size: 1.0rem;
}
@media only screen and (max-width: 767px) {
	footer #footer-inner { width:auto; }
	footer #footer-inner small{
		font-size: 8px;
		font-size: 0.8rem;
	}
}

/* -------------------------------------------------- */
/* Container                                          */
/* -------------------------------------------------- */
#container {
	position:relative;
	width: 100%;
}

/*=================================================== */
/* Section                                            */
/*=================================================== */
section {
	claer: both;
	width: 100%;
	text-align: center;
}
section p {
	font-size: 1.5em;
	text-align: left;
	padding: 10px 20px;
	line-height: 1.8em;
}
@media only screen and (max-width: 767px) {
	section p {
		font-size: 0.95em;
		padding: 0px 20px;
	}
}

.section-wrapper {
	width: 96%;
	max-width: 1000px;
	margin:0 auto;
}
.section-wrapper figure img { width:100%; height:auto; }

@media only screen and (max-width: 767px) {
	.section-wrapper { width:auto; }
	.section-wrapper figure { margin: 0 10px 15px; }
}


/* --------------------------------------------- */
/* Page Top                                      */
/* --------------------------------------------- */
#pagetop {
	position: fixed;
	margin-bottom: 5px;
	right:  20px;
	z-index:1002;
}
#pagetop > a {
	display: inline-block;
}


/* -------------------------------------------------- */
/* Font                                               */
/* -------------------------------------------------- */
.important {
	color: #ff0000;
}
.checkitout {
	background: linear-gradient(transparent 60%, #ffff9b 60%);
	padding: 5px 10px;
	color: #ed1717;
	font-weight: 700;
}
@media only screen and (max-width: 767px) {
	.checkitout {
		padding: 1px 5px;
	}
}

.underline {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
}

.heading {
	font-size: 2.0em;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.heading {
		font-size: 1.2em;
		text-align: left;
	}
}