@charset "utf-8";
.loading{ position:fixed; width:100%; min-width:100vw; height:100%; min-height:100vh; top:0; left:0; background:#EDEEEE; z-index:100; display:flex; justify-content:center; align-items:center; }
.loading img{ width:80px; margin:16px auto; animation:loadingAni 2s infinite alternate; }
@keyframes loadingAni{from{ transform:scale(.9); } to{ transform:scale(1); } }
picture,img{ display:block; }
picture img{ width:100%; height:auto;}
.wrap .slick-list{ z-index:1; }
.wrap .slick-dotted .slick-dots{ display:flex; justify-content:center; flex-wrap:wrap; gap:0 16px; width:calc(100% - 80px); margin:16px auto 0; padding-bottom:24px; position:relative;}
.wrap .slick-dotted .slick-dots li{ width:12px; height:12px; border-radius:12px; background:#006241b3; transition:all 1s ease; cursor:pointer; } 
.wrap .slick-dotted .slick-dots li.slick-active{ width:30px; background:#006241; } 
.wrap .slick-dotted .slick-dots li button{ font-size:0; }
.wrap .slick-slider figure{ cursor:grab; }

.wrap{ color:#333; overflow:clip; font-family:'SoDoSans','Noto Sans TC','微軟正黑體','Microsoft JhengHei','Apple LiGothic Medium',sans-serif;}
.wrap picture,
.wrap img{ width:100%; height:auto; }
.wrap section{ position:relative; }
.wrap a.btn{ transition:all .6s ease; font-size:clamp(1.4rem, 4.1vw, 1.8rem); line-height:1.8; padding:.2em 1.4em; border-radius:2em; border:solid 1px; background:#5A3000; color:#fff; border:unset;} 
.wrap a.btn_border{ border:solid 1px;}
.wrap a.more:after{ content:'\f101'; display:inline-block; margin-left:.2em; }
.wrap .section_title{ font-size:clamp(4.2rem, 10.7vw, 5.4rem); /*font-size:10.7vw;*/ display:inline-block; margin:auto; color:#965724; margin-bottom:1.14em;} 
.wrap .section_title h2{ font-size:1em; }
.wrap .section_title h3{ font-size:0.48em; font-weight:400; margin-bottom:.4em; } 
.wrap .section_title .section_title_line{ display:flex; justify-content:space-between; height:.64em; }
.wrap .section_title .section_title_line img{ width:auto; height:100% }

.wrap h2{ font-size:clamp(3.6rem, 9.2vw, 4.8rem); line-height:1.4; letter-spacing:.1em; font-weight:500; }
.wrap h3{ font-size:clamp(2.8rem, 8.2vw, 3.2rem); line-height:1.4; letter-spacing:.05em; font-weight:500;}
.wrap h4{ font-size:clamp(2rem, 6.1vw, 2.4rem); letter-spacing:0; }
.wrap h5{ font-size:clamp(1.4rem, 4.8vw, 2rem); font-weight:500; letter-spacing:.05em; line-height:1.4;}
.wrap p ,.wrap li{ font-size:clamp(1.4rem, 4.6vw, 1.8rem); text-align:justify; line-height:1.6;}
.wrap p.small{ font-size:clamp(1.2rem, 4vw, 1.4rem); }




.NDAD{ position:sticky; left:0; bottom:0; background:#F0E5F1; border:solid 1px #6D0372; margin:24px auto 0; width:100%; min-height:10dvh; }
.NDAD img{ width:100%; height:auto; }

.wrap .sub-chapter{ font-size:clamp(1.4rem, 3.8vw, 2.1rem); width:100%; }
.wrap .sub-chapter span{ font-size:1em; display:inline-block; width:1.8em; height:1.8em; position:relative; color:#FFFCDB; text-align:center; line-height:1.9; border-radius:50%; background:#D94095;} 


.wrap .anchor_box{ display:flex; justify-content:space-between; padding:48px 16px 36px; margin:auto; background:#FBFAF3 url(../images/anchor_bg.svg) -6% 10%; background-size:auto 170%;} 
.wrap .anchor_box a{ font-size:clamp(1.4rem, 3.6vw, 2.4rem); color:#284265; display:flex; flex-direction:column; align-items:center; flex:1; }
.wrap .anchor_box a h3{ font-size:inherit; width:5em; transition:all .8s;}
.wrap .anchor_box a:after{ content:'\f107'; }
.wrap .anchor_box a img{ font-size:inherit; transition:all .8s; width:50%; margin:8px auto; aspect-ratio:1 / 1; object-fit:contain; object-position:center bottom;} 
.wrap .anchor_box a:hover img{ transform:translateY(-10px); }
.wrap .anchor_box a:hover h3{ transform:translateY(5px); }


.wrap .event{ padding:60px 0 80px; background-color:#FFF8FA; background-image:url(../images/event_bg.png),linear-gradient(180deg, #FFF5DB 0%, #FFF8FA 68%, #F0CDDD 100%); background-repeat:no-repeat; background-position:right 10% ,center center; background-size:200% auto;}
.wrap .event h2{ width:100%; margin:0 auto; color:#CE4C93; letter-spacing:0; }
.wrap .event h3{ font-size:clamp(2.6rem, 5.6vw, 2.8rem); color:#CE4C93; line-height:1.4; margin:2em 0 .4em; width:100%; display:flex; align-items:baseline; gap:8px; }
.wrap .event h3:after{ content:''; display:inline-block; width:auto; height:2px; background:#CE4C93; flex:1 1 auto; } 
.wrap .event h4{ font-weight:400; counter-reset:subsection; color:#284265; font-weight:500; margin:1em 0 .2em;}
.wrap .event h4:before{counter-increment:section 1; content:counter(section) "."; margin-right:.2em; }
.wrap .event .text_block{ counter-reset:section; margin:0 auto; text-align:left; }
.wrap .event .text_block b{ font-weight:500; }
.wrap .event .text_block ol{ list-style:decimal; margin-left:1.4em; }
.wrap .event .text_block ul{ list-style:disc; margin-left:2.6em; }
.wrap .event .text_block p,
.wrap .event .text_block li{ margin-bottom:8px; letter-spacing:.005em; text-align:left; mix-blend-mode:multiply; }
.wrap .event .text_block h4 + p{ margin-left:1.4em; }
.wrap .event .text_block strong{ color:#CE4C93;}
.wrap .event .text_block .big{ font-size:1.25em; color:#CE4C93;}
.wrap .event .text_block .btn{ margin-top:16px; }
.wrap .event figure{ display:flex; flex-direction:column; gap:8px; align-items:center; }
.wrap .event figure img{ width:75vw; max-width:282px; }
.wrap .event .btn{ background:#CE4C93; }
.wrap .event .text_block.about h3{ color:#006241; }
.wrap .event .text_block.about h3:after{ background:#006241;  } 


.wrap .coffee{ background:url(../images/coffee_minor_bg.svg) ,linear-gradient(0deg, #FDF5E6 0%, #FBF1D8 27%, #FFF9BD 100%); background-repeat:no-repeat; background-position:right -2%; background-size:100%, cover; padding:15vw 0 10vw;  }
.wrap .coffee .coffee_minor{ display:flex; justify-content:center; flex-direction:column; align-items:center; gap:64px; padding-bottom:4vw;} 
.wrap .coffee .coffee_minor figure{ width:clamp(320px, 75%, 380px); } 
.wrap .coffee .coffee_minor figure .btn{ color:#fff; background:#006241; }
.wrap .coffee .coffee_minor figcaption{ color:#006241;  }
.wrap .coffee .coffee_minor figcaption .text_block{ display:flex; flex-direction:column; }
.wrap .coffee .coffee_minor figcaption .text_block .title{  }
.wrap .coffee .coffee_minor figcaption .text_block .title h3{ width:100%; }
.wrap .coffee .coffee_list{ background-image:url(../images/coffee_list_bg.svg); background-repeat:no-repeat; background-position:20% 1%; background-size:30%; padding-left:20px; padding-top:36px; border-top:solid 1px #BD935E; border-bottom:solid 1px #BD935E; } 
.wrap .coffee .coffee_list figure{ width:calc(100vw - 56px); max-width:300px; margin-right:16px; }
.wrap .coffee .coffee_list figure .btn{ color:#fff; background:#006241; }
.wrap .coffee .coffee_list figcaption{ color:#006241;  }
.wrap .coffee .coffee_list figcaption .text_block{ display:flex; flex-direction:column; align-items:baseline; gap:8px; margin-bottom:12px; }
.wrap .coffee .coffee_list figcaption .text_block .title{ flex-direction:column; }



.wrap .gift{ background:#FDF3EA url(../images/gift_bg.svg); background-position:center 0; background-repeat:no-repeat; background-size:200% auto; padding:15vw 0; } 
.wrap .gift .container{ display:flex; flex-wrap:wrap; justify-content:center; gap:64px; flex-direction:column; align-items:center; }
.wrap .gift figure{ width:320px; }
.wrap .gift figure .btn{ color:#fff; background:#006241; margin-top:unset; }
.wrap .gift figcaption{ color:#006241; align-items:center; }
.wrap .gift figcaption .text_block{ display:flex; flex-direction:column; }
.wrap .gift figcaption .text_block .title{ justify-content:center; text-align:center; }
.wrap .gift figcaption .text_block .title h3{ width:100%; }



.wrap .fixed{ position:fixed; right:0; bottom:58px; z-index:91; transform:translateX(0); transition:transform 1s ease-out; width:clamp(170px, 10% ,200px);}
.wrap .fixed .icon{ width:calc(100% - 12px); pointer-events:auto; border:unset; padding:unset; background:unset; }
.wrap .fixed .btn.toggle{ pointer-events:auto; position:absolute; left:0; top:0; background:#533119; width:24px; height:24px; padding:unset; display:flex; justify-content:center; align-items:center; border:unset; transform:translateX(-110%); border-radius:50%; }
.wrap .fixed.close{ transform:translateX(100%); }
.wrap .fixed.close .btn.toggle{ transform:translateX(-140%); }
.wrap .fixed.close .btn.toggle img{ transform:rotateY(180deg); }


/*影片*/
.wrap .video_bg{ background:#fbfaf3 url(../images/video_bg.svg); padding:48px; background-position:78% center; background-size:300%;} 
.wrap .video_container{ line-height:0; width:100%; margin:0 auto;}
.wrap .video_container .video_box{ position:relative; width:100%; max-width:1000px; display:inline-block; margin:0 auto; }
.wrap .video_container .video_box .video_block{ width:100%; padding-top:56.25%; aspect-ratio:560/315; /*aspect-ratio:16 / 9;*/ }
.wrap .video_container .video_box .video_block iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }


.wrap .beverage, .wrap .online_banner{ width:100%; line-height:0; }
.wrap .beverage img, .wrap .online_banner img{ width:100vw; }



.wrap .products figure .images_block{ width:100%; position:relative; }
.wrap .products figure .images_block img{ max-width:100%; position:relative;}
.wrap .products figure{ display:flex; flex-direction:column; gap:4vw; }
.wrap .products figcaption{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; text-align:left; }
.wrap .products figcaption .text_block{ height:100%;}
.wrap .products figcaption .text_block .title{ display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-bottom:12px; }
.wrap .products figcaption .btn{ margin-top:16px; }


.wrap .major{ background:linear-gradient(165deg, #EFCDDE 0%, #F6DDDE 54%, #FCEADC 100%); padding:6vw 0 30vw; }
.wrap .major .container{ display:flex; flex-wrap:wrap; gap:30vw 4vw; }
.wrap .major figure{ gap:8vw; }
.wrap .major figure .images_block img{ border-radius:12vw 12vw 12vw 2vw; }
.wrap .major figure figcaption .title{ color:#A3155D; display:flex; flex-wrap:wrap; align-items:baseline; gap:1em .4em;} 
.wrap .major figure figcaption .title h5{ width:100%; } 
.wrap .major figure figcaption .btn{ background:#A3155D; color:#fff; }
.wrap .major figure figcaption img.info{ object-fit:scale-down; object-position:left; width:auto; height:30px; }

.wrap .major.first{ padding:0; position: relative; background:#dec6de;}
.wrap .major.first .section_title{ position:absolute; top:12vw; left:50%; transform:translateX(-50%); width:6.1em; color:#BC7033;}
.wrap .major.first figure{ flex-direction:column-reverse; }




.wrap .minor .container{ margin:auto; display:flex; flex-wrap:wrap; gap:20vw 4vw; }
.wrap .minor figure{  margin:0 auto; }
.wrap .minor figure .btn{ background:#F0750B; color:#fff; }
.wrap .minor figcaption .title{ color:#F0750B; }
.wrap .minor figure .images_block{ width:90%; margin:auto; }
.wrap .major_landscape figcaption{ width:75%; margin:auto; align-items:center; }

.wrap .minor_A{ position:relative; background:#721822; padding:2vw 0 64px;}
.wrap .minor_A:after{ pointer-events:none; position:absolute; width:100%; height:100%; top:0; left:0; content:''; background:url(../images/minor_A_bg.svg) 90% bottom no-repeat; background-size:150% auto; }
.wrap .minor_A .sp{ width:96%; border-radius:22vw; position:relative; overflow:clip; margin:0 auto 16vw; } 
.wrap .minor_A .sp .section_title{ position:absolute; top:12vw; left:50%; transform:translateX(-50%); width:5em; color:#A05722;}
.wrap .minor_A .sp > p{ position:absolute; top:35%; left:50%; transform:translateX(-50%); width:14em; color:#185E8E; }
.wrap .minor_A .sp picture img{ width:100%; object-fit:cover; object-position:bottom; aspect-ratio:390 / 750;}
.wrap .minor_A .major_landscape figcaption{ color:#fff; align-items:flex-start; }
.wrap .minor_A .major_landscape figcaption .title{ color:#fff; }
.wrap .minor_A .major_landscape figcaption .info_list{ color:#ffffffb3; }
.wrap .minor_A figure .btn{ background:#fff; color:#721822; }
.wrap .minor_A figure .images_block{ position:relative; overflow:clip; }
.wrap .minor_A figure .images_block:after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:10%; background:linear-gradient(180deg, #72182200 0%, #721822 100%); /* box-shadow:0 0 1px #000; */ /* transform:translateY(50%);*/ }



.wrap .minor_B{ position:relative; background-image:linear-gradient(180deg, #FFFBC1 0%, #F6DFE9 100%); padding:36px 0; }
.wrap .minor_B:before,.wrap .minor_B:after{ position:absolute; content:''; display:block; width:1px; height:100%; top:0; background:#DBC66C; z-index:2;}
.wrap .minor_B:before{ left:20px;  }
.wrap .minor_B:after{ right:20px; }
.wrap .minor_B hr{ width:100%; border:unset; border-bottom:solid 1px #DBC66C; }
.wrap .minor_B .container{ padding-bottom:48px; }
.wrap .minor_B .sp{ width:100%; border-radius:22vw; position:relative; overflow:clip; margin:0 auto; } 
.wrap .minor_B .sp .section_title{ position:absolute; top:8vw; left:50%; transform:translateX(-50%); width:6em; color:#BC7033;}
.wrap .minor_B figcaption .title{ text-align:center; }
.wrap .minor_B figcaption .title h3, .wrap .minor_B figcaption .title h4{ display:inline; }
.wrap .minor_B figcaption .btn{ margin:.2em .4em; }
.wrap .minor_B .container hr{ opacity:0; }

.wrap .minor_C{ background-image:linear-gradient(180deg, #F6DFE9 0%, #FDF6E6 100%); padding:64px 0;}
.wrap .minor_C .sp{ width:96%; border-radius:22vw; position:relative; overflow:clip; margin:0 auto 16vw; } 
.wrap .minor_C .sp .section_title{ position:absolute; top:8vw; left:50%; transform:translateX(-50%); width:5em;}
.wrap .minor_C figcaption .title{ display:flex; flex-direction:column; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 16px;  margin:auto;} 
.wrap .minor_C figcaption .title h3{  }
.wrap .minor_C .minor_C_hr{ width:100%; margin:3vw auto 6vw; }




/* 直式 */
@media (orientation:portrait){
.wrap .section_title .section_title_line img:nth-of-type(2),
.wrap .section_title .section_title_line img:nth-last-of-type(2){ display:none; }


.wrap .gift .section_title .section_title_line img:nth-of-type(2),
.wrap .gift .section_title .section_title_line img:nth-last-of-type(2){ display:block; }

}

/* 橫式 */
@media (orientation:landscape){
.wrap a.btn{ font-size:1vw; } 
.wrap .section_title{ font-size:2.9vw; }

.wrap h2{ font-size:2.9vw; }
.wrap h3{ font-size:2vw; }
.wrap h4{ font-size:1.6vw; }
.wrap h5{ font-size:1.4vw; }
.wrap p ,.wrap li{ font-size:1.1vw;}
.wrap p.small{ font-size:.93vw; }

.wrap .products figcaption .text_block .title{ margin-bottom:.8vw; }

.wrap .event{ background-position-y:23% ,0; background-size:100% auto;}


.wrap .fixed{ width:14vw; max-width:220px;}

.wrap .minor .container{ width:84%; }



.wrap .minor .major_13 .images_block{ width:40%; margin:unset; } 





}








@media (min-width:819.98px) {
.wrap .anchor_box{ background-size:auto 170%; }	
.wrap .anchor_box a img{ min-width:64px; }
.wrap .anchor_box a h3{ width:unset; }
.wrap .event figure{ display:flex; flex-direction:row-reverse; gap:2vw; align-items:flex-start;} 
.wrap .event figure .images_block{ flex:0 0 18vw;} 
.wrap .event figure .images_block img{ max-width:100%; }


.wrap .coffee .section_title h2 br{ display:none; }

.wrap .major{ background:url(../images/major_bg_pc.png) right center; background-size:auto 100%; }
.wrap .major .container{ justify-content:center; gap:16vw;}
.wrap .major figure{ gap:6vw; width:75%; }
.wrap .major figure:nth-of-type(odd){ transform:translateX(-10%); }
.wrap .major figure:nth-of-type(even){ transform:translateX(10%); }


.wrap .minor .major_landscape{ flex-direction:row; align-items:center; justify-content:center } 
.wrap .minor .major_landscape figcaption{ margin:unset; align-items:flex-start; }
.wrap .minor .major_landscape figcaption .btn{ margin-top:16px; }
.wrap .minor .major_landscape figcaption .title{ justify-content:flex-start; margin:unset; align-items: flex-start } 

.wrap .minor_A .sp .section_title{ width:9.2em; }
.wrap .minor_A .sp .section_title h2 br{ display:none; }
.wrap .minor_A .sp picture img{ aspect-ratio: 390 / 600; }
.wrap .minor_A .sp > p{ display:flex; flex-direction:column; width:auto; align-items:center; top:26%; } 
.wrap .minor_A .sp > p span{ opacity:0; height:1px; }
.wrap .minor_A .major_landscape{ width:100%; justify-content:center }
.wrap .minor_A figure .images_block{ width:40%; margin:unset; } 
.wrap .minor_A .major_landscape figcaption {width:auto; } 
.wrap .minor_A:after{ background:url(../images/minor_A_bg_pc.svg) 75% bottom no-repeat; background-size:128% auto; }

.wrap .minor_B .container{ gap:10vw 4vw; }
.wrap .minor_B .container hr{ display:none; }
.wrap .minor_B figure{ width:100%; flex-direction:row; align-items:center; justify-content:center;} 
.wrap .minor_B figure .images_block{ width:40%; margin:unset; }
.wrap .minor_B figure figcaption{ width:40%; }
.wrap .minor_B figure figcaption .title{ text-align:left; }

.wrap .minor_C .section_title h2 br{ display:none; }
.wrap .minor_C figure{ width:45%; }
.wrap .minor_C .minor_C_hr{ width:58%; }
.wrap .minor .major_13{ width:calc(100% - 100px); max-width:900px; gap:10%; }
.wrap .minor .major_13 figcaption .title{ justify-content:flex-start; margin:unset; } 
.wrap .minor .major_13 figcaption .title h3{ text-align:left;  } 

}



@media (min-width:991.98px){ 


 }
@media (min-width:1199.98px) {
.wrap .video_bg{ background-position:center center; background-size:auto 100%; }

.wrap .anchor_box{ padding:3vw 3.9vw; background-position:center center; background-size:cover; justify-content:center; } 
.wrap .anchor_box a{ width:17vw; flex:unset; font-size:1.8vw;}
.wrap .anchor_box a img{ width:36%; margin:0 auto 1vw;}

.wrap .products .container{ gap:0; max-width:unset; padding:0;} 

.wrap .major{ background-position:center bottom; background-size:cover; padding:6vw 0 8vw; }
.wrap .major .container{ padding:0 2vw; gap:4.6vw 0;} 
.wrap .major figure{ flex-direction:row; align-items:flex-end; gap:4vw; width:100%; margin:auto; }
.wrap .major figure .images_block{ width:42vw; }
.wrap .major figure figcaption{ width:26vw; height:auto; padding:2vw 0; height:auto; gap:1.2vw;}
.wrap .major figure:nth-of-type(odd){ transform:translateX(0); }
.wrap .major figure:nth-of-type(odd) .images_block img{ border-radius:9.7vw 9.7vw 1vw  9.7vw; }
.wrap .major figure:nth-of-type(even){ flex-direction:row-reverse; transform:translateX(0); align-items:flex-end; } 
.wrap .major figure:nth-of-type(even) figcaption{ text-align:right; align-items:flex-end; }
.wrap .major figure:nth-of-type(even) figcaption .title{ justify-content:flex-end } 
.wrap .major figure:nth-of-type(even) figcaption p{ text-align:right; } 
.wrap .major figure:nth-of-type(1){ align-items:flex-start; }
.wrap .major figure:nth-of-type(1) .images_block img{ border-radius:9.7vw 1vw 9.7vw 9.7vw; }
.wrap .major figure figcaption img.info{ height:2vw; }

.wrap .major.first{ position:relative; }
.wrap .major.first .sp{ position:sticky; top:0; left:0;  } 
.wrap .major.first .sp img{ height:95vh; object-fit:cover; } 
.wrap .major.first .section_title{ position:absolute; width:auto; top:16%; transform:translateX(0); left:23%;} 
.wrap .major.first .section_title h2 br{ display:none; }
.wrap .major.first .left_box{ width:36vw; margin-left:20%; margin-top:-20vw; padding-bottom:10vw; } 
.wrap .major.first figure{ width:28vw; }
.wrap .major.first figure .container{ padding:unset; }
.wrap .major.first figure .images_block{ width:100%; }
.wrap .major.first figure{ gap:2vw; }

.wrap .event .container{ max-width:62.5vw; }
.wrap .event{ padding:6vw 0 4.7vw;  } 
.wrap .event h3{ font-size:2vw; margin:2em 0 .4em; }

.wrap .coffee{ padding:4vw 0; background-position:top right; background-size:35%, cover;}
.wrap .coffee .coffee_minor{ padding-bottom:4vw; flex-direction:row; align-items:stretch; }
.wrap .coffee .coffee_minor .container{ gap:4.3vw; }
.wrap .coffee .coffee_minor figure{ width: 27.7vw; gap:1vw; } 
.wrap .coffee .coffee_minor figure .images_block{ flex:0 0 18vw; }
.wrap .coffee .coffee_minor figure figcaption{ justify-content:space-between; height:100%; }
.wrap .coffee .coffee_minor figure figcaption .text_block{ height:unset; padding-top:1vw; }
.wrap .coffee .coffee_minor figure figcaption .btn{ margin-top:1vw; }
.wrap .coffee .coffee_list{ padding:4.4vw 0 1.4vw 3.9vw; background-position:40% bottom; background-size:13%;} 
.wrap .coffee .coffee_list figure{ flex-direction:row; width:44vw; max-width:unset; gap:3vw; margin-right:3vw; }
.wrap .coffee .coffee_list figure .images_block{ flex:0 0 18vw; }
.wrap .coffee .coffee_list figure figcaption{ justify-content:space-between; height:unset; }
.wrap .coffee .coffee_list figure figcaption .text_block{ height:unset; padding-top:1vw; }
.wrap .coffee .coffee_list .slick-dots{ width:100%; padding-top:1.5vw; justify-content:flex-start; }


.wrap .gift{ padding:4vw 0; background-size:cover; }
.wrap .gift .container{ gap:5.7vw; flex-direction:row;}
.wrap .gift figure{ width:22.8vw; gap:1vw; } 
.wrap .gift figure .images_block{ flex:0 0 18vw; }
.wrap .gift figure figcaption{ justify-content:space-between; align-items:center; height:unset; }
.wrap .gift figure figcaption .text_block{ height:unset; padding-top:1vw; }


.wrap .minor figure{ width:30%; max-width:unset; gap:2vw;}
.wrap .minor figure figcaption .text_block .title h4{ width:100%; }
.wrap .minor figcaption .title{ flex-direction:row; align-items:baseline; gap:4px 16px;}
.wrap .minor figcaption .title h3{ width:100%; text-align:center; }
.wrap .minor figcaption .btn{ margin-top:unset; }

.wrap .minor_A{ padding:3.3vw 0; }
.wrap .minor_A .sp{ border-radius:16vw; overflow:clip; width:92%; margin-bottom:4vw;} 
.wrap .minor_A .sp picture img{ aspect-ratio:1326/774; }
.wrap .minor_A .sp .section_title{ top:20%; left:13%; transform:translateX(0);}
.wrap .minor_A .sp > p{ top:41%; left:27%; }
.wrap .minor_A:after{ background-position-x:center; background-size:100% auto; }
.wrap .minor_A figure .images_block{ width:30%; }


.wrap .minor_B{ padding:3vw 0; }
.wrap .minor_B:before{ left:4vw; }
.wrap .minor_B:after{ right:4vw; }
.wrap .minor_B .sp{ border-radius:16vw; }
.wrap .minor_B .sp .section_title{ width:auto; top:10%; left:12%; transform:translateX(0);}
.wrap .minor_B .sp .section_title h2 br{ display:none; }
.wrap .minor_B .container{ width:92%; }
.wrap .minor_B .container hr{ opacity:1; display:block; }
.wrap .minor_B figure{ padding:3vw 0; flex-direction:column; }
.wrap .minor_B figure:nth-of-type(2){ border:solid 1px #DBC66C; border-top:none; border-bottom:none; width:33%; }
.wrap .minor_B figure:nth-of-type(5){ border-left:solid 1px #DBC66C; }
.wrap .minor_B figcaption .btn{ margin-top:16px; }
.wrap .minor_B figure:nth-of-type(-n+3) .images_block{ width:60%; }
.wrap .minor_B figure:nth-of-type(-n+3) figcaption{ width:90%; align-items:center; }
.wrap .minor_B figure:nth-of-type(-n+3) figcaption .title{ text-align:center; }
.wrap .minor_B figure:nth-of-type(-n+3) figcaption .title h3{ display:block; }
.wrap .minor_B figure.major_landscape{  width:50%; padding:3vw;}
.wrap .minor_B figure.major_landscape figcaption{ width:50%; }
.wrap .minor_B figure.major_landscape figcaption h3{ display:block; }
.wrap .minor_B figure.major_landscape .images_block{ width:50%; }


.wrap .minor_C{ padding:3vw 0 6vw; }
.wrap .minor_C .container{ gap:6vw 0; }
.wrap .minor_C .sp{ border-radius:16vw; width:92%; margin-bottom:4vw;} 
.wrap .minor_C .sp .section_title{ width:auto; top:10%; left:12%; transform:translateX(0);}
.wrap .minor_C .bg_1{ background:url(../images/minor_C_bg.svg) no-repeat; background-size:cover;  }
.wrap .minor_C .bg_2{ background:url(../images/minor_C_bg2.svg) no-repeat; background-size:cover;  }
.wrap .minor .major_13{ width:62.5%; }
.wrap .minor .major_13 .images_block{ width:60%; }


}

@media (min-width:1399.98px) { 

 



}
@media (min-width:1919.98px){
.wrap .fixed{ width:9vw; }

}