@charset "UTF-8";

@media screen and (max-width: 2000px) {
    .date-bg {
        height: 85%;
    }
}

/* 大型デスクトップ */
@media screen and (max-width: 1399px) {
    .container{
        width:980px;
    }

    .concept-content {
        height: 550px;
    }
    .concept-content .container .text-concept {
        margin-top: 90px;
    }
    .concept-content .container .illust-area {
        margin-top: 60px;
        text-align: right;
    }

    .greeting-wrapper h2 {
        font-size: 44px;
        padding: 60px 0 30px 0;
    }

    .greeting-wrapper .greeting-content{
        display:block;
    }

    .greeting-wrapper .greeting-content .col-40{
        margin:0 auto;
        margin-bottom:30px;
    }
    .greeting-wrapper .greeting-content .col-60{
        width:100%;
    }
    .greeting-wrapper .greeting-content .col-60 h3{
        text-align:center;
    }
    .spc-open{
        display:block;
    }

    .access-method h4 {
        font-size: 22px;
    }
    .greeting-content .col-60 h3 {
        padding-bottom: 20px;
    }
    footer .row h3 {
        font-size: 22px;
    }
    .nav-menu {
        width:30%;
    }
}

/* タブレット横（992px以上1199px以下） */
@media screen and (max-width: 1199px) {
    .container{
        width:800px;
    }

    .access-method p {
        font-size: 14px;   
    }

    footer .row{
        justify-content: space-between;
    }
    footer .row .col-40{
        width:48%;
        margin: 0;
    }

    footer .row .col-80{
        width:100%;
    }
    footer .row .col-40 img {
        height: 40px;
    }
    .tab-open{
        display:block;
    }
    .access-method-innner {
        padding: 40px 20px;
    }
    .access-method h4 {
        line-height:1.4em;
    }
    .title-wrap p {
        font-size: 42px;
    }
    .news-content li {
        padding: 30px;
    }
    .btn {
        font-size: 20px;
    }
    .btn img {
        height: 35px;
        margin-right: 8px;
    }

    .access-content{
    display:block;
    }

    .access-content .col-65{
        width:100%;
        text-align: center;
    }
    .access-content .col-65 p{
        text-align:center;        
    }

    .access-content .col-35{
        width:50%;
        margin:0 auto;
        margin-bottom:30px;
        display: inline-flex;
    }
    .news-content li {
        line-height: 1.8em;
    }
    .gnav-wrapper{
        display:none;
    }
    .kaso-title-wrap h1 {
        font-size: 38px;
    }
    .nav-menu {
        width:50%;
    }
}

/* タブレット（768px以上991px以下） */
@media screen and (max-width: 991px) {
    .container{
        width:700px;
    }
    .greeting-content .col-60 h3 {
        font-size: 30px;
    }
}

/* スマートフォン横（576px以上767px以下） */
@media screen and (max-width: 767px) {
    .main-image-wrapper {
        background-image: url('../img/main-image-sp.jpg'); /* ここにメイン画像のパスを指定 */
        aspect-ratio: 5 / 11;
    }
    .container{
        width:100%;
    }
    .row{
        margin-left:15px;
        margin-right:15px;
    }

    .concept-content .container .col-40{
        width:100%;
        margin-top:0;
        text-align: center;
        padding-top: 70px;
        z-index: 1;
        position: absolute;
    }

    .concept-content .container .row{
        display:block;
    }
    .sp-none{
        display:none !important;
    }
    .concept-content {
        height: 850px;
    }
    .concept-content .container .col-40 img {
        width: 70%;
    }
    .date-bg {
        height: 55%;
        width: 100%;
    }
    .greeting-content {
        padding: 20px;
    }
    .greeting-content .col-60 p {
        line-height: 1.6em;
        font-size: 14px;
    }
    .greeting-wrapper h2 {
        font-size: 32px;
        padding: 40px 0 30px 0;
    }

    .greeting-wrapper {
        padding-bottom: 40px;
    }
    .news-wrapper{
        margin-top:0;
        padding-top:0;
    }
    .btn-area .row{
        display:block;
    }
    .btn-area .col-50{
        width:100%;
    }
    .news-wrapper {
        padding: 0;
        margin: 0;
    }
    .btn {
        margin-bottom: 15px;
    }
    .btn-area {
        margin-bottom: 40px;
        margin-top:30px;
    }

    .sp-open{
        display:block;
    }
    .access-info .address {
        line-height: 1.4;
    }

    .accs-btn{
        display:block;
        margin-left:0;
        margin-right:0;
    }

    .accs-btn .col-50{  
        width:100%;
        margin-bottom:15px;
    }

    .access-method{
        display:block;
    }
    .access-method .col-50{
        width:100%;
        margin-bottom:30px;
    }
    .map-area iframe {
        margin: 30px 0;
    }
    .access-wrapper {
        padding: 0 0 10px 0;
        margin-bottom: 40px;
    }
    footer .row{
        display:block;
    }
    footer .row .col-40{
        width:100%;
    }

    .greeting-wrapper .greeting-content .col-40{
        width:60%;
    }
    .concept-content,.greeting-wrapper {
        background-attachment: scroll;
    }
    .btn {
        font-size: 16px;
    }
    .title-wrap p {
        font-size: 32px;
        margin-top: 50px;
    }
    footer .row .col-80 p {
        font-size: 14px;
    }
    .bread-crumb ul li,.bread-crumb ul li a{
        font-size: 11px;
    }
    .sp-br{
        display:block;
    }
    .kaso-title-wrap h1 {
        font-size: 32px;
    }
    .nav-menu {
        width:78%;
    }

    .kaso-title-wrap{
        padding-bottom:20px;
        margin-bottom:20px;
        margin-top:30px;
    }
    .kaso-title-wrap p {
        margin-top: 10px;
        margin-bottom: 50px;
        font-size: 16px;
    }
    .kaso-content-wrap .row p{
        font-size:14px;
        margin-bottom: 20px;
    }
    .kaso-content-wrap .row .col-50{
        width:100%;
    }
    .kaso-content-wrap .row .col-50 img{
        margin-bottom:20px;
    }
    .hamburger-menu {
        width: 20px;
        height: 10px;
        top: 15px;
        right: 15px;
    }
    .ham-line:nth-of-type(1) {
        top: 15px;
    }
    .ham-line:nth-of-type(3) {
        bottom: 15px;
    }
    .ham-line {
        width: 45%;
    }
    .kaso-content-wrap {
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    .news-content li a,.news-content li div {
        padding: 0;
    }
      .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  .kaso-content-wrap h2 {
        padding-left: 10px;
        font-size: 22px;
        margin-bottom: 30px;
    }
    .kaso-title-wrap h1 + p{
        font-size:14px;
    }
    .kaso-content-wrap .tbl-r02 tr{
        padding:15px;
    }
    .kaso-content-wrap .tbl-r02 th {
        border-top: solid 1px #D4D4D4;
        border-right: none;
        padding: 15px 0;
        width: 100%;
        font-size: 16px;
    }
    .kaso-content-wrap .tbl-r02 td {
        border-top: solid 1px #D4D4D4;
        border-left: none;
        padding: 15px 0;
        width: 100%;
        font-size: 14px;
    }
    .kaso-content-wrap section {
        margin-bottom: 40px;
    }
}

/* スマートフォン（～575px） */
@media screen and (max-width: 575px) {
    
}

/* 小型スマートフォン（～480px） */
@media screen and (max-width: 480px) {
    .concept-content .container .col-40 img {
        width: 80%;
    }
}