@charset "UTF-8";
  article.page h2,
article.lp h2 {
font-size: clamp(1.375rem, 1.278rem + 0.37vw, 1.5rem);
font-weight: normal;
text-align: center;
width: -moz-fit-content;
width: fit-content;
margin: 3em auto 1.5em;
font-family: "Shippori Mincho", serif;
font-weight: 500;
border-color: #d1e8b2;
}
@media only screen and (max-width: 420px) {
article.page h2,
article.lp h2 {
font-size: clamp(1.125rem, 0.979rem + 0.56vw, 1.313rem);
}
}
.wp-block-media-text.overlap_content {
position: relative;
}
.wp-block-media-text.overlap_content figure.wp-block-media-text__media {
width: 100%;
height: 100%;
}
.wp-block-media-text.overlap_content figure.wp-block-media-text__media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-media-text.overlap_content figure.wp-block-media-text__media:after {
content: "";
display: block;
width: 100%;
height: 100%;
background: linear-gradient(to right, transparent 45%, #f8f7f5 100%);
position: absolute;
top: 0;
bottom: 0;
}
.wp-block-media-text.overlap_content .wp-block-media-text__content {
margin-left: -35%;
z-index: 2;
padding: 0;
}
.wp-block-media-text.overlap_content .wp-block-media-text__content .wp-block-heading {
margin-top: 1em;
color: #e57501;
border-bottom: none;
border: none;
padding-left: 0;
font-family: "Shippori Mincho", serif;
font-weight: 600;
}
@media only screen and (max-width: 840px) {
.wp-block-media-text.overlap_content .wp-block-media-text__content {
margin-left: -50%;
}
}
@media only screen and (max-width: 740px) {
.wp-block-media-text.overlap_content {
grid-template-columns: 100% !important;
}
.wp-block-media-text.overlap_content figure.wp-block-media-text__media:after {
content: none;
}
.wp-block-media-text.overlap_content .wp-block-media-text__content {
position: relative;
top: unset;
bottom: unset;
margin-left: unset;
grid-column: 1;
grid-row: 2;
padding: 15px 0;
}
.wp-block-media-text.overlap_content .wp-block-media-text__content .wp-block-heading {
margin-top: 1.5em;
font-family: "Shippori Mincho", serif;
font-weight: 600;
}
}
.wp-block-media-text.overlap_content.has-media-on-the-right .wp-block-media-text__media:after {
background: linear-gradient(to left, transparent 45%, #f8f7f5 100%);
}
.wp-block-media-text.overlap_content.has-media-on-the-right .wp-block-media-text__content {
margin-left: unset;
margin-right: -35%;
z-index: 2;
}
@media only screen and (max-width: 840px) {
.wp-block-media-text.overlap_content.has-media-on-the-right .wp-block-media-text__content {
margin-right: -50%;
}
}
@media only screen and (max-width: 740px) {
.wp-block-media-text.overlap_content.has-media-on-the-right {
grid-template-columns: 100% !important;
}
.wp-block-media-text.overlap_content.has-media-on-the-right .wp-block-media-text__media {
grid-row: 1;
grid-column: 1;
}
.wp-block-media-text.overlap_content.has-media-on-the-right .wp-block-media-text__content {
position: relative;
top: unset;
bottom: unset;
margin-left: unset;
margin-right: unset;
grid-row: 2;
grid-column: 1;
padding: 15px 0;
}
}
.wp-block-media-text.overlap_content.no-gradation .wp-block-media-text__media:after {
content: none;
}
.wp-block-media-text.overlap_content.no-gradation .wp-block-media-text__content p {
text-shadow: 1px 1px 5px #f8f7f5, -1px 0px 5px #f8f7f5, 0px -1px 5px #f8f7f5, -1px -1px 5px #f8f7f5;
}
.wp-block-media-text.overlap_content.fit-content .wp-block-media-text__content {
margin-left: 0;
margin-right: 0;
padding-left: 8%;
}
@media only screen and (max-width: 740px) {
.wp-block-media-text.overlap_content.fit-content .wp-block-media-text__content {
padding-left: 0;
}
}
.wp-block-media-text.overlap_content.fit-content.has-media-on-the-right .wp-block-media-text__content {
padding-right: 8%;
}
@media only screen and (max-width: 740px) {
.wp-block-media-text.overlap_content.fit-content.has-media-on-the-right .wp-block-media-text__content {
padding-right: 0;
}
} .wp-block-columns.order-method {
justify-content: center;
gap: 30px;
}
.wp-block-columns.order-method .wp-block-column {
flex-grow: unset;
flex-basis: unset;
width: calc(50% - 15px);
max-width: 280px;
border: 2px solid;
padding: 10px;
background: #fff;
border-radius: 6px;
}
.wp-block-columns.order-method .wp-block-column .vk_icon {
margin-bottom: 0;
}
.wp-block-columns.order-method .wp-block-column p {
margin: 0;
}
@media only screen and (max-width: 768px) {
.wp-block-columns.order-method .wp-block-column p {
font-size: clamp(0.75rem, 0.653rem + 0.37vw, 0.875rem);
}
}
@media only screen and (max-width: 440px) {
.wp-block-columns.order-method {
gap: 15px;
}
.wp-block-columns.order-method .wp-block-column {
width: calc(50% - 7.5px);
}
}
figure.wp-block-table.time-zone-specification table td {
text-align: center;
}
@media only screen and (max-width: 670px) {
figure.wp-block-table.time-zone-specification table td {
writing-mode: vertical-rl;
vertical-align: middle;
}
figure.wp-block-table.time-zone-specification table td span {
text-combine-upright: all;
}
}
@media only screen and (max-width: 320px) {
figure.wp-block-table.time-zone-specification table td {
display: block;
writing-mode: unset;
vertical-align: unset;
}
figure.wp-block-table.time-zone-specification table td span {
text-combine-upright: unset;
}
}
.guide_list {
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
@media only screen and (max-width: 460px) {
.guide_list {
gap: 10px;
}
}
.guide_list .guide_list_item {
flex: 1;
text-align: center;
padding: 10px 0;
background: #dddddd;
border-radius: 6px;
}
@media only screen and (max-width: 1080px) {
.guide_list .guide_list_item {
flex: unset;
padding: 10px;
}
}
@media only screen and (max-width: 1055px) {
.guide_list .guide_list_item {
width: calc(33.3% - 10px);
}
}
@media only screen and (max-width: 460px) {
.guide_list .guide_list_item {
width: calc(50% - 5px);
}
}
.guide_list .guide_list_item.active {
background: #fdba75;
}
.guide_list .guide_list_item a:after {
content: "\f107";
font-family: "Font Awesome 6 Free";
font-weight: bold;
display: block;
line-height: 1;
}
.wp-block-group.fit-content {
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
.law-table table th {
white-space: nowrap;
}
@media only screen and (max-width: 460px) {
.law-table table th {
background: #e0e0e0;
}
.law-table table th,
.law-table table td {
display: block;
width: 100%;
}
}