.mv {position: relative;}
.mv .tit {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 10%; font-size: 40px; color: #fff; line-height: 1.2; letter-spacing: 2px;}



#box1 {padding: 70px 0;}
#box1 .container p {line-height: 2;}


#box2 {background: #333333;}
#box2 .col1 {float: left; width: 50%; color: #fff; padding: 70px 5% 20px; text-align: center;}
#box2 .col1 h3 { font-weight: bold; font-size: 30px; margin: 0 auto 20px; line-height: 1.3; }
#box2 .col1 h3 span{ font-size: 18px;display: block;}
#box2 .col1 ul {margin: 0 auto 40px;}
#box2 .col1 ul li {margin: 0 auto 20px; padding: 0 0 20px; background: url(../../images/tsubamepro/line.jpg) no-repeat center bottom;}
#box2 .col1 ul li:last-of-type {margin: 0 0 0 0; background: none;}
#box2 .col1 ul li h4 {font-weight: bold; margin: 0 auto 10px; font-size: 20px;}
#box2 .col1 .map { background: #fff url(../../images/tsubamepro/img_02.jpg) no-repeat right top; background-size: auto 100%; color: #000; padding: 30px; text-align: left; }
#box2 .col1 .map h4 {font-size: 20px; font-weight: bold; margin: 0 auto 15px;}
#box2 .col1 .map p {width: 50%;}
#box2 .col2 {float: right; width: 50%;}

#box3{background-color: #f0f5fb;}

#box3 .col1 {float: left; width: 48%; text-align: center; padding-top: 50px;}
#box3 .col2 {float: right; width: 52%; padding: 100px 50px 100px 20px; }
#box3 .col2 h4 {font-size: 30px; margin: 0 auto 10px;}
#box3 .col2 h3 {font-size: 46px; margin: 0 auto 40px; line-height: 0.9;}
#box3 .col2 h3 span{font-size: 30px;}
#box3 .col2 ul {padding-top: 40px;}

#box3 .col2 ul li { border: 1px solid #000; margin: 0 0 15px 0; padding: 20px;  }


#box3 .col2 ul li:last-of-type {margin: 0 0 0 0;}
#box3 .col2 ul li h5 {font-size: 20px; margin: 0 auto 10px; font-weight: bold;}

#box4 h2 { background: #000; color: #fff; text-align: center; padding: 100px 0; font-weight: bold; font-size: 20px; }
#box4 ul {padding: 100px 0;}
#box4 ul li {margin: 0 auto 30px; padding: 0 10px;}
#box4 ul li h3 {font-weight: bold; font-size: 26px; padding: 0 0 10px; margin: 0 0 40px; border-bottom: 1px solid #000;}
#box4 ul li .col1 {float: left; width: 30%; text-align: center;}
#box4 ul li .col2 {float: right; width: 60%;}
#box4 ul li .col2 h4 {font-weight: bold; font-size: 20px; margin: 0 auto 10px; padding: 0 0 10px; border-bottom: 1px dashed #000; line-height: 1.2}


@media only screen and (max-width: 1600px){
	.mv .tit {font-size: 3vw;}
	#box2 .col1 h3 {font-size: 2vw;}
	#box2 .col1 ul li h4 {font-size: 1.2vw;}
	#box2 .col1 .map h4 {font-size: 1.2vw;}
	#box3 .col2 h3 {font-size: 3vw;}
	#box3 .col2 ul li h5 {font-size: 1.2vw;}
	#box4 ul li h3{font-size: 20px;}
	#box4 ul li .col2 h4 {font-size: 18px;}
}

@media only screen and (max-width: 1024px){
	#box2 .col1 {width: 65%; padding: 20px 2% 20px;}	
	#box2 .col1 h3 {margin: 0 auto 20px;}
	#box2 .col1 .map p {width: 100%;}

	#box2 .col2 {width: 35%;}
	#box3 .col2 ul li {float: none; width: 100%; margin: 0 auto 20px; min-height: auto; padding: 10px;}

}

@media only screen and (max-width: 767px){
	.mv .tit {font-size: 7vw; padding-top: 200px;}
	#box1 {padding: 30px 0;}
	#box2 {padding: 0 30px  30px;}
	#box2 .col1 {float: none; width: 100%; padding: 50px 0 0; margin: 0 auto; border-bottom: 1px solid #000;}
	#box2 .col1 h3 {font-size: 6vw; margin: 0 auto 20px;}
	#box2 .col1 ul li h4 {font-size: 4vw;}	
	#box2 .col1 .map {padding: 50px 10px; text-align:center; background:#fff; }
	#box2 .col1 .map p {width: 100%;}
	#box2 .col1 .map h4 {font-size: 4.5vw;}
	#box2 .col1 .map::after { content:''; display:block; width:100%; padding:95% 0 0 0; background:url(../../images/tsubamepro/img_02_sp.png) center center / auto 100% no-repeat; }
	#box2 .col2 {float: none; width: 100%;}

	#box3 .col1 {float: none; width: 100%;}
	#box3 .col2 {float: none; width: 100%; padding: 30px 10px;}
	#box3 .col2 h4 {font-size: 5vw; text-align: center;}
	#box3 .col2 h3 {font-size: 6vw; line-height: 1.3;text-align: center;}

	#box3 .col2 ul li h5 {font-size: 16px;}

	#box4 h2 {padding: 20px 0;}

	#box4 ul {padding: 50px 0;}
	#box4 ul li .col1 {float: none; width: 100%; margin: 0 auto 20px;}
	#box4 ul li .col2 {float: none; width: 100%;}
	
}