@charset "UTF-8";
/* コンテンツ */

.swipe {
    display: none;
}
.kt_title {
    margin-top: 150px;
    background-image: url("../img/title_pc.webp");
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.kt_title img {
    width: 100%;
}
.kt_title section {
    box-sizing: border-box;
    width: 100%;
    max-width: 1500px;
	padding:4em 80px;
    margin: 0 auto;
}
.kt_title h2 {
    width: 50%;
}
.kt_title h3 {
    width: 55%;
    margin: 0 0 0 auto;
}

.bg_kt {
    background-color: #f8f2e6;
}

.copy {
    position: relative;
    width: 80%;
    margin: -8% auto 3em;
}
.copy img {
    width: 100%;
}

.map_box {
    position: relative;
}
.mapimg {
    position: relative;
    margin-bottom: 3em;
}
.mapimg img {
    width: 100%;
}
.mapimg section {
    position: relative;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
    overflow: hidden;
}
.mapimg section p {
    position: absolute;
    width: 30px;
    height: 30px;
}
.mapimg section p:nth-of-type(1) {
    left: calc(67% - 15px);
    top: calc(51% - 15px);
}
.mapimg section p:nth-of-type(2) {
    left: calc(74% - 15px);
    top: calc(43% - 15px);
}
.mapimg section p:nth-of-type(3) {
    left: calc(78% - 15px);
    top: calc(47% - 15px);
}
.mapimg section p:nth-of-type(4) {
    left: calc(65% - 15px);
    top: calc(60% - 15px);
}
.mapimg section p:nth-of-type(5) {
    left: calc(69.5% - 15px);
    top: calc(64% - 15px);
}
.mapimg section p:nth-of-type(6) {
    left: calc(66.5% - 15px);
    top: calc(68% - 15px);
}
.mapimg section p:nth-of-type(7) {
    left: calc(51% - 15px);
    top: calc(79% - 15px);
}
.mapimg section p:nth-of-type(8) {
    left: calc(76% - 15px);
    top: calc(55% - 15px);
}
.mapimg section p:nth-of-type(9) {
    left: calc(27% - 15px);
    top: calc(60% - 15px);
}
.mapimg section p:nth-of-type(10) {
    left: calc(31% - 15px);
    top: calc(53% - 15px);
}
.mapimg section p:nth-of-type(11) {
    left: calc(42.5% - 15px);
    top: calc(80% - 15px);
}
.mapimg section p:nth-of-type(12) {
    left: calc(40% - 15px);
    top: calc(91% - 15px);
}
.mapimg section p:nth-of-type(13) {
    left: calc(42% - 15px);
    top: calc(73% - 15px);
}
.mapimg section p:nth-of-type(14) {
    left: calc(19.5% - 15px);
    top: calc(77% - 15px);
}
.mapimg section p:nth-of-type(15) {
    left: calc(68.5% - 15px);
    top: calc(73.5% - 15px);
}

.card {
    position: relative;
}
.card section {
    background-color: #efe7d6;
    position: absolute;
    left: 10%;
    top: 5%;
    width: 80%;
    height: 95%;
}
.card img {
    width: 100%;
}
.card ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: 3em;
}
.card ul li {
    scroll-margin-top: 160px;
    width: calc(50% - 3em);
    /*filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.1));*/
}
.card ul li:nth-child(even) {
    margin-top: 6em;
}

@media screen and (max-width: 960px) {
.kt_title {
    margin-top: 80px;
}
.kt_title section {
	padding:3em 6%;
}
.kt_title h2 {
    width: 60%;
}
.kt_title h3 {
    width: 60%;
}

.copy {
    position: relative;
    width: 100%;
    margin: -8% auto 3em;
}

.mapimg {
    margin-bottom: 3em;
}
.mapimg section {
    
}
.mapimg section p {
    width: 20px;
    height: 20px;
}
.mapimg section p:nth-of-type(1) {
    left: calc(67% - 10px);
    top: calc(51% - 10px);
}
.mapimg section p:nth-of-type(2) {
    left: calc(74% - 10px);
    top: calc(43% - 10px);
}
.mapimg section p:nth-of-type(3) {
    left: calc(78% - 10px);
    top: calc(47% - 10px);
}
.mapimg section p:nth-of-type(4) {
    left: calc(65% - 10px);
    top: calc(60% - 10px);
}
.mapimg section p:nth-of-type(5) {
    left: calc(69.5% - 10px);
    top: calc(64% - 10px);
}
.mapimg section p:nth-of-type(6) {
    left: calc(66.5% - 10px);
    top: calc(68% - 10px);
}
.mapimg section p:nth-of-type(7) {
    left: calc(51% - 10px);
    top: calc(79% - 10px);
}
.mapimg section p:nth-of-type(8) {
    left: calc(76% - 10px);
    top: calc(55% - 10px);
}
.mapimg section p:nth-of-type(9) {
    left: calc(27% - 10px);
    top: calc(60% - 10px);
}
.mapimg section p:nth-of-type(10) {
    left: calc(31% - 10px);
    top: calc(53% - 10px);
}
.mapimg section p:nth-of-type(11) {
    left: calc(42.5% - 10px);
    top: calc(80% - 10px);
}
.mapimg section p:nth-of-type(12) {
    left: calc(40% - 10px);
    top: calc(91% - 10px);
}
.mapimg section p:nth-of-type(13) {
    left: calc(42% - 10px);
    top: calc(73% - 10px);
}
.mapimg section p:nth-of-type(14) {
    left: calc(19.5% - 10px);
    top: calc(77% - 10px);
}
.mapimg section p:nth-of-type(15) {
    left: calc(68.5% - 10px);
    top: calc(73.5% - 10px);
}

.card ul {
    margin-bottom: -2em;
}
.card ul li {
    scroll-margin-top: 90px;
    width: calc(50% - 1em);
    margin-bottom: 2em;
}

}

@media screen and (max-width: 520px) {
.kt_title {
    margin-top: 60px;
    background-image: url("../img/title_sp.webp");
}
.kt_title section {
	padding:2em 7%;
}
.kt_title h2 {
    width: 80%;
    margin-bottom: 2em;
}
.kt_title h3 {
    width: 80%;
}

.copy {
    position: relative;
    width: 100%;
    margin: -8% auto 2em;
}

.mapimg {
    margin-bottom: 2em;
    overflow: auto;
}
.mapimg section {
    width: 700px;
}

.swipe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}
.swipe img {
    width: 70px;
}

.card section {
    background-color: #efe7d6;
    position: absolute;
    left: 10%;
    top: 5%;
    width: 85%;
    height: 95%;
}

.card ul {
    padding-bottom: 0;
}
.card ul li {
    scroll-margin-top: 70px;
    width: 100%;
    margin-bottom: 3em;
}
.card ul li:nth-child(even) {
    margin-top: 0;
}
}