@charset "UTF-8";

.feature-list {
    background: #f08300;
    color: #fff;
    text-align: center;
}
.feature-list__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    background: #fff;
    width: 140px;
    height: 140px;
    margin: 0 auto 20px;
}

@media screen and (min-width: 900px) {

	/* common */
	.top-link {
		text-align: center;
		margin-top: 60px;
	}

	/* kv */
	.area-kv {
		position: relative;
	}
	.area-kv__img img {
		width: 100%;
	}
	.area-kv__over {
		position: absolute;
		top: 37%;
		left: 0;
		width: 100%;
	}
	.area-kv__txt--01 {
		font-size: 40px;
		font-weight: 700;
		letter-spacing: 0.025em;
		line-height: 1.9;
	}
	.area-kv__txt--01 > span {
		display: inline-block;
		background: #f08300;
		color: #fff;
		line-height: 1.1;
		padding: .25em;
	}

	/* message */
	.area-msg .m-catch01 {
		margin-top: -12px;
	}

	.area-msg__inner {
		max-width: 770px;
		margin: 0 auto;
	}
	.area-msg__right {
		border-left: solid 1px #e5e5e5;
		width: 81.168%;
		padding-left: 7.143%;
	}
	.area-msg__right > * {
		margin-right: -0.5em;
	}

	/* merit */
	.area-merit {
		position: relative;
		min-height: 540px;
		margin-bottom: 25px;
	}
	.area-merit::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: #f4f3f1;
		width: 80%;
		height: 540px;
	}
	.area-merit__right {
		width: 75%;
	}

	.merit-list__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #fff;
		-webkit-box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		        box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		padding: 35px 0;
		margin-bottom: 20px;
	}
	.merit-list__lb {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		color: #f08300;
		text-align: center;
		width: 135px;
	}
	.merit-list__lb__lb {
		display: block;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 10px;
	}
	.merit-list__lb__num {
		display: block;
		font-size: 48px;
		font-weight: 700;
		letter-spacing: 0.025em;
		line-height: 0.8;
	}
	.merit-list__cont {
		border-left: solid 1px #e5e5e5;
		padding: 0 40px;
	}
	.merit-list__ttl {
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 7px;
	}

	/* staff */
	.area-staff__pic {
		position: absolute;
		top: -45px;
		right: 100px;
	}

	.area-staff__cont {
		padding: 75px 100px;
	}
	.area-staff__ttl {
		margin-bottom: 12px;
	}

	/* about - accounting & labor management */
	.area-about {
		position: relative;
	}
	.area-about .m-inner {
		z-index: 1;
	}
	.area-about::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: #f08300;
		width: 100%;
		height: 620px;
	}
	.area-about::after {
		position: absolute;
		top: -.15em;
		left: -5%;
		color: #fff;
		font-size: 260px;
		font-size: 16.2vw;
		font-weight: 700;
		line-height: 0.8;
		text-align: center;
		width: 110%;
		opacity: .1;
	}

	.area-about__ttl {
		color: #fff;
		font-size: 32px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 60px;
	}
	.area-about__ttl > span {
		display: inline-block;
		background: #fff;
		color: #f08300;
		line-height: 1.1;
		padding: .25em;
		margin: 0 .25em;
	}
	.area-about__lead {
		color: #fff;
		text-align: center;
		margin: 0 0 50px;
	}

	.about-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0 -2.38165% 55px;
	}
	.about-list__box {
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.344;
		text-align: center;
		width: 28.57%;
		margin: 0 2.38165%;
	}
	.about-list__img {
		margin-bottom: 15px;
	}
	.about-list__note {
		font-size: 14px;
		font-weight: 400;
	}

	.cando-box {
		background: #fff;
		text-align: center;
		padding: 50px 0 0;
	}

	.cando-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: -15px 0;
	}
	.cando-list__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #fff;
		-webkit-box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		        box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		width: 340px;
		height: 78px;
		padding: 0 10px;
		margin: 15px;
	}
	.cando-list__img {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		text-align: center;
		width: 88px;
	}

	.area-acc::after {
		content: "Accounting";
	}

	.area-lab::before {
		background: #f2b700;
	}
	.area-lab::after {
		content: "Labor\Amanagement";
	}
	.area-lab__pic {
		position: absolute;
		top: -120px;
		left: -80px;
	}
	.area-lab .area-about__ttl > span {
		color: #f1ac00;
	}
	.area-lab .m-btn01 {
		background: #f2b700;
	}

	/* feature */
	.area-feature__img {
		width: 38.33%;
	}
	.area-feature__txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-line-pack: center;
		    align-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 61.67%;
	}
	.area-feature__txt > * {
		max-width: 590px;
		width: 90%;
	}

	/* support */
	.area-sup__left {
		width: 31.66%;
	}
	.area-sup__right {
		width: 63.33%;
	}
	.area-sup__pic {
		position: absolute;
		z-index: 1;
		right: -60px;
		bottom: -100px;
	}

	.sup-list {
		border-top: solid 1px #c8c8c8;
	}
	.sup-list__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		border-bottom: solid 1px #c8c8c8;
		padding: 25px 25px 25px 40px;
	}
	.sup-list__img {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		margin-right: 20px;
	}
	.sup-list__txt {
		font-size: 18px;
	}

	/* flow */
	.flow-list {
		list-style: none;
	}
	.flow-list__box {
		position: relative;
		background: #f4f3f1;
		width: 15.833%;
		height: 125px;
		padding: 25px 7px 0 30px;
	}
	.flow-list__box::before,
	.flow-list__box::after {
		content: "";
		position: absolute;
		right: 0;
		border-style: solid;
		border-width: 31.25px 10px;
	}
	.flow-list__box::before {
		top: 0;
		border-color: #fff #fff transparent transparent;
	}
	.flow-list__box::after {
		bottom: 0;
		border-color: transparent #fff #fff transparent;
	}
	.flow-list__box:last-child::before,
	.flow-list__box:last-child::after {
		display: none;
	}
	.flow-list__ttl {
		display: block;
		color: #f08300;
		margin-bottom: 10px;
	}
	.flow-list__cont {
		display: block;
		font-size: 18px;
		line-height: 1.3;
	}

	/* voice */
	.voice-list__box {
		background: #fff;
		-webkit-box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		        box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		width: 31%;
	}
	.voice-list__cont {
		padding: 25px 30px;
	}
	.voice-list__ttl {
		font-size: 24px;
		font-weight: 700;
		margin: 0 0 10px;
	}

	/* seminer */
	.seminer-list__box {
		width: 29%;
		margin-bottom: 80px;
	}
	
	.seminer-list::after {
        content: "";
        display: block;
        width: 29%;
        height: 0;
    }
	.seminer-list__box h2 {
		margin-bottom: 20px;
		font-size: 20px;
	}	
	
	.seminer-list__box_inner {
		background: #fff;
		-webkit-box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		        box-shadow: 10px 10px 14px rgba(0,0,0,.1);
		min-height: 420px;
	}
	
	.seminer-list__cont {
		padding: 25px 30px;
	}
	.seminer-list__ttl {
		font-size: 24px;
		font-weight: 700;
		margin: 0 0 10px;
	}


	/* faq */
	.area-faq__right {
		width: 71.66%;
	}

	.faq {
		border-top: solid 1px #c8c8c8;
	}
	.faq__box {
		border-bottom: solid 1px #c8c8c8;
		padding: 20px 40px 20px 20px;
		cursor: pointer;
	}
	.faq__q {
		position: relative;
		font-size: 0.96em;
		padding: 25px 40px 25px 75px;
	}
	.faq__q::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		background: url("../image/icon/i_plus.svg") 50% 50% no-repeat;
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.is-open .faq__q::after {
		background-image: url("../image/icon/i_minus.svg");
	}
	.faq__a {
		display: none;
		position: relative;
		padding: 10px 40px 10px 75px;
	}
	.faq__q::before,
	.faq__a::before {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		border-radius: 50%;
		border: solid 1px #f08300;
		font-size: 24px;
		text-align: center;
		width: 58px;
		height: 58px;
		line-height: 54px;
		margin-top: -29px;
	}
	.faq__q::before {
		content: "Q";
		background: #fff;
		color: #f08300;
	}
	.faq__a::before {
		content: "A";
		background: #f08300;
		color: #fff;
	}
	
	/*area-top_feature*/
    .feature-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 50px 0;
        margin-top: 55px;
    }
    .feature-list__box {
        width: 33.3333%;
    }
    .feature-list__box + .feature-list__box {
        border-left: solid 1px;
    }

	.area-top_feature .link-list {
		margin: 40px auto;
		width: 480px
	}

}

@media screen and (max-width: 899px) {

	/* common */
	.top-link {
		text-align: center;
		margin-top: 40px;
	}

	/* kv */
	.area-kv {
		position: relative;
	}
	.area-kv__img img {
		width: 100%;
	}
	.area-kv__over {
		position: absolute;
		left: 0;
		bottom: 12%;
		width: 100%;
	}
	.area-kv__txt--01 {
		font-size: 32px;
		font-weight: 700;
		letter-spacing: 0.025em;
		line-height: 1.9;
		margin-right: -11%;
	}
	.area-kv__txt--01 > span {
		display: inline-block;
		background: #f08300;
		color: #fff;
		line-height: 1.1;
		padding: .25em;
	}

	/* merit */
	.area-merit {
		position: relative;
		min-height: 540px;
		margin-bottom: 15px;
	}
	.area-merit::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: #f4f3f1;
		width: 68%;
		height: 80%;
	}

	.merit-list__box {
		background: #fff;
		-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
		        box-shadow: 5px 5px 7px rgba(0,0,0,.1);
		padding: 20px 0 25px;
		margin-bottom: 20px;
	}
	.merit-list__lb {
		border-bottom: solid 1px #e5e5e5;
		color: #f08300;
		text-align: center;
		width: 90px;
		padding: 0 0 15px;
		margin: 0 auto 15px;
	}
	.merit-list__lb__lb {
		display: block;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 10px;
	}
	.merit-list__lb__num {
		display: block;
		font-size: 35px;
		font-weight: 700;
		letter-spacing: 0.025em;
		line-height: 0.8;
	}
	.merit-list__cont {
		padding: 0 30px;
	}
	.merit-list__ttl {
		font-size: 17px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	/* staff */
	.area-staff__pic {
		position: absolute;
		top: 5px;
		right: 18%;
		max-width: 150px;
		width: 40%;
	}

	.area-staff__cont {
		padding: 45px 12% 40px;
	}
	.area-staff__ttl {
		margin-bottom: 12px;
	}

	/* about - accounting & labor management */
	.area-about {
		position: relative;
	}
	.area-about .m-inner {
		z-index: 1;
	}
	.area-about::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: #f08300;
		width: 100%;
		height: 55%;
	}
	.area-about::after {
		position: absolute;
		top: -.15em;
		left: -5%;
		color: #fff;
		font-size: 260px;
		font-size: 16.2vw;
		font-weight: 700;
		line-height: 0.8;
		text-align: center;
		width: 110%;
		opacity: .1;
	}

	.area-about__ttl {
		color: #fff;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 30px;
	}
	.area-about__ttl > span {
		display: block;
		background: #fff;
		color: #f08300;
		line-height: 1.1;
		padding: .25em;
		margin: .15em;
	}
	.area-about__lead {
		color: #fff;
		text-align: center;
		margin: 0 0 35px;
	}

	.about-list {
		margin: 0 0 40px;
	}
	.about-list__box {
		color: #fff;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.344;
		text-align: center;
		margin: 0 0 25px;
	}
	.about-list__img {
		margin-bottom: 10px;
	}
	.about-list__note {
		font-size: 12px;
		font-weight: 400;
	}

	.cando-box {
		background: #fff;
		text-align: center;
		padding: 35px 8% 0;
	}

	.cando-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: -10px 0;
	}
	.cando-list__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #fff;
		-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
		        box-shadow: 5px 5px 7px rgba(0,0,0,.1);
		width: 100%;
		height: 78px;
		padding: 0 10px;
		margin: 10px 0;
	}
	.cando-list__img {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		text-align: center;
		width: 88px;
	}

	.area-acc::after {
		content: "Accounting";
	}

	.area-lab::before {
		background: #f2b700;
	}
	.area-lab::after {
		content: "Labor\Amanagement";
	}
	.area-lab__pic {
		position: absolute;
		top: -60px;
		left: -5%;
		max-width: 150px;
		width: 40%;
	}
	.area-lab .area-about__ttl > span {
		color: #f1ac00;
	}
	.area-lab .m-btn01 {
		background: #f2b700;
	}

	/* feature */
	.area-feature__txt {
		padding: 35px 10% 30px;
		margin: 0;
	}

	/* support */
	.area-sup__pic {
		position: absolute;
		z-index: 1;
		right: -5%;
		bottom: -40px;
		max-width: 150px;
		width: 40%;
	}

	.sup-list {
		border-top: solid 1px #c8c8c8;
	}
	.sup-list__box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		border-bottom: solid 1px #c8c8c8;
		padding: 17px 5px;
	}
	.sup-list__img {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		margin-right: 12px;
	}
	.sup-list__img img {
		width: 60px;
	}
	.sup-list__txt {
		font-size: 16px;
	}

	/* flow */
	.flow-list {
		list-style: none;
	}
	.flow-list__box {
		position: relative;
		background: #f4f3f1;
		width: 220px;
		padding: 25px 7px 15px 30px;
		margin: 0 auto 45px;
	}
	.flow-list__box::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		border: solid transparent;
		border-width: 30px 110px 0 110px;
		border-top-color: #f4f3f1;
	}
	.flow-list__box:last-child {
		padding-bottom: 25px;
		margin-bottom: 0;
	}
	.flow-list__box:last-child::before {
		display: none;
	}
	.flow-list__ttl {
		display: block;
		color: #f08300;
		margin-bottom: 10px;
	}
	.flow-list__cont {
		display: block;
		font-size: 18px;
		line-height: 1.3;
	}

	/* voice */
	.voice-list__box {
		background: #fff;
		-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
		        box-shadow: 5px 5px 7px rgba(0,0,0,.1);
	}
	.voice-list__cont {
		padding: 20px 8%;
	}
	.voice-list__ttl {
		font-size: 20px;
		font-weight: 700;
		margin: 0 0 10px;
	}


	/* seminer */
	.seminer-list__box {
		background: #fff;
		-webkit-box-shadow: 5px 5px 7px rgba(0,0,0,.1);
		        box-shadow: 5px 5px 7px rgba(0,0,0,.1);
	}

@media screen and (max-width: 899px) {
	.seminer-list__box h2 {
		padding: 5px;
	}
}
	
	.seminer-list__cont {
		padding: 20px 8%;
	}
	.seminer-list__ttl {
		font-size: 20px;
		font-weight: 700;
		margin: 0 0 10px;
	}
	
	/* faq */
	.area-faq__pic {
		position: absolute;
		top: -50px;
		right: -5%;
		max-width: 150px;
		width: 40%;
	}

	.faq {
		border-top: solid 1px #c8c8c8;
	}
	.faq__box {
		border-bottom: solid 1px #c8c8c8;
		padding: 7px 5px;
		cursor: pointer;
	}
	.faq__q {
		position: relative;
		font-size: 0.96em;
		padding: 20px 28px 20px 62px;
	}
	.faq__q::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		background: url("../image/icon/i_plus.svg") 50% 50% no-repeat;
		width: 22px;
		height: 22px;
		margin-top: -11px;
	}
	.is-open .faq__q::after {
		background-image: url("../image/icon/i_minus.svg");
	}
	.faq__a {
		display: none;
		position: relative;
		padding: 7px 28px 7px 62px;
	}
	.faq__q::before,
	.faq__a::before {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		border-radius: 50%;
		border: solid 1px #f08300;
		font-size: 20px;
		text-align: center;
		width: 48px;
		height: 48px;
		line-height: 44px;
		margin-top: -24px;
	}
	.faq__q::before {
		content: "Q";
		background: #fff;
		color: #f08300;
	}
	.faq__a::before {
		content: "A";
		background: #f08300;
		color: #fff;
	}

	/*area-top_feature*/
    .feature-list {
        padding: 38px 0;
        margin-top: 40px;
    }
    .feature-list__box {
        position: relative;
    }
    .feature-list__box + .feature-list__box {
        padding-top: 38px;
        margin-top: 33px;
    }
    .feature-list__box + .feature-list__box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 10%;
        right: 10%;
        display: block;
        border-top: solid 1px;
    }
	.feature-list__box + .feature-list__box p {
		width: 86%;
		margin: 0 auto;
	}	
	
	.area-top_feature .link-list {
		margin: 40px auto;
		width: 480px;
		max-width: 100%;
	}

}

@media screen and (max-width: 359px) {

	/* kv */
	.area-kv__txt--01 {
		font-size: 26px;
	}

}