@charset "UTF-8";

.mainV {
	position: relative;
}

.mainV_list_item img {
	width: 100%;
	display: block;
}
.mainV_text_box {
	position: absolute;
	z-index: 2;
	left: 30%;
    transform: translateX(30px);
    top: 40vh;
}
.mv_catch_text {
	max-width: 600px;
	height: auto;
}
.page_tit {
	letter-spacing: 2px;
	color: #FFFFFF;
    font-size: 28px;
    margin-top: 10px;
}
/*メッセージ*/
.sec_message {
	margin: 120px auto 0;
	padding-bottom: 40px;
	display: block;
	background: rgb(248,247,245);
background: linear-gradient(0deg, rgba(248,247,245,1) 0%, rgba(255,255,255,1) 100%);
}
.massage_wrp {
	max-width: 768px;
	width: 88vw;
	display: block;
    margin: 0 auto;
}
.message_tit {
	font-size: 50px;
	color: #BF5552;
	border-top: 5px solid #BF5552;
	padding: 3px 8px 0;
	width: fit-content;
}
.message_catch_text {
	width: 600px;
	height: auto;
	margin: 80px 0 30px;
}
.message_catch_desc_box {
	display: block;
    margin: 0 30px 60px auto;
}
.message_catch_desc {
	font-family: NotoSansJP-Medium;
	color: #BF5552;
	font-size: 24px;
	text-align: right;
	line-height: 1.5;
}
.message_catch_desc_span {
	color: #E58C90;
}
.message_desc_block {
	text-align: left;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 30px;
	font-family: NotoSansJP-Medium;
}
.message_desc_block_span {
	color: #BF5552;
}
/*アニメーション*/
.loop_decoration {
	background: #F8F7F5;
	width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.will_loop_list {
	display: flex;
	animation: loop 30s linear infinite;
	position: relative;
    z-index: 1;
	top: 20px;
}
.will_loop_list_under { 
	display: flex;
	animation: loop 30s linear infinite;
	position: relative;
    z-index: 2;
	top: -15px;
	}

.will_loop_list_item_img {
    width: 120vw;
    margin: 0 20px;
}

.lineup_slick_img {
	margin-right: 10px;
    margin-left: 10px
}
@keyframes loop {
	0% { transform:translateX(0px); }
	100% { transform:translateX(-100%); }
}
/*下層ページリンク*/
.lower_link {
	width: 100%;
	overflow: hidden;
	
}
.lower_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}
.lower_grid_item {
	padding: 60px 20px;
}
.lower_grid_item01 {
	background: rgb(248,247,245);
background: linear-gradient(208deg, rgba(248,247,245,.3) 0%, rgba(179,202,206,1) 100%);
}
.lower_grid_item02 {
	background: rgb(248,247,245);
background: linear-gradient(208deg, rgba(248,247,245,0.3) 0%, rgba(217,162,174,1) 100%);
}
.lower_grid_item03 {
	background: rgb(225,169,149);
background: linear-gradient(208deg, rgba(225,169,149,0.3) 0%, rgba(225,169,149,1) 100%);
}
.lower_grid_item04 {
	background: rgb(172,205,171);
background: linear-gradient(208deg, rgba(172,205,171,0.3) 0%, rgba(172,205,171,1) 100%);
}
.lower_grid_item05 {
	background: rgb(231,148,148);
background: linear-gradient(208deg, rgba(231,148,148,0.08) 0%, rgba(231,148,148,0.83) 100%);
}
.lower_grid_item06 {
	background: rgb(229,227,224);
background: linear-gradient(208deg, rgba(229,227,224,0.07889093137254899) 0%, rgba(229,227,224,1) 100%);
}
.lower_link_tit_box {
	width: 80%;
	min-height: 155px;
    margin: 0 auto;
	border-top: 5px #BF5552 solid;
	padding-top: 6px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	}
.lower_link_tit {
	color: #BF5552;
	text-align: left;
	font-size: 47px;
    line-height: 1;
}
.lower_link_tit_jp {
	display: block;
	text-align: left;
	margin-top: 3px;
	font-size: 16px;
	font-family: NotoSansJP-Medium;
}
.lower_link_num  {
	font-size: 20px;
	color: #BF5552;
}
.lower_link_img {
	width: 100%;
	transition:1s all;
}
.lower_link_img_thumb {
	position: relative;
	overflow: hidden;
	max-width: 300px; 
	margin: 0 auto;
	clip-path: inset(0%);
	transition:1s all;
}
.lower_link_img_thumb_dw {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 100px;
	z-index: 2;
}
.lower_link_tag {
	color: #BF5552;
	font-size: 14px;
	width: 80%;
    margin: 40px auto 0;
	line-height: 1.4;
    text-align: left;
}
.lower_link_tag_bold {
	font-family: NotoSansJP-Medium;
}
.lower_grid_item_link {
	transition: 0.7s; 
}

.lower_grid_item_link:hover .lower_link_img {
	transform: scale(1.05);
	
}

.lower_grid_item_link:hover .lower_link_img_thumb {
	clip-path: inset(3%);
	transform: rotate(-3deg);
	
}
/*footer*/
.f_brand_logo {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px){
	.mainV_list {
    margin-top: 0px;
	}
	.mainV_text_box {
    left: 15%;
    transform: translateX(0);
    top: 55vh;
	}
	.mv_catch_text {
    max-width: 520px;
    width: 88%;
	}
	.message_tit {
    font-size: 40px;
	}
	.message_catch_text {
    max-width: 420px;
    width: 88%;
    margin: 40px 0 30px;
	}
	.message_catch_desc {
    font-size: 18px;
	}
	.message_desc_block {
    font-size: 15px;
    line-height: 2.5;
	}
	.will_loop_list_item_img {
    width: 200vw;
	}
	.sec_message {
    padding-bottom: 10px;
	}
	.will_loop_list_under {
    top: -5px;
	}
	.lower_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
	}
	.lower_link_tit_box {
    width: 100%;
	min-height: 110px;
	}
	.lower_link_tit {
    font-size: 35px;
	}
	.lower_link_tag {
    width: 100%;
	}
	.lower_grid_item {
    padding: 60px 20px 40px;
	}
}
@media screen and (max-width:560px){
	.mainV_text_box {
    left: 5%;
    top: 38vh;	
	}
	.page_tit {
    letter-spacing: 2px;
    color: #FFFFFF;
    font-size: 18px;
	}
	.mainV_list_item {
    margin-top: 90px;
	}
	.sec_message {
    margin-top: 80px;
	}
	.message_tit {
    font-size: 28px;
	}
	.message_desc_block {
    font-size: 14px;
    line-height: 2.1;
	}
	.message_catch_text {
    max-width: 420px;
    width: 88%;
    margin: 25px 0 25px;
	}
	.message_catch_desc_box {
    margin: 0 30px 40px auto;
	}
	.lower_grid_item {
    padding: 40px 20px 25px;
	}
	.lower_link_tit_box {
    min-height: 80px;
	}
	.lower_link_tit {
    font-size: 20px;
	}
	.lower_link_tit_jp {
    margin-top: 5px;
		line-height: 1.5;
    font-size: 11px;
	}
	.lower_link_num {
    font-size: 16px;
    line-height: 1;
	}
	.lower_link_tag {
    font-size: 11px;
    margin: 25px auto 0;
    line-height: 1.6;
    text-align: justify;
	}
	.lower_link_img_thumb_dw {
    width: 60px;
	}
}
@media screen and (max-width:480px){
	
	
	
}