@charset "UTF-8";
/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 22, style.scss */
#karatsucolors2025 { text-align: center; font-size: 16px; line-height: 1.8; font-weight: 500; color: #523c00; font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; word-break: break-word; /*-webkit-text-stroke-width: 0.15px;*/ letter-spacing: 0.05em; font-feature-settings: "palt" 1; text-size-adjust: none; -webkit-text-size-adjust: none; background: #f5f4ef; /*============================
共通
============================*/ }
/* line 23, style.scss */
#karatsucolors2025 a { transition: .5s; }
/* line 24, style.scss */
#karatsucolors2025 a:hover { opacity: .8; }
/* line 26, style.scss */
#karatsucolors2025 .inner { width: 990px; margin: auto; }
/* line 27, style.scss */
#karatsucolors2025 .flexImg { overflow: hidden; position: relative; }
/* line 28, style.scss */
#karatsucolors2025 .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; }
/* line 30, style.scss */
#karatsucolors2025 .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 31, style.scss */
#karatsucolors2025 .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 32, style.scss */
#karatsucolors2025 .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 33, style.scss */
#karatsucolors2025 .jpH { font-family: "YakuHanMP", "Shippori Mincho", serif; }
/* line 34, style.scss */
#karatsucolors2025 .enG { font-family: "Roboto", sans-serif; }
/* line 35, style.scss */
#karatsucolors2025 .enM { font-family: "EB Garamond", serif; }
/* line 37, style.scss */
#karatsucolors2025 .container { width: 100%; position: relative; overflow: hidden; /*&::after{ content: ""; background: url("../01.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: 0;}*/ }
/* line 41, style.scss */
#karatsucolors2025 .credit { height: 100px; display: flex; justify-content: center; align-items: center; font-size: 18px; padding: 0; margin: 0; background: #fff; }
/* line 46, style.scss */
#karatsucolors2025 .read { text-align: justify; }
/* line 48, style.scss */
#karatsucolors2025 .btn a { position: relative; display: flex; justify-content: center; align-items: center; }
/* line 49, style.scss */
#karatsucolors2025 .btn a em { line-height: 1; }
/* line 50, style.scss */
#karatsucolors2025 .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 1.25em; transition: .4s all; }
/* line 52, style.scss */
#karatsucolors2025 .btn a:hover i { right: 1em; }
/* line 55, style.scss */
#karatsucolors2025 .btn + .cap { font-size: 13px; letter-spacing: 0; margin-top: 1em; }
/* line 57, style.scss */
#karatsucolors2025 .swiper { padding: 0 0px; width: 100%; }
/* line 58, style.scss */
#karatsucolors2025 .swiper ul.swiper-wrapper { transition-timing-function: linear !important; }
/* line 60, style.scss */
#karatsucolors2025 .swiper ul.swiper-wrapper li.swiper-slide img { width: 100%; }
/* line 71, style.scss */
#karatsucolors2025 .mv { position: relative; }
/* line 72, style.scss */
#karatsucolors2025 .mv .title { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; display: flex; flex-direction: column; align-items: center; filter: drop-shadow(6px 6px 6px rgba(73, 49, 11, 0.75)); margin-top: -2.5%; }
/* line 73, style.scss */
#karatsucolors2025 .mv .title span { width: 300px; }
/* line 74, style.scss */
#karatsucolors2025 .mv .title em { margin-top: -36px; }
/* line 76, style.scss */
#karatsucolors2025 .mv .ph { width: 100%; }
@media screen and (max-width: 1320px) { /* line 78, style.scss */
  #karatsucolors2025 .mv .ph { height: 550px; } }
/* line 86, style.scss */
#karatsucolors2025 .intro { padding-top: 40px; padding-bottom: 80px; position: relative; z-index: 5; }
/* line 87, style.scss */
#karatsucolors2025 .intro .read { font-size: 18px; text-align: center; line-height: 2.3; font-family: "YakuHanMP", "Shippori Mincho", serif; font-weight: 600; letter-spacing: .025em; margin-bottom: 55px; position: relative; z-index: 20; }
/* line 88, style.scss */
#karatsucolors2025 .intro .read span { display: inline-block; transform: scaleX(2); transform-origin: left; }
/* line 90, style.scss */
#karatsucolors2025 .intro .swiper { position: relative; z-index: 5; }
/* line 92, style.scss */
#karatsucolors2025 .intro .swiper ul.swiper-wrapper li.swiper-slide { width: 330px; margin: 0 5px; }
/* line 95, style.scss */
#karatsucolors2025 .intro .btnSec { margin-top: 60px; position: relative; z-index: 20; }
/* line 96, style.scss */
#karatsucolors2025 .intro .btnSec .tit { margin-bottom: 40px; }
/* line 97, style.scss */
#karatsucolors2025 .intro .btnSec .btnWrap01 { margin-bottom: 50px; }
/* line 99, style.scss */
#karatsucolors2025 .intro .btnSec .btnWrap01 .t, #karatsucolors2025 .intro .btnSec .btnWrap02 .t { margin-bottom: .5em; }
/* line 100, style.scss */
#karatsucolors2025 .intro .btnSec .btnWrap01 .btn, #karatsucolors2025 .intro .btnSec .btnWrap02 .btn { width: 990px; margin: auto; }
/* line 103, style.scss */
#karatsucolors2025 .intro .btnSec .btnWrap01 .btn a i, #karatsucolors2025 .intro .btnSec .btnWrap02 .btn a i { width: 35px; }
/* line 109, style.scss */
#karatsucolors2025 .intro .icWrap { width: 990px; margin: auto; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 0; height: 100%; z-index: 10; }
/* line 110, style.scss */
#karatsucolors2025 .intro .icWrap .ic { position: absolute; }
/* line 111, style.scss */
#karatsucolors2025 .intro .icWrap .ic.ic01 { top: -38px; left: -2px; }
/* line 112, style.scss */
#karatsucolors2025 .intro .icWrap .ic.ic02 { top: -30px; right: 6px; }
/* line 113, style.scss */
#karatsucolors2025 .intro .icWrap .ic.ic03 { top: 160px; left: -182px; }
/* line 114, style.scss */
#karatsucolors2025 .intro .icWrap .ic.ic04 { top: 143px; right: -198px; }
/* line 118, style.scss */
#karatsucolors2025 .mainContents { position: relative; z-index: 5; }
/* line 126, style.scss */
#karatsucolors2025 .mainContents .secCmn .title { width: 1920px; margin: auto; position: relative; left: 50%; transform: translateX(-50%); }
/* line 127, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 128, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper::before, #karatsucolors2025 .mainContents .secCmn .wrapper::after { content: ""; background-size: 100% auto !important; position: absolute; line-height: 0; top: 0px; }
/* line 129, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper::before { left: -290px; }
/* line 130, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper::after { right: -290px; }
/* line 131, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .tit { position: absolute; top: -55px; z-index: 20; }
/* line 132, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list { display: flex; flex-direction: column; }
/* line 133, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list .ph { line-height: 0; position: relative; z-index: 10; }
/* line 134, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list .text { text-align: left; margin-top: 30px; }
/* line 135, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list .text .t { position: relative; }
/* line 136, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list .text .t::after { content: ""; background-size: 100% auto !important; height: 52px; position: absolute; z-index: 0; width: 42px; top: -17px; left: -23px; }
/* line 137, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list .text .t em { display: block; line-height: 1; position: relative; z-index: 1; }
/* line 139, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list .text .read { font-size: 14px; line-height: 1.75; letter-spacing: 0; margin-top: .5em; margin-bottom: 1em; }
/* line 140, style.scss */
#karatsucolors2025 .mainContents .secCmn .wrapper .list .text .btn { margin-top: auto; }
/* line 144, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec1 .wrapper .tit { left: -6px; }
/* line 144, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec1 .wrapper .text .t::after { background: url("../images/sec1i.webp") no-repeat; width: 42px; }
/* line 145, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec1 .wrapper::before, #karatsucolors2025 .mainContents .secCmn#sec1 .wrapper::after { background: url("../images/sec1ic.webp") no-repeat; width: 138px; height: 138px; }
/* line 146, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec1 .wrapper::before { top: -110px; }
/* line 146, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec1 .wrapper::after { top: -290px; }
/* line 147, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec2 .wrapper .tit { top: -165px; right: -6px; }
/* line 147, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec2 .wrapper .text .t::after { background: url("../images/sec2i.webp") no-repeat; top: 43px; width: 42px; }
/* line 148, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec2 .wrapper::before, #karatsucolors2025 .mainContents .secCmn#sec2 .wrapper::after { background: url("../images/sec2ic.webp") no-repeat; width: 138px; height: 138px; }
/* line 149, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec2 .wrapper::before { top: -330px; }
/* line 149, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec2 .wrapper::after { top: -160px; }
/* line 150, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec3 .wrapper .tit { top: -105px; left: -6px; }
/* line 150, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec3 .wrapper .text .t::after { background: url("../images/sec3i.webp") no-repeat; top: -30px; width: 52px; }
/* line 151, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec3 .wrapper::before, #karatsucolors2025 .mainContents .secCmn#sec3 .wrapper::after { background: url("../images/sec3ic.webp") no-repeat; width: 138px; height: 138px; }
/* line 152, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec3 .wrapper::before { top: -60px; }
/* line 152, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec3 .wrapper::after { top: -290px; }
/* line 153, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec4 .wrapper .tit { top: -90px; right: -6px; }
/* line 153, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec4 .wrapper .text .t::after { background: url("../images/sec4i.webp") no-repeat; top: -7px; left: -33px; width: 40px; }
/* line 154, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec4 .wrapper::before, #karatsucolors2025 .mainContents .secCmn#sec4 .wrapper::after { background: url("../images/sec4ic.webp") no-repeat; width: 138px; height: 138px; }
/* line 155, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec4 .wrapper::before { top: -320px; }
/* line 155, style.scss */
#karatsucolors2025 .mainContents .secCmn#sec4 .wrapper::after { top: -120px; }
/* line 173, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list .text .read { margin-bottom: 0; }
/* line 176, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list01 { width: 347px; margin-top: 60px; margin-left: 145px; }
/* line 185, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list02 { width: 467px; margin-top: 30px; flex-direction: row; justify-content: space-between; align-items: flex-start; }
/* line 186, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list02 .ph { width: 278px; }
/* line 187, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list02 .text { width: 168px; margin-top: 0; }
/* line 194, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list03 { width: 468px; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 40px; margin-left: 50px; }
/* line 195, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list03 .ph { width: 278px; }
/* line 196, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list03 .text { width: 168px; margin-top: 0; }
/* line 203, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list04 { width: 347px; margin-top: -175px; margin-right: 40px; }
/* line 205, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list04 .text { margin-top: 16px; }
/* line 209, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list04 .text .read { letter-spacing: -.025em; }
/* line 212, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list05 { width: 456px; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; margin-top: -20px; margin-left: 385px; }
/* line 213, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list05 .ph { width: 278px; }
/* line 214, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list05 .text { width: 157px; margin-top: 0; margin-bottom: -7px; }
/* line 221, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list06 { width: 509px; flex-direction: row; justify-content: space-between; margin-top: 15px; }
/* line 222, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list06 .ph { width: 278px; }
/* line 223, style.scss */
#karatsucolors2025 .mainContents #sec1.secCmn .wrapper .list.list06 .text { width: 209px; margin-top: 30px; }
/* line 238, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn { margin-top: 120px; }
/* line 239, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .title { margin-bottom: 42px; }
/* line 240, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper { justify-content: flex-start; column-gap: 35px; }
/* line 242, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list { width: 286px; position: relative; }
/* line 243, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .ph { height: 186px; }
/* line 244, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .subPh { position: absolute; z-index: 15; }
/* line 245, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .text { margin-top: 20px; }
/* line 246, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .text .t { margin-bottom: 15px; }
/* line 249, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .text .read { margin-bottom: 20px; }
/* line 250, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .text .btn { width: 180px; margin: auto; }
/* line 253, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .text .btn a i { width: 17px; right: .5em; }
/* line 255, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list .text .btn a:hover i { right: .35em; }
/* line 263, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list.list01 .subPh { width: 130px; top: 120px; right: -20px; }
/* line 279, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list.list02 .subPh { width: 125px; top: 153px; right: 2px; }
/* line 281, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list.list02 .text .t { margin-bottom: 17px; }
/* line 295, style.scss */
#karatsucolors2025 .mainContents #sec2.secCmn .wrapper .list.list03 .subPh { width: 190px; top: 149px; right: -68px; }
/* line 317, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn { margin-top: 110px; }
/* line 327, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list .text .read { margin-bottom: 0; }
/* line 330, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list01 { /*width: 475px;*/ width: 228px; margin-top: 84px; margin-left: 137px; position: relative; }
/* line 331, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list01 .ph { width: 228px; }
/* line 332, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list01 .text { width: 210px; position: absolute; bottom: -5px; left: calc(100% + 35px); }
/* line 336, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list01 .text .read { letter-spacing: -.015em; }
/* line 339, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list02 { width: 533px; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-top: 23px; margin-right: 30px; }
/* line 340, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list02 .ph { width: 278px; }
/* line 341, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list02 .text { width: 228px; margin-top: 0; }
/* line 348, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list03 { margin-top: 40px; }
/* line 349, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list03 .ph { width: 467px; margin-left: -25px; }
/* line 350, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list03 .text { width: 258px; margin-top: 5px; margin-left: 30px; }
/* line 357, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list04 { width: 278px; margin-top: -195px; }
/* line 359, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list04 .text { margin-top: 20px; }
/* line 363, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list04 .text .read { margin-top: 10px; letter-spacing: -.1em; }
/* line 366, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list05 { width: 536px; flex-direction: row-reverse; justify-content: space-between; align-items: flex-end; margin-top: -155px; margin-left: auto; margin-right: 80px; position: relative; }
/* line 367, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list05 .ph { width: 278px; }
/* line 368, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list05 .subPh { width: 220px; position: absolute; z-index: 15; top: -130px; right: 240px; }
/* line 369, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list05 .text { width: 234px; margin-top: 0; position: absolute; left: 0; bottom: -5px; }
/* line 373, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .list.list05 .text .read { letter-spacing: -.075em; }
/* line 376, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec { width: 100%; margin-top: 57px; position: relative; z-index: 5; }
/* line 377, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .ttl { margin-bottom: 40px; }
/* line 378, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 379, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap::after { content: ""; width: calc(100% + 60px); height: calc(100% + 60px); position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; background: #d1e8e5; }
/* line 380, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 5; width: 48.5%; }
/* line 381, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec .ph { width: 212px; }
/* line 382, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec .text { width: 243px; width: calc(100% - 235px); display: flex; flex-direction: column; align-items: flex-start; }
/* line 383, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec .text .t { margin-bottom: .5em; }
/* line 386, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec .text .read { font-size: 14px; letter-spacing: 0; margin-bottom: .5em; }
/* line 387, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec .text .btn { width: 160px; margin-top: auto; }
/* line 390, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec .text .btn a i { width: 15px; right: .5em; }
/* line 392, style.scss */
#karatsucolors2025 .mainContents #sec3.secCmn .wrapper .omiyageSec .wrap .sec .text .btn a:hover i { right: .25em; }
/* line 438, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn { margin-top: 130px; }
/* line 442, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list { position: relative; }
/* line 444, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list .phSub { position: absolute; z-index: 15; }
/* line 450, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list .text .btn { width: 180px; }
/* line 453, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list .text .btn a i { width: 17px; right: .5em; }
/* line 455, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list .text .btn a:hover i { right: .25em; }
/* line 461, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list01 { width: 378px; margin-top: 42px; }
/* line 476, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list02 { width: 513px; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-top: 104px; right: 69px; }
/* line 477, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list02 .ph { width: 278px; }
/* line 478, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list02 .text { width: 214px; margin-top: 0; }
/* line 491, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list03 { width: 522px; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: 45px; left: 60px; }
/* line 492, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list03 .ph { width: 278px; }
/* line 493, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list03 .phSub { bottom: -25px; left: -74px; }
/* line 494, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list03 .text { width: 223px; margin-top: 0; }
/* line 507, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list04 { width: 347px; margin-top: -93px; margin-right: 20px; }
/* line 509, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list04 .phSub { top: -17px; left: -145px; }
/* line 510, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list04 .text { width: 314px; margin-left: auto; margin-top: 20px; }
/* line 515, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list04 .text .btn { margin-left: auto; }
/* line 523, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list05 { width: 522px; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; margin-top: 20px; margin-left: 33px; }
/* line 524, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list05 .ph { width: 278px; }
/* line 525, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list05 .text { width: 219px; margin-top: 0; position: relative; }
/* line 526, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list05 .text .t { position: absolute; top: -40px; left: 0; }
/* line 527, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list05 .text .t em { width: 315px; }
/* line 538, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list06 { width: 378px; margin-top: 38px; }
/* line 540, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list06 .text { width: 348px; margin-left: auto; margin-top: 20px; }
/* line 545, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list06 .text .btn { margin-left: auto; }
/* line 553, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list07 { width: 556px; flex-direction: row; justify-content: space-between; align-items: flex-start; margin-top: -207px; position: relative; }
/* line 554, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list07 .ph { width: 278px; }
/* line 555, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list07 .text { width: 254px; margin-top: 0; }
/* line 560, style.scss */
#karatsucolors2025 .mainContents #sec4.secCmn .wrapper .list.list07 .text .btn { position: absolute; left: 0; top: calc(100% + 20px); }
/* line 577, style.scss */
#karatsucolors2025 .footSec { background: url("../images/footBg.webp") no-repeat top center; background-size: 1920px auto; width: 100%; margin-top: 140px; position: relative; z-index: 5; }
/* line 578, style.scss */
#karatsucolors2025 .footSec .wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 45px 0 65px; }
/* line 579, style.scss */
#karatsucolors2025 .footSec .wrapper .mapSec { position: relative; width: 100%; margin-bottom: 50px; }
/* line 580, style.scss */
#karatsucolors2025 .footSec .wrapper .mapSec .text { text-align: left; }
/* line 581, style.scss */
#karatsucolors2025 .footSec .wrapper .mapSec .text .tit { margin-left: -15px; margin-bottom: 13px; }
/* line 582, style.scss */
#karatsucolors2025 .footSec .wrapper .mapSec .text .flow { margin-left: 22px; }
/* line 584, style.scss */
#karatsucolors2025 .footSec .wrapper .mapSec .map { position: absolute; top: -8px; right: -12px; }
/* line 586, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec { color: #fff; }
/* line 587, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec .btnWrap01 { margin-bottom: 50px; }
/* line 589, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec .btnWrap01 .t, #karatsucolors2025 .footSec .wrapper .btnSec .btnWrap02 .t { margin-bottom: .5em; }
/* line 590, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec .btnWrap01 .btn, #karatsucolors2025 .footSec .wrapper .btnSec .btnWrap02 .btn { width: 990px; margin: 0 auto; }
/* line 593, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec .btnWrap01 .btn a i, #karatsucolors2025 .footSec .wrapper .btnSec .btnWrap02 .btn a i { width: 36px; }
/* line 598, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec .btnWrap03 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px; width: 100%; }
/* line 599, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec .btnWrap03 .btn { width: 480px; margin: 0; }
/* line 602, style.scss */
#karatsucolors2025 .footSec .wrapper .btnSec .btnWrap03 .btn a i { width: 26px; }
/* line 613, style.scss */
#karatsucolors2025 .globalFooter { margin: 0 auto; padding: 30px 0; background: #fff; }