/* CSS Document */

@media (max-width: 640px) {
  .under section {
    padding: 10vw 0;
  }
}
.under .pageTitle {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  background: url(../images/access/main.jpg) no-repeat center center/cover;
  width: 100%;
  height: 30em;
}
@media (max-width: 640px) {
  .under .pageTitle {
    height: 50vw;
  }
}
.under .pageTitle span {
  display: block;
  color: white;
  font-weight: 500;
}
.under .pageTitle .jp {
  font-size: 2em;
  letter-spacing: 0.1em;
}
.under .pageTitle .en {
  font-size: 1.33em;
  padding-top: 1em;
}
@media (max-width: 640px) {
  .under .pageTitle .jp {
  font-size: 1.6em;
}
.under .pageTitle .en {
  font-size: 1em;
  line-height: 1.6;
}

}



.attlist ol {
  counter-reset: item;
  list-style-type: none;
}
.attlist li {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-flex-wrap: wrap;
  -webkit-align-items: flex-start;
  /* no prefix */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  background-color: white;
}
.attlist li:before {
  position: absolute;
  display: block;
  text-align: center;
  line-height: 1.6;
  counter-increment: item;
  content: counter(item);
  width: 40px;
  height: 40px;
  color: white;
  background-color: #1a1a1a;
  font-size: 1.53em;
  z-index: 1;
}
@media (max-width: 640px) {
  .attlist li:before {
    width: 30px;
    height: 30px;
    line-height: 1.2;
  }
}
.attlist li .textBox {
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
}
.attlist li .textBox p {
  line-height: 1.7;
  white-space:  pre-wrap;
  word-wrap: break-word;
}
.attlist .map {
  height: 0;
  overflow: hidden;
  padding-bottom: 41.07%;
  position: relative;
  margin-top: 9.33em;
}
@media (max-width: 640px) {
  .attlist .map {
    margin-top: 10vw;
  }
}
.attlist .map iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.information .contentBox {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  align-items: center;
}
@media (max-width: 640px) {
  .information .contentBox {
    display: block;
  }
}
.information .contentBox .imgBox {
  width: 560px;
}
@media (max-width: 640px) {
  .information .contentBox .imgBox {
    width: 100%;
  }
}
.information .contentBox .textBox {
  box-sizing: border-box;
  max-width: 25em;
  width: 100%;
  color: white;
  margin-right: auto;
  margin-left: auto;
}
.information .contentBox .textBox dl {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  font-size: 1.07em;
  line-height: 1.75;
}
.information .contentBox .textBox dt:not(:first-of-type), .information .contentBox .textBox dd:not(:first-of-type) {
  padding-top: 1em;
}
@media (max-width: 640px) {
  .information .contentBox .textBox dt, .information .contentBox .textBox dd {
    padding-top: 1em;
  }
}
.information .contentBox .textBox dt {
  width: 7em;
}
.information .contentBox .textBox dd {
  width: calc(100% - 7em);
}
.information .contentBox .textBox .btn_bk {
  margin-top: 2em;
}

@media (min-width: 641px) {
	.sp{
		display:none;}
}


@media (max-width: 640px) {
  .pc{
		display:none;}
  
}

@media (min-width:641px){

.price_left{
	width:48%;
	float:left;}

.price_right{
	width:48%;
	float:right;}
}

.access_p1{
	font-size:18px;}

.clear{
	clear:both;}

.access_p1 {
  font-weight: 500;
  font-size: 1.67em;
}
.access_p2 {
  line-height: 1.73;
  padding-top: 1em;
}