@charset "UTF-8";
/* CSS Document */
/* base */

.title-en{
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 26px;
}

.title-jp{
   font-family: 'Times New Roman', Times, serif;
   font-size: 59px;
   margin-top: 10px;
}

.text-1{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   line-height: 44px;
   margin-top: 10px;
}

.text-2{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   line-height: 26px;
   margin-top: 10px;
}

/* ヘッダー */

.head{
   position: absolute;
   display: flex;
   text-align: center;
   align-items: center;
   width: 100%;
   top: 0;
   left: 0;
   height: 100px;
}

.head img{
   margin-top: 20px;
   position: relative;
   left: 50%;
}

.contact-btn{
   width: 150px;
   color: #ffffff;
   border: solid 1px #ffffff;
   border-radius: 2px;
   text-align: center;
   padding: 18px;
   position: relative;
   margin-top: 25px;
   left: 75%;
}

.contact{
   font-size: 18px;
   letter-spacing: 2px;
}

.contact-m{
   padding-top: 5px;
   font-size: 8px;
   letter-spacing: 1px;
   word-spacing: 3px;
}

/* メイン */

.main{
   width: 100%;
   background: url(../img/topimage.jpg) no-repeat center center/ cover;
   height: 853px;
   display: flex;
   align-items: center;
}

.line-left{
   height: 30px;
   margin-left: 10px;
}

.main-txt{
   width: 306px;
   height: 328px;
   margin-left: 200px;
}

.right-txt{
   height: 100px;
   margin-left: auto;
   margin-right: 10px;
}

.line-right{
   height: 30px;
   margin-right: 10px;
}

/* ビジョン */
.vision{
width: 100%;
background: url(../img/topimage2.jpg) no-repeat center center / cover;
height: 853px;
display: flex;
align-items: center;
}

.vision-box{
   color: #ffffff;
   width: 495px;
   margin-left: 50%;
}

/* Works */
.works{
   width: 100%;
   background: url(../img/topimage3.jpg) no-repeat center center / cover;
   height: 853px;
   display: flex;
   align-items: center;
   }

.works-box{
   color: #ffffff;
   width: 495px;
   margin-left: 10%;
}

/* ニュース */
.news{
   width: 100%;
   background: url(../img/topimage4.jpg) no-repeat center center / cover;
   height: 1155px;
   display: flex;
   padding-top: 100px;
   }

.news-box{
   color: #41308E;
   margin: 0 auto;
}

.list-txt{
   font-family: Arial, Helvetica, sans-serif;
   margin-top: 20px;
   margin-bottom: 20px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 20px;
}

.list-txt a:hover{
   color: #ffffff;
}

/* フッター */
.footter{
   background-color: #CDC7D8;
   height: 500px;
   display: flex;
}

.info-txt{
   width: 495px;
   line-height: 32px;
   margin-top: 60px;
   margin-left: 150px;
}

.info-txt .title-en{
   color: #41308E;
   font-size: 26px;
}

.footter-txt{
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
}

.footter-vision{
   height: 300px;
   width: auto;
   margin-top: 40px;
   margin-left: 80%;
}

.copyright{
   background-color: #CDC7D8;
   padding-bottom: 50px;
   font-size: 12px;
   text-align: center;
   height: 100px;
}

/* タブレット */
@media screen and (max-width: 768px){

   .head img{
      left: 10%;
   }

   .contact-btn{
      left: 50%;
   }

   .main-txt{
      height: auto;
      margin-left: 80px;
   }

   .vision-box{
      margin: 0 auto;
   }

   .works-box{
      margin: 0 auto;
   }

   .footter{
      flex-wrap: wrap;
      height: 800px;
   }

   .info-txt{
      margin-top: 40px;
      margin-left: 50px;
   }

   .footter-vision{
      margin-top: -50px;
      margin-left: 50px;
      align-items: center;
   }
}

@media screen and (max-width: 480px){

   .title-jp{
      font-size: 40px;
   }

   .text-1{
      font-size: 16px;
      line-height: 32px;
   }

   .text-2{
      font-size: 13px;
   }

   .contact-btn{
      left: 20%;
   }

   .main-txt{
      width: 200px;
      height: auto;
      margin-left: 60px;
   }

   .vision-box{
      width: 345px;
   }

   .works-box{
      width: 345px;
   }

   .news-box{
      width: 345px;
   }
}

@media screen and (max-width: 375px){

   .main-txt{
      width: 200px;
      height: auto;
      margin-left: 70px;
   }
}