@charset "utf-8";
/* CSS Document */

.ips-wrap.ips-first{padding-top:100px;background:#2b2b2b;}
.ips-wrap{min-width:1260px;width:100%;height:auto;}

.ips-heroimg {display: block; width: 100%; height: 315px; min-width: 1260px; max-width: 2400px; margin: 0 auto;background-size: cover; background-position: center;
    background-repeat: no-repeat; font-size: 0;background-image: url(https://maguro-bito.jp//wp-content/uploads/2018/05/4800x630.png);}

#ips-0{max-width:1280px;padding:0 10px;width:100%;margin:0 auto 140px;}
.ips-sec0{text-align: center;font-size: 20px;}
.ips-sec0 p{margin: 45px 0;}
.ips-flex-start{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;
				-webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;}

.ips-flex-start.menu div.menu{width:300px;height:80px;border:1px solid #ddd;}
.ips-flex-start.menu div{margin-right:20px;margin-bottom: 20px;}
.ips-flex-start.menu div a{width:370px;height:80px;display: block;font-size: 18px;font-weight: normal;}
.ips-flex-start.menu div a.hn{background: #faf7f3;}
.ips-flex-start.menu div a.km{background: #fff4f9;}
.ips-flex-start.menu div a.ts{background: #fff4ea;}
.ips-flex-start.menu div img{width:auto;height:80px;margin-right:10px;vertical-align: top;}
.ips-flex-start.menu div span{display: inline-block; width: calc( 100% - 90px);}
.ips-flex-start.menu div span.lih1{line-height: 80px;text-align: center;}

.ips-flex-start.p2{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;
				-webkit-justify-content:flex-start; justify-content:flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap;}

#ips-1{background: #faf7f3;padding-top: 100px;margin-top: -100px;}
#ips-11{padding-top: 120px;margin-top: -100px;max-width: 1000px;}
#ips-2{background: #fff4f9;padding-top: 100px;margin-top: -100px;}
#ips-22{padding-top: 100px;margin-top: -100px;max-width:1000px;}

#ips-23{background: #faf7f3;padding-top: 100px;margin-top: -100px;}
#ips-24{padding-top: 100px;margin-top: -100px;max-width:1000px;}

#ips-3{background: #fff4ea;padding-top: 100px;margin-top: -100px;}
#ips-33{padding-top: 100px;margin-top: -100px;max-width: 1000px;}
#ips-4{background: #faf7f3;padding-top: 100px;margin-top: -100px;}
#ips-5{padding-top: 100px;margin-top: -100px;}

.ips-sec1-ttl{max-width:1280px;padding:0 10px;width:100%;margin:0 auto;padding-bottom: 40px;}
.ips-sec1-ttl h2{text-align: center; font-size: 42px; padding: 40px 0 0;}
span.ips-km{color: #d40000; font-size: 32px;}
p.ips-p{font-size:18px;line-height: 2;}

.ips-sec1-ttl2.last{padding-top:90px;}

.ips-sec1-ttl2{max-width:1000px;padding:0 10px;width:100%;margin:0 auto;padding-bottom: 40px;}
.ips-sec1-ttl2 h3{position: relative;text-align: center;font-size:32px;border-right: 1px solid;border-left: 1px solid;margin-top:0px;}
.ips-sec1-ttl2 h3:before,.ips-sec1-ttl2 h3:after{content: '';position: absolute;top: 50%;display: inline-block;width: 100px;height: 1px;background-color: black;}
.ips-sec1-ttl2 h3:before {left:0;}
.ips-sec1-ttl2 h3:after{right: 0;}

.ips-box1-right h5{padding: 0;margin: 0;}
.ips-box1-left{width:400px;height: 300px;margin-right: 20px;overflow: hidden;}
.ips-box1-img{width:100%;height:100%;}
.ips-box1-right{width:calc(100% - 420px);}
.ips-box1{padding:40px 0;}

.ttl3-box{width:300px;margin-right: 20px; margin-bottom: 30px;}
.ttl3-box.last{width:300px;margin-right: 0px;}
.ips-sec1-ttl3{padding:0 10px;width:100%;margin:0 auto;padding-bottom: 40px;}
.ttl3-box-img{width:100%;overflow: hidden;}
.ttl3-box-img img{width:100%;height:250px;}
.ttl3-box-ttl{text-align: center;}
.ttl3-box-ttl h4{margin: 10px 0;position: relative;display: inline-block;padding: 0 75px;font-size: 18px;}
.ttl3-box-ttl h4:before, .ttl3-box-ttl h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.ttl3-box-ttl h4:before {left:0;}
.ttl3-box-ttl h4:after {right: 0;}


.ttl3-box-price {font-size: 15px;line-height: 1.6;}
.ttl3-box-btn{width: 80%;text-align: center;background: #ddd;height: 3em;line-height: 3em;font-size: 20px;margin: 0 auto;color: #fff;font-weight: bold;}

.ips-h4{font-size: 28px; border-left: 3px solid; padding-left: 10px;margin-bottom: 40px;}

.lp2-btn1 {text-align: center; margin-bottom: 110px; margin-top: 30px;}
.lp2-btn1 img { max-width: 100%;}

a.cp_btn {position: relative;display: block;width:570px;padding: 0.8em;text-align: center;text-decoration: none;
	color: #fff;background: #2196F3;border:solid 1px #fff;overflow: hidden;margin: 0 auto;}
a.cp_btn:before {
	content:"";position: absolute;top: -25px;left: -31px;height:120px;width:20px;background : #fff;opacity: 0.3;transform: rotate(40deg);
	transition: 0.3s;
}

a.cp_btn:hover:before {left:98%;}
@media screen and (max-width: 1024px){
	.ips-sec0 p{line-height: 1.6; text-align: left; font-size: 17px; margin: 25px 0;}
	.ips-sec1-ttl2 h3{font-size: 24px;}
	span.ips-km {font-size: 25px;}
	.ips-box1-right{margin-top:25px;}
	p.ips-p {font-size: 16px;}
	.ttl3-box-img img {height: auto;}
	.ttl3-box-price {padding: 5px 20px;}
	a.cp_btn {width: 100%;}
	a.cp_btn:hover:before {left: 96%;}
	
	#ips-22 .ttl3-box-price,#ips-24 .ttl3-box-price,#ips-33 .ttl3-box-price{text-align: center;}
	#ips-33 .ttl3-box-price.left{text-align: left;}
	#ips-23 span.ips-km {font-size: 23px;}
	.ips-h4 {font-size: 22px;}
	
	#ips-4 span.ips-km {font-size: 20px;}
	
	.ips-wrap.ips-first{padding-top:70px;min-width: 0;}
	.ips-heroimg {height:120px;min-width: 0;}
	.ips-flex-start.menu div{margin-right: 0;width:100%;}
	.ips-flex-start.menu div a{width:100%;}
	#ips-0{margin-bottom: 30px;}
	.ips-wrap{min-width: 0;}
	.ips-sec1-ttl2 h3:before,.ips-sec1-ttl2 h3:after{width:20px;}
	.ips-box1 {padding: 10px 0;}
	.ips-box1-left {width: 100%;height: auto;margin-right: 0px;}
	.ips-box1-left img{width: 100%;height: auto;}
	.ips-box1-right{width:100%;}
	.ttl3-box,.ttl3-box.last{margin-right: 0px;margin-bottom:65px;width:100%;}
}