@charset "UTF-8";

:root{
	--vw: 1vw;
	--vh: 1svh;
}

*{
	margin:0;
	padding:0;
}

body { 
	color: #000;
	margin:0;
	padding:0;
	font-family: "Noto Sans JP", sans-serif;
	font-feature-settings: "palt";
	width:100%;
	webkit-text-size-adjust: 100%;
}

img{
	border:0;
	margin:0;
	vertical-align: bottom;
}

table,tr,td {
	border-collapse: collapse; 
}

ul{
	list-style-type: none;
}

a{
	text-decoration: none;
}

a,a img,button {
	transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.clear{
	clear:both;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

.animate-cv{
	display: inline-block;
	-webkit-animation: animateCv 2s ease-out infinite;
	animation: animateCv 2s ease-out infinite;
}

@keyframes animateCv{
	0%, 40%, 60%, 80% {
        transform: scale(1.0);
    }
    50%, 70% {
        transform: scale(0.95);
    }
}

@media print, screen and (min-width: 768px){

body { 
	min-width: 1200px;
}

.pc_none{
	display: none;
}

#style01{
	position: relative;
	display: grid;
	grid-template-rows: 80px 1fr 48px;
	width:100%;
	min-height: 100svh;
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　ヘッダー　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.header{
	position: sticky;
	top: 0;
	z-index: 10000;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	background: #fff;
}

.header_logo{
	padding-left: 43px;
}

.header_logo img{
	width: 231px;
}

.header_nav ul{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
}

.header_nav ul li{
	display: flex;
	align-items: center;
	height: 38px;
	padding: 0 25px;
	text-align: center;
}

.header_nav ul li:not(:last-child){
	border-right: 1px #000 solid;
}

.header_nav ul li:last-child{
	padding-right: 15px;
}

.header_nav ul li a{
	color: #000;
}

.header_nav ul li a:hover{
	opacity: 0.6;
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　フッター　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.bottom_link{
	margin-bottom: 55px;
	text-align: center;
}

.bottom_link_privacy{
	margin-bottom: 55px;
}

.bottom_link_privacy a{
	color: #000;
}

.bottom_link_privacy a:hover{
	text-decoration: underline;
}

.bottom_link_logo img{
	width: 283px;
}




.footer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	height: 48px;
	background: #00a83b;
	color: #fff;
	font-size: 14px;
}






/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　main　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.mv{
	display: grid;
	grid-template-columns: clamp(708.125px, calc(var(--vw) * 59), 1133px) 1fr;
	width: 100%;
	height: calc(100svh - 80px);
	max-height: 990px;
	background: url("./img/mv_bg.jpg")center/cover no-repeat;
}

.mv_l{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.67fr 0.33fr;
	gap: clamp(6.24px ,calc(var(--vw) * 0.52), 10px)  clamp(5px ,calc(var(--vw) * 0.416), 8px);
	height: calc(100svh - 80px);
}

.mv_l div{
	position: relative;
	background: #ccc;
}

.mv_l div:nth-child(1){
	grid-column: 1 / 3;
}

.mv_l img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mv_l_comment{
	position: absolute;
	left: 28px;
	bottom: 10px;
	font-size: 13px;
}

.mv_l_comment:before{
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
	z-index: 1;
	width: calc(100% - 4px);
	height: calc(100% - 6px);
	background: #fff;
	filter: blur(4px);
}

.mv_l_comment span{
	position: relative;
	z-index: 2;
}

.mv_r{
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100svh - 80px);
}

.mv_r_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mv_r_box.size{
	transform: scale(0.8);
}

.mv_r01{
	margin-bottom: clamp(28.125px, calc(var(--vw) * 2.34375), 45px);
}

.mv_r01 img{
	width: clamp(415px, calc(var(--vw) * 34.583), 664px);
}

.mv_r02{
	margin-bottom: clamp(11.25px, calc(var(--vw) * 0.9375), 18px);
	color: #fff;
	text-align: center;
}

.mv_r02_01{
	font-size: clamp(16.875px, calc(var(--vw) * 1.40625), 27px);
	font-weight: 900;
}

.mv_r02_02{
	font-size: clamp(13.125px, calc(var(--vw) * 1.09375), 21px);
	font-weight: 900;
}

.mv_r02_02 span{
	font-size: clamp(25px, calc(var(--vw) * 2.083), 40px);
	font-weight: 600;
	font-family: "Jost", sans-serif;
}

.mv_r02_03{
	font-size: clamp(13.75px, calc(var(--vw) * 1.145), 22px);
	font-weight: 900;
}

.mv_r03{
	display: flex;
	align-items: center;
	margin-bottom: clamp(18.75px, calc(var(--vw) * 1.5625), 30px);
}

.mv_r03_button img{
	width: clamp(365px, calc(var(--vw) * 30.416), 584px);
	filter: drop-shadow(  clamp(2.25px, calc(var(--vw) * 0.1875), 3.6px) clamp(2.5px, calc(var(--vw) * 0.208), 4px) clamp(2.5px, calc(var(--vw) * 0.208), 4px) rgba(26, 19, 27, 0.8));
}

.mv_r04{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0 clamp(13.125px, calc(var(--vw) * 1.09375), 21px);
	color: #fff;
}

.mv_r04_00{
	width: 100%;
	text-align: center;
}

.mv_r04_00_01{
	font-size: clamp(13.75px, calc(var(--vw) * 1.145), 22px);
	font-weight: 700;
}

.mv_r04_01{
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: clamp(13.125px, calc(var(--vw) * 1.09375), 21px);
}

.mv_r04_01_01{
	margin-right: clamp(5px, calc(var(--vw) * 0.416), 8px);
	font-size: clamp(13.75px, calc(var(--vw) * 1.145), 22px);
	font-weight: 700;
}

.mv_r04_01_02{
	position: relative;
	display: flex;
	align-items: baseline;
	font-weight: 900;
}

.mv_r04_01_02:not(:last-child):after{
	position: absolute;
	top: 55%;
	left: calc(100% + clamp(3px, calc(var(--vw) * 0.25), 4.8px));
	transform: translateY(-50%);
	content: "";
	width: clamp(6.875px, calc(var(--vw) * 0.572), 11px);
	height: clamp(12.5px, calc(var(--vw) * 1.041), 20px);
	background: url("./img/mv_r04_arrow.svg") center/contain no-repeat;
}

.mv_r04_01_02 span{
	font-weight: 600;
	font-family: "Jost", sans-serif;
}

.mv_date01{
	font-size: clamp(10px, calc(var(--vw) * 0.833), 16px);
}

.mv_date01 span{
	font-size: clamp(18.75px, calc(var(--vw) * 1.5625), 30px);
}

.mv_date02{
	font-size: clamp(15px, calc(var(--vw) * 1.25), 24px);
}

.mv_date02 span{
	color: #fff000;
	font-size: clamp(30px, calc(var(--vw) * 2.5), 48px);
}

.mv_r04_02{
	padding: 2px 4px;
	border-radius: 8px;
	background: #fff;
	color: #3f210f;
	font-weight: 700;
	text-align: center;
}

.mv_r04_02_01{
	border-bottom: 1px #3f210f solid;
	font-size: 9px;
}

.mv_r04_02_02{
	font-size: 10px;
	line-height: 1;
}

.mv_r04_02_02 span{
	font-size: 20px;
}




#s01{

}

.s01_01{
	padding: clamp(43.75px, calc(var(--vw) * 3.6458), 70px) clamp(68.75px, calc(var(--vw) * 5.729), 110px);
	background: #f3f8e1;
}

.s01_01_cacth01{
	margin-bottom: 5px;
	text-align: center;
}

.s01_01_cacth01 img{
	width: clamp(320.625px, calc(var(--vw) * 26.71875), 513px);
}

.s01_01_cacth02{
	margin-bottom: 60px;
	font-size: clamp(20.625px, calc(var(--vw) * 1.71875), 33px);
	font-weight: 700;
	text-align: center;
}

.s01_01_cacth02 p{
	font-size: clamp(22.5px, calc(var(--vw) * 1.875), 36px);
}

.s01_01_cacth02 p span{
	color: #e12113;
	font-size: clamp(28.75px, calc(var(--vw) * 2.3959), 46px);
	font-weight: 800;
}

.s01_box{
	padding: clamp(31.25px, calc(var(--vw) * 2.604), 50px) clamp(53.125px, calc(var(--vw) * 4.427), 85px) clamp(40.625px, calc(var(--vw) * 3.3854), 65px);
	margin-bottom: clamp(56.25px, calc(var(--vw) * 4.6875), 90px);
	border-radius: clamp(8.75px, calc(var(--vw) * 0.729), 14px);
	background: #fff;
}

.s01_01_title{
	margin-bottom: clamp(37.5px, calc(var(--vw) * 3.125), 60px);
	font-size: clamp(21.25px, calc(var(--vw) * 1.7708), 33px);
	font-weight: 700;
	text-align: center;
}

.s01_01_new{
	display: flex;
	justify-content: center;
	gap: clamp(30.625px, calc(var(--vw) * 2.3552), 49px);
	margin-bottom: clamp(62.5px, calc(var(--vw) * 5.208), 100px);
}

.s01_01_new img{
	width: 100%;
}

.s01_01_new_l{
	width: clamp(518.75px, calc(var(--vw) * 43.229), 830px);
}

.s01_01_new_r{
	width: clamp(405px, calc(var(--vw) * 33.75), 648px);
}

.s01_01_new_logo{
	width: clamp(303.75px, calc(var(--vw) * 25.3125), 648px);
	margin: 0 auto clamp(13.75px, calc(var(--vw) * 1.1458), 22px);
}

.s01_01_new_cacth{
	margin-bottom: clamp(16.875px, calc(var(--vw) * 1.40625), 27px);
	font-size: clamp(16.25px, calc(var(--vw) * 1.354), 26px);
	font-weight: 700;
	text-align: center;
}

.s01_01_list{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(38.125px, calc(var(--vw) * 3.177), 61px) clamp(79.375px, calc(var(--vw) * 6.614), 127px);
}

.s01_01_list li{
	display: grid;
	grid-template-rows: auto 1fr;
	gap: clamp(17.5px, calc(var(--vw) * 1.4583), 28px);
}

.s01_01_list_img{
	position: relative;
	order: 1;
}

.s01_01_list_img img{
	width: 100%;
}

.s01_01_list_img p{
	position: absolute;
	bottom: 8px;
	color: #fff;
	font-size: 7px;
}

.s01_01_list li:nth-child(1) .s01_01_list_img p,
.s01_01_list li:nth-child(2) .s01_01_list_img p{
	right: 8px;
}

.s01_01_list li:nth-child(3) .s01_01_list_img p,
.s01_01_list li:nth-child(4) .s01_01_list_img p{
	left: 8px;
}

.s01_01_list_data{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	order: 2;
}

.s01_01_list_gd{
	position: absolute;
	top: 0;
	right: 0;
}

.s01_01_list_gd img{
	width: clamp(100px, calc(var(--vw) * 8.333), 160px);
}

.s01_01_type span{
	display: inline-block;
	padding: 1px 6px 2px;
	background: #4d4d4d;
	color: #fff;
	font-size: clamp(13.125px, calc(var(--vw) * 1.09375), 21px);
}

.s01_01_list_title{
	display: flex;
	align-items: baseline;
	margin-bottom: clamp(9.375px, calc(var(--vw) * 0.78125), 15px);
	font-size: clamp(24.375px, calc(var(--vw) * 2.03125), 39px);
	font-weight: 800;
}

.s01_01_list_title p{
	margin-right: 0.3em;
	font-size: clamp(16.875px, calc(var(--vw) * 1.40625), 27px);
}

.s01_01_list_cacth{
	margin-bottom: clamp(3.125px, calc(var(--vw) * 0.2604), 5px);
	font-size: clamp(16.25px, calc(var(--vw) * 1.3541), 26px);
	font-weight: 700;
	line-height: 1.375;
}

.s01_01_list_text{
	font-size: clamp(13.75px, calc(var(--vw) * 1.1458), 22px);
	font-weight: 500;
	line-height: 1.75;
}

.s01_01_list_gd ~ .s01_01_list_text{
	padding-bottom: 10px;
}

.s01_01_link01{
	margin-bottom: clamp(13.125px, calc(var(--vw) * 1.09375), 21px);
	text-align: center;
}

.s01_01_link01 img{
	width: clamp(401.25px, calc(var(--vw) * 33.4375), 642px);
	filter: drop-shadow(3.5px 3.5px 3.5px rgba(0, 0, 0, 0.8));
}

.s01_01_link02{
	margin-bottom: clamp(21.875px, calc(var(--vw) * 1.823), 35px);
	font-size: clamp(13.125px, calc(var(--vw) * 1.09375), 21px);
	font-weight: 500;
	text-align: center;
}

.s01_01_link02 a{
	color: #000;
	text-decoration: underline;
}

.s01_01_link02 a:hover{
	color: #999;
}

.s01_01_date{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: clamp(13.125px, calc(var(--vw) * 1.09375), 21px);
	width: 60%;
	margin: 0 auto;
	transform: scale(1.3);
}

.s01_01_date .mv_date02 span{
	color: #e60012;
}

.s01_01_date .mv_r04_01_02:not(:last-child):after{
	background: url("./img/mv_r04_arrow_gr.svg") center/contain no-repeat;
}

.s01_01_date img{
	width: clamp(450.625px, calc(var(--vw) * 37.552), 721px);
}


/*
.s01_02{
	padding: 158px 0 247px;
	background: url("./img/s01_02_bg.jpg") center/cover no-repeat;
	clip-path: polygon(0 15%, 50% 0, 100% 15%, 100% 100%, 50% 85%, 0 100%);
}

.s01_02box{
	padding: 55px 75px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.3);
}

.s01_02_title{
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.16em;
	text-align: center;
}

.s01_02_text{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: 500;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.08em;
	line-height: 1.6;
	text-align: center;
}

.s01_02_grid{
	display: grid;
	grid-template-columns: 260px 475px;
	gap: 75px;
	padding: 25px 20px 15px;
	border-top: 1px #000 solid;
	border-bottom: 1px #fff solid;
	font-size: 14px;
}

.s01_02_grid_dl{
	display: grid;
	grid-template-columns: 5em 1fr;
	gap: 10px 24px;
}

.s01_02_grid_dl dd p{
	font-size: 10px;
}

.s01_02_grid_r h4{
	margin-bottom: 5px;
	font-weight: 600;
}

.s01_02_grid_r div:not(:last-child){
	margin-bottom: 10px;
}
*/



#s02{
	padding: clamp(50px, calc(var(--vw) * 4.166), 80px) clamp(68.75px, calc(var(--vw) * 5.729), 110px) 0;
	margin-bottom: clamp(31.25px, calc(var(--vw) * 2.604), 50px);
}

.s02_01{
	margin-bottom: clamp(21.25px, calc(var(--vw) * 1.771), 34px);
	font-size: clamp(21.25px, calc(var(--vw) * 1.771), 34px);
	font-weight: 800;
	text-align: center;
}

.s02_02{
	box-sizing: border-box;
	padding: clamp(18.75px, calc(var(--vw) * 1.5625), 30px) clamp(34.375px, calc(var(--vw) * 2.864), 55px);
	border-radius: clamp(8.75px, calc(var(--vw) * 0.729), 14px);
	background: #f3f3f3;
}

.s02_02:not(:last-child){
	margin-bottom: 65px;
}

.s02_02 dt{
	position: relative;
	height: clamp(25px, calc(var(--vw) * 2.083), 40px);
	padding: 0 clamp(31.25px, calc(var(--vw) * 2.604), 50px);
	font-size: clamp(15px, calc(var(--vw) * 1.25), 24px);
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}

.s02_02 dt span{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: clamp(25px, calc(var(--vw) * 2.083), 40px);
	height: clamp(25px, calc(var(--vw) * 2.083), 40px);
	border-radius: 50%;
	background: #1a1311;
}

.s02_02 dt span:before,
.s02_02 dt span:after{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
	width: clamp(13.75px, calc(var(--vw) * 1.1458), 22px);
	height: clamp(2.5px, calc(var(--vw) * 0.208), 4px);
	background: #fff;
}

.s02_02 dt span:after{
	transform: translate(-50%, -50%) rotateZ(90deg);
}

.s02_02 dt.atcive span:after{
	opacity: 0;
}

.s02_02 dd{
	display: none;
	margin-top: 20px;
	padding-bottom: 10px;
}

.s02_02_text{
	margin-bottom: 25px;
	font-size: 12px;
	line-height: 1.9;
}

.s02_02_link{
	text-align: center;
}

.s02_02_link img{
	width: clamp(395px, calc(var(--vw) * 32.916), 632px);
	filter: drop-shadow(4px 5px 5px rgba(0, 0, 0, 0.8));
}




























}/* end */