@charset "UTF-8";

#title {
    background-image: url("../img/title.jpg");
}

.imgset img {
    width: 100%;
}

.main_img {
    width: 1080px;
    margin: 1em auto 4em;
}

.pcontainer {
    width: 1080px;
    margin: 0 auto;
}

.banner {
    width: 85%;
    margin: 0 auto 4em;
}
.img1 {
    width: 100%;
    margin: 0 auto 4em;
}
.no5 {
    width: 75%;
    margin: 0 auto 1em;
}

.dbtn {
    width: 10em;
    margin: 0 auto 5em;
}
.dbtn a {
    display: block;
    border: 1px solid #111;
    color: #111;
    font-weight: bold;
    line-height: 2.5em;
    transition: all 0.3s;
}
.dbtn a:hover {
    opacity: 0.6;
}

.tx1 {
    font-size: 1.8em;
    line-height: 1.4;
}
.slide_plan {
    position: relative;
    margin: 2em auto 5em;
}
.swiper-container {
	position:relative;
	width: 100%;
    overflow: hidden;
}
.swiper-container .swiper-slide {
    box-sizing: border-box;
    border: 1px solid #333;
}
.swiper-button-prev,.swiper-button-next {
    position:absolute;
	z-index:2;
	margin:auto !important;
    width: 2em !important;
    height: 2em !important;
    transition: all 0.3s;
    top:calc(50% - 1em) !important;
}
.swiper-button-prev {
    background-image: url("../img/left.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #e91e63;
    left: -3em !important;
}
.swiper-button-next {
    background-image: url("../img/right.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    background-color: #e91e63;
    right: -3em !important;
}
.swiper-button-prev:hover,.swiper-button-next:hover {
    opacity: 0.6;
}

.seino {
    margin: 2em auto 0;
}
.seino ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.seino ul li {
    box-sizing: border-box;
    width: 50%;
    padding: 0 2em;
    border-left:1px solid #333;
    margin-bottom: 4em;
}
.seino ul li:nth-child(2n) {
    border-right:1px solid #333;
}

@media screen and (min-width: 500px) {

.table_fm tr:nth-child(2) th,.table_fm tr:nth-child(2) td,.table_fm tr:nth-child(4) th,.table_fm tr:nth-child(4) td,.table_fm tr:nth-child(8) th,.table_fm tr:nth-child(8) td,.table_fm tr:nth-child(9) th,.table_fm tr:nth-child(9) td {
    border-bottom-width: 0 !important;
    padding-bottom: 0 !important;
}


}

@media screen and (max-width: 499px) {
#title {
    background-image: url("../img/title_sp.jpg");
}

.main_img {
    width: 94%;
    margin: 0.5em auto 2em;
}

.pcontainer {
    width: 100%;
    margin: 0 auto;
}
.banner {
    width: 85%;
    margin: 0 auto 2em;
}
.img1 {
    width: 100%;
    margin: 0 auto 2em;
}
.no5 {
    width: 85%;
    margin: 0 auto 1em;
}
.dbtn {
    margin: 0 auto 4em;
}

.tx1 {
    font-size: 0.92em;
    line-height: 1.5;
}

.slide_plan {
    width: 84%;
    margin: 1em auto 4em;
}
.swiper-button-prev,.swiper-button-next {
    width: 1em !important;
    height: 1em !important;
    top:calc(50% - 0.5em) !important;
}
.swiper-button-prev {
    left: -1.5em !important;
}
.swiper-button-next {
    right: -1.5em !important;
}

.seino {
    margin: 2em auto 0;
}
.seino ul {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
}
.seino ul li {
    box-sizing: border-box;
    width: 80%;
    padding: 0 1em;
    border-left:1px solid #333;
    border-right:1px solid #333;
    margin-bottom: 2em;
}

}