@charset "utf-8";

header ul li:first-child a{
  color:#efb83b;
  border-bottom:solid 5px #efb83b;
  margin-bottom:-5px;
}
/* ここからメイン */
.main{
  margin:0 auto;
  padding:0 40px;
  font-family: 'Sawarabi Gothic', sans-serif;
  
  /* background-color:pink; */
}

.concept{
  width:100%;
  background-image:url(../img/concept/sky.jpg);
  background-repeat:no-repeat;
  background-size: cover;
}

.concept h2{
  color:#143475;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-size:36px;
  font-weight:bold;
  text-align:center;
  letter-spacing:5px;
  padding-top:90px;
  padding-bottom:90px;
  margin-bottom:90px;
}

article{
  max-width:900px;
  margin:0 auto;
  letter-spacing:1px;
}

article section{
  margin-bottom:90px;
  font-size:24px;
  text-align:justify;
}

section p{
  font-family: 'BIZ UDPMincho', serif;
  line-height:1.5;
}

.sec1-1{
  margin-bottom:10px;
}

article section p span{
  background:linear-gradient(transparent 70%, #fef6c3 70%);
}

main .button{
  text-align:right;
}

main button{
  padding:0;
  width:240px;
  background-color:#fff;
  border:solid #143475;
  border-radius:25px;
}

 main button a{
  border-radius:25px;
  padding:5px 0;
  display:block;
  text-decoration:none;
  color:#143475;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-size:20px;
  transition:0.3s;
 }

.sec2{
  display:flex;
  align-items:flex-start;
  padding-top:45px;
}

.sec2-1{
  margin-bottom:10px;
}

.sec2 p{
  margin-right:40px;
  text-align:justify;
}

.tyo{
  max-width:100%;
  width:80%;
  height:auto;
}

.tyo img{
  border-radius: 25px;
}

.tyo .tyop{
  width:100%;
  font-size:14px;
  margin-top:5px;
  letter-spacing: 0;
  text-align:center;
  font-family: 'Sawarabi Gothic', sans-serif;
}

article section h2{
  color:#143475;
  text-align:center;
  margin-bottom:20px;
  font-size:24px;
  font-weight:bold;
  letter-spacing:3px;
}

article section h2 span{
  color:#efb83b;
}

.sec3{
  display:flex;
  align-items:center; 
}

.logo{
  max-width:200px;
  margin-right:40px;
}

@media (hover:hover){
  main button a:hover {
    color:#fff;
    background-color:#143475;  
  }
}

@media screen and (max-width: 1024px){
  .header ul li:first-child a{
    color:#143475;
    border-bottom:none;
    margin-bottom:-5px;
  }

  main button{
    margin-top:20px;
  }

  .sec2{
    flex-direction:column;
    align-items:center;
  }
  .tyo{
    max-width:100%;
    width:35%;
    margin-right:0;
    margin-top:20px;
  }

  article .sec2p p{
    margin-right:0;
  }

  .sec3{
    flex-direction:column;
  }
  .sec3 .logo{
    order:2;
  }
  .logo{
    margin-right:0;
    width:100%;   
}
}

@media screen and (max-width: 540px){
.concept h2{
  padding:40px;
  font-size:24px;
  margin-bottom:40px;
 }
 article.main{
  padding:0 20px;
 }
 article section{
  margin-bottom:40px;
 }
 article section h2{
  font-size:20px;
 }
 article section p{
  font-size:20px;
 }
 main .button{
  text-align:center;
}
 .tyo{
  max-width:100%;
  width:60%;
  height:auto;
  margin-top:20px;
}

.sec2{
  padding-top:0;
}



}