@charset "utf-8";

.scale {
  -webkit-animation: fadeInOut 10s linear;
  animation: fadeInOut 10s linear;
}
@-webkit-keyframes fadeInOut {
  0% { -webkit-transform: scale(1.3); }
  100% { -webkit-transform: scale(1.0); }
}

@keyframes fadeInOut {
  0% { transform: scale(1.3); }
  100% { transform: scale(1.0); }
}

/* CONTAINER */
#catchSCT {
position: relative;
height: 100vh;
}
#catchSCT .cont {
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
position: absolute;
left: 50%;
top: 50%;
text-align: center;
white-space: nowrap;
}
#catchSCT .cont h1 {
margin-bottom: 18px;
font-family: Georgia, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-size: 21px;
line-height: 1.59;
letter-spacing: 0.1em;
}
#catchSCT .cont p {
font-family: 'Fjalla One', sans-serif;
font-size: 10px;
letter-spacing: 0.05em;
color: #2d67a3;
}
#catchSCT .scroll {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
left: 50%;
bottom: 20px;
text-align: center;
}
@media (min-width: 768px) {
	#catchSCT .cont h1 {
	font-size: 40px;
	letter-spacing: 0.2em;
	font-weight:normal;
	line-height:1.29;
	}
	#catchSCT .cont p {
	font-size: 14px;
	}
}
@media (max-width: 767px) {
	#leadSCT {
	position: relative;
	box-sizing: border-box;
	padding: 80px 20px 80px 20px;
	text-align: left;
	}
	#leadSCT .cont {}
	#leadSCT .cont h2 {
	position: absolute;
	right: 20px;
	top: 20px;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: block;
	box-sizing: border-box;
	text-align: justify;
	text-justify: inter-ideograph;
	font-family: Georgia, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 18px;
	line-height: 1.93;
	margin-left: 36px;
	z-index: 1;
	}
	#leadSCT .cont h2 span {
	background-color: #fff;
	}
	#leadSCT .cont p {
	font-size: 14px;
	line-height: 1.947;
	}
}
@media (min-width: 768px) {
	#leadSCT {
	box-sizing: border-box;
	height: 465px;
	padding: 90px 0 0 0;
	text-align: center;
	}
	#leadSCT .cont {
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	box-sizing: border-box;
	padding-right: 40px;
	font-size: 16px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 2.39;
	letter-spacing: 0.1em;
	white-space: nowrap;
	z-index: 1;
	}
	#leadSCT .cont h2 {
	position: relative;
	font-family: Georgia, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 24px;
	line-height: 1.93;
	margin-left: 36px;
	z-index: 1;
	}
	#leadSCT .cont h2 span {
	background-color: #fff;
	}
}
#navSCT {
padding: 0;
text-align: left;
}
#navSCT .cont {
margin: 0 auto;
max-width: 1140px;
}
#navSCT .block {
position: relative;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
margin-bottom: 80px;
padding: 0 20px;
height: 545px;
cursor: pointer;
}
#NAV_BLK1 {
background-image: url("../img/top/bg_nav1.jpg");
background-position: 65% bottom !important;
}
#NAV_BLK2 {
background-image: url("../img/top/bg_nav2.jpg");
color: #fff !important;
}
#NAV_BLK3 {
background-image: url("../img/top/bg_nav3.jpg");
}
#navSCT .block::before {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 0;
height: 545px;
background-color: rgba(255,255,255,0.0);
}
#navSCT .block.hover::before {
width: 100%;
background-color: rgba(255,255,255,0.3);
}
#navSCT .block div {
position: relative;
padding: 58px 0 0 0;
z-index: 1;
}
#navSCT .block h3 {
position: relative;
padding-left: 52px;
font-family: 'Fjalla One', sans-serif;
font-size: 40px;
font-weight: normal;
color: #0068b7;
}
#navSCT .block h3::before {
content: '';
position: absolute;
left: 0;
top: 50%;
display: block;
background-color: #2d67a3;
width: 40px;
height: 1px;
}
#navSCT .block h4 {
margin-top: -10px;
margin-bottom: 27px;
padding-left: 52px;
font-size: 18px;
font-weight: bold;
}
#navSCT .block p {
margin-bottom: 36px;
font-size: 14px;
line-height: 1.73;
}
#navSCT .block p.more {}
#navSCT .block p.more a {
display: inline-block;
position: relative;
color: #2d67a3;
}
#navSCT .block p.more a::after {
position: absolute;
bottom: -7px;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #0068b7;
transform: scale(1, 1);
transform-origin: right top;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#navSCT .block.hover p.more a::after,
#navSCT .block p.more a:hover::after {
transform: scale(0, 1);
}
#navSCT #NAV_BLK2 p.more a,
#navSCT #NAV_BLK2 p,
#navSCT #NAV_BLK2 h3,
#navSCT #NAV_BLK2 h2 {
color: #fff;
}
#navSCT #NAV_BLK2 h3::before,
#navSCT #NAV_BLK2 p.more a::after {
background: #fff;
}
@media (min-width: 768px) {
	#navSCT {
	padding: 0 30px 0 30px;
	}
	#navSCT .block {
	margin-bottom: 100px;
	padding: 0 70px;
	height: 520px;
	}
	#NAV_BLK1 {
	background-position: center center !important;
	}
	#navSCT .block::before {
	height: 520px;
	}
	#navSCT .block div {
	width: 430px;
	}
	#navSCT .block h4 {
	margin-top: -5px;
	font-size: 20px;
	}
	#navSCT .block p {
	font-size: 14px;
	line-height: 2.02;
	}
	#navSCT #NAV_BLK2 div {
	float: right;
	}
}