@charset "UTF-8";


.block {
    padding: 100px 0;
}
.blk_ttl span {
    color: #773437;
}

.inner .flex{ display: flex; justify-content: center; gap: 50px; align-items: center; max-width: 500px; margin: 0 auto; padding-bottom: 58px;}
.inner .flex .icon{ width: auto;height: 100px;}
.inner .flex .icon img{ height: 100%; width: 100%;}
.blk_ttl { padding-bottom: 0;}
@media screen and (max-width:767px){
	.block {padding: 60px 0;}
	.inner .flex{ gap: 30px; padding-bottom: 30px;}
	.inner .flex .icon{ height: 70px;}
}
@media screen and (max-width:374px){
	.block {padding: 30px 0;}
}


/*-------------------------
__topic_path_style
-------------------------*/
.topic_path{clear:both;padding:0;z-index:99;background: #f0f0ee;}
.topic_path li,
.topic_path li a{color: #000;}

/*-------------------------
__#main_style
-------------------------*/
.slick-slide img{width: 100%;height: 100%;object-fit: cover;}
#main{}
#main>.inner{max-width: 1500px;padding: 0!important;}
#main .thumbnail .slick-track{margin-left: -250px;}
#main .thumbnail .thumbnail-img.slick-slide{width: 250px;height: auto;aspect-ratio: 25/19;cursor:pointer;}
#main .slider_wrap{height: calc(100vh - 393px);max-height: 990px;min-height: 780px;position: relative;}
#main .slider_wrap::after{content:"";position:absolute;background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.55) 20%, rgba(255, 255, 255, 0) 60%);width:100%;height:100%;z-index:9;top:0;left:0;pointer-events:none;}
#main .slider_wrap .slick-slider,
#main .slider_wrap .slick-slider .slick-track, 
#main .slider_wrap .slick-slider .slick-list,
#main .slider_wrap .slick-slider .slick-track .slick-img{height: 100%;}
#main .slider_wrap .topic_path{z-index: 1;}
#main .slider_wrap .topic_path .inner{max-width: 1500px;}
#main .slider_wrap .main_copy{padding: 68px 0 60px;background-image: linear-gradient(180deg, transparent, rgba(0,0,0,0.4), rgba(0,0,0,0.5));}
#main .slider_wrap .main_copy .inner{max-width: 1500px;text-align: left;}
#main .slider_wrap .main_copy .inner img{width: 40%;max-width: 640px;height: auto;}

#main .main_ttl_wrap{position:absolute;top:50%;transform:translateY(-50%);z-index:99;padding:0 40px;box-sizing:border-box;}
#main .main_ttl_wrap .main_ttl{width:100%;max-width:300px;margin-bottom:50px;}
#main .main_ttl_wrap .main_txt{font-size:24px;text-align:left;line-height:2;color:#fff;font-weight:700;}

@media screen and (max-width:999px){
    #main .slider_wrap{height: auto;min-height: inherit;aspect-ratio: 4/3;}
    #main .thumbnail .slick-track{margin-left: -200px;}
    #main .thumbnail .thumbnail-img.slick-slide{width: 200px;}
    #main .slider_wrap .main_copy{padding: 30px 0;margin: 0;}
    #main .slider_wrap .main_copy .inner img{width: auto;max-width: 400px;}
	#main .main_ttl_wrap .main_txt{font-size:16px;}
}
@media screen and (max-width:767px){
    #main .thumbnail .slick-track{margin-left: calc(-100vw / 3);}
    #main .thumbnail .thumbnail-img.slick-slide{width: calc(100vw / 3);}
    #main .slider_wrap .main_copy .inner{text-align: center;}
    #main .slider_wrap .main_copy .inner img{width: 100%;max-width: 320px;}
	#main .main_ttl_wrap{padding:0 15px; top: 60%;}
	#main .main_ttl_wrap .main_ttl{width:100%;max-width:200px;margin-bottom:30px;}
	#main .main_ttl_wrap .main_txt{font-size:14px;}
}
@media screen and (max-width:375px){
	#main .slider_wrap::after{background-image:none;background:rgba(0,0,0,0.3);}
	#main .main_ttl_wrap .main_ttl{max-width:160px;margin-bottom:10px;}
	#main .main_ttl_wrap .main_txt{font-size:12px;}
}
/*-------------------------
__#block_01
-------------------------*/
#block_01{position:relative;background: #f0f0ee;}
#block_01 .inner{max-width:1500px;}
#block_01 .parent-container{width:calc(100% - 8px);height:auto;gap:2px;display:flex;flex-wrap:wrap;position:absolute;top:0;left:0;}
#block_01 .parent-container a{width:calc(25% - 1.5px);height:auto;aspect-ratio:1 / 1;overflow:hidden;}
#block_01 .parent-container a img{width:100%;height:100%;object-fit:cover;transition:.3s;}

@media screen and (min-width:768px){
	#block_01 .parent-container a:hover img{transform:scale(1.1);}
}
@media screen and (max-width:767px){
	#block_01 .inner{padding-bottom:40px;}
	#block_01 .inner::before{height:calc(100% - 120px);}
	#block_01 .parent-container{width:calc(100% - 8px);gap:2px;}
	#block_01 .parent-container a{width:calc(50% - 2px);}
}

/*-------------------------
__#block_02
-------------------------*/
#block_02 {}
#block_02 .inner{max-width: 1500px;}
#block_02 .inner .case_wrap{padding-top: 1806px;}
@media screen and (max-width:999px){
    #block_02{padding-bottom: 0;}
    #block_02 .inner{padding-bottom: 80px;}
}
@media screen and (max-width:767px){
    #block_02 .inner{padding-bottom: 40px;}
    #block_02 .inner::before{height: calc(100% - 120px);}
}

/*-------------------------
__#block_03
-------------------------*/
#block_03{background: #f0f0ee;}
#block_03 .youtube{width:100%;height:auto;}
#block_03 .youtube iframe{aspect-ratio:16 / 9;width:100%;height:100%;}