@charset "UTF-8";
 body, h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, strong {
font-family: "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif !important;
}
body {
opacity: 0;
transition: opacity 0.2s;
}
body.loaded {
opacity: 1;
}
.container {
font-size: clamp(12px, 9.888px + 0.564vw, 18px);
}
a {
color: #9FBE70;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
font-size: inherit;
margin: 0;
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
line-height: 1;
}
p, span {
font-weight: normal;
line-height: 1;
}
.entry-content p {
margin: 0;
}
p:empty {
display: none;
}
br {
display: none !important;
}
.entry-content table tr:nth-child(even),
.modal-body table tr:nth-child(even) {
background: none;
}
button {
line-height: 1;
padding: 0;
box-shadow: none !important;
text-shadow: none;
}
table tr:nth-child(even) {
background: none !important;
}
ul, ol, li, dl, dt, dd {
line-height: 1;
padding: 0;
margin: 0;
}
.entry-content li {
padding: 0;
margin: 0;
}
figure {
margin: 0;
}
img {
width: 100%;
max-width: none;
}
a {
border: none !important;
}
a:hover {
border: none !important;
}
.container.single-staff {
width: 100%;
}
input {
box-shadow: none !important;
}
input:hover {
box-shadow: none !important;
}
#kad-mobile-banner-sticky-wrapper {
display: none;
}
#sticky-wrapper.sticky-wrapper {
height: 0 !important;
}
.kad-header-menu-outer.headerclass, .mobile-headerclass {
background: transparent;
}
#kad-mobile-banner #mobile-logo a {
width: -moz-max-content;
width: max-content;
}
.kad-header-menu-inner.container {
width: 98%;
padding: 0;
}
.amagasaki_header {
font-size: clamp(12px, 9.888px + 0.564vw, 18px);
background-color: #fff;
display: grid;
grid-template-columns: 1fr auto;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
width: 100%;
z-index: 1010;
}
@media screen and (min-width: 1025px) {
.amagasaki_header {
height: auto;
display: block;
}
}
.header_logo {
height: 6.1em;
padding-left: 2.7vw;
}
@media screen and (min-width: 768px) {
.header_logo {
width: 90.3%;
padding: 0;
margin-inline: auto;
}
}
.header_logo a {
color: inherit;
display: flex;
max-width: -moz-max-content;
max-width: max-content;
height: 100%;
flex-direction: column;
justify-content: center;
gap: 0.5em 0;
}
.header_logo a img {
width: 9.2em;
}
@media screen and (min-width: 768px) {
.header_logo a img {
width: 10.3em;
}
}
.header_logo a p {
font-size: 1.15em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.header_logo a p {
font-size: 0.8em;
}
}
button.header_menu--button {
height: 100%;
background: none;
position: relative;
transition: all 0.4s;
aspect-ratio: 1;
z-index: 30;
cursor: pointer;
}
@media screen and (min-width: 1025px) {
button.header_menu--button {
display: none;
}
}
body.open_menu button.header_menu--button::before {
opacity: 1;
}
button.header_menu--button div {
width: 40%;
height: 1px;
background-color: #45496A;
position: absolute;
left: 50%;
top: 50%;
transition: all 0.4s;
}
button.header_menu--button div:first-of-type {
transform: translate(-50%, calc(-50% - 7px)) rotate(0deg) scaleX(1);
}
body.open_menu button.header_menu--button div:first-of-type {
transform: translate(-50%, -50%) rotate(35deg) scaleX(1.2);
}
button.header_menu--button div:nth-of-type(2) {
transform: translate(-50%, -50%) scaleX(1);
transform-origin: left;
}
body.open_menu button.header_menu--button div:nth-of-type(2) {
transform: translate(-50%, -50%) scaleX(0);
}
button.header_menu--button div:nth-of-type(3) {
transform: translate(-50%, calc(-50% + 7px)) rotate(0deg);
transform-origin: left;
}
body.open_menu button.header_menu--button div:nth-of-type(3) {
transform: translate(-50%, -50%) rotate(-35deg) scaleX(1.2);
transform-origin: center;
}
.header_menu--container {
width: 100%;
background-color: #0878C4;
grid-column: span 2;
display: grid;
grid-template-rows: 0fr;
transition: all 0.5s;
}
@media screen and (min-width: 1025px) {
.header_menu--container {
display: block;
position: relative;
}
}
.open_menu .header_menu--container {
grid-template-rows: 1fr;
}
.header_menu--container .img {
width: 83%;
max-width: 30em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.header_menu--container .img {
display: none;
}
}
nav.header_menu--nav {
width: 89.5%;
max-width: 30em;
margin-inline: auto;
overflow: hidden;
}
@media screen and (min-width: 1025px) {
nav.header_menu--nav {
width: 100%;
max-width: none;
padding: 0.8em 0;
}
}
@media screen and (min-width: 1025px) {
ul.header_menu--ul {
max-width: 1440px;
margin-inline: auto;
display: grid;
grid-template-columns: auto auto auto auto;
}
}
ul.header_menu--ul > li {
list-style: none;
position: relative;
}
ul.header_menu--ul > li:not(:last-of-type) {
border-bottom: 1px solid #fff;
}
@media screen and (min-width: 1025px) {
ul.header_menu--ul > li:not(:last-of-type) {
border-bottom: none;
border-right: 1px solid #fff;
}
}
ul.header_menu--ul > li > a {
color: #fff;
font-size: 1.15em;
font-weight: bold;
max-width: -moz-max-content;
max-width: max-content;
padding: 1.4em 0 1.4em 0.5em;
display: flex;
align-items: center;
gap: 0 0.3em;
}
@media screen and (min-width: 768px) {
ul.header_menu--ul > li > a {
font-size: 0.9em;
}
}
@media screen and (min-width: 1025px) {
ul.header_menu--ul > li > a {
padding: 0.2em 0;
margin-inline: auto;
}
}
ul.header_menu--ul > li > a img {
width: 1.4em;
}
@media screen and (min-width: 768px) {
ul.header_menu--ul > li > a img {
width: 1.5em;
}
}
ul.header_menu--ul > li:hover a {
opacity: 0.7;
}
#wrapper.container {
overflow: clip;
}
#inner-wrap {
position: relative;
}
#inner-wrap .main {
overflow: clip;
}
.common_button {
background-color: #fff;
width: 15.85em;
height: 4.75em;
margin-inline: auto;
border-radius: 10em;
display: flex;
justify-content: center;
}
@media screen and (min-width: 768px) {
.common_button {
width: 15em;
height: 4.45em;
}
}
.common_button.blue01 {
color: #498BB7;
border: 3px solid #498BB7;
}
.common_button.blue02 {
color: #2C9AE5;
border: 3px solid #2C9AE5;
}
.common_button:hover {
opacity: 0.7;
}
.common_button span {
font-size: 1.15em;
line-height: 1.2;
font-weight: bold;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@media screen and (min-width: 768px) {
.common_button span {
font-size: 0.9em;
}
}
.common_button span br {
display: block !important;
}
.common_button span::before {
content: "\f054";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 50%;
right: 1.4em;
translate: 0 -50%;
transition: all 0.4s;
}
@media screen and (min-width: 768px) {
.common_button span::before {
font-size: 0.8em;
}
}
section {
position: relative;
}
.FP_header {
height: 100svh;
min-height: -moz-max-content;
min-height: max-content;
padding: 8em 0 2.5em;
display: flex;
align-items: end;
position: relative;
}
@media screen and (min-width: 768px) {
.FP_header {
height: auto;
}
}
@media screen and (min-width: 1025px) {
.FP_header {
padding: 13.3em 0 5.3em;
}
}
.FP_header h1 {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
padding: 0;
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(0px 0px 99.9% 99.9%);
}
.FP_header--container {
width: 100%;
position: relative;
}
@media screen and (min-width: 768px) {
.FP_header--container {
width: 98%;
max-width: 1300px;
padding-bottom: 5.9em;
margin-inline: auto;
display: grid;
grid-template: auto 1fr/auto auto;
justify-content: space-between;
align-items: start;
gap: 1.7em 0;
}
}
.FP_header--container .text_box {
margin-bottom: 1.5em;
position: relative;
}
@media screen and (min-width: 768px) {
.FP_header--container .text_box {
max-width: -moz-max-content;
max-width: max-content;
margin: 0;
grid-column: 1/3;
grid-row: 1/2;
z-index: 1;
}
}
.FP_header--container .text_box p.text01 {
color: #fff;
font-size: 1.35em;
font-weight: 500;
font-family: "M PLUS 1p" !important;
max-width: -moz-max-content;
max-width: max-content;
margin: 0 auto 2em;
padding: 0.6em 1.4em;
background-color: #0878C4;
border-radius: 10em;
}
@media screen and (min-width: 768px) {
.FP_header--container .text_box p.text01 {
padding: 0.55em 1.35em;
margin: 0;
position: absolute;
right: 0;
top: 0;
translate: 4em 0;
}
}
.FP_header--container .text_box p.text01 span {
font-size: 1.25em;
font-weight: 500;
font-family: "M PLUS 1p" !important;
}
@media screen and (min-width: 768px) {
.FP_header--container .text_box p.text01 span {
font-size: 1.5em;
}
}
.FP_header--container .text_box p.text02 {
color: #0878C4;
font-size: 2.65em;
font-weight: 600;
font-family: "M PLUS 1p" !important;
line-height: 1.4;
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.FP_header--container .text_box p.text02 {
line-height: 1.65;
letter-spacing: 0.05em;
margin-inline: 0;
}
}
.FP_header--container .text_box p.text02 span {
font-size: 1.5em;
font-weight: 600;
font-family: "M PLUS 1p" !important;
paint-order: stroke fill;
-webkit-text-stroke: 10px #fff;
}
@media screen and (min-width: 768px) {
.FP_header--container .text_box p.text02 span {
font-size: 1.35em;
margin-right: 0.2em;
}
}
.FP_header--container .text_box p.text02 br {
display: block !important;
}
@media screen and (min-width: 768px) {
.FP_header--container .text_box p.text02 br.br_sp {
display: none !important;
}
}
.FP_header--bg {
height: 55%;
position: absolute;
top: 31.5%;
z-index: 0;
}
@media screen and (min-width: 768px) {
.FP_header--bg {
width: 100%;
height: 18em;
top: auto;
bottom: 0;
}
}
.FP_header--bg img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 768px) {
.FP_header--bg img {
-o-object-fit: contain;
object-fit: contain;
}
}
.FP_header--img {
width: 14.7em;
margin: 0 auto 1.5em;
position: relative;
}
@media screen and (min-width: 768px) {
.FP_header--img {
width: 22.85em;
margin: 0;
grid-column: 2/3;
grid-row: 1/3;
}
}
ul.FP_header--ul {
width: 29.6em;
margin-inline: auto;
list-style: none;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
gap: 0 0.4em;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul {
width: 36.1em;
margin: 0;
gap: 0 2.2em;
}
}
ul.FP_header--ul li {
padding-top: 0.5em;
background-color: rgba(255, 254, 233, 0.9);
border: 3px solid #0878C4;
border-radius: 50%;
list-style: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul li {
padding: 0 0 0.3em;
}
}
ul.FP_header--ul li::before {
content: "";
border: 1px dashed #0878c4;
border-radius: 50%;
position: absolute;
inset: 0.3em;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul li::before {
inset: 0.35em;
border-width: 2px;
}
}
ul.FP_header--ul li p {
text-align: center;
color: #0878c4;
font-weight: bold;
position: relative;
}
ul.FP_header--ul li p.text {
font-size: 1.35em;
padding-bottom: 0.2em;
margin-bottom: 0.3em;
}
@media screen and (min-width: 1025px) {
ul.FP_header--ul li p.text {
padding-bottom: 0.3em;
margin-bottom: 0.4em;
}
}
ul.FP_header--ul li p.text::before {
content: "";
width: 4.5em;
height: 1px;
background-color: #0878c4;
position: absolute;
left: 50%;
bottom: 0;
translate: -50% 0;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul li p.text::before {
width: 4.9em;
}
}
ul.FP_header--ul li p.text span {
font-weight: 600;
font-family: "M PLUS 1p" !important;
display: block;
line-height: 1.2;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul li p.text span {
line-height: 1.4;
}
}
ul.FP_header--ul li p.text span.small {
font-size: 0.75em;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul li p.text span.small {
font-size: 0.8em;
}
}
ul.FP_header--ul li p.note {
font-weight: 600;
font-family: "M PLUS 1p" !important;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul li p.note {
font-size: 0.85em;
}
}
ul.FP_header--ul li p.note br {
display: block !important;
}
@media screen and (min-width: 768px) {
ul.FP_header--ul li p.note br {
display: none !important;
}
}
.FP_caution--container {
width: 92%;
padding: 1.5em 0 1.6em;
margin-inline: auto;
background-color: #FEF3F3;
border: 3px solid #E21834;
border-radius: 10px;
display: grid;
grid-template-columns: auto auto;
justify-content: center;
align-items: start;
gap: 0.8em 0.35em;
position: relative;
}
@media screen and (min-width: 768px) {
.FP_caution--container {
width: 98%;
max-width: 1300px;
padding: 1.75em 9em 1.75em 3.9em;
grid-template-columns: auto 1fr;
justify-content: start;
align-items: center;
gap: 0 1.1em;
}
}
.FP_caution--container .icon {
width: 1.65em;
justify-self: right;
}
@media screen and (min-width: 768px) {
.FP_caution--container .icon {
width: 3.65em;
margin: 0;
grid-row: 1/3;
}
}
.FP_caution--container p.text {
color: #E21834;
font-size: 1.65em;
font-weight: bold;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.FP_caution--container p.text {
font-size: 1.8em;
line-height: 1.6;
}
}
.FP_caution--container p.text br.br_sp {
display: block !important;
}
@media screen and (min-width: 768px) {
.FP_caution--container p.text br.br_sp {
display: none !important;
}
}
.FP_caution--container p.note {
color: #E21834;
font-size: 1.15em;
font-weight: bold;
line-height: 1.6;
grid-column: 1/3;
}
@media screen and (min-width: 768px) {
.FP_caution--container p.note {
font-size: 0.9em;
margin: 0;
grid-column: 2/3;
}
}
.FP_caution--container .img {
display: none;
}
@media screen and (min-width: 768px) {
.FP_caution--container .img {
width: 5.05em;
display: block;
position: absolute;
right: 3.9em;
top: 50%;
translate: 0 -50%;
}
}
section.FP_section .section_container {
width: 92%;
padding: 2.4em 1.4em;
margin-inline: auto;
background-color: #fff;
border: 3px solid #B9D4F2;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 768px) {
section.FP_section .section_container {
width: 98%;
max-width: 1300px;
padding: 2.8em 3.7em;
}
}
.anchor {
margin-top: -7em;
padding-top: 7em;
position: absolute;
}
@media screen and (min-width: 1025px) {
.anchor {
margin-top: -9.5em;
padding-top: 9.5em;
}
}
hgroup.section_hgroup {
margin-bottom: 2.7em;
}
@media screen and (min-width: 768px) {
hgroup.section_hgroup {
margin-bottom: 3em;
}
}
hgroup.section_hgroup h2 {
color: #0878C4;
font-size: 2em;
font-weight: bold;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: 0.4em;
}
@media screen and (min-width: 768px) {
hgroup.section_hgroup h2 {
font-size: 1.8em;
margin-bottom: 0.3em;
}
}
hgroup.section_hgroup h2 br {
display: block !important;
}
@media screen and (min-width: 768px) {
hgroup.section_hgroup h2 br {
display: none !important;
}
}
hgroup.section_hgroup p {
font-weight: 600;
font-family: "Lexend" !important;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
hgroup.section_hgroup p {
font-size: 1.1em;
}
}
hgroup.section_hgroup p br {
display: block !important;
}
@media screen and (min-width: 768px) {
hgroup.section_hgroup p br {
display: none !important;
}
}
section.FP_section.guide_section {
padding: 3.3em 0 4.2em;
}
@media screen and (min-width: 768px) {
section.FP_section.guide_section {
padding: 3.4em 0 3.9em;
}
}
ul.FP_guide--ul {
padding: 0;
margin-bottom: 2.5em;
list-style: none;
}
@media screen and (min-width: 768px) {
ul.FP_guide--ul {
margin-bottom: 2.8em;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 1.1em;
}
}
ul.FP_guide--ul li {
list-style: none;
}
@media screen and (min-width: 768px) {
ul.FP_guide--ul li {
display: grid;
grid-template-rows: subgrid;
grid-row: span 4;
}
}
ul.FP_guide--ul li:not(:last-of-type) {
margin-bottom: 2.5em;
}
@media screen and (min-width: 768px) {
ul.FP_guide--ul li:not(:last-of-type) {
margin: 0;
}
}
ul.FP_guide--ul li h3 {
text-align: center;
color: #fff;
font-size: 1.65em;
font-weight: bold;
letter-spacing: 0.2em;
line-height: 1.6;
padding: 0.45em 0;
margin-bottom: 1.5em;
border-radius: 10em;
}
@media screen and (min-width: 768px) {
ul.FP_guide--ul li h3 {
font-size: 1.35em;
padding: 0.5em 0;
margin-bottom: 0.8em;
}
}
ul.FP_guide--ul li:first-of-type h3 {
background-color: #F58D4F;
}
ul.FP_guide--ul li:nth-of-type(2) h3 {
background-color: #034CAA;
}
ul.FP_guide--ul li > p {
text-align: center;
font-size: 1.35em;
font-weight: bold;
line-height: 1.6;
max-width: -moz-max-content;
max-width: max-content;
padding: 0 1.4em;
margin: 0 auto 1.85em;
position: relative;
}
@media screen and (min-width: 768px) {
ul.FP_guide--ul li > p {
font-size: 1.1em;
margin: 0 auto 0.8em;
align-self: center;
}
}
ul.FP_guide--ul li > p::before, ul.FP_guide--ul li > p::after {
position: absolute;
top: 50%;
translate: 0 -50%;
}
ul.FP_guide--ul li > p::before {
content: "＼";
left: 0;
}
ul.FP_guide--ul li > p::after {
content: "／";
right: 0;
}
ul.FP_guide--ul li > p br.br_sp {
display: block !important;
}
@media screen and (min-width: 768px) {
ul.FP_guide--ul li > p br.br_sp {
display: none !important;
}
}
ul.FP_guide--ul li:first-of-type > p {
color: #F58D4F;
}
ul.FP_guide--ul li:nth-of-type(2) > p {
color: #034CAA;
}
ul.FP_guide--ul li .map {
background-color: #d9d9d9;
aspect-ratio: 2/1;
}
dl.FP_guide--dl {
margin-bottom: 2.5em;
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl {
margin-bottom: 1.7em;
display: grid;
grid-template-columns: 5em 1fr;
gap: 0.5em 0;
}
}
dl.FP_guide--dl > dt {
font-size: 1.25em;
font-weight: bold;
line-height: 1.6;
padding-bottom: 0.65em;
margin-bottom: 0.85em;
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dt {
font-size: 0.9em;
min-height: 3.1em;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dt::before, dl.FP_guide--dl > dt::after {
content: "";
width: 1px;
height: 100%;
position: absolute;
top: 50%;
translate: 0 -50%;
}
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dt::before {
left: 0;
}
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dt::after {
right: 0;
}
}
li:first-of-type dl.FP_guide--dl > dt {
color: #F58D4F;
border-bottom: 1px solid #FFD4BB;
}
@media screen and (min-width: 768px) {
li:first-of-type dl.FP_guide--dl > dt::before, li:first-of-type dl.FP_guide--dl > dt::after {
background-color: #FFD4BB;
}
}
li:nth-of-type(2) dl.FP_guide--dl > dt {
color: #034CAA;
border-bottom: 1px solid #819FB4;
}
@media screen and (min-width: 768px) {
li:nth-of-type(2) dl.FP_guide--dl > dt::before, li:nth-of-type(2) dl.FP_guide--dl > dt::after {
background-color: #819FB4;
}
}
dl.FP_guide--dl > dd {
font-size: 1.25em;
font-weight: bold;
line-height: 1.3;
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dd {
font-size: 0.9em;
min-height: 3.1em;
padding: 0.4em 0 0.4em 1.8em;
display: flex;
align-items: center;
}
}
dl.FP_guide--dl > dd:not(:last-of-type) {
margin-bottom: 0.75em;
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dd:not(:last-of-type) {
margin: 0;
}
}
dl.FP_guide--dl > dd a {
color: inherit;
}
dl.FP_guide--dl > dd > span {
font-weight: bold;
}
dl.FP_guide--dl > dd > span span.small {
font-size: 0.8em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dd > span span.small {
font-size: 0.75em;
}
}
dl.FP_guide--dl > dd span.num {
margin-left: 1em;
}
dl.FP_guide--dl > dd dl.time {
display: grid;
grid-template-columns: auto 1fr;
gap: 0.2em 1.5em;
}
dl.FP_guide--dl > dd dl.time dt, dl.FP_guide--dl > dd dl.time dd {
font-weight: bold;
line-height: 1.3;
}
dl.FP_guide--dl > dd dl.time dt span {
font-size: 0.8em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dd dl.time dt span {
font-size: 0.75em;
}
}
dl.FP_guide--dl > dd br {
display: block !important;
}
@media screen and (min-width: 768px) {
dl.FP_guide--dl > dd br.br_sp {
display: none !important;
}
}
@media screen and (min-width: 768px) {
li:first-of-type dl.FP_guide--dl > dd {
border-bottom: 1px solid #FFD4BB;
}
}
@media screen and (min-width: 768px) {
li:nth-of-type(2) dl.FP_guide--dl > dd {
border-bottom: 1px solid #819FB4;
}
}
.FP_guide--calendar {
background-color: #d9d9d9;
position: relative;
aspect-ratio: 2/1;
}
a.FP_guide--zoom {
color: #5ABCFF;
font-size: 1.25em;
font-weight: bold;
text-decoration: underline;
max-width: -moz-max-content;
max-width: max-content;
margin: 0.85em auto 0;
display: block;
}
@media screen and (min-width: 768px) {
a.FP_guide--zoom {
display: none;
}
}
section.FP_section.services_section {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
section.FP_section.services_section {
padding-bottom: 3.9em;
}
}
section.FP_section.services_section .section_container .img {
width: 13.1em;
margin: 0 0 0 auto;
}
@media screen and (min-width: 1025px) {
section.FP_section.services_section .section_container .img {
width: 14em;
position: absolute;
right: 3.9em;
bottom: 3.3em;
}
}
ul.FP_services--ul {
margin-bottom: 2.5em;
counter-reset: number;
}
@media screen and (min-width: 1025px) {
ul.FP_services--ul {
margin-bottom: 0.5em;
}
}
ul.FP_services--ul > li {
font-size: 1.65em;
font-weight: bold;
line-height: 1.4;
padding-left: 2.4em;
list-style: none;
position: relative;
counter-increment: number;
}
@media screen and (min-width: 768px) {
ul.FP_services--ul > li {
white-space: nowrap;
padding-left: 2.3em;
}
}
ul.FP_services--ul > li:not(:last-of-type) {
margin-bottom: 1.6em;
}
@media screen and (min-width: 768px) {
ul.FP_services--ul > li:not(:last-of-type) {
margin-bottom: 1.2em;
}
}
ul.FP_services--ul > li::before {
content: counter(number);
color: #fff;
font-size: 0.8em;
font-family: "Lexend" !important;
width: 2.3em;
background-color: #0878C4;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: -0.2em;
aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
ul.FP_services--ul > li::before {
font-size: 0.7em;
width: 2.35em;
}
}
ul.FP_services--ul > li a {
color: #5ABCFF;
text-decoration: underline;
text-underline-offset: 3px;
}
ul.FP_services--ul > li a:hover {
opacity: 0.7;
}
ul.FP_services--ul > li a::after {
content: "\f08e";
font-size: 0.7em;
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-left: 0.5em;
}
ul.FP_services--ul > li:has(ul) > a {
text-decoration: none;
pointer-events: none;
}
ul.FP_services--ul > li:has(ul) > a::after {
content: none;
}
ul.FP_services--ul > li ul {
padding: 0;
}
@media screen and (min-width: 768px) {
ul.FP_services--ul > li ul {
margin-top: 0.7em;
}
}
ul.FP_services--ul > li ul li {
line-height: 1.4;
list-style: none;
}
@media screen and (min-width: 768px) {
ul.FP_services--ul > li ul li:not(:last-of-type) {
margin-bottom: 0.5em;
}
}
ul.FP_services--ul > li ul li a {
text-underline-offset: 3px;
padding-left: 2em;
position: relative;
}
ul.FP_services--ul > li ul li a::before {
content: "―";
color: #5ABCFF;
position: absolute;
left: 1em;
top: 0;
}
ul.FP_services--ul > li br {
display: block !important;
}
@media screen and (min-width: 768px) {
ul.FP_services--ul > li br {
display: none !important;
}
}
section.FP_section.reservation_section {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
section.FP_section.reservation_section {
padding-bottom: 3.8em;
}
}
ul.FP_reservation--ul {
max-width: 500px;
margin-inline: auto;
padding: 0;
list-style: none;
display: grid;
gap: 2.5em 0;
}
@media screen and (min-width: 768px) {
ul.FP_reservation--ul {
max-width: none;
grid-template-columns: 1fr 1fr;
gap: 0 1.1em;
}
}
ul.FP_reservation--ul li {
padding: 3.9em 0 1.4em;
border-radius: 10px;
list-style: none;
position: relative;
}
@media screen and (min-width: 768px) {
ul.FP_reservation--ul li {
padding: 2.85em 0 2.4em;
}
}
ul.FP_reservation--ul li:first-of-type {
background-color: #498BB7;
}
ul.FP_reservation--ul li:nth-of-type(2) {
background-color: #2C9AE5;
}
ul.FP_reservation--ul li span.tag {
color: #fff;
font-size: 1em;
font-weight: bold;
letter-spacing: 0.1em;
width: 5.65em;
padding: 0.7em 0;
background-color: #E21834;
border-radius: 10px 0;
display: flex;
justify-content: center;
position: absolute;
left: 0;
top: 0;
}
@media screen and (min-width: 768px) {
ul.FP_reservation--ul li span.tag {
font-size: 0.85em;
width: 6.6em;
padding: 0.8em 0;
}
}
ul.FP_reservation--ul li h3 {
text-align: center;
color: #fff;
font-size: 1.65em;
font-weight: bold;
line-height: 1.4;
margin-bottom: 1.1em;
}
@media screen and (min-width: 768px) {
ul.FP_reservation--ul li h3 {
font-size: 1.8em;
margin-bottom: 0.85em;
}
}
section.FP_section.faq_section {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
section.FP_section.faq_section {
padding-bottom: 8em;
}
}
.FP_faq--ul {
list-style: none;
margin: 0;
padding: 0;
}
.FP_faq--ul .FP_faq--li {
list-style: none;
}
.FP_faq--ul .FP_faq--li:not(:last-of-type) {
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.FP_faq--ul .FP_faq--li:not(:last-of-type) {
margin-bottom: 1.3em;
}
}
button.FP_faq_q--button {
text-align: left;
color: #000;
width: 100%;
padding: 1.65em 5.5em 1.65em 4em;
background-color: #fff;
border: 3px solid #0878C4;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 768px) {
button.FP_faq_q--button {
padding: 1.45em 5em;
border-radius: 10em;
}
}
button.FP_faq_q--button .text {
font-size: 1.15em;
font-weight: bold;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
button.FP_faq_q--button .text {
font-size: 0.9em;
}
}
button.FP_faq_q--button::before {
content: "Q";
color: #0878C4;
font-size: 1.65em;
font-family: "Lexend" !important;
font-weight: 500;
line-height: 1;
position: absolute;
left: 1em;
top: 1em;
}
@media screen and (min-width: 768px) {
button.FP_faq_q--button::before {
font-size: 2em;
top: 0.55em;
}
}
button.FP_faq_q--button::after {
content: "+";
position: absolute;
right: 0.7em;
top: 50%;
translate: 0 -50%;
display: flex;
align-items: center;
justify-content: center;
width: 2.2em;
aspect-ratio: 1;
background-color: #0878C4;
border-radius: 50%;
color: #fff;
font-size: 1.5em;
line-height: 1;
}
@media screen and (min-width: 768px) {
button.FP_faq_q--button::after {
width: 2.1em;
}
}
.FP_faq--li.open button.FP_faq_q--button::after {
content: "－";
}
.FP_faq--a {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows 0.4s;
}
.FP_faq--li.open .FP_faq--a {
grid-template-rows: 1fr;
}
.FP_faq_a--content {
overflow: hidden;
}
.FP_faq_a--content > div {
line-height: 1.6;
padding: 1.65em 1.8em 1.65em calc(4em + 2px);
position: relative;
}
@media screen and (min-width: 768px) {
.FP_faq_a--content > div {
padding: 2.2em 5em 1.45em calc(5em + 2px);
}
}
.FP_faq_a--content > div::before {
content: "A";
color: #0878C4;
font-size: 1.65em;
font-family: "Lexend" !important;
font-weight: 500;
line-height: 1;
position: absolute;
left: calc(1.05em + 2px);
top: 1em;
}
@media screen and (min-width: 768px) {
.FP_faq_a--content > div::before {
font-size: 2em;
top: 0.9em;
}
}
.FP_faq_a--content > div > p {
font-size: 1.15em;
font-weight: 500;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.FP_faq_a--content > div > p {
font-size: 0.9em;
}
}
.FP_faq_a--content > div > p:not(:last-of-type) {
margin-bottom: 1.5em;
}
.FP_faq_a--content > div > p br {
display: block !important;
}
.FP_faq_a--content > div h3 {
font-size: 1.15em;
font-weight: bold;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.FP_faq_a--content > div h3 {
font-size: 0.9em;
}
}
.FP_faq_a--content > div > p + h3 {
margin-top: 1.5em;
}
.FP_faq_a--content > div > p + ul.FP_faq_a_content--ul {
margin: 1.5em 0;
}
.FP_faq_a--content > div a {
color: inherit;
text-decoration: underline;
}
ul.FP_faq_a_content--ul {
padding: 0;
counter-reset: number;
}
ul.FP_faq_a_content--ul > li {
font-size: 1.15em;
font-weight: 500;
line-height: 1.6;
list-style: none;
position: relative;
counter-increment: number;
}
@media screen and (min-width: 768px) {
ul.FP_faq_a_content--ul > li {
font-size: 0.9em;
}
}
ul.FP_faq_a_content--ul > li br {
display: block !important;
}
ul.FP_faq_a_content--ul > li p {
font-weight: 500;
line-height: 1.6;
}
ul.FP_faq_a_content--ul > li p:has(.num) {
padding-left: 2.4em;
position: relative;
}
ul.FP_faq_a_content--ul > li p:has(.num) span.num {
line-height: 1.6;
position: absolute;
left: 0;
top: 0;
}
ul.FP_faq_a_content--ul > li ul {
padding: 0;
}
ul.FP_faq_a_content--ul > li ul li {
padding-left: 2.4em;
line-height: 1.6;
list-style: none;
position: relative;
}
ul.FP_faq_a_content--ul > li ul li span.num {
line-height: 1.6;
position: absolute;
left: 1em;
top: 0;
}
ul.FP_faq_a_content--ul.num_ul > li, ul.FP_faq_a_content--ul.dotted_ul > li {
padding-left: 1.2em;
}
ul.FP_faq_a_content--ul.num_ul > li::before, ul.FP_faq_a_content--ul.dotted_ul > li::before {
position: absolute;
left: 0;
top: 0;
}
ul.FP_faq_a_content--ul.num_ul > li::before {
content: counter(number) ".";
}
ul.FP_faq_a_content--ul.dotted_ul > li::before {
content: "・";
}
.amagasaki_footer {
background-color: #EAF4FE;
position: relative;
z-index: 2;
}
#topcontrol .to_the_top {
display: none;
}
button.to_header {
color: #0878C4;
font-family: "Lexend" !important;
width: 5.65em;
padding: 1em 0;
background-color: #fff;
border-radius: 10px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.4em 0;
position: absolute;
right: 0;
bottom: 2.5em;
}
@media screen and (min-width: 768px) {
button.to_header {
font-size: 0.8em;
width: 6em;
padding: 0.7em 0;
right: 0.5em;
bottom: 3em;
}
}
@media screen and (min-width: 1025px) {
button.to_header {
right: 4em;
}
}
button.to_header:hover {
opacity: 0.7;
}
button.to_header img {
width: 38%;
}
footer.footerclass {
padding: 0;
position: relative;
z-index: 1;
}
footer.footerclass .container {
width: 100%;
max-width: none;
}
.footercol1, .footercol2 {
padding: 0;
}
section.footer_contact--section {
width: 80%;
margin-inline: auto;
padding-bottom: 12em;
position: relative;
}
@media screen and (min-width: 768px) {
section.footer_contact--section {
width: 100%;
padding-bottom: 5em;
}
}
ul.footer_contact--ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.footer_contact--ul > li {
list-style: none;
}
ul.footer_contact--ul > li:not(:last-of-type) {
margin-bottom: 4em;
}
@media screen and (min-width: 768px) {
ul.footer_contact--ul > li:not(:last-of-type) {
margin-bottom: 4.5em;
}
}
ul.footer_contact--ul > li > h2 {
text-align: center;
font-size: 1.65em;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.6;
margin-bottom: 1.4em;
}
@media screen and (min-width: 768px) {
ul.footer_contact--ul > li > h2 {
font-size: 1.3em;
letter-spacing: 0;
margin-bottom: 1.4em;
}
}
ul.footer_contact--ul > li > h2 br {
display: block !important;
}
@media screen and (min-width: 768px) {
ul.footer_contact--ul > li > h2 br.br_sp {
display: none !important;
}
}
.footer_contact_tel--telBox {
overflow: hidden;
padding-bottom: 1.5em;
background-color: #FFFEE9;
border-radius: 10px;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox {
width: 80%;
max-width: 815px;
padding: 0;
margin-inline: auto;
display: grid;
grid-template-columns: 13em 1fr;
align-items: center;
gap: 1em 0;
}
}
.footer_contact_tel--telBox h3 {
text-align: center;
color: #fff !important;
font-size: 1.25em;
font-weight: bold;
line-height: 1.6;
height: 3.9em;
margin-bottom: 1.5em;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox h3 {
font-size: 1.1em;
height: 100%;
padding: 2.1em 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
grid-row: span 2;
}
}
.footer_contact_tel--telBox h3 br {
display: block !important;
}
.footer_contact_tel--telBox h3 br.br_pc {
display: none !important;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox h3 br.br_pc {
display: block !important;
}
}
.footer_contact_tel--telBox a {
font-size: 2em;
font-weight: bold;
font-family: "Lexend" !important;
letter-spacing: 0.1em;
max-width: -moz-max-content;
max-width: max-content;
margin: 0 auto 1em;
display: flex;
justify-content: center;
align-items: center;
gap: 0 0.3em;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox a {
margin: 0.2em auto 0;
align-self: end;
}
}
.footer_contact_tel--telBox a:hover {
opacity: 0.7;
}
.footer_contact_tel--telBox a img {
width: 0.85em;
}
.footer_contact_tel--telBox > dl {
text-align: center;
width: 80%;
margin-inline: auto;
display: grid;
justify-content: center;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl {
text-align: left;
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
grid-template-columns: auto 1fr;
align-self: start;
gap: 0.3em;
}
}
.footer_contact_tel--telBox > dl > dt, .footer_contact_tel--telBox > dl > dd {
color: #0878c4;
font-size: 1.15em;
font-weight: bold;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl > dt, .footer_contact_tel--telBox > dl > dd {
font-size: 0.8em;
}
}
.footer_contact_tel--telBox > dl > dt {
margin-bottom: 0.6em;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl > dt {
margin: 0;
}
}
.footer_contact_tel--telBox > dl > dd {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl > dd {
width: 100%;
max-width: none;
}
}
.footer_contact_tel--telBox > dl > dd:not(:last-of-type) {
margin-bottom: 1.6em;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl > dd:not(:last-of-type) {
margin: 0;
}
}
.footer_contact_tel--telBox > dl > dd dl {
gap: 0.3em 1.2em;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl > dd dl {
margin: 0;
display: grid;
gap: 0.3em 0.8em;
grid-template-columns: auto auto;
}
}
.footer_contact_tel--telBox > dl > dd dl.time {
display: grid;
grid-template-columns: auto 1fr;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl > dd dl.time {
grid-template-columns: auto 1fr auto 1fr;
}
}
.footer_contact_tel--telBox > dl > dd dl dt, .footer_contact_tel--telBox > dl > dd dl dd {
line-height: 1.4;
}
.footer_contact_tel--telBox > dl > dd span {
font-size: 0.85em;
font-weight: bold;
}
.footer_contact_tel--telBox > dl > dd br {
display: block !important;
}
@media screen and (min-width: 768px) {
.footer_contact_tel--telBox > dl > dd br {
display: none !important;
}
}
.footer_contact--ul > li:first-of-type .footer_contact_tel--telBox {
border: 3px solid #0878c4;
}
.footer_contact--ul > li:first-of-type .footer_contact_tel--telBox h3 {
background-color: #0878c4;
}
.footer_contact--ul > li:first-of-type .footer_contact_tel--telBox a {
color: #0878c4 !important;
}
.footer_contact--ul > li:first-of-type .footer_contact_tel--telBox dl dt, .footer_contact--ul > li:first-of-type .footer_contact_tel--telBox dl dd {
color: #0878c4;
}
.footer_contact--ul > li:nth-child(2) .footer_contact_tel--telBox {
border: 3px solid #2e7c66;
}
.footer_contact--ul > li:nth-child(2) .footer_contact_tel--telBox h3 {
background-color: #2e7c66;
}
.footer_contact--ul > li:nth-child(2) .footer_contact_tel--telBox a {
color: #2e7c66 !important;
}
.footer_contact--ul > li:nth-child(2) .footer_contact_tel--telBox dl dt, .footer_contact--ul > li:nth-child(2) .footer_contact_tel--telBox dl dd {
color: #2e7c66;
}
.footer_container {
text-align: center;
padding-bottom: 1em;
}
@media screen and (min-width: 768px) {
.footer_container {
width: 98%;
padding: 0 0 2em;
}
}
.footer_container .logo {
width: 15.5em;
margin: 0 auto 1.5em;
}
@media screen and (min-width: 768px) {
.footer_container .logo {
width: 10.3em;
margin: 0 auto 1.2em;
}
}
.footer_container > a {
color: #000 !important;
font-size: 1.3em;
font-weight: bold;
text-decoration: underline;
line-height: 1;
max-width: -moz-max-content;
max-width: max-content;
margin: 0 auto 2.5em;
display: block;
}
@media screen and (min-width: 768px) {
.footer_container > a {
font-size: 0.9em;
margin: 0 auto 1.8em;
}
}
.footer_container > a:hover {
opacity: 0.7;
}
.footer_container small {
text-align: left;
color: #777;
font-size: 0.85em;
line-height: 1.4;
width: 92%;
margin-inline: auto;
display: block;
}
@media screen and (min-width: 768px) {
.footer_container small {
font-size: 0.8em;
}
}
.footer_container small br {
display: block !important;
}
.footerbase {
display: none;
}
.P_header {
height: 16.4em;
padding-top: 8em;
background-color: #009E6B;
border-radius: 0 0 50px 50px;
}
@media screen and (min-width: 768px) {
.P_header {
height: 18.9em;
padding-top: 8.3em;
}
}
.P_header .header_container {
width: 75%;
margin-inline: auto;
display: flex;
align-items: center;
}
@media screen and (min-width: 768px) {
.P_header .header_container {
width: 80.5%;
}
}
.P_header .header_container hgroup h1 {
color: #fff;
font-size: 2em;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.P_header .header_container hgroup h1 {
font-size: 2.35em;
}
}
.P_header .header_container hgroup p {
color: #fff;
font-weight: 600;
font-family: "Lexend" !important;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.P_header .header_container hgroup p {
font-size: 1.1em;
}
}
.P_header .header_container img {
width: auto;
height: 5.4em;
}
@media screen and (min-width: 768px) {
.P_header .header_container img {
height: 7.5em;
}
}
.P_contents .contents_container {
margin-inline: auto;
}
.P_section .section_container {
margin-inline: auto;
}
#content.container.home_news {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#content.container.home_news .row .main {
width: 100%;
padding: 0;
}
.P_header.home_news--header .header_container {
gap: 0 1em;
}
@media screen and (min-width: 768px) {
.P_header.home_news--header .header_container {
gap: 0 2.5em;
}
}
.P_contents.home_news--contents {
padding: 7em 0 0;
}
@media screen and (min-width: 768px) {
.P_contents.home_news--contents {
padding: 8.5em 0 1em;
}
}
.P_contents.home_news--contents .contents_container {
width: 82%;
}
@media screen and (min-width: 768px) {
.P_contents.home_news--contents .contents_container {
width: 98%;
max-width: 1160px;
display: grid;
grid-template-columns: auto 1fr;
gap: 2.8em 2em;
}
}
nav.home_news--nav {
margin-bottom: 3.7em;
}
@media screen and (min-width: 768px) {
nav.home_news--nav {
margin: 0;
}
}
ul.home_news_nav--ul li {
list-style: none;
}
ul.home_news_nav--ul li:not(:last-of-type) {
margin-bottom: 1.8em;
}
ul.home_news_nav--ul li a {
color: #000;
font-size: 1.35em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
ul.home_news_nav--ul li a {
font-size: 1em;
}
}
ul.home_news_nav--ul li a.current {
color: #009E6B;
text-decoration: underline;
}
ul.home_news--ul {
margin-bottom: 3.5em;
border-top: 2px dotted #9F9F9F;
}
@media screen and (min-width: 768px) {
ul.home_news--ul {
width: 95%;
max-width: 45.85em;
margin: 0 0 0 auto;
}
}
ul.home_news--ul li {
list-style: none;
padding: 2.4em 0;
border-bottom: 2px dotted #9F9F9F;
display: grid;
grid-template-columns: auto 1fr;
justify-content: left;
align-items: center;
gap: 1.2em 2em;
}
@media screen and (min-width: 768px) {
ul.home_news--ul li {
padding: 1.6em 0;
gap: 1.2em 1.5em;
}
}
ul.home_news--ul li span.date {
color: #000;
font-size: 1.1em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
ul.home_news--ul li span.date {
font-size: 0.85em;
}
}
ul.home_news--ul li span.tag {
color: #fff;
font-weight: bold;
padding: 0.5em 1em;
border-radius: 0.45em;
justify-self: left;
}
@media screen and (min-width: 768px) {
ul.home_news--ul li span.tag {
font-size: 0.85em;
}
}
ul.home_news--ul li span.tag.locations {
background-color: #E7242E;
}
ul.home_news--ul li span.tag.info {
background-color: #0097E0;
}
ul.home_news--ul li a {
color: #000;
font-size: 1.35em;
font-weight: bold;
line-height: 1.4;
max-width: -moz-max-content;
max-width: max-content;
text-decoration: underline;
grid-column: span 2;
}
@media screen and (min-width: 768px) {
ul.home_news--ul li a {
font-size: 1em;
}
}
ul.home_news--ul li a:hover {
opacity: 0.7;
}
@media screen and (min-width: 768px) {
.home_news--pagination {
grid-column: span 2;
}
}
.home_news--pagination ul.page-numbers {
display: flex;
justify-content: center;
align-items: center;
gap: 0 0.5em;
}
.home_news--pagination ul.page-numbers li {
text-align: center;
font-size: 1.35em;
width: 3em;
list-style: none;
}
@media screen and (min-width: 768px) {
.home_news--pagination ul.page-numbers li {
font-size: 0.9em;
}
}
.home_news--pagination ul.page-numbers li a {
color: #000;
font-weight: bold;
}
.home_news--pagination ul.page-numbers li a i {
font-size: 0.7em;
}
.home_news--pagination ul.page-numbers li span.current {
color: #fff;
font-weight: bold;
background-color: #009E6B;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
aspect-ratio: 1;
}
#content.container.single_news {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#content.container.single_news .row .main {
width: 100%;
padding: 0;
}
.P_header.single_news--header .header_container {
gap: 0 1em;
}
@media screen and (min-width: 768px) {
.P_header.single_news--header .header_container {
gap: 0 2.5em;
}
}
.P_contents.single_news--contents {
padding: 7em 0 0;
}
@media screen and (min-width: 768px) {
.P_contents.single_news--contents {
padding: 7.6em 0 2em;
}
}
.P_contents.single_news--contents .contents_container {
width: 82%;
}
@media screen and (min-width: 768px) {
.P_contents.single_news--contents .contents_container {
width: 98%;
max-width: 825px;
}
}
article.single_news--article .info_box {
list-style: none;
padding: 2.4em 0;
margin-bottom: 3em;
border-top: 2px dotted #9F9F9F;
border-bottom: 2px dotted #9F9F9F;
display: grid;
grid-template-columns: auto 1fr;
justify-content: left;
align-items: center;
gap: 1.2em 2em;
}
@media screen and (min-width: 768px) {
article.single_news--article .info_box {
padding: 1.6em 0;
gap: 1.2em 1.5em;
}
}
article.single_news--article .info_box span.date {
color: #000;
font-size: 1.1em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
article.single_news--article .info_box span.date {
font-size: 0.85em;
}
}
article.single_news--article .info_box span.tag {
color: #fff;
font-weight: bold;
padding: 0.5em 1em;
border-radius: 0.45em;
justify-self: left;
}
@media screen and (min-width: 768px) {
article.single_news--article .info_box span.tag {
font-size: 0.85em;
}
}
article.single_news--article .info_box span.tag.locations {
background-color: #E7242E;
}
article.single_news--article .info_box span.tag.info {
background-color: #0097E0;
}
article.single_news--article .info_box h2 {
color: #000;
font-size: 1.35em;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0;
max-width: -moz-max-content;
max-width: max-content;
text-decoration: underline;
grid-column: span 2;
}
@media screen and (min-width: 768px) {
article.single_news--article .info_box h2 {
font-size: 1em;
}
}
article.single_news--article .content_box {
margin-bottom: 3.5em;
}
article.single_news--article .content_box p {
font-size: 1.25em;
font-weight: 500;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
article.single_news--article .content_box p {
font-size: 0.9em;
}
}
article.single_news--article .content_box p br {
display: block !important;
}
.P_header.P_services--header {
padding-top: 7.2em;
}
@media screen and (min-width: 768px) {
.P_header.P_services--header {
padding-top: 8.3em;
}
}
.P_header.P_services--header .header_container {
position: relative;
}
@media screen and (min-width: 768px) {
.P_header.P_services--header .header_container {
gap: 0 2em;
}
}
.P_header.P_services--header .header_container hgroup h1 br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_header.P_services--header .header_container hgroup h1 br {
display: none !important;
}
}
.P_header.P_services--header .header_container hgroup p br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_header.P_services--header .header_container hgroup p br {
display: none !important;
}
}
.P_header.P_services--header .header_container img {
height: 6.2em;
position: absolute;
right: 0;
top: 50%;
translate: 50% -50%;
}
@media screen and (min-width: 768px) {
.P_header.P_services--header .header_container img {
height: 7.5em;
position: relative;
top: auto;
translate: 0 0;
}
}
nav.P_services--nav {
width: 88%;
margin: 3.4em auto 4.2em;
}
@media screen and (min-width: 768px) {
nav.P_services--nav {
width: 98%;
max-width: 1300px;
margin: 3.9em auto;
}
}
nav.P_services--nav ul {
display: flex;
flex-direction: column;
gap: 1.25em 0;
}
@media screen and (min-width: 768px) {
nav.P_services--nav ul {
flex-direction: row;
flex-wrap: wrap;
gap: 1.2em;
}
}
nav.P_services--nav ul li {
list-style: none;
}
nav.P_services--nav ul li a {
color: #fff;
font-size: 1.15em;
font-weight: bold;
line-height: 1.4;
padding: 0.8em 1.5em;
background-color: #009E6B;
border-radius: 5em;
display: block;
position: relative;
}
@media screen and (min-width: 768px) {
nav.P_services--nav ul li a {
font-size: 1em;
padding: 0.9em 3.1em 0.9em 1.4em;
}
}
nav.P_services--nav ul li a::before {
content: "\f078";
font-size: 0.9em;
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
right: 1.5em;
top: 50%;
translate: 0 -50%;
}
@media screen and (min-width: 768px) {
nav.P_services--nav ul li a::before {
font-size: 0.7em;
right: 2em;
}
}
nav.P_services--nav ul li a span {
font-size: 0.9em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
nav.P_services--nav ul li a span {
font-size: 0.8em;
}
}
nav.P_services--nav ul li a br {
display: block !important;
}
@media screen and (min-width: 768px) {
nav.P_services--nav ul li a br {
display: none !important;
}
}
section.P_services--section.section01 {
margin-bottom: 3.4em;
}
section.P_services--section.section01 .section_container {
width: 88%;
padding: 3em 2.5em;
border: 3px solid #009E6B;
border-radius: 10px;
}
@media screen and (min-width: 768px) {
section.P_services--section.section01 .section_container {
width: 98%;
max-width: 1300px;
padding: 2.1em 3.9em 3em;
}
}
section.P_services--section.section01 .section_container hgroup {
text-align: center;
margin-bottom: 3.2em;
}
@media screen and (min-width: 768px) {
section.P_services--section.section01 .section_container hgroup {
margin-bottom: 1.8em;
}
}
section.P_services--section.section01 .section_container hgroup h2 {
font-size: 1.7em;
font-weight: bold;
line-height: 1.6;
margin-bottom: 0.8em;
}
@media screen and (min-width: 768px) {
section.P_services--section.section01 .section_container hgroup h2 {
font-size: 2.1em;
margin-bottom: 0.1em;
}
}
section.P_services--section.section01 .section_container hgroup h2 br {
display: block !important;
}
@media screen and (min-width: 768px) {
section.P_services--section.section01 .section_container hgroup h2 br {
display: none !important;
}
}
section.P_services--section.section01 .section_container hgroup p {
font-size: 1.5em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
section.P_services--section.section01 .section_container hgroup p {
font-size: 1.35em;
}
}
section.P_services--section.section01 .section_container p {
font-size: 1.25em;
font-weight: bold;
line-height: 1.8;
}
@media screen and (min-width: 768px) {
section.P_services--section.section01 .section_container p {
font-size: 1em;
}
}
section.P_services--section.pop-up_section {
margin-bottom: 3.4em;
}
section.P_services--section.pop-up_section .section_container {
width: 88%;
padding: 3em 2.5em;
background-color: #FEF3F3;
border-radius: 10px;
}
@media screen and (min-width: 768px) {
section.P_services--section.pop-up_section .section_container {
width: 98%;
max-width: 1300px;
padding: 2.9em 3.9em;
display: grid;
grid-template: 1fr auto/auto 63.7%;
justify-content: space-between;
gap: 1em 0;
}
}
section.P_services--section.pop-up_section .section_container hgroup {
margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
section.P_services--section.pop-up_section .section_container hgroup {
margin: 0;
}
}
section.P_services--section.pop-up_section .section_container hgroup h2 {
font-size: 2em;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
section.P_services--section.pop-up_section .section_container hgroup h2 {
font-size: 2.35em;
}
}
section.P_services--section.pop-up_section .section_container hgroup p {
font-weight: 600;
font-family: "Lexend" !important;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
section.P_services--section.pop-up_section .section_container hgroup p {
font-size: 1.1em;
}
}
section.P_services--section.pop-up_section .section_container a.banner {
max-width: 400px;
margin: 0 auto 2.2em;
display: block;
}
@media screen and (min-width: 768px) {
section.P_services--section.pop-up_section .section_container a.banner {
max-width: none;
margin: 0;
grid-row: span 2;
}
}
section.P_services--section.pop-up_section .section_container a.banner:hover {
opacity: 0.7;
}
section.P_services--section.pop-up_section .section_container a.common_button {
color: #E7242E;
background-color: #fff;
border: 2px solid #E7242E !important;
}
section.P_services--section.pop-up_section .section_container a.common_button:hover {
color: #fff;
background-color: #E7242E;
}
section.P_services--section.pop-up_section .section_container a.common_button span::before {
content: "\f08e";
}
.P_services--contents.manga_contents {
margin-bottom: 3.4em;
}
@media screen and (min-width: 768px) {
.P_services--contents.manga_contents {
margin-bottom: 3.9em;
}
}
.P_services--contents.manga_contents .contents_container {
width: 88%;
}
@media screen and (min-width: 768px) {
.P_services--contents.manga_contents .contents_container {
width: 98%;
max-width: 1300px;
}
}
.P_services--contents.manga_contents .contents_container a:hover {
opacity: 0.7;
}
section.P_services--section.service_section {
margin-bottom: 5em;
}
@media screen and (min-width: 768px) {
section.P_services--section.service_section {
margin-bottom: 3.9em;
}
}
section.P_services--section.service_section .section_container {
width: 92%;
padding: 2.8em 1.8em 3.4em;
background-color: #F7F7F7;
border-radius: 10px;
}
@media screen and (min-width: 768px) {
section.P_services--section.service_section .section_container {
width: 98%;
max-width: 1300px;
padding: 2.8em 3.9em;
}
}
h2.P_services--h2 {
margin-bottom: 3em;
display: flex;
align-items: center;
gap: 0 0.6em;
}
@media screen and (min-width: 768px) {
h2.P_services--h2 {
margin-bottom: 2.7em;
gap: 0 1.2em;
}
}
h2.P_services--h2 span.num {
font-size: 1.35em;
color: #fff;
font-family: "Lexend" !important;
font-weight: bold;
width: 2.6em;
aspect-ratio: 1;
background-color: #009E6B;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
h2.P_services--h2 span.num {
font-size: 0.9em;
width: 3em;
min-width: 3em;
}
}
h2.P_services--h2 span.text {
color: #009E6B;
font-size: 1.7em;
font-weight: bold;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
h2.P_services--h2 span.text {
font-size: 2.3em;
}
}
h2.P_services--h2 span.text br {
display: block !important;
}
@media screen and (min-width: 768px) {
h2.P_services--h2 span.text br {
display: none !important;
}
}
p.P_services--text {
font-size: 1.5em;
font-weight: bold;
line-height: 1.6;
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #009E6B;
}
@media screen and (min-width: 768px) {
p.P_services--text {
font-size: 1.65em;
line-height: 1.8;
padding-bottom: 0.6em;
}
}
p.P_services--text br {
display: block !important;
}
@media screen and (min-width: 768px) {
p.P_services--text br.br_sp {
display: none !important;
}
}
.P_services--textBox p {
font-size: 1.25em;
font-weight: bold;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.P_services--textBox p {
font-size: 1em;
}
}
.P_services--textBox p:not(:first-of-type) {
margin-top: 2em;
}
.P_services--textBox p.text span.color_red {
color: #E7242E;
font-weight: bold;
}
.P_services--textBox p.text br {
display: block !important;
}
.P_services--textBox p.note {
margin: 0;
position: relative;
}
@media screen and (min-width: 768px) {
.P_services--textBox p.note {
padding-left: 1.2em;
}
}
.P_services--textBox p.note::before {
content: "※";
}
@media screen and (min-width: 768px) {
.P_services--textBox p.note::before {
position: absolute;
left: 0;
top: 0;
}
}
.P_services--textBox ul li {
font-size: 1.25em;
font-weight: bold;
line-height: 1.6;
list-style: none;
position: relative;
}
@media screen and (min-width: 768px) {
.P_services--textBox ul li {
font-size: 1em;
padding-left: 1.2em;
}
}
.P_services--textBox ul li span {
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.P_services--textBox ul li span {
position: absolute;
left: 0;
top: 0;
}
}
.P_services--messageBox {
margin-top: 4.5em;
}
@media screen and (min-width: 1025px) {
.P_services--messageBox {
margin-top: 4em;
display: grid;
grid-template-columns: min(81%, 51.9em) 1fr;
align-items: center;
gap: 0 3em;
}
}
.P_services--messageBox .box {
padding: 2.2em 0;
margin-bottom: 2.5em;
background-color: #FFFFF8;
border: 2px solid #009E6B;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box {
padding: 2em 1em;
}
}
@media screen and (min-width: 1025px) {
.P_services--messageBox .box {
margin: 0;
}
}
.P_services--messageBox .box::before, .P_services--messageBox .box::after {
content: "";
width: 1.25em;
position: absolute;
left: 50%;
rotate: 45deg;
transform: skew(22deg, 22deg);
translate: -50% 50%;
clip-path: polygon(100% 0, 0 100%, 100% 100%);
aspect-ratio: 1;
}
@media screen and (min-width: 1025px) {
.P_services--messageBox .box::before, .P_services--messageBox .box::after {
width: 2.2em;
left: auto;
top: 50%;
translate: 50% -50%;
transform: skew(-25deg, -25deg);
clip-path: polygon(100% 0%, 0% 0%, 100% 100%);
}
}
.P_services--messageBox .box::before {
background-color: #009E6B;
border-radius: 0 0 0.5em 0;
bottom: -1px;
}
@media screen and (min-width: 1025px) {
.P_services--messageBox .box::before {
border-radius: 0 0.5em 0 0;
bottom: auto;
right: -1px;
}
}
.P_services--messageBox .box::after {
background-color: #fff;
border-radius: 0 0 0.1em 0;
bottom: 3px;
}
@media screen and (min-width: 1025px) {
.P_services--messageBox .box::after {
border-radius: 0 0.1em 0 0;
bottom: auto;
right: 5px;
}
}
.P_services--messageBox .box h3 {
text-align: center;
color: #009E6B;
font-size: 1.4em;
font-weight: bold;
line-height: 1.4;
width: 84%;
margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box h3 {
font-size: 1.45em;
width: auto;
}
}
.P_services--messageBox .box h3 br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box h3 br {
display: none !important;
}
}
.P_services--messageBox .box ul {
width: 89%;
margin-inline: auto;
display: flex;
flex-direction: column;
gap: 1em 0;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box ul {
width: auto;
flex-wrap: wrap;
flex-direction: row;
gap: 1.2em;
}
}
.P_services--messageBox .box ul:not(:last-of-type) {
margin-bottom: 3.5em;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box ul:not(:last-of-type) {
margin-bottom: 2em;
}
}
.P_services--messageBox .box ul li {
list-style: none;
}
.P_services--messageBox .box ul li a {
color: inherit;
font-size: 1.25em;
font-weight: bold;
line-height: 1.4;
text-decoration: underline;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box ul li a {
font-size: 0.85em;
}
}
.P_services--messageBox .box ul li a:hover {
opacity: 0.7;
}
.P_services--messageBox .box ul li a::after {
content: "\f08e";
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-left: 0.5em;
}
.P_services--messageBox .box .button_box {
width: 92%;
max-width: 400px;
padding: 5.6em 0 1.4em;
margin: 2em auto 3.5em;
background-color: #fff;
border: 3px solid #0097E0;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box .button_box {
width: 85%;
max-width: 570px;
padding: 3.6em 0 2.1em;
}
}
.P_services--messageBox .box .button_box span.tag {
color: #fff;
background-color: #E7242E;
border-radius: 10px 0;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.2em;
width: 7em;
padding: 0.85em 0;
display: flex;
justify-content: center;
position: absolute;
left: -3px;
top: -3px;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box .button_box span.tag {
font-size: 0.85em;
width: 6.8em;
padding: 0.8em 0;
}
}
.P_services--messageBox .box .button_box h4 {
text-align: center;
font-size: 1.4em;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.1em;
margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box .button_box h4 {
font-size: 1.3em;
margin-bottom: 1em;
}
}
.P_services--messageBox .box .button_box .common_button {
width: 20.3em;
height: 4.3em;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box .button_box .common_button {
width: 15em;
height: 4.5em;
}
}
.P_services--messageBox .box > p {
text-align: center;
color: #009E6B;
font-size: 1.4em;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.1em;
width: 83%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .box > p {
font-size: 1.45em;
width: auto;
}
}
.P_services--messageBox .box > p a {
color: inherit;
font-weight: bold;
text-decoration: underline;
}
.P_services--messageBox .box > p a:hover {
opacity: 0.7;
}
.P_services--messageBox .img {
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_services--messageBox .img {
margin: 0;
justify-self: center;
}
}
@media screen and (min-width: 768px) {
section.P_services--section.convenience_section .section_container .P_services--messageBox .box ul {
max-width: 750px;
justify-content: space-between;
}
}
section.P_services--section.convenience_section .section_container .P_services--messageBox .img {
width: 5.6em;
}
@media screen and (min-width: 768px) {
section.P_services--section.convenience_section .section_container .P_services--messageBox .img {
width: 6.6em;
}
}
.P_services_convenience--tableBox {
margin: 2.5em 0 1em;
overflow-x: auto;
}
@media screen and (min-width: 1025px) {
.P_services_convenience--tableBox {
margin: 2.5em 0 0.5em;
overflow: hidden;
}
}
table.P_services_convenience--table {
width: 100%;
min-width: 680px;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #CB161C;
border-radius: 10px;
overflow: hidden;
}
table.P_services_convenience--table thead tr, table.P_services_convenience--table tbody tr {
display: grid;
grid-template-columns: 24em repeat(3, 15em);
}
@media screen and (min-width: 1025px) {
table.P_services_convenience--table thead tr, table.P_services_convenience--table tbody tr {
grid-template-columns: 21.5em repeat(3, 1fr);
}
}
table.P_services_convenience--table thead {
background-color: #E7242E;
}
table.P_services_convenience--table thead tr th {
text-align: center;
color: #fff;
font-size: 1.5em;
padding: 0.7em 0;
}
@media screen and (min-width: 768px) {
table.P_services_convenience--table thead tr th {
font-size: 1.4em;
padding: 0.85em 0;
}
}
table.P_services_convenience--table thead tr th:not(:first-of-type) {
border-left: 1px solid #CB161C;
}
table.P_services_convenience--table tbody {
background-color: #fff;
}
table.P_services_convenience--table tbody tr:not(:last-of-type) {
border-bottom: 1px solid #CB161C;
}
table.P_services_convenience--table tbody tr th, table.P_services_convenience--table tbody tr td {
font-size: 1.25em;
font-weight: bold;
padding: 1em 1.4em;
display: flex;
align-items: center;
}
@media screen and (min-width: 768px) {
table.P_services_convenience--table tbody tr th, table.P_services_convenience--table tbody tr td {
font-size: 1.1em;
}
}
table.P_services_convenience--table tbody tr th {
line-height: 1.4;
}
table.P_services_convenience--table tbody tr th br {
display: block !important;
}
table.P_services_convenience--table tbody tr td {
border-left: 1px solid #CB161C;
justify-content: center;
}
p.P_services_convenience--note {
font-size: 1.25em;
font-weight: bold;
line-height: 1.4;
padding-left: 1.2em;
position: relative;
}
@media screen and (min-width: 768px) {
p.P_services_convenience--note {
font-size: 1em;
}
}
p.P_services_convenience--note::before {
content: "※";
position: absolute;
left: 0;
top: 0;
}
@media screen and (min-width: 768px) {
section.P_services--section.online_section .section_container .P_services--messageBox .box ul {
max-width: 800px;
}
}
section.P_services--section.online_section .section_container .P_services--messageBox .img {
width: 4.9em;
}
@media screen and (min-width: 768px) {
section.P_services--section.online_section .section_container .P_services--messageBox .img {
width: 6em;
}
}
@media screen and (min-width: 768px) {
section.P_services--section.reset_section .section_container .P_services--messageBox .box ul {
max-width: 800px;
flex-direction: column;
}
}
section.P_services--section.reset_section .section_container .P_services--messageBox .img {
width: 6em;
}
@media screen and (min-width: 768px) {
section.P_services--section.reset_section .section_container .P_services--messageBox .img {
width: 7.3em;
}
}
section.P_services--section.denshi_section .section_container .P_services--messageBox {
align-items: start;
}
@media screen and (min-width: 1025px) {
section.P_services--section.denshi_section .section_container .P_services--messageBox .box {
padding: 2.5em 0 3.5em;
}
}
@media screen and (min-width: 1025px) {
section.P_services--section.denshi_section .section_container .P_services--messageBox .box::before, section.P_services--section.denshi_section .section_container .P_services--messageBox .box::after {
top: 12.5em;
}
}
section.P_services--section.denshi_section .section_container .P_services--messageBox .img {
width: 5.5em;
}
@media screen and (min-width: 768px) {
section.P_services--section.denshi_section .section_container .P_services--messageBox .img {
width: 6.9em;
}
}
@media screen and (min-width: 1025px) {
section.P_services--section.denshi_section .section_container .P_services--messageBox .img {
margin-top: 7em;
}
}
@media screen and (min-width: 768px) {
section.P_services--section.insurance_section .section_container .P_services--messageBox .box ul {
max-width: 850px;
}
}
section.P_services--section.insurance_section .section_container .P_services--messageBox .img {
width: 10.4em;
}
@media screen and (min-width: 768px) {
section.P_services--section.insurance_section .section_container .P_services--messageBox .img {
width: 10em;
}
}
@media screen and (min-width: 768px) {
section.P_services--section.identification_section .section_container .P_services--messageBox .box ul {
max-width: 850px;
}
}
section.P_services--section.identification_section .section_container .P_services--messageBox .img {
width: 4.9em;
}
@media screen and (min-width: 768px) {
section.P_services--section.identification_section .section_container .P_services--messageBox .img {
width: 6.1em;
}
}
section.P_services--section.e-Tax_section {
margin: 0;
}
@media screen and (min-width: 768px) {
section.P_services--section.e-Tax_section {
margin-bottom: 1em;
}
}
@media screen and (min-width: 768px) {
section.P_services--section.e-Tax_section .section_container .P_services--messageBox .box ul {
max-width: 850px;
}
}
section.P_services--section.e-Tax_section .section_container .P_services--messageBox .img {
width: 7.8em;
}
@media screen and (min-width: 768px) {
section.P_services--section.e-Tax_section .section_container .P_services--messageBox .img {
width: 9.6em;
}
}
h2.page_h2 {
text-align: center;
font-size: 1.65em;
font-weight: bold;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
h2.page_h2 {
font-size: 2.1em;
}
}
h2.page_h2 span {
color: #CB161C;
font-weight: bold;
}
h2.page_h2 br {
display: block !important;
}
@media screen and (min-width: 768px) {
h2.page_h2 br.br_sp {
display: none !important;
}
}
h2.page_h2 br.br_pc {
display: none !important;
}
@media screen and (min-width: 768px) {
h2.page_h2 br.br_pc {
display: block !important;
}
}
.P_header.P_new-application--header .header_container {
gap: 0 2em;
}
@media screen and (min-width: 768px) {
.P_header.P_new-application--header .header_container {
gap: 0 2.5em;
}
}
.P_section.P_new-application--section.section01 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section01 {
padding-bottom: 3.9em;
}
}
.P_section.P_new-application--section.section01 .section_container {
padding: 3em 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section01 .section_container {
padding: 2.8em 0 2.4em;
}
}
.P_section.P_new-application--section.section01 .section_container h2.page_h2 {
margin-bottom: 1.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section01 .section_container h2.page_h2 {
margin-bottom: 1em;
}
}
.P_section.P_new-application--section.section01 .section_container .text_box {
width: 88%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section01 .section_container .text_box {
text-align: center;
}
}
.P_section.P_new-application--section.section01 .section_container .text_box p {
font-size: 1.25em;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section01 .section_container .text_box p {
font-size: 1em;
line-height: 1.8;
}
}
.P_section.P_new-application--section.section01 .section_container .text_box p:not(:last-of-type) {
margin-bottom: 1.8em;
}
.P_section.P_new-application--section.section01 .section_container .text_box p.bold {
font-weight: bold;
}
.P_section.P_new-application--section.section01 .section_container .text_box p br {
display: block !important;
}
.P_section.P_new-application--section.section01 .section_container .text_box p br.br_pc {
display: none !important;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section01 .section_container .text_box p br.br_pc {
display: block !important;
}
}
.P_section.P_new-application--section.section02 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section02 {
padding-bottom: 3.9em;
}
}
.P_section.P_new-application--section.section02 .section_container {
background-color: #F4FEFF;
border: 20px solid #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section02 .section_container {
display: grid;
grid-template-columns: 22.5em auto;
align-items: center;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_new-application--section.section02 .section_container {
grid-template-columns: 27.5em auto;
}
}
.P_section.P_new-application--section.section02 .section_container h2 {
font-size: 2em;
font-weight: bold;
line-height: 1.4;
width: -moz-max-content;
width: max-content;
padding: 1.5em 0;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section02 .section_container h2 {
padding: 0;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_new-application--section.section02 .section_container h2 {
font-size: 2.35em;
}
}
.P_section.P_new-application--section.section02 .section_container h2 span {
color: #CB161C;
font-weight: bold;
}
.P_section.P_new-application--section.section02 .section_container h2 br {
display: block !important;
}
.P_section.P_new-application--section.section02 .section_container .text_box {
padding: 2.5em 0.5em 1em;
background-color: #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section02 .section_container .text_box {
padding: 1.5em 1em 2em 2.8em;
}
}
.P_section.P_new-application--section.section02 .section_container .text_box h3 {
color: #fff;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section02 .section_container .text_box h3 {
font-size: 1.2em;
margin-bottom: 0.7em;
}
}
.P_section.P_new-application--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 3.5em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 2.3em;
}
}
.P_section.P_new-application--section.section02 .section_container .text_box ul li {
color: #fff;
font-size: 1.25em;
font-weight: bold;
line-height: 1.4;
list-style: none;
padding-left: 1em;
position: relative;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section02 .section_container .text_box ul li {
font-size: 0.95em;
}
}
.P_section.P_new-application--section.section02 .section_container .text_box ul li:not(:last-of-type) {
margin-bottom: 0.5em;
}
.P_section.P_new-application--section.section02 .section_container .text_box ul li::before {
content: "・";
position: absolute;
left: 0;
top: 0;
}
.P_section.P_new-application--section.section02 .section_container .text_box ul li span {
font-size: 0.8em;
}
.P_section.P_new-application--section.section03 {
padding-bottom: 4em;
}
.P_section.P_new-application--section.section03 .section_container {
padding: 3.8em 0 2.5em;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section03 .section_container {
padding: 3.5em 0 3.9em;
}
}
.P_section.P_new-application--section.section03 .section_container hgroup {
width: 87%;
margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-application--section.section03 .section_container hgroup {
width: calc(100% - 7.8em);
margin: 0 auto 4em;
}
}
ol.P_new-application_section03--ol {
width: 87%;
max-width: 30em;
margin: 0 auto 2.5em;
display: grid;
gap: 5.2em 0;
}
@media screen and (min-width: 1025px) {
ol.P_new-application_section03--ol {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.9em;
grid-template-columns: 1fr 1fr 1fr;
gap: 0 4.7em;
}
}
ol.P_new-application_section03--ol li {
padding-bottom: 2.5em;
border: 1px solid #CB161C;
border-radius: 10px;
list-style: none;
position: relative;
}
@media screen and (min-width: 768px) {
ol.P_new-application_section03--ol li {
padding-bottom: 2em;
}
}
ol.P_new-application_section03--ol li:not(:last-of-type)::before {
content: "";
width: 3.35em;
height: 1.85em;
background-color: #A8A8A8;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
left: 50%;
bottom: -3.7em;
translate: -50% 0;
}
@media screen and (min-width: 1025px) {
ol.P_new-application_section03--ol li:not(:last-of-type)::before {
width: 2.25em;
height: 1.25em;
bottom: auto;
top: 50%;
left: auto;
right: -3.6em;
translate: 0 -50%;
rotate: -90deg;
}
}
ol.P_new-application_section03--ol li span.step {
text-align: center;
color: #fff;
font-size: 1.5em;
font-weight: 500;
font-family: "Lexend" !important;
letter-spacing: 0.05em;
padding: 0.6em 0;
margin-bottom: 1.2em;
background-color: #CB161C;
border-radius: 10px 10px 0 0;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_new-application_section03--ol li span.step {
font-size: 1.3em;
padding: 0.65em 0;
}
}
ol.P_new-application_section03--ol li .img {
height: 7.7em;
width: -moz-max-content;
width: max-content;
margin: 0 auto 3em;
}
@media screen and (min-width: 768px) {
ol.P_new-application_section03--ol li .img {
height: 5.1em;
margin: 0 auto 1.3em;
}
}
ol.P_new-application_section03--ol li .img img {
width: auto;
height: 100%;
}
ol.P_new-application_section03--ol li h3 {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin: 0 auto 1.2em;
}
@media screen and (min-width: 768px) {
ol.P_new-application_section03--ol li h3 {
font-size: 1.3em;
}
}
ol.P_new-application_section03--ol li p {
font-size: 1.25em;
line-height: 1.5;
width: 83%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
ol.P_new-application_section03--ol li p {
font-size: 1em;
}
}
ol.P_new-application_section03--ol li p br {
display: block !important;
}
ol.P_new-application_section03--ol li p span.note {
font-size: 0.9em;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_new-application_section03--ol li p span.note {
font-size: 0.85em;
}
}
ol.P_new-application_section03--ol li p span.color_red {
color: #CB161C;
font-weight: bold;
}
.P_new-application_section03--messageBox {
width: 88.5%;
max-width: 30em;
margin: 0 auto 3.7em;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--messageBox {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.2em;
display: grid;
grid-template-columns: 1fr auto;
gap: 0 6em;
}
}
.P_new-application_section03--messageBox .box {
margin-bottom: 2.2em;
background-color: #FFFFF8;
border: 2px solid #876E3E;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--messageBox .box {
margin: 0;
display: flex;
align-items: center;
}
}
.P_new-application_section03--messageBox .box::before, .P_new-application_section03--messageBox .box::after {
content: "";
width: 1.25em;
height: 1.25em;
position: absolute;
left: 50%;
rotate: 45deg;
transform: skew(22deg, 22deg);
translate: -50% 60%;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--messageBox .box::before, .P_new-application_section03--messageBox .box::after {
width: 2.25em;
height: 2.25em;
left: auto;
translate: 50% -50%;
transform: skew(-25deg, -25deg);
}
}
.P_new-application_section03--messageBox .box::before {
background-color: #876E3E;
border-radius: 0 0 0.5em 0;
bottom: 0;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--messageBox .box::before {
border-radius: 0 0.5em 0 0;
bottom: auto;
top: 50%;
right: 0;
}
}
.P_new-application_section03--messageBox .box::after {
background-color: #FFFFF8;
border-radius: 0 0 0.1em 0;
bottom: 5px;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--messageBox .box::after {
border-radius: 0 0.1em 0 0;
bottom: auto;
top: 50%;
right: 5px;
}
}
.P_new-application_section03--messageBox .box p.message {
font-size: 1.4em;
font-weight: bold;
line-height: 1.5;
padding: 0.8em 1.9em;
background-color: #FFFFF8;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--messageBox .box p.message {
font-size: 2.1em;
line-height: 1.8;
padding: 0.85em 0.6em 0.85em 0;
width: 92%;
min-width: 14.5em;
margin: 0 0 0 auto;
}
}
.P_new-application_section03--messageBox .box p.message br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_new-application_section03--messageBox .box p.message br {
display: none !important;
}
}
.P_new-application_section03--messageBox .img {
width: 5.6em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--messageBox .img {
width: 6.6em;
}
}
ul.P_new-application_section03--ul {
width: 87%;
max-width: 30em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul {
width: calc(100% - 7.8em);
max-width: none;
}
}
ul.P_new-application_section03--ul > li {
padding: 4em 0 2em;
background-color: #FFF4F4;
border-radius: 10px;
list-style: none;
position: relative;
counter-increment: number;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li {
min-height: 10.3em;
padding: 0.5em 0 0.5em 3.3em;
display: grid;
grid-template-columns: min(65%, 39.3em) 1fr;
align-items: center;
}
}
ul.P_new-application_section03--ul > li:not(:last-of-type) {
margin-bottom: 4.3em;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:not(:last-of-type) {
margin-bottom: 2.8em;
}
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:nth-of-type(4), ul.P_new-application_section03--ul > li:nth-of-type(5) {
padding: 2.3em 3.3em;
grid-template-columns: 33.9em auto 1fr;
justify-content: left;
align-items: start;
gap: 0 1.1em;
}
}
@media screen and (min-width: 768px) {
ul.P_new-application_section03--ul > li:nth-of-type(6) {
padding: 2.3em 2em 2.3em 3.3em;
grid-template-columns: auto;
}
}
ul.P_new-application_section03--ul > li::before {
content: counter(number);
color: #fff;
font-size: 1.35em;
font-family: "Lexend" !important;
width: 3em;
background-color: #CB161C;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
translate: 0 -50%;
aspect-ratio: 1;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li::before {
font-size: 0.9em;
}
}
ul.P_new-application_section03--ul > li p {
font-size: 1.5em;
font-weight: bold;
line-height: 1.4;
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li p {
font-size: 1.2em;
line-height: 1.6;
margin: 0;
}
}
ul.P_new-application_section03--ul > li p.small {
font-size: 1.15em;
font-weight: 500;
max-width: 18.3em;
margin-top: 2.8em;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li p.small {
font-size: 0.9em;
max-width: none;
margin: 0;
}
}
ul.P_new-application_section03--ul > li p br {
display: block !important;
}
ul.P_new-application_section03--ul > li:nth-of-type(4) p, ul.P_new-application_section03--ul > li:nth-of-type(5) p {
width: 83%;
margin-bottom: 1.5em;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:nth-of-type(4) p, ul.P_new-application_section03--ul > li:nth-of-type(5) p {
width: 100%;
margin-bottom: 1.8em;
grid-column: span 3;
}
}
ul.P_new-application_section03--ul > li:first-of-type .img {
width: 77%;
margin: 2em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:first-of-type .img {
width: 17.7em;
margin: 0;
}
}
ul.P_new-application_section03--ul > li:nth-of-type(6) p {
max-width: 85%;
}
@media screen and (min-width: 768px) {
ul.P_new-application_section03--ul > li:nth-of-type(6) p {
max-width: none;
}
}
@media screen and (min-width: 768px) {
ul.P_new-application_section03--ul > li:nth-of-type(6) p.small {
margin-top: 1.5em;
}
}
ul.P_new-application_section03--ul > li:nth-of-type(6) > ul {
max-width: 85%;
padding: 0;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:nth-of-type(6) > ul {
max-width: none;
margin: 0;
}
}
ul.P_new-application_section03--ul > li:nth-of-type(6) > ul li {
font-size: 1.15em;
line-height: 1.4;
list-style: none;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:nth-of-type(6) > ul li {
font-size: 0.9em;
}
}
ul.P_new-application_section03--ul > li:nth-of-type(2) .img {
width: 81%;
margin: 2.3em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:nth-of-type(2) .img {
width: 17.4em;
margin: 0;
grid-column: 2/3;
grid-row: 1/3;
}
}
ul.P_new-application_section03--ul > li:nth-of-type(3) .img {
width: 53%;
margin: 2.6em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li:nth-of-type(3) .img {
width: 11.4em;
margin: 0;
}
}
ul.P_new-application_section03--ul > li .arrow_img {
width: 3.4em;
margin: 2.2em auto;
rotate: 90deg;
}
@media screen and (min-width: 1025px) {
ul.P_new-application_section03--ul > li .arrow_img {
width: 2.2em;
margin: 0;
align-self: center;
rotate: 0deg;
}
}
.P_new-application_section03--tableBox {
width: 95%;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_new-application_section03--tableBox {
width: 100%;
height: 100%;
}
}
table.P_new-application_section03--table {
margin: 0;
border: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table {
height: 100%;
}
}
table.P_new-application_section03--table thead {
background-color: #F4FEFF;
border-bottom: 1px solid #707070;
}
table.P_new-application_section03--table thead tr th, table.P_new-application_section03--table thead tr td {
text-align: center;
font-size: 1.15em;
padding: 0.5em 0;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table thead tr th, table.P_new-application_section03--table thead tr td {
font-size: 0.85em;
}
}
table.P_new-application_section03--table thead tr th:first-of-type {
width: 2.4em;
border-right: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table thead tr th:first-of-type {
width: 5em;
}
}
table.P_new-application_section03--table tbody {
background-color: #fff;
}
table.P_new-application_section03--table tbody tr:first-of-type {
border-bottom: 1px solid #707070;
}
table.P_new-application_section03--table tbody tr th, table.P_new-application_section03--table tbody tr td {
font-size: 1.15em;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table tbody tr th, table.P_new-application_section03--table tbody tr td {
font-size: 0.85em;
}
}
table.P_new-application_section03--table tbody tr th:first-of-type {
text-align: center;
border-right: 1px solid #707070;
}
table.P_new-application_section03--table tbody tr td {
padding: 1.2em 1em;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table tbody tr td {
padding: 1.2em;
}
}
table.P_new-application_section03--table tbody tr td ul {
padding: 0;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table tbody tr td ul {
display: grid;
gap: 0.6em 1.5em;
}
}
table.P_new-application_section03--table tbody tr td ul li {
font-weight: 500;
line-height: 1.4;
list-style: none;
}
table.P_new-application_section03--table tbody tr td ul li:not(:last-of-type) {
margin-bottom: 0.4em;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table tbody tr td ul li:not(:last-of-type) {
margin: 0;
}
}
table.P_new-application_section03--table tbody tr td ul li span {
font-size: 0.7em;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table tbody tr td ul li span {
font-size: 0.8em;
}
}
table.P_new-application_section03--table tbody tr td > span {
font-size: 0.7em;
line-height: 1.4;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table tbody tr td > span {
font-size: 0.8em;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table01 tbody tr td ul {
width: 90%;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table01 tbody tr td ul.colums_4 {
width: 86%;
grid-template-columns: auto 1fr auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table01 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table01 tbody tr td ul li.span03 {
grid-column: span 3;
}
}
@media screen and (min-width: 768px) {
table.P_new-application_section03--table.table01 tbody tr td ul li.span_absolute {
position: relative;
}
}
@media screen and (min-width: 768px) {
table.P_new-application_section03--table.table01 tbody tr td ul li.span_absolute span {
line-height: 1.6;
white-space: nowrap;
position: absolute;
bottom: 0;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table01 tbody tr td ul li.row3-4_column1-3 {
grid-row: 3/4;
grid-column: 1/3;
}
}
@media screen and (min-width: 768px) {
table.P_new-application_section03--table.table01 tbody tr td ul li.row3-4_column2-4 {
text-align: right;
grid-row: 3/4;
grid-column: 2/4;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table02 tbody tr td {
padding: 0 0.3em 0 0.6em;
}
}
table.P_new-application_section03--table.table02 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table03 tbody tr td ul {
width: 90%;
min-width: -moz-max-content;
min-width: max-content;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table03 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
@media screen and (min-width: 1025px) {
table.P_new-application_section03--table.table04 tbody tr td {
padding: 0 0.3em 0 0.6em;
}
}
table.P_new-application_section03--table.table04 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
.P_header.P_new-issuance--header .header_container {
gap: 0 1.5em;
}
@media screen and (min-width: 768px) {
.P_header.P_new-issuance--header .header_container {
gap: 0 2.5em;
}
}
.P_section.P_new-issuance--section.section01 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section01 {
padding-bottom: 3.9em;
}
}
.P_section.P_new-issuance--section.section01 .section_container {
padding: 3em 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section01 .section_container {
padding: 2.8em 0 2.4em;
}
}
.P_section.P_new-issuance--section.section01 .section_container h2.page_h2 {
margin-bottom: 1.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section01 .section_container h2.page_h2 {
margin-bottom: 1em;
}
}
.P_section.P_new-issuance--section.section01 .section_container .text_box {
width: 88%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section01 .section_container .text_box {
text-align: center;
}
}
.P_section.P_new-issuance--section.section01 .section_container .text_box p {
font-size: 1.25em;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section01 .section_container .text_box p {
font-size: 1em;
line-height: 1.8;
}
}
.P_section.P_new-issuance--section.section01 .section_container .text_box p:not(:last-of-type) {
margin-bottom: 1.8em;
}
.P_section.P_new-issuance--section.section01 .section_container .text_box p.bold {
font-weight: bold;
}
.P_section.P_new-issuance--section.section01 .section_container .text_box p br {
display: block !important;
}
.P_section.P_new-issuance--section.section01 .section_container .text_box p br.br_pc {
display: none !important;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section01 .section_container .text_box p br.br_pc {
display: block !important;
}
}
.P_section.P_new-issuance--section.section02 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section02 {
padding-bottom: 3.9em;
}
}
.P_section.P_new-issuance--section.section02 .section_container {
background-color: #F4FEFF;
border: 20px solid #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section02 .section_container {
display: grid;
grid-template-columns: 22.5em auto;
align-items: center;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_new-issuance--section.section02 .section_container {
grid-template-columns: 27.5em auto;
}
}
.P_section.P_new-issuance--section.section02 .section_container h2 {
font-size: 2em;
font-weight: bold;
line-height: 1.4;
width: -moz-max-content;
width: max-content;
padding: 1.5em 0;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section02 .section_container h2 {
padding: 0;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_new-issuance--section.section02 .section_container h2 {
font-size: 2.35em;
}
}
.P_section.P_new-issuance--section.section02 .section_container h2 span {
color: #CB161C;
font-weight: bold;
}
.P_section.P_new-issuance--section.section02 .section_container h2 br {
display: block !important;
}
.P_section.P_new-issuance--section.section02 .section_container .text_box {
padding: 2.5em 0.5em 1em;
background-color: #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section02 .section_container .text_box {
padding: 1.5em 1em 2em 2.8em;
}
}
.P_section.P_new-issuance--section.section02 .section_container .text_box h3 {
color: #fff;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section02 .section_container .text_box h3 {
font-size: 1.2em;
margin-bottom: 0.7em;
}
}
.P_section.P_new-issuance--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 3.5em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 2.3em;
}
}
.P_section.P_new-issuance--section.section02 .section_container .text_box ul li {
color: #fff;
font-size: 1.25em;
font-weight: bold;
line-height: 1.4;
list-style: none;
padding-left: 1em;
position: relative;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section02 .section_container .text_box ul li {
font-size: 0.95em;
}
}
.P_section.P_new-issuance--section.section02 .section_container .text_box ul li:not(:last-of-type) {
margin-bottom: 0.5em;
}
.P_section.P_new-issuance--section.section02 .section_container .text_box ul li::before {
content: "・";
position: absolute;
left: 0;
top: 0;
}
.P_section.P_new-issuance--section.section02 .section_container .text_box ul li span {
font-size: 0.8em;
}
.P_section.P_new-issuance--section.section03 {
padding-bottom: 4em;
}
.P_section.P_new-issuance--section.section03 .section_container {
padding: 3.8em 0 2.5em;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section03 .section_container {
padding: 3.5em 0 3.9em;
}
}
.P_section.P_new-issuance--section.section03 .section_container hgroup {
width: 87%;
margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
.P_section.P_new-issuance--section.section03 .section_container hgroup {
width: calc(100% - 7.8em);
margin: 0 auto 4em;
}
}
ol.P_new-issuance_section03--ol {
width: 87%;
max-width: 30em;
margin: 0 auto 2.5em;
display: grid;
gap: 5.2em 0;
}
@media screen and (min-width: 1025px) {
ol.P_new-issuance_section03--ol {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.9em;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0 2.9em;
}
}
ol.P_new-issuance_section03--ol li {
padding-bottom: 2.5em;
border: 1px solid #CB161C;
border-radius: 10px;
list-style: none;
position: relative;
}
@media screen and (min-width: 768px) {
ol.P_new-issuance_section03--ol li {
padding-bottom: 2em;
}
}
ol.P_new-issuance_section03--ol li:not(:last-of-type)::before {
content: "";
width: 3.35em;
height: 1.85em;
background-color: #A8A8A8;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
left: 50%;
bottom: -3.7em;
translate: -50% 0;
}
@media screen and (min-width: 1025px) {
ol.P_new-issuance_section03--ol li:not(:last-of-type)::before {
width: 2.25em;
height: 1.25em;
bottom: auto;
top: 50%;
left: auto;
right: -2.7em;
translate: 0 -50%;
rotate: -90deg;
}
}
ol.P_new-issuance_section03--ol li span.step {
text-align: center;
color: #fff;
font-size: 1.5em;
font-weight: 500;
font-family: "Lexend" !important;
letter-spacing: 0.05em;
padding: 0.6em 0;
margin-bottom: 1.2em;
background-color: #CB161C;
border-radius: 10px 10px 0 0;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_new-issuance_section03--ol li span.step {
font-size: 1.3em;
padding: 0.65em 0;
}
}
ol.P_new-issuance_section03--ol li .img {
height: 7.7em;
width: -moz-max-content;
width: max-content;
margin: 0 auto 3em;
}
@media screen and (min-width: 768px) {
ol.P_new-issuance_section03--ol li .img {
height: 5.1em;
margin: 0 auto 1.3em;
}
}
ol.P_new-issuance_section03--ol li .img img {
width: auto;
height: 100%;
}
ol.P_new-issuance_section03--ol li h3 {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin: 0 auto 1.2em;
}
@media screen and (min-width: 768px) {
ol.P_new-issuance_section03--ol li h3 {
font-size: 1.1em;
margin: 0 auto 1.4em;
}
}
ol.P_new-issuance_section03--ol li p {
font-size: 1.25em;
line-height: 1.5;
width: 83%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
ol.P_new-issuance_section03--ol li p {
font-size: 1em;
}
}
ol.P_new-issuance_section03--ol li p br {
display: block !important;
}
ol.P_new-issuance_section03--ol li p span.note {
font-size: 0.9em;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_new-issuance_section03--ol li p span.note {
font-size: 0.85em;
}
}
ol.P_new-issuance_section03--ol li p span.color_red {
color: #CB161C;
font-weight: bold;
}
.P_new-issuance_section03--messageBox {
width: 88.5%;
max-width: 30em;
margin: 0 auto 3.7em;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--messageBox {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.2em;
display: grid;
grid-template-columns: 1fr auto;
gap: 0 6em;
}
}
.P_new-issuance_section03--messageBox .box {
margin-bottom: 2.2em;
background-color: #FFFFF8;
border: 2px solid #876E3E;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--messageBox .box {
margin: 0;
display: flex;
align-items: center;
}
}
.P_new-issuance_section03--messageBox .box::before, .P_new-issuance_section03--messageBox .box::after {
content: "";
width: 1.25em;
height: 1.25em;
position: absolute;
left: 50%;
rotate: 45deg;
transform: skew(22deg, 22deg);
translate: -50% 60%;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--messageBox .box::before, .P_new-issuance_section03--messageBox .box::after {
width: 2.25em;
height: 2.25em;
left: auto;
translate: 50% -50%;
transform: skew(-25deg, -25deg);
}
}
.P_new-issuance_section03--messageBox .box::before {
background-color: #876E3E;
border-radius: 0 0 0.5em 0;
bottom: 0;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--messageBox .box::before {
border-radius: 0 0.5em 0 0;
bottom: auto;
top: 50%;
right: 0;
}
}
.P_new-issuance_section03--messageBox .box::after {
background-color: #FFFFF8;
border-radius: 0 0 0.1em 0;
bottom: 5px;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--messageBox .box::after {
border-radius: 0 0.1em 0 0;
bottom: auto;
top: 50%;
right: 5px;
}
}
.P_new-issuance_section03--messageBox .box p.message {
font-size: 1.4em;
font-weight: bold;
line-height: 1.5;
padding: 0.8em 1.9em;
background-color: #FFFFF8;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--messageBox .box p.message {
font-size: 2.1em;
line-height: 1.8;
padding: 0.85em 0.6em 0.85em 0;
width: 92%;
min-width: 14.5em;
margin: 0 0 0 auto;
}
}
.P_new-issuance_section03--messageBox .box p.message br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_new-issuance_section03--messageBox .box p.message br {
display: none !important;
}
}
.P_new-issuance_section03--messageBox .img {
width: 5.6em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--messageBox .img {
width: 6.6em;
}
}
ul.P_new-issuance_section03--ul {
width: 87%;
max-width: 30em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul {
width: calc(100% - 7.8em);
max-width: none;
}
}
ul.P_new-issuance_section03--ul > li {
padding: 4em 0 2em;
background-color: #FFF4F4;
border-radius: 10px;
list-style: none;
position: relative;
counter-increment: number;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li {
min-height: 10.3em;
padding: 0.5em 0 0.5em 3.3em;
display: grid;
grid-template-columns: min(65%, 39.3em) 1fr;
align-items: center;
}
}
ul.P_new-issuance_section03--ul > li:not(:last-of-type) {
margin-bottom: 4.3em;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:not(:last-of-type) {
margin-bottom: 2.8em;
}
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(4), ul.P_new-issuance_section03--ul > li:nth-of-type(5) {
padding: 2.3em 3.3em;
grid-template-columns: 33.9em auto 1fr;
justify-content: left;
align-items: start;
gap: 0 1.1em;
}
}
@media screen and (min-width: 768px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(6) {
padding: 2.3em 2em 2.3em 3.3em;
grid-template-columns: auto;
}
}
ul.P_new-issuance_section03--ul > li::before {
content: counter(number);
color: #fff;
font-size: 1.35em;
font-family: "Lexend" !important;
width: 3em;
background-color: #CB161C;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
translate: 0 -50%;
aspect-ratio: 1;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li::before {
font-size: 0.9em;
}
}
ul.P_new-issuance_section03--ul > li p {
font-size: 1.5em;
font-weight: bold;
line-height: 1.4;
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li p {
font-size: 1.2em;
line-height: 1.6;
margin: 0;
}
}
ul.P_new-issuance_section03--ul > li p.small {
font-size: 1.15em;
font-weight: 500;
max-width: 18.3em;
margin-top: 2.8em;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li p.small {
font-size: 0.9em;
max-width: none;
margin: 0;
}
}
ul.P_new-issuance_section03--ul > li p br {
display: block !important;
}
ul.P_new-issuance_section03--ul > li:nth-of-type(4) p, ul.P_new-issuance_section03--ul > li:nth-of-type(5) p {
width: 83%;
margin-bottom: 1.5em;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(4) p, ul.P_new-issuance_section03--ul > li:nth-of-type(5) p {
width: 100%;
margin-bottom: 1.8em;
grid-column: span 3;
}
}
ul.P_new-issuance_section03--ul > li:nth-of-type(6) p {
max-width: 85%;
}
@media screen and (min-width: 768px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(6) p {
max-width: none;
}
}
@media screen and (min-width: 768px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(6) p.small {
margin-top: 1.5em;
}
}
ul.P_new-issuance_section03--ul > li:nth-of-type(6) > ul {
max-width: 85%;
padding: 0;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(6) > ul {
max-width: none;
margin: 0;
}
}
ul.P_new-issuance_section03--ul > li:nth-of-type(6) > ul li {
font-size: 1.15em;
line-height: 1.4;
list-style: none;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(6) > ul li {
font-size: 0.9em;
}
}
ul.P_new-issuance_section03--ul > li:first-of-type .img {
width: 77%;
margin: 2em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:first-of-type .img {
width: 17.7em;
margin: 0;
}
}
ul.P_new-issuance_section03--ul > li:nth-of-type(2) .img {
width: 81%;
margin: 2.3em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(2) .img {
width: 17.4em;
margin: 0;
grid-column: 2/3;
grid-row: 1/3;
}
}
ul.P_new-issuance_section03--ul > li:nth-of-type(3) .img {
width: 53%;
margin: 2.6em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li:nth-of-type(3) .img {
width: 11.4em;
margin: 0;
}
}
ul.P_new-issuance_section03--ul > li .arrow_img {
width: 3.4em;
margin: 2.2em auto;
rotate: 90deg;
}
@media screen and (min-width: 1025px) {
ul.P_new-issuance_section03--ul > li .arrow_img {
width: 2.2em;
margin: 0;
align-self: center;
rotate: 0deg;
}
}
.P_new-issuance_section03--tableBox {
width: 95%;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_new-issuance_section03--tableBox {
width: 100%;
height: 100%;
}
}
table.P_new-issuance_section03--table {
margin: 0;
border: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table {
height: 100%;
}
}
table.P_new-issuance_section03--table thead {
background-color: #F4FEFF;
border-bottom: 1px solid #707070;
}
table.P_new-issuance_section03--table thead tr th, table.P_new-issuance_section03--table thead tr td {
text-align: center;
font-size: 1.15em;
padding: 0.5em 0;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table thead tr th, table.P_new-issuance_section03--table thead tr td {
font-size: 0.85em;
}
}
table.P_new-issuance_section03--table thead tr th:first-of-type {
width: 2.4em;
border-right: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table thead tr th:first-of-type {
width: 5em;
}
}
table.P_new-issuance_section03--table tbody {
background-color: #fff;
}
table.P_new-issuance_section03--table tbody tr:first-of-type {
border-bottom: 1px solid #707070;
}
table.P_new-issuance_section03--table tbody tr th, table.P_new-issuance_section03--table tbody tr td {
font-size: 1.15em;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table tbody tr th, table.P_new-issuance_section03--table tbody tr td {
font-size: 0.85em;
}
}
table.P_new-issuance_section03--table tbody tr th:first-of-type {
text-align: center;
border-right: 1px solid #707070;
}
table.P_new-issuance_section03--table tbody tr td {
padding: 1.2em 1em;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table tbody tr td {
padding: 1.2em;
}
}
table.P_new-issuance_section03--table tbody tr td ul {
padding: 0;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table tbody tr td ul {
display: grid;
gap: 0.6em 1.5em;
}
}
table.P_new-issuance_section03--table tbody tr td ul li {
font-weight: 500;
line-height: 1.4;
list-style: none;
}
table.P_new-issuance_section03--table tbody tr td ul li:not(:last-of-type) {
margin-bottom: 0.4em;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table tbody tr td ul li:not(:last-of-type) {
margin: 0;
}
}
table.P_new-issuance_section03--table tbody tr td ul li span {
font-size: 0.7em;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table tbody tr td ul li span {
font-size: 0.8em;
}
}
table.P_new-issuance_section03--table tbody tr td > span {
font-size: 0.7em;
line-height: 1.4;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table tbody tr td > span {
font-size: 0.8em;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul {
width: 90%;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul.colums_4 {
width: 86%;
grid-template-columns: auto 1fr auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.span03 {
grid-column: span 3;
}
}
@media screen and (min-width: 768px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.span_absolute {
position: relative;
}
}
@media screen and (min-width: 768px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.span_absolute span {
line-height: 1.6;
white-space: nowrap;
position: absolute;
bottom: 0;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.row3-4_column1-3 {
grid-row: 3/4;
grid-column: 1/3;
}
}
@media screen and (min-width: 768px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.row3-4_column2-4 {
text-align: right;
grid-row: 3/4;
grid-column: 2/4;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.row4-4_column1-3 {
grid-row: 4/5;
grid-column: 1/3;
}
}
@media screen and (min-width: 768px) {
table.P_new-issuance_section03--table.table01 tbody tr td ul li.row4-4_column2-4 {
text-align: right;
grid-row: 4/5;
grid-column: 2/4;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table02 tbody tr td {
padding: 0 0.3em 0 0.6em;
}
}
table.P_new-issuance_section03--table.table02 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table03 tbody tr td ul {
width: 90%;
min-width: -moz-max-content;
min-width: max-content;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table03 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
@media screen and (min-width: 1025px) {
table.P_new-issuance_section03--table.table04 tbody tr td {
padding: 0 0.3em 0 0.6em;
}
}
table.P_new-issuance_section03--table.table04 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
.P_header.P_renewal-application--header .header_container {
gap: 0 2em;
}
@media screen and (min-width: 768px) {
.P_header.P_renewal-application--header .header_container {
gap: 0 2.5em;
}
}
.P_section.P_renewal-application--section.section01 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 {
padding-bottom: 3.9em;
}
}
.P_section.P_renewal-application--section.section01 .section_container {
padding: 3em 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 .section_container {
padding: 2.8em 0 2.4em;
}
}
.P_section.P_renewal-application--section.section01 .section_container h2.page_h2 {
margin-bottom: 1.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 .section_container h2.page_h2 {
margin-bottom: 1em;
}
}
.P_section.P_renewal-application--section.section01 .section_container h2.page_h2 span:first-of-type {
margin-bottom: 0.8em;
display: inline-block;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 .section_container h2.page_h2 span:first-of-type {
margin: 0;
}
}
.P_section.P_renewal-application--section.section01 .section_container .text_box {
width: 88%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 .section_container .text_box {
text-align: center;
}
}
.P_section.P_renewal-application--section.section01 .section_container .text_box p {
font-size: 1.25em;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 .section_container .text_box p {
font-size: 1em;
line-height: 1.8;
}
}
.P_section.P_renewal-application--section.section01 .section_container .text_box p:not(:last-of-type) {
margin-bottom: 1.8em;
}
.P_section.P_renewal-application--section.section01 .section_container .text_box p.bold {
font-weight: bold;
}
.P_section.P_renewal-application--section.section01 .section_container .text_box p.bold span {
color: #CB161C;
font-weight: bold;
}
.P_section.P_renewal-application--section.section01 .section_container .text_box p.bold span br {
display: none !important;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 .section_container .text_box p.bold span br {
display: block !important;
}
}
.P_section.P_renewal-application--section.section01 .section_container .text_box p br {
display: block !important;
}
.P_section.P_renewal-application--section.section01 .section_container .text_box p br.br_pc {
display: none !important;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section01 .section_container .text_box p br.br_pc {
display: block !important;
}
}
.P_section.P_renewal-application--section.section02 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section02 {
padding-bottom: 3.9em;
}
}
.P_section.P_renewal-application--section.section02 .section_container {
background-color: #F4FEFF;
border: 20px solid #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section02 .section_container {
display: grid;
grid-template-columns: 22.5em auto;
align-items: center;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_renewal-application--section.section02 .section_container {
grid-template-columns: 27.5em auto;
}
}
.P_section.P_renewal-application--section.section02 .section_container h2 {
font-size: 2em;
font-weight: bold;
line-height: 1.4;
width: -moz-max-content;
width: max-content;
padding: 1.5em 0;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section02 .section_container h2 {
padding: 0;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_renewal-application--section.section02 .section_container h2 {
font-size: 2.35em;
}
}
.P_section.P_renewal-application--section.section02 .section_container h2 span {
color: #CB161C;
font-weight: bold;
}
.P_section.P_renewal-application--section.section02 .section_container h2 br {
display: block !important;
}
.P_section.P_renewal-application--section.section02 .section_container .text_box {
padding: 2.5em 0.5em 1em;
background-color: #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section02 .section_container .text_box {
padding: 1.5em 1em 2em 2.8em;
}
}
.P_section.P_renewal-application--section.section02 .section_container .text_box h3 {
color: #fff;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section02 .section_container .text_box h3 {
font-size: 1.2em;
margin-bottom: 0.7em;
}
}
.P_section.P_renewal-application--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 3.5em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 2.3em;
}
}
.P_section.P_renewal-application--section.section02 .section_container .text_box ul li {
color: #fff;
font-size: 1.25em;
font-weight: bold;
line-height: 1.4;
list-style: none;
padding-left: 1em;
position: relative;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section02 .section_container .text_box ul li {
font-size: 0.95em;
}
}
.P_section.P_renewal-application--section.section02 .section_container .text_box ul li:not(:last-of-type) {
margin-bottom: 0.5em;
}
.P_section.P_renewal-application--section.section02 .section_container .text_box ul li::before {
content: "・";
position: absolute;
left: 0;
top: 0;
}
.P_section.P_renewal-application--section.section02 .section_container .text_box ul li span {
font-size: 0.8em;
}
.P_section.P_renewal-application--section.section03 {
padding-bottom: 4em;
}
.P_section.P_renewal-application--section.section03 .section_container {
padding: 3.8em 0 2.5em;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section03 .section_container {
padding: 3.5em 0 3.9em;
}
}
.P_section.P_renewal-application--section.section03 .section_container hgroup {
width: 87%;
margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-application--section.section03 .section_container hgroup {
width: calc(100% - 7.8em);
margin: 0 auto 4em;
}
}
ol.P_renewal-application_section03--ol {
width: 87%;
max-width: 30em;
margin: 0 auto 2.5em;
display: grid;
gap: 5.2em 0;
}
@media screen and (min-width: 1025px) {
ol.P_renewal-application_section03--ol {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.9em;
grid-template-columns: 1fr 1fr 1fr;
gap: 0 4.7em;
}
}
ol.P_renewal-application_section03--ol li {
padding-bottom: 2.5em;
border: 1px solid #CB161C;
border-radius: 10px;
list-style: none;
position: relative;
}
@media screen and (min-width: 768px) {
ol.P_renewal-application_section03--ol li {
padding-bottom: 2em;
}
}
ol.P_renewal-application_section03--ol li:not(:last-of-type)::before {
content: "";
width: 3.35em;
height: 1.85em;
background-color: #A8A8A8;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
left: 50%;
bottom: -3.7em;
translate: -50% 0;
}
@media screen and (min-width: 1025px) {
ol.P_renewal-application_section03--ol li:not(:last-of-type)::before {
width: 2.25em;
height: 1.25em;
bottom: auto;
top: 50%;
left: auto;
right: -3.6em;
translate: 0 -50%;
rotate: -90deg;
}
}
ol.P_renewal-application_section03--ol li span.step {
text-align: center;
color: #fff;
font-size: 1.5em;
font-weight: 500;
font-family: "Lexend" !important;
letter-spacing: 0.05em;
padding: 0.6em 0;
margin-bottom: 1.2em;
background-color: #CB161C;
border-radius: 10px 10px 0 0;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_renewal-application_section03--ol li span.step {
font-size: 1.3em;
padding: 0.65em 0;
}
}
ol.P_renewal-application_section03--ol li .img {
height: 7.7em;
width: -moz-max-content;
width: max-content;
margin: 0 auto 3em;
}
@media screen and (min-width: 768px) {
ol.P_renewal-application_section03--ol li .img {
height: 5.1em;
margin: 0 auto 1.3em;
}
}
ol.P_renewal-application_section03--ol li .img img {
width: auto;
height: 100%;
}
ol.P_renewal-application_section03--ol li h3 {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin: 0 auto 1.2em;
}
@media screen and (min-width: 768px) {
ol.P_renewal-application_section03--ol li h3 {
font-size: 1.3em;
}
}
ol.P_renewal-application_section03--ol li p {
font-size: 1.25em;
line-height: 1.5;
width: 83%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
ol.P_renewal-application_section03--ol li p {
font-size: 1em;
}
}
ol.P_renewal-application_section03--ol li p br {
display: block !important;
}
ol.P_renewal-application_section03--ol li p span.note {
font-size: 0.9em;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_renewal-application_section03--ol li p span.note {
font-size: 0.85em;
}
}
ol.P_renewal-application_section03--ol li p span.color_red {
color: #CB161C;
font-weight: bold;
}
.P_renewal-application_section03--messageBox {
width: 88.5%;
max-width: 30em;
margin: 0 auto 3.7em;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--messageBox {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.2em;
display: grid;
grid-template-columns: 1fr auto;
gap: 0 6em;
}
}
.P_renewal-application_section03--messageBox .box {
margin-bottom: 2.2em;
background-color: #FFFFF8;
border: 2px solid #876E3E;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--messageBox .box {
margin: 0;
display: flex;
align-items: center;
}
}
.P_renewal-application_section03--messageBox .box::before, .P_renewal-application_section03--messageBox .box::after {
content: "";
width: 1.25em;
height: 1.25em;
position: absolute;
left: 50%;
rotate: 45deg;
transform: skew(22deg, 22deg);
translate: -50% 60%;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--messageBox .box::before, .P_renewal-application_section03--messageBox .box::after {
width: 2.25em;
height: 2.25em;
left: auto;
translate: 50% -50%;
transform: skew(-25deg, -25deg);
}
}
.P_renewal-application_section03--messageBox .box::before {
background-color: #876E3E;
border-radius: 0 0 0.5em 0;
bottom: 0;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--messageBox .box::before {
border-radius: 0 0.5em 0 0;
bottom: auto;
top: 50%;
right: 0;
}
}
.P_renewal-application_section03--messageBox .box::after {
background-color: #FFFFF8;
border-radius: 0 0 0.1em 0;
bottom: 5px;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--messageBox .box::after {
border-radius: 0 0.1em 0 0;
bottom: auto;
top: 50%;
right: 5px;
}
}
.P_renewal-application_section03--messageBox .box p.message {
font-size: 1.4em;
font-weight: bold;
line-height: 1.5;
padding: 0.8em 1.9em;
background-color: #FFFFF8;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--messageBox .box p.message {
font-size: 2.1em;
line-height: 1.8;
padding: 0.85em 0.6em 0.85em 0;
width: 92%;
min-width: 14.5em;
margin: 0 0 0 auto;
}
}
.P_renewal-application_section03--messageBox .box p.message br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_renewal-application_section03--messageBox .box p.message br {
display: none !important;
}
}
.P_renewal-application_section03--messageBox .img {
width: 5.6em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--messageBox .img {
width: 6.6em;
}
}
ul.P_renewal-application_section03--ul {
width: 87%;
max-width: 30em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul {
width: calc(100% - 7.8em);
max-width: none;
}
}
ul.P_renewal-application_section03--ul > li {
padding: 4em 0 2em;
background-color: #FFF4F4;
border-radius: 10px;
list-style: none;
position: relative;
counter-increment: number;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li {
min-height: 10.3em;
padding: 0.5em 0 0.5em 3.3em;
display: grid;
grid-template-columns: min(65%, 39.3em) 1fr;
align-items: center;
}
}
ul.P_renewal-application_section03--ul > li:not(:last-of-type) {
margin-bottom: 4.3em;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:not(:last-of-type) {
margin-bottom: 2.8em;
}
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(3), ul.P_renewal-application_section03--ul > li:nth-of-type(4) {
padding: 2.3em 3.3em;
grid-template-columns: 33.9em auto 1fr;
justify-content: left;
align-items: start;
gap: 0 1.1em;
}
}
@media screen and (min-width: 768px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(5) {
padding: 2.3em 2em 2.3em 3.3em;
grid-template-columns: auto;
}
}
ul.P_renewal-application_section03--ul > li::before {
content: counter(number);
color: #fff;
font-size: 1.35em;
font-family: "Lexend" !important;
width: 3em;
background-color: #CB161C;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
translate: 0 -50%;
aspect-ratio: 1;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li::before {
font-size: 0.9em;
}
}
ul.P_renewal-application_section03--ul > li p {
font-size: 1.5em;
font-weight: bold;
line-height: 1.4;
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li p {
font-size: 1.2em;
line-height: 1.6;
margin: 0;
}
}
ul.P_renewal-application_section03--ul > li p.small {
font-size: 1.15em;
font-weight: 500;
max-width: 18.3em;
margin-top: 2.8em;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li p.small {
font-size: 0.9em;
max-width: none;
margin: 0;
}
}
ul.P_renewal-application_section03--ul > li p br {
display: block !important;
}
ul.P_renewal-application_section03--ul > li:nth-of-type(3) p, ul.P_renewal-application_section03--ul > li:nth-of-type(4) p {
width: 83%;
margin-bottom: 1.5em;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(3) p, ul.P_renewal-application_section03--ul > li:nth-of-type(4) p {
width: 100%;
margin-bottom: 1.8em;
grid-column: span 3;
}
}
ul.P_renewal-application_section03--ul > li:nth-of-type(5) p {
max-width: 85%;
}
@media screen and (min-width: 768px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(5) p {
max-width: none;
}
}
@media screen and (min-width: 768px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(5) p.small {
margin-top: 1.5em;
}
}
ul.P_renewal-application_section03--ul > li:nth-of-type(5) > ul {
max-width: 85%;
padding: 0;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(5) > ul {
max-width: none;
margin: 0;
}
}
ul.P_renewal-application_section03--ul > li:nth-of-type(5) > ul li {
font-size: 1.15em;
line-height: 1.4;
list-style: none;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(5) > ul li {
font-size: 0.9em;
}
}
ul.P_renewal-application_section03--ul > li:first-of-type .img {
width: 29%;
margin: 2em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:first-of-type .img {
width: 17em;
margin: 0;
}
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:first-of-type .img img {
width: 39%;
margin-inline: auto;
display: block;
}
}
ul.P_renewal-application_section03--ul > li:nth-of-type(2) .img {
width: 81%;
margin: 2.3em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li:nth-of-type(2) .img {
width: 17em;
margin: 0;
grid-column: 2/3;
grid-row: 1/3;
}
}
ul.P_renewal-application_section03--ul > li .arrow_img {
width: 3.4em;
margin: 2.2em auto;
rotate: 90deg;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-application_section03--ul > li .arrow_img {
width: 2.2em;
margin: 0;
align-self: center;
rotate: 0deg;
}
}
.P_renewal-application_section03--tableBox {
width: 95%;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_renewal-application_section03--tableBox {
width: 100%;
height: 100%;
}
}
table.P_renewal-application_section03--table {
margin: 0;
border: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table {
height: 100%;
}
}
table.P_renewal-application_section03--table thead {
background-color: #F4FEFF;
border-bottom: 1px solid #707070;
}
table.P_renewal-application_section03--table thead tr th, table.P_renewal-application_section03--table thead tr td {
text-align: center;
font-size: 1.15em;
padding: 0.5em 0;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table thead tr th, table.P_renewal-application_section03--table thead tr td {
font-size: 0.85em;
}
}
table.P_renewal-application_section03--table thead tr th:first-of-type {
width: 2.4em;
border-right: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table thead tr th:first-of-type {
width: 5em;
}
}
table.P_renewal-application_section03--table tbody {
background-color: #fff;
}
table.P_renewal-application_section03--table tbody tr:first-of-type {
border-bottom: 1px solid #707070;
}
table.P_renewal-application_section03--table tbody tr th, table.P_renewal-application_section03--table tbody tr td {
font-size: 1.15em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table tbody tr th, table.P_renewal-application_section03--table tbody tr td {
font-size: 0.85em;
}
}
table.P_renewal-application_section03--table tbody tr th:first-of-type {
text-align: center;
border-right: 1px solid #707070;
}
table.P_renewal-application_section03--table tbody tr td {
padding: 1.2em 1em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table tbody tr td {
padding: 1.2em;
}
}
table.P_renewal-application_section03--table tbody tr td ul {
padding: 0;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table tbody tr td ul {
display: grid;
gap: 0.6em 1.5em;
}
}
table.P_renewal-application_section03--table tbody tr td ul li {
font-weight: 500;
line-height: 1.4;
list-style: none;
}
table.P_renewal-application_section03--table tbody tr td ul li:not(:last-of-type) {
margin-bottom: 0.4em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table tbody tr td ul li:not(:last-of-type) {
margin: 0;
}
}
table.P_renewal-application_section03--table tbody tr td ul li span {
font-size: 0.7em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table tbody tr td ul li span {
font-size: 0.8em;
}
}
table.P_renewal-application_section03--table tbody tr td > span {
font-size: 0.7em;
line-height: 1.4;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table tbody tr td > span {
font-size: 0.8em;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul {
width: 90%;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.row1-2_column1-2 {
grid-row: 1/2;
grid-column: 1/2;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.row1-2_column2-4 {
text-align: right;
grid-row: 1/2;
grid-column: 2/4;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.row1-2_column2-3 {
width: -moz-max-content;
width: max-content;
translate: -100% 0;
grid-row: 1/2;
grid-column: 2/3;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.row3-4_column1-3 {
grid-row: 3/4;
grid-column: 1/3;
}
}
@media screen and (min-width: 768px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.row3-4_column2-4 {
text-align: right;
grid-row: 3/4;
grid-column: 2/4;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr:first-of-type td ul {
width: 100%;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul.colums_4 {
width: 86%;
grid-template-columns: auto 1fr auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.span03 {
grid-column: span 3;
}
}
@media screen and (min-width: 768px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.span_absolute {
position: relative;
}
}
@media screen and (min-width: 768px) {
table.P_renewal-application_section03--table.table01 tbody tr td ul li.span_absolute span {
line-height: 1.6;
white-space: nowrap;
position: absolute;
bottom: 0;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table02 tbody tr td {
padding: 0 0.3em 0 0.6em;
}
}
table.P_renewal-application_section03--table.table02 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table03 tbody tr td ul {
width: 90%;
min-width: -moz-max-content;
min-width: max-content;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-application_section03--table.table03 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
table.P_renewal-application_section03--table.table04 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
.P_header.P_renewal-issuance--header .header_container {
gap: 0 1.5em;
}
@media screen and (min-width: 768px) {
.P_header.P_renewal-issuance--header .header_container {
gap: 0 2.5em;
}
}
.P_section.P_renewal-issuance--section.section01 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section01 {
padding-bottom: 3.9em;
}
}
.P_section.P_renewal-issuance--section.section01 .section_container {
padding: 3em 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section01 .section_container {
padding: 2.8em 0 2.4em;
}
}
.P_section.P_renewal-issuance--section.section01 .section_container h2.page_h2 {
width: 85%;
margin: 0 auto 1.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section01 .section_container h2.page_h2 {
margin: 0 auto 1em;
}
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box {
width: 88%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section01 .section_container .text_box {
text-align: center;
}
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p {
font-size: 1.25em;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p {
font-size: 1em;
line-height: 1.8;
}
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p:not(:last-of-type) {
margin-bottom: 1.8em;
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p.bold {
font-weight: bold;
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p span {
color: #CB161C;
font-weight: bold;
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p span br {
display: none !important;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p span br {
display: block !important;
}
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p br {
display: block !important;
}
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p br.br_pc {
display: none !important;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section01 .section_container .text_box p br.br_pc {
display: block !important;
}
}
.P_section.P_renewal-issuance--section.section02 {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section02 {
padding-bottom: 3.9em;
}
}
.P_section.P_renewal-issuance--section.section02 .section_container {
background-color: #F4FEFF;
border: 20px solid #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section02 .section_container {
display: grid;
grid-template-columns: 22.5em auto;
align-items: center;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_renewal-issuance--section.section02 .section_container {
grid-template-columns: 27.5em auto;
}
}
.P_section.P_renewal-issuance--section.section02 .section_container h2 {
font-size: 2em;
font-weight: bold;
line-height: 1.4;
width: -moz-max-content;
width: max-content;
padding: 1.5em 0;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section02 .section_container h2 {
padding: 0;
}
}
@media screen and (min-width: 1025px) {
.P_section.P_renewal-issuance--section.section02 .section_container h2 {
font-size: 2.35em;
}
}
.P_section.P_renewal-issuance--section.section02 .section_container h2 span {
color: #CB161C;
font-weight: bold;
}
.P_section.P_renewal-issuance--section.section02 .section_container h2 br {
display: block !important;
}
.P_section.P_renewal-issuance--section.section02 .section_container .text_box {
padding: 2.5em 0.5em 1em;
background-color: #2F4262;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section02 .section_container .text_box {
padding: 1.5em 1em 2em 2.8em;
}
}
.P_section.P_renewal-issuance--section.section02 .section_container .text_box h3 {
color: #fff;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section02 .section_container .text_box h3 {
font-size: 1.2em;
margin-bottom: 0.7em;
}
}
.P_section.P_renewal-issuance--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 3.5em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section02 .section_container .text_box ul:not(:last-of-type) {
margin-bottom: 2.3em;
}
}
.P_section.P_renewal-issuance--section.section02 .section_container .text_box ul li {
color: #fff;
font-size: 1.25em;
font-weight: bold;
line-height: 1.4;
list-style: none;
padding-left: 1em;
position: relative;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section02 .section_container .text_box ul li {
font-size: 0.95em;
}
}
.P_section.P_renewal-issuance--section.section02 .section_container .text_box ul li:not(:last-of-type) {
margin-bottom: 0.5em;
}
.P_section.P_renewal-issuance--section.section02 .section_container .text_box ul li::before {
content: "・";
position: absolute;
left: 0;
top: 0;
}
.P_section.P_renewal-issuance--section.section02 .section_container .text_box ul li span {
font-size: 0.8em;
}
.P_section.P_renewal-issuance--section.section03 {
padding-bottom: 4em;
}
.P_section.P_renewal-issuance--section.section03 .section_container {
padding: 3.8em 0 2.5em;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section03 .section_container {
padding: 3.5em 0 3.9em;
}
}
.P_section.P_renewal-issuance--section.section03 .section_container hgroup {
width: 87%;
margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
.P_section.P_renewal-issuance--section.section03 .section_container hgroup {
width: calc(100% - 7.8em);
margin: 0 auto 4em;
}
}
ol.P_renewal-issuance_section03--ol {
width: 87%;
max-width: 30em;
margin: 0 auto 2.5em;
display: grid;
gap: 5.2em 0;
}
@media screen and (min-width: 1025px) {
ol.P_renewal-issuance_section03--ol {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.9em;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0 2.9em;
}
}
ol.P_renewal-issuance_section03--ol li {
padding-bottom: 2.5em;
border: 1px solid #CB161C;
border-radius: 10px;
list-style: none;
position: relative;
}
@media screen and (min-width: 768px) {
ol.P_renewal-issuance_section03--ol li {
padding-bottom: 2em;
}
}
ol.P_renewal-issuance_section03--ol li:not(:last-of-type)::before {
content: "";
width: 3.35em;
height: 1.85em;
background-color: #A8A8A8;
clip-path: polygon(0 0, 50% 100%, 100% 0);
position: absolute;
left: 50%;
bottom: -3.7em;
translate: -50% 0;
}
@media screen and (min-width: 1025px) {
ol.P_renewal-issuance_section03--ol li:not(:last-of-type)::before {
width: 2.25em;
height: 1.25em;
bottom: auto;
top: 50%;
left: auto;
right: -2.7em;
translate: 0 -50%;
rotate: -90deg;
}
}
ol.P_renewal-issuance_section03--ol li span.step {
text-align: center;
color: #fff;
font-size: 1.5em;
font-weight: 500;
font-family: "Lexend" !important;
letter-spacing: 0.05em;
padding: 0.6em 0;
margin-bottom: 1.2em;
background-color: #CB161C;
border-radius: 10px 10px 0 0;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_renewal-issuance_section03--ol li span.step {
font-size: 1.3em;
padding: 0.65em 0;
}
}
ol.P_renewal-issuance_section03--ol li .img {
height: 7.7em;
width: -moz-max-content;
width: max-content;
margin: 0 auto 3em;
}
@media screen and (min-width: 768px) {
ol.P_renewal-issuance_section03--ol li .img {
height: 5.1em;
margin: 0 auto 1.3em;
}
}
ol.P_renewal-issuance_section03--ol li .img img {
width: auto;
height: 100%;
}
ol.P_renewal-issuance_section03--ol li h3 {
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin: 0 auto 1.2em;
}
@media screen and (min-width: 768px) {
ol.P_renewal-issuance_section03--ol li h3 {
font-size: 1.1em;
margin: 0 auto 1.4em;
}
}
ol.P_renewal-issuance_section03--ol li p {
font-size: 1.25em;
line-height: 1.5;
width: 83%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
ol.P_renewal-issuance_section03--ol li p {
font-size: 1em;
}
}
ol.P_renewal-issuance_section03--ol li p br {
display: block !important;
}
ol.P_renewal-issuance_section03--ol li p span.note {
font-size: 0.9em;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 768px) {
ol.P_renewal-issuance_section03--ol li p span.note {
font-size: 0.85em;
}
}
ol.P_renewal-issuance_section03--ol li p span.color_red {
color: #CB161C;
font-weight: bold;
}
.P_renewal-issuance_section03--messageBox {
width: 88.5%;
max-width: 30em;
margin: 0 auto 3.7em;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--messageBox {
width: calc(100% - 7.8em);
max-width: none;
margin: 0 auto 3.2em;
display: grid;
grid-template-columns: 1fr auto;
gap: 0 6em;
}
}
.P_renewal-issuance_section03--messageBox .box {
margin-bottom: 2.2em;
background-color: #FFFFF8;
border: 2px solid #876E3E;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--messageBox .box {
margin: 0;
display: flex;
align-items: center;
}
}
.P_renewal-issuance_section03--messageBox .box::before, .P_renewal-issuance_section03--messageBox .box::after {
content: "";
width: 1.25em;
height: 1.25em;
position: absolute;
left: 50%;
rotate: 45deg;
transform: skew(22deg, 22deg);
translate: -50% 60%;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--messageBox .box::before, .P_renewal-issuance_section03--messageBox .box::after {
width: 2.25em;
height: 2.25em;
left: auto;
translate: 50% -50%;
transform: skew(-25deg, -25deg);
}
}
.P_renewal-issuance_section03--messageBox .box::before {
background-color: #876E3E;
border-radius: 0 0 0.5em 0;
bottom: 0;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--messageBox .box::before {
border-radius: 0 0.5em 0 0;
bottom: auto;
top: 50%;
right: 0;
}
}
.P_renewal-issuance_section03--messageBox .box::after {
background-color: #FFFFF8;
border-radius: 0 0 0.1em 0;
bottom: 5px;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--messageBox .box::after {
border-radius: 0 0.1em 0 0;
bottom: auto;
top: 50%;
right: 5px;
}
}
.P_renewal-issuance_section03--messageBox .box p.message {
font-size: 1.4em;
font-weight: bold;
line-height: 1.5;
padding: 0.8em 1.9em;
background-color: #FFFFF8;
border-radius: 10px;
position: relative;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--messageBox .box p.message {
font-size: 2.1em;
line-height: 1.8;
padding: 0.85em 0.6em 0.85em 0;
width: 92%;
min-width: 14.5em;
margin: 0 0 0 auto;
}
}
.P_renewal-issuance_section03--messageBox .box p.message br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_renewal-issuance_section03--messageBox .box p.message br {
display: none !important;
}
}
.P_renewal-issuance_section03--messageBox .img {
width: 5.6em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--messageBox .img {
width: 6.6em;
}
}
ul.P_renewal-issuance_section03--ul {
width: 87%;
max-width: 30em;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul {
width: calc(100% - 7.8em);
max-width: none;
}
}
ul.P_renewal-issuance_section03--ul > li {
padding: 4em 0 2em;
background-color: #FFF4F4;
border-radius: 10px;
list-style: none;
position: relative;
counter-increment: number;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li {
min-height: 10.3em;
padding: 0.5em 0 0.5em 3.3em;
display: grid;
grid-template-columns: min(65%, 39.3em) 1fr;
align-items: center;
}
}
ul.P_renewal-issuance_section03--ul > li:not(:last-of-type) {
margin-bottom: 4.3em;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:not(:last-of-type) {
margin-bottom: 2.8em;
}
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(4), ul.P_renewal-issuance_section03--ul > li:nth-of-type(5) {
padding: 2.3em 3.3em;
grid-template-columns: 33.9em auto 1fr;
justify-content: left;
align-items: start;
gap: 0 1.1em;
}
}
@media screen and (min-width: 768px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) {
padding: 2.3em 2em 2.3em 3.3em;
grid-template-columns: auto;
}
}
ul.P_renewal-issuance_section03--ul > li::before {
content: counter(number);
color: #fff;
font-size: 1.35em;
font-family: "Lexend" !important;
width: 3em;
background-color: #CB161C;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
top: 0;
translate: 0 -50%;
aspect-ratio: 1;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li::before {
font-size: 0.9em;
}
}
ul.P_renewal-issuance_section03--ul > li p {
font-size: 1.5em;
font-weight: bold;
line-height: 1.4;
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li p {
font-size: 1.2em;
line-height: 1.6;
margin: 0;
}
}
ul.P_renewal-issuance_section03--ul > li p.small {
font-size: 1.15em;
font-weight: 500;
max-width: 18.3em;
margin-top: 2.8em;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li p.small {
font-size: 0.9em;
max-width: none;
margin: 0;
}
}
ul.P_renewal-issuance_section03--ul > li p br {
display: block !important;
}
@media screen and (min-width: 768px) {
ul.P_renewal-issuance_section03--ul > li p br.br_sp {
display: none !important;
}
}
ul.P_renewal-issuance_section03--ul > li:nth-of-type(4) p, ul.P_renewal-issuance_section03--ul > li:nth-of-type(5) p {
width: 83%;
margin-bottom: 1.5em;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(4) p, ul.P_renewal-issuance_section03--ul > li:nth-of-type(5) p {
width: 100%;
margin-bottom: 1.8em;
grid-column: span 3;
}
}
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) p {
max-width: 85%;
}
@media screen and (min-width: 768px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) p {
max-width: none;
}
}
@media screen and (min-width: 768px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) p.small {
margin-top: 1.5em;
}
}
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) > ul {
max-width: 85%;
padding: 0;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) > ul {
max-width: none;
margin: 0;
}
}
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) > ul li {
font-size: 1.15em;
line-height: 1.4;
list-style: none;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(6) > ul li {
font-size: 0.9em;
}
}
ul.P_renewal-issuance_section03--ul > li:first-of-type .img {
width: 29%;
margin: 2em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:first-of-type .img {
width: 17em;
margin: 0;
grid-column: 2/3;
grid-row: 1/3;
}
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:first-of-type .img img {
width: 39%;
margin-inline: auto;
display: block;
}
}
ul.P_renewal-issuance_section03--ul > li:nth-of-type(2) .img {
width: 29%;
margin: 2em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(2) .img {
width: 17em;
margin: 0;
}
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(2) .img img {
width: 39%;
margin-inline: auto;
display: block;
}
}
ul.P_renewal-issuance_section03--ul > li:nth-of-type(3) .img {
width: 81%;
margin: 2.3em auto 0;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li:nth-of-type(3) .img {
width: 17em;
margin: 0;
grid-column: 2/3;
grid-row: 1/3;
}
}
ul.P_renewal-issuance_section03--ul > li .arrow_img {
width: 3.4em;
margin: 2.2em auto;
rotate: 90deg;
}
@media screen and (min-width: 1025px) {
ul.P_renewal-issuance_section03--ul > li .arrow_img {
width: 2.2em;
margin: 0;
align-self: center;
rotate: 0deg;
}
}
.P_renewal-issuance_section03--tableBox {
width: 95%;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
.P_renewal-issuance_section03--tableBox {
width: 100%;
height: 100%;
}
}
table.P_renewal-issuance_section03--table {
margin: 0;
border: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table {
height: 100%;
}
}
table.P_renewal-issuance_section03--table thead {
background-color: #F4FEFF;
border-bottom: 1px solid #707070;
}
table.P_renewal-issuance_section03--table thead tr th, table.P_renewal-issuance_section03--table thead tr td {
text-align: center;
font-size: 1.15em;
padding: 0.5em 0;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table thead tr th, table.P_renewal-issuance_section03--table thead tr td {
font-size: 0.85em;
}
}
table.P_renewal-issuance_section03--table thead tr th:first-of-type {
width: 2.4em;
border-right: 1px solid #707070;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table thead tr th:first-of-type {
width: 5em;
}
}
table.P_renewal-issuance_section03--table tbody {
background-color: #fff;
}
table.P_renewal-issuance_section03--table tbody tr:first-of-type {
border-bottom: 1px solid #707070;
}
table.P_renewal-issuance_section03--table tbody tr th, table.P_renewal-issuance_section03--table tbody tr td {
font-size: 1.15em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table tbody tr th, table.P_renewal-issuance_section03--table tbody tr td {
font-size: 0.85em;
}
}
table.P_renewal-issuance_section03--table tbody tr th:first-of-type {
text-align: center;
border-right: 1px solid #707070;
}
table.P_renewal-issuance_section03--table tbody tr td {
padding: 1.2em 1em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table tbody tr td {
padding: 1.2em;
}
}
table.P_renewal-issuance_section03--table tbody tr td ul {
padding: 0;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table tbody tr td ul {
display: grid;
gap: 0.6em 1.5em;
}
}
table.P_renewal-issuance_section03--table tbody tr td ul li {
font-weight: 500;
line-height: 1.4;
list-style: none;
}
table.P_renewal-issuance_section03--table tbody tr td ul li:not(:last-of-type) {
margin-bottom: 0.4em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table tbody tr td ul li:not(:last-of-type) {
margin: 0;
}
}
table.P_renewal-issuance_section03--table tbody tr td ul li span {
font-size: 0.7em;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table tbody tr td ul li span {
font-size: 0.8em;
}
}
table.P_renewal-issuance_section03--table tbody tr td > span {
font-size: 0.7em;
line-height: 1.4;
margin-top: 1em;
display: block;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table tbody tr td > span {
font-size: 0.8em;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul {
width: 90%;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul.colums_4 {
width: 86%;
grid-template-columns: auto 1fr auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.span03 {
grid-column: span 3;
}
}
@media screen and (min-width: 768px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.span_absolute {
position: relative;
}
}
@media screen and (min-width: 768px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.span_absolute span {
line-height: 1.6;
white-space: nowrap;
position: absolute;
bottom: 0;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.row1-2_column1-2 {
grid-row: 1/2;
grid-column: 1/2;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.row1-2_column2-4 {
text-align: right;
grid-row: 1/2;
grid-column: 2/4;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.row1-2_column2-3 {
width: -moz-max-content;
width: max-content;
translate: -100% 0;
grid-row: 1/2;
grid-column: 2/3;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.row3-4_column1-3 {
grid-row: 3/4;
grid-column: 1/3;
}
}
@media screen and (min-width: 768px) {
table.P_renewal-issuance_section03--table.table01 tbody tr td ul li.row3-4_column2-4 {
text-align: right;
grid-row: 3/4;
grid-column: 2/4;
}
}
@media screen and (min-width: 768px) {
table.P_renewal-issuance_section03--table.table01 tbody tr:first-of-type td ul {
width: 100%;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table02 tbody tr td {
padding: 0 0.3em 0 0.6em;
}
}
table.P_renewal-issuance_section03--table.table02 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table03 tbody tr td ul {
width: 90%;
min-width: -moz-max-content;
min-width: max-content;
grid-template-columns: auto auto auto;
}
}
@media screen and (min-width: 1025px) {
table.P_renewal-issuance_section03--table.table03 tbody tr td ul li.span02 {
grid-column: span 2;
}
}
table.P_renewal-issuance_section03--table.table04 tbody tr td ul {
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
#content.container.archive_booths {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
#content.container.archive_booths .row .main {
width: 100%;
padding: 0;
}
@media screen and (min-width: 768px) {
.P_header.archive_booths--header .header_container {
gap: 0 2.5em;
}
}
.P_header.archive_booths--header .header_container hgroup h1 br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_header.archive_booths--header .header_container hgroup h1 br {
display: none !important;
}
}
.P_header.archive_booths--header .header_container hgroup p {
white-space: nowrap;
}
.P_section.archive_booths--section {
padding-bottom: 4.2em;
}
@media screen and (min-width: 768px) {
.P_section.archive_booths--section {
padding-bottom: 3.9em;
}
}
.P_section.archive_booths--section .section_container {
padding: 3em 0;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.P_section.archive_booths--section .section_container {
padding: 2.8em 3.9em;
}
}
.P_section.archive_booths--section .section_container .title_box {
width: 87%;
padding: 1.6em 0;
margin: 0 auto 3em;
background-color: #FFF4F4;
border-radius: 10px;
}
@media screen and (min-width: 768px) {
.P_section.archive_booths--section .section_container .title_box {
width: 100%;
display: flex;
padding: 1.7em 6em;
margin: 0 auto 2.6em;
align-items: baseline;
}
}
.P_section.archive_booths--section .section_container .title_box h2 {
text-align: center;
color: #CB161C;
font-size: 2em;
font-weight: bold;
margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
.P_section.archive_booths--section .section_container .title_box h2 {
font-size: 1.9em;
margin: 0;
}
}
.P_section.archive_booths--section .section_container .title_box p {
line-height: 1.6;
max-width: -moz-max-content;
max-width: max-content;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.P_section.archive_booths--section .section_container .title_box p {
font-size: 0.85em;
margin: 0 0 0 5em;
}
}
.P_section.archive_booths--section .section_container .title_box p:before {
content: "※";
}
.P_section.archive_booths--section .section_container .title_box p br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_section.archive_booths--section .section_container .title_box p br {
display: none !important;
}
}
.P_section.archive_booths--section .section_container .no_item {
text-align: center;
}
.archive_booths--list {
width: 87%;
margin-inline: auto;
}
@media screen and (min-width: 768px) {
.archive_booths--list {
width: 100%;
}
}
li.archive_booths--li {
list-style: none;
}
@media screen and (min-width: 1025px) {
li.archive_booths--li {
padding: 0 5.9em;
}
}
li.archive_booths--li:not(:last-of-type) {
padding-bottom: 4em;
margin-bottom: 4em;
border-bottom: 1px solid #876E3E;
}
@media screen and (min-width: 768px) {
li.archive_booths--li:not(:last-of-type) {
padding-bottom: 2.8em;
margin-bottom: 2.8em;
}
}
li.archive_booths--li .box {
padding-left: 1em;
margin-bottom: 2em;
border-left: 10px solid #876E3E;
}
li.archive_booths--li .box h3 {
font-size: 1.65em;
font-weight: bold;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
li.archive_booths--li .box h3 {
font-size: 1.35em;
}
}
li.archive_booths--li .box p.note {
font-size: 1.2em;
line-height: 1.2;
margin-top: 0.3em;
}
@media screen and (min-width: 768px) {
li.archive_booths--li .box p.note {
font-size: 0.9em;
}
}
li.archive_booths--li a.map {
color: #CB161C;
font-size: 1.25em;
font-weight: bold;
width: -moz-max-content;
width: max-content;
padding: 0 0.5em 0.2em;
margin: 0 auto 2em;
border-bottom: 1px solid #CB161C !important;
display: block;
}
@media screen and (min-width: 768px) {
li.archive_booths--li a.map {
font-size: 0.85em;
}
}
li.archive_booths--li a.map i {
margin-right: 0.4em;
}
dl.archive_booths--dl {
margin-bottom: 2.5em;
display: grid;
grid-template-columns: 5em 1fr;
gap: 0.3em;
}
@media screen and (min-width: 768px) {
dl.archive_booths--dl {
margin-bottom: 2.8em;
grid-template-columns: 7.2em 1fr 7.2em 1fr;
gap: 0.5em;
}
}
dl.archive_booths--dl dt, dl.archive_booths--dl dd {
font-size: 1.25em;
font-weight: bold;
}
dl.archive_booths--dl dt {
color: #fff;
line-height: 1.2;
background-color: #A8A8A8;
aspect-ratio: 1;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 768px) {
dl.archive_booths--dl dt {
font-size: 1.1em;
padding: 1.2em 0;
aspect-ratio: auto;
}
}
dl.archive_booths--dl dt br {
display: block !important;
}
@media screen and (min-width: 768px) {
dl.archive_booths--dl dt br {
display: none !important;
}
}
dl.archive_booths--dl dd {
line-height: 1.4;
padding: 0.5em 0.8em;
background-color: #F7F7F7;
display: flex;
align-items: center;
}
@media screen and (min-width: 768px) {
dl.archive_booths--dl dd {
font-size: 0.85em;
}
}
@media screen and (min-width: 768px) {
dl.archive_booths--dl dd:last-of-type {
grid-column: span 3;
}
}
dl.archive_booths--dl dd br {
display: block !important;
}
.P_header.P_policy--header .header_container hgroup h1 br {
display: block !important;
}
@media screen and (min-width: 768px) {
.P_header.P_policy--header .header_container hgroup h1 br {
display: none !important;
}
}
.P_header.P_policy--header .header_container hgroup p {
white-space: nowrap;
}
.P_section.P_policy--section {
padding: 7.5em 0 0;
}
@media screen and (min-width: 768px) {
.P_section.P_policy--section {
padding: 4em 0 0;
}
}
.P_section.P_policy--section .section_container {
width: 80%;
}
@media screen and (min-width: 768px) {
.P_section.P_policy--section .section_container {
width: 98%;
max-width: 1160px;
}
}
.P_section.P_policy--section .section_container h2 {
font-size: 1.65em;
font-weight: bold;
padding-bottom: 0.8em;
margin-bottom: 0.8em;
border-bottom: 1px solid #009E6B;
}
@media screen and (min-width: 768px) {
.P_section.P_policy--section .section_container h2 {
font-size: 1.9em;
}
}
.P_section.P_policy--section .section_container p {
font-size: 1.25em;
font-weight: 600;
line-height: 1.4;
margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
.P_section.P_policy--section .section_container p {
font-size: 0.9em;
}
}
.P_section.P_policy--section .section_container ul:not(:last-of-type) {
margin-bottom: 7em;
}
@media screen and (min-width: 768px) {
.P_section.P_policy--section .section_container ul:not(:last-of-type) {
margin-bottom: 5.5em;
}
}
.P_section.P_policy--section .section_container ul li {
font-size: 1.25em;
font-weight: 500;
line-height: 1.4;
padding-left: 1.4em;
list-style: none;
position: relative;
counter-increment: number;
}
@media screen and (min-width: 768px) {
.P_section.P_policy--section .section_container ul li {
font-size: 0.9em;
}
}
.P_section.P_policy--section .section_container ul li:not(:last-of-type) {
margin-bottom: 1.8em;
}
.P_section.P_policy--section .section_container ul li::before {
content: counter(number) ".";
font-weight: bold;
position: absolute;
top: 0;
left: 0;
}
.P_section.P_policy--section .section_container ul li span {
font-weight: bold;
line-height: 1.4;
margin-bottom: 0.5em;
display: block;
}