: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:rgb(103 103 103 / 70%);}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 {

}
/*------------ Header ------------*/
.Header{
    background: #fbfbfb;
}
.Header .Header_Logo {
    max-width: 300px;
    margin: auto;
    padding: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
/*------------ Main ------------*/
.Kv {
    position: relative;
    z-index: 1;
}
.Kv .Kv_Inner {
    background: #f8e9e6;
}
.Kv .Kv_h1_Image {
    position: relative;
    z-index: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    overflow: hidden;
    width: 2210px;
    margin: auto;
}
.Kv .Kv_h1_Image img.Sp{
    display: none;
}
.Kv a.Kv_h1_Link01 {
    display: block;
    position: absolute;
    bottom: 14.5%;
    left: 20.8%;
    width: 18%;
    height: 13%;
    margin: auto;
    border-radius: 15px;
    max-width: 400px;
}
.Kv a.Kv_h1_Link02 {
    display: block;
    position: absolute;
    bottom: 15.5%;
    left: 39.9%;
    width: 18.8%;
    height: 11%;
    margin: auto;
    border-radius: 100px;
    max-width: 400px;
    z-index: 10;
}
.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: 45%;
    z-index: 1;
    width: 86%;
    margin: auto;
    left: 0;
    right: 0;
}
.Conversion .Conversion_Area_G {
    position: absolute;
    top: 68%;
    z-index: 1;
    width: 86%;
    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 .Conversion_Area_Diagnosis a{
    display: block;
    opacity: 1;
}
.Contents01 .Contents_Image {
    padding-top: 0;
}
.Contents02 .Contents_Inner {
    background: #2b2b2b;
}
.Contents02 .Contents_Image {
    max-width: 580px;
    margin: auto;
}
.Contents03 .Contents_Inner {
    background: #ffffff;
}
.Contents03 .Contents_Image {
    max-width: 580px;
    margin: auto;
}
.Contents04 .Contents_Inner {
    background: #ffffff;
}
.Contents04 .Contents_Image {
    max-width: 580px;
    margin: auto;
}
.Contents05 .Contents_Inner {
    background: #ffffff;
}
.Contents05 .Contents_Image {
    max-width: 580px;
    margin: auto;
}
.Contents06 .Contents_Inner {
    background: #D8D4D4;
}
.Contents06 .Contents_Image {
    max-width: 580px;
    margin: auto;
}
.Contents07 .Contents_Inner {
    background: #EDECEA;
}
.Contents07 .Contents_Image {
    max-width: 580px;
    margin: auto;
}
.Diagnosis .Diagnosis_Line {
    background-image: url(../images/Conversion_Bg.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 500px;
}
.Diagnosis .Diagnosis_Inner {
    max-width: 580px;
    margin: auto;
    padding: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.Diagnosis .Diagnosis_Title {
    max-width: 400px;
    margin: auto;
    margin-bottom: 20px;
}
.Diagnosis .Diagnosis_Area {
    background: #ffffff;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.Fix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 470px;
    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%);
}
.Contents08 .Contents_Inner{
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.Contents08 .Contents_Link a {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    color: #000000;
    border: solid 1px #b9b9b9;
    border-radius: 6px;
    padding: 10px;
    max-width: 280px;
    margin: auto;
    position: relative;
}
.Contents08 .Contents_Link a:before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 2px #323232;
    border-right: solid 2px #323232;
    position: absolute;
    right: 15px;
    top: 0;
    margin: auto;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.Footer .Copy{
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0;
    padding: 25px;
    background: #411400;
    color: #ffffff;
}
.Popup {
    display:none;
    width:80vw;
    padding:0;
    position: fixed;
    z-index: 9999;   
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    border-radius:0;
}
.Popup .Popwrap {
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.4);
    max-width: 430px;
    cursor: pointer;
}
.Cover-eml {
    background:rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;   
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.Popup .Close{
    margin: 0 0 15px auto;
    cursor: pointer;
    text-align:right;
    width:15px;
    height:15px;
}
.Company .Company_Image {
    max-width: 580px;
    margin: auto;
    position: relative;
}
.Company .Company_Image a{
    display: block;
    position: absolute;
    bottom: 3%;
    left: 0;
    right: 0;
    margin: auto;
    width: 62%;
    height: 4%;
    z-index: 10;
}
@media screen and (min-width: 2210px) {
  .Kv .Kv_h1_Image {
      left: 0;
      right: 0;
      -webkit-transform: translate(0%, 0);
      transform: translate(0%, 0);
  }
}
@media screen and (max-width: 1451px) {
  .Kv .Kv_h1_Image {
      width: 155%;
  }
}
@media screen and (max-width: 1151px) {
  .Contents02 .Contents_Image,.Contents03 .Contents_Image {
      max-width: 500px;
  }

}
@media screen and (max-width: 1023px) {
  .Kv .Kv_h1_Image {
      width: 100%;
  }
  .Kv .Kv_h1_Image img.Pc {
      display: none;
  }
  .Kv .Kv_h1_Image img.Sp {
      display: block;
      max-width: 600px;
      margin: auto;
  }
  .Kv a.Kv_h1_Link01 {
      display: block;
      position: absolute;
      bottom: 15.5%;
      left: 0;
      right: 0;
      width: 90%;
      height: 12.5%;
      margin: auto;
      border-radius: 15px;
      z-index: 1;
  }
  .Kv a.Kv_h1_Link02 {
      display: block;
      position: absolute;
      bottom: 3.9%;
      left: 0;
      right: 0;
      width: 87%;
      height: 10.5%;
      margin: auto;
      border-radius: 100px;
      z-index: 1;
  }
  .Contents02 .Contents_Image,.Contents03 .Contents_Image {
      max-width: 460px;
  }
  .Diagnosis .Diagnosis_Title {
      max-width: 310px;
  }
}
@media screen and (min-width: 980px) {
  .Popup {
      width:auto;
      max-width: 50vw;
  }
}
@media screen and (max-width: 721px){
    .Header .Header_Logo {
        max-width: 220px;
        margin: auto;
        padding: 0;
        padding-top: 7px;
        padding-bottom: 7px;
    }
  .Diagnosis .Diagnosis_Area {
      padding: 10px;
      padding-top: 30px;
      padding-bottom: 40px;
  }
  .Diagnosis .Diagnosis_Title {
      max-width: 280px;
      padding-left: 10px;
      padding-right: 10px;
  }
}