@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

/* ===== base ===== */
:root {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.1em;
--comm-black: #333;
--comm-Lightgray: #d0d3d4;
--comm-Lightblue:#d6e1e5;
--comm-gray: #808085;
--comm-red:#f4364c;
--font-LL:20px;
--font-L:16px;
--font-S:12px;
--font-SS:10px;
}

body { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 500;}
h1, h2, h3, h4, h5, h6 { font-weight:500;}

a,a:visited {
	color: #000;
    transition: opacity 300ms 0s ease;
    text-decoration: none;
}
a:hover {
    opacity: 0.5;
    /*text-decoration: underline;*/
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

p{
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


.container{ overflow-x: hidden;}



/**パンくず**/
#bread_box{ }
#bread_list{
display: flex; flex-wrap: wrap;
}
#bread_list li{
display: inline-block;
font-size: 0.7rem;
letter-spacing: 0.1em;
}
#bread_list li>*{
font-size: 0.7rem;
display: inline-block;
padding-left: 0.5em;
padding-right: 0.5em;
}
#bread_list li:before{
	content: "＞";
	display: inline-block;
	font-size: 0.7em;
	line-height: 2em;
	vertical-align: baseline;
	height: 2em;
}
#bread_list li:first-child:before{display: none;}
#bread_list li:last-child >*{display: inline;}

/**電話番号リンク**/
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}

/**font-family**/
.f_alph { /*font-family: "Josefin Sans", sans-serif; font-optical-sizing: auto; font-weight:400; font-style: normal;*/}
.f_min{ font-family: 'Yu Mincho','Hiragino Mincho ProN', 'Times New Roman', serif;}
.f_goth{ font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #585858;}
.f_goth_v2{ /*font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal;*/}

/**section**/
section[id*="sect_"],
section[class*="sect_"]{ padding: 80px 0px 80px 0px; background-color: #fff; z-index: 2; 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;
}
#bread_box + section[id*="sect_"]{
padding-top: 40px;
}

/**BOX**/
[class*="wth_"]{ margin-left: auto;	margin-right: auto; padding-left: 50px; padding-right: 50px;}
[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:3.5%;}
[class*="col_03"]>*{ width: 31%;}
[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 .exp_p{ display: block;}
.exp_txt small{ display: block; padding-top: 2em;}

/**見出し**/

.mid_L{display: flex; gap:2em; align-items: center; line-height: 1.2; padding-bottom:2em;}
.mid_L .mid_alph{font-size:var(--font-SS); color: var(--comm-gray);}
.mid_L .mid_main{font-size:var(--font-LL);}

.mid_M{display: flex; gap:1em; padding-bottom: 2.6rem; flex-direction: column; justify-content: flex-start; }
.mid_M .mid_alph{font-size:var(--font-SS);color: var(--comm-gray);}
.mid_M .mid_main{font-size:var(--font-L);}


[class*="mid_Ltitle"] {	padding: 0.5em 1.25em 0.5em 1.25em; font-size:1.4rem; display: flex; line-height: 1; /*border: #000 1px solid;*/ color: #fff; width: fit-content; align-items: center; font-weight: 500; margin-bottom: 3em; background-color: #3467af;}
[class*="mid_Ltitle"]:after{ }
[class*="mid_Ltitle"] .main_ttl{ letter-spacing: 0;}
[class*="mid_Ltitle"] .main_ttl:first-letter{}
[class*="mid_Ltitle"] .alph_ttl{font-size: 60%; padding-top: 0.2em;}
[class*="mid_Ltitle"] .alph_ttl:after{ content: "/"; display: inline-block; margin:0 0.6em 0 0.8em;}
[class*="mid_Ltitle"] small{}

.mid_Ltitle-black{ color: #ffffff;}
.mid_Ltitle-black:before,.mid_Ltitle-black:after{ background-color: #ffffff;}


[class*="mid_Mtitle"]{ font-size: 1.8rem; margin-bottom: 0.75em;	line-height: 1.6em;}
[class*="mid_Mtitle"].f_min{ }
[class*="mid_Mtitle"].f_alph{ }
[class*="mid_S1title"]{font-weight: bold; position: relative; padding-bottom: 1.4em; margin-bottom: 0.3em; text-align: center;}
[class*="mid_S1title"]:after{ content: ""; position: absolute; display: block; width: 1px; height: 1em; bottom: 0px; margin: auto; left: 0; right: 0; background-color: #000000;}

.item_name{
	font-size: 1.4em;
	line-height: 1.6em;
	text-align: center;
	padding-bottom: 2em;
}

/**配下ページタイトル**/

section#sub_pagettl{ height: 350px;	background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; justify-content: center; align-items: center;}
section#sub_pagettl [class*="mid_Ltitle"]{ color: #FFFFFF;	margin-bottom: 0.8em;}

/**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%;}



/* ##### responsive ##### */
@media screen and (max-width: 768px) {
	:root { font-size: 14px;}
    body { max-width: 100vw; }

	/**パンくず**/
	#bread_list{
	flex-wrap: wrap;
	padding-left: 3vw;
	padding-right: 3vw;
	}
	#bread_list li{}
	#bread_list li>*{}
	#bread_list li:before{}
	#bread_list li:first-child:before{}

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

	/**縦分割フォーマット**/
    [class*="col_"]{}
	[class*="col_"]>*{ }
    [class*="col_02"]>*{}
    [class*="col_03"]{gap: 3%;}
    [class*="col_03"]>*{ width: 48.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: 2%;}
	[class*="col_03"][class*="-Nochange"]>*{ width: 32%; }
	[class*="col_04"][class*="-Nochange"]{ gap: 2%; }
	[class*="col_04"][class*="-Nochange"]>*{ width: 23.5%; }


    /**section**/
    section[id*="sect_"],
    section[class*="sect_"]{ padding: 3em 0px; }
	#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;}
 

	/**見出し**/
    /**見出し**/
    .mid_L{ gap:1rem; padding-bottom: 3.2rem; align-items: flex-start; flex-direction: column;}
    .mid_L .mid_alph{}
    .mid_L .mid_main{}
    
    .mid_M{padding-bottom: 3.2rem;}
    .mid_M .mid_alph{}
    .mid_M .mid_main{}
    
	[class*="mid_Ltitle"]{font-size: 4vw; margin-bottom: 2em;}
	[class*="mid_Ltitle"] .main_ttl{ }
	
	[class*="mid_Mtitle"]{ font-size: 4.5vw;margin-bottom: 1.5em; }
	[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{ }

	/**配下ページタイトル**/

	section#sub_pagettl{ height: 100vw; max-height: 350px;}

	.ytube_box{
		width: 100%;
		float: auto;
		margin-top: 1em;
	}
	.ytube_box img{
		width: 100%;
		height: auto;
	}


}