@charset "utf-8";

@media all and (min-width: 1080px)  {
/* //    |- PC(Narrow)  */

}	/* PC(Narrow): min-width: 1080px */

@media all and (min-width: 1300px)  {
/* //    |- PC  */

}	/* PC: min-width: 1300px */

@media all and (max-width: 1079px)  {
/* //    |- SPTB  */

}	/* SPTB: max-width: 1079px */

@media all and (max-width: 559px)  {
/* //    |- SP  */

}	/* SP: max-width: 559px */

/* // print //
----------------------------------------------- */

.___{
	display:none;
}

/* // base //
----------------------------------------------- */

html, body {
}


#container {
	position:relative;
	background-color:#FFF;
}
@media all and (min-width: 1300px)  {
/* //    |- PC  */
	#container {
	}
}	/* PC: min-width: 1300px */

@media all and (max-width: 1079px)  {
/* //    |- SPTB  */
	#container {
	}
}	/* SPTB: max-width: 1079px */


a {
	color:#555;
	text-decoration:none;
}
a:hover,a:active {
	color:#777;
}

a.page_top {
	font-size:26px;
	width:60px;
	height:60px;
	right:0;
	bottom:0;
	background-color:#000;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

html:not(.tbsp) a.page_top:hover {
	background-color:#333;
}

#contents {
	transition:0.8s;
	transition-delay:0.4s;
	opacity:1;
}
#contents.default {
	/* opacity:0; */
}


/* // header
----------------------------------------------- */

header .header-inner{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	padding: 35px 0 40px;
}
header .header-logo img{
	display: block;
}
header .header-menu ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
}
header .header-menu ul li{
}
header .header-menu ul li + li{
	margin-left: 50px;
	font-family: 'Arial', sans-serif;
}
header .header-menu ul li a{
	font-weight: bold;
}

@media all and (max-width: 559px)  {
	header .header-inner{
		display: block;
		padding: 40px 0 40px;
	}
	header .header-logo img{
		margin: 0 auto;
		width: 160px;
	}
	header .header-menu ul{
		justify-content: center;
		padding-top: 20px;
	}
	header .header-menu ul li{
		font-size: 1.2rem;
	}
	header .header-menu ul li + li{
		margin-left: 30px;
	}
}


/* // footer //
----------------------------------------------- */

footer {
	font-family: 'Arial', sans-serif;
	padding: 50px 0 40px;
}
.copyright{
	font-size: 1.3rem;
}
@media all and (max-width: 559px)  {
	footer {
		padding: 30px 0 30px;
	}
	.copyright{
		font-size: 1.2rem;
		text-align: center;
	}
}

/* // page-header //
----------------------------------------------- */

.page-header{
	font-size: 2.9rem;
	padding-top: 100px;
	padding-bottom: 150px;
}

.page-header h1{
	text-align: center;
	font-weight: bold;
}
.page-header.only-padding{
	padding: 100px 0 0;
}
.page-header.only-padding h1{
	display: none;
}
@media all and (max-width: 559px)  {
	.page-header{
		font-size: 1.7rem;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.page-header.only-padding{
		padding: 30px 0 0;
	}
}



/* // layout //
----------------------------------------------- */

.columnwrap{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content:     flex-start;
	justify-content:         flex-start;
	-webkit-align-items: stretch;
	-ms-align-items:     stretch;
	align-items:         stretch;
	margin-left: -25px;
	margin-right: -25px;
}
.columnwrap .column{
	border-style: solid;
	border-color: transparent;
	border-width: 0 25px 50px;
}
.columnwrap.col2 .column{
	width: calc( 100% / 2 );
}
.columnwrap.col3 .column{
	width: calc( 100% / 3 );
}
.columnwrap.col4 .column{
	width: calc( 100% / 4 );
}

/* // btn //
----------------------------------------------- */




/* // txt //
----------------------------------------------- */

.ff_min{
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.05em;
}

/* // other //
----------------------------------------------- */



