@media (max-width: 1200px){
	.logo-mobile{
		display:block!Important;
	}
	.logo-pc{
		display:none!Important;
	}
	nav.container-top {
		max-width: calc(100% - 40px);
	}
	.nav-left {
		width: calc(100% - 60px);
	}
	.topfix {
    	height: 70px;
		transform: translate3d(0,-110px,0);
    	-webkit-transform: translate3d(0,-110px,0);
		padding:25px 0 15px;
	}
	.nav-right {
		height: 70px;
		line-height: 70px;
	}
	a.mobile-icon-menu.icon-wrapper{
		display: inline-block;
		margin-top: 15px;
	}
	.container {
		width: calc(100% - 40px);
	}
	.article-left {
    	max-width: 55%;
	}
	.article-right {
		max-width: 40%;
	}
	.main-top .article-left p {
		min-height: auto;
		margin-top: 20px;
	}
	#top_map {
		width: 100%;
		height: 267px;
	}
	.container.wrap-footer {
		width: calc(100% - 40px);
	}
	.main-top span.top-tel {
		margin-top: 20px;
	}
	.wrap-infor {
		padding: 30px 0;
	}
	ul.main-menu li.hide-pc {
		display: block!Important;
	}
	ul.main-menu li a:hover:after, ul.main-menu li a.active:after {
		background: #fff;
	}
	/**MENU TOGGLE**/
	.main-navigation .menuToggle {
		display: block;
		position: relative;
		z-index: 1;
		-webkit-user-select: none;
		user-select: none;
		float: right;
	}
	
	.main-navigation .menuToggle input {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 0;
		cursor: pointer;
		opacity: 0; /* hide this */
		z-index: 2; /* and place it over the hamburger */
		-webkit-touch-callout: none;
		margin: 0;
	}
	
	.main-navigation .menuToggle span {
		display: block;
		width: 50px;
		height: 4px;
		margin-bottom: 10px;
		position: relative;
		background-color: #12368e;
		z-index: 1;
		transform-origin: 4px -4px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
		opacity 0.55s ease;
	}
	
	.main-navigation .menuToggle span:first-child {
		transform-origin: 30% 30%;
	}
	
	.main-navigation .menuToggle span:nth-child(2) {
		transform-origin: 0% 100%;
	}
	
	.main-navigation .menuToggle input:checked ~ .icon-wrapper span {
		opacity: 1;
		transform: rotate(45deg) translate(3.5px, 0);
	}
	
	.main-navigation .menuToggle input:checked ~ .icon-wrapper span:nth-child(2) {
		opacity: 0;
		transform: rotate(0deg) scale(0.2, 0.2);
	}
	
	.main-navigation .menuToggle input:checked ~ .icon-wrapper span:last-child {
		transform: rotate(-45deg) translate(2.5px, 0);
		width: 50px;
	}
	.body_overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 120%;
		background: rgba(0,0,0,.6);
		z-index: 9002;
		display: none;
	}

	.show .body_overlay{ display:block!important;}
	
	a.mobile-icon-menu.icon-wrapper.main-navigation {
		display: block!Important;
	}
	ul.main-menu {
		width: 85%;
		background: #fff;
		right: -86%;
		display: inline-block;
		position: fixed;
		border: 1px solid #ccc;
		border-right:0;
		transition: 0.5s all;
	}
	.show ul.main-menu {
		right: 0;
	}
	ul.main-menu li {
		float: none;
		list-style: none;
		text-align: left;
		margin: 85px 0;
	}
	ul.main-menu li:first-child {
		margin-top: 60px;
	}
	ul.main-menu li a {
		padding: 0 0 0 60px;
    	width: 100%;
		box-sizing: border-box;
	}
	ul.main-menu span.nav-text-top {
		font-size: 36px;
	}
	ul.main-menu span.nav-text-bottom {
		font-size: 26px;
		margin-top: 20px;
	}
	
	.close::before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.close::after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.close::before, .close::after {
		content: '';
		position: absolute;
		height: 2px;
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -1px;
		background: #000;
	}
	/** end memu mobile */
	.no-parallax{
		margin-top:110px;
	}
	.list-article .article {
		padding: 0 5px;
	}
	.vtable_top table td {
		padding: 15px 30px;
	}
	body.show.fixed {
		overflow: hidden;
		height: 100%;
	}
	ul.main-menu{
		overflow-y: scroll;
	}
	ul.main-menu li a.active, ul.main-menu li a:hover{
		color:#12368e;
	}
	.parallax {
		height: 600px;
		background-attachment: unset;
		background-position: bottom;
	}
	section.banner-page {
		background-position: center;
	}
	.main-business section.banner-page {
		background-position: left;
	}
	.wrap-button {
		padding: 10px 0px;
	}
	.main-navigation .menuToggle input {
		width: 50px;
		height: 33px;
	}
	td p {
		line-height: 1.3;
	}
	.wrap-arrow {
		right: 20px;
	}
	.wrap-arrow:hover{
		background:#333;
	}
}
@media (max-width: 750px){
	.hide-pc{ 
		display:block!Important;
	}
	.hide-sp{ 
		display:none!Important;
	}
	.container {
		width: 100%;
	}
	.parallax {
    	height: 550px;
		background-attachment: unset;
    	background-position: bottom;
	}
	
	.content-text p {
		font-weight: normal;
		line-height:1.3;
		font-size: 32px;
		text-align:left;
	}
	
	.main-top article .article-left {
		float: none;
		max-width: 100%;
		box-sizing: border-box;
		width: 100%;
		padding: 0 40px 0 140px;
	}
	.article-right {
		float: none;
		max-width: 100%;
		margin: 40px 0 60px;
	}
	.readmore-wrap.hide-pc {
		text-align: center;
		width: 100%; 
		display: inline-block; 
		margin: 0 auto; 
	}
	.main-top article a.readmore {
		margin-top: 0px;
		float: none;
		padding: 30px 115px 30px 115px;
		display: inline-block;
		font-size: 28px;
	}
	.main-top article {
    	margin: 60px 0;
	}
	.main-top article h2 {
		font-size: 46px;
	}
	.main-top .article-left p {
		font-size: 30px;
	}
	.main-top .article-left span {
		font-size: 26px;
	}
	.information h3, .information .h3 {
		font-size: 40px;
	}
	.information span{
		font-size:20px;	
	}
	.main-top a.link-contact {
		padding: 33px 102px 33px 102px;
		font-size: 28px;
	}
	.container.wrap-footer {
		margin-top: 0px;
	}
	.wrap-footer .footer-left {
		float: none;
		margin: 50px 0;
	}
	.wrap-footer .footer-right {
		float: none;
		margin: 50px 0;
	}
	footer {
		height: auto;
		line-height:auto;
	}
	.container.wrap-footer{
		font-size: 23px;
	}
	.main-top article ul li {
		font-size: 30px;
	}	
	
	#top_map{ width:100%; height:450px;}
	.main-business .content-text p {
		margin: 75px 0px 0;
	}
	section.wrap-content.wrap-list-article {
		margin-bottom: 0px;
	}
	.list-article .article {
		float: none;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.list-article .title-left {
		font-size: 40px;
	}
	.list-article .content-content p {
		font-size: 30px;
	}
	.list-article .title-right {
		font-size: 26px;
		margin-top: 14px;
	}
	.list-article .article {
		padding: 0px;
		box-sizing: border-box;
		margin: 75px 0 70px;
	}
	.main-business .wrap-content .container{
		width:100%;
	}
	.list-article .content-title ,.list-article .content-content{
		padding: 0 40px;
		box-sizing: border-box;
	}
	.list-article hr {
	    width: calc(100% - 80px);
    	margin: 10px auto;
	}
	section.banner-page {
		height: 450px;
	}
	/*work*/
	.main-work .content-text p {
		margin: 75px 40px;
	}
	section.wrap-work-content {
		margin-bottom: 65px;
	}
	.list-work {
		padding: 0;
	}
	.list-work .article {
		float: none;
		width: 100%;
		padding: 0;
	}
	.main-work .wrap-content .container {
		width: 100%;
	}
	.list-work .article .title-overlay {
		width: 50%;
		height: 60px;
		line-height: 60px;
		font-size: 30px;
	}
	.list-work .content-content {
		margin: 40px 0;
		font-size: 40px;
	}
	.list-work .article {
		margin-bottom: 40px;
	}
	.list-work .content-content p{
		line-height:1;
	}
	.list-work-item .article .work-title {
		font-size: 32px;
		margin-left: -20px;
	}
	.list-work-item .article .work-content p {
		line-height: 1.5;
		font-size: 32px;
	}
	.text-page-top {
		font-size: 60px;
	}
	.text-page-bottom {
		font-size: 30px;
	}
	.main-recruit .h1 h1 {
		font-size: 50px;
	}
	.vtable_top table td {
		font-size: 30px;
		padding: 15px 10px;
	}
	.wrap-table-content .h1 h1{
		font-size: 40px;
	}
	.main-about .wrap-table-content .container {
		width: calc(100% - 80px);
	}
	.vtable_top table td p span.down-sp{
		display:inline-block;
		width:100%;
		line-height:0.3;
		margin-top:20px;
	}
	span.hide-sp-new {
		display: inline-block;
		width: 100%;
		visibility: hidden;
	}
	
	.main-recruit .content-text p {
		margin: 70px 0;
	}
	section.wrap-form-submit.submit-second {
		padding-bottom: 5px;
	}
	.main-about .wrap-content .h1.first {
		margin-top: 75px;
		margin-bottom:0;
	}
	section.wrap-about-content.wrap-table-content {
		margin-bottom: 75px;
	}
	.content-text p {
		margin: 70px 0;
	}
	.wrap-content-contact .content-contact {
		text-align: center;
		margin-bottom: 75px;
	}
	section.wrap-list-privacy {
		margin-bottom: 70px;
	}
	.main-about .wrap-table-content .h1 {
		margin-bottom: 60px;
	}
	.main-about .content-text p {
		margin: 70px 0;
	}
	/* contact */
	section.wrap-content.wrap-contact-content .container {
		width: calc(100% - 80px);
	}
	
	.box-contact .title-box{ 
		font-size:30px
	}
	.box-contact .note-box{
		font-size:26px;
	}
	span.icon-number {
		font-size: 46px;
	}
	.note-box .right {
		width: 100%;
	}
	.box-mail span {
		font-size: 28px;
	}
	.box-contact img{
		width:64px;
	}
	section.wrap-hr .container {
		width: calc(100% - 80px);
	}
	.item-privacy p, .item-privacy label {
		font-size: 26px;
	}
	section.wrap-privacy-content .ttop {
		font-size: 46px;
	}
	.tbottom {
		font-size: 26px;
	}
	.main-recruit .section.banner-page{
		background-position:center;
	}
	section.wrap-recruit-content h2 {
		font-size: 32px;
	}
	section.wrap-recruit-content .alert {
		padding: 3px 0px 3px 6px;
		font-size:18px;
		margin-top:3px;
	}
	.main-contact .content-text p {
		font-size: 31px;
	}
	.main-top section.wrap-article {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.wrap-arrow {
		right: 40px;
	}
}

@media (max-width: 500px){
	.parallax {
    	height: 350px;
	}
	.banner-text .text-bottom {
		margin-top: -29px;
	}
	.banner-text .text-bottom img{
		height:60px;
	
	}
	a.mobile-icon-menu.icon-wrapper {
		display: inline-block;
		margin-top: 5px;
	}
	.main-navigation .menuToggle span {
		width: 35px;
		height: 3px;
		margin-bottom: 8px;
	}
	.nav-right {
		height: 60px;
		line-height: 60px;
	}
	.banner-text .text-top {
		font-size: 40px;
	}
	.banner-text .text-bottom {
		font-size: 23px;
	}
	.topfix {
    	height: 50px;
		transform: translate3d(0,-100px,0);
    	-webkit-transform: translate3d(0,-100px,0);
	}
	.main-top article .article-left {
		padding: 0 40px 0 70px;
	}
	.article-left:before {
		width: 45px;
		transform: translate(-50px,16px);
	}
	.main-top article h2 {
		font-size: 23px;
	}
	.main-top .article-left span {
		font-size: 13px;
	}
	.main-top .article-left p {
		font-size: 15px;
	}
	.main-top article a.readmore {
		font-size: 14px;
		padding: 17px 60px;
	}
	.information h3, .information .h3 {
		font-size: 20px;
	}
	.information span {
		font-size: 13px;
	}
	.main-top a.link-contact {
		font-size: 14px;
    	padding: 17px 54px;
	}
	.wrap-footer .footer-left {
		margin: 20px 0;
	}
	.wrap-footer .footer-right {
		margin: 20px 0;
	}
	.container.wrap-footer {
		font-size: 13px;
	}
	.main-navigation .menuToggle input:checked ~ .icon-wrapper span:last-child {
		transform: rotate(-45deg) translate(2.5px, 0);
		width: 35px;
	}
	.main-navigation .menuToggle span{
		transform-origin: 1px -3px;
	}
	ul.main-menu span.nav-text-top {
		font-size: 18px;
	}
	ul.main-menu span.nav-text-bottom {
		font-size: 14px;
		margin-top: 5px;
	}
	ul.main-menu li {
		margin: 36px 0;
	}
	ul.main-menu li:first-child {
		margin-top: 35px;
	}
	ul.main-menu li a {
		padding: 0 0 0 35px;
	}
	.main-top article ul li {
		font-size: 16px;
	}
	#top_map{ width:100%; height:250px;}
	.main-top article {
		margin: 30px 0;
	}
	.main-top .article-left p {
		min-height: auto;
	}
	.article-right {
		margin: 40px 0 50px;
	}
	.no-parallax{
		margin-top:90px;
	}
	
	.main-business .content-text p {
		margin: 45px 0px 10px;
		padding: 0 20px;
	}
	.list-article .title-left {
		font-size: 20px;
	}
	.list-article .title-right {
		font-size: 14px;
		margin-top: 6px;
	}
	.list-article hr {
		margin: 7px auto;
	}
	.list-article .content-content p {
		margin-top: 10px;
	}
	.list-article .content-content p {
		min-height: 70px;
	}
	.list-article .content-content p {
		font-size: 16px;
	}
	.list-article .article {
		margin: 35px 0;
	}
	.list-article .content-title, .list-article .content-content {
		padding: 0 20px;
	}
	.list-article hr {
		width: calc(100% - 40px);
	}
	section.banner-page {
		height: 250px;
	}
	.main-work section.banner-page {
		background-position: center;
	}
	/** work **/
	.list-work .article .title-overlay {
		height: 35px;
		line-height: 35px;
		font-size: 15px;
	}
	.list-work .content-content {
		margin: 20px 0;
		font-size: 18px;
	}
	.list-work .article {
		margin-bottom: 20px;
	}
	.list-work .content-content p{
		line-height:1;
	}
	.list-work-item .article .work-title {
		font-size: 16px;
		margin-left: -10px;
	}
	.list-work-item .article .work-content p {
		line-height: 2;
		font-size: 16px;
	}
	.text-page-top {
		font-size: 30px;
	}
	.text-page-bottom {
		font-size: 15px;
	}
	.main-work .content-text p {
		margin: 45px 20px;
	}
	.list-work-item {
		padding: 0 20px;
	}
	section.wrap-work-content {
		margin-bottom: 60px;
	}
	.main-recruit .h1 h1 {
		font-size: 36px;
	}
	.vtable_top table {
		min-width: 710px;
	}
	.wrap-table-content .h1 h1 {
		font-size: 20px;
	}
	.vtable_top table td {
		font-size: 15px;
	}
	.on-iphone .vtable_top table td:last-child{
		font-size: 10px!important;
	}
	.vtable_top tr td:first-child {
		padding:15px 5px;
	}
	.wrap-content .h1 {
		margin: 30px 0;
	}
	/*contact*/
	.wrap-contact-content .content-text p {
		font-size: 16px;
		margin: 40px 0;
	}
	.box-contact img {
		width: 32px;
	}
	.icon-box {
		margin-top: 10px;
	}
	.box-mail {
		margin-top: 35px;
	}
	.box-contact .title-box {
		font-size: 15px;
	}
	span.icon-number {
		font-size: 23px;
	}
	.box-contact .note-box {
		font-size: 13px;
		margin-top:5px;
	}
	.icon-right {
		margin-left: 10px;
	}
	.box-mail span {
		font-size: 14px;
		margin-top: 3px;
	}
	.box-mail img {
		margin-right: 10px;
		width: 24px;
	}
	.wrap-content-contact .content-contact {
		margin-bottom: 40px;
	}
	.box-mail a {
		padding: 20px;
	}
	/*privacy*/
	section.wrap-privacy-content .ttop {
		font-size: 26px;
	}
	.tbottom {
		font-size: 15px;
		margin-top:5px;
	}
	.main-privacy .hr {
		margin: 20px 0;
	}
	.list-privacy {
		margin: 0 20px;
	}
	.item-privacy p, .item-privacy label {
		font-size: 15px;
	}
	section.wrap-hr .container {
		width: calc(100% - 40px);
	}
	section.wrap-privacy-content .title {

		margin-top: 30px;
	}
	
	.main-top .article-left p {
		margin-top: 15px;
	}
	.main-top .article-right {
		margin: 20px 0 50px;
	}
	section.wrap-recruit-content h2 {
		font-size: 16px;
	}
	section.wrap-recruit-content .alert {
		padding: 2px 0px 2px 6px;
		font-size: 12px;
	}
	
	.vtable_top table tr th:first-child {
		width: 19%;
	}
	.form-submit span.btop {
		font-size: 20px;
	}
	.form-submit span.bbottom {
		font-size: 10px;
	}
	.form-submit {
		margin: 30px 0 50px;
	}
	.main-navigation .menuToggle input {
		width: 36px;
		height: 26px;
	}
	.main-about .wrap-table-content .container {
		width: calc(100% - 40px);
	}
	.wrap-content .h1.first {
		margin-top: 30px;
	}
	.main-about .content-text p {
		margin: 40px 0 10px;
	}
	.main-about .wrap-table-content .h1 {
		margin-bottom: 35px;
	}
	section.wrap-about-content.wrap-table-content {
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.wrap-table-content .h1 {
		margin-bottom: 25px;
	}
	.main-recruit .wrap-table-content .h1 {
		margin-bottom: 45px;
	}
	section.wrap-content.wrap-contact-content .container {
		width: calc(100% - 40px);
	}
	.content-text p {
		font-size: 16px;
		line-height: 1.5;
	}
	.item-privacy {
		margin-top: 30px;
	}
	section.wrap-list-privacy {
		margin-bottom: 40px;
	}
	section.wrap-content.wrap-list-article {
		margin-bottom: 10px;
	}
	.main-work section.wrap-work-content {
		margin-bottom: 40px;
	}
	.main-recruit .content-text p {
		margin: 45px 0;
	}
	section.wrap-form-submit.submit-second {
		padding-bottom: 0px;
	}
	.main-about .wrap-content .h1.first {
		margin-top: 50px;
	}
	
	section.wrap-recruit-content h2 {
		margin-top: 5px;
	}
	.wrap-arrow {
		bottom: 20px;
		right:20px;
		width: 48px;
    	height: 48px;
	}
	.vtable_top table td p span.down-sp {
		margin-top: 15px;
	}
	
}