@charset "utf-8";
.pc_view{
	display: none;
}

body{
	
}
#header{
	width:100%;
	background-image:url("../img/mv.jpg");
    background-position: center -60px;
    background-size: 100%;
    background-repeat: no-repeat;
	position:relative;
}
#header div.mv_text{
	padding-top: 8%;
    width: 80%;
    margin: 0 auto 8%;
}
#header div.mv_text2{
    width: 80%;
    margin: 0 auto 8%;
}
.container{
	width:94%;
	margin:0 auto;
}
#owner{
	margin-top:-25%;
}
.contact{
	text-align: center;
	padding:8% 3%;
	box-sizing: border-box;
}
.contact .btn{
	width:94%;
	margin:3% 0;
}
.contact .tel{
	width:85%;
	margin:3% 0;
}
.contact .mail,
#three .container .mail{
	width: 83%;
	margin: 1% 0;
}
#catch .container{
	padding-top:8%;
}
#catch .container>img:first-child{
	width: 84%;
    margin: 0 auto 8%;
    display: block;
}
#catch .container img:last-child{
    margin: 8% auto;
    display: block;
}
#three{
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 1%,#f7931e 1%,#f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#three .container,
#merit .container  {
	padding-bottom:8%;
}
#three .container div div,
#merit .container div{
	background-color: #fff;
	border-radius: 4%;
	box-shadow: 8px 8px 1px #DE841B;
	padding: 7% 4%;
	margin-bottom: 8%;
}
#merit{
	background: #00AFEC;
}
#merit .container div{
	box-shadow: 8px 8px 1px #008CBD;
}
#flow{
	width:100%;
	background-position: center top;
}
#flow .flow_head{
	background-image: url(../img/flow_head_bg.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    text-align: center;
    padding: 8% 10% 13%;
}
#flow .flow_head img{}

#flow .container{
	width:100%;
	background-image:url("../img/flow_bg.svg");
	background-position: center 4rem;
	background-repeat: no-repeat;
    padding: 25% 8% 8%;
    box-sizing: border-box;
}
#flow .container img{
	margin-bottom:13%;
}
#footcopy{
	width:100%;
	background-image:url("../img/car_sea.jpg");
	background-repeat: no-repeat;
	background-position:left top;
	background-size:cover;
}
#footcopy .container{
	width:100%;
	background-image:url("../img/foot_copy_triangle.svg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size:7%;
	box-sizing: border-box;
    padding: 10% 5%;
    height: calc(100vw * 1.2);
}
#faq .container{
	box-sizing: border-box;
	padding:8% 3%;
	text-align:center
}
#faq .container img{
	margin-bottom:4rem;
}
#faq .container img:first-child{
	width:50%;
	margin-bottom:8%;
}
.bg_orange{
	background-color: #F7931E;
}
.bg_blue{
	background-color: #00AFEC;
}
.bg_gray{
	background-color: #F2F2F2;
}
#greet{
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 93%,#f7931e 93%,#f7931e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#greet .container{
    text-align: center;
    padding: 9% 5% 0;
    box-sizing: border-box;
}
#greet .container>img{
	width:100%;
}
#greet .container img.title{
    width: 80%;
    margin-bottom: 10%;
}
#greet .container p{
	color:#202F6D;
	text-align: left;
	font-size:1.8rem;
	line-height:1.8;
	margin-bottom:2rem;
}
#greet .container p.sign{
	width:40%;
	margin:3% 0 8% auto;
}
#footer{
	padding-top:4%;
}
#footer .container{
	width:85%;
}
#footer .container .sns{
	display: flex;
	justify-content: space-between;
	margin:8% 0 0;
}
#footer .container .sns a{
	width:50%;
	text-align: center;
}
#footer .container .sns a img{
	width:45%;
}
#footer .container p.copyright{
	color:#CCCCCC;
	font-size:1.5rem;
	text-align: center;
	padding:15% 0 8%;
	font-weight: bold;
}

/* inview */
.fadeIn_up {
	opacity: 0;
	transform: translate(0, 20%);
	transition: 0.5s;
}
.fadeIn_up.is-show {
	transform: translate(0, 0);
	opacity: 1;
}

/*【スマートフォン横】*/
@media screen and (min-width: 481px) {
} 

/*【タブレット縦以上】*/
@media screen and (min-width: 769px) {
	.pc_view{
		display: block;
	}
	.sp_view{
		display: none;
	}
	.pc_mt30{
		margin-top:30px;
	}
	.pc_mt50{
		margin-top:50px;
	}
	.container{
		width:1200px;
		margin:0 auto;
	}
	#header div.mv_text2{
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: start;
		margin: 0 auto 3%;
	
	}
	#header div.mv_text2 img{
		width:50%;
	}
	#owner{
		margin-top:0;
	}
	div.contact {
		padding: 5% 3%;
	  }
	div.contact div.container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	div.contact div.container>div{
		width:49%
	}
	div.contact div.container>p{
		width:100%
	}
	#catch .container {
		padding-top: 5%;
	  }
	#three {
		background: linear-gradient(to bottom, #fff 0%,#fff 2%,#f7931e 2%,#f7931e 100%);
	}
	#three div.container>div,
	#merit div.container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: flex-start;
		padding-bottom: 5%;
	}
	#three div.container>div{
		align-items: flex-end;
	}
	#merit div.container {
		align-items: normal;
	}
	#three div.container>img,
	#three div.container>div p,
	#merit div.container>img,
	#merit div.container>p {
		display: block;
		width: 60%;
		margin: 0 auto 30px;
	}
	#three div.container>div p{
		margin-bottom:10rem;
	}
	#three div.container>div div,
	#merit div.container>div{
		width:40%;
		margin-bottom:20px;
		padding:5% 4% !important;
	}
	#three div.container>div div{
		width:24%;
	}
/*	#three div.container>div:after{
		display: block;
		content:"";
		width:24%;
	}*/
	#flow .flow_head{
		padding: 5% 10% 4%;
	}
	#flow .container {
		background-position: center 3rem;
		padding: 14% 8% 8%;

	  }
	#footcopy .container {
		height: 700px;
	  }

	  .pc_style80p{
		width:80%;
		display: block;
		margin: 0 auto;
	}
	.pc_style60p{
		width:60%;
		display: block;
		margin: 0 auto;
	}
	.pc_style50p{
		width:50% !important;
		display: block;
		margin: 0 auto;
	}
	.pc_style35p{
		width:35% !important;
		display: block;
		margin: 0 auto;
	}
	.pc_style01{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}
	.pc_style02{
		display: flex;
		align-items: start;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pc_style02 .p48{
		width:48% !important;
		margin:0 !important
	}
	.pc_style03{
		width: 80%;
		margin: 70px auto 0;
		display: block;
	}
	#greet .container p.sign{
		width:20%
	}
	#footer .container .sns {
		justify-content: center;
	}
	#footer .container .sns a {
		width: 20%;
		text-align: center;
	}
}