@charset "UTF-8";

/*--------------------------------------------------------
PC用マウスホバー（992px以上のスクリーン）
--------------------------------------------------------*/
@media (min-width: 992px) {
	.btn01:hover {
		background-color: transparent;
	}

	.btn-red:hover {
		border: 5px solid #E85D5D;
		color: #E85D5D !important;
		background: #2B4357;
	}

	.btn-red2:hover {
		border: 3px solid #E85D5D;
		color: #E85D5D !important;
		background: #2B4357;
	}


	.btn-org:hover {
		border: 3px solid #FF7900;
		color: #FF7900 !important;
		background: #2B4357;
	}

	.btn-org2:hover {
		border: 3px solid #FF7900;
		color: #FF7900 !important;
		background: #fff;
	}


	#fade-in2 li:hover ul {
		top: 100%;
		visibility: visible;
		opacity: 1;
	}

	.dropmenu li ul li a span:hover,
	.dropmenu a:hover {
		background-position: -100% 0;
		opacity: 1;
	}

	.dropmenu>li.nav-red>a:hover {
		background-color: transparent;
		border: 5px solid #F79E44;
		color: #F79E44 !important;
	}

	body .top-news-btn-wap a:hover {
		opacity: 1;
	}


	.top-news .top-news-wap .top-news-btn:hover {
		background: #fff;
		color: #2B4357;
		height: 100%;
		line-height: 110px;
		padding: 0 25px;
		border: 5px solid #2B4357;
		transition: 0.3s;
		opacity: 1;
	}



	.top-news .top-news-wap a:hover span.triangle01 {
		font-size: 0 !important;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 8px solid #2B4357;
		opacity: 1 !important;
		transition: 0.3s;
	}



	/* .btn-navy2:hover {
		border: 2px solid #000000;
		color: #000000 !important;
		background: #fff;
		opacity: 1 !important;
		transition: 0.5s;
	}

	.btn-navy3:hover {
		border: 2px solid #000000;
		color: #000000 !important;
		background: #fff;
		opacity: 1 !important;
		transition: 0.3s;
	} */



	.btn-navy2:hover span {
		border-left: 8px solid #000000;
		transition: 0.5s;
	}

	.btn-navy3:hover span.triangle01 {
		border-left: 8px solid #000000;
		transition: 0.3s;
	}

	.btn-wh:hover {
		background-color: #000000;
		border: 3px solid #fff;
		color: #fff !important;
		transition: 0.5s;
	}

	.btn-wh:hover span {
		border-left: 8px solid #fff;
		transition: 0.5s;
	}

	.work .img-container08:hover img,
	.work .img-container09:hover img,
	.work .img-container10:hover img {
		opacity: 0.6;
		transition: 0.3s;
	}


	.top-bnr a:hover {
		opacity: 1 !important;
	}


	.l-card {
		overflow: hidden;
		width: auto;
		padding: 0 15px;
		margin: auto;
	}

	.cds-people-cont03 .l-card {
		margin-bottom: 20px;
	}

	.l-card:hover .thumbnail-wrapper1:after,
	.l-card:hover .thumbnail-wrapper2:after,
	.l-card:hover .thumbnail-wrapper3:after {
		opacity: 0.8;
		left: -70%;
		margin-bottom: 20px;
	}

	.l-card:hover .more-text {
		opacity: 1;
		left: 50px;
	}

	.l-thumbnail {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: auto;
	}

	.l-thumbnail .more-text {
		transition: 0.3s;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		display: block;
		color: #fff;
		font-size: 16px;
		letter-spacing: 1px;
		opacity: 0;
	}

	.thumbnail-wrapper1,
	.thumbnail-wrapper2,
	.thumbnail-wrapper3 {
		margin: 0;
		padding: 0;
	}

	.thumbnail-wrapper1:after {
		transition: 0.5s;
		content: "";
		display: block;
		width: 400px;
		height: 400px;
		transform: translateY(-50%) rotate(45deg);
		position: absolute;
		left: -160%;
		top: 50%;
		background: #FFE3C3;
		opacity: 0;
	}

	.thumbnail-wrapper2:after {
		transition: 0.5s;
		content: "";
		display: block;
		width: 400px;
		height: 400px;
		transform: translateY(-50%) rotate(45deg);
		position: absolute;
		left: -160%;
		top: 50%;
		background: #FFE3C3;
		opacity: 0;
	}

	.thumbnail-wrapper3:after {
		transition: 0.5s;
		content: "";
		display: block;
		width: 400px;
		height: 400px;
		transform: translateY(-50%) rotate(45deg);
		position: absolute;
		left: -160%;
		top: 50%;
		background: #FFE3C3;
		opacity: 0;
	}

	.thumbnail-wrapper1 img,
	.thumbnail-wrapper2 img,
	.thumbnail-wrapper3 img {
		transition: 0.05s;
		max-width: 100%;
	}

	#footer .btn-org:hover {
		background-image: url(../img/common/icon4.svg);
		background-repeat: no-repeat;
		background-position: center right 75px;
		background-size: 12px 12px;
	}

	.btn-org2:hover {
		background-image: url(../img/common/icon4.svg);
		background-repeat: no-repeat;
		background-position: center right 25px;
		background-size: 12px 12px;
	}

	/*---------------*/
	/***** Ruby *****/
	/*---------------*/

	.effect-ruby {
		position: relative;
		overflow: hidden;
		min-width: 280px;
		min-height: 230px;
		max-height: 155px;
		width: 50%;
		float: left;
	}

	.effect-ruby1 {
		background-color: #F79E44;
	}

	.effect-ruby2 {
		background-color: #F2CB32;
	}

	.effect-ruby3 {
		background-color: #FFE3C3;
	}



	.effect-ruby img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		opacity: .6;
	}

	.sub-fot-bnr02 .effect-ruby img {
		width: 110%;
	}


	.sub-fot-bnr02 .fot-bnr02-wap:hover img,
	.fot-bnr .fot-bnr-wap:hover img {
		opacity: 1;
	}

	.sub-fot-bnr02 .fot-bnr-wap:hover .effect-ruby,
	.fot-bnr .fot-bnr-wap:hover .effect-ruby {
		background-color: #fff;
		opacity: 1;
		transition: 0.3;
	}

	.sub-fot-bnr02 .fot-bnr02-wap:hover img,
	.fot-bnr .fot-bnr-wap:hover img {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.top-bnr .top-bnr-wap:hover {
		opacity: 0.7;
	}

	.fot-bnr2 h4:hover {
		background: url(../img/top/bg01-1.png);
		transition: 0.3s;
	}

	.sub-fot-bnr02 a:hover,
	.fot-bnr a :hover {
		opacity: 1 !important;
	}

	body .btn a:hover {
		opacity: 1;
		background: #fff;
	}

	.hvr-sink:hover,
	.hvr-sink:focus,
	.hvr-sink:active {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	body a:hover {
		color: #212121;
		opacity: 0.7;
		text-decoration: none;
	}


	.cds-people-cont02 img.img-container__img:hover {
		opacity: 0.7;
		transition: 0.3s;
	}

	.job-category-cont03 .job-category-cont03-box01 .col-lg-4:hover {
		transition: 0.5s;
		background: #99C5EA;
	}

	.job-category-cont03 .job-category-cont03-box02 .col-lg-4:hover {
		transition: 0.5s;
		background: #FE967B;
	}

	.job-category-cont03 .job-category-cont03-box03 .col-lg-4:hover {
		transition: 0.5s;
		background: #A3E0AB;
	}


	.job-category-cont03 a:hover {
		opacity: 1;
	}

	.cds-people-cont01 .img-container12:hover img,
	.cds-people-cont01 .img-container11:hover img {
		opacity: 0.6;
	}

	a.company-top:hover {
		opacity: 1;
	}

	.company-top:hover {
		background: #fff;
		border: #2B4357 3px solid;
		transition: 0.3s;
	}

	.company-top p:hover {
		color: #2B4357;
		transition: 0.3s;
		background-image: url("../img/common/icon8.svg");
	}

	.top-news .container {
		width: 1080px;
	}


}

@media (max-width: 1800px) {

	.work-cont02 .left h5 {
		top: 70px;
	}

	.work-cont02 .work-cont02-txt {
		top: 210px;
	}

	.work-cont02 .work-cont02-img01 {
		right: -830px;
	}

	.work-cont02-box01 {
		margin-bottom: 340px;
	}

	.work-cont02 .right h5 {
		margin: 10% 0 0 40px;
	}

	.work-cont02 .work-cont02-img03 {
		right: -770px;
	}



}

@media (max-width: 1500px) {

	.top-talk .right img {
		right: 0%;
		width: 100%;
		height: auto;
	}

	.top-talk .right .btn {
		right: 28%;
	}

	.work-cont02 .left h5 {
		top: 60px;
	}

	.work-cont02 .work-cont02-txt {
		top: 190px;
	}

	.work-cont02 .work-cont02-img01 {
		right: -720px;
	}

	.interview-ttl01 .interview-ttl01-txt-box {
		top: 20%;
		left: 10%;
	}

	/* ------- インタビュー　22312変更追加 ------- */

	.interview-ttl01 .interview-ttl01-txt-box {
		top: 26%;
    	left: 10%;
	}


}



/*--------------------------------------------------------
notepc用レイアウト（1400px以下の解像度のスクリーン含む）
--------------------------------------------------------*/
@media (max-width: 1400px) {

	.top-woman .left .img-container07 {
		width: 80%;
	}

	.top-woman .left .img-container07 img {
		width: 100%;
	}

	.top-woman .top-woman-ttl h3 {
		width: 500px;
		left: 55%;
	}

	.top-woman .left p {
		margin-left: 17%;
	}

	.top-woman .left .btn-navy2 {
		top: 80px;
		left: 260px;
	}

	.top-talk .right img {
		right: 0%;
		width: 100%;
		height: auto;
	}

	.top-talk .right .btn {
		right: 15%;
	}

	.top-talk .left img {
		width: 35%;
		height: auto;
		top: 450px;
	}


	.top-talk .img-container08 {
		width: 80%;
		left: 0%;
	}

	.fot-bnr .fot-bnr-wap {
		width: 80%;
	}

	.fot-bnr .fot-bnr-inner {
		width: 100%;
	}

	.fot-bnr .fot-bnr-inner img {
		width: 110%;
		height: auto;
	}

	.fot-bnr .fot-bnr-org h4 {
		background: url(../img/top/cont-icon02.png) no-repeat top right 20%;
	}

	.fot-bnr .fot-bnr-yal h4 {
		background: url(../img/top/cont-icon01.png) no-repeat top right 20%;
	}

	.accordionbox {
		width: 70%;
	}

	.qa-cont img.qa-bg02 {
		left: 10%;
	}

	.work-cont02 .left h5 {
		margin-left: 20%;
		margin-top: 0%;
	}

	.work-cont02 .right h5 {
		margin-top: 10%;
	}

	.work-cont02 .work-cont02-txt {
		margin-left: 150px;
		height: 300px;
	}

	.work-cont02 .work-cont02-img01 {
		bottom: 220px;
		right: -650px;
	}

	.work-cont02 .work-cont02-img02 {
		left: -170px;
		bottom: 220px
	}

	.work-cont02 .work-cont02-img03 {
		right: -525px;
		bottom: 220px
	}

	.work-cont02 .work-cont02-txt p {
		padding-top: 65px;
	}


	/* ------- インタビュー　22312変更追加 ------- */

	.interview-ttl01 .interview-ttl01-txt-box {
		top: 25%;
		left: 11%;
	}
}

@media (max-width: 1300px) {
	.top-main-img .img-container img {
		width: 100%;
		height: auto;
	}

	.top-main-img .img-container {
		width: 16%;
	}

	.top-main-img .img-container01 {
		top: 115px;
		left: 45px;
		z-index: 1;
	}

	.top-main-img .img-container02 {
		top: 96px;
		left: 71px;
		width: 18%;
	}

	.top-main-img .img-container03 {
		top: 63px;
		left: 40px;

	}

	.top-main-img .img-container04 {
		top: -585px;
		left: 76%;
	}

	.top-main-img .img-container05 {
		top: -610px;
		left: 77%;
		z-index: 1;
		width: 20%;
	}

	.top-main-img .img-container06 {
		top: -656px;
		right: 78%;
		height: auto;
	}


	.top-main-img .top-main-txt img {
		width: 50%;
		height: auto;
	}

	.top-main-img .top-main-txt {
		top: 310px;
	}


}

@media (max-width: 1200px) {

	/*----------------------------top-------------------------------*/



	.dropmenu>li {
		padding: 0 10px;
	}

	.top-cont01 {
		width: 90%;
	}

	.top-cont01-img-wap {
		width: 80%;
	}

	.top-cont01 .top-cont01-inner img {
		height: auto;
		position: relative;
		left: -1px;
	}

	.top-cont02 {
		position: relative;
		top: 110px;
	}

	.top-cont02-wap {
		width: 90%;
	}

	.top-cont02-img-wap {
		width: 80%;
		margin-left: 10%;
		margin-top: 65px;
	}

	.top-cont02 .top-cont02-inner img {
		width: 100%;
		height: auto;
	}

	.top-cont02 .top-cont02-inner02 {
		margin-left: 6%;
	}

	.top-interview .top-interview-wap {
		width: 84%;
		margin: auto;
	}

	.top-cont02-img-wap {
		margin-top: 80px;
	}

	.top-interview .row {
		width: 700px;
		margin: auto;
	}

	.top-cont02-img-wap {
		top: -350px;
	}

	.top-cont02 .top-cont02-inner-ppl,
	.top-cont02 .top-cont02-inner-pink {
		top: 175px;
	}

	.top-woman .left img {
		width: 70%;
	}

	.top-woman .right img {
		width: 70%;
		height: auto;
		top: -315px;
		margin-left: 0%;
	}

	.top-woman .left .btn-navy2 {
		top: 45px;
		left: 227px;
	}

	.top-woman .left p {
		margin-left: 10%;
	}

	.top-woman .left .img-container07 {
		width: 70%;
	}

	.top-talk {
		margin-top: -160px;
	}

	.top-talk .img-container08 {
		left: 8%;
	}

	.top-talk .right .btn {
		top: -127px;
		left: 28%;
	}

	.fot-bnr .fot-bnr-wap {
		width: 90%;
	}


	.fot-bnr .fot-bnr-inner img {
		width: 310px;
	}

	.sub-fot-bnr02 .fot-bnr-inner img {
		width: 100%;
	}

	.fot-bnr h4 {
		margin-top: 37px;
		padding-top: 55px;
	}

	.fot-bnr2 h4 {
		margin-top: 0;
	}

	.fot-bnr .fot-bnr-yal h4 {
		background: url(../img/top/cont-icon01.png) no-repeat top 10px right 20%;
	}

	.fot-bnr .fot-bnr-org h4 {
		background: url(../img/top/cont-icon02.png) no-repeat top 10px right 20%;
	}

	.accordionbox {
		width: 78%;
	}

	.qa-cont img.qa-bg02 {
		left: 5%;
	}

	.about-wap {
		width: 90%;
		margin-bottom: 140px;
	}

	.about .row {
		width: 70%;
		margin: 0 15%;
	}

	.about .sp-mr-none {
		margin-right: 0;
	}

	.about .mr-sp-6 {
		margin-right: 4%;
	}


	.about .col-lg-3 {
		width: 48%;
	}

	.about .col-lg-12,
	.about .col-lg-9,
	.about .col-lg-6 {
		width: 100%;
	}

	.about .col-h480 {
		height: 480px;
	}

	.about .sp-none {
		display: none;
	}

	.about .pc-none {
		display: block;
	}

	img.about-navy06 {
		margin-top: 0;
		width: 35%;
		height: auto;
	}

	img.about-wh06 {
		margin-top: 0;
	}

	.about-box02 {
		width: 100%;
	}

	.about .col-sp-h480 {
		height: 480px;
	}

	img.about-wh17 {
		margin: 20px auto 0;
	}

	img.about-navy17 {
		margin: auto;
		top: -385px;
	}

	img.about-navy18 {
		left: 24%;
	}

	img.about-wh11 {
		left: 29%;
	}

	img.about-wh14 {
		left: 20%;
	}

	img.about-wh20 {
		width: 88%;
		left: 0;
		margin: -32px auto 0;
	}

	img.about-navy20 {
		width: 88%;
		margin: -15px auto 0;
		left: -5px;
	}

	.about .about-box10 {
		position: relative;
	}

	img.about-wh17-sp {
		margin: auto;
		position: absolute;
		bottom: 10px;
		left: 5%;
	}

	img.about-navy17-sp {
		margin: auto;
		position: absolute;
		bottom: 10px;
		left: 5%;
	}

	img.about-navy18 {
		left: 21%;
	}

	.tab-contents .col-sm-6 {
		width: 50%;
	}

	#tab01.tab-contents {
		height: auto;
	}

	#tab02.tab-contents {
		height: auto;
	}

	#tab-button li {
		width: 273px;
	}

	#tab-button li a {
		font-size: 20px;
	}

	#tab-button {
		width: 74%;
		margin-left: 115px;
	}


	.work-cont02 .work-cont02-img01 {
		right: -750px;
	}

	.work-cont02 .work-cont02-img02 {
		left: -270px;
	}

	.work-cont02 .work-cont02-img03 {
		right: -270px;
	}

	.work-fot-bnr {
		margin-top: -100px;
	}

	.work-cont01-wap {
		width: 90%;
		padding-top: 40px;
	}

	.work-cont01-wap img {
		width: 92%;
		height: auto;
		display: block;
		margin: auto;
	}

	.work-cont01-wap .work-cont01-bg {
		width: 25%;
		left: -20px;
		top: -20px;
	}

	.career-cnt02,
	.newgraduate-cnt02 {
		background-size: 70% auto;
	}

	.career-cnt02-img-wap,
	.newgraduate-cnt02-img-wap {
		width: 80%;
	}

	.career-cnt02 img.career-cnt02-img,
	.newgraduate-cnt02 img.newgraduate-cnt02-img {
		width: 100%;
		height: auto;
	}

	.career-cnt02 img.career-cnt02-bg,
	.newgraduate-cnt02 img.newgraduate-cnt02-bg {
		width: 36%;
		height: auto;
		left: -80px;
	}

	.working-woman-ttl01 .working-woman-ttl01-img {
		right: 3%;
	}

	/* ------- インタビュー　22312変更追加 ------- */

	.interview-ttl01 .interview-ttl01-txt-box {
		top: 20%;
		left: 9%;
	}
	.interview-ttl01 p.interview-ttl01-txt02 {
		font-size: 40px;
	}
	.interview-ttl01 p.interview-ttl01-txt04 {
		font-size: 24px;
	}

}

@media (max-width: 1100px) {

	.career-cnt01 .row,
	.newgraduate-cnt01 .row {
		width: 720px;
	}

	.mr-sp-20 {
		margin-right: 20px;
	}

	.career-cnt03-wap,
	.newgraduate-cnt03-wap {
		width: 90%;
	}

	.career-cnt03-wap img,
	.newgraduate-cnt03-wap img {
		width: 100%;
		height: auto;
	}

	.sub-fot-bnr {
		width: 80%;
	}

	.career-cnt01 .sp-mr-none,
	.newgraduate-cnt01 .sp-mr-none {
		margin-right: 0;
	}

	.career-table,
	.newgraduate-table {
		width: 90%;
	}

	.career-table th,
	.newgraduate-table th {
		width: 24%;
	}

	.career-table td,
	.newgraduate-table td {
		width: 76%;
	}

	.work-cont02 .right h5,
	.work-cont02 .left h5 {
		font-size: 28px;
	}

	.work-cont02 .right h5 span,
	.work-cont02 .left h5 span {
		font-size: 16px;
	}

	.work-cont02 .work-cont02-txt {
		font-size: 20px;
		height: 240px;
		top: -180px;
	}

	.work-cont02-ttl-01 {
		padding-bottom: 60px;
	}

	.work-cont02 .work-cont02-txt p {
		padding: 40px 0 30px;
	}

	.work-cont02 .work-cont02-img03,
	.work-cont02 .work-cont02-img01 {
		bottom: 170px;
	}

	.work-cont02 .work-cont02-img03 {
		right: -370px;
	}

	.work-cont02 .work-cont02-img01 {
		right: -850px;
	}

	.work-cont02 .work-cont02-txt-right {
		margin: 0 45%;
	}

	.work-cont02 .work-cont02-img02 {
		left: -430px;
		bottom: 170px;
	}

	.cds-people-cont01-box {
		width: 98%;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox {
		width: 790px;
		margin: 50px 0 35px 220px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt01 {
		margin-left: 455px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt02,
	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt03,
	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt04 {
		margin-left: 270px;
	}


	.cross-talk-main-box01-txtbox-wap .img-container {
		width: 88%;
	}


	.cross-talk-main-box01-txtbox-wap .img-container img.img-container__img {
		width: 100%;
		height: auto;
	}


	/* ------- インタビュー　22312変更追加 ------- */
	.interview-ttl01 p.interview-ttl01-txt01 {
		font-size: 34px;
	}
	.interview-ttl01 p.interview-ttl01-txt02 {
		font-size: 22px;
	}

}

/*--------------------------------------------------------
タブレット用レイアウト（768px以下の解像度のスクリーン含む）
--------------------------------------------------------*/
@media (max-width: 1024px) {

	.loader-bg-g,
	.loader-bg-o,
	.loader-bg-b,
	.loader-bg-p,
	.loader-bg-ppl,
	.loader-bg-r,
	.loader-bg-y {
		background-size: 50% auto, 20% auto, 20% auto;
	}


	.top-main-img-sp {

		background-image: url(../img/top/top-bg01-sp.png);
		background-repeat: no-repeat;
		background-size: 100% 910px;
		background-color: #fff;
		width: 100%;
		margin: 80px auto 0;
		text-align: center;
		padding: 80px 0;
		height: 910px;
	}

	.top-main-img-sp img {
		margin: 20px 0;
	}

	.top-news .container {
		width: 1150px;
	}

	.top-news .top-news-wap {
		width: 90%;
		height: auto;
		margin-bottom: 55px;
		padding-top: 10px;
	}

	.top-news .top-news-wap .top-news-txt-wap {
		margin-left: 65px;
		margin-bottom: 0px;
	}

	.top-news .top-news-wap .top-news-ttl {
		top: -10px;
		margin-left: -40px;
	}


	.top-news .top-news-wap .top-news-btn {
		width: 40%;
		height: 80%;
		margin: 0 30%;
		line-height: 60px;
		position: relative;
		top: 30px;
		text-align: center;
	}

	.top-news .top-news-wap .top-news-btn span {
		top: -5px;
	}

	.top-msg {
		padding: 80px 0 60px;
	}

	.top-msg img {
		width: 6%;
	}

	.parallax1 {
		left: 100px;
		top: 30px;
	}

	.parallax2 {
		left: 60px;
		top: 170px;
	}

	.parallax3 {
		left: 80px;
		top: 310px;
	}

	.parallax4 {
		right: 90px;
		top: 40px;
	}

	.parallax5 {
		right: 50px;
		top: 180px;
	}


	.parallax6 {
		right: 80px;
		top: 320px;
	}

	.top-msg h2 {
		font-size: 40px;
		line-height: 28px;
	}

	.top-msg p {
		font-size: 18px;
		line-height: 28px;
		width: 90%;
		margin: 30px auto 0;
	}


	.top-msg h2 span {
		font-size: 19px;
	}

	.top-bnr .top-bnr-wap {
		width: 90%;
		height: 210px;
	}

	.top-bnr .top-bnr-wap h3 {
		margin: 77px 0 65px 40px;
	}

	.top-bnr .top-bnr-wap img {
		width: 360px;
		height: 210px;
	}

	.top-bnr .top-bnr-wap .btn-navy2 {
		left: 200px;
	}

	.top-bnr .btn {
		width: 42%;
	}

	.top-bnr .btn .btn01 {
		padding: 15px 95px;
	}

	.top-bnr .top-bnr-wap h3,
	.top-cont01 p {
		font-size: 24px;
	}

	.top-bnr .top-bnr-wap span {
		font-size: 20px;
	}

	.top-cont01 p span {
		font-size: 18px;
	}

	.top-cont01 .top-cont01-inner-blue,
	.top-cont01 .top-cont01-inner-grn {
		padding-bottom: 40px;
	}

	.top-cont01 .top-cont01-inner02 {
		margin-left: 4%;
	}

	.top-cont01 .col-lg-6 {
		width: 48%;
	}

	.l-thumbnail .more-text {
		display: none;
	}

	.top-cont01-img-wap {
		margin-left: 35px;
	}

	.top-cont01 .top-cont01-inner img {
		width: 100%;
		left: 0;
	}

	.top-bnr {
		margin-top: -40px;
	}

	.top-interview h3 {
		font-size: 38px;
	}

	.top-interview h3 span {
		font-size: 20px;
	}

	.top-interview {
		padding: 80px 0 0;
		background-image: url(../img/top/top-bg02-sp.png);
		background-size: 100%;
		background-position: center bottom;
		margin-bottom: 60px;
	}




	.top-interview .btn {
		margin: 0 auto;
		position: relative;
		top: 30px;
	}


	.top-interview .top-interview-inner {
		margin-bottom: 30px;
	}

	.top-interview .tb-mb-none {
		margin-bottom: 0;
	}

	.top-woman .top-woman-ttl h3 {
		left: 0;
		width: 100%;
		top: 60px;
		font-size: 38px;
	}

	.top-woman .top-woman-ttl h3 span {
		font-size: 20px;
	}


	.top-woman .left p {
		width: 80%;
		margin: 0 0 0 10%;
		top: -170px;
	}

	.top-woman .right img {
		width: 110%;
		top: -120px;
		right: 23%;
	}

	.top-woman .left .btn-navy2 {
		top: 40px;
	}

	.top-talk {
		margin-top: -50px;
	}

	.top-talk h3 {
		width: 80%;
		margin: 0 10%;
		text-align: center;
		font-size: 38px;
		font-weight: 600;
		position: relative;
		top: 110px;
		z-index: 1;
	}

	.top-talk h3 span {
		font-size: 22px;
		font-weight: 500;
	}


	.top-talk .right img {
		width: 100%;
		margin: 0 0;
		right: 0;
	}

	.top-talk .top-talk-ttl {
		width: 58%;
		margin-top: -25px;
	}

	.top-talk .right img {
		top: 0px;
	}

	.top-talk .right p {
		right: 0;
		width: 80%;
		margin: -30px 10% 350px;
	}

	.top-talk .left img {
		width: 70%;
		margin: 270px 0 0 10%;
	}


	.top-talk .right .btn {
		left: 30%;
		top: -135px;
	}

	.fot-bnr .fot-bnr-inner img {
		width: 100%;
	}


	.top-talk .img-container08 {
		background: none;
		width: 81%;
		margin: auto;
		top: -100px;
		left: 0;
	}

	.top-woman .left .img-container07 {
		background: none;
		width: 81%;
		left: 0;
		margin: auto;
		top: -200px;
	}

	.top-cont02-img-wap {
		margin-top: 50px;
	}

	.top-cont02 .top-cont02-inner-ppl,
	.top-cont02 .top-cont02-inner-pink {
		padding-top: 80px;
		top: 145px;
		padding-bottom: 35px;
	}

	.top-cont02 {
		padding-top: 125px;
	}

	.top-cont02 p {
		font-size: 24px;
	}

	.top-cont02 p span {
		font-size: 18px;
	}


	.top-fot-bnr {
		margin-top: -50px;
	}

	#footer .footer-fot {
		width: 100%;
	}

	#footer .footer-fot li {
		padding: 0 17px 0 0;
		width: 100%;
		display: block;
		margin: auto;
		background: none;
	}

	#footer .footer-fot ul {
		width: 100%;
		margin: auto;
	}

	#footer .footer-fot p {
		width: 100%;
		margin-left: 0;
	}

	#footer .footer-hed {
		padding-bottom: 30px;
	}

	.fot-bnr h4 {
		margin: 15px 0 50px;
		padding-top: 60px;
	}

	.fot-bnr2 h4 {
		margin: 0;
	}

	.fot-bnr .fot-bnr-yal h4 {
		background: url(../img/top/cont-icon01.png) no-repeat top 10px right 50%;
	}

	.fot-bnr .fot-bnr-org h4 {
		background: url(../img/top/cont-icon02.png) no-repeat top 10px right 50%;
	}

	.fot-bnr .fot-bnr-yal,
	.fot-bnr .fot-bnr-org {
		padding: 40px 0 25px;
	}

	.sub-fot-bnr {
		width: 90%;
	}

	.sub-fot-bnr02 .fot-bnr02-wap {
		width: 90%;
	}

	.sub-fot-bnr02 {
		padding-bottom: 40px;
		margin-top: 30px;
	}

	.sub-fot-bnr02 p.sub-fot-bnr02-txt {
		width: 690px;
		padding: 8% 0;
	}

	.sub-fot-bnr02 .fot-bnr-inner img {
		width: 95%;
		height: auto;

	}

	#page-top {
		bottom: 80px;
	}

	.company-top {
		width: 80px;
		bottom: 30px;
	}

	.company-top p {
		font-size: 12px;
	}

	.sub-ttl {
		/* background: url(../img/common/sub-bg01-sp.png) no-repeat; */
		background-size: 100% 300px;
		height: 300px;
		margin-top: 80px;
	}

	.sub-ttl h3 {
		font-size: 40px;
		font-weight: 600;
	}



	.pan {
		width: 90%;
	}

	/*----------------------------message----------------------------*/

	.message-main-img .message-main-img-wap {
		width: 90%;
	}

	.message-main-img .message-main-img-wap img {
		width: 90%;
		height: auto;
		margin: 50px 0 0 60px;
	}

	.message-main-img .message-main-img-txt01 {
		top: -80px;
		right: 60px;
	}

	.message-main-img .message-main-img-txt02 {
		margin-top: -100px;
		right: -80px;
	}

	.message-01 {
		width: 92%;
	}

	.message-01 .col-lg-6 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.message-02 p.message-02-txt {
		margin-bottom: 0;
	}

	.message-02 .message-02-wap {
		width: 90%;
	}

	.message-02 hr {
		border-top: #E2E2E3 2px dashed;
		margin-bottom: 80px;
		margin-top: 0;
	}

	.message-02 img.message-02-img-sp {
		margin: auto;
		position: relative;
		top: 50px;
		width: 36%;
		height: auto;
		margin-bottom: 40px;
	}

	.message-02 .message-02-fot-left {
		border-right: none;
		padding: 0px;
		text-align: center;
	}

	.message-02 .message-02-fot-top {
		padding: 30px 0 30px 0;
		text-align: center;
	}

	.message-02 .message-02-fot-bottom {
		padding: 30px 0 30px 0;
		text-align: center;
		border-bottom: #E2E2E3 2px dashed;
	}

	.message-02 img.left {
		float: none;
		width: 20%;
		height: auto;
	}

	.message-02 p.left {
		float: none;
		text-align: center;
		font-size: 24px;
	}

	.message-02-fot p {
		padding-left: 0;
	}

	.message-02-fot p.message-02-fot-p01 {
		margin-top: 0px;
		padding-top: 20px;
	}

	.message-03 {
		width: 90%;
	}

	/*----------------------------entry----------------------------*/

	.entr-wap {
		width: 90%;
		padding: 90px 40px 60px;
	}

	/*----------------------------qa----------------------------*/

	.accordionbox {
		width: 90%;
	}


	.accordionlist dt .qa-q01,
	.accordionlist dt .qa-q02,
	.accordionlist dt .qa-q03 {
		padding: 35px 12px 0 12px;
	}

	.qa-cont img.qa-bg02 {
		width: 22%;
		height: auto;
		left: 0%;
		top: -150px;
	}

	.qa-cont img.qa-bg01 {
		width: 22%;
		height: auto;
		left: 78%;
		top: -150px;
	}

	.accordionlist dd .qa-a01,
	.accordionlist dd .qa-a02,
	.accordionlist dd .qa-a03 {
		padding: 18px 15px 0 25px;
		margin-left: 0;
	}

	.accordionlist dd .qa-a-2 {
		padding-top: 22px;
	}

	.accordionlist dt .title01 {
		border-left: #F79E44 8px solid;
	}

	.accordionlist dt .title02 {
		border-left: #F79E44 8px solid;
	}

	.accordionlist dt .title03 {
		border-left: #F79E44 8px solid;
	}

	.accordion_icon {
		margin-right: 15px;
	}

	.qa-cont .qa-ttl03,
	.qa-cont .qa-ttl02 {
		margin-top: -40px;
	}

	#accordion p {
		font-size: 14px;
	}

	.fot-bnr-qa {
		margin-top: -60px;
	}

	/*----------------------------about----------------------------*/
	.about .row {
		width: 80%;
		margin: 0 10%;
	}


	img.about-wh09 {
		width: 60%;
		height: auto;
		margin-top: 30px;
		top: -20px;
	}

	img.about-navy09 {
		width: 13%;
		height: auto;
		position: relative;
		top: -20px;
	}

	img.about-navy06 {
		width: 50%;
	}

	img.about-wh17 {
		width: 100%;
		height: auto;
		margin-top: 35px;

	}

	img.about-navy17 {
		width: 100%;
		top: -362px;
		left: 0;
	}

	img.about-wh14 {
		left: 23%;
	}

	img.about-wh17-sp {
		left: 11%;
		width: 74%;
		top: 75px;
	}

	img.about-navy17-sp {
		left: 12%;
		width: 74%;
		top: 75px;
	}

	img.about-navy18 {
		left: 24%;
	}

	img.about-wh20 {
		width: 64%;
		left: 0;
		margin: -27px auto 0;
	}

	img.about-navy20 {
		width: 64%;
		margin: -15px auto 0;
		left: -5px;
	}



	/*----------------------------benefit----------------------------*/
	.benefit .container {
		width: auto;
	}

	#tab-button li {
		width: 220px;
	}

	#tab-button li a {
		padding-left: 20px;
		font-size: 18px;
	}

	#tab-button {
		margin-left: 20px;
	}

	.benefit-ttl-wap {
		background-size: 650px 210px;
	}

	.benefit-ttl-wap h3.benefit-ttl {
		font-size: 24px;
	}

	.tab-contents {
		padding-bottom: 50px;
	}

	.tabs {
		margin-bottom: 80px;
	}

	.our-team-main img {
		width: 30%;
		margin: 25px auto;
		display: block;
	}



	/*----------------------------work----------------------------*/

	.work-cont01 {
		padding: 55px 0 80px;
	}


	.work-cont02-ttl-01 {
		margin-top: 80px;
		padding-bottom: 40px;
	}

	.work-table {
		width: 100%;
		padding: 35px 0 50px;
	}

	.work-cont01 h4.work-cont01-ttl-02 {
		font-size: 24px;
		margin-top: 50px;
	}

	.work-cont01 .work-cont01-fot {
		width: 92%;
		margin: auto;
	}

	.work-table th {
		width: 90%;
		padding: 15px 0px;
		display: block;
		border-bottom: 0px;
		font-weight: bold;
		font-size: 14px;
		border: none;
		text-align: center;
		margin: auto;
	}

	.work-table td {
		display: block;
		width: 90%;
		margin: auto;
		padding: 20px 15px;
		font-size: 14px;
		border: none;
		margin: auto;
		text-align: center;
	}

	.work-cont02 {
		background: url(../img/work/ba03-sp.png) no-repeat;
		background-size: 100% 100%;
	}

	.work-cont02 .left,
	.work-cont02 .right {
		float: none;
	}

	.work-cont02 .right,
	.work-cont02-box03 .left,
	.work-cont02-box02 .left,
	.work-cont02-box02 .right,
	.work-cont02-box01 .left {
		width: 100%;
	}

	.work-cont02 .clearfix {
		display: inline-table;
	}

	.work-cont02 .right h5,
	.work-cont02 .left h5 {
		margin: auto;
		text-align: center;
		padding: 50px 0;
		position: static;
	}

	.work-cont02 .work-cont02-txt-right {
		margin: auto;
	}

	.work-cont02 .work-cont02-txt {
		position: relative;
		top: -50px;
		right: 0;
		margin: auto;

	}

	.work-cont02-box01 {
		margin-bottom: 0px;
	}

	.work-cont02-box02 {
		margin-bottom: 10px;
	}

	.work-cont02-box02,
	.work-cont02-box03 {
		margin-top: 0;
	}

	.work-cont02-box03 {
		padding-bottom: 50px;
	}

	.work-fot-bnr {
		margin-top: 0;
	}

	/*----------------------------newgraduate----------------------------*/

	.career-cnt02 img.career-cnt02-bg,
	.newgraduate-cnt02 img.newgraduate-cnt02-bg {
		left: -45px;
	}

	.career-cnt02 img.career-cnt02-img,
	.newgraduate-cnt02 img.newgraduate-cnt02-img {
		margin: 45px auto 55px;
	}


	/*----------------------------cds-people----------------------------*/


	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt01 {
		margin-left: 410px;
	}


	.cds-people-cont01-box .cds-people-cont01-box-txtbox {
		width: 745px;
	}


	.cds-people-cont02-box02-txtbox {
		margin-left: 390px;
	}



	.boxes {
		width: 700px;
		padding-bottom: 0;
	}


	.category {
		width: 90%;
	}

	.filter {
		width: 90%;
	}

	.box-wap {
		background-size: 130%;
	}

	.filter a {
		font-size: 14px;
	}

	/*----------------------------job-category----------------------------*/
	.job-category {
		margin-top: 50px;
	}

	.job-category-cont01 p.job-category-cont01-txt {
		margin-bottom: 30px;
	}

	.job-category-cont01 {
		width: 90%;
	}

	.job-category-cont01-box {
		width: 100%;
		margin-top: -205px;
	}

	.job-category-cont01-boxinner01 p {
		padding-left: 20px;
	}

	.job-category-cont01-boxinner01 img.right {
		width: 60%;
		height: 105px;
	}

	.job-category-cont02 {
		background-size: 500px 1100px;
	}

	.job-category-cont02 .job-category-cont02-innre {
		width: 90%;
	}

	.job-category-cont02 img.job-category-cont02-pc-img {
		width: 100%;
		height: auto;
	}

	.job-category-cont02 .job-category-cont02-ttl02 {
		width: 100%;
		font-size: 24px;
	}

	.job-category-cont02 .job-category-cont02-ttl03 {
		width: 100%;
	}

	.job-category-cont02 .job-category-cont02-table {
		width: 100%;
		margin-top: 20px;
	}

	.job-category-cont02 .job-category-cont02-table .left,
	.job-category-cont02 .job-category-cont02-table .right {
		float: none;
	}

	.job-category-cont02 .job-category-cont02-table .left .left {
		float: left;
		margin: auto;
		text-align: center;
	}

	.job-category-cont02 .job-category-cont02-table .left p.left {
		padding: 30px 0 0 20px;
		text-align: center;
	}

	.job-category-cont02 .job-category-cont02-table-left {}

	.job-category-cont02 .job-category-cont02-table .left {
		text-align: center;
	}

	.job-category-wap img.job-category-bg02 {
		right: -30px;
	}

	.job-category-cont02 .job-category-cont02-table-wap {
		width: 100%;
	}

	.job-category-cont02 .job-category-cont02-table-left {
		width: 100%;
		padding-top: 0;
		padding-bottom: 30px;
		display: block;
		width: 62%;
		margin: auto;
	}

	.job-category-cont02 .job-category-cont02-table-left img {}

	.job-category-cont02 .job-category-cont02-table-left p {
		padding-left: 0;
		padding-top: 20px;
	}

	.job-category-wap img.job-category-bg03 {
		left: -530px;
	}

	.job-category-cont02 img.job-category-cont02-bg {
		right: -200px;
	}

	.job-category-cont03 .row {
		width: 645px;
	}

	.job-category-cont03 .tb-mr-0 {
		margin-right: 0;
	}

	.job-category-cont03 .tb-mr-25 {
		margin-right: 25px;
	}

	/*----------------------------news----------------------------*/
	.news {
		padding: 50px 0;
	}

	.news_bx {
		width: 92%;
		padding: 7% 7% 3% 7%;
	}

	ul#news_btn li:last-child,
	ul#news_btn li:first-child {
		margin-top: 100px;
	}

	/*----------------------------cross-talk----------------------------*/

	.cross-talk-main-box01-txtbox-wap .img-container {
		width: 88%;
	}

	p.cross-talk-main-box01-txtbox-txt01 {
		font-size: 24px;
	}

	.cross-talk-main-box01-txtbox {
		background-size: 610px 200px;
		width: 610px;
		height: 200px;
		margin-bottom: 50px;
	}

	.cross-talk-main-box01-txtbox-wap {
		padding-bottom: 1px;
		margin-top: 40px;
	}

	.cross-talk-main-box01-txtbox-wap02 {
		margin-top: 40px;
	}

	.cross-talk-main-box01-txtbox-wap03 {
		margin-top: 40px;
	}



	.cross-talk-main-box01-txtbox-wap .img-container img {
		width: 100%;
		height: auto;
	}

	.cross-talk .cross-talk-txt-wap {
		padding-bottom: 50px;
		/* background: url(../img/cross-talk/bg04-sp.png) center; */
		background-size: 104%;
	}

	.cross-talk .take-member {
		width: 72%;
		margin: auto;
	}

	.cross-talk .take-member02 {
		width: 98%;
		margin: auto;
	}

	.cross-talk .take-member .take-member-box {
		margin-right: 25px;
		margin-bottom: 0;
	}


	.cross-talk_employee_illustarea {
		width: 100%;
		margin-bottom: 15px;
	}

	.cross-talk_employee_illust_img {
		width: 50%;
	}

	.cross-talk .take-member .take-member-box-last {
		margin-right: 0;
	}

	.cross-talk .cross-talk-ttl-inner {
		width: 100%;
		padding-bottom: 0;
	}

	.cross-talk .cross-talk-ttl-inner p {
		text-align: center;
		padding: 150px 0 0 0;
	}

	.cross-talk .cross-talk-ttl-grn,
	.cross-talk .cross-talk-ttl-yal,
	.cross-talk .cross-talk-ttl-ppl,
	.cross-talk .cross-talk-ttl-pink,
	.cross-talk .cross-talk-ttl-bule,
	.cross-talk .cross-talk-ttl-org {
		background-position: center top;
		background-size: 100% 100%;
	}

	.cross-talk .cross-talk-ttl-grn .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-ppl .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-yal .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-pink .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-bule .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-org .cross-talk-ttl-inner p {
		background-position: top 49px center;
		padding: 167px 0 160px;
		margin-top: 50px;
	}

	.cross-talk .cross-talk-ttl-inner img {
		position: absolute;
		top: 470px;
		width: auto;
		height: auto;
		display: block;
		margin: auto;
		right: 0;
		left: 0;
	}

	.cross-talk .cross-talk-txt {
		top: 0;
		width: 90%;
		margin: 0 auto 0;
		padding: 20px 0 50px 0;
	}


	.cross-talk .cross-talk-txt-box {
		width: 90%;
	}

	.cross-talk .cross-talk-txt-box img {
		width: 20%;
		height: auto;
	}

	.cross-talk .cross-talk-txt-box .cross-talk-txt-wh {
		width: 78%;
		/* margin-left: 2%; */
		margin-left: 0px;
	}

	.cross-talk .cross-talk-txt-top-box {
		width: 100%;
	}

	.cross-talk p.cross-talk-txt-top {
		width: 100%;
		margin: 0 0 30px 0;
		text-align: center;
	}

	.cross-talk .cross-talk-txt img.cross-talk-txt-box-img {
		width: 90%;
	}

	.cross-talk .cross-talk-txt-box .cross-talk-txt-wh:before {
		border: none;
	}

	.cross-talk-fot {
		width: 80%;
	}

	.cross-talk-fot img {
		width: 50%;
		height: auto;

	}

	/*----------------------------interview & working-woman----------------------------*/

	.working-woman-cont01,
	.interview-cont01 {
		margin-right: 0;
		width: 100%;
		background-size: 80% 80%, auto auto;
	}

	.working-woman-cont01 .working-woman-cont01-inner,
	.interview-cont01 .interview-cont01-inner {
		width: 80%;
	}

	.working-woman-cont01 p.working-woman-cont01-txt,
	.interview-cont01 p.interview-cont01-txt {
		padding: 0 17px 60px 30px;
	}

	.working-woman-cont01 .working-woman-cont01-inner-img,
	.interview-cont01 .interview-cont01-inner-img {
		width: 80%;
		margin: 0 10%;
		display: block;
	}

	.working-woman-cont01 .working-woman-cont01-inner-img img,
	.interview-cont01 .interview-cont01-inner-img img {
		width: 100%;
		height: auto;
	}

	.working-woman-cont01 .working-woman-cont01-inner-txt-box,
	.interview-cont01 .interview-cont01-inner-txt-box {
		width: 100%;
		margin: 50px auto 0;
	}

	.working-woman-cont01 p.working-woman-cont01-inner-txt-box-txt,
	.interview-cont01 p.interview-cont01-inner-txt-box-txt {
		width: 80%;
		margin: auto;
		display: block;
	}

	.interview-cont02 .interview-cont02-inner {
		width: 80%;
	}

	.interview-cont02 p.interview-cont02-txt {
		width: 90%;
		margin: auto;
		display: block;
	}

	.working-woman-cont02 .working-woman-cont02-inner,
	.interview-cont03 .interview-cont03-inner {
		width: 90%;
	}

	.working-woman-cont02 .working-woman-cont02-inner img,
	.interview-cont03 .interview-cont03-inner img {
		width: 100%;
		height: auto;
		padding-bottom: 30px;
	}

	.working-woman-cont02 img.working-woman-cont02-bg,
	.interview-cont03 img.interview-cont03-bg {
		width: 8%;
		height: auto;
	}

	.working-woman-cont04,
	.interview-cont04 {
		background: none;
	}

	.working-woman-cont04 .working-woman-cont04-inner,
	.interview-cont04 .interview-cont04-inner {
		width: 100%;
		display: block;
		margin: auto;
		padding-bottom: 0;
	}

	.working-woman-cont04 .working-woman-cont04-box-wap,
	.interview-cont04 .interview-cont04-box-wap {
		background: linear-gradient(#fff 20%, #F2F2F2 0%);
		padding-bottom: 10px;
		margin-bottom: 30px;
	}

	.working-woman-cont04 .left,
	.interview-cont04 .left {
		float: none;
	}

	.working-woman-cont04 .working-woman-cont04-box,
	.interview-cont04 .interview-cont04-box {
		margin: 0 auto 30px;
	}

	.interview-cont05 {
		padding-top: 200px;
	}

	.working-woman-cont05 {
		padding-top: 250px;
	}

	.working-woman-cont05 .working-woman-cont05-inner,
	.interview-cont05 .interview-cont05-inner {
		width: 90%;
	}

	.working-woman-cont05 .working-woman-cont05-inner img.working-woman-cont05-bg,
	.interview-cont05 .interview-cont05-inner img.interview-cont05-bg {
		top: -63px;
		right: 60px;
		width: 20%;
	}

	.working-woman-cont05 .working-woman-cont05-inner img.working-woman-cont05-img,
	.interview-cont05 .interview-cont05-inner img.interview-cont05-img {
		left: 0;
		margin: auto;
		top: -315px;
	}

	.working-woman-cont05 .working-woman-cont05-txt-box,
	.interview-cont05 .interview-cont05-txt-box {
		width: 90%;
		margin: 150px auto 0;
		display: block;
		padding: 75px 0 0 0;
		height: auto;
	}

	.working-woman-cont05 p.working-woman-sub-ttl01,
	.interview-cont05 p.interview-sub-ttl01 {
		margin: auto;
	}

	.working-woman-cont05 p.working-woman-cont05-txt,
	.interview-cont05 p.interview-cont05-txt {
		widows: 90%;
		margin: auto;
		display: block;
		padding-top: 15px;
		padding-bottom: 30px;
	}

	.working-woman-cont06 .working-woman-cont06-inner,
	.interview-cont06 .interview-cont06-inner {
		width: 100%;
	}

	.interview-cont06 .interview-cont06-txt,
	.working-woman-cont06 .working-woman-cont06-txt {
		width: 86%;
	}

	.working-woman-cont07 .working-woman-cont07-inner,
	.interview-cont07 .interview-cont07-inner {
		width: 90%;
	}

	.working-woman-cont07 img.working-woman-cont07-img01,
	.interview-cont07 img.interview-cont07-img01 {
		margin-right: 0;
	}

	.working-woman-cont07 p.working-woman-cont07-txt,
	.interview-cont07 p.interview-cont07-txt {
		width: 90%;
	}

	.working-woman-cont07 img.working-woman-cont07-img01,
	.working-woman-cont07 img.working-woman-cont07-img02,
	.interview-cont07 img.interview-cont07-img01,
	.interview-cont07 img.interview-cont07-img02 {
		width: 40%;
	}

	.working-woman-fot .working-woman-fot-ttl-inner,
	.interview-fot .interview-fot-ttl-inner {
		width: 90%;
	}

	.interview-fot .row {
		width: 90%;
	}

	.interview-ttl01 p.interview-ttl01-txt01 {
		font-size: 28px;
		padding: 0 0 15px;
	}

	.interview-ttl01 p.interview-ttl01-txt02 {
		font-size: 16px;
	}

	.interview-ttl01 p.interview-ttl01-txt03 {
		font-size: 28px;
		padding: 20px 0 13px;
	}

	.interview-ttl01 .interview-ttl01-txt-box {
		left: 6%;
		top: 25%;
	}

	.interview-ttl01 .interview-ttl01-img {
		width: 600px;
	}

	.interview-ttl01-orange,
	.interview-ttl01-pink,
	.interview-ttl01-bule {
		background-size: 681px auto;
		background-position: top left -150px;
	}

	p.interview-sub-ttl01 {
		line-height: 75px;
	}

	.working-woman-cont04 .working-woman-cont04-box,
	.interview-cont04 .interview-cont04-box {
		background-size: 574px 100%;
		height: auto;
		padding-bottom: 30px;
		min-height: 300px;
	}

	.interview-fot .interview-fot-ttl {
		padding: 30px 0 10px;
	}

	.working-woman-ttl01 img.left {
		display: none;
	}

	.working-woman-ttl01 .working-woman-ttl01-img {
		right: 100px;
		background: url("../img/working-woman/main-bg01.png")no-repeat bottom left;
		background-size: 70%;
		top: 0;

	}

	.working-woman-ttl01 .working-woman-ttl01-img02 {
		/* background: url("../img/working-woman/main-bg01-02.png")no-repeat bottom left; */
		right: 100px;
		background-size: 70%;
		top: 0;
	}

	.working-woman-ttl01 .working-woman-ttl01-img img {
		width: 80%;
		height: auto;
		margin-left: 20%;

	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box {
		position: static;
		margin: 290px auto 0;
		width: 64%;
		padding: 30px 20px 40px 20px;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt01 {
		display: inline;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt01 {
		padding: 15px 35px;
		text-align: center;
		width: 280px;
		margin: auto;
		display: block;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt02 {
		text-align: center;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt03 {
		text-align: center;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt04 {
		text-align: center;
	}

	.working-woman-cont03 .left {
		float: none;
	}

	.working-woman-cont03 img.woman-cont03-pc-img {
		display: none;
	}

	.working-woman-cont03 p.working-woman-cont03-subttl02 {
		padding: 60px 0 30px;
		line-height: 1.6em;
	}

	.working-woman-cont03 img.woman-cont03-sp-img {
		display: block;
		width: auto;
		margin: -80px auto 20px;
	}

	.working-woman-cont03 .working-woman-cont03-box01 {
		width: 90%;
		margin: auto;
	}

	.working-woman-cont03 .working-woman-cont03-box01-txtbox {
		width: 90%;
		padding: 0;
		margin: auto;
	}

	.working-woman-cont03 .clearfix {
		display: block;
	}

	.working-woman-cont03 p.working-woman-pink {
		display: none;
	}


	.working-woman-cont03 span.working-woman-pink {
		display: inline;
	}

	.working-woman-cont03 p.working-woman-cont03-subttl {
		text-align: center;
		margin-bottom: 15px;
	}

	.working-woman-cont03 p.working-woman-cont03-txt01 {
		margin-bottom: 30px;
		padding-left: 0;
	}

	.working-woman-cont03 .working-woman-cont03-box02 {
		width: 90%;
		margin-bottom: 30px;
	}

	.working-woman-cont03 .working-woman-cont03-box02-txtbox {
		width: 90%;
		margin: 30px auto 55px;
	}

	.working-woman-cont03 .working-woman-cont03-box02 img {
		margin: auto;
		display: block;
	}

	.working-woman-cont03 p.working-woman-cont03-txt02 {
		width: 81%;
	}

	.working-woman-cont05,
	.working-woman-cont03 {
		/* background: url("../img/working-woman/bg01.png") repeat-y; */
	}


	.cross-talk_banner_buttonarea {
		flex-direction: column;
	}

	.cross-talk_banner_button {
		height: 170px;
		margin: 0 auto;
		width: 80%;
	}

	.cross-talk_banner_button-left-img {
		width: 63px !important;
	}


	.cross-talk_banner_button-right {
		width: 35px !important;

	}

	/* ------- インタビュー　22312変更追加 ------- */
	.interview-ttl01 p.interview-ttl01-txt02 {
		font-size: 30px;
	}
	.interview-ttl01 p.interview-ttl01-txt04 {
		font-size: 20px;
	}

}


@media (max-width: 768px) {
.btn-block {
width: 90%;
}

.effect-ruby {
	min-height: 190px;
}

.effect-ruby3 {
	background-color: #FFE3C3;
	width: 100%;
	height: 100%;
	position: relative;
}


	.interview-ttl01 .interview-ttl01-img {
		width: 460px;
	}

	.interview-ttl01-orange,
	.interview-ttl01-pink,
	.interview-ttl01-bule {
		background-size: 523px auto;
		background-position: top left -100px;
	}

	.interview-ttl01 .interview-ttl01-txt-box {
		left: 6%;
		top: 20%;
	}

	.top-cont02 {
		padding-top: 165px;
	}

	.top-cont02 .top-cont02-inner-ppl,
	.top-cont02 .top-cont02-inner-pink {
		top: 80px;
	}

	img.about-wh04 {
		float: left;
	}

	img.about-navy04 {
		float: left;
		top: 36px;
	}

	img.about-wh09 {
		width: 70%;
		height: auto;
		margin-top: 30px;
	}

	img.about-navy09 {
		width: 17%;
		height: auto;
	}

	img.about-wh14 {
		left: 12%;
	}

	img.about-wh17-sp {
		left: 0%;
		width: 98%;
		top: 75px;
	}

	img.about-navy17-sp {
		left: 1%;
		width: 98%;
		top: 75px;
	}

	img.about-navy18 {
		left: 15%;
	}


	img.about-wh20 {
		width: 88%;
		left: 0;
		margin: -32px auto 0;
	}

	img.about-navy20 {
		width: 88%;
		margin: -15px auto 0;
		left: -5px;
	}

	.our-team-main img {
		width: 100%;
		margin: 0;
	}

	.tab-contents .col-sm-6 {
		width: 329px;
	}


	.sub-fot-bnr02 p.sub-fot-bnr02-txt {
		width: 690px;
		padding: 6% 0;
	}

	.sub-fot-bnr02 .fot-bnr-inner img {
		width: 50%;
		height: auto;

	}





	.cds-people-cont02 .img-container13,
	.cds-people-cont02 .img-container14,
	.cds-people-cont02 .img-container15 {
		width: 80%;
		height: auto;
	}

	.cds-people-cont02 .img-container13 img,
	.cds-people-cont02 .img-container14 img,
	.cds-people-cont02 .img-container15 img {
		width: 100%;
		height: auto;
	}

	.cds-people-cont02-box01-txtbox-wap,
	.cds-people-cont02-box02-txtbox-wap,
	.cds-people-cont02-box03-txtbox-wap {
		width: 100%;
	}


	.cds-people-cont02-box01-txtbox,
	.cds-people-cont02-box02-txtbox,
	.cds-people-cont02-box03-txtbox {
		background-size: 560px 180px;
		width: 560px;
		margin: auto;
	}

	.cds-people-cont02-box01,
	.cds-people-cont02-box02,
	.cds-people-cont02-box03 {
		background-size: 66%;
	}

	.cds-people-cont02-box02-txtbox-wap {
		background-position: top right;
	}

	.cds-people-cont02 p.cds-people-cont02-txt02 {
		font-size: 28px;
	}

	.cds-people-cont02 p.cds-people-cont02-txt03-small {
		font-size: 14px;
	}

	.cds-people-cont02-box03-txtbox-wap {
		padding-bottom: 50px;
	}

	.cds-people-cont01-box {
		width: 100%;
	}

	.cds-people-cont01-box .left,
	.cds-people-cont01-box .right {
		float: none;
	}

	.cds-people-cont01-box02 .cds-people-cont01-box-imgbox,
	.cds-people-cont01-box01 .cds-people-cont01-box-imgbox {
		position: static;
		width: 80%;
		margin: auto;
		background-position: 33% bottom;
		position: relative;
		z-index: 1;
		padding: 0 0 40px 20%;
	}

	.cds-people-cont01-box02,
	.cds-people-cont01-box01 {
		background-position: bottom right;
	}

	.cds-people-cont01-box02 {
		padding-bottom: 0;
	}

	.cds-people-cont01 {
		padding-bottom: 80px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox {
		width: 80%;
		margin: -90px auto 40px;
		padding-bottom: 40px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt01,
	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt02,
	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt03,
	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt04 {
		margin-left: 0;
		display: block;
		text-align: center;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt03 {
		margin-bottom: 20px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt01 {
		width: 54%;
		margin: 100px auto 0;
		padding: 20px 40px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt02 {
		margin-top: 30px;
	}



	.cross-talk .take-member02 {
		width: 65%;
		margin: auto;
	}

	.cross-talk .take-member {
		width: 96%;
		margin: auto;
	}

	.message-02 img.message-02-img-sp {
		margin-bottom: 0;
	}


	.boxes {
		width: 90%;
		padding-bottom: 0;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box {
		width: 80%;
	}

	.working-woman-ttl01 .working-woman-ttl01-img {
		right: 0;
	}


	.cross-talk .take-member02 {
		width: 65%;
	}


	/*----------------------------------------------------------------

	募集要項　現在は採用募集を行っておりません部分

	----------------------------------------------------------------*/
	.not_going_blk {
		width: 84%;
		margin: 40px auto 0 auto;
	}

	.not_going_blk.bottom {
		width: 84%;
		margin: 40px auto 40px auto;
	}

	.not_going_blk p {
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		padding: 20px;
	}
	/* インターン追加 */
	.intern_adv {
		width: 100%;
	}
	.intern_adv img {
		width: 100%;
	}



	/* ------- 仕事紹介　22312変更追加 ------- */
	.workIntroduction {
		width: 100%;
    	margin-top: 40px;
    	padding-top: 25px;
	}
	.workIntroduction img {
		width: 55%;
	}
	.totalSupport {
		width: 100%;
    	padding-top: 20px;
	}
	.totalSupport img {
		width: 90%;
	}
	.occupation {
		width: 100%;
    	margin-top: 35px;
	}
	.occupation img {
		width: 100%;
	}

	/* ------- インタビュー　22312変更追加 ------- */
	.interview-ttl01 p.interview-ttl01-txt01 {
		font-size: 5.6vw;
	}
	.interview-ttl01 p.interview-ttl01-txt02 {
		font-size: 4vw;
	}
	.interview-ttl01 p.interview-ttl01-txt03 {
		font-size: 5vw;
	}
	.interview-ttl01 p.interview-ttl01-txt04 {
		font-size: 2.9vw;
	}

}

/*--------------------------------------------------------
一部のスマホ崩れ修正
--------------------------------------------------------*/
@media screen and (max-width:650px) and (min-width:415px) {
	.top-main-img-sp img {
		margin: 20px 0;
		width: 80%;
		height: auto;
	}
}

@media screen and (max-width:650px) and (min-width:550px) {
	.top-main-img-sp {
		background-size: 100% 700px;
		padding: 28px 0 15px;
		height: 700px;
	}
}

@media screen and (max-width:550px) and (min-width:415px) {
	.top-main-img-sp {
		background-size: 100% 600px;
		padding: 28px 0 15px;
		height: 600px;
	}
}

@media (max-width: 414px) {
	.top-main-img-sp {
		background-size: 100% 500px;
		padding: 28px 0 15px;
		height: 500px;
	}
}





/*--------------------------------------------------------
SPレイアウト（767px以下の解像度のスクリーン含む）
--------------------------------------------------------*/
@media (max-width: 767px) {

	.loader-bg-g,
	.loader-bg-o,
	.loader-bg-b,
	.loader-bg-p,
	.loader-bg-ppl,
	.loader-bg-r,
	.loader-bg-y {
		background-size: 80% auto, 20% auto, 20% auto;
	}

	.our-team-main:hover .team-front {
		bottom: -400px;
	}



	#header {
		height: 80px;
	}

	#header h1 {
		padding: 10px 0 0 15px;
	}

	.top-msg h2 {
		font-size: 9.6vw;
	}

	.top-msg h2 span {
		font-size: 5vw;
		letter-spacing: 2px;
	}

	.top-msg {
		padding: 70px 0;
	}

	.top-msg p {
		font-size: 4vw;
		width: 100%;
	}

	.parallax1 {
		top: 60px;
	}

	.parallax3 {
		top: 590px;
	}

	.parallax1 {
		left: 20px;
		top: 35px;
	}

	.parallax2 {
		left: 8px;
		top: 190px;
	}

	.parallax3 {
		left: 30px;
		top: 320px;
	}

	.parallax4 {
		top: 15px;
		right: 30px;
	}

	.parallax5 {
		right: 5px;
		top: 160px;
	}


	.parallax6 {
		right: 30px;
		top: 340px;
	}

	.top-main-img-sp img {
		margin: 5px 0;
		width: 70%;
		height: auto;
	}

	.top-main-img-sp img.main-ttl-sp {
		width: 80%;
	}

	.top-msg img {
		width: 8%;
	}

	.top-news .top-news-wap {
		padding-left: 0;
	}

	.top-news .top-news-wap .top-news-txt-wap {
		margin: 20px 10px 30px 25px;
	}

	.top-news .top-news-wap .top-news-ttl {
		font-size: 24px;
		top: -10px;
		margin-left: 15px;
	}

	.top-bnr .top-bnr-wap {
		height: 180px;
	}

	.top-bnr .top-bnr-wap img {
		width: 100%;
		height: auto;
	}

	.top-news .top-news-wap .top-news-btn {
		width: 68%;
		margin: 0 16%;
		top: 30px;
		font-size: 16px;
		font-weight: 600;
		margin-top: -7px;
	}

	.top-bnr .top-bnr-wap h3 {
		width: 100%;
		margin: 30px 0 25px 0px;
		text-align: center;
	}

	.top-cont01 {
		padding-top: 60px;
	}

	.top-cont02 .col-lg-6,
	.top-cont01 .col-lg-6 {
		width: 100%;
	}

	.top-cont01 .top-cont01-inner img {
		width: 80%;
		margin-left: 10%;
	}

	.top-cont02 .top-cont02-inner02,
	.top-cont01 .top-cont01-inner02 {
		margin-left: 0;
	}

	.top-cont01 .top-cont01-inner02 {
		margin-top: -50px;
	}

	.top-cont01 p {
		font-size: 22px;
	}

	.top-cont01 span {
		font-size: 16px;
	}

	.top-cont01 .top-cont01-inner-blue,
	.top-cont01 .top-cont01-inner-grn {
		padding: 75px 0 50px;
		top: -45px;
	}

	.top-cont02 .top-cont02-inner-pink,
	.top-cont02 .top-cont02-inner-ppl {
		padding: 80px 0 25px;
		top: -65px;
	}


	.top-bnr .top-bnr-wap h3 {
		font-size: 22px;
	}

	.top-bnr .top-bnr-wap span {
		font-size: 16px;
	}

	.top-bnr {
		margin-top: -20px;
		padding: 50px 0 75px;
		background-size: 100% 100%;
	}

	.top-woman {
		margin-top: 25px;
	}


	.top-interview .row {
		width: 90%;
	}


	.top-interview h3,
	.top-telework h3 {
		font-size: 26px;
		margin-bottom: 40px;
	}

	.top-interview h3 span,
	.top-telework h3 span {
		font-size: 16px;
	}

	.cds-people-cont05 .cds-people-cont02-box01 {
		padding-top: 40px;
		padding-bottom: 0px;
	}

	.cds-people-cont05 .txt01,
	.cds-people-cont05 .txt02 {
		text-align: left;
	}

	.cds-people-cont05 .txt02 span {
		font-size: 16px;
		font-weight: normal;
	}

	.cds-people-cont05 .txt02 {
		font-size: 22px;
		font-weight: 500;
	}

	.top-interview {
		padding: 60px 0 30px;
	}

	.top-cont01 .btn-navy2 {
		top: -75px;
		width: 230px;
	}

	.top-cont01 .btn01 {
		padding: 15px 70px;
	}

	.fot-bnr h4 {
		padding-top: 60px;
		margin: 0;
	}


	.fot-bnr .fot-bnr-inner img {
		width: 100%;
	}

	.fot-bnr h4 {
		padding: 41px 0 31px 0;
		font-size: 20px;
	}

	.fot-bnr .fot-bnr-yal h4,
	.fot-bnr .fot-bnr-org h4 {
		background-size: 10%;
	}

	.fot-bnr span {
		font-size: 16px;
	}

	.fot-bnr2 h4 {
		font-size: 18px;
	}

	.fot-bnr2 span {
		font-size: 14px;
		background: url(../img/common/icon2.svg) no-repeat center right;
		padding-right: 16px;
		background-size: 13px 13px;
	}

	.sub-fot-bnr02 .fot-bnr02-wap {
		width: 90%;
	}

	.sub-fot-bnr02 p.sub-fot-bnr02-txt {
		width: 100%;
		padding: 57% 0 15%;
	}

	.sub-fot-bnr02 {
		padding: 50px 0;
		margin-top: 30px;
	}

	.sub-fot-bnr02 .fot-bnr-inner img {
		width: 100%;
	}

	.top-cont02 {
		padding: 60px 0 0 0;
		top: 20px;
	}

	.top-cont02 p {
		font-size: 22px;
	}

	.top-cont02 span {
		font-size: 16px;
	}

	.top-woman .top-woman-ttl {
		height: 210px;
		z-index: -2;
	}

	.top-woman .right img {
		width: 65%;
		right: 0;
		display: block;
		margin: 0 100px;
		top: -90px;
	}

	.top-talk h3 {
		font-size: 26px;
		top: 65px;
	}

	.top-woman .top-woman-ttl h3 {
		font-size: 26px;
		top: 50px;
	}

	.top-woman .top-woman-ttl h3 span,
	.top-talk h3 span {
		font-size: 16px;
	}

	.top-woman .left img {
		top: 0;
		width: 100%;
		margin: 0;
		z-index: -1;
	}

	.top-woman .left .img-container07 {
		width: 90%;
		margin: auto;
		left: 0;
		top: -242px;
	}

	.top-talk .left img {
		width: 84%;
		margin: 60px 0 0 10%;
	}

	.top-talk .img-container08 {
		background: none;
		width: 90%;
		margin: auto;
		top: -75px;
		left: 0;
	}

	.top-woman .left p {
		margin: -180px 5% 0;
		line-height: 1.8em;
		width: 90%;
		top: -130px;
	}

	.top-woman .left .btn-navy2 {
		left: 0;
	}

	.top-woman .btn {
		width: 78%;
		margin: 55px 11%;
		z-index: 1;
	}

	.top-talk .top-talk-ttl {
		padding: 100px 0;
	}

	.top-talk {
		background: linear-gradient(#F9F5EA 24%, #ffffff 4%);
		margin-top: -50px;
	}

	.top-talk .right img {
		width: 100%;
		margin: 0;
	}

	.top-talk .right .btn {
		right: 0;
		left: 0;
		top: -105px;
		margin: auto;
		width: 100%;
	}


	.top-interview {
		background: url(../img/top/top-bg02-sp.png) no-repeat;
		background-size: cover;
	}

	.top-interview .top-interview-inner {
		margin: 0 auto 20px;
		text-align: center;
		padding: 0;
	}

	.top-interview .top-interview-inner-txt {
		display: inline-block;
		text-align: center;
	}

	.top-interview .btn {
		padding: 0;
		margin: -40px auto 0;
		top: 55px;
	}

	.fot-bnr .btn01,
	.top-talk .btn01,
	.top-woman .btn01,
	.top-interview .btn01 {
		padding: 15px 70px;
	}

	.top-talk .right p {
		line-height: 1.8em;
		width: 90%;
		margin: 0 5% 200px;
		top: -95px;
	}

	.top-bnr .top-bnr-wap .btn-navy2 {
		left: 0;
	}

	.top-cont02 .top-cont02-inner02 {
		margin-top: -70px;
	}

	.top-cont02 .top-cont02-inner img {
		width: 90%;
		left: 5%;
	}

	.top-fot-bnr {
		margin-top: -30px;
	}

	#footer .btn01 {
		margin: 5px 0;
	}

	#footer .fot-logo {
		margin-bottom: 0;
	}

	#footer p.footer-top {
		margin-bottom: 20px;
	}

	#footer .footer-fot {
		width: 100%;
	}

	#footer .footer-fot p {
		width: 100%;
		font-size: 8px;
		margin-left: 0;
		letter-spacing: 0.1em;
		/*	-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5);
*/
	}

	#footer .footer-fot li {
		padding: 0;
		width: 100%;
		display: block;
		margin: auto;
		background: none;
	}

	#footer .fot-logo img {
		width: 50%;
		height: auto;
	}

	#footer .footer-fot ul {
		width: 100%;
		margin: auto;
	}

	#footer .btn01 {
		padding: 15px 70px;
	}


	#footer .btn02 {
		padding: 15px 59px;
	}

	#footer .btn-org {
		padding: 15px 65px;
		background-position: center right 45px;
	}

	#footer .footer-fot {
		margin: 20px auto;
	}

	#page-top {
		background-size: 100%;
		width: 50px;
		height: 50px;
		bottom: 70px;
	}

	.company-top {
		right: 19px;
		bottom: 27px;
		width: 70px;
		height: 35px;
	}

	.company-top p {
		font-size: 10px;
		padding: 0 14px 0 3px;
		background-position: center right 5px;
		line-height: 30px;
	}

	#footer .footer-hed {
		padding-bottom: 80px;
	}

	.sub-fot-bnr {
		padding: 40px 0 50px;
	}

	.sub-fot-bnr p.sub-fot-bnr-txt {
		font-size: 4vw;
	}

	.sub-fot-bnr p.sub-fot-bnr-txt span {
		font-size: 3.4vw;
	}

	.sub-fot-bnr02 p.sub-fot-bnr02-txt {
		font-size: 6vw;
	}

	.sub-fot-bnr02 p.sub-fot-bnr02-txt span {
		font-size: 4.6vw;
	}


	.sub-fot-bnr p.sub-fot-bnr-ttl {
		font-size: 5.6vw;
		padding-bottom: 20px;
	}

	.sub-fot-bnr .sub-fot-bnr-box01 {
		border-left: none;
		border-bottom: 1px solid #ccc;
	}

	.sub-fot-bnr-mail {
		margin-top: 20px;
	}

	.sub-fot-bnr .col-lg-6 {
		border-right: none;
	}

	.hvr-forward span.arrow02 {
		left: 55px;
	}

	.sub-ttl {
		background-size: 100% 220px;
		height: 150px;
		padding-top: 40px;
		padding-bottom: 140px;
		margin-top: 80px;
	}

	.sub-ttl h3 {
		font-size: 8vw;
	}

	.sub-ttl h3.small {
		font-size: 7vw;
		letter-spacing: 3px;
	}


	.sub-ttl h3.sub-ttl-small {
		font-size: 7.4vw;
	}

	.sub-ttl h4 {
		font-size: 5vw;
		margin-top: 8px;
	}

	.sub-ttl hr {
		width: 55px;
		margin-top: 12px;
	}

	.fot-bnr .fot-bnr-yal,
	.fot-bnr .fot-bnr-org {
		padding: 40px 0 20px;
	}

	.ityped-cursor {
		font-size: 1em;
	}



	/*----------------------------message----------------------------*/
	.message-main-img .message-main-img-wap {
		width: 94%;
	}

	.message-main-img .message-main-img-wap {
		background-size: 38%;
	}

	.message-main-img .message-main-img-wap img {
		margin: 6% 0 0 6%;
		width: 92%;
	}

	.message-main-img .message-main-img-txt01 {
		right: 0;
		left: 2%;
		width: 92%;
		padding: 20px 0 30px 20px;
		top: -35px;
	}

	.message-main-img .message-main-img-txt01 p {
		font-size: 4vw;
	}

	.message-main-img .message-main-img-txt02 p.message-main-img-txt02-p01 {
		font-size: 4vw;
	}

	.message-main-img .right {
		float: none;
	}

	.message-main-img .message-main-img-txt02 {
		margin-top: -60px;
		width: 84%;
		right: 0;
		left: 14%;
	}

	.message-main-img .message-main-img-txt02 p.message-main-img-txt02-p02 {
		font-size: 6.4vw;
	}

	.message-main-img .message-main-img-txt02 p.message-main-img-txt02-p03 {
		font-size: 3vw;
	}

	.message-main-img {
		margin-top: 40px;
		padding-bottom: 60px;
	}

	.message-01 {
		padding-top: 60px;
		padding-bottom: 25px;
	}

	.message-01 p.message-01-ttl {
		text-align: center;
		font-size: 5.4vw;
	}

	.message-01 p.message-01-sub-ttl {
		text-align: center;
		font-size: 4.8vw;
	}

	.message-01 p.message-01-txt {
		font-size: 4vw;
		margin-bottom: 30px;
	}

	.message-02 p.message-02-ttl {
		font-size: 5.4vw;
		line-height: 1.6em;
		margin-bottom: 25px;
	}

	.message-02 .message-02-wap {
		padding: 40px 4%;
	}

	.message-02 img.message-02-img-sp {
		width: 50%;
		height: auto;
		top: 33px;
	}


	.message-03 .message-03-txt,
	.message-02 p.message-02-txt {
		font-size: 4vw;
	}

	.message-03 .message-03-ttl {
		text-align: center;
	}

	.message-02 img.left {
		width: 20%;
		height: auto;
	}

	.message-02 hr {
		margin-bottom: 30px;
	}

	.message-02-fot p.message-02-fot-p01 {
		margin-top: 0px;
		padding-top: 5px;
	}

	.message-02 p.left {
		padding-top: 0;
		font-size: 5vw;
	}

	.message-02 .row {
		margin: 0;
	}

	.message-02,
	.message-03 {
		padding: 60px 0;
	}


	/*----------------------------entry----------------------------*/
	.entry {
		padding: 50px 0 0 0;
	}

	.entr-wap {
		padding: 50px 15px 40px;
		margin-bottom: 50px;
	}

	.entr-wap .entr-ttl {
		font-size: 5.6vw;
	}

	.entr-wap p {
		font-size: 4vw;
		margin: 5px 0 20px 0;
		line-height: 1.6;
	}

	.entr-wap img.rikunabi-img {
		width: 100%;
		height: auto;
	}

	.entr-wap01 {
		margin-bottom: 50px;
	}

	.entr-wap-last {
		margin-bottom: 0px;
	}

	/*----------------------------qa----------------------------*/
	ul.qa-nav {
		width: 80%;
		margin: 40px auto;
	}

	ul.qa-nav li {
		border: #F79E44 2px solid;
		padding: 10px 0;
		margin-bottom: 10px;
	}


	ul.qa-nav li {
		float: none;
		margin-right: 0;
	}

	ul.qa-nav li span.qa-nav-ppl {
		margin-right: 0;
	}

	.qa-cont .qa-ttl h3 {
		width: 84%;
		font-size: 5.0vw;
		top: 60px;
		padding-top: 45px;
	}

	.accordionbox {
		width: 90%;
	}

	.accordionlist dt .qa-q01,
	.accordionlist dt .qa-q02,
	.accordionlist dt .qa-q03 {
		font-size: 7vw;
		padding: 20px 11px 0;
	}

	.accordionlist dt {
		line-height: 1.4em;
	}

	#accordion p {
		font-size: 3.6vw;
		padding: 21px 0px 20px 0;
		line-height: 1.2;
	}

	.accordionlist dd .qa-a01,
	.accordionlist dd .qa-a02,
	.accordionlist dd .qa-a03 {
		font-size: 7vw;
		padding-left: 20px;
		padding-right: 12px;
	}

	.accordionlist dt .title01,
	.accordionlist dt .title02,
	.accordionlist dt .title03 {
		height: auto;
	}

	.accordionlist dt .title01 {
		border-left: #F79E44 6px solid;
	}

	.accordionlist dt .title02 {
		border-left: #F79E44 6px solid;
	}

	.accordionlist dt .title03 {
		border-left: #F79E44 6px solid;
	}

	.accordion_icon.active span:nth-of-type(2) {
		top: -8px;
	}

	.accordion_icon span:nth-of-type(1) {
		top: -8px;
	}

	.accordion_icon span:nth-of-type(2) {
		top: -8px;
	}

	.qa-cont .qa-ttl01 {
		/* background: url(../img/qa/qa-bg01-sp.png); */
		background-size: cover;
		background-position: bottom;
	}

	.qa-cont .qa-ttl02 {
		/* background: url(../img/qa/qa-bg02-sp.png); */
		background-size: cover;
	}

	.qa-cont .qa-ttl03 {
		/* background: url(../img/qa/qa-bg03-sp.png); */
		background-size: cover;
	}

	.qa-cont .qa-txt {
		padding: 70px 0 40px;
	}

	.qa-cont img.qa-bg01 {
		top: -90px;
		width: 30%;
		left: 72%;
	}

	.qa-cont img.qa-bg02 {
		top: -90px;
		width: 30%;
	}

	.qa-cont .qa-ttl {
		height: 170px;
	}

	#accordion .accordionlist dd p.qa-a-txt {
		padding: 25px 0;
	}

	.fot-bnr-qa {
		margin-top: -50px;
	}

	.qa-cont .qa-ttl h3 hr.qa-ttl01-hr,
	.qa-cont .qa-ttl h3 hr.qa-ttl02-hr,
	.qa-cont .qa-ttl h3 hr.qa-ttl03-hr {
		border-bottom: 3px solid;
		width: 144px;
	}
	.qa-ttl01-hr{
		border-bottom: unset !important;
	}
	.qa-ttl02-hr{
		border-bottom: unset !important;
	}
	.qa-ttl03-hr{
		border-bottom: unset !important;
	}

	/*----------------------------about----------------------------*/

	img.about-main-ttl-sp {
		width: 66%;
		height: auto;
		margin: auto;
	}

	.about-wap {
		margin: 60px auto 110px;
		padding: 40px 0;
		width: 90%;
	}

	.about-wap:before {
		border-width: 0 40px 40px 0;
	}

	.about-sub-ttl h3 {
		font-size: 5.6vw;
	}

	.about-sub-ttl hr {
		margin-bottom: 30px;
	}

	p.about-txt01 {
		margin-bottom: 50px;
	}

	.about .row {
		width: 92%;
		margin: 0 4%;
	}

	.about .row img {
		width: 80%;
		height: auto;
	}

	.about h4 {
		font-size: 5vw;
		padding: 15px 0 10px;
	}

	.about h4.about-smal-font {
		font-size: 4.2vw;
		line-height: 1.4em;
		padding: 10px 0 5px;
	}

	.about h4.about-smal-font02 {
		font-size: 4.8vw;
		line-height: 1.4em;
		padding: 10px 0 5px;
	}


	ul.about-nav {
		width: 84%;
		margin: 40px auto;
	}

	ul.about-nav li {
		/* border: #6DACE1 2px solid; */
		padding: 10px 0;
		margin-bottom: 10px;
	}


	ul.about-nav li {
		float: none;
		margin-right: 0;
	}

	.about .col-lg-12,
	.about .col-lg-9,
	.about .col-lg-6,
	.about .col-lg-3 {
		height: 160px;
		margin-bottom: 2%;
		overflow: hidden;
	}

	.about .col-lg-3 {
		width: 49%;
	}

	.about .col-lg-6-sp {
		height: auto;
	}

	.about .mr-sp-6 {
		margin-right: 2%;
	}



	.about .about-box08,
	.about .about-box06,
	.about .about-box05,
	.about .about-box04,
	.about .about-box03 {
		position: relative;
	}



	.about-box03 img.about-wh01 {
		position: absolute;
		bottom: 0 !important;
		/* left: 10%; */
	}

	.about-box04 img.about-navy02 {
		position: absolute;
		bottom: 5%;
		left: 7%;
	}

	.about-box05 img.about-wh05 {
		position: absolute;
		bottom: 0;
		left: 10%;
	}

	.about-box06 img.about-wh06 {
		position: absolute;
		bottom: -5px;
		left: 25%;
	}



	.about .row img.about-navy01 {
		width: 58%;
	}

	.about .row img.about-wh03 {
		width: 90%;
		top: 0;
		margin-bottom: 0;
	}

	img.about-navy03 {
		top: 0;
		display: block;
		margin: -22% auto 0;
	}

	.about .col-sp-h480 {
		height: 320px;
	}

	.about .about-box02 {
		height: 190px;
	}

	img.about-wh02 {
		margin: 7px 0 7px;
	}

	.about .row img.about-wh04 {
		left: -1px;
		width: 76%;
	}

	.about .row img.about-navy04 {
		width: 19%;
		top: 0;
		margin-top: 8%;
		right: 0;
	}

	.about .row img.about-navy05 {
		width: 60%;
	}

	img.about-navy05 {
		top: 3px;
	}

	.about .row img.about-wh05 {
		width: 75%;
		margin-top: 0;
	}

	.about .row img.about-navy06 {
		width: 55%;
		position: relative;
	}

	.about .row img.about-wh06 {
		width: 48%;
	}

	.about .row img.about-wh06 {
		width: 48%;
	}

	.about .row img.about-wh07 {
		width: 29%;
	}

	.about .row img.about-navy07 {
		width: 74%;
	}

	.about .row img.about-wh08 {
		width: 22%;
		top: 30px;
		left: -16px;
	}

	.about .row img.about-navy08 {
		width: 40%;
		top: 0;
	}

	.about .row img.about-wh09 {
		width: 70%;
		right: 5px;
	}

	.about .row img.about-navy09 {
		width: 18%;
		position: relative;
		top: -5px;
	}

	.about .row img.about-wh10 {
		width: 90%;
		margin-top: 5px;
	}

	.about .row img.about-navy10 {
		width: 30%;
		left: 0;
		top: 5px;
	}

	.about .row img.about-navy11 {
		width: 55%;
		left: 0;
	}

	.about .row img.about-wh11 {
		width: 62%;
		left: 18%;
	}

	.about .row img.about-wh12 {
		width: 30%;
		margin-top: 5px;
	}

	.about .row img.about-navy12 {
		width: 70%;
		left: 0;
	}

	.about .row img.about-wh13 {
		width: 45%;
bottom: 0;
	}

	.about .row img.about-navy13 {
		width: 45%;
		top: -40px;
		left: 0;
	}

	.about .row img.about-navy14 {
		width: 35%;
		left: 5px;
	}

	.about .row img.about-wh16 {
		width: 60%;
		left: -10px;
		top: -3px;
	}

	.about .row img.about-navy16 {
		width: 60%;
		left: 10px;
		top: -36px;
	}

	.about .row img.about-wh17-sp {
		position: absolute;
		bottom: 12%;
		width: 100%;
		left: 0;
	}

	.about .row img.about-navy17-sp {
		position: absolute;
		bottom: 13%;
		width: 100%;
		left: 0;
	}

	.about .row img.about-wh18 {
		position: relative;
		bottom: -10px;
		width: 88%;
		margin-top: 0;

	}

	.about .row img.about-navy18 {
		bottom: 10px;
		width: 88%;
		left: 6%;

	}

	.about .row img.about-wh19 {
		width: 68%;
		margin-top: 5px;
	}

	.about .row img.about-navy19 {
		width: 70%;
		left: 6px;
	}

	.about .row img.about-wh20 {
		width: 90%;
		left: 0px;
		margin: auto;
		top: -18px;
	}

	.about .row img.about-navy20 {
		width: 90%;
		top: -110px;
		left: 0px;
		margin: auto;
	}

	.about .row img.about-wh21 {
		position: relative;
		left: 0px;
		margin-top: 15px;
		width: 90px;
	}

	.about .row img.about-navy21 {
		position: relative;
		left: 0px;
		top: -20px;
		width: 150px;
	}



	/*----------------------------newgraduate&career----------------------------*/
	ul.career-nav,
	ul.newgraduate-nav {
		width: 84%;
		margin: 40px auto;
	}

	ul.newgraduate-nav li {
		border: #FF7900 2px solid;
		padding: 10px 0;
		margin-bottom: 10px;
	}

	ul.career-nav li {
		border: #F79E44 2px solid;
		padding: 10px 0;
		margin-bottom: 10px;
	}

	ul.career-nav li,
	ul.newgraduate-nav li {
		float: none;
		margin-right: 0;
	}

	.career-cnt01 .row,
	.newgraduate-cnt01 .row {
		width: 90%;
	}

	.career h4,
	.newgraduate h4 {
		font-size: 5.6vw;
	}

	.career .career-line01,
	.newgraduate .newgraduate-line01 {
		margin-top: 10px;
		width: 50px;
	}

	.career-cnt01,
	.newgraduate-cnt01 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.career-table,
	.newgraduate-table {
		width: 100%;
		padding: 35px 0 30px;
	}

	.career-cnt03,
	.newgraduate-cnt03 {
		padding: 50px 0;
	}

	.career-ttl03,
	.newgraduate-ttl03 {
		padding: 35px 0 0;
	}
	.career-cnt03 .btn-block {
width: 100%;
	}



	.career-table th,
	.newgraduate-table th {
		width: 100%;
		padding: 15px 0px;
		display: block;
		border-bottom: 0px;
		font-weight: bold;
		font-size: 14px;
		border: none;
		text-align: center;
	}

	.career-table td,
	.newgraduate-table td {
		display: block;
		width: 100%;
		margin: auto;
		padding: 20px 20px;
		font-size: 14px;
		border: none;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}

	.newgraduate-cnt02 img.newgraduate-cnt02-bg,
	.career-cnt02 img.career-cnt02-bg {
		width: 60%;
		top: 50px;
	}

	.career-cnt02 img.career-cnt02-img,
	.newgraduate-cnt02 img.newgraduate-cnt02-img {
		margin: 45px auto 40px;
	}

	.career-step p.career-step-ttl,
	.newgraduate-step p.career-step-ttl {
		font-size: 5.0vw;
	}

	.career-table th.career-table-top,
	.career-table td.career-table-top,
	.newgraduate-table th.newgraduate-table-top,
	.newgraduate-table td.newgraduate-table-top {
		border: none;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}

	.career-table td.career-table-last,
	.newgraduate-table td.newgraduate-table-last {
		border-bottom: 1px solid #dfdfdf;
	}

	.newgraduate-table .btn-block {

	}

	.career-cnt01 .row .col-lg-4,
	.newgraduate-cnt01 .row .col-lg-4 {
		width: 100%;
		height: auto;
	}

	.newgraduate-cnt01-box,
	.career-cnt01-box {
		margin-bottom: 15px;
	}


	.newgraduate .newgraduate-cnt01 .btn-block,
	.career .career-cnt01 .btn-block {
		margin-top: 15px;
	}

	.career-cnt01-box p.career-cnt01-ttl01,
	.newgraduate-cnt01-box p.newgraduate-cnt01-ttl01 {
		margin: 20px auto 10px;
	}

	.career-cnt01-box p.career-cnt01-ttl01,
	.newgraduate-cnt01-box p.newgraduate-cnt01-ttl01 {
		font-size: 4vw;
	}

	.career-cnt01-box p.career-cnt01-ttl02,
	.newgraduate-cnt01-box p.newgraduate-cnt01-ttl02 {
		font-size: 4.6vw;
		margin-bottom: 15px;
		line-height: 1.2;
	}

	.career-cnt01-box p.career-cnt01-txt01,
	.newgraduate-cnt01-box p.newgraduate-cnt01-txt01 {
		font-size: 3.8vw;
		height: auto;
		padding: 0 20px;
		margin-bottom: 10px;
		line-height: 1.2;
	}

	.career-cnt01-box p.career-cnt01-ttl03,
	.newgraduate-cnt01-box p.newgraduate-cnt01-ttl03 {
		font-size: 3.4vw;
		margin-bottom: 15px;
	}

	.career-cnt01-box p.career-cnt01-ttl02-03,
	.career-cnt01-box p.career-cnt01-ttl02-01,
	.newgraduate-cnt01-box p.newgraduate-cnt01-ttl02-01,
	.newgraduate-cnt01-box p.newgraduate-cnt01-ttl02-03 {
		margin-top: 30px;
	}

	.career-cnt01-box01::after,
	.newgraduate-cnt01-box01::after {
		border-top: 40px solid #6DACE1;
		border-right: 40px solid transparent;
	}

	.career-cnt01-box02::after,
	.newgraduate-cnt01-box02::after {
		border-top: 40px solid #FE6942;
		border-right: 40px solid transparent;
	}

	.career-cnt01-box03::after,
	.newgraduate-cnt01-box03::after {
		border-top: 40px solid #EE91B0;
		border-right: 40px solid transparent;
	}

	.career-step,
	.newgraduate-step {
		margin: 50px auto 0;
		padding-bottom: 0;
	}

	/*----------------------------benefit----------------------------*/
	.tab-contents .col-xs-12 {
		width: 100%;
	}

	.benefit-ttl-wap {
		background-size: 100% auto;
		width: 90%;
		height: auto;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.benefit-ttl-wap h3.benefit-ttl {
		font-size: 4.0vw;
		/* padding-top: 25px; */
	}

	.benefit-ttl-wap hr.benefit-line {
		border-bottom: 3px solid;
		width: 100px;
		margin-top: 10px;
	}

	.benefit {
		margin-top: 40px;
		background-size: 240%;
	}

	.tabs {
		padding: 0;
		width: 90%;
		margin-bottom: 50px;
	}

	#tab-select-outer {
		width: 68%;
		padding: 10px 10px;
		background: #F79E44;
		border-radius: 10px 10px 0 0;
		margin-left: 20px;
	}

	#tab-select option {
		color: #000000 !important;
		border: none;
		outline: none;
	}

	#tab-select-outer-inner {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
	}

	#tab-select-outer-inner select {
		background-color: #fff;
		color: #000000;
		font-size: inherit;
		padding: .5em;
		font-weight: 500;
		padding-right: 2.5em;
		border: 0;
		margin: 0;
		border-radius: 3px;
		text-indent: 0.01px;
		text-overflow: '';
		-webkit-appearance: button;
		/* hide default arrow in chrome OSX */
		width: 100%;
		border: none;
		outline: none;
	}

	option,
	select {
		border: none !important;
		outline: none !important;
	}

	#tab-select-outer-inner::before,
	#tab-select-outer-inner::after {
		content: "";
		position: absolute;
		pointer-events: none;
	}

	#tab-select-outer-inner::after {
		/*  Custom dropdown arrow */
		content: "\25BC";
		height: 1em;
		font-size: .625em;
		line-height: 1;
		right: 1.2em;
		top: 50%;
		margin-top: -.5em;
	}

	#tab-select-outer-inner::before {
		/*  Custom dropdown arrow cover */
		width: 2.6em;
		right: 0;
		top: 0;
		bottom: 0;
		border-radius: 0 3px 3px 0;
	}

	#tab-select-outer-inner select[disabled] {
		color: #fff;
	}

	#tab-select-outer-inner select[disabled]::after {
		color: #fff;
	}

	#tab-select-outer-inner::before {
		background-color: #000000;
	}

	#tab-select-outer-inner::after {
		color: #fff;
	}

	.tab-contents {
		margin-top: 0;
	}

	.tab-contents {
		padding: 40px 4%;
	}

	.our-team-main img {
		margin: 0;
		width: 100%;
	}

	.our-team-main h5 {
		font-size: 4.6vw;
	}

	.team-back span {
		margin-top: -10px;
	}

	.team-back span.benefit-bule,
	.team-back span.benefit-pink,
	.team-back span.benefit-org {
		font-size: 4.6vw;
		padding-top: 10px;
		margin-top: 0;
	}

	.team-back span {
		font-size: 3.8vw;
		line-height: 1.2;
	}

	.our-team-main h5 span.benefit-arrow01,
	.our-team-main h5 span.benefit-arrow02,
	.our-team-main h5 span.benefit-arrow03 {
		margin: 10px 0 50px;
	}

	.our-team-main {
		margin-bottom: 15px;
	}




	/*----------------------------work----------------------------*/

	.work hr.work-ttl-line {
		width: 50px;
		margin-top: 10px;
	}


	.work h3 {
		font-size: 5.6vw;
	}

	.work-cont01 h4.work-cont01-ttl-02 {
		font-size: 4.4vw;
		line-height: 1.2em;
	}

	.work-table {
		padding: 0 0 30px;
		margin-bottom: 20px;
	}

	.work-table th {
		font-size: 4vw;
	}

	.work-table td {
		font-size: 3.8vw;
	}

	.work-cont01 .btn-block {
		top: 35px;
	}

	.work-cont02 .right h5,
	.work-cont02 .left h5 {
		font-size: 6vw;
	}

	.work-cont02 .right h5 span,
	.work-cont02 .left h5 span {
		font-size: 4vw;
		padding: 45px;
	}

	.work-cont02 .work-cont02-txt p {
		padding: 20px 0 10px;
	}

	.work-cont02 .work-cont02-txt {
		width: 78%;
		font-size: 4.6vw;
		height: 160px;
		top: -25px;
	}

	.work .btn-block {
		width: 90%;
		top: 60px;
	}

	.work-cont02 .right h5,
	.work-cont02 .left h5 {
		padding: 30px 0;
	}

	.work-cont02-box02,
	.work-cont02-box03 {
		margin-top: 15px;
	}

	.work-cont02-ttl-01 {
		padding-bottom: 20px;
	}

	/*----------------------------cds-people----------------------------*/

	ul.cds-people-nav {
		width: 84%;
		margin: 40px auto;
	}

	ul.cds-people-nav li {
		border: #FF7900 2px solid;
		padding: 10px 0;
		margin-bottom: 10px;
	}


	ul.cds-people-nav li {
		float: none;
		margin-right: 0;
	}

	.cds-people-ttl01 h4 {
		font-size: 5.6vw;
	}

	.cds-people-ttl01 hr.cds-people-line01 {
		margin-top: 10px;
		width: 50px;
		margin-bottom: 30px;
	}

	.cds-people-cont01 {
		margin-top: 70px;
		padding-bottom: 50px;
	}

	.cds-people-cont01-box02 .cds-people-cont01-box-imgbox,
	.cds-people-cont01-box01 .cds-people-cont01-box-imgbox {
		width: 86%;
		background-size: 70%;
		background-position: 33% 40px;
		padding: 0 7% 60px 15%;
	}

	.cds-people-cont01 img.img-container__img02,
	.cds-people-cont01 img.img-container__img01 {
		width: 100%;
		height: auto;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt01 {
		width: 70%;
		margin: 60px auto 0;
		font-size: 4vw;
		padding: 10px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt02 {
		font-size: 4vw;
		margin: 13px 0 8px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt03 {
		font-size: 5.6vw;
		margin-bottom: 8px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt03 span {
		font-size: 4.6vw;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox p.cds-people-cont01-txt04 {
		font-size: 4.6vw;
		line-height: 1.4em;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox {
		width: 90%;
	}

	.cds-people-arrow {
		top: -1px;
	}

	.cds-people-cont01-box .cds-people-cont01-box-txtbox {
		padding-bottom: 25px;
	}

	.cds-people-ttl01 {
		margin-top: 45px;
	}

	.cds-people-cont02-box03-txtbox-wap,
	.cds-people-cont02-box01-txtbox-wap {
		background-size: 20%;
		background-position: left top 100px;
		padding-bottom: 130px;
	}

	.cds-people-cont02-box03-txtbox-wap {
		padding-bottom: 90px;
	}

	.cds-people-cont02-box02-txtbox-wap {
		background-size: 20%;
		background-position: top 100px right;
	}

	.cds-people-cont02-box01,
	.cds-people-cont02-box02,
	.cds-people-cont02-box03 {
		background-size: 50%;
	}

	.cds-people-cont02-box01,
	.cds-people-cont02-box02,
	.cds-people-cont02-box03 {
		padding-top: 30px;
	}

	.cds-people-cont02 .img-container14 {
		margin-top: 20px;
	}

	.cds-people-cont02 .img-container15 {
		margin-top: 50px;
	}

	.cds-people-cont02 .img-container13,
	.cds-people-cont02 .img-container14,
	.cds-people-cont02 .img-container15 {
		width: 90%;
	}

	.cds-people-cont02 p.cds-people-cont02-txt01 {
		text-align: center;
		font-size: 4.6vw;
		margin-left: 0;
		padding-top: 15px;
	}

	.cds-people-cont02 p.cds-people-cont02-txt02 {
		font-size: 5.8vw;
		padding-top: 8px;
	}

	.cds-people-cont02 p.cds-people-cont02-txt03 {
		font-size: 3.8vw;
		padding-top: 8px;
	}

	.cds-people-cont02-box01-txtbox,
	.cds-people-cont02-box02-txtbox,
	.cds-people-cont02-box03-txtbox {
		width: 86%;
		background-size: 100% 135px;
		top: 120px;
	}

	.filter {
		padding-bottom: 15px;
	}

	.filter a {
		font-size: 3.8vw;
		padding: 0 2px;
		margin-bottom: 5px;
	}

	.category {
		padding: 26px 0;
		margin-top: -95px;
		width: 95%;
	}

	.category p.category-ttl {
		font-size: 5.4vw;
	}

	.boxes {
		width: 90%;
	}

	.boxes a {
		margin: auto;
	}

	.box-wap {
		background: url(../img/cds-people/bg11-sp.png) center center;
		background-size: 120%;
		padding-bottom: 20px;
	}

	.work-cont01-wap .work-cont01-bg {
		width: 28%;
	}

	.top-interview-inner {
		margin-bottom: 20px;
	}


	/*----------------------------job-category----------------------------*/


	.job-category {
		margin-top: 10px;
	}

	.job-category-cont01 p.job-category-cont01-ttl {
		font-size: 5.0vw;
		line-height: 1.6em;
	}

	.job-category-cont01 p.job-category-cont01-txt {
		font-size: 3.8vw;
	}

	.job-category-wap img.job-category-bg02 {
		width: 50%;
		height: auto;
		top: 760px;
	}

	.job-category-cont01-boxinner01 p {
		font-size: 5vw;
		width: 100%;
		text-align: center;
		padding: 20px 0 20px 0px;
	}

	.job-category-cont01-boxinner01 p span {
		font-size: 3.8vw;
	}

	.job-category-cont01-boxinner01 p span.job-category-small {
		font-size: 4vw;
	}

	.job-category-cont01-boxinner01 img.right {
		width: 100%;
		height: 84px;
	}

	.job-category-cont01-box {
		margin-top: -170px;
		margin-bottom: 90px;
	}

	.job-category-cont01 img.job-category-cont01-bg {
		width: 60%;
	}

	.job-category-cont02 img.job-category-cont02-ttl {
		width: 80%;
		height: auto;
	}

	.job-category-cont02 .job-category-cont02-ttl02 {
		font-size: 4.4vw;
		line-height: 1.4em;
		padding: 15px 0;
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.job-category-cont02 img.job-category-cont02-pc-img {
		display: none;
	}

	.job-category-cont02 .job-category-cont02-ttl03 p {
		font-size: 5.6vw;
	}

	.job-category-cont02 .job-category-cont02-table .left .left {
		float: none;
	}

	.job-category-cont02 .job-category-cont02-table-left {
		width: 100%;
	}

	.job-category-cont02 .job-category-cont02-table-right {
		width: 100%;
		width: 94%;
		margin: auto;
	}

	.job-category-cont02 .job-category-cont02-table-box {
		padding: 20px 0 30px;
		width: 94%;
	}

	.job-category-cont02 .job-category-cont02-table .left p.left {
		font-size: 5.6vw;
		padding: 10px 0 0 0;
	}

	.job-category-cont02 .job-category-cont02-table-left span {
		font-size: 3.8vw;
	}

	.job-category-cont02 .job-category-cont02-table-right p.job-category-cont02-table-txt01 {
		font-size: 4vw;
		margin: auto;
	}

	.job-category-cont02 .job-category-cont02-table-right p.job-category-cont02-table-txt02 {
		font-size: 4vw;
	}

	.job-category-cont02 .job-category-cont02-table-right p.job-category-cont02-table-txt03 {
		font-size: 3.8vw;
	}

	.job-category-cont02 img.job-category-cont02-bg {
		width: 30%;
		height: auto;
		right: 0;
	}

	.job-category-cont02 {
		padding-bottom: 80px;
		background-size: 280px 3263px;
	}

	.job-category-wap img.job-category-bg03 {
		width: 100%;
		height: auto;
		left: -150px;
	}

	.job-category-cont03 .job-category-cont03-bg01,
	.job-category-cont03 .job-category-cont03-bg02 {
		width: 20%;
	}


	.job-category-cont03 .job-category-cont03-ttl {
		background-size: 300px;
		background-position: center;
		width: auto;
		font-size: 6vw;
		margin-bottom: 0;
	}

	.job-category-cont03 {
		padding: 45px 0;
	}

	.job-category-cont03 .job-category-cont03-sub-ttl {
		font-size: 4vw;
		margin-bottom: 30px;
	}

	.job-category-cont03 .row {
		width: 80%;

	}

	.job-category-cont03 .col-lg-4 {
		margin-right: 0;
		width: 100%;
		height: 340px;
	}

	.job-category-cont03 p.job-category-cont03-txt01 {
		font-size: 4.6vw;
		margin-bottom: 20px;
	}

	.job-category-cont03 p.job-category-cont03-txt01 span {
		font-size: 3.8vw;
	}

	.job-category-cont03 p.job-category-cont03-txt02 {
		font-size: 4.6vw;
		width: 90%;

	}

	.job-category-cont03 img.job-category-cont03-icon02 {
		margin-bottom: 10px;
	}

	.job-category-cont02-sp {
		width: 100%;
		margin: auto;
	}

	.job-category-cont02-sp {
		margin-bottom: 50px;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 {
		background: #000000;
		color: #fff;
		padding: 10px 0;
		font-size: 3.8vw;
		border-bottom: 3px solid #fff;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 span {
		display: inline-block;
		height: 30px;
		line-height: 30px;
		font-weight: 600;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 span.job-category-cont02-sp-txt01-1 {
		background: url(../img/job-category/icon09.png) no-repeat center left;
		background-size: 20px 25px;
		padding-left: 30px;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 span.job-category-cont02-sp-txt01-2 {
		background: url(../img/job-category/icon10.png) no-repeat center left;
		background-size: 20px 20px;
		padding-left: 30px;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 span.job-category-cont02-sp-txt01-3 {
		background: url(../img/job-category/icon11.png) no-repeat center left;
		background-size: 20px 22px;
		padding-left: 30px;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 span.job-category-cont02-sp-txt01-4 {
		background: url(../img/job-category/icon12.png) no-repeat center left;
		background-size: 20px 20px;
		padding-left: 30px;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 span.job-category-cont02-sp-txt01-5 {
		background: url(../img/job-category/icon13.png) no-repeat center left;
		background-size: 20px 20px;
		padding-left: 30px;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt01 span.job-category-cont02-sp-txt01-6 {
		background: url(../img/job-category/icon14.png) no-repeat center left;
		background-size: 20px 20px;
		padding-left: 30px;
	}


	.job-category-cont02-sp p.job-category-cont02-sp-txt02 {
		color: #fff;
		padding: 11px 0;
		border-bottom: 3px solid #fff;
		font-size: 4.8vw;
		font-weight: 600;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt02-org {
		background: #FE6942;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt02-grn {
		background: #7BD386;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt02-bule {
		background: #6DACE1;
	}


	.job-category-cont02-sp p.job-category-cont02-sp-txt03 {
		padding: 15px 16px 15px 17px;
		font-size: 3.8vw;
		background: #fff;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt03 img {}

	.job-category-cont02-sp p.job-category-cont02-sp-txt03-org {
		border: #EF704E solid 3px;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt03-grn {
		border: #7BD386 solid 3px;
	}


	.job-category-cont02-sp p.job-category-cont02-sp-txt03-bule {
		border: #6DACE1 solid 3px;
	}


	.job-category-cont02-sp p.job-category-cont02-sp-txt03-org {
		color: #EF704E;
		font-size: 4.8vw;
		font-weight: 600;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt03-grn {
		color: #7BD386;
		font-size: 4.8vw;
		font-weight: 600;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt03-bule {
		color: #6DACE1;
		font-size: 4.8vw;
		font-weight: 600;
	}

	.job-category-cont02-sp p.job-category-cont02-sp-txt03 span {
		color: #212121;
		font-size: 3.8vw;
		font-weight: 400;
		display: block;
		text-align: left;
		padding-top: 10px;
	}

	.job-category-cont02-sp span.job-category-cont02-sp-arrow {

		font-size: 1px !important;
		display: inline-block;
		border-top: 12px solid #000000;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		margin: 10px 0;
	}

	/*----------------------------news----------------------------*/
	.news_bx {
		width: 90%;
	}

	.news h3.pp_ttl {
		font-size: 7vw;
	}

	ul.list_border li .l_day {
		font-size: 3.4vw;
		padding-left: 0;
	}

	ul#lb_css li h1.l_h1 {
		padding-left: 0;
		font-size: 3.8vw;
		padding-right: 4%;
	}

	ul.list_border li .triangle06 {
		right: 0;
		top: 60%;
	}

	ul.list_border li a,
	ul.list_border_ir li a {
		padding: 20px 0 15px;
	}

	.pc_sb {
		display: none;
	}

	.smp_sb {
		display: block;
	}

	ul#news_btn {
		padding-top: 15px;
	}

	ul#news_btn li:last-child,
	ul#news_btn li:first-child {
		margin-top: 0;
		width: auto;
	}

	h1#news_ttl {
		font-size: 4.6vw;
	}

	h1#news_ttl span {
		font-size: 4vw;
	}

	#news_bx {
		font-size: 3.8vw;
		line-height: 1.4em;
	}

	/*----------------------------cross-talk----------------------------*/
	.cross-talk-main-box01-txtbox-wap {
		margin-top: 60px;
	}

	.cross-talk-main-box01-txtbox {
		background-size: 100% 140px;
		width: 80%;
		height: 140px;
		margin-top: -30px;
		margin-bottom: 30px;
	}

	p.cross-talk-main-box01-txtbox-txt01 {
		font-size: 4vw;
		padding: 20px 0 7px;
	}

	p.cross-talk-main-box01-txtbox-txt02,
	p.cross-talk-main-box01-txtbox-txt02-02,
	p.cross-talk-main-box01-txtbox-txt02-03 {
		font-size: 6vw;
	}

	p.cross-talk-main-box01-txtbox-txt03 {
		font-size: 4vw;
		padding: 8px 0 0 0;
		line-height: 1.6em;
	}

	.cross-talk .take-member02 {
		width: 94%;
	}

	.cross-talk .take-member h4 {
		font-size: 6vw;
		display: block;
		width: 62%;
		margin: 0 auto 20px;
		padding-top: 10px;
	}

	.cross-talk .take-member .take-member-box {
		width: 100%;
		align-items: center;
	}

	.cross-talk .take-member .take-member-box img {
		float: left;
		width: 30%;
		height: auto;
	}

	.cross-talk .take-member .take-member-box p.take-member-box-txt01 {
		float: right;
		width: 66%;
		text-align: center;
		font-size: 5.2vw;
		padding: 10px 0 5px;
	}

	.cross-talk .take-member .take-member-box p.take-member-box-txt02 {
		float: right;
		width: 66%;
		text-align: left;
		font-size: 3.4vw;
		letter-spacing: 1px;

	}

	.cross-talk .take-member .take-member-box hr.take-member-txt {
		text-align: left;
		float: right;
		width: 66%;
		margin: 10px 0;
	}

	.cross-talk .take-member .take-member-box p.take-member-box-txt03 {
		float: right;
		width: 66%;
		text-align: left;
		font-size: 3.4vw;
		height: auto;
		margin-bottom: 15px;
	}

	.cross-talk .cross-talk-ttl-inner p {
		font-size: 4.6vw;
	}

	.cross-talk .cross-talk-ttl-inner img {
		width: 70%;
		height: auto;
	}

	.cross-talk .cross-talk-ttl-yal,
	.cross-talk .cross-talk-ttl-grn,
	.cross-talk .cross-talk-ttl-ppl,
	.cross-talk .cross-talk-ttl-pink,
	.cross-talk .cross-talk-ttl-bule,
	.cross-talk .cross-talk-ttl-org {
		margin-top: 30px;
	}

	.cross-talk .cross-talk-ttl-yal02 {
		margin-top: -30px;
	}


	.cross-talk .cross-talk-ttl-yal .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-ppl .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-grn .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-bule .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-pink .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-bule .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-org .cross-talk-ttl-inner p {
		padding: 90px 0 70px;
		background-size: 30% auto;
		background-position: top 15px center;
	}

	.cross-talk .cross-talk-ttl-inner img {
		top: 290px;
	}

	.cross-talk .cross-talk-txt {
		padding: 160px 0 50px 0;
	}

	.cross-talk-txt01 {
		padding: 20px 0 50px 0 !important;

	}

	.cross-talk_padding {
		padding: 20px 0 50px 0 !important;
	}



	.cross-talk p.cross-talk-txt-top {
		font-size: 4.6vw;
	}

	.cross-talk .cross-talk-txt-box .cross-talk-txt-wh {
		font-size: 3.8vw;
		padding: 5% 3% 5% 5%;
		width: 100%;
	}

	.cross-talk .cross-talk-txt-box {
		padding-bottom: 20px;
		flex-direction: column;
		align-items: center;
	}

	.cross-talk .cross-talk-txt {
		padding-bottom: 30px;
	}

	.cross-talk .cross-talk-ttl-yal .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-ppl .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-grn .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-pink .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-bule .cross-talk-ttl-inner p,
	.cross-talk .cross-talk-ttl-org .cross-talk-ttl-inner p {
		margin-top: 30px;
		background-size: 28% auto;
		background-position: top 20px center;
	}

	.cross-talk .cross-talk-txt-wap {
		padding-bottom: 30px;
	}

	.cross-talk .cross-talk-txt-box img {
		width: 24%;
	}

	.cross-talk_employee_illust_img {
		width: 38% !important;
	}

	.cross-talk .cross-talk-txt-box .cross-talk-txt-wh {
		width: 100% !important;
	}

	.cross-talk-fot p.cross-talk-fot-ttl {
		font-size: 6vw;
		padding: 20px 0;
		margin-top: 20px;
	}

	.cross-talk-fot img {
		width: 100%;
		margin-bottom: 15px;
	}

	.cross-talk-fot p.cross-talk-fot-txt {
		font-size: 4.2vw;
		padding-top: 0;
	}

	.cross-talk-fot {
		margin-bottom: 20px;
	}

	/*----------------------------interview----------------------------*/

	.interview-ttl01 .left,
	.interview-ttl01 .right {
		float: none;
	}

	.interview-ttl01 .interview-ttl01-img {
		width: 100%;
	}

	.interview-ttl01 .interview-ttl01-txt-box {
		position: static;
		width: 100%;
		padding: 40px 0;
	}

	.interview-ttl01 p {
		text-align: center;
	}

	.interview-ttl01 .interview-ttl01-img img {
		z-index: auto;
	}

	.interview-ttl01-bule,
	.interview-ttl01-orange,
	.interview-ttl01-pink {
		background-size: 280%;
		background-position: top -88px left;
	}


	.interview-ttl01 p.interview-ttl01-txt01 {
		font-size: 7vw;
		padding-bottom: 15px;
	}

	.interview-ttl01 p.interview-ttl01-txt02 {
		font-size: 5vw;
	}

	.interview-ttl01 p.interview-ttl01-txt03 {
		font-size: 7vw;
		padding: 20px 0 10px;
	}

	.interview-ttl01 p.interview-ttl01-txt04 {
		font-size: 4.6vw;
	}

	.working-woman-cont01,
	.interview-cont01 {
		background-size: 100% 83%, 100% auto;
		background-position: top 35px left, top 5px right -100px;
		padding-top: 75px;
	}

	.working-woman-cont01 .working-woman-cont01-inner,
	.interview-cont01 .interview-cont01-inner {
		width: 90%;
	}

	.working-woman-cont01 .working-woman-cont01-inner:before,
	.interview-cont01 .interview-cont01-inner:before {
		border-bottom: 30px solid #eee;
		border-left: 30px solid #F9F5EA;
	}

	span.working-woman-pink,
	span.interview-grn {
		font-size: 6vw;
	}

	.working-woman-cont01 p.working-woman-cont01-ttl,
	.interview-cont01 p.interview-cont01-ttl {
		font-size: 5vw;
		padding-bottom: 15px;
	}

	.working-woman-cont01 p.working-woman-cont01-txt,
	.interview-cont01 p.interview-cont01-txt {
		font-size: 3.8vw;
		padding: 0 0 25px 0;
		width: 88%;
		margin: auto;
	}

	.working-woman-cont01 .working-woman-cont01-inner-img img,
	.interview-cont01 .interview-cont01-inner-img img {
		width: 100%;
		height: auto;
	}

	p.working-woman-sub-ttl01,
	p.interview-sub-ttl01 {
		width: 80%;
		background-size: 100% auto;
		font-size: 5vw;
		margin: auto;
		line-height: 0;
		padding-top: 36px;
	}

	.working-woman-cont01 .working-woman-cont01-inner-txt-box,
	.interview-cont01 .interview-cont01-inner-txt-box {
		margin-top: 30px;
	}

	.working-woman-cont01 p.working-woman-cont01-inner-txt-box-txt,
	.interview-cont01 p.interview-cont01-inner-txt-box-txt {
		font-size: 3.8vw;
		margin-top: 15px;
		width: 90%;
		margin: 15px 3% 0 7%;
	}

	.working-woman-cont01 .working-woman-cont01-inner,
	.interview-cont01 .interview-cont01-inner {
		padding: 35px 0 0;
		margin: 0 auto 60px;
	}

	.interview-cont01 img.interview-cont01-bg {
		width: 260px;
		height: 150px;
		bottom: -34px;
		left: -136px;
	}

	.working-woman-cont01 img.working-woman-cont01-bg {
		width: 260px;
		height: 150px;
		bottom: -34px;
		right: -136px;

	}

	.interview-cont02 {
		padding: 30px 0;
	}

	.interview-cont02 .interview-cont02-inner {
		width: 90%;
		padding: 30px 0;
	}

	.interview-cont02 p.interview-cont02-ttl {
		font-size: 5vw;
		line-height: 1.4em;
		padding-bottom: 10px;
	}

	.interview-cont02 img.interview-cont02-bg01,
	.interview-cont02 img.interview-cont02-bg02 {
		width: 13%;
		height: auto;
	}

	.interview-cont02 p.interview-cont02-txt {
		font-size: 3.8vw;
	}

	.working-woman-cont02 p.working-woman-cont02-ttl,
	.interview-cont03 p.interview-cont03-ttl {
		font-size: 7vw;
	}

	.working-woman-cont02,
	.interview-cont03 {
		padding: 40px 0;
	}

	.working-woman-cont02 img.working-woman-cont02-bg,
	.interview-cont03 img.interview-cont03-bg {
		top: -35px;
		left: 20px;
		width: 12%;
	}

	.working-woman-cont04 .working-woman-cont04-inner,
	.interview-cont04 .interview-cont04-inner {
		padding: 0;
	}

	.working-woman-cont04 .working-woman-cont04-box,
	.interview-cont04 .interview-cont04-box {
		width: 90%;
		background-size: 100% 100%;
		height: auto;
	}

	.working-woman-cont04 p.working-woman-cont04-ttl {
		width: 80%;
		background-size: 100% auto;
		font-size: 4vw;
		padding-top: 20px;
		height: auto;
		top: -8px;
	}

	.interview-cont04 p.interview-cont04-ttl {
		width: 80%;
		background-size: 100% auto;
		font-size: 4vw;
        padding-top: 18px;
        height: auto;
		top: -8px;
	}


	span.interview-wh {
		font-size: 6vw;
	}

	span.working-woman-wh {
		font-size: 5.4vw;
	}

	.working-woman-cont04 p.working-woman-cont04-txt,
	.interview-cont04 p.interview-cont04-txt {
		width: 90%;
		font-size: 3.8vw;
		margin: auto;
		display: block;
	}

	.working-woman-cont04 .working-woman-cont04-box-wap,
	.interview-cont04 .interview-cont04-box-wap {
		margin-bottom: 0;
		margin-top: 30px;
	}

	.working-woman-cont04 .working-woman-cont04-box01,
	.interview-cont04 .interview-cont04-box01 {
		margin-bottom: 30px;
		min-height: 260px;
	}

	.interview-cont05 {
		/* background: url(../img/interview/bg11-sp.png); */
		background-size: 100% auto;
		padding-top: 210px;
		padding-bottom: 40px;
	}

	.working-woman-cont05 {
		padding-top: 210px;
		padding-bottom: 40px;
	}

	.working-woman-cont05 p.working-woman-sub-ttl01,
	.interview-cont05 p.interview-sub-ttl01 {
		margin-top: 20px;
	}

	.working-woman-cont05 .working-woman-cont05-inner img.working-woman-cont05-img,
	.interview-cont05 .interview-cont05-inner img.interview-cont05-img {
		width: 86%;
		top: -160px;
		margin: 0 7% 0 5%;
	}

	.working-woman-cont05 .working-woman-cont05-txt-box,
	.interview-cont05 .interview-cont05-txt-box {
		width: 100%;
		top: -220px;
		margin-top: 0;
		padding-top: 50px;
		height: auto;
	}

	.working-woman-cont05 .working-woman-cont05-inner img.working-woman-cont05-bg,
	.interview-cont05 .interview-cont05-inner img.interview-cont05-bg {
		right: 17px;
		top: -5px;
	}

	.working-woman-cont05 p.working-woman-cont05-txt,
	.interview-cont05 p.interview-cont05-txt {
		width: 90%;
		font-size: 3.8vw;
		padding-top: 0;
	}

	.working-woman-cont06,
	.interview-cont06 {
		padding: 30px 0;
		width: 100%;
	}

	.working-woman-cont06 .working-woman-cont06-ttl,
	.interview-cont06 .interview-cont06-ttl {
		font-size: 6vw;
		padding-bottom: 15px;
	}

	.working-woman-cont06 .working-woman-cont06-inner,
	.interview-cont06 .interview-cont06-inner {
		width: 90%;
		padding: 20px 0 30px;
	}

	.working-woman-cont06 .working-woman-cont06-sub-ttl,
	.interview-cont06 .interview-cont06-sub-ttl {
		font-size: 4.1vw;
		padding-bottom: 7px;
	}

	.working-woman-cont06 .working-woman-cont06-txt,
	.interview-cont06 .interview-cont06-txt {
		font-size: 3.8vw;
	}

	.working-woman-cont07,
	.interview-cont07 {
		/* background: url(../img/interview/bg11-sp.png); */
		background-size: 100% auto;
		padding-bottom: 40px;
		padding-top: 80px;
	}

	.working-woman-cont07 img.working-woman-cont07-ttl,
	.interview-cont07 img.interview-cont07-ttl {
		width: 60%;
		height: auto;
		top: -38px;
		left: 33px;
	}

	.working-woman-cont07 .working-woman-cont07-inner,
	.interview-cont07 .interview-cont07-inner {
		padding: 50px 0 30px;
	}

	.working-woman-cont07 img.working-woman-cont07-img02,
	.working-woman-cont07 img.working-woman-cont07-img01,
	.interview-cont07 img.interview-cont07-img02,
	.interview-cont07 img.interview-cont07-img01 {
		width: 90%;
		height: auto;
	}

	.working-woman-cont07 p.working-woman-cont07-txt,
	.interview-cont07 p.interview-cont07-txt {
		font-size: 3.8vw;
	}

	.working-woman-fot .working-woman-fot-ttl {
		padding-bottom: 15px;
	}

	.working-woman-fot .working-woman-fot-ttl-inner .left,
	.working-woman-fot .working-woman-fot-ttl-inner .right,
	.interview-fot .interview-fot-ttl-inner .left,
	.interview-fot .interview-fot-ttl-inner .right {
		float: none;
	}

	.working-woman-fot .working-woman-fot-ttl p.working-woman-fot-ttl01,
	.working-woman-fot .working-woman-fot-ttl p.working-woman-fot-ttl02,
	.interview-fot .interview-fot-ttl p.interview-fot-ttl01,
	.interview-fot .interview-fot-ttl p.interview-fot-ttl02 {
		text-align: center;
		display: block;
		line-height: 1.6em;
	}

	.working-woman-fot .working-woman-fot-ttl p.working-woman-fot-ttl01,
	.interview-fot .interview-fot-ttl p.interview-fot-ttl01 {
		font-size: 5vw;
	}

	.working-woman-fot .working-woman-fot-ttl p.working-woman-fot-ttl02,
	.interview-fot .interview-fot-ttl p.interview-fot-ttl02 {
		font-size: 4.2vw;
	}

	.working-woman-fot .working-woman-fot-ttl,
	.interview-fot .interview-fot-ttl {
		padding: 20px 0;
	}

	.working-woman-fot .working-woman-fot-ttl p.working-woman-fot-ttl02 span,
	.interview-fot .interview-fot-ttl p.interview-fot-ttl02 span {
		right: -5px;
		top: -6px;
	}

	.interview-fot .row {
		padding: 30px 0;
	}

	.working-woman-ttl01 {
		background-position: top 200px right -200px;
		background-size: 130%;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box {
		margin: 140px auto 0;
		width: 86%;
		padding: 25px 0 20px;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt01 {
		padding: 15px 0;
		width: 80%;
		font-size: 3.8vw;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt02 {
		font-size: 4.4vw;
		padding: 15px 0;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt03 {
		font-size: 7vw;
		padding-bottom: 10px;
	}

	.working-woman-ttl01 .working-woman-ttl01-txt-box p.working-woman-ttl01-txt04 {
		font-size: 4.4vw;
	}

	.working-woman-cont01 {
		background-size: 80% 80%, 130%;
		background-position: top 50px left, top right -337px;
	}

	.working-woman-fot img {
		width: 86%;
		height: auto;
	}

	.working-woman-cont03 .working-woman-cont03-ttlbox {
		margin-top: 30px;
	}

	.working-woman-cont03 .working-woman-cont03-ttlbox img {
		width: 40%;
		height: auto;
	}

	.working-woman-cont03 .working-woman-cont03-ttlbox p {
		font-size: 5.6vw;
		padding: 15px 15px 30px;
	}

	.working-woman-cont03 .working-woman-cont03-box02 img {
		width: 90%;
		height: auto;
	}

	.working-woman-cont03 img.woman-cont03-sp-img {
		width: 100%;
		height: auto;
	}

	.working-woman-cont03 p.working-woman-cont03-subttl02 {
		font-size: 5vw;
		width: 90%;
		margin: auto;
		display: block;
		padding: 35px 0 15px;
	}

	.working-woman-cont03 p.working-woman-cont03-subttl {
		font-size: 5vw;
		line-height: 1.4em;
	}

	.working-woman-cont03 p.working-woman-cont03-subttl br {
		display: none;
	}

	.working-woman-cont03 p.working-woman-cont03-txt02 {
		font-size: 3.8vw;
		width: 81%;
	}

	.working-woman-cont03 p.working-woman-cont03-txt01 {
		font-size: 3.8vw;
	}

	.working-woman-cont03 .working-woman-cont03-box02-txtbox {
		margin-top: 15px;
	}

	.working-woman-cont03 p.working-woman-cont03-subttl02 span.working-woman-pink {
		padding: 0;
	}

	.working-woman-cont02 p.working-woman-cont02-ttl span {
		font-size: 4.2vw;
	}

	.work-cont02-box02.telework .right {
		width: 100%;
	}

	.work-cont02-box02.telework {
		padding-bottom: 50px;
	}


}

@media (max-width: 320px) {

	.about .about-box02,
	.about .col-lg-12,
	.about .col-lg-9,
	.about .col-lg-6,
	.about .col-lg-3 {
		height: 140px;
	}

	.about .col-sp-h480 {
		height: 280px;
	}

	.about .row img.about-navy17 {
		top: -165px;
	}

	.about .row img.about-wh18 {
		margin-top: -5px;
	}

	.our-team-main img {
		margin: 10px 0;
	}



}


@media screen and (max-width: 767px) {
	/* メディアクエリー */

	.cds-people-cont05_box {
		float: none;
		width: 90%;
		margin: auto;
		position: relative;
	}

	.cds-people-cont05_box:nth-child(2) {
		margin-right: auto;
	}

	.cds-people-cont05-text {
		margin-left: 0%;
		width: 100%;
	}

	.cds-people-cont05_box .bg {
		position: absolute;
		top: -25px;
		left: -10px;
	}

	.cds-people-cont05 .txt01 {
		font-size: 14px;
	}

	.cds-people-cont05-text {
		height: 90px;
	}

	.pc_block {
		display: none;
	}

	.sp_block {
		display: block;
	}

	.career-table-02 {
		padding-bottom: 70px;
	}

	.career-table-02 td.career-table-top {
		font-size: 14px;
		font-weight: normal;
		background: #FFE3C3;
		border-left: 1px solid #dfdfdf;
	}

	.career-table-02 table th {
		font-size: 14px;
	}

	.career-table-02 table td {
		font-size: 16px;
	}

	p.not_recruiting {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin: auto;
		background: rgba(0, 0, 0, 0.5);
		padding-top: 13%;
		color: #fff;
		font-size: 24px;
		line-height: 1.3;
		font-weight: bold;
		z-index: 2;
	}

	#form table th,
	#form table td {
		display: block;
		width: 100%;
	}

	#form td {
		padding: 15px 0px 15px 30px;
		font-weight: 300;
		font-size: 14px;
	}

	#form td {
		padding: 0px 0px 15px 0px;
		font-size: 14px;
	}

	#form th {
		padding: 15px 0px 10px;
		border: none;
	}

	#form td .it_d {
		width: 100%;
	}

	#form td .it_a {
		width: 100%;
	}

	.illust-staff {
		flex-direction: column;
		margin: 0 auto 40px auto;
	}

	.illust-staff-left {
		width: 50%;
	}

	.illust-staff-left img {
		width: 100%;
	}


	.illust-staff-area {
		width: 90%;
	}

	.illust-staff-right {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	/*----------------------------------------------------------------

一覧ページのバナー　

----------------------------------------------------------------*/

	.cross-talk_bannerarea {
		flex-direction: column;
		padding-top: 0px;
	}

	.cross-talk_menu_bannerarea {
		max-width: 1400px;
		width: 100%;
		margin: 0 auto;
	}

	.cross-talk_menu_banner {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.cross-talk_menu_banner01{
		margin-top: 80px;
	}

	.cross-talk_menu_banner03{
		margin-bottom: 0px;
	}

	.cross-talk_menu_banner_img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.cross-talk_menu_banner_none {
		display: none;
	}

	.cross-talk_banner_button01 {
		/* background-color: #7bd386; */
		margin-bottom: 0px;
		margin-left: 0px;
		width: 80% !important;
		margin-top: -40px;
		flex-direction: column;
		justify-content: space-around;

	}


	.cross-talk_banner_button02 {
		/* background-color: #f79e44; */
		margin-bottom: 0px;
		margin-right: 0px;
		width: 80% !important;
		position: relative;
		z-index: 2;
		flex-direction: column;
		justify-content: space-around;
		margin-top: -40px;

	}

	.cross-talk_banner_button03 {
		background-color: #6dace1;
		margin-bottom: 0px;
		margin-left: 0px;
		width: 80% !important;
		flex-direction: column;
		justify-content: space-around;
		margin-top: -40px;

	}

	.cross-talk_menu_banner_button01 {
	
	
	}
	
	.cross-talk_menu_banner_button02 {
	
	
	}
	
	
	.cross-talk_menu_banner_button03 {
	
	
	}
	


	.cross-talk_banner_button_cross-talk {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: auto;
		background-size: cover;
		padding: 30px 2%;
		cursor: pointer;
		flex-direction: column;
	}

	.cross-talk_banner_button-left {
		display: flex;
		align-items: center;
		justify-content: start;
	}

	.cross-talk_banner_button-left_text {
		margin-left: 15px;
	}



	.cross-talk_banner_button-left-img {
		width: 63px;
		height: auto;
	}

	.cross-talk_banner_button-right {
		width: 35px;
		height: auto;

	}

	.cross-talk_banner_button {
		width: 100%;
		flex-direction: column;
		height: auto;
		padding: 20px 3%;
	}

.ct_width{
	width: 100% !important;
}



	.cross-talk_banner_button-left {
		flex-direction: column;
	}

	.cross-talk_banner_button-left_text--en_ct {
		font-size: 14px;
		text-align: center !important;
		margin-top: 15px;
	}

	.cross-talk_banner_button-left_text--ja {
		font-size: 24px;
		text-align: center !important;
		margin-top: 12px;

	}

	.cross-talk_banner_button-right {
		width: 25px !important;
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.mt30 {
		margin-top: 30px;
	}

	/* ------- 新卒採用　202401変更追加 ------- */
	.w-center {
		flex-direction: column;
	}

}

/* ---------------------------------------------
動画を見る追加202404
----------------------------------------------*/
@media (max-width: 1200px) {
	.youtube {
		width: 100%;
		aspect-ratio: 16 / 9;
		margin: ;
	}
	.youtube iframe {
		width: 100%;
		height: 100%;
	}

	.movie_section {
		margin-top: 40px;
	}
	.movie_section h3 {
		line-height: 1.3;
		font-size: 1.9vw;
	}
	.top-cont01-img-wap {
		width: 73%;
	}
	.w_change01 {
		margin-left: 13.8%;
	}
}

@media (max-width: 1024px) {
	.top-cont01 .top-cont01-inner02 {
		margin-left: 0%;
	}
}

@media (max-width: 767px) {
	.movie_section .about-sub-ttl h3 {
		font-size: 2.6vw;
		padding: 40px 20px;
		margin-top: 0;
	}
	.movie_section .about-wap {
		margin: 0 auto 100px;
	}
}

/* ---------------------------------------------
数字で見る追加202404
----------------------------------------------*/
@media (max-width: 767px)  {
.about .row img.about-wh21 {
	left: 0px;
    margin-top: 4px;
    width: 68px;
    top: -5px;
}
.about .row img.about-navy21 {
	left: 6px;
    top: -5px;
    width: 100px;
}
.about-sub-ttl h3 {
	margin-top: 60px;
}
}

/* ---------------------------------------------
数字で見る追加202404
----------------------------------------------*/
.job-category {
	margin-top: 80px;
}

/* ---------------------------------------------
新卒採用　選考ステップ変更　202411
----------------------------------------------*/
@media screen and (max-width: 767px) {
	.newgraduate-step {
		position: relative;
	}
	.newgraduate-step ul {
		position: relative;
		flex-direction: column;
		width: 80%;
		margin-left: 50px;
	}
	.newgraduate-step ul li {
		width: 100%;
		height: auto;
		margin: 2px auto;
	}
	.newgraduate-step ul .steps_cont span {
		width: 100%;
		height: auto;
		align-items: center;
	}
	.newgraduate-step ul li .steps_box {
		flex-direction: row;
		justify-content: center;
		padding: 20px 0;
		gap: 7px;
	}
	.newgraduate-step ul li .steps_box img {
		width: 17%;
		margin-top: 0;
	}
	.newgraduate-step ul li .steps_box p {
		writing-mode:unset;
		font-size: 4.2vw;
		margin-top: 0;
		margin-bottom: 0;
	}
	.newgraduate-step ul li:nth-last-child(1) div {
		justify-content: center;
	}
	.newgraduate-step ul li:nth-child(1) {
		height: 27vh;
	}
	.newgraduate-step ul li .steps_mynavi {
		width: 40vw;
		margin-bottom: 10px;
	}
	.newgraduate-step ul li.arrow {
		width: 18px;
		margin: 2px auto;
	}
	.newgraduate-step .one_month {
		position: absolute;
		top: 108px;
		left: 14px;
		width: 25px;
	}
	.newgraduate-step ul li .steps_mynavi {
		bottom: 6%;
	}
}
/* ---------------------------------------------
数字で見る2025年用に更新　20250508
----------------------------------------------*/
@media (max-width:767px) {
	.about .row img {
		width: 85%;
	}
	.about .row img.about-navy12 {
		width: 60%;
	}
	.about .row img {
		width: 85%;
	}
}


/* ---------------------------------------------
福利厚生・研修制度 20251031 セクション追加
----------------------------------------------*/
@media (max-width: 767px) {
    .benefit-ttl-wap {
        margin: 15px auto;
		padding: 10px 0;
    }
    .with_cer_area {
        padding: 0;
        width: 90%;
    }
    .with_cer_area_inner {
        width: 100% !important;
        flex-direction: column;
        padding: 30px 22px 32px;
    }
    .with_cer_area_inner .with_text {
        width: 100%;
    }
    .with_cer_area_inner .with_text h5 {
        font-size: 4.6vw;
    }
    .with_cer_area_inner .with_text p {
        font-size: 3.6vw;
    }
    .with_cer_area_inner .with_img {
        width: 100%;
        margin: 8px auto ;
    }
    .with_cer_area_inner .with_img img {
        margin: 0 auto;
    }
    }

/* ---------------------------------------------
数字で見る:youtubeセクション変更　20251201
----------------------------------------------*/
/* --- タブレット（中サイズ） --- */
@media (max-width: 992px) {
	.youtube {
		padding-bottom: 56.25%; 
	}
}

	/* --- スマホ（小サイズ） --- */
@media (max-width: 600px) {
	.youtube {
		padding-bottom: 56.25%; 
	}
	.youtube .youtube-link {
		top: -22px;
		left: 0px;
	}
	.youtube-gallery {
		flex-direction: column
	}
	.youtube-text {
		font-size: 14px;
	}
}

/* ---------------------------------------------
福利厚生・研修制度:えるぼし認定追加
----------------------------------------------*/
@media (max-width: 767px) {
	.with_cer_area {
		flex-direction: column;
		padding: 0;
	}
	.with_cer_area .with_text .with_text_top {
		flex-direction: column;
	}
	.with_cer_area_inner .with_text p {
		width: 100%;
	}
	.with_cer_area_inner .with_img {
		width: 100%;
	}
	.with_cer_area_inner .with_img img {
		width: 70%;
	}
}

/* ---------------------------------------------
新卒採用：選考ステップ変更　20260430
----------------------------------------------*/
@media screen and (max-width:767px) {
	.newgraduate-step ul li .steps_box p {
		font-size: 4.2vw;
		text-align: start;
		padding-left: 5px;
	}
	.newgraduate-step ul li .steps_box p span.en_length {
		writing-mode: unset;
		text-orientation: unset;
		font-size: 4.2vw
	}
}

@media (max-width: 1000px) {
    .area_bottom02 h2 {
        width: 100%;
		font-size: 22px;
    }
}

@media (max-width: 1000px) {
    .margin_inner {
        width: 90%;
        padding: 2rem 0;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1000px) {
    .area_bottom02 ul {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .area_bottom02 ul li a {
        height: auto;
        text-align: center;
        padding: 40px;
        border-radius: 60px;
        background-color: #fff;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 480px) {

	.entry_link li a:after {
display: none;
	}
}


@media (max-width: 1000px) {
    .area_bottom02 {
        padding: 25px;
    }
}

@media (max-width: 1000px) {
    .area_bottom02 {
        width: 100%;
        flex-direction: column;
        gap: 15px;
    }
}