@charset "UTF-8";

.guide h3 {font-size:1.33em; border-bottom: 1px solid #222; padding-bottom: 20px; margin-bottom: 40px;}
.guide h4 {font-size:1.33em; margin-bottom:20px; color:#09a284;}
.guide h4 img {width:100%;}
.guide p {margin-bottom:8px; line-height:1.4em;}
.guide .textbox {margin-bottom:40px;}
.guide .textbox dd span {font-weight:500; width:70px; display:inline-block;}

.guide .textbox table {margin-top:15px; width:100%; text-align: center;}
.guide .textbox th, .guide .textbox table td {border:1px solid rgba(0,0,0,0.1); padding:20px; line-height:1.7em; font-size:0.888888em; vertical-align:middle; width:auto; display:table-cell; letter-spacing:0;}
.guide .textbox table th {text-align:center; background:#f4f6f9; word-break:keep-all; width:20%; }
.guide .textbox table td {width:80%;}
.guide .textbox table td span {display:inline-block;}
.guide .textbox table td span::before {content:'/'; color:#ddd; font-weight:100; margin:0 10px;}
.guide .textbox table td span:first-child::before {display:none;}
.guide .textbox dd {margin-bottom:40px;}

.guide .flex {gap:40px; }
.guide .flex figure {width:55%; box-shadow:0 5px 10px rgba(0,0,0,0.2); border-radius:10px; overflow: hidden;}
.guide .flex figure img {width:100%; height:auto;}
.guide .guide_menu {width:45%; position:relative;}
.guide_menu dl {padding:20px; border:1px solid rgba(0,0,0,0.1); background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 10px; position: absolute;}
.guide_menu dt {font-weight:600; margin-bottom:5px; color:#d91b5c;}
.guide_menu dd {font-size:0.888888em; line-height:1.4em;}

.guide_menu dl:nth-child(1) {top:1.5%;}
.guide_menu dl:nth-child(2) {top:13%;}
.guide_menu dl:nth-child(3) {top:29.5%;}
.guide_menu dl:nth-child(4) {top:45%;}
.guide_menu dl:nth-child(5) {top:63%;}
.guide_menu dl:nth-child(6) {top:78.5%;}
.guide_menu dl:nth-child(7) {top:88%;}

@media screen and (max-width:1120px) {
  .guide .flex {align-items: flex-start;}
.guide_menu dl:nth-child(n+1) {position:relative; top:unset; margin-bottom:20px;}
}

@media screen and (max-width:820px) {
  .guide .flex {display:block; }
  .guide .flex figure {width:100%; margin-bottom:20px;}
  .guide .guide_menu {width:100%;}
  .guide .textbox table td span {display:block; }
  .guide .textbox table td span::before {display:none;}

}