@charset "UTF-8";
.guide { width: 100%; }
.guide img { width: 100%; height: auto; }
.guide section { margin-bottom: 2rem; }
.guide-container { padding: 1rem; }
.guide--txt { font-size: 1rem; }
.guide--common-img--area { margin: 2rem 0; }
.guide--detail-multi-area { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
@media (max-width: 767px) { .guide--detail-multi-area { flex-wrap: wrap; justify-content: center; }
  .guide--detail-multi-area.secondary { justify-content: space-between; align-items: flex-start; } }
.guide--detail-multi-area p { line-height: 1.5; }
.guide--detail-multi-area .link-btn { width: calc((100% - 300px)/2); height: 45px; }
@media (max-width: 767px) { .guide--detail-multi-area .link-btn { width: 90%; height: 3.25em; margin-top: 1.5em; } }
.guide--detail-multi-area .icon-list { display: flex; }
.guide--detail-multi-area .icon-list li { display: flex; align-items: center; }
.guide--detail-multi-area .icon-list .icon-list-img { width: 50px; margin-right: 1rem; }
.guide--detail-multi-area .icon-list .icon-list-txt { line-height: 1.5; }
.guide--detail-multi-area .img-area { width: calc(60% - 20px); }
@media (max-width: 767px) { .guide--detail-multi-area .img-area { width: 100%; } }
.guide--detail-multi-area .img-area--secondary { width: 150px; }
@media (max-width: 767px) { .guide--detail-multi-area .img-area--secondary { width: 8.5em; } }
.guide--detail-multi-area .btn-block__2col { width: calc((100% - 300px)/2); }
@media (max-width: 767px) { .guide--detail-multi-area .btn-block__2col { width: 90%; margin-top: 1.5em; } }
.guide--detail-multi-area .text-block__2col { width: calc(100% - 180px); }
@media (max-width: 767px) { .guide--detail-multi-area .text-block__2col { width: 60%; } }
.guide--detail-multi-area .action-btn-list {flex-wrap: wrap;}
.guide--detail-multi-area .action-btn-list li { width: 100%; margin-right: 0; margin-bottom: 1.5rem; }
.guide--detail-multi-area .action-btn-list li:last-child { margin-bottom: 0; }
.guide--detail-multi-area .action-btn-list .link-btn-secondary { height: 45px; }
@media (max-width: 767px) { .guide--detail-multi-area .action-btn-list .link-btn-secondary { height: 3.25em; } }
.guide .summary-text { line-height: 1.7; margin-bottom: 0.5em; }
.guide .summary-text.center { text-align: center; }
@media (max-width: 767px) { .guide .summary-text { line-height: 1.5; } }
@media (max-width: 767px) { .guide .text-small { font-size: .875rem; } }

.global-hdg2-s { position: relative; padding-bottom: 1.25rem; border-bottom: 3px solid #B6B6B6; font-size: 1.75rem; margin-top: calc(120px - 0.6rem); margin-bottom: calc(80px - 0.75rem); margin-top: calc(80px - 0.6rem); }
@media (max-width: 767px) { .global-hdg2-s { position: relative; padding-bottom: 1.25rem; border-bottom: 3px solid #B6B6B6; font-size: 1.5rem; margin-top: calc(60px - 0.6rem); margin-bottom: calc(45px - 0.75rem); line-height: 1.2; } }
.global-hdg2-s::after { position: absolute; content: " "; border-bottom: solid 3px #E5002D; bottom: -3px; width: 8%; display: block; }

/*
 //継承
 .wrapper { height: 100%; width: 100%; background-color: #fff; } .content { @extend .wrapper { background-color: #ff0211; } }
%message-shared { border: 1px solid #ccc; padding: 10px; color: #333;
}

.message { @extend %message-shared;
}

.success { @extend %message-shared; border-color: green;
}

//スタイルの共有

//@mixin xxx {}
//@include xxx


@mixin baseButton($bg-color) { border: 1px solid #333; background-color: $bg-color;   @media (min-width: 992px) {  }
}

.danger-button { @include baseButton(#ff0000);
}




*/