@charset "utf-8";
/*===============================================================
    move header
===============================================================*/


/*base.cssにもメインメニューのfadeinを省いたものが記述されているため，home.cssにはそのfadeinの部分を記述している*/
  
  /*logoAnimation*/
/*scale-in-ver-center*/
.scale-in-ver-center {
  -webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay:2s;
  }
  @-webkit-keyframes scale-in-ver-center {
  0% {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  opacity: 1;
  visibility:visible;
  }
  100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  visibility:visible;
  
  }
  }
  @keyframes scale-in-ver-center {
  0% {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  opacity: 1;
  visibility:visible;
  
  }
  100% {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  visibility:visible;
  
  }
  }

  /*tracking-in-expand-fwd*/
.tracking-in-expand-fwd {
  -webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation-delay:2.3s;
  }
  @-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
    visibility:visible;
  
  }
  40% {
    opacity: 0.6;
    visibility:visible;
  
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
    visibility:visible;
  
  }
  }
  @keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
    visibility:visible;
  
  }
  40% {
    opacity: 0.6;
    visibility:visible;
  
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
    visibility:visible;
  
  }
  }  
  /*focus-in-expand*/
  .mainmenuContents1, .mainmenuContents2, .mainmenuContents3{
    visibility:hidden;
  }
  .focus-in-expand1{
    -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation-delay:2s;
  }
   @-webkit-keyframes focus-in-expand {
      0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
        visibility:visible;
      }
      100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
        visibility:visible;

      }
    }
    @keyframes focus-in-expand {
      0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
        visibility:visible;

      }
      100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
        visibility:visible;

      }
    }
    
    .focus-in-expand2 {
    -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation-delay:2.2s;
  }
   @-webkit-keyframes focus-in-expand {
      0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
        visibility:visible;

      }
      100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
        visibility:visible;

      }
    }
    @keyframes focus-in-expand {
      0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
        visibility:visible;

      }
      100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
        visibility:visible;

      }
    }
  
    .focus-in-expand3 {
    -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation-delay:2.4s;
  }
   @-webkit-keyframes focus-in-expand {
      0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
        visibility:visible;

      }
      100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
        visibility:visible;

      }
    }
    @keyframes focus-in-expand {
      0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
        visibility:visible;

      }
      100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
        visibility:visible;

      }
    }
  
/*===============================================================
    slider
===============================================================*/
.vh{visibility:hidden;}
.vv{visibility:visible;}

.all{visibility:hidden;}
.allo{visibility:visible;}
.sliderParent{
    display:block;
    position:relative;
    width:1020px;
    height:460px;
    margin:0 auto;
    top:20px;
}
.sliderimg{
  width:940px;
  height:380px;
}

/*sliderAnimation*/
/*sliderFadeIn*/
.sliderFadeIn{
    position:absolute;
    left:40px;
    top:40px;
    animation-name:sliderFadeIn;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
    opacity:0;
    animation-delay:3.7s;
}
@keyframes sliderFadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

/*framesMoveRight*/
.frameRight{
  display:block;
  position:absolute;
  top:40px;
  right:0px;
  width:40px;
  height:380px;
  background: linear-gradient(to right,rgb(255, 255, 255), rgb(195, 195, 195));
  }
.framebottom{
    position:absolute;
    display:block;
    width:940px;
    height:40px;
    margin:0 auto;
    left:40px;
    top:420px;
    margin-bottom:20px;
    background: linear-gradient(rgb(255, 255, 255), rgb(195, 195, 195));
}
.frametopright{
    display:block;
    position:absolute;
    width:40px;
    height:40px;
    top:0px;
    right:0px;
    background:url(../images/slider/sliderFrameEdge.jpg);
}
.framebottomright{
    display:block;
    position:absolute;
    width:40px;
    height:40px;
    top:420px;
    right:0px;
    background:url(../images/slider/sliderFrameEdge.jpg);
}
.framebottomleft{
    display:block;
    position:absolute;
    width:40px;
    height:40px;
    bottom:0px;
    top:420px;
    left:0px;
    background:url(../images/slider/sliderFrameEdge.jpg);
}

/*frameMoveLeft*/
.frametop{
    position:absolute;
    display:block;
    width:940px;
    height:40px;
    left:40px;
    margin:0 auto;
    background: linear-gradient(rgb(195, 195, 195), rgb(255, 255, 255));
}
.frameLeft{
    display:block;
    position:absolute;
    top:40px;
    left:0px;
    width:40px;
    height:380px;
    background: linear-gradient(to left,rgb(255, 255, 255), rgb(195, 195, 195));
}
.frametopleft{
    display:block;
    position:absolute;
    width:40px;
    height:40px;
    top:0px;
    left:0px;
    background:url(../images/slider/sliderFrameEdge.jpg);
}
.frametopright2{
    display:block;
    position:absolute;
    width:40px;
    height:40px;
    top:0px;
    right:0px;
    background:url(../images/slider/sliderFrameEdge.jpg);
}
.framebottomleft2{
    display:block;
    position:absolute;
    width:40px;
    height:40px;
    top:420px;
    left:0px;
    background:url(../images/slider/sliderFrameEdge.jpg);
}

/*frameSliderParent*/
.frameSliderRightParent{
  transform:translateX(150%);
  visibility:hidden;
}
.frameSliderLeftParent{
  transform:translateX(-150%);
  visibility:hidden;}

/*framesAnimationRight*/
.frameSliderRight{
    animation-name:frameSliderRight;
    animation-duration:0.6s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
    animation-iteration-count:1;
    animation-delay:1.8s;
}
@keyframes frameSliderRight{
    from{
      transform:translateX(150%);
      visibility:visible;
    }
    to{
      transform:translateX(0);
      visibility:visible;
    }
}

/*framesAnimationLeft*/
.frameSliderLeft{
    animation-name:frameSliderLeft;
    animation-duration:0.6s;
    animation-timing-function:linear;
    animation-fill-mode:forwards;
    animation-iteration-count:1;
    animation-delay:1.8s;
}
@keyframes frameSliderLeft{
    from{
      transform:translateX(-150%);
      visibility:visible;
    }
    to{
      transform:translateX(0);
      visibility:visible;
    }
}

.sliderAnimationbg{
    animation-name:sliderAnimationbg;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    animation-iteration-count:1;
    animation-delay:3.15s;
    background-color: rgba(255, 255, 255, 0.636);
}
@keyframes sliderAnimationbg{
    0%{background-color: rgba(255, 255, 255, 0.832);}
    100%{background-color:black;}
}
.sliderEdgeTurn{
    animation-name:sliderEdgeTurn;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    animation-iteration-count:1;
    animation-delay:2.7s;
}
@keyframes sliderEdgeTurn{
    from{}
    to{transform:rotate(180deg);}
}

/*instead of slider for sp*/

/*===============================================================
 video
===============================================================*/


.homevideo{
  display:none;
  width:100%;
  margin:0 auto;
}

/*===============================================================
    maincontents
===============================================================*/
.contents{
  display:block;
  position:relative;
  margin:0 auto;
}

/*contents1*/
.homeHelloParent{
  background-color:rgba(159, 228, 240, 0.582);
  width:700px;
  height:90px;
  visibility:hidden;
  margin:100px 0px 40px 100px;
  padding-top:10px;
  border:dotted 5px rgba(0, 0, 0, 0.788);
}
.homeHello{
  font-weight:bold;
  font-size: 70px;
  margin:0px 0px 0px 20px;
  visibility:hidden;
  font-family: 'Georgia','Athelas','Cochin',sans-serif;
}
/*homeHelloin*/
.scale-in-hor-left {
	-webkit-animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    visibility: visible;

  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
        visibility: visible;

  }
}


.contents1bg{
  background-color:rgb(245, 245, 245);
  display:block;
  width:990px;
  margin:0 auto;
  border-radius:20px;
  padding:5px;
  border:solid 1.5px black;
  visibility:hidden;
}
.contents1{
  display:inline-block;
  font-size:28px;
  position:relative;
  visibility:hidden;
  letter-spacing:1.5px;
  font-weight:bold;
  margin:15px 0px 0px 70px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
.contents1bold{
  display:inline-block;
  font-size:34px;
  font-weight:bold;
  transition:color 0.3s,text-shadow 0.3s;
  font-family: 'Georgia','Athelas','Cochin',sans-serif !important;
  text-shadow:1.5px 1.5px 0 rgb(255, 255, 255), -1.5px -1.5px 0 rgb(255, 255, 255),
  -1.5px 1.5px 0 rgb(255, 255, 255), 1.5px -1.5px 0 rgb(255, 255, 255),
  0px 1.5px 0 rgb(255, 255, 255),  0 -1.5px 0 rgb(255, 255, 255),
  -1.5px 0 0 rgb(255, 255, 255), 1.5px 0 0 rgb(255, 255, 255);

}
.contents1bold:hover{
  color:rgb(255, 255, 255);
  text-shadow:1.5px 1.5px 0 rgb(0, 0, 0), -1.5px -1.5px 0 rgb(0, 0, 0),
  -1.5px 1.5px 0 rgb(0, 0, 0), 1.5px -1.5px 0 rgb(0, 0, 0),
  0px 1.5px 0 rgb(0, 0, 0),  0 -1.5px 0 rgb(0, 0, 0),
  -1.5px 0 0 rgb(0, 0, 0), 1.5px 0 0 rgb(0, 0, 0);

}
/*content1am*/
.jello-horizontal {
	-webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}
 @-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            visibility: visible;

  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
            visibility: visible;

  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
            visibility: visible;

  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
            visibility: visible;

  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
            visibility: visible;

  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
            visibility: visible;

  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            visibility: visible;

  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            visibility: visible;

  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
            visibility: visible;

  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
            visibility: visible;

  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
            visibility: visible;

  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
            visibility: visible;

  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
            visibility: visible;

  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
            visibility: visible;

  }
}


/*NEWS*/
.news{
  visibility:hidden;
  width:400px;
  font-size:60px;
  margin:90px 0px 40px 100px;
  border:solid 3px gray;
  background:linear-gradient(90deg, rgba(157, 157, 157, 0.811) 15%,rgba(233, 233, 233, 0.778));
  padding:0px 0px 0px 20px;
  border-radius:5px;
}
.newspa{
  visibility:hidden;
  display:block;
  width:980px;
  height:400px;
  background-color: rgb(255, 255, 255);
  padding:20px;
  border:solid 3px black;
  overflow-y:scroll;
  overflow-wrap:break-word;
  margin:0 auto;
}
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item .newscon{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child .newscon{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: rgb(106, 106, 106);
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}
.news-list .item .category span{
  background: #999;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 767px){
.news-list .item .newscon{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}

/*===============================================================
  GET NOTIFICATION
===============================================================*/
.gnhigh{
  visibility:hidden;
}

.gnintropa{
  font-size:60px;
  background:linear-gradient(90deg, rgba(108, 243, 74, 0.811) 15%,rgba(231, 251, 236, 0.778));
  width:800px;
  margin:90px 0px 40px 100px;
  border:solid 3px gray;
  padding:5px 0px 5px 20px;
  border-radius:5px;
}

.gnpa{
  display:flex;
  flex-direction: row;
  background-color: rgba(238, 238, 238, 0.755);
  width:860px;
  font-size: 1.7rem;
  margin:0 auto;
  border:2px solid black;
  padding:20px 20px 20px 20px;
  border-radius:5px;
}

.gnpacon2{
  margin:3px 0px 0px 5px;
  font-size:1.3rem;
}

.addline{
  font-size:1.9rem;
  color:rgb(255, 255, 255);
  margin:0px 0px 0px 20px;
  padding:40px 20px 0px 20px;
  border-radius:20px;
  border:8px solid rgb(255, 255, 255);
  background:rgb(99, 252, 61);
  font-weight: bold;
  text-decoration: none;
  transition:all 0.5s;
}
.addline:hover{
  color:rgb(0, 0, 0);
  border-radius: 60px;
  transform:translateY(-3px);
}



/*contents2*/
.contents2pa{
  width:970px;
  padding-top:80px;
  margin:0 auto;
  position:relative;
  left:-10px;
}
.contents2Include{
  display:block;
  background-color: rgba(255, 255, 255, 0.679);
  visibility:hidden;
  margin:0 auto;
  padding:20px;
  border:solid 1px black;
  width:970px;
}

.scale-in-hor-center {
	-webkit-animation: scale-in-hor-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-hor-center 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
    visibility: visible;
  }
}
.shadow-drop-center {
	-webkit-animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes shadow-drop-center {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            visibility: visible;

  }
  100% {
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5);
            visibility: visible;

  }
}
@keyframes shadow-drop-center {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            visibility: visible;

  }
  100% {
    -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5);
            visibility: visible;

  }
}

.intro{
  font-weight:bold;
  font-size: 40px;
  display:block;
  visibility:hidden;
  letter-spacing:2px;
  margin:0px 0px 0px 30px;
}
.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
    opacity: 0;
    visibility: visible;

  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;

  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(500px);
            transform: translateX(500px);
    opacity: 0;
    visibility: visible;

  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;

  }
}
.text-shadow-pop-right {
	-webkit-animation: text-shadow-pop-right 0.6s both;
	        animation: text-shadow-pop-right 0.6s both;
}
 @-webkit-keyframes text-shadow-pop-right {
  0% {
    text-shadow: 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff;
    -webkit-transform: translateX(0);
            transform: translateX(0);
            visibility: visible;

  }
  100% {
    text-shadow: 1px 0 #ffffff, 2px 0 #ffffff, 3px 0 #ffffff, 4px 0 #ffffff, 5px 0 #ffffff, 6px 0 #ffffff, 7px 0 #ffffff, 8px 0 #ffffff;
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
            visibility: visible;

  }
}
@keyframes text-shadow-pop-right {
  0% {
    text-shadow: 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff, 0 0 #ffffff;
    -webkit-transform: translateX(0);
            transform: translateX(0);
            visibility: visible;

  }
  100% {
    text-shadow: 1px 0 #ffffff, 2px 0 #ffffff, 3px 0 #ffffff, 4px 0 #ffffff, 5px 0 #ffffff, 6px 0 #ffffff, 7px 0 #ffffff, 8px 0 #ffffff;
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
            visibility: visible;

  }
}


.introParent{
  padding-top:10px;
  width:900px;
  border:solid 0.2px rgb(0, 0, 0);
  background:linear-gradient(90deg, rgb(224, 224, 224) 15%,rgb(77, 77, 77));
  visibility:hidden;
}
.scale-up-hor-right {
	-webkit-animation: scale-up-hor-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-hor-right 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
 @-webkit-keyframes scale-up-hor-right {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
            visibility: visible;

  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
            visibility: visible;

  }
}
@keyframes scale-up-hor-right {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
            visibility: visible;

  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
            visibility: visible;

  }
}

.contents2flexbox{
  margin:70px 0px 0px 10px;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
}

.logobox{
  position:relative;
  transition: 1s;
  display:block;
  width:300px;
  height:300px;
  border-radius:73px;
}

.front{
  width:300px;
  height:300px;
  margin:0px 20px 0px 0px;
  background:url(../home/HOMEimages/logo2);
  visibility:hidden;
  transition:filter 0.5s, transform 0.5s, box-shadow 0.5s;
  border-radius:73px;
  position:absolute;
}

.contents2bg{
  background-color:rgba(232, 232, 232, 0.686);
  padding:10px 5px 10px 10px;
  border:dotted 3px black;
  border-radius:20px;
  box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.25);
}
.contents2{
  font-size:28px;
  width:700px;
  visibility:hidden;
  margin:25px 0px 0px 40px;
}
.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
 @-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    visibility: visible;

  }
  100% {
    opacity: 1;
    visibility: visible;

  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    visibility: visible;

  }
  100% {
    opacity: 1;
    visibility: visible;

  }
}

.contents2_2{
  padding:20px 10px 20px 20px;
  visibility:hidden;
  font-size:28px;
  background-color:rgba(232, 232, 232, 0.686);
  width:900px;
  margin-top:70px;
  margin-left:20px;
  border-radius:10px;
}

/*ok*/


.planbg{
  width:900px;
  height:100px;
  background:linear-gradient(90deg, rgb(255, 255, 0),rgba(242, 255, 171));
  visibility:hidden;
  position:relative;
  margin:100px 0px 0px 0px;
  border:solid 0.1px black;
}

.plan{
  position:relative;
  top:-200px;
  font-size:70px;
  margin:110px 0px 0px 25px;
}
.scale-in-hor-left {
	-webkit-animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    visibility: visible;

  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    visibility: visible;

  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    visibility: visible;

  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
    visibility: visible;

  }
}

/*Contents3*/
.contents3Parent{
  visibility:hidden;
  }
    
/*PLAN,DOING&DONE*/
.c3PDDPa{
  display:block;
  position:relative;
  top:-140px;
  margin:80px 0px 0px 20px;
}

.c3PDD{
  display:block;
  text-align:center;
  width:200px;
  height:60px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  font-size:50px;
  font-weight:bold;
  padding-bottom:12px;
  padding-right:10px;
  background: #f7f7f7;
  box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.442);
}

.c3PDDcon{
  display:block;
  width:870px;
  height:260px;
  border:1px solid rgb(0, 0, 0);
  overflow-y:scroll;
  overflow-wrap:break-word;
  font-size:16px;
  position:relative;
  left:30px;
  margin:20px 0px 0px 0px;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
  padding:20px 0px 20px 50px;
  box-shadow:0px 0px 15px 3px rgba(167, 167, 167, 0.776) inset;
  filter:brightness(110%);
}

.c3paplan{
  visibility:hidden;
}
.c3plan{
  filter:brightness(110%);
  border-left: solid 6px #58ad5a;
  color: #58ad5a;
}
.c3conplan{
  position:relative;
  background-image: url(../images/bg/bgpaper1.png);
}

.c3padoing{
  visibility:hidden;
}
.c3doing{
  filter:brightness(110%);
  border-left: solid 6px #589dad;
  color: #589cad;
}
.c3condoing{
  background-image:url(../images/bg/bgpaper2.png);
}

.c3padone{
  visibility:hidden;
}
.c3done{
  filter:brightness(110%);
  border-left: solid 6px #ad5858;
  color: #ad5858;
}
.c3condone{
  background-image:url(../images/bg/bgpaper3.png);
}

.donedate{
  display:inline-block;
  color:rgb(100, 100, 100);
  font-size:17px;
  margin:2px;
}
.donecon{
  display:inline-block;
  margin:2px;
}

.doneli{
  display:flex;
  flex-direction:column-reverse;
  flex-wrap:nowrap;
  justify-content:center;
}
.doneli li{
  list-style:none;
}

/*MainFadeInAnimation*/
.MFIAnimation{
opacity:0;
}

.mainFadeIn{
animation-name:mainFadeIn;
animation-duration:3s;
animation-delay:0s;
animation-fill-mode:forwards;
}
@keyframes mainFadeIn{
0%{
    opacity:0;
}
100%{
    opacity:1;
    transform:translateY(0);
}
}
.FIDown{transform:translateY(200px);}
.FIToLeft{transform:translateX(200px);}
.FIToRight{transform:translateY(-200px);}

/*bottomBlank*/
.bottomBlank{
display:block;
height:80px;
}

/*===============================================================
 evaluation
===============================================================*/
.siteevacontainer{
  visibility: hidden;
}

.siteevaintro{
  width:800px;
  font-size:60px;
  margin:120px 0px 50px 100px;
  border:solid 5px gray;
  background:linear-gradient(90deg, rgba(253, 114, 114, 0.811) 15%,rgba(233, 233, 233, 0.778));
  padding:5px 0px 5px 20px;
  border-radius:5px;
}

.svicon{
  background-color:rgb(245, 245, 245);
  display:block;
  width:900px;
  margin:0 auto;
  border-radius:20px;
  border:solid 1.5px black;
  padding:15px 30px 15px 30px;
}
.svicon1{
  display:inline-block;
  font-size:28px;
  position:relative;
  letter-spacing:1.5px;
  font-weight:bold;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
}
.svicon2{
  font-size:1.4rem;
}

.evasidecon{
  font-size:1.3rem;
  padding:50px 0px 0px 20px;
}

.evarequired{
  font-size:0.8rem;
}
.evaoptional{
  font-size:0.8rem;
}

/*form*/
.formpa{
  display:block;
  width:900px;
  margin:0 auto;
  padding:60px 0px 0px 0px;/*formの上の幅とかを決める*/
}
.form{
  display:block;
  height:530px;
  width:900px;
  margin:0 auto;
  position:relative;
  background-color: rgba(225, 171, 121, 0.525);
  border:solid 10px rgb(116, 58, 58);
  border-radius: 30px;
}
@import url(https://fonts.googleapis.com/css?family=Raleway:300);
@import url(https://fonts.googleapis.com/css?family=Lusitana:400,700);
.align-center {
  text-align: center;
}

.row {
  margin: -20px 0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  padding: 0 20px;
  float: left;
  box-sizing: border-box;
}
.row .col.x-50 {
  width: 50%;
}
.row .col.x-100 {
  width: 100%;
}

.content-wrapper {
  min-height: 100%;
  position: relative;
}

.get-in-touch {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.get-in-touch .etitle {
  text-align: center;
  font-family: Raleway, sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 36px;
  line-height: 48px;
  padding-bottom: 40px;
  margin:30px 0px  0px 0px;/*formないの余白の決定*/
}

.contact-form .form-field {
  position: relative;
  margin: 32px 0;
}
.contact-form .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 2px 0;
  border-color: #000;
  font-family: Lusitana, serif;
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400;
  
}
.contact-form .input-text:focus {
  outline: none;
}
.contact-form .input-text:focus + .label, .contact-form .input-text.not-empty + .label {
transform:translateY(-24px);
}

.labelmes{
  transform: translateY(-85px) !important;
}

.input-textmes{
  display: block;
  width: 100%;
  height: 100px !important;
  border-width: 0 0 2px 0;
  border-color: #000;
  font-family: Lusitana, serif;
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400;
}

.profession{transform:translateY(-24px);
}
.evaluation{transform:translateY(-24px)}

.full_name{
  transform:translateY(-24px);/*入力欄*/

}
.emessage{
  transform:translateY(-24px);/*入力欄*/

}

.contact-form .label {
  position: absolute;
  left: 20px;
  bottom: 11px;
  font-family: Lusitana, serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  color: #3f3f3f;
  cursor: text;
  transition: transform 0.2s ease-in-out;
}
.contact-form .submit-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-family: Raleway, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
  transform: translateY(-20px);
}

.note {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-family: Lusitana, serif;
  font-size: 16px;
  line-height: 21px;
}
.note .link {
  color: #888;
  text-decoration: none;
}
.note .link:hover {
  text-decoration: underline;
}/*# sourceMappingURL=pra.css.map */