
.home{
	background: #FFF;
}
.home #content{
	top: 97px;
}
@media (max-width: 768px) {
	.home #content{
		top: 55px;
	}
}

/***************2024_new_top***************/
/* fixedBg*/
.top_2025_fixed{
    display: block;
    width: 100%;
		height: calc(100% - 97px);
    position: fixed;
		top: 97px;
		overflow: hidden;
}
.top_2025_fixed::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,rgba(255, 242, 236, 0.4) 0%, rgba(255, 242, 236, 0) 40%);
	position: absolute;
	z-index: 1;
}
.top_2025_fixed img{
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: left 38%;
	animation: zoom 2s 1 forwards;
}
@keyframes zoom {
    0% {
       transform: scale(1.25);
    }
    100% {
       transform: scale(1.18);
    }
}
@media (min-width: 1537px) { /* wide */
}

@media (max-width: 768px) {
	.top_2025_fixed img{
			object-position: 30% center;
	}
}
@keyframes zoomSP {
    0% {
       transform: scale(1.18);
    }
    100% {
       transform: scale(1);
    }
}

/* mainVisual */
.top_2025_mv{
	display: block;
	width: 100%;
	height: 730px;
	padding: 18px 40px;
	position: relative;
	z-index: 0;
}
.top_2025_catch{
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	padding: 0;
	letter-spacing: 0;
	color: #000;
	line-height: 1.3;
	text-shadow: 0px 0px 25px rgba(255, 255, 255, 0.5);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	position: absolute;
	top: 48px;
	left: 6%;
	z-index: 2;
}
.top_2025_mv_grid{
	display: grid;
	grid-template-columns: 1fr 310px;
	gap: 0 20px;
	width: 100%;
	max-width: 1536px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.top_2025_mv_threePoints{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	justify-self: center;
	align-self: end;
	width: 100%;
	max-width: 900px;
	margin: 0 0 100px 30px;
}
.top_2025_mv_threePoints li{
	aspect-ratio: 1/1;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	border: rgba(255, 107, 101, 0.6) solid 10px;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(255, 255, 255, 1), -2px -2px 3px rgba(255, 255, 255, 1), 2px -2px 3px rgba(255, 255, 255, 1), -2px 2px 3px rgba(255, 255, 255, 1);
	box-sizing: content-box;
}
.top_2025_mv_threePoints li img{
	width: clamp(60px, 10vw, 84px);
	height: auto;
	margin-bottom: 15px;
}
.top_2025_mv_threePoints li strong{
	font-weight: bold;
	font-size: clamp(17px, 1.6vw, 22px);
	margin-bottom: 12px;
	color: #ce1a13;
}
.top_2025_mv_threePoints li span{
	color: #2f2e2e;
	font-size: clamp(12px, 1.2vw, 16px);
	line-height: 1.8;
	margin-bottom: 4px;
}
.top_2025_mv_threePoints li span br:not(.w_sp){
	display: inline;
}
.top_2025_mv_threePoints li span br.w_sp{
	display: none;
}
.top_2025_mv_navs_wrap{
	display: block;
	color: #FFF;
	padding: 22px 26px;
}
.top_2025_mv_navs_wrap .grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 10px;
}
.top_2025_mv_navs_wrap .grid p{
	grid-column: 1/3;
	font-weight: bold;
	margin-bottom: 12px;
}
.top_2025_mv_navs_wrap .grid p.t2{
	margin-top: 12px;
	margin-bottom: 11px;
}
.top_2025_mv_navs_wrap .grid a:not(.gradBtn){
	display: flex;
	flex-flow: column nowrap;
	justify-content:  center;
	align-items: center;
	gap: 6px;
	aspect-ratio: 62/59;
	background: #FFF;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.2;
	color: #ce1a13;
	position: relative;
	overflow: hidden;
}
.top_2025_mv_navs_wrap .grid a .cover{
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	mix-blend-mode: darken;
	position: absolute;
	top: 13%;
	left: calc(50% - 25px);
	transform: scale(0%);
	transform-origin: center;
	transition: transform 0.1s ease;
}
.top_2025_mv_navs_wrap .grid a:hover .cover{
	transform: scale(500%);
	transition: transform 0.5s ease;
}
.top_2025_mv_navs_wrap .grid a:not(.gradBtn) img{
	width: 54px;
	height: 54px;
}
.top_2025_mv_navs_wrap .grid a:not(.gradBtn) span{
	letter-spacing: -0.04em;
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.top_2025_mv_navs_wrap .grid a:not(.gradBtn)::after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.top_2025_mv_navs_wrap a:hover{
	opacity: 1;
}
.top_2025_mv_navs_wrap .gradBtn{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	padding: 12px 12px 12px 13px;
	width: 100%;
	color: #FFF;
	letter-spacing: -0.01em;
	position: relative;
	overflow: hidden;
}
.top_2025_mv_navs_wrap .gradBtn::after{
	content: "";
	background: url(../img/link_arrow_wt.svg) no-repeat center center / contain;
  display: inline-block;
  width: 14px;
  height: 13px;
  position: relative;
}
.top_2025_mv_navs_wrap .gradBtn .gradCover{
	display: block;
	width: 50%;
	aspect-ratio: 1/1;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	position: absolute;
	top: -20%;
	left: 25%;
	transform: scale(0%);
	transform-origin: center;
	transition: transform 0.1s ease;
}
.top_2025_mv_navs_wrap a.gradBtn:hover .gradCover{
	transform: scale(300%);
	transition: transform 0.5s ease;
}
.top_2025_mv_navs_wrap .gradBtn strong{
	font-size: 17px;
}
.top_2025_mv_navs_wrap.pick_up{
	background: #ce1a13;
	padding-top: 24px;
	margin-bottom: 16px;
}
.top_2025_mv_navs_wrap.pick_up h3::before{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #FFF;
	position: absolute;
	top: 0.55em;
	left: 0;
	z-index: 0;
}
.top_2025_mv_navs_wrap.pick_up h3{
	margin-bottom: 14px;
	font-size: 18px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.top_2025_mv_navs_wrap.pick_up h3 span{
	display: inline-block;
	background: #ce1a13;
	padding-left: 0.6em;
	padding-right: 0.4em;
	position: relative;
	letter-spacing: -0.01em;
}
.top_2025_mv_navs_wrap.pick_up .grid a::after{
	background: #ffbcb9;
}
.top_2025_mv_navs_wrap.pick_up .grid a .cover{
	background: #ffccc9;
}
.top_2025_mv_navs_wrap.pick_up .gradBtn{
	border: #e76b65 solid 1px;
	background: linear-gradient(90deg,rgba(158, 10, 9, 1) 0%, rgba(190, 42, 13, 1) 100%);
	margin-top: 18px;
}
.top_2025_mv_navs_wrap.minkan{
	background: #e99f00;
}
.top_2025_mv_navs_wrap.minkan .grid a:not(.gradBtn)::after{
	background: #f0dc88;
}
.top_2025_mv_navs_wrap.minkan a .cover{
	background: #fff0b5;
}
.top_2025_mv_navs_wrap.minkan .gradBtn{
	grid-column: 1/3;
	margin-bottom: 12px;
	border: #f6cd76 solid 1px;
	background: linear-gradient(90deg, #906200 0%, #a97913 100%);
}

@media (min-width: 1537px) { /* wide */
	.top_2025_mv{
		height: 800px;
	}
	.top_2025_catch{
		top: 74px;
		left: calc((100% - 1230px) / 2);
		font-size: clamp(40px,  3vw, 60px);
	}
	.top_2025_mv_threePoints{
		margin-bottom: 60px;
	}
	.top_2025_mv_navs_wrap.pick_up{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.top_2025_mv_navs_wrap.minkan{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
}
@media (min-width: 1141px) {
	.top_2025_mv_navs_wrap .grid p.t3{
		display: none;
	}
}
@media (max-width: 1140px) {
	
	.top_2025_mv{
		height: auto;
		padding: 20px 20px 0 20px;
	}
	.top_2025_catch{
		display: block;
		font-size: 30px;
		margin-bottom: 40px;
		position: relative;
		top: auto;
		left: auto;
		z-index: 2;
	}
	.top_2025_mv_grid{
		grid-template-columns: 100%;
		height: auto;
	}
	.top_2025_mv_threePoints{
		gap: 1vw;
		max-width: 900px;
		margin: 0 0 5vw 0;
	}
	.top_2025_mv_threePoints li{
		flex-flow: column nowrap;
		border-width: 6px;
	}
	.top_2025_mv_threePoints li img{
		max-width: 8vw;
		height: auto;
		margin-bottom: 8px;
	}
	.top_2025_mv_threePoints li strong{
		font-size: clamp(19px, 2.3vw, 26px);
		margin-bottom: 8px;
	}
	.top_2025_mv_threePoints li span{
		font-size: 14px;
		line-height: 1.6;
	}
	
}

@media  (min-width: 768px) and (max-width: 1140px) {
	.top_2025_mv_navs{
		display: grid;
		grid-template-columns: 5fr 3fr;
		margin-bottom: 22px;
	}
	.top_2025_mv_navs_wrap{
		padding: 22px 20px 12px 20px;
	}
	.top_2025_mv_navs_wrap .grid{
		gap: 0 4px;
	}
	.top_2025_mv_navs_wrap .grid a:not(.gradBtn){
		aspect-ratio: auto;
		height: clamp(118px, 12vw, 140px);
		font-size: 14px;
		line-height: 1.2;
	}
	.top_2025_mv_navs_wrap.pick_up{
		margin-bottom: 0;
	}
	.top_2025_mv_navs_wrap.pick_up h3{
		display: none;
	}
	.top_2025_mv_navs_wrap.pick_up .grid{
		grid-template-columns: repeat(4, 1fr);
	}
	.top_2025_mv_navs_wrap.pick_up .grid p.t2{
		grid-column: 3/5;
		grid-row: 1;
		margin-top: 0;
	}
	.top_2025_mv_navs_wrap.pick_up .grid .p1{
		grid-column: 1;
		grid-row: 2;
	}
	.top_2025_mv_navs_wrap.pick_up .grid .p2{
		grid-column: 2;
		grid-row: 2;
	}
	.top_2025_mv_navs_wrap.pick_up .grid .p3{
		grid-column: 3;
		grid-row: 2;
	}
	.top_2025_mv_navs_wrap.pick_up .grid .p4{
		grid-column: 4;
		grid-row: 2;
	}
	.top_2025_mv_navs_wrap.minkan .p5{
		grid-column: 1;
		grid-row: 2;
	}
	.top_2025_mv_navs_wrap.minkan .p6{
		grid-column: 2;
		grid-row: 2;
	}
	.top_2025_mv_navs_wrap.minkan .gradBtn{
		grid-row: 1/3;
		grid-row: 3;
		margin-top: 18px;
	}
	.top_2025_mv_navs_wrap.minkan .gradBtn strong{
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.top_2025_mv{
		padding: 20px;
	}
	.top_2025_catch{
		font-size: clamp(16px, 6vw, 30px);
		margin-top: 6vh;
		margin-bottom: 6vh;
	}
	.top_2025_mv_threePoints{
		grid-template-columns: 100%;
		width: 100%;
		max-width: none;
	}
	.top_2025_mv_threePoints li{
		display: grid;
		grid-template-columns: 18vw 1fr;
		grid-template-areas: 
			'img title'
			'img text';
		gap: 0 1vw;
		width: 100%;
		padding: 4vw 3vw;
		text-align: left;
		border-radius: 22px;
		aspect-ratio: auto;
		border-width: 6px;
		box-sizing: border-box;
	}
	.top_2025_mv_threePoints li img{
		grid-area: img;
		justify-self: center;
		align-self: center;
		width: 14vw;
		max-width: 60px;
	}
	.top_2025_mv_threePoints li strong{
		grid-area: title;
		text-align: left;
		font-size: clamp(16px, 2.6vw, 24px);
	}
	.top_2025_mv_threePoints li span{
		grid-area: text;
		text-align: left;
		font-size: 12px;
	}
	.top_2025_mv_threePoints li span br:not(.w_sp){
		display: none;
	}
	.top_2025_mv_threePoints li span br.w_sp{
		display: inline;
	}
	.top_2025_mv_navs_wrap.minkan .grid p.t3{
		display: none;
	}
	.top_2025_mv_navs_wrap .grid a .cover{
		display: none;
	}
	.top_2025_mv_navs_wrap .gradBtn .gradCover{
		display: none;
	}
}

/* news */
.top_2025_news{
	display: block;
	width: 100%;
	background: #FFF;
	position: relative;
	z-index: 2;
}
.top_2025_news_wrap{
	display: grid;
	grid-template-columns: 200px 1fr;
	grid-template-areas: 
		"title news"
		"title link";
	gap: 22px 40px;
	width: 100%;
	max-width: 1240px;
	padding: 80px 20px;
	margin-left: auto;
	margin-right: auto;
}
.top_2025_news_title{
	grid-area: title;
	display: block;
	padding: 28px 26px;
	background: #ce1a13;
	color: #FFF;
	position: relative;
}
.top_2025_news_title::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #c10e07;
	position: absolute;
	right: 0;
	bottom: 0;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.top_2025_news_title h2{
	font-size: 28px;
	margin-bottom: 0.35em;
	position: relative;
	z-index: 1;
}
.top_2025_news_title span{
	font-size: 15px;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
.top_2025_news_list{
	grid-area: news;
	margin-top: 0;
	margin-bottom: 0;
	border-top: #c5cace solid 1px;
}
.top_2025_news_list dt{
	border-bottom: #c5cace solid 1px;
	padding: 15px 0;
	line-height: 1.3;
}
.top_2025_news_list dt span{
	display: inline-block;
}
.top_2025_news_list dt .date{
	width: 140px;
}
.top_2025_news_list dt a{
	width: calc(100% - 140px);
}
.top_2025_news_link{
	grid-area: link;
	justify-self: end;
	font-size: 15px;
}
@media (max-width: 810px) {
	.top_2025_news_wrap{
		grid-template-columns: 100%;
		grid-template-areas:
		"title" 
		"news" 
		"link";		
		gap: 20px 22px;
	}
	.top_2025_news_title{
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: center;
		gap: 1em;
		padding: 18px;
	}
	.top_2025_news_title h2{
		font-size: 24px;
		margin-bottom: 0;
	}
	.top_2025_news_list dt span{
		display: block;
		width: 100%;
	}
	.top_2025_news_list dt .date{
		margin-bottom: 3px;
	}
	
}

/* 2024 design */
.top_2024_mv_img{
    margin: 0 0 0 auto;
    text-align: right;
    padding: 40px 30px 80px;
    position: absolute;
    top: 78vh;
    right: 0;
}
.top_2024_mv_img img{
    max-width: 350px;
}
.top_2024_maincatch{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    padding: 100px 0;
    background-color: #fff;
    z-index: 1;
    position: relative;
}
.top_2024_maincatch2{
    background-color: #ffffffa3;
    backdrop-filter: blur(5px);
}
.top_2024_maincatch_jp{
    font-size: 80px;
    color: #656565;
    line-height: 95px;
    position: relative;
}
.top_2024_maincatch1::after {
    content: " ";
    position: absolute;
    background-color: #fff2ec;
    z-index: -1;
    left: 0;
    top: 240px;
    width: 70%;
    height: 35%;
}

.top_2024_maincatch_eg{
    font-size: 19px;
    color: #7a7a7a;
    text-align: left;
    margin-top: 20px;
}
.top_2024_maincatch_topic{
    margin-top: 0;
}
.top_2024_maincatch_topic_logo{
    margin-right: 100px;
    width: 23.5%;
}
.top_2024_maincatch_topic_logo img{
    width: 100%;
}
.top_2024_maincatch_topic_txt{
    width: 68%;
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.top_2024_maincatch_topic_txt h2{
    font-size: 28px;
    background-color: #ce1a13;
    color: #fff;
    padding: 15px 30px;
    text-align: center;
    margin-bottom: 35px;
}
.top_2024_maincatch_topic_txt ul li{
    color: #CE1A13;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #CE1A13;
    padding: 3px 30px 0px;
    margin: 0px 0px 20px;
    display: flex;
}
.top_2024_maincatch_topic_txt ul li span{
    margin-right: 25px;
	margin-bottom: 10px;
    font-size: 48px;
    font-weight: 100;
    position: relative;
    top: 8px;
    font-family: Avenir Next LT Pro Light;
}
.top_2024_maincatch_topic_txt ul li p{
    position: relative;
    top: 20px;
} 
.top_2024_assignment{
    background-color: #F8FAFB;
    position: relative;
}
.top_2024_assignment h3{
    font-weight: bold;
    font-size: 38px;
    color: #CE1A13;
    text-align: center;
    margin: 40px 0 80px;
}
.top_2024_assignment_list ul{
    flex-wrap: wrap;
}
.top_2024_assignment_list ul li{
    color: #CE1A13;
    border: 2px solid #CE1A13;
    padding: 15px 30px;
    font-weight: bold;
    font-size: 18px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 15%;
    text-align: center;
    display: grid;
    align-items: center;
    align-content: center;
}
.top_2024_assignment_list ul li:nth-child(n+7) {
    width: calc(20% - 20px);
}
.top_2024_assignment_arrow img{
    width: 80px;
}
.top_2024_assignment_arrow{
    margin: 60px auto;
    text-align: center;
}
.top_2024_assignment_block{
    margin-bottom: 50px;
}
.top_2024_assignment_block_list{
    margin-right: 40px;
    padding: 50px 50px 40px;
    border: 2px solid #CE1A13;
    width: 33%;
    text-align: center;
}
.top_2024_assignment_block_list img{
    width: 88px;
    text-align: center;
    margin: 0 auto;
}
.top_2024_assignment_block_list:first-child img{
    width: 120px;
}
.top_2024_assignment_block_list:last-child img{
    width: 90px;
}

.top_2024_assignment_block_list ul{
    color: #CE1A13;
    position: relative;
    margin: 45px auto 0;
    width: max-content;
}
.top_2024_assignment_block_list ul li{
    position: relative;
    text-align: left;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
}
.top_2024_assignment_block_list ul li::before{
    content: url(../img/top_2024_assignment_block_check.svg);
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 0px;
    left: -25px;
    position: absolute;
}
.top_2024_subcatch{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    padding: 60px 50px 60px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.top_2024_subcatch_jp {
    font-size: 70px;
    color: #656565;
    line-height: 90px;
    text-align: right;
    letter-spacing: -7px;
    position: relative;
    z-index: 1;
}
.top_2024_subcatch::after {
    content: " ";
    position: absolute;
    right: 0px;
    top: 180px;
    width: 75%;
    height: 44%;
    background-color: #fff2ec;
    z-index: 0;
}
.top_2024_subcatch_eg {
    font-size: 19px;
    color: #7a7a7a;
    text-align: right;
    margin-top: 30px;
    line-height: 30px;
    position: relative;
    z-index: 1;
}
.top_2024_service{
    background-image: url(../img/example_contents_back2.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    margin-bottom: 100px;
}
.adback{
    background-color: #fff;
    z-index: 0;
    position: relative;
}
.top_2024_service_list{
    padding: 90px 40px 50px;
}
.top_2024_service_list ul{
    flex-wrap: wrap;
}
.top_2024_service_list ul li{
    color: #CE1A13;
    background-color: #fff;
    border: 2px solid #CE1A13;
    font-weight: bold;
    font-size: 20px;
    margin-right: 30px;
    margin-bottom: 30px;
    width: calc(33% - 30px);
    text-align: center;
}
.top_2024_service_list ul li a{
    display: block;
    padding: 20px 30px;
    color: #ce1a13;
}
.top_2024_service_list ul li a:hover{
    background-color: #f3f3f3;
}
.top_2024_service_list ul li span{
    font-size: 12px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #434343;
    display: block;
    margin: 10px 0 0px;
}
.top_2024_contact{
    background-image: url(../img/top_2024_contact.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
    min-height: 760px;
}
.top_2024_contact a{
    display: block;
    background-color: #ce1a13;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 20px;
    position: absolute;
    width: 430px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.top_2024_contact a img{
    margin-right: 10px;
}
.top_2024_assignment_block_list:last-child{
    margin-right: 20px;
}
@media all and (min-width: 1800px) {
    .top_2024_contact a {
        top: 60%;
    }
}
.top_2024_maincatch_img {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 0 0;
}

@media all and (min-width: 1550px) {
    .top_2024_mv_img{
        padding: 100px 30px 80px;
        top: 78vh;
    }
    .top_2024_maincatch .section_inner{
        max-width: 1620px;
    }
    .top_2024_maincatch_en .section_inner{
        max-width: 1400px;
    }
    .top_2024_maincatch2 .section_inner{
        max-width: 1200px;
    }
    .top_2024_maincatch{
        padding: 220px 0;
    }
    .top_2024_maincatch_jp{
        font-size: 105px;
        line-height: 135px;
    }
    .top_2024_maincatch1::after {
        top: 360px;
        width: 70%;
        height: 33%;
    }
    .top_2024_maincatch_topic_logo {
        margin-right: 120px;
        width: 26%;
    }
    .top_2024_maincatch_topic_txt h2 {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .top_2024_maincatch_topic_txt ul li {
        font-size: 22px;
        padding: 0px 20px 0px;
        margin: 0px 0px 20px;
        display: flex;
    }
    .top_2024_maincatch_topic_txt ul li span {
        margin-right: 25px;
		margin-bottom: 24px;
        font-size: 48px;
        font-weight: 100;
        position: relative;
        top: 8px;
        font-family: Avenir Next LT Pro Light;
    }
    .top_2024_maincatch_topic_txt ul li p{
        position: relative;
        top: 20px;
    } 
    .top_2024_subcatch{
        padding: 140px 50px 160px;
    }
    .top_2024_subcatch .section_inner{
        max-width: 1620px;
    }
    .top_2024_subcatch_jp{
        font-size: 87px;
        line-height: 135px
    }
    .top_2024_subcatch::after {
        top: 290px;
        width: 75%;
        height: 41%;
    }
    .top_2024_service_list {
        padding: 185px 40px 150px;
    }
    .top_2024_service{
        background-image: url(../img/example_contents_back2_xl.png);
    }
}



@media all and (max-width: 1500px) {
    .top_2024_service_list {
        padding: 90px 100px 50px;
    }
}


@media all and (max-width: 1340px) {
    .top_2024_subcatch_jp{
        font-size: 62px;
    }
}

@media all and (max-width: 1315px) {
    .top_2024_service_list ul li:nth-child(3n) {
        margin-right: 0;
    }
    .top_2024_service_list ul{
        justify-content: center;
    }

}

@media all and (min-width: 769px) and (max-width: 1000px) {
    .top_2024_maincatch_topic_txt h2 {
        font-size: 19px;
    }
    .top_2024_maincatch_topic_txt ul li {
        padding: 3px 30px 5px;
    }
    .top_2024_maincatch_topic_txt ul li span {
        margin-right: 20px;
		margin-bottom: 0;
		top: 5px;
        font-size: 33px;
    }
    .top_2024_maincatch_topic_txt ul li p {
        position: relative;
        top: 10px;
        font-size: 16px;
    }
}

@media all and (min-width: 1080px) and (max-width: 1115px) {
    .top_2024_subcatch::after {
        top: 120px;
    }
}

@media all and (min-width: 1175px) and (max-width: 1350px) {
    .top_2024_mv h1 {
        font-size: 85px;
    }
}

@media all and (max-width: 1260px) {
    .top_2024_maincatch_jp{
        font-size: 75px;
    }
    .top_2024_assignment_list ul li {
        padding: 15px 20px;
        font-size: 16px;
        margin-right: 15px;
        margin-bottom: 20px;
        width: 15%;
    }
    .top_2024_assignment_list ul li {
        width: calc(16.6% - 15px);
    }
    .top_2024_assignment_list ul li:nth-child(n+7) {
        width: calc(20% - 15.5px);
    }
    .top_2024_assignment_block_list:last-child{
        margin-right: 0px;
    }
}

@media all and (max-width: 1160px) {
    .top_2024_maincatch_jp{
        font-size: 55px;
        line-height: 75px;
    }
    .top_2024_maincatch {
        padding: 0 10px;
    }
    .top_2024_subcatch {
        padding: 0px 0px 50px;
    }
    .top_2024_maincatch1::after {
        top: 110px;
        width: 70%;
        height: 52%;
    }
}
@media all and (max-width: 1195px) {
    .top_2024_subcatch_jp {
        font-size: 50px;
        line-height: 75px;
        letter-spacing: -2px;
    }
}
@media all and (max-width: 980px) {
    .top_2024_maincatch_jp {
        font-size: 44px;
    }
    .top_2024_subcatch_jp {
        font-size: 40px;
    }
}

@media all and (min-width: 1035px) and (max-width: 1205px) {
    .top_2024_mv h1 {
        font-size: 75px;
    }
}
@media all and (min-width: 769px) and (max-width: 1070px) {
    .top_2024_mv h1 {
        font-size: 70px;
        letter-spacing: -9px;
    }
}

@media all and (min-width: 769px) and (max-width: 940px) {
    .top_2024_mv h1 {
        font-size: 58px;
        letter-spacing: -7px;
        left: 0px;
    }
}

@media all and (max-width: 768px) {
    .top_2024_subcatch::after {
        top: 70px;
        width: 75%;
        height: 49%;
    }
    .top_2024_mv{
        height: 100vh;
    }
    .top_2024_maincatch1::after {
        top: 80px;
        width: 80%;
        height: 51%;
    }
    .top_2024_mv h1 {
        font-size: 40px;
        padding: 10vh 0px 50px;
        position: relative;
        left: 0;
        line-height: 40px;
        letter-spacing: 1px;
        text-shadow: 0px 0px 13px rgb(0 0 0 / 42%);
    }
    .top_2024_mv::before {
        background-image: url(../img/top_2024_mv_sp.png);
        top: 20px;
    }
    .top_2024_maincatch_jp {
        font-size: 23px;
        color: #656565;
        line-height: 40px;
        letter-spacing: -1px;
        font-weight: bold;
        padding: 15px 0;
    }
    .top_2024_maincatch_jp::after {
        left: -40px;
        top: 30px;
        width: 95%;
        height: 65%;
    }
    .top_2024_maincatch {
        padding: 0px 0px 50px;
    }
    .top_2024_maincatch_eg {
        font-size: 12px;
        margin-top: 10px;
    }
    .top_2024_maincatch_topic {
        margin-top: 20px;
    }
    .top_2024_maincatch_topic_logo {
        width: 100%;
        margin: 0 auto 60px;
        text-align: center;
    }
    .top_2024_maincatch_topic_logo img{
        width: 190px;
    }
    .top_2024_maincatch_topic_txt {
        width: 100%;
    }
    .top_2024_maincatch_topic_txt h2 {
        font-size: 16px;
        padding: 20px 10px;
    }
    .top_2024_maincatch_topic_txt ul li {
        padding: 6px 0px 2px;
        margin: 0px 10px 15px;
        font-size: 16px;
        display: flex;
    }
    .top_2024_maincatch_topic_txt ul li span{
        margin-right: 10px;
    }
    .top_2024_maincatch_topic_txt ul li p{
        top: 15px;
    }
    .top_2024_assignment_arrow {
        margin: 30px auto 50px;
    }
    .top_2024_assignment h3 {
        font-size: 20px;
        margin: 10px 0 50px;
    }
    .top_2024_assignment_list ul{
        display: flex;
    }
    .top_2024_assignment_list ul li {
        padding: 15px 10px;
        font-size: 14px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: calc(50% - 10px);
    }
    .top_2024_assignment_list ul li:nth-child(n+7) {
        width: calc(50% - 10px);
    }
    .top_2024_assignment_list ul li:nth-child(2n){
        margin-right: 0px;
    }
    .top_2024_assignment_block_list {
        margin-right: 0px;
        padding: 35px 10px 20px;
        width: 100%;
        margin-bottom: 30px;
    }
    .top_2024_subcatch_jp {
        font-size: 18px;
        color: #656565;
        line-height: 35px;
        font-weight: bold;
    }
    .top_2024_subcatch_jp::after {
        right: 0;
        top: 20px;
        width: 85%;
        height: 74%;
    }
    .top_2024_service_list ul li a {
        padding: 20px 5px;
    }
    .top_2024_subcatch {
        padding: 0px 10px;
    }
    .top_2024_subcatch_eg {
        font-size: 12px;
        margin-top: 10px;
    }
    .top_2024_service_list {
        padding: 0px 0 0;
    }
    .top_2024_service_list ul{
        display: flex;
        justify-content: center;
    }
    .top_2024_service_list ul li {
        font-size: 16px;
        margin-right: 30px;
        margin-bottom: 30px;
        width: calc(50% - 30px);
    }
    .top_2024_service_list ul li:nth-child(3n) {
        margin-right: 30px;
    }
    .top_2024_service_list ul li span {
        font-size: 12px;
    }
    .top_2024_contact {
        min-height: 480px;
    }
    .top_2024_mv_img {
        padding: 40px 30px 40px;
        top: 30vh;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        text-align: center;
        right: auto;
    }
    .top_2024_mv_img img {
        width: 100%;
    }
    .top_2024_service{
        background-image: none;
        background-color: #F8FAFB;
    }
    .top_2024_service_list ul li:nth-child(2n){
        margin-right: 0;
    }
    .top_2024_contact a {
        width: 280px;
    }

}

@media all and (min-width: 450px) and (max-width: 768px) {
    @media all and (min-height: 1000px) {
        .top_2024_mv::before {
            background-image: url(../img/top_2024_mv_tablet.png);
        }
    }
}


/***************20250227***************/
.top_en h1{
    left: 0;    
}
.top_en .top_2024_maincatch_jp {
    font-size: 75px;
}
.top_en .top_2024_maincatch1::after {
    height: 30%;
}
.top_en .top_2024_maincatch_topic_txt ul li:nth-child(2) p{
    top: 0;
}
.top_en .top_2024_assignment_list ul li span{
    font-size: 14px;
    display: block;
}
.top_en .top_2024_subcatch_jp {
    font-size: 60px;
    letter-spacing: -2px;
}
.top_en .top_2024_service_list ul li{
    width: calc(25% - 30px);
}

@media all and (max-width: 1330px) {
    .top_en .top_2024_assignment_block_list ul {
        word-wrap: break-word;
        display: block;
        width: 100%;
    }
}
@media (max-width: 1315px) {
    .top_en .top_2024_service_list ul li:nth-child(3n) {
        margin-right: 30px;
    }
}
@media (min-width: 1035px) and (max-width: 1205px) {
    .top_en .top_2024_mv h1 {
        font-size: 70px;
        letter-spacing: -2px;
    }
}
@media all and (max-width: 1160px) {
    .top_en .top_2024_maincatch_topic_txt ul li:nth-child(2) {
        padding: 3px 30px 20px;
    }
}
@media all and (max-width: 1100px) {
    .top_2024_maincatch_topic_txt ul li {
        padding: 3px 30px 20px;
    }
}
@media (min-width: 769px) and (max-width: 1070px) {
    .top_en .top_2024_mv h1 {
        font-size: 70px;
        letter-spacing: -2px;
    }
}
@media (max-width: 768px) {
    .top_en .top_2024_mv h1 {
        font-size: 40px;
    }
    .top_en .top_2024_mv {
        height: 55vh;
    }
    .top_en .top_2024_maincatch_jp {
        font-size: 38px;
    }
    .top_en .top_2024_maincatch_topic_txt ul li {
        padding: 3px 0px 10px;
    }
    .top_en .top_2024_maincatch_topic_txt ul li:nth-child(2) {
        padding: 3px 0px 20px;
    }
    .top_en .top_2024_assignment_block_list ul {
        width: 80%;
    }
    .top_en .top_2024_subcatch_jp {
        font-size: 20px;
        letter-spacing: -1px;
    }
    .top_en .top_2024_service_list ul li {
        width: calc(50% - 30px);
    }
}

.top_2024_service_en{
    background-image: url(../img/example_contents_back2_en.png);
}
.top_2024_service_en .top_2024_service_list ul{
    margin: 0 auto;
    max-width: 810px;
}
.top_2024_service_en .top_2024_service_list ul li a {
    padding: 20px 20px;
}
.top_2024_subcatch_img{
    width: 100%;
    max-width: 1200px;
    margin: 0 0 0 auto;
}


/***************20250423***************/

@media (min-width: 1550px) {
    .top_2024_service_en .top_2024_service_list {
        padding: 130px 40px 90px;
    }
    .top_en .top_2024_subcatch_jp {
        line-height: 110px;
    }
}
@media (max-width: 1050px) {
    .top_2024_service_en .top_2024_service_list {
        padding: 30px 100px 10px;
    }
}
@media (max-width: 768px) {
    .top_2024_service_en .top_2024_service_list {
        padding: 0;
    }
    .top_2024_service_en {
        background-image: none;
        background-color: rgb(248, 250, 251);
    }
}

@media all and (min-width: 435px) and (max-width: 500px) {
    .top_en .top_2024_subcatch_jp {
        font-size: 21px;
        letter-spacing: -1px;
    }
}
@media (max-width: 380px) {
    .top_en .top_2024_subcatch_jp {
        font-size: 17px;
        letter-spacing: -1px;
    }
}


