@charset "utf-8";

/* visual
------------------------------------------------ */
.top-visual { position: sticky; top: 0; left: 0; width: 100%; height: 100dvh; box-shadow: 7px 0 20px rgba(0, 0, 0, 0.25); z-index: 1; }
.top-visual::before { content: ''; pointer-events: none; position: absolute; top: 50px; left: 0; width: 100%; height: calc(100% - 50px); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.27) 12.54%, rgba(255, 255, 255, 0) 23.72%); z-index: 10; }
.top-visual-copy { position: absolute; }
.top-visual-copy__en { font-family: Helvetica, arial, sans-serif; font-size: 2.935rem; font-weight: 700; line-height: 1.1584327086; }
.top-visual-copy__ja { margin-top: 10px; font-family: 'Noto Serif JP', serif; font-size: 1.404rem; font-weight: 500; letter-spacing: 0.1em; line-height: 1.4245014245; }
.top-visual-copy__ja span { display: inline-block; vertical-align: top; letter-spacing: 0.3em; }
.top-visual-btn { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; position: absolute; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; border: none; border-radius: 0; box-shadow: 7px 0 20px rgba(0, 0, 0, 0.25); font-family: inherit; color: #fff; overflow: hidden; cursor: pointer; }
.top-visual-btn__text { position: absolute; font-size: 1.4rem; font-weight: 700; letter-spacing: 1.0714285714; }
.top-visual-btn__photo { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; overflow: hidden; z-index: -1; }
.top-visual-btn__photo picture { display: block; width: 100%; height: 100%; }
.top-visual-btn__photo img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; object-position: center; }

.top-visual-btn:nth-of-type(1) { z-index: 4; }
.top-visual-btn:nth-of-type(2) { z-index: 3; }
.top-visual-btn:nth-of-type(3) { z-index: 2; }
.top-visual-btn:nth-of-type(4) { z-index: 1; }

.top-visual.is-hidden { display: none; }

@media (max-width: 767px) {
	.top-visual-copy { top: calc((144 * 100 / 667) * 1vh); right: 15px; text-align: right; }
	.top-visual-btn { transition: height 0.4s ease-in-out; height: calc(100% - (50px + (45px * 3))); }
	.top-visual-btn__text { bottom: 14px; right: 15px; }
	.top-visual-btn__photo { height: calc(100dvh - (50px + (45px * 3))); }

	.top-visual-btn:nth-of-type(1) { top: 50px; }
	.top-visual-btn:nth-of-type(2) { top: calc(50px + 45px); }
	.top-visual-btn:nth-of-type(3) { top: calc(50px + (45px * 2)); }
	.top-visual-btn:nth-of-type(4) { top: calc(50px + (45px * 3)); }

	.top-visual-btn.is-move { height: 45px; }
}

@media (min-width: 768px) {
	.top-visual { box-shadow: 7px 0 20px rgba(0, 0, 0, 0.25); }
	.top-visual::before { top: 65px; height: calc(100% - 65px); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.27) 12.54%, rgba(255, 255, 255, 0) 23.72%);}
	.top-visual-copy { bottom: 70px; left: 90px; text-align: left; }
	.top-visual-copy__en { white-space: nowrap; font-size: 4.6rem; line-height: 1.152173913; }
	.top-visual-copy__ja { margin-top: 15px; white-space: nowrap; font-size: 2.2rem; }
	.top-visual-btn { top: 65px; transition: width 0.6s ease-in-out; width: calc(100% - calc(86px * 3)); height: calc(100% - 65px); box-shadow: 7px 0 20px rgba(0, 0, 0, 0.25); }
	.top-visual-btn__text { bottom: 60px; right: 34px; writing-mode: vertical-rl; font-size: 1.8rem; line-height: 1.0555555555; }
	.top-visual-btn__photo { width: calc(100vw - (86px * 3)); }

	.top-visual-btn:nth-of-type(1) { left: 0; }
	.top-visual-btn:nth-of-type(2) { left: 86px; }
	.top-visual-btn:nth-of-type(3) { left: calc(86px * 2); }
	.top-visual-btn:nth-of-type(4) { left: calc(86px * 3); }

	.top-visual-btn.is-move { width: 86px; }
}

/* contents
------------------------------------------------ */
#contents { position: relative; padding-top: 20px; background-color: #fff; z-index: 2; }

@media (min-width: 768px) {
	#contents { padding-top: 40px; }
}

/* main_cover
------------------------------------------------ */

.main_cover{
	/*max-width: 1050px;*/
	width: 100%;
	margin: 0 auto;
	margin-top: 60px;
	background-image: url('../../img/share/main_cover.png');
	background-size: 100% auto;
	background-repeat: no-repeat;
    background-attachment: fixed;
}

/* lg screen*/
@media (min-width: 1200px){
	.main_cover{
		height: 800px;
	}
}
/* md screen*/
@media (max-width: 1199px) and (min-width: 992px){
	.main_cover{
		height: 800px;
	}
}
/* sm screen*/
@media (max-width: 991px) and (min-width: 768px){
 	.main_cover{
		background-size: contain;
	    background-repeat: no-repeat;
	    width: 100%;
	    height: 0;
	    padding-top: 66.64%;
	}
}
/* xs screen*/
@media (max-width: 767px){
	.main_cover{
		background-size: contain;
	    background-repeat: no-repeat;
	    width: 100%;
	    height: 0;
	    margin-top: 50px;
	    padding-top: 66.64%;
	}
}

/* top
------------------------------------------------ */

.concept{
	margin-top: 60px;
	margin-bottom: 50px;
}
	.concept h3{
		margin-top: 20px;

	}
	.concept p{
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 2;
		margin-top: 10px;
	}

.blocks_container, .support_container, .recruit_container, .delivery_container {
	margin: 50px 0px;
}
.service_container {
	margin: 0px;
	padding-top: 50px;
}

.recruit_container img, .delivery_container img.w_f, .outline_container img.w_f{
	width: 100%;
}

.blocks_container{
	text-align: center;
    background: #0f4391;
    color:white;
    padding: 30px;
}
	.blocks_container h2.title{
		font-size: 23px;
		font-size: 2.3rem;
	}

	.blocks_container img.blocks_picture{
		width: 100%;
	}
	.blocks_container ol{
		margin-top: 30px;
	}
	.blocks_container li{
		position: relative;
		padding-left: 52px;
  		font-size: 15px;
  		font-size: 1.5rem;
  		margin-bottom: 18px;
  		min-height: 36px;
	}
	.blocks_container li img{
		position: absolute;
		top: 0;
		left: 0;
  		height: 32px;
    	width: 33px;
	}

.support_container{
	background: url('../../img/top/support_cover-202511.png');
	background-size: cover;
	padding: 30px;
}

@media (max-width: 767px){
	.support_container { background-image: url(../../img/top/support_cover-mobile.jpg); background-size: cover; }
}

	.support_container .container{
		max-width: 700px !important;
	}
	.support_container h3{
		margin: 30px 0px 30px;
		font-size: 20px;
		font-size: 2rem;
	}
	.support_container p{
		font-size: 14px;
		font-size: 1.4rem;
	    width: 90%;
	    margin: 0 auto;
	}
	.support_container #ul_1{
		margin-top: 20px;
	}
	.support_container #ul_1 li, .support_container #ul_2 li{
		width: 124px;
		text-align: center;
		float:left;
		margin-left: 10px;

		background: url("../../img/top/support_wizard_1.png");
		background-size: 100% 100%;
		padding: 6px 5px;
		color: rgb(21, 90, 160);
		font-size: 14px;
		font-size: 1.4rem;
	}

	.support_container #ul_2{
		float:right;
		margin-top: 10px;
	}

	.support_container #ul_2 li.active{

		background: url("../../img/top/support_wizard_2.png");
		background-size: 100% 100%;
		color:white;
	}

.outline_container{
	background: rgb(231, 233, 245);
	padding: 30px;
}

.recruit_container table td{
	padding: 15px;
}
.recruit_container table{
	margin-top: 30px;
}
.recruit_container .blocks_footer{
	margin-top: 20px;
	padding: 40px 150px;
	background: rgb(231, 233, 245);
}

.recruit_container .btn{
	padding: 8px 50px;
    background: rgb(21, 90, 160);
    color: white;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.recruit_container p, .recruit_container p, .recruit_container .blocks_footer{
	font-size: 14px;
	font-size: 1.4rem;
}

.delivery_container{
	margin-top: 40px;
}
	.delivery_container h3{
		font-size: 17px;
		font-size: 1.7rem;
	}
	.delivery_container img.round{
		margin-right: 5px;
	    margin-top: -3px;
	    height: 22px;
	}


.service_container .content{
	margin-top: 20px;
}


.map_container #map{
	width:100%;height:300px;
}

.contact_container{
	background: rgb(241, 241, 241);
}

.contact_container img.title {
	height: 100px;
    margin-top: 29px;
}

.outline_container .btn_blue{
	background: rgb(21, 90, 160);
    color: white;
    border-radius: 0;
    margin: 10px 0px 24px;
    padding: 3px 15px;
}

.outline_container .btn_white{
	border: 1px solid rgb(21, 90, 160);
    color: rgb(21, 90, 160);
    border-radius: 0;
    margin: 10px 0px 24px;
    padding: 3px 15px;
}

.outline_container .btn_blue:hover, .outline_container .btn_white:hover, .recruit_container .btn_blue:hover{
	color:black;
	background: rgb(163, 204, 255);
}


.no_border{
	border: none;
}

.blue{
	color: rgb(21, 90, 160);
}

.delivery_show_all{
    float: right;
    color: gray !important;
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 18px;
}

.form{
	font-size:17px;
	font-size: 1.7rem;
}
	.form .control_box{
		border-top: 1px solid white;
		padding: 20px;
	}

	.form input[type=radio]{
		height: 16px;
	    width: 24px;
	}

.form input[type=text]{
	margin-left: 12px;
    margin-right: 12px;
    border: 0px;
    height: 50px;
    padding: 0px 6px;
    font-size: 16px;
    font-size: 1.6rem;
}
.form textarea { padding: 0 6px; width: 100%; height: 120px; border: none; }

.control_box_2 input, .control_box_3 input{
	width: 252px;
    
}

.control_box_4 input[type=button]{
	background: rgb(21, 90, 160);
    color: white;
    border: 0px;
    padding: 3px 12px;
}

.control_box_5 select{
	width: 252px;
	height: 33px;
    border: 0px;
}

.control_box_6 input{
	width: 583px;
}

.control_box_7 input{
	width: 483px;
}

.control_box_8 input{
	width: 135px;
}

.control_box_9 input[type=button]{
	background: rgb(21, 90, 160);
    color: white;
    border: 0px;
    padding: 3px 12px;
    width: 260px;
}

.outline_container{
	background:rgb(231, 233, 245);
	color: rgb(21, 90, 160);
}
	.outline_container .outline_title{
		margin-bottom: 30px;
	}
	.outline_container table{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.outline_container .vechicle_sign{
		margin-top: 15px;
	}
		.outline_container .vechicle_sign img, .outline_container .vechicle_sign span{
			float: left;
			font-size: 14px;
			font-size: 1.4rem;
		}
		.outline_container .vechicle_sign span{
			margin-left: 30px;
			margin-top: 5px;
		}
	.outline_container .outline_footer{
		margin-top: 30px;
	}

.service_container img.title{
	height: 30px;
}

.service_container .desc{
	margin-left: 23px;
}
.service_container h5{
	color: rgb(21, 90, 160);
	margin:  8px 0px 13px;
}
.service_container li{
	font-size: 14px;
	font-size: 1.4rem;
}

@media (max-width: 767px){
	.service_container ul { margin-bottom: 15px; }
}

/* service
------------------------------------------------ */
#service {
}

	#service .mt60 {
		margin-top: 60px;
	}

@media (min-width: 768px) {

	#service .right {
		float: right;
	}

}

	#service h3 {
		margin: 40px 0;
		font-size: 34px;
		font-size: 3.4rem;
		color: #0f4391;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#service h3:before,
	#service h3:after {
		content: "";
		background: #0f4391;
		display: inline-block;
		height: 1px;
		width: 37%;
	}

	#service h4 {
		margin: 35px 0 30px;
		padding-left: 12px;
		border-left: solid #0f4391 10px;
		/*font-family: Helvetica;*/
		font-size: 26px;
		font-size: 2.6rem;
		font-weight: bold;
		color: #0f4391;
	}

	#service p {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 32px;
	}

	#service .btn {
		margin-top: 35px;
		border: 1px solid #0D4391;
		border-radius: 20px;
		font-weight: bold;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 40px;
		width: 150px;
	}

@media (max-width: 768px) {

	#service h3 {
		font-size: 28px;
		font-size: 2.8rem;
		padding: 0 30px;
	}

	#service h3:before,
	#service h3:after {
		height: 2px;
		width: 10%;
	}

	#service h4 {
		font-size: 22px;
		font-size: 2.2rem;
	}

	#service .btn {
		border-radius: 25px;
		height: 50px;
		width: 100%;
	}

}

/* delivery
------------------------------------------------ */
#delivery {
}

	#delivery .box {
		margin-top: 30px;
	}

		#delivery .box h3 {
			position: relative;
			margin-bottom: 20px;
			text-align: center;
			font-size: 20px;
			font-size: 2rem;
			font-weight: normal;
			color: #0f4391;
		}

		#delivery .box h3:after {
			content: " ";
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 1px;
			background: #0f4391;
			z-index: 1;
		}

			#delivery .box h3 span {
				position: relative;
				display: inline-block;
				width: 134px;
				background: #fff;
				vertical-align: top;
				z-index: 2;
			}

		#delivery .box .line {
		}

			#delivery .box .line dl {
				float: left;
				padding: 0 1%;
				width: 20%;
				border-left: dotted #444 1px;
			}
			#delivery .box .line dl:first-child { padding-left: 0; border-left: none; }
			#delivery .box1 .line dl { min-height: 200px; }
			#delivery .box2 .line dl { min-height: 120px; }

				#delivery .box .line dl dt {
					font-size: 13px;
					font-size: 1.3rem;
				}
				#delivery .box .line dl dt.is-min { white-space: nowrap; letter-spacing: -0.08em; }

				#delivery .box .line dl dd {
					margin-top: 6px;
					font-size: 10px;
					font-size: 1rem;
				}

					#delivery .box .line dl dd ul {
					}

						#delivery .box .line dl dd ul li {
						}

			#delivery .box .line .note {
				clear: both;
				position: relative;
				top: -2em;
				text-align: right;
				font-size: 10px;
				font-size: 1rem;
			}

/* outline
------------------------------------------------ */
#outline {
}

#outline .container { max-width: inherit !important; }
#outline .pic picture { display: block; width: 100%; height: 100%; }

@media (min-width: 769px) {
	#outline .flex { display: flex; flex-wrap: wrap; justify-content: center; }
	#outline .pic { height: 100%; text-align: right; }
	#outline .pic img { margin-left: auto; width: 100%; height: 100%; max-width: 445px; object-fit: cover; }
}

@media (max-width: 768px) {
	#outline .pic { margin-bottom: 20px; }
}

	#map_kobe_pic,
	#map_tokyo_pic,
	#map_kanazawa_pic,
	#map_kobe_access,
	#map_tokyo_access,
	#map_kanazawa_access { display: none; }

	#outline table {
		width: 100%;
		border-spacing: 0;
		word-break: break-word;
	}

		#outline table th,
		#outline table td { padding-bottom: 3px; vertical-align: top; font-size: 12px; font-size: 1.2rem; line-height: 1.58333333333; }
		#outline table th { width: 16%; letter-spacing: .2em; }
		#outline table td > p { padding-left: 1em; }

		#outline .way {
			display: flex;
			align-items: center;
			margin-top: 10px;
		}

			#outline .way img,
			#outline .way span { display: inline-block; vertical-align: middle; }
			#outline .way img { width: 50px; }
			#outline .way span { margin-left: 10px; font-size: 10px; font-size: 1rem; letter-spacing: -0.02em; line-height: 1.6; }

/* access
------------------------------------------------ */
#access {
	margin-top: 54px;
}

	#access .map_btn {
		margin-top: 20px;
	}

		#access .map_btn li {
			display: inline-block;
			margin: 0 10px;
			width: 120px;
			height: 32px;
			border: solid #0f4391 1px;
			vertical-align: top;
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 30px;
		}

			#access .map_btn li a {
				display: block;
				color: #0f4391;
			}
			#access .map_btn li a.on,
			#access .map_btn li a:hover { background: #0f4391; text-decoration: none; color: #fff; }

/* maps
------------------------------------------------ */
#maps {
}

	#maps ul {
	}

		#maps ul li {
			visibility: hidden;
			width: 100%;
			height: 420px;
		}
		#maps ul li:first-child { visibility: visible; }

			#maps ul li iframe { width: 100%; height: 100%; }

/* contact
------------------------------------------------ */
#contact {
}

	#contact .form {
	}

		#contact .form .list {
			margin-bottom: 10px;
		}

			#contact .form .list li {
				display: inline-block;
				margin-left: 1em;
				vertical-align: top;
			}
			#contact .form .list li:first-child { margin-left: 0; }

				#contact .form .list li label { font-weight: normal; }

		#contact .form .btn_zip {
			display: inline-block;
			width: 130px;
			height: 50px;
			background: #0f4391;
			text-align: center;
			vertical-align: middle;
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 50px;
			color: #fff;
		}

		#contact .form .error {
			margin: 10px 0;
			font-size: 14px;
			font-size: 1.4rem;
			color: #c00;
		}
		#contact .form .error:first-child { margin-top: 0; }
		#contact .form .error:last-child { margin-bottom: 0; }

		#contact .form .btn_group {
			padding: 20px 0;
			text-align: center;
		}

			#contact .form .btn_group li {
				display: inline-block;
				margin: 0 10px;
				width: 380px;
				height: 72px;
				vertical-align: top;
				font-size: 20px;
				font-size: 2rem;
				line-height: 72px;
			}

				#contact .form .btn_group li a,
				#contact .form .btn_group li input[type=submit] {
					display: block;
					width: 100%;
					height: 100%;
					appearance: none;
					-webkit-appearance: none;
					background: #0f4391;
					border: none;
					color: #fff;
				}

		#contact .form .thanks {
			padding: 40px 0;
		}

			#contact .form .thanks .lead {
				text-align: center;
				font-size: 14px;
				font-size: 1.4rem;
			}

/* lg screen*/
@media (min-width: 1200px){
   .v-lg-2{
		width:18%;
		float:left;
		border-right: 1px dotted gray;
		margin-left: 2%;
	}
	.v-lg-2:nth-child(6), .v-lg-2:nth-child(14){
		border-right: none;
	}


	.control_box .container div:first-child{
		padding-right: 40px;
		text-align: right;
	}

	.recruit_container .container{
		padding: 30px 140px;
		font-size:13px;
		font-size: 1.3rem;
		margin: 0 auto;
	}

}
/* md screen*/
@media (max-width: 1199px) and (min-width: 992px){

  	.v-lg-2{
		width:18%;
		float:left;
		border-right: 1px dotted gray;
		margin-left: 2%;
	}

	.v-lg-2:nth-child(6), .v-lg-2:nth-child(14){
		border-right: none;
	}

	.control_box .container div:first-child{
		padding-right: 40px;
		text-align: right;	
	}

	.recruit_container .container{
		padding: 30px 140px;
		font-size:13px;
		font-size: 1.3rem;
		margin: 0 auto;
	}
}
/* sm screen*/
@media (max-width: 991px) and (min-width: 768px){
	.concept {
		margin-top: 20px;
	}
 	.v-sm-4{
		width:23%;
		float:left;
		border-right: 1px dotted gray;
		margin-left: 2%;
		margin-bottom: 30px;
	} 

	.v-sm-4:nth-child(5), .v-sm-4:nth-child(13){
		border-right: none;
	}

	.recruit_container .container{
		margin-top: 30px;
	}


}
/* xs screen*/
@media (max-width: 767px){
	.concept {
		margin-top: 0px;
	}
	
	.v-xs-6{
		width:48%;
		float:left;
		border-right: 1px dotted gray;
		margin-left: 2%;
		height: 260px;
		margin-bottom: 20px;
	}

	.xs_h_125{
		height: 125px;
	}
	.xs_no_border{
		border:0px;
	}
	.xs_h_145{
		height: 145px
	}
	.xs_h_125{
		height: 125px;
	}

	.v-xs-6:nth-child(3), .v-xs-6:nth-child(5), .v-xs-6:nth-child(6), .v-xs-6:nth-child(7){
		border-right: none;
	}

	.v-xs-6:nth-child(6), .v-xs-6:nth-child(8){
		height: 80px;
	}

	.v-xs-6:nth-child(7){
		border-right: none;
	}

	.blocks_container{
		overflow: hidden;
	}
	

	.concept p, .recruit_container p, .recruit_container p, .recruit_container table, .recruit_container .blocks_footer, .form{
		font-size: 12px;
		font-size: 1.2rem;
	}

	.blocks_container, .support_container, .recruit_container, .delivery_container, .service_container {
	    margin: 50px 0px 22px;
	}

	.service_container img.title{
		/*height: 60px;*/
	}

	.recruit_container .blocks_footer {
	    padding: 22px 16px;
	    
	}
	.recruit_container .container{
		margin-top: 20px;
	}

	.support_container, .recruit_container, .delivery_container, .outline_container{
		overflow: 	hidden;	
	}
	.outline_container { padding: 20px 4%; }

	.support_container .container{
		padding: 0px;
	}

	.support_container #ul_1,
	.support_container #ul_2 { float: none; }
	.support_container #ul_2 { margin-top: 0; }
	.support_container #ul_1 li,
	.support_container #ul_2 li{ float: none; margin: 10px 0 0; padding: 12px 0 calc(16% - 12px); width: 100%; height: 0; background-image: url(../../img/top/support_wizard_1-sp.png); overflow: hidden; }
	.support_container #ul_1 li.active,
	.support_container #ul_2 li.active { background-image: url(../../img/top/support_wizard_2-sp.png); }
	.support_container #ul_1 li br,
	.support_container #ul_2 li br { display: none; }
	.support_container #ul_1 li span:before,
	.support_container #ul_2 li span:before { content: '.'; }

	

	.delivery_container img.xs_apply{
		width: calc(100% + 1200px);
    	margin-left: -570px;
	}

	.contact_container{
		padding-bottom: 20px;
	}

	.recruit_container img{
		width: calc(100% + 1200px);
    	margin-left: -600px;
	}

	.form input[type=text] {
	    margin-left: 2%;
	    margin-right: 2%;
	    border: 0px;
	    height: 33px;
	    padding: 0px 6px;
	}

	.form .control_box{
		padding: 0px;
	}

	.control_box .container, .blocks_container .container{
		padding: 0px;
	}


	.control_box_2 input, .control_box_3 input{
		width: 36%;
		margin-bottom: 	20px;
	    
	}

	.control_box_4 input{
		width: 85px;
		margin-bottom: 	20px;
	    
	}

	.control_box_4 input[type=button]{
		background: rgb(21, 90, 160);
	    color: white;
	    border: 0px;
	    padding: 3px 12px;
	    height: 30px;
	}

	.control_box_5 select{
		width: 261px;
		height: 33px;
	}

	.control_box_6 input{
		width: 80%;
	}

	.control_box_7 input{
		width: 80%;
	}

	.control_box_8 input{
		width: 67px;
	}

	.control_box_8 input:last-child{
		width: 112px;
	}

	.control_box_9 input[type=button]{
		background: rgb(21, 90, 160);
	    color: white;
	    border: 0px;
	    padding: 3px 12px;
	    width: 260px;
	    height: 30px;
	}

	/* delivery */
	#delivery {}
	#delivery .box { margin-top: 20px; }
	#delivery .box h3 { margin-bottom: 10px; font-size: 1.6rem; }
	#delivery .box h3 span { width: 30%; }
	#delivery .box .line {}
	#delivery .box .line dl { margin-bottom: 20px; width: 50%; min-height: inherit; }
	#delivery .box .line dl:nth-of-type(2n) { padding: 0 0 0 4%; }
	#delivery .box .line dl:nth-of-type(2n+1) { clear: both; padding: 0 4% 0 0; border-left: none; }

	/* outline */
	#outline {}
	#outline .col-lg-6 { padding: 0; }
	#outline table {}
	#outline table tr,
	#outline table th,
	#outline table td { display: block; width: 100%; }
	#outline table tr { padding: 4px 0; }
	#outline table th { font-size: 1.6rem; font-weight: bold; }
	#outline .way {}
	#outline .way img,
	#outline .way span { vertical-align: top; }
	#outline .way img { width: 16%; height: auto; }
	#outline .way span { margin-left: 2%; width: 82%; font-size: 1rem; }

	/* access */
	#access {}
	#access .map_btn { margin-top: 10px; }
	#access .map_btn li { margin: 10px 0; width: 80%; }

	/* maps */
	#maps {}
	#maps ul {}
	#maps ul li { height: 40vh; }

	.recruit_container .btn { padding: 8px 0; }

	/* contact */
	#contact {}
	#contact .form {}
	#contact .form .container { padding: 20px 0; }
	#contact .form .container .col-lg-3 { margin-bottom: 10px; font-size: 1.6rem; }
	#contact .form .list {}
	#contact .form .list li { display: block; margin: 0 0 .6em; }
	#contact .form .btn_zip { margin-left: 10px; width: 20%; font-size: 1.2rem; }
	#contact .form .btn_group {}
	#contact .form .btn_group li { display: block; margin: 0 auto 10px; width: 60%; }

}