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

@media screen and (max-width: 767px) {
	
	.ttl{
		background-image:none;
		height:auto;
	}
	.ttl > img{
		position:inherit;
		left:0;
		transform:none;
		padding:0 3vw;
		box-sizing:border-box;
	}
	.ttl > div{
		position:inherit;
		left:0;
		transform:none;
		text-align:center;
	}
	.ttl > div h3{
		font-size:7vw;
		margin:8vw 0 3vw;
	}
	.ttl > div h4{
		font-size:6vw;
		margin-bottom:10vw;
	}
	
	.ttx{
		background-image: url(../img/top/bg-01_sp.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size:100% auto;
		margin:-55vw 0 0;
		padding:8vw 0 91.6vw;
		box-sizing:border-box;
		position:relative;
		bottom:-77.5vw;
		z-index:-1;
	}
	.ttx h3{
		color:#FFFFFF;
		font-size:6vw;
		margin-bottom:3vw;
	}
	.ttx h4{
		color:#FFFFFF;
		font-size:5vw;
	}
	
	.t-nav{
		background-image:none;
		padding-top:0;
	}
	.t-nav > div{
		padding:0 8vw;
	}
	.t-nav > div ul{
	}
	.t-nav > div ul li{
		margin-bottom:8vw;
	}
	.t-nav > div ul li:last-of-type{
		margin-bottom:0;
	}
	.t-nav > div .box{
		padding:3vw;
	}
	.t-nav > div .box h5{
		font-size:6vw;
	}
	.t-nav > div .box p{
		font-size:4vw;
		margin:1vw 0 2vw;
	}
	.t-nav > div .box a{
		font-size:3vw;
	}
	
	.info{
		margin:20vw 0;
	}
	.info > div > div{
		margin:0 auto;
		text-align:center;
	}
	.info > div > div h3{
		margin-bottom:5vw;
		font-size:8vw;
		font-weight:bold;
	}
	.info > div > div h3 span{
		font-size:4vw;
		font-weight:bold;
	}
	.info > div > ul{
		padding:0 6vw;
		box-sizing:border-box;
	}
	.info > div > ul li{
		justify-content:flex-start;
		margin-bottom:5vw;
	}
	.info > div > ul li span{
		font-size:3.6vw;
	}
	.info > div > ul li span.category{
		font-size:3.2vw;
		padding:1.5vw 4vw;
		margin:0 3vw;
	}
	.info > div > ul li span.txt{
		margin-top:2vw;
	}
	.info .btn{
		margin:5vw auto 0;
	}
	
	.service{
		margin-bottom:20vw;
	}
	.service > div{
		padding:0;
	}
	.service ul li{
		width:100%;
	}
	.service ul li:first-of-type p{
		background-image:none;
		margin:0;
		padding:0;
		height:auto;
	}
	.service ul li h3{
		text-align:center;
		font-size:8vw;
		font-weight:bold;
	}
	.service ul li h3 span{
		font-size:4vw;
		font-weight:bold;
		margin:1vw 0 5vw;
	}
	.service ul li p{
		font-size:3.8vw;
		line-height:7vw;
		margin:5vw 6vw 8vw;
	}
	
	.contact{
	}
	.contact > h3{
		font-size:8vw;
		font-weight:bold;
		margin-bottom:8vw;
	}
	.contact > h3 span{
		font-size:4vw;
		font-weight:bold;
		margin-top:1vw;
	}
	.contact > div{
		background-image: url(../img/top/bg-02_sp.jpg);
		height:65vw;
	}
	.contact > div img{
		transform: translate(-50%, -30%);
		height:25%;
	}
	.contact > div a{
		font-family: 'Kiwi Maru', serif;
		font-weight:400;
		width:65%;
		padding: 3vw 14vw 3.5vw 7vw;
	}
	
}