:root {
  --clr-border: #333;
  --AnimationLength: 0px;
}
body,html{font-family:'Noto Sans JP',sans-serif;text-align:justify;text-justify:inter-ideograph;text-transform:none;font-variant:normal;word-spacing:auto;word-break:normal;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-feature-settings:"palt";}html{width:100%;font-size:62.5%;height: -webkit-fill-available;}body{background-color:#fefefe;letter-spacing:0.06em;line-height:1.4;margin:0;padding:0;width:100%;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-font-feature-settings:'palt' 1;font-feature-settings:'palt' 1;text-align:justify;text-justify:inter-ideograph;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch;color:#242424;min-height: 100vh;}div,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{margin:0;padding:0;}a{text-decoration:none;display: block;outline:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}a:-webkit-any-link{color:-webkit-link;text-decoration: none;cursor:pointer;display:inline;border-style:none;}a img{border-style:none;outline:none;}a:focus{border-style:none;outline:none;}a img:active{border-style:none;outline:none;}a:active{border-style:none;outline:none;}img {height: auto;max-width: 100%;width: 100%;display: block;}a:hover{opacity:0.5;}::selection{background-color:rgba(215,215,215,0.35);background-color:rgb(215 215 215 / 35%);}ul,ul li{list-style-type:none;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}p{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;margin:0;font-size:14px;}br{line-height:1;}input[type="text"],input[type="password"],textarea,select,input[type="url"],input[type="date"],input[type=submit],input[type=file], input[type=checkbox]{outline:none;}select{-moz-appearance:none;text-indent:0.01px;text-overflow:'';}select::-ms-expand{display: none;}textarea{overflow:hidden;}[class^="icon-"],[class*="icon-"]{font-family:'icomoon';color:#ffffff;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img[src$=".svg"]{width:100%;}svg {fill:currentColor;width:100%;}
div,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,span,a{font-weight:500;box-sizing:border-box;}
::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:#fff;border:none;border-radius:0;box-shadow:inset 0 0 1px #777;}::-webkit-scrollbar-thumb{background:#D0D0D0;border-radius:100px;box-shadow:none;}
video {max-width: 100%;width: 100%;height: auto;vertical-align: bottom;}
/*------------------------------------------------
common
------------------------------------------------*/
br.PcNone {display: none;}br.PcIpadNone {display: none;}.PcBlock{display: block!important;}.SpBlock{display: none!important;}
@media screen and (max-width: 751px) {br.PcNone {display: none;}br.PcIpadNone {display: block;}}
@media screen and (max-width: 681px) {.PcBlock{display: none!important;}.SpBlock{display: block!important;}}
@media screen and (max-width: 481px) {br.PcNone {display: block;}br.PcIpadNone {display: none;}br.SpNone {display: none;}}
img,input,svg,*:before,*:after,a,a:hover img,a:hover input,a:hover,input:hover {backface-visibility: hidden;-webkit-backface-visibility: hidden;}
img {image-rendering: -webkit-optimize-contrast;}
/*--
body:not(.home){opacity: 0;-webkit-transition: opacity 1s ease 0s;transition: opacity 1s ease 0s;}
body.Open_Changed:not(.home){opacity: 1;}
--*/
/*------------ Animation ------------*/
@-webkit-keyframes byeShutter {70% {opacity: 1;}100% {opacity: 0;display: none;z-index: -1;}}
@keyframes byeShutter {70% {opacity: 1;}100% {opacity: 0;display: none;z-index: -1;}}
@-webkit-keyframes shutterOpen1 {0% {width: 0;height: 1px;}50% { width: 100%;height: 1px;}90% {width: 100%;height: 100%;}100% {width: 100%;height: 100%;}}
@keyframes shutterOpen1 {0% {width: 0;height: 1px;}50% {width: 100%;height: 1px;}90% {width: 100%;height: 100%;}100% {width: 100%;height: 100%;}}
@-webkit-keyframes shutterOpen2 {60% {width: 120%;height: 0;transform: rotate(5deg);}90% {width: 120%;height: 100%;transform: rotate(-5deg);}100% {width: 120%;height: 100%;transform: rotate(-5deg);}}
@keyframes shutterOpen2 {60% {width: 120%;height: 0;transform: rotate(5deg);}90% {width: 120%;height: 100%;transform: rotate(-5deg);}100% {width: 120%;height: 100%;transform: rotate(-5deg);}}
@-webkit-keyframes contentScale {70% {transform: perspective(800px) scale(0.98) rotateX(2deg);opacity: 0;visibility: visible;}100% {transform: perspective(800px) scale(1) rotateX(0);opacity: 1;visibility: visible;z-index: 0;}}
@keyframes contentScale {70% {transform: perspective(800px) scale(0.98) rotateX(2deg);opacity: 0;visibility: visible;}100% {transform: perspective(800px) scale(1) rotateX(0);opacity: 1;visibility: visible;z-index: 0;}}
@-webkit-keyframes cube {from {transform: scale(0) rotate(0deg) translate(-50%, -50%);opacity: 1;}to {transform: scale(20) rotate(960deg) translate(-50%, -50%);opacity: 0;}}
@keyframes cube {from {transform: scale(0) rotate(0deg) translate(-50%, -50%);opacity: 1;}to {transform: scale(20) rotate(960deg) translate(-50%, -50%);opacity: 0;}}
@keyframes arrow01 {0% {transform: scale(1, 0);}30% {transform: scale(1, 0);}40% {transform: scale(1, 1);opacity: 1;}85% {transform: scale(1, 1);opacity: 1;}95% {transform: scale(1, 1);opacity: 1;}100% {transform: scale(1, 1);opacity: 0;}}
@keyframes arrow02 {0% {transform: scale(1, 0);}30% {transform: scale(1, 0);}40% {transform: scale(1, 1);opacity: 1;}85% {transform: scale(1, 1);opacity: 1;}90% {transform: scale(1, 1);opacity: 0;}100% {transform: scale(1, 1);opacity: 0;}}
@keyframes arrow03 {0% {transform: rotate(45deg) scale(1, 0);}45% {transform: rotate(45deg) scale(1, 0);}55% {transform: rotate(45deg) scale(1, 1);}85% {transform: rotate(45deg) scale(1, 1);opacity: 1;}90% {transform: rotate(45deg) scale(1, 1);opacity: 0;}100% {transform: rotate(45deg) scale(1, 1);opacity: 0;}}
@-webkit-keyframes pulseMotion {0% {-webkit-transform: translate(-50%, -50%) scale(1, 1);transform: translate(-50%, -50%) scale(1, 1);background-color: rgb(46 73 161 / 40%);}100% {-webkit-transform: translate(-50%, -50%) scale(6.5, 6.5);transform: translate(-50%, -50%) scale(6.5, 6.5);background-color: rgb(46 73 161 / 0%);}}
@keyframes pulseMotion {0% {transform: translate(-50%, -50%) scale(1, 1);background-color: rgb(46 73 161 / 40%);}100% {transform: translate(-50%, -50%) scale(6.5, 6.5);background-color: rgb(46 73 161 / 0%);}}
@-webkit-keyframes fadeInUpI{from{opacity:0;-webkit-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpI{from{opacity:0;-webkit-transform:translate3d(0,15%,0);transform:translate3d(0,15%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transition:translate3d(-100px,0,0);transform:translate3d(-10px,0,0)}100%{opacity:1;-webkit-transition:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes slideIn{0%{opacity:0;-webkit-transition:translate3d(-100px,0,0);transform:translate3d(-10px,0,0)}100%{opacity:1;-webkit-transition:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes masklogo{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);}}
@keyframes masklogo{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%);}}
@-webkit-keyframes arrow02 {0% {transform: scale(1, 0);}30% {transform: scale(1, 0);}40% {transform: scale(1, 1);opacity: 1;}85% {transform: scale(1, 1);opacity: 1;}90% {transform: scale(1, 1);opacity: 0;}100% {transform: scale(1, 1);opacity: 0;}}
@keyframes arrow02 {0% {transform: scale(1, 0);}30% {transform: scale(1, 0);}40% {transform: scale(1, 1);opacity: 1;}85% {transform: scale(1, 1);opacity: 1;}90% {transform: scale(1, 1);opacity: 0;}100% {transform: scale(1, 1);opacity: 0;}}
@-webkit-keyframes arrow03 {0% {transform: rotate(25deg) scale(1, 0);}45% {transform: rotate(25deg) scale(1, 0);}55% {transform: rotate(25deg) scale(1, 1);}85% {transform: rotate(25deg) scale(1, 1);opacity: 1;}90% {transform: rotate(25deg) scale(1, 1);opacity: 0;}100% {transform: rotate(25deg) scale(1, 1);opacity: 0;}}
@keyframes arrow03 {0% {transform: rotate(25deg) scale(1, 0);}45% {transform: rotate(25deg) scale(1, 0);}55% {transform: rotate(25deg) scale(1, 1);}85% {transform: rotate(25deg) scale(1, 1);opacity: 1;}90% {transform: rotate(25deg) scale(1, 1);opacity: 0;}100% {transform: rotate(25deg) scale(1, 1);opacity: 0;}}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from {opacity:0}to{opacity:1}}
@-webkit-keyframes fadeOut {from{opacity:1}to{opacity:0}}
@keyframes fadeOut {from{opacity:1}to{opacity:0}}
@-webkit-keyframes zoomUp {
    0% {-webkit-transform: scale(1);transform: scale(1);}
    100% {-webkit-transform: scale(1.15);transform: scale(1.15);}
}
@keyframes zoomUp {
    0% {-webkit-transform: scale(1);transform: scale(1);}
    100% {-webkit-transform: scale(1.15);transform: scale(1.15);}
}
@-webkit-keyframes scrolldown {
  0% {background-position: 0 -80px;}
  75% {background-position: 0 0;}
  100% {background-position: 0 80px;}
}
@keyframes scrolldown {
  0% {background-position: 0 -80px;}
  75% {background-position: 0 0;}
  100% {background-position: 0 80px;}
}
@-webkit-keyframes rotation {
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@keyframes rotation {
  from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  to {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@-webkit-keyframes gradation{0%{background-position: 0% 0%;}100%{background-position: 100% 100%;}}
@keyframes gradation{0%{background-position: 0% 0%;}100%{background-position: 100% 100%;}}
/*------------ Loding ------------*/
.Fade_Group02 > div {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 999999;
    -webkit-transition: all 2s cubic-bezier(.18,.06,.23,1) 0s;
    transition: all 2s cubic-bezier(.18,.06,.23,1) 0s;
    background: #ffffff;
    background: radial-gradient(circle at top left,#ededed 0%,#ffffff 100%);
    will-change: opacity;
    background-position: 0 100%;
    background-size: 100% 200%;
}
body.Open_Changed .Fade_Group02 > div {opacity: 0;}
.Loading_Logo {
    max-width: 380px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    padding-left: 20px;
    padding-right: 20px;

    -webkit-transition: filter 0.5s cubic-bezier(.43,.05,.17,1) 0s;
    transition: filter 0.5s cubic-bezier(.43,.05,.17,1) 0s;
    will-change: filter;
}
body.Open_Changed .Loading_Logo {

}
/*------------ Main ------------*/
.Main,.Footer {
    max-width: 650px;
    margin: auto;
}
.Kv {
    position: relative;
    z-index: 1;
}
.Kv .Kv_h1_Image {
    padding-top: 0;
}
.Kv .Kv_Conversion_Area_L {
    position: absolute;
    top: 51%;
    z-index: 1;
    width: 94%;
    margin: auto;
    left: 0;
    right: 0;
}
.Kv .Kv_Conversion_Area_G {
    position: absolute;
    bottom: 2.5%;
    z-index: 1;
    width: 94%;
    margin: auto;
    left: 0;
    right: 0;
}
.Conversion.Conversion01 .Conversion_Line {
    margin-top: -7px;
}
.Conversion .Conversion_Area {
    position: relative;
    z-index: 0;
}
.Conversion .Conversion_Area_Diagnosis {
    position: absolute;
    top: 36%;
    z-index: 1;
    width: 86%;
    margin: auto;
    left: 0;
    right: 0;
}
.Conversion .Conversion_Area_L {
    position: absolute;
    top: 38.5%;
    z-index: 1;
    width: 83%;
    margin: auto;
    left: 0;
    right: 0;
}
.Conversion .Conversion_Area_G {
    position: absolute;
    top: 69%;
    z-index: 1;
    width: 83%;
    margin: auto;
    left: 0;
    right: 0;
}
.Conversion .Conversion_Area_T {
    position: absolute;
    top: 68%;
    z-index: 1;
    width: 86%;
    margin: auto;
    left: 0;
    right: 0;
}
.Conversion.Conversion01 .Conversion_Area_L {
    top: 48%;
}
.Conversion.Conversion01 .Conversion_Area_G {
    top: 71%;
}
.Conversion .Conversion_Area_Diagnosis a{
    display: block;
    opacity: 1;
}
.Contents01 .Contents_Image {
    margin-block: -7% 0;
    position: relative;
    z-index: 1;
}
.Contents02 .Contents_Inner {
    background: #f0f1ec;
}
.Contents02 .Contents_Image {
    padding-top: 0;
}
.Contents03 .Contents_Inner {
    background: #f0f1ec;
}
.Contents03 .Contents_Image {
    padding-top: 0;
    padding-bottom: 0;
}
.Contents04 .Contents_Inner {
    background: #f0f1ec;
}
.Contents04 .Contents_Image {
    padding-top: 0;
    padding-bottom: 0;
}
.Contents05 .Contents_Image {
    padding-top: 0;
    padding-bottom: 0;
}
.Contents06 .Contents_Inner {
    background: #f0f1ec;
}
.Contents06 .Contents_Image {
    padding-top: 0;
    padding-bottom: 0;
}
.Fix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 650px;
    z-index: 10;
}
.Fix .Fix_List{
    display: flex;
    justify-content: center;
}
.Fix .Fix_List_Box.Box01, .Fix .Fix_List_Box.Box02 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(.43,.05,.17,1) 0s, transform 0.6s cubic-bezier(.43,.05,.17,1) 0s;
    transition: opacity 0.6s cubic-bezier(.43,.05,.17,1) 0s, transform 0.6s cubic-bezier(.43,.05,.17,1) 0s;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
.Fix.is-animation .Fix_List_Box.Box01 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity 1s cubic-bezier(.43,.05,.17,1) 0.1s, transform 1s cubic-bezier(.43,.05,.17,1) 0.1s;
    transition: opacity 1s cubic-bezier(.43,.05,.17,1) 0.1s, transform 1s cubic-bezier(.43,.05,.17,1) 0.1s;
}
.Fix.is-animation .Fix_List_Box.Box02 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity 1s cubic-bezier(.43,.05,.17,1) 0.2s, transform 1s cubic-bezier(.43,.05,.17,1) 0.2s;
    transition: opacity 1s cubic-bezier(.43,.05,.17,1) 0.2s, transform 1s cubic-bezier(.43,.05,.17,1) 0.2s;
}
.Fix.is-animation.Hiden .Fix_List_Box.Box01, .Fix.is-animation.Hiden .Fix_List_Box.Box02 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(.43,.05,.17,1) 0s, transform 0.6s cubic-bezier(.43,.05,.17,1) 0s;
    transition: opacity 0.6s cubic-bezier(.43,.05,.17,1) 0s, transform 0.6s cubic-bezier(.43,.05,.17,1) 0s;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}