@charset "utf-8";
/* =========================================================
 *  init
========================================================= */
@font-face {
  font-family: 'nssggrotesk';
  src: url('./assets/fonts/nssggrotesk-demi-web.ttf') format('ttf'),
       url('./assets/fonts/nssggrotesk-demi-web.svg') format('svg'),
			 url('./assets/fonts/nssggrotesk-demi-web.eot') format('eot')
}

html{font-size:9px;}
body {
	height: 100%;
	font-family: 'nssggrotesk','Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	line-height: 1.8;
	color: #000;
	background:#D5D5D5;
	-webkit-font-smoothing: antialiased;
	overflow-x:hidden;
	font-style: normal;
	font-weight: 400;
	font-size: 9px;

	letter-spacing: 0.05em;
}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
figure{margin:0;}
a{
	color:#000;
	/*transition: all  0.2s ease;*/
}
a:hover{color:#BCBCBC;}
li{list-style:none;}

.is_sp{
	display:none;
}
.is_pc{
	display:block;
}
	@media screen and (max-width: 480px) {

		html {
			font-size:12px;
  			-webkit-overflow-scrolling: touch;
		}
		.is_sp{
			display:block;
		}
		.is_pc{
			display:none;
		}
	}
/* =========================================================
 *  common
========================================================= */
.wrap{
/* 	opacity:0;
	transition: all  0.8s ease; */
	position:relative;
	width:88.8888%;
	margin: auto;
}
.wrap.show{
	opacity:1;
}

	@media screen and (min-width: 1280px) {
		.wrap{min-width: 1280px;}
	}

	@media screen and (max-width: 1280px) {
		.wrap{
			width:89.6%;
		}
	}



/* =========================================================
 *  column
========================================================= */
.column_box{
		display: flex;
		justify-content:space-between;
		width: 100%;
}
.column_box .column{
	box-sizing: border-box;
}
article.column_wrap{
	border-bottom: solid 1px #C0C0C0;
	padding: 41px 0 45px;
}

.column_box .column.image img{
  margin-top:4px;
}
article .column_box .title h1{
	font-size: 10px;
}
article .column_box .desc p + p{
	margin-top:14px;
}
.link a{
	text-decoration: none;
	font-weight: 700;
}
	@media screen and (min-width: 481px) {

		.column_box .column{
			box-sizing:border-box;
		}
		.column_box .column.image{
			width: 13%;
			padding-right:24px;
		}
		.column_box .column.image img{
			width: 100%;
			max-width: 131px;
		}
		.column_box .column.text{
			width: 87%;
		}
		.column_box .column.title{
			width: 12%;
			padding-right:24px;
		}
		.column_box .column.desc{
			width: 30%;
			padding-right:24px;
		}
		.column_box .column.spec{
			width: 33%;
		}
		.column_box .column.link{
			text-align: right;
			width: 26%;
		}
	}

	@media screen and (max-width: 480px) {
		.post{
			position: relative;
		}
		.column_box .column.image{
			width: 28.5%;
		}
		.column_box .column.image img{
			max-width: 100%;
		}
		.column_box .column.text{
			display: block;
			width: 72.5%;
			padding-left: 24px;
		}
		.column_box .column.text .column{
			margin-bottom: 14px;
		}
		.post .link{
      display: none;
			position: absolute;
			left:0;
			top:185px;
		}
	}


/* =========================================================
 *  header
========================================================= */
header{
	padding: 118px 0;
	border-bottom: solid 1px #C0C0C0;
}
header h2{line-height: 12px;}

	@media screen and (min-width: 481px) {
		header .column_box {
			justify-content:flex-start;
		}
		header .column_box .column{padding-right: 0;}
		header .column_box h1.column.title{width: 23.3%;}

		header .column_box .column.right{width: 76.7%;}
		header .column_box h2.column{width: 30%;}
		header .column_box .column.link{width: 70%;}
	}
	@media screen and (max-width: 480px) {
		header{
			padding: 56px 0 44px;
		}
		header .column_box:first-child{
			display: block;
		}
	}
/* =========================================================
 *  footer
========================================================= */
footer{
	padding: 120px 0 25px;
}
footer address{
	font-style: normal;
}
footer a{
		text-decoration: none;
}
	@media screen and (min-width: 481px) {
		footer .column_box .logo{width: 23.3%;}
		footer .column_box .text{width: 46.7%;}
		footer .column_box .copywrite{width: 30%;text-align: right;}
		footer .column_box .text .address{width: 55.5%;}
		footer .column_box .text .home{width: 44.5%;}
	}
	@media screen and (max-width: 480px) {
		footer{
			padding: 92px 0 34px;
		}
		footer .column_box > .column_box{
			display: block;
		}
		footer .column_box .logo{width: 30%;}
		footer .column_box .text{width: 51%;padding-left: 24px;}
		footer .column_box .text .address{margin-bottom: 14px;}
		footer .column_box .copywrite{width: 20%;}
	}


/* =========================================================
 *  inview
========================================================= */
.inview{
	opacity:1;
}
.inview.hide{
	opacity:0;
}
.inview.show{
	animation-name: inview_anime;
	animation-duration: .8s;
}
@-webkit-keyframes inview_anime {
	0% {
		opacity:0;
		transform:translateY(-10px);
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}

	@media screen and (min-width: 481px) {
	}

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