@charset "UTF-8";

@media screen and (min-width:768px) {
	html {
		overflow-y: scroll;
		font-size: 100%;
	}
	
	body {
		min-width:1160px;
		color: #111;
		font-family:"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size: 0.95rem;
		line-height: 1.8;
		letter-spacing:0.05rem;
		-webkit-text-size-adjust: 100%;
		word-wrap: break-word;
		overflow-x:hidden;
	}
	
	a {
	  color: #333;
	  -webkit-transition: all .3s ease;
	  -moz-transition: all .3s ease;
	  -o-transition: all .3s ease;
	  transition: all .3s ease
	}
	
	
	/*背景*/
	
	.green {
		background:#e9f5f5;
	}
	
	.inner {
		width:1024px;
		padding:60px 0;
		margin:0 auto;
	}
	
	/*見出し*/
	
	.mds {
		margin-bottom:60px;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size: 2rem;
		line-height:1.3;
		letter-spacing:0.3rem;
		font-weight:bold;
		text-align: center;
		transform: rotate(0.001deg);
	}
	
	.mds br {
		display:none;
	}
	
	.mds span {
		display:block;
		font-size:1.8rem;
		color:#45b2b3;
		font-weight:normal;
	}
	
	/*header*/
	
	header {
		position:fixed;
		width:100%;
	  background: #fff;
	  z-index:100;
	}
	
	header#contact,header#job_link {
		position:static;
	}
	
	header div#header_inner {
	  position: relative;
	  margin:0 auto;
	  width:1024px;
	  height:80px;
	}
	
	header h1 {
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		margin:auto 0;
	}
	
	header h1 img {
		margin-top:10px;
		width: 200px;
		height:auto;
		-webkit-backface-visibility: hidden;
	}
	
	header.is-animation {
		background:rgba(255,255,255,0.7);
	}
	
	header.is-animation h1 img {
	}
	
	/*navi*/
	
	#gnav {
		position:absolute;
		right:0;
		top:0;
		bottom:0;
		margin:auto 0;
	}
	
	#gnav .logo {
		display:none;
	}
	
	#gnav ul {
		margin:20px auto 0;
		display:flex;
		justify-content:space-between;
		text-align:center;
	}
	
	#gnav li {
		margin-left:30px;
		line-height:2.5;
		box-sizing:border-box;
	}
	
	#gnav li a {
		display: block;
		color: #333;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		text-align: center;
		text-decoration: none;
		letter-spacing: 1px;
		transform: rotate(0.001deg);
	}
	
	#gnav li a span {
		position:relative;
	}
	
	#gnav li a span:after {
		position: absolute;
		left:0;
		right:0;
		bottom: -10px;
		margin:0 auto;
		display: block;
		width: 100%;
		height: 2px;
		background: #47bbbc;
		content: "";
		opacity: 0;
		transition: all .3s ease;
	}
	
	#gnav li a:hover span:after {
		opacity:1;
		bottom:-2px;
		transition: all .3s ease;
	}
	
	p.job_page {
		position: absolute;
		right: -150px;
		bottom:-120px;
		width: 300px;
		height: 111px;
		box-sizing: border-box;
	    transition: .5s;
	}
 
	p.job_page.hide{
		transform: translateY(-200%);
	}
	
	p.job_page a {
		display: block;
		width: 300px;
		height: 111px;
		color: #fff;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		padding-top: 28px;
		padding-left: 120px;
		text-decoration: none;
		box-sizing: border-box;
		background: url(../img/job_page_banner.png) 0 0 no-repeat;
	}

  body > .job_page {
    display: none;
  }


	p.job_page a span {
		font-size: 1.2em;
	}
	
	header button {
		display:none;
	}
	
	/*footer*/
	
	footer {
		padding:50px 0 20px;
		text-align:center;
		border-top:15px solid #e9f5f5;
	}
	
	footer div.logo {
		margin:0 auto 30px;
		width: 200px;
		height:auto;
		text-align:center;
		-webkit-backface-visibility: hidden;
	}
	
	footer div.copyright {
		font-size:0.8rem;
		color:#666;
	}
}

@media screen and (max-width:767px) {
	html {
	  overflow-y: scroll;
	  font-size: 62.5%;
	}
	
	body {
	  color: #111;
	  font-size: 1.4rem;
	  line-height: 1.8;
		font-family:"Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	  -webkit-text-size-adjust: 100%;
	  word-wrap: break-word
	}
	
	a {
	  color: #333;
	  -webkit-transition: all .3s ease;
	  -moz-transition: all .3s ease;
	  -o-transition: all .3s ease;
	  transition: all .3s ease
	}
	
	
	/*背景*/
	
	.green {
		background:#e9f5f5;
	}
	
	.inner {
		width:100%;
		padding:4rem 3rem;
		box-sizing:border-box;
	}
	
	/*見出し*/
	
	.mds {
		margin-bottom:4rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size: 2.2rem;
		line-height:1.3;
		letter-spacing:0.2rem;
		font-weight:bold;
		text-align: center;
		transform: rotate(0.001deg);
	}
	
	.mds span {
		display:block;
		font-size:2rem;
		color:#45b2b3;
		font-weight:normal;
	}
	
	/*header*/
	
	header {
		padding:4%;
		justify-content: center;
		position: relative;
		background: #fff;
		text-align: center;
	}
	
	header h1 {
		display:block;
		width:100%;
		font-size:1.2rem;
		color:#333;
		text-decoration:none;
	}
	
	header h1 img {
		width:50%;
		height:auto;
	}
	
	/*navi*/	
	
	#gnav .logo {
		padding:3rem 3rem 0;
	}
	
	#gnav .logo img {
		width:100%;
		height:auto;
	}
	
	#gnav ul {
		padding:3rem 3rem 1rem 3rem;
	}
		
	#gnav li {
		margin-bottom:1rem;
		line-height:2.5;
		box-sizing:border-box;
	}
	
	#gnav li a {
		display: block;
		color: #333;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		font-size:1.5rem;
		text-align:left;
		text-decoration: none;
		letter-spacing: 2px;
		transform: rotate(0.001deg);
	}
	
	#gnav li a span {
		position:relative;
	}
	
	#gnav li a span:after {
		position: absolute;
		left:0;
		right:0;
		bottom: -10px;
		margin:0 auto;
		display: block;
		width: 100%;
		height: 2px;
		background: #47bbbc;
		content: "";
		opacity: 0;
		transition: all .3s ease;
	}
	
	#gnav li a:hover span:after {
		opacity:1;
		bottom:-2px;
		transition: all .3s ease;
	}
	
	p.job_page {
	}
	
	p.job_page a {
		display: block;
		width: 90%;
		height: auto;
		margin: 0 auto;
		color: #fff;
		text-align: left;
		line-height: 2rem;
		font-family:"Rounded Mplus 1c","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
		padding: 2.2rem 0 2.2rem 8.5rem;
		text-decoration: none;
		box-sizing: border-box;
		background: url(../img/job_page_banner.png) 0 0 no-repeat;
		background-size: contain;
	}

    body > .job_page {
        display: block;
        position: fixed;
        bottom: 1%;
        left: 3%;
        z-index: 100;
        transition: all ease .3s;
        opacity: 1;
    }
    body > .job_page a {
        font-size: 12px;
        padding: 2.2rem 1rem 2.2rem 8.5rem;
        width: auto;
        line-height: 1.4;
    }
    body.drawer-open  > .job_page,
    body > .job_page.is-hidden {
        opacity: 0;
    }
	/*footer*/
	
	footer {
		border-top:5px solid #e9f5f5;
		padding:3rem 0 1.5rem;
		text-align:center;
	}
	
	footer div.logo {
		margin:0 auto 1.5rem;
		width:40%;
		height:auto;
		text-align:center;
		-webkit-backface-visibility: hidden;
	}
	
	footer div.copyright {
		font-size:0.9rem;
		color:#666;
	}
}