@charset "UTF-8";
/* CSS Document */



html{
	font-size:62.5%;/*16px X62.5%=10px*/
}
body{
	width:100%;
	color:#5A5A5A;
	font-size: 1.6rem;
	font-family: 'Gelasio', serif;
	font-family: 'Noto Serif JP', serif;
	font-feature-settings: 'palt';
}
img{
	max-width: 100%;
	height: auto;
}

/*------------------------------
utility
------------------------------*/
.text-box{
	box-sizing: border-box;
	margin-right: auto;
  	margin-left:  auto;
 	max-width: 1280px;
	width: 100%;
 	padding-right: 76px;
  	padding-left:  76px;
}
.caption-word{
	font-size: 6.5rem;
	letter-spacing: 0;
	padding: 40px 0 28px;
	color: #fff;
}
.caption-word_small{
	font-size: 4.6rem;
	letter-spacing: 0;
	color: #fff;
}
.caption-word_smallstart{
	font-size: 4.6rem;
	letter-spacing: 0;
	padding: 0 24px 28px 0;
	color: #fff;
}
.caption-word_sb{
	font-size: 6.5rem;
}
.caption-comment{
	font-size: 2rem;
	color: #fff;
	line-height: 2em;
	padding-bottom: 20px;
	letter-spacing: 0.1em;
}
.caption-category{
	font-size: 1.8rem;
	color: #fff;
	margin-bottom: -5px;
}
.alignright{
	text-align: right;
}
.decoration_e-word{
	color: #fff;
	font-style: italic;
	font-size: 5.4rem;
	letter-spacing: 0.02em;
	text-align: left;
}
.caption-container_02 h1{
	letter-spacing: 0.2rem;
}
.none{
	display: none;
}
/*------------------------------
header
------------------------------*/
.navbar{
	display: flex;
	font-weight: 100;
	background-color: #fff;
	padding: 30px;
}
.nav_box{
	display: flex;
}
.navlogo{
	width: 300px;
	padding: 30px 60px 30px 0;
}
.navbar-items{
	display: flex;
	width: 794px;
	justify-content: space-between;
}
.navbar-item{
	display: inline-block;
  	position: relative;
  	text-decoration: none;
}
.navbar-item::after{
	position: absolute;
  	content: '';
  	bottom: -5px;
  	left: 0;
  	width: 0;
  	height: 2px;
  	background: #3E67A0;
  	transition: all 0.3s ease 0s;
}
.navbar-item:hover{
	cursor: pointer;
}
.navbar-item:hover::after{
	width: 100%;
}
.topimage{
	position: relative;
}
.slide{
  width: 100%;
	height: 100%;
}
.slide img {
  width: 100%;
	height: 100%;
	object-fit: cover;
}
.topimage_blue{
	position: absolute;
	top: 0;
	width: 100vw;
}
.caption{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}
.caption-item{
	font-family: 'Gelasio';
	font-size: 2em;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding: 10px 0;
}
.caption-word_small_e{
	font-family: 'Gelasio';
	font-size: 0.8em;
	letter-spacing: 0.2em;
}
/*------------------------------
section
------------------------------*/
.back-color{
	background-color: #3E67A0;
}
.backimage img {
  width: 100%;
	height: 100%;
	object-fit: cover;
}
.backimage_under{
	margin-top: -280px;
	z-index: 0;
	position: relative;
}
.backimage_up{
	margin-top: -280px;
	z-index: 2;
	position: relative;
}
.caption-container_02{
	position: absolute;
	top: 20%;
	transform: translateY(-50%);
	right: 80px;
	width: 419px;
}
.caption-category_container{
	width: 200px;
	position: absolute;
	right: 0;
}
.caption-category_container_left{
	width: 200px;
	position: absolute;
	left: 0;
}



.caption-container_03{
	position: absolute;
	top: 30%;
	transform: translateY(-50%);
	right: 80px;
	width: 888px;
}
.caption-container_03side{
	display: flex;
	justify-content: flex-end;
}
.caption-container_04{
	position: absolute;
	top: 20%;
	left: 80px;
	transform: translateY(-50%);
	width: 464px;
}
.caption-container_05{
	position: absolute;
	top: 40%;
	left: 80px;
	transform: translateY(-50%);
	width: 720px;
}
.backimage_under_04{
	z-index: 0;
	position: relative;
}
.caption-comment_box{
	width: 382px;
}
.decoration_e-word_container{
	position: absolute;
	right: 80px;
	bottom: 60px;
	font-family: 'Gelasio', serif;
	font-weight: 400;
}
/*------------------------------
footer
------------------------------*/
.footer_base{
	background-color: #3E447D;
}
.navbar_footer{
	display: flex;
	justify-content: center;
	font-weight: 100;
	color: #fff;
	font-size: 0.8em;
	padding: 60px;
}
.navbar-items_footer{
	display: flex;
}
.navbar-item_footer{
	display: inline-block;
  	position: relative;
  	text-decoration: none;
	padding: 2px 26px;
	border-right: 1px solid #fff;
}
.navbar-item_footer:last-child{
	border-right: none;
}
.infomation{
	color: #fff;
	text-align: center;
	letter-spacing: 0.1em;
	font-size: 0.8em;
	padding: 0 0 20px;
}
.infomation-item{
	padding: 0 0 16px;
}
.infomation-item:nth-child(2){
	padding: 0 0 50px;
}


/*-----------------------------------------------*/

@media screen and (max-width:768px) {
	.text-box{
		margin: 0 auto;
		overflow: hidden;
		padding: 0 38px;
		position: absolute;
		bottom: -136px;
		left: 32px;
		width: 100%;
		left: 0;
		z-index: 1;
	}
	.caption-category{
		font-size: 1.6rem;
	}
	.box2 .text-box{
		top: 87px;
		padding: 0;
	}
	.box2 .text-box .caption-container_03{
		position: static;
		transform: translateX(0);
	}
.box2 .text-box .caption-container_03 h1{
	padding: 0;
}

	.caption-word_smallstart{
		font-size: 2.7rem;
	}

	.caption-word_sb{
		font-size: 3.7rem;
	}
	.decoration_e-word{
		font-size: 2rem;
		text-align: center;
		margin-top: 232px;
	}
	.decoration_e-word_container{
		position: static;
	}
	.box2 .caption-container_03_items{
		padding: 0 32px;
	}
	.caption-comment_box{
		width: 100%;
		margin-top: 25px;
	}
	h5.sp{
		padding: 0 32px;

	}
	h5.sp .caption-category_container .caption-category{
		font-size: 1.6rem;
	}

	.caption-container_03side{
		flex-direction: column;
		padding: 0 32px;
	}
	.caption-container_02 {
		position: static;
		transform: translateY(0);
		width: 100%;

	}
	.caption-container_02 h1 .caption-word{
		font-size: 3.7rem;
		font-weight: 700;
		text-align: left;
	}
	.caption-word_small{
		font-size: 2.7rem;
		font-weight: 700;
	}

.caption-category_container{
	position: static;
	width: 100%;
	margin-top: 32px;
}
	.backimage_under {
	    margin-top: 0px;
		}

	.caption-comment{
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 1.85;
		letter-spacing: 0.08em;
	}

.box2{
	margin-top: 100px;
}

.backimage_under_04{
	margin-top: 76px;
}
.caption-container_04{
	position: static;
	transform: translateY(0%);
	width: 100%;
}
.backimage_under_04 .text-box{
	bottom: 38px;
}
.caption-category_container_left{
	position: static;
	width: 100%;
}
.backimage_up{
	margin-top: 0;
}
.backimage_up .text-box{
	padding: 0 41px 0 37px;
	bottom: auto;
	top: 54px;
}

.caption-container_05{
	position: static;
	transform: translateY(0);
	width: 100%;
}

.caption-container_05 .caption-word_smallstart{
	font-size: 2.3rem;
	padding: 0;
	letter-spacing: 0
}
.backimage_up .decoration_e-word_container .decoration_e-word{
	margin-top: 22px;
	text-align: left;
	line-height: 1.27;
	font-size: 2.2rem;
}

.caption-container_05 .caption-word_smallstart .caption-word_sb{
	font-size: 2.3rem;
}
.backimage_up .sp{
	padding: 0 38px;
}
.backimage_up img.sp{
	padding: 0;
}
.backimage_up h4.sp{
	margin-top: 14px;
}
.back-color{
	padding-bottom: 77px;
}

footer{
	margin-top: 0;
}

}