@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
img{max-width: 100%;}
#wrap{position: relative;}
a{text-decoration: none;color: #007BC3}

.wrapTable table {width: 100%;border-collapse: collapse;}
.wrapTable table tr{border-bottom: 2px solid #fff; }
.wrapTable table th{font-size: 20px;color: #fff; padding: 15px; background:#999999; text-align: center;border-right: 2px solid #fff;vertical-align: middle;}
.wrapTable table th.bgBlue{background-color: #0099D6;}
.wrapTable table th.bgSkyBlue{background-color: #D8F2FC;} 
.wrapTable table th.bgRed{background-color: #D7482B;}
.wrapTable table td.bgBlue{background-color: #008ac1; color: #fff;}
.wrapTable table td.bgSkyBlue{background-color: #D8F2FC;} 
.wrapTable table th.bgGreen{background-color: #618937; color: #fff;}
.wrapTable table td.bgGreen{background-color: #52c123; color: #fff;}
.wrapTable table thead th{font-weight: 900; }
.wrapTable table td .emNum{font-size: 40px;}
.wrapTable table th.none,{background: #fff;}
.wrapTable table th.em{background: #cfcfcf; color: #222;}
.wrapTable table th img{max-width: 70%;}    
.wrapTable table td{font-size: 20px;padding: 15px; background: #eee; text-align: center; vertical-align: middle;border-right: 2px solid #fff;font-weight: 500;}
.wrapTable table tbody tr.price td{font-weight: 900; padding: 30px 15px; position: relative;}
.wrapTable table tbody tr.price td .img-imanara{position: absolute;top:-5%; right: 10px; width: 25%;}
.wrapTable .note{text-align: left; margin-top: 5px;}
.wrapTable table.half td{width: 50%;}




/* 
#case li{
	background-color: #fff;
	margin-bottom: 10px;
	padding: 10px;
	}
#case h2{
	margin: 1.0em 0;
}
#case img{
	max-height: 100px;
	margin: 0.5em 0;
}
#case p{
	padding: 0.5em 0.5em 2em;
	text-align: left;
	min-height: 6.5em;
	line-height: 1.6em;
} */


/* 
#point .box{
	border: 6px solid #004E9C;
}

#point .prize{
	position: absolute;
	right: calc((100vw - 1000px)/2 + 30px);
	margin-top: -10px;
	width: 200px;
}
#point .box h2{
	background-color:  #004E9C;
	color: #fff;
	padding: 10px;
}

#point .box li {padding: 0 0 10px 0;}
#point .box li img{
	max-width: 40px;
    vertical-align: middle;
    margin-right: 0.5em;
}
 */

/* 
.fTitle{
	font-size: 32px;
	font-weight: 500;
	border-bottom: 2px solid #ccc;
	line-height: 2em;
} */




  #inquiry {position: relative;overflow: visible;padding: 30px 0;}
	        
  #inquiry .lead{font-size: 27px;font-weight: 900;line-height: 1.4;margin-bottom: 40px;}
  #inquiry .lead .em{font-weight: 900;}
  #inquiry .lead{margin-bottom: 40px;}
  #inquiry #wrapForm .required{background: #D7482B;color: #fff;display: inline-block;vertical-align: middle;text-align: center;font-size: 14px;padding: 3px;line-height: 1;}
  #inquiry #wrapForm table{width: 100%; /*border-collapse: collapse;*/}
  #inquiry #wrapForm table tr {border-bottom: solid 2px #fff;}
  #inquiry #wrapForm table tr:last-child{border:none;}
  #inquiry #wrapForm table th{width: 40%; background: #0099D6; color: #fff; font-size: 16px; text-align: left; font-weight: normal; padding: 15px; vertical-align: top;border-right: solid 2px #fff;}
  #inquiry #wrapForm table td{background: #eee; font-size: 16px; text-align: left;padding: 15px; vertical-align: middle; position: relative;}
  
  #inquiry #wrapForm table tr:first-child th{border-radius: 10px 0 0 0;}
  #inquiry #wrapForm table tr:last-child th{border-radius: 0 0 0 10px;}
  #inquiry #wrapForm table tr:first-child td{border-radius: 0 10px 0 0;}
  #inquiry #wrapForm table tr:last-child td{border-radius: 0 0 10px 0;}
  
  .selcted_form_crosslist{position: relative;}
  .selcted_form_crosslist > li{position: relative; margin-bottom: 10px;}    
  .selcted_form_crosslist > li:last-child{margin-bottom: 0;}
  
  #inquiry #wrapForm .ulFormBtn{display: flex; margin: 40px auto 0; width: 100%;}
  #inquiry #wrapForm .ulFormBtn > li{/*width: 45%;margin: 0 2.5%;*/width:512px; margin: 0 auto;}
  #inquiry #wrapForm iframe {width: 100%;background: #fff;border: none;    border-radius: 5px; font-size: 14px; }
    
	#footer{background: #f3f5f6;padding: 40px 0;color: #333;font-family:'ヒラギノ角ゴ ProN','メイリオ';}
	#footer .ftInner{width:980px;margin:0 auto;}
	#footer .ftInner .kslogo{float:left;width:184px;}
	#footer .ftInner .telnum{float:right;width:272px;margin-left:15px;}
	#footer .ftInner .address{float:right;width:auto;font-size:13px;line-height:1.3;color:#555;}

    
	/* FORM */
	select, 
	textarea {
	    color: #000;
	    font-size: 16px;
	    padding: 4px;
		border: 1px solid #999;
	}
	table input{ font-size: 16px; }
	.errm,
	.ymderrm { color: #FF0000!important; display: none; }
	.errm.on,
	.ymderrm.on { display: block;} 
	select{ line-height: 1; vertical-align: middle; padding: 6px; width: 468px; background: #f9f9f9; border: 2px solid #c0c0c0;    border-radius: 5px; }
	select.ymd { width: auto; }
	
	input[type="text"]  { line-height: 1;  vertical-align:middle; padding: 6px; width: 100%; border: none; border-radius: 5px;} 
	    input[type="text"].w40{width: 40%; position: absolute; right: 30px;}
	textarea { line-height: 1.4;  vertical-align:middle; padding: 6px; width: 100%;border: none; border-radius: 5px;}
	input[type="text"].sw{width:50px;}
	input[type="text"].date{width:80%;}
	input[type="checkbox"]{border: 2px solid #c0c0c0; border-radius: 5px;}
	label { display: inline-block; padding-left: 5px; margin-bottom:3px; }
	label input { margin-left: -5px; vertical-align: top; margin-top: 6px;}
	.boxTextarea{padding:20px;border:1px #eaeaea solid; margin-bottom:0px;}
	#check .boxTextarea{padding:30px;border:1px #eaeaea solid; margin-bottom:0px;}
	#btnArea{position: relative; overflow: hidden;padding:30px 0 0;}
	.btn{padding:30px 0 0; text-align:center; margin:0 auto;}

	/* チェックボックス */	
/*
	.choice li label{
		color: #fff;
		padding: 20px;
		border-radius: 6px;
		width: 100%;
	}
	.choice li label input{
		margin-left:0;
	}
	.choice input[type="checkbox"] {
	    border: 2px solid #000 !important;
	    border-radius: 2px;
	}
*/




.btnSubmit{
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  
  text-align: center;
  display: inline-block;
  padding: 1em 2em;
  padding: 10px 40px;
  color: #fff;
  background-color: #FF316C;
  font-size: 1.5em;
  border-radius: 2em;
  text-decoration: none;
}

.btnSubmit:hover{
/* 	opacity: 90%; */
}
    
.btnCancel{
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  
  background-size: 20px auto;
  background: -moz-linear-gradient(#8a8a8a, #a0a0a0 50% , #8a8a8a 100%);
  background: -webkit-linear-gradient(#8a8a8a, #a0a0a0 50% , #8a8a8a 100%);
  background: linear-gradient(#8a8a8a, #a0a0a0 50% , #8a8a8a 100%);
  
  border-radius: 40px;
  font-feature-settings: "palt";
  color: #fff;
  height: 80px;
  font-size: 24px;
  font-weight: 900;
  line-height: 80px;
  text-decoration: none;
}
    
.btnSubmit::after{
  content: '';
  position: absolute;
  top: 25%;
  right: 4%;
  /* margin-top: -4.5px; */
  /*     background: url(../../images/arrow-btn-right.png); */
  background-repeat: no-repeat;
  /* background-position: center center; */
  width: 42px;
  height: 42px;
  background-size: 100% auto;
}

#menu{display: block;
  position: fixed; 
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  top: 0;
  z-index: 100;}
#menu{padding: 0;background-color: #fff;}
#menu li{padding: 6px;}
#menu li.btnHead{text-align: right;}
#menu li.btnHead a{
	text-align: right;
	display:  
	padding: 0.5em 2em;
	padding: 10px 40px;
	color: #fff;
	font-size: 14px;
/* 	border: 1px solid #fff; */
	border-radius: 28px;
	text-decoration: none;
	background-color: #FF316C;
	line-height: 1.0;
  position: absolute; right: 0;
}








@media screen and (min-width: 768px) {
  .svg{width:240px;height:100%;position:absolute;margin-top: -10px;}
  
  .wrapFlex {margin: 0 auto }
  .wrapFlex ul {display: flex;}
  .wrapFlex > ul li{display: block;width: 49.5%; margin-right: 1%; position: relative;}
  .wrapFlex > ul.col3 li{width: 32%; margin-right: 2%; position: relative;}
  .wrapFlex > ul.col4 li{width: 24.6%; margin-right: 0.2%; position: relative;}
  .wrapFlex > ul li.col70{width: 64%; margin-right: 2%; position: relative;}
  .wrapFlex > ul li.col30{width: 32%; margin-right: 2%; position: relative;}
  .wrapFlex > ul li:last-child{margin-right: 0;}
  
  h2 {font-size: 27px;font-weight: 500;line-height: 1.4;}
  h3 {font-size: 20px;font-weight: 500;line-height: 1.4;}
  h4 {font-size: 30px;font-weight: 500;line-height: 1.4;}
	
	.view-pc{display: block;}
	.view-sp{display: none;}

  #header {width: 100%;}
  
  #header {
    border-bottom: 1px solid #ccc;
    padding: 0 0 0 10px;
    height: 68px;
    overflow: hidden;
    display: block;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 999;  
  }

  #header .inner{max-width:980px; margin: 0 auto; text-align: center; padding: 10px 0; display: flex;}
  #header .inner .boxL{width:auto;}
  #header .inner .boxR{width: 100%; text-align: right;}
  #header .inner .boxL .lead{color: #7e8b8c;    font-feature-settings: "palt";font-weight: 400; font-size: 13px; line-height: 1;padding-bottom: 1px;margin-left: 1.0em;margin-top: 2px;}
  #header .inner .boxR .lead{color: #3f4b4c; font-feature-settings: "palt";font-weight: 400; font-size: 18px; line-height: 50px;}
  #header .inner .tit{
    font-size: 19px;
    line-height: 1;
    vertical-align: bottom;
    font-weight: 900;
    font-feature-settings: "palt";
    margin-top: 8px;
    margin-left: 2px;
    color: #231815;
  }
  
  #header .inner .tit .logoShelter {
    height: 26px;
    width: auto;
    margin-top: -8px;
    padding-right: 4px;
  }
    
	.inner{max-width: 980px; margin: 0 auto; }

	#footer{background: #f3f5f6;padding: 40px 0;color: #333;font-family:'ヒラギノ角ゴ ProN','メイリオ';}
	#footer .ftInner{width:980px;margin:0 auto;}
	#footer .ftInner .kslogo{float:left;width:184px;}
	#footer .ftInner .telnum{float:right;width:272px;margin-left:15px;}
	#footer .ftInner .address{float:right;width:auto;font-size:13px;line-height:1.3;color:#555;}

	.biggest{font-size: 250%;}
	.bigger{font-size: 180%;}
	.big{font-size: 150%;}
	.mid{font-size: 120%;}
	.mini{font-size: 75%;}
	.bigPrice{font-size: 2.4rem}
}


/* SP */
@media screen and (max-width: 767px) and (min-width: 0px) {
	body{
    /* 		font-size:3.4vw; */
	  margin: 5px;
	}
  #header {max-width: 767px;}
	
	.svg{width:240px;height:40px;position:relative;margin-top: -10px;margin: 0 auto;}
	.wrapFlex > ul.col3 li{width: 100%; margin-right: 0%;}
	.wrapFlex > ul.col4 li{width: 100%; margin-right: 0%;}
	
	.view-pc{display: none;}
	.view-sp{display: block;}
	 
	h2 {font-size: 24px;font-weight: 900;line-height: 1.4;}
	h3 {font-size: 20px;font-weight: 900;line-height: 1.4;}
	h4 {font-size: 28px;font-weight: 900;line-height: 1.4;}

	
	.wrapTable {overflow: auto;}
	.wrapTable table {  /* 	    width: 140%; */}
	
	
	#wrapMainvisual{
/* 		padding-top: 150px; */
	    background-image: url(../../images/mv_01-bg.png);
	    background-size: cover;
	}
		
	#header .inner {
	    width: 100%;
	    margin: 0 auto;
	    text-align: center;
	    padding: 2% 0;
	}
    
  #header .inner .boxL{margin-bottom: 3%;margin-bottom: 0!important;}
  #header .inner .boxR{}
  #header .inner .boxL .lead{color: #7e8b8c;    font-feature-settings: "palt";font-weight: 900; font-size: 3vw; line-height: 1;padding-bottom: 1%;}
  #header .inner .boxR .lead{color: #3f4b4c; font-feature-settings: "palt";font-weight: 900; font-size: 3.4vw; line-height: 1.2;}
  
  #footer{background: #f3f5f6;padding: 20px 0;}
	#footer .ftInner{width:70%;margin:0 auto;}
	#footer .ftInner .kslogo{float:none;width:50%;margin:0 auto;margin-bottom:10px;}
	#footer .ftInner .telnum{float:none;width:100%;margin:0 auto;margin-left:0;margin-bottom:10px;}
	#footer .ftInner .address{float:none;width:auto;font-size: 3.0vw;line-height:1.3;}
	
	
	.big{font-size: 105%;}
	.mini{font-size: 75%;}
	
	.bigPrice{font-size: 30px}
	
	
  /* form */
  #inquiry h2{font-size: 5.6vw; color: #00afb9;     margin-bottom: 2%;    line-height: 1;}
  #inquiry .lead{margin-bottom: 5%; text-align: left;}
  
  #inquiry #wrapForm{}
  #inquiry #wrapForm .required{
  background: #F45400;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 2.6vw;
  padding: .5vw;
  line-height: 3.2vw;
  }
  
  #inquiry #wrapForm table{width: 100%; border-collapse: collapse;}
  #inquiry #wrapForm table tr {}
  #inquiry #wrapForm table tr:last-child td{border:none;}
  #inquiry #wrapForm table th{width: 100%; background: #0099D6; color: #fff;  text-align: left; font-weight: normal; padding: 3%; vertical-align: top;border-bottom: solid 2px #fff;}
  #inquiry #wrapForm table td{width: 100%; background: #eee; text-align: left;padding: 3%; vertical-align: middle; position: relative;border-bottom: solid 2px #fff;}
  
  #inquiry #wrapForm table tr:first-child th{border-radius: 2vw 2vw 0 0;}
  #inquiry #wrapForm table tr:last-child td{border-radius: 0 0 2vw 2vw;}
  
  .selcted_form_crosslist{position: relative;}
  .selcted_form_crosslist > li{position: relative; margin-bottom: 2%;}    
  .selcted_form_crosslist > li:last-child{margin-bottom: 0;}
  
  #inquiry #wrapForm .ulFormBtn{margin: 5% auto 0; width: 100%;}
  #inquiry #wrapForm .ulFormBtn > li{width: 80%;margin: 0 auto 3%;}
  #inquiry #wrapForm .ulFormBtn > li:last-child{margin-bottom: 0;}
  
  #inquiry #wrapForm iframe {width: 100%;background: #fff;border: 2px solid #c0c0c0;    border-radius: 0.5vw; font-size: 3vw; }
  #inquiry h2{margin-bottom: 20px;}
	
	 
	.form-table th,
	.form-table td {
	  display: block;
	  width: 100%;
	  border-bottom: none;
	  }
	
	/*input[type="text"],textarea#f21freetext{height:8vw;}*/
	input[type="text"],input[type="tel"],input[type="email"],textarea { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: none;
    border: 2px solid #c0c0c0;
    border-radius: 0.5vw;
    padding: 2%;
    box-sizing:border-box;
    /*color: #bbbbbb;*/
    font-weight: normal;
	}
	input[type="text"] { line-height: 1;  vertical-align:middle;}
	textarea { line-height: 1.4;  vertical-align:middle;border: 2px solid #c0c0c0;    border-radius: 0.5vw;}
	input[type="text"].sw{width:50px;}
	input[type="text"].date{width:65%;}
	
	select, 
	textarea {
    width: 100%;
    padding: 2%;
    border: 2px solid #c0c0c0;
    border-radius: 0.5vw;
	}
  
}



/* 共通 */
		
a { 
	opacity: 1;
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}
a:hover{ 
	opacity: .6;
	transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
}


/* FORM */
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-moz-placeholder,
select::-webkit-input-placeholder,
select:-ms-input-placeholder,
select::-moz-placeholder{
    color: #bbbbbb;
    font-weight: normal;
}
.arrowD-Green {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 80px 0 80px;
  border-color: #71BC51 transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-LiteGreen {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 80px 0 80px;
  border-color: #ECFFE3 transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-GreenMini {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 50px 0 50px;
  border-color: #52c123 transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-Blue {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 60px 0 60px;
  border-color: #0099D6 transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-BlueMini {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 50px 0 50px;
  border-color: #0099D6 transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-Orange {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 60px 0 60px;
  border-color: #FF4E00 transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-Glay {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 30px 0 30px;
  border-color: #efefef transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-Red {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32px 0 32px;
  border-color: #FF0000 transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-Black {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32px 0 32px;
  border-color: #5b5b5b transparent transparent transparent;
  margin: 0 auto;
}
.arrowD-White {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 16px 0 16px;
    border-color: #fff transparent transparent transparent;
    margin: 0 auto;
}

.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.h60p{height: 60px;}

.bgWhite{background-color: #ffffff;}
.bgGray{background-color: #efefef;}
.bgGray2{background-color: #f3f5f6;}
.bgBlue{background-color: #007BC3;}
.bgRed{background-color: #ff0000;}
.bgGreen{background-color: #52c123;}
.bgGreen2{background-color: #00b0aa;}
.bgSkyBlue{background-color: #D8F2FC;}
.bgLiteGreen{background-color: #ECFFE3;}
.bgDeepBlue{background-color: #004E9C;}
.bgOrange{background-color: #FF4E00;}
.bgYellow{background-color: #FCD73F;}

.fcOrange{color: #FF4E00;}
.fcRed{color:#ff0000;}
.fcGreen{color: #52c123;}
.fcPink{color:#FF316C;}
.fcPink{color:#f20b67;}
.fcBlue{color:#007BC3;}
.fcDeepBlue{color:#004E9C;}
.fcGray{color:#737373;}
.fcWhite{color:#ffffff;}
.fcYellow{color:#FFFF1A;}

.sup{font-size: 60%;
  vertical-align: top;
  position: relative;
  top: -0.1em;
  font-weight: normal !important;}

.fade-up {
  transition: opacity 0.7s,transform 0.7s;
  -webkit-transition: opacity 0.7s,transform 0.7s;
  opacity: 0;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
}
.pop-up {
    transition: opacity 0.7s,transform 0.7s;
    -webkit-transition: opacity 0.7s,transform 0.7s;
    opacity: 0;
    transform: translateY(20px) scale(0.6);
    -webkit-transform: translateY(20px) scale(0.6);
}