/* CSS Document */
.sitePoint {
    margin-top: 100px;
}
.sitePoint h2 {
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 30px;
}

.sitePoint .has-text-align-center {
	text-align: center;
}
.sitePoint p {
	line-height: 2.2;
}

.sitePoint p + h2 {
	margin-top: 100px;
}

.sitePoint figure {
	margin: 60px 0 100px;
	text-align: center;
}

.tabSwitch {
    padding-top: 15px;
}

.tabSwitch li {
    border: 2px solid #7BA327;
    border-radius: 3px;
    color: #7BA327;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 16px;
    padding: 7px 10px;
    text-align: center;
    transition: 0.3s;
    width: 155px;
}

.tabSwitch li.on {
    background: #7BA327;
    color: #fff;
}

.tabSwitch li:hover {
    opacity: 0.6;
}


@media screen and (max-width: 767px) {
    .sitePoint {
        margin-top: 50px;
    }
		.sitePoint h2 {
			font-size: 1.8rem;
			margin-bottom: 20px;
		}
		.sitePoint p + h2 {
			margin-top: 60px;
		}
		.sitePoint figure {
			margin: 30px 0 60px;
		}
    .tabSwitch {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .tabSwitch li {
        margin: 0 4% 10px 0;
        width: 48%;
    }

    .tabSwitch li:nth-child(2n) {
        margin-right: 0;
    }

    .tabSwitch li:hover {
        opacity: 1;
    }
}

/*detail*/

.siteImg {
    margin: 100px 0;
}

.siteImg .ttl {
    position: relative;
    top: -2rem;
    left: 2%;
}

.siteImg > div > div {
    padding-top: 0;
}

.siteImg .img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 64%;
}

.siteImg .img img {
    width: 100%;
}

.siteImg .txt {
    margin: 50px 0 0 2%;
    width: 32%;
}

/*
@media screen and (min-width: 1380px) {
    .siteImg .img {
        right: 0;
    }
}
*/

@media screen and (max-width: 767px) {
    .siteImg {
        margin: 50px 0 50px;
    }

    .siteImg h2 {
        font-size: 2rem;
        top: 2.5rem;
    }

    .siteImg > div > div {
        padding-top: 1px;
    }

    .siteImg .img {
        margin-left: 0;
        width: 100%;
    }
}

.featureList .unit {
    margin-bottom: 100px;
}

.featureList .flex {
    align-items: flex-start;
}

.featureList .unit:nth-of-type(2n) .flex:nth-child(1) {
    flex-direction: row-reverse;
}

.featureList .img {
    position: relative;
		z-index: 0;
}

.featureList .img .num {
    background: #7BA327;
    color: #fff;
    display: inline-block;
    font-family: sofia-pro, sans-serif;
    font-size: 6.9rem;
    font-weight: 700;
    left: 0;
    top: 0;
    line-height: 1;
    margin-right: 10px;
    padding: 5px 10px 8px;
    position: absolute;
		z-index: 1;
}

.featureList .imgList {
    margin-top: 30px;
}

.featureList .imgList li {
    width: 30%;
}

@media screen and (max-width: 767px) {
    .featureList .unit > .flex{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    .featureList .flex .img{
        order: 1;
    }
    .featureList .flex .txt{
        order: 3;
    }
    .featureList .imgList.flex {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        order: 2;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .featureList .imgList li {
        margin-top: 0px;
        width: calc(100%/3);
    }

    .featureList .img .num {
        font-size: 3.4rem;
        padding-top: 1px;
    }

    .featureList .unit {
        margin-bottom: 70px;
    }
	
}

	.featureList .unit .img{
		width: auto;
		max-width:550px;
	}
	.featureList .unit .img img{
		height: auto;
		margin-top: 0;
		max-height: 100vh;
	   width: auto;
	   object-fit: contain;
	}
	.featureList .unit .txt{
		width: auto;
    	max-width: 600px;
		margin-top: 0;
	}
	.featureList .unit .txt .ttl{
		margin-top: 0;
	}

.footMessage + section {
    margin-top: 150px;
}

@media screen and (max-width: 767px) {
    .footMessage {
        margin-top: 30px;
    }

    .footMessage + section {
        margin-top: 50px;
    }
}

/*修正*/
.featureList .unit .txt .ttl {
  padding-left: 0;
}