@charset "UTF-8";
/*@import url("../fonts/basicfont/style.css");
@import url("../fonts/fontawesome/css/fontawesome-all.css");*/



#header {
  width: 100%;
  height: 70px;
  padding: 20px 55px 0 30px;
  background-color: #000; }
  #header #logo {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2; }
    /*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 800px) {
      #header #logo {
        font-size: 18px;
        line-height: 1.4; } }
    #header #logo:hover {
      opacity: .8;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
    #header #logo img {
      display: block;
      vertical-align: middle;
      height: 18px;
      width: auto; }
      /*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 800px) {
        #header #logo img {
          height: auto;
          max-height: 18px; } }
    #header #logo a {
      display: inline-block;
      color: #111;
      text-decoration: none; }
  /*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 800px) {
    #header {
      position: fixed;
	  height: 60px;
      top: 0;
      left: 0;
      z-index: 1000;
      padding-left: 25px;
      padding-top: 20px;
     }}

.header-txt {
  position: fixed;
  position:absolute;
  right: 0px;
  top: 0px;
  	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;
	font-size:30px;
	text-align:right;
	padding:16px 30px 0 0;
	color:#fff;
}
  /*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 800px) {
    .header-txt {
	padding:18px 20px 0 0;
	font-size:20px;
	}
}




a{
	text-decoration:none;
}


#mainVisual{
	/*position:fixed;
	top:70px;
	left:0;
	right:0;*/
	text-align:center;
	height:675px;
	overflow:hidden;
		background-color:#000;
}
#mainVisual img{
	width:100%;
	height:auto;
	margin:auto;

}
.grade-cover{
	height:0;
}
.main-content{
	width:100%;
	max-width:1200px;
	margin:0px auto 0;

}
#campainArea{
	background:#000 url(../img/bg_campign.png) repeat-y center top;
	background-size:100%;
	padding:0 0 70px;

}
img.present{
	margin: 70px auto 0;
	width: 125px;
	/*width: calc(12500vw / 1200);*/
}

.introTxt{
	margin-top:70px;
	font-family:"ゴシックMB101 M";
	font-family: "Noto Sans Medium", sans-serif;

	font-size:35px;
	color:#fff;
	text-align:center;
}
h1.camTitle{
	text-align:center;

}
h1.camTitle img{
	max-width:660px;
	max-width:860px;
	margin:90px auto 0;


}
.camBtn{
	margin:100px auto 0;
	text-align:center;

}
.camBtn li{
	/*float:left;*/
	display:inline-block;
	font-size:35px;
	font-size:40px;
	line-height:1.2;
	/*margin-left:240px;*/
}
.camBtn li:last-child{
	/*float:right;
	margin-right:240px;
	margin-left:0px;*/
}
.camBtn li a{
	font-family:"ゴシックMB101 DB";
	font-family: "Noto Sans Bold", sans-serif;
	border-radius:50%;
background: #d2b91a;
background: -moz-linear-gradient(left,  #d2b91a 0%, #e6cd0e 11%, #f5eb4c 25%, #fcf991 46%, #fdfa71 57%, #f6f073 72%, #f3e005 82%, #bcaa1f 100%);
background: -webkit-linear-gradient(left,  #d2b91a 0%,#e6cd0e 11%,#f5eb4c 25%,#fcf991 46%,#fdfa71 57%,#f6f073 72%,#f3e005 82%,#bcaa1f 100%);
background: linear-gradient(to right,  #d2b91a 0%,#e6cd0e 11%,#f5eb4c 25%,#fcf991 46%,#fdfa71 57%,#f6f073 72%,#f3e005 82%,#bcaa1f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2b91a', endColorstr='#bcaa1f',GradientType=1 );
	color:#000;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	max-width:260px;
	width:260px;
	height:260px;
	max-width:360px;
	width:360px;
	height:360px;
}
.camBtn li a:hover{
	opacity:0.9;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.camBtn li a span{
	letter-spacing:-0.1em;
	color:#000;
}
.kikan{
	font-family:"ゴシックMB101 M";
	font-family: "Noto Sans Medium", sans-serif;

	font-size:30px;
	color:#fff;
	background: rgba(255, 255, 255, 0.2);
	padding:15px 0;
	text-align:center;
	width:720px;
	margin:110px auto 0;
}
.att{
	font-family:"ゴシックMB101 L";
	font-family: "Noto Sans Regular", sans-serif;
	font-size:20px;
	line-height:1.6;
	color:#fff;
	text-align:center;
	margin:30px auto 0;
}
.txt1{
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:35px;
	line-height:1;
	color:#fff;
	text-align:center;
	margin:60px auto 0;
}
.camArea{
	text-align:center;

}
.camBoxChosei{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:470px;
	max-width:720px;
	margin:50px 40px 0;

}

.camBox{
	padding:50px 0;
	vertical-align:top;
	display:inline-block;
	background: rgba(239, 239, 239, 0.75);
	width:100%;
	max-width:470px;
	max-width:720px;
}
.camIntroTxt{
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:25px;
	line-height:1.4;
	color:#3E3A39;
	text-align:center;
	margin:0px auto 0;
}
.camTtl{
	height:90px;
}
.camTtl span{
	display:block;
	font-family:"ロダン B";
	font-family: "Noto Sans Bold", sans-serif;
	font-size:42.5px;
	line-height:1.058;
	color:#000;
	text-align:center;
	margin:30px auto 0;
}
.camTtl.firstT span{
	line-height:90px;

}

.camPics{
	margin:60px auto 0;
	margin:30px auto 0;
	text-align:center;
	display:flex;
	justify-content: space-around;
}
.camPics li{
	/*float:left;*/
	display:table-cell;
	font-size:20px;
	font-size:24px;
	line-height:1.5;
	/*margin-left:35px;*/
}
.camPics li:last-child{
	/*float:right;
	margin-right:35px;
	margin-left:0px;*/
}
.camPics li span{
	font-family:"ゴシックMB101 DB";
	font-family: "Noto Sans Bold", sans-serif;
	border-radius:50%;
	background:#3E3A39;
	color:#fff;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	max-width:178.5px;
	max-width:238.5px;
	width:178.5px;
	width:238.5px;
	height:178.5px;
	height:238.5px;
}

.camExp{
	margin:40px auto 0;
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:20px;
	line-height:1.625;
	color:#3E3A39;
	text-align:center;
}
.camAtt{
	font-family:"ゴシックMB101 L";
	font-family: "Noto Sans Regular", sans-serif;
	font-size:17.5px;
	color:#3E3A39;
	text-align:center;
	margin:15px auto 0;
}
.camLink{
	margin:30px auto 0;
	margin:60px auto 0;
}
.camLink a{
	display:block;
	margin:0 auto;
	width:90.42%;
	max-width:425px;
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:20px;
	color:#3E3A39;
	text-align:center;
	padding:10px 0;
	border:2px solid rgba(35, 24, 21, 0.2);
}
.camLink a:hover{
	background:rgba(255, 255, 255, 0.2);
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.serviceImg{
	width:100%;
	height:auto;
	margin:0 auto;

}
.serviceImg img{
	width:100%;
	height:auto;

}
.telArea,
.formArea{
	background:#efefef;
	padding:45px 100px 190px;
}
.telArea{
	padding:45px 100px 0px;
}
#serviceArea{
	background:#efefef url(../img/bg_service.png) repeat-y center top;
	background-size:100%;
	padding:45px 0 190px;
	padding:45px 0 100px;
	border-bottom:80px solid #000;
}
.serviceIntro{
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:35px;
	color:#3E3A39;
	text-align:center;
	margin:0 auto 0;
}
.serviceBox{
	text-align:center;

}
.serviceBox a:hover .service1,
.serviceBox a:hover .service2{
	opacity:0.7;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.service1,
.service2{
	display:inline-block;
	width:70.83%;
	max-width:425px;
	max-width:725px;
	margin:45px 125px 0 0;
	border:#C30D23 solid 5px;
	padding:30px 0;
	background:#C88885;
}
.service2{
	margin-right:0;
	border:#3E3A39 solid 5px;
	background:#747477;
}
.service1 dt,
.service2 dt{
	margin:15px auto 0;
	font-family:"ゴシックMB101 DB";
	font-family: "Noto Sans Bold", sans-serif;
	font-size:32.5px;
	line-height:1;
	color:#fff;
	text-align:center;
}
.service1 dd,
.service2 dd{
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:20px;
	line-height:1.625;
	color:#fff;
	text-align:center;
}
.service1 p,
.service2 p{
	margin:23px auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 14px 0 14px;
	border-color: #C30D23 transparent transparent transparent;
}
.service2 p{
	border-color: #3E3A39 transparent transparent transparent;
}

.zehitxt{
	margin:45px auto 0;
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:35px;
	line-height:1;
	color:#3E3A39;
	text-align:center;
}



.floating-nav.pcsp {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 100;
	
	text-align:center;
	background: rgba(137, 137, 137, 0.95);

}
.floating-nav.pcsp ul{
	display:inline-block;
	margin-left:-20px;
	margin-top:25px;
	text-align:center;
}
.floating-nav.pcsp li {
	margin-bottom: 0;
	margin-left:40px;
	text-align: center;
	display:inline-block;
	width: 225px;
	
	margin-left:30px;
	width: 205px;
}
.floating-nav.pcsp li a {
	display: block;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	text-decoration: none;
	color: #000;
	max-width:225px;
	line-height: 1.0;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 35px center;
	background-size: 36px;
	background-image: url(../img/img_tel.png);
	background-color: rgba(255, 255, 255, 1);
	padding: 18px 0px 16px 45px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
	  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); 

	max-width:205px;
	background-position: 20px center;

} 
.floating-nav.pcsp li:nth-child(2) a{
	background-size: 57px;
	background-position: 30px center;
	background-image: url(../img/img_web.jpg);

	padding-left: 55px;
	background-position: 20px center;
}
.floating-nav.pcsp li:last-child a{
	background-color: rgba(255, 255, 255, 1);
	background-image:none;
	padding-left: 0;
}
.floating-nav.pcsp li a:hover{
	/*background-color: rgba(34, 34, 34, 0.8);*/
	opacity:0.8;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	 }
.floating-nav.pcsp li a span {
	display: block; }
.floating-nav.pcsp li a img {
	display: none; }
.contactpc{
	display:inline-block;
	margin:auto;
}
.contactsp{
	display:none;
	margin:auto;
}
.contactTxt{
	display:inline-block;

	padding-top:15px;
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:35px;
	color:#fff;
	text-align:center;

	font-size:30px;
}
.contact li{
	font-family:"ゴシックMB101 DB";
	font-family: "Noto Sans Bold", sans-serif;
	font-size:30px;
	line-height:1;
	color:#000;
	text-align:center;
}
.copy{
	font-family:"ゴシックMB101 R";
	font-family: "Noto Sans Regular", sans-serif;

	font-size:12px;
	color:#000;
	text-align:center;
	padding:14px 0;
}
.copy a{
	color:#000;
}

@media screen and (max-width: 1200px) {

	#mainVisual{
		height:calc(67500vw / 1200)
	}

	#campainArea{
		padding:0 0 calc(7000vw / 1200);
	
	}
	img.present{
		top: calc(7000vw / 1200);
		width: calc(12500vw / 1200);
	}
	
	.introTxt{
		margin-top:calc(7000vw / 1200);
		font-size:35px;
		font-size:calc(3500vw / 1200);
	}
	h1.camTitle img{
		width:calc(66000vw / 1200);
		max-width:660px;
		width:calc(86000vw / 1200);
		max-width:860px;
		margin:calc(9000vw / 1200) auto 0;
	}
	.camBtn{
		margin:calc(10000vw / 1200) auto 0;
	}
	.camBtn li{
		font-size:35px;
		font-size:calc(3500vw/1200);
		font-size:calc(4000vw/1200);
		/*margin-left:calc(24000vw / 1200);*/
	}
	.camBtn li:last-child{
		/*margin-right:calc(24000vw / 1200);
		margin-left:0px;*/
	}
	.camBtn li a{
		max-width:calc(26000vw / 1200);
		width:calc(26000vw / 1200);
		height:calc(26000vw / 1200);
		max-width:calc(36000vw / 1200);
		width:calc(36000vw / 1200);
		height:calc(36000vw / 1200);
	}
	.kikan{
		font-size:30px;
		font-size:calc(3000vw/1200);
		padding:calc(1500vw/1200) 0;
		width:calc(72000vw / 1200);
		margin:calc(11000vw/1200) auto 0;
	}
	.att{
		font-size:20px;
		font-size:calc(2000vw/1200);
		margin:calc(3000vw/1200) auto 0;
	}
	.txt1{
		font-size:35px;
		font-size:calc(3500vw/1200);
		margin:calc(6000vw/1200) auto 0;
	}
	.camBoxChosei{
		width:calc(47000vw/1200);
		width:calc(72000vw/1200);
		margin:calc(5000vw/1200) calc(4000vw/1200) 0;
	
	}
	.camBox{
		padding:calc(5000vw/1200) 0;
		/*width:calc(47000vw/1200);
		max-width:470px;*/
	}
	.camIntroTxt{
		font-size:25px;
		font-size:calc(2500vw/1200);
	}
	.camTtl{
		height:calc(9000vw/1200);
	}
	.camTtl span{
		font-size:42.5px;
		font-size:calc(4250vw/1200);
		margin:calc(3000vw/1200) auto 0;
	}
	.camTtl.firstT span{
		line-height:calc(9000vw/1200);
	}
	
	.camPics{
		margin:calc(6000vw/1200) auto 0;
		margin:calc(3000vw/1200) auto 0;
	}
	.camPics li{
		font-size:20px;
		font-size:calc(2000vw/1200);
		font-size:calc(2400vw/1200);
		/*margin-left:calc(3500vw/1200);*/
	}
	.camPics li:last-child{
		/*margin-right:calc(3500vw/1200);
		margin-left:0px;*/
	}
	.camPics li span{
		max-width:calc(17850vw/1200);
		max-width:calc(23850vw/1200);
		width:calc(17850vw/1200);
		width:calc(23850vw/1200);
		height:calc(17850vw/1200);
		height:calc(23850vw/1200);
	}
	.camExp{
		margin:calc(4000vw/1200) auto 0;
		font-size:20px;
		font-size:calc(2000vw/1200);
	}
	.camAtt{
		font-size:17.5px;
		font-size:calc(1750vw/1200);
		margin:calc(1500vw/1200) auto 0;
	}
	.camLink{
		margin:calc(3000vw/1200) auto 0;
		margin:calc(6000vw/1200) auto 0;
	}
	.camLink a{
		width:calc(42500vw/1200);
		max-width:425px;
		font-size:20px;
		font-size:calc(2000vw/1200);
		padding:calc(1000vw/1200) 0;
	}
	.telArea,
	.formArea{
		background-size:100%;
		padding:calc(4500vw/1200) calc(10000vw/1200) calc(19000vw/1200);
	}
	.telArea{
		padding:calc(4500vw/1200) calc(10000vw/1200) 0;
	}
	#serviceArea{
		background-size:100%;
		padding:calc(4500vw/1200) 0 calc(19000vw/1200);
		padding:calc(4500vw/1200) 0 calc(10000vw/1200);
		border-bottom:calc(8000vw/1200) solid #000;
	}
	.serviceIntro{
		font-size:35px;
		font-size:calc(3500vw/1200);
	}
	.service1,
	.service2{
		width:calc(42500vw/1200);
		max-width:425px;
		width:calc(72500vw/1200);
		max-width:725px;
		margin:calc(4500vw/1200) calc(12500vw/1200) 0 0;
		border:#C30D23 solid 5px;
		padding:calc(3000vw/1200) 0;
	}
	.service2{
		margin-right:0;
		border:#3E3A39 solid 5px;
	}
	.service1 dt,
	.service2 dt{
		margin:calc(1500vw/1200) auto 0;
		font-size:32.5px;
		font-size:calc(3250vw/1200);
	}
	.service1 dd,
	.service2 dd{
		font-size:20px;
		font-size:calc(2000vw/1200);
	}
	.service1 p,
	.service2 p{
		margin:calc(2300vw/1200) auto 0;
		border-width: calc(1800vw/1200) calc(1400vw/1200) 0 calc(1400vw/1200);
	}
	
	.zehitxt{
		margin:calc(4500vw/1200) auto 0;
		font-size:35px;
		font-size:calc(3500vw/1200);
	}
	.floating-nav.pcsp ul{
		margin-left:calc(-2000vw/1200);
		margin-top:calc(2500vw/1200);
	}
	.floating-nav.pcsp li {
		margin-left:calc(4000vw/1200);
		width: calc(22500vw/1200);

		margin-left:calc(3000vw/1200);
		width: calc(20500vw/1200);
	}
	.floating-nav.pcsp li a {
		max-width:calc(22500vw/1200);
		background-position: calc(3500vw/1200) center;
		background-size: calc(3600vw/1200);
		background-image: url(../img/img_tel.png);
		padding: calc(1800vw/1200) 0px calc(1600vw/1200) calc(4500vw/1200);
		border-radius:10px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
		  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); 

		max-width:calc(20500vw/1200);
		background-position: calc(2000vw/1200) center;
	}
	
	.floating-nav.pcsp li:nth-child(2) a{
		background-size: calc(5700vw/1200);
		background-position: calc(3000vw/1200) center;
		background-image: url(../img/img_web.jpg);

		padding-left: calc(5500vw/1200);
		background-position: calc(2000vw/1200) center;
	}
	.floating-nav.pcsp li:last-child a{
	}
	.contactTxt{
		padding-top:calc(1500vw/1200);
		font-size:35px;
		font-size:calc(3500vw/1200);

		font-size:calc(3000vw/1200);
	}
	.contact li{
		font-size:calc(3000vw/1200);
	}
	.copy{
		font-size:12px;
		padding:calc(1400vw/1200) 0;
	}

}


@media screen and (max-width: 800px) {
	#mainVisual{
		/*position:fixed;
		top:60px;
		left:0;
		right:0;*/
		/*height:400px;
		height:337px;*/
		z-index: 100;
		vertical-align:top;
		
		height:calc(40000vw / 600);
		margin-top:60px;
	}
	.grade-cover{
		position:fixed;
		top:396px;/*1px重なりをもたす*/
		left:0;
		right:0;
		width:100%;
		height:70px;
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
		z-index:90;
		
		height:0;

	}
	/*#mainVisual img.present{
		position: fixed;
		z-index: 110;
		top: calc(36500vw / 600 + 60px);
		top: 425px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 87px;
	}*/
	.main-content{
		width:100%;
		max-width:600px;
		/*margin:calc(40000vw / 600 + 60px) auto 0;
		margin:calc(67500vw / 1200 + 60px) auto 0;
		margin:460px auto 0;
		margin:397px auto 0;*/
	}
	#campainArea{
		background:#000 url(../img/bg_campign.png) repeat-y center top;
		background-size:contain;
		padding:70px 0 45px;
	}
	img.present{
		margin: 0px auto 0;
		width: 87px;
	}
	.introTxt{
		margin-top:50px;
		font-size:35px;
		color:#fff;
		text-align:center;
	}
	h1.camTitle img{
		width:412px;
		max-width:412px;
		width:500px;
		max-width:500px;
		margin:60px auto 0;
	}
	.camBtn{
		margin:65px auto 0;
		text-align:center;
		z-index:90;
		position:relative;
	
	}
	.camBtn li{
		font-size:22.5px;
		font-size:30px;
		line-height:1.3;
		/*margin-left:100px;*/
	}
	.camBtn li:last-child{
		/*margin-right:100px;
		margin-left:0px;*/
	}
	.camBtn li a{
		max-width:178.5px;
		width:178.5px;
		height:178.5px;
		max-width:278.5px;
		width:278.5px;
		height:278.5px;
	
	}
	.kikan{
		font-size:20px;
		max-width:425px;
		padding:15px 0;
		width:70.83%;
		margin:70px auto 0;
	}
	.att{
		font-size:17.5px;
		/*line-height:1.14;*/
		margin:20px auto 0;
	}
	.txt1{
		font-size:25px;
		line-height:1.4;
		margin:40px auto 0;
	}
	.camBoxChosei{
		padding-top:460px;
		margin-top:-460px;
		padding-top:60px;
		margin-top:-60px;
		width:78.3%;
		max-width:470px;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
		padding-right:0;
		z-index:80;
		position:relative;
	}
	#OEN{
		z-index:70;
		position:relative;
	}
	.camBox{
		padding:50px 0;
		margin:50px auto 0;
	}
	.camIntroTxt{
		font-size:25px;
		line-height:1.4;
		margin:0px auto 0;
	}
	.camTtl{
		height:auto;
	}
	.camTtl span{
		font-size:42.5px;
		line-height:1.058;
		margin:30px auto 0;
	}
	.camTtl.firstT span{
		line-height:1;
	}
	
	.camPics{
		margin:40px auto 0;
	}
	.camPics li{
		font-size:20px;
		line-height:1.428;
		margin-left:35px;
	}
	.camPics li:last-child{
		margin-right:35px;
		margin-left:0px;
	}
	.camPics li span{
		max-width:178.5px;
		width:178.5px;
		height:178.5px;
	}

	.camExp{
		margin:40px auto 0;
		font-size:20px;
		line-height:1.625;
	}
	.camAtt{
		font-size:17.5px;
		margin:15px auto 0;
	}
	.camLink{
		margin:35px auto 0;
	}
	.camLink a{
		margin:0 auto;
		width:90.42%;
		max-width:425px;
		font-size:20px;
		padding:10px 0;
		border: 2.5px solid rgba(35, 24, 21, 0.2);
	}
	.telAreaChosei,
	.formAreaChosei{
		padding-top:460px;
		margin-top:-460px;
		padding-top:60px;
		margin-top:-60px;
		z-index:80;
		position:relative;
	}
	.telArea,
	.formArea{
		padding:45px 30px 190px;
	}
	.telArea{
		padding:45px 30px 0px;
	}
	#serviceArea{
		background:#efefef url(../img/bg_service.png) repeat-y center top;
		background-size:contain;
		padding:45px 0 190px;
		padding:45px 0 100px;
		border-bottom:80px solid #000;
	}
	.serviceIntro{
		font-size:25px;
		margin:0 auto 0;
	}
	.service1,
	.service2{
		display:block;
		width:70.83%;
		max-width:425px;
		margin:45px auto 0;
		padding:30px 0;
		border:#C30D23 solid 7px;
	}
	.service2{
		margin-right:auto;
		border:#3E3A39 solid 7px;
	}
	.service1 dt,
	.service2 dt{
		margin:20px auto 0;
		font-size:32.5px;
		line-height:1;
	}
	.service1 dd,
	.service2 dd{
		font-size:20px;
		line-height:1.625;
	}
	.service1 p,
	.service2 p{
		margin:23px auto 0;
		border-width: 18px 14px 0 14px;
	}
	.zehitxt{
		margin:45px auto 0;
		font-size:25px;
		line-height:1.4;
	}
	.floating-nav.pcsp ul{
		display:block;
		margin-left:-20px;
		margin-top:15px;
		width: 100%;
	}
	.floating-nav.pcsp li{
		margin-left:40px;
		width: 225px;

		margin-left:calc(2000vw/800);
		width: calc(20500vw /800);
	}
	.floating-nav.pcsp li a {
		max-width:225px;
		line-height: 1.0;
		background-position: 35px center;
		background-size: 36px;
		padding: 18px 0px 16px 45px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
		  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); 
		
		padding: calc(1800vw /800) 0px calc(1800vw /800) calc(4500vw /800);
		background-size: calc(3600vw /800);
		max-width:calc(20500vw /800);
		background-position: calc(2000vw /800) center;
	}
	.floating-nav.pcsp li:nth-child(2) a{
	background-size: 57px;
	background-position: 30px center;
	
	background-size: calc(5700vw /800);
	padding-left: calc(5500vw /800);
	background-position: calc(2000vw /800) center;
	}
	.floating-nav.pcsp li:last-child a{
	}
.contactpc{
	display:none;
	margin:auto;
}
.contactsp{
	display:block;
	margin:auto;
}

	.contactTxt{
		display:block;
		padding-top:15px;
		font-size:20px;
	}
	.contact li{
		font-size:30px;
		line-height:1;

		font-size:calc(3000vw /800);
	}
	.copy{
		font-size:6px;
		padding:14px 0;
	}
}
@media screen and (max-width: 600px) {
	#mainVisual{
		height:calc(40000vw / 600);
		height:calc(67500vw / 1200);
		background-color:#000;
	}

	/*#mainVisual img.present{
		top: 425px;
		top: calc(36500vw / 600 + 60px);
		top: calc(36500vw / 600 + 50px);
		margin: 0 auto;
		width: 87px;
		width: calc(8700vw / 600);
	}*/
	.grade-cover{
		top:calc(67500vw / 1200 + 59px);
		height:70px;
		height:calc(7000vw / 600);
		vertical-align:top;
		
		height:0;

	}
	.main-content{
		width:100%;
		max-width:600px;
		/*margin:calc(40000vw / 600 + 60px) auto 0;
		margin:calc(67500vw / 1200 + 60px) auto 0;*/
	}
	#campainArea{
		background-size:contain;
		padding:65px 0 45px;
		padding: calc(6500vw / 600) 0 calc(4500vw / 600);
		padding: calc(7000vw / 600) 0 calc(4500vw / 600);
	}
	img.present{
		margin:0 auto 0;
		width: 87px;
		width: calc(8700vw / 600);
	}
	
	.introTxt{
		margin:calc(5000vw/600) auto 0;
		font-size:35px;
		font-size:calc(3500vw/600);
	}
	h1.camTitle img{
		width:68.6%;
		width:calc(82400vw/1200);
		max-width:412px;
		width:calc(100000vw/1200);
		max-width:500px;
		margin:60px auto 0;
		margin:calc(6000vw/600) auto 0;
	
	}
	.camBtn{
		margin:65px auto 0;
		margin:calc(6500vw/600) auto 0;
	}
	.camBtn li{
		font-size:22.5px;
		font-size:calc(2250vw/600);
		font-size:calc(3000vw/600);
		/*margin-left:calc(10000vw/600);*/
	}
	.camBtn li:last-child{
		/*margin-right:calc(10000vw/600);
		margin-left:0px;*/
	}
	.camBtn li a{
		max-width:calc(17850vw/600);
		width:calc(17850vw/600);
		height:calc(17850vw/600);
		max-width:calc(27850vw/600);
		width:calc(27850vw/600);
		height:calc(27850vw/600);
	
	}
	.kikan{
		font-size:20px;
		font-size:calc(2000vw/600);
		max-width:425px;
		padding:calc(1500vw/600) 0;
		width:70.83%;
		margin:calc(7000vw/600) auto 0;
	}
	.att{
		font-size:17.5px;
		font-size:calc(1750vw/600);
		margin:calc(2000vw/600) auto 0;
	}
	.txt1{
		font-size:25px;
		font-size:calc(2500vw/600);
		margin:calc(4000vw/600) auto 0;
	}
	.camBoxChosei{
		padding-top:calc(40000vw / 600 + 60px);
		margin-top:calc(-40000vw / 600 - 60px);
		padding-top:60px;
		margin-top:-60px;
	
	}
	.camBox{
		padding:calc(5000vw/600) 0;
		margin:calc(5000vw/600) auto 0;
	}
	.camIntroTxt{
		font-size:25px;
		font-size:calc(2500vw/600);
	}
	.camTtl span{
		font-size:42.5px;
		font-size:calc(4250vw/600);
		margin:calc(3000vw/600) auto 0;
	}
	.camPics{
		margin:calc(4500vw/600) auto 0;
	}
	.camPics li{
		font-size:21px;
		font-size:calc(2100vw/600);
		margin-left:calc(3500vw/600);
	}
	.camPics li:last-child{
		margin-right:calc(3500vw/600);
		margin-left:0px;
	}
	.camPics li span{
		max-width:calc(17850vw/600);
		width:calc(17850vw/600);
		height:calc(17850vw/600);
	}
	.camExp{
		margin:calc(4000vw/600) auto 0;
		font-size:20px;
		font-size:calc(2000vw/600);
	}
	.camAtt{
		font-size:17.5px;
		font-size:calc(1750vw/600);
		margin:calc(1500vw/600) auto 0;
	}
	.camLink{
		margin:calc(3500vw/600) auto 0;
	}
	.camLink a{
		margin:0 auto;
		width:90.42%;
		font-size:20px;
		font-size:calc(2000vw/600);
		padding:calc(1000vw/600) 0;
		border: 2.5px solid rgba(35, 24, 21, 0.2);
	}
	.telAreaChosei,
	.formAreaChosei{
		padding-top:calc(40000vw / 600 + 60px);
		margin-top:calc(-40000vw / 600 - 60px);
		padding-top:60px;
		margin-top:-60px;
	}
	.telArea,
	.formArea{
		padding:calc(4500vw/600) calc(3000vw/600) calc(19000vw/600);
	}
	.telArea{
		padding:calc(4500vw/600) calc(3000vw/600) 0;
	}
	#serviceArea{
		padding:calc(4500vw/600) 0 calc(19000vw/600);
		padding:calc(4500vw/600) 0 calc(10000vw/600);
		border-bottom:calc(8000vw/600) solid #000;
	}
	.serviceIntro{
		font-size:25px;
		font-size:calc(2500vw/600);
		margin:0 auto 0;
	}
	.serviceImg{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.service1,
	.service2{
		width:70.83%;
		margin:calc(4500vw/600) auto 0;
		padding:calc(3000vw/600) 0;
		border:#C30D23 solid 7px;
	}
	.service2{
		border:#3E3A39 solid 7px;
	}
	.service1 dt,
	.service2 dt{
		margin:calc(2000vw/600) auto 0;
		font-size:32.5px;
		font-size:calc(3250vw/600);
	}
	.service1 dd,
	.service2 dd{
		font-size:20px;
		font-size:calc(2000vw/600);
	}
	.service1 p,
	.service2 p{
		margin:calc(2300vw/600) auto 0;
		border-width: calc(1800vw/600) calc(1400vw/600) 0 calc(1400vw/600);
	}
	.zehitxt{
		margin:calc(4500vw/600) auto 0;
		font-size:25px;
		font-size:calc(2500vw/600);
	}
	
	.floating-nav.pcsp ul{
		display:block;
		margin-left:calc(-2000vw/600);
		margin-top:calc(1500vw/600);
	}
	.floating-nav.pcsp li{
		/*margin-left:calc(4000vw/600);
		width: calc(22500vw /600);*/
	}
	.floating-nav.pcsp li a {
		/*background-position: calc(3500vw /600) center;
		background-size: calc(3600vw /600);
		padding: calc(1800vw /600) 0px calc(1600vw /600) calc(4500vw /600);
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
		  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); */
	}
	
	.floating-nav.pcsp li:nth-child(2) a{
		/*background-size: calc(5700vw /600);
		background-position: calc(3000vw /600) center;*/
	
	}
	.floating-nav.pcsp li:last-child a{
	}
	.contactTxt{
		display:block;
		padding-top:calc(1500vw /600);
		font-size:20px;
		font-size:calc(2000vw/600);
	}
	.contact{
	}
	.contact li{
		/*font-size:30px;
		font-size:calc(3000vw/600);*/
	}
	.copy{
		font-size:6px;
		padding:calc(1400vw/600) 0;
	}
}





.inquiry {
  padding-top: 37px;
}
.inquiry table {
  width: 100%;
}
.inquiry th,
.inquiry td {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  padding-bottom: 40px;
}
.inquiry th {
  width: 17.4%;
  line-height: 1.5;
}
.inquiry input[type=text],
.inquiry input[type=tel],
.inquiry input[type=email],
.inquiry select {
  width: 100%;
  height: 50px;
  font-size: 14px;
  background: #fff;
  padding: 10px;
}
.inquiry .btn-confirm input[type=submit]{
  padding: 0;
}
.inquiry .inner {
  position: relative;
}
.inquiry .inner select {
  background: #fff url("../../../assets/images/icon_select_arrow.png") no-repeat right 19px top 22px;
  background-size: 11px 7px;
}
.inquiry .small-box .inner,
.inquiry .small-box input {
  width: 37%;
}
.inquiry textarea {
  width: 100%;
  height: 100px;
  font-size: 14px;
  background: #fff;
  border: none;
  padding: 10px;
}
.inquiry td p {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 13px;
}
.inquiry .btn-confirm input[type=submit] ,
.inquiry .btn-confirm button {
  position: relative;
  display: block;
  width: 450px;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 50px;
  text-align: center;
  color: #D91C0E;
  background: #fff;
  border-radius: 25px;
  margin: 20px auto 0;
  transition: opacity .3s;
}
.inquiry .btn-confirm input[type=submit]::after ,
.inquiry .btn-confirm button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #D91C0E;
  border-bottom: 2px solid #D91C0E;
  transform: rotate(-45deg) translateY(-70%);
}
.inquiry .btn-confirm input[type=submit]:hover ,
.inquiry .btn-confirm button:hover {
  opacity: .7;
}
.btn-box {
  display: flex;
  justify-content: space-between;
}
.mw_wp_form_input .btn-box{
	display:block;

}
.inquiry .btn-box .btn-back,
.inquiry .btn-box .btn-confirm {
  width: 49%;
}
.mw_wp_form_input .inquiry .btn-box .btn-back,
.mw_wp_form_input .inquiry .btn-box .btn-confirm{
  margin:auto;

}
.inquiry .btn-box .btn-back button,
.inquiry .btn-box .btn-confirm button {
  margin-top: 100px;
}
.inquiry .btn-box .btn-back button,
.inquiry .btn-box .btn-confirm button {
  position: relative;
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 50px;
  text-align: center;
  color: #D91C0E;
  background: #fff;
  border-radius: 25px;
  transition: opacity .3s;
}
.inquiry .btn-box .btn-back button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #D91C0E;
  border-bottom: 2px solid #D91C0E;
  transform: rotate(135deg) translateX(-70%)
}
.inquiry .btn-box .btn-back button:hover {
  opacity: .7;
}

.inquiry .check-area {
  display: flex;
}
.inquiry .check-block {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 40px;
}
.inquiry .check-block input {
  display: none;
}
.inquiry .check-block label {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}
.inquiry .check-block label::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  margin-right: 10px;
}
.inquiry .check-block label::after {
  content: '';
  position: absolute;
  left: 3px;
  width: 15px;
  height: 10px;
  background: url(../../../assets/images/icon_check.png) no-repeat;
  background-size: contain;
  opacity: 0;
}
.inquiry .check-block input:checked + label::after {
    opacity: 1;
}
.inquiry .radio-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.inquiry .radio-block input {
  display: none;
}
.inquiry .radio-block label {
  position: relative;
  display: flex;
  align-items: center;
  letter-spacing: normal;
  font-size: 14px;
  margin: 0 2.53% 10px 0;
}
.inquiry .radio-block label::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 10px;
}
.inquiry .radio-block input:checked + label::after {
    display: block;
}
.inquiry .radio-block label::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background: #333;
  border-radius: 50%;
  transform: translateY(-50%);
  display: none;
}




/* ---------------------------------------------------------
#page-testdrive-reserve,
#page-visit-reserve,
#page-contact,
#page-form-recruit,
#page-syaken-form
----------------------------------------------------------*/
#page-testdrive-reserve,
#page-visit-reserve {
  padding-top: 40px;
}
#page-testdrive-reserve .shop,
#page-visit-reserve .shop,
#page-form-recruit .shop {
  font-size: 24px;
  color: #D91C0E;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
#page-testdrive-reserve h1.ttl-border,
#page-visit-reserve h1.ttl-border {
  padding-top: 10px;
}
#page-testdrive-reserve .txt,
#page-visit-reserve .txt,
#page-contact .txt,
#page-contact .txtconfirm,
#page-form-recruit .txt,
#page-form-recruit .txt2,
#page-syaken-form .txt {
  font-size: 14px;
  line-height: 1.5;
}
#page-contact .mw_wp_form_confirm .txt{
	display:none;

}
#page-contact .mw_wp_form_input .txtconfirm{
	display:none;

}

#page-testdrive-reserve h2.ttl-sidebar:nth-of-type(1),
#page-visit-reserve h2.ttl-sidebar:nth-of-type(1),
#page-contact h2.ttl-sidebar:nth-of-type(1),
#page-form-recruit h2.ttl-sidebar:nth-of-type(1),
#page-syaken-form h2.ttl-sidebar:nth-of-type(1) {
  padding-top: 64px;
}
#page-testdrive-reserve h2.ttl-sidebar:nth-of-type(2),
#page-visit-reserve h2.ttl-sidebar:nth-of-type(2),
#page-contact h2.ttl-sidebar:nth-of-type(2) {
  padding-top: 67px;
}
#page-testdrive-reserve .shop-info,
#page-visit-reserve .shop-info,
#page-contact .shop-info,
#page-form-recruit .shop-info {
  background: rgba(255,255,255,.7);
  border-radius: 10px;
  padding: 26px calc(40 / 920 * 100%) 18px;
}
#page-testdrive-reserve h3,
#page-visit-reserve h3,
#page-contact h3,
#page-form-recruit h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 11px;
}
#page-testdrive-reserve .shop-info .inner,
#page-visit-reserve .shop-info .inner,
#page-contact .shop-info .inner,
#page-form-recruit .shop-info .inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#page-testdrive-reserve .shop-info .inner p,
#page-visit-reserve .shop-info .inner p,
#page-contact .shop-info .inner p,
#page-form-recruit .shop-info .inner p {
  font-size: 14px;
  line-height: 1.5;
  margin-right: calc(20 / 920 * 100%);
}
#page-testdrive-reserve .link-tel a,
#page-visit-reserve .link-tel a,
#page-contact .link-tel a,
#page-form-recruit .link-tel a {
  display: flex;
  align-items: center;
  color: #D91C0E;
  font-size: 24px;
  font-weight: bold;
}
#page-testdrive-reserve .link-tel a::before,
#page-visit-reserve .link-tel a::before,
#page-contact .link-tel a::before,
#page-form-recruit .link-tel a::before {
  content: '';
  display: block;
  width: 17px;
  height: 24px;
  background: url(../../../assets/images/icon_tel.svg) no-repeat;
  background-size: 17px 24px;
  margin-right: 6px;
}
#page-testdrive-reserve .caution,
#page-visit-reserve .caution,
#page-contact .caution,
#page-form-recruit .caution {
  padding: 98px 0 0;
}
#page-testdrive-reserve .caution li,
#page-visit-reserve .caution li,
#page-contact .caution li,
#page-form-recruit .caution li {
  font-size: 14px;
  line-height: 1.5;
}
/*#page-testdrive-reserve .btn-back,
#page-visit-reserve .btn-back,
#page-contact .btn-back,
#page-form-recruit .btn-back,
#page-syaken-form .btn-back {
  margin-top: 100px;
}*/

/* ---------------------------------------------------------
#page-contact
----------------------------------------------------------*/
#page-contact .shop-info .txt2 {
  font-size: 13px;
  line-height: 1.5;
}
#page-contact .shop-info .inner {
  margin-bottom: 10px;
}

/* ---------------------------------------------------------
#page-form-recruit
----------------------------------------------------------*/
#page-form-recruit table {
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 40px;
}
#page-form-recruit table:last-of-type {
  border-bottom: none;
  margin-bottom: 20px;
}
#page-form-recruit .txt2 {
  line-height: 1.92;
  margin-bottom: 40px;
}
#page-form-recruit .caution {
  padding-top: 60px;
  margin-bottom: 105px;
}

/* ---------------------------------------------------------
media queries
----------------------------------------------------------*/
/*@media screen and (max-width: 768px){*/
@media screen and (max-width: 800px) {
  
  .inquiry {
    padding-top: calc(41 / 375 * 100vw);
  }
  .inquiry th,
  .inquiry td {
    display: block;
    font-size: calc(12 / 375 * 100vw);
    padding-bottom: calc(24 / 375 * 100vw);
  }
  .inquiry th {
    width: 100%;
    padding-bottom: calc(12 / 375 * 100vw);
  }
	.inquiry input[type=text],
	.inquiry input[type=tel],
	.inquiry input[type=email],
  .inquiry select {
    height: calc(50 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw);
  }
  .inquiry .btn-confirm input[type=submit]{
  padding: 0;
}

  .inquiry .inner select {
    background: #fff url("../../../assets/images/icon_select_arrow.png") no-repeat right calc(20 / 375 * 100vw) top calc(24 / 375 * 100vw);
    background-size: calc(6 / 375 * 100vw) calc(4 / 375 * 100vw);
  }
  .inquiry .inner::after {
    top: calc(22 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
  }
  .inquiry .small-box .inner,
  .inquiry .small-box input {
    width: calc(167 / 375 * 100vw);
  }
  .inquiry textarea {
    height: calc(50 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw);
  }
  .inquiry td p {
    font-size: calc(14 / 375 * 100vw);
    margin: calc(5 / 375 * 100vw) 0 calc(12 / 375 * 100vw);
  }
  .inquiry .btn-confirm input[type=submit] ,
  .inquiry .btn-confirm button {
    width: 100%;
    height: calc(50 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(50 / 375 * 100vw);
    border-radius: 6.6vw;
    margin: calc(16 / 375 * 100vw) auto 0;
  }
  .inquiry .btn-confirm input[type=submit]::after ,
  .inquiry .btn-confirm button::after {
    right: calc(19 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
  }
  .btn-box {
    display: block;
  }
  .inquiry .btn-box .btn-back,
  .inquiry .btn-box .btn-confirm {
    width: 100%;
  }
  .inquiry .btn-box .btn-back button,
  .inquiry .btn-box .btn-confirm button {
    height: calc(50 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(50 / 375 * 100vw);
    border-radius: 6.6vw;
  }
  .inquiry .btn-box .btn-back button::after {
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
  }
  .inquiry .btn-box .btn-back button {
    margin-top: calc(100 / 375 * 100vw);
  }
  .inquiry .btn-box .btn-confirm button {
    margin-top: calc(20 / 375 * 100vw);
  }
  .inquiry .check-area {
   /* padding-bottom: calc(30 / 375 * 100vw);*/
  }
  .inquiry .check-block {
    height: calc(30 / 375 * 100vw);
    margin-right: calc(22 / 375 * 100vw);
  }
  .inquiry .check-block label {
    font-size: calc(14 / 375 * 100vw);
  }
  .inquiry .check-block label::before {
    width: calc(20 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
  }
  .inquiry .check-block label::after {
    left: calc(4 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
    height: calc(9 / 375 * 100vw);
  }
  .inquiry .radio-block label {
    font-size: calc(14 / 375 * 100vw);
    margin: 0 calc(30 / 375 * 100vw) calc(10 / 375 * 100vw) 0;
  }
  .inquiry .radio-block label::before {
    width: calc(20 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
  }
  .inquiry .radio-block label::after {
    left: calc(5 / 375 * 100vw);
    width: calc(10 / 375 * 100vw);
    height: calc(10 / 375 * 100vw);
  }
  
  
/* ---------------------------------------------------------
#page-testdrive-reserve sp,
#page-visit-reserve sp,
#page-contact sp,
#page-form-recruit sp,
#page-syaken-form sp
----------------------------------------------------------*/
  #page-testdrive-reserve,
  #page-visit-reserve {
    padding-top: calc(40 / 375 * 100vw);
  }
  #page-testdrive-reserve .shop,
  #page-visit-reserve .shop,
  #page-contact .shop,
  #page-form-recruit .shop {
    font-size: calc(24 / 375 * 100vw);
  }
  #page-testdrive-reserve h1.ttl-border,
  #page-visit-reserve h1.ttl-border {
    padding-top: calc(10 / 375 * 100vw);
  }
  #page-testdrive-reserve .txt,
  #page-visit-reserve .txt,
  #page-contact .txt,
#page-contact .txtconfirm,
  #page-form-recruit .txt,
  #page-syaken-form .txt {
    font-size: calc(14 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
  }
  #page-testdrive-reserve h2.ttl-sidebar:nth-of-type(1),
  #page-visit-reserve h2.ttl-sidebar:nth-of-type(1),
  #page-contact h2.ttl-sidebar:nth-of-type(1),
  #page-form-recruit h2.ttl-sidebar:nth-of-type(1),
  #page-syaken-form h2.ttl-sidebar:nth-of-type(1) {
    padding-top: calc(66 / 375 * 100vw);
    margin-bottom: calc(53 / 375 * 100vw);
	
    padding-top: calc(16 / 375 * 100vw);
    margin-bottom: calc(23 / 375 * 100vw);
  }
  #page-testdrive-reserve h2.ttl-sidebar:nth-of-type(2),
  #page-visit-reserve h2.ttl-sidebar:nth-of-type(2),
  #page-contact h2.ttl-sidebar:nth-of-type(2) {
    padding-top: calc(64 / 375 * 100vw);
    margin-bottom: calc(25 / 375 * 100vw);
  }
  #page-testdrive-reserve .shop-info,
  #page-visit-reserve .shop-info,
  #page-contact .shop-info,
  #page-form-recruit .shop-info {
    background: none;
    border-radius: 0;
    padding: 0;
  }
  #page-testdrive-reserve h3,
  #page-visit-reserve h3,
  #page-contact h3,
  #page-form-recruit h3 {
    font-size: calc(18 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    padding-left: calc(10 / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
  }
  #page-testdrive-reserve .shop-info .inner,
  #page-visit-reserve .shop-info .inner,
  #page-contact .shop-info .inner,
  #page-form-recruit .shop-info .inner {
    display: block;
  }
  #page-testdrive-reserve .link-tel,
  #page-visit-reserve .link-tel,
  #page-contact .link-tel,
  #page-form-recruit .link-tel {
    margin-bottom: calc(18 / 375 * 100vw);
  }
  #page-testdrive-reserve .link-tel a,
  #page-visit-reserve .link-tel a,
  #page-contact .link-tel a,
  #page-form-recruit .link-tel a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(50 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    letter-spacing: .1em;
    background: #fff;
    border-radius: 6.6vw;
  }
  #page-testdrive-reserve .link-tel a::before,
  #page-visit-reserve .link-tel a::before,
  #page-contact .link-tel a::before,
  #page-form-recruit .link-tel a::before {
    width: calc(11 / 375 * 100vw);
    height: calc(15 / 375 * 100vw);
    background: url(../../../assets/images/icon_tel.svg) no-repeat;
    background-size: calc(11 / 375 * 100vw) calc(15 / 375 * 100vw);
    margin-right: calc(11 / 375 * 100vw);
  }
  #page-testdrive-reserve .link-tel a::after,
  #page-visit-reserve .link-tel a::after,
  #page-contact .link-tel a::after,
  #page-form-recruit .link-tel a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(16 / 375 * 100vw);
    display: block;
    width: calc(6 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
    border-right: 2px solid #D91C0E;
    border-bottom: 2px solid #D91C0E;
    transform: rotate(-45deg) translateY(-70%);
  }
  #page-testdrive-reserve .shop-info .inner p,
  #page-visit-reserve .shop-info .inner p,
  #page-contact .shop-info .inner p,
  #page-form-recruit .shop-info .inner p {
    font-size: calc(14 / 375 * 100vw);
    margin-right: 0;
  }
  #page-testdrive-reserve .shop-info .inner p:nth-child(2),
  #page-testdrive-reserve .shop-info .inner p:nth-child(3),
  #page-visit-reserve .shop-info .inner p:nth-child(2),
  #page-visit-reserve .shop-info .inner p:nth-child(3),
  #page-contact .shop-info .inner p:nth-child(2),
  #page-contact .shop-info .inner p:nth-child(3),
  #page-form-recruit .shop-info .inner p:nth-child(2),
  #page-form-recruit .shop-info .inner p:nth-child(3) {
    padding-left: calc(10 / 375 * 100vw);
  }
  #page-testdrive-reserve .shop-info .inner p:nth-child(2),
  #page-visit-reserve .shop-info .inner p:nth-child(2),
  #page-contact .shop-info .inner p:nth-child(2) {
    margin-bottom: calc(10 / 375 * 100vw);
  }
  #page-testdrive-reserve .caution,
  #page-visit-reserve .caution,
  #page-contact .caution,
  #page-form-recruit .caution {
    padding: calc(98 / 375 * 100vw) 0 0;
  }
  #page-testdrive-reserve .caution li,
  #page-visit-reserve .caution li,
  #page-contact .caution li,
  #page-form-recruit .caution li {
    font-size: calc(14 / 375 * 100vw);
  }
  #page-testdrive-reserve .btn-back,
  #page-visit-reserve .btn-back,
  #page-contact .btn-back,
  #page-form-recruit .btn-back,
  #page-syaken-form .btn-back {
    margin-top: calc(94 / 375 * 100vw);
  }
  
/* ---------------------------------------------------------
#page-contact sp
----------------------------------------------------------*/
  #page-contact h1.ttl-border {
    line-height: 1.3;
  }
  #page-contact h2.ttl-sidebar {
    text-align: center;
  }
  #page-contact h3 {
    line-height: 1.3;
  }
  #page-contact .shop-info .txt2 {
    font-size: calc(10 / 375 * 100vw);
    padding-left: calc(10 / 375 * 100vw);
  }
  #page-contact .shop-info .inner {
    margin-bottom: calc(10 / 375 * 100vw);
  }

/* ---------------------------------------------------------
#page-form-recruit
----------------------------------------------------------*/
  #page-form-recruit h1.ttl-border {
    line-height: 1.3;
  }
  #page-form-recruit h2.ttl-sidebar {
    text-align: center;
  }
  #page-form-recruit h3 {
    line-height: 1.3;
  }
  #page-form-recruit table {
    margin-bottom: calc(35 / 375 * 100vw);
  }
  #page-form-recruit table:last-of-type {
    margin-bottom: calc(20 / 375 * 100vw);
  }
  #page-form-recruit table tr:last-of-type td {
    padding-bottom: calc(40 / 375 * 100vw);
  }
  #page-form-recruit .txt2 {
    margin-bottom: calc(25 / 375 * 100vw);
  }
  #page-form-recruit .caution {
    padding-top: calc(60 / 375 * 100vw);
    margin-bottom: calc(105 / 375 * 100vw);
  }
  #page-form-recruit .inquiry textarea {
    height: calc(100 / 375 * 100vw);
}
  
  
}



.inquiry .check-area {
    display: flex;
}
.inquiry .check-block-camp .wpcf7-list-item,
.inquiry .check-block{
	display: flex;
	align-items: center;
	height: 24px;
	margin-right: 40px;
}
.inquiry .check-block-camp .wpcf7-list-item input,
.inquiry .check-block input{
 /*appearance: auto;
    -moz-appearance: auto;
-webkit-appearance: auto;
 display: none;*/
}
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  border: none;
  /*outline: 1px solid #e8e4da;*/
  color:#000;
  margin: 0;
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 10px;
  text-align: center;
  vertical-align: top;
  background-color: #ffffff;
}

input[type="checkbox"]:checked::before {
  content: "✔";
}
.inquiry .check-block-camp .wpcf7-list-item .wpcf7-list-item-label,
.inquiry .check-block label{
  position: relative;
  /*display: flex;
  align-items: center;*/
  font-size: 14px;
  cursor: pointer;
}
/*.inquiry .check-block-camp .wpcf7-list-item .wpcf7-list-item-label::before ,
.inquiry .check-block label::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  padding: 0;
  box-sizing: border-box;
  margin-right: 10px;
}
.inquiry .check-block-camp .wpcf7-list-item .wpcf7-list-item-label::after,
.inquiry .check-block label::after {
  content: '';
  position: absolute;
  left: 3px;
  width: 15px;
  height: 10px;
  background: url(../../../assets/images/icon_check.png) no-repeat;
  background-size: contain;
  opacity: 0;
}
.inquiry .check-block-camp  .wpcf7-list-item input:checked + label::after,
.inquiry .check-block input:checked + label::after  {
    opacity: 1;
}
*/

/*@media screen and (max-width: 768px){*/
@media screen and (max-width: 800px) {
	/*.inquiry .check-area {
		padding-bottom: calc(30 / 375 * 100vw);
	}*/
	.inquiry .check-block-camp .wpcf7-list-item,
	.inquiry .check-block {
		height: calc(30 / 375 * 100vw);
		margin-right: calc(22 / 375 * 100vw);
	}
	.inquiry .check-block-camp .wpcf7-list-item .wpcf7-list-item-label,
	.inquiry .check-block label {
		font-size: calc(12 / 375 * 100vw);
	}
	/*.inquiry .check-block label::before {
		width: calc(20 / 375 * 100vw);
		height: calc(20 / 375 * 100vw);
		margin-right: calc(10 / 375 * 100vw);
	}
	.inquiry .check-block label::after {
		left: calc(4 / 375 * 100vw);
		width: calc(12 / 375 * 100vw);
		height: calc(9 / 375 * 100vw);
	}*/



}
span.wpcf7-list-item{
	margin-left:0 !important;

}
/*//送信成功*/
div.wpcf7-mail-sent-ok {
background:#d5edda;
color:#185626;
border:1px solid #c4e5cc;
padding:10px;
font-size:14px;

color:#D91C0E;
background:none;
border:none !important;
padding:0 !important;
margin-top:0 !important;
text-align:center;
}
/*//送信NG*/
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px;
font-size:14px;

color:#D91C0E;
background:none;
border:none !important;
padding:0 !important;
margin-top:0 !important;
text-align:center;
font-size:18px;
font-weight: bold;
}

/*//送信失敗*/
div.wpcf7-mail-sent-ng {
background:#f7d7da;
color:#711d26;
border:1px solid #f4c6cb;
padding:10px;
font-size:14px;

color:#D91C0E;
background:none;
border:none !important;
padding:0 !important;
margin-top:0 !important;
text-align:center;
font-size:18px;
font-weight: bold;
}

/*//スパムなどで送信ブロックされた場合*/
div.wpcf7-spam-blocked {
background:#fff2cf;
color:#846314;
border:1px solid #feedbd;
padding:10px;
font-size:14px;

color:#D91C0E;
background:none;
border:none !important;
padding:0 !important;
margin-top:0 !important;
text-align:center;
font-size:18px;
font-weight: bold;
}
@media screen and (max-width: 800px) {
	/*//送信成功*/
	div.wpcf7-mail-sent-ok {
	padding:calc(9 / 375 * 100vw);
	font-size:calc(12 / 375 * 100vw);

	color:#D91C0E;
	background:none;
	border:none !important;
	padding:0 !important;
	margin-top:0 !important;
	font-size:calc(16 / 375 * 100vw);
	}
	/*//送信NG*/
	div.wpcf7-validation-errors,
	div.wpcf7-acceptance-missing,
	div.wpcf7-response-output {
	padding:calc(9 / 375 * 100vw);
	font-size:calc(12 / 375 * 100vw);

	color:#D91C0E;
	background:none;
	border:none !important;
	padding:0 !important;
	margin-top:0 !important;
	font-size:calc(16 / 375 * 100vw);
	}
	
	/*//送信失敗*/
	div.wpcf7-mail-sent-ng {
	padding:calc(9 / 375 * 100vw);
	font-size:calc(12 / 375 * 100vw);

	color:#D91C0E;
	background:none;
	border:none !important;
	padding:0 !important;
	margin-top:0 !important;
	font-size:calc(16 / 375 * 100vw);
	}
	
	/*//スパムなどで送信ブロックされた場合*/
	div.wpcf7-spam-blocked {
	padding:calc(9 / 375 * 100vw);
	font-size:calc(12 / 375 * 100vw);

	color:#D91C0E;
	background:none;
	border:none !important;
	padding:0 !important;
	margin-top:0 !important;
	}
}
/* clearfix */
body .crfx:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body .crfx{display:inline-block;}
/* Hides from IE-mac \*/
* html body .crfx { height:: 1%;}
body .crfx {display:block;}
/* End hide from IE-mac */
.pc {
  display: block; }
  /*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 800px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  /*@media screen and (max-width: 767px) {*/
  @media screen and (max-width: 800px) {
    .sp {
      display: block; } }