@charset "UTF-8";

/* Sass Document */

html {
  scroll-padding-top: 80px;
}
.sp_only {
	display: none;
}
.pc_only {
	display: block;
}
p {
	font-size: 1.6rem;
}
h2 {
    margin-bottom: 1.5em;
    color: #1F8B42;
    font-size: 2.8rem;
    font-weight: bold;
    margin-top: 30px;
}
h2.ttl {
    position: relative;
    color: #1F8B42;
    font-size: 2.8rem;
    font-weight: bold;
    letter-spacing: .3em;
    text-align: center;
}
h2.ttl.line:after {
    position: absolute;
    right: 0;
    bottom: -1em;
    left: 0;
    width: .6em;
    margin: 0 auto;
    border-bottom: 1px solid #1F8B42;
    content: '';
}
h3 {
	font-size: 20px;
	margin-top: 50px;
}
h3 .mark {
	color: #1F8B42;
}
h3 .mark-setsumei {
	font-size: 1.6rem;
	vertical-align: top;
}
img {
	width: 100%;
	height: 100%;
}
table, td, th {
    border-collapse: collapse;
    border:1px solid #1F8B42;
}
table {
	margin-top: 25px;
}
th, td {
    width: 167px;
    height: 50px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
}
th {
    font-weight: 700;
}
p.hosoku01 {
	font-weight: 500;
	margin-top: 20px;
}
p.hosoku01 span {
	font-size: 1.2rem;
}
p.hosoku02 {
	margin-top: 10px;
	font-size: 1.4rem;
}
p.hosoku-big {
    font-size: 2rem;
    font-weight: 500;
    color: #1F8B42;
    margin-top: 20px;
}
@media only screen and (max-width: 767px) {
    .breadcrumb .bc_inner ul li {
        font-size: 12px;
    }
	h2.ttl {
        margin-bottom: 1.5em;
        color: #1F8B42;
        font-size: 4.2rem;
        font-weight: bold;
        margin-top: 30px;
        text-align: center;
    }
    h3 {
	    font-size: 3.1rem;
		margin-top: 40px;
	}
	h3 .mark-setsumei {
        font-size: 10px;
    }
	th, td {
        font-size: 12px;
        line-height: 1.5;
        padding: 0 2px;
    }
    p.hosoku01 span {
	    font-size: 12px;
	}
	p.hosoku02 {
        font-size: 12px;
    }
    p.hosoku-big {
        font-size: 3rem;
    }
    .pc_only {
    	display: none;
    }
    .sp_only {
    	display: block;
    }
    pre.inline {
        display: inline-block;
    }
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sec-02 .wrap td {
	    line-height: 1.5;
	}
	.p.hosoku01 span {
		font-size: 1.2rem;
	}
}


#mv #mv_inner01 {
    position: relative;
    max-width: 1400px;
    min-height: 400px;
    margin: 0 auto;
    text-align: center;
}
#mv_inner01 {
    background: url(img/pc_mv.jpg) no-repeat top left / cover;
}
#mv #mv_inner01 h1.mv-img {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    width: 374px;
    height: auto;
}
#mv #mv_inner01 h1.mv-img img {
    width: 100%;
    height: 100%;
}
#page_nav ul {
    gap: 1.5em;
}
#page_nav li a {
	color: #1F8B42;
}
#page_nav li a:after {
    border-top: 1px solid #0071BC;
    border-right: 1px solid #0071BC;
}

.sec-01 {
 	background: url(img/sec-01-bg.jpg) no-repeat top left / cover;
 	padding-bottom: 50px;
}
.sec-01 .wrap {
	max-width: 830px;
	margin: 80px auto 0;
}
.sec-01 figure.ph01 {
	width: 100%;
	height: auto;
}
.sec-01 figure.ph02 {
	margin-top: 50px;
	width: 100%;
	height: auto;
}
.sec-01 .main-copy {
	font-size: 33px;
	color: #1F8B42;
	text-align: center;
	margin: 50px 0;
	font-weight: 400;
}
.sec-01 p {
	color: #333333;
	text-align: center;
	padding-bottom: 20px;
}
.sec-02 {
	margin-top: 120px
}
.sec-02 .row-five {
	display: flex;
	flex-wrap: wrap;
    margin: 7em auto 0;
    justify-content: center;
    max-width: 1110px;
    width: 90%;
    gap: 2.5em;
}
.sec-02 .row-five .row-one {
	display: flex;
	flex-direction: column;
	width: 345px;
}
.sec-02 .row-five .row-one figure {
	width: 100%;
	height: auto;
}
.sec-02 .row-five .row-one p {
	text-align: left;
	padding: 10px 0 0;
}
.sec-02 .row-five .row-one p.title {
	text-align: center;
	color: #1F8B42;
    font-size: 20px;
    font-weight: 500;
}
.sec-02 .wrap {
	max-width: 830px;
	margin: 20px auto 0;
}
.sec-02 .wrap .dl-wrap {
	margin-top: 30px;
}
.sec-02 dl {
    display: flex;
    align-items: center;
    max-width: 700px;
    padding: 1em 0em 1em 1em;
    border-top: 1px solid #EEEEEE;
    font-size: 1.6rem;
}
.sec-02 dl dt {
    flex-shrink: 0;
    width: 17%;
    font-weight: 500;
    letter-spacing: .2em;
}
.sec-02 dl dd {
    line-height: 1.8;
}
.sec-02 dl:last-of-type {
    border-bottom: 1px solid #EEEEEE;
}
.sec-03 {
    margin-top: 120px;
}
.sec-03 .wrap {
    max-width: 830px;
    margin: 7em auto 0;
}
.sec-03 .wrap p {
	text-align: center;
	margin-top: 20px;
}
.gMap_content {
    padding: 3.5em 0 0;
    text-align: center;
}
.gMap_content a {
    display: inline-block;
    padding: 2em 3.7em;
    background: #246D38;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: .2em;
    transition: .3s;
}
.sec-04 {
    margin-top: 120px;
}
.sec-04 .wrap {
    max-width: 830px;
    margin: 7em auto 0;
}
.sec-04 .wrap .price-th {
    width: 200px;
}
.sec-04 .wrap .kome-mark {
    position: absolute;
    padding-left: 5px;
    font-size: 1.2rem;
}
.sec-04 .wrap p.hosoku02 {
    margin-top: 10px;
}
.sec-04 .wrap table {
    width: 100%;
}
.sec-04 .wrap .shien-th01 {
    width: 20%;
}
.sec-04 .wrap .shien-th02 {
    width: 40%;
}
.sec-04 .wrap .shien-th03 {
    width: 40%;
}
.sec-04 .wrap .row-three {
    display: flex;
    align-items: center;
    margin: 25px 0;
}
.sec-04 .wrap .row-three .left,
.sec-04 .wrap .row-three .right {
    background: #E7F2E2;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}
.sec-04 .wrap .row-three .right {
    margin-left: -10px;
}
.sec-04 .wrap .row-three .left .top,
.sec-04 .wrap .row-three .right .top {
    font-size: 1.8rem;
    font-weight: 700;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}
.sec-04 .wrap .row-three .left .top span,
.sec-04 .wrap .row-three .right .top span {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
}
.sec-04 .wrap .row-three .left .bottom,
.sec-04 .wrap .row-three .right .bottom {
    font-size: 1.8rem;
    font-weight: 900;
    padding-top: 5px;
}
.sec-04 .wrap .row-three .left .bottom span,
.sec-04 .wrap .row-three .right .bottom span {
    font-size: 1.4rem;
    font-weight: 500;
}
.sec-04 .wrap .row-three .center {
    margin-left: -10px;
    z-index: 1;
}
.sec-04 .wrap .row-three .center figure {
    width: 57px;
    height : auto;
}
.sec-05 {
    margin-top: 120px;
}
.sec-05 .wrap {
    max-width: 830px;
    margin: 7em auto 0;
}
.sec-05 .wrap ul.nagare {
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.sec-05 .wrap ul.nagare li {
    position: relative;
    font-size: 1.8rem;
    font-weight: 700;
    writing-mode: vertical-rl;
    background: #1F8B42;
    color: #fff;
    border-radius: 10px;
    padding: 20px 15px;
    line-height: 1.5;
    height: 200px;
}
.sec-05 .wrap ul.nagare li.yajirushi {
    width: 0;
    height: 0;
    border-left: 20px solid #F08200;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    background: unset;
    border-radius: unset;
    padding: 0;
    margin: 0 20px;
}
.sec-05 .wrap ul.nagare li span {
    position: absolute;
    bottom: 10px;
    writing-mode: horizontal-tb;
    font-size: 1.4rem;
}
.sec-05 .wrap .hosoku02 {
    margin-top: 20px;
}
.sec-05 .wrap table {
    width: 100%;
}
.sec-05 .wrap table th,
.sec-05 .wrap table td {
    text-align: left;
    padding: 0 20px;
}
.sec-05 .wrap .nyuukyo-th {
    width: 25%;
}
.sec-05 .wrap .nyuukyo-td {
    width: 75%;
}
.sec-06 {
    margin-top: 120px;
    border-bottom: 10px solid #eee;
    padding-bottom: 50px;
}
.sec-06 p {
    text-align: center;
    margin: 0 auto;
}
.sec-06 figure {
    width: 355px;
    height: auto;
    margin: 30px auto;
}

@media only screen and (max-width: 767px) {
    #page_nav li a {
        font-size: 2.4rem;
    }
	p {
		font-size: 14px;
		text-align: justify;
	}
	.sp_only {
		display: block;
	}
	#mv #mv_inner01 {
        max-width: inherit;
        height: 46vw;
        min-height: inherit;
    }
    #mv #mv_inner01 h1.mv-img {
       width: 40%;
       height: auto;
    }
    #page_nav ul {
	    gap: 0;
	}
	.sec-01 .wrap {
	    width: 100%;
	    margin: 50px auto 0;
	}
	.sec-01 figure.ph01 {
	    width: 90%;
	    margin: 0 auto;
	}
	.sec-01 figure.ph02 {
	    width: 90%;
	    margin: 30px auto;
	}
	.sec-01 .main-copy {
		font-size: 24px;
	    line-height: 1.5;
		margin: 30px 0 20px;
	}
	.sec-01 p {
		width: 90%;
	    margin: 0 auto;
	    text-align: justify;
	    font-size: 14px;
	}
	.sec-02 {
	    margin-top: 80px;
	}
	.sec-02 .row-five .row-one {
		margin-bottom: 30px;
	}
	.sec-02 .row-five .row-one p.title {
	    font-size: 16px;
	}
	.sec-02 .wrap {
	    width: 90%;
	    margin: -30px auto 0;
	}
	.sec-02 dl {
	    padding: 1.5em .2em 1.5em 0.2em;
	    font-size: 12px;
	}
	.sec-02 dl dt {
	    width: 23%;
	}
	.sec-03 {
        margin-top: 80px;
    }
	.sec-03 .wrap figure {
		width: 90%;
		margin: 0 auto;
	}
	.gMap_content a {
        padding: 1.5em;
        font-size: 2.6rem;
    }
    .sec-04 {
        margin-top: 80px;
    }
    .sec-04 .wrap {
        width: 90%;
        margin: 0 auto;
    }
    .sec-04 .wrap .kome-mark {
        padding-left: 1px;
    }
    .sec-04 .wrap .row-three .left .top, .sec-04 .wrap .row-three .right .top {
        font-size: 4rem;
        text-align: center;
    }
    .sec-04 .wrap .row-three .left .bottom, .sec-04 .wrap .row-three .right .bottom {
        font-size: 4rem;
        text-align: center;
    }
    .sec-04 .wrap .row-three {
        flex-direction: column;
    }
    .sec-04 .wrap .row-three .left, .sec-04 .wrap .row-three .right {
        width: 75%;
    }
    .sec-04 .wrap .row-three .left .top span, .sec-04 .wrap .row-three .right .top span {
        font-size: 3rem;
    }
    .sec-04 .wrap .row-three .left .bottom span, .sec-04 .wrap .row-three .right .bottom span {
        font-size: 3rem;
    }
    .sec-05 {
        margin-top: 80px;
    }
    .sec-05 .wrap {
        width: 90%;
        margin: 0 auto;
    }
    .sec-05 .wrap ul.nagare {
        flex-direction: column;
    }
    .sec-05 .wrap ul.nagare li {
        writing-mode: horizontal-tb;
        width: 75%;
        height: auto;
        font-size: 16px;
        text-align: center;
    }
    .sec-05 .wrap ul.nagare li.yajirushi {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #F08200;
        margin-top: 10px;
        margin-bottom: -10px;
    }
    .sec-05 .wrap ul.nagare li span {
        bottom: 20px;
        right: 30px;
        font-size: 14px;
    }
    .sec-05 .wrap .nyuukyo-th {
        width: 38%;
    }
    .sec-05 .wrap .nyuukyo-td {
        width: 62%;
    }
    .sec-06 {
        margin-top: 80px;
    }
    .sec-06 p {
        text-align: left;
        width: 90%;
    }
    
}
@media screen and (min-width:768px) and ( max-width:1024px) {
	.sec-01 .wrap, .sec-02 .wrap, .sec-03 .wrap, .sec-04 .wrap, .sec-05 .wrap {
		width:90%;
	}
}
/*# sourceMappingURL=sourcemaps/saikou.css.map */