@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanmp.min.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=EB+Garamond:wght@400;500;600;700;800&family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600&family=Zen+Old+Mincho&display=swap");
@font-face{font-family: "TRS-Million_Rg";src: url("../fonts/TRS-Million_Rg.otf") format("truetype");}

html{--entrepreneur: #8a0606;--leaders: #002c83;--succesion: #0f73b8;}
body{font-family: YakuHanMP, "Zen Old Mincho", serif;}
sup{vertical-align: 0.5em;font-size: 0.6em;}
sub{font-size: 0.6em;}
.goth{font-family: YakuHanJP, "Public Sans", "Noto Sans JP", sans-serif;}
.note{font-size: 0.65em;margin-top: 0.5em;}
.wow{animation-name: fadeInUp;}

.cap_into,.cap_out{font-size: 0.6em;}
.cap_into{color: #fff;position: absolute;right: 0.7em;bottom: 0.7em;line-height: 1.4;text-align: right;text-shadow: 0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9), 0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9);}
.cap_into.white{text-shadow: none;}
.cap_into.black{color: #000;}
.cap_into.black_sh{color: #000;text-shadow: 0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255, 55, 0.9),0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255,255,0.9);}
.cap_out{margin-top: 0.5em;text-align: right;}

@media screen and (min-width: 769px){
body{font-size: 10px;line-height: 1.5;}
.sp,
[src*="_sp."]{display: none!important;}
.contents_wrap{max-width: 120em;margin-inline: auto;}
}
@media screen and (min-width: 769px) and (max-width: 1300px){
body{font-size: 0.75vw;}
}
@media screen and (max-width: 768px){
body{font-size: 1.8vw;}
.pc,
[src*="_pc."]{display: none !important;}
.contents_wrap{padding: 0 6vw;}
.note{font-size: 0.7em;margin-top: 0.5em;}
.cap_into,.cap_out{font-size: 0.7em;}
}

/*||||||||||||||||| フッター |||||||||||||||||*/
footer{padding: 10em 0 4.5em;text-align: center;}
footer::before{content: "";height: 1em;width: 100%;display: block;background: linear-gradient(to right,var(--entrepreneur) 33.333%,var(--leaders) 33.333%,var(--leaders) 66.666%,var(--succesion) 66.666%);position: absolute;top: 0;}
footer p{font-size: 1.6em;}
footer p + p{margin-top: 3.2em;}
footer a{color: #000;}
footer a:hover{text-decoration:underline;}

@media only screen and (min-width: 769px){
footer p{font-size: 13px;}
}

@media only screen and (max-width: 768px){
footer{padding: 10em 0 4em;}
footer p{font-size: 13px;}
footer p + p{margin-top: 2.5em;}
}