@charset "utf-8";

/*--------------- reset ---------------*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

ol,ul,li{list-style:none;}
.post_content ul {
  list-style: none;
  margin-left: 0;
}
.post_content li,
.post_content dt,
.post_content dd{line-height: 1.6;}
.post_content ul,
.post_content ol,
.post_content dl{margin-bottom: 0;}
#res-elem img{vertical-align: bottom;}
.post_content table{margin: 0;}
.post_content h3{margin: 0;padding: 0;}
.post_content .reserve .msg{color: #F00;font-weight: bold;}

/*- - - - - - - - reset - - - - - - - -*/




.select-part {
  position: relative;
  display: inline-block;
  /* margin: 0 auto; */
  /* border: 1px solid #CCC; */
  background-color: #EAEAEA;padding-right: 30px;
}
.select-part select{
  
  width: 100%;
  font-size: 16px;
  /* color: #666; */
  /* font-weight: bold; */
  padding: 0.6em;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.select-part:after {
  pointer-events: none;
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  top: calc(50% - 4px);
  right: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #666 transparent transparent transparent;
}



.select-part.mini{
  position: relative;
  display: block;
  border: 1px solid #CCC;
  height: 26px;
}

.inlines-all .select-part.mini{display: inline-block;}


/* span.select-part.mini{background-color: #900;} */

.select-part.mini select{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 0 0 0.3em;
  font-size: 16px;
  /* text-align: right; */
}

.select-part.mini:after {
  pointer-events: none;
  top: 3px;
  right: 3px;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #666 transparent;
}
.select-part.mini:before {
  pointer-events: none;
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  bottom: 3px;
  right: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #666 transparent transparent transparent;
}

.select-part.mini+.select-part{margin-top: 8px;}

.select-part.mini select+span{
  display: block;
  margin: 0.3em 0 0 2.7em;
}

.select-part.wid3{width: 5em;}
.select-part.wid5{width: 7em;}

/* .inlines-all .select-part.mini,
.inlines-all>*{display: inline-block;} */



.sp{display: none;}
.center{text-align: center;}
.bold{font-weight: bold;}

#res-elem .title-h2{
  font-size: 24px;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 1em;
}

ul.notes{
	display: inline-block;
	line-height: 1.4;
	font-size: 12px;
}
ul.notes>li{
	position: relative;
	padding-left: 1.1em;
}
ul.notes>li:before{
	content: "※";
	position: absolute;
	left: 0;
}
ul.notes.inlines>li{
	text-indent: -1em;
	padding-left: 0;
}
ul.notes.inlines>li:before{position: relative;}

.tbpc,.tb{display: table;}
.tbpc>.cell,.tb>.cell{display: table-cell;vertical-align: middle;}
@media screen and (max-width:768px){
  .pc{display: none;}
	.sp{display: block;}
	ul.notes{font-size: 11px;}
}



#res-elem p.btn-wrap{
  text-align: center;
  margin-top: 40px;
}
.btn-sq{
	position: relative;
	display: inline-block;
	background-color: #333;
	color: #FFF;
	width: 250px;
	height: 50px;
	font-size: 18px;
}
.btn-sq.back{
	/* width: 100px;
	margin-right: 20px; */
	background-color: #999;
}
.btn-sq input,
.btn-sq a{
	position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	color: #FFF;
	font-size: inherit;
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    background: none;
    border: none;
}
.btn-sq a{line-height: 50px;}

.btn-sq+.btn-sq{margin-left: 20px;}
@media screen and (max-width:750px){
	.btn-sq.back{
		/* width: 30%;
    margin-right: 10px; 
    opacity: 0.7;*/
	}
	.btn-sq{
		width: calc(70% - 20px);
		/* height: 46px; */
		font-size: 1.6rem;
		/* border-radius: 20px; */
	}
  /* .btn-sq a{line-height: 46px;} */
  
  .btn-sq+.btn-sq{
    margin-left: auto;
    margin-top: 15px;
  }
}


/*--------------- hover ---------------*/
.btn-sq{
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.btn-sq:hover{
	opacity: 0.6;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}
/*- - - - - - - - hover - - - - - - - -*/









/* #res-elem p.notes{margin-bottom: 1.5em;} */
#res-elem p.notes>em{display: inline;}
#res-elem .lead{font-size: 16px;}
#res-elem table+.lead,
#res-elem .lead+table{margin-top: 1.5em;}
/* #res-elem .elem1{display: none;} */

#res-elem form>table{margin-top: 15px;}

#res-elem td:not(.inlines-pc):not(.inlines) .part+.part{margin-top: 10px;}
#res-elem .inlines>.part{display: inline-block;}
#res-elem .inlines-pc>.part{display: inline-block;}

#res-elem .blocks>.part{display: block;}

#res-elem .free-input input{
  width: 100%;
}




#res-elem *+.notes{margin-top: 1em;}
#res-elem td,
#res-elem th{
  font-size: 16px;
  border: 1px solid #bbb;
  padding: 1em;
  line-height: 1.6;
  background: #fff;
  vertical-align: middle;
}
#res-elem th{
  width: 8em;
  background-color: #f5f5f5;
}
#res-elem p {
  line-height: 1.6;
  margin: 0;
}
#res-elem em{
  font-size: 12px;
  font-style: normal;
  color: #900;
  display: block;
}
#res-elem label{
  cursor: pointer;
  padding: 1em 1em 1em 0;
}
#res-elem input{
  font-size: 16px;
  padding: 0.3em;
}
#res-elem textarea{
  width: 100%;
  resize: vertical;
  height: 6em;
  display: block;
}

#res-elem table:not(.tbl-s3) input,
#res-elem textarea{
  font-size: 16px;
  padding: 0.3em;

  border: 1px solid #DEDEDE;
  background-color: #FAFAFA;
}


#res-elem .tbl-s3 .img-select{
  padding: 1em;
  border: 1px solid #BACDE6;
  background-color: #EFF3FA;
  margin-top: 15px;
}

#res-elem .tbl-s3 .lead+input{margin-top: 0.5em;}
#res-elem .tbl-s3 .img-select input{
  font-size: 13px;
  padding: 0;
}
#res-elem .tbl-s3 .img{
  margin-top: 20px;
  text-align: center;
}

@media screen and (max-width: 730px){
  #res-elem input:not(.no-exp)[type=radio],#res-elem input[type=checkbox]{width: auto;}

  #res-elem .inlines-pc>.part{display: block;}
  #res-elem .inlines-pc>.part>label{display: inline-block;}

  #res-elem td.inlines input{width: 2em;}
  #res-elem td:not(.inlines) input:not(.no-exp)+span{
    display: block;
    margin-top: 0.3em;
  }
  #res-elem em{font-size: 10px;}
  #res-elem td,
  #res-elem th{
    font-size: 14px;
    padding: 0.5em;
  }
  #res-elem th{width: 5em;}
  #res-elem td{padding: 1em;}
  #res-elem input:not(.no-exp){width: 100%;}
  #res-elem textarea{height: 6em;}
  #res-elem .tbl-s3 .img-select input{font-size: 15px;}


}


#res-elem .elem2 span.block{display: block;}

#res-elem .elem2 .part span:not(.block){padding-left: 0.5em;}


#res-elem .elem2 .reserve-box{
  width: 100%;
  background: url(../../form/img/reserve_car-footer.gif) bottom no-repeat;
  background-size: 100% auto;
  margin: 0;
  padding: 0 0 80px;
  
  /* overflow: auto;
  white-space: nowrap; */
}




#res-elem .elem2 .table-wrap{padding: 0 20px;}
#res-elem .elem2 table{
  width: 100%;
  table-layout: auto;
  
}
#res-elem .elem2 td,
#res-elem .elem2 th{
  font-size: 12px;
  border: 1px solid #bbb;
  padding: 1em;
  line-height: 1.6;
  background: none;
  vertical-align: middle;
}




#res-elem .elem2 .reserve-box td,
#res-elem .elem2 .reserve-box th{
  /* font-size: 12px;
  border: 1px solid #bbb;
  padding: 1em;
  line-height: 1.6;
  background: #fff; */
  vertical-align: top;
}

#res-elem .elem2 .reserve-box th{
  background-color: #e5d7b2;
  white-space: nowrap;
}

#res-elem .elem2 th{
  width: auto;
}


@media screen and (max-width: 1260px){
  #res-elem .elem2 h3.pc{display: none;}
  #res-elem .elem2 h3.sp{display: inherit;}

  #res-elem .elem2 h3{
    background-color: #F5EEE5;
    text-align: center;
    padding: 1.5em;
    margin-bottom: 0;
  }
  #res-elem .elem2 .reserve-box{
    background: none;
    background-color: #F5EEE5;
    padding: 0;
  }
  #res-elem .elem2 .table-wrap {padding: 0 10px 10px;}
  #res-elem .elem2 .reserve-box th{white-space: normal;}


}
@media screen and (max-width: 730px){
  #res-elem .elem2 .reserve-box{
    /* background: none; */
    
    overflow: auto;
    white-space: nowrap;
  }


  #res-elem .elem2 .reserve-box table>*{white-space: normal;}
  #res-elem .elem2 .table-wrap{
    padding: 20px 0 0;
    width: 800px;
  }
  #res-elem .elem2 .reserve-box::-webkit-scrollbar{height: 30px;}
  #res-elem .elem2 .reserve-box::-webkit-scrollbar-track{background: #333;}
  #res-elem .elem2 .reserve-box::-webkit-scrollbar-thumb {background: #999;border: 2px solid #333;}


}




#res-elem .elem2 .part-address .tb+.tb{margin-top: 10px;}
#res-elem .elem2 .part-address .tb>.cell+.cell,
#res-elem .elem2 .part-expiration .tb>.cell+.cell{padding-left: 1em;}






#res-elem .steps{
  width: 100%;
  list-style: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

#res-elem .steps li{
  position: relative;
  background-color:#AAA;
  color: #FFF;
  width: 25%;
  height: 100px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.2;
  padding: 10px 0 10px 15px;
}
#res-elem .steps li:first-child{padding-left: 0;}
#res-elem .steps li:before{
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 50px 10px;
  border-color: transparent transparent transparent #AAA;
}
#res-elem .steps li.active:before{
  border-color: transparent transparent transparent #6496ED;
}
#res-elem .steps li:after{
  content: "";
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 0 60px 12px;
  border-color: transparent transparent transparent #FFF;
}
#res-elem .steps li:last-child:before,
#res-elem .steps li:last-child:after{display: none;}
#res-elem .steps li>span{
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  padding: 5px 0 20px;
}
#res-elem .steps li:first-child>span{padding-bottom: 10px;}
#res-elem .steps li.active{
  background-color: cornflowerblue;
  color: #FFF;
}
#res-elem .steps li.active>span{color: rgba(255, 255, 255, .6);}
#res-elem .steps .ico{
  width: 40px;
  height: 30px;
  margin: 0 auto 10px;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22contents%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%2075.4%22%20style%3D%22enable-background%3Anew%200%200%20100%2075.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M99%2C21.7L85.5%2C2.4c-1-1.5-2.8-2.4-4.6-2.4H19.1c-1.8%2C0-3.5%2C0.9-4.6%2C2.4L1%2C21.7c-1.2%2C1.7-1.3%2C3.9-0.4%2C5.8%20c1%2C1.9%2C2.9%2C3%2C5%2C3h14.3l7.7-10.2c2.4-3.2%2C6.3-5.1%2C10.3-5.1h24.3c4%2C0%2C7.8%2C1.9%2C10.3%2C5.1l7.7%2C10.2h14.3c2.1%2C0%2C4-1.2%2C5-3%20C100.3%2C25.6%2C100.2%2C23.4%2C99%2C21.7z%22%2F%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M88.8%2C51.7L67.7%2C23.9c-1.3-1.7-3.4-2.7-5.5-2.7H37.9c-2.2%2C0-4.2%2C1-5.5%2C2.7L11.2%2C51.7c-0.9%2C1.2-1.4%2C2.7-1.4%2C4.2%20v12.5c0%2C3.8%2C3.1%2C6.9%2C6.9%2C6.9h66.5c3.8%2C0%2C6.9-3.1%2C6.9-6.9V55.9C90.2%2C54.4%2C89.7%2C52.9%2C88.8%2C51.7z%20M50%2C64c-8.7%2C0-15.7-7-15.7-15.7%20c0-8.7%2C7-15.7%2C15.7-15.7c8.7%2C0%2C15.7%2C7%2C15.7%2C15.7C65.7%2C56.9%2C58.7%2C64%2C50%2C64z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-size: contain;
}
#res-elem .steps .active .ico{opacity: .6;}


@media screen and (max-width: 730px){
  #res-elem .steps{
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }
  #res-elem .steps li{
    width: 280px;
    height: auto;
    margin: 0 auto;
    font-size: 0.8rem;
    padding: 30px 10px 5px;
  }
  #res-elem .steps li:first-child{padding: 15px 10px 5px;}
  #res-elem .steps li:last-child{padding-bottom: 15px;}
  #res-elem .steps li:before{
    top: auto;
    bottom: -15px;
    right: auto;
    left: 0;
    border-width: 15px 140px 0 140px;
    border-color: #AAA transparent transparent transparent;
  }
  #res-elem .steps li.active:before{
    border-color: #6496ED transparent transparent transparent;
  }
  #res-elem .steps li:after{
    top: auto;
    bottom: -17px;
    right: auto;
    left: -10px;
    border-width: 17px 150px 0 150px;
    border-color: #FFF transparent transparent transparent;
  }
  #res-elem .steps li>span{
    font-size: 1.1rem;
    padding: 0 0 5px;
  }
  #res-elem .steps li:first-child>span{padding-bottom: 5px;}
  #res-elem .steps .ico{
    width: 30px;
    height: 24px;
  }
}


#res-elem .img-tel{margin-top: 60px;}
#res-elem .lead+.select{margin-top: 20px;}
#res-elem .select{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#res-elem .select>.box{
  width: calc(50% - 2px);
}

#res-elem .select .title{
  background-color: #6897E7;
  color: #FFF;
  font-size: 1.5rem;
  text-align: center;
  padding: 0.7em;
}
#res-elem .select .title>span{
  display: block;
  font-size: 1rem;
  margin-top: 0.7em;
}

#res-elem .select .part{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#res-elem .select .btn{
  position: relative;
  height: 4em;
  line-height: 1.4;
  background-color: #777;
  color: #FFF;
  text-align: center;
  margin-top: 4px;
  

  -webkit-flex-grow : 1;
  -ms-flex-grow     : 1;
  flex-grow         : 1;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#res-elem .select .btn:before{
  content: "";
  /* position: absolute; */
  /* right: 10px; */
  padding-right: 0.5em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 9px;
  border-color: transparent transparent transparent #FFF;

}
#res-elem .select .btn+.btn{margin-left: 4px;}


#res-elem .select .btn:hover{
  text-decoration: none;
  background-color: #000;
}


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


  #res-elem .img-tel{margin-top: 40px;}
  #res-elem .select{
    width: 100%;
    display: block;
  }
  #res-elem .select>.box{width: 100%;}
  #res-elem .select>.box+.box{margin-top: 16px;}
  #res-elem .select .title{font-size: 1.2rem;}
  #res-elem .select .title>span{font-size: 0.7rem;}
  #res-elem .select .btn{margin-top: 2px;}
  #res-elem .select .btn:before{border-width: 6px 0 6px 7px;}
  #res-elem .select .btn+.btn{margin-left: 2px;}
}


/* .post_content p {
  word-wrap: break-all;
  word-break: break-all;
  background-color: aquamarine;
  width: 300px;
}


.post_content input,
.post_content textarea{
  width: 200px;
  background-color: blueviolet;
} */

/* 
.fl>*{float: left;}
.post_content{
}



.post_content p {
  line-height: 1.6;
  margin: 0 0 0.3em 0;
}

.post_content tr:nth-child(4) input{display: block;}
.post_content td, .post_content th{line-height: 1.6;}

.post_content em{
  font-style: normal;
  color: #900;
  display: block;
}

.post_content th{
  width: 25%;
}

.post_content th{vertical-align: middle;}


.post_content .year{
  
}
.post_content .year span{display: block;}

.post_content .year+div{
 
  padding-top: 1.5em;
  padding-left: 1em;
}

input[type=radio], input[type=checkbox]{
  display: inline-block;
  background-color: brown;
}

input[type=text]+br,
input[type=radio]+br{
  display: none;
}



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

  .post_content textarea,
  .post_content input{width: 100%;}
  input[type=radio], input[type=checkbox]{
    display: inline-block;
    width: auto;
  }

  .post_content input+input{margin-top: 0.5em;}

  .post_content tr:nth-child(3) input{
    display: inline-block;
    width: 4em;
  }
  .post_content tr:nth-child(3) input:first-child{width: 3em;}

  .post_content tr:nth-child(5) input{
    display: inline-block;
    width: 4em;
  }
  

} */



#header_slider .item.item1 .image{background-image: url("../img/top_slider1_pc.jpg") !important;}
#header_slider .item.item2 .image{background-image: url("../img/top_slider2_pc.jpg") !important;}
#header_slider .item.item3 .image{background-image: url("../img/top_slider3_pc.jpg") !important;}

@media screen and (max-width: 730px){
  /* #header_slider{margin-top: 56px;} */
  #header_slider .direction_type2 .caption_inner>*{text-shadow: 0px 0px 13px #000;}

  #header_slider .item{
    /* border: 2px solid #099; */
  }
  /* #header_slider .item .image{background-size: contain !important;} */
  #header_slider .item.item1 .image{background-image: url("../img/top_slider1_sp.jpg") !important;}
  #header_slider .item.item2 .image{background-image: url("../img/top_slider2_sp.jpg") !important;}
  #header_slider .item.item3 .image{background-image: url("../img/top_slider3_sp.jpg") !important;}
}

@media screen and (max-width: 730px){
  #header_slider{height: 100vw;}
  #header_slider .item{height: 100vw;}
}


#index_prof_banner{
  background: none !important;
  height: auto;
}
#index_prof_banner .image{display: block;}

#index_prof_banner .jsbtn{
  display: block;
  opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#index_prof_banner .jsbtn:hover{
  opacity: 0.6;
	-webkit-transition: opacity 0s;
	transition: opacity 0s;
}



#index_prof_banner .headline_area {
  position: relative;
  text-align: center;
  padding: 0 60px;
  /* margin: 15px auto 0;
  min-width: 180px; */
  top: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}





#index_3box .box{
  padding: 20px 35px;
  height: 130px;
}

.anclink{
  /* margin-top: -30px;
  display: block; */
  /* background-color: #900;
  height: 1px;
  display: block;
   */
}