@charset "utf-8";
/***************************************/
/*	ress.css • v1.2.2

/*	all

/*	link

/*	wrapper

/*	adjust

/*	clear fix

/*	print css

=======================================*/
/***************************************/
/*	ress.css • v1.2.2
=======================================*/
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}
*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
summary {
  display: list-item; /* Add the correct display in all browsers */
}
small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}
[hidden],
template {
  display: none; /* Add the correct display in IE */
}
abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}
a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}
a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}
b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}
dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}
/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}
/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
input {
  border-radius: 0;
}
/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}
/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}
[type="number"] {
  width: auto; /* Firefox 36+ */
}
[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}
textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}
optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}
button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}
/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}
/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
button, html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */ [type="reset"], [type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}
button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}
/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}
/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}
select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}
select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}
legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}
[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}
audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}
/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
/***************************************/
/*	all
=======================================*/
html {
  padding: 0;
  margin: 0;
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  background-color: #ffffff;
}
/* 375px時に1rem=10pxになるように計算 */
@media screen and (max-width:374px) {
  html {
    font-size: calc(100vw / 37.5);
  }
}

body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-family: Helvetica Neue, Helvetica, Hiragino Sans,
    Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

/***************************************/
/*	link
=======================================*/
a:link,
a:visited {
  color: #00824c;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #00824c;
  text-decoration: none;
}
/***************************************/
/*	wrapper
=======================================*/
#wrapper {
  padding: 0;
  margin: 0;
  height: 100%;
  position: relative;
  color: #555555;
}
#site_header {
  width: 100%;
  padding: 24px 16px;
  top: 0;
  left: 0;
  background: #fff;
  position: relative;
  z-index: 9998;
}
.header_outer {
  margin: 0 auto;
  width: 100%;
  max-width: 1152px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1151px) {
  #wrapper {
    padding-top: 47px;
  }
  .header_outer {
    max-width: unset;
  }
  #site_header {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
}
@media screen and (max-width: 782px) {
  #site_header {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
  }
}
.h_logo a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 213px;
  height: 41px;
  background: url("images/logo@2x.png") no-repeat center;
  background-size: 213px auto;
}
@media screen and (max-width: 1151px) {
  .h_logo {
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .h_logo a {
    width: 142px;
    height: 27px;
    background-size: 142px auto;
  }
}
.h_nav {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .h_nav {
    display: none;
  }
}
.h_nav li a {
  text-decoration: none;
}
.h_nav li:nth-of-type(n + 2) {
  margin-left: 16px;
}
.h_nav_freecall a {
  display: block;
  margin: 0;
  padding: 0 0 0 58px;
  background: url("images/icon_freecall.svg") no-repeat center left;
  background-size: 50px auto;
}
.h_nav_freecall_tel {
  margin: 0;
  padding: 0;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 174px;
  height: 23px;
  background: url("images/h_nav_freecall_tel@2x.png") no-repeat center top;
  background-size: 174px auto;
}
.h_nav_freecall_time {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #555555;
}
.h_nav_satei a,
.h_nav_line a {
  display: block;
  padding: 10px 0;
  width: 188px;
  border-radius: 4px;
  text-align: center;
  font-size: 1.6rem;
  color: #ffffff;
}
.h_nav_satei a::before {
  content: "";
  display: inline-block;
  margin: 0 8px -1px 0;
  padding: 0;
  width: 16px;
  height: 14px;
  background: url("images/icon_mail.svg") no-repeat bottom;
  background-size: 16px auto;
}
.h_nav_satei a:link,
.h_nav_satei a:visited {
  background-color: #f25449;
}
.h_nav_satei a:hover,
.h_nav_satei a:active {
  background-color: #ef3f37;
}
.h_nav_line a::before {
  content: "";
  display: inline-block;
  margin: 0 8px -2px 0;
  padding: 0;
  width: 17px;
  height: 17px;
  background: url("images/icon_line.svg") no-repeat bottom;
  background-size: 17px auto;
}
.h_nav_line a:link,
.h_nav_line a:visited {
  background-color: #00b900;
}
.h_nav_line a:hover,
.h_nav_line a:active {
  background-color: #00a700;
}
#g_nav {
  width: 100%;
  background-color: #08a365;
  position: relative;
  z-index: 9999;
}
#g_nav.fixed-nav {
  position: fixed;
  top: 0;
}
@media screen and (max-width: 1151px) {
  #g_nav {
    display: none;
  }
}
.g_nav_list {
  margin: 0 auto;
  padding: 0 16px;
  width: 1152px;
  display: flex;
  justify-content: space-between;
}
.g_nav_list li {
  width: 20%;
}
.g_nav_list li a {
  margin: 0;
  padding: 16px;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  text-decoration: none;
  color: #ffffff;
}
.g_nav_list a:link,
.g_nav_list a:visited {
  background-color: #08a365;
}
.g_nav_list a.is_current:link,
.g_nav_list a.is_current:visited {
  background-color: #00824c;
}
.g_nav_list a:hover,
.g_nav_list a:active {
  background-color: #00824c;
}
.sp_nav_sub {
  display: none;
}
@media screen and (max-width: 1151px) {
  .sp_nav_sub {
    position: fixed;
    display: flex;
    top: 46px;
    width: 100%;
    background: #fff;
    z-index: 9999;
  }
  .sp_nav_sub > li {
    width: 50%;
  }
  .sp_nav_sub_btn {
    text-align: center;
  }
  .sp_nav_sub_btn > label {
    display: block;
    padding: 12px 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
  }
  .sp_nav_sub_btn > label::after {
    content: "";
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0;
    width: 10px;
    height: 10px;
    background: url("images/icon_arrow_b_w.svg") no-repeat center;
    background-size: 10px auto;
  }
  .sp_nav_sub_btn > .sp_nav_sub_btn_input:checked + label::after {
    transform: rotate(180deg);
  }
  .sp_nav_sub_btn_input {
    display: none;
  }
  .sp_nav_sub_btn_company {
    padding-right: 0.5px;
  }
  .sp_nav_sub_btn_company > label {
    background-color: #08a365;
  }
  .sp_nav_sub_btn_satei {
    padding-left: 0.5px;
  }
  .sp_nav_sub_btn_satei > label {
    background-color: #f25449;
  }
  .sp_nav_sub_inner {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
  }
  .sp_nav_sub_btn_input:checked ~ .sp_nav_sub_inner {
    height: auto;
    opacity: 1;
  }
  .sp_nav_sub_btn .sp_nav_sub_inner {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 50;
  }
  .sp_nav_sub_company {
    padding: 16px;
    border: 4px solid #08a365;
    background-color: #ffffff;
  }
  .sp_nav_sub_satei_inner {
    padding: 16px;
    border: 4px solid #f25449;
    background-color: #ffffff;
  }
  .sp_nav_sub_company_txt,
  .sp_nav_sub_satei_txt {
    margin-bottom: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .sp_nav_sub_company_input {
    display: none;
  }
  .sp_nav_sub_company_list,
  .are_map_list_inner {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.4s;
  }
  .sp_nav_sub_company_input:checked ~ .sp_nav_sub_company_list,
  .area_map_input:checked ~ .are_map_list_inner {
    height: auto;
    opacity: 1;
  }
  .sp_nav_sub_company_inner > label,
  .are_map_list > label {
    display: block;
    padding: 12px 16px;
    text-align: left;
    background-color: #08a365;
    color: #ffffff;
    font-size: 1.6rem;
    position: relative;
  }
  .sp_nav_sub_company_inner > label::after,
  .are_map_list > label::after {
    content: "";
    display: block;
    margin: auto;
    width: 10px;
    height: 10px;
    background: url("images/icon_arrow_b_w.svg") no-repeat center;
    background-size: 10px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
  }
  .sp_nav_sub_company_inner > .sp_nav_sub_company_input:checked + label,
  .are_map_list > .area_map_input:checked + label {
    background-color: #00824c;
  }
  .sp_nav_sub_company_inner > .sp_nav_sub_company_input:checked + label::after,
  .are_map_list > .area_map_input:checked + label::after {
    transform: rotate(180deg);
  }
  .sp_nav_sub_company_inner:nth-of-type(n + 2),
  .are_map_list:nth-of-type(n + 2) {
    border-top: 1px solid #ffffff;
  }
  .sp_nav_sub_company_inner li a,
  .are_map_list li a {
    display: block;
    padding: 12px 24px;
    color: #08a365;
    font-size: 1.6rem;
    text-align: left;
    position: relative;
    border-left: 1px solid #08a365;
    border-right: 1px solid #08a365;
    text-decoration: none;
  }
  .sp_nav_sub_company_inner li:nth-of-type(n + 2) a,
  .are_map_list li:nth-of-type(n + 2) a {
    border-top: 1px solid #08a365;
  }
  .sp_nav_sub_company_inner li:last-of-type a,
  .are_map_list li:last-of-type a {
    border-bottom: 1px solid #08a365;
  }
  .sp_nav_sub_company_inner li a:before,
  .are_map_list li a:before {
    content: "";
    display: block;
    margin: auto;
    width: 7px;
    height: 14px;
    background: url("images/icon_arrow_r_g.svg") no-repeat 96% 50%;
    background-size: 7px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
  }
  .sp_nav_sub_satei_list li {
    padding-top: 4px;
  }
  .sp_nav_sub_satei_list li:last-of-type {
    padding-top: 16px;
  }
  .sp_nav_sub_satei_list li a {
    text-decoration: none;
  }
  .sp_nav_sub_satei_freecall a {
    display: block;
    margin: 0 auto;
    padding: 0 0 0 58px;
    width: 232px;
    background: url("images/icon_freecall.svg") no-repeat center left;
    background-size: 50px auto;
  }
  .sp_nav_sub_satei_freecall_tel {
    margin: 0;
    padding: 0;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 174px;
    height: 23px;
    background: url("images/h_nav_freecall_tel@2x.png") no-repeat center top;
    background-size: 174px auto;
  }
  .sp_nav_sub_satei_freecall_time {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #555555;
    text-align: left;
    white-space: nowrap;
  }
  .sp_nav_sub_satei_satei a,
  .sp_nav_sub_satei_line a {
    display: block;
    padding: 12px 0;
    width: 100%;
    border-radius: 4px;
    text-align: center;
    font-size: 1.6rem;
    color: #ffffff;
  }
  .sp_nav_sub_satei_satei a::before {
    content: "";
    display: inline-block;
    margin: 0 8px -1px 0;
    padding: 0;
    width: 16px;
    height: 14px;
    background: url("images/icon_mail.svg") no-repeat bottom;
    background-size: 16px auto;
  }
  .sp_nav_sub_satei_satei a:link,
  .sp_nav_sub_satei_satei a:visited {
    background-color: #f25449;
  }
  .sp_nav_sub_satei_satei a:hover,
  .sp_nav_sub_satei_satei a:active {
    background-color: #ef3f37;
  }
  .sp_nav_sub_satei_line a::before {
    content: "";
    display: inline-block;
    margin: 0 8px -2px 0;
    padding: 0;
    width: 17px;
    height: 17px;
    background: url("images/icon_line.svg") no-repeat bottom;
    background-size: 17px auto;
  }
  .sp_nav_sub_satei_line a:link,
  .sp_nav_sub_satei_line a:visited {
    background-color: #00b900;
  }
  .sp_nav_sub_satei_line a:hover,
  .sp_nav_sub_satei_line a:active {
    background-color: #00a700;
  }
}
/* header-contact-icon */
header .contact-menu {
  display: none;
}
@media screen and (max-width: 1151px) {
  header .contact-menu {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    margin-right: 47px;
    padding-bottom: 4px;
  }
  header .contact-item {
    display: flex;
    width: 30px;
    height: 40px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
  }
  header .contact-menu a:visited,
  header .contact-menu a:link {
    text-decoration: none;
  }
  header .contact-menu .mail svg {
    width: auto;
    height: 20px;
  }
  header .contact-item.line {
    padding-bottom: 0;
  }
  header .contact-menu .line svg {
    width: auto;
    height: 22px;
  }
  header .contact-menu .tel svg {
    width: auto;
    height: 20px;
  }
  header .contact-text {
    font-size: 1rem;
    color: #08a365;
    font-weight: 400;
  }
}
/* burger */
@media screen and (min-width: 1152px) {
  .hamburger-menu {
    display: none;
  }
}

.hamburger-menu {
  width: 60px;
  height: 47px;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  text-align: center;
}

.hamburger-menu span {
  color: #08a365;
  cursor: pointer;
}

.menu-btn {
  position: fixed;
  top: 10px;
  right: 10px;
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  background-color: #3584bb;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #ffffff;
  position: absolute;
}

.menu-btn span:before {
  bottom: 8px;
}

.menu-btn span:after {
  top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0);
}

#menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}

#menu-btn-check {
  display: none;
}

.burger_icon {
  display: block;
  padding-top: 28px;
  width: 100%;
  height: 100%;
  position: relative;
}

.burger_icon:link,
.burger_icon:visited,
.burger_icon:hover,
.burger_icon:active {
  color: #08a365;
  text-decoration: none;
}

.burger_icon::before,
.burger_icon span::before,
.burger_icon::after {
  content: "";
  display: block;
  position: absolute;
  right: 16px;
  width: 28px;
  height: 2px;
  background-color: #08a365;
  transition: all 0.4s;
}

.burger_icon::before {
  top: 10px;
}

.burger_icon span::before {
  top: 16px;
}

.burger_icon::after {
  top: 22px;
}

.burger_icon.is_burger_nav_open::before {
  transform: translateY(6px) rotate(-45deg);
}

.burger_icon.is_burger_nav_open span::before {
  opacity: 0;
}

.burger_icon.is_burger_nav_open::after {
  transform: translateY(-6px) rotate(45deg);
}

.burger_nav {
  display: none;
  color: #ffffff;
  right: 0;
  top: 47px;
  z-index: 100;
  background-color: #08a365;
  height: 100%;
  position: fixed;
  max-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  animation-name: anime_burger;
  animation-duration: 0.5s;
  animation-timing-function: ease;
}

@keyframes anime_burger {
  0% {
    transform: translateX(300px);
  }
  100% {
    transform: translateX(0);
  }
}

.burger_nav.open {
  display: block;
  padding: 0 24px;
  width: 100%;
}

.burger_nav.close {
  display: none;
}

.burger_nav_list {
  font-size: 1.6rem;
  line-height: 1.4;
  padding-bottom: 60px;
}

.burger_nav_list li {
  list-style: none;
}

.burger_nav_list li span,
.burger_nav_list li a {
  display: flex;
  align-items: center;
  padding: 24px 0;
  border-top: 1px solid #46ba8c;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.burger_nav_list li a::after {
  content: "\25B6";
  font-size: 14px;
  color: white;
  position: absolute;
  right: 16px;
  width: auto;
  background: unset;
}

.burger_nav_list li a:has(span) {
  padding: 0;
}

.burger_nav_list li a span {
  border-top: 0;
  text-align: left;
}

.burger_nav_list li.auction a span {
  font-size: 1.5rem;
}

.burger_nav_list li span svg,
.burger_nav_list li a svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.burger_nav_list li span.add-sub {
  padding-right: 30px;
}

.burger_nav_list li span.add-sub::after {
  content: "＋";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.burger_nav_list li span.add-sub.open::after {
  content: "―";
  transform: translateY(-50%) rotate(180deg);
}

.burger_nav_list .sub-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.burger_nav_list .sub-menu.open {
  max-height: none;
}

.burger_nav_list .sub-menu li a {
  padding: 24px 0px 24px 16px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  border-top: none;
}

.burger_nav_list .sub-menu.open li:first-of-type a {
  border-top: 1px solid #46ba8c;
}

.burger_nav_list .sub-menu.open li a {
  opacity: 1;
  transform: translateY(0);
}

.burger_nav.open .search-box {
  position: relative;
  width: 100%;
  margin: 24px 0;
}

.burger_nav.open .search-box span {
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: left;
  display: block;
  margin-bottom: 4px;
  color: #fff;
  cursor: auto;
}

.burger_nav.open .search-box input {
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  border: 3px solid #d0d0d0;
  border-radius: 5px;
  font-size: 1.5rem;
  color: #333;
  background-color: white;
}

.burger_nav.open .search-box input::placeholder {
  color: #acacac;
}

.burger_nav.open .search-box input:focus {
  outline: none;
  border-color: #8d8d8d;
}

.burger_nav.open .search-box button {
  position: absolute;
  right: 5px;
  top: 45%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.burger_nav.open .search-box button svg {
  width: 24px;
  height: 24px;
}
/* 2502_newFirstView */
.top_kv.fv_new {
  height: fit-content;
  position: relative;
  padding: 0;
}
.top_kv.fv_new .top_kv_btm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* ポイント */
.top_kv.fv_new .top_kv_btm .top_points {
  padding: 24px 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 24px;
  background: #f5f5f5;
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.05);
}
.top_kv.fv_new .top_kv_btm .top_points .point {
  padding: 20px 24px;
  border-radius: 5px;
  background: #fff;
  width: 350px;
  height: 120px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-evenly;
}
.top_kv.fv_new .top_kv_btm .top_points .point-number {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  border: 2px solid #08a365;
  background: #e4fcf2;
  color: #08a365;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}
.top_kv.fv_new .top_kv_btm .top_points .point-number {
  font-size: 1.22rem;
}
.top_kv.fv_new .top_kv_btm .top_points .point-number .num {
  font-size: 2.8rem;
}
.top_kv.fv_new .top_kv_btm .top_points .point-text {
  font-size: 2.8rem;
  line-height: 1.2;
  text-align: center;
}
.top_kv.fv_new .top_kv_btm .top_points .point-text .marker {
  background: linear-gradient(transparent 60%, #fff070 40%);
}
.top_kv.fv_new .top_kv_btm .top_points .point-text .big {
  font-size: 3.6rem;
  font-weight: bold;
}
.top_kv.fv_new .top_kv_btm .top_points .point:nth-of-type(2) .point-text .big {
  font-size: 4.6rem;
}
@media (max-width: 1151px) {
  .top_kv.fv_new .top_kv_btm .top_points {
    background: rgba(8, 163, 101, 0.58);
    background-blend-mode: multiply;
    gap: 8px;
    justify-content: space-around;
  }
  .top_kv.fv_new .top_kv_btm .top_points .point {
    padding: 4px;
    width: 30.5%;
    height: 80px;
    flex-direction: column;
    gap: 0;
  }
  .top_kv.fv_new .top_kv_btm .top_points .point-number {
    width: 60px;
    height: 22px;
    border-radius: 2.917px;
    border: 1.167px solid #08a365;
    font-size: 1rem;
    flex-direction: row;
    gap: 2px;
    padding-top: 0px;
  }
  .top_kv.fv_new .top_kv_btm .top_points .point-number .num {
    font-size: 1.4rem;
  }
  .top_kv.fv_new .top_kv_btm .top_points .point-text {
    font-size: 1.2rem;
  }
  .top_kv.fv_new .top_kv_btm .top_points .point-text .big {
    font-size: 1.6rem;
  }
  .top_kv.fv_new
    .top_kv_btm
    .top_points
    .point:nth-of-type(2)
    .point-text
    .big {
    font-size: 2.1rem;
  }
}
/* ctaボタン */
.top_kv.fv_new .top_kv_btm .top_cta {
  text-align: center;
  padding: 24px 0;
  margin: 0 auto;
}
.top_kv.fv_new .top_kv_btm .top_cta a {
  text-decoration: none;
  width: fit-content;
  display: inline-block;
}
.top_kv.fv_new .top_kv_btm .top_cta .accent {
  color: #14724c;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 8px;
}
.top_kv.fv_new .top_kv_btm .top_cta .accent .yellow {
  color: #ccb22b;
}
.top_kv.fv_new .top_kv_btm .top_cta .btn::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -40px;
  left: -40px;
  width: 90px;
  height: 90px;
  background: url(images/top/cta_accent.svg) no-repeat center;
  background-size: contain;
}
.top_kv.fv_new .top_kv_btm .top_cta .btn {
  background-color: #f25449;
  border-radius: 10px;
  color: #fff;
  width: 580px;
  height: 130px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  box-shadow: 4.5px 4.5px 0 #d1392e;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top_kv.fv_new .top_kv_btm .top_cta .btn:hover {
  transform: translate(3px, 3px);
  box-shadow: none;
}
.top_kv.fv_new .top_kv_btm .top_cta .btn .sub {
  width: 460px;
  height: 42px;
  border-radius: 32.638px;
  background: #fff;
  margin-bottom: 8px;
  color: #14724c;
  font-size: 2.4rem;
  padding-top: 3px;
  padding-left: 5px;
}
.top_kv.fv_new .top_kv_btm .top_cta .btn .main {
  font-size: 3.6rem;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.top_kv.fv_new .top_kv_btm .top_cta .circle {
  width: 26px;
  height: 26px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}
.top_kv.fv_new .top_kv_btm .top_cta .triangle {
  width: 0;
  height: 0;
  position: relative;
  top: 1px;
  border-top: 10px solid #f25449;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-bottom: none;
}
@media (max-width: 1151px) {
  .top_kv.fv_new .top_kv_btm .top_cta {
    text-align: center;
    padding: 16px 0 24px;
  }
  .top_kv.fv_new .top_kv_btm .top_cta .accent {
    font-size: 1.6rem;
  }
  .top_kv.fv_new .top_kv_btm .top_cta .btn::before {
    top: -30px;
    left: -15px;
    width: 57px;
    height: 57px;
  }
  .top_kv.fv_new .top_kv_btm .top_cta .btn {
    width: 343.63px;
    max-width: 100%;
    height: 77.021px;
    box-shadow: 2.5px 2.5px 0 #d1392e;
  }
  .top_kv.fv_new .top_kv_btm .top_cta .btn .sub {
    width: 240px;
    height: 26px;
    font-size: 1.3rem;
    margin-bottom: 2px;
  }
  .top_kv.fv_new .top_kv_btm .top_cta .btn .main {
    font-size: 2.4rem;
    margin-left: 15px;
  }
  .top_kv.fv_new .top_kv_btm .top_cta .circle {
    width: 16px;
    height: 16px;
    position: relative;
    top: -10px;
    right: -13px;
  }
  .top_kv.fv_new .top_kv_btm .top_cta .triangle {
    position: relative;
    top: 1px;
    border-top: 8px solid #f25449;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
}
.top_kv.fv_new.fv_new_pattern_01 {
  background: linear-gradient(
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5)
    ),
    url(images/top/kv_top@2x.webp);
  background-size: 1280px auto;
  background-repeat: repeat-x;
  background-position: top center;
  height: calc(480px + 144px + 215px);
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_inner {
  height: 484px;
  padding-top: 80px;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_inner02 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(images/top/bg_kv_top_frame_2411.webp) no-repeat center;
  background-size: contain;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl {
  padding: 0;
  margin: 0;
  line-height: 1.15;
  text-shadow: none;
}
.top_kv.fv_new span.top_kv_ttl_s_2.yellow {
  color: #fad000;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_l_1 {
  font-size: 8.2rem;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_l_2 {
  font-size: 7rem;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_s_1 {
  font-size: 6rem;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_s_2 {
  font-size: 5rem;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_top span {
  padding: 9px 24px 8px;
  border-radius: 7.046px;
  background: #f25449;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
}
.top_kv.fv_new.fv_new_pattern_01 .top_kv_btm .top_points {
  padding-bottom: 0;
}
@media (max-width: 1151px) {
  .top_kv.fv_new.fv_new_pattern_01 {
    background: linear-gradient(
        rgba(255, 255, 255, 0.5),
        rgba(255, 255, 255, 0.5)
      ),
      url(images/top/kv_top_sp@2x.webp);
    background-size: 375px auto;
    height: calc(375px + 112px + 141px);
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_inner {
    height: 375px;
    padding-top: 0;
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_inner02 {
    background: url(images/top/bg_kv_top_frame_sp_2411.webp) no-repeat center;
    background-size: contain;
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_top span {
    padding: 5px 16px 4px;
    border-radius: 4.384px;
    font-size: 2.2rem;
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_l_1 {
    font-size: 5.4rem;
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_s_1 {
    font-size: 3.6rem;
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_s_2 {
    line-height: 1.6;
    font-size: 2.4rem;
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_ttl_l_2 {
    font-size: 3.9rem;
  }
  .top_kv.fv_new.fv_new_pattern_01 .top_kv_btm .top_points {
    padding: 16px;
  }
}
.bnr_area {
  margin: 0;
  padding: 24px 0;
}
@media screen and (max-width: 1151px) {
  .bnr_area {
    padding: 16px;
  }
  .bnr_area.bnr_area_top {
    padding: 0;
  }
}
.bnr_area_gray {
  background-color: #f5f5f5;
}
@media screen and (max-width: 1151px) {
  .bnr_area_gray.bnr_area_top {
    background-color: #ffffff;
  }
}
.bnr_area_list {
  margin: 0 auto;
  padding: 0 16px;
  width: 1152px;
  display: flex;
  justify-content: space-between;
}
.bnr_area_list:nth-of-type(n + 2) {
  padding-top: 24px;
}
@media screen and (max-width: 1151px) {
  .bnr_area_list {
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
  }
  .bnr_area_list li {
    width: 100%;
  }
  .bnr_area_list li:nth-of-type(n + 2) {
    padding-top: 8px;
  }
  .bnr_area_top .bnr_area_list .bnr_beginner,
  .bnr_area_top .bnr_area_list .bnr_flow {
    width: 50%;
    margin-bottom: 1px;
  }
  .bnr_beginner {
    padding-right: 0.5px;
  }
  .bnr_flow {
    padding-left: 0.5px;
  }
  .bnr_area_top .bnr_area_list li:nth-of-type(n + 2) {
    padding-top: 0;
  }
  .bnr_area_list:nth-of-type(n + 2) {
    padding-top: 8px;
  }
}
.bnr_area_list li a {
  display: block;
  width: 352px;
  height: 120px;
  border-radius: 4px;
  border: 2px solid #ffffff;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 352px auto;
}
@media screen and (max-width: 1151px) {
  .bnr_area_list li a {
    margin: 0 auto;
    width: 100%;
    max-width: 352px;
    height: auto;
    min-height: 120px;
    background-size: cover;
  }
  .bnr_area_top .bnr_area_list li a {
    border: none;
    border-radius: 0;
  }
  .bnr_area_top .bnr_area_list .bnr_beginner a,
  .bnr_area_top .bnr_area_list .bnr_flow a {
    margin: 0;
    padding: 16px;
    max-width: 100%;
    min-height: auto;
    text-indent: 0;
    white-space: normal;
    overflow: visible;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    position: relative;
  }
  .bnr_area_top .bnr_area_list .bnr_line a {
    width: 100%;
    max-width: 100%;
    background-color: #00b900;
    background-size: 352px auto;
  }
  .bnr_area_top .bnr_area_list .bnr_beginner a::after,
  .bnr_area_top .bnr_area_list .bnr_flow a::after,
  .f_nav_list li a::after {
    content: "";
    display: block;
    margin: auto;
    width: 7px;
    height: 14px;
    background: url("images/icon_arrow_r_w.svg") no-repeat center;
    background-size: 7px auto;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .bnr_area_top .bnr_area_list .bnr_beginner a::after,
  .bnr_area_top .bnr_area_list .bnr_flow a::after {
    right: 16px;
  }
  .f_nav_list li a::after {
    right: 24px;
  }
}
@media screen and (max-width: 374px) {
  .bnr_area_list li a {
    min-height: 102px;
  }
}
@media screen and (max-width: 374px) {
  .bnr_area_top .bnr_area_list .bnr_beginner a,
  .bnr_area_top .bnr_area_list .bnr_flow a {
    font-size: 1.2rem;
  }
}
.bnr_area_list li a:link,
.bnr_area_list li a:visited {
  box-shadow: 0px 0px 0px 1px #e1e1e1;
}
@media screen and (max-width: 1151px) {
  .bnr_area_top .bnr_area_list li a:link,
  .bnr_area_top .bnr_area_list li a:visited {
    box-shadow: 0px 0px 0px 0px #ffffff;
  }
}
.bnr_area_list li a:hover,
.bnr_area_list li a:active {
  box-shadow: 0px 0px 0px 1px #08a365;
}
@media screen and (max-width: 1151px) {
  .bnr_area_top .bnr_area_list li a:hover,
  .bnr_area_top .bnr_area_list li a:active {
    box-shadow: 0px 0px 0px 0px #ffffff;
  }
}
.webp .bnr_beginner a {
  background-image: url("images/bnr_beginner@2x.webp");
}
.no-webp .bnr_beginner a {
  background-image: url("images/bnr_beginner@2x.jpg");
}
.webp .bnr_flow a {
  background-image: url("images/bnr_corporative_02@2x.webp");
}
.no-webp .bnr_flow a {
  background-image: url("images/bnr_corporative_02@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .bnr_area_top .bnr_beginner a,
  .bnr_area_top .bnr_flow a {
    background-image: none;
    background-color: #00824c;
  }
  .bnr_area_top .bnr_beginner a:link,
  .bnr_area_top .bnr_beginner a:visited,
  .bnr_area_top .bnr_flow a:link,
  .bnr_area_top .bnr_flow a:visited {
    background-color: #08a365;
  }
  .bnr_area_top .bnr_beginner a:hover,
  .bnr_area_top .bnr_beginner a:active,
  .bnr_area_top .bnr_flow a:hover,
  .bnr_area_top .bnr_flow a:active {
    background-color: #00824c;
  }
}
.webp .bnr_line a {
  background-image: url("images/bnr_line_satei@2x.webp");
}
.no-webp .bnr_line a {
  background-image: url("images/bnr_line_satei@2x.jpg");
}
.webp .bnr_kaiga_kaitori_point a.lazyloaded {
  background-image: url("images/bnr_kaiga_kaitori_point@2x.webp");
}
.no-webp .bnr_kaiga_kaitori_point a.lazyloaded {
  background-image: url("images/bnr_kaiga_kaitori_point@2x.jpg");
}
.webp .bnr_ihin_kaitori_point a.lazyloaded {
  background-image: url("images/bnr_ihin_kaitori_point@2x.webp");
}
.no-webp .bnr_ihin_kaitori_point a.lazyloaded {
  background-image: url("images/bnr_ihin_kaitori_point@2x.jpg");
}
.webp .bnr_kottou_kaitori_point a.lazyloaded {
  background-image: url("images/bnr_kottou_kaitori_point@2x.webp");
}
.no-webp .bnr_kottou_kaitori_point a.lazyloaded {
  background-image: url("images/bnr_kottou_kaitori_point@2x.jpg");
}
.webp .bnr_shukatsu_seizen_point a.lazyloaded {
  background-image: url("images/bnr_shukatsu_seizen_point@2x.webp");
}
.no-webp .bnr_shukatsu_seizen_point a.lazyloaded {
  background-image: url("images/bnr_shukatsu_seizen_point@2x.jpg");
}
.webp .bnr_faq a.lazyloaded {
  background-image: url("images/bnr_faq@2x.webp");
}
.no-webp .bnr_faq a.lazyloaded {
  background-image: url("images/bnr_faq@2x.jpg");
}
.webp .bg_jp_lg {
  background: url("images/bg_jp_lg.webp") repeat center top;
}
.no-webp .bg_jp_lg {
  background: url("images/bg_jp_lg.jpg") repeat center top;
}
.webp .bg_gold {
  background: url("images/bg_gold.webp") no-repeat center top;
}
.no-webp .bg_gold {
  background: url("images/bg_gold.jpg") no-repeat center top;
}
.bg_gold {
  background-size: cover;
}
.bg_white {
  background-color: #ffffff;
}
.bg_gray {
  background-color: #f5f5f5;
}
.section {
  margin: 0 auto;
  padding: 80px 16px;
  width: 1152px;
}
@media screen and (max-width: 1151px) {
  .section {
    padding: 40px 16px;
    width: 100%;
  }
}

/* wide 20250917 */
.section.section_wide {
  max-width: 1200px;
  width: 90%;
  padding: 0;
}

.section.section_wide .txt_red {
  color: var(--txt-red);
}

.section.section_wide .flow_list {
  font-family: var(--font-main);
}

.section.section_wide .flow_list>li.tabArea{
  padding: 0;
}

.section_ttl {
  padding: 0 0 40px 0;
  margin: 0 0 40px 0;
  line-height: 1.4;
  font-size: 4rem;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .section_ttl {
    margin-bottom: 24px;
    padding-bottom: 32px;
    font-size: 2.2rem;
  }
}
.section_ttl_s {
  font-size: 2.4rem;
}
@media screen and (max-width: 1151px) {
  .section_ttl_s {
    font-size: 1.8rem;
  }
}
.bg_jp_lg .section_ttl {
  background-image: url("images/icon_ttl_g.svg");
}
.bg_gold .section_ttl {
  background-image: url("images/icon_ttl_gold.svg");
}
.bg_white .section_ttl,
.bg_gray .section_ttl {
  background-image: url("images/icon_ttl_lg.svg");
}
.genre_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1151px) {
  .genre_list {
    margin: -2px;
  }
}
.genre_list a {
  text-decoration: none;
}
.genre_list > li {
  width: 220px;
}
@media screen and (max-width: 1151px) {
  .genre_list > li {
    width: 50%;
    padding: 2px;
  }
  .genre_list > li:nth-of-type(6) {
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .genre_list > li:nth-of-type(2),
  .genre_list > li:nth-of-type(3),
  .genre_list > li:nth-of-type(4),
  .genre_list > li:nth-of-type(5) {
    width: 100%;
  }
}
.genre_list > li > a {
  display: block;
  padding: 32px;
  background: #f5f5f5 url("images/icon_arrow_green.svg") no-repeat top left;
  background-size: 24px auto;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .genre_list > li > a {
    padding: 16px;
    height: 100%;
  }
  .genre_list > li:nth-of-type(6) a {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 374px) {
  .genre_list > li:nth-of-type(2) a,
  .genre_list > li:nth-of-type(3) a,
  .genre_list > li:nth-of-type(4) a,
  .genre_list > li:nth-of-type(5) a {
    display: flex;
    flex-wrap: wrap;
  }
}
.genre_list > .genre_list_kaiga,
.genre_list > .genre_list_antique {
  padding: 32px;
  width: 100%;
  border-radius: 4px;
  background: #f5f5f5 url("images/icon_arrow_green.svg") no-repeat top left;
  background-size: 24px auto;
}
@media screen and (max-width: 1151px) {
  .genre_list > .genre_list_kaiga,
  .genre_list > .genre_list_antique {
    padding: 16px;
  }
}
.genre_list > .genre_list_kaiga {
  margin: 0 0 4px 0;
}
@media screen and (max-width: 1151px) {
  .genre_list > .genre_list_kaiga {
    margin: 2px;
    overflow: visible;
  }
}
.genre_list > .genre_list_antique {
  margin: 4px 0;
}
@media screen and (max-width: 1151px) {
  .genre_list > .genre_list_antique {
    margin: 2px 2px 6px 2px;
    overflow: visible;
  }
}
.genre_list > .genre_list_kaiga > a,
.genre_list > .genre_list_antique > a {
  background: none;
  padding: 0;
}
@media screen and (max-width: 1151px) {
  .genre_list > .genre_list_kaiga > a,
  .genre_list > .genre_list_antique > a {
    height: auto;
  }
}
.genre_list_kaiga_ttl,
.genre_list_antique_ttl {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .genre_list_kaiga_ttl,
  .genre_list_antique_ttl {
    display: block;
  }
}
.genre_list_ttl {
  margin-bottom: 12px;
  font-size: 2rem;
  line-height: 1.4;
  color: #555555;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .genre_list_ttl {
    font-size: 1.8rem;
  }
  .genre_list > li:nth-of-type(6) .genre_list_ttl {
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .genre_list > li:nth-of-type(2) .genre_list_ttl,
  .genre_list > li:nth-of-type(3) .genre_list_ttl,
  .genre_list > li:nth-of-type(4) .genre_list_ttl,
  .genre_list > li:nth-of-type(5) .genre_list_ttl {
    width: 100%;
  }
}
.genre_list_kaiga .genre_list_ttl,
.genre_list_antique .genre_list_ttl {
  font-size: 2.4rem;
  text-align: left;
}
.genre_list_antique .genre_list_ttl {
  min-width: 312px;
}
@media screen and (max-width: 1151px) {
  .genre_list_kaiga .genre_list_ttl,
  .genre_list_antique .genre_list_ttl {
    text-align: center;
    font-size: 1.8rem;
  }
  .genre_list_antique .genre_list_ttl {
    min-width: 100%;
  }
}
.genre_list a:hover .genre_list_ttl,
.genre_list a:active .genre_list_ttl,
.genre_list a:hover .genre_list_txt,
.genre_list a:active .genre_list_txt {
  color: #00824c;
}
.genre_list_ttl span {
  font-size: 1.2rem;
}
.genre_list_txt {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #555555;
}
.genre_list_kaiga_ttl .genre_list_txt {
  margin-left: 16px;
  padding-top: 12px;
}
.genre_list_antique_ttl .genre_list_txt {
  margin: -6px 0 0 16px;
}
@media screen and (max-width: 1151px) {
  .genre_list_kaiga_ttl .genre_list_txt,
  .genre_list_antique_ttl .genre_list_txt {
    margin: 0 0 16px 0;
  }
  .genre_list > li:nth-of-type(6) .genre_list_txt {
    flex: 1;
  }
}
@media screen and (max-width: 374px) {
  .genre_list > li:nth-of-type(2) .genre_list_txt,
  .genre_list > li:nth-of-type(3) .genre_list_txt,
  .genre_list > li:nth-of-type(4) .genre_list_txt,
  .genre_list > li:nth-of-type(5) .genre_list_txt {
    flex: 1;
  }
}
.genre_list_txt_02 {
  margin: 0;
  padding: 18px 0 0 0;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1151px) {
  .genre_list_txt_02 {
    padding-top: 16px;
    display: block;
  }
}
.genre_list_txt_02 dt {
  margin: 0 4px 0 0;
  padding: 2px 16px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  border-radius: 4px;
  background-color: #e1e1e1;
}
@media screen and (max-width: 1151px) {
  .genre_list_txt_02 dt {
    margin: 0 0 4px 0;
  }
}
.genre_list_txt_02 dd {
  padding: 2px 0 0 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.genre_list_fig {
  margin-bottom: 12px;
}
@media screen and (max-width: 1151px) {
  .genre_list_fig {
    margin-bottom: 4px;
  }
  .genre_list > li:nth-of-type(6) .genre_list_fig {
    width: 45%;
    margin: 0 16px 0 0;
  }
}
@media screen and (max-width: 374px) {
  .genre_list > li:nth-of-type(2) .genre_list_fig,
  .genre_list > li:nth-of-type(3) .genre_list_fig,
  .genre_list > li:nth-of-type(4) .genre_list_fig,
  .genre_list > li:nth-of-type(5) .genre_list_fig {
    width: 45%;
    margin: 0 16px 0 0;
  }
}
.genre_list_s {
  display: flex;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .genre_list_s {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin: -2px;
  }
}
.genre_list_kaiga .genre_list_s {
  justify-content: space-between;
}
.genre_list_antique .genre_list_s {
  justify-content: center;
}
.genre_list_antique .genre_list_s li {
  margin-left: 7px;
  margin-right: 7px;
}
@media screen and (max-width: 1151px) {
  .genre_list_kaiga .genre_list_s li,
  .genre_list_antique .genre_list_s li {
    margin-left: 0;
    margin-right: 0;
    padding: 2px;
  }
  .genre_list_s li:last-of-type {
    grid-column: 1 / -1;
  }
}
.genre_list_s li a {
  display: block;
  padding: 22px;
  background-color: #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .genre_list_s li a {
    width: 100%;
    height: 100%;
  }
}
.genre_list_s_ttl {
  margin-bottom: 8px;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 374px) {
  .genre_list_s_ttl {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.genre_list_s li a:link .genre_list_s_ttl,
.genre_list_s li a:visited .genre_list_s_ttl {
  text-decoration: underline;
}
.genre_list_s li a:hover .genre_list_s_ttl,
.genre_list_s li a:active .genre_list_s_ttl {
  text-decoration: none;
}
.genre_list_s_fig,
.genre_list_fig {
  width: 156px;
}
@media screen and (max-width: 1151px) {
  .genre_list_s_fig,
  .genre_list_fig {
    width: 100%;
  }
  .genre_list_s li:last-of-type a .genre_list_s_fig {
    margin: 0 auto;
    width: 44.5%;
  }
}
.genre_list_s_fig img,
.genre_list_fig img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.artists_search {
  padding: 32px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .artists_search {
    padding: 16px;
  }
}
.artists_search_ttl {
  margin-bottom: 12px;
  color: #555555;
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artists_search_ttl {
    margin-bottom: 8px;
    font-size: 1.8rem;
  }
}
.artists_search_radio {
  margin: 0 0 6px 0;
  padding: 20px 0 0 0;
  width: 192px;
  font-size: 1.6rem;
}
@media screen and (max-width: 1151px) {
  .artists_search_radio {
    margin-bottom: 10px;
    padding-top: 4px;
    width: 100%;
  }
}
.artists_search_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.artists_search_radio input[type="radio"] + .search_radio_label::before {
  content: "";
  background: #acacac;
  border-radius: 100%;
  border: 1px solid #d0d0d0;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
  width: 20px;
  height: 20px;
  position: relative;
  top: 1px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.artists_search_radio input[type="radio"]:checked + .search_radio_label:before {
  background-color: #08a365;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.artists_search_radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #08a365;
}
.artists_search_radio input[type="radio"] + .search_radio_label:empty:before {
  margin-right: 0;
}
.search_radio_label {
  margin: 0 16px 0 0;
  padding: 0;
}
.artists_search_form {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .artists_search_form {
    flex-wrap: wrap;
  }
}
.artists_search_input {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  background-color: #ffffff;
  width: 80%;
  border-top: 3px solid #d0d0d0;
  border-bottom: 3px solid #d0d0d0;
  border-left: 3px solid #d0d0d0;
}
@media screen and (max-width: 1151px) {
  .artists_search_input {
    flex: 1;
    width: auto;
  }
}
.artists_search_input input {
  padding: 16px;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #333333;
}
.artists_search_input input:focus {
  -webkit-outline: none;
  outline: none;
  border-color: #08a365;
}
.artists_search_input input::placeholder,
.artists_search_input input:-ms-input-placeholder,
.artists_search_input input::-moz-input-placeholder {
  color: #999999;
}
.btn_artists_search {
  width: 20%;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #08a365;
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
}
.btn_artists_search:hover,
.btn_artists_search:active {
  background-color: #00824c;
}
.btn_artists_search::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  margin-bottom: -3px;
  width: 23px;
  height: 24px;
  background: url("images/icon_search.svg") no-repeat center;
  background-size: 23px auto;
}
@media screen and (max-width: 1151px) {
  .btn_artists_search {
    width: 25%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: #08a365 url("images/icon_search.svg") no-repeat center;
    background-size: 23px auto;
  }
  .btn_artists_search::before {
    content: none;
  }
}
.artwork ul li.bg_white {
  padding: 32px;
  margin-bottom: 40px;
  border: 3px solid #f5f5f5;
  border-radius: 4px;
}
.artwork ul li.bg_white:last-of-type {
  margin-bottom: 16px;
}
.artwork a {
  color: #555555;
  text-decoration: none;
}
.artwork .artwork_fig {
  max-width: 100%;
  width: 400px;
  height: 278px;
  margin-right: 32px;
}
.artwork_fig,
.artists_needs_fig {
  border-radius: 4px;
  background-color: #e1e1e1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.artwork_fig {
  width: 100%;
  height: 220px;
}
.artwork_fig_s {
  width: 100%;
  height: 120px;
}
#top_jisseki .artwork_fig {
  max-height: initial;
}
@media screen and (max-width: 1151px) {
  .artwork_fig {
    width: 40%;
    height: auto;
    min-height: 112px;
    min-width: 88px;
  }
  .artworks_genre .artwork_fig {
    margin-bottom: 6px;
    width: 100%;
  }
  #top_jisseki .artwork_fig {
    max-height: 160px;
  }
}
.artists_needs_fig {
  margin-right: 24px;
  width: 220px;
  height: 264px;
}
@media screen and (max-width: 1151px) {
  .artists_needs_fig {
    margin: 0 auto 16px auto;
  }
}
.blog_figure {
  width: 50%;
  border-radius: 4px;
  background-color: #e1e1e1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.single-column .blog_figure {
  background-color: white;
}

@media screen and (max-width: 1151px) {
  .blog_figure {
    height: 250px;
    margin: 0 auto;
    width: 100%;
  }
}
.bg_jp_lg .col > a,
.bg_gray .col > a,
.bg_white .col > a,
.artwork_no_link_inner {
  display: block;
  padding: 24px;
  border-radius: 4px;
  text-decoration: none;
  color: #555555;
  height: 100%;
}
@media screen and (max-width: 1151px) {
  .bg_jp_lg .col > a,
  .bg_gray .col > a,
  .bg_white .col > a,
  .artwork_no_link_inner {
    display: flex;
    flex-wrap: wrap;
  }
}
.bg_jp_lg .col > a,
.bg_gray .col > a {
  background-color: #ffffff;
}
.bg_white .col > a,
.artwork_no_link_inner {
  background-color: #f5f5f5;
}
.artwork_detail {
  padding-top: 4px;
}
.artwork .artwork_detail {
  width: 560px;
  padding-top: 0;
}
@media screen and (max-width: 1151px) {
  .artwork_detail {
    padding-top: 0;
    width: 60%;
    padding-left: 16px;
    align-self: center;
    flex: 1;
  }
  .artworks_genre .artwork_detail {
    padding-left: 0;
  }
  .artists_overview .artwork_detail {
    padding-left: 0;
    width: 100%;
    margin-bottom: 24px;
  }
  .artwork .artwork_detail {
    width: 100%;
    padding-left: 0;
  }
}
.artwork_detail_artists {
  padding-top: 4px;
  color: #00824c;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artwork_detail_artists {
    padding-top: 0;
  }
}
.col > a:link .artwork_detail_artists,
.col > a:visited .artwork_detail_artists {
  text-decoration: underline;
}
.col > a:hover .artwork_detail_artists,
.col > a:active .artwork_detail_artists {
  text-decoration: none;
}
.artwork_detail_name {
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artwork_detail_name {
    font-size: 1.4rem;
  }
}
.artwork_detail_name_link {
  color: #00824c;
  text-decoration: underline;
}
.artwork .artwork_detail_name_link {
  font-size: 2.4rem;
  padding-top: 0;
}
.col > a:link .artwork_detail_name_link,
.col > a:visited .artwork_detail_name_link {
  text-decoration: underline;
}
.col > a:hover .artwork_detail_name_link,
.col > a:active .artwork_detail_name_link {
  text-decoration: none;
}
.artwork_detail_name {
  padding-top: 4px;
  font-size: 1.6rem;
  line-height: 1.4;
}
.artwork_detail_name_center {
  text-align: center;
}
.artwork_detail_price {
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.8px;
}
.artwork_detail_price dt {
  font-size: 1.4rem;
}
@media screen and (max-width: 1151px) {
  .artwork_detail_price {
    font-size: 1.4rem;
  }
  .artwork .artwork_detail_name_link {
    font-size: 2rem;
    padding-top: 8px;
  }
}
.artwork_detail_price dt::after {
  content: "：";
}
.artwork_detail_price dd {
  color: #f25449;
  font-weight: 700;
  font-size: 2.3rem;
}
.artwork_detail_price dd .contact {
  font-size: 1.55rem;
  line-height: 2.4;
}
.artwork_comment {
  padding-top: 10px;
}
@media screen and (max-width: 1151px) {
  .artwork_comment {
    padding-top: 12px;
    width: 100%;
  }
  .artwork_detail_price {
    align-items: flex-start;
    flex-direction: column;
  }
  .artwork .artwork_detail_price {
    align-items: center;
    flex-direction: row;
  }
  .artwork_detail_price dd .contact {
    font-size: 1.6rem;
    line-height: unset;
  }
}
.artwork_comment_ttl {
  width: 100%;
  border-bottom: 2px solid #2fa877;
}
.artwork_comment_ttl span {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 102px;
  height: 19px;
  background: url("images/ttl_comment@2x.png") no-repeat center left;
  background-size: 102px auto;
}
.artwork .artwork_comment {
  padding-top: 16px;
  font-size: 1.4rem;
  line-height: 1.6;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.artwork_comment_txt {
  padding-top: 6px;
  font-size: 1.4rem;
  line-height: 1.6;
}
.artwork .artwork_comment_txt {
  border: solid 2px #e1e1e1;
  border-radius: 4px;
  width: 430px;
  padding: 16px;
  position: relative;
  min-height: 143px;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.artwork .artwork_comment_txt p {
  width: 100%;
}
.artwork .artwork_comment_txt:before {
  content: "";
  position: absolute;
  top: 80%;
  right: -24px;
  margin-top: -36px;
  border: 12px solid transparent;
  border-left: 12px solid #fff;
  z-index: 2;
}
.artwork .artwork_comment_txt:after {
  content: "";
  position: absolute;
  top: 80%;
  right: -28px;
  margin-top: -37px;
  border: 14px solid transparent;
  border-left: 14px solid #e1e1e1;
  z-index: 1;
}
.artwork .no_fig .artwork_comment_txt {
  width: 100%;
}
.artwork .no_fig .artwork_comment_txt:before {
  content: none;
}
.artwork .no_fig .artwork_comment_txt:after {
  content: none;
}
@media screen and (max-width: 1151px) {
  .artwork_detail_name {
    font-size: 1.4rem;
  }
  .artwork ul li.bg_white {
    padding: 24px;
  }
  .artwork .col_set {
    flex-direction: column;
  }
  .artwork .artwork_fig {
    height: 250px;
    margin: 0 auto;
  }
  .artwork .artwork_comment {
    flex-direction: column;
  }
  .artwork .artwork_comment_txt .company {
    width: 100%;
  }
  .artwork .artwork_comment_txt {
    width: 100%;
    margin-bottom: 24px;
    flex-direction: column;
    justify-content: space-between;
  }
  .artwork .artwork_comment_txt:before {
    content: "";
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -15px;
    top: unset;
    right: unset;
    margin-top: unset;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
  }
  .artwork .artwork_comment_txt:after {
    content: "";
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -17px;
    top: unset;
    right: unset;
    margin-top: unset;
    border: 14px solid transparent;
    border-top: 14px solid #e1e1e1;
    z-index: 1;
  }
  .artwork .artwork_comment_fig {
    margin: 0 auto;
  }
}
@media screen and (max-width: 374px) {
  .artwork .artwork_fig {
    width: 100%;
    height: 250px;
  }
}
.artwork_comment_txt .company {
  text-align: right;
  margin-top: 8px;
  width: 430px;
}
.artwork_comment_fig img {
  width: 110px;
  height: auto;
}
@media screen and (max-width: 1151px) {
  .artwork_comment {
    width: 100%;
  }
}
.artwork .artists_pr_tag,
.artists_pr_tag.right {
  position: relative;
  padding: 4px 8px;
  width: 90px;
  font-size: 1.2rem;
  top: -5px;
}
.artwork .artists_pr_tag::after,
.artists_pr_tag.right::after {
  content: none;
}

.artist_jisseki#artist_kaitori_jisseki {
  overflow: hidden;
}

.artist_jisseki#artist_kaitori_jisseki .sec_ttl {
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.artist_jisseki .artwork_detail_price dt {
  position: relative;
  top: 5px;
}
.artist_jisseki .artwork_detail_price dd {
  font-size: 2.4rem;
}
@media screen and (max-width: 1151px) {
  .artist_jisseki .artwork_detail_price dd {
    font-size: 2rem;
  }
}
.artist_news .news_list {
  width: 1120px;
  margin: 0 auto;
  border: solid 3px #e1e1e1;
  border-radius: 4px;
}
.artist_news .news_list li {
  width: 100%;
}
.artist_news .news_list li a {
  border-radius: 0;
}
.artist_news .news_list li:nth-of-type(odd) a {
  background-color: #e1e1e1;
}
@media screen and (max-width: 1151px) {
  .artist_news .news_list {
    width: 100%;
  }
}
.artist_museum ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.artist_museum ul li.col a,
.artist_museum ul li.col {
  width: 49%;
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 24px;
  border-radius: 4px;
}
.artist_museum ul li.col a {
  padding: 0;
  border-radius: 0;
  width: 100%;
}
.artist_museum .artwork_fig {
  width: 200px;
}
.artist_museum .museum_deteal {
  width: 53%;
  font-size: 1.4rem;
}
.artist_museum .museum_ttl {
  font-size: 1.8rem;
  text-decoration: underline;
}
.artist_museum ul li.col > .museum_deteal > .museum_ttl {
  text-decoration: none;
}
.artist_museum .museum_address {
  padding: 8px 0;
}
@media screen and (max-width: 1151px) {
  .artist_museum .col_set {
    flex-direction: column;
  }
  .artist_museum ul li.col {
    width: 100%;
  }
  .artist_museum .artwork_fig {
    width: 45%;
  }
}
@media screen and (max-width: 374px) {
  .artist_museum ul li.col a {
    flex-direction: column;
  }
  .artist_museum .artwork_fig {
    width: 100%;
    margin-bottom: 8px;
  }
  .artist_museum .museum_deteal {
    width: 100%;
  }
}
.artist_related ul .col_set {
  width: 1120px;
  display: flex;
  justify-content: space-between;
}
.artist_related ul li.col {
  width: 50%;
}
.artist_related ul li.col a {
  display: flex;
  justify-content: space-between;
}
.artist_related .artwork_fig {
  width: 200px;
}
.artist_related .blog_deteal {
  width: 50%;
}
.blog_ttl {
  padding-top: 8px;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artist_related .blog_deteal {
    width: 100%;
    margin-top: 16px;
  }
  .blog_ttl {
    font-size: 1.4rem;
  }
}
.blog_date {
  padding-top: 4px;
  width: 100%;
  color: #00824c;
  font-size: 1.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artist_related ul .col_set {
    width: 100%;
  }
  .artist_related .col_set {
    flex-direction: column;
  }
  .artist_related ul li.col {
    width: 100%;
  }
  .artist_related .artwork_fig {
    width: 45%;
  }
}
@media screen and (max-width: 374px) {
  .artist_related ul li.col a {
    flex-direction: column;
  }
  .artist_related .artwork_fig {
    width: 100%;
    margin-bottom: 8px;
  }
  .artist_related .blog_deteal {
    width: 100%;
  }
}
.reasons {
  display: flex;
  margin-left: -16px;
  margin-right: -16px;
}
@media screen and (max-width: 1151px) {
  .reasons {
    flex-wrap: wrap;
  }
}
.reasons li {
  padding-left: 16px;
  padding-right: 16px;
  width: 33.333%;
}
@media screen and (max-width: 1151px) {
  .reasons li {
    width: 100%;
  }
  .reasons li:nth-of-type(n + 2) {
    padding-top: 32px;
  }
}
.reasons_num {
  margin-bottom: 12px;
  text-align: center;
  position: relative;
}
.reasons_num span {
  display: inline-block;
  padding: 4px 16px;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.4;
  border-radius: 3px;
  background-color: #f25449;
}
.reasons_num ::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 6px 3.5px 0 3.5px;
  border-color: #f25449 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
}
.reasons_ttl {
  margin-bottom: 16px;
  text-align: center;
  font-size: 3.2rem;
  line-height: 1.2;
}
@media screen and (max-width: 1151px) {
  .reasons_ttl {
    font-size: 2.2rem;
  }
}
.reasons_ttl span {
  display: block;
  font-size: 1.6rem;
}
@media screen and (max-width: 1151px) {
  .reasons_ttl span {
    font-size: 1.4rem;
  }
}
.reasons_fig {
  margin-bottom: 16px;
  text-align: center;
  width: 100%;
  height: 120px;
}
.line_flow_fig {
  height: 300px;
  position: relative;
}
.line_satei .contact_to_us_line a.line_friend_url {
  display: none;
}
.reasons li:nth-last-child(n + 2) .line_flow_fig::before {
  content: "";
  display: block;
  margin: auto;
  width: 14px;
  height: 28px;
  background: url("images/icon_arrow_r_g.svg") no-repeat center;
  background-size: 14px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -16px;
}
@media screen and (max-width: 1151px) {
  .reasons li:nth-last-child(n + 2) .line_flow_fig::before {
    width: 10px;
    height: 16px;
    background: url("images/icon_arrow_b_b.svg") no-repeat center;
    background-size: 10px auto;
    top: none;
    right: 0;
    left: 0;
  }
}
.reasons_fig img {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 374px) {
  .reasons_fig img {
    width: auto;
    height: 120px;
  }
}
.reasons_txt {
  font-size: 1.6rem;
  line-height: 1.6;
}
/* new＿＿選ばれる3つの理由 */
.reasons-highlighted {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 56px;
}
@media screen and (max-width: 1151px) {
  .reasons-highlighted {
    flex-direction: column;
    align-items: center;
    justify-content: unset;
    gap: 56px;
    margin-top: 40px;
  }
}
.reasons-highlighted li {
  display: flex;
  width: 31%;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #fff;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .reasons-highlighted li {
    width: 70%;
  }
}
@media screen and (max-width: 430px) {
  .reasons-highlighted li {
    width: 100%;
  }
}
.reasons-highlighted li:nth-of-type(1)::before {
  content: "";
  position: absolute;
  display: block;
  width: 25px;
  height: 75px;
  background-image: url(images/fig_reason_num_1.svg);
  background-size: 25px auto;
  background-repeat: no-repeat;
  top: -40px;
  left: 16px;
}
.reasons-highlighted li:nth-of-type(2)::before {
  content: "";
  position: absolute;
  display: block;
  width: 42px;
  height: 75px;
  background-image: url(images/fig_reason_num_2.svg);
  background-size: 42px auto;
  background-repeat: no-repeat;
  top: -40px;
  left: 16px;
}
.reasons-highlighted li:nth-of-type(3)::before {
  content: "";
  position: absolute;
  display: block;
  width: 41px;
  height: 75px;
  background-image: url(images/fig_reason_num_3.svg);
  background-size: 41px auto;
  background-repeat: no-repeat;
  top: -40px;
  left: 16px;
}
@media screen and (max-width: 1151px) {
  .reasons-highlighted li:nth-of-type(1)::before {
    width: 19px;
    height: 58px;
    background-size: 19px auto;
    top: -30px;
    left: 18px;
  }
  .reasons-highlighted li:nth-of-type(2)::before {
    width: 32px;
    height: 58px;
    background-size: 32px auto;
    top: -35px;
    left: 18px;
  }
  .reasons-highlighted li:nth-of-type(3)::before {
    width: 31px;
    height: 58px;
    background-size: 31px auto;
    top: -32px;
    left: 18px;
  }
}
.reasons-highlighted li .reasons_fig {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
.reasons-highlighted li .reasons_fig img {
  height: auto;
  width: 100%;
  border-radius: 8px 8px 0 0;
}
.reasons-highlighted li .reasons_txt_outer {
  padding: 0px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.reasons-highlighted li .reasons_txt_outer h3 {
  font-size: 2.9rem;
  margin-bottom: 0;
}
.reasons-highlighted li .reasons_txt_outer .reasons_txt {
  font-size: 1.6rem;
}
@media screen and (max-width: 1151px) {
  .reasons-highlighted li .reasons_txt_outer h3 {
    font-size: 2rem;
  }
  .reasons-highlighted li .reasons_txt_outer .reasons_txt {
    font-size: 1.4rem;
  }
}

.contact_to_us,
.contact_to_us_tel,
.flow,
.line_satei_contact {
  padding: 80px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1151px) {
  .contact_to_us,
  .contact_to_us_tel,
  .flow,
  .line_satei_contact {
    padding: 40px 16px;
  }
}
.webp .contact_to_us.lazyloaded {
  background-image: url("images/bg_contact_to_us@2x.webp");
}
.no-webp .contact_to_us.lazyloaded {
  background-image: url("images/bg_contact_to_us@2x.jpg");
}
.webp .contact_to_us_tel.lazyloaded {
  background-image: url("images/bg_contact_to_us_tel@2x.webp");
}
.no-webp .contact_to_us_tel.lazyloaded {
  background-image: url("images/bg_contact_to_us_tel@2x.jpg");
}
.flow {
  background-position: center top;
}
.webp .flow {
  background-image: url("images/bg_flow@2x.webp");
}
.no-webp .flow {
  background-image: url("images/bg_flow@2x.jpg");
}
.webp .line_satei_contact {
  background-image: url("images/line_satei/bg_line_contact_to_us@2x.webp");
}
.no-webp .line_satei_contact {
  background-image: url("images/line_satei/bg_line_contact_to_us@2x.jpg");
}
.contact_to_us_inner,
.contact_to_us_tel_inner,
.flow_inner,
.line_satei_contact_inner {
  margin: 0 auto;
  padding: 48px;
  width: 1026px;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
}

.contact_to_us_tel_inner {
  padding: 48px;
  border-top: solid 3px #cacaca;
  width: 608px;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_inner,
  .contact_to_us_tel_inner,
  .flow_inner,
  .line_satei_contact_inner {
    padding: 24px 16px;
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .contact_to_us_inner,
  .contact_to_us_tel_inner,
  .flow_inner,
  .line_satei_contact_inner {
    padding: 16px;
  }
}
.contact_to_us_list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_list {
    flex-wrap: wrap;
  }
  .contact_to_us_list li {
    width: 100%;
  }
}
.contact_to_us_list li:nth-of-type(2) {
  margin-left: 24px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_list li:nth-of-type(2) {
    margin: 0;
    padding-top: 16px;
  }
}
.contact_to_us_list li:last-of-type {
  margin-left: 16px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_list li:last-of-type {
    margin: 0;
    padding-top: 16px;
  }
}

.section.section_wide .contact_to_us_list {
  margin: 32px auto 0;
  flex-wrap: wrap;

}
@media screen and (max-width: 1151px) {
  .section.section_wide .contact_to_us_list {
    align-items: center;
    gap: 8px;
  }
  .contact_to_us_list li:nth-of-type(2) {
    padding-top: 0;
  }
}

.section.section_wide .contact_to_us_list >li {
  max-width: 250px;
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .section.section_wide .contact_to_us_list >li {
    max-width: max(309px ,14vw);
  }
}

.section.section_wide .contact_to_us_list >li:last-of-type {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section.section_wide .flow_tel_btn {
  max-width: 200px;
  width: 100%;
  margin-right: 16px;
}

.section.section_wide .flow_tel_btn a {
  position: relative;
  display: inline-block;
  padding-left: 48px;
  box-sizing: border-box;
}

.section.section_wide .flow_tel_btn a::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: 42px;
  height: 100%;
  max-height: 33px;
  background-image: url(/wp-content/themes/artkaitori/images/common/icon_header_tel01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}

.section.section_wide .flow_tel_btn .header_tel_img {
  max-width: 151px;
  width: 100%;
}

.section.section_wide .flow_tel_btn span {
  font-size: 10px;
  line-height: 1.5;
  color: var(--txt-bk4a);
  font-family: var(--font-main);
  font-weight: 400;
}

.contact_to_us_freecall {
  background: white;
  border-radius: 5px;
  border: 1px solid #00824c;
}
.contact_to_us_freecall_flex .contact_to_us_freecall_right {
  display: none;
}
@media screen and (max-width: 430px) {
  .contact_to_us_freecall_flex .contact_to_us_freecall_right {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #08a365;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 2px;
  }
  .contact_to_us_freecall_flex .contact_to_us_freecall_right .img {
    display: block;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    background: url(images/icon_freecall_02.svg) no-repeat center center;
  }
  .contact_to_us_freecall_flex .contact_to_us_freecall_right .txt {
    display: block;
    color: #fff;
    font-size: 1.1rem;
  }
}
.contact_to_us_list li a,
.contact_to_us_freecall_box a {
  text-decoration: none;
}
.contact_to_us_ttl,
.flow_ttl,
.line_satei_contact_ttl,
.line_satei_friend {
  margin-bottom: 32px;
  font-size: 2.4rem;
  line-height: 1.6;
  text-align: center;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_ttl,
  .flow_ttl,
  .line_satei_contact_ttl,
  .line_satei_friend {
    margin-bottom: 16px;
    font-size: 1.5rem;
  }
}
.flow_ttl {
  margin-bottom: -24px;
}
@media screen and (max-width: 1151px) {
  .flow_ttl {
    margin-bottom: -8px;
  }
}
.line_satei_contact_ttl {
  margin-bottom: 8px;
}
.contact_to_us_freecall a {
  display: block;
  margin: 0;
  padding: 6px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall a {
    margin: 0 auto;
    padding: 4px 0 6px;
  }
  a.contact_to_us_freecall_flex {
    display: flex;
    justify-content: space-around;
  }
}
@media screen and (max-width: 430px) {
  a.contact_to_us_freecall_flex {
    display: flex;
    justify-content: space-around;
  }
}
.contact_to_us_freecall_box {
  margin-top: -16px;
  position: relative;
}
.contact_to_us_freecall_box::after {
  content: "";
  padding: 0;
  margin: 0;
  width: 64px;
  height: 63px;
  background: url("images/icon_hand_click@2x.png") no-repeat center;
  background-size: 64px auto;
  position: absolute;
  bottom: -8px;
  right: -8px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_box::after {
    width: 56px;
    height: 55px;
    background-size: 56px auto;
  }
}
@media screen and (max-width: 448px) {
  .contact_to_us_freecall_box::after {
    width: 40px;
    height: 39px;
    background-size: 40px auto;
  }
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_box {
    margin-top: 0;
  }
}
.contact_to_us_freecall_box a {
  display: block;
  padding: 32px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 4px;
  border: 2px solid #f5f5f5;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_box a {
    padding: 24px;
  }
}
@media screen and (max-width: 448px) {
  .contact_to_us_freecall_box a {
    padding: 24px 0;
  }
}
.contact_to_us_freecall_box_inner {
  display: inline-block;
  margin: 0 auto;
  padding: 0 0 0 78px;
  background: url("images/icon_freecall.svg") no-repeat center left;
  background-size: auto 56px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_box_inner {
    padding: 2px 0 2px 68px;
    background-size: auto 48px;
  }
}
@media screen and (max-width: 448px) {
  .contact_to_us_freecall_box_inner {
    padding: 0 0 0 60px;
    background-size: auto 42px;
  }
}
@media screen and (max-width: 374px) {
  .contact_to_us_freecall_box_inner {
    padding: 0 0 0 48px;
    background-size: auto 36px;
  }
}
.contact_to_us_freecall_txt {
  display: block;
  padding: 2px 8px;
  background-color: #00824c;
  color: #ffffff;
  font-size: 1.4rem;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_txt {
    font-size: 1.2rem;
  }
}
.contact_to_us_freecall_tel {
  margin: 2px 0 4px 40px;
  padding: 0;
  display: block;
  text-indent: 100%;
  width: auto;
  height: 23px;
  position: relative;
  background: url(images/freecall_tel@2x.png) no-repeat center top;
  background-size: auto 23px;
}
.contact_to_us_freecall_tel::before {
  content: "";
  display: inline-block;
  width: 47px;
  height: 30.838px;
  background: url("images/icon_freecall_01.svg") no-repeat center top;
  flex-shrink: 0;
  position: absolute;
  top: 0;
  left: -40px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_tel {
    margin: 6px 0 0 40px;
    width: 184px;
    height: 24px;
    background-size: auto 22px;
    margin-right: 15px;
  }
  .contact_to_us_freecall_tel::before {
    left: -45px;
    top: -1px;
  }
}
@media screen and (max-width: 374px) {
  .contact_to_us_freecall_tel {
    width: 129px;
    height: 16px;
    background-size: auto 16px;
  }
}
@media screen and (max-width: 448px) {
  .contact_to_us_freecall_box .contact_to_us_freecall_tel {
    width: 160px;
    height: 20px;
    background-size: auto 20px;
  }
}
.contact_to_us_freecall_time {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #555555;
}
.contact_to_us_freecall_time_accent {
  width: 58px;
  height: 19px;
  flex-shrink: 0;
  display: inline-block;
  border: 1px solid #00824c;
  color: #00824c;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 1.2rem;
  margin-right: 4px;
  border-radius: 2px;
}
.contact_to_us_freecall_box_inner .contact_to_us_freecall_time {
  text-align: left;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_time {
    padding-top: 4px;
    font-size: 1.2rem;
    line-height: 1;
  }
}
.contact_to_us_freecall_label {
  position: absolute;
  padding-top: 32px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #f25449;
  color: #ffffff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.1;
  top: -48px;
  left: -48px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_label {
    padding-top: 24px;
    width: 96px;
    height: 96px;
    font-size: 1.4rem;
    top: -24px;
    left: -24px;
  }
}
@media screen and (max-width: 374px) {
  .contact_to_us_freecall_label {
    padding-top: 22px;
    width: 88px;
    height: 88px;
    font-size: 1.4rem;
    top: -34px;
  }
}
.contact_to_us_freecall_label_txt_s {
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_label_txt_s {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 374px) {
  .contact_to_us_freecall_label_txt_s {
    font-size: 1rem;
  }
}
.contact_to_us_freecall_label_txt_l {
  display: block;
  font-size: 3.2rem;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_freecall_label_txt_l {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 374px) {
  .contact_to_us_freecall_label_txt_l {
    font-size: 2.4rem;
  }
}
.contact_to_us_satei .circle,
.contact_to_us_line .circle {
  width: 15px;
  height: 15px;
  background-color: white;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contact_to_us_satei .triangle,
.contact_to_us_line .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid #f25449;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.contact_to_us_line .triangle {
  border-left: 7px solid #00b900;
}
.contact_to_us_satei .contact_to_us_satei_txt a,
.contact_to_us_line .contact_to_us_line_txt a {
  display: block;
  margin: 0 0 1px 0;
  padding: 2px 8px;
  color: #ffffff;
  font-size: 1.4rem;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_satei .circle,
  .contact_to_us_line .circle {
    left: 15px;
  }
  .contact_to_us_satei .contact_to_us_satei_txt a,
  .contact_to_us_line .contact_to_us_line_txt a {
    font-size: 1.2rem;
  }
}
.contact_to_us_satei .contact_to_us_satei_txt a:hover,
.contact_to_us_satei .contact_to_us_satei_txt a:active {
  background-color: #f25449;
}
.contact_to_us_line .contact_to_us_line_txt a:hover,
.contact_to_us_line .contact_to_us_line_txt a:active {
  background-color: #00b900;
}
.contact_to_us_satei .contact_to_us_satei_txt a::before,
.contact_to_us_line .contact_to_us_line_txt a::before {
  content: none;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
}
.contact_to_us_satei a,
.contact_to_us_line a {
  padding: 14px 0;
  width: 274px;
  border-radius: 0 0 4px 4px;
  text-align: center;
  font-size: 2.3rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_satei a,
  .contact_to_us_line a {
    width: 100%;
    font-size: 1.8rem;
    justify-content: center;
  }
}
.contact_to_us_satei a::before {
  content: "";
  display: inline-block;
  padding: 0;
  width: 25px;
  height: 22px;
  background: url("images/icon_mail.svg") no-repeat bottom;
  background-size: 25px auto;
  position: relative;
  left: 10px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_satei a::before {
    margin-bottom: -1px;
    width: 25px;
    height: 20px;
    background-size: 22px auto;
    left: -15px;
    top: -1px;
  }
}
.contact_to_us_satei a:link,
.contact_to_us_satei a:visited {
  background-color: #f25449;
}
.contact_to_us_satei a:hover,
.contact_to_us_satei a:active {
  background-color: #ef3f37;
}
.contact_to_us_line a::before {
  content: "";
  display: inline-block;
  padding: 0;
  width: 25px;
  height: 26px;
  background: url("images/icon_line.svg") no-repeat bottom;
  background-size: 25px auto;
  position: relative;
  left: 10px;
}
@media screen and (max-width: 1151px) {
  .contact_to_us_line a::before {
    margin-bottom: -2px;
    width: 23px;
    height: 23px;
    background-size: 23px auto;
    left: -15px;
    top: -1px;
  }
}
.contact_to_us_line a:link,
.contact_to_us_line a:visited {
  background-color: #00b900;
}
.contact_to_us_line a:hover,
.contact_to_us_line a:active {
  background-color: #00a700;
}
.are_map {
  margin: 0 auto 48px auto;
  width: 738px;
  height: 882px;
  position: relative;
}
.webp .are_map {
  background: url("images/fig_are_map@2x.webp") no-repeat center;
  background-size: 738px auto;
}
.no-webp .are_map {
  background: url("images/fig_are_map@2x.jpg") no-repeat center;
  background-size: 738px auto;
}
@media screen and (max-width: 1151px) {
  .webp .are_map,
  .no-webp .are_map {
    margin-bottom: 16px;
    width: 100%;
    height: auto;
    background: none;
  }
}
.are_map_label {
  padding-top: 64px;
  width: 196px;
  height: 196px;
  border-radius: 50%;
  background-color: #2fa877;
  color: #ffffff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.6;
  position: absolute;
  top: 0;
  left: 64px;
}
@media screen and (max-width: 1151px) {
  .are_map_label {
    margin-bottom: 16px;
    padding-top: 0;
    width: 100%;
    height: auto;
    background: none;
    background-color: transparent;
    color: #555555;
    position: static;
    text-align: center;
  }
}
.are_map_list label,
.are_map_list input {
  display: none;
}
@media screen and (max-width: 1151px) {
  .are_map_list label {
    display: block;
  }
}
.are_map_list ul li {
  font-size: 1.6rem;
  line-height: 1.4;
}
.are_map_list ul li:nth-of-type(n + 2) {
  padding-top: 4px;
}
@media screen and (max-width: 1151px) {
  .are_map_list ul li:nth-of-type(n + 2) {
    padding-top: 0;
  }
}
.are_map_list ul li a:link,
.are_map_list ul li a:visited {
  text-decoration: none;
}
.are_map_list ul li a:hover,
.are_map_list ul li a:active {
  text-decoration: underline;
}
.are_map_hokkaido,
.are_map_tohoku,
.are_map_kanto,
.are_map_chubu,
.are_map_kansai,
.are_map_chugoku,
.are_map_sikoku,
.are_map_kyusyu_okinawa {
  position: absolute;
}
@media screen and (max-width: 1151px) {
  .are_map_hokkaido,
  .are_map_tohoku,
  .are_map_kanto,
  .are_map_chubu,
  .are_map_kansai,
  .are_map_chugoku,
  .are_map_sikoku,
  .are_map_kyusyu_okinawa {
    position: static;
  }
}
.are_map_hokkaido {
  top: 40px;
  right: 210px;
}
.are_map_tohoku {
  bottom: 300px;
  right: 115px;
}
.are_map_kanto {
  bottom: 65px;
  right: 194px;
}
.are_map_chubu {
  top: 235px;
  right: 357px;
}
.are_map_kansai {
  bottom: 20px;
  left: 340px;
}
.are_map_chugoku {
  bottom: 305px;
  left: 165px;
}
.are_map_sikoku {
  bottom: 45px;
  left: 200px;
}
.are_map_kyusyu_okinawa {
  bottom: 215px;
  left: 15px;
}
.are_map_kyusyu_okinawa dd {
  position: relative;
}
.are_map_okinawa a {
  display: block;
  position: absolute;
  width: 33px;
  bottom: 398px;
  left: 78px;
}
@media screen and (max-width: 1151px) {
  .are_map_okinawa a {
    position: static;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}
.are_map_hokkaido ul li a {
  color: #53a1c0;
}
.are_map_tohoku ul li a {
  color: #ec8e26;
}
.are_map_kanto ul li a {
  color: #f25449;
}
.are_map_chubu ul li a {
  color: #2fa877;
}
.are_map_kansai ul li a {
  color: #ed81a9;
}
.are_map_chugoku ul li a {
  color: #6ea8bc;
}
.are_map_sikoku ul li a {
  color: #86bc43;
}
.are_map_kyusyu_okinawa ul li a {
  color: #8493c9;
}
.are_map_kyusyu_okinawa .are_map_okinawa a {
  color: #c4416f;
}
@media screen and (max-width: 1151px) {
  .are_map_hokkaido ul li a,
  .are_map_tohoku ul li a,
  .are_map_kanto ul li a,
  .are_map_chubu ul li a,
  .are_map_kansai ul li a,
  .are_map_chugoku ul li a,
  .are_map_sikoku ul li a,
  .are_map_kyusyu_okinawa ul li a,
  .are_map_kyusyu_okinawa .are_map_okinawa a {
    color: #00824c;
  }
}
.priority_area_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.priority_area_list {
  margin: -8px -16px;
}
.priority_area_list li {
  margin: 0 16px;
  padding: 8px 0;
  font-size: 1.6rem;
}
.business_trip_delivery {
  margin: 0 auto;
  padding: 40px;
  width: 736px;
  border: 3px solid #f5f5f5;
  border-radius: 4px;
  background-color: #ffffff;
}
@media screen and (max-width: 1151px) {
  .business_trip_delivery {
    opacity: 1;
    width: 100%;
  }
}
.business_trip_delivery_ttl {
  margin-bottom: 24px;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 1151px) {
  .business_trip_delivery_ttl {
    margin-bottom: 16px;
    font-size: 1.6rem;
  }
}
.business_trip_delivery_list {
  display: flex;
  margin-left: -8px;
  margin-right: -8px;
  justify-content: space-between;
}
@media screen and (max-width: 1151px) {
  .business_trip_delivery_list {
    flex-wrap: wrap;
  }
}
.business_trip_delivery_list li {
  margin: 0 8px;
  width: 317px;
}
@media screen and (max-width: 1151px) {
  .business_trip_delivery_list li {
    width: 100%;
  }
  .business_trip_delivery_list li:nth-of-type(n + 2) {
    padding-top: 8px;
  }
}
.business_trip_delivery_list li a {
  display: block;
  padding: 12px 16px;
  text-align: center;
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 1.4;
  border-radius: 4px;
  text-decoration: none;
}
@media screen and (max-width: 1151px) {
  .business_trip_delivery_list li a {
    font-size: 1.8rem;
  }
}
.business_trip_delivery_list li a:before {
  content: "";
  display: inline-block;
  margin: 0 8px -2px 0;
}
@media screen and (max-width: 1151px) {
  .business_trip_delivery_list li a:before {
    margin-bottom: -1px;
  }
}
.btn_business_trip a:before {
  width: 23px;
  height: 22px;
  background: url("images/icon_business_trip.svg") no-repeat center;
  background-size: auto 22px;
}
@media screen and (max-width: 1151px) {
  .btn_business_trip a:before {
    width: 16px;
    height: 16px;
    background-size: auto 16px;
  }
}
.btn_company a:before {
  width: 22px;
  height: 22px;
  background: url("images/icon_company.svg") no-repeat center;
  background-size: auto 22px;
}
@media screen and (max-width: 1151px) {
  .btn_company a:before {
    width: 16px;
    height: 16px;
    background-size: auto 16px;
  }
}
.btn_delivery a:before {
  width: 19px;
  height: 22px;
  background: url("images/icon_delivery.svg") no-repeat center;
  background-size: auto 22px;
}
@media screen and (max-width: 1151px) {
  .btn_delivery a:before {
    width: 19px;
    height: 22px;
    background-size: auto 22px;
  }
}
.bg_artists_lead {
  padding: 32px 16px;
  background-color: #f5f5f5;
}
.artists_lead {
  display: flex;
  margin: 0 auto;
  padding: 32px;
  width: 928px;
  background-color: #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .artists_lead {
    width: 100%;
    padding: 24px;
  }
}
.artists_lead_fig {
  margin-right: 16px;
  width: 110px;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .artists_lead_fig {
    display: none;
  }
}
.artists_lead_fig img {
  width: 100%;
  border-radius: 4px;
  height: auto;
}
.artists_lead_inner {
  flex: 1;
}
.artists_lead_ttl {
  margin-bottom: 12px;
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artists_lead_ttl {
    font-size: 1.6rem;
    text-align: center;
  }
}
.artists_lead_txt {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1151px) {
  .artists_lead_txt {
    font-size: 1.4rem;
  }
}
.staff_comment {
  margin: 0 auto;
  padding: 32px;
  width: 928px;
  background-color: #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .staff_comment {
    width: 100%;
    padding: 24px;
  }
}
.staff_comment_ttl {
  margin-bottom: 12px;
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .staff_comment_ttl {
    font-size: 1.6rem;
    text-align: center;
  }
}
.staff_detail {
  margin: 16px 0 0 0;
  padding: 24px 0 0 0;
  display: flex;
  border-top: 2px solid #f5f5f5;
}
li.staff_detail:first-child {
  margin: 0;
  padding: 0;
  border-top: none;
}
.staff_detail_fig {
  margin-right: 16px;
  width: 110px;
  border-radius: 4px;
}
.staff_detail_fig img {
  width: 100%;
  border-radius: 4px;
  height: auto;
}
.staff_detail_txt {
  flex: 1;
}
.staff_detail_txt p {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1151px) {
  .staff_detail_txt p {
    font-size: 1.4rem;
  }
}
.staff_detail_txt p:nth-of-type(n + 2) {
  padding-top: 8px;
}
@media screen and (max-width: 1151px) {
  .staff_detail_txt p:nth-of-type(n + 2) {
    padding-top: 16px;
  }
}
/* artists_page */
.artists_pr_tag {
  display: inline-block;
  position: absolute;
  margin: auto;
  padding: 4px 16px;
  width: 112px;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  border-radius: 3px;
  background-color: #f25449;
  left: 0;
  right: 0;
  top: -32px;
}
.artists_pr_tag::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 6px 3.5px 0 3.5px;
  border-color: #f25449 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
}
.artists_page_index.page_index {
  width: 500px;
  margin: 40px auto;
  padding: 32px;
  border: 3px solid #e1e1e1;
}
.artists_page_index .page_index_list {
  flex-direction: column;
}
@media screen and (max-width: 1151px) {
  .artists_page_index.page_index {
    width: 100%;
    padding: 0 0 40px 0;
  }
  .artists_page_index.page_index h2 {
    background: #e1e1e1;
    text-align: center;
    border-radius: 0;
  }
  .artists_page_index.page_index ul {
    margin: 32px 32px 0 32px;
  }
}
.artists_overview {
  display: flex;
  justify-content: center;
  gap: 80px;
}
@media screen and (max-width: 1151px) {
  .artists_overview {
    display: block;
  }
}
.aritists_overview_fig_outer {
  max-width: 340px;
  width: 100%;
  background-color: var(--bg-gray-f5);
  padding: 20px;
  flex-direction: column;
  height: fit-content;
  gap: 20px;
}

@media screen and (max-width: 1151px) {
  .aritists_overview_fig_outer {
    margin: 0 auto;
  }
  .artists_overview_fig {
    margin: 0 auto 24px auto;
  }
}
.artists_overview_fig img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  object-fit: contain;
}
.artists_overview_detail {
  flex: 1;
  font-size: 1.8rem;
  line-height: calc(32/18);
  font-family: var(--font-main);
  font-weight: 400;
  color: var(--txt-bk1a);
}
@media screen and (max-width: 1151px) {
  .artists_overview_detail {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .artists_overview_detail {
    font-size: 1.4rem;
    line-height: calc(20/14);
  }
}
.artists_overview_detail_txt h2 {
  margin-bottom: 30px;
  line-height: 1;
  font-size: 3.2rem;
  font-family: var(--font-notoSerif);
  font-weight: 700;
  line-height: calc(56/32);
  color: var(--txt-bk1a);
}
@media screen and (max-width: 768px) {
  .artists_overview_detail_txt h2 {
    font-size: 2.4rem;
    line-height: calc(30/24);
    margin-bottom: 20px;
  }
}
.artists_overview_detail_txt:nth-of-type(n + 2) {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .artists_overview_detail_txt:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}
.artists_overview_detail_txt p:nth-of-type(n + 2) {
  padding-top: 16px;
}

.artists_needs {
  margin: 40px 0 0 0;
  padding: 32px;
  border: 3px solid #e1e1e1;
  display: flex;
}
@media screen and (max-width: 1151px) {
  .artists_needs {
    margin: 32px 0 0 0;
    padding: 24px;
    display: block;
  }
}
.artists_needs_detail {
  flex: 1;
}
.artists_needs_detail_ttl {
  margin-bottom: 12px;
  font-size: 2.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artists_needs_detail_ttl {
    margin-bottom: 8px;
    font-size: 1.6rem;
    text-align: center;
  }
}
.artists_needs_detail_txt {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1151px) {
  .artists_needs_detail_txt {
    font-size: 1.4rem;
  }
}
.artists_needs_detail_txt p:nth-of-type(n + 2) {
  padding-top: 16px;
}
/* sub section */
.sub_section,
.artists_masterpiece,
.company_profile,
.line_satei_notes,
.point_choice,
.artists_appraiser {
  padding-top: 56px;
}
@media screen and (max-width: 1151px) {
  .sub_section,
  .artists_masterpiece,
  .company_profile,
  .line_satei_notes,
  .point_choice,
  .artists_appraiser {
    padding-top: 32px;
  }
}
.artists_appraiser a p {
  text-decoration: underline;
}
.artists_appraiser .artists_appraiser_title {
  font-size: 2rem;
  display: inline-block;
  padding-top: 8px;
}
.artists_appraiser .artists_appraiser_title:first-of-type {
  padding-top: 0;
}
.artists_appraiser .artists_appraiser_title.external_link::after,
.line_satei_friend::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 23px;
  background-image: url("images/artists/external_link.webp");
  background-size: cover;
}
@media screen and (max-width: 1151px) {
  .artists_appraiser .artists_appraiser_title {
    font-size: 1.6rem;
  }
  .artists_appraiser .artists_appraiser_title.external_link::after,
  .line_satei_friend::after {
    width: 19px;
    height: 19px;
  }
}
.related_artists {
  margin: 0 auto;
  padding: 80px 16px;
  width: 1152px;
}
#main_content .related_artists:nth-of-type(n + 2) {
  padding-top: 0;
}
@media screen and (max-width: 1151px) {
  .related_artists {
    padding: 40px 16px;
    width: 100%;
  }
  #main_content .related_artists:nth-of-type(n + 2) {
    padding-top: 0;
  }
}
.sub_section_ttl,
.artists_masterpiece_ttl,
.related_artists_ttl,
.artworks_genre_ttl,
.company_profile_ttl,
.flow_case_ttl,
.line_satei_note_ttl,
.point_choice_ttl,
.txt_box_ttl,
.txt_fig_box_ttl,
.news_ttl,
.artists_appraiser_ttl {
  margin-bottom: 16px;
  padding: 12px 0 12px 20px;
  font-size: 3.2rem;
  line-height: 1.4;
  border-left: 8px solid #2fa877;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  font-weight: 700;
}
@media screen and (max-width: 1151px) {
  .sub_section_ttl,
  .artists_masterpiece_ttl,
  .related_artists_ttl,
  .artworks_genre_ttl,
  .company_profile_ttl,
  .flow_case_ttl,
  .line_satei_note_ttl,
  .point_choice_ttl,
  .txt_box_ttl,
  .txt_fig_box_ttl,
  .news_ttl,
  .artists_appraiser_ttl {
    padding: 8px 0 8px 12px;
    font-size: 1.8rem;
  }
  .related_artists .artwork_detail {
    align-self: center;
  }
  .related_artists .artwork_detail_artists {
    padding: 0;
  }
}
.related_artists_top {
  margin-bottom: 16px;
}
.related_artists_top .col_set {
  justify-content: center;
}
.related_artists_top .artwork_detail_other {
  justify-content: center;
}
@media screen and (max-width: 1151px) {
  .related_artists_top .artwork_detail_other {
    justify-content: flex-start;
  }
}
#top_jisseki .artwork_other_warp {
  width: 100%;
  padding-top: 0;
}
#top_jisseki .artwork_other_warp,
#top_jisseki .artwork_comment {
  min-height: initial;
}
@media screen and (max-width: 1151px) {
  #top_jisseki .artwork_other_warp {
    padding-top: 22px;
  }
  #top_jisseki .artwork_other_warp,
  #top_jisseki .artwork_comment {
    min-height: 85px;
  }
  /* 一般ページの実績表示用（ihin-kaitori-pointなど） */
  .bg_jp_lg .artwork_other_warp {
    padding-top: 22px;
  }
}
.artwork_detail_other {
  display: flex;
  align-items: center;
  gap: 12px;
}
.artwork_detail .artwork_detail_other:nth-of-type(n + 2) {
  padding-top: 8px;
}
.artwork_detail_other dt {
  padding: 9px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  border-radius: 4px;
  background-color: var(--green-008);
  color: var(--wh);
  max-width: 68px;
  width: 100%;
  min-width: unset !important;
}

.artwork_detail_other dd {
  font-size: 1.4rem;
  line-height: calc(20/14);
  font-family: var(--font-main);
  font-weight: 400;
  color: var(--txt-bk1a);
}

.artwork_detail_other dd > a {
  color: var(--txt-bk1a);
  transition: color 0.3s ease;
}

@media (any-hover: hover) {
  .artwork_detail_other dd > a:hover {
    text-decoration: underline;
    color: var(--green-008);
  }
}

#site_footer {
  background-color: #08a365;
}
.site_footer_inner {
  margin: 0 auto;
  padding: 56px 16px;
  width: 1152px;
  display: flex;
}
@media screen and (max-width: 1151px) {
  .site_footer_inner {
    padding: 0;
    width: 100%;
    display: block;
  }
}
.f_ttl {
  margin-right: 136px;
}
@media screen and (max-width: 1151px) {
  .f_ttl {
    margin: 0 0 24px 0;
    padding-top: 40px;
  }
}
.f_logo a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 255px;
  height: 49px;
}
.webp .lazyloaded.f_logo a {
  background: url("images/footer_logo@2x.webp") no-repeat center;
  background-size: 255px auto;
}
.no-webp .lazyloaded.f_logo a {
  background: url("images/footer_logo@2x.png") no-repeat center;
  background-size: 255px auto;
}
@media screen and (max-width: 1151px) {
  .f_logo a {
    margin: 0 auto;
    width: 212px;
    height: 41px;
  }
  .webp .lazyloaded.f_logo a {
    background: url("images/footer_logo@2x.webp") no-repeat center;
    background-size: 212px auto;
  }
  .no-webp .lazyloaded.f_logo a {
    background: url("images/footer_logo@2x.png") no-repeat center;
    background-size: 212px auto;
  }
}
.f_txt {
  padding-top: 8px;
  font-size: 1.4rem;
  color: #ffffff;
}
@media screen and (max-width: 1151px) {
  .f_txt {
    padding-top: 4px;
    text-align: center;
  }
}
.f_txt_tel {
  padding-top: 4px;
  font-size: 1.4rem;
  color: #ffffff;
}
@media screen and (max-width: 1151px) {
  .f_txt_tel {
    padding-top: 3px;
    text-align: center;
  }
}
.f_txt_tel a:link,
.f_txt_tel a:visited {
  color: #ffffff;
  text-decoration: none;
}
.f_txt_tel a:hover,
.f_txt_tel a:active {
  color: #ffffff;
  text-decoration: underline;
}
.f_nav {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .f_nav {
    display: block;
  }
}
.f_nav_list {
  width: 196px;
}
@media screen and (max-width: 1151px) {
  .f_nav_list {
    width: 100%;
  }
}
.f_nav_list li:nth-of-type(n + 2) {
  padding-top: 8px;
}
@media screen and (max-width: 1151px) {
  .f_nav_list li:nth-of-type(n + 2) {
    padding: 0;
  }
}
.f_nav_list li a {
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .f_nav_list li a {
    display: block;
    width: 100%;
    padding: 16px 24px;
    border-top: 1px solid #77ccaa;
    position: relative;
  }
  .f_nav_list:last-of-type li:last-of-type a {
    border-bottom: 1px solid #77ccaa;
  }
}
.f_nav_list li a:link,
.f_nav_list li a:visited {
  text-decoration: none;
}
.f_nav_list li a:hover,
.f_nav_list li a:active {
  text-decoration: underline;
}
@media screen and (max-width: 1151px) {
  .f_nav_list li a:hover,
  .f_nav_list li a:active {
    text-decoration: none;
    background-color: #00824c;
  }
}
.copyright {
  background-color: #00824c;
}
.copyright_txt {
  margin: 0 auto;
  padding: 32px 16px;
  width: 1152px;
  text-align: center;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .copyright_txt {
    padding: 24px 16px;
    width: 100%;
  }
}
.common_kv {
display: flex;
align-items: center;
justify-content: center;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
width: 100%;
height: 200px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
text-align: center;
color: var(--txt-bk4a);
}
@media screen and (max-width: 1151px) {
  .common_kv {
    height: 120px;
  }
}
.common_kv {
  background-image: url("images/common/bg_h1header.png");
}
@media screen and (max-width: 1151px) {
  .common_kv {
    background-image: url("images/common/bg_h1header_sp.png");
  }
}

.common_kv_inner {
  margin: 0 auto;
  padding: 0 16px;
  width: 1152px;
}
@media screen and (max-width: 1151px) {
  .common_kv_inner {
    padding: 0 16px;
    width: 100%;
  }
}

.common_kv_ttl {
  font-size: 4rem;
  line-height: 1;
  position: relative;
  font-family: var(--font-notoSerif);
  font-weight: 700;
}
@media screen and (max-width: 1151px) {
  .common_kv_ttl {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.single_artist_kv_ttl.common_kv_ttl {
  line-height: 1.3;
  color: var(--txt-bk1a);
  word-break: keep-all;
  overflow-wrap: anywhere;
}


/***************************************/
/*kv ここまで*/
/***************************************/
/* page kv */
.artists_kv,
.jisseki_kv,
.staff_blog_kv,
.artworks_kv,
.satei_form_kv,
.company_kv,
.faq_kv,
.flow_kv,
.kaiga_point_kv,
.kottou_point_kv,
.ihin_point_kv,
.shukatsu_seizen_point_kv,
.corporative_kv,
.beginner_kv,
.privacy_kv,
.sitemap_kv,
.column_kv {
  display: table;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 280px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1151px) {
  .artists_kv,
  .jisseki_kv,
  .staff_blog_kv,
  .artworks_kv,
  .satei_form_kv,
  .company_kv,
  .faq_kv,
  .flow_kv,
  .kaiga_point_kv,
  .kottou_point_kv,
  .ihin_point_kv,
  .shukatsu_seizen_point_kv,
  .corporative_kv,
  .beginner_kv,
  .privacy_kv,
  .sitemap_kv,
  .column_kv {
    height: 170px;
  }
}
.webp .artists_kv {
  background-image: url("images/artists/bg_kv@2x.webp");
  background-size: cover;
}
.no-webp .artists_kv {
  background-image: url("images/artists/bg_kv@2x.jpg");
  background-size: cover;
}
@media screen and (max-width: 1151px) {
  .webp .artists_kv {
    background-image: url("images/artists/bg_kv_sp@2x.webp");
    background-size: cover;
  }
  .no-webp .artists_kv {
    background-image: url("images/artists/bg_kv_sp@2x.jpg");
    background-size: cover;
  }
}
.jisseki_kv {
  background-image: url("images/kaitori_jisseki/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .jisseki_kv {
    background-image: url("images/kaitori_jisseki/bg_kv_sp@2x.jpg");
  }
}
.staff_blog_kv {
  background-image: url("images/staff_blog/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .staff_blog_kv {
    background-image: url("images/staff_blog/bg_kv_sp@2x.jpg");
  }
}
.artworks_kv {
  background-image: url("images/artworks/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .artworks_kv {
    background-image: url("images/artworks/bg_kv_sp@2x.jpg");
  }
}
.satei_form_kv {
  background-image: url("images/satei_form/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .satei_form_kv {
    background-image: url("images/satei_form/bg_kv_sp@2x.jpg");
  }
}
.company_kv {
  background-image: url("images/company/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .company_kv {
    background-image: url("images/company/bg_kv_sp@2x.jpg");
  }
}
.faq_kv {
  background-image: url("images/faq/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .faq_kv {
    background-image: url("images/faq/bg_kv_sp@2x.jpg");
  }
}
.flow_kv {
  background-image: url("images/flow/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .flow_kv {
    background-image: url("images/flow/bg_kv_sp@2x.jpg");
  }
}
.kaiga_point_kv {
  background-image: url("images/kaiga_point/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .kaiga_point_kv {
    background-image: url("images/kaiga_point/bg_kv_sp@2x.jpg");
  }
}
.kottou_point_kv {
  background-image: url("images/kottou_point/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .kottou_point_kv {
    background-image: url("images/kottou_point/bg_kv_sp@2x.jpg");
  }
}
.ihin_point_kv {
  background-image: url("images/ihin_point/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .ihin_point_kv {
    background-image: url("images/ihin_point/bg_kv_sp@2x.jpg");
  }
}
.shukatsu_seizen_point_kv {
  background-image: url("images/shukatsu_seizen_point/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .shukatsu_seizen_point_kv {
    background-image: url("images/shukatsu_seizen_point/bg_kv_sp@2x.jpg");
  }
}
.corporative_kv {
  background-image: url("images/corporative/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .corporative_kv {
    background-image: url("images/corporative/bg_kv_sp@2x.jpg");
  }
}
.webp .beginner_kv {
  background-image: url("images/beginner/bg_kv@2x.webp");
  background-size: cover;
}
.no-webp .beginner_kv {
  background-image: url("images/beginner/bg_kv@2x.jpg");
  background-size: cover;
}
@media screen and (max-width: 1151px) {
  .webp .beginner_kv {
    background-image: url("images/beginner/bg_kv_sp@2x.webp");
    background-size: cover;
  }
  .no-webp .beginner_kv {
    background-image: url("images/beginner/bg_kv_sp@2x.jpg");
    background-size: cover;
  }
}
.privacy_kv {
  background-image: url("images/privacy/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .privacy_kv {
    background-image: url("images/privacy/bg_kv_sp@2x.jpg");
  }
}
.sitemap_kv {
  background-image: url("images/sitemap/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .sitemap_kv {
    background-image: url("images/sitemap/bg_kv_sp@2x.jpg");
  }
}
.column_kv {
  background-image: url("images/column/bg_kv@2x.jpg");
}
@media screen and (max-width: 1151px) {
  .column_kv {
    background-image: url("images/column/bg_kv_sp@2x.jpg");
  }
}
.artists_kv_inner,
.jisseki_kv_inner,
.staff_blog_kv_inner,
.artworks_kv_inner,
.satei_form_kv_inner,
.company_kv_inner,
.faq_kv_inner,
.flow_kv_inner,
.kaiga_point_kv_inner,
.kottou_point_kv_inner,
.ihin_point_kv_inner,
.shukatsu_seizen_point_kv_inner,
.corporative_kv_inner,
.beginner_kv_inner,
.privacy_kv_inner,
.sitemap_kv_inner,
.column_kv_inner {
  margin: 0 auto;
  padding: 0 16px;
  height: 280px;
  width: 1152px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1151px) {
  .artists_kv_inner,
  .jisseki_kv_inner,
  .staff_blog_kv_inner,
  .artworks_kv_inner,
  .satei_form_kv_inner,
  .company_kv_inner,
  .faq_kv_inner,
  .flow_kv_inner,
  .kaiga_point_kv_inner,
  .kottou_point_kv_inner,
  .shukatsu_seizen_point_kv_inner,
  .ihin_point_kv_inner,
  .shukatsu_seizen_point_kv_inner,
  .corporative_kv_inner,
  .beginner_kv_inner,
  .privacy_kv_inner,
  .sitemap_kv_inner,
  .column_kv_inner {
    height: 170px;
    width: 100%;
  }
}
.artists_kv_ttl,
.jisseki_kv_ttl,
.staff_blog_kv_ttl,
.artworks_kv_ttl,
.satei_form_kv_ttl,
.company_kv_ttl,
.faq_kv_ttl,
.flow_kv_ttl,
.kaiga_point_kv_ttl,
.kottou_point_kv_ttl,
.ihin_point_kv_ttl,
.shukatsu_seizen_point_kv_ttl,
.corporative_kv_ttl,
.beginner_kv_ttl,
.privacy_kv_ttl,
.sitemap_kv_ttl,
.column_kv_ttl {
  font-size: 4.8rem;
  line-height: 1.4;
  position: relative;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 1151px) {
  .artists_kv_ttl,
  .jisseki_kv_ttl,
  .staff_blog_kv_ttl,
  .artworks_kv_ttl,
  .satei_form_kv_ttl,
  .company_kv_ttl,
  .faq_kv_ttl,
  .flow_kv_ttl,
  .kaiga_point_kv_ttl,
  .kottou_point_kv_ttl,
  .ihin_point_kv_ttl,
  .shukatsu_seizen_point_kv_ttl,
  .corporative_kv_ttl,
  .beginner_kv_ttl,
  .privacy_kv_ttl,
  .sitemap_kv_ttl,
  .column_kv_ttl {
    font-size: 3.2rem;
  }
}
.artists_kv_txt,
.artworks_kv_txt,
.company_kv_txt {
  font-size: 2.4rem;
  line-height: 1.4;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 1151px) {
  .artists_kv_txt,
  .artworks_kv_txt,
  .company_kv_txt {
    font-size: 1.6rem;
  }
}
.artists_kv_ttl {
  margin-bottom: 16px;
}
@media screen and (max-width: 1151px) {
  .artists_kv_ttl {
    margin-bottom: 14px;
  }
}
.artists_kv_ttl.no_mb {
  margin-bottom: 0;
}
@media screen and (max-width: 1151px) {
  .artists_kv_ttl.no_mb {
    margin-bottom: 0;
  }
}
.artworks_kv_txt {
  margin-bottom: 8px;
}
.artists_kv_ttl ruby {
  display: block;
  margin: auto;
  font-size: 1.6rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
}
@media screen and (max-width: 1151px) {
  .artists_kv_ttl ruby {
    font-size: 1.4rem;
  }
}
/***************************************/
/*kv ここまで*/
/***************************************/

#artists_opening .section {
  display: flex;
  margin: 0 auto;
  padding: 48px;
  width: 768px;
  align-items: start;
}
#artists_opening .section .left {
  width: 100px;
  margin-right: 24px;
}
#artists_opening .section .left img {
  width: 100px;
  height: auto;
}
#artists_opening .section .right {
  width: calc(100% - 124px);
}
#artists_opening .section .right h2 {
  font-size: 2.2rem;
  line-height: 1.4;
  margin-bottom: 8px;
}
@media screen and (max-width: 1151px) {
  #artists_opening .section {
    flex-direction: column;
    width: 100%;
    padding: 24px;
    align-items: center;
  }
  #artists_opening .section .left {
    margin-right: 0;
  }
  #artists_opening .section .left img {
    display: none;
  }
  #artists_opening .section .right {
    width: 100%;
  }
  #artists_opening .section .right h2 {
    text-align: center;
  }
}
.artwork_new {
  display: inline-block;
  padding: 4px 16px;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.4;
  border-radius: 3px;
  background-color: #f25449;
  position: absolute;
  top: 16px;
  left: 24px;
}
.artwork_new::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 6px 3.5px 0 3.5px;
  border-color: #f25449 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
}
.artwork_detail_tag {
  margin: 2px -2px;
}
.artist_masterpiece .artwork_detail_tag {
  margin: 8px -2px;
}
@media screen and (max-width: 1151px) {
  .artwork_detail_tag + .artwork_detail_tag {
    margin-left: 4px;
  }
}

.section.section_wide.related_area .sec_ttl {
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

.section.section_wide.related_area .artwork_detail_tag {
  margin: auto -2px 0;
}
@media screen and (max-width: 768px) {
  .section.section_wide.related_area .artwork_detail_tag {
    margin: 8px -2px 0;
  }
}

.artwork_detail_tag li {
  display: inline-block;
  margin: 2px 2px;
  padding: 0 12px;
  font-size: 1.4rem;
  line-height: 1.4;
  border: 2px solid #e1e1e1;
  border-radius: 3px;
}

.blog_item .artwork_detail_tag li {
  background-color: var(--bg-gray-f5);
  color: var(--txt-bk1a);
  font-weight: 400;
  font-family: var(--font-main);
  padding: 9px 12px;
  border: none;
  border-radius: 0;
  margin: 0 6px;
  font-size: 1.2rem;
  line-height: 1;
}

.pagination {
  padding-top: 40px;
}
.pagination ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.pagination ul li a {
  display: block;
  width: 42px;
  padding: 12px 0;
  text-decoration: none;
  border: 2px solid var(--bg-gray-a9);
  border-radius: 3px;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  font-family: var(--font-main);
  font-weight: 400;
  line-height: 1;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}


.pagination ul li a:link,
.pagination ul li a:visited {
  background-color: #ffffff;
  color: var(--txt-bk28);
}
.pagination ul li a:hover,
.pagination ul li a:active {
  color: #ffffff;
  background-color: var(--bg-gray-a9);

}
.pagination .current {
  display: block;
  padding: 12px 0;
  width: 42px;
  text-decoration: none;
  color: #ffffff;
  border: 2px solid #00824c;
  border-radius: 3px;
  font-weight: 400;
  font-size: 1.4rem;
  background-color: #00824c;
  text-align: center;
  line-height: 1;
}

.pagination .next.page-numbers,
.pagination .prev.page-numbers {
  font-size: 30px;
  line-height: 1;
  padding: 0;
  height: 42px;
  color: var(--green-008);
  padding: 6px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (any-hover: hover) {
  .pagination .next.page-numbers:hover,
  .pagination .prev.page-numbers:hover {
    color: var(--wh);
  }
}

.pagination a.next.page-numbers span,
.pagination a.prev.page-numbers span {
  display: block;
  margin-bottom: 8px;
}
.pagination .dots {
  display: block;
  padding: 12px 0;
}
@media screen and (max-width: 1151px) {
  .pagination .dots {
    padding: 8px 0;
  }
}
.blog_article_pager {
  margin: 0 auto;
  padding: 40px 16px 0 16px;
  width: 1152px;
}
@media screen and (max-width: 1151px) {
  .blog_article_pager {
    padding: 16px 16px 0 16px;
    width: 100%;
  }
}
.blog_article_pager_list {
  display: flex;
  justify-content: center;
}
.blog_article_pager_list li {
  margin: 0;
  padding: 0;
  width: 50%;
  font-size: 1.6rem;
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog_article_pager_list li:last-of-type {
  text-align: right;
}
.blog_article_pager_list li a {
  box-sizing: border-box;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.blog_article_pager_list li:first-of-type a {
  padding-left: 16px;
}
.blog_article_pager_list li:last-of-type a {
  padding-right: 16px;
}
.blog_article_pager_list li:first-of-type a::before {
  content: "";
  display: block;
  margin: auto;
  width: 8px;
  height: 15px;
  background: url("images/icon_arrow_r_g.svg") no-repeat center;
  background-size: 8px auto;
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  transform: rotate(180deg);
}
.blog_article_pager_list li:last-of-type a::after {
  content: "";
  display: block;
  margin: auto;
  width: 8px;
  height: 15px;
  background: url("images/icon_arrow_r_g.svg") no-repeat center;
  background-size: 8px auto;
  position: absolute;
  top: -1px;
  bottom: 0;
  right: 0;
}
.blog_article_pager_list li a:link,
.blog_article_pager_list li a:visited {
  text-decoration: none;
}
.blog_article_pager_list li a:hover,
.blog_article_pager_list li a:active {
  text-decoration: underline;
}
.blog_article_pager_list_txt_01 {
  display: none;
}
@media screen and (max-width: 1151px) {
  .blog_article_pager_list_txt_01 {
    display: block;
  }
  .blog_article_pager_list_txt_02 {
    display: none;
  }
}
.blog_article {
  margin: 0 auto;
  padding: 80px 16px;
  width: 1152px;
}
@media screen and (max-width: 1151px) {
  .blog_article {
    padding: 40px 16px;
    width: 100%;
  }
  .blog_article + .btn_green {
    margin: 0 16px;
  }
}
.blog_article_date {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #00824c;
}
@media screen and (max-width: 1151px) {
  .blog_article_date {
    font-size: 1.4rem;
  }
}
.blog_article_ttl {
  margin-bottom: 32px;
  font-size: 4rem;
  line-height: 1.4;
}
.column_article .column_article_ttl .col {
  padding: 0;
  margin-bottom: 0;
  width: 50%;
}
.column_article .column_article_ttl .col:first-of-type {
  padding-right: 16px;
}
.column_article .blog_article_ttl {
  padding-top: 0;
  margin-bottom: 8px;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.4;
}
.column_article .column_article_ttl_detail .artwork_detail_tag {
  text-align: right;
}
.column_article .blog_article_date {
  margin-bottom: 8px;
  display: block;
}
.column_article .column_article_ttl .blog_figure {
  background-size: contain;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.column_article .img_colum_box {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: baseline;
}
.column_article .img_colum_box figure {
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.column_article .img_colum_box .wp-caption-text {
  flex-grow: 1;
  margin-top: 10px;
}
.column_article .img_colum_box .text_center {
  text-align: center;
}
.column_article .img_colum_box .w_100 {
  width: 100%;
}
.column_article .img_colum_box .w_55 {
  width: 55%;
}
.column_article .img_colum_box .w_50 {
  width: 50%;
}
.column_article .img_colum_box .w_49 {
  width: 49%;
}
.column_article .img_colum_box .w_48 {
  width: 48%;
}
.column_article .img_colum_box .w_47 {
  width: 47%;
}
.column_article .img_colum_box .w_45 {
  width: 45%;
}
.column_article .img_colum_box .w_35 {
  width: 35%;
}
.column_article .img_colum_box .w_32 {
  width: 32%;
}
.column_article .img_colum_box .w_33 {
  width: 33%;
}
.column_article .img_colum_box .w_30 {
  width: 30%;
}
.column_article .img_colum_box .w_25 {
  width: 25%;
}
.column_article .img_colum_box .w_24 {
  width: 24%;
}
.column_article .img_colum_box .w_20 {
  width: 20%;
}
.column_article .img_colum_box .ml_10 {
  margin-left: 10px;
}
.column_article .img_colum_box .ml_15 {
  margin-left: 15px;
}
.column_article .img_colum_box .ml_20 {
  margin-left: 20px;
}
.column_article .img_colum_box .ml_25 {
  margin-left: 25px;
}
.column_article .img_colum_box .ml_30 {
  margin-left: 30px;
}

@media screen and (max-width: 1151px) {
  .blog_article_ttl {
    padding-top: 8px;
    font-size: 2.2rem;
    margin-bottom: 16px;
  }
  .column_article .blog_article_ttl {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 782px) {
  .column_article .column_article_ttl {
    flex-direction: column-reverse;
  }
  .column_article .column_article_ttl .col {
    width: 100%;
  }
  .column_article .column_article_ttl .col:first-of-type {
    padding-left: 0;
  }
  .column_article .blog_article_ttl {
    margin-top: 8px;
    margin-bottom: 4px;
  }
  .column_article .column_article_ttl_detail .artwork_detail_tag {
    text-align: left;
  }
  .column_article .img_colum_box {
    flex-direction: column;
  }
  .column_article .img_colum_box .tb_w_100 {
    width: 100%;
  }
  .column_article .img_colum_box .tb_mt_10 {
    margin-top: 10px;
  }
  .column_article .img_colum_box .tb_ml_0 {
    margin-left: 0;
  }
}
.blog_article_inner {
  margin-top: 32px;
  margin-bottom: -12px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.column_article .blog_article_inner {
  margin-top: 80px;
}
@media screen and (max-width: 1151px) {
  .column_article .blog_article_inner {
    margin-top: 40px;
  }
}
.blog_article_inner p {
  margin-bottom: 16px;
}
.blog_article_inner h1,
.blog_article_inner h2,
.blog_article_inner h3,
.blog_article_inner h4,
.blog_article_inner h5,
.blog_article_inner h6 {
  margin-bottom: 8px;
  line-height: 1.4;
}
.column_article .blog_article_inner h1,
.column_article .blog_article_inner h2,
.column_article .blog_article_inner h3,
.column_article .blog_article_inner h4,
.column_article .blog_article_inner h5,
.column_article .blog_article_inner h6 {
  margin-top: 32px;
  margin-bottom: 16px;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1151px) {
  .blog_article_inner h1,
  .blog_article_inner h2,
  .blog_article_inner h3,
  .blog_article_inner h4,
  .blog_article_inner h5,
  .blog_article_inner h6 {
    line-height: 1.4;
  }
}
.column_article .blog_article_inner h2 {
  font-size: 2.8rem;
}
.column_article .blog_article_inner h2 {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 5px 27px;
}
.column_article .blog_article_inner h2::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 11px;
  height: calc(100% - 18px);
  background-color: #08a365;
}
@media screen and (max-width: 1151px) {
  .column_article .blog_article_inner h2 {
    font-size: 2.5rem;
  }
  .column_article .blog_article_inner h2:before {
    top: 5px;
    height: calc(100% - 14px);
  }
}
.blog_article_inner h3 {
  font-size: 2.4rem;
}
.column_article .blog_article_inner > h3 {
  padding-left: 40px;
  position: relative;
}
.column_article .blog_article_inner > h3::before {
  position: absolute;
  content: "";
  width: 28px;
  height: 4px;
  top: 16px;
  left: 0;
  background-color: #08a365;
}
@media screen and (max-width: 1151px) {
  .column_article .blog_article_inner h3 {
    font-size: 2rem;
  }
}
.blog_article_inner h4 {
  font-size: 2rem;
}
.blog_article_inner h5 {
  font-size: 1.8rem;
}
.blog_article_inner h6 {
  font-size: 1.6rem;
}
.blog_article_inner figure {
  margin: 0 auto 16px;
}
.blog_article_inner hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border-style: dashed;
  border-color: #bdbdbd;
}
.blog_article_inner ul,
.blog_article_inner ol {
  margin-left: 22px;
}
.blog_article_inner ul li,
.blog_article_inner ol li {
  margin-bottom: 12px;
}
.blog_article_inner img {
  height: auto;
  max-width: 100%;
}
.blog_article_inner p img {
  margin: 0 auto;
  text-align: center;
  display: block;
}

/* Blog article image alignment */
.blog_article_img_l {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 50%;
}

.blog_article_img_r {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 50%;
}

@media screen and (max-width: 767px) {
  .blog_article_img_l,
  .blog_article_img_r {
    float: none;
    margin: 0 auto 20px auto;
    max-width: 100%;
    display: block;
  }
}
.artworks_genre:nth-of-type(n + 2) {
  padding-top: 80px;
}
.artworks_genre .artwork_detail_artists,
.related_artists .artwork_detail_artists {
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .related_artists .artwork_detail_artists,
  .related_artists .artwork_detail_name {
    text-align: left;
  }
}
@media screen and (max-width: 1151px) {
  .blog_article .artwork_detail_tag {
    margin-left: 0;
  }
}
.txt_box,
.txt_fig_box {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1151px) {
  .txt_box,
  .txt_fig_box {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.txt_box p,
.txt_fig_box p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  font-weight: 400;
}
@media screen and (max-width: 1151px) {
  .txt_box p,
  .txt_fig_box p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.txt_box p:nth-of-type(n + 2),
.txt_fig_box p:nth-of-type(n + 2) {
  padding-top: 24px;
}
@media screen and (max-width: 1151px) {
  .txt_box p:nth-of-type(n + 2),
  .txt_fig_box p:nth-of-type(n + 2) {
    padding-top: 16px;
  }
}
.txt_box_section:nth-of-type(n + 2),
.txt_fig_box_section:nth-of-type(n + 2),
.txt_fig_box_inner:nth-of-type(n + 2),
.txt_box p + .txt_box_section,
.txt_fig_box p + .txt_fig_box_section {
  padding-top: 32px;
}
@media screen and (max-width: 1151px) {
  .txt_box_section:nth-of-type(n + 2),
  .txt_fig_box_section:nth-of-type(n + 2),
  .txt_fig_box_inner:nth-of-type(n + 2),
  .txt_box p + .txt_box_section,
  .txt_fig_box p + .txt_fig_box_section {
    padding-top: 24px;
  }
}

.txt_box a p,
.txt_fig_box a p{
  color: var(--green-008);
}

.txt_box a,
.txt_fig_box a {
  transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .txt_box a:hover,
  .txt_fig_box a:hover {
    opacity: 0.7;
    text-decoration: underline;
  }
}

.artists_appraiser .txt_box p:nth-of-type(n + 2) {
  padding-top: 0;
}
.fig_f_l,
.fig_f_r {
  width: 315px;
}
.fig_f_l {
  margin-right: 32px;
  float: left;
}
.fig_f_r {
  margin-left: 32px;
  float: right;
}
@media screen and (max-width: 1151px) {
  .fig_f_l,
  .fig_f_r {
    margin: 0 0 12px 0;
    float: none;
    width: 100%;
  }
}
.fig_f_l img,
.fig_f_r img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.artists_name {
  display: flex;
}
.artists_name:nth-of-type(n + 2) {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 2px dotted #e1e1e1;
}
.artists_name dt {
  margin-right: 16px;
  padding: 1px 6px;
  font-size: 1.6rem;
  background-color: #2fa877;
  color: #ffffff;
  border-radius: 4px;
}
.artists_name dd {
  flex: 1;
}
.artists_name_list {
  margin: -8px -16px;
  display: flex;
  flex-wrap: wrap;
}
.artists_name_list li {
  padding: 8px 16px;
  width: 25%;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .artists_name_list li {
    width: 50%;
    font-size: 1.6rem;
  }
}
.artists_name_list li a span {
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 1151px) {
  .artists_name_list li a span {
    font-size: 1.2rem;
  }
}
.about_genre {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .about_genre {
    display: block;
  }
}
.about_genre_fig {
  margin-right: 32px;
  padding: 0;
  width: 268px;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .about_genre_fig {
    display: none;
  }
}
.about_genre_fig img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.about_genre_txt {
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.8;
}
.about_genre_txt p {
  font-size: 1.6rem;
  line-height: 1.8;
}
.about_genre_txt p:nth-of-type(n + 2) {
  padding-top: 24px;
}
.satei_form {
  padding-top: 48px;
}

.section.section_wide.form_area {
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .section.section_wide.form_area {
    padding: 48px 16px 30px;
    width: 100%;
  }
}

.section.section_wide.form_area .sec_ttl {
  line-height: 1.35;
}

.form_lead_txt-box {
  margin-top: 50px;
  font-size: 1.8rem;
  line-height: calc(32/18);
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  margin-inline: auto;
  text-align: left;
  max-width: 794px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form_lead_txt-box {
    font-size: 1.6rem;
    line-height: calc(26/16);
    margin-top: 20px;
  }
}
.form_lead_txt-box .form_lead_txt {
    margin-bottom: 48px;
    text-align: left;
    margin-bottom: 0;
  }

.form_lead_txt-box .form_lead_txt:last-of-type {
    margin-top: 20px;
}
.form_lead_txt-box .form_lead_txt a:link, .form_lead_txt-box .form_lead_txt a:visited {
  color: var(--txt-bk1a);
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .form_lead_txt-box .form_lead_txt a:hover {
    opacity: 0.7;
    text-decoration: underline;
  }
}

.mw_wp_form  {
  margin-top: 70px;
  max-width: 794px;
  width: 100%;
  margin-inline: auto;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .mw_wp_form  {
    margin-top: 50px;
  }
}

.form_entry {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  gap: 14px;
}
form .form_entry:nth-of-type(n + 2) {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  form .form_entry:nth-of-type(n + 2) {
    margin-top: 30px;
  }
}

form .form_entry.form_entry--file {
  padding-top: 34px;
  padding-bottom: 34px;
  border-top: 1px solid var(--bg-gray-a9);
  border-bottom: 1px solid var(--bg-gray-a9);
}

.form_entry label {
  font-size: 2rem;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  font-weight: 700;
  line-height: calc(28/20);
  display: flex;
  align-items: center;
  gap: 12px;
}

.form_note {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--txt-bk1a);
  line-height: calc(24/14);
  margin-top: 8px;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .form_note {
    font-size: 1.2rem;
    line-height: calc(20/12);
    margin-top: 6px;
  }
}

.form_entry dt {
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 1151px) {
  .form_entry dt {
    width: 100%;
    text-align: left;
  }
}
.form_entry .required {
  display: inline-block;
  padding: 4.5px 8px;
  margin-left: 8px;
  margin-right: 16px;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 1;
  font-family: var(--font-main);
  font-weight: 700;
  text-align: center;

}
.form_entry .required {
  color: #ffffff;
  background-color: var(--txt-red);
  margin: 0;
}

.form_entry dd {
  width: 100%;
  min-width: 100%;
  position: relative;
}
.mw_wp_form_confirm .form_entry dd {
  padding: 8px 0;
  font-size: 1.8rem;
}
@media screen and (max-width: 1151px) {
  .form_entry dd {
    width: 100%;
    min-width: auto;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .form_entry:nth-last-of-type(3) dd{
    font-size: 1.8rem;
  }
}
.form_entry dd input[type="text"],
.form_entry dd input[type="email"],
.form_entry dd select,
.form_entry dd textarea {
  box-sizing: border-box;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: var(--bg-gray-f4);
  height: 60px;
  font-size: 1.6rem;
  font-weight: 400;
  border: none;
  outline: none;
}
@media screen and (max-width: 768px) {
  .form_entry dd input[type="text"],
  .form_entry dd input[type="email"],
  .form_entry dd textarea {
    padding: 14px 20px;
  }
}
.form_entry dd input[type="text"],
.form_entry dd input[type="email"],
.form_entry dd textarea {
  width: 100%;
  background-color: var(--bg-gray-f4);
}

::placeholder {
  color: var(--bg-gray-a9);
  font-size: 1.8rem;
  font-weight: 400;
  font-family: var(--font-main);
}
input#price {
  width: 160px;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  input#price {
    width: 128px;
  }
}
.form_entry_privacy {
  padding-top: 18px;
}

.form_entry_photo {
  margin-top: 6px;
}

.form_entry_photo li {
  display: flex;
  flex-wrap: wrap;
}

.form_entry_photo li:not(:first-of-type) {
  margin-top: 20px;
}
.form_entry_photo li > .form_entry_file_num {
  font-size: 1.8rem;
  margin-right: 14px;
  display: inline-block;
}

.form_entry_photo_txt,
.form_entry_privacy_txt {
  margin-top: 30px;
  font-size: 1.2rem;
  line-height: 160%;
}

.form_entry_photo_txt:last-of-type {
  margin-top: 0px;
}

.form_entry dd input::-webkit-input-placeholder,
.form_entry dd textarea::-webkit-input-placeholder {
  color: var(--bg-gray-a9);
}
.form_entry dd input:-ms-input-placeholder,
.form_entry dd textarea:-ms-input-placeholder {
  color: var(--bg-gray-a9);
}
.form_entry dd input::-moz-input-placeholder,
.form_entry dd textarea::-moz-input-placeholder {
  color: var(--bg-gray-a9);;
}
.form_entry dd select {
  cursor: pointer;
  width: 240px;
  background: url("images/icon_arrow_b_b.svg") no-repeat 96% 50%;
  background-size: 10px auto;
  background-color: var(--bg-gray-f4);
  height: 60px;
  color: var(--txt-bk1a);
}
@media screen and (max-width: 768px) {
  .form_entry dd select {
    width: 300px !important;
  }
}
.form_entry dd select.placeholder {
  color: var(--bg-gray-a9);
}
.pref_select {
  position: relative;
}
.form_entry dd select::-ms-expand {
  display: none;
}
@media screen and (max-width: 1151px) {
  .form_entry dd input[type="text"],
  .form_entry dd input[type="email"],
  .form_entry dd select,
  .form_entry dd textarea {
    width: 100%;
  }
}
.form_entry dd textarea {
  line-height: 1.6;
  height: 300px;
}
@media screen and (max-width: 768px) {
  .form_entry dd textarea {
    height: 220px;
  }
}
.form_entry dd input[type="text"]:focus,
.form_entry dd input[type="email"]:focus,
.form_entry dd select:focus,
.form_entry dd textarea:focus {
  border-radius: 4px;
  border: 2px solid #08a365;
  outline: none;
}
.form_lead_txt {
  margin-bottom: 48px;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .form_lead_txt {
    margin-bottom: 24px;
    text-align: left;
  }
}
.mw-wp-form_image {
  max-width: 456px;
}
.mw-wp-form_image img {
  width: 100%;
  height: auto;
}

.form_entry_photo_txt > a:link,
.form_entry_privacy_txt > a:link,
.form_entry_photo_txt > a:visited,
.form_entry_privacy_txt > a:visited {
  color: var(--txt-bk1a);
  transition: all 0.3s ease;
}

@media (any-hover: hover) {
  .form_entry_photo_txt > a:hover,
  .form_entry_privacy_txt > a:hover,
  .form_entry_photo_txt > a:active,
  .form_entry_privacy_txt > a:active {
    opacity: 0.7;
    text-decoration: underline;
  }
}
form .form_entry:last-of-type {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  form .form_entry:last-of-type {
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .mwform-file-delete {
    position: absolute;
    right: 0;
    color: var(--txt-red);
  }
}

.form_entry.form_entry--privacy {
  max-width: 408px;
  width: 100%;
  margin-inline: auto;
  text-align: left;
}

.form_entry.form_entry--privacy .form_entry_privacy_txt {
  margin-top: 16px;
}

.btn_submit {
  margin-top: 40px;
  padding: 0;
  width: 100%;
  margin-inline: auto;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .btn_submit {
    margin-top: 30px;
  }
}

.btn_submit span {
  position: absolute;
  display: block;
  top: 0;
  right: 11px;
  bottom: 0;
  left: auto;
  margin: auto;
  max-width: 38px;
  width: 100%;
  max-height: 38px;
  height: 100%;
  padding-bottom: 38px;
  background-color: #fff;
  border-radius: 50%;
}

.btn_submit span:after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  max-width: 19px;
  max-height: 38px;
  background-image: url(/wp-content/themes/artkaitori/images/common/icon_btn_arrow01.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.btn_submit input {
  width: 100%;
  background-color: var(--green-008);
  color:var(--wh);
  border-radius: 50vh;
  padding: 18.5px 11px 18.5px;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.33;
  font-weight: 700;
}

form input[type=submit][name="submitConfirm"] {
  pointer-events: none;
  opacity: .5;
}

form input[type=submit][name="submitConfirm"] ~ span,
form input[type=submit][name="submitConfirm"] ~ span::after {
  opacity: .5 !important;
}

form.submit-valid input[type=submit][name="submitConfirm"] {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ease;
}

form.submit-valid input[type=submit][name="submitConfirm"] ~ span,
form.submit-valid input[type=submit][name="submitConfirm"] ~ span::after {
  opacity: 1 !important;
}

/* 確認画面の送信ボタンは常に有効 */
form input[type=submit][name="submit_button"] {
  pointer-events: auto !important;
  cursor: pointer;
  opacity: 1 !important;
}

form input[type=submit][name="submit_button"] ~ span,
form input[type=submit][name="submit_button"] ~ span::after {
  opacity: 1 !important;
}

@media (any-hover: hover) {
  form.submit-valid input[type=submit]:hover,
  form input[type=submit][name="submit_button"]:hover {
    opacity: 0.7 !important;
  }
  form.submit-valid .btn_submit:hover span,
  form.submit-valid .btn_submit:hover span::after {
    opacity: 0.7 !important;
  }
}

/* カスタムチェックボックス */
.mwform-checkbox-field label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 768px) {
  .mwform-checkbox-field label {
    font-size: 1.8rem;
    line-height: calc(32/18);
  }
}

.mwform-checkbox-field input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--bg-gray-f4);
  border: none !important;
  border-radius: 4px;
  margin: 0;
  margin-right: 4px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.3s ease;
  outline: none;
}

.mwform-checkbox-field input[type="checkbox"]::after {
  content: '';
  position: absolute;
  display: none;
  left: 10px;
  top: 5px;
  width: 11px;
  height: 19px;
  border: solid var(--green-008);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.mwform-checkbox-field input[type="checkbox"]:checked::after {
  display: block;
}

.section.staff_blog_area,
.section.column_list_area {
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .section.staff_blog_area,
  .section.column_list_area {
    padding: 48px 0 30px;
  }
}

.section.staff_blog_area .sec_ttl,
.section.column_list_area .sec_ttl {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .section.staff_blog_area .sec_ttl,
  .section.column_list_area .sec_ttl {
    margin-bottom: 48px;
  }
}

.form_entry_complete {
  margin: 40px auto 0;
}

.form_entry_complete a {
  width: 100%;
}

.blog_list > li {
  display: flex;
  gap: 40px;
  background-color: var(--bg-white);
}
@media screen and (max-width: 1151px) {
  .blog_list > li {
    display: block;
  }
}

.blog_list > li:nth-of-type(n + 2) {
  margin-top:20px;
}
@media screen and (max-width: 768px) {
  .blog_list > li:nth-of-type(n + 2) {
    margin-top: 16px;
  }
}

.blog_list .blog_figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: var(--bg-gray-e0);
  aspect-ratio: 293/220;
}
.blog_list_inner {
  flex: 1;
  min-width: 0;
  width: calc(100% - 293px);
  margin-left: 40px;
}
@media screen and (max-width: 768px) {
  .blog_list_inner {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}

.section.section_wide.related_area .blog_list_inner {
  display: flex;
  flex-direction: column;
}

.blog_item {
  position: relative;
}

.blog_card {
  position: relative;
  display: flex;
  padding: 20px 50px 20px 20px;
  background-color: var(--white);
  background: #fff;
}
@media screen and (max-width: 768px) {
  .blog_card {
    flex-direction: column;
    padding: 10px 16px;
  }
}

.blog_figure {
  flex-shrink: 0;
  aspect-ratio: 293/220;
  max-width: 293px;
  width: 100%;
  max-height: 220px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .blog_figure {
    aspect-ratio: 323/242;
    max-width: 350px;
  }
}

/* リンク（カード全体を覆う） */
.blog_cover {
  position: absolute;
  inset: 0;
  z-index: 1 ;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .blog_card:hover .blog_cover{
    background-color: rgba(225, 225, 225, 0.5);
  }
  .blog_cover:hover .blog_artists_tag li a{
    color: red !important;
  }
}

/* タグはカバ―リンクより上 */
.blog_artists_tag {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
}
.blog_list a:link,
.blog_list a:visited {
  color: #555555;
  text-decoration: none;
}
.blog_list a:hover,
.blog_list a:active {
  color: #555555;
  text-decoration: none;
}
.blog_list .blog_ttl a:hover,
.blog_list .blog_ttl a:active {
  text-decoration: underline;
}
.blog_list .blog_date {
  font-size: 1.4rem;
  line-height: calc(24 / 14);
  color: #00824c;
}
.blog_list .blog_ttl {
  font-size: 2.4rem;
  line-height: calc(30 / 24);
  font-family: var(--font-main);
  color: var(--txt-bk1a);
}

.blog_list .blog_txt,
.blog_txt {
  font-size: 1.4rem;
  line-height: calc(20 / 14);
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .blog_list .blog_txt,
  .blog_txt {
    font-size: 1.2rem;
    line-height: calc(18 / 12);
  }
}
.blog_artists_tag {
  margin-top: 30px;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .blog_artists_tag {
    margin-top: 26px;
  }
}

.blog_artists_tag + .blog_artists_tag {
  margin-top: 12px;
}

.search_artists_tag {
  margin: 4px -1px;
  list-style: none;
}

.search_artists_tag li {
  display: inline-block;
  margin: 2px 2px;
}

.blog_artists_tag li a {
  display: block;
  padding: 5.5px 12px;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  font-family: var(--font-main);
  background-color: var(--bg-gray-f5);
  transition: all 0.3s ease;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .search_artists_tag li {
    padding: 7.5px 12px;
    font-size: 1.2rem;
    line-height: calc(18 / 12);
  }
}
.search_artists_tag li {
  display: inline-block;
  margin: 2px 1px;
  padding: 0 12px;
  font-size: 1.4rem;
  line-height: 1.4;
  border: 2px solid #e1e1e1;
  border-radius: 3px;
  background-color: #ffffff;
}
.blog_artists_tag li a:link,
.blog_artists_tag li a:visited {
  color: var(--txt-bk1a);
}
.blog_artists_tag li a:hover,
.blog_artists_tag li a:active {
  color: #00824c;
  border-color: #08a365;
}

.recommend_artist .blog_figure,
.art_purchase_column .blog_figure,
.office-artist .blog_figure {
  width: 100%;
}
@media screen and (max-width: 1151px) {
  .recommend_artist a,
  .art_purchase_column a,
  .office-artist a {
    flex-direction: column;
  }
  .recommend_artist .blog_figure,
  .art_purchase_column .blog_figure,
  .office-artist .blog_figure {
    height: 220px;
    max-width: 100%;
  }
}
.company_list_fig {
  margin-bottom: 8px;
  width: 100%;
  border-radius: 4px;
}
.top_office_list li a {
  flex-direction: row;
}
@media screen and (max-width: 1151px) {
  .company_list_fig {
    margin-bottom: 0;
    width: 40%;
    height: auto;
    min-height: 112px;
  }
  .top_office_list .company_list_fig {
    margin: 0;
    width: 40%;
    max-width: initial;
  }
}
@media screen and (max-width: 768px) {
  .top_office_list li a {
    flex-direction: column;
  }
  .top_office_list .company_list_fig {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
  }
}
.company_list_fig img {
  width: 100%;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .company_list {
    flex: 1;
    padding-left: 16px;
    align-self: center;
  }
}
.company_list_ttl {
  font-size: 1.6rem;
  line-height: 1.4;
}
.col a:link .company_list .company_list_ttl,
.col a:visited .company_list .company_list_ttl {
  color: #00824c;
  text-decoration: underline;
}
.col a:hover .company_list .company_list_ttl,
.col a:active .company_list .company_list_ttl {
  color: #00824c;
  text-decoration: none;
}
.company_list_address {
  padding-top: 4px;
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .company_list_address {
    font-size: 1.2rem;
  }
}
.company_list_tel,
.company_list_fax,
.company_list_holiday,
.company_list_time {
  display: flex;
  align-items: flex-start;
}
.company_list_tel:first-of-type,
.company_list_fax:first-of-type,
.company_list_holiday:first-of-type,
.company_list_time:first-of-type {
  padding-top: 8px;
}
.company_list_tel:nth-of-type(n + 2),
.company_list_fax:nth-of-type(n + 2),
.company_list_holiday:nth-of-type(n + 2),
.company_list_time:nth-of-type(n + 2) {
  padding-top: 4px;
}
.company_list_address dt,
.company_list_tel dt,
.company_list_fax dt,
.company_list_holiday dt,
.company_list_time dt {
  margin-right: 4px;
  padding: 2px 12px;
  min-width: 80px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  border-radius: 4px;
  background-color: #e1e1e1;
}
.company_list_address dt {
  width: 80px;
}
@media screen and (max-width: 1151px) {
  .company_list_address dt,
  .company_list_tel dt,
  .company_list_fax dt,
  .company_list_holiday dt,
  .company_list_time dt {
    font-size: 1rem;
  }
}
.company_list_address dd,
.company_list_tel dd,
.company_list_fax dd,
.company_list_holiday dd,
.company_list_time dd {
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .company_list_address dd,
  .company_list_tel dd,
  .company_list_fax dd,
  .company_list_holiday dd,
  .company_list_time dd {
    font-size: 1.2rem;
  }
}
.company_profile {
  margin-bottom: 40px;
}
@media screen and (max-width: 1151px) {
  .company_profile {
    margin-bottom: 32px;
  }
}
.company_profile_txt,
.jikahyouka_table {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 1.4;
}
.company_profile_txt {
  width: 768px;
}
.jikahyouka_table {
  width: 100%;
}
@media screen and (max-width: 1151px) {
  .company_profile_txt,
  .jikahyouka_table {
    width: 100%;
    font-size: 1.4rem;
  }
}
.company_profile_txt > dt,
.jikahyouka_table > dt {
  padding: 12px 8px 12px 0;
  width: 30%;
  border-bottom: 1px solid #e1e1e1;
}
.jikahyouka_table > dt {
  font-weight: bold;
}
.company_profile_txt > dd,
.jikahyouka_table > dd {
  padding: 12px 0 12px 8px;
  width: 70%;
  border-bottom: 1px solid #e1e1e1;
}
.company_profile_txt > dt:last-of-type,
.company_profile_txt > dd:last-of-type,
.jikahyouka_table > dt:last-of-type,
.jikahyouka_table > dd:last-of-type {
  border-bottom: none;
}
.company_profile_txt_list dt:nth-of-type(n + 2) {
  padding-top: 16px;
}
.company_message {
  padding-top: 32px;
}
@media screen and (max-width: 1151px) {
  .company_message {
    padding-top: 24px;
  }
}
.company_message dl:nth-of-type(n + 2) {
  padding-top: 32px;
}
@media screen and (max-width: 1151px) {
  .company_message dl:nth-of-type(n + 2) {
    padding-top: 24px;
  }
}
.company_message dt,
.company_access_txt dt {
  margin-bottom: 8px;
  font-size: 2rem;
  line-height: 1.4;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 1151px) {
  .company_message dt,
  .company_access_txt dt {
    margin-bottom: 4px;
    font-size: 1.8rem;
  }
}
.company_message dl dt::before,
.company_access_txt dt::before {
  content: "";
  display: inline-block;
  margin: 0 8px -3px 0;
}
@media screen and (max-width: 1151px) {
  .company_message dl dt::before,
  .company_access_txt dt::before {
    margin: 0 8px -2px 0;
  }
}
.company_message dl:first-of-type dt::before {
  width: 19px;
  height: 22px;
  background: url("images/icon_delivery_g.svg") no-repeat center;
  background-size: auto 22px;
}
@media screen and (max-width: 1151px) {
  .company_message dl:first-of-type dt::before {
    width: 15px;
    height: 18px;
    background-size: auto 18px;
  }
}
.company_message dl:last-of-type dt::before {
  width: 18px;
  height: 22px;
  background: url("images/icon_staff_g.svg") no-repeat center;
  background-size: auto 22px;
}
@media screen and (max-width: 1151px) {
  .company_message dl:last-of-type dt::before {
    width: 15px;
    height: 18px;
    background-size: auto 18px;
  }
}
.company_message.add_photo {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .company_message.add_photo {
    display: block;
  }
}
.add_photo_txt {
  flex: 1;
}
.add_photo_fig {
  margin: 0 0 0 32px;
  width: 35%;
}
@media screen and (max-width: 1151px) {
  .add_photo_fig {
    margin-left: 0;
    padding-top: 24px;
    width: 100%;
  }
}
.add_photo_fig img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.company_access_txt dt:first-of-type::before {
  width: 25px;
  height: 22px;
  background: url("images/icon_train_g.svg") no-repeat center;
  background-size: auto 22px;
}
@media screen and (max-width: 1151px) {
  .company_access_txt dt:first-of-type::before {
    width: 21px;
    height: 18px;
    background-size: auto 18px;
  }
}
.company_access_txt dt:last-of-type::before {
  width: 25px;
  height: 22px;
  background: url("images/icon_car_g.svg") no-repeat center;
  background-size: auto 22px;
}
@media screen and (max-width: 1151px) {
  .company_access_txt dt:last-of-type::before {
    width: 21px;
    height: 18px;
    background-size: auto 18px;
  }
}
.company_message dd,
.company_access_txt dd {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 1151px) {
  .company_message dd,
  .company_access_txt dd {
    font-size: 1.4rem;
  }
}
.company_profile_inner {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .company_profile_inner {
    display: block;
  }
}
.company_profile_img {
  margin-right: 32px;
  width: 60%;
}
@media screen and (max-width: 1151px) {
  .company_profile_img {
    margin: 0 0 16px 0;
    width: 100%;
  }
}
.company_profile_img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.company_profile_inner .company_profile_txt {
  width: 100%;
  align-self: center;
}
.company_access {
  padding: 32px;
  border: 3px solid #e1e1e1;
  border-radius: 4px;
}
.company_access_ttl {
  padding-left: 12px;
  font-size: 2.4rem;
  line-height: 1.4;
  border-left: 6px solid #2fa877;
}
@media screen and (max-width: 1151px) {
  .company_access_ttl {
    font-size: 1.8rem;
  }
}
.company_access_inner {
  display: flex;
  padding-top: 16px;
}
@media screen and (max-width: 1151px) {
  .company_access_inner {
    display: block;
  }
}
.company_access_map {
  padding-right: 24px;
  width: 50%;
}
@media screen and (max-width: 1151px) {
  .company_access_map {
    margin-bottom: 16px;
    padding: 0;
    width: 100%;
  }
}
.company_access_map iframe {
  width: 100%;
  height: 340px;
}
@media screen and (max-width: 1151px) {
  .company_access_map iframe {
    height: 220px;
  }
}
.company_access_txt {
  flex: 1;
}
.company_access_txt dd {
  margin-bottom: 24px;
}
.company_access_txt dd:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 1151px) {
  .company_access_txt dd {
    margin-bottom: 16px;
  }
}
.purchase_area li:nth-of-type(n + 2) {
  padding-top: 32px;
}
.purchase_area_list dt {
  margin-bottom: 8px;
  padding: 4px 12px;
  font-size: 1.8rem;
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .purchase_area_list dt {
    font-size: 1.6rem;
  }
}
.purchase_area_list dd {
  font-size: 1.6rem;
  line-height: 1.8;
}
@media screen and (max-width: 1151px) {
  .purchase_area_list dd {
    font-size: 1.4rem;
  }
}
.search_artists_name {
  font-size: 2.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .search_artists_name {
    font-size: 1.8rem;
  }
}
.search_artists_name_s {
  display: block;
  font-size: 1.6rem;
  color: #999999;
}
@media screen and (max-width: 1151px) {
  .search_artists_name_s {
    font-size: 1rem;
  }
}
.search_artists .col > a {
  border-left: 30px solid;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .search_artists .col > a {
    display: flex;
    padding: 16px;
  }
}
.search_artists .col > a:link,
.search_artists .col > a:visited {
  border-color: #08a365;
}
.search_artists .col > a:hover,
.search_artists .col > a:active {
  border-color: #00824c;
}
.search_artists .col > a::before {
  content: "";
  display: block;
  margin: auto;
  width: 12px;
  height: 14px;
  background: url("images/icon_arrow_r_w.svg") no-repeat center;
  background-size: auto 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -22px;
}
.qa_list {
  margin: 0 auto;
  width: 1026px;
}
@media screen and (max-width: 1151px) {
  .qa_list {
    width: 100%;
  }
}
.qa_list_input {
  display: none;
}
.qa_list_answer {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s;
}
.qa_list_input:checked ~ .qa_list_answer {
  height: auto;
  opacity: 1;
}
.qa_list li > label {
  display: block;
  padding: 12px 32px 12px 48px;
  text-align: left;
  background-color: #f5f5f5;
  color: #555555;
  font-size: 1.8rem;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .qa_list li > label {
    font-size: 1.6rem;
  }
}
.bg_gray .qa_list li > label {
  background-color: #ffffff;
}
.qa_list li > label::before {
  content: "Q";
  display: inline-block;
  padding: 4px 0;
  width: 26px;
  border-radius: 2px;
  background-color: #2fa877;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 16px;
  top: 13px;
}
@media screen and (max-width: 1151px) {
  .qa_list li > label::before {
    font-size: 1.2rem;
  }
}
.qa_list li > label::after {
  content: "";
  display: block;
  margin: auto;
  width: 10px;
  height: 10px;
  background: url("images/icon_arrow_b_b.svg") no-repeat center;
  background-size: 10px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
}
.qa_list li > .qa_list_input:checked + label {
  background-color: #e1e1e1;
}
.qa_list li > .qa_list_input:checked + label::after {
  transform: rotate(180deg);
}
.qa_list li:nth-of-type(n + 2) {
  border-top: 1px solid #ffffff;
}
.bg_gray .qa_list li:nth-of-type(n + 2) {
  border-top: 1px solid #f5f5f5;
}
.qa_list_answer_inner {
  padding: 16px 16px 16px 48px;
  font-size: 1.6rem;
  line-height: 1.8;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .qa_list_answer_inner {
    font-size: 1.4rem;
  }
}
.qa_list_answer_inner p:nth-of-type(n + 2) {
  padding-top: 16px;
}
.bg_gray .qa_list_answer_inner {
  background-color: #fafafa;
}
.qa_list_answer_inner::before {
  content: "A";
  display: inline-block;
  padding: 2px 0;
  width: 26px;
  border-radius: 2px;
  background-color: #f25449;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 16px;
  top: 16px;
}
.qa_list_answer_inner img {
  max-width: 100%;
  height: auto;
}
.qa_list_answer_inner ol {
  margin-left: 22px;
}
.qa_list_answer_txt {
  padding-top: 16px;
}
.qa_list_answer_ttl {
  margin-bottom: 8px;
  padding-left: 8px;
  font-size: 1.6rem;
  font-weight: bold;
  border-left: 4px solid #2fa877;
}
.qa_list_answer_list:nth-of-type(n + 2) {
  padding-top: 16px;
}
.list {
  font-size: 1.6rem;
  line-height: 1.6;
}
.qa_list_answer_list li,
.list li {
  padding-left: 20px;
  position: relative;
  line-height: 1.6;
}
.qa_list_answer_list li::before,
.list li::before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.bg_page_index_gray {
  background-color: #f5f5f5;
}
.page_index {
  margin: 0 auto;
  padding: 24px 16px;
  width: 1152px;
}
@media screen and (max-width: 1151px) {
  .page_index {
    width: 100%;
  }
}
.page_index_inner {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .page_index_inner {
    display: block;
  }
}
.page_index_ttl {
  margin-right: 8px;
  padding: 8px 12px;
  width: 120px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 4px;
  align-self: flex-start;
}
@media screen and (max-width: 1151px) {
  .page_index_ttl {
    margin-bottom: 8px;
    width: 100%;
    font-size: 1.4rem;
  }
}
.bg_page_index_gray .page_index_ttl {
  background-color: #ffffff;
}
.page_index_list {
  margin-bottom: -8px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1151px) {
  .page_index_list {
    margin-bottom: -4px;
    display: block;
  }
}
.page_index_list li {
  padding: 8px 16px;
}
@media screen and (max-width: 1151px) {
  .page_index_list li {
    padding: 4px 12px;
  }
}
.page_index_list li a {
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .page_index_list li a {
    font-size: 1.4rem;
  }
}
.page_index_list li a:link,
.page_index_list li a:visited {
  text-decoration: none;
}
.page_index_list li a:hover,
.page_index_list li a:active {
  text-decoration: underline;
}
.pagination + .artists_search,
.search_artists + .artists_search {
  margin-top: 40px;
}
.txt_form_ex {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #999999;
}
@media screen and (max-width: 1151px) {
  .txt_form_ex {
    font-size: 1.4rem;
  }
}
.flow_case_lead {
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .flow_case_lead {
    margin-bottom: 32px;
    text-align: left;
  }
}
.flow_case_lead p {
  font-size: 1.8rem;
}
@media screen and (max-width: 1151px) {
  .flow_case_lead p {
    font-size: 1.4rem;
  }
}
.flow_case:nth-of-type(n + 2) {
  padding-top: 56px;
}
@media screen and (max-width: 1151px) {
  .flow_case:nth-of-type(n + 2) {
    padding-top: 32px;
  }
}
.flow_case_inner {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .flow_case_inner {
    display: block;
  }
}
.flow_case_fig {
  width: 40%;
}
@media screen and (max-width: 1151px) {
  .flow_case_fig {
    margin-bottom: 16px;
    width: 100%;
  }
}
.flow_case_fig img {
  width: 100%;
  height: auto;
}
.flow_case_list {
  margin: 0 0 -24px 32px;
  flex: 1;
}
@media screen and (max-width: 1151px) {
  .flow_case_list {
    margin: 0 0 -16px 0;
  }
}
.flow_case_list dt {
  margin-bottom: 8px;
  padding-left: 36px;
  font-size: 2.4rem;
  line-height: 1.4;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 1151px) {
  .flow_case_list dt {
    margin-bottom: 4px;
    padding-left: 30px;
    font-size: 1.8rem;
  }
}
.flow_case_list dt::before {
  display: inline-block;
  margin: 0;
  padding: 2px 0;
  width: 28px;
  border-radius: 4px;
  background-color: #f25449;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  position: absolute;
  top: 6px;
  left: 0;
}
@media screen and (max-width: 1151px) {
  .flow_case_list dt::before {
    width: 22px;
    font-size: 1.4rem;
    top: 1px;
  }
}
.flow_case_list dt:first-of-type::before {
  content: "1";
}
.flow_case_list dt:nth-of-type(2)::before {
  content: "2";
}
.flow_case_list dt:nth-of-type(3)::before {
  content: "3";
}
.flow_case_list dd {
  margin-bottom: 24px;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 1151px) {
  .flow_case_list dd {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
}
.flow_case_list_ex {
  display: block;
  color: #999999;
}
.flow_list > li {
  margin-bottom: 56px;
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  position: relative;
}
.flow_list > li.tabArea {
  padding: 10px;
}
.flow_list > li:last-of-type {
  margin-bottom: 0;
}
.flow_list > li::after {
  content: "";
  display: block;
  margin: auto;
  width: 24px;
  height: 16px;
  background: url("images/icon_arrow_b_b.svg") no-repeat center;
  background-size: 24px auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -36px;
  opacity: 0.45;
}
.flow_list > li:last-of-type::after {
  content: none;
  width: 0;
  height: 0;
  background: none;
}
.flow_list_inner {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .flow_list_inner {
    display: block;
  }
}
.flow_list_fig {
  padding-right: 32px;
  width: 40%;
  border-radius: 4px;
}

.flow_list_txt {
  width: 60%;
}
.section.section_wide .flow_list_txt {
  color: var(--txt-bk1a);
}
@media screen and (max-width: 1151px) {
  .flow_list_fig {
    margin: 0 0 16px 0;
    padding: 0;
    width: 100%;
  }
  .flow_list_txt {
    width: 100%;
  }
}
.flow_list_fig img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .section.section_wide .flow_list_fig,
  .section.section_wide .flow_case_fig {
    width: 70%;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 768px) {
  .section.section_wide .flow_list_fig,
  .section.section_wide .flow_case_fig {
    width: 100%;
  }
}

.flow_list_txt dt {
  margin-bottom: 16px;
  padding-left: 88px;
  font-size: 2.4rem;
  line-height: 1.4;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 1151px) {
  .flow_list_txt dt {
    padding-left: 72px;
    font-size: 1.8rem;
  }
}
.flow_list_txt dt span {
  display: block;
  padding: 8px 16px;
  width: 80px;
  color: #ffffff;
  background-color: #2fa877;
  border-radius: 4px;
  font-size: 1.4rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1151px) {
  .flow_list_txt dt span {
    width: 64px;
    padding: 4px 0;
    font-size: 1.2rem;
  }
}

.section.section_wide .flow_list_txt dt span {
  display: block;
  background-color: var(--green-008);
}

.flow_list_txt dd {
  font-size: 1.6rem;
  line-height: 1.6;
}
.section.section_wide .flow_list_txt dd {
  font-weight: 400;
}

.section.section_wide .flow_list_txt dd > p > a:link,
.section.section_wide .flow_list_txt dd > p > a:visited {
  color: var(--green-008);
  transition: color 0.3s ease;
}
@media (any-hover: hover) {
  .section.section_wide .flow_list_txt dd > p > a:hover {
    color: var(--green-008);
    text-decoration: underline;
  }
}

.flow_list_txt dd p:nth-of-type(n + 2) {
  padding-top: 8px;
}
.flow_list_txt_note,
.list_txt_note {
  margin-bottom: -8px;
  padding-top: 16px;
}
.line_satei_note_list {
  margin-bottom: -8px;
}
.flow_list_txt_note li,
.line_satei_note_list li,
.list_txt_note li {
  margin-bottom: 8px;
  padding-left: 18px;
  font-size: 1.6rem;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .flow_list_txt_note li,
  .line_satei_note_list li,
  .list_txt_note li {
    font-size: 1.4rem;
  }
}
.flow_list_txt_note li::before,
.line_satei_note_list li::before,
.list_txt_note li::before {
  content: "※";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.flow_list_txt .contact_to_us_list {
  margin: 0 -8px;
  padding: 16px 0 0 0;
  flex-wrap: wrap;
}
.flow_list_txt .contact_to_us_list li {
  margin: 0;
  padding: 8px;
  width: 32%;
  height: 65px;
  border-radius: 0;
}
@media screen and (max-width: 1151px) {
  .flow_list_txt .contact_to_us_list li {
    width: 100%;
  }
}
.flow_list_txt .contact_to_us_list li a {
  width: 100%;
}
.flow_list_txt .contact_to_us_list li:last-of-type {
  margin: 8px;
  padding: 8px 0 0 0;
}
.flow_list_txt .contact_to_us_list li:last-of-type .contact_to_us_freecall_tel {
  height: 19px;
  background-size: auto 16px;
  margin: 2px 0 4px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 1151px) {
  .flow_list_txt .contact_to_us_list li:last-of-type a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 374px) {
  .flow_list_txt .contact_to_us_list li .contact_to_us_freecall_tel::before {
    display: none;
  }
}
.flow_list_txt
  .contact_to_us_list
  li:last-of-type
  .contact_to_us_freecall_tel::before {
  width: 27px;
  height: 18.838px;
  background-size: 25px auto;
  left: 0;
}
.flow_list_txt
  .contact_to_us_list
  li:last-of-type
  .contact_to_us_freecall_time {
  font-size: 1rem;
}
.flow_list_txt
  .contact_to_us_list
  li:last-of-type
  .flow_list_txt
  .business_trip_delivery_list {
  padding-top: 24px;
}
.flow_list_txt .business_trip_delivery_list li {
  width: 33.333%;
}
@media screen and (max-width: 1151px) {
  .flow_list_txt .business_trip_delivery_list li {
    width: 100%;
  }
}
.flow_list_txt .business_trip_delivery_list li a {
  width: 100%;
}
.flow_packing_fig {
  display: flex;
  margin: 0 -8px 16px -8px;
}
.flow_list .flow_list_inner .flow_list_txt .smooth_transaction {
  padding-top: 10px;
  list-style: none;
}

.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_header {
  position: relative;
  padding: 5px 30px 5px 10px;
  margin-bottom: 10px;
  background-color: #f2f2f2;
  cursor: pointer;
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_header::after {
  content: "＋";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_header.open::after {
  content: "―";
  transform: translateY(-50%) rotate(180deg);
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_content {
  display: none;
  padding: 10px;
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_content
  .flow_case_list
  dt {
  padding-left: 36px;
}
@media screen and (max-width: 1151px) {
  .flow_list
    .flow_list_inner
    .flow_list_txt
    .smooth_transaction
    .accordion_content
    .flow_case_list
    dt {
    padding-left: 30px;
  }
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_content
  .flow_case_ttl {
  padding: 8px 0 8px 12px;
  font-size: 1.8rem;
  line-height: 1.4;
  border-left: 4px solid #2fa877;
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_content
  dt {
  position: relative;
  margin-bottom: 16px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_content
  dt::before {
  width: 22px;
  font-size: 1.4rem;
  top: 1px;
}
.flow_list
  .flow_list_inner
  .flow_list_txt
  .smooth_transaction
  .accordion_content
  dd {
  font-size: 1.4rem;
  line-height: 1.4;
}
/* タブのスタイル */
.tabs,
.tab-list {
  width: 100%;
}
.tab-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .tab-list {
    justify-content: center;
  }
}

@media screen and (max-width:768px) {
  .section.section_wide .tab-list {
    display: none;
  }
}

.tab-item {
  padding: 10px 20px;
  font-size: 2rem;
  cursor: pointer;
  background-color: #f1f1f1;
  margin-right: 7px;
  flex: 1;
  border: 5px solid #ddd;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
@media screen and (max-width: 1151px) {
  .tab-item {
    padding: 10px;
    font-size: 1.3rem;
  }
}
.tab-item.active {
  background-color: #08a365;
  border-color: #08a365;
  color: white;
  font-weight: bold;
}

.tab-item:last-child {
  margin-right: 0;
}

/*20250917 */
.section.section_wide .tab-item{
  font-size: 3.2rem;
  font-family: var(--font-notoSerif);
  padding: 17px 20px;
  color: var(--txt-bk4a);
}
@media screen and (max-width:1151px) {
  .section.section_wide .tab-item{
    font-size: 2.8rem;
  }
}

.section.section_wide .tab-item.active{
  color: var(--wh);
  background-color: var(--green-008);
  border-color: var(--green-008);
}

.flow_list_ttl {
  text-align: center;
  font-family: var(--font-notoSerif);
  font-size: 4rem;
  color: var(--txt-bk1a);
  line-height: 1;
  padding-top: 20px;
  padding-bottom: 18px;
}
@media screen and (max-width:1151px) {
  .section.section_wide .flow_list_ttl {
    padding-top: 0;
    padding-bottom: 30px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width:768px) {
  .section.section_wide .flow_list_ttl {
    padding-bottom: 0;
    color: var(--green-008);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: max(54vw ,379px);
    width: 100%;
    height: max(15vw ,114px);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width:768px) {
  .section.section_wide #tab1 .flow_list_ttl {
    background-image: url("images/beginner/img_flow_01.png");
  }
  .section.section_wide #tab2 .flow_list_ttl {
    background-image: url("images/beginner/img_flow_02.png");
  }
  .section.section_wide #tab3 .flow_list_ttl {
    background-image: url("images/beginner/img_flow_03.png");
  }
}


.flow_list_openBtn_wrap,
.flow_list_closeBtn_wrap {
  display: none;
}
@media screen and (max-width:768px) {
  .flow_list_openBtn_wrap,
  .flow_list_closeBtn_wrap {
    display: block;
  }
}
@media screen and (max-width:768px) {
  .flow_list_openBtn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 22px auto 0;
    border: 1px solid var(--green-008);
    padding: 16px;
    cursor: pointer;
    touch-action: auto;
    text-align: center;
    position: relative;
    max-width: 379px;
    width: 100%;
  }
}
.flow_list_openBtn {
  color: var(--green-008);
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  flex: 1;
}
@media screen and (max-width:768px) {
.section.section_wide .box_icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  }
}

@media screen and (max-width:768px) {
  .flow_list_closeBtn_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 32px auto 0;
    border: 1px solid var(--green-008);
    padding: 16px;
    cursor: pointer;
    touch-action: auto;
    text-align: center;
    position: relative;
    max-width: 379px;
    width: 100%;
  }
}

.flow_list_closeBtn {
  color: var(--green-008);
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  flex: 1;
}
@media screen and (max-width:768px) {
  .section.section_wide .box_icon.box_icon_close {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    }
    .section.section_wide .box_icon.box_icon_close::before {
      display: none;
    }
  }

.section.section_wide .tab-content .tab-pane.active {
  background-color: var(--wh);
  border: 1px solid var(--green-008);
  border-top: 5px solid var(--green-008);
}
@media screen and (max-width:768px) {
  .section.section_wide .tab-content .tab-pane.active {
    display: block;
    border-top: 8px solid var(--green-008);
  }
}

/* コンテンツのスタイル */
.tab-content .tab-pane {
  display: none;
}
@media screen and (max-width:768px) {
  .section.section_wide .tab-content .tab-pane {
    display: block;
  }
}

.section.section_wide .tabs .tab-pane {
  border-radius: unset !important;
}

@media screen and (max-width:768px) {
  .section.section_wide .tabs .tab-pane {
    border: 1px solid var(--green-008);
    border-top: 8px solid var(--green-008);
    padding: 32px 16px 40px;
  }
}

@media screen and (max-width:768px) {
  .section.section_wide .tab-content .tab-pane:not(:first-child) {
    margin-top: 40px;
  }
}

.tab-content .tab-pane.active {
  display: block;
  padding: 20px;
  border: 5px solid #e1e1e1;
  border-top: none;
  background-color: #f5f5f5;
}

.tab-border {
  height: 5px;
  background-color: #08a365;
}

.section.section_wide .tab-border {
  background-color: var(--green-008);
}

@media screen and (max-width:768px) {
  .section.section_wide .tab-border {
    display: none;
  }
}

@media screen and (max-width: 1151px) {
  .tab-content .tab-pane.active {
    padding: 10px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 1151px) {
  .flow_list > li.tabArea ul.flow_list > li {
    padding: 10px;
  }
}

@media screen and (max-width:768px) {
  .section.section_wide .flow_list > li.tabArea ul.flow_list > li {
    padding-top: 40px;
  }
}

.flow_list > li.tabArea .contact_to_us_satei a,
.flow_list > li.tabArea .contact_to_us_line a {
  font-size: 2rem;
}

.flow_list > li.tabArea .contact_to_us_freecall_tel {
  width: 104%;
}
@media screen and (max-width: 1151px) {
  .flow_list > li.tabArea .contact_to_us_freecall_tel {
    width: 184px;
  }
}
@media screen and (max-width: 1151px) {
  .flow_packing_fig {
    display: block;
    margin: 0;
  }
}
.flow_packing_fig figure {
  padding: 0 8px;
  width: 33.333%;
}
@media screen and (max-width: 1151px) {
  .flow_packing_fig figure {
    margin-bottom: 8px;
    padding: 0;
    width: 100%;
  }
}
.flow_packing_fig figure img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.flow_packing_txt {
  margin-bottom: 40px;
}
@media screen and (max-width: 1151px) {
  .flow_packing_txt {
    margin-bottom: 24px;
  }
}
.flow_packing_txt:last-of-type {
  margin-bottom: 0;
}


/* line satei */
.line_satei_kv {
  display: table;
  padding: 0 16px;
  margin: 0 auto;
  width: 1152px;
}
@media screen and (max-width: 1151px) {
  .line_satei_kv {
    width: 100%;
  }
}

.line_kv_area {
  padding-top: 80px;
  overflow-x: hidden;
}
@media screen and (max-width: 1151px) {
  .line_kv_area {
    padding-top: 0;
  }
}
.line_kv_bg {
  padding: 24px 0 30px 30px;
  margin-left: 8.5%;
  background-color:  var(--bg-green-line);
  width: 100%;
  border-radius: 4px 0 0 4px;
}
@media screen and (max-width: 1151px) {
  .line_kv_bg {
    padding: 28px 0 0;
    margin-left: 0;
    border-radius: 0;
  }
}

.line_kv_ttl-box {
  display: flex;
  align-items: center;
  gap: 21px;
}
@media screen and (max-width: 1151px) {
  .line_kv_ttl-box {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .line_kv_ttl-box {
    flex-wrap: wrap;
    gap: 4px;
  }
}

.line_kv_subttl {
  background-color: var(--bg-white);
  font-size: 3rem;
  color: var(--bg-green-line);
  border-radius: 12px;
  padding: 15px 18px;
  font-weight: 900;
  max-width: 257px;
  width: 100%;
  font-family: var(--font-main);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 1151px) {
  .line_kv_subttl {
    font-size: 2rem;
    padding: 10px 12px;
    max-width: 170px;
    max-height: 50px;
    border-radius: 8px;
  }
}

.line_kv_subttl-num {
  font-family: var(--font-inter);
  font-size: 4.6rem;
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width: 1151px) {
  .line_kv_subttl-num {
    font-size: 3rem;
  }
}

.line_kv_subttl-txt {
  font-family: var(--font-main);
  font-size: 2rem;
  align-self: flex-end;

}
@media screen and (max-width: 1151px) {
  .line_kv_subttl-txt {
    font-size: 1.4rem;
  }
}

.line_kv_ttl {
  color: var(--wh);
}

.line_kv_ttl span:first-child {
  font-family: var(--font-inter);
  font-size: 7rem;
  font-weight: 900;
}
@media screen and (max-width: 1151px) {
  .line_kv_ttl span:first-child {
    font-size: 4.7rem;
  }
}

.line_kv_ttl span:last-child {
  font-family: var(--font-main);
  font-size: 6.4rem;
  font-weight: 700;
}
@media screen and (max-width: 1151px) {
  .line_kv_ttl span:last-child {
    font-size: 4.2rem;
  }
}

.line_kv_img-box  {
  background-image: url(/wp-content/themes/artkaitori/images/line_satei/mv_line-pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 500px;
  border-radius: 4px 0 0 4px;
  padding-top: 38px;
  padding-left: 40px;
  display: flex;
  position: relative;
  margin-top: 17px;
}
@media screen and (min-width: 1441px) {
  .line_kv_img-box {
    justify-content: center;
  }
}
@media screen and (max-width: 1151px) {
  .line_kv_img-box {
    margin-top: 22px;
    justify-content: center;
    padding: 26px 20px 33px;
    overflow: hidden;

  }
}
@media screen and (max-width: 768px) {
  .line_kv_img-box {
    background-image: url(/wp-content/themes/artkaitori/images/line_satei/mv_line-sp.jpg);
    height: unset;
    min-height: 417px;
    width: 100%;
    margin-top: 11px;
  }
}

.line-contact_area .line-contact {
  margin: 0;
  border: none;
  position: relative;
}
@media screen and (max-width: 768px) {
  .line-contact_area .line-contact {
    margin-inline: auto;
    max-width: 500px;
    width: 100%;
    min-height: 357px;
  }
}
@media screen and (max-width: 1151px) {
  .line-contact_area .line-contact::after{
    content: "";
    display: block;
    width: 260px;
    height: 240px;
    aspect-ratio: 166 / 149;
    background-image: url(/wp-content/themes/artkaitori/images/line_satei/smartphone-sp.png);
    background-size: contain;
    position: absolute;
    bottom: -20%;
    right: -32%;
  }
}
@media screen and (max-width: 768px) {
  .line-contact_area .line-contact::after{
    width: 166px;
    height: 149px;
    bottom: -10%;
    right: -15%;
  }
}

.line-contact_smartphone {
  max-width: max(calc(100vw * 502 / 1400), 300px);
  width: 100%;
  align-self: flex-end;
  position: relative;
  bottom: -0.4%;
  right: 0;
}
@media screen and (min-width: 1401px) {
  .line-contact_smartphone {
    max-width: 503px;
    width: 100%;
  }
}
@media screen and (max-width: 1151px) {
  .line-contact_smartphone {
    display: none;
  }
}

.line-contact_smartphone img {
  width: auto;
  object-fit: contain;
}

.line_satei_kv_inner {
  margin: 0 auto;
  padding: 64px 0;
  display: table-cell;
  vertical-align: middle;
  background: url("images/line_satei/bg_kv@2x.jpg") no-repeat 570px 100%;
  background-size: 544px auto;
}
@media screen and (max-width: 1151px) {
  .line_satei_kv_inner {
    padding: 24px 0 280px 0;
    width: 100%;
    background-position: 50% 100%;
    background-size: 320px auto;
  }
}
@media screen and (max-width: 374px) {
  .line_satei_kv_inner {
    padding-bottom: 232px;
    background-size: 285px auto;
  }
}
.line_speech_bubble {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 0 15px 40px;
  padding: 6px 20px 4px;
  border-radius: 4px;
  border: 2px solid #00b900;
  background-color: #00b900;
  color: #ffffff;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.line_speech_bubble::after {
  position: absolute;
  content: "";
  top: 100%;
  right: 15px;
  border: 15px solid transparent;
  border-top: 15px solid #00b900;
  width: 0;
  height: 0;
}
@media screen and (max-width: 1151px) {
  .line_speech_bubble {
    display: block;
    max-width: 270px;
    width: 100%;
    margin: auto auto 20px;
    padding: 4px 10px 4px;
    text-align: center;
    font-size: 1.5rem;
  }
  .line_speech_bubble::after {
    right: 10px;
    border: 12px solid transparent;
    border-top: 12px solid #00b900;
  }
}
@media screen and (max-width: 374px) {
  .line_speech_bubble {
    font-size: 1.5rem;
  }
}
.line_satei_txt01 {
  margin: 0 0 -8px 40px;
  color: #00b900;
  font-size: 3.2rem;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 1151px) {
  .line_satei_txt01 {
    margin-left: 0;
    font-size: 1.8rem;
    text-align: center;
  }
}
.line_satei_ttl {
  margin: 0 0 16px 40px;
  color: #00b900;
  font-size: 6.4rem;
  line-height: 1.4;
  font-weight: bold;
}
@media screen and (max-width: 1151px) {
  .line_satei_ttl {
    margin: 0 0 8px 0;
    font-size: 3.2rem;
    text-align: center;
  }
}
.line_satei_txt02 {
  margin-left: 40px;
  color: #f35448;
  font-size: 2.4rem;
  line-height: 1.4;
}
.line_satei_contact_inner .line_satei_txt02 {
  margin-left: 0;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 1151px) {
  .line_satei_txt02 {
    margin-left: 0;
    font-size: 1.6rem;
    text-align: center;
  }
}
.line_satei {
  margin: 0 32px;
  padding-top: 16px;
  display: flex;
}
.line_satei_contact_inner .line_satei {
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 1151px) {
  .line_satei {
    margin: 0;
    display: block;
  }
}
.line_satei_qr {
  margin: 0 16px;
  width: 132px;
  height: auto;
}
@media screen and (max-width: 1151px) {
  .line_satei_qr {
    display: none;
  }
}
.line_satei_qr img {
  width: 100%;
  height: auto;
}
.line_satei_id {
  margin: 0 16px;
  width: 280px;
  border-radius: 4px;
  border: 2px solid #00b900;
  text-align: center;
  background-color: #ffffff;
}
@media screen and (max-width: 1151px) {
  .line_satei_id {
    margin: 0;
    width: 100%;
  }
}
.line_satei_id dt {
  padding: 10px 16px;
  background-color: #00b900;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .line_satei_id dt {
    padding: 8px 16px;
    font-size: 1.4rem;
  }
}
.line_satei_id dd {
  padding: 16px;
  font-size: 3.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .line_satei_id dd {
    font-size: 1.6rem;
    font-weight: bold;
  }
}
.line_satei_friend {
  margin-bottom: 15px;
  font-size: 3rem;
  padding-top: 32px;
}
.line_satei_friend_br {
  display: none;
}
@media screen and (max-width: 1151px) {
  .line_satei_friend {
    margin-bottom: 15px;
    font-size: 2rem;
  }
  .line_satei_friend_br {
    display: block;
  }
}
.line_satei_kv_inner .contact_to_us_line,
.line_satei_contact_inner .contact_to_us_line {
  display: none;
}
@media screen and (max-width: 1151px) {
  .line_satei_kv_inner .contact_to_us_line,
  .line_satei_contact_inner .contact_to_us_line {
    display: block;
    margin-bottom: 16px;
  }
  .line_satei_kv_inner .contact_to_us_line a,
  .line_satei_contact_inner .contact_to_us_line a {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .line_satei_kv_inner .line_satei .contact_to_us_line a:link,
  .line_satei_kv_inner .line_satei .contact_to_us_line a:visited,
  .line_satei_contact_inner .contact_to_us_line a:link,
  .line_satei_contact_inner .contact_to_us_line a:visited {
    text-decoration: none;
    background-color: #f25449;
  }
  .line_satei_kv_inner .line_satei .contact_to_us_line a:hover,
  .line_satei_kv_inner .line_satei .contact_to_us_line a:active,
  .line_satei_contact_inner .contact_to_us_line a:hover,
  .line_satei_contact_inner .contact_to_us_line a:active {
    text-decoration: none;
    background-color: #ef3f37;
  }
}
.line_satei_sub {
  background-color: #f5f5f5;
}
.line_satei_sub_inner {
  margin: 0 auto;
  padding: 32px 16px;
  width: 1152px;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .line_satei_sub_inner {
    padding: 16px 16px;
    width: 375px;
  }
}
.line_satei_sub_inner::before {
  content: "";
  display: block;
  width: 311px;
  height: 304px;
  background: url("images/line_satei/bg_kv_sub@2x.png") no-repeat center;
  background-size: 311px auto;
  position: absolute;
  bottom: 0;
  left: 40px;
}
@media screen and (max-width: 1151px) {
  .line_satei_sub_inner::before {
    width: 120px;
    height: 117px;
    background-size: 120px auto;
    left: 8px;
  }
}
.line_satei_sub_inner::after {
  content: "";
  display: block;
  width: 135px;
  height: 134px;
  background: url("images/line_satei/fig_balloon@2x.png") no-repeat center;
  background-size: 135px auto;
  position: absolute;
  top: -32px;
  left: 272px;
}
@media screen and (max-width: 1151px) {
  .line_satei_sub_inner::after {
    width: 56px;
    height: 55px;
    background-size: 56px auto;
    top: -16px;
    left: 80px;
  }
}
.line_satei_sub_txt_01 {
  margin-left: 400px;
  width: 491px;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .line_satei_sub_txt_01 {
    margin-left: 112px;
    width: 220px;
    background-size: 220px auto;
  }
}
@media screen and (max-width: 374px) {
  .line_satei_sub_txt_01 {
    width: 180px;
  }
}
.line_satei_sub_txt_01::after {
  content: "";
  display: block;
  width: 127px;
  height: 131px;
  background: url("images/line_satei/icon_hand_sp.svg") no-repeat center;
  background-size: 127px auto;
  position: absolute;
  top: 0;
  right: -48px;
}
@media screen and (max-width: 1151px) {
  .line_satei_sub_txt_01::after {
    width: 56px;
    height: 57px;
    background-size: 56px auto;
    top: -0px;
    right: -20px;
  }
}
@media screen and (max-width: 374px) {
  .line_satei_sub_txt_01::after {
    display: none;
  }
}
.line_satei_sub_txt_01 img {
  width: 100%;
  height: auto;
}
.line_satei_sub_txt_02 {
  background-color: #3dcc3d;
}
.line_satei_sub_txt_02 p {
  margin: 0 auto;
  padding: 24px 16px;
  width: 1152px;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .line_satei_sub_txt_02 p {
    padding: 14px 16px;
    width: 100%;
  }
}
.line_satei_sub_txt_02 p img {
  display: block;
  margin: auto;
  width: 614px;
  height: auto;
  position: absolute;
  top: -12px;
  right: 0;
  left: 0;
}
@media screen and (max-width: 1151px) {
  .line_satei_sub_txt_02 p img {
    top: -6px;
    width: 320px;
  }
}
.line_satei_point {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}
.line_satei_point li {
  padding: 0 16px;
  width: 33.333%;
}
@media screen and (max-width: 1151px) {
  .line_satei_point li {
    width: 100%;
  }
  .line_satei_point li:nth-of-type(n + 2) {
    padding-top: 32px;
  }
}
.line_satei_point_fig {
  margin-bottom: 12px;
}
.line_satei_point_fig img {
  width: 100%;
}
.line_satei_point_txt {
  font-size: 1.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 1151px) {
  .line-contact_area .line-contact_bottom-txtbox{
    padding: 10px 16px;
    margin: 0;
  }
}
@media screen and (max-width: 1151px) {
  .line-contact_area .line-contact_bottom-txt{
    max-width: 400px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .line-contact_area .line-contact_bottom-txt{
    padding-right: 25%;
    max-width: unset;
  }
}

/* LINE ID ボックス ラッパー */
.line-contact_wrapper {
  padding: 0 20px;
  margin-inline: auto;
}

.line-contact {
  max-width: 745px;
  width: 100%;
  border: 1px solid var(--bg-gray-52);
  border-radius: 4px;
  padding: 10px 0 20px;
  margin: 0 auto;
  background-color: var(--bg-white);
}
@media screen and (max-width: 768px) {
  .line-contact {
    padding: 10px;
  }
}

.line-contact_top {
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .line-contact_top {
    padding: 0 4px;
  }
}
.line-contact_top-ttl {
  text-align: center;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 700;
  padding: 17px 5px;
  width: 100%;
  background-color: var(--bg-gray-52);
  color: var(--wh);
  border-radius: 4px 4px 0 0;
  font-family: var(--font-main);
}
@media screen and (max-width: 768px) {
  .line-contact_top-ttl {
    font-size: 2rem;
    padding: 20px 5px;
  }
}

.line-contact_id-box {
  border-radius: 0 0 4px 4px;
  border-top: none;
  background-color: var(--bg-gray-f4);
  text-align: center;
  padding: 26px 5px 30px;
  position: relative;
}

@media screen and (max-width: 600px) {
  .line-contact_id-box{
    padding: 25px 5px 25px 9%;
    text-align: left;
  }
}

.line-contact_id {
  font-family: var(--font-inter);
  font-size: 5rem;
  line-height: 1;
  font-weight: bold;
  color: var(--bg-gray-52);
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .line-contact_id {
    font-size: 3rem;
    display: inline-block;
  }
}


.line-contact_id-qr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 1151px) {
  .line-contact_id-qr {
    right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .line-contact_id-qr {
    width: 70px;
    height: 70px;
  }
}
.line-contact_center {
  display: flex;
  justify-content: center;
  margin-top: 28px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .line-contact_center {
    margin-top: 20px;
  }
}

a.line-contact_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 10px;
  border-radius: 50vh;
  background-color: var(--bg-green-line);
  font-family: var(--font-main);
  color: var(--wh);
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  width: 327px;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
  a.line-contact_btn {
    font-size: 2.2rem;
    padding: 17px 10px;
    width: 284px;
  }
}

a.line-contact_btn > span:first-child {
  font-family: var(--font-inter);
  font-size: 3rem;
  line-height: 1;
  font-weight: 800;
}
@media screen and (max-width: 768px) {
  a.line-contact_btn > span:first-child {
    font-size: 2.6rem;
  }
}

a.line-contact_btn > span:last-child {
  width: 19px;
  height: 16px;
  display: inline-block;
  margin-left: 10px;
  transform: translateX(0px);
  transition: transform 0.3s ease;
}
@media screen and (max-width: 768px) {
  a.line-contact_btn > span:last-child {
    width: 16px;
    height: 13px;
    margin-left: 12px;
  }
}

@media (any-hover: hover) {
  a.line-contact_btn:hover {
    opacity: 0.8;
  }
  a.line-contact_btn:hover > span:last-child {
    transform: translateX(10px);
  }
}

.line-contact_note {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 5px;
  border-radius: 50vh;
  background-color: var(--bg-green-line);
  color: var(--wh);
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  width: 327px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .line-contact_note {
    font-size: 2.2rem;
    padding: 17px 10px;
  }
}

.line-contact_note > a {
  text-decoration: none;
  color: var(--wh);
  font-family: var(--font-main);
}

.line-contact_bottom {
  display: flex;
  margin-top: 38px;
  padding: 0 20px;
}
@media screen and (max-width: 768px) {
  .line-contact_bottom {
    margin-top: 20px;
    padding: 0 ;
  }
}

.line-contact_bottom-img {
  width: 140px;
}
@media screen and (max-width: 768px) {
  .line-contact_bottom-img {
    display: none;
  }
}

.line-contact_bottom-img img {
  border-radius: 4px 0 0 4px;
}

.line-contact_bottom-txtbox {
  max-width: 565px;
  width: 100%;
  background-color: var(--bg-gray-f4);
  padding: 13px 21px 13px 22px;
  color: var(--bg-gray-52);
  border-radius: 0 4px 4px 0;
  font-family: var(--font-main);
  max-height: 93px;
}
@media screen and (max-width: 768px) {
  .line-contact_bottom-txtbox {
    max-width: unset;
    max-height: unset;
    padding: 10px 9px 10px 10px;
  }
}

.line-contact_bottom-txt{
  font-size: 1.8rem;
  line-height: calc(28 / 18);
  font-weight: 400;
  color: var(--txt-bk1a);
}
@media screen and (max-width: 768px) {
  .line-contact_bottom-txt {
    font-size: 1.4rem;
    line-height: calc(26 / 14);
    width: fit-content;
    margin: 0 auto;
  }
}

.line-contact_bottom-txt > span {
  font-weight: 700;
}

.section.section_wide.line_genre_list {
  padding: 120px 0 0;
}
@media screen and (max-width: 768px) {
  .section.section_wide.line_genre_list {
    padding: 48px 0 0;
  }
}

.section.section_wide.line_genre_list .sec_ttl {
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .section.section_wide.line_genre_list .sec_ttl {
    text-align: left;
    word-break: normal;
  }
}

.line_genre_list .txt_box {
  max-width: 794px;
  margin: 50px auto 0;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .line_genre_list .txt_box {
    margin: 30px auto 0;
  }
}

.line_genre_list .txt_box p {
  font-family: var(--font-main);
  font-size: 1.8rem;
  line-height: calc(32 / 18);
  font-weight: 400;
  color: var(--txt-bk1a)
}
@media screen and (max-width: 768px) {
  .line_genre_list .txt_box p {
    font-size: 1.6rem;
    line-height: calc(26 / 16);
  }
}

.line_genre_list .genre_list {
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .line_genre_list .genre_list {
    margin: 40px auto 0;
  }
}

.line_genre_list .genre_list > .genre_list_kaiga {
  background: none;
  background-color: var(--bg-gray-f5);
  margin-bottom: 30px;
  padding: 32px 50px 40px;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list > .genre_list_kaiga {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .line_genre_list .genre_list > .genre_list_kaiga {
    margin-bottom: 20px;
    padding: 20px;
  }
  .line_genre_list .genre_list > .genre_list_kaiga:last-of-type {
    margin-bottom: 0;
  }
}

.line_genre_list .genre_list_kaiga_ttl {
  flex-direction: column;
  margin-bottom: 0;
  max-width: 630px;
  width: 100%;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga_ttl {
    order: 1;
    max-width: unset;
  }
}

.line_genre_list .genre_list_kaiga .genre_list_ttl {
  margin-bottom: 0;
  font-family: var(--font-notoSerif);
  font-size: 3.2rem;
  line-height: calc(56 / 32);
  font-weight: 700;
  color: var(--txt-bk1a);
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga .genre_list_ttl {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .line_genre_list .genre_list_kaiga .genre_list_ttl {
    text-align: left;
    font-size: 2rem;
    line-height: calc(32 / 20);
  }
}

.line_genre_list .genre_list_kaiga_ttl .genre_list_txt{
  margin-left: 0;
  padding-top: 0;
  margin-top: 12px;
  font-size: 1.4rem;
  line-height: calc(28 / 14);
  font-weight: 400;
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  margin-bottom: 0;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga_ttl .genre_list_txt {
    margin-top: 10px;
    line-height: calc(20 / 14);
  }
}

.line_genre_list .genre_list_kaiga_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga_wrapper {
    display: contents;
  }
}

.line_genre_list .genre_list_kaiga .-genre_list_btn.base_btn{
  max-width: 400px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga .-genre_list_btn.base_btn {
    max-width: 745px;
    order: 5;
    margin-top: 20px;
    margin-bottom: 0;
    margin-inline: auto;
  }
}

.line_genre_list .genre_list_kaiga .genre_list_link-txt-pc {
  display: block;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga .genre_list_link-txt-pc {
    display: none;
  }
}
.line_genre_list .genre_list_kaiga .genre_list_link-txt-sp {
  display: none;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga .genre_list_link-txt-sp {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

.line_genre_list .genre_list_kaiga .genre_list_s {
  margin-top: 30px;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_kaiga .genre_list_s {
    margin-top: 20px;
    order: 2;
  }
}

@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_s_slider {
    order: 2;
    width: calc(100vw - 20px);
    margin-right: calc(-1 * (5vw + 16px));
  }
}
.line_genre_list .genre_list_txt_02 {
  padding: 0;
  margin-top: 30px;
  background-color: var(--wh);
  width: 100%;
  border-radius: 0 4px 4px 0;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_txt_02 {
    order: 4;
    padding: 10px;
  }
}

.line_genre_list .genre_list_s_scroll {
  display: none;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_s_scroll {
    display: block;
    order: 3;
    background-color: var(--bg-gray-7e);
    color: var(--wh);
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-main);
    text-align: center;
    padding: 7px 10px;
    border-radius: 4px;
    width: fit-content;
    margin-top: 10px;
  }
}

.line_genre_list .genre_list_txt_02 dt {
  border-radius: 4px;
  background-color: var(--green-008);
  color: var(--wh);
  font-family: var(--font-main);
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  padding: 11px 16px;
  text-align: center;
  border-radius: 4px 0 0 4px;
  margin-right: 0;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_txt_02 dt {
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: calc(18 / 12);
    padding: 8px 10px;
    max-width: 83px;
  }
}

.line_genre_list .genre_list_txt_02 dd {
  padding: 8px 16px;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  font-size: 1.2rem;
  line-height: calc(18 / 12);
  font-weight: 400;
  width: calc(100% - 105px);
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_txt_02 dd {
    font-size: 1.2rem;
    line-height: calc(18 / 12);
    padding: 0;
    margin-top: 10px;
    width: unset;
  }
}

.line_genre_list .genre_list_txt_02 dd p a {
  color: var(--txt-bk1a);
  transition: opacity 0.3s ease;
  text-decoration: underline;
}

@media (any-hover: hover) {
  .line_genre_list .genre_list_txt_02 dd p a:hover {
    opacity: 0.7;
  }
}

.line_genre_list .genre_list_s {
  gap: 25px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  text-align: left;
  margin-top: 18px !important;
}
@media screen and (max-width: 1151px) {
  .line_genre_list .genre_list_s {
    display: flex;
    gap: 0;
  }
}

.line_genre_list .genre_list_s li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.line_genre_list .genre_list_s li:last-of-type {
  grid-column: unset;
}
@media screen and (max-width: 767px){
  .line_genre_list .genre_list_s li {
    max-width: 200px;
  }
}

.line_genre_list .genre_list_s li:last-of-type a .genre_list_s_fig {
  width: 100%;
}


.line_genre_list .genre_list_s li a {
  padding: 10px;
  text-decoration: none;
  color: var(--txt-bk1a);
  transition: opacity 0.3s ease;
  height: auto;
}

.line_genre_list .genre_list_s .genre_list_s_ttl{
  position: relative;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: calc(20 / 14);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 700;
  width: 100%;
}

.line_genre_list .genre_list_s .genre_list_s_ttl::after {
  content: "";
  display: block;
  width: 19px;
  height: 14px;
  background: url("images/line_satei/icon_arrow.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

@media (any-hover: hover) {
  .line_genre_list .genre_list_s li a:hover,
  .line_genre_list .genre_list_s li a:active {
    opacity: 0.7;
  }

  .line_genre_list .genre_list_s li a:hover .genre_list_s_ttl,
  .line_genre_list .genre_list_s li a:active .genre_list_s_ttl {
    text-decoration: underline;
  }
}

.line_genre_list .genre_list_s_fig {
  width: 100%;
}

.line_genre_list .genre_list_s_fig img {
  object-fit: cover;
  aspect-ratio: 180/130;
}

.line_genre_list .genre_list > li .genre_list_txt_02 a {
  display: inline-block;
}


.section.section_wide.line_satei_flow {
  padding: 87px 0 80px;
}
@media screen and (max-width: 1151px) {
  .section.section_wide.line_satei_flow {
    padding: 47px 0;
  }
}

@media screen and (max-width: 768px) {
  .section.section_wide.line_satei_flow .sec_ttl {
    text-align: left;
  }
}

.line_satei_flow_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5%;
  margin-top: 55px;
}
@media screen and (max-width: 1151px) {
  .line_satei_flow_list {
    grid-template-columns: repeat(1, 1fr);
    place-items: center;
    gap: 20px;
    margin-top: 30px;
  }
}

.line_satei_flow_item {
  max-width: 378px;
  width: 100%;
  border: 1px solid var(--bg-green-line);
  padding: 28px 26px 32px;
  position: relative;
  border-radius: 4px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .line_satei_flow_item {
    max-width: 745px;
    padding: 15px 12px 20px;
  }
}

.line_satei_flow_item:not(:last-child)::after {
  content: "";
  display: block;
  width: 9px;
  height: 14px;
  background-image: url(/wp-content/themes/artkaitori/images/line_satei/icon_arrow_r.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5.5%;
}
@media screen and (max-width: 1151px) {
  .line_satei_flow_item:not(:last-child)::after {
    display: none;
  }
}

@media screen and (max-width: 1151px) {
  .line_satei_flow_item_ttl-box {
    display: flex;
    align-items: center;
  }
}

.line_satei_flow_item_ttl {
  position: absolute;
  top: -18px;
  left: -15px;
  background-color: var(--bg-green-line);
  color: var(--wh);
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  font-family: var(--font-inter);
  padding: 4px 12px;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1151px) {
  .line_satei_flow_item_ttl {
    position: static;
  }
}
.line_satei_flow_item_ttl span {
  text-align: center;
  display: block;;
  font-size: 2.8rem;
  line-height: 1;
  margin-top: 4px;
}


@media screen and (max-width: 1151px) {
  .line_satei_flow_item:first-child .line_satei_flow_item_ttl-txt {
    margin-left: 56px;
  }
}
@media screen and (max-width: 1151px) {
  .line_satei_flow_item:nth-child(2) .line_satei_flow_item_ttl-txt {
    margin-left: 41px;
  }
}
@media screen and (max-width: 1151px) {
  .line_satei_flow_item:last-child .line_satei_flow_item_ttl-txt {
    margin-left: 20px;
  }
}

.line_satei_flow_item_ttl-txt {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  color: var(--green-008);
  font-family: var(--font-main);
}

.line_satei_flow_item_img {
  max-width: 235px;
  width: 100%;
  margin: 24px auto 0;
}
@media screen and (max-width: 1151px) {
  .line_satei_flow_item_img {
    max-width: 400px;
    width: calc(235 / 375 * 100vw);
  }
}
.line_satei_flow_item_txt {
  margin-top: 18px;
  font-size: 1.4rem;
  line-height: calc(20 / 14);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .line_satei_flow_item_txt {
    margin-top: 6px;
  }
}

.line_satei_pointup_wrapper {
  background-color: var(--bg-gray-f5);
  padding: 120px 0;
  margin-top: 120px;
}
@media screen and (max-width: 1151px) {
  .line_satei_pointup_wrapper {
    padding: 48px 0;
    margin-top: 48px;
  }
}

.section.section_wide.line_satei_pointup .sec_ttl {
  line-height: calc(62 / 48);
}
@media screen and (max-width: 768px) {
  .section.section_wide.line_satei_pointup .sec_ttl {
    text-align: left;
  }
}

.line_satei_pointup_list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5%;
}
@media screen and (max-width: 1151px) {
  .line_satei_pointup_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
    place-items: center;
    margin-top: 36px;
  }
}

.line_satei_pointup_balloon {
  position: relative;
  border-radius: 10px;
  padding: 16px 24px 18px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 22px;
  max-width: 378px;
  width: 100%;
  background-color: var(--bg);
}
@media screen and (max-width: 1151px) {
  .line_satei_pointup_balloon {
    max-width: 745px;
    width: calc(335 / 375 * 100vw);
    padding: 19px 24px 21px;
    justify-content: center;
  }
}

.line_satei_pointup_item:first-child .line_satei_pointup_balloon {
  --bg: var(--bg-green-line);
}

.line_satei_pointup_item:nth-child(n+2) .line_satei_pointup_balloon {
  --bg: var(--bg-gray-a9);
}

.line_satei_pointup_balloon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-top: 29px solid var(--bg);
  border-bottom: 0;
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
}


.line_satei_pointup_icon {
  width: 30px;
  flex-shrink: 0;
}

.line_satei_pointup_item:nth-child(n+2) .line_satei_pointup_icon {
  width: 22px;
}

@media screen and (max-width: 1151px) {
  .line_satei_pointup_item:nth-child(n+2) .line_satei_pointup_icon {
    width: 24px;
  }
}
.line_satei_pointup_item_txt {
  color: var(--wh);
  font-size: 1.4rem;
  line-height: calc(20 / 14);
  font-family: var(--font-main);
  font-weight: 700;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .line_satei_pointup_item_txt {
    font-size: 1.2rem;
    line-height: 150%;
  }
}

.line_satei_pointup_item_img {
  max-width: 378px;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 1151px) {
  .line_satei_pointup_item_img {
      max-width: 745px;
      width: calc(335 / 375 * 100vw);
    }
  }
.line_satei_pointup_note {
  margin-top: 60px;
  background-color: var(--wh);
  padding: 50px 70px;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .line_satei_pointup_note {
    margin-top: 40px;
    padding: 40px 24px;
  }
}
@media screen and (max-width: 768px) {
  .line_satei_pointup_note {
    margin-top: 40px;
    padding:0;
    background-color: unset;
  }
}

.line_satei_pointup_note_ttl {
  font-size: 2.4rem;
  line-height: calc(30 / 24);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 700;
}

.line_satei_pointup_note_list {
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .line_satei_pointup_note_list {
    margin-top: 20px;
  }
}
.line_satei_pointup_note_item {
  font-size: 1.6rem;
  line-height: calc(24 / 16);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
  display: flex;
}
@media screen and (max-width: 768px) {
  .line_satei_pointup_note_item {
    word-break: normal;
  }
}
.line_satei_pointup_note_item::before {
  content: "・";
  display: block;
  margin-right: 0.5em;
}

/* point */
.point_choice_list li {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .point_choice_list li {
    display: block;
  }
}
.point_choice_list li:nth-of-type(n + 2) {
  padding-top: 32px;
}
@media screen and (max-width: 1151px) {
  .point_choice_list li:nth-of-type(n + 2) {
    padding-top: 24px;
  }
}
.point_choice_fig {
  margin-right: 32px;
  width: 315px;
}
@media screen and (max-width: 1151px) {
  .point_choice_fig {
    margin: 0 0 12px 0;
    width: 100%;
  }
}
.point_choice_fig img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.point_choice_txt {
  flex: 1;
}
.point_choice_txt dt {
  margin-bottom: 10px;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #00824c;
  font-weight: bold;
}
@media screen and (max-width: 1151px) {
  .point_choice_txt dt {
    margin-bottom: 6px;
    font-size: 1.8rem;
  }
}
.point_choice_txt dd {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 1151px) {
  .point_choice_txt dd {
    font-size: 1.4rem;
  }
}
/* beginner */
.beginner_worry {
  padding: 56px;
  border-radius: 4px;
  background-color: #ffffff;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .beginner_worry {
    padding: 24px;
  }
}
.beginner_worry::after {
  content: "";
  display: block;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 40px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -40px;
}
@media screen and (max-width: 1151px) {
  .beginner_worry::after {
    border-width: 24px 20px 0 20px;
    bottom: -24px;
  }
}
.beginner_worry_inner {
  padding-left: 280px;
}
@media screen and (max-width: 1151px) {
  .beginner_worry_inner {
    padding-left: 0;
  }
}
.beginner_worry_inner::before {
  content: "";
  display: block;
  width: 283px;
  height: 348px;
  background: url("images/beginner/fig_worry@2x.png") no-repeat center;
  background-size: 283px auto;
  position: absolute;
  bottom: 0;
  left: 24px;
}
@media screen and (max-width: 1151px) {
  .beginner_worry_inner::before {
    display: none;
  }
}
.beginner_worry_list li {
  margin-bottom: 16px;
  padding: 0 0 0 40px;
  font-size: 2.2rem;
  line-height: 1.4;
  background: url("images/icon_check.svg") no-repeat top left;
  background-size: auto 32px;
}
@media screen and (max-width: 1151px) {
  .beginner_worry_list li {
    margin-bottom: 12px;
    padding-left: 32px;
    font-size: 1.6rem;
    background-size: auto 24px;
  }
}
.beginner_worry_list li:last-of-type {
  margin-bottom: 0;
}
.beginner_solution {
  padding-top: 56px;
  font-size: 3.2rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 1151px) {
  .beginner_solution {
    padding-top: 40px;
    font-size: 2.2rem;
    text-align: left;
  }
}
.voice_list > li {
  margin-bottom: 24px;
  padding: 40px;
  background-color: #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .voice_list > li {
    margin-bottom: 16px;
    padding: 24px;
  }
}
.voice_list > li:last-of-type {
  margin-bottom: 0;
}
.voice_list_inner {
  display: flex;
  align-items: center;
}
.voice_list > li:nth-of-type(even) .voice_list_inner {
  flex-direction: row-reverse;
}
.voice_list_fig {
  width: 216px;
}
@media screen and (max-width: 1151px) {
  .voice_list_fig {
    width: 40%;
  }
}
.voice_list_fig img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.voice_list_txt {
  flex: 1;
  font-size: 2.2rem;
  line-height: 1.6;
}
@media screen and (max-width: 1151px) {
  .voice_list_txt {
    font-size: 1.6rem;
  }
}
.voice_list > li:nth-of-type(odd) .voice_list_txt {
  margin-left: 24px;
}
.voice_list > li:nth-of-type(even) .voice_list_txt {
  margin-right: 24px;
}
.voice_list_txt .voice_profile {
  padding-top: 4px;
  text-align: right;
  font-size: 1.8rem;
  color: #999999;
}
@media screen and (max-width: 1151px) {
  .voice_list_txt .voice_profile {
    font-size: 1.4rem;
  }
}
/* privacy */
.privacy_list {
  margin-left: 24px;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 1151px) {
  .privacy_list {
    font-size: 1.4rem;
  }
}
.privacy_list > li {
  padding-top: 16px;
}
/* sitemap */
.site_map {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 520px;
}
@media screen and (max-width: 1151px) {
  .site_map {
    display: block;
  }
}
.site_map_list {
  width: 50%;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (max-width: 1151px) {
  .site_map_list {
    width: 100%;
  }
  .site_map_list:nth-of-type(n + 2) {
    padding-top: 16px;
  }
}
.site_map_list li:nth-of-type(n + 2),
.site_map_list li > dl dd {
  padding-top: 16px;
}
.site_map_list li > dl > dd {
  margin-left: 32px;
}
.site_map_list li > dl > dd > dl > dd {
  margin-left: 32px;
}
.site_map_list a {
  padding-left: 16px;
  background: url("images/icon_arrow_r_g.svg") no-repeat center left;
}
.section.news_section,
.section.tvcm_section {
  padding: 24px 16px;
}
@media screen and (max-width: 1151px) {
  .section.news_section,
  .section.tvcm_section {
    padding: 16px;
  }
}
.news {
  padding: 32px;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
}
@media screen and (max-width: 1151px) {
  .news {
    padding: 24px;
  }
}
.news_ttl {
  font-size: 2rem;
}
.tvcm {
  display: flex;
  align-items: center;
}
.tvcm_fig {
  margin: 0;
  padding: 0;
  min-width: 256px;
  width: 256px;
}
@media screen and (max-width: 1151px) {
  .tvcm_fig {
    min-width: 40%;
    width: 40%;
  }
}
.tvcm_fig a {
  display: block;
  border-radius: 5px;
}
.tvcm_fig a:link,
.tvcm_fig a:visited {
  border: 1px solid #e1e1e1;
}
.tvcm_fig a:hover,
.tvcm_fig a:active {
  border: 1px solid #08a365;
}
.tvcm_fig img {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: 4px;
}
.tvcm_txt {
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 0 24px;
}
@media screen and (max-width: 1151px) {
  .tvcm_txt {
    width: 60%;
    padding: 0 0 0 16px;
  }
}
.tvcm_ttl {
  font-size: 2rem;
}
@media screen and (max-width: 1151px) {
  .tvcm_ttl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 375px) {
  .tvcm_ttl {
    font-size: 1.4rem;
  }
}
.line_maintenance_header {
  margin: 16px auto;
  padding: 8px 16px;
  width: 1152px;
  border: 2px solid #f25449;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #f25449;
}
@media screen and (max-width: 1151px) {
  .line_maintenance_header {
    margin: 2px auto 0 auto;
    width: 100%;
    border: none;
    border-bottom: 2px solid #f25449;
    border-top: 2px solid #f25449;
  }
}
.line_maintenance_header a:link,
.line_maintenance_header a:visited,
.line_maintenance_header a:hover,
.line_maintenance_header a:active,
.line_maintenance_txt a:link,
.line_maintenance_txt a:visited,
.line_maintenance_txt a:hover,
.line_maintenance_txt a:active {
  color: #f25449;
}
@media screen and (min-width: 1152px) {
  .btn_line_maintenance {
    display: none;
  }
}
@media screen and (max-width: 1151px) {
  .btn_line_maintenance {
    display: block;
    margin: 0 0 12px 0;
    padding: 16px;
    border-radius: 4px;
    background-color: #b0b0b0;
    font-size: 1.6rem;
    text-align: center;
  }
}
.line_maintenance_txt {
  margin: 16px auto;
  padding: 8px 16px;
  width: 100%;
  border: 2px solid #f25449;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #f25449;
}
.artworks_detail {
  margin: 0 192px;
  padding: 0;
  display: flex;
}
@media screen and (max-width: 1151px) {
  .artworks_detail {
    margin: 0;
  }
}
.artworks_detail .artwork_fig {
  margin: 0 32px 0 0;
  padding: 0;
  width: 352px;
}
@media screen and (max-width: 1151px) {
  .artworks_detail .artwork_fig {
    margin: 0 16px 0 0;
    width: 40%;
    height: auto;
    min-height: 112px;
    min-width: 88px;
  }
}
.artworks_detail_txt dl:nth-of-type(n + 2) {
  margin: 0;
  padding: 16px 0 0 0;
}
@media screen and (max-width: 1151px) {
  .artworks_detail_txt dl:nth-of-type(n + 2) {
    padding-top: 8px;
  }
}
.artwork_detail_other dt {
  min-width: 96px;
}
@media screen and (max-width: 1151px) {
  .artwork_detail_other dt {
    min-width: 80px;
  }
}
.breadcrumbs_wrapper {
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
}
.breadcrumbs {
  margin: auto;
  padding: 0 16px;
  width: 1152px;
  line-height: 40px;
}
.breadcrumbs ul {
  display: flex;
  list-style: none;
  justify-content: flex-start;
}
.breadcrumbs li {
  padding-right: 24px;
  font-size: 1.4rem;
  white-space: nowrap;
}
.breadcrumbs li:last-of-type {
  text-overflow: ellipsis;
  overflow: hidden;
}
.breadcrumbs li:not(:last-child) {
  padding-right: 12px;
}
.breadcrumbs li:not(:last-child)::after {
  content: ">";
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 0;
  width: 9px;
  height: 14px;
  color: #cccccc;
}
.breadcrumbs li a:link,
.breadcrumbs li a:visited {
  text-decoration: none;
}
.breadcrumbs li a:hover,
.breadcrumbs li a:active {
  text-decoration: underline;
}
@media screen and (max-width: 1151px) {
  .breadcrumbs {
    width: 100%;
  }
  .breadcrumbs ul {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
  }
  .breadcrumbs li {
    display: inline;
    flex: 0 0 40%;
  }
}

.breadcrumb_list li{
  display: inline-block;
}

.qa_list_answer_table table {
  border-collapse: collapse;
  width: 100%;
}
.qa_list_answer_table table tr th,
.qa_list_answer_table table tr td {
  margin: 0;
  padding: 4px 16px;
  border: 1px solid #e1e1e1;
  line-height: 1.4;
}
.qa_list_answer_table table tr th:nth-of-type(n + 2),
.qa_list_answer_table table tr td:nth-of-type(n + 2) {
  text-align: center;
}
.tag_recommended {
  display: inline-block;
  margin: 0 0 0 4px;
  padding: 4px 16px;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1.4;
  border-radius: 3px;
  background-color: #f25449;
  vertical-align: text-bottom;
}
.comparison_table {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .comparison_table img {
    width: 100%;
    height: auto;
  }
}
.news_section {
  display: flex;
}
@media screen and (max-width: 1151px) {
  .news_section {
    display: block;
  }
}
.news_ttl {
  margin: 0 24px 0 0;
  padding: 16px;
  min-width: 256px;
  width: 256px;
  border: none;
  border-radius: 4px;
  background-color: #00824c;
  color: #ffffff;
  position: relative;
}
@media screen and (max-width: 1151px) {
  .news_ttl {
    margin: 0 0 12px 0;
    padding: 12px 16px;
    width: 100%;
    min-height: auto;
  }
}
.news_ttl_inner {
  display: block;
  width: 145px;
  height: 55px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("images/top/ttl_news@2x.png") no-repeat 0 0;
  background-size: 140px auto;
}
@media screen and (max-width: 1151px) {
  .news_ttl_inner {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    height: auto;
    min-height: auto;
    font-size: 1.6rem;
    text-indent: 0;
    background: none;
    background-size: 0 0;
  }
}
.news_ttl_inner::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 13.9px;
  border-color: transparent transparent transparent #00824c;
  top: 16px;
  right: -12px;
}
@media screen and (max-width: 1151px) {
  .news_ttl_inner::before {
    border-width: 10.4px 6px 0 6px;
    border-color: #00824c transparent transparent transparent;
    top: auto;
    bottom: -10px;
    right: auto;
    left: 16px;
  }
}
.news_text_link {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.6rem;
}
.news_text_link a {
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  position: relative;
  font-weight: 300;
  padding-right: 20px;
}
.news_text_link a:hover {
  opacity: 0.8;
}
.news_text_link a::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 5px;
  margin: auto;
  bottom: 0;
}
@media screen and (max-width: 1151px) {
  .news_text_link {
    position: relative;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
  }
  .news_text_link a {
    font-size: 1.4rem;
    padding-right: 10px;
  }
  .news_text_link a::after {
    right: 0;
  }
}
.news_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.news_list li {
  width: 840px;
}
@media screen and (max-width: 1151px) {
  .news_list li {
    width: 100%;
  }
}
.news_list li a {
  margin: 0;
  padding: 16px;
  display: block;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1151px) {
  .news_list li a {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}
.news_list li:nth-of-type(odd) a {
  background-color: #f5f5f5;
}
.news_list a:hover .news_list_ttl {
  text-decoration: none;
}
.news_list_date {
  margin: 0;
  padding: 0 16px 0 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1151px) {
  .news_list_date {
    display: block;
    padding-right: 0;
    font-size: 1.4rem;
  }
}
.news_list_ttl {
  font-size: 1.6rem;
  color: #555555;
  text-decoration: underline;
}
@media screen and (max-width: 1151px) {
  .news_list_ttl {
    font-size: 1.4rem;
  }
}
.blog_article + .btn_news_back {
  margin-bottom: 80px;
}
@media screen and (max-width: 1151px) {
  .blog_article + .btn_news_back {
    margin-bottom: 40px;
  }
}
.sns_share {
  margin: 0 auto;
  padding: 40px 0 0 0;
}
@media screen and (max-width: 1151px) {
  .sns_share {
    padding-top: 24px;
  }
}
.sns_share_list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.sns_share_list li {
  margin: 0 4px;
  padding: 0;
}
.sns_share_facebook a,
.sns_share_twitter a,
.sns_share_instagram a {
  margin: 0;
  padding: 3px 6px 2px 6px;
  display: block;
  border-radius: 3px;
  color: #ffffff;
  font-weight: bold;
}
.f_ttl .sns_share_facebook a,
.f_ttl .sns_share_twitter a,
.f_ttl .sns_share_instagram a {
  padding: 11px 11px 12px 11px;
}
.sns_share_facebook a::before {
  content: "";
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 14px;
  height: 13px;
  background: url("images/logo_facebook_w@2x.png") no-repeat center;
  background-size: 14px auto;
  vertical-align: text-top;
}
.sns_share_twitter a::before {
  content: "";
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 14px;
  height: 11px;
  background: url("images/logo_twitter_w@2x.png") no-repeat center;
  background-size: 14px auto;
  vertical-align: text-top;
}
.sns_share_instagram a::before {
  content: "";
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 0;
  width: 14px;
  height: 14px;
  background: url("images/logo_instagram_w@2x.png") no-repeat center;
  background-size: 14px auto;
  vertical-align: text-top;
}
.sns_share_facebook a:link,
.sns_share_facebook a:visited,
.sns_share_twitter a:link,
.sns_share_twitter a:visited,
.sns_share_instagram a:link,
.sns_share_instagram a:visited {
  text-decoration: none;
}
.sns_share_facebook a:link,
.sns_share_facebook a:visited {
  background-color: #1877f2;
}
.sns_share_facebook a:hover,
.sns_share_facebook a:active {
  background-color: #1465ce;
}
.sns_share_twitter a:link,
.sns_share_twitter a:visited {
  background-color: #1d9bf0;
}
.sns_share_twitter a:hover,
.sns_share_twitter a:active {
  background-color: #0c7abf;
}
.sns_share_instagram a:link,
.sns_share_instagram a:visited {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.sns_share_instagram a:hover,
.sns_share_instagram a:active {
  background: -webkit-linear-gradient(225deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(225deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.philosophy_inner .philosophy_ttl {
  margin-bottom: 24px;
}
@media screen and (max-width: 1151px) {
  .philosophy_inner .philosophy_ttl {
    font-size: 1.8rem;
  }
}
.philosophy_inner .flow_list_fig {
  width: 356px;
}
@media screen and (max-width: 1151px) {
  .philosophy_inner .philosophy_ttl {
    width: 100%;
  }
}
.philosophy_inner .flow_list_txt {
  flex: 1;
}
.table_01 {
  margin-bottom: 24px;
  border-collapse: collapse;
  width: 100%;
}
.table_01 tr th,
.table_01 tr td {
  margin: 0;
  padding: 4px 16px;
  border: 1px solid #e1e1e1;
  line-height: 1.4;
  text-align: left;
  font-weight: normal;
}
.table_01 tr th.txt_center,
.table_01 tr td.txt_center {
  text-align: center;
}
.table_01 thead tr th {
  background-color: #e1e1e1;
}
.table_01 tr th {
  background-color: #f5f5f5;
  font-weight: normal;
}
.table_01 tr th.txt_bold {
  font-weight: bold;
}
/***************************************/
/*	adjust
=======================================*/
.fw_bold {
  font-weight: bold;
}
.txt_red {
  color: #f25449;
}
.txt_liner {
  background: linear-gradient(transparent 60%, #fff070 40%);
}
.btn_b {
  padding-top: 48px;
}
@media screen and (max-width: 1151px) {
  .btn_b {
    padding-top: 24px;
  }
}
.btn_b a,
.btn_b input {
  margin: 0 auto;
  padding: 16px;
  display: block;
  width: 552px;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.4;
  border-radius: 4px;
  color: #ffffff;
  text-decoration: none;
  position: relative;
}
.btn_b a::after,
.btn_b input::after {
  content: "";
  display: block;
  margin: auto;
  width: 11px;
  height: 21px;
  background: url("images/icon_arrow_r_w.svg") no-repeat center;
  background-size: 11px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
}
@media screen and (max-width: 1151px) {
  .btn_b a,
  .btn_b input {
    width: 100%;
    font-size: 1.8rem;
    position: relative;
  }
  .btn_b a::after,
  .btn_b input::after {
    content: "";
    display: block;
    margin: auto;
    width: 9px;
    height: 16px;
    background: url("images/icon_arrow_r_w.svg") no-repeat center;
    background-size: 9px auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
  }
}
.btn_green a:link,
.btn_green a:visited,
.btn_green input {
  background-color: #08a365;
}
.btn_green a:hover,
.btn_green a:active,
.btn_green input:hover,
.btn_green input:active {
  background-color: #00824c;
}
.btn_red a:link,
.btn_red a:visited,
.btn_red input {
  background-color: #f25449;
}
.btn_red a:hover,
.btn_red a:active,
.btn_red input:hover,
.btn_red input:active {
  background-color: #ef3f37;
}
.col_set {
  display: flex;
  flex-wrap: wrap;
}
.col_set .col {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 16px;
  position: relative;
}
.col_no_pd {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -16px;
}
@media screen and (min-width: 1152px) {
  .pc_none {
    display: none;
  }
  .l_col_02 .col {
    width: 50%;
  }
  .l_col_03 .col {
    width: 33.3333%;
  }
  .l_col_04 .col {
    width: 25%;
  }
  .l_col_05 .col {
    width: 20%;
  }
}
@media screen and (max-width: 1151px) {
  .sp_none {
    display: none;
  }
  .s_col_01 .col {
    width: 100%;
  }
  .s_col_02 .col {
    width: 50%;
  }
}
@media screen and (max-width: 374px) {
  .s_col_02 .col {
    width: 100%;
  }
}
.ls_none {
  list-style: none;
}
.txt_center {
  text-align: center;
}
.txt_left {
  text-align: left;
}
.txt_right {
  text-align: right;
}
.txt_lead {
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (max-width: 1151px) {
  .txt_lead {
    text-align: left;
    margin-bottom: 24px;
  }
}
.pd_t_10 {
  padding-top: 10px;
}
.pd_t_16 {
  padding-top: 16px;
}
.pd_t_32 {
  padding-top: 32px;
}
.pd_t_48 {
  padding-top: 48px;
}
.mrg_b_16 {
  margin-bottom: 16px;
}
.mrg_b_32 {
  margin-bottom: 32px;
}
.mrg_b_48 {
  margin-bottom: 48px;
}
.fs_18,
.txt_box .fs_18,
.txt_fig_box .fs_18 {
  font-size: 1.8rem;
}
.fs_24,
.txt_box .fs_24,
.txt_fig_box .fs_24 {
  font-size: 2.4rem;
}
/***************************************/
/*	clear fix
=======================================*/
.blog_article_inner:after,
.txt_fig_box_inner:after {
  content: "";
  display: block;
  clear: both;
}
/***************************************/
/*	print css
=======================================*/
@media print {
  body {
    zoom: 100%;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* webp jisseki */
.webp .lazyloaded#kusama_yayoi_jisseki {
  background-image: url("images/top/pumpkin.webp");
}
.no-webp .lazyloaded#kusama_yayoi_jisseki {
  background-image: url("images/top/pumpkin.jpg");
}
.webp .lazyloaded#ogisu_takanori_jisseki {
  background-image: url("images/top/minato_machi.webp");
}
.no-webp .lazyloaded#ogisu_takanori_jisseki {
  background-image: url("images/top/minato_machi.jpg");
}
.webp .lazyloaded#keith_haring_jisseki {
  background-image: url("images/top/popshop1.webp");
}
.no-webp .lazyloaded#keith_haring_jisseki {
  background-image: url("images/top/popshop1.jpg");
}
.webp .lazyloaded#fujita_tsuguharu_jisseki {
  background-image: url("images/top/shiroineko.webp");
}
.no-webp .lazyloaded#fujita_tsuguharu_jisseki {
  background-image: url("images/top/shiroineko.jpg");
}
.webp .lazyloaded#pablo_picasso_jisseki {
  background-image: url("images/top/souzou-no-nakano-shouzou.webp");
}
.no-webp .lazyloaded#pablo_picasso_jisseki {
  background-image: url("images/top/souzou-no-nakano-shouzou.jpg");
}
.webp .lazyloaded#higashiyama_kaii_jisseki {
  background-image: url("images/top/michi.webp");
}
.no-webp .lazyloaded#higashiyama_kaii_jisseki {
  background-image: url("images/top/michi.jpg");
}
.webp .lazyloaded#munakata_shiko_jisseki {
  background-image: url("images/top/taigan-no-saku.webp");
}
.no-webp .lazyloaded#munakata_shiko_jisseki {
  background-image: url("images/top/taigan-no-saku.jpg");
}
.webp .lazyloaded#sakaida_kakiemon_jisseki {
  background-image: url("images/top/nigorite-sakuramon-kabin.webp");
}
.no-webp .lazyloaded#sakaida_kakiemon_jisseki {
  background-image: url("images/top/nigorite-sakuramon-kabin.jpg");
}
.webp .lazyloaded#tokuda_yasokichi_jisseki {
  background-image: url("images/top/yousai-magarimon-bin.webp");
}
.no-webp .lazyloaded#tokuda_yasokichi_jisseki {
  background-image: url("images/top/yousai-magarimon-bin.jpg");
}
/* webp　kyoka-artist */
.webp .lazyloaded#kataoka_tamako_artwork_fig {
  background-image: url("images/top/kataoka_tamako.webp");
}
.no-webp .lazyloaded#kataoka_tamako_artwork_fig {
  background-image: url("images/top/kataoka_tamako.jpg");
}
.webp .lazyloaded#hayashi_takeshi_artwork_fig {
  background-image: url("images/top/hayashi_takeshi.webp");
}
.no-webp .lazyloaded#hayashi_takeshi_artwork_fig {
  background-image: url("images/top/hayashi_takeshi.jpg");
}
.webp .lazyloaded#togo_seiji_artwork_fig {
  background-image: url("images/top/togo_seiji.webp");
}
.no-webp .lazyloaded#togo_seiji_artwork_fig {
  background-image: url("images/top/togo_seiji.jpg");
}
.webp .lazyloaded#ogisu_takanori_artwork_fig {
  background-image: url("images/top/ogisu_takanori.webp");
}
.no-webp .lazyloaded#ogisu_takanori_artwork_fig {
  background-image: url("images/top/ogisu_takanori.jpg");
}
.webp .lazyloaded#bernard_buffet_artwork_fig {
  background-image: url("images/top/bernard_buffet.webp");
}
.no-webp .lazyloaded#bernard_buffet_artwork_fig {
  background-image: url("images/top/bernard_buffet.jpg");
}
.webp .lazyloaded#pablo_picasso_artwork_fig {
  background-image: url("images/top/pablo_picasso.webp");
}
.no-webp .lazyloaded#pablo_picasso_artwork_fig {
  background-image: url("images/top/pablo_picasso.jpg");
}
.webp .lazyloaded#kusama_yayoi_artwork_fig {
  background-image: url("images/top/kusama_yayoi.webp");
}
.no-webp .lazyloaded#kusama_yayoi_artwork_fig {
  background-image: url("images/top/kusama_yayoi.jpg");
}
.webp .lazyloaded#shinoda_toko_artwork_fig {
  background-image: url("images/top/shinoda_toko.webp");
}
.no-webp .lazyloaded#shinoda_toko_artwork_fig {
  background-image: url("images/top/shinoda_toko.jpg");
}
.webp .lazyloaded#sasakura_teppei_artwork_fig {
  background-image: url("images/top/sasakura_teppei.webp");
}
.no-webp .lazyloaded#sasakura_teppei_artwork_fig {
  background-image: url("images/top/sasakura_teppei.jpg");
}
.empty_section {
  height: 80px;
}
/*--------------------------------------------------------------
# form load spinner
--------------------------------------------------------------*/
#gard {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  opacity: 0.5;
  visibility: hidden;
  z-index: 100;
}
#gard img {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
}
.wp-caption-text {
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

.display_none {
  display: none;
}
/*--------------------------------------------------------------
# back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, background-color 0.3s;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.back-to-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background-color: white;
  transform: translate(-50%, -50%);
}

.back-to-top::after {
  content: "";
  position: absolute;
  top: 35%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (hover: hover) and (pointer: fine) {
  .back-to-top:hover {
    background-color: rgba(0, 0, 0, 1);
  }
}

.back-to-top:active {
  background-color: rgba(0, 0, 0, 1);
}
/*--------------------------------------------------------------
# cta button
--------------------------------------------------------------*/
.pc-cta-btn {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 16px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
  z-index: 10000;
}
.pc-cta-btn.show {
  opacity: 1;
  visibility: visible;
}
.pc-cta-btn .cta-btn {
  width: 40px;
  padding: 16px 10px;
  color: white;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
  font-weight: 300;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-decoration: none;
  border-radius: 5px 0px 0px 5px;
}
.pc-cta-btn .cta-btn.mail {
  background: #006C9E;
}
.pc-cta-btn .cta-btn.mail:hover {
  background: #005a84;
}
.pc-cta-btn .cta-btn.line {
  background: #06C755;
}
.pc-cta-btn .cta-btn.line:hover {
  background: #05b34c;
}
.pc-cta-btn .cta-btn.line span {
  letter-spacing: 0;
}
.pc-cta-btn .cta-btn.tel {
  background: #363636;
  pointer-events: auto !important;
}
.pc-cta-btn .cta-btn.tel:hover {
  background: #555;
}
.pc-cta-btn .cta-btn::before {
  content: "";
  display: inline-block;
  margin: 0 0px 4px 2px;
  padding: 0;
  color: white;
  width: 17px;
  height: 17px;
}
.pc-cta-btn .cta-btn.mail::before {
  background: url(images/icon_mail.svg) no-repeat bottom;
  background-size: 17px auto;
}
.pc-cta-btn .cta-btn.line::before {
  background: url(images/icon_line.svg) no-repeat bottom;
  background-size: 17px auto;
}
.pc-cta-btn .cta-btn.tel::before {
  background: url(images/icon_tel.svg) no-repeat bottom;
  background-size: 17px auto;
}
@media (max-width: 1151px) {
  .pc-cta-btn {
    display: none;
  }
}

.splide:not(.splide_on) {
  visibility: initial;
}

/* 美術品コラム内CTA調整 */
.column_article .contact_to_us {
  padding: 0;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 4px;
}
.column_article .contact_to_us_inner {
  margin: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.65);
}
.column_article .contact_to_us h2 {
  margin: 0;
  margin-bottom: 32px;
  font-size: 2.4rem;
  line-height: 1.6;
  text-align: center;
  position: relative;
  z-index: 5;
  border-bottom: 0;
  padding: 0;
}
.column_article .contact_to_us h2::before {
  content: none;
}
.blog_article_inner .contact_to_us ul {
  margin-left: 0;
}
.blog_article_inner .contact_to_us ul li {
  margin-bottom: 0;
}
@media screen and (max-width: 1151px) {
  .column_article .contact_to_us {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .column_article .contact_to_us_inner {
    padding: 32px 8px;
  }
  .column_article .contact_to_us h2 {
    margin-bottom: 16px;
    font-size: 1.5rem;
  }
}
/* ART_ALL-41 contact_to_us_small スマホ用スタイル（高さコンパクト調整） */
@media screen and (max-width: 1151px) {
  .contact_to_us_small .contact_to_us_inner {
    padding: 24px 8px;
  }
  .contact_to_us_small .contact_to_us_ttl {
    display: none;
  }
  .contact_to_us_small .contact_to_us_freecall_txt {
    display: none;
  }
  .contact_to_us_small a.contact_to_us_freecall_flex {
    padding: 6px 0;
  }
  .contact_to_us_small .contact_to_us_satei a,
  .contact_to_us_small .contact_to_us_line a {
    padding: 6px 0;
  }
}

/* ART_ALL-413 県ごとの支社担当切替について注釈追加 */
.office_caution {
  margin-top: 16px;
  font-size: 1.3rem;
  line-height: 1.8;
}


/************************************************
/* 安心して利用できる理由
************************************************/
.benefits_area {
  background: var(--bg-gradient-gray);
  padding: 120px 0;
  font-family: var(--font-notoSerif);
  color: var(--txt-bk1a);
}
@media screen and (max-width:1151px) {
  .benefits_area {
    padding: 56px 0 48px;
  }
}

.benefits_areaInner {
  max-width: calc(927px + 38.5px * 2);
  width: 100%;
  margin-inline: auto;
  padding: 0 38.5px;
}
@media screen and (max-width:1151px) {
  .benefits_areaInner {
    padding: 0 16px;
  }
}

.benefits_areaList {
  margin-top: 130px;
  max-width: 928px;
  width: 100%;
}
@media screen and (max-width:1151px) {
  .benefits_areaList {
    margin-top: 40px;
  }
}

.benefits_areaItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width:1151px) {
  .benefits_areaItem {
    flex-direction: column;
  }
}

.benefits_areaItem.benefits_areaItem_reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width:1151px) {
  .benefits_areaItem.benefits_areaItem_reverse {
    flex-direction: column;
  }
}

.benefits_areaItem+.benefits_areaItem {
  margin-top: 118px;
}
@media screen and (max-width:1151px) {
  .benefits_areaItem+.benefits_areaItem {
    margin-top: 70px;
  }
  .benefits_areaItem:last-of-type {
    margin-top: 40px;
  }
}

.benefits_itemWrapper {
  max-width: 400px;
  width: 100%;
}
@media screen and (max-width:1151px) {
  .benefits_itemWrapper {
    max-width: 400px;
  }
}
@media screen and (max-width:1151px) {
  .benefits_itemWrapper {
    max-width: 400px;
  }
}

.benefits_item {
  text-align: center;
}

.benefits_item_first {
  background-image: url('images/beginner/bg_benefits_01.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 400px;
  max-height: 400px;
  width: 400px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width:768px) {
  .benefits_item_first {
    max-width: 320px;
    width: 100%;
    max-height: 320px;
    margin: 0 auto;
  }
}

.benefits_item_top {
  font-family: var(--font-main);
  color: var(--txt-bk74);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: calc(33.3/ 25);
}
@media screen and (max-width:768px) {
  .benefits_item_top {
    font-size: 2rem;
  }
}

@media screen and (max-width:768px) {
  .benefits_item_second .benefits_item_top {
    font-size: 1.6rem;
  }
}

.benefits_item_center {
  color: var(--txt-bk74);
  font-size: 3.2rem;
  font-weight: 400;
  font-family: var(--font-main);
  margin-top: 10px;
  margin-inline: auto;
}
@media screen and (max-width:768px) {
  .benefits_item_center {
    font-size: 2rem;
    margin-top: 8px;
  }
}

.benefits_item_center > span {
  color: var(--green-008);
  font-size: 7.2rem;
  font-family: var(--font-inter);
  font-weight: 700;
  padding-right: 4px;
}
@media screen and (max-width:768px) {
  .benefits_item_center > span {
    font-size: 4.6rem;
  }
}

.benefits_item_bottom {
  color: var(--txt-bk74);
  color: var(--txt-bk74);
  font-size: 3.2rem;
  font-family: var(--font-main);
  font-weight: 400;
  margin-inline: auto;
  margin-top: 8px;
}
@media screen and (max-width:768px) {
  .benefits_item_bottom {
    font-size: 2rem;
  }
}

.benefits_item_bottom > span {
  color: var(--green-008);
  font-size: 7.2rem;
  font-family: var(--font-inter);
  font-weight: 700;
  line-height: 1;
  padding: 0 4px;
  margin-top: -4px;
}
@media screen and (max-width:768px) {
  .benefits_item_bottom > span {
    font-size: 4.6rem;
  }
}

.benefits_itemBody {
  max-width: 456px;
  width: 100%;
}
@media screen and (max-width:1151px) {
  .benefits_itemBody {
    margin-top: 24px;
  }
}

.benefits_itemBody_ttl {
  font-size: 3.2rem;
  line-height: calc(56 / 32);
  font-weight: 700;
}
@media screen and (max-width:1151px) {
  .benefits_itemBody_ttl {
    font-size: 2rem;
    text-align: center;
  }
}

.benefits_itemBody_txt {
  font-size: 1.8rem;
  line-height: calc(26 / 18);
  font-weight: 400;
  margin-top: 32px;
  font-family: var(--font-main);
}
@media screen and (max-width:1151px) {
  .benefits_itemBody_txt {
    font-size: 1.6rem;
    margin-top: 16px;
  }
}

.benefits_item_en {
  max-width: 223px;
  width: 100%;
  margin-inline: auto;
  margin-top: 22px;
}
@media screen and (max-width:768px) {
  .benefits_item_en {
    max-width: 142px;
    margin-top: 14px;
  }
}

.benefits_item_list {
  margin-inline: auto;
  margin-top: 19px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width:1151px) {
  .benefits_item_list {
    margin-top: 12px;
    gap: 10px;
  }
}

.benefits_item_list li {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 700;
  font-family: var(--font-main);
  color: var(--txt-bk74);
  width: 83px;;
  height: 83px;
  background-color: var(--bg-greene6e);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width:768px) {
  .benefits_item_list li {
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-main);
    color: var(--txt-bk74);
    width: 52px;;
    height: 52px;
  }
}

.benefits_itemBody_txt_small {
  font-size: 1.4rem;
  line-height: calc(20 / 14);
  font-weight: 400;
  margin-top: 8px;
  font-family: var(--font-main);
}

.benefits_fig {
  width: 100%;
}
@media screen and (max-width:768px) {
  .benefits_fig {
    max-width: 255px;
    margin-inline: auto;
  }
}

/* 買取の流れ*/
.flow_kaitori_area .sec_ttl {
  padding-top: 80px;
  padding-bottom: 56px;
}

@media screen and (max-width:1151px) {
  .flow_kaitori_area .sec_ttl {
    padding-top: 48px;
    padding-bottom: 40px;
  }
}

/* ============================================================================
  作家一覧　artists_list_area
============================================================================ */
:root {
  /* PC: ゆっくり */
  --acc-pc-open: 520ms;
  --acc-pc-close: 480ms;
  /* SP: 親→子の順で開く（現状維持） */
  --acc-sp-parent-open: 220ms;
  --acc-sp-parent-close: 200ms;
  --acc-sp-sub-open: 300ms;
  --acc-sp-sub-close: 260ms;

  /* 共通（線形） */
  --acc-ease: cubic-bezier(0, 0, 1, 1);
}

.section_wide.artists_list_area {
  padding: 120px 0 0;
}
@media screen and (max-width:768px) {
  .section_wide.artists_list_area {
    padding: 48px 16px 30px;
    width: 100%;
  }
}
.section_wide.artists_list_area .sec_ttl {
  margin-bottom: 48px;
}
@media screen and (max-width:1151px) {
  .section_wide.artists_list_area .sec_ttl {
    margin-bottom: 32px;
  }
}

.artists_group {
  border-top: 1px solid #e3e3e3;
}
@media screen and (max-width:768px) {
  .artists_group {
    background-color: var(--bg-gray-f5);
  }
}

.artists_group + .artists_group{
  margin-top: 30px;
}
@media screen and (max-width:768px) {
  .artists_group + .artists_group {
    margin-top: 20px;
  }
}

.artists_group.artists_group_other {
  background-color: var(--bg-gray-f5);
}

.artists_list_area .artists_name {
  flex-direction: column;
}

/* 小見出しの中身 */
.artists_name.artists_subgroup:nth-of-type(n + 2) {
  margin-top: 0;
  padding-top: 0;
  border-top:0;
}
@media screen and (max-width:768px) {
  .artists_name.artists_subgroup:nth-of-type(n + 2) {
    margin-top: 10px ;
  }
}

/**大見出し　ボタン**/
.artists_group_btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 20px 30px;
  font-size: 1.6rem;
  line-height: 1;
  background: var(--green-008);
  border: 0;
  cursor: pointer;
  color: var(--wh);
  border-radius: 2px;
  font-family: var(--font-main);
  font-weight: 700;
  position: relative;
}
@media screen and (max-width:768px) {
  .artists_group_btn {
    padding: 20px 16px;
  }
}

/**大見出し　ボタンアイコン**/
.artists_group_btn_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: 35px;
  height: 35px;
  display: block;
}
@media screen and (max-width:768px) {
  .artists_group_btn_icon {
    right: 10px;
  }
}

.artists_group_btn_icon::before,
.artists_group_btn_icon::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1px;
  background-color: var(--wh);
  transition: transform 0.3s cubic-bezier(0, 0, 1, 1),
  opacity 0.3s cubic-bezier(0, 0, 1, 1);
}

.artists_group_btn_icon::before {
  width: 15px;
  height: 2px;
}

.artists_group_btn_icon::after {
  width: 2px;
  height: 15px;
}

.artists_group_btn[aria-expanded="true"] {
  background: var(--green-008);
}

@media screen and (max-width:768px) {
  .artists_group_btn_icon--sub::before,
  .artists_group_btn_icon--sub::after {
    transition:
      transform 240ms cubic-bezier(0, 0, 1, 1),
      opacity   240ms cubic-bezier(0, 0, 1, 1);
      display: block;
  }
}

/*小見出し　ボタンアイコン*/
@media screen and (max-width:768px) {
  .artists_sub_dt .artists_group_btn_icon--sub {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: block;
    pointer-events: none;
    color: currentColor;
  }
}

.artists_sub_dt .artists_group_btn_icon--sub::before,
.artists_sub_dt .artists_group_btn_icon--sub::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 1px;
  background-color: currentColor;
  transform: translate(-50%, -50%);
  transition:
    transform 240ms cubic-bezier(0, 0, 1, 1),
    opacity   240ms cubic-bezier(0, 0, 1, 1);
}

.artists_sub_dt .artists_group_btn_icon--sub::before {
  width: 12px;
  height: 2px;
}

.artists_sub_dt .artists_group_btn_icon--sub::after {
  width: 2px;
  height: 12px;
  opacity: 1;
}

/* 大見出し　ボタンアイコン 回転*/
.artists_group_btn[aria-expanded="true"] .artists_group_btn_icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
/*小見出し　ボタンアイコン 回転*/
.artists_sub_dt[aria-expanded="true"] .artists_group_btn_icon--sub::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

/**小見出し　**/
.artists_list_area .artists_sub_dt {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid var(--bg-gray-a9);
  font-size: 1.6rem;
  color: var(--txt-bk4a);
  line-height: 1;
  padding: 30px 0 14px;
  font-weight: 700;
  font-family: var(--font-main);
  cursor: default;
}
@media screen and (max-width:768px) {
  .artists_list_area .artists_sub_dt {
    color: var(--wh);
    background: var(--green-61a);
    padding: 16.5px 16px;
    width: 93%;
    margin: 0 auto;
    border-radius: 2px;
    cursor: pointer;
    touch-action: auto;
  }
}

.artists_list_area .artists_name dt {
  position: relative;
  padding: 0 2.5%;
  background-color: var(--bg-gray-f5);
  border-radius: 0;
  margin-right: 0;
  font-size: 1.6rem;
  color: var(--txt-bk1a);
}
@media screen and (max-width:768px) {
  .artists_list_area .artists_name dt {
    padding: 0;
  }
}

@media screen and (max-width:768px) {
  .artists_list_area .artists_name dt + .artists_list_area .artists_name dt {
    margin-top: 20px;
  }
}

.artists_list_area .artists_name dd {
  flex: 1;
  background-color: var(--bg-gray-f5);
  padding-bottom: 30px;
}
@media screen and (max-width:768px) {
  .artists_list_area .artists_name dd {
    padding-bottom: 0px;
  }
}

/* 中身リスト（余白は内側で付与） */
.artists_list_area .artists_name_list {
  list-style: none;
  gap: 10px;
  max-width: 1140px;
  width: 100%;
  margin: 26px auto 0;
  display: grid;
  place-items: center;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
@media screen and (max-width:768px) {
  .artists_list_area .artists_name_list {
    grid-template-columns: repeat(2, minmax(146px, 1fr));
    gap: 7px;
    margin: 14px auto 0;

  }
}
@media screen and (max-width:374px) {
  .artists_list_area .artists_name_list {
    grid-template-columns: repeat(2,1fr);
  }
}

.artists_name.artists_subgroup:last-of-type  {
  padding-bottom: 10px;
}
@media screen and (max-width:768px) {
  .artists_name.artists_subgroup:last-of-type  {
    padding-bottom: 0px;
  }
}

.artists_list_area .artists_name_list li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  width: 100%;
  display: grid;
  height: 100%;
  background-color: var(--bg-gray-ee);
}

.artists_list_area .artists_name_list li a{
  font-size: 1.6rem;
  line-height: calc(24/16);
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  background-color: var(--bg-gray-ee);
  border-radius: 2px;
  padding: 14px 10px;
  display: block;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width:768px) {
  .artists_list_area .artists_name_list li a {
    padding: 12.5px 4px;
    font-size: 1.4rem;
  }
}
@media (any-hover: hover) {
  .artists_list_area .artists_name_list li  a:hover {
    background-color: var(--green-008);
    text-decoration: underline;
    color: var(--wh);
  }
}

.artists_list_area .artists_name_list li  a span {
  margin-top: 4px;
  font-size: 1.1rem;
  line-height: calc(16/11);
}
@media screen and (max-width:768px) {
  .artists_list_area .artists_name_list li a span {
    font-size: 1rem;
  }
}

/* 大見出しパネル */
.artists_group_panel {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition-property: max-height;
  transition-duration: var(--acc-pc-open);
  transition-timing-function: var(--acc-ease);
  overflow-anchor: none;
}

/* SP時は親（行パネル）の速度をSP用に切替 */
@media (max-width: 768px) {
  .artists_group_panel {
    transition-duration: var(--acc-sp-parent-open);
  }
}

.artists_name .artists_group_btn_icon--sub {
  display: none;
}
@media screen and (max-width:768px) {
  .artists_name .artists_group_btn_icon--sub {
    right: 10px;
    display: block;
    cursor: pointer;
    background-color: var(--green-008);
  }
}

/* 小見出しの中身（子パネル） */
.artists_list_area .artists_sub_panel {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition-property: max-height;
  transition-duration: var(--acc-sp-sub-open);
  transition-timing-function: var(--acc-ease);
  overflow-anchor: none;
  padding: 0 2.5%;
}
@media screen and (max-width:768px) {
  .artists_list_area .artists_sub_panel {
    width: 93%;
    margin: 0 auto;
    padding: 0 10px 10px;
    background-color: white;
  }
}

@media (max-width: 768px) {
  .artists_group_panel > .artists_subgroup:first-child {
    margin-top: 20px;
  }

  .artists_group_panel > .artists_subgroup:last-child {
    margin-bottom: 16px;
  }
}

/* 「他」ブロック（サブ見出しなしで直表示） */
.artists_other_panel {
  padding: 0 2.5% 30px;
}

@media (max-width: 768px) {
  .artists_other_panel {
    width: 93%;
    margin: 0 auto;
    padding: 0 2.5% 10px;
  }
}

/* 動きを弱めたいユーザー */
@media (prefers-reduced-motion: reduce) {
  .artists_group_panel,
  .artists_sub_panel {
    transition-duration: 1ms;
  }
}


/****************************
/ 買取実績　
****************************/

.section.section_wide.kaitori_jisseki {
  padding: 115px 0 0;
}
@media screen and (max-width:1151px) {
  .section.section_wide.kaitori_jisseki {
    padding: 48px 16px 0;
  }
}

.kaitori_jisseki_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 75px;
}
@media screen and (max-width:1151px) {
  .kaitori_jisseki_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 35px;
    max-width: 800px;
    margin: 0 auto;
  }
}
@media screen and (max-width:768px) {
  .kaitori_jisseki_list {
    max-width: 700px;
    gap: 40px 30px;
  }
}
@media screen and (max-width:600px) {
  .kaitori_jisseki_list {
    grid-template-columns: repeat(1, 1fr);
    width: 91.7%;
  }
}


.section.section_wide.kaitori_jisseki .kaitori_jisseki_item {
  position: relative;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.section.section_wide.kaitori_jisseki .kaitori_jisseki_item > a.kaitori_jisseki_item_link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}


.section.section_wide.kaitori_jisseki .artwork_new {
  left: -9px;
  top: -16px;
  background-color: var(--txt-red);
  font-size: 2.2rem;
  border-radius: 0;
  line-height: 1;
  padding: 5.5px 15.5px;
  font-family: var(--font-main);
  font-weight: 700;
  letter-spacing: 0.09em;
}

@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_new {
    left: -9px;
    top: -12px;
  }
}

.section.section_wide.kaitori_jisseki .artwork_new::after {
  display: none;
}

.section.section_wide.kaitori_jisseki .artwork_fig {
  height: 350px;
  height: unset;
  aspect-ratio: 1/1;
  border-radius: 0;
}
@media screen and (max-width:1151px) {
  .section.section_wide.kaitori_jisseki .artwork_fig {
    /* height: 300px; */
    width: 100%;
  }
}
@media screen and (max-width:600px) {
  .section.section_wide.kaitori_jisseki .artwork_fig {
    aspect-ratio: 280/300;
    height: unset;
  }
}

.section.section_wide.kaitori_jisseki .artwork_detail{
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width:1151px) {
  .section.section_wide.kaitori_jisseki .artwork_detail {
    width: 100%;
  }
}


.section.section_wide.kaitori_jisseki .artwork_detail_artists {
  padding: 0;
  font-size: 3.2rem;
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 700;
  line-height: calc(38/32);
}
@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_detail_artists {
    font-size: 2.4rem;
  }
}

.section.section_wide.kaitori_jisseki .artwork_detail_name {
  padding: 0;
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
  font-size: 2rem;
  line-height: calc(28/20);
  margin-top: 8px;
}
@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_detail_name {
    font-size: 1.8rem;
  }
}

.section.section_wide.kaitori_jisseki .artwork_detail_price {
  padding: 0;
  margin-top: 8px;
  gap: 8px;
}

.section.section_wide.kaitori_jisseki .artwork_detail_price dt {
  padding: 0;
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: calc(24/16);
}

@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_detail_price dt {
    font-size: 1.4rem;
    line-height: calc(20/14);
  }
}

.section.section_wide.kaitori_jisseki .artwork_detail_price dt::after {
  display: none;
}

.section.section_wide.kaitori_jisseki .artwork_detail_price dd {
  padding: 0;
  color: var(--txt-red);
  font-family: var(--font-main);
  font-weight: 700;
  font-size: 3.2rem;
  line-height: calc(38/32);
}
@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_detail_price dd {
    font-size: 2.4rem;
    line-height: calc(30/24);
  }
}

.section.section_wide.kaitori_jisseki .artwork_detail_price dd .contact {
  line-height: 1;
  display: block;
}

.section.section_wide.kaitori_jisseki .artwork_detail_tag {
  margin: 8px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.section.section_wide.kaitori_jisseki .artwork_detail_tag li {
  margin: 0;
  padding: 4px 15px;
  line-height: 1;
  font-size: 1.4rem;
  color: var(--bg-gray-7e);
  font-family: var(--font-main);
  font-weight: 700;
  border-radius:  50vh;
  border: 1px solid var(--bg-gray-7e);
}
@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_detail_tag li {
    font-size: 1.2rem;
    padding: 3px 9px;
  }
}


.section.section_wide.kaitori_jisseki .artwork_detail_bottom{
  margin-top: auto;
  align-self: flex-start;
}

.section.section_wide.kaitori_jisseki .artwork_detail .artwork_detail_other {
margin-top: 8px;
}

.section.section_wide.kaitori_jisseki .artwork_detail .artwork_detail_other:nth-of-type(n + 2) {
  margin-top: 8px;
  padding: 0;
}

.section.section_wide.kaitori_jisseki .artwork_detail_other dt {
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  line-height: calc(20/14);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
  min-width: unset;
  text-align: left;
  margin-right: 8px;
}
@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_detail_other dt {
    font-size: 1.2rem;
    line-height: calc(18/12);
  }
}
.section.section_wide.kaitori_jisseki .artwork_detail_other dd {
  padding: 0;
  font-size: 1.4rem;
  line-height: calc(20/14);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
}
@media screen and (max-width:768px) {
  .section.section_wide.kaitori_jisseki .artwork_detail_other dd {
    font-size: 1.2rem;
    line-height: calc(18/12);
  }
}

/*artists_single page*/
.opening_section.section  {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .opening_section.section {
    padding: 50px 16px;
    width: 100%;
  }
}

.opening_section.section .sec_ttl {
  line-height: 1.2;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.opening_section.section .txt_lead {
  font-size: 1.8rem;
  line-height: calc(32/18);
  font-weight: 400;
  width: fit-content;
  margin: 50px auto 0 ;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
}
@media screen and (max-width: 768px) {
  .opening_section.section .txt_lead {
    margin: 30px auto 0 ;
    font-size: 1.6rem;
    line-height: calc(26/16);
  }
}

.artist_overview_top {
  display: none;
}
@media screen and (max-width: 1151px) {
  .artist_overview_top {
    display: block;
    margin-bottom: 30px;
  }
}

.opening_section_wrap {
  background-color: var(--bg-greene7e);
  padding: 40px 20px 50px;
  margin-top: 50px;
  max-width: 1000px;
  width: 100%;
  margin: 60px auto 0;
  position: relative;
}

.opening_section_wrap::before {
  content: "";
  position: absolute;
  bottom: 25px;
  left: 50%;
  border-style: solid;
  border-width: 52px 26px 0 26px;
  border-color: var(--bg-greene7e) transparent transparent;
  transform: translate(-50%, 100%);
}

.opening_section_wrap_ttl {
  color: var(--green-008);
  font-family: var(--font-notoSerif);
  font-size: 3.2rem;
  line-height: calc(38/32);
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .opening_section_wrap_ttl {
    font-size: 2.4rem;
    line-height: 1;
  }
}

.opening_section_wrap_txt {
  text-align: center;
  font-size: 1.4rem;
  line-height: calc(20/14);
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .opening_section_wrap_txt {
    text-align: left;
    margin-top: 20px;
  }
}
/*artists single page card list*/
.artist_masterpiece_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 75px;
}
@media screen and (max-width: 1151px) {
  .artist_masterpiece_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 35px;
    max-width: 800px;
    margin: 0 auto;
  }
}
/* 768px以下でスライダーが有効な時はグリッドを無効化 */
@media screen and (max-width: 768px) {
  #artist_masterpiece_splide:not(.splide--destroyed) .artist_masterpiece_list.splide__list {
    display: flex !important;
    gap: 0 !important;
    width: 100%;
  }
}

/* スライダーが無効な時（2つ以下のコンテンツ）のスタイル */
#artist_masterpiece_splide.splide--destroyed .artist_masterpiece_list {
  display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 350px)) !important;
    gap: 80px 75px;
    justify-content: center !important;
}
@media screen and (max-width: 1151px) {
  #artist_masterpiece_splide.splide--destroyed .artist_masterpiece_list {
    gap: 40px 30px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 280px)) !important;
  }
}
@media screen and (max-width: 600px) {
  #artist_masterpiece_splide.splide--destroyed .artist_masterpiece_list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.artist_masterpiece_item {
  position: relative;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
    height: unset;
  }
}


a.artist_masterpiece_item_link {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.artist_masterpiece_item .artwork_fig{
  height: unset;
  aspect-ratio: 1/1;
  border-radius: 0;
}
@media screen and (max-width: 1151px) {
  .artist_masterpiece_item .artwork_fig {
    width: 100%;
  }
}


.artist_masterpiece_item .artwork_detail {
  padding: 16px ;
  display: flex;
  flex-direction: column;
  flex: 1;
  color: var(--txt-bk1a);
  font-family: var(--font-main);
}
@media screen and (max-width: 1151px) {
  .artist_masterpiece_item .artwork_detail {
    width: 100%;
  }
}

.artist_jisseki .artist_masterpiece_item .artwork_detail {
  padding: 16px 16px 24px;
}
@media screen and (max-width: 768px) {
  .artist_jisseki .artist_masterpiece_item .artwork_detail {
    padding: 16px;
  }
}


.artist_masterpiece_item .artwork_detail_name {
  padding: 0;
  font-size: 2.4rem;
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 700;
  line-height: calc(30/24);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_detail_name {
    font-size: 2rem;
    line-height: calc(26/20);
  }
}

.artist_masterpiece_item .artwork_detail_price {
  padding: 0;
  margin-top: 8px;
  gap: 0px 8px;
}
@media screen and (max-width: 1151px) {
  .artist_masterpiece_item .artwork_detail_price {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }
}

.artist_masterpiece_item .artwork_detail_price dt {
  padding: 0;
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: calc(24/16);
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_detail_price dt {
    font-size: 1.4rem;
    line-height: calc(20/14);
  }
}
.artist_masterpiece_item .artwork_detail_price dt::after {
  display: none;
}

.artist_masterpiece_item .artwork_detail_price dd {
  padding: 0;
  color: var(--txt-red);
  font-family: var(--font-main);
  font-weight: 700;
  font-size: 3.2rem;
  line-height: calc(38/32);
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_detail_price dd {
    display: block;
    line-height: 1;
    font-size: 2.4rem;
    line-height: calc(30/24);
  }
}

.artist_masterpiece_item .artwork_detail_tag {
  margin: 8px 0 8px;
  padding-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border-bottom: 1px solid var(--bg-gray-a9);
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_detail_tag {
    font-size: 1.2rem;
    margin: 13px 0 8px;
  }
}

.artist_masterpiece_item .artwork_detail_tag li {
  margin: 0;
  padding: 4px 15px;
  line-height: 1;
  font-size: 1.4rem;
  color: var(--bg-gray-7e);
  font-family: var(--font-main);
  font-weight: 700;
  border-radius: 50vh;
  border: 1px solid var(--bg-gray-7e);
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_detail_tag li {
    font-size: 1.2rem;
    padding: 3px 9px;
  }
}

.artist_masterpiece_item .artwork_detail_other {
  align-items: center;
  gap: 10px;
}

.artist_masterpiece_item .artwork_detail_other:nth-of-type(n + 2) {
  margin-top: 8px;
  padding: 0;
}

.artist_masterpiece_item dl.artwork_detail_other:first-of-type {
  margin-top: 8px;
}

.artist_masterpiece_item .artwork_detail_other:nth-last-child(2) {
  margin-bottom: 16px;
}

.artwork_detail_other-kaitori.artwork_detail_other-kaitori {
  margin-top: -8px !important;
}

.artist_masterpiece_item .artwork_detail_other dt {
  background-color: transparent;
  padding: 0;
  font-size: 1.4rem;
  line-height: calc(20/14);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
  min-width: 60px;
  text-align: left;
  margin-right: 0;
  border-radius: 4px;
  border: 1px solid var(--bg-gray-7e);
  background-color: var(--wh);
  padding: 1px 2px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_detail_other dt {
    font-size: 1.2rem;
    line-height: calc(18/12);
  }
}

.artist_masterpiece_item .artwork_detail_other-kaitori dt {
  background-color: var(--txt-bk4a);
  color: var(--wh);
  border: none;
  padding: 2px;
}

.artist_masterpiece_item .artwork_detail_other dd {
  padding: 0;
  font-size: 1.4rem;
  line-height: calc(20/14);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_detail_other dd {
    font-size: 1.2rem;
    line-height: calc(18/12);
  }
}

.artist_masterpiece_item .artwork_comment {
  padding: 16px;
  margin-top: auto;
  width: 100%;
  align-self: flex-end;
  background-color: var(--bg-gray-f5);
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_comment {
    padding: 12px 16px 16px;
  }
}

.artist_masterpiece_item .artwork_comment_txt p {
  padding: 0;
  font-size: 1.4rem;
  line-height: calc(20/14);
  color: var(--txt-bk1a);
  font-family: var(--font-main);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .artist_masterpiece_item .artwork_comment_txt p {
    font-size: 1.2rem;
    line-height: calc(18/12);
  }
}

.artist_masterpiece_item .artists_pr_tag {
  background-color: var(--txt-red);
  border-radius: 0;
  margin: 0;
  font-size: 1.6rem;
  font-family: var(--font-main);
  right: unset;
  top: -16px;
  left: -9px;
}

.artist_masterpiece_item .artists_pr_tag::after {
  display: none;
}

/* 作家代表作品スライダー設定 */
#artist_masterpiece_splide {
  position: relative;
}

#artist_masterpiece_splide .splide__track {
  overflow: visible !important;
}


@media screen and (min-width: 769px) {
  #artist_masterpiece_splide .splide__arrows {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #artist_masterpiece_splide:not(.splide--destroyed) .artist_masterpiece_item {
    width: 280px !important;
    flex-shrink: 0;
  }

  /* スライダー矢印のスタイル */
  #artist_masterpiece_splide:not(.splide--destroyed) .splide__arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    transform: translateY(-50%);
    pointer-events: none;
  }

  #artist_masterpiece_splide:not(.splide--destroyed) .splide__arrow {
    position: absolute;
    background-color: transparent !important;
    width: 32px;
    height: 32px;
    pointer-events: auto;
    opacity: 1;
  }

  #artist_masterpiece_splide:not(.splide--destroyed) .splide__arrow--prev {
    left: 0;
  }

  #artist_masterpiece_splide:not(.splide--destroyed) .splide__arrow--next {
    right: 0;
  }

  #artist_masterpiece_splide:not(.splide--destroyed) .splide__arrow:hover {
    opacity: 0.7;
  }
}

.section.section_wide.artist_overview_area {
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .section.section_wide.artist_overview_area {
    padding: 48px 16px;
  }
}

/* 買取実績価格スライダー設定 */
#artist_jisseki_splide {
  position: relative;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  #artist_jisseki_splide {
    margin-top: 40px;
  }
}

#artist_jisseki_splide .splide__track {
  overflow: visible !important;
  padding-bottom: 11px;
}

#artist_jisseki_splide .artist_jisseki_list.splide__list {
  display: flex !important;
  gap: 0 !important;
  width: 100%;
}

/* スライダーが無効な時（2つ以下のコンテンツ）のスタイル */
#artist_jisseki_splide.splide--destroyed .splide__track {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #artist_jisseki_splide.splide--destroyed .splide__track {
    width: 83%;
    margin-inline: auto;
  }
}


#artist_jisseki_splide.splide--destroyed .artist_jisseki_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 350px)) !important;
  gap: 80px 75px !important;
  justify-content: center;
}
@media screen and (max-width: 1151px) {
  #artist_jisseki_splide.splide--destroyed .artist_jisseki_list {
    grid-template-columns: repeat(auto-fit, minmax(280px, 280px)) !important;
    gap: 40px 30px !important;
  }
}
@media screen and (max-width: 600px) {
  #artist_jisseki_splide.splide--destroyed .artist_jisseki_list {
    grid-template-columns: 1fr;
    gap: 30px !important;
    flex-wrap: wrap !important;
  }
}




#artist_jisseki_splide .splide__arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

#artist_jisseki_splide .splide__arrow {
  position: absolute;
  background-color: transparent !important;
  width: 32px;
  height: 32px;
  pointer-events: auto;
  opacity: 1;
}

#artist_jisseki_splide .splide__arrow--prev {
  left: 0;
}

#artist_jisseki_splide .splide__arrow--next {
  right: 0;
}

#artist_jisseki_splide .splide__arrow:hover {
  opacity: 0.7;
}

#artist_jisseki_splide .artist_masterpiece_item {
  width: 350px !important;
  height: auto;
}
@media screen and (max-width: 768px) {
  #artist_jisseki_splide .artist_masterpiece_item {
    max-width: 280px !important;
    width: 100% !important;
    flex-shrink: 0;
  }
}

.artist_jisseki_area .artist_masterpiece_item {
  max-width: 350px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .artist_jisseki_area .artist_masterpiece_item {
    max-width: 280px;
  }
}

/****************************
/ 買取実績例
****************************/
.section.section_wide.example_area {
  padding: 120px 0 0;
}
@media screen and (max-width: 768px) {
  .section.section_wide.example_area {
    padding: 48px 0;
  }
}

.section.section_wide.example_area .sec_ttl {
  word-break: keep-all;
  overflow-wrap: anywhere;
  line-height: 1.2;
}

.section.section_wide.example_area .example_list:not(.splide__list),
.section.section_wide.art_purchase_column .art_purchase_column_list,
.section.section_wide.museum_area .museum_list:not(.splide__list) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(350px, 350px)) !important;
  gap: 80px 75px !important;
  justify-content: center !important;
  margin-top: 80px !important;
}
@media screen and (max-width: 1151px) {
  .section.section_wide.example_area .example_list:not(.splide__list),
  .section.section_wide.art_purchase_column .art_purchase_column_list,
  .section.section_wide.museum_area .museum_list:not(.splide__list) {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 35px !important;
    margin: 40px auto 0 !important;
    width: 83%;
  }
}
@media screen and (max-width: 600px) {
  .section.section_wide.example_area .example_list:not(.splide__list),
  .section.section_wide.art_purchase_column .art_purchase_column_list,
  .section.section_wide.museum_area .museum_list:not(.splide__list) {
    grid-template-columns: repeat(1, 1fr);
  }
}

.artist_masterpiece_item a {
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .artist_masterpiece_item a:hover {
    opacity: 0.7;
  }
}

.artist_masterpiece_item .artwork_detail_other.artwork_detail_other-feature,
.artist_masterpiece_item .artwork_detail_other.artwork_detail_other-worked_at {
  margin-bottom: 0;
}

.section.section_wide.example_area .artwork_detail_artists {
  color: var(--txt-bk1a);
  font-family: var(--font-main);
}

.section.section_wide.example_area .txt_lead {
  font-size: 1.6rem;
  line-height: calc(20/14);
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  margin-top: 40px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .section.section_wide.example_area .txt_lead {
    font-size: 1.4rem;
    line-height: calc(18/14);
    margin-top: 20px;
  }
}

.section.section_wide.example_area .example_btn {
  margin: 40px auto 0;
}
@media screen and (max-width: 768px) {
  .section.section_wide.example_area .example_btn {
    margin-top: 20px;
  }
}
.example_btn a {
  padding: 12px 16px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .example_btn a {
    padding: 8px 16px;
  }
}

.example_btn a p {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: var(--font-main);
  text-align: center;
}
@media screen and (max-width: 768px) {
.example_btn a p {
    font-size: 1.4rem;
  }
}

@media (any-hover: hover) {
  .example_btn a:hover {
    opacity: 0.7;
  }
}

/****************************
/ 関連コラム
****************************/
.section.section_wide.related_area {
  padding: 120px 0;
  margin: 80px auto;
}
@media screen and (max-width: 768px) {
  .section.section_wide.related_area {
    padding: 48px 0;
    margin: 40px auto;
  }
}

.section.section_wide.related_area .blog_list {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .section.section_wide.related_area .blog_list.splide__list {
    margin-top: 40px !important;
  }
}

/****************************
/ 関連コラム スライダー設定
****************************/
#artist_blog_splide {
  position: relative;
}

#artist_blog_splide .splide__track {
  overflow: visible !important;
}

@media screen and (min-width: 769px) {
  #artist_blog_splide .splide__arrows {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #artist_blog_splide:not(.splide--destroyed) .blog_item {
    width: 280px !important;
    flex-shrink: 0;
  }

  /* スライダー矢印のスタイル */
  #artist_blog_splide:not(.splide--destroyed) .splide__arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    transform: translateY(-50%);
    pointer-events: none;
  }

  #artist_blog_splide:not(.splide--destroyed) .splide__arrow {
    position: absolute;
    background-color: transparent !important;
    width: 32px;
    height: 32px;
    pointer-events: auto;
    opacity: 1;
  }

  #artist_blog_splide:not(.splide--destroyed) .splide__arrow--prev {
    left: 0;
  }

  #artist_blog_splide:not(.splide--destroyed) .splide__arrow--next {
    right: 0;
  }

  #artist_blog_splide:not(.splide--destroyed) .splide__arrow:hover {
    opacity: 0.7;
  }
}

.section.section_wide.art_purchase_column  {
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .section.section_wide.art_purchase_column {
    padding: 40px 16px;
  }
}
.section.section_wide.art_purchase_column .txt_lead {
  margin-top: 40px;
}

.section.section_wide.art_purchase_column .artist_masterpiece_item .artwork_detail_tag {
  margin: 0 0 8px;
  padding: 0;
  border: none;
}

.artwork_detail_tag_box {
  margin-top: 8px;
}

.section.section_wide.art_purchase_column .art_purchase_column_btn {
  margin: 40px auto 0;
}

/****************************
/ 関連ニュース
****************************/
.section.section.section_wide.artist_news_area  {
  padding: 60px 0;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .section.section.section_wide.artist_news_area {
    padding: 30px 16px;
    margin-bottom: 30px;
    width: 100%;
  }
}

.section.section.section_wide.artist_news_area .news_list {
  margin-top: 60px;
  max-width: 794px;
  width: 100%;
  border: none;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .section.section.section_wide.artist_news_area .news_list {
    margin-top: 30px;
  }
}

.section.section.section_wide.artist_news_area .news_list li a {
  padding: 16px 0;
  padding-right: 90px;
  text-decoration: none;
  border-bottom: 1px solid var(--bg-gray-a9);
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .section.section.section_wide.artist_news_area .news_list li a {
    padding-right: 73px;
  }
}

.section.section.section_wide.artist_news_area .news_list li a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 38px;
  height: 38px;
  background-image: url("images/artists/arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 768px) {
  .section.section.section_wide.artist_news_area .news_list li a::after {
    width: 30px;
    height: 30px;
  }
}

@media (any-hover: hover) {
  .section.section.section_wide.artist_news_area .news_list li a:hover .news_list_date,
  .section.section.section_wide.artist_news_area .news_list li a:hover .news_list_ttl {
    color: var(--green-008);
  }
  .section.section.section_wide.artist_news_area .news_list li a:hover::after {
    opacity: 0.7;
  }
}

.section.section.section_wide.artist_news_area .news_list li:nth-of-type(odd) a {
  background-color: var(--wh);
}

.section.section.section_wide.artist_news_area .news_list li a .news_list_date {
  font-size: 1.4rem;
  line-height: calc(20/14);
  font-weight: 700;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  display: block;
  transition: all 0.3s ease-in-out;
}

.section.section.section_wide.artist_news_area .news_list li a .news_list_ttl {
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  display: inline-block;
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .section.section.section_wide.artist_news_area .news_list li a .news_list_ttl {
    -webkit-line-clamp: 3;
  }
}

/****************************
/ 美術館情報
****************************/
.section.section_wide.museum_area {
  padding: 120px 0;
  margin: 80px auto;
}
@media screen and (max-width: 768px) {
  .section.section_wide.museum_area {
    padding: 48px 0;
    margin: 40px auto;
  }
}

@media screen and (max-width: 768px) {
  .section.section_wide.museum_area .sec_ttl {
    line-height: calc(34/28);
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
}


.section.section_wide.museum_area .museum_list {
  margin-top: 99px;
}
@media screen and (max-width: 768px) {
  .section.section_wide.museum_area .museum_list {
    margin-top: 48px;
  }
}

.section.section_wide.museum_area .museum_item a {
  padding: 20px;
  background-color: var(--wh);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

@media (any-hover: hover) {
  .section.section_wide.museum_area .museum_item a:hover {
    opacity: 0.7;
  }
}


.section.section_wide.museum_area .museum_item.artist_masterpiece_item .artwork_fig {
  aspect-ratio: 310/232;
}

.section.section_wide.museum_area .museum_deteal {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.section.section_wide.museum_area .museum_ttl {
  font-size: 2.4rem;
  line-height: calc(30/24);
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  font-weight: 700;
  margin-top: 26px;
}

.section.section_wide.museum_area .museum_address {
  font-size: 1.4rem;
  line-height: calc(20/14);
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  font-weight: 400;
  margin-top: 14px;
  margin-bottom: 14px;
}

.section.section_wide.museum_area .blog_list > li:nth-of-type(n + 2) {
  margin-top: 0;
}

.section.section_wide.museum_area .artwork_comment {
  font-size: 1.4rem;
  line-height: calc(20/14);
  font-weight: 400;
  font-family: var(--font-main);
  color: var(--txt-bk1a);
  padding: 12px 16px;
  flex: 1;
}

/* 美術館情報スライダー設定 */
#artist_museum_splide {
  position: relative;
}

#artist_museum_splide .splide__track {
  overflow: visible !important;
}

/* スライダーが無効な時（2つ以下のコンテンツ）のスタイル */
#artist_masterpiece_splide.splide--destroyed .artist_masterpiece_item {
  max-width: 350px !important;
  width: 100% !important;
}

#artist_museum_splide.splide--destroyed .museum_list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(350px, 350px)) !important;
  gap: 80px 75px !important;
  justify-content: center !important;
}
@media screen and (max-width: 1151px) {
  #artist_museum_splide.splide--destroyed .museum_list {
    grid-template-columns: repeat(auto-fit, minmax(280px, 280px)) !important;
    gap: 40px 30px !important;
  }
}
@media screen and (max-width: 600px) {
  #artist_museum_splide.splide--destroyed .museum_list {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

#artist_museum_splide.splide--destroyed .museum_list > li {
  max-width: 350px !important;
  width: 100% !important;
}

#artist_museum_splide.splide--destroyed .museum_list > li:not(:has(a)) {
  padding: 16px;
  gap: 0;
}


@media screen and (min-width: 769px) {
  #artist_museum_splide .splide__arrows {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  /* スライダーモードの時はグリッドを無効化してflexに */
  .section.section_wide.museum_area #artist_museum_splide:not(.splide--destroyed) .museum_list.splide__list {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    margin-top: 40px !important;
    width: 100% !important;
  }

  #artist_museum_splide:not(.splide--destroyed) .museum_item {
    width: 280px !important;
    flex-shrink: 0;
  }

  /* スライダー矢印のスタイル */
  #artist_museum_splide:not(.splide--destroyed) .splide__arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    transform: translateY(-50%);
    pointer-events: none;
  }

  #artist_museum_splide:not(.splide--destroyed) .splide__arrow {
    position: absolute;
    background-color: transparent !important;
    width: 32px;
    height: 32px;
    pointer-events: auto;
    opacity: 1;
  }

  #artist_museum_splide:not(.splide--destroyed) .splide__arrow--prev {
    left: 0;
  }

  #artist_museum_splide:not(.splide--destroyed) .splide__arrow--next {
    right: 0;
  }

  #artist_museum_splide:not(.splide--destroyed) .splide__arrow:hover {
    opacity: 0.7;
  }
}

/* 最新買取実績スライダー設定 */
#artist_example_splide {
  position: relative;
  margin-top: 80px !important;
}
@media screen and (max-width: 768px) {
  #artist_example_splide {
    margin-top: 40px !important;
  }
}

#artist_example_splide .splide__track {
  overflow: visible !important;
}

/* スライダーが無効な時（2つ以下のコンテンツ）のグリッド表示 */
#artist_example_splide.splide--destroyed .example_list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(35rem, 35rem)) !important;
  gap: 80px 75px !important;
  justify-content: center !important;
}
@media screen and (max-width: 1151px) {
  #artist_example_splide.splide--destroyed .example_list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 35px !important;
    width: 83% !important;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  #artist_example_splide.splide--destroyed .example_list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 35px !important;
  }
}
@media screen and (max-width: 600px) {
  #artist_example_splide.splide--destroyed .example_list {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 30px !important;
  }
}

/* PC時は矢印非表示 */
@media screen and (min-width: 769px) {
  #artist_example_splide .splide__arrows {
    display: none;
  }
}

/* モバイル時（768px以下）のスライダー設定 */
@media screen and (max-width: 768px) {
  /* スライダーモードの時はグリッドを無効化してflexに */
  #artist_example_splide:not(.splide--destroyed) .example_list.splide__list {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
  }

  #artist_example_splide:not(.splide--destroyed) .splide__slide {
    width: 280px !important;
    flex-shrink: 0;
  }

  /* スライダー矢印のスタイル */
  #artist_example_splide:not(.splide--destroyed) .splide__arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0 10px;
    transform: translateY(-50%);
    pointer-events: none;
  }

  #artist_example_splide:not(.splide--destroyed) .splide__arrow {
    position: absolute;
    background-color: transparent !important;
    width: 32px;
    height: 32px;
    pointer-events: auto;
    opacity: 1;
  }

  #artist_example_splide:not(.splide--destroyed) .splide__arrow--prev {
    left: 0;
  }

  #artist_example_splide:not(.splide--destroyed) .splide__arrow--next {
    right: 0;
  }

  #artist_example_splide:not(.splide--destroyed) .splide__arrow:hover {
    opacity: 0.7;
  }
}