@charset "utf-8";
/* mind */
#mind .wrap ,
#facility .wrap ,
#overview .wrap ,
#history .wrap {padding: 200px 0 0;}


#facility .wrap .file .btn {background-color: var(--color-primary); border-radius: 30px; display: flex; min-height: 160px; align-items: center; color: var(--color-white); font-weight: bold; position: relative; max-width: 400px; margin: 0 auto;}
#facility .wrap .file .btn span {padding: 0 0 0 40%; font-size: 24px;}
#facility .wrap .file .btn.file::before {content: ""; position: absolute; top: 50%; left: 17.5%; width: 30px; height: 30px; transform: translate(0,-50%); background-color:var(--color-white); -webkit-mask-image:url("../img/info.svg"); mask-image:url("../img/info.svg"); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain;}
#facility .wrap .file .btn.file::after {content: ""; position: absolute; top: 50%; left: 32.5%; width: 1px; height: 30px; transform: translate(0,-50%); background-color: #eee;}
#facility .wrap .file .btn:hover {background-color: var(--color-hover);}
#facility .wrap .file .btn.file:hover::before {background-color:#fff;}
@media screen and (max-width:1280px) {
    #facility .wrap .file .btn span {font-size: 20px;}
}
@media screen and (max-width:768px) {
    #facility .wrap .file {margin: 0 20px;}
    #facility .wrap .file .btn {min-height: 120px; margin: 0 auto;}
    #facility .wrap .file .btn span {font-size: 18px;}
}

#overview .wrap .overview {margin: 100px auto; display: flex;}
#overview .wrap .overview .img {width: 50%;}
#overview .wrap .overview .img img {border-radius: 0 30px 30px 0;}
#overview .wrap .overview .table {width: 50%; padding: 0 150px 0 50px;}
#overview .wrap .map .gmap {margin: 100px 150px;}
#overview .wrap .map .gmap iframe {width: 100%; height: 100%; aspect-ratio: 81 / 38; border-radius: 30px;}
@media screen and (max-width:1280px) {
    #overview .wrap .overview .table {padding: 0 50px 0 50px;}
    #overview .wrap .map .gmap {margin: 100px 50px;}
    #overview .wrap .map .gmap iframe {aspect-ratio: 16 / 9;}
}
@media screen and (max-width:960px) {
    #overview .wrap .overview {display: block;}
    #overview .wrap .overview .img {width: 100%;}
    #overview .wrap .overview .img img {border-radius: 0;}
    #overview .wrap .overview .table {width: 100%; padding: 0 50px; margin: 100px auto;}
}
@media screen and (max-width:768px) {
    #overview .wrap .overview .table {padding: 0 20px;}
    #overview .wrap .map .gmap {margin: 100px 20px;}
    #overview .wrap .map .gmap iframe {aspect-ratio: 4 / 3;}
}
@media screen and (max-width:590px) {
    #overview .wrap .map .gmap iframe {aspect-ratio: 3 / 4;}
}

#history .wrap {margin: 0 auto 200px;}
#history .wrap .history {margin: 100px 150px;}
#history .wrap .history .table {width: 100%; max-width: 1000px; margin: 0 auto;}
@media screen and (max-width:1280px) {
    #history .wrap .history {margin: 100px 50px;}
}
@media screen and (max-width:768px) {
    #history .wrap .history {margin: 100px 20px;}
}