@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@500;700&display=swap');
@import url("https://use.typekit.net/anu3cdf.css");

/* ===== base ===== */
html{ overflow:visible!important; margin-right: 0!important; }
:root {	/*font-size: 15px;*/ line-height: 1.8; letter-spacing: 0.02em;
scroll-padding-top: 3em;
--comm-blue: #1656A0;
--comm-navy: #253248;
--comm-khaki: #A3A282;
--comm-gray: #E2E2E2;
--comm-orange: #C7370C;

}
body {color: var(--comm-navy); font-family: "Zen Kaku Gothic Antique", sans-serif; font-weight: 500; font-style: normal; }

a,a:visited {color: #000; transition: all 300ms 0s ease; text-decoration: none;}
a:hover { opacity: 0.5; transition: all 300ms 0s ease;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
p{}
.clearfix::after { content: ""; display: block; clear: both;}
.container{ overflow-x: hidden;}



/**電話番号リンク**/
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
/**font-family**/
.f_alph {font-family: "blakely", sans-serif; font-weight: 700; font-style: normal; line-height: 1; letter-spacing: 0.1em;}
.f_alph_02{font-family: "indivisible", sans-serif; font-weight: 500; font-style: normal; line-height: 1.4;}
strong.f_alph_02{font-weight: 600;}

/**img**/
img {width:100%; height: auto;}


/**main**/
main{background-color: var(--comm-gray); position: relative; z-index: 1; overflow: hidden;}

/**section**/
section[id*="sect_"]{ z-index: 1; position: relative;}
section.subs_btn{
	background-image: -webkit-linear-gradient(0deg,rgba(240,191,96,1.00) 0%,rgba(231,106,146,1.00) 48.36%,rgba(32,134,196,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(240,191,96,1.00) 0%,rgba(231,106,146,1.00) 48.36%,rgba(32,134,196,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(240,191,96,1.00) 0%,rgba(231,106,146,1.00) 48.36%,rgba(32,134,196,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(240,191,96,1.00) 0%,rgba(231,106,146,1.00) 48.36%,rgba(32,134,196,1.00) 100%);
	padding-top: 80px;
	padding-bottom: 80px;
	margin-bottom: 80px;
}

/**注意書き**/
.atten{font-size:12px;}

/**BOX**/
[class*="wth_"]{ margin-left: auto;	margin-right: auto; padding-left: 38px; padding-right: 38px; width: 100%;}
[class*="wth_600"]{ max-width: 600px;}
[class*="wth_700"]{ max-width: 700px;}
[class*="wth_800"]{ max-width: 800px;}
[class*="wth_900"]{ max-width: 900px;}
[class*="wth_1000"]{ max-width: 1000px;}
[class*="wth_1100"]{ max-width: 1100px;}
[class*="wth_1200"]{ max-width: 1200px;}
[class*="wth_1300"]{ max-width: 1300px;}
[class*="wth_1400"]{ max-width: 1400px;}
[class*="wth_1500"]{ max-width: 1500px;}
[class*="wth_1600"]{ max-width: 1600px;}
[class*="wth_1700"]{ max-width: 1700px;}
[class*="wth_1800"]{ max-width: 1800px;}
[class*="wth_1900"]{ max-width: 1900px;}
[class*="wth_2000"]{ max-width: 2000px;}
[class*="wth_"][class*="_wthNopad"]{ padding-left: 0px!important; padding-right: 0px!important;}
[class*="wth_"][class*="_wthNomarg"]{ margin-left: 0; margin-right: 0;}

/**縦分割フォーマット**/
[class*="col_"]{ display:flex; justify-content: left; flex-wrap: wrap; overflow: hidden;}
[class*="col_"]>*{ position: relative; }
[class*="col_"][class*="JcontCenter"]{justify-content: center;}
[class*="col_"][class*="AitemCenter"]{align-items: center;}
[class*="col_01"]{}
[class*="col_01"]>* { width: 100%;}
[class*="col_02"]{ gap:4%;}
[class*="col_02"]>* { width: 48%;}
[class*="col_03"]{gap:5%;}
[class*="col_03"]>*{ width: 30%;}
[class*="col_04"]{gap: 2%;}
[class*="col_04"]>*{ width: 23.5%;}
[class*="col_05"]{ gap: 2.5%;}
[class*="col_05"]>*{ width: 18%; margin-right: 2.5%;}
[class*="col_06"]{gap: 2.6%;}
[class*="col_06"]>*{ width: 14.5%; }
[class*="col_07"]{ gap: 1.5%;}
[class*="col_07"]>*{ width: 13%;}
[class*="col_"]>* img{ width: 100%; height:auto; }
[class*="col_"][class*="_colNomarg"]{gap:0!important;}
[class*="col_"][class*="_colNomarg"]>*{ margin-right: 0!important;}
[class*="col_02"][class*="_colNomarg"]>*{ width: 50%;}
[class*="col_05"][class*="_colNomarg"]>*{ width: 20%;}
[class*="col_06"][class*="_colNomarg"]>*{ width: calc(100% / 6)!important;}
[class*="col_07"][class*="_colNomarg"]>*{ width: calc(100% / 7)!important;}


/* PC,SP表示切替 */
[class*="pc_only"]{ display: inline-block!important; }
.pc_onlyBL{ display: block!important;}
.pc_onlyIN{	display: inline!important;}
[class*="sp_only"]{ display: none!important; }

/**text-align**/
[class*="taln"][class*="_left"]{ text-align: left!important;}
[class*="taln"][class*="_center"]{ text-align: center!important;}
[class*="taln"][class*="_right"]{ text-align: right!important;}

/**float**/
[class*="fl_"][class*="right"]{float: right; padding-left: 1.5em; padding-bottom: 1.5em;}
[class*="fl_"][class*="left"]{float: left; padding-right: 1.5em; padding-bottom: 1.5em;}

/**font-size**/
[class*="fper_"][class*="-Dbl"]{ display: block;}
[class*="fper_"][class*="-Dib"]{display: inline-block;}
[class*="fper_"][class*="-Din"]{display: inline;}
[class*="fper_50"]{ font-size: 50%;}
[class*="fper_75"]{ font-size: 75%;}
[class*="fper_100"]{ font-size: 100%;}
[class*="fper_125"]{ font-size: 125%;}
[class*="fper_150"]{ font-size: 150%;}
[class*="fper_200"]{ font-size: 200%; line-height: 1.4em; margin-left: 0.1em; margin-right: 0.1em;}
[class*="fper_250"]{ font-size: 250%;}
[class*="fper_300"]{ font-size: 300%;}

/**table**/
table.tab_def01{ width: 100%;}
table.tab_def01 tr>*{ text-align: left; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
table.tab_def01 tr:first-child>*{ border-top: 1px solid #bfbfbf;}
table.tab_def01 tr>*:last-child{ border-right-style: none;}
table.tab_def01 tr th{ background-color: #acacac; padding: 1em;	color: #FFFFFF;	line-height: 1.4em;}
table.tab_def01 tr td{ padding: 0.5em 1em; background-color: #ffffff; vertical-align: middle;}
table.tab_def01 tr:nth-child(2n) td{ background-color: #f2f2f2;}
table.tab_def01 tr:nth-child(2n) th{ background-color: #a2a2a2;}
table.tab_def01+table.tab_def01{ margin-top: 3em;}


/**見出し下**/
.exp_txt{ }
.exp_txt small{ display: block; padding-top: 2em;}

/**見出し**/
[class*="mid_Ltitle"] {	position: relative; padding: 0em 0 1em 0; font-weight: bold; font-size:1.75rem; line-height: 1.4;}
[class*="mid_Ltitle"]:after{ /*content: "";*/ position: absolute; display: block; width: 4em;; height:8px; bottom: 0px; margin: auto; left: 0; background-color: #676767;}
[class*="mid_Ltitle"] .main_ttl{ font-family: "Wix Madefor Text", sans-serif; font-optical-sizing: auto; font-style: normal; font-size: 160%; display: block; /*margin-right: 0.25em;*/ line-height: 1.2; letter-spacing: 0.1em;}
[class*="mid_Ltitle"] .main_ttl:first-letter{ }
[class*="mid_Ltitle"] small{ font-size: 1.5rem; display: inline-block; line-height: 1.2em; padding-top: 0.2em;}


/**PC左右**/
article{display: flex;}
article>main{order: 1;}
article>.flbg_left{order: 0;}
article>.flbg_right{order: 2;}
article>[class*="flbg"]{flex:1;}
article>[class*="flbg"] .both_cont{background-image: url(../img/cont_bg.png); background-repeat: no-repeat; background-size: cover; width: calc(50% - 300px); position: fixed; height: 100vh; height: 100dvh; top: 0; display: flex; align-items: center; justify-content: center; }
.flbg_left .both_cont{background-position: left 0%;}
.flbg_right .both_cont{background-position: right 0%;}

article>[class*="flbg"] .both_cont>*{max-width: 246px; width: 100%; background-color: rgba(226,226,226,0.50); padding: 24px; backdrop-filter: blur(4px);}
article>.flbg_left .both_cont>*{padding: 40px 30px;}
article>[class*="flbg"] .both_cont .global_navi{width: 100%;}
article>[class*="flbg"] .both_cont .global_navi a{color: var(--comm-navy); font-weight: 700;}
article>[class*="flbg"] .both_cont .global_navi [class*="comm_btn"]{}
article>[class*="flbg"] .both_cont .global_navi .comm_btn-orange{height: 45px; justify-content: flex-start; padding-left: 1em;}
article>[class*="flbg"] .both_cont .global_navi .comm_btn-ligray{height: 36px;}
article>[class*="flbg"] .both_cont .global_navi [class*="trig_btn"]{font-size:16px;}

article>[class*="flbg"] .both_cont .global_navi ul+ul{padding-top: 1.5em;}
article>[class*="flbg"] .both_cont .global_navi ul.middle_ul>li+li{padding-top: 0.25em;}
article>[class*="flbg"] .both_cont .global_navi ul>li+li{padding-top: 0.75em;}
article>[class*="flbg"] .both_cont [class*="trig_btn"]:before {border-bottom: 0.75em solid var(--comm-navy);}
article>[class*="flbg"] .both_cont [class*="comm_btn"][class*="-ligray"]{ background: linear-gradient(-135deg, var(--comm-navy) 0.75em, transparent 0) top right; color: var(--comm-navy); border: 1px solid var(--comm-navy); /*background-color: var(--comm-navy); */font-size: 15px; padding-left:0; padding-right:0; }
article>[class*="flbg"] .both_cont [class*="comm_btn"][class*="-ligray"]:hover{ background: linear-gradient(-135deg, var(--comm-navy) 0.75em, var(--comm-gray) 0) top right!important; border-color: var(--comm-gray)!important; color: var(--comm-navy)!important;}
article>[class*="flbg"] .both_cont .global_navi ul.bottom_ul{ width: 11em;}

/**SPTABフロートバナー**/
#bans_fixed{ display: none; }

/**配下ページ**/
section#sub_logo{}
section#sub_logo .logo_head{ border-bottom: 4px double #A3A282; padding-top:1.25em; padding-bottom: 1.25em;}
section#sub_logo .logo_head a{display: block; width:130px; position: relative; z-index: 3;}
section#sub_logo .logo_head a img{width:100%;}
section#sub_pagettl{ padding: 1.75em 0;}
section#sub_pagettl >*{ font-size: 62px; }

/**slickカスタマイズ**/
[class*="_SlDes"]{}
.slick-slider .slick-track{ display: flex!important;}
[class*="_SlDes"] .slick-list li.slick-slide{height: auto !important;}
[class*="_SlDes"] .slick-list li.slick-slide img{ }
[class*="_SlDes"] [class*="arrow-"]{display: block; position: absolute; margin: auto; cursor: pointer; z-index: 101; }
[class*="_SlDes"] [class*="arrow-"]:before{ }
[class*="_SlDes"] .arrow-prev{ }
[class*="_SlDes"] .arrow-next{ }




/**モーダルカスタム**/
.modal-open { overflow: hidden;}
.mfp-container{cursor: pointer;}
.mfp-bg{display: none!important;}
.mfp-wrap{background-color: rgb(37 50 72 / 94%); margin: auto; right: 0!important; width: 600px!important; height: 100vh!important; height: 100dvh!important; position: fixed !important; top:0!important;}

.mfp-container{padding:0!important;}
    /* オーバーレイ 初期状態 */
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
    /* オーバーレイ 表示アニメーション */
.mfp-fade.mfp-bg.mfp-ready { opacity: .8;}
    /* オーバーレイ 非表示アニメーション */
.mfp-fade.mfp-bg.mfp-removing { opacity: 0;}
    /* コンテンツ 初期状態 */
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
    /* コンテンツ 表示アニメーション */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;}
    /* コンテンツ 非表示アニメーション */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0;}

[id*="BrandMod_"]{width: 460px; margin: auto; /*height: 100vh; height: 100dvh;*/ color: var(--comm-gray); /*display: flex; align-items: center; justify-content: center;*/}
[id*="BrandMod_"] .mod_adjust{padding: 1em 0;}
[id*="BrandMod_"] .mod_label{ display: block; margin: auto; width: 7em; padding-bottom: 0.75em; }
[id*="BrandMod_"] .mod_label img{width:100%;}
[id*="BrandMod_"] .mod_brandname{font-family: 'indivisible','Zen Kaku Gothic Antique', sans-serif; font-weight: 600; font-style: normal; font-size:24px; text-align: center; padding-bottom: 0.75em; margin-bottom: 0.75em; border-bottom: 1px solid var(--comm-gray); line-height: 1.4;}


[id*="BrandMod_"] .mod_brandtxt{ padding-bottom: 1em;}
.mfp-close-btn-in .mfp-close{position: absolute; top:0; right: 0; color: var(--comm-gray); font-size: 3.5em; font-weight: normal; opacity: 1;}
[id*="BrandMod_"] [class*="comm_btn"]{min-width: initial; width: fit-content; margin: auto; padding: 0.6em 2em 0.65em 2em; margin-top: 1em;}
[id*="BrandMod_"] .custom-close{position: fixed; top:0; right: calc(50% - 300px);}
[id*="BrandMod_"] .custom-close [class*="comm_btn"][class*="-linaviOff"]{margin-top: 0; font-size: 20px; height: 50px; padding: 0; width: 70px;}

/**yutubeボックス**/
.ytube_box{ position: relative;}
.ytube_box:before{ content:""; display: block; padding-top: 56.25%;}
.ytube_box iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height:100%;}
.ytube_box img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height:100%;}

@media screen and (max-width: 1100px) {
article>[class*="flbg"] .both_cont>*{display: none;}
#bans_fixed{ display: flex; position: fixed; width: 100%; max-width: 600px; bottom:0; left: 0; right: 0; margin: auto; z-index: 2; padding: 1em; background-color: rgba(226,226,226,0.50); backdrop-filter: blur(4px); gap:0!important; justify-content: space-between;}
#bans_fixed[class*="col_03"]>*{width: 31%;}
#bans_fixed>* [class*="comm_btn"]{ font-size: 15px; display: flex; align-items: center; justify-content: center; padding: 0; letter-spacing: 0; line-height: 1; height: 60px; } 
}


/* ##### responsive ##### */
@media screen and (max-width: 600px) {
	:root { scroll-padding-top: 5em; }
    body { max-width: 100vw; }

    /**電話番号リンク**/
    a[href*="tel:"] {
    pointer-events: auto;
    } 
    
    
	/**BOX**/
	[class*="wth_"]{ padding-left: 24px;padding-right: 24px;}
    [class*="wth_"][class*="-full"]{ padding-left: 0px!important; padding-right: 0px!important; }

	/**縦分割フォーマット**/
    [class*="col_"]{}
	[class*="col_"]>*{ }
    [class*="col_02"]>*{}
    [class*="col_03"]{gap: 7%;}
    [class*="col_03"]>*{ width: 46.5%; }
	[class*="col_04"]{gap: 3%;}
	[class*="col_04"]>*{ width: 48.5%;  }
	[class*="col"][class*="-single"]>*{ margin-right: 0px!important; margin-left: 0px!important; width: 100%!important; gap:0!important;}
    
    [class*="col_03"][class*="-Nochange"]{gap: 5%;}
	[class*="col_03"][class*="-Nochange"]>*{ width: 30%; }
	[class*="col_04"][class*="-Nochange"]{ gap: 2%; }
	[class*="col_04"][class*="-Nochange"]>*{ width: 23.5%; }


    /**section**/
    section[id*="sect_"]{ }
	#bread_box + section[id*="sect_"]{ padding-top: 10px;}
    
    /* PC,SP表示切替 */
    [class*="pc_only"]{ display: none!important; }
    [class*="sp_only"]{ display: inline-block!important;; }
    .sp_onlyBL{ display: block!important;}
    .sp_onlyIN{ display: inline!important;}
 

	/**見出し**/
	[class*="mid_Ltitle"]{font-size: 5vw; line-height: 1.6;}
	[class*="mid_Ltitle"] .main_ttl{ }
	
	[class*="mid_Mtitle"]{ font-size: 1.3rem; display: block;}
	[class*="mid_Mtitle"]:before,[class*="mid_Mtitle"]:after{ display: none;}
    [class*="mid_Mtitle"].f_alph{ font-size: 1.6rem;}

	.item_name{ font-size: 1.2em; }
	/**float**/
	[class*="fl_"][class*="-SPnone"]{ float: none!important; padding:0!important;}

	/**table**/
	table.tab_def01{ }
	table.tab_def01 tr>*{}
	table.tab_def01 tr th{ padding: 0.75em; white-space: nowrap;}
	table.tab_def01 tr td{ padding: 0.5em; vertical-align: middle;}
	
	
	/**見出し下**/
	.lead_txt{ text-align: left; font-size:1rem;}
	.lead_txt small{ }

    /**SPTABフロートバナー**/
    #bans_fixed{ padding:15px; }
    #bans_fixed>* [class*="comm_btn"]{font-size: 13px; height: 44px; }
    
	/**配下ページ**/
	section#sub_pagettl{ padding: 1.5em 0;}
    section#sub_pagettl >*{ font-size: 52px; }

    /**slickカスタマイズ**/
    [class*="_SlDes"] { }
    [class*="_SlDes"] .slick-list li.slick-slide img{ }
    [class*="_SlDes"] [class*="arrow-"]{ }
    [class*="_SlDes"] .arrow-prev{}
    [class*="_SlDes"] .arrow-next{}


    /**モーダルカスタム**/
    .mfp-bg{}
    .mfp-wrap{width: 100%!important; }
    .mfp-container{ overflow: scroll;}
        /* オーバーレイ 初期状態 */
    .mfp-fade.mfp-bg {}
        /* オーバーレイ 表示アニメーション */
    .mfp-fade.mfp-bg.mfp-ready {}
        /* オーバーレイ 非表示アニメーション */
    .mfp-fade.mfp-bg.mfp-removing { }
        /* コンテンツ 初期状態 */
    .mfp-fade.mfp-wrap .mfp-content { }
        /* コンテンツ 表示アニメーション */
    .mfp-fade.mfp-wrap.mfp-ready .mfp-content {}
        /* コンテンツ 非表示アニメーション */
    .mfp-fade.mfp-wrap.mfp-removing .mfp-content { }

    [id*="BrandMod_"]{width: calc(100% - 88px); }
    [id*="BrandMod_"]{}
    [id*="BrandMod_"] .mod_label{}
    [id*="BrandMod_"] .mod_label img{}
    [id*="BrandMod_"] .mod_brandname{font-size:18px;}
    [id*="BrandMod_"] .mod_brandtxt{ font-size:80%;}
    .mfp-close-btn-in .mfp-close{}
    [id*="BrandMod_"] [class*="comm_btn"]{font-size: 90%;}
    
    [id*="BrandMod_"] .custom-close{right: 0;}
    [id*="BrandMod_"] .custom-close [class*="comm_btn"][class*="-linaviOff"]{}


	.ytube_box{ width: 100%; float: auto;}
	.ytube_box img{ width: 100%; height: auto; }


}