@charset "utf-8";

/* CSS Document */



header {

    width: 100%;

    text-align: right;

}

header li a.active {

	color: #333;

	font-weight: 600;

}



a {

	color: #565655;

}



h1 {

	position: absolute;

	top: 60px;

	left: 47px;

}

h2 {

	margin-bottom: 65px;

	line-height: 80px;

	font-size: 61px;

}

h2 span {

	line-height: 62px;

	display: block;

    font-size: 28px;

}



#menu {

	padding: 107px 27px 57px 0;

}



article {

    margin: 105px auto 80px;

    width: 1056px;

}

.date {

	font-size: 24px;

}

article .jp, article .en {

	margin-bottom: 78px;

	display: table-cell;

	font-size: 16px;

	line-height: 1.8;

}

article .jp {

	width: 483px;

	padding-right: 45px;

}

article .en {

	padding-left: 45px;

}



.arrow {

	margin-top: 90px;

	text-align: center;

}

.arrow a {

	padding: 0 28px;

    display: inline-block;

    position: relative;

    font-size: 28px;

    vertical-align: sub;

}

.arrow a:after {

    display: block;

    content: "";

    position: absolute;

    top: 50%;

    width: 12px;

    height: 12px;

    margin: -3px 0 0 0;

    border-top: solid 1px;

    border-right: solid 1px;

}

.arrow a.prev:after {

    left: 10px;

    -webkit-transform: rotate(-135deg);

    -moz-transform: rotate(-135deg);

    transform: rotate(-135deg);

}

.arrow a.next:after {

    right: 10px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    transform: rotate(45deg);

}



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

	body {

		padding-top: 50px;

	}

	

	h1 {

		position: absolute;

		top: 12px;

		left: 16px;

		width: 100px;

	}

	h1 img {

		width: 100%;

	}

	

	#menu {

		padding: 0;

	}



	.slick-dotted.slick-slider {

		margin-bottom: 30px;

	}

	

	article {

		margin: 20% auto;

		width: 92%;

	}

	.date {

	    font-size: 14px;

	}

	h2 {

		margin-bottom: 5%;

		line-height: 33px;

		font-size: 26px;

	}

	h2 span {

		line-height: 17px;

		font-size: 14px;

	}

	article .jp, article .en {

		padding: 0;

		margin-bottom: 10%;

		display: block;

		width: 100%;

		font-size: 12px;

		line-height: 1.8;

	}

	

	.arrow {

		margin-top: 10%;

		text-align: center;

	}

	.arrow a {

		font-size: 25px;

		text-decoration: none;

	}



}