@charset "utf-8";



/* CSS Document */
/* ---------------------- COMMON ------------------------ */
.breadcrumb{display: none}

@media screen and (max-width:768px){.scroll-table {white-space: nowrap}}

.note{font-size: small}
.note::before{
	content: '※';
	padding-right: .25em;
}
@media screen and (max-width:768px){.note{font-size: x-small}}






/* ---------------------- HEADER ------------------------ */
header {width: 100%;}
.first_level_bgcolor{background: #F50023}

header .inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1050px;
	padding: .75em 0;
	text-align: left;
}
	@media print,screen and (min-width:769px){header .inner{width: 90%}}
	@media screen and (max-width:768px){

		header .inner{
			padding: 1em;
			width: 100%;
		}

	}

@media (min-width: 1200px) {.inner h1{white-space: nowrap}}
@media print,screen and (min-width:769px){.inner h1{font-size: 150%}}
@media screen and (max-width:768px){.inner h1{font-size: 105%}}
	.inner h1 span {
		font-size: 65%;
		font-style: italic;
	}

.inner h1 a{
	font-style: italic;
	line-height: 1.1;
	display: block;
}
.inner h1 a:hover {
	color: #333;
	text-decoration: none;
}

/* LANGUAGE NAVIGATION */
.languageNav {display: flex}
@media print,screen and (min-width:769px){

	.languageNav {
		
		flex-wrap: wrap;
		margin-top: 1.25em;
		text-align: right;
	}

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

	.languageNav{
		font-size: smaller;
		justify-content: flex-end;
		width: 100%;
	}

}

.languageNav li {border-left: 1px solid #000;}
.languageNav li:last-child {border-right: 1px solid #000;}
.languageNav li a {
	color: #FFF;
	display: block;
	padding: 0 .75em;
}
@media print,screen and (min-width:769px){

	.languageNav li a {font-size: 1.8rem}

}
.languageNav li a:hover{
	color: #CCC;
	text-decoration: underline;
}



/* EFECT */
/*banner rollover end etc*/
a:hover img.overBtn{
 filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}



/* FOR TXT FLOAT */
.floatNext{
	overflow:auto;
	zoom:1;
}



/* FONT WEIGHT  */
.bold {font-weight: 700}






/*--- GLOBAL NAVIGATION［MB］ ----------*/
@media print,screen and (min-width:769px){.hamburgerMenu {display: none}}
@media screen and (max-width:768px){

.hamburgerMenu {display: block}
.drawer-hamburger {
	z-index: 9999;
	width: 25px;
	height: 5px;
	padding: 9px 8px 26px;
	background: #000;
}
.drawer-hamburger:hover {
	background: #000;
}
.drawer--right .drawer-nav {
	right: -70%;
	width: 70%;
}
.drawer--right.drawer-open .drawer-hamburger {
	right: 70%;
}
.drawer-nav,
.drawer-nav a:hover {
	background: #000;
}
.drawer-menu-item {
	padding: 10px;
}
.drawer-menu-item:before {
	content: "\f061";
	font: 900 100% "Font Awesome 5 Free";
	padding-right: 1em;
}

/* CVボタン */
.drawer-menu li.drawerCv > ul {
	margin: 0 2%;
}
.drawer-menu li.drawerCv > ul li {
	text-align: center;
	float: left;
	width: 46%;
	margin: 2%;
	background: #333;
}
.drawer-menu li.drawerCv > ul li a {
	display: block;
	padding: 5% 5%;
}
}






/* ---------------------- CONTENTS ------------------------ */
main{background: #E8E8E8}

.btnNextL,
.btnPrevL {margin: auto}

.btnNextL a,
.btnPrevL a {
	align-items: center;
	color: #FFF;
	display: flex;
	font-weight: bold;
	justify-content: center;
	text-align: center;
}

.btnNextL a {background: url(../base/img/btn_next_l.png) no-repeat}
.btnPrevL a {background: url(../base/img/btn_prev_l.png) no-repeat}
@media print,screen and (min-width:769px){

	.btnNextL,
	.btnPrevL {
		height: 80px;
		width: 295px;
	}

	.btnNextL a,
	.btnPrevL a {font-size: 130%}

	.btnNextL a {padding: 1.5em 3em .5em 1.25em}
	.btnPrevL a {padding: 1.5em 1em .25em 2.75em}

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

	.btnNextL a,
	.btnPrevL a {
		background-size: contain;
		font-size: 3.75vw;
		margin: auto;
		width: 50%;
	}

	.btnNextL a {padding: 1.25em 2em .5em .25em}
	.btnPrevL a {padding: 1.25em .25em .5em 2em}

}

a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	text-decoration: none;
}



/* GO PAGE TOP BUTTON */
#page-top {
	bottom: 20px;
	font-size: 85%;
	position: fixed;
	right: 10px;
}
#page-top a {
	background: #333;
	border-radius: 50px;
	color: #fff;
	display: block;
	padding: 2em 0;
	text-align: center;
	text-decoration: none;
	width: 6em;
}
#page-top a:hover {
	background: #777;
	text-decoration: none;
}






/* ---------------------- FOOTER ------------------------ */
footer {
	background: #000;
	color: #FFF;
}
footer .inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	max-width: 1050px;
	padding: .75em;
}
footer div {
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.1;
}
@media print,screen and (min-width:769px){

	footer div {
		font-size: 125%;
		margin-right: 1.5em;
	}

}



footer address {font-weight: 300}
@media print,screen and (min-width:769px){

	footer address {font-size: small}
	footer address p:first-child {padding-bottom: .5em}

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

	footer address {font-size: x-small}
	footer address p:first-child {padding-top: .75em}

}

footer address p span:first-child {
	font-weight: 700;
	padding-right: .25em;
}
footer address p span:last-child {
	font-size:smaller;
	padding: 0 .25em;
}