@charset "UTF-8";
/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/:root{--base-font-ja:"Noto Serif JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;--base-font-ja02:"Noto Sans JP","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;--base-font-weight:500;--base-color-txt:#000;--header-height-sp:75px;--cl-gold:#e1bf21;--cl-yellow:#ffe617;--cl-cream:#faf2cd;--cl-bronze:#a38f31;--cl-orange:#f60;--cl-pink-light:#ff80a1;--cl-pink-deep:#d64490;--cl-blue-pale:#d7e5f2;--cl-blue-sky:#67a4de;--cl-green:#0a9b67;--cl-brown:#603005;--cl-gray:#717171;--cl-black-soft:#242424}


/*!
global > mixin
------------------------------
*/.p_top_guide__note,.p_top_guide__step_note,.p_top_infor__link{font-size:.75rem}
.p_top_infor__btn{font-size:.875rem}
.p_top_infor__ttl .en{font-size:.9375rem}
.p_top_fv__content .text,.p_top_guide__section_title,.p_top_guide__step_text,.p_top_ins__btn,.p_top_ins__ttl .ja,.p_top_photo__btn,.p_top_photo__ttl .ja{font-size:1rem}
.p_top_guide__title,.p_top_infor__ttl .ja{font-size:1.625rem}
.p_top{margin-bottom:50px}
.p_top_fv{margin-left:auto;margin-right:auto;max-width:1180px;padding-top:40px;position:relative;width:calc(100% - 40px);z-index:1}
.p_top_fv__content .ttl{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:40px}
.p_top_fv__content .text{font-weight:400;letter-spacing:-.035em;line-height:2.25em;padding-top:20px;position:relative;z-index:1}
.p_top_fv__content .text:before{background-color:var(--cl-cream);content:"";height:300px;left:calc(50% - 50vw);position:absolute;top:0;width:calc(50vw + clamp(30.3125rem, 69.4444444444vw + -3.0208333333rem, 49.0625rem));z-index:-1}
.p_top_fv__slide{margin-top:clamp(0rem,-5.2083333333vw + 5.2083333333rem,1.875rem);position:relative;z-index:1}
.p_top_fv__slide_item{aspect-ratio:600/427}
.p_top_fv__slide_item img{border-radius:20px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.p_top_fv__slide_wrap{position:relative}
.p_top_fv__slide .slick-list,.p_top_fv__slide .slick-track,.p_top_fv__slide_wrap{height:100%}
.p_top_fv__slide .slick-dots{bottom:-20px;display:flex;gap:10px;left:50%;position:absolute;translate:-50% 0}
.p_top_fv__slide .slick-dots li{font-size:0}
.p_top_fv__slide .slick-dots li.slick-active button{background-color:#a38f31;pointer-events:none}
.p_top_fv__slide .slick-dots button{aspect-ratio:1;background-color:#dfd6ad;border-radius:50%;width:8px}
.p_top_fv__imggroup{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;position:relative;z-index:1}
.p_top_fv__imggroup_item{aspect-ratio:220/160;width:calc(50% - 10px)}
.p_top_fv__imggroup_item img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.p_top_infor{margin-top:49px;position:relative;z-index:0}
.p_top_infor:before{background-color:var(--cl-blue-pale);border-radius:20px 0 0 20px;content:"";height:100%;max-width:calc(50vw + 535px);position:absolute;right:0;width:calc(100% - 20px);z-index:-1}
.p_top_infor__inner{margin-left:auto;margin-right:auto;max-width:1090px;padding-bottom:60px;padding-left:20px;padding-top:25px;position:relative;width:calc(100% - 40px)}
.p_top_infor__ttl{display:grid}
.p_top_infor__ttl .ja{font-weight:700;letter-spacing:-.03em;line-height:1.2}
.p_top_infor__ttl .en{font-weight:300;line-height:1}
.p_top_infor__more{bottom:20px;left:50%;margin-left:auto;margin-right:auto;position:absolute;translate:-50% 0;width:-moz-fit-content;width:fit-content}
.p_top_infor__btn{align-items:center;background-color:#fff;border-radius:99px;color:var(--cl-blue-sky);display:flex;font-weight:400;height:1.625em;justify-content:space-between;padding-left:1.6875em;padding-right:1.4375em;width:10.25em}
.p_top_infor__btn .text{letter-spacing:-.06em}
.p_top_infor__btn .c_icon_arrow{--bg:var(--cl-blue-sky);--w:6px;--h:4px}
.p_top_infor__content{margin-top:20px}
.p_top_infor__item:not(:first-child){margin-top:10px}
.p_top_infor__link{border-radius:5px;display:flex;font-weight:500;letter-spacing:-.025em;overflow:hidden}
.p_top_infor__link .date,.p_top_infor__link .ttl{padding-block:.4em}
.p_top_infor__link .date{background-color:var(--cl-blue-sky);color:#fff;flex-shrink:0;padding-inline:.4em;text-align:center;width:120px}
.p_top_infor__link .ttl{background-color:#fff;flex:1;padding-inline:10px}
.p_top_infor__link .ttl span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}
.p_top_poster{margin-top:40px}
.p_top_poster__target{background-color:#f3ede2;border:1px solid #a9a9a9;display:flex;margin-left:auto;margin-right:auto;max-width:800px;position:relative;width:calc(100% - 40px)}
.p_top_poster__content{padding-block:30px;padding-left:clamp(.625rem,5.1020408163vw + -.5707908163rem,1.875rem);position:relative;z-index:1}
.p_top_poster__content .ttl{color:var(--cl-brown);font-size:clamp(1.3125rem,3.5714285714vw + .4754464286rem,2.1875rem);font-weight:700;letter-spacing:-.01em}
.p_top_poster__content .text{align-items:center;background-color:var(--cl-brown);border-radius:99px;color:var(--cl-yellow);display:flex;font-size:clamp(.9375rem,1.2755102041vw + .6385522959rem,1.25rem);font-weight:700;height:1.7em;justify-content:center;letter-spacing:-.01em;margin-top:4px;max-width:19.2em;padding-inline:10px;width:100%}
.p_top_poster__thumb{height:100%;position:absolute;right:0;top:0;width:50.7462686567%;z-index:0}
.p_top_poster__thumb img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%}
.p_top_photo{margin-top:40px}
.p_top_photo__inner{margin-left:auto;margin-right:auto;max-width:1200px;width:calc(100% - 40px)}
.p_top_photo__ttl{display:flex;flex-direction:column}
.p_top_photo__ttl .en{color:var(--cl-green);flex-shrink:0;font-family:var(--base-font-ja02);font-size:2.5rem;font-weight:500;line-height:1}
.p_top_photo__ttl .ja{font-weight:500;letter-spacing:-.07em}
.p_top_photo__body{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px}
.p_top_photo .photo_card{position:relative}
.p_top_photo .photo_card__ttl{bottom:0;color:#fff;font-size:.875rem;font-weight:500;left:0;padding-block:5px;position:absolute;text-align:center;width:100%}
.p_top_photo .photo_card__ttl .text{position:relative;z-index:1}
.p_top_photo .photo_card__ttl:before{background-color:#0dad74;content:"";height:100%;left:0;mix-blend-mode:multiply;position:absolute;top:0;width:100%}
.p_top_photo__more{margin-left:auto;margin-right:auto;margin-top:30px;width:-moz-fit-content;width:fit-content}
.p_top_photo__btn{align-items:center;background:var(--cl-green);display:flex;height:3.05em;justify-content:center;position:relative;width:16.25em}
.p_top_photo__btn .text{color:#fff;letter-spacing:-.04em}
.p_top_photo__btn .c_icon_arrow{position:absolute;right:30px;top:50%;translate:0 -50%}
.p_top_guide{margin-top:50px}
.p_top_guide__inner{background-color:#ffebde;border-radius:20px;margin-left:auto;margin-right:auto;max-width:970px;padding:20px;width:calc(100% - 40px)}
.p_top_guide__title{color:var(--cl-orange);font-weight:700;letter-spacing:-.045em;text-align:center}
.p_top_guide__lead{font-size:1rem;font-weight:500;letter-spacing:-.125em;margin-top:20px;text-align:center}
.p_top_guide__note{display:block;font-weight:500;letter-spacing:-.06em;text-align:center}
.p_top_guide__cta{background-color:#fff;border:1px solid #717171;display:block;height:60px;margin-left:auto;margin-right:auto;margin-top:20px;width:250px}
.p_top_guide__cta_icon{align-items:center;display:flex;justify-content:center;padding-top:4px}
.p_top_guide__cta_icon img{width:200px}
.p_top_guide__body{margin-left:auto;margin-right:auto;margin-top:20px;max-width:845px}
.p_top_guide__section_title{border-bottom:1px solid;color:var(--cl-orange);font-weight:500;padding-inline:8px}
.p_top_guide__step_list{margin-top:10px}
.p_top_guide__step_item:not(:first-child){margin-top:15px}
.p_top_guide__step_text{font-weight:500;letter-spacing:-.03em;padding-left:1.75em;text-indent:-1.75em}
.p_top_guide__step_note{font-weight:500;line-height:1.6666666667;padding-left:33px;padding-top:3px}
.p_top_ins{margin-top:30px}
.p_top_ins__inner{margin-left:auto;margin-right:auto;max-width:1080px;width:calc(100% - 40px)}
.p_top_ins__ttl{display:flex;flex-direction:column}
.p_top_ins__ttl .en{color:var(--cl-pink-deep);font-size:1.75rem;font-weight:700}
.p_top_ins__ttl .ja{font-weight:500;letter-spacing:-.05em}
.p_top_ins__body{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}
.p_top_ins__more{margin-left:auto;margin-right:auto;margin-top:20px;width:-moz-fit-content;width:fit-content}
.p_top_ins__btn{align-items:center;background-color:var(--cl-pink-deep);color:#fff;display:flex;height:38px;justify-content:space-between;letter-spacing:.05em;padding-left:1.2em;padding-right:.75em;width:8.55em}
.p_top_ins__btn .icon{aspect-ratio:1;border-right:1px solid #fff;border-top:1px solid #fff;rotate:45deg;width:10px}

.p_top_yoyaku__ttl{
text-align: center;
margin-bottom: 10px;
}
.p_top_yoyaku__ttl .en{
color: #007bec;
font-size: 2.8rem;
}


@media screen and (min-width:768px){.p_top_guide__note,.p_top_guide__step_note,.p_top_infor__link{font-size:.9375rem}
.p_top_infor__btn{font-size:clamp(.9375rem,.3676470588vw + .7610294118rem,1rem)}
.p_top_infor__ttl .en{font-size:1.0625rem}
.p_top_fv__content .text,.p_top_guide__section_title,.p_top_guide__step_text,.p_top_ins__btn,.p_top_ins__ttl .ja,.p_top_photo__btn,.p_top_photo__ttl .ja{font-size:1.25rem}
.p_top_infor__ttl .ja{font-size:clamp(1.625rem,1.3221153846vw + .9903846154rem,2.3125rem)}
.p_top_guide__title{font-size:2.5rem}
.p_top{margin-bottom:101px}
.p_top_fv{padding-top:60px}
.p_top_fv__stack{align-items:flex-start;display:flex;gap:20px;margin-right:clamp(-.625rem,-2.5vw + 1.875rem,0rem)}
.p_top_fv__content{flex:1;padding-left:10px;padding-top:44px}
.p_top_fv__content .ttl{font-size:clamp(3.75rem,9.3125vw + -2.21rem,4.774375rem);margin-bottom:clamp(1.875rem,11.71875vw + -3.75rem,3.75rem);padding-left:clamp(0rem,14.5vw + -10.875rem,3.625rem)}
.p_top_fv__content .text{padding-left:clamp(0rem,12.5vw + -9.375rem,3.125rem);padding-top:30px}
.p_top_fv__content .text:before{height:267px}
.p_top_fv__slide{width:50.4201680672%}
.p_top_fv__slide .slick-dots button{width:10.33px}
.p_top_fv__imggroup{flex-wrap:wrap;gap:clamp(.625rem,2.3148148148vw + -.4861111111rem,1.25rem);justify-content:flex-start;margin-top:clamp(1.25rem,5.3240740741vw + -1.3055555556rem,2.6875rem)}
.p_top_fv__imggroup_item{flex:1;width:auto}
.p_top_infor__inner{display:flex;padding-left:0;padding-block:39px;position:relative}
.p_top_infor__head{padding-left:10px;padding-top:20px;width:244px}
.p_top_infor__ttl{justify-items:center}
.p_top_infor__ttl .ja{font-size:2.35375rem}
.p_top_infor__more{margin-top:29px;position:static;translate:0 0}
.p_top_infor__content{flex:1;margin-top:0}
.p_top_infor__item:not(:first-child){margin-top:6px}
.p_top_infor__link .date{width:157px}
.p_top_infor__link .ttl{padding-inline:1.8666666667em}
.p_top_poster{margin-top:52px}
.p_top_poster__content{flex:1;padding-bottom:32px;padding-left:30px;padding-top:28px}
.p_top_poster__content .ttl{font-size:2.55rem}
.p_top_poster__content .text{font-size:1.25rem}
.p_top_poster__thumb{width:394px}
.p_top_photo{margin-top:55px}
.p_top_photo__head{padding-inline:clamp(0rem,3.6057692308vw + -1.7307692308rem,1.875rem)}
.p_top_photo__ttl{align-items:center;flex-direction:row;gap:clamp(.625rem,1.8028846154vw + -.2403846154rem,1.5625rem)}
.p_top_photo__ttl .en{font-size:clamp(3.8125rem,1.2908653846vw + 3.1928846154rem,4.48375rem)}
.p_top_photo__body{grid-template-columns:repeat(3,1fr);margin-top:clamp(-.3125rem,-.6009615385vw + .2884615385rem,0rem)}
.p_top_photo .photo_card__ttl{font-size:clamp(1.0625rem,.3605769231vw + .8894230769rem,1.25rem);padding-block:.5em}
.p_top_photo__more{margin-top:53px}
.p_top_guide{margin-top:98px}
.p_top_guide__inner{padding:32px 32px 36px}
.p_top_guide__lead{font-size:clamp(1.0625rem,.3605769231vw + .8894230769rem,1.25rem);margin-top:25px}
.p_top_guide__cta{height:75px;margin-top:30px;width:295px}
.p_top_guide__cta_icon{padding-top:10px}
.p_top_guide__cta_icon img{width:234px}
.p_top_guide__body{margin-top:24px}
.p_top_guide__step_note{padding-left:2.6666666667em}
.p_top_ins{margin-top:56px}
.p_top_ins__ttl{align-items:center;flex-direction:row;gap:22px;justify-content:center}
.p_top_ins__ttl .en{font-size:2.839375rem}
.p_top_ins__body{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:22px}
.p_top_ins__more{margin-top:29px}

}
@media screen and (max-width:767px){.p_top_ins__fig{width:calc(50% - 7.5px)}
}

/*# sourceMappingURL=top.css.map */