@charset "UTF-8"; /* CSS Document */
/*a?!a?‡a?￡a?￠a?￣a?¨a?aa?†a?3a??a?￢a??a-?c”¨a?§a??*/
@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

/* =================================
a…¨a??a??a?，a…±e??
================================= */
a:hover {
    text-decoration: none;
}

body.plan main ,body.employee main,body.river main,body.road main,body.business main ,body.welfare main,body.company main,body.recruit-detail main,body.recruit main {
    margin-top: 21%;
}

@media (min-width: 768px) {
    body.plan main ,body.employee main,body.river main,body.road main,body.business main ,body.welfare main,body.company main,body.recruit-detail main,body.recruit main {
        margin-top: 11%;
    }
}

@media (min-width: 992px) {
    body.plan main ,body.employee main,body.river main,body.road main,body.business main ,body.welfare main,body.company main,body.recruit-detail main,body.recruit main {
        margin-top: 0%;
    }
}

body.plan main article header h1 ,body.employee main article header h1,body.river main article header h1,body.road main article header h1 ,body.business main article header h1 ,body.welfare main article header h1 ,body.company main article header h1 ,body.recruit-detail main article header h1 ,body.recruit main article header h1 {
    font-size: 1.4em;
    color: #525252;
    text-align: center;
    font-weight: 400;
    margin: 10% 0%;
}

@media (min-width: 768px) {
    body.plan main article header h1 ,body.employee main article header h1,body.river main article header h1,body.road main article header h1 ,body.business main article header h1 ,body.welfare main article header h1 ,body.company main article header h1 ,body.recruit-detail main article header h1 ,body.recruit main article header h1 {
        font-size: 1.4em;
        color: #525252;
        text-align: center;
        font-weight: 400;
        margin: 5% 0%;
    }
}

@media (min-width: 992px) {
    body.plan main article header h1 ,body.employee main article header h1,body.river main article header h1,body.road main article header h1 ,body.business main article header h1 ,body.welfare main article header h1 ,body.company main article header h1 ,body.recruit-detail main article header h1 ,body.recruit main article header h1 {
        font-size: 30px;
        color: #525252;
        text-align: center;
        font-weight: 400;
        margin: 3% 0%;
    }
}

body.recruit main article section#job_link {
    margin-top: -80px;
    padding-top: 80px;
}

body.recruit main article section#job_seido {
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: 40px;
}

body.recruit main article section#job_senpai {
    margin-top: -80px;
    padding-top: 160px;
}

/* =================================
Animation_CSS
================================= */
body.recruit main article section.recruit_fv img.drone , body.business main article .huwahuwa img , body.style main article .style_sub03 .fuwafuwa img {
    animation: vertical 2s ease-in-out infinite alternate;
}

/* =================================
recruit
================================= */
.recruit_pc {
    display: none !important;
}

.recruit_sp {
    display: block !important;
}

@media (min-width: 992px) {
    .recruit_pc {
        display:block !important;
    }

    .recruit_sp {
        display: none !important;
    }
}

/*
common
*/
body.recruit main article a.btn_common {
    margin: 1% auto;
    width: 90%;
    display: block;
    padding: 1%;
}

@media (min-width: 992px) {
    body.recruit main article a.btn_common {
        margin: 1% auto;
        width: 95%;
        display: block;
        padding: 1%;
    }
}

body.recruit main article section.recruit_fv {
    margin-bottom: 10%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_fv {
        margin-bottom: 5%;
    }
}

body.recruit main article section.recruit_fv img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

body.recruit main article section.recruit_fv img.catch {
    width: 70%;
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_fv img.catch {
        width: 48%;
    }
}

body.recruit main article section.recruit_fv img.drone {
    width: 20%;
    margin: 0% 0% 0% 74%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_fv img.drone {
        width: 11%;
        margin: -5% 0% 4% 74%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_fv img.drone {
        width: 6%;
        margin: -5% 0% 2% 67%;
    }
}

body.recruit main article section.recruit_fv p {
    margin: 0 auto;
    width: 70%;
    margin-bottom: 0%;
    font-size: 16px;
}

@media (min-width: 768px) {
    body.recruit main article section.recruit_fv p {
        margin: 0 auto;
        width: 70%;
        margin-bottom: 0%;
        font-size: 32px;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_fv p {
        margin: 0 0 0 154px;
        width: 80%;
        margin-bottom: 0%;
        font-size: 16px;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 4%;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul li:nth-child(1) {
        width: 50%;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul li:nth-child(2) {
        width: 50%;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul li img {
        width: 90%;
        margin-right: 50px;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_fv p {
        margin: 24px 0 0 14%;
        width: 100%;
        margin-bottom: 0%;
        font-size: 16px;
        line-height: 2;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul {
        display: flex;
        flex-wrap: wrap;
        width: 1000px;
        margin: 0 auto;
        margin-top: 2%;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul li:nth-child(1) {
        width: 42%;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul li:nth-child(2) {
        width: 58%;
    }

    body.recruit main article section.recruit_fv .recruit_pc ul li img {
        width: 100%;
        margin-right: 50px;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_fv ul.btn_flex {
        display: flex;
        flex-wrap: wrap;
        width: 752px;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 80px;
    }

    body.recruit main article section.recruit_fv .btn_flex li {
        width: 33%;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_fv ul.btn_flex {
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
        margin-top: 2%;
        width: 1000px;
        margin-bottom: 80px;
    }

    body.recruit main article section.recruit_fv .btn_flex li {
        width: 33%;
        margin: 0 auto;
    }
}

body.recruit main article section.recruit_sub {
    border-bottom: dotted 1px #77c89b;
    padding-bottom: 5%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub {
        border-bottom: unset;
        padding-bottom: 0%;
    }
}

body.recruit main article section.recruit_sub img {
    width: 100%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub img {
        width: 80%;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub img {
        width: 1000px;
        margin: 0 auto;
    }
}

body.recruit main article section.recruit_sub ul.btn_flex {
    margin-top: 6%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub ul.btn_flex {
        display: flex;
        flex-wrap: wrap;
        width: 752px;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 80px;
    }

    body.recruit main article section.recruit_sub .btn_flex li {
        width: 33%;
        margin: 0 auto;
    }

    body.recruit main article section.recruit_sub .btn_flex li img {
        width: 100%;
    }

    body.recruit main article section.recruit_sub .btn_flex li:nth-child(1) {
        margin-right: 0%;
    }

    body.recruit main article section.recruit_sub .btn_flex li:nth-child(2) {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub ul.btn_flex {
        display: flex;
        flex-wrap: wrap;
        width: 1000px;
        margin: 0 auto;
        margin-top: 2%;
        margin-bottom: 80px;
    }

    body.recruit main article section.recruit_sub .btn_flex li {
        width: 33%;
        margin: 0 auto;
    }

    body.recruit main article section.recruit_sub .btn_flex li img {
        width: 100%;
    }

    body.recruit main article section.recruit_sub .btn_flex li:nth-child(1) {
        margin-right: 0%;
    }

    body.recruit main article section.recruit_sub .btn_flex li:nth-child(2) {
        margin-left: 0%;
    }
}

body.recruit main article section.recruit_sub01 {
    margin-top: 15%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub01 {
        margin-top: 5%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub01 {
        margin-top: 3%;
        margin-bottom: 80px;
    }
}

body.recruit main article section.recruit_sub01 h1 {
    font-size: 2.2em;
    color: #5ea88e;
    padding: 0% 3% 0% 3%;
    font-weight: 500;
    letter-spacing: -2px;
    text-align: center;
}

@media (min-width: 768px) {
    body.recruit main article section.recruit_sub01 h1 {
        font-size: 56px;
        color: #5ea88e;
        padding: 0% 3% 0% 3%;
        font-weight: 500;
        letter-spacing: -2px;
        text-align: center;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub01 h1 {
        font-size: 48px;
        color: #5ea88e;
        padding: 0% 3% 0% 3%;
        font-weight: 500;
        letter-spacing: -2px;
        text-align: center;
    }
}

body.recruit main article section.recruit_sub01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

body.recruit main article section.recruit_sub01 ul li {
    font-size: 2.0em;
    color: #5ea88e;
    font-weight: 500;
    border: solid 2px #5ea88e;
    height: 50px;
    width: 50px;
    margin: 2% 0.8%;
    padding: 0% 0% 0% 0%;
    text-align: center;
}

@media (min-width: 768px) {
    body.recruit main article section.recruit_sub01 ul li {
        font-size: 45px;
        color: #5ea88e;
        font-weight: 500;
        border: solid 2px #5ea88e;
        height: 80px;
        width: 80px;
        margin: 2% 0.5%;
        padding: 0% 0% 0% 0%;
        text-align: center;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub01 ul li {
        font-size: 34px;
        color: #5ea88e;
        font-weight: 500;
        border: solid 2px #5ea88e;
        height: 65px;
        width: 65px;
        margin: 2% 0.5%;
        padding: 0% 0% 0% 0%;
        text-align: center;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub01 ul li {
        font-size: 40px;
        color: #5ea88e;
        font-weight: 500;
        border: solid 2px #5ea88e;
        height: 65px;
        width: 65px;
        line-height: 1.5;
        margin: 1% 0.3%;
        padding: 0% 0% 0% 0%;
        text-align: center;
    }
}

body.recruit main article section.recruit_sub01 img {
    width: 100%;
    margin-top: 8%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub01 img {
        width: 100%;
        margin-top: 0%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub01 img {
        width: 1300px;
        margin: 0 auto;
    }
}

body.recruit main article section.recruit_sub02 {
    margin-top: 3%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub02 {
        margin-top: 3%;
    }
}

body.recruit main article section.recruit_sub02 img {
    width: 100%;
    margin-top: 15%;
}

body.recruit main article section.recruit_sub02 .recruit_sub02_img01 {
    position: relative;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub02 .recruit_sub02_img01 {
        background: url(../images/recruit/how_pc.jpg) no-repeat 50% 50% / cover;
        background-size: auto 100%;
        width: 100%;
        height: 640px;
    }
}

body.recruit main article section.recruit_sub02 .recruit_sub02_img02 {
    position: absolute;
    bottom: 3%;
    width: 100%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub02 .recruit_sub02_img02 {
        position: absolute;
        bottom: 3%;
        width: 100%;
    }
}

body.recruit main article section.recruit_sub02 .recruit_sub02_img02 a {
    background: url(../images/recruit/common/arw.png) no-repeat right center / 6px auto;
    background-color: #FFF;
    display: block;
    color: #5ea88e;
    border: solid 1px #5ea88e;
    width: 85%;
    padding: 5%;
    padding-left: 9%;
    margin: 3% auto;
    background-position: 95% 50%;
    font-size: 1.5em;
    font-weight: 500;
}

@media (min-width: 768px) {
    body.recruit main article section.recruit_sub02 .recruit_sub02_img02 a {
        background: url(../images/recruit/common/arw.png) no-repeat right center / 6px auto;
        background-color: #FFF;
        display: block;
        color: #5ea88e;
        border: solid 1px #5ea88e;
        width: 85%;
        padding: 5%;
        padding-left: 9%;
        margin: 3% auto;
        background-position: 95% 50%;
        font-size: 40px;
        font-weight: 500;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub02 .recruit_sub02_img02 a {
        background: url(../images/recruit/common/arw.png) no-repeat right center / 6px auto;
        background-color: #FFF;
        display: block;
        color: #5ea88e;
        border: solid 1px #5ea88e;
        width: 54%;
        padding: 1%;
        padding-left: 3%;
        margin: 1% auto;
        background-position: 95% 50%;
        font-size: 29px;
        font-weight: 500;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub02 .recruit_sub02_img02 a {
        background: url(../images/recruit/common/arw.png) no-repeat right center / 6px auto;
        background-color: #FFF;
        display: block;
        color: #5ea88e;
        border: solid 1px #5ea88e;
        width: 500px;
        padding: 0.5%;
        padding-left: 3%;
        margin: 0.5% auto;
        background-position: 95% 50%;
        font-size: 29px;
        font-weight: 500;
    }
}

body.recruit main article section.recruit_sub03 {
    margin-top: 3%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub03 {
        margin-top: 8%;
    }
}

body.recruit main article section.recruit_sub03 img {
    width: 100%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub03 .recruit_sub03_flex {
        margin-bottom: 45px;
    }
}

body.recruit main article section.recruit_sub03 p {
    font-size: 2.3em;
    color: #5ea88e;
    padding: 0% 3% 0% 3%;
    font-weight: 500;
    text-align: center;
}

@media (min-width: 768px) {
    body.recruit main article section.recruit_sub03 p {
        font-size: 59px;
        color: #5ea88e;
        padding: 0% 3% 0% 3%;
        font-weight: 500;
        text-align: center;
    }
}

body.recruit main article section.recruit_sub03 h1 {
    font-size: 2.5em;
    font-weight: 500;
    letter-spacing: -2px;
    text-align: center;
    margin: -1% 0% 10% 0%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub03 h1 {
        color: #5ea88e;
        font-size: 31px;
        font-weight: 500;
        letter-spacing: -2px;
        text-align: center;
        margin: -1% 0% 5% 0%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub03 h1 {
        color: #5ea88e;
        font-size: 31px;
        font-weight: 500;
        letter-spacing: -2px;
        text-align: center;
        margin: -1% 0% 1% 0%;
    }
}

body.recruit main article section.recruit_sub03 h1 span {
    color: #5ea88e;
    font-weight: 500;
    border: solid 2px #5ea88e;
    margin: 2% 0.8%;
    padding: 0% 2%;
    text-align: center;
    font-size: 2.5rem;
}

body.recruit main article section.recruit_sub03 h1 span.cl {
    color: #FFF !important;
    font-weight: 500;
    border: solid 2px #5ea88e;
    background-color: #5ea88e;
}

@media (min-width: 768px) {
    body.recruit main article section.recruit_sub03 h1 span {
        color: #5ea88e;
        font-weight: 500;
        border: solid 2px #5ea88e;
        margin: 2% 0.8%;
        padding: 0% 2%;
        text-align: center;
        font-size: 80px;
    }

    body.recruit main article section.recruit_sub03 h1 span.cl {
        color: #FFF !important;
        font-weight: 500;
        border: solid 2px #5ea88e;
        background-color: #5ea88e;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub03 h1 span {
        color: #5ea88e;
        font-weight: 500;
        border: solid 2px #5ea88e;
        margin: 2% 0.2%;
        padding: 0% 1%;
        text-align: center;
        font-size: 41px;
    }

    body.recruit main article section.recruit_sub03 h1 span.cl {
        color: #FFF !important;
        font-weight: 500;
        border: solid 2px #5ea88e;
        background-color: #5ea88e;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub03 h1 span {
        color: #5ea88e;
        font-weight: 500;
        border: solid 2px #5ea88e;
        margin: 2% 0.2%;
        padding: 0% 0.5%;
        text-align: center;
        font-size: 41px;
    }

    body.recruit main article section.recruit_sub03 h1 span.cl {
        color: #FFF !important;
        font-weight: 500;
        border: solid 2px #5ea88e;
        background-color: #5ea88e;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub03 ul.btn_flex {
        display: flex;
        flex-wrap: wrap;
        width: 992px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 0px;
    }

    body.recruit main article section.recruit_sub03 .btn_flex li {
        width: 29%;
        margin: 0 auto;
    }

    body.recruit main article section.recruit_sub03 .btn_flex li img {
        width: 100%;
    }

    body.recruit main article section.recruit_sub03 .btn_flex li:nth-child(1) {
        margin-right: 0%;
    }

    body.recruit main article section.recruit_sub03 .btn_flex li:nth-child(2) {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub03 ul.btn_flex {
        display: flex;
        flex-wrap: wrap;
        width: 1000px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 0px;
    }



    body.recruit main article section.recruit_sub03 .btn_flex li img {
        width: 100%;
    }

    body.recruit main article section.recruit_sub03 .btn_flex li:nth-child(1) {
        margin-right: 0%;
    }

    body.recruit main article section.recruit_sub03 .btn_flex li:nth-child(2) {
        margin-left: 0%;
    }
}

body.recruit main article section.recruit_sub04 {
    margin-top: 5%;
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub04 {
        margin-top: 1%;
    }
}

body.recruit main article section.recruit_sub04 img {
    width: 100%;
}

body.recruit main article section.recruit_sub04 .acd-check {
    display: none;
}



body.recruit main article section.recruit_sub04 .acd-label,
body.recruit main article section.recruit_sub04 .acd-content .wrap {
    width: 90%;
    margin: 0 auto;
}

body.recruit main article section.recruit_sub04 .acd-label {
    box-sizing: border-box;
    background: url(../images/recruit/accordion_01.png)no-repeat;
    background-size: 100% auto;
	background-position: center bottom;
    display: block;
    height: 0;
	padding-top: 23.56%;
	color: #5ea88e;
	position: relative;
}
body.recruit main article section.recruit_sub04 .acd-label.selected {
    background: url(../images/recruit/accordion_01_off.png)no-repeat;
    background-size: 100% auto;
	background-position: center bottom;
}

@media (min-width: 992px) {
	body.recruit main article section.recruit_sub04 .acd-label,
	body.recruit main article section.recruit_sub04 .acd-content .wrap {
		width: 622px;
	}
	body.recruit main article section.recruit_sub04 .acd-label {
		background: url(../images/recruit/accordion_01_pc.png)no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
		padding-top: 108px;
	}
	body.recruit main article section.recruit_sub04 .acd-label.selected {
		background: url(../images/recruit/accordion_01_off_pc.png)no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
	}

}



body.recruit main article section.recruit_sub04 .acd-label span {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 5vw;

}


@media (min-width: 992px) {

	body.recruit main article section.recruit_sub04 .acd-label span {
		top: 46%;
		font-size: 20px;

	}

	
}






@media (min-width: 1200px) {

}




body.recruit main article section.recruit_sub04 .acd-content {
    background: url(../images/recruit/bg.jpg) no-repeat center top;
    background-size: cover;
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
}

@media (min-width: 992px) {

	body.recruit main article section.recruit_sub04 .acd-content {
		background: url(../images/recruit/bg_pc.jpg) no-repeat center top;
		background-size: cover;
	}

	
}



body.recruit main article section.recruit_sub04 .acd-check:checked + .acd-label + .acd-content {
    height: auto;
    opacity: 1;
    padding: 0 0 30px;
    visibility: visible;
}

body.recruit main article section.recruit_sub04 .acd-content .wrap {
    background: url(../images/recruit/accordion_02.png) no-repeat center bottom;
    background-size: 100% auto;
	padding: 0 25px 25px;
}

body.recruit main article section.recruit_sub04 .acd-content .wrap p {
	text-align: right;
	margin: 0;
}

@media (min-width: 992px) {

	body.recruit main article section.recruit_sub04 .acd-content .wrap {
		background: url(../images/recruit/accordion_02_pc.png) no-repeat center bottom;
		background-size: 100% auto;
		display: flex;
		justify-content: space-between;
		position: relative;
		padding: 0 65px 35px;
	}
	body.recruit main article section.recruit_sub04 .acd-content .wrap p {
		position: absolute;
		right: 65px;
		bottom: 35px;
	}

}








body.recruit main article section.recruit_sub05 {
    margin-top: 15%;
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub05 {
        margin-top: 80px;
    }
}

body.recruit main article section.recruit_sub05 img {
    margin: 2% auto;
    display: block;
    width: 5%;
}

body.recruit main article section.recruit_sub05 h1 {
    color: #5ea88e;
    font-weight: 500;
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 8%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub05 h1 {
        color: #5ea88e;
        font-weight: 500;
        text-align: center;
        font-size: 2.5em;
        margin-bottom: 2%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub05 h1 {
        color: #5ea88e;
        font-weight: 500;
        text-align: center;
        font-size: 48px;
        margin-bottom: 2%;
    }
}

body.recruit main article section.recruit_sub05 .rec_process {
    border: solid 2px #5ea88e;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto;
    padding: 5%;
    font-size: 1.3em;
    font-weight: 500;
}

body.recruit main article section.recruit_sub05 .rec_process span {
    color: #5ea88e;
    margin-right: 5%;
}

body.recruit main article section.recruit_sub05 .rec_process a {
    color: #5ea88e;
}

body.recruit main article section.recruit_sub05 .rec_process_bg ,body.recruit main article section.recruit_sub05 .rec_process_bg span {
    background-color: #77c89b;
    color: #FFF;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub05 .recruit_pc ul {
        display: flex;
        width: 872px;
        margin: 0 auto;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li {
        width: 100%;
        margin: 0px 2px;
        position: relative;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li img {
        width: 100%;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li p {
        position: absolute;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
        color: #525252;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li p a {
        color: #77c89b;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(1) p {
        top: 41px;
        left: 32px;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(2) p {
        top: 53px;
        left: 59px;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(3) p {
        top: 53px;
        left: 25px;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(4) p {
        top: 53px;
        left: 48px;
        color: #FFF;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub05 .recruit_pc ul {
        display: flex;
        width: 1000px;
        margin: 0 auto;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li {
        width: 100%;
        margin: 0px 2px;
        position: relative;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li img {
        width: 100%;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li p {
        position: absolute;
        font-size: 24px;
        line-height: 1.2;
        font-weight: 500;
        color: #525252;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li p a {
        color: #77c89b;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(1) p {
        top: 46px;
        left: 39px;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(2) p {
        top: 58px;
        left: 64px;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(3) p {
        top: 60px;
        left: 29px;
    }

    body.recruit main article section.recruit_sub05 .recruit_pc li:nth-child(4) p {
        top: 64px;
        left: 48px;
        color: #FFF;
    }
}

body.recruit main article section.recruit_sub06 {
    margin-top: 60vh;
    padding-bottom: 120vh;
    background: url("../images/recruit/hole_bg.jpg") no-repeat 0 500px;
    position: relative;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub06 {
        background: url("../images/recruit/hole_bg-pc.jpg") no-repeat 0 500px / cover;
    }
}

body.recruit main article section.recruit_sub06 .hole_bg {
    height: calc(3311px - 120vh);
}

body.recruit main article section.recruit_sub06 .hole_bg #hole {
    background: url("../images/recruit/hole.png") no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: 400%;
    position: fixed;
    top: -151%;
    opacity: 0;
    transition: 1s;
    z-index: -9999;
}

@media (min-width: 576px) {
    body.recruit main article section.recruit_sub06 .hole_bg #hole {
        background-size: 3500px auto;
    }
}

body.recruit main article section.recruit_sub06 .iv_on #hole {
    opacity: 1;
    z-index: 9999;
}

body.recruit main article section.recruit_sub06 img {
    width: 00%;
}

@media (min-width: 768px) {
    body.recruit main article section.recruit_sub06 img {
        width: 0%;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub06 img {
        width: 0%;
    }
}

@media (min-width: 1200px) {
    body.recruit main article section.recruit_sub06 img {
        width: 0%;
    }
}

@media (min-width: 2000px) {
    body.recruit main article section.recruit_sub06 img {
        width: 0%;
    }
}

body.recruit main article section.recruit_sub06 h1 {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 3.5em;
    position: absolute;
    bottom: 90vh;
    left: 14%;
}

@media (min-width: 500px) {
    body.recruit main article section.recruit_sub06 h1 {
        width: 100%;
        font-size: 60px;
        left: 0%;
    }
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub06 h1 {
        font-size: 65px;
    }
}

body.recruit main article section.recruit_sub07 {
    margin-top: 1%;
    margin-bottom: 11%;
}

body.recruit main article section.recruit_sub07 img {
    width: 80%;
    margin: 0 auto;
    display: block;
}

body.recruit main article section.recruit_sub07 ul {
    margin-top: 10%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub07 ul {
        margin-top: 0%;
        width: 872px;
        margin: 0 auto;
    }
}

body.recruit main article section.recruit_sub07 li a {
    display: block;
    width: 85%;
    padding: 5%;
    border: solid 1px #5ea88e;
    margin: 3% auto;
    background: url(../images/recruit/common/arw.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
}

@media (min-width: 992px) {
    body.recruit main article section.recruit_sub07 li a {
        width : 98%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(100% /2);
        width: calc(96% /2);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 3% 1%;
        background: url(../images/business/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

body.recruit main article section.recruit_sub07 a {
    color: #5ea88e;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 2px;
}

/* =================================
recruit-detail
================================= */
.recruit_pc {
    display: none !important;
}

recruit_sp {
    display: block !important;
}

@media (min-width: 992px) {
    .recruit_pc {
        display:block !important;
    }

    .recruit_sp {
        display: none !important;
    }
}

body.recruit-detail main article section.recruit-detail_fv {
}

/*a??a?ca?3a??a?≪a?ca??a?Ra??e¨-aR?*/
body.recruit-detail main article section.recruit-detail_fv h1 , body.recruit-detail main article section.recruit-detail_fv p {
    color: #000;
}

body.recruit-detail main article section.recruit-detail_fv .tab_border {
    border-right: solid 2px #000;
    height: 20px;
    padding-left: 30%;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .tab_border {
        border-right: solid 2px #000;
        height: 20px;
        padding-left: 32%;
    }
}

body.recruit-detail main article section.recruit-detail_fv .tab_border02 {
    padding-right: 20%;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .tab_border02 {
        padding-right: 30%;
    }
}

/*a??a??a?‡a??a??a??a…¨a?“a?Ra?1a??a??a?≪*/
body.recruit-detail main article section.recruit-detail_fv .tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 992px) {
    /*a??a??a?‡a??a??a??a…¨a?“a?Ra?1a??a??a?≪*/ body.recruit-detail main article section.recruit-detail_fv .tabs {
        margin-top: 50px;
        padding-bottom: 40px;
        width: 992px;
        margin: 0 auto;
    }
}

/*a??a??a?Ra?1a??a??a?≪*/
body.recruit-detail main article section.recruit-detail_fv .tab_item {
    width: calc(100%/2);
    height: 20px;
    line-height: 20px;
    font-size: 1.0em;
    color: #5ea88e;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    letter-spacing: 15px;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .tab_item {
        width: calc(100%/2);
        height: 20px;
        line-height: 20px;
        font-size: 25px;
        color: #5ea88e;
        display: block;
        float: left;
        text-align: center;
        font-weight: 500;
        transition: all 0.2s ease;
        letter-spacing: 15px;
        margin-bottom: 30px;
    }
}

body.recruit-detail main article section.recruit-detail_fv .tab_item:hover {
    opacity: 0.75;
}

/*a?ca?，a?aa??a??a?3a?’a…¨a?|a¶?a??*/
body.recruit-detail main article section.recruit-detail_fv input[name="tab_item"] {
    display: none;
}

/*a??a??a?‡a??a??a??a?Ra，-eo≪a?Ra?1a??a??a?≪*/
body.recruit-detail main article section.recruit-detail_fv .tab_content {
    display: none;
    padding: 3% 3%;
    clear: both;
    overflow: hidden;
}

@media (min-width: 992px) {
    /*a??a??a?‡a??a??a??a?Ra，-eo≪a?Ra?1a??a??a?≪*/ body.recruit-detail main article section.recruit-detail_fv .tab_content {
        display: none;
        padding: 10% 10%;
        padding-bottom: 0;
        clear: both;
        background: url(../images/recruit-detail/sinsotu_bg.jpg) no-repeat;
        background-color: #fafafa;
    }

    body.recruit-detail main article section.recruit-detail_fv #programming_content {
        display: none;
        padding: 10% 10%;
        padding-bottom: 0;
        clear: both;
        background: url(../images/recruit-detail/chuto_bg.jpg) no-repeat;
        background-color: #fafafa;
    }
}

/*e?，a??a??a??a?|a??a??a??a??a?Ra?3a?3a?†a?3a??a?Ra??a?’e!¨c?o*/
body.recruit-detail main article section.recruit-detail_fv #all:checked ~ #all_content, body.recruit-detail main article section.recruit-detail_fv #programming:checked ~ #programming_content, body.recruit-detail main article section.recruit-detail_fv #design:checked ~ #design_content {
    display: block;
}

body.recruit-detail main article section.recruit-detail_fv .tabs .tab_item {
    cursor: pointer;
}


/*e?，a??a??a??a?|a??a??a??a??a?Ra?1a??a??a?≪a?’a?‰a??a??*/
body.recruit-detail main article section.recruit-detail_fv .tabs input:checked + .tab_item {
    color: #565656;
}

body.recruit-detail main article section.recruit-detail_fv .tab_content section h1 {
    color: #5ea88e;
    font-size: 1.2em;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .tab_content section h1 {
        color: #5ea88e;
        font-size: 28px;
    }
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_description section {
    width: 100%;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_description section {
        width: 100%;
        text-align: center;
    }
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_description section h1 ,body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_description section p {
    padding: 0 5%;
}

@media (min-width: 992px) {
    .tab_content .tab_content_description section p.tab_content_small {
        text-align: left;
        margin-left: 204px;
    }
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 {
    border-bottom: dotted 1px;
    width: 100% !important;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 {
        border-bottom: dotted 2px #f0f0f0;
        text-align: justify !important;
    }
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01_end {
    border-bottom: 0px;
    width: 100% !important;
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table {
    width: 90%;
    margin: 5% auto;
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table th {
    color: #5ea88e;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table tr {
        float: left;
    }

    body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table th {
        width: 170px;
    }

    body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table td {
        width: 540px;
    }
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table td h2 {
    font-size: 1em;
    font-weight: 700;
    margin: 1% 0% 1.5% 0%;
}

body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table td h2 span {
    font-size: 1em;
    font-weight: normal;
}


body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table.salary {
	margin: 0 0 0 1em;
}
body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table.salary.kikan {
	margin-bottom: 2em;
}
body.recruit-detail main article section.recruit-detail_fv .tab_content .tab_content_sub01 table.salary th {
	color: #212529;
	font-weight: normal;
	width: 75px;
}





body.recruit-detail main article section.recruit-detail_fv .tab_content .entry_btn {
    margin: 6% auto;
}

body.recruit-detail main article section.recruit-detail_fv .entry_btn a {
    width: 70%;
    display: block;
    padding: 5%;
    margin: 3% auto;
    background: url(../images/recruit-detail/common/arw.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
    background-color: #ffe200;
    color: #525252;
    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
}

@media (min-width: 992px) {
    body.recruit-detail main article section.recruit-detail_fv .entry_btn a {
        width: 430px;
        display: block;
        padding: 2.0%;
        margin: 80px auto 30px auto;
        background: url(../images/recruit-detail/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
        background-color: #ffe200;
        color: #525252;
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: center;
    }
}




/* =================================
employee
================================= */
.employee_pc {
    display: none !important;
}

.employee_sp {
    display: block !important;
}

@media (min-width: 992px) {
    .employee_pc {
        display:block !important;
    }

    .employee_sp {
        display: none !important;
    }
}

body.employee-a main article section.employee_fv {
    background: url("../images/employee/a/fv.jpg") no-repeat 50% 50% / cover;
    height: 300px;
}

@media (min-width: 768px) {
    body.employee-a main article section.employee_fv {
        background: url("../images/employee/a/fv.jpg") no-repeat 50% 50% / cover;
        height: 500px;
    }
}

@media (min-width: 992px) {
    body.employee-a main article section.employee_fv {
        background: url("../images/employee/a/fv_pc.jpg") no-repeat 50% 41% / cover;
        width: auto;
        height: 500px;
    }
}

@media (min-width: 1200px) {
    body.employee-a main article section.employee_fv {
        background: url("../images/employee/a/fv_pc.jpg") no-repeat 50% 41% / cover;
        width: auto;
        height: 600px;
    }
}

body.employee-b main article section.employee_fv {
    background: url("../images/employee/b/fv.jpg") no-repeat 50% 50% / cover;
    height: 300px;
}

@media (min-width: 768px) {
    body.employee-b main article section.employee_fv {
        background: url("../images/employee/b/fv.jpg") no-repeat 50% 50% / cover;
        height: 500px;
    }
}

@media (min-width: 992px) {
    body.employee-b main article section.employee_fv {
        background: url("../images/employee/b/fv_pc.jpg") no-repeat 50% 50% / cover;
        height: 500px;
    }
}

@media (min-width: 1200px) {
    body.employee-b main article section.employee_fv {
        background: url("../images/employee/b/fv_pc.jpg") no-repeat 50% 50% / cover;
        height: 600px;
    }
}

body.employee-c main article section.employee_fv {
    background: url("../images/employee/c/fv.jpg") no-repeat 50% 50% / cover;
    height: 300px;
}

@media (min-width: 768px) {
    body.employee-c main article section.employee_fv {
        background: url("../images/employee/c/fv.jpg") no-repeat 50% 50% / cover;
        height: 500px;
    }
}

@media (min-width: 992) {
    body.employee-c main article section.employee_fv {
        background: url("../images/employee/c/fv_pc.jpg") no-repeat 50% 50% / cover;
        height: 500px;
    }
}

@media (min-width: 1200px) {
    body.employee-c main article section.employee_fv {
        background: url("../images/employee/c/fv_pc.jpg") no-repeat 50% 50% / cover;
        height: 600px;
    }
}

body.employee-d main article section.employee_fv {
    background: url("../images/employee/d/fv.jpg") no-repeat 50% 50% / cover;
    height: 300px;
}

@media (min-width: 768px) {
    body.employee-d main article section.employee_fv {
        background: url("../images/employee/d/fv.jpg") no-repeat 50% 50% / cover;
        height: 500px;
    }
}

@media (min-width: 992px) {
    body.employee-d main article section.employee_fv {
        background: url("../images/employee/d/fv_pc.jpg") no-repeat 50% 50% / cover;
        height: 500px;
    }
}

@media (min-width: 1200px) {
    body.employee-d main article section.employee_fv {
        background: url("../images/employee/d/fv_pc.jpg") no-repeat 50% 50% / cover;
        height: 600px;
    }
}

/*フォントカラーのみ設定*/
body.employee main article section.employee_fv h1 , body.employee main article section.employee_fv p {
    color: #FFF;
}

body.employee main article section.employee_fv h1 {
    font-size: 1.8em;
    line-height: 1.5em;
    padding: 13% 0% 0% 6%;
    font-weight: 400;
    letter-spacing: 1px;
}

@media (min-width: 576px) {
    body.employee main article section.employee_fv h1 {
        font-size: 1.8em;
        line-height: 1.5em;
        padding: 8% 0% 0% 6%;
        font-weight: 400;
        letter-spacing: 1px;
    }
}

@media (min-width: 768px) {
    body.employee main article section.employee_fv h1 {
        font-size: 3.5em;
        line-height: 1.5em;
        padding: 10% 0% 0% 6%;
        font-weight: 400;
        letter-spacing: 1px;
    }
}

@media (min-width: 992px) {
    body.employee main article section.employee_fv h1 {
        font-size: 37px;
        line-height: 1.5em;
        padding: 0px 0px 0px 12%;
        font-weight: 500;
        letter-spacing: 1px;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_fv h1 {
        font-size: 37px;
        line-height: 1.5em;
        padding: 0px 0px 0px 25%;
        font-weight: 500;
        letter-spacing: 1px;
    }
}

body.employee-b main article section.employee_fv h1 ,body.employee-d main article section.employee_fv h1 {
    font-size: 1.6em;
    line-height: 1.5em;
    padding: 19% 0% 2% 36%;
    font-weight: 400;
    letter-spacing: 1px;
}

@media (min-width: 370px) {
    body.employee-b main article section.employee_fv h1 ,body.employee-d main article section.employee_fv h1 {
    font-size: 1.8em;
    line-height: 1.5em;
    padding: 13% 0% 0% 36%;
    font-weight: 400;
    letter-spacing: 1px;
}
}

@media (min-width: 768px) {
    body.employee-b main article section.employee_fv h1 ,body.employee-d main article section.employee_fv h1 {
        font-size: 3.0em;
        line-height: 1.5em;
        padding: 13% 0% 0% 40%;
        font-weight: 400;
        letter-spacing: 1px;
    }
}

@media (min-width: 992px) {
    body.employee-b main article section.employee_fv h1 ,body.employee-d main article section.employee_fv h1 {
        font-size: 37px;
        line-height: 1.5em;
        padding: 0px 0px 0px 40%;
        font-weight: 500;
        letter-spacing: 1px;
    }
}

@media (min-width: 1200px) {
    body.employee-b main article section.employee_fv h1 ,body.employee-d main article section.employee_fv h1 {
        font-size: 37px;
        line-height: 1.5em;
        padding: 0px 0px 0px 52%;
        font-weight: 500;
        letter-spacing: 1px;
    }
}

body.employee main article section.employee_fv p {
    font-size: 1em;
    padding: 10% 0% 0% 6%;
    font-weight: 300;
    letter-spacing: 1px;
}

@media (min-width: 576px) {
    body.employee main article section.employee_fv p {
        font-size: 1em;
        padding: 5% 0% 0% 6%;
        font-weight: 300;
        letter-spacing: 1px;
    }
}

@media (min-width: 768px) {
    body.employee main article section.employee_fv p {
        font-size: 2em;
        padding: 5% 0% 0% 6%;
        font-weight: 300;
        letter-spacing: 1px;
    }
}

@media (min-width: 992px) {
    body.employee main article section.employee_fv p {
        font-size: 2em;
        padding: 0px 0px 0px 12%;
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_fv p {
        font-size: 2em;
        padding: 0px 0px 0px 25%;
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 16px;
    }
}

body.employee-b main article section.employee_fv p,body.employee-d main article section.employee_fv p {
    font-size: 1em;
    padding: 7% 0% 0% 6%;
    font-weight: 300;
    letter-spacing: 1px;
}

@media (min-width: 576px) {
    body.employee-b main article section.employee_fv p ,body.employee-d main article section.employee_fv p {
        font-size: 1em;
        padding: 2% 0% 0% 6%;
        font-weight: 300;
        letter-spacing: 1px;
    }
}

@media (min-width: 768px) {
    body.employee-b main article section.employee_fv p ,body.employee-d main article section.employee_fv p {
        font-size: 2em;
        padding: 5% 0% 0% 6%;
        font-weight: 300;
        letter-spacing: 1px;
    }
}

@media (min-width: 992px) {
    body.employee-b main article section.employee_fv p,body.employee-d main article section.employee_fv p {
        font-size: 2em;
        padding: 0px 0px 0px 40%;
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    body.employee-b main article section.employee_fv p ,body.employee-d main article section.employee_fv p {
        font-size: 2em;
        padding: 20px 0px 0px 52%;
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 16px;
    }
}

body.employee main article section.employee_fv .employee_pc {
    font-size: 20px;
    padding-top: 170px;
}

@media (min-width: 1200px) {
    body.employee main article section.employee_fv .employee_pc {
        font-size: 20px;
        padding-top: 230px;
    }
}

body.employee-b main article section.employee_fv .employee_pc ,body.employee-d main article section.employee_fv .employee_pc {
    font-size: 20px;
    padding-top: 170px;
    padding-left: 40%;
}

@media (min-width: 1200px) {
    body.employee-b main article section.employee_fv .employee_pc,body.employee-d main article section.employee_fv .employee_pc {
        font-size: 20px;
        padding-top: 200px;
        padding-left: 52%;
    }
}

body.employee main article section.employee_sub {
    margin-top: 24%;
    margin-bottom: 30%;
}

@media (min-width: 768px) {
    body.employee main article section.employee_sub {
        margin-top: 14%;
        margin-bottom: 20%;
    }
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub {
        width: 1000px;
        margin: 0 auto;
        margin-top: 6%;
        margin-bottom: 110px;
    }

    body.employee main article section.employee_sub:nth-child(even) {
        width: 1000px;
        margin: 0 auto;
        margin-top: 6%;
        margin-bottom: 80px;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub {
        width: 1000px;
        margin: 0 auto;
        margin-top: 6%;
        margin-bottom: 160px;
    }

    body.employee main article section.employee_sub:nth-child(even) {
        width: 1000px;
        margin: 0 auto;
        margin-top: 6%;
        margin-bottom: 112px;
    }
}

body.employee main article section.employee_sub .sec_top_img {
    float: unset;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub .sec_top_img {
        float: left;
        width: 66%;
    }

    body.employee main article section.employee_sub:nth-child(even) .sec_top_img {
        float: right;
        margin-right: 0px;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub .sec_top_img {
        float: left;
        width: 70%;
    }

    body.employee main article section.employee_sub:nth-child(even) .sec_top_img {
        float: right;
        margin-right: -70px;
        margin-left: 0px;
    }
}

body.employee main article section.employee_sub h1 {
    text-align: center;
    display: block;
    background-color: #5ea88e;
    font-size: 1.3em;
    font-weight: 300;
    color: #FFF;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: -14%;
    display : flex;
    justify-content: center;
    align-items : center;
    position: absolute;
    left: 40%;
}

@media (min-width: 768px) {
    body.employee main article section.employee_sub h1 {
        text-align: center;
        display: block;
        background-color: #5ea88e;
        font-size: 2em;
        font-weight: 300;
        color: #FFF;
        width: 150px;
        height: 150px;
        margin: 0 auto;
        margin-top: -6%;
        display : flex;
        justify-content: center;
        align-items : center;
        position: absolute;
        left: 40%;
    }
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub h1 {
        text-align: center;
        display: block;
        background-color: #5ea88e;
        font-size: 16px;
        font-weight: 300;
        color: #FFF;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-top: -2.5%;
        display : flex;
        justify-content: center;
        align-items : center;
        position: absolute;
        left: 42%;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub h1 {
        text-align: center;
        display: block;
        background-color: #5ea88e;
        font-size: 16px;
        font-weight: 300;
        color: #FFF;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        margin-top: -2.5%;
        display : flex;
        justify-content: center;
        align-items : center;
        position: absolute;
        left: 49%;
    }
}

body.employee main article section.employee_sub .sec_top_img img {
    width: 100%;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub .sec_top_img img {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub .sec_top_img img {
        width: 100%;
    }
}

body.employee main article section.employee_sub p {
    font-size: 1em;
    padding: 5% 8% 0% 8%;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: justify;
    float: unset;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub p {
        font-size: 14px;
        padding: 0% 0% 0% 0%;
        margin: 0px 0px 0px 668px;
        font-weight: 300;
        letter-spacing: 0px;
        text-align: justify;
        width: 33%;
        height: 500px;
    }

    body.employee main article section.employee_sub:nth-child(even) p {
        font-size: 14px;
        padding: 0% 0% 0% 0%;
        margin: 0px 0px 0px 0px;
        font-weight: 300;
        letter-spacing: 0px;
        text-align: justify;
        width: 33%;
        height: 500px;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub p {
        font-size: 14px;
        padding: 0% 0% 0% 0%;
        margin: 0px 0px 0px 731px;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: justify;
        width: 33%;
        height: 472px;
    }

    body.employee main article section.employee_sub:nth-child(even) p {
        font-size: 14px;
        padding: 0% 0% 0% 0%;
        margin: 0px 0px 0px 0px;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: justify;
        width: 33%;
        height: 471px;
    }
}

body.employee main article section.employee_sub02 {
    margin-top: -15%;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub02 {
        margin-top: -5%;
        clear: both;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub02 {
        margin-top: -5%;
        clear: both;
        width: 100%;
        background: #fafafa;
        margin: 0 auto;
    }
}

body.employee main article section.employee_sub02 h1 img {
    width: 100%;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub02 h1 img {
        width: 100%;
        margin: 0 0;
        padding: 0px 0px;
        background: #fafafa;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub02 h1 img {
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media (min-width: 1300px) {
    body.employee main article section.employee_sub02 h1 img {
        width: 1300px;
        margin: 0 auto;
    }
}

body.employee main article section.employee_sub03 {
    background: url("../images/employee/a/message_bg.jpg") no-repeat 0% 0% / cover;
    position: relative;
    height: 350px;
}

@media (min-width: 768px) {
    body.employee main article section.employee_sub03 {
        background: url("../images/employee/a/message_bg.jpg") no-repeat 0% 0% / cover;
        position: relative;
        height: 420px;
    }
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub03 {
        background: #fff;
        position: relative;
        height: 200px;
        width: 1000px;
        margin: 0 auto;
    }
}

body.employee main article section.employee_sub03 h1 img {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: -9%;
    padding: 0% 7% 0% 7%;
}

@media (min-width: 576px) {
    body.employee main article section.employee_sub03 h1 img {
        top: -16%;
    }
}
@media (min-width: 768px) {
    body.employee main article section.employee_sub03 h1 img {
        top: -14%;
    }
}
@media (min-width: 992px) {
    body.employee main article section.employee_sub03 h1 img {
        top: 15%;
    }
}

body.employee main article section.employee_sub03 p {
    position: absolute;
    bottom: 0%;
    padding: 0% 7% 0% 7%;
}

@media (min-width: 768px) {
    body.employee main article section.employee_sub03 p {
        position: absolute;
        bottom: 0%;
        padding: 0% 7% 0% 7%;
    }
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub03 p {
        position: absolute;
        bottom: -28%;
        padding: 0% 32% 0% 10%;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub03 p {
        position: absolute;
        bottom: -29%;
        padding: 0% 32% 0% 10%;
    }
}

body.employee main article section.employee_sub04 ul {
    margin-top: 5%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub04 ul {
        width: 620px;
        margin: 0 auto;
        margin-top: 10%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub04 ul {
        width: 620px;
        margin: 0 auto;
        margin-top: 5%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
}

body.employee main article section.employee_sub04 ul li {
    width : 98%;
    /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% / 3);
    width: calc(100% / 3);
    padding: 3%;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub04 ul li {
        width : 98%;
        /* IE8以下とAndroid4.3以下用フォールバック */
        width : -webkit-calc(100% / 3);
        width: calc(70% / 3);
        padding: 2%;
        margin: 0% 4%;
    }
}

body.employee main article section.employee_sub04 ul li a {
    color: #343434;
}

body.employee main article section.employee_sub04 ul li img {
    width : 100%;
}

body.employee main article section.employee_sub04 ul li p {
    text-align: center;
    margin-top: 8%;
    line-height: 20px;
}

body.employee main article section.employee_sub05 {
    margin-top: 10%;
    margin-bottom: 20%;
    width: 100%;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub05 {
        margin: 0 auto;
        margin-top: 0%;
        margin-bottom: 15%;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    body.employee main article section.employee_sub05 {
        margin: 0 auto;
        margin-top: 0%;
        margin-bottom: 10%;
        max-width: 1200px;
    }
}

body.employee main article section.employee_sub05 img {
    width: 74%;
    margin: 0 auto;
    display: block;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub05 img {
        width: 44%;
        margin: 0 auto;
        display: block;
    }
}

body.employee main article section.employee_sub05 ul {
    margin-top: 10%;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub05 ul {
        margin-top: 0%;
    }
}

body.employee main article section.employee_sub05 li {
    width: 85%;
    padding: 5%;
    border: solid 1px #5ea88e;
    margin: 3% auto;
    background: url(../images/employee/common/arw.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
}

@media (min-width: 992px) {
    body.employee main article section.employee_sub05 li {
        width: 44%;
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 2% 30px;
        background: url(../images/employee/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

body.employee main article section.employee_sub05 a {
    color: #5ea88e;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 2px;
	display: block;
}

/* =================================
business.html
================================= */
.business_pc {
    display: none !important;
}

.business_sp {
    display: block !important;
}

@media (min-width: 992px) {
    .business_pc {
        display:block !important;
    }

    .business_sp {
        display: none !important;
    }
}

/* a??a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.business main article header {
    margin-bottom: 20px;
}

body.business main article header h1 {
    font-size: 1.4em;
}
body.business main article header .parallax {
	background: url("../images/business/01_pc.jpg") no-repeat center 15% / cover;
}



@media (min-width: 992px) {
    body.business main article header {
        margin-bottom: 25px;
        position: relative;
    }

    body.business main article header h1 {
        color: #FFF;
        font-size: 30px;
        position: absolute;
        top: 210px;
        z-index: 1;
        width: 100%;
    }

    body.business main article header .parallax {
        height: 500px !important;
    }
}

/* a?2a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.business main article section.business_sub {
    margin-top: 0%;
}

@media (min-width: 992px) {
    body.business main article section.business_sub {
        margin-top: 0%;
        width: 100%;
    }
}

body.business main article section.business_sub h1 {
    font-size: 1.7em;
    color: #5ea88e;
    padding: 5% 3% 0% 3%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 768px) {
    body.business main article section.business_sub h1 {
        font-size: 1.8em;
        color: #5ea88e;
        padding: 5% 8% 0% 8%;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
    }
}

@media (min-width: 992px) {
    body.business main article section.business_sub h1 {
        font-size: 30px;
        color: #5ea88e;
        padding: 3% 14% 0% 14%;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
    }
}

body.business main article section.business_sub .sec_top_img img {
    width: 100%;
}

body.business main article section.mt_00 {
    background: url("../images/business/01.jpg") no-repeat;
    background-size: contain;
    /* background-position: 50% 100%; */
    position: relative;
    padding: 26%;
}

@media (min-width: 768px) {
    body.business main article section.mt_00 {
        background: url("../images/business/01.jpg") no-repeat;
        background-size: cover;
        background-position: 0% 100%;
        height: 490px;
        position: relative;
    }
}

@media (min-width: 992px) {
    body.business main article section.mt_00 {
        background: url("../images/business/01_pc.jpg") no-repeat;
        background-size: cover;
        background-position: 50% 0%;
        height: 600px;
        position: relative;
        padding: unset;
    }
}

@media (min-width: 1200px) {
    body.business main article section.mt_00 {
        background: url("../images/business/01_pc.jpg") no-repeat;
        background-size: cover;
        background-position: 57% 0%;
        height: 600px;
        position: relative;
    }
}

@media (min-width: 1400px) {
    body.business main article section.mt_00 {
        background: url("../images/business/01_pc.jpg") no-repeat;
        background-size: cover;
        background-position: 60% 30%;
        height: 500px;
        position: relative;
    }
}

body.business main article section.mt_00_a {
    background: url("../images/business/02.png") no-repeat;
    background-size: contain;
    background-position: 0% 100%;
    height: 460px;
    position: relative;
}

@media (min-width: 576px) {
    body.business main article section.mt_00_a {
        background: url("../images/business/02.png") no-repeat;
        background-size: cover;
        background-position: 0% -40%;
        height: 470px;
        position: relative;
    }
}

@media (min-width: 768px) {
    body.business main article section.mt_00_a {
        background: url("../images/business/02.png") no-repeat;
        background-size: 100% auto;
        background-position: 0% -20%;
        height: unset;
        padding-bottom: 25%;
        position: relative;
    }
}

@media (min-width: 992px) {
    body.business main article section.mt_00_a {
        background: url("../images/business/02_pc.png") no-repeat;
        background-size: 100% auto;
        background-position: 0% 102%;
        height: unset;
        padding-bottom: 10%;
        position: relative;
    }
}

@media (min-width: 1200px) {
    body.business main article section.mt_00_a {
        background: url("../images/business/02_pc.png") no-repeat;
        background-size: 100% auto;
        background-position: 0% 102%;
        height: unset;
        padding-bottom: 10%;
        position: relative;
    }
}

body.business main article section.mt_00_a a {
    color: #5ea88e;
    font-weight: bold;
}

body.business main article .wrap-huwahuwa {
    width: 100px;
    position: absolute;
    top: 13%;
    right: 2.5%;
}

body.business main article .wrap-huwahuwa img {
    width: 100px;
}

@media (min-width: 992px) {
    body.business main article .wrap-huwahuwa {
        width: 100px;
        position: absolute;
        top: 420px;
        right: 14.5%;
        z-index: 111;
    }

    body.business main article .wrap-huwahuwa img {
        width: 130px;
    }
}

@media (min-width: 1200px) {
    body.business main article .wrap-huwahuwa {
        width: 140px;
        position: absolute;
        top: 420px;
        right: 23.5%;
    }

    body.business main article .wrap-huwahuwa img {
        width: 145px;
    }
}

/*! CSS Used keyframes */
@keyframes vertical {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(30px);
    }
}

body.business main article section.mt_00_a ul {
    position: absolute;
    width: 100%;
    bottom: -11%;
}

@media (min-width: 992px) {
    body.business main article section.mt_00_a ul {
        position: absolute;
        width: 100%;
        bottom: -10%;
    }
}

body.business main article section.mt_00_a li {
    width: 70%;
    padding: 5%;
    margin: 3% auto;
    background: url(../images/business/common/arw02.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
    background-color: #ffe200;
    color: #525252;
    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
}

@media (min-width: 992px) {
    body.business main article section.mt_00_a li {
        width: 33%;
        padding: 1%;
        margin: 0% auto;
        background: url(../images/business/common/arw02.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
        background-color: #ffe200;
        color: #525252;
        font-size: 29px;
        font-weight: 500;
        letter-spacing: 0px;
        text-align: center;
    }
}

body.business main article section.mt_00 a {
    color: #5ea88e;
}

body.business main article section.mt_01 {
    margin-top: 0%;
}

body.business main article section.mt_01 a {
    color: #5ea88e;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 2px;
}

body.business main article section.mt_01 p {
    padding: 10% 0% 0% 0% ;
}

body.business main article section.mt_01 img {
    width: 100%;
}

body.business main article section.mt_02 {
    margin-top: -10%;
}

@media (min-width: 992px) {
    body.business main article section.mt_02 {
        margin-top: 0%;
    }
}

@media (min-width: 1200px) {
    body.business main article section.mt_02 {
        width: 1200px;
        margin: 0 auto;
        margin-top: 0%;
        margin-bottom: 15%;
    }
}

body.business main article section.mt_02 a h1 {
    padding: 5%;
    margin: 3% auto;
    background: url(../images/business/common/arw03.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
    background-color: #77c89b;
}

@media (min-width: 992px) {
    body.business main article section.mt_02 a h1 {
        padding: 5%;
        margin: 3% auto;
        background: url(../images/business/common/arw02.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
        background-color: #77c89b;
    }
}

body.business main article section.mt_02 h1 {
    font-size: 2em;
    color: #5ea88e;
    padding: 10% 8% 0% 8%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 5%;
}

@media (min-width: 992px) {
    body.business main article section.mt_02 h1 {
        font-size: 30px;
        color: #5ea88e;
        padding: 4% 8% 0% 8%;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 5%;
    }
}

@media (min-width: 1200px) {
    body.business main article section.mt_02 h1 {
        font-size: 30px;
        color: #5ea88e;
        padding: 1% 8% 0% 8%;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
        margin-bottom: 2%;
    }
}

body.business main article section.mt_02 section {
    margin-bottom: 5%;
}

@media (min-width: 992px) {
    body.business main article section.mt_02 section {
        margin-bottom: 5%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        margin: 0px 0px;
        padding: 0 2%;
        float: left;
        width: 98%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
    }
}

@media (min-width: 1200px) {
    body.business main article section.mt_02 section {
        margin-bottom: 0%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        margin: 0px 0px;
        padding: 0 1%;
        float: left;
        width: 1200px;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width: -webkit-calc(1200px / 3);
        width: calc(1200px / 3);
    }
}

body.business main article section.mt_02 section h1 {
    font-size: 1.5em;
    background-color: #77c89b;
    color: #FFF;
    padding: 3% 8% 3% 8%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}

@media (min-width: 992px) {
    body.business main article section.mt_02 section h1 {
        font-size: 22px;
        background-color: #fff;
        color: #77c89b;
        padding: 3% 8% 3% 8%;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: left;
        border-top: solid 1px #77c89b;
        border-bottom: solid 1px #77c89b;
    }
}

body.business main article section.mt_02 section ul {
}

body.business main article section.mt_02 section li {
    font-size: 1.0em;
    color: #525252;
    padding: 0% 9% 1% 8%;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: left;
}

@media (min-width: 992px) {
    body.business main article section.mt_02 section li {
        font-size: 14px;
        color: #525252;
        padding: 0% 9% 1% 8%;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: left;
    }
}

body.business main article section.mt_02 section li h2 {
    font-size: 1.3em;
    color: #5ea88e;
    padding: 3% 0% 1% 0%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}

@media (min-width: 992px) {
    body.business main article section.mt_02 section li h2 {
        font-size: 16px;
        color: #5ea88e;
        padding: 3% 0% 1% 0%;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: left;
    }
}

body.business main article section.mt_03 {
    margin-top: -10%;
}

body.business main article section.business_sub p {
    font-size: 14px;
    color: #525252;
    padding: 3% 8% 5% 8%;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: justify;
}

@media (min-width: 992px) {
    body.business main article section.business_sub p {
        font-size: 16px;
        color: #525252;
        padding: 3% 14% 5% 14%;
        font-weight: 400;
        letter-spacing: 1px;
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    body.business main article section.business_sub p {
        font-size: 16px;
        width: 730px;
        padding: 2% 0% 5% 0%;
        color: #525252;
        margin: 0 auto;
        font-weight: 400;
        letter-spacing: 1px;
        text-align: justify;
    }
}

@media (min-width: 992px) {
    body.business main article section.business_sub p.business_pc {
        font-size: 30px;
        width: 100%;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
        position: absolute;
        color: #FFF;
        top: 244px;
    }
}

@media (min-width: 1200px) {
    body.business main article section.business_sub p.business_pc {
        font-size: 30px;
        width: 100%;
        font-weight: 500;
        letter-spacing: 1px;
        /* text-align: center; */
        position: absolute;
        color: #FFF;
        top: 274px;
    }
}

body.business main article section.mt_01 p {
    padding: 7% 8% 0% 8%;
}

@media (min-width: 992px) {
    body.business main article section.mt_01 p {
        padding: 4% 8% 2% 8%;
    }
}

@media (min-width: 1200px) {
    body.business main article section.mt_01 p {
        padding: 3% 0% 2% 0%;
    }
}

body.business main article section.business_sub .vr_wrap {
    width: 100%;
    margin-top: 14%;
}

body.business main article section.business_sub .vr_wrap img.vr_gif {
    position: absolute;
}

body.business main article section.business_sub .vr_wrap img.vr_he {
    position: relative;
    width: 33%;
    margin-top: -7.5%;
}

@media (min-width: 992px) {
    body.business main article section.business_sub02 {
        width: 992px;
        margin: 0 auto;
        clear: both;
    }
}

@media (min-width: 1200px) {
    body.business main article section.business_sub02 {
        width: 1200px;
        margin: 0 auto;
        clear: both;
    }
}

body.business main article section.business_sub02 ul {
    margin-top: 20%;
    margin-bottom: 15%;
}

@media (min-width: 768px) {
    body.business main article section.business_sub02 ul {
        margin-top: 8%;
        margin-bottom: 5%;
    }
}

@media (min-width: 992px) {
    body.business main article section.business_sub02 ul {
        margin-top: 8%;
        margin-bottom: 5%;
    }
}

@media (min-width: 1200px) {
    body.business main article section.business_sub02 ul {
        margin-top: 0%;
        margin-bottom: 0%;
    }
}

body.business main article section.business_sub02 li a {
    display: block;
    width: 85%;
    padding: 5%;
    border: solid 1px #5ea88e;
    margin: 3% auto;
    background: url(../images/business/common/arw.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
}

@media (min-width: 992px) {
    body.business main article section.business_sub02 li a {
        width : 98%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(100% /3);
        width: calc(90% /3);
        float: left;
        padding: 1%;
        border: solid 1px #5ea88e;
        margin: 3% 1%;
        background: url(../images/business/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

@media (min-width: 1200px) {
    body.business main article section.business_sub02 li a {
        width : 96%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(96% /3);
        width: calc(94% /3);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 7% 1%;
        background: url(../images/business/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

body.business main article section.business_sub02 a {
    color: #5ea88e;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 2px;
}

@media (min-width: 992px) {
    body.business main article section.business_sub02 a {
        color: #5ea88e;
        font-size: 1.5em;
        font-weight: 500;
        letter-spacing: 2px;
    }
}

/* =================================
plan.html
================================= */
.plan_pc {
    display: none !important;
}

.plan_sp {
    display: block !important;
}

@media (min-width: 992px) {
    .plan_pc {
        display:block !important;
    }

    .plan_sp {
        display: none !important;
    }
}

/* a??a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.plan main article header {
    margin-bottom: 20px;
}

body.plan main article header h1 {
    font-size: 1.4em;
}

body.plan main article header .parallax {
	background: url("../images/plan/01_pc.jpg") no-repeat center 27% / cover;
}
@media (min-width: 992px) {
    body.plan main article header {
        margin-bottom: 25px;
        position: relative;
    }

    body.plan main article header h1 {
        color: #FFF;
        font-size: 30px;
        position: absolute;
        top: 210px;
        z-index: 1;
        width: 100%;
    }

    body.plan main article header .parallax {
        height: 500px !important;
    }
}

/* a?2a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.plan main article section.plan_sub {
    margin-top: -5%;
    margin-bottom: 10%;
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub {
        margin-top: 0%;
        margin-bottom: 10%;
    }
}

@media (min-width: 1200px) {
    body.plan main article section.plan_sub {
        width:1140px;
        margin: 0 auto;
        margin-top: 0%;
        margin-bottom: 10%;
    }
}

body.plan main article section.plan_sub h1 {
    font-size: 2em;
    color: #5ea88e;
    padding: 10% 8% 0% 8%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub h1 {
        font-size: 30px;
        color: #5ea88e;
        padding: 5% 8% 0% 8%;
        margin: 30px auto;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        clear: both;
    }
}

body.plan main article section.plan_sub .sec_top_img {
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub .sec_top_img {
        float:left;
        width: 53%;
        margin: 0 3%;
    }
}

body.plan main article section.plan_sub .sec_top_img img {
    width: 100%;
}

body.plan main article section.mt_01 {
    margin-top: -10%;
}

body.plan main article section.mt_02 {
    margin-top: -10%;
}

body.plan main article section.mt_03 {
    margin-top: -10%;
}

body.plan main article section.plan_sub p {
    font-size: 1em;
    padding: 3% 8% 5% 8%;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: justify;
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub p {
        font-size: 1em;
        padding: 0% 3% 0% 0%;
        font-weight: 300;
        letter-spacing: 1px;
        text-align: justify;
        float: right;
        width: 41%;
        /* height: 290px; */
    }
}

body.plan main article section.plan_sub .vr_wrap {
    width: 100%;
    margin-top: 14%;
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub .vr_wrap {
        width: 50%;
        margin-top: 0%;
    }
}

body.plan main article section.plan_sub .vr_wrap img.vr_gif {
    position: absolute;
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub .vr_wrap img.vr_gif {
        position: absolute;
        width: 53%;
    }
}

@media (min-width: 1200px) {
    body.plan main article section.plan_sub .vr_wrap img.vr_gif {
        position: absolute;
        width: 602px;
    }
}

body.plan main article section.plan_sub .vr_wrap img.vr_he {
    position: relative;
    width: 33%;
    margin-top: -7.5%;
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub .vr_wrap img.vr_he {
        position: relative;
        width: 34.7%;
        margin-top: -7.5%;
    }
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub02 {
        clear:both;
        margin-top: 34%;
        width: 992px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    body.plan main article section.plan_sub02 {
        clear:both;
        margin-top: 34%;
        width: 1140px;
        margin: 0 auto;
    }
}

body.plan main article section.plan_sub02 ul {
    margin-top: 20%;
    margin-bottom: 15%;
}

@media (min-width: 1200px) {
    body.plan main article section.plan_sub02 ul {
        width: 800px;
        margin: 0 auto;
    }
}

body.plan main article section.plan_sub02 li a {
    display: block;
    width: 85%;
    padding: 5%;
    border: solid 1px #5ea88e;
    margin: 3% auto;
    background: url(../images/plan/common/arw.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
}

@media (min-width: 992px) {
    body.plan main article section.plan_sub02 li a {
        width : 96%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(96% /2);
        width: calc(96% /2);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 3% 1%;
        background: url(../images/plan/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

@media (min-width: 1200px) {
    body.plan main article section.plan_sub02 li a {
        width : 96%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(96% /2);
        width: calc(96% /2);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 7% 1%;
        background: url(../images/plan/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

body.plan main article section.plan_sub02 a {
    color: #5ea88e;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 2px;
}

/* =================================
river.html
================================= */
.river_pc {
    display: none !important;
}

.river_sp {
    display: block !important;
}

@media (min-width: 992px) {
    .river_pc {
        display:block !important;
    }

    .river_sp {
        display: none !important;
    }
}

/* a??a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.river main article header {
    margin-bottom: 20px;
}

body.river main article header h1 {
    font-size: 1.4em;
}
body.river main article header .parallax {
	background: url("../images/river/01_pc.jpg") no-repeat center 27% / cover;
}

@media (min-width: 992px) {
    body.river main article header {
        margin-bottom: 25px;
        position: relative;
    }

    body.river main article header h1 {
        color: #FFF;
        font-size: 30px;
        position: absolute;
        top: 210px;
        z-index: 1;
        width: 100%;
    }

    body.river main article header .parallax {
        height: 500px !important;
    }
}

/* a?2a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.river main article section.river_sub {
    margin-top: -5%;
    margin-bottom: 10%;
}

@media (min-width: 992px) {
    body.river main article section.river_sub {
        margin-top: 0%;
        margin-bottom: 10%;
    }
}

@media (min-width: 1200px) {
    body.river main article section.river_sub {
        width:1140px;
        margin: 0 auto;
        margin-top: 0%;
        margin-bottom: 10%;
    }
}

body.river main article section.river_sub h1 {
    font-size: 2em;
    color: #5ea88e;
    padding: 10% 8% 0% 8%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}

@media (min-width: 992px) {
    body.river main article section.river_sub h1 {
        font-size: 30px;
        color: #5ea88e;
        padding: 5% 8% 0% 8%;
        margin: 30px auto;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        clear: both;
    }
}

body.river main article section.river_sub h1.midashi {
    margin-bottom: -20px;
}

@media (min-width: 992px) {
    body.river main article section.river_sub h1.midashi {
        margin-bottom: -70px;
    }
}

body.river main article section.river_sub .sec_top_img {
}

@media (min-width: 992px) {
    body.river main article section.river_sub .sec_top_img {
        float:left;
        width: 53%;
        margin: 0 3%;
    }
}

body.river main article section.river_sub .sec_top_img img {
    width: 100%;
}

@media (min-width: 992px) {
    body.river main article section.river_sub .sec_top_img img {
        width: 100%;
    }
}

body.river main article section.mt_01 {
    margin-top: -15%;
}

body.river main article section.mt_02 {
    margin-top: -10%;
}

body.river main article section.mt_03 {
    margin-top: -10%;
}

body.river main article section.river_sub p {
    font-size: 1em;
    padding: 3% 8% 5% 8%;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: justify;
}

@media (min-width: 992px) {
    body.river main article section.river_sub p {
        font-size: 1em;
        padding: 0% 3% 0% 0%;
        font-weight: 300;
        letter-spacing: 1px;
        text-align: justify;
        float: right;
        width: 41%;
        /* height: 290px; */
    }
}

body.river main article section.river_sub .vr_wrap {
    width: 100%;
    margin-top: 14%;
}

body.river main article section.river_sub .vr_wrap img.vr_gif {
    position: absolute;
}

body.river main article section.river_sub .vr_wrap img.vr_he {
    position: relative;
    width: 33%;
    margin-top: -7.5%;
}

body.river main article section.river_sub02 ul {
    margin-top: 20%;
    margin-bottom: 15%;
}

@media (min-width: 1200px) {
    body.river main article section.river_sub02 ul {
        width: 800px;
        margin: 0 auto;
    }
}

body.river main article section.river_sub02 li a {
    display: block;
    width: 85%;
    padding: 5%;
    border: solid 1px #5ea88e;
    margin: 3% auto;
    background: url(../images/river/common/arw.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
}

@media (min-width: 992px) {
    body.river main article section.river_sub02 li a {
        width : 96%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(96% /2);
        width: calc(96% /2);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 3% 1%;
        background: url(../images/river/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

@media (min-width: 1200px) {
    body.river main article section.river_sub02 li a {
        width : 96%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(96% /2);
        width: calc(96% /2);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 7% 1%;
        background: url(../images/river/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

body.river main article section.river_sub02 a {
    color: #5ea88e;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 2px;
}

body.river main article section .bx-pager {
    display: none;
}

body.river main article section .bx-wrapper {
    border: 0px solid #fff;
}

/* =================================
road.html
================================= */
.road_pc {
    display: none !important;
}

.road_sp {
    display: block !important;
}

@media (min-width: 992px) {
    .road_pc {
        display:block !important;
    }

    .road_sp {
        display: none !important;
    }
}

/* a??a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.road main article header {
    margin-bottom: 20px;
}

body.road main article header h1 {
    font-size: 1.4em;
}
body.road main article header .parallax {
	background: url("../images/road/01_pc.jpg") no-repeat center 27% / cover;
}

@media (min-width: 992px) {
    body.road main article header {
        margin-bottom: 25px;
        position: relative;
    }

    body.road main article header h1 {
        color: #FFF;
        font-size: 30px;
        position: absolute;
        top: 210px;
        z-index: 1;
        width: 100%;
    }

    body.road main article header .parallax {
        height: 500px !important;
    }
}

/* a?2a?‘a?ca?ca??a?￣a?1a??a??a??a?? */
body.road main article section.road_sub {
    margin-top: -15%;
    margin-bottom: 10%;
}

@media (min-width: 992px) {
    body.road main article section.road_sub {
        margin-top: 0%;
        margin-bottom: 10%;
    }
}

@media (min-width: 1200px) {
    body.road main article section.road_sub {
        width:1140px;
        margin: 0 auto;
        margin-top: 0%;
        margin-bottom: 10%;
    }
}

body.road main article section.road_sub h1 {
    font-size: 2em;
    color: #5ea88e;
    padding: 18% 8% 0% 8%;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}

@media (min-width: 992px) {
    body.road main article section.road_sub h1 {
        font-size: 30px;
        color: #5ea88e;
        padding: 5% 8% 0% 8%;
        margin: 30px auto;
        font-weight: 500;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        clear: both;
    }
}

body.road main article section.road_sub .sec_top_img {
}

@media (min-width: 992px) {
    body.road main article section.road_sub .sec_top_img {
        float:left;
        width: 53%;
        margin: 0 3%;
    }
}

body.road main article section.road_sub .sec_top_img img {
    width: 100%;
}

body.road main article section.mt_01 {
    margin-top: -15%;
}

body.road main article section.mt_02 {
    margin-top: -10%;
}

body.road main article section.mt_03 {
    margin-top: -10%;
}

body.road main article section.road_sub p {
    font-size: 1em;
    padding: 3% 8% 5% 8%;
    font-weight: 300;
    letter-spacing: 1px;
    text-align: justify;
}

@media (min-width: 992px) {
    body.road main article section.road_sub p {
        font-size: 1em;
        padding: 0% 3% 0% 0%;
        font-weight: 300;
        letter-spacing: 1px;
        text-align: justify;
        float: right;
        width: 41%;
        /* height: 290px; */
    }
}

body.road main article section.road_sub .vr_wrap {
    width: 100%;
    margin-top: 14%;
}

body.road main article section.road_sub .vr_wrap img.vr_gif {
    position: absolute;
}

body.road main article section.road_sub .vr_wrap img.vr_he {
    position: relative;
    width: 33%;
    margin-top: -7.5%;
}

body.road main article section.road_sub02 ul {
    margin-top: 20%;
    margin-bottom: 15%;
}

@media (min-width: 1200px) {
    body.road main article section.road_sub02 ul {
        width: 800px;
        margin: 0 auto;
    }
}

body.road main article section.road_sub02 li a {
    display: block;
    width: 85%;
    padding: 5%;
    border: solid 1px #5ea88e;
    margin: 3% auto;
    background: url(../images/road/common/arw.png) no-repeat right center / 6px auto;
    background-position: 95% 50%;
}

@media (min-width: 992px) {
    body.road main article section.road_sub02 li a {
        width : 96%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(96% /2);
        width: calc(96% /2);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 3% 1%;
        background: url(../images/road/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

@media (min-width: 1200px) {
    body.road main article section.road_sub02 li a {
        width : 96%;
        /* IE8a≫\a，?a?¨Android4.3a≫\a，?c”¨a??a?ca??a?≪a??a??a?￣ */
        width : -webkit-calc(96% /2);
        width: calc(96% /2);
        float: left;
        padding: 2%;
        border: solid 1px #5ea88e;
        margin: 7% 1%;
        background: url(../images/road/common/arw.png) no-repeat right center / 6px auto;
        background-position: 95% 50%;
    }
}

body.road main article section.road_sub02 a {
    color: #5ea88e;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 2px;
}

body.road main article section .bx-pager {
    display: none;
}

body.road main article section .bx-wrapper {
    border: 0px solid #fff;
}