@charset "UTF-8";

/*==============================
mainVisualArea
================================ */
.mainVisual{
	position:relative;
	width:100%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
}


/* ----- */
.mainVisual .imgLst{
}
.mainVisual .imgLst .item{
}
.mainVisual .imgLst .item img{
	width:100%;
	vertical-align:bottom;
}

/* ----- */
.mainVisual__lnks{
	position:absolute;
	bottom:0;
	right:0;

	width:100%;
	max-width:260px;
	margin-left:auto;
	margin-right:auto;
	background:#2C2E75;
	padding:30px 15px;
}
.mainVisual__lnks .item{
}
.mainVisual__lnks .item a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:15px 0;
	font-size:16px;
}
.mainVisual__lnks .item a:hover{
	color:#ff0;
}
.mainVisual__lnks .item a span{
	display:block;
	background:url(../img/mainVisual__lnks_marker.png) no-repeat right center;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.mainVisual__lnks{
		max-width:190px;
		padding:10px 10px;
		bottom:-42px;
	}
	.mainVisual__lnks .item a{
		padding:10px 0;
		font-size:14px;
	}
}
/*==============================
pageMainVisual
================================ */
.pageMainVisual{
	margin-bottom:105px;
	overflow:hidden;
}
.pageMainVisual .inner{
	width:100%;
	max-width:1600px;
	background:url("../img/pageMainVisual/visual01.jpg") no-repeat center center;
	background-size:cover;
	width:1600px;
	height:580px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.pageMainVisual .tit{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
	height:180px;
	background:#fff;
	width:100%;
	max-width:500px;
	position:absolute;
	bottom:0px;
	left:0;

}
.pageMainVisual .tit span{
	font-size:46px;
	color:#33393D;
	display:block;
	width:100%;
	padding-left:50px;
}
.pageMainVisual .tit span:before{
	content:"";
	width:200px;
	height:1px;
	background:#2C2E75;
	position:absolute;

    top: 50%;
    left: -180px; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}



.pageMainVisual.visual-type-01 .inner{ background-image:url("../img/pageMainVisual/visual01.jpg");}
.pageMainVisual.visual-type-02 .inner{ background-image:url("../img/pageMainVisual/visual02.jpg");}
.pageMainVisual.visual-type-03 .inner{ background-image:url("../img/pageMainVisual/visual03.jpg");}
.pageMainVisual.visual-type-04 .inner{ background-image:url("../img/pageMainVisual/visual04.jpg");}
.pageMainVisual.visual-type-05 .inner{ background-image:url("../img/pageMainVisual/visual05.jpg");}

/*==============================
 
pageLink
 
================================ */
.pageLink{
}
.pageLink ul{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	gap:20px 5px;
	width:100%;
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:150px;
}
.pageLink ul li{
	flex-basis:30%;
}
.pageLink ul li:last-child{
	margin-right:0;
}
.pageLink ul li a{
	display:block;
	color:#1F1F1F;
	text-decoration:none;
	border:solid 1px #DDDDDD;
	padding:25px;
	margin-right:0;	background:url(../img/pageLinkArrow.png) no-repeat right 10px center;
}
.pageLink ul::after{
  content:"";
  display: block;
  width:30%;
}

/* ---- */
.pageLink.pageLink-type02{
}
.pageLink.pageLink-type02 ul{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	gap:10px 5px;
	width:100%;
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:150px;
}
.pageLink.pageLink-type02 ul li{
	flex-basis:19%;
	margin-bottom:0px;
}
.pageLink.pageLink-type02 ul li a{
	color:#1F1F1F;
	text-decoration:none;
	background:#fff url(../img/pageLinkArrow.png) no-repeat right 10px center;
}


/*==============================

photoGallery
 
================================ */
.photoGallery{
}
.photoGallery .inner{
	width:100%;
	max-width:2400px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.photoGallery_lst {
	position:relative;
	z-index:1;
}
.photoGallery_lst img{
	width:100%;
	height:auto;
}
.photoGallery_tit {
	width:100%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	margin-top:-40px;

	position:relative;
	z-index:10;
}
.photoGallery_tit span{
	display:inline-block;
	background:#fff;
	padding:20px 30px;
	margin-right:15px;
}
.photoGallery_tit span img{
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.photoGallery_tit {
		max-width:200px;
	}
	.photoGallery_tit span{
		padding:20px 20px;
		margin-right:0px;
	}
}

/*==============================

cntLnkArea
 
================================ */
.cntLnkArea{
}
.cntLnkArea .inner{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/* ---- */
.cntLnkArea .cntLnkArea__item{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:110px;
}
.cntLnkArea .cntLnkArea__item:last-child{
	margin-bottom:0;
}



/* ---- */
.cntLnkArea .pic{
	flex-basis:39.5%;
}
.cntLnkArea .pic img{
	width:100%;
	height:auto;
}
.cntLnkArea .cnt{
	flex-basis:54%;
}
.cntLnkArea .cnt .tit02{
}
.cntLnkArea .cnt .txt{
}
.cntLnkArea .cnt .lnkLst01{
}

/* ---- */
.cntLnkArea .cntLnkArea__item:nth-child(even) .pic{ order:2; }
.cntLnkArea .cntLnkArea__item:nth-child(even) .cnt{ order:1; }

@media screen and (max-width: 1200px) { /* Smartphone */
	.cntLnkArea .inner{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.cntLnkArea .cntLnkArea__item{
		margin-bottom:40px;
	}
	/* ---- */
	.cntLnkArea .pic{
		flex-basis:100%;
		margin-bottom:20px;
		order:1 !important;
	}
	.cntLnkArea .cnt{
		flex-basis:100%;
		order:2 !important;
	}
	.cntLnkArea .cnt .txt{
		font-size:14px;
	}
}
/*==============================

newsArea
 
================================ */
.newsArea{
	background:#FAF8F2;
	padding:50px 0;
}
.newsArea .inner{
	width:100%;
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
/* ---- */
.lnk_NewsLst{
	position:absolute;
	text-align:right;
	top:15px;
	right:15px;
}
.lnk_NewsLst a{
	text-decoration:none;
	color:#333333;
	display:inline-block;
	background-image:url(../img/lnk_NewsLst_marker01.png) , url(../img/lnk_NewsLst_marker02.png);
	background-repeat:no-repeat , no-repeat;
	background-position:left center , right center;
	padding:15px 20px 15px 50px;
}
 .lnk_NewsLst a span{
	 border-bottom:solid 1px #333333;
}
 .lnk_NewsLst a:hover span{
	 border:none;
 }


/* ---- */
.newsArea .newsLst{
	margin-right:auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.newsArea .item{
	flex-basis:33.33%;
	margin-bottom:75px;
	border-right:solid 1px #CCCCCC;
}
.newsArea .item:nth-child(3n){
	border:none;
}
/* --- */
.newsArea .item a{
	display:block;
	padding:0 10%;
	text-decoration:none;
	color:#333333;

}

.newsArea .item .pic{
	margin-bottom:20px;
	text-align:center;
}
.newsArea .item .pic img{
	width:98%;
	height:auto;
	transition:all 0.3s ease;
}
.newsArea .item a:hover .pic img{
	filter: drop-shadow(1px 1px 7px #aaa);
}
/* ---- */
.newsArea .item .dateCat{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom:15px;
}
.newsArea .item .dateCat .date{
	font-size:14px;
	margin-right:5px;
}
.newsArea .item .dateCat .cat{
	font-size:13px;
	display:inline-block;
	background:#fff;
	padding:5px 10px;
}
/* ---- */
.newsArea .item .tit{
	margin-bottom:25px;
	font-size:20px;
	transition:all 0.3s ease;
}
.newsArea .item a:hover .tit{
	text-decoration:underline;
}
/* ---- */
.newsArea .item .txt{
	font-size:16px;
}


@media screen and (max-width: 1200px) { /* Smartphone */
	.newsArea .inner{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */
	.newsArea .item{
		flex-basis:48%;
		margin-bottom:35px;
	}
	.newsArea .item{
		border:none;
	}

	.newsLst .item:nth-child(2n+1){

		border-right:solid 1px #ccc !important;

	}

	.newsLst .item:nth-child(2n+1) a{
		padding:0 10px 0 0 !important;
	}
	.newsLst .item:nth-child(2n) a{
		padding:0 0 0 0 !important;
	}
	.newsArea .item .tit{
		font-size:15px;
		line-height:1.5;
	}
	.newsArea .item .txt{
		font-size:13px;
		color:#666666;
	}
	/* ---- */
	.lnk_NewsLst{
		position:absolute;
		text-align:right;
		top:15px;
		right:15px;
	}
	.lnk_NewsLst a{
		background-image:url(../img/lnk_NewsLst_marker01.png) , url(../img/lnk_NewsLst_marker02.png);
		background-size:25px auto, 10px auto;
		padding:15px 15px 15px 30px;
	}
	 .lnk_NewsLst a span{
	}
	 .lnk_NewsLst a:hover span{
	 }
}

/*==============================

histryBox
 
================================ */
.historyBox{
}
.historyLst{
}


.historyLst__item{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.historyLst__item .monthYear{
	flex-basis:26%;
	color:#2C2E75;
	font-size:18px;
	text-align:right;
	font-weight:bold;
	padding-top:11px;
}
.historyLst__item .cnt{
	flex-basis:72%;
	padding-bottom:20px;
	background:url(../img/circle_marker.png) no-repeat;
	padding-left:60px;
	position:relative;
	overflow:hidden;
}
.historyLst__item .cnt:before{
	content:"";
	display:block;
	width:2px;
	height:500px;
	position:absolute;
	background:#ccc;
	left:19px;
	top:40px;
}


.historyLst__item .cnt .txt{
	font-size:18px;
}
.historyLst__item .cnt .pic{
}
.historyLst__item .cnt .pic img{
}


@media screen and (max-width: 767px) { /* Smartphone */
}
/*==============================

layoutBox-history
 
================================ */
.layoutBox-history{
}
.layoutBox-history .tit{
	background:#221F87;
	color:#fff;
	padding:10px;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	width:100%;
	max-width:360px;
	margin-left:auto;
	margin-right:auto;
	border-radius:7px;
	margin-bottom:20px;
}
/*==============================

messageLst
 
================================ */
.messagelst{
}
.messagelst .layoutBox{
}
.messageLst__info{
	position:relative;
	padding-bottom:40px;
}
.messageLst__info:before{
	content:"";
	display:block;
	width:5000px;
	height:320px;
	position:absolute;
	bottom:0;
	right:-20px;
	background:#E8EBF3;
	z-index:1;
}


.messageLst__info .imgCenter{
	position:relative;
	z-index:10;
}
.messageLst__info .imgCenter img{
}
.messageLst__info .yakusyoku{
	position:relative;
	z-index:10;
	font-size:16px;
	margin-bottom:10px;
}
.messageLst__info .name{
	position:relative;
	z-index:10;
	font-size:30px;
	color:#33393D;
	font-weight:bold;
	margin-bottom:20px;
}
.messageLst__info .name .eng{
	font-size:20px;
	display:inline-block;
	color:#221F88;
	padding-left:1em;
}
.messageLst__info .txt{
	position:relative;
	z-index:10;
	font-size:16px;
}
@media screen and (max-width: 767px) { /* Smartphone */
	.messageLst__info{
		margin-bottom:30px;
		flex-basis:100%;
	}
	.messageLst__msg{
		flex-basis:100%;
	}
}
/*==============================

messageLst: 画像右
 
================================ */
.messageLst .layoutBox.pic-right{
}

.messageLst .layoutBox.pic-right .messageLst__info{
	order:2;
}
.messageLst .layoutBox.pic-right .messageLst__msg{
	order:1;
}
.messageLst .layoutBox.pic-right .messageLst__info:before{
	bottom:0;
	right:auto;
	left:-20px;
}
.messageLst__info .imgCenter{
	padding-left:20px;
}
.messageLst__info .yakusyoku{
	padding-left:20px;
}
.messageLst__info .name{
	padding-left:20px;
}
.messageLst__info .txt{
	padding-left:20px;
}
/*==============================

hashiraBox
 
================================ */
.hashiraBox{
}
.hashiraBox .inner{
	background:#E8EBF3;
}
.hashiraBox .box{
	max-width:1475px;
}
.hashiraBox .box .cnt{
	padding-top:80px;
}
.hashiraBox .box .cnt .txt01{
	line-height:2;
	font-size:16px;
}
.hashiraBox .box .cnt .txt01 span{
	font-size:18px;
}
.hashiraBox .box .pic{
	margin-top:-100px;
}
@media screen and (max-width: 1475px) { /* Smartphone */
	.hashiraBox .box{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */

	.hashiraBox .box .cnt{
		padding-top:30px;
		margin-bottom:30px;
	}
	.hashiraBox .box .pic{
		margin-top:auto;
	}
}
/*==============================

six-monthBox
 
================================ */
.six-monthBox{
	background:#E8EBF3;
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding:30px 5px;
}
.six-monthBox .btnArea .btn01{
	max-width:480px;
}
/*==============================

tokusyokuBox
 
================================ */
.tokusyokuBox{
}
.tokusyokuBox .inner{
	background:#E8EBF3;
	padding-bottom:10px;
}
.tokusyokuBox .box{
	max-width:1200px;
}
.tokusyokuBox .box .cnt{
	padding-top:80px;
}
.tokusyokuBox .box .cnt .txt01{
	line-height:2;
	font-size:26px;
	color:#2C2E75;
	font-family: 'Noto Serif JP', serif;
}
.tokusyokuBox .box .cnt .txt01 span{
	font-size:18px;
	text-align:right;
	display:block;
	font-weight:bold;
}
.tokusyokuBox .box .pic{
	margin-top:-60px;
}
.tokusyokuBox .pageLink-type02 ul{
	margin-bottom:50px;
}
@media screen and (max-width: 1200px) { /* Smartphone */
	.tokusyokuBox .box{
		max-width:calc(100% - 30px);
	}
}
@media screen and (max-width: 767px) { /* Smartphone */

	.tokusyokuBox .box .cnt{
		padding-top:30px;
		margin-bottom:30px;
	}
	.tokusyokuBox .box .pic{
		margin-top:auto;
	}
}
/*==============================

kamokuLst
 
================================ */
.kamokuLst{
}
.kamokuLst .inner{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.kamokuLst .inner .item{
	margin-bottom:80px;
}
/* ----- */
.kamokuLst .item:nth-child(odd) .cnt{
	order:2;
}
.kamokuLst .item:nth-child(odd) .pic{
	order:1;
}
/* ----- */

@media screen and (max-width: 1200px) { /* Smartphone */
	.kamokuLst .inner{
		max-width:calc(100% - 30px);
	}
}
/*==============================

gradMessage
 
================================ */
.gradMessage{
}
.gradMessage__item{
}
.gradMessage__tit{
	position:relative;
}
.gradMessage__tit:before{
	content:"";
	width:5000px;
	height:140px;
	position:absolute;
	background:#FAF8F2;
	top:0;
	left:0;
	z-index:1;
}
.gradMessage__tit:after{
	content:"";
	display:block;
	width:160px;
	height:1px;
	border-bottom:solid 1px #333333;
	position:absolute;
	top:60px;
	left:-50px;
	z-index:10;
}
.gradMessage__tit span{
	display:block;
	padding:45px 0px 45px 150px;
	position:relative;
	z-index:10;
	font-size:30px;
	font-family: 'Noto Serif JP', serif;
}
/* ---- */
.gradMessage .picArea{
	width:100%;
	max-width:640px;
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:10;
}
.gradMessage .picArea .pic{
	position:relative;
	z-index:1;
}
.gradMessage .picArea .pic img{
	width:100%;
	max-width:640px;
}
.gradMessage .picArea .info{
	background:#fff;
	width:100%;
	max-width:350px;
	margin-top:-20px;
	margin-left:-30px;
	padding:15px;
	position:relative;
	z-index:10;
}
.gradMessage .picArea .info .name{
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}
.gradMessage .picArea .info .name .tarms{
	font-size:16px;
	font-weight:normal;
}
.gradMessage .picArea .info .name .small{
	font-size:20px;
}



/*==============================
eventLst
================================ */
.eventLst{
	position:relative;
	overflow:hidden;
}
.eventLst:before{
	content:"";
	width:2px;
	height:8000px;
	background:#E8EBF3;
	position:absolute;
	left:50px;
	bottom:0;

}
.eventLst > .item{
	position:relative;
	z-index:10;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.eventLst > .item:last-child{
	background:#fff;
}
/* --- */
.eventLst__month{
	flex-basis:120px;
}
.eventLst__month img{
	width:100%;
	max-width:100px;
	height:auto;
}
.eventLst__conent{
	flex-basis:calc(100% - 120px);
	padding-top:30px;
}
/* --- */
.eventLst__content__labels{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin-bottom:40px;
}
.eventLst__content__labels li{
	background:#E8EBF3;
	padding:10px;
	font-size:18px;
	color:#1F1F1F;
	margin-right:10px;
	margin-bottom:10px;
}
/* --- */
.eventLst__content__images{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin-bottom:40px;
}
.eventLst__content__images__item{
	margin-right:10px;
	margin-bottom:10px;
}
.eventLst__content__images__item .pic{
}
.eventLst__content__images__item .pic img{
	vertical-align:bottom;
	width:100%;
	height:auto;
}
.eventLst__content__images__item .pic span{
	display:block;
	background:#FAF8F2;
	padding:10px;
	font-size:16px;
	text-align:center;
}

@media screen and (max-width: 767px) { /* Smartphone */
	.eventLst:before{
		left:20px;

	}
	.eventLst__month{
		flex-basis:55px;
	}

	.eventLst__conent{
		flex-basis:calc(100% - 65px);
		padding-top:0px;
	}
	.eventLst__month img{
		width:100%;
		max-width:100px;
		height:auto;
	}
	.eventLst__content__labels li{
		padding:6px;
		font-size:15px;
	}
	.eventLst__content__images__item{
		flex-basis:100%;
		text-align:center;
	}
}


/*==============================
layoutBox-global
================================ */
.layoutBox-global{
}
.layoutBox-global .cnt{
	order:2;
}
.layoutBox-global .pic{
	order:1;
	position:relative;
}
.layoutBox-global .pic:before{
	content:"";
	width:100%;
	height:calc(100% - 100px);
	display:block;
	background:#E8EBF3;
	position:absolute;
	right:-20px;
	bottom:-20px;
	z-index:1;
}
.layoutBox-global .pic img{
	position:relative;
	z-index:10;
}
/* ----- */
.layoutBox-global .cnt{
}
.layoutBox-global .cnt .tit{
	background:#FAF8F2;
	padding:45px 0px 45px 100px;
	z-index:10;
	font-size:30px;
	font-family: 'Noto Serif JP', serif;
	width:5000px;
	position:relative;
}
.layoutBox-global .cnt .tit:after{
	content:"";
	display:block;
	width:100px;
	height:1px;
	border-bottom:solid 1px #333333;
	position:absolute;
	top:60px;
	left:-30px;
	z-index:10;
}
.layoutBox-global .cnt .txt{
}
/*==============================
globalLst
================================ */
.globalLst{
}
.globalLst .layoutBox:nth-child(even) .pic{
	order:1;
}
.globalLst .layoutBox:nth-child(even) .cnt{
	order:2;
}
