@charset "UTF-8";
html{font-size: 100%;}
body{line-height: 2;
    font-family: "Kiwi Maru", serif;
    font-weight: 300;
    font-style: normal}
a{text-decoration: none;}
.align-center{text-align: center;}
.wrapper{max-width: 800px;margin: auto;}

.page-header{padding-top: .5rem;}
img{max-width: 100%;}
.logo{width: 500px;}
.main-nav{display: flex;
    max-width: 1000px;
    margin: 0 auto;
    list-style: none;
    padding-left: 0;}
.main-nav img:hover{opacity: 0.6;}
.cover{background-size: cover;
    background-position: center bottom;
}
.cover-home{background-color: #effff3;}
.back{max-width: 1000px;margin: auto;}
h2{font-family: "Kiwi Maru", serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 40px;
  }
h3{font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: underline;
}
.email{padding: 1.5rem 2.5rem 2.5rem;}
.btn{display: inline-block;
    font-size: 1.5rem;
    background-color: rgb(70, 201, 224);
    color: #fff;
    border-radius: 8px;
    padding: .75rem 1.5rem;
}
.btn:hover{background-color: rgb(0, 139, 163);}
.btn2{display: inline-block;
  background-color: #192f60;
  color: #fff;
  border-radius: 8px;
  padding: .75rem .8rem;
  margin: 0 .2;
}
.btn2:hover{opacity: 0.7;}
.btn3{display: inline-block;
  background-color: #82ac3d;
  color: #fff;
  border-radius: 8px;
  padding: .75rem .8rem;
  margin: 0 .2;
}
.btn3:hover{opacity: 0.7;}
.btn4{display: inline-block;
  background-color: #b6c112;
  color: #fff;
  border-radius: 8px;
  padding: .75rem .8rem;
  margin: 0 .2;
}
.btn4:hover{opacity: 0.7;}
.btn5{display: inline-block;
  background-color: #0033a0;
  color: #fff;
  border-radius: 8px;
  padding: .75rem .8rem;
  margin: 0 .2;
}
.btn5:hover{opacity: 0.7;}
.btn6{display: inline-block;
  background-color: #00a9c0;
  color: #fff;
  border-radius: 8px;
  padding: .75rem .8rem;
  margin: 0 .2;
}
.btn6:hover{opacity: 0.7;}
.btn7{display: inline-block;
  background-color: #424546;
  color: #fff;
  border-radius: 8px;
  padding: .2rem .25rem;
  margin: 0 .2;
}
.btn7:hover{opacity: 0.7;}
.imagezu{border-radius: 5px;border-style: solid;border-width: 3px;}
.images{box-shadow:8px 8px 8px #929292;}
table,tr,td{
    border: 1.2px solid black;
    border-collapse: collapse;
    background-color: #fff;
}
.table-tate{background-color: #cfdeff;}
.table-tate-name{background-color: #b1bb1f;color: #fff; text-align: center;}
td{padding: 0 4px;}
.atb{background-color: #6d9cff;color: #fff;text-align: center;font-weight: bold;}
.hukudaiwa{font-size: larger;background-color: #0033a0;color: #ffffff;}
.hukudaiura{font-size: larger;background-color: #00a9c0;color: #ffffff;}
.imagebun{position: relative;text-align: center;margin-top: 10px;}
.imagebun p{position: absolute;background-color: rgb(232, 232, 232);font-size: 14px;top: 0;left: 20%;font-weight: bold;}
.poster{display: grid;gap: 1rem 1rem}
.btn56{gap: 0 10px;margin-bottom: 0;}

/*デスクトップ版*/
@media(min-width:900px){
    .br-sp{display: none;}
    .table-tate{width: 800px; margin: auto;}
    .table-tate-name{width: 180px;font-size: large;}
    .basyo{width:720px;}
    .imagezu{width: 700px;}
    .images{width:700px ;}
    .backsea{width: 720px;margin: auto;}
    .imagebun img{width: 500px;}
    .imagebun p{left: 37%;}
    .poster{gap: 0.5rem 3rem;grid-template-columns: repeat(2,1fr);}
    .btn56{display: flex; }
}

/*スマホ版*/
@media(max-width:640px){
    .table-tate tr,
  .table-tate td {
    display: block; /* セルを縦に */
    border: none; /* 線をリセット */
  }
  /* 以下で線を再設定 */
  .table-tate {
    border: solid 1px;
    border-top: none;
  }
  .table-tate td {
    border-top: dashed 1px;
  }
  .basyo{width: 60%;}
}