@charset "utf-8";

@media (max-width : 480px) {
	.pc{
		display: none;
	}
	
	/*////フォームcomoon////*/
	#box-content-right {
		position: static!important;
		margin-top: 0!important;
	}

	#wrap-content {
		background-color: #fff;
	}

	.contactlist-box .text-box {
		padding: 50px 9.86666666667% 35px;
		background-color: #fff;
	}

	.contactlist-box .text-box h2 {
		margin-bottom: 35px;
		font-size: 1.42em;
		font-weight: normal;
		line-height: 1.28;
	}

	.contactlist-box .text-box h2 span {
		font-size: 1.47em;
		font-weight: 700;
	}

	.contactlist-box .text-box br + br {
		display: none;
	}

	.contactlist-box .main-image {
		padding: 0 9.86666666667% 70px;
		background-color: #fff;
	}

	.box-left-content-tableform {
		background-color: #fff;
	}

	.box-left-content-tableform table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		font-size: .88em;
	}
	.box-left-content-tableform p {
		margin: 0;
	}

	.box-left-content-tableform tr {
		border-bottom: 1px solid #d5d5d5;
	}

	.box-left-content-tableform th {
		padding: 20px 9.86666666667% 10px;
		display: block;
		width: 100%;
		text-align: left;
		font-weight: normal;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.box-left-content-tableform td {
		padding: 10px 9.86666666667%;
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.box-left-content-tableform td:last-child {
		padding-bottom: 20px;
	}

	.box-left-content-tableform td:after {
		content: ".";
		display: block;
		height: 0;
		font-size:0;
		clear: both;
		visibility:hidden;
	}

	.box-left-content-tableform input[type="text"] {
		/* width: 100%; */
		/* padding: 5px; */
		border: 1px solid #d5d5d5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.box-left-content-tableform .req {
		margin-left: 10px;
		padding: 1px 10px;
		border: 1px solid #dba24c;
		color: #dba24c;
		font-size: .63em;
	}

	/*.box-left-content-tableform .formtabel-sp-blank .td3 {
		display: none;
	}<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<カタログ在庫切れのときは消す*/

	.box-left-content-tableform .formtabel-sp-blank td {
		padding: 10px 9.86666666667% 20px;
	}

	.box-left-content-tableform textarea {
		width: 100%;
		border: 1px solid #d5d5d5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.box-left-content-tableform .formtabel-name input, .box-left-content-tableform .formtabel-kana input {
		float: right;
		width: 100px;
	}

	.box-left-content-tableform .formtabel-tel input, .box-left-content-tableform .formtabel-fax input, .box-left-content-tableform .formtabel-postnumber input, .box-left-content-tableform .formtabel-space input {
		width: 50px;
	}

	.box-left-content-tableform label, .box-left-content-tableform .formtabel-kana label {
		/* display: block; */
		/* float: left; */
		width: 48%;
	}

	.box-left-content-tableform .formtabel-name  label + label, .box-left-content-tableform .formtabel-kana  label + label {
		float: right;
		text-align: left;
	}

	.box-left-content p.fl-left {
		margin: 35px 9.86666666667% 20px;
		text-align: center;
	}

	.box-left-content p.fl-right {
		text-align: center;
		padding-bottom: 40px;
		border-bottom: 1px solid #d2d2d2;
	}

	.footer-list-sp-title {
		padding: 20px 0;
		color: #fff;
		background-color: #5a5a5a;
		text-align: center;
		font-size: 1.36em;
		line-height: 1;
	}

	.navi-box li:first-of-type {
		border-top: 1px solid #d2d2d2;
	}

	.navi-box li {
		border-bottom: 1px solid #d2d2d2;
	}

	.navi-box li p, .navi-box li a {
		margin: 0;
		padding: 20px 0;
		text-align: center;
		line-height: 1;
	}

	.navi-box li a {
		display: block;
		color: #dba24c;
	}

	.formerror {
		padding: 30px 9.86666666667%;
	}

	.formerror p {
		margin: 0 auto 30px;
	}

	.back {
		margin: 40px auto 0;
		text-align: center;
		background-image: url(../../../../img/btn_backpage.gif);
		width: 159px;
		height: 37px;
		text-indent: -7777px;
		overflow: hidden;
		display: block;
	}

	p.fl-right a.back-adjust {
		text-indent: -7777px;
		height: 30px;
		width: 99px;
		display: inline-block;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 0 0px;
		background-image: url(../../../../img/btn_adjust.gif);
	}

	.box-left-content-tableform table img {
		margin-bottom: 20px;
	}

	.box-left-content-tableform table img:nth-last-of-type(1) {
		margin-bottom: 0;
	}

	.mailform-complete {
		padding: 50px 9.86666666667%;
	}

	.mailform-complete .box-left-content-tableform th, .mailform-complete .box-left-content-tableform td {
		padding-left: 0;
		padding-right: 0;
	}

	p.backbutton a {
		margin: 0 auto;
		text-indent: -7777px;
		height: 30px;
		width: 150px;
		display: block;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: 0 0px;
		background-image: url(../../../../cart/img/btn_finish.gif);
	}
	.mailform-box{
		background-color: #fff;
	}
	.formerror3{
		padding: 10%;
	    border-bottom: 1px solid #d5d5d5;
	}
	.form-error p{
		margin-bottom: 30px;
	}
	.form-error ul{
		color: #900;
	}
	.thanx-box{
		background: #fff;
    	padding: 10%;
		border-bottom: 1px solid #d5d5d5;
	}
	/*////END_フォームcomoon////*/

	.box1 .title {
		margin-top: 60px;
		margin-bottom: 44px;
		text-align: center;
	}

	.box1 .title-box p {
		margin: 4% 10%;
	}

	#wrap-topvis {
		display: none;
	}

	.box1 .monitor-box {
		position: relative;
		padding: 8% 10% 120px;
		border-top: 1px solid #d2d2d2;
		background: #fff;
	}

	.box1 .monitor-box:first-child {
		border-top: none;
	}

	.box1 .monitor-box .number {
		position: absolute;
	}

	.box1 .monitor-box .photo {
		margin-bottom: 8%;
	}

	.box1 .monitor-box .photo img {
		width: 100%;
	}

	.box1 .monitor-box .text-box h2 {
		font-size: 1.25rem;
	}

	.box1 .monitor-box .text-box li.data {
		margin-bottom: 6%;
		padding-bottom: 8px;
		border-bottom: 1px dotted #d2d2d2;
	}

	.box1 .monitor-box .text-box .flow-box {
		width: 43%;
		float: left;
	}

	.box1 .monitor-box .text-box .flow-box p {
		margin: 0 0 4%;
		text-align: center;
	}

	.box1 .monitor-box .text-box .flow-box p.flow {
		margin: 0 0 4%;
		padding: 7px 12px;
		border: 1px solid #d2d2d2;
	}

	.box1 .monitor-box .text-box .flow-box p:last-child {
		margin-bottom: 0;
	}

	.box1 .monitor-box .text-box .flow-box p img {
		-webkit-transform : rotate(90deg);
		-ms-transform : rotate(90deg);
		transform : rotate(90deg);
	}
	.box1 .NO-5 .text-box .flow-box,
  .box1 .NO-6 .text-box .flow-box{
		height: 150px;
	}
  

	.box1 .monitor-box .right-box a {
		position: absolute;
		right: 10%;
		bottom: 120px;
		width: 40%;
	}
	.NO-7 .box1 .monitor-box .right-box a {
		bottom: 105px;
	}
	.box1 .monitor-box .right-box a.next{
		display: block;
		position: absolute;
		bottom: 40px;
		width: 80%;
		height: 38px;
		background-color: #dba24c;
		color: #ffffff;
		text-align: center;
		line-height: 38px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.recruiting a{
		display: block;
		bottom: 40px;
		height: 38px;
		background-color: #dba24c;
		color: #ffffff;
		text-align: center;
		line-height: 38px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 40px 0 20px;
	}

	.box1 .monitor-box .clear {
		clear: both;
		}
	.recruiting-box{
		padding: 5%;
		border: 1px solid #d2d2d2;
		}
	.recruiting-box-entry{
		margin: 0;
	}
	.recruiting-box-entry h2{
		margin-bottom: 20px;
    	text-align: center;
	}
	.recruiting-box .title {
		text-align: left;
		padding: 10%;
		background: url(../img/index/recruiting_back.gif);
		background-repeat: repeat;
		margin: 0;
		}
	.recruiting-box h1{
		font-size: 1.5em;
		}
	.recruiting-box .title p{
		margin-bottom: 0;
		}
	.recruiting-box .contents{
		background: #fff;
		padding: 5%;
		}
	.recruiting-box .info{
		text-align: center;
		margin-bottom: 30px;
		}
	.recruiting-box .info p{
		margin: 7% 0 0;
		}
	.recruiting-box .contents .info p {
		font-size: 1.2em;
		font-weight: bold;
		}
	.recruiting-box .contents .info ul li:nth-child(2) p{
		margin: 0;
		}
	.recruiting-box .table-box2 a{
		color: #dba24c;
	}
	#end-form{
		background: #fff;
		padding: 10%;
		border: 1px solid #d2d2d2;
		margin-top: 10%;
		color: #900;
		text-align: center;
	}
}

/*@media (max-width : 480px) {
.box1 .NO-7 .text-box .flow-box{
    margin: 14% 0;
  }
}*/