@charset "UTF-8";
/* CSS Document */

.ArticleSubSection--content #mailmag .headline p {color: rgb(38,39,38);}

.richtext #mailmag {max-width:726px; margin: 0 auto;}
.richtext #mailmag {max-width:600px;}
.richtext #mailmag .headline {padding-top:10px;background-color: rgb(240,239,235); border-bottom:15px #ff4773 solid;}
@media (prefers-color-scheme: dark) {
  .richtext #mailmag .headline {border-bottom:15px #85052e solid;}
}
.richtext #mailmag .headline figure.hd_swiss {padding:0 0 1em 2em;}
.richtext #mailmag .headline figure.hd_swiss img {width:90px;height:auto;}
.richtext #mailmag .headline h1.hd_img {max-width:532px; height:auto; margin:0 auto;}
.richtext #mailmag .headline h1.hd_img img {border-radius: 14px;}
@media (max-width: 599px) {
  .richtext #mailmag .headline h1.hd_img {padding: 0 0.875em;}
}
.richtext #mailmag .headline p {margin: 0; padding:1em 2em 2em 2em;}

.richtext #mailmag .colomn .colomn-img {margin:0 auto; position:relative;}
@media (max-width: 767px) {
  .richtext #mailmag .colomn .colomn-img {width:auto; max-width:100%;}
  .richtext #mailmag .colomn .colomn-img img {width:100%;}
}
.richtext #mailmag .colomn .colomn-img img {width:100%; border-radius: 14px;}
.richtext #mailmag .colomn h2 {margin:1.75em 0 0.666em 0;}
@media (max-width: 1600px) {
  .richtext #mailmag .colomn h2 {font-size: calc(18px + .5vw);}
}
.richtext #mailmag .colomn-button {padding-top:10px;}

.richtext #mailmag h2.hd_logo {padding-left:42px; color:#b50024;background-repeat:no-repeat; background-size:contain;}
@media (prefers-color-scheme: dark) {
  .richtext #mailmag h2.hd_logo {color:#da202c;}
}
.richtext #mailmag .hd_topics {background-image:url("https://www1.myswiss.jp/mag/img/common_2025/logo_topics.png");}
.richtext #mailmag .hd_news {background-image:url("https://www1.myswiss.jp/mag/img/common_2025/logo_news.png");}
.richtext #mailmag .hd_event {background-image:url("https://www1.myswiss.jp/mag/img/common_2025/logo_event.png");}

.richtext #mailmag ul.news-list {margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.richtext #mailmag ul.news-list > li {margin: 0; padding:1em 0 5.33rem 0; width:47%; position:relative;}
.richtext #mailmag ul.news-list > li::before {content: none; width:0;}
.richtext #mailmag ul.news-list h3 {margin:0.5em 0 0 0;}
.richtext #mailmag ul.news-list .news-list-img img {width:100%; max-width:inherit;}
@media (max-width: 1600px) {
  .richtext #mailmag ul.news-list h3 {font-size: calc(16px + .5vw); font-weight: 400; line-height: 1.2;}
}
@media (max-width: 767px) {
  .richtext #mailmag ul.news-list {margin: 0; display: block;}
  .richtext #mailmag ul.news-list > li {width: 100%;}
}
.richtext #mailmag ul.news-list > li img {border-radius: 14px;}
.richtext #mailmag ul.news-list > li .news-list-button {position:absolute; bottom:10px;}
.richtext #mailmag ul.news-list > li .news-list-button .Button {margin-bottom: 1rem; margin-right: 0;}

.richtext #mag-footer {max-width:726px; margin: 1rem auto 0 auto; padding:20px; background-color: rgb(240,239,235); box-sizing:boreder-box;}
.richtext #mag-footer {max-width:600px;}
.richtext #mag-footer h3 {margin: 0; font-size: 14px; font-sweight:700;}
.richtext #mag-footer .mg-list {margin:1rem 0 0 0; font-size: 14px; display:flex;}
.richtext #mag-footer .mg-list > li {margin:0 1em 0 0; padding:0;}
.richtext #mag-footer .mg-list > li:last-child {margin:0 0 0 0;}
.richtext #mag-footer .mg-list > li::before {content: none; width:0;}
@media (prefers-color-scheme: dark) {
  .richtext #mag-footer h3 {color:rgb(39,39,38);}
}