@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------  HOME. ---*/
#m-img-box{
	position: relative;
	height: 1130px;/* 1130px */
}
#m-img-box::after{
    content: '';
    display: block;
}
.m-scroll-img{
	position: absolute;
	width: 70.6%;/* 1130px */
	height: auto;/* 800px */
	border-radius: 0 20px 20px 0;
	overflow: hidden;
	top: 280px;/* 280px */
	left: 0;
    list-style: none;
}
.m-scroll-img::after{
    content: '';
    display: block;
    padding-top: 70.8%;
}
.m-msg1{
	position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 150px;/* 150px */
	color: #FFFFFF;
	top: 100px;/* 100px */
	left: 50px;/* 50px */
}
.m-msg2{
	position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 23px;/* 23px */
	color: #FFFFFF;
	top: 300px;/* 360px */
	left: 50px;/* 50px */
}
.m-msg3{
    position: absolute;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 34px;/* 34px */
	top: 270px;/* 270px */
	right: 270px;/* 270px */
	writing-mode: vertical-rl;
}
.m-msg4{
    position: absolute;
    display: block;
    width: 600px;/* 600px */
    height: auto;/* 300px */
    right: 50px;/* 50px */
    bottom: 0;
}
/*----------*/
.home-box1{
	position: relative;
	height: 950px;/* 950px */
}
.home-img1-1{
	position: absolute;
	display: block;
	width: 480px;/* 480px */
	height: 630px;/* 630px */
	top: 140px;/* 100px */
	right: 50px;/* 50px */
	overflow: hidden;
}
.home-img1-2{
	position: absolute;
	display: block;
	width: 300px;/* 300px */
	height: 380px;/* 380px */
	top: 460px;/* 420px */
	right: 480px;/* 480px */
	overflow: hidden;
}
.home-mark1{
	position: absolute;
	width: 650px;/* 650px */
	top: 200px;/* 200px */
	left: 50px;/* 50px */
}
/*----------*/
.home-box2{
	position: relative;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
}
.home-mark2{
	text-align: center;
	padding: 80px 0 0;/* 80px 0 0*/
}
.home-title1::before{
	content: 'ABOUT';
	display: block;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 18px;/* 19px */
	color: #000000;
}
.home-sc-box{
	width: 100%;
	height: 600px;/* 600px */
	display: flex;
	overflow: scroll;
}
.home-sc-box-mm{
	position: relative;
	width: 1100px;/* 1100px */
	height: 600px;/* 600px */
	margin-right: 50px;/* 50px */
	flex-shrink: 0;
}
.mm1{
	margin-left: 150px;/* 150px */
}
.home-img2-1{
	position: absolute;
	display: block;
	width: 580px;/* 580px */
	height: 400px;/* 400px */
	background-color: #EFE86F;
	top: 0;
	bottom: 0;
	left: 10px;/* 10px */
	margin: auto;
	border-radius: 20px;
}
.home-mark2-2{
	position: absolute;
	width: 440px;/* 440px */
	top: 120px;/* 120px */
	right: 40px;/* 40px */
}
.home-no{
    font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
    font-size: 80px;/* 36px */
    line-height: 1.2;
    margin-bottom: 10px;
}
.home-no span{
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 36px;/* 36px */
    line-height: 1.2;
    vertical-align: middle;
}
.box1{
	background: #CAFBC3;
}
.box2{
	background: #E5EA8D;
}
.bb{
	position: relative;
	height: 800px;/* 800px */
	background: #C3ECF8;
}
/*----------*/
.home-box3{
	position: relative;
	height: 1200px;/* 1200px */
	background: #ece6dc;
}
.home-img3{
	position: absolute;
	display: block;
	width: 630px;/* 630px */
	height: 800px;/* 800px */
	top: 100px;/* 100px */
	left: 60px;/* 60px */
	background: #E4E4E4;
	border-radius: 20px;
	
}
.home-mark3{
	position: absolute;
	width: 700px;/* 700px */
	top: 200px;/* 200px */
	right: 100px;/* 100px */
}
.home-menu-point{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 600px;/* 600px */
	justify-content: space-between;
	margin-top: 50px;
}
.home-menu-point li{
	width: 195px;/* 195px */
	height: 100px;/* 100px */
	display: grid;
	place-content: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 600;
    font-style: normal;
	font-size: 18px;/* 19px */
	border-radius: 10px;
	margin-bottom: 6px;
}
.blue{
	background: #6598A8;
}
.yellow{
	background-color: #907F3F;
}
/*----------*/
.home-box4{
	position: relative;
	height: 600px;/* 600px */
	background: #4F8788;
	border-radius: 90px 90px 0 0;
}
.home-mark4{
	text-align: center;
	padding: 80px 0 0;
    color: #FFFFFF;
}
.home-title2::before{
	content: 'NEWS';
	display: block;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
    font-weight: 500;
    font-style: normal;
	font-size: 18px;/* 19px */
	color: #FFFFFF;
}