@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*メニュー*/
.c-gnav>.menu-item>a .ttl {
    display: block;
    font-size: 16px;
}
.l-header__inner.l-container {
    max-width: 100%;
}

/*TOPスライドフォント*/
.p-mainVisual__slideTitle{
font-size: clamp(26px, 9vw, 60px);
text-shadow: 5px 5px 10px rgba(0, 0, 0, 1), -5px -5px 10px rgba(0, 0, 0, 1);
	font-weight: 500; }
.p-mainVisual__slideText{
font-size: clamp(20px, 7vw, 60px);
text-shadow: 5px 5px 10px rgba(0, 0, 0, 1), -5px -5px 10px rgba(0, 0, 0, 1);
font-weight: 500;
margin-top: 0px; }
.p-mainVisual__textLayer {
    top: 9vw; }
.p-mainVisual__textLayer.l-parent.l-container.u-ta-l {
    max-width: 95%; }

@media screen and (max-width: 959px) {
.p-mainVisual__slideTitle,.p-mainVisual__slideText{
	font-weight: 700; }
.p-mainVisual__textLayer {
    top: 5%; }
.p-mainVisual__textLayer.l-parent.l-container.u-ta-l {
    max-width: 100%; }
}

/*テキストアニメ*/
.p-mainVisual__textLayer.l-parent.l-container.u-ta-l {
    animation-name: fadein;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    opacity: 0;
}
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; }
}