@charset "UTF-8";
*,
*::before,
*::after {
box-sizing: border-box;
scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
-webkit-animation-delay: -1ms;
animation-delay: -1ms;
-webkit-animation-duration: 1ms;
animation-duration: 1ms;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
background-attachment: initial;
scroll-behavior: auto;
transition-delay: 0s;
transition-duration: 0s; } }
html {
font: 400 1rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
background: inherit;
vertical-align: baseline;
word-break: normal;
color: inherit;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent; }

body {
margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }

[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0; }

hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
overflow: visible; }

hr:not([size]) {
height: 1px; }

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 initial 0.5rem;
font: inherit inherit 500 unset/1.2 inherit; }

h1 {
font-size: calc(1.375rem + 1.5vw); }

@media (min-width: 1200px) {
h1 {
font-size: 2.5rem; } }
h2 {
font-size: calc(1.325rem + 0.9vw); }

@media (min-width: 1200px) {
h2 {
font-size: 2rem; } }
h3 {
font-size: calc(1.3rem + 0.6vw); }

@media (min-width: 1200px) {
h3 {
font-size: 1.75rem; } }
h4 {
font-size: calc(1.275rem + 0.3vw); }

@media (min-width: 1200px) {
h4 {
font-size: 1.5rem; } }
h5 {
font-size: 1.25rem; }

h6 {
font-size: 1rem; }

p {
margin: 0 0 1rem; }

abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none; }

address {
font: normal inherit inherit/inherit inherit;
margin: 0 0 1rem; }

ol,
ul {
padding-left: 2rem; }

ol,
ul,
dl {
margin: 0 0 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
margin: 0; }

nav li {
list-style: none;
padding: 0; }

dt {
font-weight: 700; }

dd {
margin-bottom: 0.5rem;
margin-left: 0; }

blockquote {
margin: 0 0 1rem; }

b,
strong {
font-weight: 700; }

small {
font-size: 0.875em; }

mark {
padding: 0.2em;
background-color: currentColor; }

sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline; }

sub {
bottom: -0.25em; }

sup {
top: -0.5em; }

a {
cursor: pointer;
color: #3333e1;
background-color: transparent; }

a:hover {
color: #3434e0;
text-decoration: underline; }

a:focus {
outline: thin dotted; }

a:not([href]):not(class), a:not([href]):not([class]):hover {
cursor: default;
color: inherit;
text-decoration: none; }

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
touch-action: manipulation; }

pre,
code,
kbd,
samp {
font: 1.05em "Fira Code", "Cascadia Code", Consolas, "Inconsolata", Monaco, Menlo, "Noto Mono", "Roboto Mono", "Droid Sans Mono", "Ubuntu Mono", "Ubuntu Monospace", "Source Code Pro", "Oxygen Mono", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
font-size: 0.875em;
overflow: auto;
-ms-overflow-style: scrollbar; }

pre code {
font-size: inherit;
color: inherit;
word-break: normal; }

code {
font-size: 0.875em;
color: inherit;
word-wrap: break-word; }

a > code {
color: inherit; }

kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: inherit;
background-color: inherit;
border-radius: 0.2rem; }

kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700; }

figure {
margin: 0 0 1rem; }

iframe,
img,
input,
select,
textarea {
height: auto;
max-width: 100%; }

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle; }

svg:not([fill]) {
fill: currentColor; }

svg:not(:root) {
overflow: hidden; }

img {
border: 0;
-ms-interpolation-mode: bicubic; }

table {
caption-side: bottom;
border-collapse: collapse;
text-indent: 0;
border-color: currentColor; }

caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: inherit;
text-align: left; }

th {
text-align: inherit;
text-align: -webkit-match-parent; }

thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0; }

label {
display: inline-block; }

button {
border-radius: 0;
text-transform: none; }

button:focus {
outline: dotted 1px;
outline: -webkit-focus-ring-color auto 5px; }

input,
button {
overflow: visible; }

input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit; }

button,
input,
select,
textarea {
background-color: transparent;
border: 1px solid WindowFrame;
color: inherit;
font: inherit;
letter-spacing: inherit;
padding: 0.25em 0.375em; }

button,
select {
text-transform: none; }

[role=button] {
cursor: pointer; }

select {
-moz-appearance: none;
-webkit-appearance: none;
text-transform: none;
word-wrap: normal; }

select:not([multiple]):not([size]) {
background-image: "data:image/svg+xmlcharset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E"; }

::-ms-expand {
display: none; }

[list]::-webkit-calendar-picker-indicator {
display: none; }

button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; }

button:not(disabled),
[type=button]:not(disabled),
[type=reset]:not(disabled),
[type=submit]:not(disabled) {
cursor: pointer; }

::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button; }

textarea {
overflow: auto;
-ms-overflow-style: scrollbar;
resize: vertical;
vertical-align: top; }

fieldset {
min-width: 0;
padding: 0.35em 0.75em 0.625em;
margin: 0;
border: 1px solid inherit; }

legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
max-width: 100%;
white-space: normal; }

@media (max-width: 1200px) {
legend {
font-size: 1.5rem; } }

legend + * {
clear: left; }

dialog {
background-color: inherit;
border: solid;
color: inherit;
display: block;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }

dialog:not([open]) {
display: none; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0; }

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto; }

::-webkit-input-placeholder {
color: inherit;
opacity: 0.54; }

input::-webkit-input-placeholder {
opacity: 1; }

input::-moz-placeholder {
opacity: 1; }

input:-ms-input-placeholder {
opacity: 1; }

input::placeholder {
opacity: 1; }

[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none; }

[type=tel],
[type=url],
[type=email],
[type=number] {
direction: ltr; }

::-webkit-color-swatch-wrapper {
padding: 0; }

::-moz-focus-inner {
padding: 0;
border-style: none; }

::-moz-ui-invalid {
box-shadow: none; }

::-moz-focusring {
outline: 1px dotted ButtonText; }

output {
display: inline-block; }

iframe {
border: none; }

audio,
canvas,
video {
display: inline;
display: inline-block;
zoom: 1;
max-width: 100%; }

audio:not([controls]) {
display: none;
height: 0; }

summary {
display: list-item;
cursor: pointer; }

progress {
display: inline-block;
vertical-align: baseline; }

template {
display: none; }

[hidden] {
display: none; }

[aria-busy=true] {
cursor: progress; }

[aria-controls] {
cursor: pointer; }

[aria-disabled=true],
[disabled] {
cursor: not-allowed; }

[aria-hidden=false][hidden=false] {
display: initial; }

[aria-hidden=false][hidden=false]:not(:focus) {
clip: rect(0, 0, 0, 0);
position: absolute; }

html, body {
font-size: 62.5%;
line-height: 1;
font-family: 'noto-sans-cjk-jp', 'Meiryo UI',sans-serif;
color: #000;
font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
margin-top: 0; }

ul, ol {
padding-left: 0;
list-style: none; }

a, a:hover {
color: #000; }

img {
display: block;
width: 100%; }

address {
font-style: normal; }

.wrap {
position: relative;
width: 100%; }

.content {
padding-top: 60px; }

.is_sp {
display: block; }

span.is_sp,
br.is_sp,
a.is_sp {
display: inline; }

.is_pc {
display: none; }

@media screen and (min-width: 600px) {
.is_sp {
display: none; }

span.is_sp,
br.is_sp,
a.is_sp {
display: none; }

.is_pc {
display: block; }

span.is_pc,
br.is_pc {
display: inline-block; }
}

/* PC */
@media screen and (min-width: 1025px) {
.content {
padding-top: 87px; } }

.underlayer {
padding-top: 30px;
padding-bottom: 100px; }

.inner {
padding: 0 3.68rem;
 }

.sec_ttl {
margin: 0 auto 30px; }
.sec_ttl span {
display: block;
text-align: center; }
.sec_ttl .en {
font-size: 3.2rem;
line-height: 1.313;
letter-spacing: 0.02em;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif; }
.sec_ttl .ja {
font-size: 1.4rem;
line-height: 1.714; }

.sec_sttl {
margin: 0 auto 20px; }
.sec_sttl span {
display: block;
text-align: center; }
.sec_sttl .en {
font-size: 2.6rem;
line-height: 1.384;
letter-spacing: 0.02em;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif; }
.sec_sttl .ja {
font-size: 1.4rem;
line-height: 1.714; }

.txt {
font-size: 1.6rem;
line-height: 1.625;
margin-bottom: 1em; }
.txt.right {
text-align: right; }
.txt.center {
text-align: center; }

.txt_mark {
padding-right: 2px;
padding-left: 2px;
background: linear-gradient(transparent 60%, rgba(14, 60, 189, 0.4) 60%);
font-weight: bold; }

.txt_note {
color: #484848;
font-size: 1.4rem;
line-height: 1.714; }

.btn {
font-size: 1.8rem;
line-height: 1.556;
text-align: center; }
.btn a {
display: inline-block;
width: 100%;
border-radius: 20px;
border-style: solid;
border-width: 3px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
text-decoration: none;
font-weight: 600;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
position: relative; }
.btn a:before {
content: '';
display: block;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 1em;
height: 1em;
position: absolute;
top: 50%;
margin-top: -0.5em; }
.btn.black a {
border-color: #000;
color: #000; }
.btn.black a:before {
background-image: url(/common/img/ico_arw_black.svg); }
.btn.white a {
border-color: #fff;
color: #fff; }
.btn.white a:before {
background-image: url(/common/img/ico_arw_white.svg); }
.btn_readMore {
width: 200px;
margin-left: auto;
margin-right: auto; }
.btn_readMore a {
padding-right: 1em; }
.btn_readMore a:before {
right: 50px;
animation: arrow 2s infinite; }
.btn_backtoTop {
width: 220px;
margin-top: 100px;
margin-left: auto;
margin-right: auto; }
.btn_backtoTop a {
padding-left: 1em; }
.btn_backtoTop a:before {
transform: rotate(-180deg); }
.btn.next {
width: 150px;
margin-left: auto;
margin-right: auto; }
.btn.next a {
padding-right: 1em; }
.btn.next a:before {
right: 1em; }

@keyframes arrow {
0% {
transform: scale(0.1, 1) translateX(0);
opacity: 0; }
50% {
transform: scale(1.3, 0.8) translateX(20px);
opacity: 1; }
100% {
transform: scale(1, 1) translateX(50px);
opacity: 0; } }
.list {
padding-left: 1.5em; }
.list li {
position: relative;
margin-bottom: 0.5em; }
.list li:before {
position: absolute; }
.list_normal {
font-size: 1.6rem;
line-height: 1.625; }
.list_normal li {
list-style-type: disc; }
.list_atten {
font-size: 1.4rem;
line-height: 1.714; }
.list_atten li:before {
content: '※';
top: 0;
left: -1.2em; }

.targetBlank {
padding-right: 1.2em;
background-repeat: no-repeat;
background-position: right center;
background-size: 1em 1em; }
.targetBlank.white {
background-image: url(/common/img/ico_targetBlank_white.svg); }
.targetBlank.black {
background-image: url(/common/img/ico_targetBlank_black.svg); }

@media screen and (min-width: 1025px) {
.sec_ttl {
margin-bottom: 50px; }
.sec_ttl .en {
font-size: 3.2rem;
line-height: 1.313; }
.sec_ttl .ja {
font-size: 1.6rem;
line-height: 1.625; }

.btn a {
transition: all 0.3s; }
.btn.black a:hover {
color: #fff;
background-color: #000; }
.btn.black a:hover:before {
background-image: url(/common/img/ico_arw_white.svg); }
.btn.white a:hover {
color: #000;
background-color: #fff; }
.btn.white a:hover:before {
background-image: url(/common/img/ico_arw_black.svg); }

.list_atten li {
font-size: 1.4rem;
line-height: 1.714; } }
.header {
width: 100%;
height: 60px;
position: fixed;
top: 0;
left: 0;
z-index: 5000;
background-color: #000; }
.header_logo {
margin: 7px 0 0 10px;
width: 56px;
position: relative;
z-index: 6000; }

.nav {
width: 100%;
padding: 0 10px 30px;
transform: translateY(-100vh);
opacity: 0;
position: relative;
z-index: 4000;
background-color: #000;
transition: all .5s; }
.nav.slide_in {
transform: translateY(0);
opacity: 1; }
.nav_item a {
display: block;
padding: 10px 0;
border-bottom: 1px solid #fff;
color: #fff;
text-align: center;
font-weight: 500;
text-decoration: none;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif; }
.nav_item span {
display: block; }
.nav_item .en {
font-size: 2.6rem;
line-height: 1.455; }
.nav_item .ja {
font-size: 1.2rem;
line-height: 1.833; }

.sns_list {
display: flex;
justify-content: center; }
.sns_item {
margin-left: 15px;
margin-right: 15px; }
.sns_item a {
display: block; }
.sns_list {
margin-top: 30px; }
.sns_item {
width: 50px; }

.navReserve {
margin-top: 30px;
text-align: center; }
.navReserve_btn {
display: inline-block;
padding: 0.9em 1.5em 1em 2.5em;
background-color: #fff;
border-radius: 20px;
font-size: 1.6rem;
line-height: 1.625;
text-decoration: none;
font-weight: bold;
position: relative; }
.navReserve_btn:before {
content: '';
display: block;
width: 10px;
height: 10px;
border-width: 3px;
border-style: solid;
border-color: #000;
border-bottom: none;
border-left: none;
position: absolute;
top: 50%;
left: 1em;
transform: rotate(45deg) translateY(-50%); }

.btn_menu {
width: 60px;
height: 60px;
position: absolute;
top: 0;
right: 5px;
z-index: 6000; }
.btn_menu.active .btn_line01 {
transform: translateY(15px) rotate(-45deg); }
.btn_menu.active .btn_line02 {
opacity: 0;
transform: translateX(100%); }
.btn_menu.active .btn_line03 {
transform: translateY(-15px) rotate(45deg); }
.btn_line {
width: 80%;
height: 3px;
background-color: #fff;
margin: 12px auto;
transition: all 0.3s; }

body.noscroll {
overflow: hidden; }

.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000; }
.overlay.show {
display: block; }

@media screen and (min-width: 1025px) {
.header {
display: flex;
justify-content: space-between;
height: auto;
padding: 10px 5px 10px 30px; }

.header_logo {
margin: 0;
width: 70px; }

.nav {
width: 70%;
margin-top: -5px;
padding: 0;
transform: translateY(0);
opacity: 1;
display: flex;
justify-content: flex-end; }
.nav_list {
display: flex;
margin-bottom: 0; }
.nav_item {
margin-left: 30px; }
.nav_item a {
position: relative;
display: block;
padding: 10px 0;
border-bottom: none; }
.nav_item a:after {
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
transform: scale(0, 1);
transform-origin: left top;
transition: all 0.3s; }
.nav_item a:hover:after {
transform: scale(1, 1); }
.nav_item span {
display: block; }
.nav_item .en {
font-size: 2.2rem;
line-height: 1.454; }
.nav_item .ja {
font-size: 1.2rem;
line-height: 1.833; }

.sns_list {
margin-top: 15px;
margin-left: 50px; }
.sns_item {
width: 30px;
margin-left: 7px;
margin-right: 7px; }
.sns_item a {
transition: all 0.3s; }
.sns_item a:hover {
transform: scale(1.2); }

.btn_menu {
display: none; } }

.footer {
padding: 100px 0 5px;
background-color: #333333;
position: relative;
color: #fff; }

.footer:before {
content: '';
display: block;
width: 10%;
height: 2px;
background-color: #666666;
position: absolute;
top: 50px;
left: 50%;
margin-left: -5%; }

.footer a {
color: #fff; }

.footer_inner {
padding-left: 10px;
padding-right: 10px;
padding: 0 10px 50px; }


@media screen and (min-width: 600px) {
.footer_inner {
width: 80%;
max-width: 1000px;
margin-left: auto;
margin-right: auto; } }

.footer_sns_list {
display: flex;
justify-content: center; }
.footer_sns_item {
margin-left: 15px;
margin-right: 15px; }

.footer_sns_item a {
display: block; }

.footer_sns_list {
margin-bottom: 30px; }

.footer_sns_item {
width: 30px; }

.footer_nav {
display: grid;
grid-template-columns: 48% 48%;
gap: 10px; }

.footer_nav_item a {
display: block;
padding: 5px 0;
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid #666666;
text-decoration: none;
text-align: center; }

.footer_nav_item span {
display: block; }

.footer_nav_item .en {
font-size: 1.4rem;
line-height: 1.714; }

.footer_nav_item .ja {
font-size: 1.2rem;
line-height: 1.833; }

.footer .relatedSite {
position: relative;
padding-top: 80px; }

.footer .relatedSite:before {
content: '';
display: block;
width: 10%;
height: 2px;
background-color: #666666;
position: absolute;
top: 50px;
left: 50%;
margin-left: -5%; }

.footer .relatedSite_ttl {
font-size: 1.4rem;
line-height: 1.714;
text-align: center;
font-weight: 400;
margin-bottom: 30px; }

.footer .relatedSite_list {
display: grid;
grid-template-columns: 48% 48%;
gap: 10px;
grid-template-rows: auto auto;
justify-content: center; }

/* .footer .relatedSite_item01 {
grid-area: 1 / 1 / 2 / 2; } */
.footer .relatedSite_item02 {
grid-area: 1 / 1 / 1 / 3; }

.footer .relatedSite_item03 {
grid-area: 2 / 1 / 3 / 3; }

.footer .relatedSite_item04 {
grid-area: 3 / 1 / 3 / 3; }

.footer .relatedSite_item02 img {
margin: 0.5em auto 1em;
padding-top: 0.8em;
width: 60%;
opacity: 50%; }

.footer .relatedSite_item02 div {
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 300;
font-size: 2.86em;
letter-spacing: 0.03em;
margin-top: 1em;
line-height: 1.23em; }  

.sub-box {
padding: 0.1em 1em 0.2em;
margin: 0 20% 0;
color: #fff;
background: #888888;
}

.footer .relatedSite_item03 img {
margin: 0 auto 2em;
width: 60%;}

.footer .relatedSite_item03 a {
margin: 3em 0 1em; }

.footer .relatedSite_item04 a {
padding: 2em 0 0 2em }

.footer .relatedSite_item04 img {
margin-bottom: 10px; }

.footer .relatedSite_other {
display: flex;
justify-content: space-around; }
.footer .relatedSite_other li {
font-size: 1.2rem;
line-height: 1.833; }

.footer [class^="relatedSite_item"] {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid #666666;
text-align: center; }

.footer [class^="relatedSite_item"] a {
display: block;
padding-bottom: 5px;
text-decoration: none; }
.footer [class^="relatedSite_item"] span {
font-size: 1.2rem;
line-height: 1.5; }
.footer_copy {
display: block;
font-size: 1rem;
line-height: 2;
text-align: center; }

@media screen and (min-width: 600px) {
.footer_nav {
grid-template-columns: 24% 24% 24% 24%; }
.footer_nav_item a {
padding: 5px 0 7px; }

.footer_nav_item .en {
font-size: 1.6rem;
line-height: 1.625; }

/* .footer .relatedSite_item01 a {
padding-left: 30px;
padding-right: 30px; } */

.footer .relatedSite_item02 div {
font-size: 2.86m;
letter-spacing: 0.03em;
margin-top: 1em;
line-height: 1.13em; }  

.sub-box {
padding: 0.1em 1em 0.1em;
margin: 0 90% 0;
}

.footer .relatedSite_item02 img {
margin: 0.5em auto 2em;
padding-top: 2em;
width: 50%;
opacity: 50%; }

.footer .relatedSite_item02 div {
font-size: 3.1em;
margin-top: 1.5em;
line-height: 1.23em; }  

.sub-box {
padding: 0.1em 1em 0.1em;
margin: 0 25% 0;
color: #fff;
background: #888888;
}

.footer .relatedSite_item03 img {
margin: 0 auto 2em;
width: 40%;}

.footer .relatedSite_item04 a {
padding-top: 15px;
padding-left: 40px;
margin-bottom: 5px;
padding-right: 50px; }

.footer .relatedSite_other {
justify-content: center; }

.footer .relatedSite_other li {
margin-left: 20px;
margin-right: 20px;
font-size: 1.4rem;
line-height: 1.714; }

.footer [class^="relatedSite_item"] a {
padding-bottom: 10px; }  

}

@media screen and (min-width: 835px) {
.footer_sns_item a {
transition: all 0.3s; }

.footer_sns_item a:hover {
transform: scale(1.2); }

.footer .relatedSite_ttl {
font-size: 1.6rem;
line-height: 1.625; }

.footer .relatedSite_item01 a, .footer .relatedSite_item02 a {
padding-left: 30%;
padding-right: 30%; }


.footer .relatedSite_item03 img {
margin: 3em auto 0;
}

.footer .relatedSite_item04 a {
margin: 1em auto 1.55em; }

.footer .relatedSite_other a:hover {
text-decoration: none; }

.footer [class^="relatedSite_item"] a {
padding-bottom: 10px; }

.footer [class^="relatedSite_item"] span {
font-size: 1.4rem;
line-height: 1.714; }

.footer .relatedSite_item02 img {
margin: 0.5em auto 2em;
padding-top: 2em;
width: 80%;
opacity: 50%; }

.footer .relatedSite_item02 div {
font-size: 2.8em;
margin-top: 1.5em;
line-height: 1.23em; }  

.sub-box {
padding: 0.1em 1em 0.1em;
margin: 0 2em 0;
color: #fff;
background: #888888;
}

.footer .relatedSite_item03 img {
margin-top: 1em;
width: 50%;}

.footer [class^="relatedSite_item"] span {
font-size: 2.2em;
line-height: 1.5; }

.footer_copy {
font-size: 1.2rem;
line-height: 1.833; }

.footer_nav a,
.relatedSite_list [class^="relatedSite_item"] {
transition: all 0.3s; }

.footer_nav a:hover,
.relatedSite_list [class^="relatedSite_item"]:hover {
background-color: rgba(255, 255, 255, 0.1); } 
}

.menu-ingredients td:last-child,
.menu-ingredients th:last-child,
.p-coffee-ingredients td:last-child,
.p-coffee-ingredients th:last-child, 
.coffee-ingredients td:last-child,
.coffee-ingredients th:last-child {
border: none;
}


/* カフェメニュー */
.menu-fade {
transition: 0.6s ease-in-out;
transform: translateY(12px);
opacity: 0;
}
.menu-fade.on {
transform: translateY(0);
opacity: 1.0;
}

.menu-fade img{
width: 60%;
margin: 0 auto;
padding-bottom: 1.6rem;
}

/* .menu-inner {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto; }  */


.takeout_comment{
text-align: center;
font-size: 4.1rem;
color: #31C0C6;
font-family: "Damion", cursive;
font-weight: 400;
font-style: normal;
margin-top: 60px;
line-height: 0.3;
}

.category_ttl {
text-align: center;
font-size: 3.23rem;
line-height: 1.013;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: 0.04em;
margin: 2.6em 0 0.35em;
}  

.category_s-ttl {
text-align: center;
font-size: 2.78rem;
line-height: 1.013;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: 0.04em;
margin: 2.2em 0 0.5em;
}  

.category_subttl {
text-align: center;
font-size: 1.86rem;
line-height: 1.896;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 0.32em;
}  

.category_s-subttl {
text-align: center;
font-size: 1.21rem;
line-height: 1.562;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 400;
letter-spacing: 0.05em;
margin: 0 1.2em 0.42em;
}  

.category-bowl_subttl {
text-align: center;
font-size: 2.23em;
line-height: 1.013;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 0.2rem;
}  

.category_subttl span,
.category-bowl_subttl span {
font-size: 2.36rem;
font-weight: 400;
letter-spacing: 0.08em;
}  

.menu_ttl {
text-align: center;
font-size: 2.53rem;
line-height: 1.123;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
margin: 2rem auto;
}

.menu_ttl span {
font-weight: 500;
}

.ps-size_ttl  {
text-align: center;
font-size: 2.36rem;
line-height: 1.105;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
}

.em-size_ttl,
.em-mm-size_ttl,
.limited_hc-size_ttl {
text-align: left;
font-size: 2.36rem;
line-height: 1.105;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
}

.size_ttl,
.pc-size_ttl,
.soup-size_ttl,
.satomi-kiln-size_ttl {
text-align: center;
font-size: 2.36rem;
line-height: 1.105;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
}

.set_ttl {
text-align: left;
font-size: 1.68rem;
line-height: 1.865;
font-weight: 600;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
}

.set_ttl span {
font-weight: 500;
font-size: 2.54rem;
vertical-align: -0.2rem;
}    

.set-box {
font-size: 1.06rem;
padding: 0.75rem 0 0.2rem 1.1rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
margin-right: 0.8rem;
}    

.em-size_ttl-price,
.em-mm-size_ttl-price,
.limited_hc-size_ttl-price {
text-align: right;
font-size: 2.23rem;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.07rem;
}

.size_ttl-price,
.pc-size_ttl-price,
.soup-size_ttl-price,
.satomi-kiln-size_ttl-price {
text-align: center;
font-size: 2.23rem;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
}

.size_sub-ttl {
text-align: center;
font-size: 1.36rem;
line-height: 1.788;
font-weight: 400;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
padding-top: 1.8rem;
}

.size-box-m,
.size-box-temp {
font-size: 1.42rem;
padding: 0.65rem 0.82rem 0.3rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 2px;
}

.flavor-box {
font-size: 1.26rem;
padding: 0.1rem 0 0.2rem 1.1rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
margin-right: 0.8rem;
}

.size-box-l {
font-size: 1.42rem;
padding: 0.65rem 0.96rem 0.3rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 3px;
}

.ingredients-box-m {
font-size: 1.05rem;
padding: 0.2rem 0.5rem 0.3rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 500;
vertical-align: 0.5px;
margin-right: 1.4em;
}

.ingredients-box-l {
font-size: 1.05rem;
padding: 0.2rem 0.62rem 0.3rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 500;
vertical-align: 0.5px;
margin-right: 1.2em;
}

.menu_list-smoothie {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.42rem; 
padding-bottom: 2rem;
}

.menu_list-coffee {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px; 
padding-bottom: 56px;
}

.menu_list-easy-meals,
.menu_list-bowl,
.menu_list-limited {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.6rem;
/* padding: 0 64px; */
}

.menu_list-easy-main-meals,
.menu_list-satomi-kiln {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px;
padding: 0 13rem;
margin: 0 auto;
width: 75%;
}

.menu_list-limited-off {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
padding: 0 2.2rem;
opacity: 0.5;
}

.menu-size_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.68rem;
padding: 0 3.56rem;
}

.limited-size_list {
display: grid;
grid-template-columns: 80% 20%;
gap: 0px ;
padding: 0 184px;
margin: 0 auto;
}

.bowl-size_list {
display: grid;
grid-template-columns: 70% 25%;
gap: 0.68rem ;
padding: 0 3.15rem;
margin: 0 auto;
width: 80%;
}

.em-size_list {
display: grid;
grid-template-columns: 81% 17%;
gap: 0.34rem ;
padding: 0 1.6rem;
margin: 0 auto;
width: 80%;
}

.em-mm-size_list {
display: grid;
grid-template-columns: 64% 39%;
gap: 0.68rem ;
padding: 0 4.23rem;
margin: 0 auto;
width: 70%;
}

.soup-size_list {
display: grid;
grid-template-columns: 51% 44%;
gap: 0.68rem ;
padding: 0 3.15rem;
margin: 0 auto;
width: 80%;
}

.limited_hc-size_list {
display: grid;
grid-template-columns: 66% 33%;
gap: 0.68rem ;
padding: 0 3.56rem;
margin: 0 auto;
width: 80%;
}

.satomi-kiln-size_list {
display: grid;
grid-template-columns: 66% 27%;
gap: 0.68rem ;
padding: 0 5.18rem;
margin: 0 auto;
width: 80%;
}

.coffee-size_list {
display: grid;
grid-template-columns:  63% 36%;
gap: 0.24rem ;
padding: 0 0.86rem;
margin: 0 auto;
width: 80%;
}

.limited-size_list li:first-child {
text-align: center;
font-weight: 600;
}

.limited-size_list li:last-child {
text-align: center;
}

.bowl-size_list li:first-child,
.coffee-size_list li:first-child {
text-align: left;
font-weight: 600;
}

.bowl-size_list li:last-child,
.coffee-size_list li:last-child {
text-align: right;
}

.menu-ingredients,
.coffee-ingredients, 
.p-coffee-ingredients {
font-size: 1.186rem;
font-weight: 200;
margin: 2.5em auto;
letter-spacing: 0.03em;
line-height: 1.53;
text-align: center;
}

.menu-ingredients td,
.menu-ingredients th, 
.coffee-ingredients td,
.coffee-ingredients th {
border: none;
border-right: 1px solid #000;
padding: 0.2rem 0.688rem;
}

.menu-ingredients td,
.p-coffee-ingredients td {
font-size: 1.213rem;
}

.p-coffee-ingredients td,
.p-coffee-ingredients th {
border: none;
border-right: 1px solid #000;
padding: 0.2rem 0.88rem;
}

.set-wrap {
max-width: 880px;
margin: 0 auto;
padding-top: 16px;
}

.set_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 80px; 
padding: 16px 72px 64px;
}

.set-flex {
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
align-items: center;
}

.set-flex>p {
margin-left: 16px;
margin-top: 24px;
}

.set-flex img {
width: 40%;
}

/* tablets */
@media screen and (max-width: 835px) {
.inner {
padding-left: 0;
padding-right: 0; }

.takeout_comment{
font-size: 3.85rem;
margin-top: 24px;
line-height: 1.08;
}

.category_ttl {
text-align: center;
font-size: 3.23rem;
line-height: 1.013;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: 0.04em;
margin: 2.2em 0 0.5em;
}  

.category_subttl {
text-align: center;
font-size: 2.58em;
line-height: 1.896;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 2.15em;
}  

.category-bowl_subttl {
text-align: center;
font-size: 2.23em;
line-height: 1.013;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 0.2rem;
}  

.category_subttl span,
.category-bowl_subttl span {
font-size: 2.12rem;
font-weight: 400;
letter-spacing: 0.08em;
}  

.menu_ttl {
text-align: center;
font-size: 3.58em;
line-height: 1.123;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
margin: 0.8em auto 1.05em;
}

.menu_ttl span {
font-weight: 500;
}

.size_ttl,
.ps-size_ttl,
.set_ttl {
text-align: center;
font-size: 3.36em;
line-height: 1.105;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: 0.03em;
}

.set_ttl span {
font-weight: 500;
font-size: 3.42rem;
}

.size-box-m,
.size-box-temp {
font-size: 0.48em;
padding: 0.83em 0.78em 0.4em;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 4px;
}

.size-box-l {
font-size: 0.48em;
padding: 0.83em 0.9em 0.4em;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 4px;
}

.ingredients-box-m {
font-size: 0.45em;
padding: 0.1em 0.75em 0.4em;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 1px;
margin-right: 1.4em;
}

.ingredients-box-l {
font-size: 0.45em;
padding: 0.1em 0.998em 0.4em;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 1px;
margin-right: 1.2em;
}

.menu_list-easy-main-meals,
.menu_list-satomi-kiln {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 16px;
padding: 0 136px;
}

.menu_list-smoothie {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px; 
padding-bottom: 2rem;
}

.menu_list-coffee {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px; 
padding-bottom: 2rem;
}

.menu_list-bowl,
.menu_list-limited {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
padding: 0 2.2rem;
}

.menu_list-limited-off {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
padding: 0 2.2rem;
opacity: 0.5;
}

.menu-size_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
padding: 0 40px;
}

.bowl-size_list,
.limited-size_list {
display: grid;
grid-template-columns: 70% 30%;
gap: 0px ;
padding: 0 32px;
margin: 0 auto;
}

.limited_hc-size_list {
display: grid;
grid-template-columns: 75% 25%;
gap: 8px ;
padding: 0 32px;
margin: 0 auto;
}

.satomi-kiln-size_list {
display: grid;
grid-template-columns: 66% 27%;
gap: 16px ;
padding: 0 128px;
margin: 0 auto;
}

.coffee-size_list {
display: grid;
grid-template-columns: 62% 32%;
gap: 16px ;
padding: 0 24px;
margin: 0 auto;
}

.bowl-size_list li:first-child,
.coffee-size_list li:first-child,
.limited-size_list li:first-child {
text-align: left;
font-weight: 600;
}

.bowl-size_list li:last-child,
.coffee-size_list li:last-child,
.limited-size_list li:last-child {
text-align: right;
}

.em-size_list {
display: grid;
grid-template-columns: 78% 17%;
gap: 8px ;
padding: 0 24px;
margin: 0 auto;
}

.soup-size_list {
display: grid;
grid-template-columns: 51% 44%;
gap: 16px ;
padding: 0 48px;
margin: 0 auto;
}

.menu-ingredients,
.coffee-ingredients, 
.p-coffee-ingredients {
font-size: 1.82em;
font-weight: 200;
margin: 2.5em auto;
letter-spacing: 0.03em;
line-height: 1.53;
text-align: center;
}

.menu-ingredients td,
.menu-ingredients th, 
.coffee-ingredients td,
.coffee-ingredients th {
border: none;
border-right: 1px solid #000;
padding: 0.2rem 0.88rem;
}

.menu-ingredients td,
.p-coffee-ingredients td {
font-size: 1.022em;
}

.p-coffee-ingredients td,
.p-coffee-ingredients th {
border: none;
border-right: 1px solid #000;
padding: 0.2rem 0.45rem;
}

}

/* SP */
@media screen and (max-width: 480px) {
.inner {
width: 100%;
padding-left: 0;
padding-right: 0;
}

.category_ttl {
text-align: center;
font-size: 3.08rem;
line-height: 1.213;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
letter-spacing: -0.02em;
margin: 1.1em 0 0.3em;
}  

.category_s-ttl {
text-align: center;
font-size: 2.78rem;
line-height: 1.013;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: 0.04em;
margin: 1.2rem 0 2.4rem;
}  

.category_subttl {
text-align: center;
font-size: 1.79rem;
line-height: 1.823;
letter-spacing: -0.02em;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
margin: 0 2.1rem 0.78rem;
}  

.category_s-subttl {
text-align: center;
font-size: 1.36rem;
line-height: 1.562;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 400;
letter-spacing: 0.02em;
margin: 2.3rem 2.1rem 4.93rem;
}

/* .category-bowl_subttl {
text-align: center;
font-size: 2.168rem;
line-height: 1.823;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 0.2rem;
}   */

.category_subttl span,
.category-bowl_subttl span {
font-size: 2.54rem;
font-weight: 400;
letter-spacing: 0.08em;
}  

.menu_ttl {
text-align: center;
font-size: 2.81rem;
line-height: 1.123;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
margin: 0.5em auto 0.65em;
}

.menu_ttl span {
font-weight: 500;
}

.set_ttl {
text-align: left;
font-size: 2.01rem;
line-height: 1.423;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
font-weight: 500;
margin: 0.5em auto 0.65em;
}

.set_ttl span {
font-weight: 600;
font-size: 2.61rem;
}

.size_ttl {
text-align: left;
font-size: 2.26rem;
line-height: 1.105;
/* font-weight: 500; */
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
/* padding-top: 10px; */
}

.em-size_ttl,
.pc-size_ttl {
text-align: center;
font-size: 2.26rem;
line-height: 1.105;
/* font-weight: 500; */
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
/* padding-top: 10px; */
}

.em-mm-size_ttl,
.soup-size_ttl,
.satomi-kiln-size_ttl {
text-align: right;
font-size: 2.26rem;
line-height: 1.105;
/* font-weight: 500; */
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
/* padding-top: 10px; */
}

.em-mm-size_ttl-price,
.em-size_ttl-price,
.soup-size_ttl-price,
.satomi-kiln-size_ttl-price {
text-align: left;
font-size: 2.23rem;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
}

.pc-size_ttl-price,
.em-mm-size_ttl {
text-align: center;
font-size: 2.26rem;
line-height: 1.105;
/* font-weight: 500; */
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
/* padding-top: 10px; */
}

.size_sub-ttl {
text-align: center;
font-size: 1.64rem;
line-height: 1.548;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
padding: 1.8rem 40px 0;
}

.ps-size_ttl {
text-align: center;
font-size: 2.13rem;
line-height: 1.105;
font-weight: 500;
font-family: "oswald", "noto-sans-cjk-jp", "Meiryo UI", sans-serif;
letter-spacing: -0.01em;
/* padding-top: 10px; */
}

.flavor-box {
font-size: 1.58rem;
padding: 0 0 0.1rem 1.1rem;
color: #fff;
background: #000;
font-weight: 400;
margin-right: 0.8rem;
}

.size-box-m {
font-size: 1.56rem;
padding: 0.82rem 0.58rem 0.28rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 0.22rem;
}

.size-box-temp {
font-size: 1.56rem;
padding: 0.82rem 0.58rem 0.28rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 0.22rem;
}

.size-box-l {
font-size: 1.56rem;
padding: 0.63rem 0.66rem 0.12rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 400;
vertical-align: 0.22rem;
}

.ingredients-box-m {
font-size: 1.35rem;
padding: 0.1rem 0.5rem 0.25rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 500;
vertical-align: 1px;
}

.ingredients-box-l {
font-size: 1.35rem;
padding: 0.05rem 0.6rem 0.3rem;
color: #fff;
background: #000;/*背景色*/
font-weight: 500;
vertical-align: 1px;
}

.menu_list-smoothie {
display: grid;
grid-template-columns: repeat(1, 1fr);
padding-bottom: 2rem;
}

.set_list {
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 0 24px 2rem;
gap: 48px;
}

.menu_list-coffee {
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 0 0 2rem;
}

.menu_list-satomi-kiln {
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 0;
}

.menu_list-bowl,
.menu_list-limited,
.menu_list-easy-meals,
.menu_list-easy-main-meals {
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 0 0 2rem;
}

.menu_list-limited-off {
display: grid;
grid-template-columns: repeat(1, 1fr);
padding-bottom: 2rem;
opacity: 0.5;
}

.menu-size_list {
font-size: 1.21em;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
padding: 0 48px;
width: 100%;
}

.bowl-size_list {
display: grid;
grid-template-columns:  70% 25%;
gap: 0px ;
padding: 0 40px;
margin: 0 auto;
width: 100%;
}

.limited-size_list {
display: grid;
grid-template-columns:  75% 25%;
gap: 0px ;
padding: 0 32px;
margin: 0 auto;
width: 100%;
}

.limited_hc-size_list {
display: grid;
grid-template-columns:  67% 33%;
gap: 0px ;
padding: 0 1.68rem;
margin: 0 auto;
width: 100%;
}

.em-mm-size_list {
display: grid;
grid-template-columns:  65% 20%;
gap: 16px ;
padding: 0 56px ;
margin: 0 auto;
width: 100%;
}

.em-size_list {
display: grid;
grid-template-columns:  80% 20%;
gap: 0px ;
padding: 0 20px ;
margin: 0 auto;
width: 100%;
}

.coffee-size_list {
display: grid;
grid-template-columns: 60% 36%;
gap: 8px ;
padding: 0 8px;
margin: 0 auto;
width: 100%;
}

.soup-size_list {
display: grid;
grid-template-columns: 46% 44%;
gap: 24px ;
padding: 0 40px;
margin: 0 auto;
width: 100%;
}

.satomi-kiln-size_list {
display: grid;
grid-template-columns: 63% 30%;
gap: 1.63rem ;
padding: 0 1.89rem;
margin: 0 auto;
width: 100%;
}

.coffee-size_list li:first-child {
text-align: center;
font-weight: 600;
}

.coffee-size_list li:last-child {
text-align: left;
font-size: 2.24rem;
/* padding-right: 40px; */
}

.bowl-size_list li:first-child, 
.limited-size_list li:first-child,
.limited_hc-size_list li:first-child {
text-align: left;
font-weight: 600;
}

.bowl-size_list li:last-child,
.limited-size_list li:last-child,
.limited_hc-size_list li:last-child {
text-align: right;
font-size: 2.24rem;
/* padding-right: 40px; */
}

.p-coffee-ingredients {
font-size: 2.25em;
/* font-weight: 200; */
margin: 2.5em auto;
letter-spacing: 0.012em;
/* line-height: 1.53; */
/* text-align: center; */
}

.menu-ingredients,
.coffee-ingredients {
font-size: 1.38rem;
/* font-weight: 200; */
margin: 2.5em auto;
letter-spacing: 0.012em;
/* line-height: 1.53; */
/* text-align: center; */
}

.menu-ingredients td,
.menu-ingredients th, 
.coffee-ingredients td,
.coffee-ingredients th {
border: none;
border-right: 1px solid #000;
padding: 0.2rem 0.78rem;
}

.menu-ingredients td,
.p-coffee-ingredients td {
font-size: 1.128em;
}

.p-coffee-ingredients td,
.p-coffee-ingredients th {
border: none;
border-right: 1px solid #000;
padding: 0.2rem 0.46rem;
}

.set-wrap {
padding-top: 32px;
}

.set-flex img {
width: 25%;
}

.set-flex>p {
margin-top: 8px;
}

}