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

/* 左側の縦アイコン */
.nav {
	width: 50px;
	position: absolute;
	top: 50%;
	left:10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	transform: translateY(-50%);
	z-index: 10;
}
.nav div {
	width: 6px;
	height: 6px;
	cursor: pointer;
	border-radius: 50%;
	background: #D9D9D9;
	transition: all 0.3s ease;
}
.nav div.active {
	background: #49B6D6;
}

.slide {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 1s ease;
	background-size: cover;
	background-position: center;
}
.slide:nth-child(1){
	background-image: url('../img/top/main_vi1.png');
}
.slide:nth-child(2){
	background-image: url('../img/top/main_vi2.png');
}
.slide:nth-child(3){
	background-image: url('../img/top/main_vi3.png');
}
.slide.active {
	opacity: 1;
	z-index: 1;
}
.main_copy{
	position: absolute;
	max-width: 216px;
	bottom: 0;
	left: 0;
	z-index: 12;
	transform: translate(80px,-80px);
}
.main_copy img{
	width: 100%;
}


main{
	padding-top: 138px;
	padding-bottom: 140px;
}
/*feature*/
.feature.column{
	gap:48px;
	justify-content: space-between;
	margin-bottom: 170px;
}
.feature .col{
	width: calc(100%/4 - 44px);
}
.feature .col:nth-child(2n){
	margin-top: 80px;
}
.feature .col .feature_img{
	margin-bottom: 24px;
	position: relative;
}
.feature .col img{
	width: 100%;
}
.feature .col .feature_img p{
	padding: 10px 8px;
	background: #FFF;
	writing-mode: vertical-rl;
	font-size: 2.2rem;
	line-height: 26px;
	letter-spacing: 4.5px;
	position: absolute;
	top: 0;
	right: 12px;
}
.feature .col .feature_txt p{
}

/*cnt2*/
.p_none{
	background: url("../img/top/cnt2_bg.png");
	background-size: cover;
    background-position: top;
	background-attachment: fixed;
}
.cnt2 {
	display: flex;
	justify-content: space-between;
	gap:22px;
	padding: 72px 5.833vw;
	margin-bottom: 138px;
}
.cnt2 .cnt2_txt{
	flex: 0 0 40%;
    max-width: 40%;
}
.cnt2 .cnt2_txt p {
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 64px;
	letter-spacing: 1.28px;
	color: #fff;
}
.cnt2 .cnt2_img{
	flex: 1 1 66%;
    max-width: 66%;
}
.cnt2 .cnt2_img img{
	width: 100%;
}

/*cnt3*/
.cnt3{
	margin-bottom: 80px;
}
.cnt3_link.column{
	gap:48px;
	margin-bottom: 138px;
}
.cnt3_link.column .col{
	width: calc(100%/2 - 44px);
}

.news_cnt{
	overflow-y: auto;
	max-height: 420px;
  	height: auto;
}
.news_cnt .news_list{
	display: block;
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: solid 1px #BCBCBC;
}
.news_cnt .cat_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap:14px;
	margin-bottom: 14px;
}
.news_cnt .news_list p.day{
	line-height: 18px;
}
.news_cnt .news_list .cat{
	display: flex;
	flex-wrap: wrap;
	gap:14px;
}
.news_cnt .news_list .cat p{
	background: #49B6D6;
	color: #fff;
	padding: 4px 8px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: 0.48px;
}
.news_cnt .news_list > p {
	width: 100%;
}
.news_cnt .news_list .news_content {
	display: block;
	width:100%;
}
.news_cnt .news_list .news_content .news_ttl {
	font-weight: bold;
}
.news_cnt .news_list .news_content img {
	max-width: 100%;
}
.news_cnt .news_list .news_content a {
	color: #49B6D6;
	text-decoration: underline;
}
/*ipadpro*/
@media screen and (max-width: 1095px) {
	.nav{
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 32px);
		flex-direction: row;
		width: auto;
		gap:16px;
	}
	.main_copy{
		transform: translate(16px, -16px);
	}
	
	.cnt2{
		padding: 80px 15px;
	}
	.cnt2 .cnt2_txt{
		flex: 0 0 50%;
    	max-width: 50%;
	}
	.cnt2 .cnt2_img {
		flex: 1 1 50%;
		max-width: 50%;
	}
	
	.cnt3_link.column .col{
		width: calc(100% / 2 - 28px);
	}

	.news_cnt .news_list > p{
		width: 100%;
	}
}
/*ipadair*/
@media screen and (max-width: 820px) {
	.feature.column{
		gap: 24px;
	}
	.feature .col{
		width: calc(100% / 2 - 14px);
	}
	.feature .col:nth-child(2){
		margin-top: 40px;
	}
	.cnt2 .pc{
		display: block;
	}
	.cnt2 .sp{
		display: none;
	}
	.cnt2 .cnt2_txt p{
		font-size: 2.4rem;
		line-height: 48px;
	}
	.cnt3_link.column{
		display: block;
	}
	.cnt3_link.column .col{
		width: 100%;
		margin-bottom: 32px;
	}
}
/*ipad mini*/
@media screen and (max-width: 768px) {
	.cnt4 .col.mov iframe{
		min-height: 370px;
	}
}
/*sp*/
@media screen and (max-width: 767px) {
	.container{
		min-height: 500px;
	}
	.nav div{
		width: 6px;
		height: 6px;
	}
	.slide:nth-child(1){
		background-image: url('../img/top/main_vi1_sp.png');
	}
	.slide:nth-child(2){
		background-image: url('../img/top/main_vi2_sp.png');
	}
	.slide:nth-child(3){
		background-image: url('../img/top/main_vi3_sp.png');
	}
	
	main{
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.main_copy{
		max-width: 148px;
	}
	
	.feature.column{
		display: block;
		margin-bottom: 80px;
	}
	.feature .col{
		width: 100%;
		margin-bottom: 48px;
	}
	.feature .col:last-child{
		margin-bottom: 0px;
	}
	.feature .col:nth-child(2n){
		margin-top: 0px;
	}
	
	.p_none{
		background-attachment: scroll;
	}
	.cnt2{
		display: block;
		padding-left: 0px;
		padding-right: 0px;
	}
	.cnt2 .pc{
		display: none;
	}
	.cnt2 .sp{
		display: block;
	}
	.cnt2 .cnt2_txt{
		margin-bottom: 24px;
		text-align: center;
	}
	.cnt2 .cnt2_txt,.cnt2 .cnt2_img{
		max-width: 100%;
	}
	
	.cnt3{
		margin-bottom: 48px;
	}
	.cnt3_link.column{
		margin-bottom: 80px;
	}
	
	.cnt4{
		margin-bottom: 80px;
	}
	.cnt4 .col:last-child{
		margin-top: 48px;
	}
	.cnt4 .col.mov iframe {
        min-height: 189px;
    }
	
	.news_cnt .cat_list{
		display: block;
	}
	.news_cnt .news_list p.day{
		margin-bottom: 14px;
	}
	.news_cnt .news_list > p {
        width: 98%;
    }
}