@charset "UTF-8" ;
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*960-768-480*/


/*////////////////////////////*/
/*           フレーム           */
/*////////////////////////////*/

/* ボディ */
html
{
}
body
{
	line-height: 1.618 ;
}
* html body {font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
* html body {font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
;}
*:first-child+html body {font-family: ‘メイリオ’,’ＭＳ Ｐゴシック’,sans-serif;}

	* {
		position: relative;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border-color: inherit;
	}

/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	/* ボディ */
	body
	{
		/*font-size: 13px ;	 文字サイズ */
	}
}

a:link, a:visited {
	/*color: #125abc;#000BF0;*/
	color: #125abc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #f00;
	text-decoration: none;
}





/*       グローバルメニュー      */
/*////////////////////////////*/
.openMenu {
display: none;
}

.mainHeader {
margin: 0;
padding: 0;
}

.globalNav ul {
box-sizing: border-box;
display: table;
width: 100%;
margin: 0 auto;
padding: 0;
border: 1px solid #222;
}

.globalNav li {
display: table-cell;
margin: 0;
padding: 5px;
border-left: 1px solid #222;
width: 25%;/*100÷4メニュー数*/
font-weight:bold;
}

.globalNav li:first-child {
border-left: none;
}

.globalNav li a {
display: block;
color:#ffffff;
text-decoration: none;
}

.globalNav li a:hover {
	text-decoration:underline;
}
.globalNav li a:active {
	color:#ff0000;
}

@media (max-width: 768px) {
.openMenu {
display: block;
text-align: right;
padding: 5px;
}

.openMenu a {
display: block;
width: 33px;
height: 24px;
margin: 0 0 0 auto;
text-decoration: none;
background: url(../img/menu01.png) no-repeat 0 0;
background-size: cover;
}

.openMenu a:hover {
 opacity: 0.7;
 }

.openMenu a span {
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.openMenu.isOpen a {
background: url(../img/menu02.png) no-repeat 0 0;
background-size: cover;
}

.globalNav {
display: none;
}

.globalNav ul {
display: block;
}

.globalNav li {
display: block;
border-top: 1px solid #222;
border-left: none;
width:auto;
}

.globalNav li:first-child {
border-top: none;
}
}
/* アニメーション */
.globalNav li.animate01 {
    background-color: #000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
.globalNav li.animate01:hover {
    background-color: #999;
    }





/*           ヘッダー          */
/*////////////////////////////*/
.header
{
	position: fixed;
	width:100%;
	min-height: 120px;
	z-index: 2;
	border-bottom: 1px solid #ededed ;/*		 枠線 */
	background: rgba(255,255,255,0.95);
}

/* ロゴ画像を囲むh1 */
.logo-wrapper
{
	display: inline-block;
/*	position: relative;*/
/*	display: table;*/
	max-width:300px;
	margin: 0 ;
	padding: 0 ;
	height: 100%;
	line-height: 0 ;
		overflow: hidden;
		text-indent: 200%;
		white-space: nowrap;
/*	background: rgba(255,25,255,0.95);*/
}

/* ロゴ画像 */
.logo
{
	margin-top:1em;
/*
	display: table-cell;
	vertical-align: middle;
*/
/*
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
*/
	max-width: 300px ;
/*	height: 250px ;*/
}

.cpRbox {
	float: right;
	max-width: 550px;
	padding-top: 1em;
}
.cp_ipselect {
	overflow: hidden;
/*	width: 90%;*/
/*	margin: 2em auto;*/
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: solid 1px #ededed;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
/*	border: 1px solid #bbbbbb;*/
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
/*	border-left: 1px solid #bbbbbb;*/
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
	color: black;

}

.address
{
	float: left;
	max-width: 200px;
/*	height: auto;*/
	font-size: 1rem;
	margin-right: 1em;
}
#lang {
	float: right;
	padding-top: 2em;
}

#lang ul,#sectionnavi ul {
	list-style: none;
		margin:0;
}

#lang li {
	float:left;
	margin-left: 10px;
	padding:3px 5px;
	background-color: #666666;
	font-size:13px;
	line-height: 150%;
}

#japan #lang li {
	float:left;
	margin-left: 10px;
	padding:0 5px;
	background-color: #666666;
	font-size:13px;
}

#lang .active {
		background-color: #222222;
}

#japan #lang .active {
		background-color: #222222;
}
#lang li:first-child {
	background-color: initial;	
	font-size:15px;
	display: none;
}

#japan #lang li:first-child {
	background-color: initial;	
	font-size:15px;
}
#lang a{text-decoration:none; color:#FFFFFF;}
#lang a:link {text-decoration:none; color:#FFFFFF;}
#lang a:visited {text-decoration:none; color:#FFFFFF;}
#lang a:hover {text-decoration:none; color:#FFFFFF;}
#lang a:active {text-decoration:none; color:#FFFFFF;}

/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	/* ロゴ画像 */
	.header
	{
		position:relative;
		min-height:inherit;
	}

	.logo-wrapper
	{
		width: 80%;
	}
	.logo
	{
		max-width: 100%;
	}
	.cpRbox {
		float: none;
		max-width: auto;
		width: 70%;
		padding-top: 0;
	}
	.cpRbox .address{
		display: none;
	}
	.cpRbox select{
	}
	#lang {
		float: none;
		padding-top:auto;
	}
	.slider.main-item.slick-initialized.slick-slider {
			padding-top:0px;
	}
	.slider img {
		width: 100%;
		height: 50vw;
		object-fit: cover;
	}
}





/*           フッター          */
/*////////////////////////////*/
.footer
{
	text-align: center;
	margin: auto ;
	border-top: 1px solid #b2b2b2;		/* 枠線 */
	/*text-align: center ;			 テキスト、画像の真ん中寄せ */
	/*margin-top: 2em ;			 他のブロックとのスペース */
	padding: 2em 0 ;			/* 上下の余白 */
	background: rgb(46,49,128);
	color:white;
}
.footer address, .copy{
	font-style: normal
}


/*           ボックス          */
/*////////////////////////////*/
.baseWrapper
{
	width: 1000px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
/*	background:#ffffff;*/
}

/* スマホだけに適用するCSS */
@media screen and (max-width:812px)
{
	.baseWrapper
	{
		width: 812px ;
		padding: 0 10px ;
	}
}
@media screen and (max-width:768px)
{
	.baseWrapper
	{
		width: auto ;
	}
}
.baseWrapper
{
/*	overflow: hidden ;*/
}



/*////////////////////////////*/
/*            お知らせ          */
/*////////////////////////////*/
.infoWrap{
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: -4.25em;
	margin-left: auto;
	margin-right: auto;
/*	max-width: 70%;*/
	max-width: 1000px;
	background: rgba(255,255,255,0.7);
		-moz-border-radius: 5px;    /* Firefox */
		-webkit-border-radius: 5px; /* Safari,Chrome */
		border-radius: 5px;         /* CSS3 */
}

.infoWrap > dl{
	margin-left: auto;
	margin-right: auto;
	display:block;
	padding-left:15px;
	clear: both;
	max-width: 715px;
	/*background: rgba(255,30,0,0.2);*/
}
.infoWrap > dl > dt{
	clear: both;
	display: inline-block;
	float: left;
	margin-top: 5px;
	padding-left:40px;
	white-space: nowrap;
}
	.infoWrap > dl > dt.new{
		background: url(../img/ico_newsmall.gif) no-repeat 10px 50%;
	}
.infoWrap > dl > dd{
	float: left;
	margin-top: 5px;
	margin-left:0;
	padding-left: 15px;
	max-width: 80%;
}
.fWrap{
	width: 1000px;
	margin: 4em auto;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
	.fWrap .flex-container{
		width: 31%;
/*		max-width: 250px;*/
		height: 280px;
		overflow: hidden;
		background: rgb(255,255,255);
		box-shadow: 2px 2px 15px  rgba(0,0,0,0.3);
		transition: .2s;
	}
	.fWrap .flex-container:hover{
		background: rgba(0,0,0,0.9);
		cursor: pointer;
	}
	.fWrap .flex-container a{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}
	.fWrap .flex-container .imgBox{
		max-height: 180px;
		overflow: hidden;
	}
.fWrap .flex-container .imgBox img{
	width: 100%;
	transform-origin: 50% 50%;
	transition: .2s;
		}
	.fWrap .flex-container:hover .imgBox img{
/*	width: 101%;*/
	transform:scale(1.01);
/*	filter: brightness(1.1);*/
	opacity: .8;
	}
	.fWrap .flex-container .name{
		height: 100%;
		padding: 10px;
		color: rgb(0,0,0);
		text-align: left;
		transition: .2s;
	}
	.fWrap .flex-container:hover .name{
		color: rgb(255,255,255);
	}
	.fWrap .flex-container .title{
		margin: -2em auto 1em;
		padding: 5px;
		min-width: 35%;
		max-width: 60%;
		overflow: hidden;
		background: rgb(0,146,134);
		color: rgb(255,255,255);
		text-align: center;
	}
@media screen and (max-width:812px)
{
	.fWrap{
		width:auto;
		margin: 0.5em auto;
		display: flex;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.fWrap .flex-container{
		margin-top: 1em;
		width: 30%;
		height: auto;
	}
}
@media screen and (max-width:768px)
{
	.infoWrap{
		text-align: left;
/*
		padding-top: 1em;
		padding-bottom: 1em;
*/
		margin-top: auto;
		max-width: 1000px;
	}
	.infoWrap > dl{
		max-width: inherit;
		width: 100%;
	}
	.infoWrap > dl > dd{
/*		float: none;*/
		margin-top: 5px;
		margin-left:0;
/*		padding-left: 15px;*/
		max-width:inherit;
	}
	.fWrap .flex-container{
		width: 48%;
	}
}

/*////////////////////////////*/
/*           ティッカー         */
/*////////////////////////////*/
.ticker {
margin:2em auto 1em;
padding: 20px 0 30px 0;
width: 70%;
max-width: 700px;
text-align: left;
border: #f6f6f6 1px solid;
background-color: #aea061;
position: relative;
/*overflow: hidden;*/
line-height: 1.25em;
font-size: 1rem;
color: rgb(255,255,255);
		-moz-border-radius: 30px;    /* Firefox */
		-webkit-border-radius: 30px; /* Safari,Chrome */
		border-radius: 30px;         /* CSS3 */
}

.ticker ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.ticker ul li {
	width: 100%;
	display: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align: center;
}
@media screen and (max-width:768px){
	.ticker {
		margin:auto 1em;
		padding: 0;
		width: auto;
		max-width: inherit;
	}
	.ticker ul li {
		vertical-align: middle;
		padding: 0 0.5em;
		text-align: left;
	}
	.ticker ul li div {
	height: 4em;
	padding: 0.25em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
	}
}



.lecWrap,
.bookWrap,
.formWrap {
	background: #ff9333;
	color: white;
	overflow: hidden;
}
.bookWrap {
	margin-top: -100px;
	background: url("../../book/bg_book.svg") no-repeat left top;
	background-size: 100% 100%;
	float: left;
	width: 100%;
}
.mapWrap {
	height: 550px;
}
.lecCut {
	position: absolute;
	top: -1px;
	right: -3px;
	width: 100%;
/*	min-height: 125px;*/
/*
	background: url("../../lecture/img/cut.svg") no-repeat;
	background-size:cover;
	background-position: right top;
*/
	z-index: 1;
}
.lecCut img{
	width: 100%;
}
.lecBg {
/*	min-height: 125px;*/
	background: url("../../lecture/img/bg.jpg") no-repeat;
/*	background-size:cover;*/
	background-size:cover;
	background-position: top 50%;
}
/*
.lecBox,
.bookBox,
.formBox{
	width: 1000px;
}
*/
	.lecBox{
		padding-top: 100px;
	}
	.lecArcBox{
		padding: 2rem;
	}
		.lecArcBox > h1{
			margin-bottom: 1em;
			font-size: 2em;
		}
		.lecArcBox h1 > span{
			display: block;
			font-size: 0.5em;
			font-weight: normal;
		}
		.lecArcBox > img{
			float: left;
			margin-right: 3em;
		}
	.bookBox{
		min-height: 700px;
		padding-top: 100px;
	}
	.formBox{
		border-radius: 10px;
		margin: 3em auto 1.25em;
		padding: 4em;
		background: white;
		font-size: 1rem;
		color: black;
	}

.tBox{
	display: inline-block;
/*	background: rgba(255,255,0,0.2);*/
	margin-top: 20px;
	margin-bottom: 20px;
}
.tBox>hr.titleLine{
	height: 1px;
	margin-left: 1.25em;
	line-height: 1;
	background-color: rgb(255,255,255);
	border: none;
	outline: none;
	font-size: 0.5em;
	overflow: visible;
}
	.tBox>hr.titleLine:before,
	.tBox>hr.titleLine:after{
		content: "◇";
		margin-top: -0.5em;
		color: white;
	}
	.tBox>hr.titleLine:before {
		float: left;
		margin-left: -1.25em;
	}
	.tBox>hr.titleLine:after {
		float: right;
		margin-right: -1.25em;
	}
.lecBox h2.title,
.bookBox h2.title{
	text-align: center;
	padding-left: 1.25rem;
	padding-right: 0.25em;
	line-height: 1;
	margin: 10px auto;
	font-size: 6em;
}
.lecBox img{
	margin-left: 0.5rem;
	margin-bottom: 3rem;
	border-radius: 50%;
}

.lecBox .text{
	float: right;
	max-width: 40%;
	font-size: 1rem;
	color: rgb(255,255,255);
}
.archBox{
/*	display: inline-block;*/
	margin: 1em auto;
	line-height: 1;
	max-width: 700px;
	font-size: 2em;
	color: rgb(255,215,175);
/*	opacity: 0.6;*/
}
.archBox span a{
	display: block;
	margin-top: 0.25em;
	padding-left: 1em;
	background: url("../img/arrow_y.png") no-repeat left 50%;
	font-size: 50%;
	color: white;
}
.archBox .archWrap{
	height: 100px;
	overflow: hidden;
}


.pfWrap{
/*
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
*/
	padding-top: 10em;
/*	background: url("../../lecture/honda.png") no-repeat left;*/
	background-size: contain;
}
.pfWrap > div > .name{
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-left: 0.25em;
	line-height: 1;
	font-size: 4em;
	font-weight: normal;
	border: solid 5px rgb(214,26,38);
	border-width: 0 0 0 5px;
}
.pfWrap .name span{
	font-size: 1.5rem;
	vertical-align: middle;
}
.pfWrap > div > h3.title {
	color: rgb(214,26,38);
	font-size: 1.5rem;
	font-weight: normal;
}
.pfWrap .lbox,.pfWrap .rbox {
	max-width: 50%;
}
.pfWrap .career {
	overflow: auto;
	margin-bottom: 2em;
	column-count: 2; /* ２カラムの場合 */
/*  column-width: 300px;  カラムの幅を指定 */
	column-gap: 2em; /* カラム間の余白を指定 */
	max-height: 450px;
	font-size: 1rem;
	background: rgba(255,255,255,0.1);
}


.bizWrap .title{
/*	display:none;*/
	visibility: hidden;
	line-height: 0;
}
.bizWrap div{
	height: 650px;
}
.bizWrap img{
	max-width: 1200px;
	margin:4em auto;
}
.bizWrap img.pl01{
	max-width: 500px;
}
.formBox{
	font-size: 1.25rem;
}
.formBox input + input{
	margin-top: 0.25em
}
.formBox input,
.formBox textarea{
/*	background: #ededed;*/
	padding: 8px;
	border: solid 1px #ededed;
	max-width: 560px;
	border-radius: 5px;
}
.formBox select{
	line-height: 1;
	border: solid 1px #ededed;
}
.formBox > div > h2.title{
	padding-bottom: 0.25em;
	font-size: 2em;
	font-weight: normal;
}
.formBox > div > .subTitle{
	margin: 1.75em auto;
	min-height: 70px;
	font-size: 1.25em;
	color: #ff9433;
	background: url("../img/subTForm.png") no-repeat 50% bottom;
}
	.formBox > .title + p,
	.formBox > .title + p + p{
	}
.formBox dt,.formBox dd
{
	float: left
}
@media screen and (max-width:1024px){
	.formBox dt,.formBox dd {
		float: none;
	}
}
.formBox dt,.formBox dd,.formBox th,.formBox td
{
	padding: 0.5em;
	vertical-align:top;
	color: #4d4d4d;
	font-weight: normal;
}
.formBox dt,.formBox th{
	min-width: 250px;
	margin-right: 1em;
	white-space: nowrap;
	clear: both;
}
.formBox th .req,.formBox dt .req{
	font-size: 0.75em;
	color: red;
}
.formBox textarea{
	width:100%;
}
.formBox .btn input{
	margin: 3em auto 0.5em;
	padding: 0.25em 1em;
	font-size: 1.25em;
	color: white;
	background: #d95a24;
	transition: all  0.3s ease;

}
.formBox .btn input:hover{
	background: #d87350;
}
.formWrap {
	background: #ff9333;
	color: white;
	overflow: hidden;
}

.footWrap h3,
.footWrap ol{
	margin-left:220px;
}
@media screen and (max-width:812px){
	.lecBox{
		padding-top: 30px;
	}
	.lecBox h2.title,
	.bookBox h2.title{
		font-size: 3em;
	}
	.lecBox img{
		width: 29%;
		margin-bottom: 1em;
	}
	.lecBox .text{
		float: none;
		max-width:none;
		margin-bottom: 1em;
	}
	.archBox .archWrap{
		text-align: center;
		height:auto;
		overflow:inherit;
	}
	.lecArcBox{
		padding: 1rem;
	}
		.lecArcBox > h1{
			line-height: 1;
		}
		.lecArcBox h1 > span{
			line-height: 1.25;
			display: block;
			margin-top: 0.25em;
			font-size: 0.5em;
			font-weight: normal;
		}
		.lecArcBox > img{
			float: none;
			margin-right: 0;
			width: 100%;
		}
	.tBox>hr.titleLine:before,
	.tBox>hr.titleLine:after{
		content: "◇";
		margin-top: -0.5em;
		color: white;
		font-weight: bold;
	}
	.bookWrap {
		margin: auto;
	}
	.bookBox {
		min-height: 500px;
		padding-top:50px;
	}
	.pfWrap{
		padding-top: 0
	}
	.pfWrap .lbox,.pfWrap .rbox {
		float: none;
		max-width: 100%;
	}
	.pfWrap .lbox{
		display: none;
	}
	.pfWrap .lbox img{
		display: none;
	}
	.pfWrap h2.name,
	.pfWrap .name span{
		white-space: nowrap;
	}
	.pfWrap .name span{
		display: block;
	}
	.pfWrap .career {
		padding: 0.5em;
		column-count: initial;
		max-height: inherit;
		background: rgba(255,255,255,0.5);
	}
	.pfPBox{
		float:right;
/*		margin-top: 10em;*/
		max-height: 400px;
		width:30%;
		overflow: hidden;
	}
	
	.bizWrap div{
		height: 800px;
	}
	.bizWrap img.pl01{
		max-width: 100%;
	}
	.bizWrap img.pl02, .bizWrap img.pl03{
		display: none;
	}
	.formBox{
/*		margin: 3em auto 1.25em;*/
		padding: 0.5em;
	}
	.mapWrap {
		height: 550px;
	}
}
@media screen and (max-width:768px){
	.bookBox {
		height: 500px;
		padding-top:50px;
	}
}
@media screen and (max-width:480px){
	.bookBox {
		min-height: 350px;
		padding-top:50px;
	}
	.pfPBox{
		float:none;
		margin-top: 1em;
		margin-bottom: 1em;
		max-height: 400px;
		width:90%;
		overflow: hidden;
	}
	.bizWrap div{
		height: 550px;
	}
}

/*////////////////////////////*/
/*         フレーム以外         */
/*////////////////////////////*/

/* デスクトップPCとスマホに適用するCSS */
p
{
/*	color: #4c4c4c;*/
}


.siteTopTitle{
	margin-top:2em;
	padding-left:20px;
	font-size:300%;
	font-weight:bold;
}
.backNumverTitle{
	padding-left:20px;
	font-size:300%;
	font-weight:bold;
}
.pageTitle{
	margin: 0em;
	margin-top:2em;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
}
.featureTitle{	/*h2、h3サイズはtopLboxtopRboxへ記述*/
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
}
.cateTitle{	/*h2、h3サイズはtopLboxtopRboxへ記述*/
	position:relative;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	text-shadow:
/*		-1px -1px 0 #999,
		-1px 1px 0 #666,
		1px -1px 0 #666,
*/		2px 2px 0 #333;
}


.freeBox{
	min-height:50px;
	padding:20px;
}

.contentsBox{
	position:relative;
	min-height:468px;
	padding:60px 60px 80px;
	line-height:200%;
}
.contentsBox h4{
	font-size:110%;
}
.contentsBox h5{
	font-size:108%;
}
.contentsTitle{
	font-size:200%;
	font-weight:bold;
	line-height:110%;
	margin: 0 0 0.5em;
}
.doubleLine{
	display:block;
	height:2px;
	border-top:solid 1.5px #808080;
	border-bottom:solid 1.5px #808080;
}
.yearBorder{
	display:block;
	margin:3em auto auto;
	width:95%;
	border-top:solid 1px #d2d2d2;
}
.closeBtn{
	position:absolute;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
	width:136px;
	height:80px;
	z-index:9999;
}
	.closeBtn a{
		position:absolute;
		width:136px;
		height:40px;
		background:url(../img/btn_close.gif) no-repeat;
		cursor: pointer;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}



/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	.pageTitle{
		margin: 0;
		padding-left:0;
		padding-right:0;
		font-weight:bold;
	}
	.contentsBox{
		position:relative;
		min-height:468px;
		padding:20px 0 80px;
		line-height:200%;
	}
}



.slider.main-item{
	padding-top: 120px;
}
.slider.book-item .item{
	margin: auto 20%;
}
/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	.slider.main-item.slick-initialized.slick-slider {
			padding-top:0px;
	}
.slider.book-item .item{
	margin: auto;
}
	.slider.main-item img {
		width: 100%;
		height: 50vw;
		object-fit: cover;
	}
	.slider.book-item img {
		width: 95%;
		height: auto;
		margin: auto;
	}
}


/*////////////////////////////*/
/*         共通         */
/*////////////////////////////*/
.marginT01{
	margin-top:1em;
}
.marginU01{
	margin-bottom:1em;
}
.marginU02{
	margin-bottom:2em;
}
.marginL01{
	margin-left:1em;
}
.marginR01{
	margin-right:1em;
}

.lbox
{
	float: left ;		/* 左に寄せる */
}

.rbox
{
	float: right ;		/* 右に寄せる */
}
.cbox
{
	margin-left: auto;
	margin-right: auto;
}

.txt_center{
	text-align:center;
}
.txt_left{
	text-align:left;
}

.keta02{
	display:inline-block;
	width:1.25em;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox 
	@-moz-document url-prefix(){
		.keta02 {
			width:1.2em;
		}
	}*/

.forPc{}
.forMobile{
	visibility: hidden;
	display: none;
}
@media screen and (max-width:812px)
{
	.forPc{
		display: none;
	}
	.forMobile{
		visibility: visible;
		display: inherit;
	}
}

/* 2011年ヴァージョン */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/* 2010年ヴァージョン */
.clearfix:before,
.clearfix:after {
	content: ".";    
	display: block;    
	height: 0;    
	overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

/* フロート解除 */
.clear{
	clear:both;
}

.ryuRKL{
	font-family: "リュウミン R-KL";
}
.mincho{
	font-family: "リュウミン R-KL" , "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.genGoth{
	font-family: 'Noto Sans Japanese', sans-serif;
}
.w100 {font-weight: 100;}
.w200 {font-weight: 200;}
.w300 {font-weight: 300;}
.w400 {font-weight: 400;}
.w500 {font-weight: 500;}
.w700 {font-weight: 700;}
.w900 {font-weight: 900;}