@charset "utf-8";
/* Common
====================================== */
#main-schooltrip {
  color: #555555;
  font-family: maru-maru-gothic-clr-stdn, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.aligin-item-top {
  align-items: flex-start;
}
.partition-bottom-dash {
  border-bottom: 2px dashed rgba(255, 255, 255, 0.8);
}
.arrow-link:before {
  content: url("../img/arrow_link.png");
  margin-right: 5px;
}
/* for PC
====================================== */
@media (min-width: 641px) {
  .material-symbols-outlined {
    font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
    vertical-align: -4px;
    margin-right: 5px;
  }
  #main-schooltrip {
    border-bottom: 2px dashed #ceb96f;
    padding-left: 30px;
    padding-right: 30px;
    background-image: url(../img/summer/bg.png);
    background-position: center top;
    padding-top: 30px; /*background-repeat: repeat-y;
    background-size: cover;*/
    border-top: 2px dashed #7BCCD9;
  }
  .contents-schooltrip {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
  }
  .sec-maintitile {
    background-image: url(../img/summer/maintitle_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }
  .maintitile {
    max-width: 572px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px
  }
  .read-schooltrip {
    margin-top: 30px;
    color: #1b6d7c;
    font-size: 24px;
    line-height: 1.8;
    text-align: center !important;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .partition-img {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .secin {
    border: 2px dashed #FFFFFF;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
  }
  #shcooltrip .sec-title {
    margin-top: 0 !important;
    background-image: none !important;
  }
  #sec1 {
    background-color: #d3e6f3;
    padding: 10px;
    margin-bottom: 60px;
  }
  #sec1 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4b72b2;
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px;
  }
  .kazarikei {
    max-width: 255px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .sec-column-half {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .column-half {
    width: 49%;
    margin-bottom: 50px;
  }
  .hundle {
    max-width: 299px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    line-height: 0;
  }
  .sec-txt {
    padding: 40px;
    background-color: #FEFBFB;
    margin-top: 0;
    border-radius: 60px;
  }
  #sec1 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4873AC;
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  .sec-txt p {
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
  }
  #sec1 .maisuu {
    width: 11em;
    margin-left: auto;
    margin-right: auto;
    background-color: #2788b3;
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .maisuu span {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
  }
  .sec-item-box {
    width: 48%;
  }
  .item-ph {
    line-height: 0;
  }
  .item-spec {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 20px;
  }
  .item-spec span {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    margin-right: 10px;
  }
  .sec-btn-item-detail {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .btn-item-detail {
    width: 100%;
    background-color: #F98686;
    padding: 10px;
    text-align: center;
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
  }
  .sec-btn-item-detail a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .sec-btn-item-detail a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .btn-item-detail:hover {
    background-color: #D66464;
  }
  .sec-attention-box-half {
    width: calc(48% - 64px);
    background-color: #FFFBED;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border: 2px dotted #DFA1A4;
    border-radius: 30px;
  }
  .attention-mark {
    max-width: 75px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .attention-item {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .attention-item-ph1 {
    max-width: 160px;
    margin-bottom: 20px;
  }
  .attention-item-txt p {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    color: #555555;
    margin-bottom: 10px;
  }
  .attention-item-txt p span {
    font-size: 18px;
    font-weight: 400;
    margin-left: 10px;
  }
  .sec-link-text {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .link-text {
    font-size: 18px;
    line-height: 1.6;
    margin-right: 1.5em;
    display: inline-block;
  }
  .link-text a:link {
    color: #CE5B1D;
    text-decoration: none;
  }
  .link-text a:visited {
    color: #CE5B1D;
    text-decoration: none;
  }
  .link-text a:hover {
    color: #F98586;
  }
  .banner {
    margin-top: 0px;
  }
  .banner-cap {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
  }
  #sec2 {
    background-color: #CCECD0;
    padding: 10px;
    margin-bottom: 60px;
  }
  #sec2 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2F7F39;
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 60px;
  }
  #sec2 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2F7F39;
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #sec2 .maisuu {
    width: 11em;
    margin-left: auto;
    margin-right: auto;
    background-color: #5A8B60;
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .sec-illust {
    width: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .margin-btm-cl {
    margin-bottom: 0 !important;
  }
  #sec3 {
    background-color: #C6EAED;
    padding: 10px;
    margin-bottom: 60px;
  }
  #sec3 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2b7177;
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 60px;
  }
  #sec3 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2b7177;
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #sec3 .maisuu {
    width: 11em;
    margin-left: auto;
    margin-right: auto;
    background-color: #56a5ac;
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .sec-attention-box {
    width: calc(100% - 64px);
    background-color: #FFFBED;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border: 2px dotted #DFA1A4;
    border-radius: 30px;
  }
  .attention-item-ph2 {
    max-width: 437px;
    margin-bottom: 20px;
  }
  .attention-item-ph3 {
    max-width: 200px;
    margin-bottom: 20px;
  }
  .sec-btn-item-detail-half {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }
  .btn-item-detail-half {
    width: calc(48% - 20px);
    background-color: #F98686;
    padding: 10px;
    text-align: center;
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
  }
  .sec-btn-item-detail-half a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .sec-btn-item-detail-half a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .btn-item-detail:hover {
    background-color: #D66464;
  }
  #sec4 {
    background-color: #D6EDC5;
    padding: 10px;
    margin-bottom: 60px;
  }
  #sec4 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #41721e;
    font-size: 40px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 60px;
  }
  #sec4 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #41721e;
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #sec4 .maisuu {
    width: 11em;
    margin-left: auto;
    margin-right: auto;
    background-color: #56a5ac;
    font-size: 18px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .sec5-h2-titile h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    text-align: center;
  }
  .sec-related-links {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
  }
  .related-links-left {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .sec-related-links h3 {
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .related-links-right {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .btn-related-links {
    width: 70%;
    background-color: #F98686;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
  }
  .related-links-left a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .related-links-left a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .related-links-right a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .related-links-right a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .btn-related-links:hover {
    background-color: #D66464;
  }
  .br-sp {
    display: none;
  }
  /* added on 2023.05.03
	----------------------------------- */
  .sawayaka-logo {
    max-width: 200px;
	  margin-left: auto;
	  margin-right: auto;
  }
	.sec-link-box {
		width: 48%;
	}
}
/* for SP
====================================== */
@media (max-width: 640px) {
  .material-symbols-outlined {
    font-variation-settings: 'FILL'0, 'wght'500, 'GRAD'0, 'opsz'24;
    vertical-align: -4px;
    margin-right: 5px;
    font-size: 20px !important;
  }
  #main-schooltrip {
    margin-top: 80px;
    border-bottom: 2px dashed #ceb96f;
    background-image: url("../img/bg_sp.png");
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
  }
  .contents-schooltrip {
    max-width: 100%;
    padding-bottom: 30px;
  }
  .maintitile {
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }
  .read-schooltrip {
    margin-top: 20px;
    color: #1b6d7c;
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-left: 20px;
    padding-right: 20px;
  }
  .partition-img {
    max-width: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .secin {
    border: 2px dashed #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  #shcooltrip .sec-title {
    margin-top: 0 !important;
    background-image: none !important;
  }
  #sec1 {
    background-color: #d3e6f3;
    padding: 10px;
    margin-bottom: 40px;
  }
  #sec1 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4b72b2;
    font-size: 28px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 20px;
  }
  .kazarikei {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 20px
  }
  .sec-column-half {
    display: flex;
    flex-wrap: wrap;
  }
  .column-half {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .hundle {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    line-height: 0;
  }
  .sec-txt {
    width: calc(100% - 40px);
    padding: 20px;
    background-color: #FEFBFB;
    margin-top: 0;
    border-radius: 30px;
  }
  .sec-txt p {
    font-size: 18px;
    line-height: 1.6;
    text-align: left;
  }
  #sec1 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4873AC;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #sec1 .maisuu {
    width: calc(100% - 14px);
    margin-left: auto;
    margin-right: auto;
    background-color: #2788b3;
    font-size: 16px;
    color: #FFFFFF;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .maisuu span {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
  }
  .sec-item-box {
    width: 48%;
  }
  .item-ph {
    line-height: 0;
  }
  .item-spec {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
  }
  .item-spec span {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    margin-right: 10px;
  }
  .sec-btn-item-detail {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .btn-item-detail {
    width: 100%;
    background-color: #F98686;
    padding: 10px;
    text-align: center;
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .sec-btn-item-detail a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .sec-btn-item-detail a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .btn-item-detail:hover {
    background-color: #D66464;
    margin-bottom: 10px;
  }
  .sec-attention-box-half {
    width: calc(80% - 34px);
    background-color: #FFFBED;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    border: 2px dotted #DFA1A4;
    border-radius: 20px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }
  .attention-mark {
    max-width: 75px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .attention-item {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .attention-item-ph1 {
    max-width: 120px;
    margin-bottom: 20px;
  }
  .attention-item-txt p {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #555555;
    margin-bottom: 10px;
  }
  .attention-item-txt p span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
  }
  .sec-link-text {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .link-text {
    font-size: 16px;
    line-height: 1.8;
    margin-right: 1.5em;
    display: inline-block;
  }
  .link-text a:link {
    color: #CE5B1D;
    text-decoration: none;
  }
  .link-text a:visited {
    color: #CE5B1D;
    text-decoration: none;
  }
  .link-text a:hover {
    color: #F98586;
  }
  .banner {
    margin-top: 20px;
  }
  .banner-cap {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
  }
  #sec2 {
    background-color: #CCECD0;
    padding: 10px;
    margin-bottom: 40px;
  }
  #sec2 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2F7F39;
    font-size: 28px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 20px;
  }
  #sec2 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2F7F39;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #sec2 .maisuu {
    width: calc(100% - 14px);
    margin-left: auto;
    margin-right: auto;
    background-color: #5A8B60;
    font-size: 16px;
    color: #FFFFFF;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .sec-illust {
    display: none;
  }
  .margin-btm-cl {
    margin-bottom: 0 !important;
  }
  #sec3 {
    background-color: #C6EAED;
    padding: 10px;
    margin-bottom: 40px;
  }
  #sec3 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2b7177;
    font-size: 28px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 20px;
  }
  #sec3 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #2b7177;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #sec3 .maisuu {
    width: calc(100% - 14px);
    margin-left: auto;
    margin-right: auto;
    background-color: #56a5ac;
    font-size: 16px;
    color: #FFFFFF;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .sec-attention-box {
    width: calc(100% - 34px);
    background-color: #FFFBED;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    border: 2px dotted #DFA1A4;
    border-radius: 20px;
  }
  .attention-item-ph2 {
    max-width: 437px;
    margin-bottom: 20px;
  }
  .attention-item-ph3 {
    max-width: 140px;
    margin-bottom: 10px;
  }
  .sec-btn-item-detail-half {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .btn-item-detail-half {
    width: calc(80% - 20px);
    background-color: #F98686;
    padding: 10px;
    text-align: center;
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .sec-btn-item-detail-half a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .sec-btn-item-detail-half a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .btn-item-detail-half:hover {
    background-color: #D66464;
    margin-bottom: 20px;
  }
  #sec4 {
    background-color: #D6EDC5;
    padding: 10px;
    margin-bottom: 30px;
  }
  #sec4 .sec-title h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #41721e;
    font-size: 28px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 20px;
  }
  #sec4 .sec-txt h3 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #41721e;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  #sec4 .maisuu {
    width: 11em;
    margin-left: auto;
    margin-right: auto;
    background-color: #56a5ac;
    font-size: 18px;
    font-size: 16px;
    color: #FFFFFF;
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    margin-top: 20px;
    text-align: center;
    border-radius: 20px;
  }
  .sec5-h2-titile h2 {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    text-align: center;
  }
  .sec-related-links {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .related-links-left {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .sec-related-links h3 {
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .related-links-right {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .btn-related-links {
    width: calc(80% - 40px);
    background-color: #F98686;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-family: maru-maru-gothic-clr-stdn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
  }
  .related-links-left a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .related-links-left a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .related-links-right a:link {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .related-links-right a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
  }
  .btn-related-links:hover {
    background-color: #D66464;
  }
  .br-pc {
    display: none;
  }
  /* added on 2023.05.03
	----------------------------------- */
  .sawayaka-logo {
    max-width: 100%;
	  margin-left: auto;
	  margin-right: auto;
  }
	.sec-link-box {
		width: 90%;
		margin-top: 20px;
	  margin-left: auto;
	  margin-right: auto;
	}
}