@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&display=swap);

@font-face {
font-family: "GenJyuuGothic-Regular";
src: url('../fonts/GenJyuuGothic-Regular.eot'),
url('../fonts/GenJyuuGothic-Regular.woff');
}

@font-face {
font-family: "GenJyuuGothic-Bold";
src: url('../fonts/GenJyuuGothic-Bold.eot'),
url('../fonts/GenJyuuGothic-Bold.woff');
}

html{
    font-size: 62.5%;
}

body{
    font-size: 16px; font-size: 1.6rem;
    line-height: 2;
	font-family: 'GenJyuuGothic-Bold', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 
	
}

h1 {
    font-size: 36px;
    font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429));
    line-height: 1.3;
}
h2 {
    font-size: 24px;
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));
    line-height: 1.3;
}
@media (min-width: 1200px) {
    h1 {
        font-size: 3.6rem;
    }
    h2 {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 640px) {
    body{
    font-size: 16px; font-size: 1.6rem;
    line-height: 1.8;
    }
    h1{
        font-size: 2.4rem;
    }
    h2 {
        font-size: 2rem;
    }
}
	

a:link {
	color: #000;
	text-decoration:none;
}
a:visited {
	color: #000;
	text-decoration:none;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: #666;
}
a:focus {
	outline: none !important;
}
*:focus {
	outline: none;
}
.clear {
	clear: both;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
img {
    max-width: 100%; 
    height:auto;
	-webkit-backface-visibility: hidden;
}
a img:hover {
	opacity: 0.5 ;
	transition: 1.0s ;
}
.img-max img {
	width: 100%;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.right {
	text-align: right;
}
.fl-center{
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.font10 {
    font-size: 1.0rem;
}
.font12 {
    font-size: 1.2rem;
}
.font14 {
    font-size: 1.4rem;
}
.red {
	color: #ff0000;
}
.b {
	font-weight: 700;
}
.br-sp {
	display: none;
}
.inline-sp {
	display: none;
}
.pc {
	display: block;
}
.mobile {
	display: none;
}

@media (max-width: 991px) {
	.inline-sp {
		display: inline;
	}
	.pc {
		display: none;
	}
	.mobile {
		display: block;
	}
}
@media (max-width: 639px) {
	.br-sp {
		display: block;
	}
}

/* 
margin
---------------------------------------------------- */
 
.mt00 {
	margin-top: 0px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt55 {
	margin-top: 55px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt65 {
	margin-top: 65px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt75 {
	margin-top: 75px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.mt85 {
	margin-top: 85px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mt95 {
	margin-top: 95px !important;
}
.mt100 {
	margin-top: 100px !important;
}
.mr00 {
	margin-right: 0px !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mr55 {
	margin-right: 55px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.mr65 {
	margin-right: 65px !important;
}
.mr70 {
	margin-right: 70px !important;
}
.mr75 {
	margin-right: 75px !important;
}
.mr80 {
	margin-right: 80px !important;
}
.mr85 {
	margin-right: 85px !important;
}
.mr90 {
	margin-right: 90px !important;
}
.mr95 {
	margin-right: 95px !important;
}
.mr100 {
	margin-right: 100px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb65 {
	margin-bottom: 65px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb85 {
	margin-bottom: 85px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb95 {
	margin-bottom: 95px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.ml00 {
	margin-left: 0px !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml55 {
	margin-left: 55px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.ml65 {
	margin-left: 65px !important;
}
.ml70 {
	margin-left: 70px !important;
}
.ml75 {
	margin-left: 75px !important;
}
.ml80 {
	margin-left: 80px !important;
}
.ml85 {
	margin-left: 85px !important;
}
.ml90 {
	margin-left: 90px !important;
}
.ml95 {
	margin-left: 95px !important;
}
.ml100 {
	margin-left: 100px !important;
}
.ml150 {
	margin-left: 150px !important;
}

/*
padding
---------------------------------------------------- */
 
.pt00 {
	padding-top: 0px !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt60 {
	padding-top: 60px !important;
}
.pt70 {
	padding-top: 70px !important;
}
.pt80 {
	padding-top: 80px !important;
}
.pt90 {
	padding-top: 90px !important;
}
.pr00 {
	padding-right: 0px !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pb00 {
	padding-bottom: 0px !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.pb70 {
	padding-bottom: 70px !important;
}
.pb80 {
	padding-bottom: 80px !important;
}
.pb90 {
	padding-bottom: 90px !important;
}
.pl00 {
	padding-left: 0px !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}


/*
 header 
----------------------------------------------------------- */
#head {
	display: block;
	margin: 0 auto;
}
#head, #head .col-sm-9, #head .col-sm-3 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#header-tel {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#header-tel p {
	text-align: right;
	margin-right: 60px;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 2rem;
	
}
.header-logo {
	margin: 20px 0;
}
.header-logo-sp {
	margin: 12px 0;
	line-height: .8;
}

@media (max-width: 991px) {
	#header-tel p {
		text-align: right;
		margin-right: 30px;
		margin-top: 10px;
		margin-bottom: 0;
		font-size: 2rem;
		
	}
}
	


/*
 navi
----------------------------------------------------------- */
ul.navi {
	list-style-type: none;
	padding-left: 0;
	text-align: center;
	font-size: 2rem;
	margin-left: auto;
	margin-right: auto;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em
}
ul.navi li {
	display: inline-block;
}
ul.navi li + li {
	margin-left: 40px;
	display: inline-block;
}
ul.navi li  a:link {
	color: #000000;
	text-decoration: none;
}
ul.navi li a:visited {
	color: #000000;
	text-decoration:none;
}
ul.navi li a:hover {
	color: #f17b49;
}
ul.navi li a:active {
	color: #f17b49;
	}

.navi-sp {
	display: none;
}
.navi-sp {
	display: none !important;
}
.navi-pc {
	display: inline-block;
}
@media (max-width: 991px) {
	ul.navi {
		margin-bottom: 60px;
	}
}
@media (max-width: 767px) {
	ul.navi {
		list-style-type: none;
		padding-left: 0;
		text-align: center;
		font-size: 1.6rem;
		margin-left: auto;
		margin-right: auto;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight: 500;
		letter-spacing: 0.05em
	}
	ul.navi li {
		display: inline-block;
	}
	ul.navi li + li {
		margin-left: 10px;
	}

}


/*
 foot
----------------------------------------------------------- */

#footer{
	background: #f5f5f5;
	padding: 10px 0 30px;
}
#footer-logo {
	padding-left: 5%;
}
#footer-logo p {
	font-size: 1.4rem;
	line-height: 1.6;
}
#footer-tel {
	font-size: 2rem;
}
address {
	font-family: "GenJyuuGothic-Regular";
	font-size: 1.2rem;
	margin-top: 20px;	
}

@media (max-width: 767px) {
#footer-logo p {
	font-size: 1.2rem;
	line-height: 1.6;
}

#footer-text {
	font-size: 1.2rem;
}
}

/*
 container
----------------------------------------------------------- */
.page-cont{
	max-width: 1200px;
	margin: 0 auto;
}

.block {
	padding: 60px;
}
@media (max-width: 991px) {
	.page-cont{
		width: 100%;
	}
	.block {
		padding: 30px 20px;
	}
}

/*
 title
----------------------------------------------------------- */
.title-main-top {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	font-size: 4rem;
	margin-top: 30px;
	margin-left: 90px;
}
.title-main-top-sub {
	padding-left: 1em;
	border-left: #000 2px solid;
	margin-left: 60px;
}
.title-main-top-sub p:first-child {
	font-size: 2rem;
}
.title-info-1st {
	margin-top: 80px;
	font-size: 2.8rem;
	text-align: center;
}
.title-info {
	font-size: 2.8rem;
	text-align: center;
	margin-top: 60px;
}
.title-info-sub {
	font-size: 1.4rem;
	text-align: center;
}
.title-main {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	font-size: 4rem;
	margin-top: 0;
}

.title {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	font-size: 4rem;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
}
.title span {
	border-bottom: #f17b49 4px solid;
	padding-bottom: 2px;
}
.title-sub {
	text-align: center;
	margin-bottom: 0;
}
.title-wrapper {
	display: inline-block;
	text-align: center;
}
#recruit-r .title-wrapper {
	margin-left: -18%; 
}
.title-indent {
	padding-left: 3em;
	text-indent: -3em;
	line-height: 5rem;
	margin-bottom: 60px;
}
.attraction-title-wrapper {
	text-align: center;
}
.attraction-title {
	position: relative;
	display: inline-block;
	padding: 0 30%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	font-size: 4rem;
	text-align: center;
	margin-top: 0;
}
.attraction-title:before, .attraction-title:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 30%;
	height: 4px;
	background-color: black;
}

.attraction-title:before {
	left:0;
}
.attraction-title:after {
	right: 0;
}
.title-point {
	font-weight: 700;
	font-size: 3rem;
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
	color: #e70012;
}
.title-point span {
	font-size: 4rem;
	font-weight: 800;
}
.title-point:before {
    content: url(../img/point.png);
    margin: 10px;
    position: relative;
    top: 1px;
}
.title-access {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	font-size: 4rem;
	margin-bottom: 0;
}
.title-access-sub {
	margin-top: 0;
}
@media (max-width: 991px) {
	.title-main-top {
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight: 800;
		font-size: 4rem;
		margin-top: 30px;
		margin-left: 30px;
	}
	.title-main-top-sub {
		padding-left: 1em;
		border-left: #000 2px solid;
		margin-left: 30px;
	}
	.title-info-1st {
		margin-top: 0px;
		font-size: 2.8rem;
		text-align: center;
	}
	#recruit-r .title-wrapper {
		margin-left: 0; 
	}
	.attraction-title {
		position: relative;
		display: inline-block;
		padding: 0 15%;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight: 800;
		font-size: 2.8rem;
		text-align: center;
		margin-top: 0;
	}
	.attraction-title:before, .attraction-title:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 10%;
		height: 4px;
		background-color: black;
	}
	.omoiyari{
		font-weight: 800;
		font-size: 4rem;
		letter-spacing: 0.1em;
		color: #e6f4fd;
	}
}
@media (max-width: 639px) {
	.title {
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight: 800;
		font-size: 3rem;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.title-info-1st {
		margin-top: 30px;
		font-size: 2.8rem;
		text-align: center;
	}
	.title-access {
		font-size: 3rem;
	}
	.title-indent {
		padding-left: 1em;
		text-indent: -1em;
		line-height: 4rem;
		margin-bottom: 30px;
		font-size: 2.2rem;
	}
	.omoiyari{
		font-size: 3rem;
	}
}
/*
 top
----------------------------------------------------------- */
#top-main {
	clear: both;
	margin: 0;
	text-align: center;
	border-top: #f17b49 4px solid;
}
#top-main-img {
	display: inline-block;
	margin-bottom: 60px;
}
#top-main-logo-wrapper {
	position: absolute;
	left: 60px;
	top: 0px;
	background: rgba(255,255,255,0.6);
	padding: 60px 40px 30px;
}
#top-main-text-wrapper {
	position: absolute;
	right: 200px;
	top: 100px;
	background: #f7c2a2;
	border-right: #fff 10px solid;
	border-bottom: #fff 10px solid;
	width: 20%;
	text-align: center;
}
#top-main-text-wrapper p {
	display: inline-block;
	padding: 30px 0 20px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 400;
	text-align: left;
	color: #fff;	
}
#main-catch {
	font-size: 3rem;
	margin-top: 60px;
	margin-bottom: 60px;
}
#information1 {
	background: url(../img/title_bg_l.png) no-repeat left top;
}
#information2 {
	background: url(../img/title_bg_r.png) no-repeat right top;
}
#information5 {
	background: url(../img/5_recruit_bg.jpg) no-repeat right bottom;
	margin-bottom: 60px;
}
#information1 , #information2 , #information3 , #information4 {
	margin-bottom: 30px;
}
.dayservice-photo {
	position: absolute;
	bottom: 0px;
}
.photo-wrapper{
}
.photo-mb30 {
	margin-bottom: 30px;
}
.photo-mb0 {
	margin-bottom: 0;
}
.text-food {
	padding-left: 30px;
	padding-right: 30px;
}
.name {
	text-align: right;
}
@media (max-width: 991px) {
	#information1 , #information2 , #information3 , #information4 {
		margin-bottom: 0;
	}
	.dayservice-photo {
		position: static;
		top: 0px;
	}
	.text-information {
		padding-left: 30px;
		padding-right: 30px;
	}
	#information5 {
		background: none;
		margin-bottom: 60px;
	}
	#top-main-img {
		display: inline-block;
		margin-bottom: 20px;
	}
	#top-main-logo-wrapper {
		position: absolute;
		left: 10%;
		top: 0px;
		background: rgba(255,255,255,0.6);
		padding: 60px 40px 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	 }
	#top-main-text-wrapper {
		position: absolute;
		right: 10%;
		top: 10%;
		background: #f7c2a2;
		border-right: #fff 10px solid;
		border-bottom: #fff 10px solid;
		width: 30%;
	}
	#top-main-text-wrapper p {
		padding: 20px 0 0;
	}


}
@media (max-width: 767px) {
	#top-main-text-wrapper p {
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:vertical-rl;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		letter-spacing: 0.1em;
		font-weight: 400;
		text-align: left;
		color: #fff;
		
	}
}
@media (max-width: 639px) {
	#main-logo  img {
		width: 160px;
	
	}
	#main-catch {
		font-size: 1.6rem;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#top-main-logo-wrapper {
		left: 5%;
		padding: 20px 10px 10px;
		width: 35%;
	}
	#top-main-logo-wrapper p {
		font-size: 1.1rem;
	}
	#top-main-text-wrapper p {
		font-size: 1.4rem;
	}
}
/*
 recruit
----------------------------------------------------------- */
#recruit-bg {
	background: url(../img/tetote_recruit_bg.png) no-repeat right top;
}
#recruit-cont {
	margin-bottom: 60px;
}
#recruit-l {
	float: left;
	width: 12%;
}
#recruit-l p {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl; 
    font-weight: 800;
    font-size: 8rem;
    letter-spacing: 0.1em;
    display: inline-block;
	color: #e6f4fd;
	padding-top: 60px;
	line-height: 0.5;
}
#recruit-r {
	float: right;
	width: 85%;
}
#recruit-detail1 {
	margin-top: 30px;
}
#recruit-detail2 {
	margin-left: 10%;
	margin-bottom: 60px;
}
#recruit-detail1 , #recruit-detail2 {
    border-collapse: separate;
    border-spacing: 0px 30px;
}
#recruit-detail1 th {
	width: 18%;
}
#recruit-detail2 th {
	width: 35%;
}
#recruit-detail1 th , #recruit-detail2 th{
	padding-right: 30px;
	vertical-align: top;
}
#recruit-detail1 td + td , #recruit-detail2 td + td{
	padding-left: 30px;
}
#recruit-detail1 th h3 , #recruit-detail2 th h3 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 800;
	font-size: 1.6rem;
	margin-top: 10px;
	padding: 20px;
	border: #000 3px solid;
	text-align: center;
}
.point-block {
	float: left;
	width: 50%;
	padding: 60px;
	box-sizing: border-box;
	margin-bottom: 60px;
}
.point-block p {
	padding-left: 20px;
	border-left: #000 4px solid;
}
@media (max-width: 991px) {
	#recruit-r {
		float: none;
		width: 100%;
	}
	#recruit-detail1, #recruit-detail2 {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#recruit-detail2 {
		margin-bottom: 60px;
	}
	#recruit-detail1 th, #recruit-detail2 th {
		display: block;
		padding-right: 0;
		vertical-align: top;
		width: 100%;
		text-align: center;
	}
	#recruit-detail1 th h3, #recruit-detail2 th h3 {
		display: inline-block;
		padding: 20px 40px;
		margin-bottom: 30px;
	}
	#recruit-detail1 td, #recruit-detail2 td {
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#job th, #job td {
		display: table-cell;
		width: auto;
	}
	#job td:nth-of-type(1) {
		width: 18%;
	}
	#job td:nth-of-type(2) {
		width: 22%;
	}
	.point-block {
		float: none;
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
		margin-bottom: 0;
	}

}
@media (max-width: 767px) {
}
@media (max-width: 639px) {
	#recruit-detail1, #recruit-detail2 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#recruit-bg {
		background-size: 130%;
	}
	#job  {
		font-size: 1.3rem;
	}
	#job td {
		vertical-align: top;
	}
	#job td + td {
		padding-left: 0;
	}
	#job td:nth-of-type(1) {
		width: 17%;
	}
	#job td:nth-of-type(2) {
		width: 23%;
	}
}
.reference {
	position: relative;
}
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
.button {
	display: inline-block;
	text-align: center;
	position: absolute;
	right: 0px;
}
.button a {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    box-sizing: border-box;
    padding: 10px 60px;
    border: #fff 2px solid;
    background-color: rgba(255,255,255,0.5);
    color: #000;
    transition: .2s;
	margin: 10px auto 0;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 1.6rem;
	z-index: 10;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
.button a:before {
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background-color: rgba(2,206,55,1);
    transition: .2s;
} 
.button a:hover {
    color: #fff;
}
.button:hover a:before {
    left: 0;
}
.company {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
}
.g-map {
	position: relative;
	width: 100%;
	padding-top: 100%;
}
.g-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

@media (max-width: 991px) {
	.button-wrapper {
		text-align: center;
	}
	.button {
		display: inline-block;
		text-align: center;
		position: static;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 639px) {
	.g-map {
		position: relative;
		width: 90%;
		padding-top: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

}