@charset "UTF-8";
/*
=======================================================
1.BOX
2.MARGIN
3.TOP
4.LOW
=======================================================
*/
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

body{
	padding-top:196px;
}
.mincho{
	font-family: "Sawarabi Mincho";
}
@media screen and (max-width: 767px) {
	body{
		padding-top:50px;
	}
}

/* 1.BOX */
.box100{
	width:100%;
}
.topContainer{
	width:1200px;
	margin:auto;
	padding:30px 0;
}
.boxRow{
	display:flex;
	width:100%;
	justify-content: space-between;
	flex-wrap:wrap;
}

.box-2-Cell{
	width:48%;
}
.box-3-Cell{
	width:calc(94% / 3);
}
.box-4-Cell{
	width:24%;
}




@media screen and (max-width: 1199px) {
	.topContainer{
		width:970px;
	}
}
@media screen and (max-width: 991px) {
	.topContainer{
		width:750px;
	}
}
@media screen and (max-width: 767px) {
	.box-2-Cell{
		width:100%;
		margin-bottom:30px;
	}
	.box-3-Cell{
		width:100%;
		margin-bottom:30px;
	}
	.box-4-Cell{
		width:100%;
		margin-bottom:30px;
	}
	.topContainer{
		width:94%;
	}
}


/* 2.MARGIN */

/* TOP */
.marT50{
	margin-top:50px!important;
}
/* bottom */
.marB50{
	margin-bottom:50px;
}

/* 3.TOP */
.topImage img{
	width:100%;
	display:inline-block;
	max-width:1920px;
}
.topStage01{
	position:relative;
	height: 550px;
}
.topStage01:before{
	position:absolute;
	content:"";
	background:url(../img/nami1.png);
	background-position:top center;
	top:-80px;
	width:100%;
	height: 80px;
}
.topTit{
	text-align:center;
}
.topTit img{
	display:inline-block;
}
.topStage01Bg{
	background-image:url(../img/top_stage01_c.png),url(../img/top_stage01_l.png),url(../img/top_stage01_r.png);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:center top 100px,left center,right center;
}
.topStage01Txt{
	background:rgba(255,255,255,0.5);
	text-align:center;
	font-size:16px;
	color:#434343;
	line-height:36px;
	width: 380px;
	padding: 30px 5px;
	margin: 220px auto 0;
}
.topStage02{
	position:relative;
	background:#cce396;
}
.topStage02:before{
	position:absolute;
	content:"";
	background:url(../img/nami2.png);
	background-position:top center;
	top:-80px;
	width:100%;
	height: 80px;
}
.titleBg1{
	font-size:28px;
	color:#434343;
	text-align:center;
	font-weight:bold;
	background:url(../img/title_bg1.png);
	background-position:top center;
	background-repeat:no-repeat;
	min-height:57px;
	padding-top: 10px;
}
.titleSub{
	display:block;
	font-size:14px;
	color:#434343;
	margin-top: 10px;
}
.stage02Box{
	margin-top:30px;
}
.stage02Box .box-3-Cell{
	text-align:center;
	position:relative;
}
.stage02Box .box-3-Cell img{
	display:inline-block;
}
.stage02Box .box-3-Cell:after{
	transition:0.4s;
	content:"";
	position:absolute;
	width:0%;
	left:30%;
	bottom:6px;
}
.stage02Box .box-3-Cell:hover:after{
	content:"";
	position:absolute;
	width:40%;
	left:30%;
	bottom:6px;
	height:1px;
	background:#434343;
}
.topStage03{
	position:relative;
}
.topStage03 .topContainer{
	padding: 100px 0 50px;
}
.topStage03Bg{
	background-image:url(../img/top_stage03_l.png),url(../img/top_stage03_r.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left top 33px,right top 33px;
}
.topNewsDate{
	font-size:16px;
	color:#434343;
	font-weight:bold;
	margin-right:25px;
}
.topNewsBatch{
	margin-right:25px;
}
.newsBatch{
	font-size:12px;
	color:#434343;
	text-align:center;
	background:url(../img/btn_bg2.png)no-repeat center center;
	width:103px;
	height:21px;
	line-height: 22px;
	font-weight:bold;
}
.topNewsTxt a{
	font-size:16px;
	color:#434343;
	font-weight:bold;
}
.topNewsRow{
	display:flex;
	margin-bottom:30px;
	flex-wrap:wrap;
}
.topStage03Box{
	margin-top: 90px;
}
.topStage04{
	position:relative;
	background:#def6e7;
}
.topStage04 .topContainer{
	padding: 100px 0 100px;
}
.topStage04Box{
	display:flex;
	justify-content: space-between;
}
.stage04Message{
	width:50%;
}
.stage04Img{
	padding-left: 20px;
    width: 50%;
}
.stage04Tit{
	font-size:28px;
	color:#434343;
	font-weight:bold;
	margin-bottom:80px;
}
.stage04Txt{
	font-size:16px;
	color:#434343;
	line-height:1.6;
	margin-bottom:50px;
}
.linkBtn1{
	background:#cea15d;
	width:160px;
	height:40px;
	text-align:center;
	line-height:40px;
}
.linkBtn1 a{
	display:block;
	color:#fff;
	font-size:14px;
	transition:0.2s;
}
.linkBtn1 a:hover{
	text-decoration:none;
	opacity:0.7;
}
.topStage04Bg{
	background-image:url(../img/top_stage04_l.png),url(../img/top_stage04_r.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left bottom,right bottom;
}
.topStage05{
	position:relative;
}
.topStage05 .topContainer{
	padding: 100px 0 100px;
	position:relative;
}
.titleBg2{
	font-size:28px;
	color:#434343;
	text-align:center;
	font-weight:bold;
	background:url(../img/title_bg2.png);
	background-position:top center;
	background-repeat:no-repeat;
	min-height:57px;
	padding-top: 10px;
}
.stage05Box{
	margin-top:30px;
	background:url(../img/stage05_bg1.png);
	background-size: cover;
	padding:30px;
	position:relative;
}
.stage05Box.bg2{
	background:url(../img/stage05_bg2.png);
}
.stage05Box .box-3-Cell {
    text-align: center;
    position: relative;
}
.stage05Box .box-3-Cell img {
    display: inline-block;
    margin: auto;
}
.stage05TxtBox{
	padding:5px 30px 0;
}
.stage05TxtBox .box-3-Cell {
    text-align: center;
    position: relative;
}
.stage05TxtBox .box-3-Cell img {
    display: inline-block;
}
.stage05TxtBox .box-3-Cell:after{
	transition:0.4s;
	content:"";
	position:absolute;
	width:0%;
	left:30%;
	bottom:6px;
}
.stage05TxtBox .box-3-Cell:hover:after{
	content:"";
	position:absolute;
	width:60%;
	left:20%;
	bottom:6px;
	height:1px;
	background:#434343;
}
.stage05TxtBox .box-3-Cell.hoverNone:hover:after{
	content:none;
}
.stage05Img1{
	position:absolute;
	top: 300px;
    left: -200px;
}
.stage05Img2{
	position:absolute;
    right: 16px;
    bottom: 20px;
    z-index: 9;
}
.stage05Img3{
	position:absolute;
    left: 16px;
    bottom: 20px;
    z-index: 9;
}
.topImage{
	width:100%;
	text-align:center;
	min-width:1200px;
	background: #f7f1df;
	position:relative;
	margin: auto;
	overflow: hidden;
}
.videoBox{
	position:relative;
	width:100%;
	padding-top:49%;
}
.topImage video{
	position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.topImageBg{
	position:absolute;
	top:0;
	left:0;
	pointer-events: none;
}
.topImage .container{
	width:90%;
}
.topImageLeft{
	position:absolute;
	top:0;
	width:35%;
	left: -10%;
}
.topImageRight{
	position:absolute;
	bottom:8%;
	width:20%;
	right: 0%;
}




@media screen and (max-width: 1199px) {
	.topImage{
		min-width: 970px;
	}
}
@media screen and (max-width: 991px) {
	.topImage{
		min-width: 750px;
	}
}
@media screen and (max-width: 767px) {
	.topImage{
		min-width: 94%;
	}
	.stage04Message{
		width:100%;
		margin-bottom: 40px;
	}
	.topStage04Box{
		flex-wrap: wrap;
	}
	.stage04Tit{
		margin-bottom:20px;
	}
	.stage04Img{
		width:100%;
		text-align:center;
	}
	.stage04Img img{
		display:inline-block;
	}
	.topStage01Txt{
		width:90%;
	}
	.stage05Img1{
		left: -50px;
	}
	.topNewsTxt{
		width:100%;
		margin-top: 5px;
	}
	.topStage04 .topContainer{
		padding: 50px 0 50px;
	}
	.topStage05 .topContainer{
		padding: 50px 0 50px;
	}
	.topStage01:before{
		content:none;
	}
	.topImageLeft{
		display:none;
	}
	.topImageRight{
		display:none;
	}
	.topImage .container{
		width:100%;
		padding: 0;
	}
	.topImageBg{
		display:none;
	}
	.videoBox{
		padding-top: calc(100vh - 100px);
	}
	.topImage video{
		width:auto;
		left: 50%;
		top:0;
		height:100%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	}
	.topStage03Bg{
		background-image: none;
	}
	.stage05Img1{
		display:none;
	}
	.topStage03 .topContainer{
		padding: 50px 0 50px;
	}
	.topNewsRow{
		border-bottom: 1px solid #ddd;
	    padding-bottom: 20px;
	    margin-bottom: 20px;
	}
}


/* 4.LOW */
.lowStage01{
	position:relative;
}
.lowStage01 .topContainer{
	padding: 100px 0;
}
.aboutImgBox{
	text-align:center;
	margin-top: 20px;
	margin-bottom:100px;
}
.aboutImgBox img{
	display:inline-block;
}
.aboutBox{
	max-width:1000px;
	margin:auto;
}
.lowTit1{
	display: flex;
    align-items: center;
    font-size:28px;
    color:#000;
    font-weight:bold;
    background: url(../img/low_tit_line.png)repeat-x left bottom;
    padding-bottom: 26px;
}
.aboutBoxIn{
	display:flex;
	justify-content: space-between;
	margin-top: 30px;
	flex-wrap: wrap;
}
.aboutCell{
	width:49%;
	display:flex;
	margin-bottom: 60px;
}
.aboutCellImg{
	margin-right:20px;
	width:190px;
}
.aboutCellTxtBox{
	width: calc(100% - 210px);
}
.aboutSellTit{
	font-size:25px;
	color:#ff9a2e;
	font-weight:bold;
	margin-bottom: 10px;
}
.aboutCellTxt{
	font-size:16px;
	color:#434343;
	line-height:1.6;
}
.serviceImgTxtBox{
	text-align:center;
}
.serviceImgBox{
	text-align: center;
	margin-top:50px;
}
.serviceImgBox img{
	display:inline-block;
}
.serviceImgTxt{
	font-size:20px;
	color:#000;
	background:url(../img/service_txt_bg.png)no-repeat;
	background-size: 100% 100%;
	display:inline-block;
	padding: 20px 100px;
	background-position: center center;
}
.serviceBox1{
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.serviceCell{
	width:49%;
	position:relative;
	margin-bottom: 60px;
}
.serviceCellTit{
	font-size:20px;
	color:#000;
	text-align:center;
	margin-bottom: 10px;
}
.serviceCellImg{
	text-align:center;
	margin-bottom:20px;
	position:relative;
}
.serviceCellImg img{
	display:inline-block;
}
.serviceCellTxt{
	text-align:center;
	font-size:16px;
	color:#000;
}
.serviceIcon1{
	position:absolute;
	right: 41px;
    bottom: 0;
}
.serviceIcon2{
	position:absolute;
	left: 78px;
    bottom: 0;
}
.serviceIcon3{
	position:absolute;
	left: 0px;
    bottom: 0;
}
.serviceIcon4{
	position:absolute;
	right: -20px;
    bottom: 19px;
}
.serviceFloorBox{
	position:relative;
	padding-bottom: 200px;
}
.serviceFloorTit{
	font-size:24px;
	color:#000;
	text-align:center;
	margin-top: 40px;
}
.serviceFloorImg{
	text-align:center;
	margin-top:20px;
}
.serviceFloorImg img{
	display:inline-block;
}
.serviceFloorIcon1{
	position:absolute;
	left: -35px;
    top: 20px;
}
.serviceFloorIcon2{
	position:absolute;
	right: -30px;
    top: 0px;
}
.serviceFloorIcon3{
	position:absolute;
	right: 10px;
    top: 200px;
}
.serviceFloorIcon4{
	position:absolute;
	right: 300px;
    bottom: -0px;
}
.feeTit{
	display: flex;
    align-items: center;
    font-size: 28px;
    color: #434343;
    background: url(../img/low_tit_line.png)repeat-x left bottom;
    padding-bottom: 26px;
    justify-content: center;
    font-weight:bold;
}
.feeBox{
	margin-top:120px;
}
.feeListRow{
	display:flex;
	border-bottom: 1px solid #ccc;
    padding: 10px;
}
.feeListItem{
	font-size: 16px;
	color:#000;
	width:200px;
}
.feeListTxt{
	font-size: 18px;
	color:#000;
	width:calc(100% - 200px);
}
.feeListBox{
	max-width: 800px;
    margin: auto;
    margin-top: 40px;
}
.feeDesc{
	font-size: 16px;
	color:#000;
	margin-top: 30px;
	text-align: center;
}
.newsTitBox{
	display:flex;
	align-items: center;
	margin-bottom:30px;
}
.newsBox{
	max-width: 1000px;
    margin:80px auto 0;
}
.newsDate{
	font-size: 20px;
    color: #434343;
    font-weight: bold;
    margin-right: 25px;
}
.newsBatchBox{
	margin-right:40px;
}
.newsTit{
	font-size: 20px;
    color: #434343;
    font-weight: bold;
}
.newsImg{
	text-align:center;
	margin-bottom:30px;
}
.newsImg img{
	display:inline-block;
}
.newsTxt{
	font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.05em;
}
.newsListBox{
	border-bottom: 1px solid #ccc;
    padding: 40px 0;
}
.contactRow{
	display:flex;
	align-items: center;
	padding: 14px 20px;
	border-bottom: 1px solid #ccc;
	flex-wrap: wrap;
}
.contactItem{
	font-size: 16px;
    width: 220px;
    text-align: right;
    font-weight: bold;
    padding-right: 20px;
}
.contactBox{
	margin:80px auto 0;
	max-width: 800px;
}
.hissu{
	background: #db332f;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	width:46px;
	text-align:center;
	line-height:20px;
	height:18px;
	border-radius:2px;
	display:inline-block;
	margin-right: 10px;
}
.contactTxt{
	width: calc(100% - 220px);
	display:flex;
	flex-wrap: wrap;
	font-size: 18px;
}
input[type="text"] ,input[type="email"] ,input[type="tel"]{
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px 10px;
	height: 36px;
	font-size: 18px;
}
textarea {
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px 10px;
}
.form15{
	width:15%;
}
.form20{
	width:20%;
}
.form30{
	width:30%;
}
.form100{
	width:100%;
}
.contactHyphen{
	display: flex;
    align-items: center;
    padding: 0 5px;
}
.formSelectArw{
	position:relative;
}
.formSelectArw select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 36px;
    font-size: 18px;
}
.formSelectArw:after{
	content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 6px;
    font-size: 20px;
    line-height: 36px;
    pointer-events: none;
}
.addLow > .form100{
	margin-bottom:10px;
	font-size: 18px;
}
.addLow > .form100:last-of-type{
	margin-bottom:0px;
}
.addItem{
	margin-top:5px;
	font-size:12px;
}
.formPP{
	height:260px;
	overflow-y: auto;
	padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.formPPCheckBox{
	width:100%;
	margin-top: 30px;
    text-align: center;
}
.formBtnBox{
	text-align:center;
	margin-top:50px;
}
.formBtn1{
	font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: bold;
    border: 2px solid #aad36a;
    height: 64px;
    width: 336px;
    margin: 0 auto 15px;
    border-radius: 32px;
    display: block;
    background: #aad36a;
    color: #fff;
    transition:0.3s;
}
.formBtn2{
	font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: bold;
    border: 2px solid #ccc;
    height: 64px;
    width: 336px;
    margin: 0 auto 15px;
    border-radius: 32px;
    display: block;
    background: #ccc;
    color: #fff;
    transition:0.3s;
}
.formBtn3{
	font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: bold;
    border: 2px solid #aad36a;
    height: 64px;
    width: 336px;
    margin: 0 auto 15px;
    border-radius: 32px;
    display: block;
    background: #aad36a;
    color: #fff;
    transition:0.3s;
}
.formBtn1:hover,.formBtn2:hover,.formBtn3:hover{
	opacity:0.7;
}
.contactPPTxtBox{
	border:1px solid #eee;
	padding:10px;
	height:300px;
	overflow-y:scroll;
}
.contactPPTit{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.contactPPTxt{
	font-size:14px;
	line-height:1.4;
	margin-bottom:20px;
}
.contactCompBox{
	text-align:center;
	font-size:20px;
}
.recruitBox{
	margin:80px auto 0;
}
.recruitStaffBox{
	display:flex;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 40px;
	align-items: center;
	flex-wrap: wrap;
}
.recruitStaffTxtBox{
	width:65%;
	padding:10px;
}
.recruitStffImg{
	width:35%;
	padding:10px;
}
.recruitStaffTit{
	font-weight: bold;
	margin-bottom: 10px;
	font-size:  24px;
	border-bottom:  1px solid #eee;
	padding-bottom:  20px;
}
.recruitStaffTxt{
	font-size:16px;
	margin-bottom:30px;
}
.recruitPointBox{
	margin:40px auto 0;
	max-width:800px;
}
.recruitPointRow{
	display:flex;
	border-bottom:1px solid #90CAF9;
	flex-wrap:wrap;
}
.recruitPointBox .recruitPointRow:first-of-type{
	border-top:1px solid #90CAF9;
}
.recruitPointItem{
	width: 200px;
    font-size: 20px;
    padding:10px;
    background:#BBDEFB;
}
.recruitPointTxt{
	font-size: 20px;
    padding: 10px;
    width:calc(100% - 200px);
}
#recruit1,#recruit2,#recruit3{
	padding-top:200px;
	margin-top:-200px;
}
.recruitLink{
	margin:0 10px 20px;
	border:1px solid #ccc;
	transition:0.25s;
}
.recruitLink:hover{
	border:1px solid #cce396;
}
.recruitLink a{
	font-size:18px;
	color:#222222;
	text-align:center;
	display:block;
	height:100%;
	padding:20px 0;
	transition:0.25s;
}
.recruitLink a:hover{
	text-decoration:none;
	background:#cce396;
	color:#fff;
}
.recruitLinkBox{
	margin-top:50px;
}
.feeListBox table,.feeListBox tr,.feeListBox td,.feeListBox th {
	border-collapse: collapse;
	border:1px solid #aaa;
}
.feeTb{
	width:100%;
}
.feeTbHead{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	background:#eee;
	padding:10px;
}
.feeTbCell{
	width:15%;
	text-align:center;
	font-size:16px;
	padding:10px;
	vertical-align:middle;
}
.feeListBox tr .feeTbCell:first-of-type{
	font-weight:bold;
}
.feeTotal{
	background:#eee;
}
.feeTotal .feeTbCell{
	font-weight:bold;
}
.feeTxtBoxTit:before{
	content:"\f058";
	font-family:FontAwesome;
	color:#aad36a;
}
.feeTxtBoxTit{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.feeTxtBoxTit2{
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}
.feeTxtBoxTxt{
	font-size:16px;
	margin-bottom:20px;
	line-height: 1.6;
}
.feeBtmTb{
	border-collapse: collapse;
    border: 1px solid #aaa;
    width: 70%;
}
.feeBtmTbTxt{
	padding:10px;
	text-align:center;
	font-size:18px;
}
.flex-JC-C{
	justify-content: center;
}
.recruitStaffTbLeft{
	width:49%;
}
.recruitStaffTbRight{
	width:49%;
}
.recruitStaffTbRightTxt{
	font-size:16px;
}
.recruitStaffTbRightImg{
	text-align:center;
	margin-bottom:10px;
}
.recruitStaffTbRightImg img{
	display:inline-block;
}
.recruitStaffTbTit{
	width:100%;
	font-size:16px;
	margin-bottom:10px;
}
.rexruitStaffTb{
	border:3px solid #f9f4e5;
}
.recruitStaffRow{
	width:100%;
	display:flex;
}
.rexruitStaffTbItem{
	font-size:18px;
	width:100px;
	background:#f9f4e5;
	text-align:right;
	padding:10px;
}
.recruitStaffTbTxt{
	font-size:18px;
	width:calc(100% - 100px);
	padding:10px;
}









@media screen and (max-width: 1199px) {
	.recruitStffImg{
		width:40%;
	}
	.recruitStaffTxtBox{
		width:60%;
	}
}
@media screen and (max-width: 991px) {
	.aboutCell{
		width:100%;
	}
	.recruitStffImg{
		width:45%;
	}
	.recruitStaffTxtBox{
		width:55%;
	}
}
@media screen and (max-width: 767px) {
	.aboutCellImg{
		width:100%;
		margin-right:0;
		text-align:center;
	}
	.aboutCellImg img{
		display:inline-block;
	}
	.aboutCellTxtBox{
		width:100%;
	}
	.serviceCell{
		width:100%;
		overflow:hidden;
	}
	.serviceFloorBox{
		overflow: hidden;
	}
	.feeListRow{
		flex-wrap: wrap;
	}
	.feeListItem{
		width:100%;
		font-size: 20px;
	}
	.feeListTxt{
		width:100%;
		font-size: 20px;
	}
	.feeDesc{
		font-size:20px;
		text-align: left;
	}
	.feeTit{
		font-size:23px;
	}
	.serviceImgTxt{
		padding: 20px 0px;
	}
	.newsTitBox{
		flex-wrap:wrap;
	}
	.newsTit{
		width: 100%;
		margin-top: 10px;
	}
	.newsBox{
		margin: 20px auto 0;
	}
	.contactItem{
		width:100%;
		text-align:left;
		margin-bottom: 10px;
	}
	.contactTxt{
		width:100%;
	}
	.form30{
		width:100%;
	}
	.formBtn1{
		width:100%;
	}
	.contactBox{
		margin: 40px auto 0;
	}
	.order1sp{
		order: 1;
	}
	.order2sp{
		order: 2;
	}
	.recruitStaffTxtBox{
		width:100%;
	}
	.recruitStffImg{
		width:100%;
		text-align:center;
	}
	.recruitStffImg img{
		display:inline-block;
	}
	.recruitPointItem{
		width:100%;
	}
	.recruitPointTxt{
		width:100%;
	}
	.lowStage01 .topContainer{
		padding: 50px 0;
	}
	.feeBox{
		margin-top: 80px;
	}
	.serviceImgTxtBox.visible-xs{
		margin-top:10px;
	}
	.aboutCell{
		flex-wrap: wrap;
	}
	.feeBtmTb{
		width:100%;
	}
	.recruitStaffTbLeft{
		width:100%;
		margin-bottom:10px;
	}
	.recruitStaffTbRight{
		width:100%;
	}
	.serviceFloorIcon3{
		top: 400px;
	}
	.serviceFloorIcon1{
		z-index: -1;
	}
}






.radio01-input{
  display: none;
}
.radio01-parts{
  padding-left: 24px;
  position:relative;
  margin-right: 30px;
  font-size: 16px;
}
.radio01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border: 1px solid #9d9d9d;
  border-radius: 50%;
}
.radio01-input:checked + .radio01-parts{
  color: #5e9766;
}
.radio01-input:checked + .radio01-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	background: #5e9766;
	border-radius:50%;
}


.checkbox01-input{
  display: none;
}
.checkbox01-parts{
  padding-left: 30px;
  position:relative;
  margin-right: 20px;
  font-size: 18px;
    font-weight: bold;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #9d9d9d;
  border-radius: 2px;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #009a9a;
}
.checkbox01-input:checked + .checkbox01-parts::after{
	content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 8px;
    width: 8px;
    height: 17px;
    transform: rotate(40deg);
    border-bottom: 4px solid #000;
    border-right: 4px solid #000;
}

.recruitName{
	font-size: 32px;
    color: #434343;
    font-weight:bold;
    text-align:center;
    margin-bottom: 50px;
}
.videoBox:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
/* 	background:url(../img/bg_dot.png); */
}
.topImgCatch{
	position:absolute;
	right: 0%;
    top: 0%;
}
.topCatchPC{
	width:100%!important;
}
.topImage .topImgCatch .topCatchSP{
	display:none;
}
.aboutEventBox{
	background:#f7f1df;
}
.lowTit1.event{
	background:none;
}
.eventBg{
	background-image:url(../img/event_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	min-height:488px;
}
.aboutEventRow{
	display:flex;
	align-items: center;
	margin-bottom: 10px;
}
.aboutEventItem{
	font-size:16px;
	color:#8766cb;
	font-weight:bold;
	width:50px;
	text-align:right;
}
.aboutEventDot{
	width:30px;
	text-align:center;
}
.aboutEventDot img{
	display:inline-block;
}
.aboutEventTxt{
	font-size:16px;
	color:#000000;
}

@media screen and (max-width: 767px) {
	.topImgCatch{
		top:0;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	.topCatchPC{
		display:none!important;
	}
	.topCatchSP{
		display:block!important;
		position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    height: 100%;
	    width: auto!important;
	    left: 50%;
	    transform: translateX(-49%);
	}
}
@media screen and (max-width: 480px) {

}

/* 追加 */
.boxRow.boxenter{
	justify-content: center;
}
.bosyu{
	font-size:16px;
}
.recruitCaution{
	text-align:center;
	font-size:16px;
}
.recruitMarB{
	margin-bottom:10px;
}
.peN{
	pointer-events: none;
}