@charset "UTF-8";

body{
	margin-top: 100px;
}
.ffamly01{
	font-family: "Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif!important;
}

@media screen and (max-width: 767px) {
	body{
		margin-top: 61px;
	}
}

/* ▼テキストカラー▼ */
.fc01{
	color:#72ba24!important;
}
.fc02{
	color: #72ba24!important;
}

/* ▼背景色▼ */
.bgC01{
	background:#72ba24!important;
}


/* ▼ヘッダー▼ */
.l-header1{
	width:100%;
	min-width:1024px;
	border-top:solid 8px #72ba24;
	position:fixed;
	float: left;
	height:100px;
	background:#fff;
	z-index:1000;
    top: 0;
}
.c-headerEntryBtn{
	position:absolute;
	right:0;
	top:0;
	z-index: 9;
}
.p-headerLogo{
	float:left;
	padding:25px 0 0 20px;
}
.p-headerLinkBox{
	float:right;
	display:table;
	height:80px;
	margin-right:20px;
	margin:10px 20px 10px 0;
}
.l-headerLink{
	display:table-cell;
	vertical-align: middle;
	height:78px;
	margin:10px 0px;
	width:108px;
	position:relative;
	border-left: 1px solid #dcdcdc;
	border-bottom:solid 2px #fff;
}
.l-headerLink:hover{
	border-bottom:solid 2px #72ba24;
}
.c-headerLinkTxt1{
	text-align:center;
	font-size:10px;
	color:#72ba24;
	letter-spacing:0em;
}
.c-headerLinkTxt2{
	font-size:16px;
	color:#999999;
	text-align:center;
	letter-spacing: 0em;
	margin-top: 5px;
}
.l-headerMenuIn{
	width:100%;
}
.c-headerMenuBtn{
	background:#72ba24;
	color:#fff;
	font-size:14px;
	margin-bottom:1px;
}
.c-headerMenuBtn a{
	color:#fff;
}


/* ドロップダウンメニュー */
.dropmenu{
  *zoom: 1;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li ul li a{
  padding:10px 0;
  background: #72ba24;
  text-align: center;
  display:block;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
}
.dropmenu li a:hover{
  background: #616d0b;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 80px;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 200px;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
}
.dropmenu li a:hover{
  background: #616d0b;
}
#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
  text-align: center;
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}
#flip2 ul li:nth-child(6) {
  transition-delay: .5s;
}
#flip2 ul li:nth-child(7) {
  transition-delay: .6s;
}

/* スマホメニュー */
.l-headerSp{
	width: 100%;
    border-top: solid 8px #72ba24;
    height: 53px;
    z-index: 999;
    position: fixed;
    background: #fff;
    top: 0;
}
.c-headerSpLogo{
	width: 50%;
    float: left;
    margin-top: 10px;
}
.c-headerSpBtnTit{
	color:#fff;
	font-size:16px;
	width:100%;
	text-align:center;
	padding:5px 0;
	font-weight:bold;
	display: inline-block;
}
.c-headerSpBtnTit a{
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
.c-headerSpBtn{
	color:#fff;
	font-size:16px;
	width:100%;
	text-align:center;
	padding:5px 0;
}
.c-headerSpBtn a{
	display:block;
	color:#fff;
	font-size:16px;
}
.c-headerSpBtnList{
	margin-top:10px;
	border-bottom:1px solid #fff;
}







/* ▲ヘッダー▲ */

/* ▼フッター▼ */
.l-footer1{
	width:100%;
	float:left;
	border-top:solid 10px #63ab15;
	background:#fff;
	height:118px;
}
.l-footer2{
	width:1024px;
	margin:auto;
}
.l-footer3{
	width:984px;
	padding:0 20px;
}
.l-footerTop{
	width:100%;
	float:left;
	border-bottom:1px solid #72ba24;
	height:66px;
}
.c-footerLogo{
	float:left;
	margin-top:17px;
	width:180px;
}
.l-footerLinkBox{
	float:right;
	display:table;
	height: 66px;
}
.c-footerLink{
	display: table-cell;
    padding: 0 18px;
    vertical-align: middle;
    border-right: 1px solid #63ab15;
    height: 12px;
    float: left;
    margin: 27px 0;
    line-height: 12px;
}
.c-footerLink:last-child{
	border:none;
}
.c-footerLink a{
	font-size: 12px;
    letter-spacing: -0em!important;
	color:#63ab15;
}
.c-footerLink a:hover{
	color:#3a650c;
}
.l-footerBtm{
	width:100%;
	float:left;
	height:61px;
}
.c-footerCopy{
	font-size:11px;
	color:#63ab15;
	display: table-cell;
	float: left;
	margin-top: 20px;
	text-align:right;
	width: 100%;
}
.l-footerBtmLinkBox{
	float:right;
	display:table;
	height: 61px;
}
.c-footerBtmLinkBnr{
	display:table-cell;
	padding:0 10px;
	vertical-align: middle;
}
.c-footerBtmLink{
	display:table-cell;
	padding: 0 0 0 10px;
	vertical-align: middle;
}
.c-footerBtmLink a{
	font-size:11px;
	color:#fff!important;
	letter-spacing: -0.1em!important;
}


@media screen and (max-width: 767px) {
	.l-footer1{
	width:100%;
	float:left;
	border-top:solid 10px #72ba24;
	height:auto;
	}
	.l-footer2{
	width:100%;
	margin:auto;
	}
	.l-footer3{
	width:90%;
	padding:0 5%;
	}
	.l-footerTop{
	width:100%;
	float:left;
	border-bottom:1px solid #fff;
	height:auto;
	padding-bottom:10px;
	}
	.c-footerLogo{
	float:left;
	margin-top:10px;
	width:100%;
	text-align:center;
	}
	.c-footerLogo img{
	display:inline-block;
	}
	.l-footerLinkBox{
	float:right;
	display:table;
	height: auto;
	}
	.c-footerLink{
	display:inline-block;
	vertical-align: middle;
	margin:10px 0;
	}
	.c-footerLink:last-child {
    border-right: 1px solid #63ab15;
	}
	.c-footerLink:first-child {
    border-left: 1px solid #63ab15;
	}
	.l-footerBtm{
	width:100%;
	float:left;
	height:auto;
	}
	.c-footerCopy{
	font-size:11px;
	color:#63ab15;
	display: inline-block;
	height:auto;
	float: left;
	margin-top: 0px;
	width:100%;
	text-align:center;
	}
	.l-footerBtmLinkBox{
	float:left;
	display:inline-block;
	height: auto;
	}
	.c-footerBtmLinkBnr{
	display:inline-block;
	width:100%;
	float:left;
	text-align:center;
	padding:10px 0;
	vertical-align: middle;
	}
	.c-footerBtmLinkBnr img{
	display:inline-block;
	}
	.c-footerBtmLink{
	display:inline-block;
	padding:10px;
	vertical-align: middle;
	width: 50%;
    box-sizing: border-box;
    float: left;
    text-align: center;
	}
}
/* ▲フッター▲ */


/* ▼コンテンツボックス▼ */
.l-contBox1{
	width:100%;
	float:left;
}
.l-contBox2{
	width:1024px;
	margin:auto;
	overflow:hidden;
}
.l-contBox3{
	width:984px;
	float:left;
	padding: 90px 20px;
	position:relative;
}
.c-contBg{
	background:url(../../img/bg01.png) repeat top;
}
.c-contBg--blue{
	background:#0f98db;
}
.c-contBg--skyblue{
	background:#e4edf2;
}
.c-contBg--green{
	background: linear-gradient(#90c242, #abd152);
}
.c-contBg--gray{
	background:#eaeaea;
}
.c-contBg--fa{
	background:#fafafa;
}


@media screen and (max-width: 767px) {
	.l-contBox1{
	width:100%;
	float:left;
	}
	.l-contBox2{
	width:100%;
	margin:auto;
	}
	.l-contBox3{
	width:94%;
	float:left;
	padding: 20px 3%;
	}
}
/* ▲コンテンツボックス▲ */

/* ▼ページタイトル部分▼ */
.l-pageTitImg{
	width:100%;
	min-width:1024px;
	position:relative;
	float: left;
}
.p-pageTitImg__img--interview{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/page_title_interview.jpg) no-repeat center;
}
.p-pageTitImg__img--midway{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/page_title_midway.jpg) no-repeat center;
}
.p-pageTitImg__img--carrier{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/page_title_carrier.jpg) no-repeat center;
}
.p-pageTitImg__img--interviewDetail01{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/interview_detail01.jpg) no-repeat center;
}
.p-pageTitImg__img--midwayDetail01{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/midway_detail01.jpg) no-repeat center;
}
.p-pageTitImg__img--about{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../../img/page_title_about.jpg) no-repeat center;
}
.p-pageTitImg__img--whatsnew{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/page_title_whatsnew.jpg) no-repeat center;
}
.p-pageTitImg__img--enviroPro{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/page_title_enviropro.jpg) no-repeat center;
}
.p-pageTitImg__img--enviroEmplo{
	width:100%;
	min-width:1024px;
	height:500px;
	position:relative;
	background:url(../img/page_title_enviroemplo.jpg) no-repeat center;
}

.p-pageTitImgService{
	width:100%;
	min-width:1024px;
	height:300px;
	position:relative;
	background:url(../../img/title_img_service.jpg) no-repeat center;
}
.p-pageTitImgSeries{
	width:100%;
	min-width:1024px;
	height:300px;
	position:relative;
	background:url(../../img/title_img_series.jpg) no-repeat center;
}
.p-pageTitImgPlus{
	width:100%;
	min-width:1024px;
	height:300px;
	position:relative;
	background:url(../../img/title_img_series2.jpg) no-repeat center;
}

.l-pageTitleBoxIn{
	width:100%;
	float:left;
	text-align:center;
	margin-top:90px;
}
.c-pageTitleImg{
	display: inline-block;
    margin: auto;
    font-size:50px;
    color:#fff;
    letter-spacing:0em;
    line-height: 60px;
}
.c-pageTitleTxt{
	font-size:28px;
	color:#fff;
	letter-spacing: 0.1em;
}
.c-pageTitleTxt2{
	font-size:18px;
	line-height:1.4;
	color:#fff;
}

@media screen and (max-width: 767px) {
	.l-pageTitImg{
	width:100%;
	min-width:100%;
	position:relative;
	float: left;
	}
	.p-pageTitImg__img--interview{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/page_title_interview.jpg) no-repeat center;
	}
	.p-pageTitImg__img--midway{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/page_title_midway.jpg) no-repeat center;
	}
	.p-pageTitImg__img--carrier{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/page_title_carrier.jpg) no-repeat center;
	}
	.p-pageTitImg__img--interviewDetail01{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/interview_detail01.jpg) no-repeat center;
	}
	.p-pageTitImg__img--midwayDetail01{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/midway_detail01.jpg) no-repeat center;
	}
	.p-pageTitImg__img--about{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/page_title_about.jpg) no-repeat center;
	}
	.p-pageTitImg__img--whatsnew{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/page_title_whatsnew.jpg) no-repeat center;
	}
	.p-pageTitImg__img--enviroPro{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/page_title_enviropro.jpg) no-repeat center;
	}
	.p-pageTitImg__img--enviroEmplo{
	width:100%;
	min-width:100%;
	height:350px;
	position:relative;
	background:url(../img/page_title_enviroemplo.jpg) no-repeat center;
	}
	.p-pageTitImgSeries{
	width:100%;
	min-width:100%;
	height:300px;
	position:relative;
	background:url(../../img/title_img_series_sp.jpg) no-repeat center;
	}
	.p-pageTitImgPlus{
	width:100%;
	min-width:100%;
	height:300px;
	position:relative;
	background:url(../../img/title_img_series2_sp.jpg) no-repeat center;
	}
	.c-pageTitleImg{
	display: inline-block;
    margin: 0 5%;
	}
	.l-pageTitleBoxIn{
	width:100%;
	float:left;
	text-align:center;
	margin-top:80px;
	}
	.c-pageTitleTxt{
	font-size: 18px;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: 2;
    font-weight: bold;
    margin: 0 5%;
	}
	.c-pageTitleTxt2{
	font-size: 14px;
    line-height: 1.4;
    color: #fff;
    margin: 0 5%;
	}
	.p-pageTitImgService{
		width:100%;
		min-width:100%;
		height:300px;
		position:relative;
		background:url(../../img/title_img_service.jpg) no-repeat center;
	}
}
/* ▲ページタイトル部分▲ */

/* ▼トップタイトル部分▼ */
.l-titleBox{
	width:100%;
	float:left;
}
.l-titleBoxIn{
	text-align: center;
}
.c-titleImg{
	display: inline-block;
    margin: auto;
    font-size: 50px;
    color: #fff;
    letter-spacing: 0;
}
.c-titleTxt{
	font-size:16px;
	color:#fff;
	letter-spacing: 0.2em;
    line-height: 2;
}
.c-titleTxt--blue{
	color:#0f98db;
}

@media screen and (max-width: 767px) {
	.c-titleImg{
		display: inline-block;
	    margin: auto;
	    font-size: 30px;
	    color: #fff;
	    letter-spacing: 0;
	}
}

/* ▲トップタイトル部分▲ */

/* ▼トップイメージ▼ */
.l-topImg1{
	width:100%;
	min-width:1024px;
	position:relative;
	float: left;
}
.p-topImg__img{
	width:100%;
	min-width:1024px;
	height:859px;
	position:relative;
	background:url(../../img/top_img.jpg)center center no-repeat;
}
.p-topImg__TxtBox{
	width:1024px;
	margin:auto;
	position:relative;
}
.p-topImgTxt1{
	position:absolute;
	top:443px;
	left:20px;
}
.p-topImgTxt2{
	position:absolute;
	top:525px;
	left:104px;
}
.p-topImgTxt3{
	position:absolute;
	top: 240px;
    left: 20px;
}
.p-topImg__newsBox{
	width:100%;
	height:30px;
	float:left;
	border-bottom:1px solid #dad8d4;
}
.p-topImg__newsDate{
	font-size:11px;
	width:100px;
	line-height:20px;
	margin:5px 0;
	color:#b7b7b7;
	font-weight:bold;
	display:inline-block;
}
.p-topImg__newsTxt{
	font-size:14px;
	width:838px;
	line-height:20px;
	margin:5px 0;
	display:inline-block;
	color:#fff;
	letter-spacing:0.15em;
}
.p-topImg__newsTxt a{
	font-size:14px;
	color:#72ba24;
	letter-spacing:0.15em;
}
.p-topImg__newsTxt a:hover{
	text-decoration:underline;
}
.p-topImg__newsMore a{
	color:#72ba24;
	font-size:13px;
	font-weight:bold;
}
.arwColor{
	color:#ff8e24;
}
.bold{
	font-size: 14px;
    color: #252e33;
    font-weight:bold;
}

@media screen and (max-width: 767px) {
	.l-topImg1{
	width:100%;
	min-width:100%;
	position:relative;
	float: left;
	margin-bottom:20px;
	}
	.p-topImg__img{
	width: 100%;
    min-width: 100%;
    height: auto;
    margin-bottom: 0px;
    position: relative;
    background: url(../../img/top_img_sp.jpg)top center no-repeat;
    background-size: contain;
	}
	.p-topImg__img:before{
	content:"";
    display: block;
    padding-top: 180%;
	}
	.p-topImg__TxtBox{
	width:90%;
	margin:auto;
	position:relative;
	}
	.p-topImgTxt1{
	position:absolute;
	top:220px;
	left:0px;
	}
	.p-topImgTxt2{
	position:absolute;
	top:260px;
	left:0px;
	}
	.p-topImgTxt3{
	position:absolute;
	top:50px;
	left:0px;
	}
	.p-topImg__newsBox{
	width:100%;
	height:auto;
	float:left;
	border-bottom:1px solid #dad8d4;
	}
	.p-topImg__newsDate{
	font-size:11px;
	width:100%;
	line-height:20px;
	margin:5px 0;
	color:#b7b7b7;
	font-weight:bold;
	display:inline-block;
	}
	.p-topImg__newsTxt{
	font-size:14px;
	width:100%;
	line-height:20px;
	margin:0px 0;
	display:inline-block;
	color:#fff;
	letter-spacing:0.15em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
}
/* ▲トップイメージ▲ */

/* ▼トップインタビュー▼ */
.l-topInterviewBox{
	width:984px;
	float:left;
	text-align:center;
	margin-top: 40px;
}
.c-interviewArtBox{
	width:236px;
	display:inline-block;
	position:relative;
	box-shadow:0px 5px 4px -1px #ebebeb;
	-moz-box-shadow:0px 5px 4px -1px #ebebeb;
	-webkit-box-shadow:0px 5px 4px -1px #ebebeb;
	transition:0.5s;
}
.c-interviewArtBox:hover{
	opacity:0.7;
}
.c-interviewArtImg{
	top:0;
	left:0;
}
.c-interviewArtTxtBox{
	width:100%;
	height:118px;
	bottom:0;
	background:rgba(255,255,255,0.9);
	left:0;
	position: absolute;
}
.c-interbiewArtTxt1{
	font-size: 11px;
    line-height: 20px;
    letter-spacing: 0.15em;
    padding: 10px 10px 0;
    color: #848484;
    text-align: left;
    width: 100%;
    float: left;
    box-sizing: border-box;
    font-weight:bold;
}
.c-interbiewArtLine{
	border-bottom: 1px solid #bcbcbc;
    width: 30px;
    margin-left: 10px;
    margin-top: 5px;
    height: 1px;
    float: left;
    margin-top: 10px;
}
.c-interviewArtName{
	font-size:15px;
	color:#848484;
	letter-spacing:0.15em;
	padding:10px 13px 0;
	text-align:right;
}
.c-interviewArtName2{
	font-size:12px;
	color:#848484;
	letter-spacing:0.15em;
}
.c-interviewArtDepa--sales{
	position:absolute;
	background:#72ba24;
	left:0;
	bottom:104px;
	color:#fff;
	height:30px;
	line-height:30px;
	font-size:14px;
	padding:0 10px;
	letter-spacing:0.15em;
}
.c-interviewArtDepa--clinical{
	position:absolute;
	background:#f9a828;
	left:0;
	bottom:132px;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:12px;
	padding:0 20px;
	letter-spacing:0.15em;
}
.c-interviewArtDepa--repro{
	position:absolute;
	background:#247291;
	left:0;
	bottom:132px;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:12px;
	padding:0 20px;
	letter-spacing:0.15em;
}
.c-interviewArtDepa--develop{
	position:absolute;
	background:#00ad7c;
	left:0;
	bottom:132px;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:12px;
	padding:0 20px;
	letter-spacing:0.15em;
}
.c-interviewArtDepa--develop1{
	position:absolute;
	background:#7a4579;
	left:0;
	bottom:132px;
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:12px;
	padding:0 20px;
	letter-spacing:0.15em;
}

@media screen and (max-width: 767px) {
	.l-topInterviewBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top:10px;
	}
	.c-interviewArtBox{
	width: 100%;
    height: 300px;
    display: inline-block;
    position: relative;
    box-shadow: 0px 5px 4px -1px #ebebeb;
    -moz-box-shadow: 0px 5px 4px -1px #ebebeb;
    -webkit-box-shadow: 0px 5px 4px -1px #ebebeb;
    margin: 5px 0;
    overflow: hidden;
	}
	.c-interviewArtImg img{
		width:100%;
	}
}
/* ▲トップインタビュー▲ */

/* ▼トップWHAT'S NEW▼ */
.c-topwhatchath{
	font-size:36px;
	line-height:48px;
	color:#fff;
	width:100%;
	float:left;
	text-align:center;
	margin-top:20px;
	letter-spacing:0.1em;
}
.c-topwhatTxt{
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:24px;
	margin:40px 48px 0;
	float: left;
	letter-spacing: 0;
}
.l-buttonBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top: 25px;
}
.l-buttonBox a{
	transition:0.5s;
}
.l-buttonBox a:hover{
	opacity:0.7;
}
.l-buttonBox img{
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.c-topwhatchath{
	font-size:22px;
	color:#fff;
	width:100%;
	float:left;
	text-align:center;
	margin-top:20px;
	letter-spacing:0.1em;
	line-height: 32px;
	}
	.c-topwhatTxt{
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:24px;
	margin: 10px 0px 0;
	float: left;
	}
}
/* ▲トップWHAT'S NEW▲ */

/* ▼トップABOUT▼ */
.l-topAboutImg{
	width:100%;
	float:left;
	margin-top:30px;
}
.c-topAboutTxt{
	font-size:14px;
	color:#252e33;
	text-align:center;
	line-height:24px;
	margin:40px 48px 0;
	float: left;
}
.name{
	float: right;
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.l-topAboutImg{
	width:100%;
	float:left;
	margin-top:10px;
	}
	.c-topAboutTxt{
	font-size:14px;
	color:#252e33;
	text-align:center;
	line-height:24px;
	margin: 10px 0px 0;
	float: left;
	}
}
/* ▲トップABOUT▲ */

/* ▼トップENVIRONMENT▼ */
.l-topEnviroLeft{
	float:left;
	width:50%;
	height:560px;
	position:relative;
}
.l-topEnviroLeft2{
	float:left;
	width:30%;
	height:100px;
	position:relative;
}
.p-topEnviroLeftImgBox{
	width:100%;
	float:left;
}
.p-topEnviroLeftTxtBox{
	position:absolute;
	bottom:72px;
	left:0;
}
.l-topEnviroRight{
	width:412px;
	float:right;
}
.l-topEnviroRight2{
	width:312px;
	float:left;
	margin-left:40px;
}
.l-topEnviroCenter{
	width:312px;
	float:right;
}
.p-topEnviroTit{
	width:100%;
	float:left;
	margin-top:20px;
}
.p-topEnviroTit2{
	font-size: 36px;
    color: #72ba24;
    width: 100%;
    float: left;
    margin-top: 20px;
    letter-spacing: 0em;
}
.p-topEnviroTxt{
	width:100%;
	float:left;
	font-size:14px;
	line-height:24px;
	color:#252e33;
	margin-top:20px;
}
.aboutIndent{
	padding-left: 1em;
}
.l-topEnviroBnrBox{
	width:100%;
	float:left;
	margin-top:30px;
}
.l-topEnviroBnr{
	width:100%;
	float:left;
	margin-bottom:26px;
}
.l-topEnviroBnr a img{
	transition:0.5s;
}
.l-topEnviroBnr a:hover img{
	opacity:0.7;
}

@media screen and (max-width: 767px) {
	.l-topEnviroLeft{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	}
	.l-topEnviroLeft2{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	}
	.p-topEnviroLeftTxtBox{
	position: absolute;
    bottom: 36px;
    left: 0;
    width: 80%;
	}
	.l-topEnviroRight{
	width:100%;
	float:right;
	}
	.l-topEnviroRight2{
	width:100%;
	float:right;
	}
	.l-topEnviroCenter{
	width:100%;
	float:right;
	}
	.p-topEnviroTxt{
	width:100%;
	float:left;
	font-size:14px;
	line-height:24px;
	color:#252e33;
	margin-top:10px;
	}
	.l-topEnviroBnrBox{
	width:100%;
	float:left;
	margin-top:10px;
	}
	.l-topEnviroBnr{
	width:100%;
	float:left;
	margin-bottom:10px;
	}
	.p-topEnviroTit2{
	font-size:30px;
	width:100%;
	float:left;
	margin-top:10px;
	text-align: center;
	}
	.p-topEnviroTit{
	width:100%;
	float:left;
	margin-top:20px;
	text-align: center;
	}
	.p-topEnviroTit img{
	display:inline-block;
	}
}
/* ▲トップENVIRONMENT▲ */

/* ▼トップ中途採用▼ */
.l-topMidwayBox{
	width:100%;
	float:left;
	text-align:center;
}
.c-topMidwayImgBox{
	position:relative;
	width:315px;
	display:inline-block;
	margin:4px;
}
.c-topMidwayImg{
	width:315px;
}
.c-topMidwayTxt1{
	width:100%;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:20px;
	top:115px;
	font-weight:bold;
}
.c-topMidwayTxt1--2{
	width:100%;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:20px;
	top:108px;
	font-weight:bold;
	line-height:22px;
}
.c-topMidwayLine{
	border-bottom:1px solid #fff;
	position:absolute;
	top:155px;
	width:28px;
	left:142px;
	height:1px;
}
.c-topMidwayTxt2{
	width:100%;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:16px;
	top:172px;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	.c-topMidwayImgBox{
	position:relative;
	width:100%;
	display:inline-block;
	margin:4px 0;
	}
	.c-topMidwayImg{
	width:100%;
	}
	.c-topMidwayTxt1{
	width:100%;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:18px;
	top:115px;
	font-weight:bold;
	}
	.c-topMidwayLine{
	border-bottom:1px solid #fff;
	position:absolute;
	top:155px;
	width:28px;
	left:129px;
	height:1px;
	}
	.c-topMidwayTxt2{
	width:100%;
	text-align:center;
	position:absolute;
	color:#fff;
	font-size:14px;
	top:172px;
	font-weight:bold;
	}
}
/* ▲トップ中途採用▲ */

/* ▼キャリア登録▼ */
.l-topCarrierLeft{
	width:49%;
	float:left;
}
.l-topCarrierRight{
	width:49%;
	float:right;
}
.l-topCarrierBtn{
	width:100%;
	float:left;
}
.l-topCarrierBtn a img{
	transition:0.5s;
	backface-visibility: hidden;
}
.l-topCarrierBtn a:hover img{
	opacity:0.7;
}
.l-topCarrierLeft-25{
	width:25%;
	float:left;
}
.l-topCarrierRight-75{
	width:75%;
	float:right;
}
.imgBtmBox{
	width: 100%;
    float: left;
    margin-top: 20px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
	.l-topCarrierLeft{
	width:100%;
	float:left;
	}
	.l-topCarrierRight{
	width:100%;
	float:right;
	margin-top: 20px;
	}
	.l-topCarrierLeft-25{
		width:100%;
		float:left;
		margin-bottom:20px;
		text-align:center;
	}
	.l-topCarrierLeft-25 img{
		display:inline-block;
	}
	.l-topCarrierRight-75{
		width:100%;
		float:right;
	}
}
/* ▲キャリア登録▲ */

/* ▼エントリー▼ */
.c-entryBg{
	background:url(../img/entry_bg.png) repeat top;
}
.c-entryTit{
	width:100%;
	float:left;
	text-align:center;
	color:#0092d9;
	font-size:24px;
	font-weight:bold;
	position:relative;
}
.c-entryTit:before{
	content: url(../img/entry_title_left.png);
	position:absolute;
	top:0%;
	left:19%;
}
.c-entryTit:after{
	content: url(../../img/entry_title_right.png);
	position:absolute;
	top:0%;
	left:75%;
}
.l-entryBnrBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top:40px;
}
.c-entryBnr{
	width:395px;
	display:inline-block;
	margin: 0 10px;
}
.c-entryBnrTxt{
	font-size:16px;
	color:#0f98db;
	width:100%;
	float:left;
	margin-top:10px;
}

@media screen and (max-width: 767px) {
	.l-entryBnrBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top:20px;
	}
	.c-entryBnr{
	width:100%;
	display:inline-block;
	margin: 0 0px 10px;
	}
	.c-entryTit{
	width:80%;
	float: left;
    text-align: center;
    color: #0092d9;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin: 0 10%;
	}
	.c-entryTit:before{
	content: url(../img/entry_title_left.png);
	position:absolute;
	top:0%;
	left:-18%;
	}
	.c-entryTit:after{
	content: url(../img/entry_title_right.png);
	position:absolute;
	top:0%;
	left:96%;
	}
	.c-entryBnrTxt{
	font-size:14px;
	color:#0f98db;
	width:100%;
	float:left;
	margin-top:5px;
	}
}
/* ▲エントリー▲ */




/* ▼インタビュー▼ */
.l-InterviewBox{
	width:984px;
	float:left;
	text-align:center;
	position: relative;
    top: -180px;
    margin-bottom: -180px;
}

@media screen and (max-width: 767px) {
	.l-InterviewBox{
	width:100%;
	float:left;
	text-align:center;
	position: relative;
    top: 0px;
    margin-bottom: 0px;
	}
}
/* ▲インタビュー▲ */

/* ▼キャリア登録▼ */
.p-carrierTit1{
	font-size:18px;
	color:#184163;
}
.p-carrierTit2{
	font-size:20px;
	color:#ba143b;
	font-weight:bold;
}
.p-carrierTit3{
	list-style-type: disc;
	font-size:14px;
	color:#252e33;
	line-height: 24px;
}
.p-carrierList{
	margin:10px 20px 0;
}
.p-carrierBox{
	width:100%;
	float:left;
	background:#f4f4f4;
	padding:20px;
	box-sizing:border-box;
}

@media screen and (max-width: 767px) {
	.p-carrierList{
	margin:10px 0px 0 10px;
}
}
/* ▲キャリア登録▲ */

/* ▼キャリア詳細▼ */
.c-carrierDetailImgTxtBox{
	width:1024px;
	margin:auto;
}
.c-carrierDetailTitTxtBox{
	background:rgba(234,175,80,0.8);
	position:relative;
	width:390px;
	height:390px;
	top:80px;
	left:614px;
	padding:25px 20px;
	box-sizing:border-box;
}
.c-carrierDetailImgTxt1{
	font-size:16px;
	color:#fff;
	line-height:36px;
	border-bottom:solid 2px #fff;
}
.c-carrierDetailImgTxt2{
	font-size:30px;
	color:#fff;
	line-height:50px;
	font-weight: bold;
}
.c-carrierDetailImgTxt3{
	font-size:18px;
	color:#fff;
	line-height:18px;
}
.c-carrierDetailImgTxt4{
	font-size:12px;
	color:#fff;
	line-height:32px;
}
.c-carrierDetailImgTxt5{
	font-size:14px;
	color:#fff;
	line-height:24px;
	margin-top:25px;
}
.c-carrierDetailLeft{
	float:left;
	width:181px;
}
.c-imgRadius{
	border-radius: 50%;
}
.c-carrierDetailRight{
	float:left;
	padding-left: 20px;
	width:743px;
}
.c-carrierRightTit{
	font-size:20px;
	color:#f9a828;
	font-weight:bold;
	margin-top:20px;
}
.c-carrierRightTxt{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	margin-top:15px;
}
.l-carrierDetailPagerBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top:55px;
}
.c-carrierDetailPagerBtn{
	display:inline-block;
	margin:0 20px;
}
@media screen and (max-width: 767px) {
	.c-carrierDetailImgTxtBox{
	width:90%;
	margin:auto;
	}
	.c-carrierDetailTitTxtBox{
	background:rgba(234,175,80,0.8);
	position:relative;
	width:100%;
	height:auto;
	top:10px;
	left:0px;
	padding:25px 20px;
	box-sizing:border-box;
	}
	.c-carrierDetailLeft{
	float:left;
	width:50%;
	margin:0 25%;
	}
	.c-carrierDetailRight{
	float:left;
	padding-left: 0;
	width:100%;
	}
	.c-carrierRightTit{
	font-size:16px;
	color:#f9a828;
	font-weight:bold;
	margin-top:20px;
	}
	.l-carrierDetailPagerBox{
	width:100%;
	float:left;
	text-align:center;
	margin-top:20px;
	}
	.c-carrierDetailPagerBtn{
	display: inline-block;
    margin: 0 0px;
    width: 30%;
    text-align: center;
	}
	.c-carrierDetailPagerBtn img{
	display:inline-block;
	}
	.c-carrierDetailImgTxt2{
	font-size:22px;
	color:#fff;
	line-height:28px;
	font-weight: bold;
	margin-top: 10px;
	}
	.c-carrierDetailImgTxt3{
	font-size:14px;
	color:#fff;
	line-height:18px;
	}
}
/* ▲キャリア詳細▲ */

/* ▼中途採用詳細▼ */
.c-midwayDetailImgTxtBox{
	width:1024px;
	margin:auto;
}
.c-midwayDetailTitTxtBox{
	background:rgba(0,146,217,0.8);
	position:relative;
	width:765px;
	height:155px;
	top:315px;
	left:20px;
	padding:25px 20px;
	box-sizing:border-box;
}
.l-midwayDetailListBox{
	width:100%;
	float:left;
}
.l-midwayDetailList{
	width:100%;
	float:left;
	border-bottom:1px solid #999999;
	padding:25px 0;
}
.c-midwayDetailListTit{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	font-weight:bold;
	width:240px;
	float:left;
}
.c-midwayDetailListTit2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	font-weight:bold;
	width:155px;
	float:left;
}
.c-midwayDetailListTxt{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	float:left;
	width:744px;
}
.c-midwayDetailListTxt2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	float:left;
	width:589px;
}
.c-midwayDetailListNum{
	list-style: none;
    counter-reset: num;
}
.c-midwayDetailListNum2{
	margin:0;
}
.c-midwayDetailListNumTxt{
	font-size:14px;
	line-height:24px;
	color:#252e33;
}
.c-midwayDetailListNumTxt2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	text-indent:-2.2em;
	margin-left:2em;
}
.c-midwayDetailListNum > .c-midwayDetailListNumTxt:before{
	content: counter(num) ". ";
    counter-increment: num;
    display: inline-block;
    width: 2em;
}
.c-midwayDetailListNum2 .c-midwayDetailListNumTxt2:before{
	display: marker;
	content: "(" counter(cnt) ") ";

}
.c-midwayDetailTxtIn{
	margin-bottom:20px;
	float:left;
}

@media screen and (max-width: 767px) {
	.c-midwayDetailImgTxtBox{
	width:90%;
	margin:auto;
	}
	.c-carrierDetailTitTxtBox{
	background:rgba(0,146,217,0.8);
	position:relative;
	width:100%;
	height:auto;
	top:10px;
	left:0px;
	padding:25px 20px;
	box-sizing:border-box;
	}
	.c-midwayDetailListTit{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	font-weight:bold;
	width:100%;
	float:left;
	}
	.c-midwayDetailListTxt{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	float:left;
	width:100%;
	}
	.c-midwayDetailListTit2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	font-weight:bold;
	width:100%;
	float:left;
	}
	.c-midwayDetailListTxt2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	float:left;
	width:100%;
	}
	.c-midwayDetailTxtIn{
	margin-bottom:20px;
	float:left;
	width:100%;
	}
	.l-midwayDetailList{
		width:100%;
		float:left;
		border-bottom:1px solid #999999;
		padding:15px 0;
	}
}
/* ▲中途採用詳細▲ */

/* ▼会社概要▼ */
.c-midwayDetailListTit--e{
	font-size:12px;
	line-height:12px;
	color:#999999;
	width:100%;
}
.l-aboutMap{
	width:100%;
	margin-top:10px;
}
.c-aboutMapLink{
	width:100%;
	text-align:right;
	margin-top:10px;
	font-size:12px;
}
.c-aboutMapLink a{
	color:#0092d9;
}
.c-aboutMapLink a:hover{
	border-bottom:1px solid #0092d9;
}
/* ▲会社概要▲ */

/* ▼フォーム▼ */
.l-formBox1{
	width:100%;
	float:left;
	border-top:solid 2px #e3e3e3;
	border-bottom:solid 2px #e3e3e3;
}
.l-formBox2{
	width:1024px;
	margin:auto;
}
.l-formBox3{
	width:1024px;
	float:left;
}
.l-formTitleBox{
	width:100%;
	text-align:center;
	margin:40px 0;
}
.c-formTitle{
	width:100%;
	text-align:center;
}
.c-formTitle img{
	display:inline-block;
}
.c-formTitleTxt{
	font-size: 26px;
    color: #0092d9;
    letter-spacing: 0.2em;
    line-height: 2;
    font-weight: bold;
}
.c-radioBox{
	display:table-cell;
	vertical-align: middle;
	height: 60px;
}
.c-formBtn{
	width:165px;
	height:60px;
	box-sizing:border-box;
	-moz-border-radius: 4px;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-border-radius: 4px;
  -webkit-transition: all 0.5s ease;
  background-color: #b4b3b3;
  background-image: -moz-linear-gradient(180deg, #ededed, #b4b3b3);
  background-image: -ms-linear-gradient(180deg, #ededed, #b4b3b3);
  background-image: -o-linear-gradient(180deg, #ededed, #b4b3b3);
  background-image: -webkit-linear-gradient(180deg, #ededed, #b4b3b3);
  background-image: linear-gradient(180deg, #ededed, #b4b3b3);
  border-radius: 4px;
  border: 1px solid #bababa;
  color: #262626;
  display: inline-block;
  font-size: 1em;
  margin: auto;
  padding: 15px;
  text-decoration: none;
  transition: all 0.5s ease;
}
/* ▲フォーム▲ */


/* ▼見出しタイトル テキスト 画像▼ */
.c-hTitle1{
	font-size:36px;
	color:#72ba24;
	width:100%;
	float:left;
	margin-bottom:10px;
}
.c-hTitle2{
	font-size:36px;
	color:#f9a828;
	width:100%;
	float:left;
	font-weight:bold;
	margin-bottom:25px;
}
.c-text1{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	margin-bottom:10px;
}
.c-img100{
	width:100%;
	float:left;
	margin-bottom:20px;
}
.u-fontBlue{
	color:#0092d9!important;
}

@media screen and (max-width: 767px) {
	.c-hTitle1{
	font-size:24px;
	color:#72ba24;
	width:100%;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	}
	.c-hTitle2{
	font-size:24px;
	color:#f9a828;
	width:100%;
	float:left;
	font-weight:bold;
	margin-bottom:10px;
	}
}
/* ▲見出しタイトル テキスト 画像▲ */



/* ▼whatsnew▼ */
/* アコーディオン */
.ac-container-qa{
	width: 100%;
	margin: 0 auto;

}
.ac-qast{
	border-bottom: solid 1px #fff;
	clear: both;
	background-color: #fff;
	padding:30px;
	padding: 0 30px;
    box-sizing: border-box;
}

.ac-container-qa label{
	position: relative;
	display: block;
	height: 100px;
	cursor: pointer;
	background: #182f3a;
	color:#fff;
	transition:0.5s ease-in-out;
}

label p.acTxt{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	line-height: 40px;
	font-size: 20px;
	height:100px;
	letter-spacing:0.2em;
	font-weight:bold;
	text-align:left;
}


.ac-container-qa label:after,
.ac-container-qa input:checked + label:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 38px;
	background: transparent url(../../img/arrow_doen.png) no-repeat center center;
}

.ac-container-qa input:checked + label:after{
	background-image: url(../../img/arrow_upw.png);
}
.ac-container-qa input:checked + label {
	background-color:#0092d9;
	transition:0.5s ease-in-out;
}


.ac-container-qa input{
	display: none;
}
.ac-container-qa article{
	clear: both;
	background: rgba(255, 255, 255, 0.5);
	overflow: hidden;
	max-height: 0px;
	position: relative;
	transition:0.3s ease-in-out;
}
.ac-container-qa input:checked ~ article{
	transition:0.5s ease-in-out;
}

.bor_none{
	border: none;
}

.ac-container-qa input:checked ~ article.ac-medium{
    height: auto;
    max-height: 200em;
}
.l-whatsABox{
	width:100%;
	background:#fff;
	margin-bottom:10px;
	float:left;
}
.c-whatsImg{
	width:50%;
	padding:20px 10px 20px 20px;
	box-sizing:border-box;
	float:left;
}
.c-whatsImg2{
	width:50%;
	padding:0px 20px 20px 10px;
	box-sizing:border-box;
	float:left;
}
.c-whatsTxtBox{
	width:50%;
	padding:20px 20px 20px 10px;
	box-sizing:border-box;
	float:left;
}
.c-whatsTxtBox2{
	width:50%;
	padding:0px 10px 20px 20px;
	box-sizing:border-box;
	float:left;
}
.c-whatsTit{
	font-size:24px;
	color:#0092d9;
	font-weight:bold;
	letter-spacing:0.1em;
	border-bottom:solid 2px #0092d9;
	line-height:36px;
	margin-bottom: 20px;s
}
.c-whatsTxt{
	font-size:14px;
	line-height:24px;
	color:#252e33;
}


@media screen and (max-width: 767px) {
	.ac-container-qa{
		width: 100%;
	}
	.ac-qast{
		clear: both;
	}
	.ac-container-qa label{
	position: relative;
	display: block;
	height: 70px;
	cursor: pointer;
	background: #182f3a;
	color:#fff;
	transition:0.5s ease-in-out;
	}

	label p.acTxt{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	font-size: 12px;
	height:70px;
	}


	.ac-container-qa label:after,
	.ac-container-qa input:checked + label:after{
		content: '';
		position: absolute;
		width: 24px;
		height: 24px;
		right: 5px;
		top: 22px;
		background: transparent url(../../img/arrow_doen.png) no-repeat center center;
	}

	.ac-container-qa input:checked + label:after{
		background-image: url(../../img/arrow_upw.png);
	}

	.ac-container-qa input{
		display: none;
	}
	.ac-container-qa article{
		clear: both;
		background: rgba(255, 255, 255, 0.5);
		overflow: hidden;
		max-height: 0;
		position: relative;
		transition:0.3s ease-in-out;
	}
	.ac-container-qa input:checked ~ article{
		transition:
			 0.5s ease-in-out;
	}

	.bor_none{
		border: none;
	}
	.ac-container-qa input:checked ~ article.ac-medium{
		height: auto;
	    max-height : 200em;
	}
	.c-whatsImg{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	float:left;
	}
	.c-whatsImg2{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	float:left;
	}
	.c-whatsTxtBox{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	float:left;
	}
	.c-whatsTxtBox2{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	float:left;
	}
	.c-whatsTit{
	font-size:18px;
	color:#0092d9;
	font-weight:bold;
	letter-spacing:0.1em;
	border-bottom:solid 2px #0092d9;
	line-height:24px;
	margin-bottom: 20px;s
	}
}
/* ▲whatsnew▲ */

/* ▼社内プログラム▼ */
.c-enviroTit{
	font-size:24px;
	color:#0092d9;
	letter-spacing:0.1em;
	margin-left:10px;
}
.l-enviroImgBox{
	width:100%;
	float:left;
	margin-bottom:80px;
}
.c-enviroImg{
	width:314px;
	float:left;
	position:relative;
	box-sizing:border-box;
}
.u-imgBorder{
	border:1px solid #999999;
}
.c-enviroImgBtn{
	position: absolute;
    bottom: 1px;
    right: -1px;
}
.u-marginRight{
	margin-right:21px;
}
.c-enviroName{
	font-size:18px;
	color:#252e33;
	width:100%;
	text-align:center;
	margin-top:10px;
	float:left;
}
.l-enviroImg{
	width:314px;
	float:left;
}


/* モーダル */
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
.l-enviroModalBox{
	width:984px;
	background:#fff;
	float: left;
	position:relative;
}
.c-enviroModalImg{
	width:492px;
	float: left;
}
.c-enviroModalTxtBox{
	width:482px;
	padding:50px 24px;
	box-sizing:border-box;
	float: left;
}
.c-enviroModalTit{
	font-size:30px;
	color:#0092d9;
	font-weight:bold;
	height:40px;
	float:left;
	width:100%;
}
.c-enviroModalWave{
	width:100%;
	float:left;
	margin: 10px 0;
}
.c-enviroModalTxt1{
	font-size:16px;
	color:#252e33;
	width:100%;
	float:left;
	font-weight:bold;
	margin-bottom:5px;
}
.c-enviroModalTxt2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	width:100%;
	float:left;
	margin-bottom:10px;
}
.c-enviroModalClose{
	position:absolute;
	right:20px;
	top:20px;
}
.c-enviroModalPrev{
	position:absolute;
	right:100px;
	bottom:20px;
}
.c-enviroModalnext{
	position:absolute;
	right:50px;
	bottom:20px;
}
#contents01,
#contents02,
#contents03,
#contents04,
#contents05,
#contents06,
#contents07{
	display:none;
}

@media screen and (max-width: 767px) {
	.c-enviroTit{
	font-size:16px;
	color:#0092d9;
	letter-spacing:0.1em;
	margin-left:10px;
	width: 100%;
    display: block;
	}
	.l-enviroImg{
	width:100%;
	float:left;
	margin-bottom:20px;
	}
	.u-marginRight{
	margin-right:0px;
	}
	.c-enviroImg{
	width:100%;
	float:left;
	position:relative;
	box-sizing:border-box;
	}
	.l-enviroModalBox{
	width:100%;
	background:#fff;
	float: left;
	position:relative;
	}
	.c-enviroModalImg{
	width:100%;
	float: left;
	}
	.c-enviroModalTxtBox{
	width:90%;
	padding:0;
	margin:20px 5%;
	box-sizing:border-box;
	float: left;
	}
}
/* ▲社内プログラム▲ */

/* ▼就業環境▼ */
.l-emploImgBox1{
	width:100%;
	float:left;
	margin-bottom:40px;
}
.l-emploImgBox1 img{
	width:100%;
	height:100%;
}
.l-emploImgBox2{
	float:left;
	width:486px;
}
.l-emploImgBox3{
	float:right;
	width:486px;
}
.u-ArtMarginB{
	margin-bottom:12px;
}
.u-ArtMarginR{
	margin-right:12px;
}
.c-emploArt1{
	float:left;
	width:237px;
	height:237px;
}
.c-emploArt2{
	float:left;
	width:237px;
	height:486px;
}
.c-emploArt3{
	float:left;
	width:486px;
	height:237px;
}
.c-emploArt4{
	float:left;
	width:486px;
	height:486px;
}
.c-emploTit{
	width:100%;
	float:left;
	font-size:24px;
	color:#0092d9;
	margin-bottom:15px;
}
.c-emploTit2{
	font-size:16px;
	color:#0092d9;
	letter-spacing:0.1em;
	margin-left:10px;
}

@media screen and (max-width: 767px) {
	.l-emploImgBox2{
	float:left;
	width:100%;
	}
	.l-emploImgBox3{
	float:right;
	width:100%;
	}
	.c-emploArt1{
	float:left;
	width:48%;
	height:48%;
	margin:1%!important;
}
	.c-emploArt2{
	float:left;
	width:48%;
	height:98%;
	margin:1%!important;
	}
	.c-emploArt3{
	float:left;
	width:98%;
	height:48%;
	margin:1%!important;
	}
	.c-emploArt4{
	float:left;
	width:98%;
	height:98%;
	margin:1%!important;
	}
	.u-ArtMarginB{
	margin-bottom:0px;
	}
	.u-ArtMarginR{
	margin-right:0px;
	}
	.l-emploImgBox1{
	width:100%;
	float:left;
	margin-bottom:20px;
	}
}
/* ▲就業環境▲ */


/*------------------------------------------*/
.topImgTopicsBox{
	position: absolute;
    bottom: 20px;
    width: 984px;
    background: #fff;
    border-radius:10px;
    padding:20px;
    box-sizing:border-box;
    left: 0;
    right: 0;
    margin:0 auto;
}
.topContactBox{
	width:100%;
	float:left;
	margin-top: 90px;
}
.productBox{
	width:100%;
	float:left;
}
.topContactBox.marB{
	margin-bottom: 80px;
}
.serviceBox{
	width:100%;
	float:left;
	margin-bottom:40px;
}
.titleDot{
	background:#fff;
	width:8px;
	height:8px;
	border-radius:4px;
	display: inline-block;
}
.topNews{
	width:100%;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#72ba24;
}
.topServiceTxt1{
	font-size: 16px;
    color: #72ba24;
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    height:40px;
    font-weight:bold;
}
.aboutTxt1{
	font-size:16px;
	color:#72ba24;
	line-height:24px;
	width:100%;
	float:left;
}
.aboutTxt2{
	font-size:18px;
	color:#262626;
	font-weight:bold;
	width:100%;
	float:left;
	margin-top: 10px;
}
.p-topImg__newsMore{
	text-align:right;
	margin:10px 30px 10px 0;
	float: right;
}
.topProductsTxt{
	font-size:16px;
	color:#72ba24;
	width:100%;
	float:left;
}
.topContactTitBox{
	width:100%;
	float:left;
}
.topContactTitIcon{
	float:left;
}
.topContactTitRight{
	float:left;
	margin-left:10px;
}
.topContactTit1{
	font-size:36px;
	color:#72ba24;
	letter-spacing:0em;
	line-height: 50px;
}
.topContactTit2{
	font-size:16px;
	color:#72ba24;
	line-height:20px;
}
.aboutTit{
	font-size:14px;
	color:#72ba24;
	width:100%;
	float:left;
	margin-top:20px;
}
.aboutTxt2{
	font-size:18px;
	color:#262626;
	font-weight:bold;
	width:100%;
	float:left;
	margin-top: 10px;
}


@media screen and (max-width: 767px) {
	.topImgTopicsBox{
		position: absolute;
	    bottom: 20px;
	    width: 96%;
	    background: #fff;
	    border-radius:10px;
	    padding:20px;
	    box-sizing:border-box;
	    left: 0;
	    right: 0;
	    margin:0 auto;
	}
	.topContactTit1{
		font-size:30px;
		color:#72ba24;
		letter-spacing:0em;
		line-height: 50px;
	}
	.topContactBox{
		width:100%;
		float:left;
		margin-top: 0px;
	}
}

/* ▼トピックス▼ */
.topicsBox{
	width:100%;
	float:left;
	margin-bottom:50px;
}
.topicsDate{
	font-size:36px;
	color:#72ba24;
	letter-spacing:0.15em;
	width:100%;
	float:left;
}
.topicsImg{
	width:100%;
	float:left;
}
.topicsTit{
	font-size:24px;
	color:#262626;
	font-weight:bold;
	width:100%;
	float:left;
	line-height:30px;
	margin:10px 0;
}
.topicsTxt{
	font-size:14px;
	color:#252e33;
	line-height:24px;
	width:100%;
	float:left;
}
.topicsTxt a{
	color:#72ba24;
	font-size:14px;
}
.topicsTxt a:hover{
	text-decoration:underline;
}
.topicsBtnBox{
	width:100%;
	float:left;
	text-align:center;
}
.view_more{
	display: inline-block;
    font-weight: bold;
    letter-spacing: 0.2em;
    color: #fff!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
    font-size: 11px;
    line-height:48px;
    height:48px;
    width: 240px;
    background-color: #72ba24;
    border-radius:4px;
}
.view_more:hover{
	opacity:0.7;
}
@media screen and (max-width: 767px) {
	.topicsDate{
		font-size:24px;
		color:#72ba24;
		letter-spacing:0.15em;
		width:100%;
		float:left;
	}
	.topicsTit{
		font-size:20px;
		color:#262626;
		font-weight:bold;
		width:100%;
		float:left;
		line-height:30px;
		margin:10px 0;
	}
}


/* ▼商品紹介▼ */
.productImgBox{
	width:100%;
	float:left;
}
.productImg{
	width:100%;
	float:left;
}
.productImg2{
	width:100%;
	float:left;
	margin-top:10px;
}
.productTit{
	width:100%;
	float:left;
	font-size:24px;
	color:#72ba24;
	line-height:36px;
	padding-left:60px;
	padding-top:30px;
	box-sizing:border-box;
	font-weight: bold;
}
.productTxt1{
	font-size:18px;
	color:#252e33;
	font-weight:bold;
	width:100%;
	float:left;
	padding-left:60px;
	padding-top:20px;
	box-sizing:border-box;
}
.productTxt2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	width:100%;
	float:left;
	padding-top:20px;
	box-sizing:border-box;
	padding-left: calc(60px + 1em);
	text-indent: -1em;
}
.productTxt2-2{
	font-size:14px;
	line-height:24px;
	color:#252e33;
	width:100%;
	float:left;
	padding-top:20px;
	box-sizing:border-box;
	padding-left: 60px;
}
.productBtnBox{
	width:100%;
	float:left;
	margin-top:40px;
	padding-left:60px;
	box-sizing:border-box;
}
.productBtn{
	width:100%;
	font-size:16px;
	color:#fff;
	line-height:64px;
	height:64px;
	text-align:center;
	font-weight:bold;
}
.productBtn a{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	transition: 0.5s;
	display:block;
	background:#ff8e24;
}
.productBtn a:hover{
	opacity:0.7;
}
.pad0{
	padding:0 20px;
}
.pad0-b50{
	padding:0 20px 50px;
}
.voiceBox{
	width:100%;
	float:left;
	background:#f4f4f4;
	padding:15px;
	box-sizing:border-box;
	margin-bottom:20px;
}
.voiceLeft{
	float:left;
	width:181px;
}
.voiceRight{
	float:left;
	width: 767px;
	padding-left:30px;
	box-sizing:border-box;
}
.voiceName{
	font-size:20px;
	color:#72ba24;
	font-weight:bold;
}
.voiceName2{
	font-size:14px;
	color:#72ba24;
}
.voiceTxt01{
	font-size:14px;
	color:#252e33;
	line-height:24px;
	margin-top:10px;
}

@media screen and (max-width: 767px) {
	.productTit{
		width:100%;
		float:left;
		font-size:22px;
		color:#72ba24;
		line-height:30px;
		padding-left:0px;
		padding-top:30px;
		box-sizing:border-box;
		font-weight: bold;
	}
	.productTxt1{
		font-size:18px;
		color:#252e33;
		font-weight:bold;
		width:100%;
		float:left;
		padding-left:0px;
		padding-top:20px;
		box-sizing:border-box;
	}
	.productTxt2{
		font-size:14px;
		line-height:24px;
		color:#252e33;
		width:100%;
		float:left;
		padding-top:20px;
		box-sizing:border-box;
		padding-left: 1em;
		text-indent: -1em;
	}
	.productBtnBox{
		width:100%;
		float:left;
		margin-top:40px;
		padding-left:0px;
		box-sizing:border-box;
	}
	.productBtn a{
		font-size:12px;
		color:#fff;
		font-weight:bold;
		transition: 0.5s;
		display:block;
		background:#ff8e24;
	}
	.pad0-b50{
		padding:0 3% 50px;
	}
	.pad0{
		padding:0 3%;
	}
	.voiceLeft{
		float:left;
		width: 100%;
	    text-align: center;
	}
	.voiceLeft img{
		display:inline-block;
	}
	.voiceRight{
		float: left;
	    width: 100%;
	    padding-left: 0px;
	    box-sizing: border-box;
	}
	.productTxt2-2{
		font-size:14px;
		line-height:24px;
		color:#252e33;
		width:100%;
		float:left;
		padding-top:20px;
		box-sizing:border-box;
		padding-left: 0px;
	}
}

/* ▼ナレッジ＆コラム▼ */
.column-Box {
	border-bottom: 1px solid #B7BFD1;
}
.p-columnTxt {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #252e33;
}
.columnBtnBox {
    width: 100%;
    float: left;
    margin-top: 22px;
    box-sizing: border-box;
}
.p-columnTit2 {
    font-size: 25px;
    color: #72ba24;
    width: 80%;
    float: left;
    letter-spacing: 0em;
}
.p-column__newsDateTit1 , .p-column__newsDateTit2 , .p-column__newsDateTit3 {
	position: relative;
	margin-left: 10px;
}
.p-column__newsDateTit1:before {
	content: "衣";
    position: absolute;
    top: -1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #df640b;
    text-align: center;
    padding: 1px 27px 1px;
    color: #fff;
}
.p-column__newsDateTit2:before {
	content: "食";
    position: absolute;
    top: -1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #df0b79;
    text-align: center;
    padding: 1px 27px 1px;
    color: #fff;
}
.p-column__newsDateTit3:before {
	content: "住";
    position: absolute;
    top: -1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #0b79df;
    text-align: center;
    padding: 1px 27px 1px;
    color: #fff;
}
.p-column__newsDate {
    color: #b7b7b7;
    font-weight: bold;
    float: right;
    margin-top: 7px;
    width: 80px;
}
.p-columnTitBox {
	float: left;
    width: 100%;
    margin: 20px auto;
}
.p-columnTitBox:first-child {
	margin-top: 60px;
}
.columnBtn {
	width: 100%;
    font-size: 16px;
	text-align: left;
    line-height: 64px;
    height: 64px;
    text-align: left;
}
.columnBtn a {
	color: #72BA24;
    font-weight: normal;
    display: block;
    font-size: 16px;
}
.columnBtn a:hover {
	text-decoration: underline;
}
.column-PdfIcon {
	display: inline-block;
	margin-right: 10px;
	vertical-align: sub;
}
@media screen and (max-width: 767px) {
	.p-columnTit2 {
	float: none;
	width : 100%;
	font-size: 20px;
	}
	.p-column__newsDate {
	float: none;
	}
	.p-columnTitBox {
	margin-bottom: 14px;
	}
	.l-topCarrierBtn img {
	width: 100%;
	}
}
/* ▼業務内容▼ */
.mp{
	padding-top:108px;
	margin-top:-108px;
}
.serviceLink{
	font-size:16px;
	color:#72ba24;
}
.serviceLink a{
	font-size:16px;
	color:#72ba24;
}
.serviceLink a:hover{
	text-decoration:underline;
}
.servicegTopicsBox {
    /* position: absolute; */
    /* bottom: 20px; */
    width: 100%;
    background: #fff;
    border-radius: 10px;
    /* padding: 20px; */
    /* box-sizing: border-box; */
    /* left: 0; */
    /* right: 0; */
    margin: 10px auto;
    float: left;
}
.serviceg__newsTxt {
    font-size: 14px;
    /* width: 838px; */
    line-height: 20px;
    margin: 5px 10px;
    display: inline-block;
    color: #fff;
    letter-spacing: 0.15em;
}
.serviceg__newsTxt a{
	color:#72BA24;
}
.serviceg__newsTxt a:hover{
	text-decoration: underline;
}
.serviceg__newsDate {
    font-size: 11px;
/*     width: 156px; */
    width: 80px;
    line-height: 20px;
    margin: 5px 0;
    color: #b7b7b7;
    font-weight: bold;
    display: inline-block;
}
.columnNews {
	width: 100%;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #72ba24;
    margin-bottom: 4px;
}
/* ▼パンくず▼ */
.panBox{
	width:100%;
	float:left;
	padding:10px 35px;
	box-sizing:border-box;
	z-index: 900;
    position: relative;
}
.panList{
	font-size:12px;
	color:#72ba24;
	margin-right:20px;
	float:left;
}
.panList a{
	font-size:12px;
	color:#b9b9b9;
}
.panList a:hover{
	TEXT-DECORATION:UNDERLINE;
}
.panListArw{
	font-size:12px;
	color:#b9b9b9;
	margin-right:20px;
	float:left;
}


/* ▼タイトル▼ */
.title01{
	font-size:36px;
	color:#72ba24;
	letter-spacing:0.15em;
}
.ta-c{
	text-align:center;
}
.aboutCatch{
	font-size:30px;
	color:#252e33;
	line-height:48px;
	font-weight:bold;
}
.aboutTxt{
	font-size:16px;
	line-height:30px;
	color:#252e33;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	.title01{
		font-size:36px;
		color:#72ba24;
		letter-spacing:0.15em;
	}
	.aboutCatch{
		font-size:20px;
		color:#252e33;
		line-height:28px;
		font-weight:bold;
	}
	.ta-c{
		text-align:left;
	}
	.aboutTxt{
		font-size:16px;
		line-height:24px;
		color:#252e33;
		font-weight:bold;
	}
}





.aboutMessageImgBox{
	width:100%;
	float:left;
	position:relative;
}
.aboutMessageImgBgLeft{
	position:absolute;
	width:548px;
	height:188px;
	background:rgba(255,255,255,0.7);
	top:190px;
	left:0;
}
.aboutMessageImgBgRight{
	position:absolute;
	width:548px;
	height:188px;
	background:rgba(255,255,255,0.7);
	top:190px;
	right:0;
}
.messageLeft{
	position:absolute;
	top:30px;
	left:24px;
}
.messageRight{
	position:absolute;
	top:30px;
	right:24px;
}
.messageTxtLeft{
	position:absolute;
	left:24px;
	top:90px;
	font-size:18px;
	color:#252e33;
	letter-spacing:0;
	font-weight:bold;
	line-height:24px;
}
.messageTxtRight{
	position:absolute;
	right:24px;
	top:90px;
	font-size:18px;
	color:#252e33;
	letter-spacing:0;
	font-weight:bold;
	line-height:24px;
	text-align:right;
}
.rightBox{
	padding-left: 60px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.aboutMessageImgBgLeft{
		position: relative;
	    width: 100%;
	    height: 160px;
	    background: rgba(255,255,255,0.7);
	    top: 0px;
	    left: 0;
	}
	.aboutMessageImgBgRight{
		position:relative;
		width:100%;
		height:160px;
		background:rgba(255,255,255,0.7);
		top:0px;
		right:0;
	}
	.messageLeft{
		position:absolute;
		top:10px;
		left:24px;
	}
	.messageRight{
		position:absolute;
		top:10px;
		right:auto;
		left:24px;
	}
	.messageTxtLeft{
		position:absolute;
		left:0px;
		top:54px;
		font-size:18px;
		color:#252e33;
		letter-spacing:0;
		font-weight:bold;
		line-height:24px;
	}
	.messageTxtRight{
		position:absolute;
		right:0px;
		top:54px;
		font-size:18px;
		color:#252e33;
		letter-spacing:0;
		font-weight:bold;
		line-height:24px;
		text-align:left;
	}
	.rightBox{
		padding-left: 0px;
	    box-sizing: border-box;
	}
}








label.radio_text {
	cursor       : pointer;
	position     : relative;
	padding-left : 5px;
	margin-right : 20px;
	overflow     : hidden;
	padding-left : 20px;
	display      : inline-block;
}
label.radio_text:before {
	position: absolute;
    width: 19px;
    height: 19px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    left: 0px;
    top: 0px;
    content: '';
    z-index: 3;
/*     background: #dddddd; */
}
label.radio_text:after {
	content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: 5px;
    top: 5px;
    background-color: #262626;
    z-index: 1;
}
label.radio_text input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 20px;
	height     : 20px;
	left       : -23px;
	top        : 1px;
	margin     : 0px;
	box-shadow : 20px -1px #FFF;
}
label.radio_text input[type="radio"]:checked {
	box-shadow : none;
}
label.radio_text input[type="radio"]:focus {
	opacity    : 0.2;
	box-shadow : 20px -1px #FFF;
}


.btnBg{
	background:url(../../img/btn_bg.png) no-repeat center center;
	width:281px;
	height:44px;
	font-size:22px;
	color:#fff;
	text-align:center;
	border: none;
	transition: 0.5s;
}
.btnBg:hover {
    opacity: 0.7;
}
.arw{
	color:#fff;
	font-size:22px;
	margin-left: 5px;
}
.imgH{

}

.linkBtn1{
	border: solid 1px #ccc;
    padding: 10px 20px;
    display: inline-block;
    margin: 0 10px;
    width: 240px;
}

@media screen and (max-width: 767px) {
	.linkBtn1{
		border: solid 1px #ccc;
	    padding: 10px 20px;
	    display: inline-block;
	    margin: 0 10px 20px;;
	    width: 240px;
	}
}

/* モーダル */
.modalBox{
	width:960px;
	float:left;
	margin:20px;
}
.modalTit{
	width:100%;
	float:left;
	text-align:center;
}
.modalTit img{
	display:inline-block;
}
.modalBoxIn{
	width:100%;
	float:left;
	position: relative;
}
.modalLeft{
	width:50%;
	float:left;
}
.modalRight{
	width:50%;
	float:left;
	padding-left:30px;
	box-sizing:border-box;
}
.modalInTit{
	width:100%;
	float:left;
	font-size:22px;
	color:#2e2e2e;
	font-weight:bold;
	letter-spacing:0em;
}
.modalInTit2{
	font-size:16px;
	color:#71ba23;
	font-weight:bold;
	letter-spacing:0em;
	margin-right:20px;
}
.modalTxt{
	font-size:14px;
	color:#2e2e2e;
	letter-spacing:0em;
	line-height:24px;
	width:100%;
	float:left;
	margin:5px 0 20px;
}
.modalBtnBox{
	width: 100%;
    float: left;
    height: 60px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.modalBtn{
	position:absolute;
	bottom:0;
	right:0;
}
.modalBtn a{
	background:#ff8e24;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	height:60px;
	width:410px;
	text-align:center;
	line-height:60px;
	display:block;
	float:right;
}
.modalNPBox{
	width:100%;
	float:left;
	height:140px;
}

@media screen and (max-width: 767px) {
	.modalBox{
		width: 96%;
	    float: left;
	    margin: 0px 2%;
	}
	.modalLeft{
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	.modalRight{
		width:100%;
		float:left;
		padding-left:0px;
		box-sizing:border-box;
	}
	.modalBtnBox{
		width: 100%;
	    float: left;
	    position:relative;
	}
	.modalBtn{
		position:relative;
		bottom:0;
		right:0;
		float: left;
    	width: 100%;
	}
	.modalBtn a{
		background:#ff8e24;
		color:#fff;
		font-size:16px;
		font-weight:bold;
		height:60px;
		width:100%;
		text-align:center;
		line-height:60px;
		display:block;
		float:right;
	}
	.accessTit{
		margin:0 3%;
		width:94%;
	}
	.modalBoxIn{
		width:100%;
		float:left;
		position: relative;
	}
}

.productTitS{
	width:100%;
	font-size:17px;
	color: #72ba24;
	font-weight: bold;
	display: block;
}
.marT20{
	margin-top:20px;
}
.aboutImg{
	float:left;
	margin:0 20px 20px 0;
}

/* チェックボックス追加 */
.sample input[type=radio],
.sample input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.sample input[type=radio] + label,
.sample input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 70px;

    cursor: pointer;
}

@media (min-width: 1px) {
    .sample input[type=radio],
    .sample input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .sample input[type=radio] + label,
    .sample input[type=checkbox] + label {
        padding: 0 0 0 70px;
    }
    .sample input[type=radio] + label::before,
    .sample input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 38px;
        height: 38px;
        margin-top: -20px;
        background: #FFF;
        border-radius: 2px;
        border: 1px solid #B3B3B3;
    }
    .sample input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .sample input[type=checkbox] + label::before {
        border: 1px solid #B3B3B3;
    }
    .sample input[type=radio]:checked + label::after,
    .sample input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .sample input[type=radio]:checked + label::after {
        left: 5px;

        width: 8px;
        height: 8px;
        margin-top: -4px;

        background: #E71063;
        border-radius: 8px;
    }
    .sample input[type=checkbox]:checked + label::after {
        left: 12px;

        width: 16px;
        height: 8px;
        margin-top: -8px;

        border-left: 3px solid #63ab15;
        border-bottom: 3px solid #63ab15;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}


#product{
	padding-top:108px;
	margin-top:-108px;
}

@media screen and (max-width: 767px) {
	#product{
		padding-top:61px;
		margin-top:-61px;
	}
}

.service_BnrBox{
	width:100%;
	margin-top:24px;
	margin-bottom:12px;
	display: flex;
	justify-content:space-between;
}
.service_Bnr{
	width:32%;
}
.service_Bnr img{
	display:inline-block;
	max-width:100%;
}

@media screen and (max-width: 767px) {
	.service_BnrBox{
		width:100%;
		margin-top:24px;
		margin-bottom:12px;
		display: block;
		justify-content:space-between;
		text-align:center;
	}
	.service_Bnr{
		width:100%;
		margin-bottom:20px;
	}
	.service_Bnr img{
		display:inline-block;
		max-width:100%;
	}
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
.linkBtn_top{
/*	border: solid 1px #ccc; */
	text-align:center;
/*	padding-top:50px; */
/*	padding-bottom:50px; */
    display: inline-block;
/*    margin-bottom: 50px; */
    width: 312px;
    box-sizing: border-box;
}


@media screen and (max-width: 767px) {
	.linkBtn_top{
/*		border: solid 1px #ccc; */
		text-align:center;
/*		padding-top:50px; */
/*		padding-bottom:50px; */
	    display: inline-block;
	    margin: 20px 0;
	    width: 100%;
	    box-sizing: border-box;
	}
}


/* 大人のゆりかご追加 */
.bgP{
	background:#fafafa;
}
.p-pageTitImgLW{
	width: 100%;
    min-width: 1024px;
    height: 300px;
    position: relative;
    background: url(../../img/title_img_lawomb.png) no-repeat center;
    background-size: 100% 100%;
}
.ffMin{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.fcP{
	color:#cd488d;
}
.titleDotP1{
	background: #cd488d;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
}
.titleDotP2{
	background: #9f359b;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
}
.fs48{
	font-size:48px!important;
}
.fs24{
	font-size:24px!important;
}
.bgLW{
	background: url(../../img/la_bk01.jpg) no-repeat center top;
	min-width:1024px;
}
.pad70110{
	padding:70px 0 110px;
}
.pad0{
	padding:0;
}
.bgW60{
	background-color: rgba(255,255,255,0.6);
	padding-top:20px;
	padding-bottom:40px;
}
.titLogoLW{
	text-align:center;
	margin-bottom:30px;
}
.titLogoLW img{
	display:inline-block;
}
#sliderLW .sp-previous-arrow:before, #sliderLW .sp-previous-arrow:after, #sliderLW .sp-next-arrow:before, #sliderLW .sp-next-arrow:after {
    content: '';
    position: absolute;
    width: 20%;
    height: 50%;
    background-color: #cd488d;
}
.topLWTxtBox1{
	width:100%;
	float:left;
}
.topLWTxt1{
	width:100%;
	text-align:center;
	margin-top:35px;
	margin-bottom: 10px;
	float:left;
}
.topLWTxt1 img{
	display:inline-block;
}
.topLWTxt2{
	font-size:14px;
	color:#606060;
	letter-spacing:0.05em;
	line-height:30px;
	text-align:center;
}


@media screen and (max-width: 767px) {
	.p-pageTitImgLW{
		width: 100%;
	    min-width: 100%;
	    height: 300px;
	    position: relative;
	    background: url(../../img/title_img_lawomb.png) no-repeat center;
	    background-size: 100% 100%;
	}
	.fs24{
		font-size:18px!important;
	}
	.bgLW{
		background: url(../../img/la_bk01_sp.jpg) no-repeat center top;
		min-width:100%;
		background-size: 100% 100%;
	}
	.pad0{
		padding:20px 3%;
	}
	.pad70110{
		padding:20px 0 20px;
	}
}




.pad4040{
	padding:40px 0;
}
.contBox3LW{
	width: 984px;
    float: left;
    padding: 0px 20px;
    position: relative;
}
.topContactBoxLW{
	width: 100%;
    float: left;
}
.contTxtBoxLW{
	width:100%;
	float:left;
}
.contTxtPointLW{
	float:left;
	width:100%;
}
.contTxtLW1{
	font-size:18px;
	color:#262626;
	letter-spacing:0.1em;
	line-height:30px;
	margin-top:5px;
	width:100%;
	float:left;
}
.marB20{
	margin-bottom:20px;
}
.btnBoxLW{
	background: url(../../img/lw_bk02.jpg) center top;
	width:100%;
	min-width:1024px;
	float:left;
	height:155px;
	text-align:center;
	padding:40px 0;
	box-sizing:border-box;
}
.btnLW{
	display:inline-block;
	width:545px;
	height:72px;
	box-sizing:border-box;
	border:1px solid #fff;
	font-size:24px;
	line-height:70px;
	letter-spacing:0.1em;
	background:rgba(255,255,255,0.2);
}
.btnLW a{
	display:block;
	height:100%;
	font-size:24px;
	color:#fff;
	letter-spacing:0.1em;
}
.btnLW a i{
	color:#fff;
	font-size:14px;
}
.txtLWCaution{
	width:100%;
	float:left;
	text-align:right;
	font-size:12px;
	color:#606060;
	margin-bottom:10px;
}
.txtrBoxLWAspha{
	width:100%;
	float:left;
	background:#fff5f8;
	padding:20px 15px;
	box-sizing:border-box;
}
.asphaTit{
	font-size:18px;
	color:#cd488d;
	letter-spacing:0.1em;
	width:100%;
}
.asphaTxt{
	font-size:12px;
	color:#606060;
	letter-spacing:0.05em;
	line-height:24px;
}
.bgLWProduct{
	background: url(../../img/lw_bk03.jpg) no-repeat center top;
	min-width:1024px;
}
.productLWBtn{
	text-align:center;
	margin:60px 0 250px;
}
.productLWBtn img{
	display:inline-block;
}
.bgLWVoice{
	background: url(../../img/lw_bk01.jpg) no-repeat center top;
	min-width:1024px;
}
.voiceBg{
	background:rgba(255,202,220,0.2);
}
.voiceNameLW{
	font-size:24px;
	color:#cd488d;
	letter-spacing:0.05em;
}
.voiceNameLW2{
	font-size:18px;
	color:#cd488d;
}
.voiceTxtLW{
	font-size: 12px;
    color: #606060;
    line-height: 24px;
    margin-top: 10px;
}


@media screen and (max-width: 767px) {
	.pad4040{
		padding:20px 0;
	}
	.contBox3LW{
		width: 94%;
	    float: left;
	    padding: 0px 3%;
	    position: relative;
	}
	.btnBoxLW{
		background: url(../../img/lw_bk02.jpg) center top;
		width:100%;
		min-width:100%;
		float:left;
		height:155px;
		text-align:center;
		padding:40px 0;
		box-sizing:border-box;
	}
	.btnLW{
		display:inline-block;
		width:94%;
		margin:0 3%;
		height:auto;
		box-sizing:border-box;
		border:1px solid #fff;
		font-size:14px;
		line-height:28px;
		letter-spacing:0.1em;
		background:rgba(255,255,255,0.2);
		padding: 10px;
	}
	.bgLWProduct{
		background: url(../../img/lw_bk03_sp.jpg) no-repeat center top;
		min-width:100%;
		background-size:100% auto;
	}
	.productLWBtn{
		text-align:center;
		margin:20px 0 50px;
	}
	.bgLWVoice{
		background: url(../../img/lw_bk01.jpg) repeat center top;
		min-width:100%;
		background-size:100% auto;
	}
}

.modalBtnLW{
	position: absolute;
    bottom: 0;
    right: 0;
}
.modalBtnLW a {
    background: #cd488d;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 60px;
    width: 410px;
    text-align: center;
    line-height: 60px;
    display: block;
    float: right;
}
@media screen and (max-width: 767px) {
	.modalBtnLW{
		position: relative;
	    bottom: 0;
	    right: 0;
	    float: left;
	    width: 100%;
	}
	.modalBtnLW a {
	    background: #cd488d;
	    color: #fff;
	    font-size: 16px;
	    font-weight: bold;
	    height: 60px;
	    width: 100%;
	    text-align: center;
	    line-height: 60px;
	    display: block;
	    float: right;
	}
	.spModalTit{
		width: 50%;
    	margin: 10px 0;
	}
}

.storeIntro{
	width: 984px;
    font-size: 16px;
    margin:20px auto;
    clear:both;
    padding:0 20px;
}
.storeIntro2{
	color:red;
	display:inline-block;
	width:100%;
	font-size:16px;
}
.storeRow{
	float:left;
	width:100%;
	margin-bottom:5px;
}
.storeItem{
	float:left;
	color:#72ba24;
	width: 70px;
	font-size: 14px;
}
.storeTxt{
	float:left;
	width:calc(100% - 70px);
}
.storeTxt a{
	color:#72ba24;
}
.storeTxt a:hover{
	color:#3a650c;
}
@media screen and (max-width: 767px) {
	.storeIntro{
		width: 90%;
	    font-size: 16px;
	    margin: 20px 5%;
	    float: left;
	    padding:0;
	}
	.storeItem{
		float:left;
		color:#72ba24;
		width: 100%;
		font-size: 14px;
	}
	.storeTxt{
		float:left;
		width:100%;
	}
	.storeRow{
		float:left;
		width:100%;
		margin-bottom:10px;
	}
}

.widPad{
	padding-left:30px;
	box-sizing:border-box;
}
@media screen and (max-width: 767px) {
	.widPad{
		padding-left:0px;
		box-sizing:border-box;
	}
}


/* 研修 */
.trainingTopBg{
	width: 100%;
    min-width: 1024px;
    position: relative;
}
.trainingBtn{
	position: absolute;
    bottom: 7%;
    left: 5%;
    width: 20%;
}
.trainingBgG{
	background-color:#72ba24;
	position:relative;
}
.trainingBgG2{
	background-color:#ecf8de;
	position:relative;
}
.trainingBgW{
	background-color:#fff;
	position:relative;
}
.trainingCatchImg{
	text-align:center;
}
.trainingCatchImg img{
	display:inline-block;
}
.trainingPad0{
	padding:0 20px;
}
.bgTG{
	background-image:url(../../img/bg_tg.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.bgTW{
	background-image:url(../../img/bg_tw.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.trainingImg{
	padding:50px 0;
	text-align:center;
}
.trainingImg img{
	display:inline-block;
}
.trainingContactBtn{
	margin-top: 20px;
}
.trainingStage03Tit{
	font-size:40px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	padding: 30px 0;
}
.trainingStage03Box{
	display:flex;
	padding-bottom: 30px;
	align-items: center;
}
.trainingStage03Img{
	padding-right:30px;
}
.trainingStage03Txt{
	display:flex;
	align-items:center;
	padding: 20px 0;
}
.trainingStage03Txt div{
	font-size:18px;
	font-weight: bold;
	color:#333333;
}
.trainingStage03Txt span{
	font-size:18px;
	font-weight: bold;
	color:#ff9f00;
	text-decoration:underline;
}
.trainingStage03Txt img{
	padding-right:30px;
}
.solution{
	position:absolute;
	top: -35px;
	left: calc(50% - 110px);
}
.ofV{
	overflow:visible;
}
.trainingStage04Tit{
	text-align:center;
	font-size:40px;
	font-weight:bold;
	color:#72ba24;
	padding-top:60px;
}
.trainingStage04Catch{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#a3d76a;
}
.trainingStage04Txt{
	font-size:16px;
	color:#333333;
	text-align:center;
	font-weight: bold;
	padding: 50px 0;
}
.trainingLecturerBox{
	background:#ecf8de;
	padding:40px 20px;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:50px;
}
.lecturerImg{
	width:248px;
	margin-right:20px;
}
.lecturerTxTBox{
	width:calc(100% - 268px);
}
.lecturerName{
	font-size:34px;
	color:#333333;
	font-weight:bold;
	padding-bottom: 10px;
}
.lecturerTxt{
	font-size:14px;
	color:#333333;
	line-height:1.6;
	letter-spacing: 0;
	padding-bottom: 20px;
}
.lecturerDiscBox{
	background:#fff;
	padding:10px;
}
.lecturerRow{
	display:flex;
	align-items:flex-start;
	padding: 10px 0;
}
.lecturerItem{
	background:#ff9f00;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	width:100px;
	text-align:center;
	line-height:24px;
	margin-right:25px;
}
.lecturerDisc{
	width:calc(100% - 125px);
	font-size:14px;
	color:#333333;
}
.marB50{
	margin-bottom:50px;
}
.trainingBnr{
	padding:20px 0;
	width: 60%;
    margin: auto;
}
#training{
	padding-top:108px;
	margin-top:-108px;
}





@media screen and (max-width: 767px) {
	.trainingTopBg{
		width: 100%;
    	min-width: 100%;
	}
	.trainingPad0{
		padding:0 3%;
	}
	.trainingStage03Tit{
		font-size:30px;
	}
	.trainingStage03Box{
		flex-wrap:wrap;
	}
	.trainingStage03Img{
		width:100%;
		padding-right:0;
		text-align: center;
	}
	.trainingStage03Img img{
		display:inline-block;
	}
	.trainingStage04Tit{
		font-size:30px;
		padding-bottom: 10px;
	}
	.trainingStage04Catch{
		font-size:16px;
	}
	.lecturerImg{
		width:100%;
		margin-right:0;
		text-align: center;
	}
	.lecturerImg img{
		display:inline-block;
	}
	.lecturerTxTBox{
		width: 100%;
	}
	.lecturerName{
		font-size:28px;
		text-align:center;
	}
	.trainingStage04Txt{
		padding-top: 20px;
	}
	.trainingImg{
		padding-bottom: 20px;
	}
	.trainingBtn{
		position:relative;
		width: 100%;
	    left: 0;
	    bottom: 0;
	}
	.trainingBnr{
		width:100%;
	}
}
@media screen and (max-width: 480px) {
	.lecturerRow{
		flex-wrap:wrap;
	}
	.lecturerDisc{
		width:100%;
	}
	.lecturerItem{
		margin-bottom: 10px;
	}
}


/* 追加 */
.blogBox a{
	display:flex;
	height:100%;
	align-items:center;
	transition:0.2s;
}
.blogDate{
	font-size: 20px;
	margin-bottom:10px;
}
.blogTit{
	font-size:24px;
	color:#72ba24;
}
.blogImg{
	width: 45%;
    margin-right: 5%;
}
.blogTxtBox{
	width:50%;
}
.blogBox a:hover{
	opacity:0.7;
}
.blogBox{
	border-bottom: 1px dotted #ccc;
    padding: 20px;
}
.p-pageTitImgBlog {
    width: 100%;
    min-width: 1024px;
    height: 400px;
    position: relative;
    background: url(../../img/title_img_blog.jpg) no-repeat center;
}
.blogDetailImg{
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}
.blogDetailTxt{
	font-size:14px;
}
.blogDetailTit{
	font-size:24px;
	color:#72ba24;
	margin-bottom: 20px;
}
.blogDetailDate{
	font-size:22px;
}

@media screen and (max-width: 767px) {
	.p-pageTitImgBlog {
	    width: 100%;
	    min-width: 100%;
	    height: 300px;
	    position: relative;
	    background: url(../../img/title_img_blog.jpg) no-repeat center;
	}
}
@media screen and (max-width: 480px) {
	.blogBox a{
		flex-wrap: wrap;
	}
	.blogImg{
		width: 100%;
	    margin-right: 0;
	    margin-bottom: 20px;
	}
	.blogTxtBox{
		width: 100%;
	}
}



.p-pageTitImgService {
    width: 100%;
    min-width: 100%;
    height: 300px;
    position: relative;
    background: url(../../img/title_img_service.jpg) no-repeat center;
}




