@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

.not{ font-family: 'Noto Sans JP', sans-serif;}
.bold { font-weight:bold;}
.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.clearfix:after { height:0; visibility:hidden; content:"."; display:block; clear:both;}
.clearfix { _height: 1px; min-height: 1px; /*￥*//*/ height: auto; overflow: hidden; /**/}

/*moji box 文字配置*/
.moji_box {
  max-width: 1400px;
  width: 960px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}

.moji_box p {
  display: inline-block;
  text-align: left;
}

.moji_box_c{
  display: inline-block;
  text-align: center;
}


/*tokucho_center box 文字配置*/
.tokucho_center_box {
  max-width: 1400px;
  width:500px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}

.tokucho_center_box_p {
  display: inline-block;
  text-align: left;
  padding-left: 20px;
}

/*ボタン*/

.btn-flat-vertical-border {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  background: #004077;
  transition: .4s;
}

.btn-flat-vertical-border:hover {
  background: #000;
  color: #FFF;
}

/*画像ホバー*/
.gazou{
    width: 100%;
}
.gazou a{
    display: block;
    transition: all .3s ease-in-out;
}
.gazou img{
    width: 80%;
    vertical-align: middle;
}
.gazou a:hover{
    opacity: .6;
}


/*元々*/

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 24px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #333;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

.mt1rem{ margin-top:1rem;}
.mt2rem{ margin-top:2rem;}
.mt4rem{ margin-top:4rem;}
.mt6rem{ margin-top:6rem;}
.mb1rem{ margin-bottom:1rem;}
.mb2rem{ margin-bottom:2rem;}
.mb4rem{ margin-bottom:4rem;}
.mb6rem{ margin-bottom:6rem;}

.ls0{ letter-spacing:0;}

* { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body { text-align: center; font-family:'Noto Sans JP', sans-serif; line-height:1.7; color:#000; letter-spacing:0.1em;}
body,html{ height:100%;}
img{ border:none; vertical-align:middle; max-width:100%;}
img{ width:auto\9; height:auto\9;}
a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, table, th, td, a,li { box-sizing: border-box;}



/*ヘッダー*/
#recsiteHeader{ position:fixed; top:0; left:0; width:100%; background:#fff; z-index:9999; height:92px; overflow:hidden;}

#recsiteHeaderWrapper { max-width:1280px; text-align:left; margin:0 auto; position:relative;}
#recsiteHeaderWrapper h1{ padding:2rem 110px 2rem 0; position:relative; display:inline-block;}
#recsiteHeaderWrapper h1:after{ content:""; display:block; position:absolute; top:0; right:0; height:100%; width:90px; background:url(img/recsite_logo_lead.svg) right center no-repeat; background-size:contain;}
#recsiteHeaderWrapper h1 img{ width:auto; height:24px;}

#recsiteHeader nav#headerNav ul{ position:absolute; right:80px; top:0;}
#recsiteHeader nav#headerNav ul li{ display:inline-block; padding:2rem 1rem;}
#recsiteHeader nav#headerNav ul li a:hover{}
#recsiteHeader nav#headerNav ul li a dt{ color:#004077; font-size:0.8rem; line-height:1;}
#recsiteHeader nav#headerNav ul li a dd{ font-size:0.75rem; line-height:1; margin-top:5px;}

#recsiteHeader nav#headerNav ul li#recsiteEntry01{ padding:0; margin-left:1rem;}
#recsiteHeader nav#headerNav ul li#recsiteEntry01 a{ display:block; background:#0069c4; padding:2rem 1rem; color:#fff; width:100px; text-align:center;}
#recsiteHeader nav#headerNav ul li#recsiteEntry01 a dt{ color:#fff;}

#recsiteHeader nav#headerNav ul li#recsiteEntry02{ padding:0;}
#recsiteHeader nav#headerNav ul li#recsiteEntry02 a{ display:block; background:#004077; padding:2rem 1rem; color:#fff; width:100px; text-align:center;}
#recsiteHeader nav#headerNav ul li#recsiteEntry02 a dt{ color:#fff;}

#hamburger{ position:absolute; top:0; right:20px; padding:2rem 0; width:30px; z-index:10001;}
#hamburgerNav{ background:rgba(255, 255, 255, 1); position:fixed; top:0; left:0; height:100%; width:100%; z-index:10000; text-align:left; transition:all .5s; margin-left:120%; padding:4rem;}
#hamburgerNav.navOn{ margin-left:0;}
#hamburgerNav .hamburgerNavTable{ display:table;table-layout:fixed; width:100%;}
#hamburgerNav .hamburgerNavCell{ display:table-cell; padding:0 1rem;}
#hamburgerNav .hamburgerNavCell > ul > li{ position:relative; padding:1rem 0 0 11rem; margin:0 0 4rem 0;}
#hamburgerNav .hamburgerNavCell > ul > li::before{ content:""; position:absolute; top:0; left:9rem; background:#004077; width:5px; height:100%;}
#hamburgerNav .hamburgerNavCell > ul > li > img{ height:80px; width:auto;}
#hamburgerNav .hamburgerNavCell > ul > li > ul{ margin:1rem 0 0;}
#hamburgerNav .hamburgerNavCell > ul > li > ul > li > a{ color:#004077;}
#hamburgerNav .hamburgerNavCell > ul > li > ul > li > a:before{ content:"▶︎ ";}

#hamburgerNav1{ background:url(C_nav_picture01.png) 0 0 no-repeat; background-size:120px;}
#hamburgerNav2{ background:url(C_nav_picture02.png) 0 0 no-repeat; background-size:120px;}
#hamburgerNav3{ background:url(C_nav_picture03.png) 0 0 no-repeat; background-size:120px;}
#hamburgerNav4{ background:url(C_nav_picture04_2.png) 0 0 no-repeat; background-size:120px;}
#hamburgerNav5{ background:url(C_nav_picture05.png) 0 0 no-repeat; background-size:120px;}
#hamburgerNav6{ background:url(C_nav_picture06.png) 0 0 no-repeat; background-size:120px;}
#hamburgerNav7{ background:url(C_nav_picture01.png) 0 0 no-repeat; background-size:120px;}


.pcOnly{}
.spOnly{ display:none;}

@media screen and (max-width : 1280px) {
#hamburgerNav{ padding:4rem 0;}
}

@media screen and (max-width : 1100px) {
#hamburgerNav{ overflow:auto;}
#hamburgerNav .hamburgerNavCell > ul > li > img{ height:80px;}
}

@media screen and (max-width : 800px) {
#hamburgerNav{ padding:1rem 0;}
#hamburgerNav .hamburgerNavTable{ display:block;}
#hamburgerNav .hamburgerNavCell{ display:block;}
#hamburgerNav .hamburgerNavCell > ul > li{ padding:0 0 0 5rem; margin:0 0 2rem 0;}
#hamburgerNav .hamburgerNavCell > ul > li::before{ left:4rem; width:2px;}
#hamburgerNav .hamburgerNavCell > ul > li > img{ height:40px;}
#hamburgerNav .hamburgerNavCell > ul > li > ul > li > a{ font-size:0.75rem;}

#hamburgerNav1{ background-size:50px;}
#hamburgerNav2{ background-size:50px;}
#hamburgerNav3{ background-size:50px;}
#hamburgerNav4{ background-size:50px;}
#hamburgerNav5{ background-size:50px;}
#hamburgerNav6{ background-size:50px;}
#hamburgerNav7{ background-size:50px;}
#hamburgerNav8{ background-size:50px;}

/*moji box 文字配置@*/
@media screen and (max-width : 800px) {
#moji_box {max-width: 1400px;}
#moji_box {margin: 2 auto;}
#moji_box {text-align: center;}

#moji_box p {display: inline-block;}
#moji_box p {text-align: left;}
#moji_box p {padding:2rem;}

#moji_box_c {display: inline-block;}  
#moji_box_c {text-align: center;}
#moji_box_c {padding:2rem;}
}



.spBr{ display:block; margin-left:1rem;}
}

.subNavClose{ position:fixed; top:91px; height:calc(100vh - 91px); width:100%; background:rgba(0,0,0,0.7); z-index:9990; cursor:pointer;display:none;}
.subNavBox{ position:fixed; top:91px; left:50%; transform:translate(-50%,0); z-index:9995; display:none;}
.subNavContainer{ width:960px; margin:0 auto; text-align:left; display:table; table-layout:fixed;}
.subNavTitle{ background:#004077; padding:2rem; width:30%; display:table-cell; color:#fff;}
.subNavList{ background:#fff; padding:2rem; width:70%; display:table-cell;}
.subNavList > ul > li{ margin-bottom:10px;}
.subNavList > ul > li:last-child{ margin-bottom:0;}
.subNavList > ul > li a:hover{ opacity:0.6;}

@media screen and (max-width : 1100px) {
	#recsiteHeader{ height:60px;}

	#recsiteHeaderWrapper h1{ padding:1rem 84px 1rem 10px; position:relative; display:inline-block;}
	#recsiteHeaderWrapper h1:after{ width:68px;}
	#recsiteHeaderWrapper h1 img{ height:18px;}

	#recsiteHeader nav#headerNav{ background:rgba(255, 255, 255, 0.9); position:fixed; top:0; left:0; height:100%; width:100%; z-index:10000; text-align:left; transition:all .5s; margin-left:120%;}
	#recsiteHeader nav#headerNav.navOn{ margin-left:0;}
	#recsiteHeader nav#headerNav ul{ position:static; padding:2rem 2rem;}
	#recsiteHeader nav#headerNav ul li{ display:block; padding:1rem 0;}
	#recsiteHeader nav#headerNav ul li#recsiteEntry01{ padding:2rem 0 0 0; margin-left:0;}
	#recsiteHeader nav#headerNav ul li#recsiteEntry01 a{ padding:1rem 0; width:100%;}
	#recsiteHeader nav#headerNav ul li#recsiteEntry02{ padding:1rem 0 0 0;}
	#recsiteHeader nav#headerNav ul li#recsiteEntry02 a{ padding:1rem 0; width:100%;}
	#hamburger{ padding:1rem 0; width:30px; display:block; right:10px;}

.pcOnly{display:none;}
.spOnly{ display:block;}
}
/*パンくずリスト　HCNET追加20240911*/
.recruit-breadcrumb{
width:1
max-width:1680px;
margin:ｰ40px auto 80px;
}
.recruit-breadcrumb p{
width:50%;
max-width:840px;
font-size:11pt;
position:absolute;
left:50%;
padding-right:10px;
text-align:right;
}
.recruit-breadcrumb p span::before {
position:relative;
top:6px;
left:5px;
background: url(/../../assets/img/ico_arrow_gray.png);
content: "　";
background-repeat:no-repeat;
}
.sp-only{display:none;}
@media only screen and (max-width: 1000px) {
.recruit-breadcrumb{
margin:40px auto 0;
}
.recruit-breadcrumb p{
position: static;
width:100%;
max-width:1000px;
font-size:10pt;
}
.recruit-breadcrumb p span::before {
top:5px;
}
.sp-only{display:block;}
}

/*フッター*/
#recsiteFooter{ background:#000; color:#fff; padding:2rem 0;}
#recsiteCopyRight{ font-size:0.8rem;}
#recsiteFooterNav{ margin:0 auto 2rem;}
#recsiteFooterNav li{ display:inline-block; padding:0; margin:0 1rem; position:relative;}
#recsiteFooterNav li:after{ content:""; height:0.8rem; width:1px; background:#fff; position: absolute; right:-1.2rem; top:50%; transform:translate(0,-50%);}
#recsiteFooterNav li:last-child:after{ content:none;}
#recsiteFooterNav li a{ color:#fff; font-size:0.8rem; display:block; padding:0 1.2rem 0 0;}
#recsiteFooterNav li a::after{ content:""; position:absolute; top:50%; right:0; height:0.8rem; width:0.8rem; background:url() center center no-repeat; background-size:contain; transform:translate(0,-50%);}

@media screen and (max-width : 800px) {
	#recsiteFooter{ padding:1rem 10px;}
	#recsiteCopyRight{ font-size:0.6rem;}
	#recsiteFooterNav{ margin:0 auto 1rem;}
	#recsiteFooterNav li:nth-child(1){ width:60%; margin:0;}
	#recsiteFooterNav li:nth-child(2){ width:40%; margin:0;}
    #recsiteFooterNav li:after{ content:none;}
    #recsiteFooterNav li a::after{ right:1rem;}
}


footer.itamfooter{
background:#000;
color:#fff;
padding:20px 0;
}
footer.itamfooter ul.itamfooterNav a{
color:#fff !important;
}
footer.itamfooter ul.itamfooterNav a:hover{
color:#666 !important;
}


/*トップメインイメージ*/
#recsiteIndexMvWrapper{ margin-top:92px; width:100%; overflow:hidden;}
#recsiteIndexMvWrapper > ul{ height:100%;}
#recsiteIndexMvWrapper > ul > li{ height:100%; width:100%; max-width:1280px; margin:0 auto; position:relative;}
#recsiteIndexMvWrapper > ul > li#recsiteIndex1{background:url(/itaconsole/AdobeStock_521661218.jpeg) center bottom no-repeat; background-size:contain;}
#recsiteIndexMvWrapper > ul > li#recsiteIndex2{background:url(/itaconsole/AdobeStock_416678398_02.jpeg) center center no-repeat; background-size:contain;}
#recsiteIndexMvWrapper > ul > li#recsiteIndex3{background:url(img/index_main3_pc.jpg) center center no-repeat; background-size:contain;}
#recsiteIndexMvWrapper > ul > li#recsiteIndex1 > a{ display:block; position:absolute; bottom:0; right:2rem; width:220px;}

#recsiteIndexMvWrapper > ul.anime {
	animation-duration: 1s;
	animation-name: slideLoop;
	animation-fill-mode: forwards;
}
@keyframes slideLoop {
	0% { margin-top: 0;}
	100% { margin-top:-640px;}
}

@media screen and (max-width : 800px) {
	#recsiteIndexMvWrapper{ margin-top:60px;}
	@keyframes slideLoop {
		0% { margin-top: 0;}
		100% { margin-top:-560px;}
	}

	#recsiteIndexMvWrapper > ul > li#recsiteIndex1{background:url(/itaconsole/AdobeStock_521661218.jpeg) center center no-repeat; background-size:cover;}
	#recsiteIndexMvWrapper > ul > li#recsiteIndex2{background:url(/itaconsole/AdobeStock_416678398_02.jpeg) center center no-repeat; background-size:cover;}
	#recsiteIndexMvWrapper > ul > li#recsiteIndex3{background:url(img/index_main3_sp.jpg) center center no-repeat; background-size:cover;}
	#recsiteIndexMvWrapper > ul > li#recsiteIndex1 > a{ bottom:0; right:5px; width:140px;}
}

/*カラム*/


.u-flex__col2 {
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  max-width: 1280px;
  margin: auto;
  gap: 4rem;
}
.u-flex__col2--item {
  box-sizing: border-box;
  width: calc((100% - 4rem) / 2);
}

.u-flex__col3 {
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  max-width: 1280px;
  margin: auto;
  gap: 4rem;
}
.u-flex__col3--item {
  box-sizing: border-box;
  width: calc((100% - 8rem) / 3);
}

.u-flex__col4 {
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  max-width: 1280px;
  margin: auto;
  gap: 4rem;
}
.u-flex__col4--item {
  box-sizing: border-box;
  width: calc((100% - 12rem) / 4);
}

.clmn4 {
  display: flex;
  flex-wrap: wrap;
　width: 93%;
  max-width: 1280px;
  margin: auto;
}

.clmn5 {
  display: flex;
  flex-wrap: wrap;
　width: 93%;
  max-width: 1280px;
  margin: auto;
　gap: 4rem;
}
.clmn5_img{
  box-sizing: border-box;
  width: calc((100% - 12rem) / 5);
　　
}


/*center box 文字配置*/
.center_box {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}

.center_box p {
  display: inline-block;
  text-align: left;
  padding:2rem;
}

.center_box_c{
  display: inline-block;
  text-align: center;
}

/*at first*/
.hajimeni {
 margin: 16px auto;
 text-align: center;
 display: block;
 border: 0px solid #000;
 font-size: 20px;
}

.hajimeni .text{
text-align: left;
display: inline-block;
}

/*service*/
.menu_pic {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  max-width: 1280px;
}

/*price*/
.menu_pic2 {
  text-align: center;
  margin: 0 auto;
  width: 50%;
  max-width: 1280px;
}

/*インデックスコンテンツ*/
.recsiteIndexCatInfo{ display:table; table-layout:fixed; margin:2rem 0;}
.recsiteIndexCatTitle{ display:table-cell; width:6em;}
.recsiteIndexCatTitle p{ position:relative; display:inline-block;}
.recsiteIndexCatTitle p::after{ content:""; position:absolute; height:1px; width:100%; background:#004077; bottom:0; left:50%; transform:translate(-50%,0);}
.recsiteIndexCatText{ display:table-cell; font-size:0.8rem;font-size:1rem;}
.recsiteIndexCatText p{ margin-bottom:1rem;}

#recsiteIndexCat1Catch{ max-width:1280px; width:100%; text-align:left; margin:0 auto; position:relative;}
#recsiteIndexCat1Catch::before{ content:""; position:absolute; z-index:-1; top:2rem; right:30%; height:600px; width:1600px; background:url(img/recsite_indexcat_bg1.svg) 0 top no-repeat; background-size:cover;}
#recsiteIndexCat1Catch h2{ width:280px;}

#recsiteIndexCat2Column{ max-width:calc(880px + 1rem); width:100%; margin:0 auto 1rem; position:relative;display:flex; flex-direction:row;justify-content: flex-end;align-items:flex-start; align-content: flex-start;}
#recsiteIndexCat2ColumnPrimary{ order:2; flex-basis:50%; text-align:left;}
#recsiteIndexCat2ColumnSecondary{ order:1; flex-basis:50%; padding:0;}
#recsiteIndexCat2Catch{ text-align:left; margin:0 0 0 1rem; position:relative;}
#recsiteIndexCat2Catch::before{ content:""; position:absolute; z-index:-1; top:3rem; left:-50%; height:400px; width:1600px; background:url(img/recsite_indexcat_bg2.svg) 0 top no-repeat; background-size:cover;}
#recsiteIndexCat2Catch h2{ width:280px;}

#recsiteIndexCat3Column{ max-width:1280px; width:100%; margin:0 auto 0; position:relative;display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
#recsiteIndexCat3ColumnPrimary{ order:1; flex-basis:50%; text-align:left; padding-right:2rem;}
#recsiteIndexCat3ColumnSecondary{ order:2; flex-basis:50%; padding-top:14rem;}
#recsiteIndexCat3Catch{ width:100%; text-align:left; margin:0 auto; position:relative;}
#recsiteIndexCat3Catch::before{ content:""; position:absolute; z-index:-1; top:3rem; right:-50%; height:400px; width:1600px; background:url(img/recsite_indexcat_bg3.svg) right top no-repeat; background-size:cover;}
#recsiteIndexCat3Catch h2{ width:280px;}

#recsiteIndexCat4Catch{ width:48%; max-width:440px; text-align:left; margin:0 0 0 52%; position:relative;}
#recsiteIndexCat4Catch::before{ content:""; position:absolute; z-index:-1; top:3rem; left:-50%; height:400px; width:1600px; background:url(img/recsite_indexcat_bg4.svg) right top no-repeat; background-size:cover;}
#recsiteIndexCat4Catch h2{ width:340px;}

#recsiteIndexCat5Catch{ max-width:1280px; width:100%; margin:0 auto 0; text-align:left; position:relative;}
#recsiteIndexCat5Catch::before{ content:""; position:absolute; z-index:-1; top:3rem; right:30%; height:400px; width:1600px; background:url(img/recsite_indexcat_bg5.svg) right top no-repeat; background-size:cover;}
#recsiteIndexCat5Catch h2{ width:280px;}

#atfirst{ margin-top:-92px; padding-top:92px; display:block;}

@media screen and (max-width : 800px) {
	#atfirst{ margin-top:-60px; padding-top:60px;}

	.recsiteIndexCatText{ font-size:1rem;}
	.recsiteIndexCatInfo{ margin:1rem 10px;}
	.recsiteIndexCatText p br:not(.spbr){ display:none;}

	#recsiteIndexCat1Catch h2{ width:180px; margin:0 0 0 10px;}

	#recsiteIndexCat2Column{ margin:0 0 2rem; padding:0 1rem; flex-direction:column;}
	#recsiteIndexCat2ColumnPrimary{ order:1; flex-basis:100%; width:100%;}
	#recsiteIndexCat2ColumnSecondary{ order:2; flex-basis:100%; padding:0; width:100%;}
	#recsiteIndexCat2Catch::before{ top:1.5rem; left:-1rem; transform:scale(1, -1);}
	#recsiteIndexCat2Catch h2{ width:auto; text-align:right;}
	#recsiteIndexCat2Catch h2 img{ width:180px;}

	#recsiteIndexCat3Column{ margin:0 auto 0; flex-direction:column;}
	#recsiteIndexCat3ColumnPrimary{ order:1; flex-basis:100%; width:100%; padding-right:0;}
	#recsiteIndexCat3ColumnSecondary{ order:2; flex-basis:100%; width:100%; padding:0;}
	#recsiteIndexCat3Catch::before{ top:1.8rem; right:0;}
	#recsiteIndexCat3Catch h2{ width:180px; margin:0 0 0 10px;}

	#recsiteIndexCat4Catch{ width:100%; margin:0;}
	#recsiteIndexCat4Catch::before{ top:1.5rem; left:0; transform:scale(1, -1);}
	#recsiteIndexCat4Catch h2{ width:auto; margin:0 10px 0 0; text-align:right;}
	#recsiteIndexCat4Catch h2 img{ width:240px;}

	#recsiteIndexCat5Catch::before{ top:1.5rem; right:0;}
	#recsiteIndexCat5Catch h2{ width:180px; margin:0 0 0 10px;}
}


/*下層メインイメージ*/
.recsiteLowerMvWrapper{ margin-top:92px; height:580px; height:auto; width:100%; background:#fff; position:relative; margin-bottom:4rem;}
.recsiteLowerMvWrapper.noLimit{height:auto;}
.recsiteLowerMvWrapper > h2{ color:#fff; font-size:1.4rem; position:absolute; top:50%;right:50%; transform: translate(30%,-50%); letter-spacing:0.1em; width:100%; text-align:right; line-height:2.4;}
/*
.recsiteLowerPageTitleWrapper{ position:relative; width:100%; height:100%; max-width:1280px; margin:0 auto;}
*/
.recsiteLowerPageTitleWrapper{ position:relative; width:100%; height:830px; overflow:hidden; margin:0 auto; max-width:1680px;}
.recsiteLowerPageTitleWrapper > img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.recsiteLowerPageTitleWrapper.noLimit{max-width:inherit;}
.recsiteLowerPageTitleWrapper > h2{ color:#000; font-size:1.4rem; position:absolute; top:50%;right:4rem; transform: translate(0,-50%); letter-spacing:0.1em; width:100%; text-align:right; line-height:2.4; font-weight:bold;}
.recsiteLowerPageTitleWrapper > h2{ right:auto; left:50%; width:100%; max-width:1280px; transform:translate(-50%,-50%); padding:0 1rem;}
.recsiteLowerPageTitleWrapper > h2.colorWhite{ color:#ffffff;}
.recsiteLowerPageSign{ position:absolute; bottom:50%; left:50%; color:#000; transform:translate(-50%,240%); text-align:right; font-size:1.6rem; letter-spacing:0.1em; font-weight:bold; width:100%; max-width:1280px;padding:0 1rem;}

.recsitePageLeadWrapper{ overflow:hidden; position:absolute; bottom:-4rem; left:0; width:50%; padding-top:4rem;}
.recsitePageLeadInner{ background:url(img/recsite_lead_bg.svg) right 0 no-repeat; background-size:auto 100%; padding:3rem 6rem 0 2rem; height:160px; text-align:right;}
.recsitePageLeadInner h3{ position:relative; color:#fff; font-size:1.2rem; display:inline-block; text-align:left;}
.recsitePageLeadInner h3.fontSizeS{font-size:1rem; }
.recsitePageLeadInner h3::after{ content:""; position:absolute; left:0;}
.boxBorderText{ display:inline-block; border:1px solid rgba(255,255,255,0.8); padding:0.2rem 0.5rem; font-size:0.8rem; margin-top:10px;}

#people04 .recsitePageLeadWrapper{width:60%;}
#people05 .recsitePageLeadWrapper{width:50%;}

@media screen and (max-width : 1000px) {
    .recsiteLowerMvWrapper.noLimit{height:380px;}
	.recsiteLowerMvWrapper{ margin-top:60px; height:380px; width:100%; margin-bottom:2rem;}
		
	.recsitePageLeadWrapper{ bottom:-2rem; width:100%; padding-top:4rem;}
    #people04 .recsitePageLeadWrapper{width:100%;}
    #people05 .recsitePageLeadWrapper{width:100%;}
	.recsitePageLeadInner{ background:url(img/recsite_lead_bg.svg) right 0 no-repeat; background-size:cover; padding:2rem 1rem 1rem; height:auto; text-align:left;}
	.recsitePageLeadInner h3{ font-size:0.8rem;}
	.recsitePageLeadInner h3::after{ content:""; position:absolute; left:0;}

    .recsiteLowerPageSign{ bottom:4rem;transform:translate(-50%,0); font-size:1.2rem; }
}

@media screen and (max-width : 800px) {
    .recsiteLowerMvWrapper h2{ font-size:1rem; letter-spacing:0.1em;}
    .recsiteLowerPageSign{ font-size:1rem; text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), -1px 0 1px rgba(255, 255, 255, 1), 0 -1px 1px rgba(255, 255, 255, 1);}
}

/*下層メインイメージの英字*/
/*
#project01{ background:#fff url(img/project01_1_ver3.jpg) center center no-repeat; background-size:1280px auto;}
*/
#project01 .recsitePageLeadInner h3::after{ background:url(img/business_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; height:7rem; width:380px;}
#project01 h2{}
#project02 .recsitePageLeadInner h3::after{ background:url(img/business_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; height:7rem; width:380px;}
/*
#business{ background:#fff url(img/business_1_ver3.jpg) center center no-repeat; background-size:1280px auto;}
*/
#business .recsitePageLeadInner h3::after{ background:url(img/business_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; height:7rem; width:380px;}
#business h2{}
#businessH3{ padding-right:16rem;}
/*
#fresh{ background:#fff url(img/fresh_1_ver5.jpg) center center no-repeat; background-size:1280px 100%;}
*/
#fresh .recsiteLowerPageTitleWrapper > h2{ color:#fff;}
#fresh .recsitePageLeadInner h3::after{ background:url(img/recruit_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; left:-2rem; height:7rem; width:340px;}
#freshH3{ padding-right:4rem;}
/*
#career{ background:#fff url(img/career_1_ver5.jpg) center center no-repeat; background-size:1280px auto;}
*/
#career .recsitePageLeadInner h3::after{ background:url(img/recruit_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; left:-2rem; height:7rem; width:340px;}
#careerH3{ padding-right:4rem;}
/*
#training{ background:#fff url(img/education_1_ver2.jpg) center center no-repeat; background-size:1280px 100%;}
*/
#training .recsitePageLeadInner h3::after{ background:url(img/recruit_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; left:-2rem; height:7rem; width:340px;}
#trainingH3{ padding-right:8rem;}
/*

#FAQ{ background:#fff url(img/faq_1_ver3.jpg) center center no-repeat; background-size:1280px 100%;}
*/
#FAQ .recsitePageLeadInner h3::after{ background:url(img/faq_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; height:7rem; width:280px;}
#FAQ h2{ right:8rem;}
#FAQH3{ padding-right:12rem;}
/*
#message{ background:#fff url(img/message_1_ver3.jpg) center center no-repeat; background-size:1280px 100%;}
*/
#message .recsitePageLeadInner h3::after{ background:url(img/recruit_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; left:-2rem; height:7rem; width:340px; filter:drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.6));}
#messageH3{ padding-right:8rem;}
/*
#welfare{ background:#fff url(img/welfare_1_ver3.jpg) center center no-repeat; background-size:1280px 100%;}
*/
#welfare .recsitePageLeadInner h3::after{ background:url(img/recruit_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-6rem; left:-2rem; height:7rem; width:340px;}
#welfareH3{ padding-right:8rem;}
/*
#threeMinutes{ background:#fff url(img/threeminutes_1_ver2.jpg) center center no-repeat; background-size:1280px auto;}
*/
#threeMinutes .recsitePageLeadInner h3::after{ background:url(img/atfirst.svg) 0 0 no-repeat; background-size:contain; top:-6rem; height:7rem; width:380px;}
#threeMinutes h2{ letter-spacing:0.1em;}

.lowerMainImage{ opacity:0;}
/*
#topMessage{ background:#fff url(img/topmessage_1_ver4.jpg) center center no-repeat; background-size:1280px auto;}
*/
#topMessage .recsitePageLeadInner h3::after{ background:url(img/atfirst.svg) 0 0 no-repeat; background-size:contain; top:-6rem; height:7rem; width:380px; filter:drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.6));}
#topMessage h2{ right:2rem;}
#topMessageH3{ padding-right:8rem;}

/*
#people{ background:#fff url(img/people_1_ver3.jpg) center center no-repeat; background-size:1680px auto;}
#people .recsiteLowerPageTitleWrapper{ position:relative; width:100%; height:830px; overflow:hidden; margin:0 auto; max-width:1680px;}
#people .recsiteLowerPageTitleWrapper > img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#people .recsiteLowerPageTitleWrapper > h2{ color:#fff; right:auto; left:50%; width:100%; max-width:1280px; transform:translate(-50%,-50%); padding:0 1rem;}
*/
#people .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#peopleH3{ padding-right:8rem;}

#people01{ background:#fff url(img/people_r01_1_ver2.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people02{ background:#fff url(img/people_r02_1_ver2.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people03{ background:#fff url(img/people_r03_1_ver2.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people04{ background:#fff url(img/people_r04_1.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people05{ background:#fff url(img/people_r05_1.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people06{ background:#fff url(img/people_r06_1_ver2.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people07{ background:#fff url(img/people_r07_1_ver2.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people08{ background:#fff url(img/people_r08_1.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people09{ background:#fff url(img/people_r09_1_ver2.jpg) center center no-repeat; background-size:1680px auto; height:auto;}
#people10{ background:#fff url(img/people10_1.jpg) center center no-repeat; background-size:1680px auto; height:auto;}

@media screen and (max-width : 1680px) {
#people01{ background-size:cover;}
#people02{ background-size:cover;}
#people03{ background-size:cover;}
#people04{ background-size:cover;}
#people05{ background-size:cover;}
#people06{ background-size:cover;}
#people07{ background-size:cover;}
#people08{ background-size:cover;}
#people09{ background-size:cover;}
#people10{ background-size:cover;}
}

#people01 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people02 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people03 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;/*filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.6));*/}
#people04 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people05 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people06 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people07 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people08 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people09 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}
#people10 .recsitePageLeadInner h3::after{ background:url(img/people_texttitle.svg) 0 0 no-repeat; background-size:contain; top:-7rem; left:-3rem; height:7rem; width:380px;}

.recsitePeopleIntroWrapper{ max-width:960px; width:100%; margin:0 auto; text-align:left; color:#fff;}
.recsitePeopleIntroWrapper.textBlack{ color:#000;}
.recsitePeopleIntroInner{ width:50%; max-width:320px; padding:6rem 0 16rem;}
.recsitePeopleIntroInner h2{ margin-bottom:1rem;}
.recsitePeopleIntroInner dl{ font-size:0.8rem; margin-bottom:1rem;}

@media screen and (max-width : 2060px) {
.recsiteLowerPageTitleWrapper{height:0; padding-top:40%;}
}

@media screen and (max-width : 1680px) {
    .recsitePeopleIntroInner{ padding:10% 0 20%;}
	#people01{ background-size:cover;}
    #people02{ background-size:cover;}
    #people03{ background-size:cover;}
    #people04{ background-size:cover;}
    #people05{ background-size:cover;}
    #people06{ background-size:cover;}
	#people07{ background-size:cover;}
    #people08{ background-size:cover;}
    #people09{ background-size:cover;}
}
@media screen and (max-width : 1000px) {
    .pageTopImg--pc{ display:none;}
    .peopleMv--pc{ display:none;}
    .recsiteLowerPageTitleWrapper{ padding-top:0; height:100%;}

    #people{ background:#fff url(img/people_1_ver4__pc.jpg) center center no-repeat; background-size:cover;}
    #people .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	.recsitePeopleIntroInner{ width:50%; width:60%; max-width:180px;max-width:220px; padding:2rem 1rem 6rem;}

	#people01 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people02 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people03 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people04 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people05 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people06 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}	
	#people07 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people08 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people09 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}
	#people10 .recsitePageLeadInner h3::after{ top:-3.6rem; left:0; width:160px;}

    #project01{ background:url(img/project01_1_ver3.jpg) 10% center no-repeat; background-size:cover;}
    #project01 .recsitePageLeadInner h3::after{ top:-3.8rem; width:240px;}

    #project02{ background:url(img/project02_1_sp_ver3.jpg) center center no-repeat; background-size:cover;}
    #project02 .recsitePageLeadInner h3::after{ top:-3.8rem; width:240px;}

    #business{ background:url(img/business_1_ver3.jpg) center center no-repeat; background-size:cover;}
    #business .recsitePageLeadInner h3::after{ top:-3.8rem; width:240px;}

    #training{ background:url(img/education_1_ver2.jpg) center center no-repeat; background-size:cover;}
    #training .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #FAQ{ background:url(AdobeStock_1028505252.jpeg) center center no-repeat; background-size:cover;}
	#FAQ .recsitePageLeadInner h3::after{ top:-3.8rem; width:210px; left:0;}

    #FAQ2{ background:url(AdobeStock_455271849.jpeg) center center no-repeat; background-size:cover;}
	#FAQ .recsitePageLeadInner h3::after{ top:-3.8rem; width:210px; left:0;}

    #features{ background:url(AdobeStock_1028610601_04.jpeg) center center no-repeat; background-size:cover;}
	#features .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #service{ background:url(AdobeStock_725967623.jpeg) center center no-repeat; background-size:cover;}
	#service .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #price{ background:url(AdobeStock_972282623.jpeg) center center no-repeat; background-size:cover;}
	#price .recsitePageLeadInner h3::after{ top:-3.8rem; width:210px; left:0;}

    #function{background:url(AdobeStock_1120832271_05.jpeg) center center no-repeat; background-size:cover;}
    #function .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #message{background:url(img/message_1_ver4.jpg) center center no-repeat; background-size:cover;}
    #message .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #atfirst{background:url(AdobeStock_255484096_01.jpeg) center center no-repeat; background-size:cover;}
    #atfirst .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #welfare{ background:url(img/welfare_1_ver4.jpg) center center no-repeat; background-size:cover;}
	#welfare .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #threeMinutes{ background:url(img/threeminutes_1_ver2.jpg) center center no-repeat; background-size:cover;}
    #threeMinutes .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px;}

	#people01{ background:url(img/people_r01_1_ver2.jpg) 70% center no-repeat; background-size:cover;}
    #people02{ background:url(img/people_r02_1_ver2.jpg) 66% center no-repeat; background-size:cover;}
    #people03{ background:url(img/people_r03_1_ver2.jpg) 62% center no-repeat; background-size:cover;}
    #people04{ background:url(img/people_r04_1.jpg) 70% center no-repeat; background-size:cover;}
    #people05{ background:url(img/people_r05_1.jpg) 72% center no-repeat; background-size:cover;}
    #people06{ background:url(img/people_r06_1_ver2.jpg) 60% center no-repeat; background-size:cover;}
	#people07{ background:url(img/people_r07_1_ver2.jpg) 64% center no-repeat; background-size:cover;}
    #people08{ background:url(img/people_r08_1.jpg) 64% center no-repeat; background-size:cover;}
    #people09{ background:url(img/people_r09_1_ver2.jpg) 70% center no-repeat; background-size:cover;}
    #people09::before{ content:""; height:100%; width:100%; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0;}
    #people09 .recsitePeopleIntroWrapper{ position:relative;}

    #topMessage{ background: url(img/img_topmsg2024_01.png) 35% bottom no-repeat; background-size:cover;}
    #topMessage h2{ top:40%;}
    #topMessage .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px;}

    #fresh{ background:url(img/fresh_1_ver5.jpg) center center no-repeat; background-size:cover;}
    #career{ background:url(img/career_1_ver5.jpg) center center no-repeat; background-size:cover;}

    #topMessageH3{ padding-right:0;}
    #peopleH3{ padding-right:0;}
    #freshH3{ padding-right:0;}
    #careerH3{ padding-right:0;}
    #messageH3{ padding-right:0;}
    #trainingH3{ padding-right:0;}
    #welfareH3{ padding-right:0;}
    #FAQH3{ padding-right:0;}
    #businessH3{ padding-right:0;}
}

@media screen and (max-width : 800px) {
    p.peopleSection{ font-size:0.8rem;}

    #fresh{ height:240px; background: #efefef url(img/fresh_1_ver5.jpg) 10% center no-repeat;background-size: cover;}
    #fresh .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}
    #fresh::before{ content:""; height:100%; width:100%; background:rgba(255,255,255,0); position:absolute; top:0; left:0;}

    #career{height:240px;}
	#career .recsitePageLeadInner h3::after{ top:-3.8rem; width:220px; left:0;}

    #people .recsiteLowerPageTitleWrapper > h2{ left:auto; right:0; transform:translate(0,0); padding:0 10px; top:100px;}
/*
    #people h2{ right:0; transform:translate(0,0); padding:0 10px; top:100px;}
    #people .recsiteLowerPageTitleWrapper{ height:auto; padding-top:0;}
    #people .recsiteLowerPageTitleWrapper > img{ position:static; transform:translate(0,0);}
    #people .recsiteLowerPageTitleWrapper > h2{ color:#000; position:static; padding:2rem 1rem 6rem; transform:translate(0,0);}
*/
    #project01 h2{ right:0; transform:translate(0,0); padding:0 10px; top:100px; left:auto;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), -1px 0 1px rgba(255, 255, 255, 1), 0 -1px 1px rgba(255, 255, 255, 1);}
    #project02 h2{ right:0; transform:translate(0,0); padding:0 10px; top:100px; left:auto;
/*text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), -1px 0 1px rgba(255, 255, 255, 1), 0 -1px 1px rgba(255, 255, 255, 1);*/}
    #business h2{ right:0; transform:translate(0,0); padding:0 10px; top:100px; left:auto;}
	#fresh h2{ right:0; transform:translate(0,0); padding:0 10px; top:40px; line-height:1.8; left:auto;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 1), 1px 1px 1px rgba(0, 0, 0, 1), 1px 0 1px rgba(0, 0, 0, 1), 0 1px 1px rgba(0, 0, 0, 1), -1px -1px 1px rgba(0, 0, 0, 1), -1px 0 1px rgba(0, 0, 0, 1), 0 -1px 1px rgba(0, 0, 0, 1);}
	#career h2{ right:0; transform:translate(0,0); padding:0 10px; top:90px; line-height:1.8; left:auto;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), -1px 0 1px rgba(255, 255, 255, 1), 0 -1px 1px rgba(255, 255, 255, 1);}
	#training h2{ right:0; transform:translate(0,0); padding:0 10px; top:100px; left:auto;}
    #FAQ h2{ right:0; transform:translate(0,0); padding:0 10px; top:180px; left:auto;}
	#message h2{ right:0; transform:translate(0,0); padding:0 10px; top:220px; left:auto;}
	#welfare h2{ right:0; transform:translate(0,0); padding:0 10px; top:100px; left:auto;}
    #threeMinutes h2{ right:0; transform:translate(0,0); padding:0 10px; top:100px; left:auto;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), -1px 0 1px rgba(255, 255, 255, 1), 0 -1px 1px rgba(255, 255, 255, 1);}
    #topMessage h2{ text-align:left; left:0; top:100px;transform: translate(0,0); right:auto; padding:0 10px;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), -1px 0 1px rgba(255, 255, 255, 1), 0 -1px 1px rgba(255, 255, 255, 1);}

    .whiteShadow{ text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 1px rgba(255, 255, 255, 1), 1px 0 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(255, 255, 255, 1), -1px -1px 1px rgba(255, 255, 255, 1), -1px 0 1px rgba(255, 255, 255, 1), 0 -1px 1px rgba(255, 255, 255, 1);}
}


/*下層パーツ*/
.recsiteDefaultWrapper{ padding:50px 0px 100px; overflow:hidden;}
.recsiteDefaultWrapper.bgColor{ background:#e9f0ef;}
.recsiteDefaultWrapper.schedule{ position:relative;}
.recsiteDefaultWrapper.schedule::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 109, 0, 0.85) url(img/) center center no-repeat; background-size:cover; background-blend-mode:multiply;}
.recsiteDefaultWrapper.overflowChange{ overflow:inherit;}

.recsiteDefaultWrapper2{ padding:50px 0px 100px; overflow:hidden;}
.recsiteDefaultWrapper2.bgColor{ background:#fff;}
.recsiteDefaultWrapper2.schedule{ position:relative;}
.recsiteDefaultWrapper2.schedule::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 109, 0, 0.85) url(img/) center center no-repeat; background-size:cover; background-blend-mode:multiply;}
.recsiteDefaultWrapper2.overflowChange{ overflow:inherit;}

.recsiteSecTitle{ margin:0 auto 4rem;}
.recsiteSecTitle dt{ color:#004077; font-size:1.8rem;}
.recsiteSecTitle dd{ position:relative; font-size:1rem; padding-bottom:4px; display:inline-block;}
.recsiteSecTitle dd::after{ content:""; position:absolute; height:1px; width:100%; background:#004077; bottom:0; left:50%; transform:translate(-50%,0);}
.recsiteSecTitle.schedule{ position:relative;}
.recsiteSecTitle.schedule dt{ color:#fff;}
.recsiteSecTitle.schedule dd{ color:#fff;}
.recsiteSecTitle.schedule dd::after{ background:#fff;}
#people01TimeBg{ background:url(img/people_r01_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people02TimeBg{ background:url(img/people_r02_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people03TimeBg{ background:url(img/people_r03_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people04TimeBg{ background:url(img/people_r04_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people05TimeBg{ background:url(img/people_r05_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people06TimeBg{ background:url(img/people_r06_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people07TimeBg{ background:url(img/people_r07_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people08TimeBg{ background:url(img/people_r08_daybg.jpg) center center no-repeat; background-size:1280px auto;}
#people09TimeBg{ background:url(img/people_r09_daybg.jpg) center center no-repeat; background-size:1280px auto;}

.recsiteSecTitle t {
  display: inline-block;
  width:960px;
  text-align: left;
}


.recsiteSecTitle3{ margin:0 auto 4rem;}
.recsiteSecTitle3 dt{ color:#004077; font-size:1.8rem;}
.recsiteSecTitle3 dd{ position:relative; font-size:1rem; padding-bottom:4px; display:inline-block;}
.recsiteSecTitle3 dd::after{ content:""; position:absolute; height:1px; width:100%; background:#004077; bottom:0; left:50%; transform:translate(-50%,0);}
.recsiteSecTitle3.schedule{ position:relative;}
.recsiteSecTitle3.schedule dt{ color:#fff;}
.recsiteSecTitle3.schedule dd{ color:#fff;}
.recsiteSecTitle3.schedule dd::after{ background:#fff;}

.recsiteSecTitle3 t {
  display: inline-block;
  max-width:1400px;
　width:900px;
  text-align: left;
}

.recsiteSecTitle3_c{
  display: inline-block;
  text-align: center;
font color:#004077;
font-size:1.8rem;
  max-width:1400px;
　width:900px;
}



.recsiteSecSubTitle{ color:#004077; font-size:1.4rem; font-weight:normal;}
.recsiteSecSubTitle.letterSpacing{ letter-spacing:0.4em; margin-left:0.4em;}

.recsitePointText1{ font-weight:normal; font-size:1.2rem;}
.recsitePointText2{ font-weight:bold; font-size:1.2rem;}
.recsiteP{ font-size:1rem;}

.recsiteEntryFlowWrapper{max-width:480px; margin:0 auto;}
.recsiteEntryFlowWrapper a:hover{ opacity:0.8;}

@media screen and (max-width : 800px) {
    .hajimeni{ padding:2rem;}
　　
	.recsiteDefaultWrapper{ padding:2rem;}
    .recsiteDefaultWrapper2{ padding:2rem;}

	.recsiteSecTitle{ margin:0 auto 2rem;}
	.recsiteSecTitle dt{ font-size:1.4rem; letter-spacing:0;}
	.recsiteSecTitle dd{ font-size:0.8rem;}


	.recsiteSecTitle3{ margin:0 auto 2rem;}
	.recsiteSecTitle3 dt{ font-size:1.4rem; letter-spacing:0;}
	.recsiteSecTitle3 dd{ font-size:0.8rem;}


	.recsiteSecSubTitle{ font-size:1rem;}

	.recsitePointText1{ padding:0 1rem; font-size:0.8rem; font-size:1rem; text-align:left;}
	.recsitePointText1 br{ display:none;}
	.recsitePointText2{ padding:0 1rem; font-size:0.8rem; font-size:1rem; text-align:left;}
	.recsitePointText2 br{ display:none;}
	.recsiteP{ padding:0 1rem; text-align:left; font-size:0.8rem; font-size:1rem;}
	.recsiteP br{ display:none;}

.twoColumnList{ max-width:1000px; margin:0 auto; text-align:left;}
.twoColumnList li{ display:inline-block; width:50%; vertical-align:top; padding:2rem 1rem 0;}
.twoColumnList li h3{ display:inline-block; background:#004077; color:#fff; padding:0.2rem 0.5rem; margin-top:1rem;}
.twoColumnList li p{ font-size:0.8rem; margin-top:1rem;}

.threeColumnList{ max-width:1000px; margin:0 auto; text-align:left;}
.threeColumnList li{ display:inline-block; width:33.33%; vertical-align:top; padding:2rem 1rem 0;}
.threeColumnList li dl{ margin-top:1rem;}
.threeColumnList li dl dt{ font-size:0.8rem; font-weight:normal;}
.threeColumnList li dl dd{ font-size:1.2rem; font-weight:normal;}
.threeColumnList li p{ font-size:0.8rem; margin-top:1rem;}

.neatLinkLead{ margin:0 auto 2rem;}
.nextLinkBtn{ max-width:640px; width:100%; height:380px; margin:0 auto; position:relative;}
.nextLinkBtn.h200{ height:200px;}
.nextLinkBtn.h280{ height:280px; max-width:440px;}
.nextLinkBtn.h280only{ height:280px;}
.nextLinkBtn.twoColumn{ max-width:640px; display:inline-block; width:calc(50% - 1rem); margin:0 0.5rem;}
.nextLinkBtn.twoColumn.h280{ height:280px; max-width:440px;}
.nextLinkBtn.fourColumn{ max-width:312px; display:inline-block; width:calc(25% - 1rem); margin:0 0.5rem; height:240px;}
.nextLinkInner{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; width:100%;}
.nextLinkInner > p{ font-size:1.2rem;}
.nextLinkInner > p > span{ font-size:1.4rem;}
.moreBtn{ display:inline-block; padding:0.5rem 3rem 0.5rem 2rem; border:1px solid #fff; color:#fff; font-weight:bold; margin-top:1rem; position:relative;}
.moreBtn:hover{ background:rgba(0,0,0,0.8);}
.moreBtn:after{ content:""; position:absolute; right:1rem; top:50%; width:0.6rem; height:0.6rem; background:url(img/recsite_more_icon.svg) center center no-repeat; background-size:contain; transform: translate(0,-50%);}
.fourColumnWrapper{ margin:0.5rem;}

.moreBtn{ background:#000; border:none;}
.nextLinkInner p{ font-weight:bold;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.4), 1px 0 2px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.4), -1px -1px 2px rgba(0, 0, 0, 0.4), -1px 0 2px rgba(0, 0, 0, 0.4), 0 -1px 2px rgba(0, 0, 0, 0.4);}

.adaptHeight::after{content:"　"; display:block;}




.u-flex__col3 {
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  max-width: 1280px;
  margin: auto;
  gap: 4rem;
}
.u-flex__col3--item {
  box-sizing: border-box;
  width: calc((100% - 4rem) / 2);
}

.u-flex__col3--item img{
  width: 100%
}


.text_centerplace_2{
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  max-width: 1280px;
  margin: auto;
  gap: 4rem;
}

.text_centerplace_2 img{
  box-sizing: border-box;
  width: calc((100% - 4rem) / 2);
}


.text_centerplace_3{
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  max-width: 1280px;
  margin: auto;
  gap: 4rem;
}

.text_centerplace_3 img{
  box-sizing: border-box;
  width: calc((100% - 4rem) / 2);
}

.text_centerplace_4{
  display: flex;
  flex-wrap: wrap;
  width: 93%;
  max-width: 1280px;
  margin: auto;
  gap: 4rem;
}

.text_centerplace_4 img{
  box-sizing: border-box;
  width: calc((100% - 4rem) / 1);
}

.center_box {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
}

.center_box p {
  display: inline-block;
  text-align: left;
  font-size: 18px;/* 文字サイズ指定 */
}

.center_box c{
  display: inline-block;
  text-align: center;
  font-size: 18px;/* 文字サイズ指定 */
}

.center_box_t{
  display: inline-block;
  text-align: center;
}

/*service*/
.menu_pic{
  text-align: center;
  margin:0 auto;
  max-width: 1280px;
  width:50%;
}

/*price*/
.menu_pic2{
  text-align: center;
  margin:0 auto;
  max-width: 1280px;
  width:90%;
}

@media screen and (max-width : 800px) {
	.twoColumnList li{ display:block; width:100%; padding:0 1rem;}
	.twoColumnList li p{ margin-bottom:2rem;}
	.twoColumnList li:last-child p{ margin-bottom:0;}

	.threeColumnList{ padding:0 1rem;}
	.threeColumnList li{ width:100%; vertical-align:top;}
	.threeColumnList li:nth-child(odd){ padding:2rem 0 0 0;}
	.threeColumnList li:nth-child(even){ padding:2rem 0 0 0;}
	.threeColumnList li dl dt{}
	.threeColumnList li dl dd{ font-size:1rem;}

	.neatLinkLead{ margin:0 auto 1rem;}
	.nextLinkBtn{ height:200px; width:calc(100% - 2rem); margin:0 1rem;}
	.nextLinkBtn.twoColumn{ max-width:initial; display:block; width:calc(100% - 2rem); margin:0 1rem 1rem; padding:0;}
	.nextLinkBtn.fourColumn{ max-width:initial; display:inline-block; width:50%; margin:0; height:180px; border:0.5rem solid #fff;}
	.nextLinkInner > p{ font-size:0.8rem;}
	.nextLinkInner > p > span{ font-size:1rem;}
	.moreBtn{ font-size:0.8rem;}
	.fourColumnWrapper{ margin:0 0.5rem;}
	.nextLinkBtn.h280{ height:200px;}
    .nextLinkBtn.h280only{ height:200px;}
	.nextLinkBtn.twoColumn.h280{ height:200px; margin-left:auto; margin-right:auto;}

    .adaptHeight::after{content:none;}
}



.stepList{ max-width:380px; margin:0 auto; text-align:left;}
.stepList.addBorder{ max-width:calc(380px + 2rem); padding:1rem; border:1px solid #004077;}
.stepList li{ width:100%; padding:0 0 1.2rem; margin-bottom:1rem; background:url(img/recsite_arrow_btm.svg) center bottom no-repeat; background-size:100% 6px;}
.stepList li dl{ display:table; table-layout: fixed; width:100%; color:#004077;}
.stepList li dl dt{ display: table-cell; font-weight:normal; width:20%; font-size:0.8rem;}
.stepList li dl dd{ display: table-cell; font-size:1.2rem; font-weight:normal; width:80%;}
.stepList li dl dd span{ font-size:0.8rem;}
.stepList li:last-child{ background:none; padding:0; margin-bottom:0;}

.tableWrapper{ max-width:860px; margin:0 auto; background:#fff; padding:1rem; font-size:0.8rem;}
.tableWrapper > table{ width:100%;}
.tableWrapper > table th{ position:relative; width:20%; vertical-align: middle; text-align: center; color:#fff; border-bottom:1px solid #004077;}
.tableWrapper > table th span{ position:relative;}
.tableWrapper > table tr:nth-child(odd) th::before{ content:""; position:absolute; top:10px; left:0; height:calc(100% - 20px); width:100%; background:#006d00;}
.tableWrapper > table tr:nth-child(even) th::before{ content:""; position:absolute; top:10px; left:0; height:calc(100% - 20px); width:100%; background:#02c162;}

.tableWrapper > table td{ padding:1rem 0 1rem 1rem; text-align:left; border-bottom:1px solid #004077;}
.tableWrapper > table td h3{ font-weight:bold; margin:1rem 0;}
.tableWrapper > table td dl dt{ font-weight:normal;}
.tableWrapper > table td dl dd{margin-bottom:1rem;}
.tableWrapper > table td dl dd:last-child{margin-bottom:0;}

.tableWrapper > table td > ul > li{ border-bottom:1px solid #004077; padding-bottom:10px; margin-bottom:10px;}
.tableWrapper > table td > ul > li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.tableWrapper > table td ul.stationList > li{ padding:0 0 0 1.4em; position:relative;}
.tableWrapper > table td ul.stationList > li::before{ content:"・"; position:absolute; top:0; left:0em;}
.tableWrapper > table td > ul.salaryList > li{border-bottom:none; padding-bottom:0; margin-bottom:0; padding:0 0 0 1.4em; position:relative;}
.tableWrapper > table td > ul.salaryList > li::before{ content:"・"; position:absolute; top:0; left:0em;}
.tableWrapper > table td > ul.salaryList > li > dl{ display:table; table-layout:fixed; width:100%;}
.tableWrapper > table td > ul.salaryList > li > dl > dt{ display:table-cell; width:13em;}
.tableWrapper > table td > ul.salaryList > li > dl > dd{ display:table-cell;}
.tableWrapper > table td > ul.salaryList > li > dl > dd::before{ content:"："; padding-right:0.5em;}
.tableWrapper > table td ul.discList li{ border:none; padding-bottom:0; list-style-type:disc; list-style-position:outside; margin:0 0 0 1.4em;}
.tableWrapper > table td ol.numList li{ list-style-type:decimal; list-style-position:outside; margin:0 0 1rem 1.4em;}
.tableWrapper > table td ol.numList li:last-child{ margin:0 0 0 1.4em;}

.tableWrapper > table tr:last-child th{ border-bottom:none;}
.tableWrapper > table tr:last-child td{ border-bottom:none;}
.tableWrapper > table.addTopBorder tr:first-child th{ border-top:1px solid #004077;}
.tableWrapper > table.addTopBorder tr:first-child td{ border-top:1px solid #004077;}
.tableWrapper > table.addTopBorder tr:last-child th{ border-bottom:1px solid #004077;}
.tableWrapper > table.addTopBorder tr:last-child td{ border-bottom:1px solid #004077;}

.scheduleTableWrapper{ max-width:860px; margin:0 auto; background:#fff; padding:1rem; position:relative;}
.scheduleTableWrapper > table{ width:100%;}
.scheduleTableWrapper > table th{ width:20%; font-size:1.4rem; color:#004077; text-align:center; vertical-align:middle; padding:1rem 0; border-bottom:1px solid #808080;}
.scheduleTableWrapper > table td{ width:80%; text-align:left; font-size:1rem; padding:1rem 0; border-bottom:1px solid #808080;}
.scheduleTableWrapper > table tr:last-child > th{ border-bottom:none;}
.scheduleTableWrapper > table tr:last-child > td{ border-bottom:none;}

.recsiteBoxType01{ max-width:860px; width:100%; margin:0 auto 4rem; position:relative;display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteBoxType01Primary{ order:1; flex-basis:50%; text-align:left;}
.recsiteBoxType01Primary h3{ display:inline-block; background:#004077; color:#fff; padding:0.2rem 0.5rem;}
.recsiteBoxType01Primary h3.barTitle{ background:none; padding:0;}
.recsiteBoxType01Primary h3.barTitle span {display:inline-block; background:#004077; padding:0.2rem 1rem; margin-bottom:1rem; color:#fff; font-size:1.4rem;}
.recsiteBoxType01Primary p{ margin:1rem 0; font-size:0.8rem;}
.recsiteBoxType01Primary ul{ margin:1rem 0; font-size:0.8rem;}
.recsiteBoxType01Primary ul li{ list-style-type:disc; list-style-position:outside; margin:0 0 0 1.4em;}
.recsiteBoxType01Primary dl{ position:relative;}
.recsiteBoxType01Primary dl::after{ font-size:2.4rem; letter-spacing:0; position:absolute; top:0; left:-2em; line-height:1; color:#004077;}
.recsiteBoxType01Primary dl dt{ font-size:1rem; margin-bottom:1rem;}
.recsiteBoxType01Primary dl dd{ font-size:1rem;}
.recsiteBoxType01Secondary{ order:2; flex-basis:50%; text-align:left; padding-left:2rem;}
.recsiteBoxType01::after{ content:""; position:absolute; z-index:-1; bottom:-2rem; left:38%; height:200px; width:1000px; background:url(img/recsite_box_type1.svg) 0 bottom no-repeat; background-size:100% 100%;}
.recsiteBoxType01.vc::after{ bottom:auto; top:50%; transform:translate(0,-50%);}

.recsiteBoxType01Primary dl.Q1::after{content:"Q.1";}
.recsiteBoxType01Primary dl.Q2::after{content:"Q.2";}
.recsiteBoxType01Primary dl.Q3::after{content:"Q.3";}
.recsiteBoxType01Primary dl.Q4::after{content:"Q.4";}
.recsiteBoxType01Primary dl.Q5::after{content:"Q.5";}
.recsiteBoxType01Primary dl.Q6::after{content:"Q.6";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.7";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.8";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.9";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.10";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.11";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.12";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.13";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.14";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.15";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.16";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.17";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.18";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.19";}
.recsiteBoxType01Primary dl.Q7::after{content:"Q.20";}



.recsiteBoxType02{ max-width:860px; width:100%; margin:0 auto 4rem; position:relative;display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteBoxType02Primary{ order:2; flex-basis:50%; text-align:left;}
.recsiteBoxType02Primary h3{display:inline-block; background:#004077; color:#fff; padding:0.2rem 0.5rem;}
.recsiteBoxType02Primary h3.barTitle{ background:none; padding:0;}
.recsiteBoxType02Primary h3.barTitle span {display:inline-block; background:#004077; padding:0.2rem 1rem; margin-bottom:1rem; color:#fff; font-size:1.4rem;}
.recsiteBoxType02Primary p{ margin:1rem 0; font-size:0.8rem;}
.recsiteBoxType02Primary p.sizeM{ font-size:1rem;}
.recsiteBoxType02Primary ul{ margin:1rem 0; font-size:0.8rem;}
.recsiteBoxType02Primary ul li{ list-style-type:disc; list-style-position:outside; margin:0 0 0 1.4em;}
.recsiteBoxType02Primary dl{ position:relative;}
.recsiteBoxType02Primary dl::after{ font-size:2.4rem; letter-spacing:0; position:absolute; top:0; left:-2em; line-height:1; color:#004077;}
.recsiteBoxType02Primary dl dt{ font-size:1rem; margin-bottom:1rem;}
.recsiteBoxType02Primary dl dd{ font-size:1rem;}
.recsiteBoxType02Secondary{ order:1; flex-basis:50%; text-align:left; padding-right:2rem;}
.recsiteBoxType02Secondary.pt3rem{ padding-top:3.4rem;}
.recsiteBoxType02::after{ content:""; position:absolute; z-index:-1; bottom:-2rem; right:38%; height:200px; width:1000px; background:url(img/recsite_box_type2.svg) 0 bottom no-repeat; background-size:100% 100%;}
.recsiteBoxType02.vc::after{ bottom:auto; top:50%; transform:translate(0,-50%);}

.recsiteBoxType02Primary dl.Q1::after{content:"Q.1";}
.recsiteBoxType02Primary dl.Q2::after{content:"Q.2";}
.recsiteBoxType02Primary dl.Q3::after{content:"Q.3";}
.recsiteBoxType02Primary dl.Q4::after{content:"Q.4";}
.recsiteBoxType02Primary dl.Q5::after{content:"Q.5";}
.recsiteBoxType02Primary dl.Q6::after{content:"Q.6";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.7";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.8";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.9";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.10";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.11";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.12";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.13";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.14";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.15";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.16";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.17";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.18";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.19";}
.recsiteBoxType02Primary dl.Q7::after{content:"Q.20";}


@media screen and (max-width : 800px) {
	.stepList{ margin:0 1rem;}
	.stepList li dl dd{ font-size:1rem;}

	.tableWrapper > table td{ vertical-align:middle;}
	.scheduleTableWrapper > table th{ font-size:1rem; padding:1rem 0;}
	.scheduleTableWrapper > table td{ font-size:0.8rem; font-size:1rem; padding:1rem 0 1rem 1rem;}

    .tableWrapper > table td ul.stationList > li{ padding:0 0 0 1em; letter-spacing:0;}
    .tableWrapper > table td ul.stationList > li::before{ left:-0.2em;}
    .tableWrapper > table td > ul.salaryList > li{ padding:0 0 0 1em;}
    .tableWrapper > table td > ul.salaryList > li::before{ left:-0.2em;}
    .tableWrapper > table td > ul.salaryList > li > dl{ display:block;}
    .tableWrapper > table td > ul.salaryList > li > dl > dt{ display:block; width:auto;}
    .tableWrapper > table td > ul.salaryList > li > dl > dd{ display:block;}
    .tableWrapper > table td > ul.salaryList > li > dl > dd::before{ content:""; padding-right:0;}

	.recsiteBoxType01{ width:100%; margin:0 auto 2rem; flex-direction:column; padding:0 1rem;}
	.recsiteBoxType01Primary{ order:1; flex-basis:100%; width:100%;}
	.recsiteBoxType01Primary dl{ padding-top:2rem;}
	.recsiteBoxType01Primary dl::after{ font-size:1.2rem; top:0; left:0;}
	.recsiteBoxType01Secondary{ order:2; flex-basis:100%; width:100%; padding-left:0; margin-top:1rem;}

    .recsiteBoxType01Primary h3.barTitle span { margin-bottom:10px; font-size:1.2rem;}

	.recsiteBoxType02{ width:100%; margin:0 auto 2rem; flex-direction:column; padding:0 1rem;}
	.recsiteBoxType02Primary{ order:1; flex-basis:100%; width:100%;}
	.recsiteBoxType02Primary dl{ padding-top:2rem;}
	.recsiteBoxType02Primary dl::after{ font-size:1.2rem; top:0; left:0;}
	.recsiteBoxType02Secondary{ order:2; flex-basis:100%; width:100%; padding-right:0; margin-top:1rem;}
	.recsiteBoxType02Secondary.pt3rem{ padding-top:0;}

    .recsiteBoxType02Primary h3.barTitle span { margin-bottom:10px; font-size:1.2rem;}
}




.recsiteMessageWrapper p{ font-size:1rem; margin:2rem auto;}

.recsiteProjectMemberWrapper{ margin:0 auto 4rem;}
.recsiteProjectMemberWrapper ul li{ display:inline-block; max-width:320px; width:100%; text-align:left; font-size:0.8rem; padding:0 1rem; vertical-align:top;}
.recsiteProjectMemberWrapper ul li img{ margin-bottom:1rem;}
.recsiteProjectMemberName{ margin:1rem 0; font-size:0.8rem;}
.recsiteProjectMemberName span:nth-child(1){ display:inline-block; font-size:1rem; margin-right:1rem;}
.recsiteProjectMemberEng{ color:#004077; font-size:0.8rem;}
.recsiteProjectMemberEng.colorWhite{ color:#FFF;}
.recsiteProjectMemberEng.colorBlack{ color:#000;}

.recsiteBoxType03{ position:relative; overflow:hidden; width:100%; padding-bottom:2rem; margin-bottom:6rem;}
.recsiteBoxType03.mb2rem{ margin-bottom:2rem;}
.recsiteBoxType03::after{ content:""; position:absolute; z-index:-1; top:200px; right:10%; height:400px; width:2000px; background:url(img/recsite_box_type3.svg) right top no-repeat; background-size:cover;}
.recsiteBoxType03Wrapper{ max-width:860px; width:100%; text-align:left; margin:0 auto 0;}
.recsiteBoxType03Wrapper p{ font-size:0.8rem;}
.recsiteBoxType03Wrapper > dl{ margin-top:1rem;}
.recsiteBoxType03Wrapper > dl > dt{ font-size:1rem;}
.recsiteBoxType03Wrapper > dl > dd{ font-size:0.8rem;}
.recsiteBoxType03Main{ position:relative; width:100%; margin:0 0 1rem; text-align:right;}
.recsiteBoxType03Main img{ width:70%; height:auto;}
.recsiteBoxType03Main dl dt{ position:absolute; top:0; left:0; text-align:left;}
.recsiteBoxType03Main dl dd{ position:absolute; bottom:0; left:0; text-align:left;}
.recsiteBoxType03Main dl dd div span{display:inline-block; background:rgba(0, 109, 0, 0.85); color:#fff; padding:0.2rem 1rem; font-size:1.4rem; margin:0 0 1rem 0;}

.recsiteBoxType04{ position:relative; overflow:hidden; width:100%; padding-bottom:2rem; margin-bottom:6rem;}
.recsiteBoxType04::after{ content:""; position:absolute; z-index:-1; top:200px; left:30%; height:400px; width:2000px; background:url(img/recsite_box_type4.svg) left bottom no-repeat; background-size:cover;}
.recsiteBoxType04Wrapper{ max-width:860px; width:100%; text-align:left; margin:0 auto 0;}
.recsiteBoxType04Wrapper p{ font-size:0.8rem;}
.recsiteBoxType04Wrapper > dl{ margin-top:1rem;}
.recsiteBoxType04Wrapper > dl > dt{ font-size:1rem;}
.recsiteBoxType04Wrapper > dl > dd{ font-size:0.8rem;}
.recsiteBoxType04Main{ position:relative; width:100%; margin:0 0 1rem;}
.recsiteBoxType04Main img{ width:70%; height:auto;}
.recsiteBoxType04Main dl dt{ position:absolute; top:0; right:0; text-align:right;}
.recsiteBoxType04Main dl dd{ position:absolute; bottom:0; right:0; text-align:right;}
.recsiteBoxType04Main dl dd div span{ display:inline-block; background:rgba(0, 109, 0, 0.85); color:#fff; padding:0.2rem 1rem; font-size:1.4rem; margin:0 0 1rem 0;}

.recsiteBoxType05Wrapper{ position:relative; padding-bottom:2rem; margin:4rem auto 4rem;}
.recsiteBoxType05Wrapper::after{ content:""; position:absolute; z-index:-1; bottom:0; left:10%; height:200px; width:2000px; background:url(img/recsite_box_type5.svg) left bottom no-repeat; background-size:cover;}
.recsiteBoxType05{ max-width:860px; width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteBoxType05Primary{ order:1; flex-basis:50%; text-align:left; width:50%;}
.recsiteBoxType05Secondary{ order:2; flex-basis:50%; text-align:left; width:50%; padding-left:2rem;}
.recsiteBoxType05Primary dl{ position:relative; padding-top:4rem;}
.recsiteBoxType05Primary dl dt{ margin-bottom:1rem;}
.recsiteBoxType05Primary dl dd{ font-size:0.8rem; padding:0 0 0 3rem; background:url(img/recsite_a_text.svg) 0 0 no-repeat; background-size:2rem;}
.recsiteBoxType05Primary dl.Q1::after{ content:""; position:absolute; top:0; left:0; height:3rem; width:6rem; background:url(img/recsite_q1_text.svg) 0 0 no-repeat; background-size:contain;}
.recsiteBoxType05Primary dl.Q3::after{ content:""; position:absolute; top:0; left:0; height:3rem; width:6rem; background:url(img/recsite_q3_text.svg) 0 0 no-repeat; background-size:contain;}

.recsiteBoxType06Wrapper{ position:relative; padding-bottom:2rem; margin:4rem auto 4rem;}
.recsiteBoxType06Wrapper.mb0{ margin-bottom:0;}
.recsiteBoxType06Wrapper::after{ content:""; position:absolute; z-index:-1; bottom:0; right:10%; height:200px; width:2000px; background:url(img/recsite_box_type6.svg) right bottom no-repeat; background-size:cover;}
.recsiteBoxType06{ max-width:860px; width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteBoxType06Primary{ order:2; flex-basis:50%; text-align:left; width:50%;}
.recsiteBoxType06Secondary{ order:1; flex-basis:50%; text-align:left; width:50%; text-align:left; width:50%; padding-right:2rem;}
.recsiteBoxType06Primary dl{ position:relative; padding-top:4rem; text-align:left;}
.recsiteBoxType06Primary dl dt{ margin-bottom:1rem;}
.recsiteBoxType06Primary dl dd{ font-size:0.8rem; padding:0 0 0 3rem; background:url(img/recsite_a_text.svg) 0 0 no-repeat; background-size:2rem; text-align:left;}
.recsiteBoxType06Primary dl.Q2::after{ content:""; position:absolute; top:0; right:0; height:3rem; width:6rem; background:url(img/recsite_q2_text.svg) right 0 no-repeat; background-size:contain;}
.recsiteBoxType06Primary dl.Q4::after{ content:""; position:absolute; top:0; right:0; height:3rem; width:6rem; background:url(img/recsite_q4_text.svg) right 0 no-repeat; background-size:contain;}

.recsiteThreeMinutesText p{ font-size:1rem;}
.recsiteThreeMinutesPhoto{ margin:4rem auto;}
.recsiteThreeMinutesPhoto.mb0{ margin-bottom:0;}
.recsiteThreeMinutesPhoto.picSizeS img{ max-width:420px; width:100%;}
.recsiteThreeMinutesPhoto.picSizeM img{ max-width:960px; width:100%;}
.recsiteThreeMinutesPhoto.picSizeMS img{ max-width:680px; width:100%;}

.recsiteThreeMinutesTitleBg1{ position:relative; padding:4rem 0 4rem 0; top:-8rem; margin-bottom:-4rem; margin-left:20%; overflow:hidden;}
.recsiteThreeMinutesTitleBg1::before{ content:""; position:absolute; top:0; left:20%; width:1200px; height:200px; background:url(img/recsite_threeminutes_titlebg1_ver2.svg) 0 0 no-repeat; background-size:cover;}
.recsiteThreeMinutesTitleBg1 span{ color:#fff; font-size:1.4rem; position:relative; text-align:right; display:inline-block;}

.recsiteThreeMinutesTitleBg2{ position:relative; padding:4rem 0 4rem 0; top:-8rem; margin-bottom:-4rem; margin-right:20%; overflow:hidden;}
.recsiteThreeMinutesTitleBg2::before{ content:""; position:absolute; top:0; right:20%; width:1200px; height:200px; background:url(img/recsite_threeminutes_titlebg2_ver2.svg) right 0 no-repeat; background-size:cover;}
.recsiteThreeMinutesTitleBg2 span{ color:#fff; font-size:1.4rem; position:relative; text-align:left; display:inline-block;}

.recsiteThreeMinutesText{ max-width:720px; margin-left:auto; margin-right:auto;}

.recsiteTwoColumn{ max-width:860px; width:100%; margin:4rem auto; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteTwoColumnPrimary{ order:1; flex-basis:50%; text-align:left; width:50%;}
.recsiteTwoColumnSecondary{ order:2; flex-basis:50%; text-align:left; width:50%; padding-left:2rem;}
.recsiteTwoColumnPrimary h3{ margin-bottom:10px;}
.recsiteTwoColumnPrimary h3 span{ display:inline-block; background:#004077; padding:0.2rem 1rem; margin-bottom:1rem; color:#fff; font-size:1.4rem;}
.recsiteTwoColumnPrimary dl{ font-size:0.8rem;} 
.recsiteTwoColumnPrimary dl dt{ margin-bottom:1rem;}

.recsiteTwoColumn2{ max-width:860px; width:100%; margin:4rem auto; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteTwoColumn2Primary{ order:2; flex-basis:50%; text-align:left; width:50%;}
.recsiteTwoColumn2Secondary{ order:1; flex-basis:50%; text-align:left; width:50%; padding-right:2rem;}
.recsiteTwoColumn2Primary h3{ margin-bottom:10px;}
.recsiteTwoColumn2Primary h3 span{ display:inline-block; background:#004077; padding:0.2rem 1rem; margin-bottom:1rem; color:#fff; font-size:1.4rem;}
.recsiteTwoColumn2Primary dl{ font-size:0.8rem;} 
.recsiteTwoColumn2Primary dl dt{ margin-bottom:1rem;}

.recsiteMemberList{ max-width:960px; width:100%; margin:0 auto; text-align:left;}
.recsiteMemberList > li{ display:inline-block; width:33.33%; padding:2rem 1rem 4rem;}
.recsiteMemberList > li > a{ position:relative; display:block;}
.recsiteMemberList > li > a:hover{ opacity:0.7;}
.recsiteMemberList > li > a > div{ background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.4); position:absolute; bottom:-2rem; left:10px; width:calc(100% - 20px); padding:0.5rem 10px; text-align:left; min-height:110px;}
.recsiteMemberList > li > a > div > p{ font-size:0.8rem;}
.recsiteMemberList > li > a > div > ul > li{display:inline-block; padding-right:5px; font-size:0.7rem; color:#004077;}
.recsiteMemberNoPhoto{ position:absolute; top:40%; left:50%; transform: translate(-50%,-50%); color:#fff;}
.recsiteMemberList > li > span{ position:relative; display:block;}
.recsiteMemberList > li > span > div{ background:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.4); position:absolute; bottom:-2rem; left:10px; width:calc(100% - 20px); padding:0.5rem 10px; text-align:left; min-height:110px;}
.recsiteMemberList > li > span > div > p{ font-size:0.8rem;}
.recsiteMemberList > li > span > div > ul > li{display:inline-block; padding-right:5px; font-size:0.7rem; color:#004077;}

.recsiteMemberList > li:nth-child(1) > a::after{ content:"01"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(2) > a::after{ content:"02"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(3) > a::after{ content:"03"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(4) > a::after{ content:"04"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(5) > a::after{ content:"05"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(6) > a::after{ content:"06"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(7) > a::after{ content:"07"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(8) > a::after{ content:"08"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(9) > a::after{ content:"09"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(10) > a::after{ content:"10"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(4) > span::after{ content:"04"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(6) > span::after{ content:"06"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(8) > span::after{ content:"08"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(5) > span::after{ content:"05"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}
.recsiteMemberList > li:nth-child(3) > span::after{ content:"03"; position:absolute; top:-3rem; left:10px; color:#004077; font-size:3.2rem; letter-spacing:0;}

.recsiteBoxType07{ max-width:860px; width:100%; margin:0 auto 4rem; position:relative;display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteBoxType07Primary{ order:1; flex-basis:50%; text-align:left;}
.recsiteBoxType07Primary h3{ position:relative; font-size:1.2rem; padding-top:3.6rem;}
.recsiteBoxType07Primary h3.pt0{ padding-top:0;}
.recsiteBoxType07Primary p{ margin:1rem 0; font-size:0.8rem;}
.recsiteBoxType07Secondary{ order:2; flex-basis:50%; text-align:left; padding-left:2rem;}
.recsiteBoxType07::after{ content:""; position:absolute; z-index:-1; bottom:-2rem; left:0%; height:200px; width:1600px; background:url(img/recsite_box_type1.svg) 0 bottom no-repeat; background-size:cover;}
.recsiteBoxType07Primary h3.M1::after{content:"01"; line-height:1; position:absolute; top:0; left:0; font-size:3.2rem; letter-spacing:0; color:#004077;}
.recsiteBoxType07Primary h3.M3::after{content:"03"; line-height:1; position:absolute; top:0; left:0; font-size:3.2rem; letter-spacing:0; color:#004077;}

.recsiteBoxType08{ max-width:860px; width:100%; margin:0 auto 4rem; position:relative;display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; align-content: flex-start;}
.recsiteBoxType08Primary{ order:2; flex-basis:50%; text-align:left;}
.recsiteBoxType08Primary h3{position:relative; font-size:1.2rem; padding-top:3.6rem; text-align:left;}
.recsiteBoxType08Primary h3.pt0{ padding-top:0;}
.recsiteBoxType08Primary p{ margin:1rem 0; font-size:0.8rem;}
.recsiteBoxType08Secondary{ order:1; flex-basis:50%; text-align:left; padding-right:2rem;}
.recsiteBoxType08::after{ content:""; position:absolute; z-index:-1; bottom:-2rem; right:0%; height:200px; width:1600px; background:url(img/recsite_box_type2.svg) 0 bottom no-repeat; background-size:cover; transform:scale(1, -1);}
.recsiteBoxType08Primary h3.M2::after{content:"02"; line-height:1; position:absolute; top:0; right:0; font-size:3.2rem; letter-spacing:0; color:#004077;}
.recsiteBoxType08Primary h3.M4::after{content:"04"; line-height:1; position:absolute; top:0; right:0; font-size:3.2rem; letter-spacing:0; color:#004077;}

.recsiteEntryLinkWrapper{ margin:4rem auto 4rem; max-width:1336px; width:100%;}
.recsiteEntryLinkWrapper > ul > li:nth-child(1){ display:inline-block; width:50%; position:relative; left:20px;}
.recsiteEntryLinkWrapper > ul > li:nth-child(2){ display:inline-block; width:50%; position:relative; right:20px;}
.recsiteEntryLinkWrapper > ul > li a:hover{ opacity:0.7;}

.educationPicWrapper{ max-width:860px; width:100%; margin:0 auto;}
.welfarePicWrapper{ max-width:720px; width:100%; margin:0 auto;}



.recsiteTwoColumnPrimary dl.fs1{ font-size:1rem;}
.recsiteTwoColumn2Primary dl.fs1{ font-size:1rem;}
.recsiteBoxType07Primary.fs1 p{ font-size:1rem;}
.recsiteBoxType08Primary.fs1 p{ font-size:1rem;}
.twoColumnList li p.fs1{ font-size:1rem;}
.threeColumnList li p.fs1{ font-size:1rem;}
.recsiteBoxType03Wrapper.fs1 > dl > dd{ font-size:1rem;}
.recsiteBoxType04Wrapper.fs1 > dl > dd{ font-size:1rem;}
.recsiteBoxType05Primary.fs1 dl dd{ font-size:1rem;}
.recsiteBoxType06Primary.fs1 dl dd{ font-size:1rem;}
.recsiteBoxType01Primary.fs1 ul{ font-size:1rem;}
.recsiteBoxType02Primary.fs1 ul{ font-size:1rem;}
.recsiteBoxType01Primary.fs1 dl dd{ font-size:1rem;}
.recsiteBoxType02Primary.fs1 dl dd{ font-size:1rem;}

@media screen and (max-width : 800px) {
/*
.recsiteTwoColumnPrimary dl.fs1{ font-size:0.8rem;}
.recsiteTwoColumn2Primary dl.fs1{ font-size:0.8rem;}
.recsiteBoxType07Primary.fs1 p{ font-size:0.8rem;}
.recsiteBoxType08Primary.fs1 p{ font-size:0.8rem;}
.twoColumnList li p.fs1{ font-size:0.8rem;}
.threeColumnList li p.fs1{ font-size:0.8rem;}
.recsiteBoxType03Wrapper.fs1 > dl > dd{ font-size:0.8rem;}
.recsiteBoxType04Wrapper.fs1 > dl > dd{ font-size:0.8rem;}
.recsiteBoxType05Primary.fs1 dl dd{ font-size:0.8rem;}
.recsiteBoxType06Primary.fs1 dl dd{ font-size:0.8rem;}
.recsiteBoxType01Primary.fs1 ul{ font-size:0.8rem;}
.recsiteBoxType02Primary.fs1 ul{ font-size:0.8rem;}
.recsiteBoxType01Primary.fs1 dl dd{ font-size:0.8rem;}
.recsiteBoxType02Primary.fs1 dl dd{ font-size:0.8rem;}
*/
}

@media screen and (max-width : 800px) {
	.recsiteMessageWrapper{ padding:0 1rem;}
	.recsiteMessageWrapper p{ text-align:left;}
	.recsiteMessageWrapper p br{ display:none;}

	.recsiteProjectMemberWrapper{ margin:0 auto 0;}
	.recsiteProjectMemberWrapper ul li dl{ margin-bottom:1rem;}

	.recsiteBoxType03{ margin-bottom:2rem;}
	.recsiteBoxType03::after{ bottom:1rem;}
	.recsiteBoxType03Wrapper p{ padding:0 1rem;}
    .recsiteBoxType03Wrapper > dl{ padding:0 1rem;}
	.recsiteBoxType03Main img{ width:80%;}
	.recsiteBoxType03Main dl dt{ top:5px; left:5px;}
	.recsiteBoxType03Main dl dt img{ width:100px; height:auto;}
	.recsiteBoxType03Main dl dd div span{ font-size:1rem; margin:0 0 5px 0;}
	
	.recsiteBoxType04{ margin-bottom:2rem;}
	.recsiteBoxType04::after{ bottom:1rem; left:30%;}
	.recsiteBoxType04Wrapper p{ padding:0 1rem;}
    .recsiteBoxType04Wrapper > dl{ padding:0 1rem;}
    .recsiteBoxType04Main img{ width:80%;}
	.recsiteBoxType04Main dl dt{ top:5px; right:5px;}
	.recsiteBoxType04Main dl dt img{ width:100px; height:auto;}
	.recsiteBoxType04Main dl dd div span{ font-size:1rem; margin:0 0 5px 0;}


	.recsiteBoxType05Wrapper{ padding-bottom:2rem; margin:2rem auto 2rem;}
	.recsiteBoxType05Wrapper::after{ bottom:1rem; left:0;}
	.recsiteBoxType05{ flex-direction:column;}
	.recsiteBoxType05Primary{ order:1; flex-basis:100%; width:100%; padding:0 1rem;}
	.recsiteBoxType05Secondary{ order:2; flex-basis:100%; width:100%; padding:1rem 1rem 0;}
	.recsiteBoxType05Primary dl{ padding-top:2rem;}
	.recsiteBoxType05Primary dl dd{ padding:0 0 0 2.8rem; background-size:1.8rem;}
	.recsiteBoxType05Primary dl.Q1::after{ height:1.4rem; width:6rem;}
	.recsiteBoxType05Primary dl.Q3::after{ height:1.4rem; width:6rem;}
	
	.recsiteBoxType06Wrapper{ padding-bottom:2rem; margin:2rem auto 2rem;}
	.recsiteBoxType06Wrapper::after{ bottom:0; right:10%;}
	.recsiteBoxType06{ flex-direction:column;}
	.recsiteBoxType06Primary{ order:1; flex-basis:100%; width:100%; padding:0 1rem;}
	.recsiteBoxType06Secondary{ order:2; flex-basis:100%; width:100%; padding:1rem 1rem 0;}
	.recsiteBoxType06Primary dl{ padding-top:2rem;}
	.recsiteBoxType06Primary dl dd{ padding:0 0 0 2.8rem; background-size:1.8rem;}
	.recsiteBoxType06Primary dl.Q2::after{ height:1.4rem; width:6rem;}
	.recsiteBoxType06Primary dl.Q4::after{ height:1.4rem; width:6rem;}


	.recsiteThreeMinutesText{ padding:0 1rem;}
	.recsiteThreeMinutesText p br{ display:none;}
	.recsiteThreeMinutesText p{ text-align:left; font-size:0.8rem;font-size:1rem;}
	.recsiteThreeMinutesPhoto{ margin:2rem auto; padding:0 1rem;}
	.recsiteThreeMinutesTitleBg1{ padding:1rem 1rem 1rem 0; top:-4rem; margin-bottom:-3rem; margin-left:0; text-align:right;}
	.recsiteThreeMinutesTitleBg1::before{ left:0; width:800px; height:100px; background:url(img/recsite_threeminutes_titlebg1_ver2.svg) 0 top no-repeat; background-size:auto 110px;}
	.recsiteThreeMinutesTitleBg1 span{ font-size:1rem;}
	
	.recsiteThreeMinutesTitleBg2{ padding:1rem 0 1rem 1rem; top:-4rem; margin-bottom:-3rem; margin-right:0; text-align:left;}
	.recsiteThreeMinutesTitleBg2::before{ right:0; width:800px; height:100px; background:url(img/recsite_threeminutes_titlebg2_ver2.svg) right 0 no-repeat; background-size:auto 110px;}
	.recsiteThreeMinutesTitleBg2 span{ font-size:1rem;}
	
	.recsiteTwoColumn{ margin:2rem auto; flex-direction:column;}
	.recsiteTwoColumnPrimary{ order:1; flex-basis:100%; width:100%;}
	.recsiteTwoColumnSecondary{ order:2; flex-basis:100%; width:100%; padding:1rem 1rem 0;}
	.recsiteTwoColumnPrimary h3{ margin:0 1rem 10px;}
	.recsiteTwoColumnPrimary h3 span{ padding:0.2rem 0.5rem; font-size:1rem; margin-bottom:5px;}
	.recsiteTwoColumnPrimary dl{ padding:0 1rem;}
	
	.recsiteTwoColumn2{ margin:2rem auto; flex-direction:column;}
	.recsiteTwoColumn2Primary{ order:1; flex-basis:100%; text-align:left; width:100%;}
	.recsiteTwoColumn2Secondary{ order:2; flex-basis:100%; text-align:left; width:100%; padding:1rem 1rem 0;}
	.recsiteTwoColumn2Primary h3{ margin:0 1rem 10px;}
	.recsiteTwoColumn2Primary h3 span{ padding:0.2rem 0.5rem; margin-bottom:5px; font-size:1rem;}
	.recsiteTwoColumn2Primary dl{ padding:0 1rem;}

	.recsiteMemberList{ padding:0 1rem;}
	.recsiteMemberList > li{ width:100%; margin:0 auto; padding:2rem 1rem 4rem;}
	.recsiteMemberList > li:nth-child(odd){}
	.recsiteMemberList > li:nth-child(even){}
	.recsiteMemberList > li:nth-child(1) > a::after{ }
	.recsiteMemberList > li:nth-child(2) > a::after{ }
	.recsiteMemberList > li:nth-child(3) > a::after{ }
	.recsiteMemberList > li:nth-child(4) > a::after{ }
	.recsiteMemberList > li:nth-child(5) > a::after{ }
	.recsiteMemberList > li:nth-child(6) > a::after{ }
	.recsiteMemberList > li:nth-child(7) > a::after{ }
	.recsiteMemberList > li:nth-child(8) > a::after{ }
	.recsiteMemberList > li:nth-child(9) > a::after{ }
	.recsiteMemberList > li:nth-child(10) > a::after{ }
	
	.recsiteBoxType07{ margin:0 auto 2rem; flex-direction:column;}
	.recsiteBoxType07Primary{ order:1; flex-basis:100%; width:100%; padding:0 1rem;}
	.recsiteBoxType07Primary h3{ font-size:1rem; padding-top:2rem;}
	.recsiteBoxType07Secondary{ order:2; flex-basis:100%; width:100%; padding:0 1rem;}
	.recsiteBoxType07::after{ bottom:-1rem; left:0%;}
	.recsiteBoxType07Primary h3.M1::after{ font-size:1.8rem;}
	.recsiteBoxType07Primary h3.M3::after{ font-size:1.8rem;}
	
	.recsiteBoxType08{ margin:0 auto 2rem; flex-direction:column;}
	.recsiteBoxType08Primary{ order:1; flex-basis:100%; width:100%; padding:0 1rem;}
	.recsiteBoxType08Primary h3{ font-size:1rem; padding-top:2rem;}
	.recsiteBoxType08Secondary{ order:2; flex-basis:100%; width:100%; padding:0 1rem;}
	.recsiteBoxType08::after{ bottom:-1rem; right:0%;}
	.recsiteBoxType08Primary h3.M2::after{ font-size:1.8rem;}
	.recsiteBoxType08Primary h3.M4::after{ font-size:1.8rem;}
	
	.recsiteEntryLinkWrapper{ margin:2rem auto 0; padding:0 10px;}
	.recsiteEntryLinkWrapper > ul > li:nth-child(1){ display:block; width:100%; left:0; text-align:left;}
	.recsiteEntryLinkWrapper > ul > li:nth-child(1) a img{ width:80%;}
	.recsiteEntryLinkWrapper > ul > li:nth-child(2){ display:block; width:100%; right:0; text-align:right; margin:10px 0 0;}
	.recsiteEntryLinkWrapper > ul > li:nth-child(2) a img{ width:80%;}

	.recsiteMessageWrapper p{ font-size:0.8rem; font-size:1rem;}
}



#recsiteBusinessPic1 img{ max-width:640px; width:100%;}

#toTopMessage{ background:url(img/to_topmessage_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toProject01{ background:url(img/to_project01_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toProject02{ background:url(img/to_project02_btn_ver2.jpg) center center no-repeat; background-size:cover;}
#toMessage{ background:url(img/to_message_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toWelfare{ background:url(img/to_welfare_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toFresh{ background:url(img/to_fresh_btn_lower_ver2.jpg) center 0 no-repeat;  background-size:cover;}
#toCareer{ background:url(img/to_career_btn_lower.jpg) center center no-repeat;  background-size:cover;}
#toTraining{ background:url(img/to_training_btn_lower.jpg) center center no-repeat;  background-size:cover;}
#toFAQ{ background:url(img/to_faq_btn_lower.jpg) center center no-repeat;  background-size:cover;}
#toBusiness{ background:url(img/to_business_btn_lower.jpg) center center no-repeat;  background-size:cover;}
#toThreeMinutes{background:url(img/to_threeminutes_btn_lower.jpg) center center no-repeat;  background-size:cover;}

#toPeople{background:url(img/to_people_btn_lower.jpg) center center no-repeat;background-size:cover;}
#toPeople01{ background:url(img/to_people01_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toPeople02{ background:url(img/to_people02_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toPeople03{ background:url(img/to_people03_btn_lower_ver2.jpg) 50% center no-repeat; background-size:cover;}
#toPeople04{ background:url(img/to_people04_btn_lower.jpg) 90% center no-repeat; background-size:cover;}
#toPeople05{ background:url(img/to_people05_btn_lower.jpg) 80% center no-repeat; background-size:cover;}
#toPeople06{ background:url(img/to_people06_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toPeople07{ background:url(img/to_people07_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toPeople08{ background:url(img/to_people08_btn_lower.jpg) 60% center no-repeat; background-size:cover;}
#toPeople09{ background:url(img/to_people09_btn_lower.jpg) center center no-repeat; background-size:cover;}
#toPeople10{ background:url(img/to_people10_btn_lower.jpg) center center no-repeat; background-size:cover;}

#toCrossTalk01{  background:url(img/comingsoon_bg.jpg) center center no-repeat; background-size:cover;}
#toCrossTalk02{  background:url(img/comingsoon_bg.jpg) center center no-repeat; background-size:cover;}



#recsiteIndexCat1 #toThreeMinutes{background:url(img/to_threeminutes_btn_ver2.jpg) center center no-repeat;  background-size:cover;}
#recsiteIndexCat1 #toTopMessage{ background:url(img/to_topmessage_btn_ver5.jpg) center center no-repeat; background-size:cover;}
#indexToBusiness{ background:url(img/to_business_btn_ver2.jpg) center center no-repeat;  background-size:cover; height:180px; width:320px; margin:0 10px 0 auto;}
#recsiteIndexCat2 #toProject01{ background:url(img/to_project01_btn_ver2.jpg) center center no-repeat; background-size:cover;}
#recsiteIndexCat3 #toPeople{background:url(img/to_people_btn_ver3.jpg) center center no-repeat;background-size:cover;}
#recsiteIndexCat4 #toCareer{ background:url(img/to_career_btn_ver4.jpg) center 0 no-repeat;  background-size:cover;}
#recsiteIndexCat4 #toCareer .nextLinkInner{ top:60%;}
#recsiteIndexCat4 #toFresh{ background:url(img/to_fresh_btn_ver4.jpg) center 0 no-repeat;  background-size:cover;}
#recsiteIndexCat4 #toFresh .nextLinkInner{ top:60%;}
#recsiteIndexCat4 #toMessage{ background:url(img/to_message_btn_ver3.jpg) center center no-repeat; background-size:cover;}
#recsiteIndexCat4 #toWelfare{ background:url(img/to_welfare_btn_ver2.jpg) center center no-repeat; background-size:cover;}
#recsiteIndexCat4 #toTraining{ background:url(img/to_training_btn_ver2.jpg) center center no-repeat;  background-size:cover;}
#recsiteIndexCat4 #toFAQ{ background:url(img/to_faq_btn_ver2.jpg) center center no-repeat;  background-size:cover;}

@media screen and (max-width : 800px) {
	#recsiteBusinessPic1{ padding:0 1rem;}
	#indexToBusiness{ height:200px; width:100%; margin:0;}

	.spDispBlock{ display:block; padding:1rem 0;}
}