@charset "utf-8";
/*=============================================================
 Home Layout
=============================================================*/
/* common
-------------------------------------------------------------*/
#contents{padding-bottom:0;}

/* pageTtlArea
-------------------------------------------------------------*/
#pageTtlArea{
	margin-bottom:0;
	position:relative;
	transition:opacity 2s ease 1s;
}
#pageTtlArea .textSet{
	box-sizing:border-box;
	width:100%;
	padding:0 10px 15px;
	position:absolute;
	top:50%;
	z-index:1;
	transform:translate(0,-50%);
}
#pageTtlArea .catch{
	color:#fff;
	font-size: 24px;
	line-height:1.2;
	text-shadow:0 0 10px rgba(0,0,0,.8);
	transition-delay:2s;
}
#pageTtlArea .catch>span{
	font-family:"Crimson Text", serif;
	font-size: 44px;
	font-weight:normal;
	display:inline-block;
	/*margin-bottom:20px;*/
	line-height: 1;
}
#home-mainImg video{
	width:100%;
	height:auto;
	display:block;
}
#home-mainImg img{width:100%;}

/* home-news
-------------------------------------------------------------*/
#home-news{
	background-color:#ebebeb;
	padding-top:45px;
	padding-bottom:40px;
}
#home-news>div{display:flex;}

/* h2 */
#home-news h2{
	font-size:20px;
	line-height:1.3;
	font-weight:normal;
	flex-shrink:0;
	padding-right:30px;
}
/* link */
#home-news .link{
	text-align:center;
	margin-top:40px;
}
#home-news .link a{
	background:none;
	border:1px solid #0d3060;
}
#home-news .link a::before{background:#fff;}

/* home-overview
-------------------------------------------------------------*/
#home-overview{
	color:#fff;
	background:url(../img/bg01.jpg) no-repeat center center/cover;
	box-sizing:border-box;
	display:table;
	width:100%;
	height:320px;
	margin-top:90px;
	padding:30px 20px 20px;
	text-align:center;
}
#home-overview>div{
	display:table-cell;
	vertical-align:middle;
}
#home-overview h2{
	font-family:"Crimson Text", serif;
	font-size:38px;
	line-height:1.2;
	font-weight:normal;
}
#home-overview .text{
	font-size:18px;
	line-height:1.7;
	margin:10px 0 25px;
}
#home-overview .link-btnDefault{
	background:rgba(13,48,96,.8);
	border:1px solid rgba(255,255,255,.8);
}
/* home-menu01
-------------------------------------------------------------*/
#home-menu01{
	text-align:center;
	/*margin-top:105px;*/
	margin: 105px 0;
}
#home-menu01>*{
	width:calc(99.9999% / 2);
	margin-left:0;
}
#home-menu01 .link-arw{font-size:21px;}

/* home-menu02
-------------------------------------------------------------*/
#home-menu02{
	background-color:#f5f7f8;
	margin-top:150px;
	padding-top:65px;
	padding-bottom:100px;
}
#home-menu02 section+section{margin-top:120px;}

/* h2 */
#home-menu02 h2{
	font-family:"Crimson Text", serif;
	font-size:28px;
	line-height:1.15;
	font-weight:normal;
	text-align:center;
	margin-bottom:40px;
}
#home-menu02 h2::after{
	content:"";
	display:block;
	margin:15px auto 0;
	width:60px;
	border-bottom:6px solid #0d3060;
}
/* col */
#home-menu02 .col{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
	margin:-40px -20px 0;
}
#home-menu02 .col>*{
	box-sizing:border-box;
	width:25%;
	max-width:290px;
	margin-top:40px;
	padding:0 20px;
}
#home-menu02 .col a{
	color:#000;
	text-decoration:none;
	display:inline-block;
}
#home-menu02 .col a img{
	display:block;
	margin:0 auto;
}
#home-menu02 .col .link-arw{
	font-size:14px;
	margin-top:25px;
}
#home-menu02 .col .icon-blank::after{
	vertical-align:-0.14em;
	margin-left:5px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width:1024px){

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:751px) and (max-width:1023px){

#pageTtlArea .catch>span{
	font-size: 38px;
}

/* home-news
-------------------------------------------------------------*/
#home-news{flex-wrap:wrap;}

/* link */
#home-news .link{
	order:0;
	padding-left:0;
}
/* list-news */
#home-news .list-news{
	width:100%;
	margin-top:20px;
}
/* home-menu02
-------------------------------------------------------------*/
/* col */
#home-menu02 .col{
	max-width:580px;
	margin-left:auto;
	margin-right:auto;
}
#home-menu02 .col>*{width:50%;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:750px){

/* pageTtlArea
-------------------------------------------------------------*/
#pageTtlArea{
	transition-delay:.2s;
	border-bottom:none;
}
#pageTtlArea .catch{
	font-size: 16px;
	transition-delay:1s;
}
#pageTtlArea .catch>span{
	font-size: 32px;
	/*margin-bottom:20px;*/
}
/* home-news
-------------------------------------------------------------*/
#home-news{
	padding-top:30px;
	padding-bottom:30px;
}
#home-news>div{display:block;}

/* h2 */
#home-news h2{
	font-size:18px;
	padding-right:0;
}
/* list-news */
#home-news .list-news{margin-top:10px;}

/* home-overview
-------------------------------------------------------------*/
#home-overview{
	background-image:url(../img/bg01_sp.jpg);
	height:380px;
	margin:50px auto 0;
	max-width:335px;
	padding:25px 15px 15px;
}
#home-overview h2{font-size:30px;}
#home-overview .text{
	font-size:16px;
	margin:8px 0 15px;
}
/* home-menu01
-------------------------------------------------------------*/
#home-menu01{margin-top:85px;}
#home-menu01>*{
	width:auto;
	margin-left:auto;
}
#home-menu01 .link-arw{font-size:18px;}
#home-menu01>*+*{margin-top:40px !important;}

/* home-menu02
-------------------------------------------------------------*/
#home-menu02{
	margin-top:80px;
	padding-top:45px;
	padding-bottom:75px;
}
#home-menu02 section+section{margin-top:75px;}

/* h2 */
#home-menu02 h2{
	font-size:20px;
	margin-bottom:20px;
}
#home-menu02 h2::after{
	margin:10px auto 0;
	width:40px;
	border-bottom-width:4px;
}
/* col */
#home-menu02 .col{margin:-40px -20px 0;}
#home-menu02 .col>*{
	width:50%;
	margin-top:40px;
	padding:0 20px;
}
#home-menu02 .col .link-arw{
	font-size:12px;
	margin-top:12px;
}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){

}