@charset "UTF-8";
/* CSS Document */
/*---------- パンくず ----------*/
.mod-topicpath {
	margin: 0;
	padding: .8em 0 .7em;
	line-height: 1.3;
	font-size: 12px;
}
.mod-topicpath li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
.mod-topicpath li:nth-child(n+2)::before {
	content: " > ";
}
.mod-topicpath a {
	color: #149953;
	text-decoration: none;
}
.mod-topicpath a:hover {
	text-decoration: underline;
}
.mod-topicpath li:last-child a {
	color: inherit;
}
@media (max-width: 480px) {
	.mod-topicpath {
		font-size: 11px;
	}
}


/*---------- 見出し ----------*/
.sec-head h1{
    width:100%;
    background: #149953;
    color:#fff;
    text-align: center;
    height:120px;
    font-size: 40px;
	font-weight: 700;
	line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    /*---------- 見出し ----------*/
    .sec-head h1{
        width:100%;
        height:20vw;
        font-size: 5vw;
    }
}

/*---------- 対応エリア ----------*/
.sec-area{
}
.area-bg{
    background: #f4fbf7;
    padding:50px 0 80px;
}
.sec-area .note{
    padding-left:1em;
	text-indent:-1em;
}
.sec-area .note + .note{margin-bottom:30px;}
.area-box{
    border-radius: 10px;
    box-shadow: rgba(162,162,154,0.8) 0 0 10px;
    background: #fff;
}
.area-box + .area-box{margin-top:50px;}
.area-head{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:30px;
    font-weight: bold;
    background: #70c542;
    padding:10px 0;
    color:#fff;
    position: relative;
    border-radius: 10px;
}
.area-head::before{
    position: absolute;
    content:'';
    display: block;
    width:20px;
    height:1px;
    background: #fff;
    right:20px;
    transform: translate(0, -50%);
}
.area-head::after{
    position: absolute;
    content:'';
    display: block;
    width:20px;
    height:1px;
    background: #fff;
    right:20px;
    transform: translate(0, -50%) rotate(90deg);
}
.area-head.active{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.area-head.active::after {
    display: none;
    }
.area-head p{
    line-height: 1.4;
    color:#fff;
}
.area-box-in{
    padding:30px 50px 30px 50px;
    display: none;
}
.area-group + .area-group{margin-top:30px;}
.area-name{
    font-size:30px;
    font-weight: bold;
    color:#149953;
    border-bottom:1px solid #70c542;
    margin-bottom:10px;
}

@media (max-width: 767px) {
    .sec-area{
    }
    .area-bg{
        padding:5vw 0 10vw;
    }
    .sec-area .note + .note{margin-bottom:5vw;}
    .area-box{
        border-radius: 10px;
    }
    .area-box + .area-box{margin-top:5vw;}
    .area-head{
        font-size: 4.6vw;
        padding:3vw 0;
    }
    .area-head::before{
        position: absolute;
        content:'';
        width:4vw;
        height:1px;
        right:4vw;
    }
    .area-head::after{
        position: absolute;
        content:'';
        width:4vw;
        height:1px;
        right:4vw;
    }
    .area-box-in{
        padding:5vw;
        display: none;
    }
    .area-group + .area-group{margin-top:5vw;}
    .area-name{
        font-size:4vw;
        margin-bottom:2vw;
    }
}