@charset "UTF-8";
body {
color: #333;
scroll-behavior: smooth;
font-family: YakuHanJP,'Poppins','Zen Kaku Gothic Antique', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
a {
color: #000;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link {
color: #666;
}
a:visited {
color: #666;
}
a:active {
color: #666;
}
a[href^="tel:"] {
pointer-events: none;
}
@media screen and (max-width: 960px) {
a[href^="tel:"] {
pointer-events:all;
}
}
/* ---------------------------------------- */
h1,h2,h3,h4,h5,h6 {
line-height: 1.5;
font-weight: normal;
}
h2 {font-size: 10rem;}
h3 {font-size: 5rem;}
h4 {font-size: 2.4rem;}
p {
font-size: 1.4rem;
font-weight: 500;
}
@media(max-width: 768px) {
h2 {font-size: 5rem;}
h3 {font-size: 3.2rem;}
h4 {font-size: 1.8rem;}
p {font-size: 1.2rem;}
}

/* ---------------------------------------- */
#wrap {
width: 100%;
position: relative;
}
.pc {display: block;}
.sp {display: none;}
@media(max-width: 768px) {
.pc {display: none;}
.sp {display: block;}
}
/* ---------------------------------------- */
.headingBlock01 h2 {
font-family: 'Bebas Neue', cursive;
color: #08233E;
transform: scaleY(0.8);
}
.headingBlock02 h3 {
font-family: 'Bebas Neue', cursive;
color: #08233E;
transform: scaleY(0.8);
}
.headingBlock03 h3 {
font-family: 'Bebas Neue', cursive;
color: #000;
transform: scaleY(0.8);
font-size: 6.0rem;
}
.headingBlock04 h4 {
font-weight: 600;
color: #08233e;
}
/* ---------------------------------------- */
.fade {
opacity: .1;
transform: translateY(50px);
transition: all 0.8s;
}
.fade.blockIn {
opacity: 1;
transform: translateY(0px);
}