@charset "UTF-8";

/* --------------------------------------------------------
	common within page
-------------------------------------------------------- */
body {
    padding: 0;
}


/* --------------------------------------------------------
	header
-------------------------------------------------------- */
header {
    margin: 0;
}
.mean-container .mean-bar {
    margin: 0;
}


/* --------------------------------------------------------
	swiper 
-------------------------------------------------------- */
.swiper-container img {
    width: inherit;
}
.swiper-pagination-bullet {
    background: #999;
    opacity: .9;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}

.swiper-pagination-bullet-active {
    background: #3ca062;
}
.sec-swiper {
    max-width: none;
    padding: 0;
    margin-bottom: 4em;
}

img.seminner {
	max-width: 1000px;
	width: 95%;
	display: block;
	margin: -30px auto 40px auto;
}
@media screen and (max-width: 768px) {
	img.seminner {
		width: 95%;
	}
}

/* --------------------------------------------------------
	under-sly
-------------------------------------------------------- */
.box-under-sly {
    padding: 0 20px;
}
.box-under-sly ul:last-child {
    background: #3ca062;
    width: 100vw;
    height: 100px;
    align-items: center;
    margin: 4em -20px 0;
    padding: 0 20px;
}
.box-under-sly ul:last-child button {
    background: none;
    border: 2px solid #fff;
    color: #fff;
}
.box-under-sly ul:last-child button:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #3ca062;
}
.box-under-sly ul:last-child button::before  {
    content: url("../img/arrow_w.svg")
}
.box-under-sly ul:last-child button:hover::before {
    content: url("../img/arrow_g.svg")
}

@media screen and (max-width: 768px) {
    .box-under-sly ul:last-child {
        height: auto;
        padding: 2em 20px;
    }
}


/* --------------------------------------------------------
	diagnosis
-------------------------------------------------------- */
.sec-diagnosis .background {
    background-image: url(/common/img/bg-diagnosis.jpg);
}


/* --------------------------------------------------------
	feature
-------------------------------------------------------- */
.sec-feature ul { align-items: baseline; }
.sec-feature li { width: 33.333%; }
.sec-feature li + li { margin-left: 1em; }
.sec-feature img {
    width: 100%;
    transition: .3s;
}
.sec-feature a {
    color: #000;
    text-decoration: none;
}
.sec-feature a:hover img {
    opacity: .7;
}
.sec-feature p:nth-child(1) {
    margin: 0 0 1em 0;
}
.sec-feature p:nth-child(2) {
    font-size: 115%;
    color: #4d4d4d;
    border-left: 5px solid #3ca062;
    font-weight: 700;
    padding-left: 0.5em;
    margin-bottom: 1em;
}
.sec-feature p:nth-child(2).ajust-line {
    line-height: 2.95em;
}
@media screen and (max-width: 768px) {
    .sec-feature ul {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
    }
    .sec-feature li + li {
        margin-left: 0;
    }
    .sec-feature li:nth-child(even) {
        margin-left: 3em;
    }
    .sec-feature li {
        width: calc(50% - 1.5em);
        margin: 0 0 2em 0;
    }
}

/* --------------------------------------------------------
	notice
-------------------------------------------------------- */
.sec-notice {
    background: #f2f2f2;
    padding: 2em 20px 4em;
}
.sec-notice div {
    max-width: 1000px;
    margin: auto;
    position: relative;
}
.sec-notice div button {
    position: absolute;
    right: 0;
    top: -5em;
}
.sec-notice div > ul {
    border-bottom: 1px solid #ccc;
    padding: 0;
}
.sec-notice div > ul li ul {
    display: flex;
    align-items: center;
    padding: 0.5em 0;
    border-top: 1px solid #ccc;
}
.sec-notice div > ul li ul li:nth-child(1) p {
    font-size: 100%;
    font-weight: 500;
    border: 2px solid #3ca062;
    width: 9em;
    margin-right: 1em;
    padding: 0.25em;
}
.sec-notice div > ul li ul li:nth-child(2) {
    font-size: 110%;
    font-weight: 600;
    color: #727171;
    padding-right: 1em;
    border-right: 1px solid #ccc;
}
.sec-notice div > ul li ul li:nth-child(3) {
    margin-left: 1em;
}

@media screen and (max-width: 768px) {
    .sec-notice div > ul li ul {
        display: block;
    }
    .sec-notice div > ul li ul li:nth-child(1) {
        float: left;
    }
    .sec-notice div > ul li ul li:nth-child(2) {
        border-right: none;
        margin-top: 0.5em;
    }
    .sec-notice div > ul li ul li:nth-child(3) {
        clear: both;
        margin: 1em 0 0 0;
    }
}


/* --------------------------------------------------------
	case
-------------------------------------------------------- */
.sec-case .width-reset {
    padding: 0;
}
.sec-case div ul {
    display: flex;
	justify-content: center;/*flex-start; */
    flex-wrap: wrap;
}
.sec-case div ul li {
    width: auto;/*33.333%; */
    background: #ccc;
    overflow: hidden;
}
.sec-case div ul a {
    transition: .3s;
}
.sec-case div ul img {
    transition: .3s;
}
.sec-case div ul a:hover img {
    opacity: .7;
    transform: scale(1.05);
}
.sec-case div ul li + li { border-left: 3px solid #fff; }

@media screen and (max-width: 768px) {
    .sec-case .width-reset {
        width: 100%;
        margin: auto;
    }
    .sec-case div ul {
        display: block;
    }
    .sec-case div ul li {
        width: 100%;
    }
    .sec-case div ul li + li {
        margin-top: 6px;
        border: 0;
    }
    .sec-case div ul li img {
        width: 100%;
    }
}