@charset "utf-8";

/*================*/
:root {
    --color-black: rgba(58,58,57,1);
    --color-white: rgba(255,255,255,1);
    --color-red: rgba(160,4,47,1);
    --color-transparent: rgba(0,0,0,0);
    
    --color-gray-01: #D9D9D9;
    --color-gray-02: #AAAAAA;
    
    --height-header-lsize: 176px;
    --height-header-ssize: 19.7vw;
}

/*================*/
html {
    font-family: 'Noto Sans JP', 'Noto Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    scroll-behavior: smooth;
}
body {
    color: var(--color-black);
    font-style: normal;
}
.basis {
}
main{
    letter-spacing: 0.12em;
}
section {
    position: relative;
}
section>.inner {
    position: relative;
    margin: 0 auto 0 auto;
}
b {
    font-weight: inherit;
}
em {
    font-style: normal;
}
button {
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px); 
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeIn {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.fadeIn.visible {
    opacity: 1;
    transform: translateY(0);
}
/*================*/
.hitelm {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.figelm {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-backface-visibility: hidden;
}
.svgdefinition {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
}
svg.inlinesvg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: rgba(0,0,0,0);
    stroke: rgba(0,0,0,0);
    stroke-width: 1;
    stroke-opacity: 1;
    stroke-linecap: butt;
    stroke-linejoin: miter;
}

/*================*/
.myanime-expand {
    animation-name: myanime-expand-01,myanime-expand-02;
    animation-duration: 5s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards;
    transform-origin: 100% 50%;
}
@keyframes myanime-expand-01 {
      0%{scale:   1 1;}
     10%{scale: 1.7 1;}
     20%{scale:   1 1;}
    100%{scale:   1 1;}
}
@keyframes myanime-expand-02 {
}