@charset "utf-8";

/*================*/
:root {
    --color-black: rgba(0,0,0,1);
    --color-white: rgba(255,255,255,1);
    --color-transparent: rgba(0,0,0,0);
    
    --color-oimachi-01: rgba(122,222,168,1);
    
    --color-gray-01: rgba(200,200,200,1);
    --color-gray-02: rgba(160,160,160,1);
    --color-gray-03: rgba(249,249,249,1);
    --color-gray-04: rgba(177,177,177,1);
    --color-gray-05: rgba(101,101,101,1);
    --color-gray-06: rgba(80,80,80,0.7);
    --color-gray-07: rgba(236,236,236,1);
    --color-gray-08: rgba(229,229,229,1);
    
    --color-red-01: rgba(255,0,0,1);
    --color-red-02: rgba(249,189,213,1);
    --color-red-03: rgba(234,88,146,1);
    
    --color-green-01: rgba(7,203,97,1);
}

/*================*/
html {
    font-family: "Outfit","Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
}
body {

}
.basis {
}
main{
}
section {
    position: relative;
    width: 100%;
}
section>.inner {
    position: relative;
    margin: 0 auto 0 auto;
}
b {
    font-weight: inherit;
}
em {
    font-style: normal;
}
button {
}

/*================*/
.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;
    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 {
}