@charset "UTF-8";
.con-guide .box-guide { max-width: 1280px; margin-left: auto; margin-right: auto; width: calc(100% - 40px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-guide .box-guide { max-width: none; width: 94%; } }
@media only screen and (max-width: 767px) { .con-guide .box-guide { max-width: none; width: 89.7%; } }

/*Animate */
/* ----------------------------------------------------------- .con-guide
----------------------------------------------------------- */
.con-guide { background-color: #F8F8F8; padding-top: 100px; }
@media only screen and (max-width: 767px) { .con-guide { padding-top: 40px; } }
.con-guide .box-guide { margin-bottom: 150px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide { margin-bottom: 80px; } }
.con-guide .box-guide .title-basic { margin-bottom: 50px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .title-basic { margin-bottom: 30px; } }
.con-guide .box-guide .txt-attention { font-weight: bold; font-size: 2.3rem; color: #E13F03; margin-bottom: 50px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .txt-attention { font-size: 1.6rem; margin-bottom: 30px; } }
.con-guide .box-guide .box-attention { padding: 60px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-attention { padding: 30px 20px; } }
@media only screen and (min-width: 768px) { .con-guide .box-guide .box-included { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 50px; } }
@media print { .con-guide .box-guide .box-included { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 50px; } }
.ie8 .con-guide .box-guide .box-included { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 50px; }
.con-guide .box-guide .box-included .item { padding: 60px; }
@media only screen and (min-width: 1025px) { .con-guide .box-guide .box-included .item { width: 48.4%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-guide .box-guide .box-included .item { width: 48.4%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-guide .box-guide .box-included .item { width: 48.4%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-guide .box-guide .box-included .item { width: 48.4%; padding: 40px; } }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-included .item { padding: 30px 20px; margin-bottom: 20px; position: relative; } }
@media only screen and (min-width: 1025px) { .con-guide .box-guide .box-included .item .box-txt { order: 2; width: calc(100% - 120px); } }
@media print { .con-guide .box-guide .box-included .item .box-txt { order: 2; width: calc(100% - 120px); } }
.ie8 .con-guide .box-guide .box-included .item .box-txt { order: 2; width: calc(100% - 120px); }
.con-guide .box-guide .box-included .item .box-txt .title-secondary { margin-bottom: 20px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-included .item .box-txt .title-secondary { margin-bottom: 10px; } }
.con-guide .box-guide .box-included .item .box-txt ul li { padding-left: 1em; position: relative; }
.con-guide .box-guide .box-included .item .box-txt ul li:before { content: "・"; position: absolute; top: 0; left: 0; }
@media only screen and (min-width: 1025px) { .con-guide .box-guide .box-included .item .icon { order: 1; width: 80px; margin-right: 40px; } }
@media print { .con-guide .box-guide .box-included .item .icon { order: 1; width: 80px; margin-right: 40px; } }
.ie8 .con-guide .box-guide .box-included .item .icon { order: 1; width: 80px; margin-right: 40px; }
@media only screen and (max-width: 1024px) { .con-guide .box-guide .box-included .item .icon { width: 18.6%; position: absolute; top: 30px; right: 20px; } }
@media only screen and (min-width: 768px) { .con-guide .box-guide .box-detail { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 60px; } }
@media print { .con-guide .box-guide .box-detail { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 60px; } }
.ie8 .con-guide .box-guide .box-detail { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 60px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-detail { padding: 30px 20px; } }
@media only screen and (min-width: 768px) { .con-guide .box-guide .box-detail .box-txt { width: 41.4%; } }
@media print { .con-guide .box-guide .box-detail .box-txt { width: 41.4%; } }
.ie8 .con-guide .box-guide .box-detail .box-txt { width: 41.4%; }
.con-guide .box-guide .box-detail .box-txt h3 { font-size: 2.3rem; margin-bottom: 30px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-detail .box-txt h3 { font-size: 1.8rem; margin-bottom: 10px; } }
.con-guide .box-guide .box-detail .box-txt h3.blue { color: #036CE1; }
.con-guide .box-guide .box-detail .box-txt h3.orange { color: #E13F03; border-top: 1px solid rgba(51, 51, 51, 0.15); padding-top: 30px; margin-top: 30px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-detail .box-txt h3.orange { margin-top: 20px; padding-top: 20px; } }
.con-guide .box-guide .box-detail .box-txt ul { margin-top: 20px; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-detail .box-txt ul { margin-top: 10px; } }
.con-guide .box-guide .box-detail .box-txt ul li { position: relative; padding-left: 1em; font-size: 1.4rem; font-weight: 400; }
.con-guide .box-guide .box-detail .box-txt ul li:before { content: "・"; position: absolute; top: 0; left: 0; }
@media only screen and (min-width: 768px) { .con-guide .box-guide .box-detail .img { width: 51.7%; } }
@media print { .con-guide .box-guide .box-detail .img { width: 51.7%; } }
.ie8 .con-guide .box-guide .box-detail .img { width: 51.7%; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-detail .img { width: 100%; margin-top: 30px; } }
@media only screen and (min-width: 768px) { .con-guide .box-guide .box-openinghours { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-guide .box-guide .box-openinghours { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-guide .box-guide .box-openinghours { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (min-width: 1025px) { .con-guide .box-guide .box-openinghours .item { padding: 60px; display: -webkit-flex; display: flex; width: 48.4%; } }
@media print { .con-guide .box-guide .box-openinghours .item { padding: 60px; display: -webkit-flex; display: flex; width: 48.4%; } }
.ie8 .con-guide .box-guide .box-openinghours .item { padding: 60px; display: -webkit-flex; display: flex; width: 48.4%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-guide .box-guide .box-openinghours .item { padding: 40px; width: 48.4%; } }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-openinghours .item { padding: 20px; }
  .con-guide .box-guide .box-openinghours .item:last-child { margin-top: 20px; } }
@media only screen and (min-width: 1025px) { .con-guide .box-guide .box-openinghours .item dt { width: 15%; } }
@media print { .con-guide .box-guide .box-openinghours .item dt { width: 15%; } }
.ie8 .con-guide .box-guide .box-openinghours .item dt { width: 15%; }
@media only screen and (max-width: 767px) { .con-guide .box-guide .box-openinghours .item dt { margin-bottom: 10px; } }
@media only screen and (min-width: 1025px) { .con-guide .box-guide .box-openinghours .item dd { width: 85%; margin-top: -0.3em; padding-left: 46px; } }
@media print { .con-guide .box-guide .box-openinghours .item dd { width: 85%; margin-top: -0.3em; padding-left: 46px; } }
.ie8 .con-guide .box-guide .box-openinghours .item dd { width: 85%; margin-top: -0.3em; padding-left: 46px; }