@charset "UTF-8";
#koransha{
	font-family: "a-otf-ryumin-pr6n", "Cormorant Garamond", sans-serif;
	background: url("../images/base/footer_bg.png");
}
header img.logo{
	position: fixed;
	left:16px;
	top:25px;
	z-index: 999;
}
#click-nav {
	position: fixed;
	top:0;
	right:0;
}
.online{
	position: fixed;
	top:0;
	right:65px;
}
#menu-wrap .online{
	margin-right:50px;
}
.left_nav{
	position: fixed;
	left:0;
	top:0;
	background: url("../images/koransha/top/back.jpg") no-repeat;
	background-size: 33.33vw , 100vh;
	background-size: cover;
	width:33.333% ;
	height: 100vh;
	box-sizing: border-box;
	color:#fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	float:left;
	padding-top:120px;
}
@media screen and (max-width:1250px) {
	.left_nav{
		position: fixed;
		left:0;
		top:0;
		background: url("../images/koransha/top/back.jpg") no-repeat;
		background-size:  33,3vw, 100vh;
		background-size: cover;
		width:25% ;
		height: 100vh;
		box-sizing: border-box;
		color:#fff;
		display:flex;
		flex-direction:column;
		align-items:center;
		float:left;
		padding-top:100px;
	}
}
.left_nav a{
	color:#fff;
	opacity: 0.5;
}
.left_nav h2,.left_nav h2.sub,.left_nav h3{
	width:68px;
	font-family: 'Shippori Mincho B1', serif;
	font-weight: normal;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size:25px;
	margin:0 auto;
	padding:24px 5px;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	letter-spacing: 6px;
}
.left_nav h2.sub{
	font-size:20px;
	letter-spacing:3px;
	padding:24px 20px;
}
.left_nav h2.sub a{
	opacity: 1.0!important;
}
.left_nav h2 span,.left_nav h3 span{
	font-family: 'Cormorant Garamond', serif;
	display: block;
	font-size:12px;
	letter-spacing: 1.5px;
	font-weight: 600;
	margin-left:2px;
}
.left_nav ul{
	font-family: 'EB Garamond',"a-otf-ryumin-pr6n",  sans-serif;
	margin:48px auto;
	letter-spacing: 2px;
	color:#fff;
	line-height: 2;
}
.left_nav li a.active {
   color: #fff;
	opacity: 1;
}
.left_nav li::first-letter {
  font-size: 20px;;
	letter-spacing: 5px;
}
#content{
	display: block;
  	margin-left: calc(100vw/3);
	padding:0 100px;
	box-sizing: border-box;
	color:#181F6C;
	
}
@media screen and (max-width:1250px) {
	#content{
		margin-left: 25vw;
		padding:0 30px;
	}
}
#mainv_block,#mainv_block2{
	width:100%;
}
#mainv_block img,#mainv_block2 img{
	width:100%;
	height: auto;
}
@media screen and (max-width:1250px) {
	#mainv_block,#mainv_block2{
		width:90%;
		margin:0 auto;
	}
	#mainv_block img,#mainv_block2 img{
		width:100%;
		height: auto;
	}
}

#mainv_block .bx-wrapper{height:auto!important;}
#mainv_block .bx-wrapper .bx-pager{position:absolute;bottom:-2.5vw!important;left:35%}
section h3{
	margin-top:70px;
	font-size:24px;
	letter-spacing: 4px;
	margin-bottom:40px;
	font-family: 'Shippori Mincho B1', serif;
	line-height: 42px;
}

section h3 span{
	font-family: 'EB Garamond', "a-otf-ryumin-pr6n", serif;
	font-size:16px;
	letter-spacing: 2px;
	display: inline-block;
	margin-bottom:10px;
	font-weight: 600;
	line-height: 14px!important;
}
section h3 span.ja{
	font-size:14px;
}
#content p{
	font-size:16px;
	line-height: 36px;
	margin-bottom:20px;
	width:720px;
	letter-spacing: 1.5px;
}
@media screen and (max-width:1370px) {
	#content p{
		width:100%;
		margin:0 auto 20px auto;
	}
}
@media screen and (max-width:1250px) {
	#content p{
		width:90%;
		margin:0 auto 20px auto;
	}
	section h3{
		width:90%;
		margin:70px auto 40px auto;
	}
	.gaishi_photo_box2{
		width:90%;
		margin:30px auto 0 0;
	}
	.gaishi_photo_box2 img{
		width:100%;
	}
}
a.link{
	display: block;
	box-shadow: 0px 0px 23px -8px #6d8edd;
	border-radius: 1px;
	border: 1px solid #D6E3FC;
	color:#2456CC;
	 transition: all 1s ease;
}
a.link:hover{
	box-shadow: 0px 0px 36px -3px #6d8edd;
    border-color: transparent;
	background: #233B98;
	color:#fff;
}
hr.blue{
	clear: both;
	width:710px;
	border:0;
	border-bottom:1px solid #D8E0F6;
	margin:30px 0 70px 0;
}
hr.space{
	border:0;
	margin:50px 0;
}
footer{
  	margin-left: calc(100vw/3)!important;
	width:calc((100vw/3) * 2)!important;
}
@media screen and (max-width:1250px) {
	footer{
		margin-left: 25%!important;
		width:75%!important;
	}
	footer .f_menu{
		margin:210px 20px 0 0;
	}
	footer .sns{
		margin:0 0 0 20px;
	}
	footer h3{
		margin:25px 0 0 20px;
	}
	footer p.address{
		margin:15px 0 0 20px;
	}
	footer p.copyright{
		margin:10px 0 0 20px;
	}
}