*{
    padding:0;
    margin:0;
}

body {
    background: linear-gradient(-45deg, #d7d8d6, white) fixed;
    background-size: 800% 800%;
    animation: GradietionAnimation 5s ease infinite;
    font-family: 'Didact Gothic', sans-serif;
    color:#707070;
}

@keyframes GradietionAnimation { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.container{
    max-width: 960px;
    margin:0 auto;
}

ul{
    display: flex;
    justify-content: flex-end;
}

li{
    list-style: none;
}


img{
    width: 100%;
    box-shadow: 20px 20px 20px lightgray;

}

.h1{
    text-align: center;
}

.div-logo{
    text-align: center;
}

.img-logo{
    padding-bottom: 50px;
    width: 70%;
    box-shadow: 0px 0px 0px lightgray;
}

.img-top{
    width:100%;
    box-shadow: none;
}

.h2-01{
    font-size:40px;
    padding:150px 0;
    text-align: center;
    letter-spacing: 1.5px;
}

.h2-011{
    font-size:24px;
    padding:50px 0;
    text-align: center;
    letter-spacing: 1.5px;
    padding:150px 0 50px 0;
}

.div-02{
    padding-bottom: 400px;
}

.div-021{
    padding-bottom: 400px;

}

.div-022{
    padding-bottom: 400px;
}

.img-02{
    width:50%;
    opacity: 0.9;
}

.p-02{
    font-size:18px;
    overflow-wrap: break-word;
    text-align:left;
    letter-spacing: 2.5px;
    line-height: 2;
    width: 68%;
    margin:0 auto;
}


.div-03{
    position: relative;
    padding-bottom:400px;
}


.img-03{
    width:50%;
    opacity: 0.8;
    margin-left: 50%;
}

.p-031{
    position: absolute;
    top:20%;
    left: 17%;
    z-index: 10;
    color:black;
    font-size:18px;
    overflow-wrap: break-word;
    letter-spacing: 2.5px;
    line-height: 2;
    width: 32%;
    padding: 3px;
    
}

.dash{
    display: flex;
    align-items: center;
    justify-content: center;
}

.dash:after {
    border-top: 1px solid black;
    content: "";
    width: 100px; 
}

.dash:after {
    margin-left: 10px; 
}

.p-032{
    position: absolute;
    top:30%;
    left: 26%;
    z-index: 10;
    color:black;
    font-size:18px;
    overflow-wrap: break-word;
    letter-spacing: 2.5px;
    line-height: 2;
    width: 32%;
    padding: 3px;

}




.p-041{
    position: absolute;
    top:24%;
    left: 30%;
    z-index: 10;
    font-size:18px;
    color:black;
    overflow-wrap: break-word;
    letter-spacing: 2.5px;
    line-height: 2;
    width: 32%;
    padding: 3px;
}

.p-042{
    position: absolute;
    top:37%;
    left: 39%;
    z-index: 10;
    color:black;
    font-size:18px;
    overflow-wrap: break-word;
    letter-spacing: 2.5px;
    line-height: 2;
    width: 39%;
    padding: 3px;

}


.p-051{
    position: absolute;
    top:32%;
    left: 17%;
    z-index: 10;
    font-size:18px;
    color:black;
    overflow-wrap: break-word;
    letter-spacing: 2.5px;
    line-height: 2;
    width: 32%;
    padding: 3px;
}

.p-052{
    position: absolute;
    top:42%;
    left: 26%;
    z-index: 10;
    color:black;
    font-size:18px;
    overflow-wrap: break-word;
    letter-spacing: 2.5px;
    line-height: 2;
    width: 32%;
    padding: 3px;

}


.h2-02{
    padding: 200px 0;
    text-align: center;
}

.p-interview1{
    font-size: 18px;
}

.img-interview1{
margin-bottom: 50px;
}

.faq{
    display: flex;
    padding:20px 0;
}


.p-q1{
    font-size: 30px;
    width:10%;
    color:#AFAFAF;
}

.p-q2{
    font-size: 18px;
    width:100%;
    display: flex;
    align-items: flex-end;
}

.div-interview1{
    margin: 200px 0;
}

.img-interview2{
    margin-bottom: 50px;
}


.p-interview1{
    font-size: 18px;
}

.p-interview2{
    padding-top: 200px;
    font-size: 18px;
}

.p-interview3{
    font-size: 18px;
}

.div-interview2{
    text-align: center;
}

.img-interview3{
    margin-bottom: 50px;
}

.strong-title{
    font-size:22px;
}


.h2-03{
    padding: 150px 0;
    text-align: center;
    font-size: 30px;
}

.div-lu{
    display: flex;
    flex-wrap:wrap;
}

.div-lu01{
    padding: 50px 20px;
    width: 45%;
    text-align: center;
}

.p-lu01{
    padding:35px 0;
    font-size:18px;
}

.div-a01{
    display: inline-block;
    text-align: center;
}

a.btn_03 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    position: relative;
    background: white;
    border: 1px solid #707070;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0 90px 0 65px;
    color: #707070;
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    transition-duration: 0.3s;
  }
  a.btn_03:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -6px;
  }
  a.btn_03:hover {
    background:white;
    color: #707070;
  }
  a.btn_03:hover:before {
    border-top: 2px solid rgb(150, 104, 104);
    border-right: 2px solid white;
  }

.img-lu02{
    height: 405.71px;
}

.img-lu03{
    height: 432px;
}

.p-footer{
    margin-top:150px;
    text-align: center;
}


/* ----------下からふわっと---------- */

/* 画面外 */
.scroll-block {
    transform: translateY(30px);
    transition: all 1.2s ease-in;
    opacity: 0;/*不透明度を指定*/
  }

  /* 画面に入った時の動き */
  .scroll-block.blockIn {
    transform: translateY(0);
    opacity: 1;/*不透明度を指定*/
  }

/* ----------下からふわっと---------- */

/* ----------下からふわっと---------- */

.scroll-block2 {
    animation-name: fadeup;
    animation-duration: 1.5s;
}
@keyframes fadeup {
from {
    opacity: 0;
    transform: translateY(30px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* ----------下からふわっと---------- */