@charset "UTF-8";
/* @import url('main_view.css'); */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

.br-pc {
  display: inline-block;
}

.br-sp {
  display: none;
}

@media (max-width: 767px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: inline-block;
  }
}

* {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  text-decoration: none;
}

@media (max-width: 576px) {
  * {
    font-size: 15px;
  }
}

#pagenation {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

#pagenation p {
  width: 40px;
  height: 40px;
  background: var(--bg-color);
  border-radius: 5px;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
}

#pagenation p:nth-child(4) {
  background: white;
  font-size: 1.5rem;
}

#pagenation p:last-child {
  color: var(--color);
  font-size: 1.5rem;
}

@media (max-width: 575px) {
  #pagenation p {
    width: 35px;
    height: 35px;
  }
}

@media (min-width: 767px) {
  #pagenation p:hover:not(:nth-child(4)) {
    background: var(--color);
    color: white;
  }
}

#map {
  width: 100%;
  height: 20vw;
  max-height: 500px;
  min-height: 250px;
  overflow: visible;
}

#access {
  width: 100%;
  padding-bottom: 5rem;
}

#access #access_wrapper {
  width: 60%;
  max-width: 3200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

#access #access_wrapper #access_detail,
#access #access_wrapper #map {
  margin-bottom: 5rem;
}

#access #access_wrapper #access_detail {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 5%;
}

#access #access_wrapper #access_detail>div {
  width: 50%;
}

#access #access_wrapper #access_detail>div>img {
  width: 100%;
  height: auto;
}

#access #access_wrapper #access_detail>address {
  width: 50%;
  padding-top: 1.5vw;
}

#access #access_wrapper #access_detail>address>* {
  letter-spacing: 1.2px;
}

#access #access_wrapper #access_detail>address h3 {
  margin-bottom: 1.5rem;
  font-size: min(2vw, 2.8rem);
}

#access #access_wrapper #access_detail>address>p,
#access #access_wrapper #access_detail>address>a {
  margin-bottom: 1.2vw;
  font-size: min(1.5vw, 1.3rem);
}

#access #access_wrapper #access_detail>address>p:last-child,
#access #access_wrapper #access_detail>address>a:last-child {
  line-height: 1.2rem;
  font-size: 0.9rem;
}

#access #access_wrapper #access_detail>address>p:nth-of-type(2)>span,
#access #access_wrapper #access_detail>address>a:nth-of-type(2)>span {
  display: block;
  margin-top: 1.2vw;
}

#access #access_wrapper #access_detail>address .contact_num {
  display: inline-block;
  text-transform: uppercase;
  -webkit-appearance: none;
  color: black;
}

#access #access_wrapper>div:nth-of-type(3) {
  width: 100%;
  padding: 2.5rem 3.5rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  gap: 5%;
  background: rgb(254, 129, 20);
  margin-bottom: 5rem;
}

#access #access_wrapper>div:nth-of-type(3) p {
  color: white;
}

#access #access_wrapper>div:nth-of-type(3)>p {
  width: 50%;
  font-size: min(2vw, 20px);
  line-height: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  white-space: nowrap;
}

#access #access_wrapper>div:nth-of-type(3)>div {
  width: 50%;
  display: flex;
  gap: 3%;
  justify-content: flex-start;
}

#access #access_wrapper>div:nth-of-type(3)>div .pc_telephone {
  width: 15%;
  max-width: 60px;
  height: 60px;
}

#access #access_wrapper>div:nth-of-type(3)>div .sp_telephone {
  display: none;
}

#access #access_wrapper>div:nth-of-type(3)>div>div>p {
  margin-bottom: 0.5rem;
}

#access #access_wrapper>div:nth-of-type(3)>div>div>a {
  pointer-events: none;
  font-size: min(2vw, 2.5rem);
  color: white;
  -webkit-appearance: none;
}

@media(max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3)>div>div>a {
    color: #fe8115;
    font-size: 22px;
  }
}

@media(max-width: 575px) {
  #access #access_wrapper>div:nth-of-type(3)>div>div>a {
    pointer-events: unset;
  }
}

#access #access_wrapper>a:last-of-type {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-block: 2rem;
  box-sizing: border-box;
  color: #FF8014;
  border: solid 1.5px #FF8014;
  text-align: center;
  font-size: 2.5rem;
}

#access #access_wrapper>a:last-of-type::after {
  position: absolute;
  content: ">";
  height: 100%;
  top: 0;
  right: 1rem;
  display: flex;
  align-items: center;
  transform: scaleY(1.6);
}

@media (max-width: 1399px) {
  #access #access_wrapper {
    width: 70%;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper {
    width: 85%;
  }
}

@media (max-width: 767px) {

  #access #access_wrapper #access_detail,
  #access #access_wrapper #map {
    margin-bottom: 3rem;
  }
}

@media (max-width: 575px) {

  #access #access_wrapper #access_detail,
  #access #access_wrapper #map {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper #access_detail {
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper #access_detail>div {
    order: 2;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper #access_detail>address {
    order: 1;
    width: 100%;
    margin-bottom: 1.2rem;
  }
}

@media (min-width: 768px) and (max-width: 1399px) {
  #access #access_wrapper #access_detail>address h3 {
    font-size: 2.2vw;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper #access_detail>address h3 {
    font-size: max(1.5vw, 22px);
  }
}

@media (min-width: 768px) and (max-width: 1399px) {

  #access #access_wrapper #access_detail>address>p,
  #access #access_wrapper #access_detail>address>a {
    font-size: 1.7vw;
  }
}

@media (max-width: 767px) {

  #access #access_wrapper #access_detail>address>p,
  #access #access_wrapper #access_detail>address>a {
    font-size: max(2.5vw, 1rem);
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1399px) {
  #access #access_wrapper #access_detail>address>p:last-child {
    font-size: 1vw;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper #access_detail>address>p:last-child {
    font-size: max(2vw, 0.8rem);
  }
}

@media (max-width: 991px) {
  #access #access_wrapper>div:nth-of-type(3) {
    padding: 1.5rem;
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3) {
    flex-direction: column;
  }
}

@media (max-width: 1199px) {
  #access #access_wrapper>div:nth-of-type(3)>p {
    font-size: min(1.5vw, 22px);
  }
}

@media (max-width: 991px) {
  #access #access_wrapper>div:nth-of-type(3)>p {
    font-size: max(1.5vw, 1rem);
    line-height: 1.5rem;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3)>p {
    width: 100%;
    font-size: max(1.5vw, 20px);
    margin-bottom: 1.5rem;
    line-height: 2rem;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #access #access_wrapper>div:nth-of-type(3)>p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3)>div {
    width: 70%;
    margin: 0 auto;
    padding: 1.5rem;
    box-sizing: border-box;
    background: white;
    justify-content: center;
  }
}

@media (max-width: 575px) {
  #access #access_wrapper>div:nth-of-type(3)>div {
    width: 100%;
  }
}

@media (max-width: 991px) {
  #access #access_wrapper>div:nth-of-type(3)>div .pc_telephone {
    max-width: 45px;
    height: 45px;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3)>div .pc_telephone {
    display: none;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3)>div .sp_telephone {
    display: inline;
    width: 15%;
    max-width: 45px;
    height: 45px;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3)>div>div>p {
    color: rgb(254, 129, 20);
  }
}

@media (max-width: 991px) {
  #access #access_wrapper>div:nth-of-type(3)>div>div p:nth-child(2) {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>div:nth-of-type(3)>div>div p:nth-child(2) {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  #access #access_wrapper>div:nth-of-type(3)>div>div p:nth-child(2) {
    font-size: 22px;
  }
}

@media (max-width: 1792px) {
  #access #access_wrapper>a:last-of-type {
    padding-block: 3vw;
    font-size: 2vw;
  }
}

@media (max-width: 991px) {
  #access #access_wrapper>a:last-of-type {
    padding-block: 3.5vw;
  }
}

@media (max-width: 767px) {
  #access #access_wrapper>a:last-of-type {
    font-size: max(1vw, 1rem);
  }
}

@media (max-width: 575px) {
  #access #access_wrapper>a:last-of-type {
    padding-block: 2rem;
  }
}

.header {
  width: 100%;
  height: 150px;
  background: white;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0px 4px 8px rgba(55, 56, 56, 0.4901960784);
}

.header .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
}

.header * {
  font-family: "Zen Maru Gothic", sans-serif;
}

.header input {
  display: none;
}

.header input:checked~.header_wrapper>.nav_wrapper_sp>.hamburger_menu>.menu_toggle>span {
  z-index: 1;
  background: rgba(255, 255, 255, 0);
}

.header input:checked~.header_wrapper>.nav_wrapper_sp>.hamburger_menu>.menu_toggle>span::before {
  bottom: 0;
  transform: rotate(225deg);
}

.header input:checked~.header_wrapper>.nav_wrapper_sp>.hamburger_menu>.menu_toggle>span::after {
  top: 0;
  transform: rotate(-225deg);
}

.header .header_wrapper {
  width: 70%;
  max-width: 3584px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 7%;
}

.header .header_wrapper .logo_wrapper {
  display: flex;
  cursor: pointer;
}

.header .header_wrapper .logo_wrapper>img {
  width: 30%;
  min-width: 50px;
  height: auto;
}

.header .header_wrapper .logo_wrapper>div {
  display: flex;
  align-items: center;
}

.header .header_wrapper .logo_wrapper>div p {
  color: #ff8b14;
  white-space: nowrap;
  margin-left: 0.5rem;
  font-size: 28px;
}

.header .header_wrapper .logo_wrapper>div p span {
  font-size: 28px;
  margin-top: 0.5rem;
  display: block;
}

.header .header_wrapper .navigation {
  width: 80%;
  height: 90px;
  margin: 0 1rem;
}

.header .header_wrapper .navigation ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5%;
}

.header .header_wrapper .navigation ul .sp_nav {
  display: none;
}

.header .header_wrapper .navigation ul .sp_nav_top {
  text-transform: uppercase;
}

.header .header_wrapper .navigation ul>li {
  list-style: none;
}

.header .header_wrapper .navigation ul>li>a {
  color: #2984bb;
  font-size: min(1.2vw, 1rem);
  white-space: nowrap;
}

.header .header_wrapper .navigation .contact {
  width: 50%;
  display: none;
}

.header .header_wrapper .navigation .contact>div p:first-child {
  margin-bottom: 0.2rem;
  font-size: 1rem;
}

.header .header_wrapper .navigation .contact>div p:first-child>span {
  margin-bottom: 0.2rem;
  font-size: 1rem;
}

.header .header_wrapper .navigation .contact>div>a {
  pointer-events: none;
  font-size: min(2vw, 2.5rem);
  color: #FF8114;
}

.header .header_wrapper .header_contact {
  display: flex;
  flex-direction: column;
}

.header .header_wrapper .header_contact .header_contact_top {
  display: flex;
  height: 75%;
  margin-bottom: 0.5rem;
}

.header .header_wrapper .header_contact .header_contact_top .telphone_logo_wrapper {
  height: auto;
  display: flex;
  align-items: center;
}

.header .header_wrapper .header_contact .header_contact_top .telphone_logo_wrapper>img {
  width: 4vw;
  height: auto;
  max-width: 40px;
}

.header .header_wrapper .header_contact .header_contact_top .open_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.header .header_wrapper .header_contact .header_contact_top .open_wrapper>div>a {
  color: #2984bb;
  font-size: min(2.3vw, 25px);
  letter-spacing: 0.11vw;
  white-space: nowrap;
}

.header .header_wrapper .header_contact .header_contact_top .open_wrapper>p {
  font-size: min(1rem, 1.5vw);
  white-space: nowrap;
}

.header .header_wrapper .header_contact .contactBtn {
  text-align: center;
  padding: 1rem 0;
  background: #FF8114;
  color: white;
}

.header .header_wrapper .header_contact .contactBtn:hover {
  color: rgb(240, 240, 240);
}

.header .header_wrapper .nav_wrapper_sp {
  display: none;
}

@media (max-width: 575px) {
  .header {
    height: 80px;
  }
}

@media (max-width: 1499px) {
  .header .header_wrapper {
    gap: 0;
  }
}

@media (max-width: 1399px) {
  .header .header_wrapper {
    width: 80%;
  }
}

@media (max-width: 575px) {
  .header .header_wrapper {
    width: 100%;
    padding: 1rem;
  }
}

@media (max-width: 1199px) {
  .header .header_wrapper .logo_wrapper>img {
    width: 6vw;
  }
}

@media (max-width: 767px) {
  .header .header_wrapper .logo_wrapper>img {
    width: 65px;
  }
}

@media (max-width: 575px) {
  .header .header_wrapper .logo_wrapper>img {
    width: 50px;
  }
}

@media (max-width: 1399px) {
  .header .header_wrapper .logo_wrapper>div p {
    font-size: 25px;
  }
}

@media (max-width: 1199px) {
  .header .header_wrapper .logo_wrapper>div p {
    font-size: max(1.2vw, 1.2rem);
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .logo_wrapper>div p {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .header .header_wrapper .logo_wrapper>div p {
    font-size: 1.5rem;
  }
}

@media (max-width: 575px) {
  .header .header_wrapper .logo_wrapper>div p {
    font-size: 1.2rem;
  }
}

@media (max-width: 1399px) {
  .header .header_wrapper .logo_wrapper>div p span {
    font-size: 25px;
  }
}

@media (max-width: 1199px) {
  .header .header_wrapper .logo_wrapper>div p span {
    font-size: max(1.2vw, 1.2rem);
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .logo_wrapper>div p span {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .header .header_wrapper .logo_wrapper>div p span {
    font-size: 1.5rem;
    margin-left: 0.5rem;
  }
}

@media (max-width: 575px) {
  .header .header_wrapper .logo_wrapper>div p span {
    font-size: 1.2rem;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation {
    position: absolute;
    top: 121px;
    width: 100vw;
    right: -100vw;
    height: 100vh;
    background: rgb(255, 255, 255);
    margin: 0;
    transition: all 0.3s;
  }
}

@media (max-width: 575px) {
  .header .header_wrapper .navigation {
    top: 80px;
  }
}

@media (max-width: 1499px) {
  .header .header_wrapper .navigation ul {
    gap: 2%;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation ul {
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 10% 10%;
    gap: 4%;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation ul .sp_nav {
    display: list-item;
  }
}

@media (max-width: 1499px) {
  .header .header_wrapper .navigation ul>li>a {
    font-size: 1.1vw;
  }
}

@media (max-width: 1199px) {
  .header .header_wrapper .navigation ul>li>a {
    font-size: max(1.2vw, 10px);
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation ul>li>a {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .header .header_wrapper .navigation ul>li>a {
    font-size: 1rem;
  }
}

@media (min-width: 576px) {
  .header .header_wrapper .navigation ul>li>a:hover {
    color: #226d9c;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation .contact {
    position: absolute;
    border: solid 2px #FF8114;
    top: 65%;
    gap: 3%;
    width: 100%;
    padding: 1.5rem;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 80%;
    left: -50%;
    transform: translateX(74%);
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation .contact>img {
    display: inline;
    width: 15%;
    max-width: 60px;
    height: 60px;
  }
}

@media (max-width: 575px) {
  .header .header_wrapper .navigation .contact>img {
    max-width: 40px;
    height: 40px;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation .contact>div>p {
    color: rgb(254, 129, 20);
  }
}

@media (max-width: 575px) {
  .header .header_wrapper .navigation .contact>div p:first-child {
    font-size: 0.9rem;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .navigation .contact>div>a {
    font-size: 3rem;
    letter-spacing: 2px;
  }
}

@media (max-width: 575px) {
  .header .header_wrapper .navigation .contact>div>a {
    pointer-events: unset;
    font-size: 25px;
    letter-spacing: 2px;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .header_contact {
    display: none;
  }
}

@media (min-width: 1699px) {
  .header .header_wrapper .header_contact .header_contact_top .open_wrapper>div>a {
    white-space: nowrap;
    font-size: 2.5rem;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .nav_wrapper_sp {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
  }

  .header .header_wrapper .nav_wrapper_sp .contact_icon {
    width: 60px;
    height: 60px;
    color: #ff8014;
    border: solid 2px #FF8114;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    box-sizing: border-box;
    padding: 2px;
    cursor: pointer;
  }
}

@media (max-width: 991px) and (min-width: 576px) and (max-width: 767px) {
  .header .header_wrapper .nav_wrapper_sp .contact_icon:hover>p {
    color: #df7111;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .nav_wrapper_sp .contact_icon img {
    width: 40%;
    height: auto;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .nav_wrapper_sp .contact_icon p {
    text-transform: uppercase;
    color: #FF8114;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .nav_wrapper_sp .hamburger_menu {
    width: 60px;
    height: 60px;
  }

  .header .header_wrapper .nav_wrapper_sp .hamburger_menu .menu_toggle {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    background: #FF8114;
    border-radius: 7px;
  }
}

@media (max-width: 991px) and (min-width: 576px) and (max-width: 767px) {
  .header .header_wrapper .nav_wrapper_sp .hamburger_menu .menu_toggle:hover>p {
    color: rgb(228, 228, 228);
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .nav_wrapper_sp .hamburger_menu .menu_toggle>span {
    margin-bottom: 0.8rem;
    width: 35px;
    height: 2px;
    background: white;
    border-radius: 2px;
    position: relative;
  }

  .header .header_wrapper .nav_wrapper_sp .hamburger_menu .menu_toggle>span::before {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    background: white;
    transition: all 0.3s;
    bottom: 8px;
  }

  .header .header_wrapper .nav_wrapper_sp .hamburger_menu .menu_toggle>span::after {
    content: "";
    position: absolute;
    width: inherit;
    height: inherit;
    background: white;
    transition: all 0.3s;
    top: 8px;
  }
}

@media (max-width: 991px) {
  .header .header_wrapper .nav_wrapper_sp .hamburger_menu .menu_toggle>p {
    color: white;
    position: absolute;
    bottom: 8px;
    font-size: 0.9rem;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
  }
}

:root {
  --button-color-blue: #2984BB;
  --button-color-orange: #FF8114;
}

#top_container {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}

#top_container .main_back,
#top_container #images_wrapper {
  width: 70%;
  max-width: 3584px;
}

#top_container #detail,
#top_container #response,
#top_container #access,
#top_container #latest {
  margin: 0 auto;
}

#top_container #detail_wrapper,
#top_container #response_wrapper,
#top_container #latest_wrapper,
#top_container #remarks-wrapper,
#top_container #access_wrapper {
  width: 60%;
}

#about_container #detail_wrapper,
#about_container #response_wrapper,
#about_container #latest_wrapper,
#about_container #remarks-wrapper,
#about_container #access_wrapper {
  width: 60%;
}

#top_container .main_back {
  height: 0;
  padding-bottom: 42.74%;
  background-image: url("../images/mainBack.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
  margin-bottom: 5rem;
  position: relative;
}

@media (max-width: 575px) {
  #top_container .main_back {
    background-image: url("../images/mainBack_sp.jpg");
    margin-bottom: 3rem;
    padding-top: 3rem;
  }
}

#top_container .main_back>h1>div {
  width: 78%;
  background: rgba(0, 187, 255, 0.8);
  padding-block: 4%;
}

#top_container .main_back>h1>div>div {
  width: 70%;
  padding-inline: 4%;
}

@media(max-width: 575px) {
  #top_container .main_back>h1>div>div {
    width: 75%;
  }
}

#top_container .main_back>h1>div>div>img {
  width: 100%;
  height: auto;
}

#top_container .main_back>div>p {
  /*font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);*/
  font-size: 70px;
  line-height: 1 !important;
  color: white;
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 1399px) {
  #top_container .main_back>div>p {
    font-size: min(3.8vw, 4rem);
  }
}

@media (max-width: 767px) {
  #top_container .main_back>div>p {
    font-size: min(3.8vw, 2rem);
  }
}

/* #top_container .main_back>h1 {
  width: 60%;
  height: 60%;
  position: absolute;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
} */

/* 20230901_ここに挿入 start */

.main_back h1 {
  width: 60%;
  height: 60%;
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1449px) {
  .main_back h1 {
    bottom: 20px;
  }
}

@media (max-width: 767px) {
  .main_back h1 {
    width: 75%;
    height: 50%;
  }
}

@media (max-width: 575px) {
  .main_back h1 {
    width: 85%;
    height: 49%;
    bottom: 30px;
  }
}

@media (max-width: 499px) {
  .main_back h1 {
    bottom: 0;
  }
}

.main_back h1 p {
  width: -moz-fit-content;
  width: fit-content;
  padding: 3%;
  box-sizing: border-box;
  font-family: "Zen Maru Gothic", sans-serif;
  color: white;
  font-size: 45px;
}

@media (max-width: 2749px) {
  .main_back h1 p {
    font-size: max(1.6vw, 30px);
  }
}

@media (max-width: 1849px) {
  .main_back h1 p {
    font-size: max(1.6vw, 1.5rem);
  }
}

@media (max-width: 1399px) {
  .main_back h1 p {
    font-size: max(2vw, 1.1rem);
  }
}

@media (max-width: 767px) {
  .main_back h1 p {
    font-size: max(2.3vw, 1rem);
  }
}

@media (max-width: 575px) {
  .main_back h1 p {
    font-size: max(2.3vw, 1rem);
  }
}

.main_back h1 p:first-child {
  background: rgba(0, 174, 255, 0.8);
  margin-bottom: 2rem;
}

@media (max-width: 1049px) {
  .main_back h1 p:first-child {
    margin-bottom: 1rem;
  }
}

@media (max-width: 449px) {
  .main_back h1 p:first-child {
    margin-bottom: 0.5rem;
  }
}

.main_back h1 p:nth-child(2) {
  background: rgba(255, 130, 20, 0.8);
}

.main_back h1 p>span {
  font-size: 5rem;
  display: block;
  margin-top: 0.7rem;
  font-family: inherit;
}

@media (max-width: 2629px) {
  .main_back h1 p>span {
    font-size: min(2.5vw, 4.7rem);
  }
}

@media (max-width: 2429px) {
  .main_back h1 p>span {
    font-size: min(2.5vw, 4.3rem);
  }
}

@media (max-width: 2179px) {
  .main_back h1 p>span {
    font-size: min(2.5vw, 4rem);
  }
}

@media (max-width: 1399px) {
  .main_back h1 p>span {
    font-size: min(3.8vw, 5rem);
  }
}

@media (max-width: 767px) {
  .main_back h1 p>span {
    font-size: min(5vw, 5rem);
  }
}

@media (max-width: 575px) {
  .main_back h1 p>span {
    font-size: max(2vw, 25px);
    white-space: nowrap;
  }
}

/* 20230901_ここに挿入 end */

/* #top_container .main_back>h1>p, #top_container .main_back>h1>div>p {
  display: block;
  padding: 2% 5%;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(1.7vw, 3rem);
  color: white;
  box-sizing: border-box;
  white-space: nowrap;
} */

/* @media (max-width: 1399px) {
  #top_container .main_back>h1>p {
    font-size: min(2.2vw, 4rem);
  }
} */

/* @media (max-width: 991px) {
  #top_container .main_back>h1>p {
    font-size: 2.5vw;
  }
} */

/* #top_container .main_back>h1>p:first-child {
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(255, 129, 20, 0.8);
  margin-bottom: 1rem;
  white-space: nowrap;
  font-size: min(4.2vw, 7rem);
} */

/* @media(max-width: 1399px) {
  #top_container .main_back>h1>p:first-child {
    font-size: min(5.8vw, 4rem);
  }
} */

/* @media (max-width: 575px) {
  #top_container .main_back>h1>p:first-child {
    margin-bottom: 0.5rem;
    font-size: 30px;
  }
} */

/* #top_container .main_back>h1>p:nth-child(2) {
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(255, 129, 20, 0.8);
  margin-bottom: 1rem;
  white-space: nowrap;
} */

#top_container .main_back>h1>div>p {
  /* background: rgba(0, 187, 255, 0.8); */
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(4.2vw, 7rem);
  position: relative;
}

@media(max-width: 1399px) {
  #top_container .main_back>h1>div>p {
    font-size: min(5.8vw, 4rem);
  }
}

@media(max-width: 575px) {
  #top_container .main_back>h1>div>p {
    font-size: 30px;
  }
}

#top_container .main_back>h1>div>p>span:last-child {
  display: block;
  margin-top: .5rem;
  font-family: inherit;
}

#top_container .main_back>div {
  width: 40%;
  height: 60%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

#top_container .main_back>div::before {
  content: "";
  position: absolute;
  width: 45%;
  max-width: 322px;
  height: 70%;
  max-height: 330px;
  border-radius: 100%;
  z-index: -1;
}

#top_container .main_back>div::after {
  content: "";
  position: absolute;
  width: 45%;
  max-width: 322px;
  height: 70%;
  max-height: 330px;
  border-radius: 100%;
  z-index: -1;
  right: 15%;
  bottom: 23%;
  background: rgba(255, 129, 20, 0.8);
}

#top_container .main_back>div::before {
  left: 16%;
  bottom: 23%;
  background: rgba(0, 187, 255, 0.8);
}

#top_container .main_back>div>p {
  /* margin-top: 20%; */
  line-height: 1.5;
}

#top_container .main_back>div>p>span {
  font-size: 30px;
  margin-top: 10px;
  line-height: 2rem;
  text-align: center;
  display: block;
}

#top_container .main_back>div>div {
  width: 40%;
}

@media(max-width: 1399px) {
  #top_container .main_back>div>div {
    width: 50%;
  }
}

@media(max-width: 767px) {
  #top_container .main_back>div>div {
    width: 45%;
  }

  #top_container .main_back>div>p>span {
    font-size: 16px;
    margin-top: 0;
  }
}

@media(max-width: 575px) {
  #top_container .main_back>div>div {
    width: 80%;
  }
}

#top_container .main_back>div>div>img {
  width: 100%;
  height: auto;
}

#top_container #about {
  margin-bottom: 5rem;
}

#top_container #about #images_wrapper {
  margin-inline: auto;
}

#top_container #about #images_wrapper .main_bnr {
  width: min(80%, 2000px);
  margin-inline: auto;
  margin-bottom: 3rem;
  height: auto;
  display: block;
}

@media (max-width: 575px) {
  #top_container #about #images_wrapper .main_bnr {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

#top_container #about #images_wrapper>h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 22px;
  text-align: center;
  width: min(80%, 2000px);
  margin: 1rem auto;
  margin-bottom: 3rem;
}

@media(max-width: 991px) {
  #top_container #about #images_wrapper>h2 {
    font-size: max(2.2vw, 18px);
  }
}

@media(max-width: 575px) {
  #top_container #about #images_wrapper>h2 {
    width: 100%;
  }
}

#top_container #about #images_wrapper>h2>a {
  display: block;
  padding-bottom: .5rem;
  border-bottom: solid 2px #FF8014;
  color: black;
  text-align: start;
  padding-left: 2rem;
  position: relative;
}

@media(max-width: 575px) {
  #top_container #about #images_wrapper>h2>a {
    padding-left: 0;
    line-height: 1.5;
    display: flex;
  }
}

@media(min-width: 576px) {
  #top_container #about #images_wrapper>h2>a br {
    display: none;
  }
}


#top_container #about #images_wrapper>h2>a::after {
  content: '>';
  position: absolute;
  top: 0;
  right: 1.5rem;
  font-family: serif;
  width: 10px;
  height: 100%;
  transform: scaleY(1.5);
  color: #FF8014;
}

@media(max-width: 575px) {
  #top_container #about #images_wrapper>h2>a::after {
    top: 5px;
  }
}

#top_container #about #images_wrapper>h2>a>span:first-child {
  color: #FF0020;
  text-transform: uppercase;
  padding-right: 5%;
}

@media(max-width: 575px) {
  #top_container #about #images_wrapper>h2>a>span:last-child {
    display: inline-block;
    font-size: 1rem;
  }
}

#top_container #about #images_wrapper>p {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  padding: 0.5rem 1rem 2rem 1rem;
  line-height: 1.7rem;
}

#top_container #about #images_wrapper #image_detail {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 1.5rem;
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(odd) {
  border: solid 6px var(--button-color-blue);
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(even) {
  border: solid 6px var(--button-color-orange);
}

#top_container #about #images_wrapper #image_detail>dl {
  position: relative;
}

#top_container #about #images_wrapper #image_detail>dl::before {
  position: absolute;
  top: 0.1rem;
  left: 0.5rem;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}

@media(max-width: 1759px) {
  #top_container #about #images_wrapper #image_detail>dl::before {
    width: 2.2vw;
    height: 2.2vw;
    font-size: 1.5vw;
  }
}

@media(max-width: 1599px) {
  #top_container #about #images_wrapper #image_detail>dl::before {
    top: .5rem;
  }
}

@media(max-width: 991px) {
  #top_container #about #images_wrapper #image_detail>dl::before {
    width: 35px;
    height: 35px;
    font-size: 1.2rem;
    top: 0.1rem;
  }
}

@media(max-width: 575px) {
  #top_container #about #images_wrapper #image_detail>dl::before {
    width: 30px;
    height: 30px;
    font-size: 1rem;
    left: 2.7rem;
  }
}

#top_container #about #images_wrapper #image_detail>dl:first-child::before {
  content: '1';
  color: var(--button-color-blue);
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(2)::before {
  content: '2';
  color: var(--button-color-orange);
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(3)::before {
  content: '3';
  color: var(--button-color-blue);
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(4)::before {
  content: '4';
  color: var(--button-color-orange);
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(5)::before {
  content: '5';
  color: var(--button-color-blue);
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(6)::before {
  content: '6';
  color: var(--button-color-orange);
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(7)::before {
  content: '7';
  color: var(--button-color-blue);
}

#top_container #about #images_wrapper #image_detail>dl:last-child::before {
  content: '8';
  color: var(--button-color-orange);
}

#top_container #about #images_wrapper #image_detail>dl>dt {
  padding: 1rem;
  text-align: center;
  color: white;
  background: var(--button-color-blue);
}

@media(max-width: 1759px) {
  #top_container #about #images_wrapper #image_detail>dl>dt {
    padding-left: 3vw;
    font-size: 1vw;
  }
}

@media(max-width: 1399px) {
  #top_container #about #images_wrapper #image_detail>dl>dt {
    font-size: 1.1vw;
  }
}

@media(max-width: 991px) {
  #top_container #about #images_wrapper #image_detail>dl>dt {
    font-size: 1rem;
  }
}

@media(max-width: 575px) {
  #top_container #about #images_wrapper #image_detail>dl:nth-child(2)>dt {
    line-height: 0;
  }
}

#top_container #about #images_wrapper #image_detail>dl:nth-child(even)>dt {
  background: var(--button-color-orange);
}

#top_container #about #images_wrapper #image_detail>dl>div>img {
  width: 100%;
  height: auto;
}

#top_container #about #images_wrapper #image_detail>dl>dd {
  padding: 1rem;
  background: white;
  line-height: 1.7rem;
}

#top_container #about #images_wrapper>a {
  width: 250px;
  height: 60px;
  color: white;
  background: var(--button-color-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 1.5rem;
  position: relative;
  cursor: pointer;
  margin-top: 5rem;
}

#top_container #about #images_wrapper>a:hover {
  color: rgb(230, 230, 230);
}

#top_container #about #images_wrapper>a:hover::after {
  color: rgb(230, 230, 230);
}

#top_container #about #images_wrapper>a::after {
  content: ">";
  position: absolute;
  transform: scale(0.6, 1.3);
  right: 2rem;
  bottom: 20px;
  color: white;
  font-size: 1.5rem;
}

#top_container #detail {
  width: 100%;
  background: #D5E4E7;
  padding: 3rem 0;
  margin-bottom: 5rem;
}

#top_container #detail #detail_wrapper {
  max-width: 3200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

#top_container #detail #detail_wrapper>dl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#top_container #detail #detail_wrapper>dl * {
  text-align: center;
}

#top_container #detail #detail_wrapper>dl dt {
  height: 20%;
  margin: 1.5rem;
  height: 20%;
}

#top_container #detail #detail_wrapper>dl .explanation {
  line-height: 1.7rem;
  text-align: start;
  height: 40%;
  font-size: 1rem;
}

@media (max-width: 1792px) {
  #top_container #detail #detail_wrapper>dl .explanation {
    font-size: max(1vw, .9rem);
  }
}

#top_container #detail #detail_wrapper>dl>div {
  height: auto;
  margin-bottom: 1rem;
}

#top_container #detail #detail_wrapper>dl>dt {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 22px;
}

#top_container #detail #detail_wrapper>dl>div img {
  width: 100%;
  height: auto;
}

#top_container #detail #detail_wrapper>dl .detail_button_wrapper {
  height: 20%;
}

#top_container #detail #detail_wrapper>dl .detail_button_wrapper .detail_button {
  width: 250px;
  height: 60px;
  color: white;
  background: var(--button-color-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 1.5rem;
  position: relative;
  cursor: pointer;
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  #top_container #detail #detail_wrapper>dl .detail_button_wrapper .detail_button {
    height: 60px;
  }
}

#top_container #detail #detail_wrapper>dl .detail_button_wrapper .detail_button:hover {
  color: rgb(230, 230, 230);
}

#top_container #detail #detail_wrapper>dl .detail_button_wrapper .detail_button:hover::after {
  color: rgb(230, 230, 230);
}

#top_container #detail #detail_wrapper>dl .detail_button_wrapper .detail_button::after {
  content: ">";
  position: absolute;
  right: 2rem;
  transform: scale(0.6, 1.3);
  font-size: 1.5rem;
  height: 77%;
  display: flex;
  align-items: center;
}

#top_container #detail #detail_wrapper>dl .detail_button_wrapper .detail_button_blue {
  background: #FF8014;
}

#top_container #response {
  width: 100%;
  margin-bottom: 5rem;
  padding: 3rem 0;
  background: #ffd5b7;
}

#top_container #response #response_wrapper {
  max-width: 3200px;
  margin: 0 auto;
}

#top_container #response #response_wrapper h2 {
  font-size: 22px;
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  padding: 1.5rem;
  padding-bottom: 0;
}

#top_container #response #response_wrapper>p {
  margin-bottom: 5rem;
}

#top_container #response #response_wrapper .voices {
  margin-bottom: 5rem;
  display: flex;
  justify-content: space-between;
  gap: 5%;
}

#top_container #response #response_wrapper .voices>div {
  width: 33%;
  max-width: 620px;
  height: auto;
  position: relative;
}

#top_container #response #response_wrapper .voices .voice-ttl-area {
  background-color: #FF8014;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

#top_container #response #response_wrapper .voices .voice-ttl {
  color: #FFF;
  display: flex;
  align-items: center;
  font-size: 1.12em;
  line-height: 1.4;
  min-height: 3em;
  /*高さ調整のために入れてます。ここは調整してください*/
  text-align: left;
}

@media (max-width: 1099px) {
  #top_container #response #response_wrapper .voices .voice-ttl {
    font-size: max(1vw, .8rem);
  }
}

@media (max-width: 767px) {
  #top_container #response #response_wrapper .voices .voice-ttl {
    font-size: 1.12rem;
  }
}

#top_container #response #response_wrapper .voices>div>img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#top_container #response #response_wrapper .voices>div>p {
  white-space: nowrap;
  font-size: max(1vw, 0.8rem);
  color: white;
  background: #ff8015;
  height: 4.5vw;
  max-height: 69.76px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  #top_container #response #response_wrapper .voices>div>p {
    height: 69.76px;
  }
}

#top_container #response #response_wrapper>p {
  padding: 1.5rem;
  text-align: center;
  line-height: 1.5rem;
}

#top_container #response #response_wrapper>a {
  width: 250px;
  height: 60px;
  color: white;
  background: var(--button-color-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 1.5rem;
  position: relative;
  cursor: pointer;
  margin-bottom: 2rem;
}

#top_container #response #response_wrapper>a:hover {
  color: rgb(230, 230, 230);
}

#top_container #response #response_wrapper>a:hover::after {
  color: rgb(230, 230, 230);
}

#top_container #response #response_wrapper>a::after {
  content: ">";
  transform: scale(0.6, 1.3);
  position: absolute;
  right: 2rem;
  bottom: 20px;
  color: white;
  font-size: 1.5rem;
}

#top_container #remarks {
  width: 100%;
  padding-block: 3rem;
  margin-bottom: 5rem;
}

#top_container #remarks>#remarks-wrapper {
  max-width: 3200px;
  margin-inline: auto;
  border: solid 3px #FF8014;
  padding-block: 3rem;
  position: relative;
}

@media (max-width: 575px) {
  #top_container #remarks>#remarks-wrapper {
    width: 85%;
  }
}

#top_container #remarks>#remarks-wrapper>img {
  width: 120px;
  height: auto;
  position: absolute;
  top: -1px;
  left: -1px;
}

@media (max-width: 1699px) {
  #top_container #remarks>#remarks-wrapper>img {
    width: 100px;
  }
}

@media (max-width: 575px) {
  #top_container #remarks>#remarks-wrapper>img {
    width: 70px;
  }
}


#top_container #remarks>#remarks-wrapper>.remarks-box {
  width: 90%;
  margin-inline: auto;
}

/* #top_container #remarks>#remarks-wrapper>.remarks-box h2 {
  margin-bottom: 2rem;
  font-size: 22px;
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  color: #FF8014;
} */
#txt_img_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}

#top_container #remarks>#remarks-wrapper>.remarks-box>#txt_img_wrapper>img {
  margin-bottom: 2rem;
  width: 40%;
  height: auto;
}

@media(max-width: 1699px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box>#txt_img_wrapper>img {
    width: 50%;
    margin-bottom: 1rem;
  }
}

@media(max-width: 991px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box>#txt_img_wrapper>img {
    width: 70%;
  }
}

@media(max-width: 767px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box>#txt_img_wrapper>img {
    width: 80%;
  }
}

@media(max-width: 575px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box>#txt_img_wrapper>img {
    width: 100%;
  }
}

/* @media (max-width: 991px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box h2 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box h2 {
    font-size: 20px;
    line-height: 1.7rem;
  }
}

@media (min-width: 768px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box h2>.br-sp {
    display: none;
  }
} */

#top_container #remarks>#remarks-wrapper>.remarks-box .box-container {
  display: flex;
  gap: 5%;
}

@media (max-width: 991px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container {
    flex-direction: column;
    justify-content: space-between;
  }
}

#top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-l {
  width: 45%;
}

@media (max-width: 991px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-l {
    width: 100%;
    margin-bottom: 2rem;
  }
}

#top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-l img {
  width: 100%;
  height: auto;
}

#top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 991px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r {
    width: 100%;
  }
}

#top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text {
  line-height: 2.5rem;
  letter-spacing: 2px;
}

@media(max-width: 1899px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text {
    line-height: 1.5rem;
  }
}

@media (max-width: 991px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text {
    margin-bottom: 2rem;
    line-height: 1.7rem;
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text {
    font-size: 1rem;
  }
}

@media (min-width: 1180px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text>p:nth-child(2) span {
    display: block;
  }
}

#top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r>a {
  width: 250px;
  height: 60px;
  color: white;
  background: var(--button-color-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 991px) {
  #top_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r>a {
    margin-inline: auto;
  }
}

#top_container #study {
  width: 100%;
  margin-bottom: 5rem;
}

#top_container #study-wrapper {
  max-width: 3200px;
  margin: 0 auto;
  width: 60%;
}

@media (max-width: 1399px) {
  #top_container #study-wrapper {
    width: 70%;
  }
}

@media (max-width: 767px) {
  #top_container #study-wrapper {
    width: 85%;
  }

  #top_container #study-wrapper .study-box {
    padding: 2rem;
  }
}

#top_container .study-box {
  background-color: #D1E0E3;
  padding: 2rem 4rem 3rem;
  text-align: center;
}

#top_container #study h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  padding: 0 1.5rem 1.5rem;
}

#top_container #study .lead-txt {
  text-align: center;
  margin-bottom: 3em;
}

#top_container .study-box img {
  max-width: 100%;
}

#top_container #study .text {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 2em;
  text-align: left;
}

#top_container #study .text>*:not(:last-child) {
  margin-bottom: 1em;
}

#top_container #study .link {
  color: #EC6300;
}

#top_container #latest {
  width: 100%;
  margin-bottom: 5rem;
  padding: 5rem 0;
  background: #D5E4E7;
}

#top_container #latest #latest_wrapper {
  max-width: 3200px;
  height: auto;
  margin: 0 auto;
}

#top_container #latest #latest_wrapper h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 22px;
  text-align: center;
  padding: 1.5rem;
  padding-top: 0;
}

#top_container #latest #latest_wrapper .infomation {
  width: 100%;
  padding: 1.5vw 3.5rem;
  margin-bottom: 5rem;
  background: white;
  box-sizing: border-box;
}

#top_container #latest #latest_wrapper .infomation>dl {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: solid 1px #2984BB;
  display: flex;
}

#top_container #latest #latest_wrapper .infomation>dl dt,
#top_container #latest #latest_wrapper .infomation>dl dd {
  line-height: 1.7rem;
}

#top_container #latest #latest_wrapper .infomation>dl>dt {
  margin-right: 5%;
}

#top_container #latest #latest_wrapper .infomation>dl:last-child {
  margin-bottom: 0;
}

#top_container #latest #latest_wrapper>a {
  width: 250px;
  height: 60px;
  color: white;
  background: var(--button-color-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 1.5rem;
  position: relative;
  cursor: pointer;
  margin-top: 0;
  background: var(--button-color-blue);
}

#top_container #latest #latest_wrapper>a:hover {
  color: rgb(230, 230, 230);
}

#top_container #latest #latest_wrapper>a:hover::after {
  color: rgb(230, 230, 230);
}

#top_container #latest #latest_wrapper>a::after {
  content: ">";
  transform: scale(0.6, 1.3);
  position: absolute;
  right: 2rem;
  bottom: 20px;
  color: white;
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  #top_container {
    margin-top: 115px;
  }
}

@media (max-width: 575px) {
  #top_container {
    margin-top: 80px;
  }
}

@media (max-width: 1399px) {

  #top_container .main_back,
  #top_container #images_wrapper {
    width: 80%;
  }
}

@media (max-width: 1399px) {

  #top_container #detail_wrapper,
  #top_container #response_wrapper,
  #top_container #remarks-wrapper,
  #top_container #latest_wrapper,
  #top_container #access_wrapper {
    width: 70%;
  }
}

@media (max-width: 1399px) {

  #about_container #detail_wrapper,
  #about_container #response_wrapper,
  #about_container #remarks-wrapper,
  #about_container #latest_wrapper,
  #about_container #access_wrapper {
    width: 70%;
  }
}

@media (max-width: 767px) {

  #about_container #detail_wrapper,
  #about_container #response_wrapper,
  #about_container #latest_wrapper,
  #about_container #access_wrapper {
    width: 85%;
  }
}

@media (max-width: 767px) {

  #top_container #detail_wrapper,
  #top_container #response_wrapper,
  #top_container #latest_wrapper,
  #top_container #access_wrapper {
    width: 85%;
  }
}

@media (max-width: 1399px) {
  #top_container .main_back {
    width: 100%;
    padding-bottom: 57.74%;
  }
}

@media (max-width: 767px) {
  #top_container .main_back {
    padding-top: 5rem;
    padding-bottom: 100%;
    width: 100%;
  }
}

@media (max-width: 575px) {
  #top_container .main_back {
    padding-bottom: 100%;
  }
}

@media (max-width: 575px) {
  /* #top_container .main_back>h1>p {
    font-size: 0.9rem;
    white-space: normal;
  } */

  #top_container .main_back>div>p {
    font-size: 36px;
    white-space: normal;
  }
}

/* @media (max-width: 767px) {
  #top_container .main_back>h1 {
    width: 75%;
    height: 50%;
  }
} */

/* @media (max-width: 575px) {
  #top_container .main_back>h1 {
    width: 85%;
    height: 55%;
    bottom: 5%;
  }
} */

@media (max-width: 575px) {
  .top_container .main_back>h1>p:first-child>span {
    display: block;
    margin-top: 0.5rem;
  }
}

@media (max-width: 767px) {
  #top_container .main_back>div {
    width: 400px;
    height: 250px;
    top: 10%;
  }
}

@media (max-width: 767px) {
  #top_container .main_back>div {
    top: 5%;
  }
}

@media (max-width: 575px) {
  #top_container .main_back>div {
    width: 180px;
    height: 180px;
    top: 0;
    right: 3%;
  }
}

@media (max-width: 449px) {
  #top_container .main_back>div {
    right: 7px;
    top: -20px;
  }
}

@media (max-width: 389px) {
  #top_container .main_back>div {}
}

@media (min-width: 2880px) {

  #top_container .main_back>div::before,
  #top_container .main_back>div::after {
    max-width: 42%;
    max-height: 45%;
  }
}

@media (max-width: 2560px) {

  #top_container .main_back>div::before,
  #top_container .main_back>div::after {
    height: 50%;
  }
}

@media (max-width: 1399px) {

  #top_container .main_back>div::before,
  #top_container .main_back>div::after {
    height: 53%;
    width: 47%;
  }
}

@media (max-width: 991px) {

  #top_container .main_back>div::before,
  #top_container .main_back>div::after {
    width: 50%;
    height: 58%;
  }
}

@media (max-width: 767px) {

  #top_container .main_back>div::before,
  #top_container .main_back>div::after {
    width: 170px;
    height: 170px;
  }
}

@media (max-width: 575px) {

  #top_container .main_back>div::before,
  #top_container .main_back>div::after {
    width: 125px;
    height: 125px;
  }
}

@media (min-width: 2880px) {
  #top_container .main_back>div::after {
    right: 20%;
    bottom: 13%;
  }
}

@media (min-width: 5160px) {
  #top_container .main_back>div::after {
    bottom: 20%;
  }
}

@media (max-width: 991px) {
  #top_container .main_back>div::after {
    bottom: 14%;
  }
}

@media (max-width: 767px) {
  /*#top_container .main_back>div::after {
    bottom: 5%;
  }*/
}

@media (max-width: 575px) {
  #top_container .main_back>div::after {
    right: 3%;
    /*top: 25%;*/
  }
}

@media (min-width: 2880px) {
  #top_container .main_back>div::before {
    left: 20%;
    bottom: 20%;
  }
}

@media (min-width: 5160px) {
  #top_container .main_back>div::before {
    bottom: 25%;
  }
}

@media (max-width: 991px) {
  #top_container .main_back>div::before {
    left: 14%;
    bottom: 18%;
  }
}

@media (max-width: 767px) {
  #top_container .main_back>div::before {
    bottom: 10%;
    left: 20%;
  }
}

@media (max-width: 575px) {
  #top_container .main_back>div::before {
    left: 0;
    bottom: 15%;
  }
}

@media (max-width: 2880px) {
  #top_container .main_back>div>p {
    /* margin-top: 8%; */
  }
}

@media (max-width: 991px) {
  #top_container .main_back>div>p {
    /* margin-top: 15%; */
  }
}

@media (max-width: 767px) {
  #top_container .main_back>div>p {
    /* margin-top: 0; */
  }
}

@media (max-width: 767px) {
  #top_container #about #images_wrapper {
    width: 90%;
  }
}

@media (max-width: 1199px) {
  #top_container #about #images_wrapper>p {
    width: 80%;
  }
}

@media (max-width: 991px) {
  #top_container #about #images_wrapper>p {
    width: 100%;
  }
}

@media (max-width: 991px) {
  #top_container #about #images_wrapper #image_detail {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  #top_container #about #images_wrapper #image_detail {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 575px) {
  #top_container #about #images_wrapper #image_detail>dl {
    display: grid;
    grid-template: "areaA areaA areaA areaA areaA" auto "areaB areaB areaB areaC areaC" auto;
  }
}

@media (max-width: 575px) {
  #top_container #about #images_wrapper #image_detail>dl>dt {
    padding: 10px;
    display: flex;
    align-items: center;
    grid-area: areaA;
    padding-left: 5.3rem;
  }
}

@media (max-width: 575px) {
  #top_container #about #images_wrapper #image_detail>dl>div {
    grid-area: areaB;
  }
}

@media (max-width: 575px) {
  #top_container #about #images_wrapper #image_detail>dl>div>img {
    height: 100%;
  }
}

@media (max-width: 575px) {
  #top_container #about #images_wrapper #image_detail>dl>dd {
    grid-area: areaC;
    line-height: 1.2rem;
    font-size: 0.8rem;
  }
}

@media (max-width: 991px) {
  #top_container #detail #detail_wrapper {
    width: 70%;
    gap: 0;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  #top_container #detail #detail_wrapper {
    flex-direction: column;
    width: 85%;
  }
}

@media (min-width: 768px) {
  #top_container #detail #detail_wrapper>dl {
    width: 45%;
  }
}

@media (max-width: 767px) {

  #top_container #detail #detail_wrapper>dl dt,
  #top_container #detail #detail_wrapper>dl .explanation,
  #top_container #detail #detail_wrapper>dl>div {
    margin: 0 0 2rem 0;
  }
}

@media (max-width: 767px) {
  #top_container #detail #detail_wrapper>dl .explanation {
    height: auto;
  }
}

@media (max-width: 767px) {
  #top_container #detail #detail_wrapper>dl .detail_button {
    margin-top: 0;
    margin-bottom: 5rem;
  }
}

@media (max-width: 575px) {
  #top_container #response #response_wrapper {
    width: 85%;
  }
}

@media (max-width: 575px) {
  #top_container #response #response_wrapper>p {
    padding: 1rem;
  }
}

@media (max-width: 767px) {
  #top_container #response #response_wrapper .voices {
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem;
  }
}

@media (max-width: 991px) {
  #top_container #response #response_wrapper .voices>div {
    width: 30%;
  }
}

@media (max-width: 767px) {
  #top_container #response #response_wrapper .voices>div {
    width: 60%;
    margin-bottom: 2rem;
  }
}

@media (max-width: 575px) {
  #top_container #response #response_wrapper .voices>div {
    width: 100%;
  }
}

@media (min-width: 1400px) {
  #top_container #response #response_wrapper .voices>div>p {
    font-size: min(1vw, 22px);
  }
}

/**/
#top_container #study .box-container {
  display: flex;
}

@media (max-width: 767px) {
  #top_container #study .box-container {
    flex-direction: column;
  }
}

#top_container #study .media-area {
  width: 50%;
}

@media (max-width: 767px) {
  #top_container #study .media-area {
    width: 100%;
  }
}

#top_container #study .media-area figure {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

#top_container #study .media-area figure p {
  text-align: start;
  margin-top: 0.3rem;
}

@media (max-width: 575px) {
  #top_container #study .media-area figure p {
    font-size: 13px;
  }
}

#top_container #study .text-area {
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  text-align: center;
  width: 50%;
}

@media (max-width: 767px) {
  #top_container #study .text-area {
    width: 100%;
    padding-left: 0;
  }
}

#top_container #study .text-area .text .text-wrapper * {
  letter-spacing: 1.5px;
}

#top_container #study .text-area .text .text-wrapper .text-title {
  color: #FF8014;
  font-size: 18px;
}

#top_container #study .text-area .text .text-wrapper .text-detail {
  line-height: 1.3rem;
}

@media (max-width: 1399px) {
  #top_container #study .text-area .text .text-wrapper .text-detail br {
    display: none;
  }
}

@media (max-width: 767px) {
  #top_container #study-wrapper {
    width: 85%;
  }

  #top_container .study-box {
    padding: 2rem;
  }

  #top_container #study h2 {
    padding: 0 0.5rem 1.5rem;
  }

  #top_container #study .media-area {
    margin-bottom: 5%;
  }

  #top_container #study .link {
    font-size: 0.9em;
  }
}

@media (max-width: 480px) {
  #top_container .study-box {
    padding: 1.5rem;
  }
}

/**/
@media (max-width: 768px) {
  #top_container #latest #latest_wrapper .infomation {
    padding: 1.5rem 2rem;
  }
}

@media (max-width: 575px) {
  #top_container #latest #latest_wrapper .infomation {
    padding: 1.5rem;
  }
}

@media (max-width: 767px) {
  #top_container #latest #latest_wrapper .infomation>dl {
    flex-direction: column;
    gap: 10px;
  }
}


.section-inner .pc {
  display: block;
}

.section-inner .sp {
  display: none;
}

.section-inner img {
  max-width: 100%;
  height: auto;
}

#top_container #looking_for_executive {
  padding-bottom: 3rem;
}

#top_container #w_campaign {
  padding-top: 2rem;
}

#top_container #introduction_campaign {
  padding-top: 2rem;
}

#introduction_campaign.not_top {
  padding-bottom: 3em;
}

#top_container #looking_for_executive .section-inner,
#top_container #w_campaign .section-inner,
#top_container #introduction_campaign .section-inner,
#top_container #sample_size .section-inner {
  max-width: 3200px;
  margin: 0 auto;
  width: 55%;
}

#top_container #w_campaign .ttl_content {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 1.5em;
}

#top_container #w_campaign .content_wrap {
  display: flex;
  justify-content: space-between;
}

#top_container #w_campaign .content_wrap .item {
  width: 47.5%;
}

#top_container #guide_container {
  margin-top: 0;
}

#top_container #guide_container #trunk_type {
  background: unset;
  margin-bottom: 2rem;
}

#top_container #guide_container #trunk_type #trunk_type_wrapper h2 {
  margin-bottom: 1.5rem;
}
#top_container #sample_size {
  margin-bottom: 4rem;
}

@media (max-width: 1399px) {

  #top_container #looking_for_executive .section-inner,
  #top_container #w_campaign .section-inner,
  #top_container #introduction_campaign .section-inner,
  #top_container #sample_size .section-inner {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .section-inner .pc {
    display: none;
  }

  .section-inner .sp {
    display: block;
  }

  #top_container #top_transportation {
    padding-bottom: 2rem;
  }

  #top_container #looking_for_executive {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  #top_container #looking_for_executive .section-inner,
  #top_container #w_campaign .section-inner,
  #top_container #introduction_campaign .section-inner,
  #top_container #sample_size .section-inner {
    width: 66%;
  }

  #top_container #w_campaign .content_wrap {
    flex-direction: column;
  }

  #top_container #w_campaign .ttl_content {
    margin-bottom: 0;
  }

  #top_container #w_campaign .content_wrap .item {
    width: 100%;
    margin-top: 2em;
  }

  #top_container #guide_container #trunk_type {
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
  #top_container #sample_size {
    margin-bottom: 4rem;
  }
}

@media (max-width: 575px) {

  #top_container #looking_for_executive .section-inner,
  #top_container #w_campaign .section-inner,
  #top_container #introduction_campaign .section-inner,
  #top_container #sample_size .section-inner {
    width: 90%;
  }
}

#about_container {
  width: 100%;
  margin-top: 150px;
}

#about_container h2 {
  font-family: "Zen Maru Gothic", sans-serif;
}

#about_container #about,
#about_container #feature {
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-bottom: 5rem;
}

#about_container #about #about_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
  padding-top: 5rem;
}

#about_container #about #about_wrapper .main_back {
  width: 100%;
  height: 0;
  margin-bottom: 5rem;
  padding-bottom: 31.044%;
  background-image: url("../images/about_main.JPG");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#about_container #about #about_wrapper .main_back h1 {
  padding: 2% 4%;
  position: absolute;
  width: auto;
  height: auto;
  bottom: 25%;
  background: rgba(255, 129, 20, 0.8);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);
  color: white;
}

#about_container #about #about_wrapper .detail {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 5rem;
  display: flex;
  justify-content: space-around;
  gap: 5%;
}

#about_container #about #about_wrapper .detail>div:first-child {
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#about_container #about #about_wrapper .detail>div:first-child h2 {
  font-size: min(2.2vw, 22px);
  margin-bottom: 1.5rem;
}

#about_container #about #about_wrapper .detail>div:first-child p {
  line-height: 2rem;
  font-size: min(1.7vw, 1rem);
}

#about_container #about #about_wrapper .detail>div:nth-child(2) {
  width: 50%;
  height: auto;
}

#about_container #about #about_wrapper .detail>div:nth-child(2) img {
  width: 100%;
  height: auto;
}

#about_container #feature {
  background: #D3E2E5;
  width: 100%;
  max-width: 3584px;
}

#about_container #feature #feature_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
}

#about_container #feature #feature_wrapper h2 {
  text-align: center;
  padding: 3rem;
  font-size: min(2.2vw, 22px);
  white-space: nowrap;
}

#about_container #feature #feature_wrapper #feature_image_wrapper {
  width: 100%;
  padding-bottom: 5rem;
  display: grid;
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl {
  display: flex;
  margin-bottom: 1rem;
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl>div:first-child {
  width: 35%;
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl>div:first-child img {
  width: 100%;
  height: auto;
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) {
  width: 65%;
  background: white;
  padding: 3% 3% 2% 3%;
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) dt {
  margin-bottom: 3%;
  font-size: min(1.3vw, 18px);
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) dd {
  line-height: 1.5rem;
  font-size: min(1vw, 0.9rem);
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl:nth-child(2)>div:first-child img {
  height: 100%;
}

#about_container #feature #feature_wrapper #feature_image_wrapper dl:last-child {
  margin-bottom: 0;
}

#about_container #remarks {
  width: 100%;
  padding-block: 3rem;
  margin-bottom: 5rem;
}

#about_container #remarks>#remarks-wrapper {
  max-width: 3200px;
  margin-inline: auto;
  border: solid 3px #FF8014;
  padding-block: 3rem;
}

@media (max-width: 575px) {
  #about_container #remarks>#remarks-wrapper {
    width: 85%;
  }
}

#about_container #remarks>#remarks-wrapper>.remarks-box {
  width: 90%;
  margin-inline: auto;
}

#about_container #remarks>#remarks-wrapper>.remarks-box h2 {
  margin-bottom: 2rem;
  font-size: 22px;
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  color: #FF8014;
}

@media (max-width: 991px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box h2 {
    font-size: 30px;
  }
}

@media (max-width: 575px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box h2 {
    font-size: 20px;
    line-height: 1.7rem;
  }
}

@media (min-width: 768px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box h2>.br-sp {
    display: none;
  }
}

#about_container #remarks>#remarks-wrapper>.remarks-box .box-container {
  display: flex;
  gap: 5%;
}

@media (max-width: 991px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box .box-container {
    flex-direction: column;
    justify-content: space-between;
  }
}

#about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-l {
  width: 45%;
}

@media (max-width: 991px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-l {
    width: 100%;
    margin-bottom: 2rem;
  }
}

#about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-l img {
  width: 100%;
  height: auto;
}

#about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 991px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r {
    width: 100%;
  }
}

#about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text {
  line-height: 1.5rem;
}

@media (max-width: 991px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text {
    margin-bottom: 2rem;
    line-height: 1.7rem;
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text {
    font-size: 1rem;
  }
}

@media (min-width: 1180px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r .text>p:nth-child(2) span {
    display: block;
  }
}

#about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r>a {
  width: 250px;
  height: 60px;
  color: white;
  background: var(--button-color-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 991px) {
  #about_container #remarks>#remarks-wrapper>.remarks-box .box-container>.contaoner-r>a {
    margin-inline: auto;
  }
}

#about_container #cloud_fanding {
  background: #ffd5b7;
  width: 100%;
  max-width: 3584px;
}

#about_container #cloud_fanding #cloud_fanding_wrapper {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 5rem;
  padding-bottom: 5rem;
}

#about_container #cloud_fanding #cloud_fanding_wrapper h2 {
  text-align: center;
  padding: 5rem 0 2.5rem;
  font-size: min(2.2vw, 22px);
}

#about_container #cloud_fanding #cloud_fanding_wrapper #contents_wrapper {
  width: 100%;
  background: white;
}

#about_container #cloud_fanding #cloud_fanding_wrapper #contents_wrapper>div {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-block: 2.5rem;
}

#about_container #cloud_fanding #cloud_fanding_wrapper #contents_wrapper>div img {
  width: 70%;
  height: auto;
}

#about_container #cloud_fanding #cloud_fanding_wrapper #contents_wrapper>p {
  font-size: 0.9rem;
  line-height: 1.5rem;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 2.5rem;
}

#about_container #cloud_fanding #cloud_fanding_wrapper #contents_wrapper>p>span {
  font-size: 0.9rem;
  line-height: 1.5rem;
}

#about_container #cloud_fanding #cloud_fanding_wrapper #contents_wrapper>p span {
  display: block;
  margin-top: 2rem;
}

#about_container #study .box-container {
  display: flex;
}

@media (max-width: 767px) {
  #about_container #study .box-container {
    flex-direction: column;
  }
}

#about_container #study .media-area {
  width: 50%;
}

@media (max-width: 767px) {
  #about_container #study .media-area {
    width: 100%;
    margin-bottom: 5%;
  }
}

#about_container #study .media-area figure {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

#about_container #study .media-area p {
  text-align: start;
  margin-top: 0.3rem;
}

@media (max-width: 575px) {
  #about_container #study .media-area p {
    font-size: 13px;
  }
}

#about_container #study .text-area {
  display: flex;
  flex-direction: column;
  padding-left: 5%;
  text-align: center;
  width: 50%;
}

@media (max-width: 767px) {
  #about_container #study .text-area {
    width: 100%;
    padding-left: 0;
  }
}

#about_container #study .text-area .text .text-wrapper * {
  letter-spacing: 1.5px;
}

#about_container #study .text-area .text .text-wrapper .text-title {
  color: #FF8014;
  font-size: 18px;
}

#about_container #study .text-area .text .text-wrapper .text-detail {
  line-height: 1.3rem;
}

@media (max-width: 1399px) {
  #about_container #study .text-area .text .text-wrapper .text-detail br {
    display: none;
  }
}

#study-wrapper {
  max-width: 3200px;
  margin: 0 auto;
  width: 60%;
}

@media (max-width: 1399px) {
  #study-wrapper {
    width: 70%;
  }
}

@media (max-width: 767px) {
  #study-wrapper {
    width: 85%;
  }

  #study-wrapper .study-box {
    padding: 2rem;
  }

  #study-wrapper #study h2 {
    padding: 0 0.5rem 1.5rem;
  }

  #study-wrapper #study .media-area {
    margin-bottom: 5%;
  }
}

@media (max-width: 480px) {
  #about_container .study-box {
    padding: 1.5rem;
  }
}

#study {
  width: 100%;
  margin-bottom: 5rem;
}

.study-box {
  border: solid 3px #FF8014;
  padding: 2rem 4rem 3rem;
  text-align: center;
}

#study h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
  padding: 0 1.5rem 1.5rem;
  color: #FF8014;
}

#study .lead-txt {
  text-align: center;
  margin-bottom: 3em;
}

.study-box img {
  max-width: 100%;
}

#study .text_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#study .text_wrapper .text {
  font-size: 1rem;
  text-align: start;
  line-height: 1.5rem;
}

@media (max-width: 1059px) {
  #study .text_wrapper .text {
    font-size: max(1vw, 0.9rem);
    line-height: 1.9vw;
  }
}

@media (max-width: 767px) {
  #study .text_wrapper .text {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

#study .text_wrapper .text span {
  display: block;
}

#study .text_wrapper .contact_btn {
  background: #FF8014;
  color: white;
  width: 250px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  #study .text_wrapper .contact_btn {
    display: inline-flex;
    margin-inline: auto;
  }
}

#study .link {
  color: #EC6300;
}

@media (max-width: 575px) {
  #about_container {
    margin-top: 80px;
  }
}

@media (max-width: 1399px) {
  #about_container #about #about_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper {
    width: 100%;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .main_back {
    background-image: url("../images/about_main_sp.jpg");
    padding-bottom: 100%;
  }
}

@media (max-width: 1699px) {
  #about_container #about #about_wrapper .main_back h1 {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .main_back h1 {
    font-size: 3.5vw;
    width: 50%;
    bottom: 15%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #about_container #about #about_wrapper .main_back h1 {
    padding: 3% 1.5em;
    font-size: 27px;
    width: auto;
    justify-content: center;
    height: 13%;
    bottom: 60px;
  }
}

@media (max-width: 991px) {
  #about_container #about #about_wrapper .detail {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .detail {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

@media (max-width: 565px) {
  #about_container #about #about_wrapper .detail {
    width: 90%;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .detail>div:first-child {
    width: 100%;
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .detail>div:first-child h2 {
    font-size: max(2.5vw, 20px);
    text-align: center;
  }
}

@media (max-width: 991px) {
  #about_container #about #about_wrapper .detail>div:first-child p {
    line-height: 1.5rem;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .detail>div:first-child p {
    text-align: center;
    font-size: 2vw;
  }
}

@media (max-width: 575px) {
  #about_container #about #about_wrapper .detail>div:first-child p {
    font-size: 0.9rem;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .detail>div:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  #about_container #about #about_wrapper .detail>div:nth-child(2) img {
    width: 85%;
    height: auto;
  }
}

@media (max-width: 1399px) {
  #about_container #feature #feature_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #about_container #feature #feature_wrapper {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #about_container #feature #feature_wrapper h2 {
    font-size: max(2.5vw, 20px);
  }
}

@media (max-width: 850px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper {
    width: 80%;
    margin: 0 auto;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper {
    width: 90%;
  }
}

@media (min-width: 851px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper {
    grid-template: "areaA ..... areaB" "areaC ..... areaD" "areaE ..... areaF" "areaG ..... ....." /1fr 3% 1fr;
  }

  #about_container #feature #feature_wrapper #feature_image_wrapper dl:first-child {
    grid-area: areaA;
  }

  #about_container #feature #feature_wrapper #feature_image_wrapper dl:nth-child(2) {
    grid-area: areaB;
  }

  #about_container #feature #feature_wrapper #feature_image_wrapper dl:nth-child(3) {
    grid-area: areaC;
  }

  #about_container #feature #feature_wrapper #feature_image_wrapper dl:nth-child(4) {
    grid-area: areaD;
  }

  #about_container #feature #feature_wrapper #feature_image_wrapper dl:nth-child(5) {
    grid-area: areaE;
  }

  #about_container #feature #feature_wrapper #feature_image_wrapper dl:nth-child(6) {
    grid-area: areaF;
  }

  #about_container #feature #feature_wrapper #feature_image_wrapper dl:last-child {
    grid-area: areaG;
  }
}

@media (min-width: 575px) and (max-width: 850px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper dl {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 575px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper dl>div:first-child img {
    height: 100%;
  }
}

@media (max-width: 850px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) dt {
    font-size: max(1.3vw, 1.2rem);
  }
}

@media (max-width: 575px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) dt {
    font-size: 1rem;
  }
}

@media (max-width: 1399px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) dd {
    line-height: 1.7vw;
  }
}

@media (max-width: 850px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) dd {
    font-size: max(1vw, 0.9rem);
    line-height: 3vw;
  }
}

@media (max-width: 575px) {
  #about_container #feature #feature_wrapper #feature_image_wrapper dl>div:nth-child(2) dd {
    font-size: 0.8rem;
    line-height: 1.5rem;
  }
}

@media (max-width: 1399px) {
  #about_container #cloud_fanding #cloud_fanding_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #about_container #cloud_fanding #cloud_fanding_wrapper {
    width: 85%;
  }
}

@media (max-width: 575px) {
  #about_container #cloud_fanding #cloud_fanding_wrapper {
    width: 90%;
  }
}

@media (max-width: 767px) {
  #about_container #cloud_fanding #cloud_fanding_wrapper h2 {
    font-size: max(2.5vw, 20px);
  }
}

@media (max-width: 767px) {
  #about_container #cloud_fanding #cloud_fanding_wrapper #contents_wrapper>div img {
    width: 90%;
  }
}

#usage_container {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}

#usage_container h2 {
  font-family: "Zen Maru Gothic", sans-serif;
}

#usage_container #usage_main {
  width: 100%;
  padding-top: 5rem;
  margin-bottom: 5rem;
}

#usage_container #usage_main #usage_main_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
  padding-top: 5rem;
  height: 0;
  padding-bottom: 17.044%;
  background-image: url("../images/usage.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#usage_container #usage_main #usage_main_wrapper h1 {
  padding: 2% 4%;
  position: absolute;
  bottom: 25%;
  background: rgba(0, 187, 255, 0.8);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);
  color: white;
}

#usage_container #usage {
  width: 100%;
  margin-bottom: 5rem;
}

#usage_container #usage #usage_wrapper {
  width: 60%;
  height: auto;
  max-width: 3200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

#usage_container #usage #usage_wrapper h2 {
  font-size: 22px;
  text-align: center;
  padding-bottom: 3rem;
}

#usage_container #usage #usage_wrapper h2 span {
  font-family: "Zen Maru Gothic", sans-serif;
}

#usage_container #usage #usage_wrapper #usage_detail {
  margin-bottom: 3rem;
  display: grid;
  grid-template: "areaA ... areaB" 15vw "..... ... ....." 1rem "areaC ... areaD" 15vw "..... ... ....." 1rem "areaE ... areaF" 15vw/15vw 3% auto;
}

#usage_container #usage #usage_wrapper #usage_detail>div:first-of-type {
  grid-area: areaA;
}

#usage_container #usage #usage_wrapper #usage_detail>p:first-of-type {
  grid-area: areaB;
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(2) {
  grid-area: areaC;
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3) {
  grid-area: areaD;
  align-items: center;
  padding: 1rem;
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>p {
  color: black;
  width: 100%;
  text-align: start;
  line-height: 1.7rem;
  font-size: min(1.3vw, 1rem);
  font-weight: 100;
  margin-bottom: 1rem;
}

#usage_container.ver_2024 #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>p .orange_ttl {
  color: #ff8114;
  font-size: 20px;
}

@media(max-width: 767px) {
  #usage_container.ver_2024 #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>p .orange_ttl {
    font-size: 17px;
  }
}

@media(max-width: 1299px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>p {
    line-height: 1.5vw;
    font-size: 1.2vw;
  }
}

@media(max-width: 819px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>p {
    line-height: 1.5rem;
    font-size: .9rem;
  }
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div {
  color: black;
  width: 100%;
  background: #fff4e8;
  padding: 0.9vw 0.9vw;
  box-sizing: border-box;
}

@media(max-width: 767px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div {
    padding: .5rem;
  }
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div>p {
  line-height: 1.5rem;
  font-size: min(1.2vw, 1rem);
  color: #FF8114;
  margin-bottom: .5rem;
}

#usage_container.ver_2024 #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div>p.black {
  color: #000;
}

@media(max-width: 819px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div>p {
    font-size: 1rem;
  }
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div>ol {
  list-style: none;
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div>ol>li {
  line-height: 1.5rem;
  font-size: min(1.2vw, 0.9rem);
  padding-left: 1rem;
  text-indent: -1rem;
}

#usage_container #usage #usage_wrapper #usage_detail>div:last-of-type {
  grid-area: areaE;
}

#usage_container #usage #usage_wrapper #usage_detail>p:last-of-type {
  grid-area: areaF;
}

#usage_container #usage #usage_wrapper #usage_detail>div {
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  box-shadow: 5px 5px 20px -5px #777777;
  border-radius: 10px;
}

#usage_container #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:first-child {
  margin-bottom: 1rem;
  font-size: min(2vw, 20px);
}

@media (max-width: 768px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:first-child {
    font-size: 1.5rem;
  }
}

#usage_container #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:last-child {
  font-size: min(1.5vw, 1.5rem);
  text-align: center;
  line-height: 1.5rem;
  width: 10vw;
}

@media (max-width: 819px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:last-child {
    font-size: 1rem;
  }
}

/* @media (max-width: 767px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:last-child {
    font-size: 1.2rem;
  }
} */

#usage_container #usage #usage_wrapper #usage_detail>.bg_blue {
  background: #2984BB;
}

#usage_container #usage #usage_wrapper #usage_detail>.bg_orange {
  background: #E17A2C;
}

#usage_container #usage #usage_wrapper #usage_detail>p {
  border: solid 2px rgba(119, 119, 119, 0.2);
  border-radius: 10px;
  box-shadow: 5px 5px 20px -5px #777777;
  box-sizing: border-box;
  line-height: 1.7rem;
  font-size: 1rem;
  font-weight: 100;
  padding: 1rem 2rem;
}

@media(max-width: 899px) {
  #usage_container #usage #usage_wrapper #usage_detail>p {
    font-size: 1.5vw;
  }
}

#usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3) {
  padding: 1rem 2rem;
}

#usage_container #usage #usage_wrapper>div:last-child>ol {
  display: flex;
  justify-content: space-between;
  padding: 2vw;
  padding-left: 2.5vw;
  box-sizing: border-box;
  list-style: none;
}

#usage_container #usage #usage_wrapper>div:last-child>ol>li {
  position: relative;
  display: list-item;
  width: 33%;
  font-size: 1rem;
  line-height: 1.5rem;
}

#usage_container #usage #usage_wrapper>div:last-child>ol>li::before {
  position: absolute;
  top: 0;
  left: -1.5rem;
}

#usage_container #usage #usage_wrapper>div:last-child>ol>li:first-child::before {
  content: "①";
}

#usage_container #usage #usage_wrapper>div:last-child>ol>li:nth-child(2)::before {
  content: "②";
}

#usage_container #usage #usage_wrapper>div:last-child>ol>li:last-child::before {
  content: "③";
}

#usage_container #usage_contract {
  width: 100%;
  margin-bottom: 5rem;
}

#usage_container #usage_contract #usage_contract_wrapper {
  width: 60%;
  height: auto;
  max-width: 3200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

#usage_container #usage_contract #usage_contract_wrapper h2 {
  font-size: 22px;
  text-align: center;
  padding-bottom: 3rem;
}

#usage_container #usage_contract #usage_contract_wrapper>div {
  display: flex;
  gap: 3%;
}

#usage_container #usage_contract #usage_contract_wrapper>div #contract_left {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#usage_container #usage_contract #usage_contract_wrapper>div #contract_left>div:first-child {
  margin-bottom: 5%;
}

#usage_container #usage_contract #usage_contract_wrapper>div #contract_left>div:first-child p {
  font-size: min(1.7vw, 1rem);
  font-weight: 100;
  line-height: 2rem;
}

#usage_container #usage_contract #usage_contract_wrapper>div #contract_right {
  width: 50%;
}

#usage_container #usage_contract #usage_contract_wrapper>div #contract_right img {
  width: 100%;
  height: auto;
}

@media (max-width: 575px) {
  #usage_container {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_main {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #usage_container #usage_main #usage_main_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_main #usage_main_wrapper {
    width: 100%;
    padding-top: 0;
    background-image: url("../images/usage_sp.jpg");
    padding-bottom: 100%;
  }
}

@media (max-width: 1699px) {
  #usage_container #usage_main #usage_main_wrapper h1 {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_main #usage_main_wrapper h1 {
    font-size: 3.5vw;
    width: 50%;
    height: 10%;
    bottom: 15%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #usage_container #usage_main #usage_main_wrapper h1 {
    padding: 3% 1.5em;
    font-size: 27px;
    width: auto;
    justify-content: center;
    height: 13%;
    bottom: 60px;
  }
}

@media (max-width: 767px) {
  #usage_container #usage #usage_wrapper {
    width: 85%;
  }
}

@media (max-width: 575px) {
  #usage_container #usage #usage_wrapper h2 span {
    display: block;
    margin-top: 1rem;
  }
}

@media (max-width: 1792px) {
  #usage_container #usage #usage_wrapper #usage_detail {
    grid-template: "areaA ... areaB" 269px "..... ... ....." 1rem "areaC ... areaD" 269px "..... ... ....." 1rem "areaE ... areaF" 269px/269px 3% auto;
  }
}

@media (max-width: 819px) {
  #usage_container #usage #usage_wrapper #usage_detail {
    grid-template: "areaA" "....." 0.5rem "areaB" "....." 1.5rem "areaC" "....." 0.5rem "areaD" "....." 1.5rem "areaE" "....." 0.5rem "areaF" /1fr;
  }
}

/* @media (max-width: 1792px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>p {
    line-height: 1.7vw;
    font-size: min(1.3vw, 1rem);
  }
}

@media (max-width: 1109px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>p {
    margin-bottom: 0.5rem;
  }
} */

@media (max-width: 1109px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div>ol>li {
    line-height: 2vw;
  }
}

@media (max-width: 819px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:nth-of-type(3)>div>ol>li {
    line-height: 1.5rem;
    font-size: .9rem;
  }
}

@media (max-width: 767px) {
  #usage_container #usage #usage_wrapper #usage_detail>div {
    padding: 2rem;
  }

  #usage_container.ver_2024 #usage #usage_wrapper #usage_detail>p,
  #usage_container.ver_2024 #usage #usage_wrapper #usage_detail>div {
    padding: 1em 1.2em;
  }

  #usage_container.ver_2024 #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:first-child {
    margin-bottom: 2px;
  }
}

@media (max-width: 575px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:first-child {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  #usage_container #usage #usage_wrapper #usage_detail>div:not(:nth-of-type(3))>p:last-child {
    font-size: 0.9rem;
    width: 100%;
  }
}

@media (max-width: 991px) {
  #usage_container #usage #usage_wrapper #usage_detail>div>p:last-child {
    font-size: 1.5vw;
  }
}

@media (max-width: 767px) {
  #usage_container #usage #usage_wrapper #usage_detail>div>p:last-child {
    width: 100%;
    font-size: 0.9rem;
  }
}

@media (min-width: 1700px) {
  #usage_container #usage #usage_wrapper #usage_detail>p {
    padding: 2vw;
  }
}

/* @media (min-width: 768px) and (max-width: 991px) {
  #usage_container #usage #usage_wrapper #usage_detail>p {
    line-height: 1.5rem;
  }
} */

@media(max-width: 819px) {
  #usage_container #usage #usage_wrapper #usage_detail>p {
    line-height: 1.5rem;
    font-size: .9rem;
    letter-spacing: 2px;
    font-weight: 200;
  }
}

@media (max-width: 575px) {
  #usage_container #usage #usage_wrapper #usage_detail>p {
    font-size: 0.9rem;
  }
}

/* #usage_container #usage #usage_wrapper > div:last-child {
  width: 100%;
  border: solid 1.5px #FF8114;
} */
/* #usage_container #usage #usage_wrapper > div:last-child h3 {
  padding: 2vw;
  box-sizing: border-box;
  background: #FF8114;
  color: white;
}
@media (max-width: 1399px) {
  #usage_container #usage #usage_wrapper > div:last-child h3 {
    padding: 1rem;
  }
} */
@media (max-width: 1792px) {
  #usage_container #usage #usage_wrapper>div:last-child>ol {
    gap: 5%;
  }
}

@media (max-width: 1399px) {
  #usage_container #usage #usage_wrapper>div:last-child>ol {
    padding: 2rem;
    padding-left: 2.5rem;
  }
}

@media (max-width: 991px) {
  #usage_container #usage #usage_wrapper>div:last-child>ol {
    flex-direction: column;
  }
}

@media (max-width: 1792px) {
  #usage_container #usage #usage_wrapper>div:last-child>ol>li {
    font-size: max(1vw, 0.9rem);
    margin-bottom: 1rem;
  }
}

@media (max-width: 991px) {
  #usage_container #usage #usage_wrapper>div:last-child>ol>li {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_contract #usage_contract_wrapper {
    width: 85%;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_contract #usage_contract_wrapper>div {
    flex-direction: column;
  }
}

@media (max-width: 1399px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_left {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_left {
    width: 100%;
    order: 2;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_left>div:first-child {
    margin-bottom: 3rem;
  }
}

@media (max-width: 575px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_left>div:first-child {
    margin-bottom: 2rem;
  }
}

@media (max-width: 1399px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_left>div:first-child p {
    line-height: 1.9rem;
    letter-spacing: 1.5px;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_left>div:first-child p {
    font-size: max(1.3vw, 1rem);
  }
}

@media (max-width: 575px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_left>div:first-child p {
    font-size: 0.9rem;
  }
}

@media (max-width: 767px) {
  #usage_container #usage_contract #usage_contract_wrapper>div #contract_right {
    width: 100%;
    margin-bottom: 3rem;
  }
}

#guide_container {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}

#guide_container #guide {
  width: 100%;
  padding-top: 5rem;
  margin-bottom: 5rem;
}

#guide_container #guide #guide_wrapper {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 5rem;
}

#guide_container #guide #guide_wrapper #guide_main_wrapper {
  width: 100%;
  max-width: 3584px;
  height: 0;
  padding-bottom: 31.044%;
  background-image: url("../images/guide_main.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  margin: 0 auto;
  margin-bottom: 5rem;
}

#guide_container #guide #guide_wrapper #guide_main_wrapper h1 {
  padding: 2% 4%;
  position: absolute;
  bottom: 25%;
  background: rgba(255, 129, 20, 0.8);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);
  color: white;
}

#guide_container #guide #guide_wrapper .main_bnr {
  width: min(80%, 2000px);
  margin-inline: auto;
  margin-bottom: 3rem;
  height: auto;
  display: block;
}

@media (max-width: 575px) {
  #guide_container #guide #guide_wrapper .main_bnr {
    width: 90%;
    margin-bottom: 1.5rem;
  }
}

#guide_container #guide #guide_wrapper>p {
  text-align: center;
}

#guide_container #guide #guide_wrapper>div:nth-of-type(2) p {
  font-size: min(2.5vw, 2.5rem);
  font-family: "Zen Maru Gothic", sans-serif;
  letter-spacing: 2px;
}

@media(max-width: 1699px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) p {
    font-size: 2.2vw;
  }
}

@media(max-width: 1299px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) p {
    font-size: 2.5vw;
  }
}

@media(max-width: 767px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) p {
    font-size: max(3.5vw, 1.2rem);
    line-height: 1.3;
    text-align: start;
  }
}

@media(max-width: 575px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) p {
    font-size: max(3.5vw, 1.5rem);
  }
}

@media(max-width: 409px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) p {
    font-size: max(3.5vw, 1.3rem);
  }
}

#guide_container #guide #guide_wrapper>div:nth-of-type(2) p br {
  display: none;
}

@media(max-width: 767px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) p br {
    display: block;
  }
}

#guide_container #guide #guide_wrapper>div:nth-of-type(2) div {
  width: 3%;
}

@media(max-width: 1999px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) div {
    width: 5%;
  }
}

@media(max-width: 767px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) div {
    width: 8%;
  }
}

#guide_container #guide #guide_wrapper>div:nth-of-type(2) div img {
  width: 100%;
  height: auto;
}

@media(max-width: 499px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) div img {
    width: 35px;
    height: auto;
  }
}

#guide_container #guide #guide_wrapper>div:nth-of-type(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding-block: 1.5rem;
  text-align: center;
  color: #FF8014;
  border: solid 2px #FF8014;
  margin-bottom: 2rem;
  margin-inline: auto;
}

@media(max-width: 575px) {
  #guide_container #guide #guide_wrapper>div:nth-of-type(2) {
    width: 90%;
  }
}

#guide_container #guide #guide_wrapper>p span {
  padding-top: 0.5rem;
  display: block;
}

#guide_container #trunk_type {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 5rem;
  background: rgb(255, 212, 182);
  padding: 5rem 0;
}

#guide_container #trunk_type #trunk_type_wrapper {
  width: 55%;
  max-width: 3584px;
  margin: 0 auto;
}

#guide_container #trunk_type #trunk_type_wrapper h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 22px;
  text-align: center;
  margin-bottom: 3rem;
}

#guide_container #trunk_type #trunk_type_wrapper>p {
  text-align: center;
  margin-bottom: 3rem;
}

#guide_container #trunk_type #trunk_type_wrapper>p span {
  display: block;
  margin-top: 0.5rem;
}

#guide_container #trunk_type #trunk_type_wrapper .text_info {
  text-align: left;
  margin-bottom: 0;
}

#guide_container #trunk_type #trunk_type_wrapper .text_info span {
  display: inline-block;
  color: #f40000;
  padding-top: 10px;
}

#guide_container #trunk_type #trunk_type_wrapper .sample_wrapper {
  width: 100%;
  margin-bottom: 3rem;
}

#guide_container #trunk_type #trunk_type_wrapper .sample_wrapper h3 {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 22px;
}

#guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper {
  display: flex;
  gap: 3%;
  justify-content: space-between;
  height: auto;
}

@media (max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper {
    flex-direction: column;
  }
}

#guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper .sample_image {
  width: 100%;
}

@media (max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper .sample_image {
    width: 100%;
  }
}

#guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper .sample_image>img {
  width: 100%;
  height: auto;
}

#guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper .sample_image>p {
  font-size: 1rem;
  text-align: center;
  margin-top: 1rem;
}

@media (max-width: 1791px) {
  #guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper .sample_image>p {
    font-size: max(1vw, .9rem);
  }
}

@media (max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper .sample_wrapper .sample_image_wrapper .sample_image .mb2 {
    margin-bottom: 2rem;
  }
}

#guide_container #trunk_type #trunk_type_wrapper #discount_title {
  font-size: 2rem;
  margin-bottom: 2rem;
  letter-spacing: 5px;
  text-decoration: underline;
}

@media (max-width: 991px) {
  #guide_container #trunk_type #trunk_type_wrapper #discount_title {
    font-size: max(3.3vw, 1.3rem);
  }
}

@media (max-width: 575px) {
  #guide_container #trunk_type #trunk_type_wrapper #discount_title {
    letter-spacing: 2px;
  }
}

#guide_container #trunk_type #trunk_type_wrapper #discount_title>span {
  font-size: 3rem;
  display: inline;
  color: #f40000;
}

@media (max-width: 991px) {
  #guide_container #trunk_type #trunk_type_wrapper #discount_title>span {
    font-size: max(5vw, 2rem);
  }
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail {
  width: 100%;
  list-style: none;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail .clr_red {
  color: #f40000;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail .mb2 {
  margin-bottom: 2rem;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail .border_inline {
  display: none;
  /* ※2023/6/30追加修正(非表示設定) */
  border-right: solid 2px #f40000;
  border-left: solid 2px #f40000;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail .border_left {
  border-left: solid 2px #f40000;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail .border_bottom {
  border-bottom: solid 2px #f40000;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  border-bottom: solid 2px #AEAEAE;
  background: white;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li {
  border-bottom: solid 1px #adadad;
  text-align: center;
}

@media(max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li {
    border-bottom: solid 1px #AEAEAE;
  }
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li>div {
  /* width: 33%; */
  width: 50%;
  /* 2023/6/30_追加修正（3列 → 2列） */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 3vw;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li .bdr_inline {
  border-right: solid 2px #AEAEAE;
  border-left: solid 2px #AEAEAE;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .bdr_inline {
  border-right: unset;
  border-left: unset;
}

@media(max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li .bdr_inline {
    border-right: solid 1px #AEAEAE;
    border-left: solid 1px #AEAEAE;
  }
}



#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li>div span {
  margin-left: 0.5rem;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child {
  padding: 0;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child>div:nth-child(2) {
  background: #f40000;
  line-height: 1.3;
}

@media(max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child>div:nth-child(2) {
    padding-inline: 0.5rem;
    box-sizing: border-box;
  }
}

@media(max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child>div:nth-child(2) {
    padding-inline: 0;
  }
}

@media(max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child>div:nth-child(2) .br_pc {
    display: none;
  }
}

@media(min-width: 768px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child>div:nth-child(2) .br_sp {
    display: none;
  }
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 li>div span,
#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li>div span {
  margin-left: 0;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 li>div,
#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li>div {
  padding-block: 1.35vw;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 li .bdr_inline .red,
#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .bdr_inline .red {
  color: #f40000;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 li:first-child {
  border-top: solid 2px #AEAEAE;
  border-bottom: solid 2px #AEAEAE;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li:first-child {}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 {
  border-left: solid 2px #AEAEAE;
  border-right: solid 2px #AEAEAE;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 {}

@media (max-width: 991px) {

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 li>div span,
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li>div span {
    margin-top: 0;
  }
}

@media (max-width: 767px) {

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 li>div,
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li>div {
    padding-block: 4vw;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 li:first-child {
    border-top: solid 1px #AEAEAE;
    border-bottom: solid 1px #AEAEAE;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2023 {
    border-left: solid 1px #AEAEAE;
    border-right: solid 1px #AEAEAE;
  }
}


#guide_container #trunk_type #trunk_type_wrapper #trunk_detail #lerge_size {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 575px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail #lerge_size {
    min-height: 65.59px;
  }
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail #lerge_size>div {
  width: 100%;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.orange_color {
  background: #FF8014;
  color: white;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.orange_border {
  border: solid 2px #FF8014;
  color: #FF8014;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.w50>div {
  width: 50%;
}

@media (max-width: 575px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.w50>div {
    width: 45%;
  }
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.border_b_none {
  border-bottom: none;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.margin_bottom {
  margin-bottom: 3rem;
  border: none;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.line_height {
  line-height: 1.5rem;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.storage_rack {
  margin-bottom: 0;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.padding_inline {
  padding-inline: 1rem;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail>.storage_rack>div {
  width: 45%;
  text-align: center;
}

@media (max-width: 575px) {
  #guide_container {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  #guide_container #guide {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #guide_container #guide #guide_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #guide_container #guide #guide_wrapper {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #guide_container #guide #guide_wrapper #guide_main_wrapper {
    padding-top: 0;
    background-image: url("../images/guide_main_sp.jpg");
    padding-bottom: 100%;
  }
}

@media (max-width: 1699px) {
  #guide_container #guide #guide_wrapper #guide_main_wrapper h1 {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #guide_container #guide #guide_wrapper #guide_main_wrapper h1 {
    font-size: 3.5vw;
    width: 50%;
    height: 10%;
    bottom: 15%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #guide_container #guide #guide_wrapper #guide_main_wrapper h1 {
    padding: 3% 1.5em;
    font-size: 27px;
    width: auto;
    justify-content: center;
    height: 13%;
    bottom: 60px;
  }
}

@media (max-width: 575px) {
  #guide_container #guide #guide_wrapper>p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 0 1.5rem;
  }
}

@media (max-width: 575px) {
  #guide_container #guide #guide_wrapper>p span {
    display: inline;
  }
}

@media (max-width: 1399px) {
  #guide_container #trunk_type #trunk_type_wrapper {
    width: 60%;
  }
}

@media (max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper {
    width: 65%;
  }
}

@media (max-width: 575px) {
  #guide_container #trunk_type #trunk_type_wrapper {
    width: 90%;
  }
}

/* @media (max-width: 991px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li {
    padding-inline: 3vw;
  }
}

@media (max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li {
    padding: 2rem;
  }
}

@media (max-width: 480px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li {
    padding: 1rem 0.2rem;
  }
} */

@media (max-width: 991px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li>div {
    display: block;
    text-align: center;
  }
}

@media (max-width: 767px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li>div {
    font-size: max(1vw, 0.9rem);
    padding-block: 5vw;
  }
}

@media (max-width: 480px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li>div {
    font-size: 15px;
  }
}

@media (max-width: 991px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail li>div span {
    display: block;
    margin: 0.5rem 0 0 0;
  }
}

.line_height {
  line-height: 1.5;
  text-align: center;
}

.responsive_indention {
  display: none;
}

@media (max-width: 991px) {
  .responsive_indention {
    display: block;
  }
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child {
  background: #FF8014;
  border: none;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li:first-child {
  background: #4daedb;
  border: none;
  position: relative;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li:first-child>div:nth-child(2) {
  background: #ff8014;
  position: relative;
}


#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box,
#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .orange_box {
  position: relative;
  height: 2.5em;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box::after,
#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .orange_box::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0) rotate(180deg);
  border-right: 35px solid transparent;
  border-bottom: 15px solid #4daedb;
  border-left: 35px solid transparent;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .orange_box::after {
  border-bottom-color: #ff8014;
}

#guide_container #trunk_type #trunk_type_wrapper #trunk_detail li:first-child>div {
  color: white;
}

#voice_container {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}

#voice_container #voice_main {
  width: 100%;
  padding-top: 5rem;
  margin-bottom: 5rem;
}

#voice_container #voice_main #voice_main_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
  padding-top: 5rem;
  height: 0;
  padding-bottom: 17.044%;
  background-image: url("../images/voice_main.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#voice_container #voice_main #voice_main_wrapper h1 {
  padding: 2% 4%;
  position: absolute;
  bottom: 25%;
  background: rgba(255, 129, 20, 0.8);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);
  color: white;
}

#voice_container #customer_voices {
  width: 100%;
  margin-bottom: 5rem;
}

#voice_container #customer_voices #customer_voices_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
}

#voice_container #customer_voices #customer_voices_wrapper h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  margin-bottom: 3rem;
  font-size: min(2.2vw, 22px);
}

@media (max-width: 767px) {

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box::after,
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .orange_box::after {
    border-right: 15px solid transparent;
    border-bottom: 8px solid #4daedb;
    border-left: 15px solid transparent;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box::after {
    top: 115%;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box.blue_box2::after {
    top: 104%;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box {
    height: auto;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .orange_box {
    height: auto;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .orange_box::after {
    border-bottom-color: #ff8014;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li>div {
    width: 30%;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li:first-child>div:nth-child(2) {
    width: 40%;
  }
}

@media (max-width: 575px) {
  #voice_container #customer_voices #customer_voices_wrapper h2 {
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box::after {
    top: 125%;
  }

  #guide_container #trunk_type #trunk_type_wrapper #trunk_detail.ver_2024 li .blue_box.blue_box2::after {
    top: 106%;
  }
}

#voice_container #customer_voices #customer_voices_wrapper h2 span {
  font-family: "Zen Maru Gothic", sans-serif;
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper {
  width: 100%;
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail {
  width: 100%;
  display: flex;
  border: solid 4px rgb(255, 128, 21);
  margin-bottom: 2rem;
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail>div {
  width: 30%;
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail>div img {
  width: 100%;
  height: auto;
  display: block;
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl {
  width: 70%;
  padding: 2%;
  box-sizing: border-box;
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dt {
  font-size: min(1.5vw, 1.2rem);
  padding: 1vw 0;
  border-bottom: solid 2px rgb(255, 128, 21);
  margin-bottom: 1vw;
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dd p {
  font-size: min(1.1vw, 1rem);
}

#voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dd p:first-child {
  line-height: 2rem;
  margin-bottom: 1.5vw;
}

@media (max-width: 575px) {
  #voice_container {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  #voice_container #voice_main {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #voice_container #voice_main #voice_main_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #voice_container #voice_main #voice_main_wrapper {
    width: 100%;
    padding-top: 0;
    background-image: url("../images/voice_main_sp.jpg");
    padding-bottom: 100%;
  }
}

@media (max-width: 1699px) {
  #voice_container #voice_main #voice_main_wrapper h1 {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #voice_container #voice_main #voice_main_wrapper h1 {
    font-size: 3.5vw;
    width: 50%;
    height: 10%;
    bottom: 15%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #voice_container #voice_main #voice_main_wrapper h1 {
    padding: 3% 1.5em;
    font-size: 27px;
    width: auto;
    justify-content: center;
    height: 13%;
    bottom: 60px;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #voice_container #customer_voices #customer_voices_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper {
    width: 85%;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper h2 {
    font-size: max(2.5vw, 1rem);
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper h2 span {
    display: block;
    margin-top: 0.5rem;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail>div {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl {
    width: 100%;
    padding: 1rem;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dt {
    font-size: 1rem;
    padding: 2vw 0;
    line-height: 1.7rem;
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dd p {
    font-size: 0.9rem;
  }
}

@media (max-width: 1900px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dd p:first-child {
    line-height: 1.4rem;
  }
}

@media (max-width: 1399px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dd p:first-child {
    line-height: 2vw;
  }
}

@media (max-width: 767px) {
  #voice_container #customer_voices #customer_voices_wrapper #voices_wrapper .voices_detail dl dd p:first-child {
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

#faq_container {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}

#faq_container #faq_main {
  width: 100%;
  padding-top: 5rem;
  margin-bottom: 5rem;
}

#faq_container #faq_main #faq_main_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
  padding-top: 5rem;
  height: 0;
  padding-bottom: 17.044%;
  background-image: url("../images/faq_main.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#faq_container #faq_main #faq_main_wrapper h1 {
  padding: 2% 4%;
  position: absolute;
  bottom: 25%;
  background: rgba(0, 187, 255, 0.8);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);
  color: white;
}

#faq_container #customer_faq {
  width: 100%;
  margin-bottom: 5rem;
}

#faq_container #customer_faq #customer_faq_wrapper {
  width: 60%;
  max-width: 3200px;
  margin: 0 auto;
}

#faq_container #customer_faq #customer_faq_wrapper h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  padding-bottom: 3rem;
  border-bottom: solid 1.5px #2983BA;
  font-size: min(2.2vw, 22px);
  margin-bottom: 1.5rem;
}

#faq_container #customer_faq #customer_faq_wrapper h2 span {
  font-family: "Zen Maru Gothic", sans-serif;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper {
  margin-bottom: 3rem;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question,
#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer {
  padding: 0 1.5rem 1.5rem 2.5rem;
  border-bottom: solid 1.5px #2984BB;
  font-size: min(2vw, 1rem);
  line-height: 1.5rem;
  margin-bottom: 2rem;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper p:last-child {
  margin: 0;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question {
  position: relative;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question::before {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  font-family: "凸版文久ゴシック";
  height: 100%;
  display: flex;
  font-size: min(1.5vw, 1.5rem);
  content: "q";
  color: #00BBFF;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question span {
  color: #00BBFF;
  position: absolute;
  right: 1.5rem;
  transition: all 0.3s;
  pointer-events: none;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer_wrapper {
  transition: max-height 0.2s;
  overflow: hidden;
  max-height: 0;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer_wrapper .answer {
  position: relative;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer_wrapper .answer::before {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  font-family: "凸版文久ゴシック";
  height: 100%;
  display: flex;
  font-size: min(1.5vw, 1.5rem);
  content: "a";
  color: #FF8114;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .is_open {
  max-height: var(--max-height);
  margin-bottom: 1.5rem;
}

#faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .is_open_question {
  border-bottom: none;
}

@media (max-width: 575px) {
  #faq_container {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  #faq_container #faq_main {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #faq_container #faq_main #faq_main_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #faq_container #faq_main #faq_main_wrapper {
    width: 100%;
    padding-top: 0;
    background-image: url("../images/faq_main_sp.jpg");
    padding-bottom: 100%;
  }
}

@media (max-width: 1699px) {
  #faq_container #faq_main #faq_main_wrapper h1 {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #faq_container #faq_main #faq_main_wrapper h1 {
    font-size: 3.5vw;
    width: 50%;
    height: 10%;
    bottom: 15%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #faq_container #faq_main #faq_main_wrapper h1 {
    padding: 3% 1.5em;
    font-size: 27px;
    width: auto;
    justify-content: center;
    height: 13%;
    bottom: 60px;
  }
}

@media (max-width: 767px) {
  #faq_container #customer_faq {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #faq_container #customer_faq #customer_faq_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #faq_container #customer_faq #customer_faq_wrapper {
    width: 85%;
  }
}

@media (max-width: 575px) {
  #faq_container #customer_faq #customer_faq_wrapper {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #faq_container #customer_faq #customer_faq_wrapper h2 {
    font-size: max(2.5vw, 1rem);
    margin-bottom: 2.5vw;
  }
}

@media (max-width: 575px) {
  #faq_container #customer_faq #customer_faq_wrapper h2 {
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  #faq_container #customer_faq #customer_faq_wrapper h2 span {
    display: block;
    margin-top: 0.5rem;
  }
}

@media (max-width: 767px) {

  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question,
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer {
    font-size: 2vw;
    padding: 0 2.5vw 2rem 2.5vw;
  }
}

@media (max-width: 575px) {

  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question,
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer {
    font-size: 0.9rem;
    padding: 0 2.5rem 2rem 3.5rem;
    line-height: 1.5rem;
  }
}

@media (max-width: 767px) {
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question::before {
    font-size: 1.5vw;
  }
}

@media (max-width: 575px) {
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .question::before {
    font-size: 1.1rem;
    left: 1.5rem;
  }
}

@media (max-width: 767px) {
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer_wrapper .answer::before {
    font-size: 1.5vw;
  }
}

@media (max-width: 575px) {
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .answer_wrapper .answer::before {
    font-size: 1.1rem;
    left: 1.5rem;
  }
}

@media (max-width: 767px) {
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .is_open {
    margin-bottom: 2.5vw;
  }
}

@media (max-width: 575px) {
  #faq_container #customer_faq #customer_faq_wrapper #faq_wrapper .is_open {
    margin-bottom: 1rem;
  }
}

#news_container {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}

#news_container #news_main {
  width: 100%;
  padding-top: 5rem;
  margin-bottom: 5rem;
}

#news_container #news_main #news_main_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
  padding-top: 5rem;
  height: 0;
  padding-bottom: 17.044%;
  background-image: url("../images/news_main.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#news_container #news_main #news_main_wrapper h1 {
  padding: 2% 4%;
  position: absolute;
  bottom: 25%;
  background: rgba(0, 187, 255, 0.8);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);
  color: white;
}

#news_container #news {
  width: 100%;
  margin-bottom: 5rem;
}

#news_container #news #news_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
}

#news_container #news #news_wrapper h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  margin-bottom: 5rem;
  font-size: min(2.2vw, 22px);
}

#news_container #news #news_wrapper h2 span {
  font-family: "Zen Maru Gothic", sans-serif;
}

#news_container #news #news_wrapper #news_index {
  width: 100%;
  padding: 5vw;
  background: #D4E3E6;
  box-sizing: border-box;
}

#news_container #news #news_wrapper #news_index #news_index_wrapper {
  width: 100%;
  padding: 3rem;
  box-sizing: border-box;
  background: white;
}

#news_container #news #news_wrapper #news_index #news_index_wrapper>div {
  width: 100%;
  padding-bottom: 1.5rem;
  margin-bottom: 2.2rem;
  border-bottom: solid 2px #2983BA;
  display: flex;
  gap: 3%;
}

#news_container #news #news_wrapper #news_index #news_index_wrapper>div dt,
#news_container #news #news_wrapper #news_index #news_index_wrapper>div dd {
  line-height: 1.5rem;
}

#news_container #news #news_wrapper #news_index #news_index_wrapper>div:last-child {
  margin-bottom: 0;
}

#news_container #news #news_wrapper #news_index #pagenation {
  background: white;
  padding-bottom: 3rem;
}

@media (max-width: 575px) {
  #news_container {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  #news_container #news_main {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #news_container #news_main #news_main_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #news_container #news_main #news_main_wrapper {
    width: 100%;
    padding-top: 0;
    background-image: url("../images/news_main_sp.jpg");
    padding-bottom: 100%;
  }
}

@media (max-width: 1699px) {
  #news_container #news_main #news_main_wrapper h1 {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #news_container #news_main #news_main_wrapper h1 {
    font-size: 3.5vw;
    width: 50%;
    height: 10%;
    bottom: 15%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #news_container #news_main #news_main_wrapper h1 {
    padding: 3% 1.5em;
    font-size: 27px;
    width: auto;
    justify-content: center;
    height: 13%;
    bottom: 60px;
  }
}

@media (max-width: 767px) {
  #news_container #news {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #news_container #news #news_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #news_container #news #news_wrapper {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #news_container #news #news_wrapper h2 {
    font-size: max(2.5vw, 1rem);
    margin-bottom: 2.5vw;
  }
}

@media (max-width: 575px) {
  #news_container #news #news_wrapper h2 {
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  #news_container #news #news_wrapper h2 span {
    display: block;
    margin-top: 0.5rem;
  }
}

@media (max-width: 767px) {
  #news_container #news #news_wrapper #news_index {
    padding: 4rem;
  }
}

@media (max-width: 575px) {
  #news_container #news #news_wrapper #news_index {
    padding: 3rem 1.5rem;
  }
}

@media (max-width: 575px) {
  #news_container #news #news_wrapper #news_index #news_index_wrapper {
    padding: 3rem 1rem;
  }
}

@media (max-width: 991px) {

  #news_container #news #news_wrapper #news_index #news_index_wrapper>div dt,
  #news_container #news #news_wrapper #news_index #news_index_wrapper>div dd {
    font-size: 1.7vw;
  }
}

@media (max-width: 767px) {

  #news_container #news #news_wrapper #news_index #news_index_wrapper>div dt,
  #news_container #news #news_wrapper #news_index #news_index_wrapper>div dd {
    font-size: 0.8rem;
  }
}

#company_profile_container {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}

#company_profile_container h2 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 22px;
}

#company_profile_container #company_main {
  width: 100%;
  padding-top: 5rem;
  margin-bottom: 5rem;
}

#company_profile_container #company_main #company_main_wrapper {
  width: 70%;
  max-width: 3584px;
  margin: 0 auto;
  padding-top: 5rem;
  height: 0;
  padding-bottom: 17.044%;
  background-image: url("../images/about_main.JPG");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#company_profile_container #company_main #company_main_wrapper h1 {
  padding: 2% 4%;
  position: absolute;
  bottom: 25%;
  background: rgba(255, 129, 20, 0.8);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: min(2.5vw, 4rem);
  color: white;
}

#company_profile_container #company_profile {
  width: 100%;
  margin: 0 auto;
  background: #ffd5b7;
  display: flex;
  justify-content: center;
  padding: 5rem 0;
  margin-bottom: 5rem;
  box-sizing: border-box;
}

#company_profile_container #company_profile #company_profile_wrapper {
  width: 60%;
  max-width: 3200px;
  padding: 3%;
  box-sizing: border-box;
  background: white;
}

#company_profile_container #company_profile #company_profile_wrapper h2 {
  margin: 2rem 0 2.2rem 0;
}

#company_profile_container #company_profile #company_profile_wrapper #profile_index {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

#company_profile_container #company_profile #company_profile_wrapper #profile_index>div {
  padding: 1rem 0;
  border-bottom: solid 2px rgba(255, 129, 20, 0.8);
}

#company_profile_container #company_profile #company_profile_wrapper #profile_index .uppercase {
  text-transform: uppercase;
}

@media (max-width: 575px) {
  #company_profile_container {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  #company_profile_container #company_main {
    padding-top: 0;
  }
}

@media (max-width: 1399px) {
  #company_profile_container #company_main #company_main_wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  #company_profile_container #company_main #company_main_wrapper {
    width: 100%;
    padding-top: 0;
    background-image: url("../images/about_main_sp.jpg");
    padding-bottom: 100%;
  }
}

@media (max-width: 1699px) {
  #company_profile_container #company_main #company_main_wrapper h1 {
    font-size: 2.8vw;
  }
}

@media (max-width: 767px) {
  #company_profile_container #company_main #company_main_wrapper h1 {
    font-size: 3.5vw;
    width: 50%;
    height: 10%;
    bottom: 15%;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 575px) {
  #company_profile_container #company_main #company_main_wrapper h1 {
    padding: 3% 1.5em;
    font-size: 27px;
    width: auto;
    justify-content: center;
    height: 13%;
    bottom: 60px;
  }
}

@media (max-width: 1399px) {
  #company_profile_container #company_profile #company_profile_wrapper {
    width: 70%;
  }
}

@media (max-width: 767px) {
  #company_profile_container #company_profile #company_profile_wrapper {
    width: 85%;
    padding: 3% 5%;
  }
}

@media (max-width: 767px) {
  #company_profile_container #company_profile #company_profile_wrapper #profile_index {
    gap: 2.5vw;
  }
}

#contact_container {
  margin: 0 auto;
  margin-top: 150px;
  width: 60%;
}

#contact_container #contact_info {
  width: 100%;
  padding-top: 5rem;
}

#contact_container #contact_info h1 {
  text-align: center;
  padding: 2vw;
  background: #FF8014;
  margin-bottom: 1rem;
  color: white;
  font-size: min(2.7vw, 1.8rem);
}

#contact_container #contact_info p {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 5rem;
  width: 85%;
  font-size: min(1.2vw, 1.1rem);
}
#contact_container #contact_info p span {
  display: block;
  margin-top: 0.5rem;
}
#contact_container #contact_info p.addCss{
  text-align: left;
  width: 84%;
}
#contact_container #contact_info p.addCss span.red{
  color:#ff0000;
  line-height:1.5em;
}
#contact_container #form {
  width: 100%;
}

#contact_container #form>*:not(:last-of-type) {
  margin-bottom: 2vw;
}

#contact_container #form #tabs {
  display: flex;
}

#contact_container #form #tabs input {
  display: none;
}

#contact_container #form #tabs input[name=contact_form_tab]:checked+label {
  transform: scaleY(1.3);
  transform-origin: bottom left;
  background: #FF8014;
  width: 65%;
}

#contact_container #form #tabs input[name=contact_form_tab]:checked+label span {
  transform: scaleY(0.8);
  display: inline-block;
  font-size: min(2.7vw, 1.8rem);
}

#contact_container #form #tabs input[name=contact_form_tab]:not(:checked)+label {
  width: 45%;
}

#contact_container #form #tabs label {
  padding: 1vw 0;
  text-align: center;
  color: white;
  background: #808080;
  display: flex;
  justify-content: center;
  align-items: center;
}

#contact_container #form #contact_form,
#contact_container #form #apply_form {
  width: 100%;
  margin-bottom: 2vw;
}

#contact_container #form #contact_form>*,
#contact_container #form #apply_form>* {
  margin-bottom: 2vw;
}

#contact_container #form #contact_form>div,
#contact_container #form #apply_form>div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 5%;
}

#contact_container #form #contact_form>div label,
#contact_container #form #apply_form>div label {
  letter-spacing: 1.5px;
  width: 35%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: solid 1.5px rgb(109, 109, 109);
}

#contact_container #form #contact_form>div label span,
#contact_container #form #apply_form>div label span {
  position: relative;
}

#contact_container #form #contact_form>div label span::after,
#contact_container #form #apply_form>div label span:not(.contact_span)::after {
  content: "＊";
  position: absolute;
  height: 100%;
  right: -1rem;
  top: -0.5rem;
  transform: scale(0.7);
  color: #fe8114;
}

#contact_container #form #contact_form>div .contact_contents_label,
#contact_container #form #apply_form>div .contact_contents_label {
  border: none;
}

#contact_container #form .error_message {
  display: none;
  color: red;
  margin-top: 0.5rem;
}

#contact_container #form .error_privacy_policy {
  text-align: center;
  margin-top: 0.5rem;
}

#contact_container #form .error_submit {
  text-align: center;
}

#contact_container #form #contact_form>div>div {
  width: 100%;
}

#contact_container #form #contact_form>div>div input:not([name="contact_contents[join]"], [name="contact_contents[payment]"]),
#contact_container #form #contact_form>div>div textarea,
#contact_container #form #contact_form>div>div select[name=apply_name] {
  letter-spacing: 1.5px;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1.2px rgb(109, 109, 109);
  outline-color: rgba(128, 128, 128, 0.8705882353);
}

#contact_container #form #apply_form>div>div {
  width: 65%;
}

@media (max-width: 767px) {
  #contact_container #form #apply_form>div>div {
    width: 100%;
  }
}

#contact_container #form #apply_form>div>div input:not([name="contact_contents[join]"], [name="contact_contents[payment]"]),
#contact_container #form #apply_form>div>div textarea,
#contact_container #form #apply_form>div>div select[name=apply_name] {
  letter-spacing: 1.5px;
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1.2px rgb(109, 109, 109);
  outline-color: rgba(128, 128, 128, 0.8705882353);
}

#contact_container #form #contact_form {
  display: none;
}

#contact_container #form #apply_form #post_form {
  width: 65%;
  display: flex;
  flex-direction: column;
}

#contact_container #form #apply_form #post_form p {
  margin-bottom: 1rem;
}

#contact_container #form #apply_form #post_form input[name="contact_contents[post_num]"] {
  margin-bottom: 1rem;
  width: 50%;
}

#contact_container #form #apply_form #post_form input[name=address] {
  width: 100%;
}

#contact_container #form #apply_form #select_wrapper {
  position: relative;
  width: 65%;
}

#contact_container #form #apply_form #select_wrapper::after {
  position: absolute;
  content: "∨";
  transform: scale(2, 1);
  color: white;
  background: #808080;
  top: 0;
  right: 0;
  width: 5%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 5px 5px 0;
  pointer-events: none;
}

#contact_container #form #apply_form #select_wrapper select[name="contact_contents[apply_trunk_size]"] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  border-radius: 5px;
  outline-color: rgba(128, 128, 128, 0.8705882353);
}

#contact_container #form #apply_form #select_wrapper select[name="contact_contents[apply_trunk_size]"] option {
  background: white;
}

#contact_container #form #apply_form .radio_select_wrapper {
  display: flex;
  flex-direction: column;
  gap: 5%;
  width: 65%;
  padding: 1.5vw;
  box-sizing: border-box;
  border: none;
}

#contact_container #form #apply_form .radio_select_wrapper input {
  accent-color: #fe8114;
  transform: scale(1.5);
  margin: 0;
  margin-right: 0.5rem;
  cursor: pointer;
}

#contact_container #form #apply_form .radio_select_wrapper>div {
  width: 100%;
  display: flex;
}

#contact_container #form #apply_form .radio_select_wrapper>div>div {
  width: 50%;
  display: flex;
  align-items: center;
}

#contact_container #form #apply_form .radio_select_wrapper>div>div .lisence_upload {
  -webkit-appearance: none;
  width: 100%;
  padding: 0;
  border: none;
  font-size: 5px;
  margin: 0 auto;
}

#contact_container #form #privacy_wrapper {
  width: 80%;
  max-width: 3000px;
  margin: 0 auto;
  margin-bottom: 2vw;
}

@media (max-width: 767px) {
  #contact_container #form #privacy_wrapper {
    width: 100%;
  }
}

#contact_container #form #privacy_wrapper .text_color_common {
  color: #FF8814;
  margin-bottom: 0.8rem;
}

#contact_container #form #privacy_wrapper #privacy {
  width: 100%;
  height: auto;
  overflow-y: scroll;
  margin-bottom: 1rem;
  padding: 1.5vw;
  border: solid 2px #FF8814;
  border-radius: 5px;
  box-sizing: border-box;
}

@media (max-width: 1199px) {
  #contact_container #form #privacy_wrapper #privacy {
    padding: 2rem;
  }
}

@media (max-width: 767px) {
  #contact_container #form #privacy_wrapper #privacy {
    padding: 1rem;
  }
}

#contact_container #form #privacy_wrapper #privacy .mb3 {
  margin-bottom: 3rem;
}

#contact_container #form #privacy_wrapper #privacy p {
  line-height: 1.7rem;
  letter-spacing: 1.3px;
}

#contact_container #form #privacy_wrapper #privacy>p:first-child {
  margin-bottom: 2rem;
  box-sizing: border-box;
  text-align: center;
}

#contact_container #form #privacy_wrapper #privacy>p:nth-child(2) {
  margin-bottom: 3rem;
}

#contact_container #form #privacy_wrapper #privacy .privacy_contact span {
  display: block;
}

#contact_container #form #privacy_wrapper #agree_wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#contact_container #form #privacy_wrapper #agree_wrapper input {
  margin: 0;
  margin-right: 0.5rem;
  cursor: pointer;
}

#contact_container #form #privacy_wrapper #agree_wrapper #agree_privacy {
  margin-bottom: 0;
}

#contact_container #form #submit_wrapper {
  width: 100%;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#contact_container #form #submit_wrapper>input[type=button] {
  border: none;
  padding: 0.8rem 10%;
  background: #FF8814;
  color: white;
  cursor: pointer;
}

@media (max-width: 767px) {
  #contact_container #form #submit_wrapper>input[type=button] {
    padding-inline: 100px;
  }
}

@media (max-width: 991px) {
  #contact_container {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #contact_container {
    width: 90%;
    margin-top: 130px;
  }
}

@media (max-width: 575px) {
  #contact_container #contact_info {
    padding: 0;
  }
}

@media (max-width: 767px) {
  #contact_container #contact_info h1 {
    font-size: max(2.7vw, 1.4rem);
  }
}

@media (max-width: 575px) {
  #contact_container #contact_info h1 {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  #contact_container #contact_info h1 {
    padding: 1.5rem;
  }
}

@media (max-width: 575px) {
  #contact_container #contact_info h1 {
    padding: 1rem;
  }
}

@media (max-width: 1099px) {
  #contact_container #contact_info p {
    font-size: max(1vw, 0.9rem);
    line-height: 1.5rem;
  }
}

@media (max-width: 575px) {
  #contact_container #contact_info p {
    width: 90%;
  }
}

@media (max-width: 1099px) {
  #contact_container #contact_info p span {
    display: contents;
  }
}

@media (max-width: 767px) {
  #contact_container #contact_info p span {
    display: block;
  }
}

@media (max-width: 1199px) {
  #contact_container #form>*:not(:last-of-type) {
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  #contact_container #form #tabs input[name=contact_form_tab]:checked+label span {
    font-size: max(2.7vw, 1.4rem);
  }
}

@media (max-width: 575px) {
  #contact_container #form #tabs input[name=contact_form_tab]:checked+label span {
    font-size: 1.2rem;
  }
}

@media (max-width: 1699px) {
  #contact_container #form #tabs label {
    padding: 1.5vw 0;
  }
}

@media (max-width: 767px) {
  #contact_container #form #tabs label {
    padding: 2.5vw 0;
  }
}

@media (min-width: 768px) {
  #contact_container #form #tabs label:hover {
    color: rgb(240, 240, 240);
  }
}

@media (max-width: 1199px) {

  #contact_container #form #contact_form,
  #contact_container #form #apply_form {
    margin-bottom: 3rem;
  }
}

@media (max-width: 1199px) {

  #contact_container #form #contact_form>*,
  #contact_container #form #apply_form>* {
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {

  #contact_container #form #contact_form>div,
  #contact_container #form #apply_form>div {
    flex-direction: column;
  }
}

@media (max-width: 767px) {

  #contact_container #form #contact_form>div label,
  #contact_container #form #apply_form>div label {
    width: 55%;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {

  #contact_container #form #contact_form>div .contact_contents_label,
  #contact_container #form #apply_form>div .contact_contents_label {
    border-bottom: solid 1.5px rgb(109, 109, 109);
  }
}

@media (max-width: 767px) {

  #contact_container #form #contact_form>div input:not([name="contact_contents[join]"], [name="contact_contents[payment]"]),
  #contact_container #form #contact_form>div textarea,
  #contact_container #form #contact_form>div select[name=apply_name] {
    width: 100%;
  }

  #contact_container #form #apply_form>div input:not([name="contact_contents[join]"], [name="contact_contents[payment]"]),
  #contact_container #form #apply_form>div textarea,
  #contact_container #form #apply_form>div select[name=apply_name] {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #contact_container #form #apply_form #post_form {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #contact_container #form #apply_form #post_form p {
    display: none;
  }
}

@media (max-width: 767px) {
  #contact_container #form #apply_form #select_wrapper {
    width: 100%;
  }
}

@media (min-width: 768px) {
  #contact_container #form #apply_form #select_wrapper:hover::after {
    color: rgb(231, 231, 231);
  }
}

@media (max-width: 767px) {
  #contact_container #form #apply_form .radio_select_wrapper {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  #contact_container #form #privacy_wrapper {
    margin-bottom: 3rem;
  }
}

@media (max-width: 1792px) {
  #contact_container #form #privacy_wrapper #privacy {
    height: 50vh;
  }
}

@media (max-width: 1199px) {

  #contact_container #form #privacy_wrapper #privacy p:nth-child(2),
  #contact_container #form #privacy_wrapper #privacy p:last-child {
    font-size: max(1vw, 0.9rem);
  }
}

@media (max-width: 1792px) {
  #contact_container #form #submit_wrapper>input[type=submit] {
    padding-inline: 20%;
  }
}

@media (max-width: 767px) {
  #contact_container #form #submit_wrapper>input[type=submit] {
    padding-inline: 100px;
  }
}

@media (min-width: 768px) {
  #contact_container #form #submit_wrapper>input[type=submit]:hover {
    color: rgb(240, 240, 240);
  }
}

#contact_check_container {
  margin: 0 auto;
  margin-top: 150px;
  width: 60%;
}

@media (max-width: 991px) {
  #contact_check_container {
    width: 75%;
  }
}

@media (max-width: 575px) {
  #contact_check_container {
    width: 85%;
  }
}

#contact_check_wrapper {
  width: 100%;
  padding-top: 5rem;
}

@media (max-width: 575px) {
  #contact_check_wrapper {
    padding-top: 0;
  }
}

#contact_check_wrapper h1 {
  text-align: center;
  padding: 2vw;
  background: #FF8014;
  color: white;
  font-size: min(2.7vw, 1.8rem);
  margin-bottom: 3rem;
}

@media (max-width: 767px) {
  #contact_check_wrapper h1 {
    padding: 1.5rem 2rem;
    font-size: 20px;
  }
}

#contact_check_wrapper .mb3 {
  margin-bottom: 3rem;
}

#contact_check_wrapper .mb5 {
  margin-bottom: 5rem;
}

#contact_check_wrapper .txt_c {
  text-align: center;
}

#contact_check_wrapper .ta_c {
  text-align: center;
}

#contact_check_wrapper #check_items {
  margin-bottom: 3rem;
  border-bottom: solid 1px black;
}

#contact_check_wrapper #check_items>div {
  margin-bottom: 3rem;
  display: flex;
  width: 100%;
}

@media (max-width: 575px) {
  #contact_check_wrapper #check_items>div {
    flex-direction: column;
  }
}

#contact_check_wrapper #check_items>div>p:first-child {
  width: 35%;
}

@media (max-width: 991px) {
  #contact_check_wrapper #check_items>div>p:first-child {
    width: 50%;
  }
}

@media (max-width: 575px) {
  #contact_check_wrapper #check_items>div>p:first-child {
    width: 100%;
  }
}

#contact_check_wrapper #check_items>div>p:last-child {
  width: 65%;
}

@media (max-width: 991px) {
  #contact_check_wrapper #check_items>div>p:last-child {
    width: 50%;
  }
}

@media (max-width: 575px) {
  #contact_check_wrapper #check_items>div>p:last-child {
    width: 100%;
    margin-top: 0.5rem;
  }
}

#contact_check_wrapper #check_items>div .label_name>span:not(.contact_span) {
  position: relative;
}

#contact_check_wrapper #check_items>div .label_name>span:not(.contact_span)::after {
  content: "＊";
  position: absolute;
  top: -0.5rem;
  right: -1rem;
  transform: scale(0.7);
  color: #FF8014;
}

@media (max-width: 575px) {
  #contact_check_wrapper #check_items>div .label_name>span:not(.contact_span)::after {
    right: -1rem;
  }
}

@media (max-width: 575px) {
  #contact_check_wrapper #check_items #address .address_detail {
    margin-top: 1rem;
  }
}

#contact_check_wrapper #check_items #address .address_detail p {
  margin-bottom: 0.5rem;
}

#contact_check_wrapper #check_items #contents .contents_text,
#contact_check_wrapper #check_items #contents .content_detail {
  line-height: 1.5rem;
  letter-spacing: 1px;
}

#contact_check_wrapper #submit_wrapper {
  width: 100%;
}

#contact_check_wrapper #submit_wrapper input[type=button] {
  width: 300px;
  height: 60px;
  padding: 1rem 2rem;
  background: #FF8014;
  color: white;
  border: none;
  cursor: pointer;
}

@media (min-width: 768px) {
  #contact_check_wrapper #submit_wrapper input[type=button]:hover {
    color: rgb(228, 228, 228);
    background: #f27a12;
  }
}

#contact_check_wrapper #submit_wrapper #back {
  position: relative;
  color: #808080;
}

@media (min-width: 768px) {
  #contact_check_wrapper #submit_wrapper #back:hover {
    color: #6c6b6b;
  }
}

#contact_check_wrapper #submit_wrapper #back::before {
  content: "<";
  position: absolute;
  left: -1.5rem;
  display: flex;
  align-items: center;
  transform: scale(0.5, 1.5);
}

#contact_check_wrapper .thanks_text {
  line-height: 1.5rem;
}

#contact_check_wrapper h2 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 3rem;
}

#contact_check_wrapper #back_top_wrapper {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}

#contact_check_wrapper #back_top_wrapper #back_top {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  width: 300px;
  height: 60px;
  background: #FF8014;
  color: white;
  border: none;
  cursor: pointer;
}

@media (min-width: 768px) {
  #contact_check_wrapper #back_top_wrapper #back_top:hover {
    color: rgb(228, 228, 228);
    background: #f27a12;
  }
}

footer {
  width: 100%;
}

footer * {
  font-family: "Zen Maru Gothic", sans-serif;
}

footer #page_top_wrapper {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  background: #2984BB;
}

footer #page_top_wrapper .back_top {
  position: relative;
  color: white;
}

footer #page_top_wrapper .back_top::after {
  content: "∧";
  position: absolute;
  right: -1.5rem;
  transform: scale(1.5, 1);
}

footer .footer_wrapper {
  width: 55%;
  max-width: 3200px;
  margin: 0 auto;
  padding: 3rem 0;
  display: flex;
  justify-content: center;
  gap: 5%;
}

@media (max-width: 1399px) {
  footer .footer_wrapper {
    width: 65%;
  }
}

@media (max-width: 991px) {
  footer .footer_wrapper {
    padding: 3.5rem 0 1.5rem 0;
  }
}

@media (max-width: 767px) {
  footer .footer_wrapper {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}

@media (max-width: 575px) {
  footer .footer_wrapper {
    padding-bottom: 0;
  }
}

footer .footer_wrapper .logo_wrapper {
  width: 40%;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  footer .footer_wrapper .logo_wrapper {
    width: auto;
    margin: 0 auto;
    margin-bottom: 3rem;
  }
}

footer .footer_wrapper .logo_wrapper>img {
  width: 75px;
  height: auto;
}

footer .footer_wrapper .logo_wrapper>div {
  display: flex;
  align-items: center;
}

footer .footer_wrapper .logo_wrapper>div p,
footer .footer_wrapper .logo_wrapper>div p span {
  font-size: min(2vw, 28px);
}

@media (max-width: 1199px) {

  footer .footer_wrapper .logo_wrapper>div p,
  footer .footer_wrapper .logo_wrapper>div p span {
    font-size: 1.5rem;
  }
}

@media (max-width: 991px) {

  footer .footer_wrapper .logo_wrapper>div p,
  footer .footer_wrapper .logo_wrapper>div p span {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {

  footer .footer_wrapper .logo_wrapper>div p,
  footer .footer_wrapper .logo_wrapper>div p span {
    font-size: 1.5rem;
  }
}

@media (max-width: 575px) {

  footer .footer_wrapper .logo_wrapper>div p,
  footer .footer_wrapper .logo_wrapper>div p span {
    font-size: 1.2rem;
  }
}

footer .footer_wrapper .logo_wrapper>div p {
  color: #ff8b14;
  white-space: nowrap;
  margin-left: 0.5rem;
}

footer .footer_wrapper .logo_wrapper>div p span {
  margin-top: 0.9rem;
  display: block;
}

@media (max-width: 767px) {
  footer .footer_wrapper .logo_wrapper>div p span {
    margin-left: 0.5rem;
    display: inline;
  }
}

@media (max-width: 575px) {
  footer .footer_wrapper .logo_wrapper>div p span {
    display: block;
    margin-left: 0;
  }
}

footer .footer_wrapper .site_map {
  width: 60%;
  display: grid;
  grid-template: "areaA areaA areaB areaB areaC areaC" "areaD areaD areaE areaE areaF areaF" "areaG areaG areaH areaH areaI areaI" /1fr 1fr 1fr 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  footer .footer_wrapper .site_map {
    grid-template: "areaA areaA areaD areaD areaG areaG" "areaB areaB areaE areaE areaH areaH" "areaC areaC areaF areaF areaI areaI" /1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
  }
}

footer .footer_wrapper .site_map>a:first-child {
  grid-area: areaA;
}

footer .footer_wrapper .site_map>a:nth-child(2) {
  grid-area: areaB;
}

footer .footer_wrapper .site_map>a:nth-child(3) {
  grid-area: areaC;
}

footer .footer_wrapper .site_map>a:nth-child(4) {
  grid-area: areaD;
}

footer .footer_wrapper .site_map>a:nth-child(5) {
  grid-area: areaE;
}

footer .footer_wrapper .site_map>a:nth-child(6) {
  grid-area: areaF;
}

footer .footer_wrapper .site_map>a:nth-child(7) {
  grid-area: areaG;
}

footer .footer_wrapper .site_map>a:nth-child(8) {
  grid-area: areaH;
}

footer .footer_wrapper .site_map>a:last-child {
  grid-area: areaI;
  padding-bottom: 0;
}

@media (max-width: 575px) {
  footer .footer_wrapper .site_map>a:last-child {
    text-align: center;
  }
}

@media (max-width: 767px) {
  footer .footer_wrapper .site_map>a:last-child {
    padding-bottom: 1rem;
  }
}

@media (max-width: 575px) {
  footer .footer_wrapper .site_map>a:last-child>span {
    display: block;
    margin-top: 0.1rem;
  }
}

footer .footer_wrapper .site_map>a {
  padding: 0 1rem 1rem 0;
  color: var(--button-color-blue);
  font-size: 1rem;
  line-height: 1.5rem;
}

@media (max-width: 1399px) {
  footer .footer_wrapper .site_map>a {
    font-size: max(1vw, .9rem);
  }
}

@media (max-width: 767px) {
  footer .footer_wrapper .site_map>a {
    padding: 1rem;
    text-align: center;
    border: solid 1px #2984BB;
    margin-right: -1px;
    margin-bottom: -1px;
  }
}

@media (max-width: 575px) {
  footer .footer_wrapper .site_map>a {
    padding: 1rem 0;
    font-size: 0.9rem;
    line-height: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

footer .copyright {
  text-align: center;
  padding: 1rem;
}


.img_pc {
  display: block;
}

.img_sp {
  display: none;
}

@media (max-width: 767px) {
  .img_pc {
    display: none;
  }

  .img_sp {
    display: block;
  }
}


.main_back .img_catch_copy {
  position: absolute;
  top: 10%;
  left: 20px;
  width: 40%;
  max-width: 550px;
}

.main_back .img_catch_copy2 {
  position: absolute;
  top: 10%;
  left: 40px;
  width: 45%;
  max-width: 550px;
}

.main_back .main_catch_box .img_main_catch_box {
  position: absolute;
  top: 8%;
  right: 0;
  max-width: 500px;
  width: 43%;

}


.main_back .img_transportation {
  position: absolute;
  bottom: -1px;
  right: 0;
  max-width: 420px;
  width: 46%;
}

@media (max-width: 767px) {
  .main_back .main_catch_box .img_main_catch_box {
    top: 3%;
    width: 55%;
    max-width: 240px;
  }

  #top_transportation .section-inner {
    width: 82.7%;
    margin: 0 0 0 auto;
  }
}

@media (max-width: 575px) {
  #top_transportation .section-inner {
    width: 94.5%;
  }

  .main_back .img_catch_copy {
    top: 27%;
    left: 7%;
    width: 55%;
	}
	
  .main_back .img_catch_copy2 {
    top: 40%;
    left: 0;
    width: 75%;
  }

  .main_back .main_catch_box .img_main_catch_box {
    max-width: 220px;
  }
}

@media (max-width: 480px) {
  .main_back .img_catch_copy {
    top: 32.5%;
    left: 2%;
    width: 57%;
  }
	
	  .main_back .img_catch_copy2 {
    top: 40%;
    left: 0;
    width: 75%;
  }
  .main_back .main_catch_box .img_main_catch_box {
    max-width: 190px;
  }
}


#usage_container #usage #usage_wrapper #usage_detail .bold {
  font-weight: bold;
}