@charset "utf-8";
body#body {font-size: clamp(7px,0.938vw,18px);font-family: "Zen Maru Gothic", sans-serif !important;font-weight: 500;margin: 0 auto;padding: 0;line-height: 1.8;-webkit-text-size-adjust: 100%;position: relative;color: #111;letter-spacing: 0;max-width: 1920px;width: 100%;}
html {scroll-behavior: smooth;}
:target { scroll-margin-top: var(--h-size);}
main {inline-size: 100%;overflow: hidden;margin-block-start: var(--h-size);}
section {inline-size: 100%;position: relative;z-index: 1;}
img {border: none;vertical-align: middle;height: auto;}
a {text-decoration: none;cursor: pointer;display: block;}
ol,ul {padding-inline-start: 0;}
ol li,ul li{list-style-type: none;}
dd {margin-inline-start: 0;}
dl {margin-block: 0;}
em {font-style: normal;}
address {font-style: normal;}
*, *:before, *:after {box-sizing: border-box;}
/* チェック用 未入力時ハイライト*/
/* img[alt=""] { outline: 3px solid #c143c5; } */
/* a[href=""] { outline: 3px solid #31a115; } */
/********************************* float **********************************************/
.c-both {clear: both;}
.left,.in_left {float: left;}
.right,.in_right {float: right;}
.center {display: block;margin-inline: auto;text-align: center;}
.table,.in_table {display: table;}
.table > dt,.table > dd ,.in_table > dt,.in_table > dd{display: table-cell;}
/************* display *************/
.flex,.in_flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.re_flex {flex-direction: row-reverse;}
.db {display: block;}
.dib {display: inline-block;}
.df {display: flow-root;}
/************************************** inline-size ****************************************/
.inner {inline-size: min(1780px,92.7083333%);margin-inline: auto;}
.middle_inner {inline-size: min(1580px,82.291666667%);margin-inline: auto;}
.lower_inner {inline-size: min(1270px,66.14583%);margin-inline: auto;}
.heading {inline-size: 100%;}
.half {inline-size: 50%;}
.sp_view,
.sp_view_dib {display: none;}
.pc_view {display: block;}
.pc_view_dib {display: inline-block;}
.ofh {overflow: hidden;}
.left_side,.right_side{inline-size:48%;}
/**************************************position**************************************/
.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}
.vam {vertical-align: middle;}
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}
/************************************ color *******************************************/
:root {
--black1: #111;
--blue1: #51bdc6;
--blue2: #c3eff3;
--blue3: #e1f7f9;
--beige1: #f9f2e7;
--red1: #b01c23;
--h-size: 15em;
}
/*黒*/
.bk {color: var(--black1);}
.bk_bg {background-color: var(--black1);}
/*青*/
.bu1 {color: var(--blue1);}
.bu1_bg {background-color: var(--blue1);}
.bu2 {color: var(--blue2);}
.bu2_bg {background-color: var(--blue2);}
.bu3 {color: var(--blue3);}
.bu3_bg {background-color: var(--blue3);}
/*ベージュ*/
.be1 {color: var(--beige1);}
.be1_bg {background-color: var(--beige1);}
/*赤*/
.re1 {color: var(--red1);}
.re1_bg {background-color: var(--red1);}
/*白*/
.wh {color: #FFF;}
.wh_bg {background-color: #FFF;}
/************************************* js ****************************************/
/* 初期状態 */
.fade_in, .fade {opacity: 0;transition: opacity 0.8s ease, transform 0.8s ease;}
.fade_in {transform: translateY(2rem);}
.fade_in.is-visible {opacity: 1;transform: translateY(0);}
.fade.is-visible {opacity: 1;}
.fade_in.active {opacity: 1;transform: translateY(0);}
.d025s {transition-delay: 0.25s !important;}
.d05s {transition-delay: 0.5s !important;}
.d075s {transition-delay: 0.75s !important;}
/*************************************** font ****************************************/
.fb {font-weight: bold;}
.f5 {font-weight: 500;}
.fn {font-weight: normal;}
.itl {font-style: italic;}
.tr_text {writing-mode: tb-rl;}
/************************************* common *******************************************/
.more1 {font-size: 1.278em;inline-size: fit-content;}
.more1:after {content: "";position: absolute;background-image: url(../img/top/iluust_arrow1.png);background-repeat: no-repeat;background-position: center;background-size: cover;inline-size: min(50px,2.2em);block-size: auto;aspect-ratio: 50 / 11;inset: 50% auto auto 121%;transition: all 0.3s;}
.more1:hover:after {inset: 50% auto auto 126%;}
.ttl1 {font-size: 2.778em;letter-spacing: 0.02em;position: relative;}
.ttl1 .small {font-size: 0.44em;letter-spacing: 0.03em;}
.page_ttl1 {inset: 30% 0 auto 0;margin: auto;inline-size: 100%;block-size: fit-content;font-size: 2.889em;letter-spacing: 0.03em;}
.page_ttl1 .small {font-size: 0.538em;letter-spacing: 0.03em;margin-block-start: 0.95em;}
.page_ttl1:after {content: "";position: absolute;background-image: url(../img/page/page_ttl_line1.png);inline-size: min(400px,22.5%);block-size: auto;aspect-ratio: 400 / 11;inset: 58% 0 auto 0;margin-inline: auto;background-position: center;background-size: cover;background-repeat: no-repeat;}
/************************************* common *******************************************/
#header {z-index: 10;block-size: var(--h-size);padding-block-start: 0.825em;inset: 0 0 auto 0;transition: all 0.5s;}
#header.scroll {block-size: 11em;}
#header .top .site_name {margin-block: 0.35em;font-size: 1em;inline-size: min(178px,10em);transition: all 0.5s;}
#header.scroll .top .site_name {inline-size: min(178px,5em);}
#header .top .site_name .link {inline-size: fit-content;transition: all 0.3s;}
#header .top .site_name .link:hover {opacity: 0.75;}
#header .top .site_name .logo {inline-size: min(178px,100%);}
#header .top .top_link {inset: 1.65em 0 auto auto;transition: all 0.5s;font-size: 0.875em;}
#header.scroll .top .top_link {inset: 0.25em 0 auto auto;}
#header .top .top_link .link_online {font-size: 1.444em;letter-spacing: 0.03em;border: 1px solid #000;padding: 0.35em 2.175em 0.5em 1.5em;margin-inline-start: 0.65em;border-radius: 100vmax;font-weight: 700;transition: all 0.3s;}
#header .top .top_link .link_online:hover {background-color: #fff;color: #000;}
#header .top .top_link .link_online .fa-cart-shopping {margin-inline-end: 0.76em;}
#header .top .top_link .link_music {font-size: 1.278em;letter-spacing: 0.03em;border: 1px solid #000;padding: 0.5em 1.2em 0.65em 1.25em;margin-inline-start: 0.875em;border-radius: 100vmax;font-weight: 700;transition: all 0.3s;}
#header .top .top_link .link_music:hover {color: #fff;background-color: #000;}
#header .top .top_link .link_music .fa-music {font-size: 1.217em;margin-inline-end: 0.6em;vertical-align: middle;}
#header .bottom .ul {margin-block: 1.5em 0;}
#header .bottom .ul .list .link {font-size: 1.278em;letter-spacing: 0.02em;font-weight: 500;line-height: 1.65;transition: all 0.3s;}
#header .bottom .ul .list .link:hover {color: var(--blue1);}
#header .bottom .ul .list .link .ls {margin-inline-end: 0.15em;}
#header .bottom .ul .list .link .small {font-size: 0.739em;letter-spacing: 0;}

#fv {margin-block-start: 1.65em;padding-block-end: 7.25em;}
#fv .top .fv_img {margin-inline: auto -0.65em;inline-size: min(1410px,80%);}
#fv .top .fv_text {font-size: 2.444em;margin-block: 0;inset: 13.25% auto auto -0.05em;line-height: 2.3;letter-spacing: 0.02em;}
#fv .top .fv_text .ls {margin-inline-end: 0.1em;}
#fv .top .fv_text_item {inset: 78.25% auto auto 10.75%;inline-size: min(153px,9%);}
#fv .bottom {margin-block-start: 4.75em;}
#fv .bottom .fv_ttl {font-size: 2.222em;letter-spacing: 0;margin-block-end: 2.35em;}
#fv .bottom .fv_ttl:after {content: "";position: absolute;background-image: url(../img/top/ttl_dotted_line1.png);inline-size: min(720px,18.01em);block-size: auto;aspect-ratio: 720 / 8;background-repeat: no-repeat;background-position: center;background-size: cover;inset: auto 0 -1.5em 0;margin-inline: auto;}
#fv .bottom .fv_ttl .icon {inline-size: min(60px,1.5em);margin-block-end: 0.125em;}
#fv .bottom .fv_ttl .l {font-size: 1.250em;line-height: 1;margin-block-start: 0.15em;}
#fv .bottom .fv_ttl .ls1 {margin-inline-end: 0.25em;}
#fv .bottom .fv_ttl .ls2 {letter-spacing: 0.01em;margin-inline-end: 0.15em;}
#fv .bottom .text {font-size: 1.222em;line-height: 2.2;padding-inline-start: 0.5em;}
#fv .bottom .text .ls {margin-inline: 0.25em;}
#fv .item1 {inset: auto auto -3.25em 3.3em;inline-size: min(201px,12%);}
#fv .item2 {inset: auto 2.5em 11.75em auto;inline-size: min(225px,13%);}

#top_blog {padding-block: 6.75em 6.65em;}
#top_blog .ttl_side {inline-size: 11.25%;}
#top_blog .ttl_side .ttl1 {margin-block-start: 0.85em;font-size: 2.556em;letter-spacing: 0.03em;line-height: 1.5;}
#top_blog .ttl_side .ttl1 .icon {inline-size: min(50px,1.1em);}
#top_blog .ttl_side .ttl1 .small {font-size: 0.478em;letter-spacing: 0.03em;margin-block-start: 0.2em;}
#top_blog .ttl_side .more1 {margin-block-start: 4.1em;margin-inline-start: -0.2em;}
#top_blog .blog_side {inline-size: 75.95%;margin-block: 0;}
#top_blog .blog_side .list {inline-size: min(380px,31.75%);border-radius: 1em;padding-block-end: 2.1em;}
#top_blog .blog_side .list .meta {padding: 0.875em 1em 0.75em 1.1em;}
#top_blog .blog_side .list .meta .time {font-size: 1.056em;}
#top_blog .blog_side .list .meta .tag {font-size: 0.944em;border: 1px solid var(--blue1);line-height: 1;padding: 0.275em 0 0.35em 0;border-radius: 100vmax;margin-inline-start: 0.75em;letter-spacing: 0.025em;inline-size: 6.5em;text-align: center;}
#top_blog .blog_side .img_link {inline-size: min(480px, 100%);block-size: auto;aspect-ratio: 480 / 300;position: relative;overflow: hidden;}
#top_blog .blog_side .img_link .thum {position: absolute;inline-size: 100%;block-size: 100%;inset: 0;margin: auto;object-fit: cover;transition: all 0.3s;}
#top_blog .blog_side .img_link:hover .thum {transform: scale(1.1);}
#top_blog .blog_side .link_text {inline-size: 90%;margin-inline: auto;font-size: 1.056em;letter-spacing: 0;transition: all 0.3s;}
#top_blog .blog_side .link_text:hover {color: var(--blue1);}

#top_about {padding-block: 5.35em 10.25em;}
#top_about .item3 {inset: 5.2% auto auto 11.35%;inline-size: min(267px,14%);}
#top_about .item4 {inset: 16.75% 6.2% auto auto;inline-size: min(252px,14%);}
#top_about .item5 {inset: auto auto 2% 9.5%;inline-size: min(216px,12%);}
#top_about .ttl1 {margin-block-end: 2.65em;}
#top_about .ttl1 .icon {inline-size: min(60px,1.2em);}
#top_about .ttl1:after {content: "";position: absolute;background-image: url(../img/top/ttl_dotted_line1.png);inline-size: min(720px,14.4444em);block-size: auto;aspect-ratio: 720 / 8;background-repeat: no-repeat;background-position: center;background-size: cover;inset: auto 0 -1.5em 0;margin-inline: auto;}
#top_about .strong {font-size: 2.389em;letter-spacing: 0.02em;}
#top_about .p_1 {font-size: 1.222em;letter-spacing: 0;line-height: 2.3;margin-block-start: 2.1em;}
#top_about .more1 {margin-block-start: 3em;transform: translateX(-2.25em);}
#top_about .more1 .fa-music {font-size: 1.217em;margin-inline-end: 0.825em;vertical-align: sub;}
#top_about .column {margin-block-start: 7em;}
#top_about .column .flex_item {inline-size: min(550px,30.95%);overflow: hidden;border-radius: 1.5em;box-shadow: 0 0 0.5em #ddd;block-size: min-content;}
#top_about .column .flex_item:nth-of-type(2) {margin-block-start: 7.75em;}
#top_about .column .flex_item:nth-of-type(3) {margin-block-start: 15.75em;}
#top_about .column .flex_item .text_side {padding: 1.25em 1.365em 1em 1.365em;}
#top_about .column .flex_item .img_link {overflow: hidden;}
#top_about .column .flex_item .img_link img {transition: all 0.3s;}
#top_about .column .flex_item .img_link:hover img {transform: scale(1.1);}
#top_about .column .flex_item .link_text {font-size: 2.389em;font-weight: bold;inline-size: fit-content;padding-inline-start: 0.125em;}
#top_about .column .flex_item .link_text .ls {margin-inline-end: 0.25em;}
#top_about .column .flex_item .link_text .small {line-height: 0.5;margin-block-end: 0.25em;}
#top_about .column .flex_item .link_text:after {content: "";position: absolute;background-image: url(../img/top/iluust_arrow2.png);inline-size: min(86px,2em);block-size: auto;aspect-ratio: 86 / 54;inset: 0.25em auto auto 111%;transition: all 0.3s;background-position: center;background-size: cover;background-repeat: no-repeat;}
#top_about .column .flex_item .link_text:hover:after {inset: 0.25em auto auto 116%;}
#top_about .column .flex_item .link_text:before {content: "";position: absolute;background-image: url(../img/top/line1.png);inline-size: min(500px,12em);block-size: auto;aspect-ratio: 500 / 11;inset: 124% 0 auto 0;margin-inline: auto;background-position: center;background-size: cover;background-repeat: no-repeat;}
#top_about .column .flex_item:nth-of-type(2) .link_text {margin-block-start: -0.25em;}
#top_about .column .flex_item:nth-of-type(2) .link_text .span1 {font-size: 0.930em;}
#top_about .column .flex_item:nth-of-type(2) .link_text:after {inset-block-start: 0.5em;}
#top_about .column .flex_item:nth-of-type(2) .link_text:before {inset: 115% 0 auto 0;}
#top_about .column .flex_item .text {font-size: 1.222em;margin-block-start: 2.25em;letter-spacing: -0.03em;line-height: 2;inline-size: 96%;margin-inline: auto;}
#top_about .column .flex_item .text .ls {margin-inline-end: 0.5em;}

#top_product {padding-block: 5em 10.875em;}
#top_product .item6 {inset: 4.75em 3.75% auto auto;inline-size: min(186px,10%);}
#top_product .top {inline-size: min(1250px,66%);}
#top_product .top .ttl1 {margin-inline-start: 0.225em;}
#top_product .top .ttl1 .icon {margin-block-end: 0.05em;inline-size: min(80px,1.6em);}
#top_product .top .text {font-size: 1.222em;margin-block-start: 4.75em;line-height: 2.05;letter-spacing: -0.0015em;}
#top_product .middle .img {border-radius: 0 1.5em 1.5em 0;box-shadow: 0 0 0.5em #d5cec7;inline-size: min(900px,46.875%);}
#top_product .swiper {padding-block-end: 1em;inline-size: 47%;margin-inline: auto 0;margin-block-start: -0.25em;}
#top_product .swiper .swiper-wrapper {margin-inline-start: -28%;}
#top_product .swiper .swiper-slide {padding: 0.25em 0 0 0;margin-inline-start: 0.45em;}
#top_product .swiper .swiper-slide img {border-radius: 1.5em;box-shadow: 0 0 0.5em #d5cec7;display: block;inline-size: 100%;}
#top_product .swiper .prev_next {inline-size: 16.5%;margin: 3em 4em auto auto;}
#top_product .swiper .swiper-button-prev {background-image: url(../img/top/iluust_arrow3.png);inline-size: 3em;block-size: auto;aspect-ratio: 60 / 15;font-size: 1.111em;background-position: center;background-size: cover;}
#top_product .swiper .swiper-button-prev:hover {cursor: pointer;}
#top_product .swiper .swiper-button-next {background-image: url(../img/top/iluust_arrow4.png);inline-size: 3em;block-size: auto;aspect-ratio: 60 / 15;font-size: 1.111em;background-position: center;background-size: cover;}
#top_product .swiper .swiper-button-next:hover {cursor: pointer;}
#top_product .swiper .swiper-pagination {inline-size: fit-content;position: absolute;inset: auto auto 1.25em 0;}
#top_product .swiper .swiper-pagination .swiper-pagination-bullet {position: relative;inline-size: 1em;block-size: auto;aspect-ratio: 24 / 22;border-radius: 0;line-height: 0.8em;font-size: 1.333em;background-color: transparent;margin-inline-end: 0.45em;}
#top_product .swiper .swiper-pagination .swiper-pagination-bullet::before {font-family: "Font Awesome 7 Pro";font-weight: 900;content: "\f1b0";color: var(--black1);}
#top_product .swiper .swiper-pagination .swiper-pagination-bullet-active::before {color: var(--blue1);}
#top_product .more1 {margin-block-start: 2.6em;transform: translateX(-1.65em);font-size: 1.389em;}
#top_product .more1::after {inset: 53% auto auto 128%;}
#top_product .more1:hover::after {inset: 53% auto auto 135%;}

#top_media {padding-block: 8.75em 13.5em;}
#top_media .item7 {inset: 4.75em auto auto 7.8em;inline-size: min(209px,11%);}
#top_media .item8 {inset: 20.75% 7.25em auto auto;inline-size: min(168px,9%);}
#top_media .item9 {inset: 45.5% auto auto 7em;inline-size: min(253px,14%);}
#top_media .item10 {inset: auto 7.2em 17.25% auto;inline-size: min(198px,10.5%);}
#top_media .ttl2 {font-size: 2.889em;letter-spacing: 0.02em;margin-block: 0 0.65em;}
#top_media .ttl2 .icon {margin-inline-end: 0.6em;inline-size: clamp(29px,3.125vw,60px);}
#top_media .p_1 {font-size: 1.444em;margin-block-end: 2em;}
#top_media .p_1 .ls {margin-inline-end: 0.25em;}
#top_media .ttl3 {margin-block: 19.5em 5em;}
#top_media .ttl3 .icon {inline-size: min(260px,21.5em);}
#top_media .more1 {margin-block-start: 3.125em;transform: translateX(-1.65em);font-size: 1.389em;}
#top_media .more1::after {inset: 53% auto auto 128%;}
#top_media .more1:hover::after {inset: 53% auto auto 135%;}
#top_media .p_2 {font-size: 1.444em;margin-block-end: 2.35em;}
#top_media .insta_inner {inline-size: min(820px,42.71%);margin-inline: auto;}
#top_media .box {inline-size: min(820px,43%);justify-content: center;gap: calc(4.87% / 2);}
#top_media .box iframe {inline-size: min(260px,31.71%);block-size: auto;aspect-ratio: 260 / 467;border-radius: 1em;}

.page_contact {padding-block: 4em 6.5em;}
.page_contact .item11 {inset: -6em auto auto 10.75em;inline-size: min(226px,12%);}
.page_contact .top {inline-size: min(1220px,78%);margin-inline: auto;margin-block-end: 1.2em;}
.page_contact .top .ttl1 {margin-block-start: 0.6em;margin-inline-start: 0.85em;line-height: 1.5em;font-weight: bold;}
.page_contact .top .ttl1 .icon {margin-block-end: 0.05em;inline-size: min(60px,1.3em);}
.page_contact .top .ttl1 .small {line-height: 1;margin-block-start: .25em;}
.page_contact .top .text {font-size: 1.278em;margin-block-start: 2.5em;line-height: 2;letter-spacing: 0.03em;}
.page_contact .bottom {justify-content: center;gap: calc(5.05% / 2);}
.page_contact .bottom [class^="flex_item"] {font-size: 2em;inline-size: 31.65%;border-radius: 100vmax;padding-block: 0.75em 0.75em;box-shadow: 0 0.125em 0.25em #a4cece;padding-inline-start: 1em;transition: all 0.3s;}
.page_contact .bottom [class^="flex_item"]:hover {opacity: 0.75;filter: brightness(120%);}
.page_contact .bottom .flex_item1 {font-size: 1.944em;padding-inline-start: 2em;}
.page_contact .bottom .flex_item1 i {font-size: 1.286em;inset: 52% auto auto 0.75em;transform: translateY(-50%);}
.page_contact .bottom .flex_item2 {font-weight: bold;letter-spacing: 0.03em;}
.page_contact .bottom .flex_item2 img {inset: 50% auto auto 1.35em;transform: translateY(-50%);inline-size: clamp(29px,3.125vw,60px);}
.page_contact .bottom .flex_item3 {font-weight: bold;letter-spacing: 0.03em;}
.page_contact .bottom .flex_item3 img {inset: 50% auto auto 1.35em;transform: translateY(-50%);inline-size: clamp(29px,3.125vw,60px);}
.page_contact .bottom .flex_item4 {padding-inline-start: 2.75em;}
.page_contact .bottom .flex_item4 .text {font-weight: bold;}
.page_contact .bottom .flex_item4 .text .small {font-size: 0.972em;margin-inline-start: 0.2em;}
.page_contact .bottom .flex_item4 img {inset: 50% auto auto 1.35em;transform: translateY(-50%);block-size: clamp(29px,2.8vw,54px);}

#footer {padding-block: 4em 6em;}
#footer .footer_logo {margin-block-end: 3.5em;inline-size: min(178px,10em);}
#footer .footer_logo .link {inline-size: fit-content;transition: all 0.3s;}
#footer .footer_logo .link:hover {opacity: 0.75;}
#footer .footer_logo .logo {inline-size: min(178px,100%);}
#footer .middle {margin-block-end: 4em;}
#footer .middle .ul .list .link {font-size: 1.278em;letter-spacing: 0.02em;transition: all 0.3s;}
#footer .middle .ul .list .link:hover {color: var(--blue1);}
#footer .middle .ul .list .link .small {font-size: 0.739em;letter-spacing: 0;}
#footer .bottom {inline-size: min(1020px,65%);margin-inline: auto;}
#footer .bottom .ul .list.sp_dib {transition: all 0.3s;}
#footer .bottom .ul .list.sp_dib:hover {opacity: 0.75;}
#footer .bottom .ul .list .link {transition: all 0.3s;}
#footer .bottom .ul .list .link:hover {color: var(--blue1);}
#footer .bottom .ul .list .link .youtube_logo {inline-size: auto;block-size: clamp(29px,2.288888vw,44px);}
#footer .bottom .ul .list .link .line_logo {inline-size: clamp(29px,2.3vw,44px);}
#footer .bottom .ul .list .link .insta_logo {inline-size: clamp(29px,2.3vw,44px);}
#footer .bottom .ul .list .link_online {font-size: 1.222em;letter-spacing: 0.03em;border: 1px solid #000;padding: 0.1em 1.175em 0.25em 1em;border-radius: 100vmax;font-weight: 700;transition: all 0.3s;}
#footer .bottom .ul .list .link_online:hover {background-color: #fff;color: #000;}
#footer .bottom .ul .list .link_online .fa-cart-shopping {margin-inline-end: 0.76em;font-size: 0.909em;}
#footer .bottom .ul .list .link_music {font-size: 1.056em;letter-spacing: 0.03em;border: 1px solid #000;padding: 0.3em 1.12em 0.5em 1.125em;border-radius: 100vmax;font-weight: 700;transition: all 0.3s;}
#footer .bottom .ul .list .link_music:hover {color: #fff;background-color: #000;} 
#footer .bottom .ul .list .link_music .fa-music {font-size: 1.052em;margin-inline-end: 0.6em;vertical-align: middle;}
#footer .copy {font-size: 0.889em;margin-block-start: 5em;}
#scroll_top {inset: auto 3% 4em auto;inline-size: 4.78em;block-size: auto;aspect-ratio: 86 / 93;z-index: 3;filter: drop-shadow(0 0 0.125em #fff);}
#scroll_top .text {inset: auto 0 0 0;line-height: 1;}
#scroll_top .fa-paw {font-size: 3.889em;inset: 0 0 auto 0;}
#scroll_top .fa-angle-up {font-size: 1.556em;inset: 1.2em 0 auto 0;margin-inline: auto;}

/*page*/
#page_fv {margin-block-start: 2em;}
#page_fv .fv_img {border-radius: 2em;}

/*shop*/
#shop {padding-block: 6em 8em;}
#shop .item1 {inset: 4.35em auto auto 8.65em;inline-size: min(179px,9.5%);}
#shop .item2 {inset: 14.5em 3.25em auto auto;inline-size: min(198px,10.8%);}
#shop .p_1 {font-size: 1.278em;line-height: 2.1;font-weight: bold;padding-inline-start: 0.75em;}
#shop .p_1 .ls {margin-inline: 0.25em;}
#shop .dotted {margin-block: 2.75em 4em;transform: translateX(-0.75em);inline-size: min(555px,44%);}
#shop .dl {font-size: 1.111em;inline-size: 100%;margin-block-end: 1em;}
#shop .dl .dt {inline-size: 13.5em;border-block-end: 2px dashed var(--blue2);padding-block-end: 1.125em;line-height: 2;}
#shop .dl .dd {border-block-end: 2px dashed #ccc;padding-block-end: 1.125em;padding-inline-start: 1em;line-height: 2;}

/*privacy*/
#privacy {padding-block: 6.25em 8em;}
#privacy .p_1 {font-size: 1.056em;line-height: 2.3;margin-block-end: 2.65em;}
#privacy .ol .list {border-block-end: 1px solid var(--black1);padding: 2em 0 2em 3.5em;margin-block-end: 2em;}
#privacy .ol .list .dl .dt {font-size: 1.222em;margin-block-end: 0.875em;font-weight: bold;}
#privacy .ol .list .dl .dt .num {font-size: 1.046em;inline-size: 1.75em;line-height: 1;block-size: auto;aspect-ratio: 1;text-align: center;padding-block-start: 0.3em;border-radius: 50%;inset: 0 auto auto -2.5em;}
#privacy .ol .list .dl .dd {font-size: 1.056em;line-height: 2.3;}
#privacy .ol .list .dl .dd .in_ol .in_list {text-indent: -1.5em;padding-inline-start: 1.5em;}
#privacy .ol .list .dl .dd .link {inline-size: fit-content;transition: all 0.3s;}
#privacy .ol .list .dl .dd .link:hover {color: var(--blue1);}
#privacy .ol .list .dl .dd .link i {margin-inline-end: 0.25em;}

/*contact*/
#contact_top {padding-block: 7em 6.5em;}
#contact_top .item1 {inset: 3.5em 7.35% auto auto;inline-size: min(201px,11%);}
#contact_top .item2 {inset: auto auto 3.75em 7.75%;inline-size: min(170px,9%);}
#contact_top .strong {font-size: 1.889em;letter-spacing: 0.03em;}
#contact_top .strong .ls1 {margin-inline: 0.5em 0.15em;}
#contact_top .strong .ls2 {margin-inline: 0.25em;}
#contact_top .dotted_line {margin-block: 2.55em 2.125em;transform: translateX(-0.35em);inline-size: min(267px,14%);}
#contact_top .p_1 {font-size: 1.222em;line-height: 2.25;padding-inline-start: 0.5em;}
#links {padding-block: 2em 5.5em;}
#links .top {padding-inline: 5.5%;}
#links .top .ttl1 {font-size: 2.556em;letter-spacing: 0.03em;margin-inline-start: 5%;margin-block-start: 1.15em;}
#links .top .ttl1 .icon {inline-size: min(60px,1.35em);margin-block-end: 0.1em;}
#links .top .ttl1 .small {font-size: 0.456em;}
#links .top .text {font-size: 1.222em;letter-spacing: 0.03em;margin-block-start: 5em;line-height: 2.3em;}
#links .top .text .ls1 {margin-inline-end: 0.25em;}
#links .top .text .ls2 {margin-inline: 0.25em;}
#links .bottom {justify-content: center;gap: 6.542%;margin-block-start: 1em;padding-inline: 16.125%;}
#links .bottom [class^="link_"] {inline-size: 46.729%;border-radius: 100vmax;padding-block: 1.15em 1.55em;margin-block-end: 2.95em;box-shadow: 0 0.125em 0.35em #8eb7bb;border: 0.2em solid #fff;transition: all 0.3s;}
#links .bottom .link_line {padding-inline-start: 1em;}
#links .bottom .link_line .line_logo {inline-size: clamp(29px,3.125vw,60px);inset: 50% auto auto 2.5em;transform: translateY(-50%);}
#links .bottom .link_line .text {font-size: 2em;letter-spacing: 0.02em;font-weight: bold;}
#links .bottom .link_insta {padding-inline-start: 2em;}
#links .bottom .link_insta .insta_logo {inline-size: clamp(29px,3.125vw,60px);inset: 51% auto auto 2.5em;transform: translateY(-50%);}
#links .bottom .link_insta:hover {opacity: 0.75;filter: brightness(120%);}
#links .bottom .link_insta .text {font-size: 2em;letter-spacing: 0.02em;font-weight: bold;}
#links .bottom .link_youtube {padding-inline-start: 5.25em;}
#links .bottom .link_youtube .youtube_logo {block-size: clamp(29px,2.8vw,54px);inline-size: auto;inset: 51% auto auto 2.45em;transform: translateY(-50%);}
#links .bottom .link_youtube:hover {opacity: 0.75;filter: brightness(120%);}
#links .bottom .link_youtube .text {font-size: 2em;font-weight: bold;}
#links .bottom .link_youtube .text .small {font-size: 0.8888em;margin-inline-start: 0.2em;}
#links .bottom .link_online {padding-inline-start: 1em;border-color: var(--black1)}
#links .bottom .link_online .fa-cart-shopping {font-size: 2.222em;inset: 50% auto auto 1.35em;transform: translateY(-50%);}
#links .bottom .link_online:hover {background-color: #fff;color: #000;}
#links .bottom .link_online .text {font-size: 2em;letter-spacing: 0.02em;font-weight: bold;}
#links .bottom .link_music {padding: 1.65em 0 1.75em 3.125em;}
#links .bottom .link_music .fa-music {font-size: 2.222em;inset: 50% auto auto 1.125em;transform: translateY(-50%);}
#links .bottom .link_music:hover {background-color: #000;color: #fff;}
#links .bottom .link_music .text {font-size: 1.778em;letter-spacing: 0.02em;font-weight: bold;}
#contact {background: linear-gradient(180deg,#fff 0%, #fff 62%,var(--blue2) 62%,var(--blue2) 100% );padding-block: 3.75em 6.75em;}
#contact .item3 {inset: -5.2em 9.2% auto auto;inline-size: min(221px,12%);}
#contact .item4 {inset: 16em auto auto 7%;inline-size: min(255px,13.29%);}
#contact .item5 {inset: 44% 3.75% auto auto;inline-size: min(108px,5.625%);}
#contact .item6 {inset: auto auto 5em 6%;inline-size: min(239px,12.45%);}
#contact .ttl1 {font-size: 2.556em;letter-spacing: 0.03em;margin-block-end: 0.825em;}
#contact .ttl1 .icon {inline-size: min(60px,1.31em);margin-block-end: 0.25em;}
#contact .ttl1 .small {font-size: 0.456em;line-height: 1.35;}
#contact .dashed_line {inline-size: min(213px,14%);margin-block-end: 3.7em;}
#contact .p_1 {font-size: 1.222em;line-height: 2.3;padding-inline-start: 0.75em;margin-block-end: 1.75em;}
#contact .p_2 {font-size: 1.111em;padding-inline-start: 0.65em;}
#contact .p_2 .link {text-decoration: underline;transition: all 0.3s;}
#contact .p_2 .link:hover {color: var(--blue1);}
#contact .contact_form {padding-inline: 10%; margin-block-start: 4.65em;padding-block-end: 5em;border-radius: 1.65em;}
#contact .contact_form form .dl {inline-size: 100%;margin: 0 auto 1.5em auto;padding-block: 0 1.75em;border-block-end: 1px dashed #ccc;}
#contact .contact_form form .dl .dt {inline-size: 17.25em;font-size: 1.111em;padding-block-start: 1em;padding-inline-start: 0.125em;}
#contact .contact_form form .dl .dt .n {font-size: 0.75em;padding: 0.15em 0.875em 0.35em;transform: translateY(0.25em);line-height: 1.4;margin-inline-end: 2em;border-radius: 100vmax;}
#contact .contact_form form .dl .dt .h {font-size: 0.75em;padding: 0.15em 0.875em 0.35em;transform: translateY(0.25em);line-height: 1.4;margin-inline-end: 2em;border-radius: 100vmax;}
#contact .contact_form form .dl .dd .memo {margin-block: 1.125em 0.5em;}
#contact .contact_form form .dl .dd input[type="text"],
#contact .contact_form form .dl .dd input[type="tel"],
#contact .contact_form form .dl .dd input[type="email"],
#contact .contact_form form .dl .dd textarea {font-family: inherit;font-size: 1.111em;background-color: var(--blue3);padding: 0.95em 0.95em 1.15em 1em;inline-size: 100%;box-sizing: border-box;border-radius: 0.15em;border: none;font-weight: bold;color: #666;letter-spacing: 0.03em;}
#contact .contact_form form .dl .dd textarea {block-size: auto;aspect-ratio: 920 / 200;resize: none;}
#contact .contact_form .text {margin-block-start: 2.875em;font-size: 1.111em;letter-spacing: 0.02em;}
#contact .contact_form .text .link {text-decoration: underline;transition: all 0.3s;color: var(--black1);}
#contact .contact_form .text .link:hover {color: var(--blue1);}
#contact .contact_form .send_btn {inline-size: min(400px,22.5em);margin-block-start: 2.875em;}
#contact .contact_form .send_btn::after {content: "";position: absolute;background-image: url(../img/top/iluust_arrow2.png);inline-size: min(86px,5.2em);block-size: auto;aspect-ratio: 86 / 54;inset: 50% 2em auto auto;transition: all 0.3s;background-position: center;background-size: cover;background-repeat: no-repeat;transform: translateY(-50%);pointer-events: none;}
#contact .contact_form .send_btn:hover::after {inset: 50% 1.5em auto auto;}
#contact .contact_form .send_btn input {font-size: 1.333em;inline-size: 100%;border-radius: 100vmax;font-weight: 600;padding: 1em 0 1em 0;font-family: inherit;cursor: pointer;transition: all 0.3s;appearance: none;block-size: auto;border: 0.1em solid #68c6cd !important;background-color: #fff;color: #000;}
#contact .contact_form .send_btn:hover input {background-color: var(--blue1);color: #fff;}
#contact .wpcf7-spinner {position: absolute !important;margin-inline: auto !important;inset: 120% 0 auto 0;}
#contact .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {inline-size: fit-content;margin-inline: auto;margin-block-start: 4em;}
#contact .wpcf7 form.sent .wpcf7-response-output,.wpcf7 form .wpcf7-response-output {inline-size: fit-content;margin: 4em auto 0 auto;}
#contact .wpcf7 form.spam .wpcf7-response-output {margin-inline: auto;}
.grecaptcha-badge {visibility: hidden;}
#contact .wpcf7-not-valid-tip {font-size: 0.75em;}
#contact .wpcf7 form .wpcf7-response-output {padding: 0.25em 1em;}

/*post*/
#post {padding-block: 6.25em 11em;}
#post .post_side {inline-size: 64.5%;}
#post .post_side .post_column {inline-size: min(480px,47.25%);margin-block-end: 4em;}
#post .thumb {margin-block-end: 0.875em;}
#post .thumb_post {margin-block-end: 2em;}
#post .thumb a {overflow: hidden;border-radius: 1.125em;box-shadow: 0.075em 0.1em 0.35em #ccc;position: relative;inline-size: min(480px,100%);block-size: auto;aspect-ratio: 1020 / 640;}
#post .thumb img {inline-size: min(480px,100%);position: absolute;inset: 0;margin: auto;block-size: 100%;object-fit: cover;}
#post .thumb_post img {inline-size: min(1020px,100%);border-radius: 1em;}
#post .meta .time {font-size: 1.111em;margin-inline-end: 1em;}
#post .meta .cate {font-size: 0.944em;border: 1px solid;padding: 0.05em 0 0.125em 0;border-radius: 100vmax;font-weight: bold;inline-size: 6.5em;display: inline-block;text-align: center;line-height: 1.5em;}
#post .post_ttl {margin-block-start: 0.65em;}
#post .post_ttl .em {font-size: 1.111em;line-height: 2;transition: all 0.3s;}
#post .post_ttl a:hover .em {color: var(--blue1);}
#post .post_in_ttl {margin-block: 0.5em 2.75em;border-block-end: 0.45em dotted var(--blue1);padding-block-end: 0.75em;}
#post .post_in_ttl .em {font-size: 1.556em;line-height: 2;}
#post .single_post_column {border-block-end: 2px dashed #ccc;padding-block-end: 2.25em;margin-block-end: 3em;}
#post .post_content p {font-size: 1.111em;line-height: 2.5em;}
#post .post_content p .link_online {font-size: 1.3em;padding: 0.25em 2.5em 0.5em 1.5em;border-radius: 100vmax;margin-block-start: 1.875em;inline-size: fit-content;font-weight: bold;letter-spacing: 0.035em;}
#post .post_content p .link_online i {margin-inline-end: 0.75em;}
#post .post_content img {max-inline-size: 100%; border-radius: 1em;}
#post .page_navi {margin-block-start: 1em;}
#post .page_navi ul.page-numbers {display: flex;justify-content: flex-start;gap: 1.25em;}
#post .page_navi ul.page-numbers .page-numbers {font-size: 1.556em;background-color: var(--blue2);inline-size: 2.5em;text-align: center;line-height: 1;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.625em;color: #000;border: 0.125em solid var(--blue2);display: block;margin-block-end: 0.5em;transition: all 0.3s;}
#post .page_navi ul.page-numbers .page-numbers:hover {background-color: var(--blue1);color: #fff;}
#post .page_navi ul.page-numbers .page-numbers.current {background-color: #fff;}
#post .page_navi ul.page-numbers .page-numbers.current:hover {background-color: #fff;color: #000;}
#post .page_navi ul.page-numbers .page-numbers.next {background-color: transparent;border: none;inline-size: min(70px,2.5em);block-size: auto;aspect-ratio: auto;line-height: initial;padding-block-start: 0.35em;}
#post .page_navi ul.page-numbers .page-numbers.prev {background-color: transparent;border: none;inline-size: min(70px,2.5em);block-size: auto;aspect-ratio: auto;line-height: initial;padding-block-start: 0.35em;}
#post .page_navi ul.page-numbers .page-numbers.next img,
#post .page_navi ul.page-numbers .page-numbers.prev img {inline-size: min(70px,100%);transition: all 0.3s;}
#post .page_navi ul.page-numbers .page-numbers.next:hover img,
#post .page_navi ul.page-numbers .page-numbers.prev:hover img {opacity: 0.75;}
#post .archive_ttl {margin-block: 0 1em;font-size: 1.875em;}
#post .single_page_navi .page-numbers.prev {inline-size: 49%;transition: all 0.3s;}
#post .single_page_navi .page-numbers.prev img {margin-inline-end: 1.5em;}
#post .single_page_navi .page-numbers.prev .prev_text {font-size: 1.111em;}
#post .single_page_navi .page-numbers.next {inline-size: 49%;transition: all 0.3s;}
#post .single_page_navi .page-numbers.next img {margin-inline-start: 1.5em;}
#post .single_page_navi .page-numbers.next .next_text {font-size: 1.111em;}
#post .single_page_navi .page-numbers.prev:hover,
#post .single_page_navi .page-numbers.next:hover {color: var(--blue1);}
#post .single_page_navi .page-numbers img {inline-size: min(60px,3.5em);}
#post .single_page_navi .page-numbers .post-title {font-size: 1.111em;margin-block-start: 1em;}
#post .sidebar_side {inline-size: 26.75%;}
#post .sidebar_side .widget {margin-block-end: 7em;}
#post .sidebar_side .widget .side_title {margin-block: 0 0;border-block-end: 2px dashed var(--blue1);padding-block-end: 1.25em;line-height: 1;}
#post .sidebar_side .widget .side_title i {font-size: 1.778em;margin-inline-end: 0.5em;vertical-align: top;}
#post .sidebar_side .widget .side_title em {font-size: 1.333em;vertical-align: super;}
#post .sidebar_side .widget ul li {font-size: 1.111em;border-block-end: 1px dashed #999;padding-block: 0.25em 1em;margin-block-end: 0.75em;line-height: 2;}
#post .sidebar_side .widget ul li a {color: var(--black1);transition: all 0.3s;}
#post .sidebar_side .widget ul li a:hover {color: var(--blue1);}

/*cat*/
#cats {padding-block: 5.875em 3em;}
#cats .p_1 {font-size: 1.278em;line-height: 2.2;font-weight: bold;margin-block-end: 6em;padding-inline-start: 0.75em;}
#cats .p_1:after {content: "";position: absolute;background-image: url(../img/cats/dotted_line.png);aspect-ratio: 555 / 8;inline-size: min(555px,29%);block-size: auto;inset: 148% 0 auto 0;margin-inline: auto;transform: translateX(-0.5em);background-repeat: no-repeat;background-position: center;background-size: cover;}
#cats .column1 {padding-block: 5.35em 5.5em;}
#cats .column2 {padding-block: 4.35em 6em;}
#cats .column3 {padding-block: 5.35em 5.5em;}
#cats .column4 {padding-block: 5.65em 5.75em;}
#cats .column5 {padding-block: 5.35em 6em;}
#cats .column6 {padding-block: 5.35em 2.5em;}
#cats [class^="column"] {padding-inline: 8.875%}
#cats [class^="column"]:nth-of-type(odd) {background-image: url(../img/cats/bg1.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100%;}
#cats [class^="column"] .text_side {inline-size: 59.5%;}
#cats [class^="column"] .text_side .cat_name {font-size: 1.833em;margin-block: 0 2.125em;line-height: 1;font-weight: bold;}
#cats [class^="column"] .text_side .cat_name:after {content: "";position: absolute;background-image: url(../img/cats/name_line.png);aspect-ratio: 940 / 12;inline-size: min(940px,100%);block-size: auto;inset: 205% auto auto 0;background-repeat: no-repeat;background-position: center;background-size: cover;}
#cats [class^="column"] .text_side .cat_name .small {font-size: 0.758em;margin-inline-start: 2.35em;letter-spacing: 0.05em;}
#cats .column3 .text_side .cat_name .small {margin-inline-start: 1.875em;}
#cats .column6 .text_side .cat_name .small {margin-inline-start: 2em;}
#cats [class^="column"] .text_side .cat_name .name_item1 {inset: -1em auto auto 26.25%;inline-size: min(82px,2.5em);}
#cats [class^="column"] .text_side .cat_name .name_item2 {inset: -1.35em auto auto 35.25%;inline-size: min(56px,1.875em);}
#cats [class^="column"] .text_side .cat_name .name_item3 {inset: -1.35em auto auto 36.25%;inline-size: min(52px,1.75em);}
#cats [class^="column"] .text_side .cat_name .name_item4 {inset: -1.35em auto auto 36.25%;inline-size: min(46px,1.5em);}
#cats [class^="column"] .text_side .cat_name .name_item5 {inset: -1.25em auto auto 29.25%;inline-size: min(26px,0.875em);}
#cats [class^="column"] .text_side .cat_name .name_item6 {inset: -1.25em auto auto 42%;inline-size: min(40px,1.25em);}
#cats [class^="column"] .text_side .text {font-size: 1.111em;line-height: 2.5;}
#cats [class^="column"] .img_side {inline-size: min(550px,35%);z-index: 1;}
#cats [class^="column"] .img_side:before {content: "";position: absolute;inline-size: 100%;block-size: 100%;border: 2px dotted var(--blue1);border-radius: 1.15em;inset: 0.5em auto auto 0.6em;z-index: -1;}
#cats [class^="column"] .img_side .img {border-radius: 1.125em;inline-size: min(550px,100%);}
#cats [class^="column"] .item1 {inset: -10.5em 6.5% auto auto;inline-size: min(223px,12%);z-index: 1;}
#cats [class^="column"] .item2 {inset: auto auto -0.5em 12.65%;inline-size: min(217px,12%);z-index: 1;}
#cats [class^="column"] .item3 {inset: auto 14.25% 4em auto;inline-size: min(160px,9%);z-index: 1;}
#cats [class^="column"] .item4 {inset: auto auto 3.5em 31.75%;inline-size: min(158px,9%);z-index: 1;}
#cats [class^="column"] .item5 {inset: auto 12.75% 3em auto;inline-size: min(199px,11%);z-index: 1;}
#cats [class^="column"] .item6 {z-index: 1;}

/*creator*/
#creator {padding-block: 5.25em 7.75em;}
#creator .ttl1 {font-size: 2.556em;margin-block-end: 1.75em;}
#creator .ttl1:after {content: "";position: absolute;background-image: url(../img/creator/ttl_line.png);background-position: center;background-repeat: no-repeat;background-size: cover;inline-size: min(213px,5em);block-size: auto;aspect-ratio: 213 / 5;inset: calc(100% + 0.6em) 0 auto 0;margin-inline: auto;}
#creator .ttl1 .icon {inline-size: min(70px,1.53em);margin-block-end: -0.05em;}
#creator .ttl1 .small {font-size: 0.456em;}
#creator [class^="column"] .text_side .strong {font-size: 1.444em;letter-spacing: 0.05em;line-height: 1.95;margin-block-end: 0.5em;}
#creator [class^="column"] .text_side .text1 {font-size: 1.111em;line-height: 2.5;}
#creator [class^="column"] .text_side .text1 .em {font-size: 1.3em;font-weight: bold;letter-spacing: 0.05em;margin-block-start: 1.65em;}
#creator [class^="column"] .text_side .text2 {font-size: 1.111em;line-height: 2.5;}
#creator [class^="column"] .text_side .text_dotted_line {inline-size: min(723px,100%);}
#creator [class^="column"] .img_side {inline-size: min(900px,47%);z-index: 1;}
#creator .column1 {margin-block-end: 4.75em;}
#creator .column1 .text_side {margin-inline-start: 9%;inline-size: 39%;}
#creator .column1 .text_side .text1 {margin-block-end: 0.25em;}
#creator .column1 .img_side {margin-block-start: 1em;}
#creator .column1 .img_side:before {content: "";position: absolute;z-index: -1;inline-size: 100.425%;block-size: 100.65%;inset: 0.5em 0.6em auto auto;background-image: url(../img/creator/img_side_bg1.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
#creator .column1 .img_side .img {border-radius: 1.15em 0 0 1.15em;}
#creator .column2 .text_side {margin-inline-end: 9%;inline-size: 38%;}
#creator .column2 .text_side .strong {margin-block-end: 0.35em;}
#creator .column2 .text_side .text1 {margin-block: 0.65em 0.35em;}
#creator .column2 .text_side .text1 .em {margin-block-start: 2.1em;}
#creator .column2 .text_side .text2 {margin-block-start: 0.75em;}
#creator .column2 .img_side {margin-block-start: 1em;}
#creator .column2 .img_side:before {content: "";position: absolute;z-index: -1;inline-size: 100.425%;block-size: 100.65%;inset: 0.5em auto auto 0.6em;background-image: url(../img/creator/img_side_bg2.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
#creator .column2 .img_side .img {border-radius: 0 1.15em 1.15em 0;}
#creator .item1 {inset: 5.65em auto auto 8.5%;inline-size: min(262px,14%);}
#creator .item2 {inset: 3.75em 11.25% auto auto;inline-size: min(222px,12%);}
#creator .item3 {inset: 59.65% 2.35em auto auto;inline-size: min(90px,5%);}

/*renassamg*/
#renassamg {padding-block: 5em 9em;background-image: url(../img/creator/bg1.jpg);background-repeat: repeat-y;background-size: 100%;background-position: center top;}
#renassamg .ttl1 {font-size: 2.556em;margin-block-end: 2.2em;}
#renassamg .ttl1:after {content: "";position: absolute;background-image: url(../img/creator/ttl_line.png);background-position: center;background-repeat: no-repeat;background-size: cover;inline-size: min(213px,5em);block-size: auto;aspect-ratio: 213 / 5;inset: calc(100% + 0.6em) 0 auto 0;margin-inline: auto;}
#renassamg .ttl1 .icon {inline-size: min(182px,4em);margin-block-end: 0.125em;}
#renassamg .ttl1 .span {margin-inline-end: 0.25em;letter-spacing: 0.03em;}
#renassamg .ttl1 .small {font-size: 0.456em;}
#renassamg .inner {padding: 3.5em 5.205% 4.5em 5.205%;border-radius: 1.5em;}
#renassamg [class^="column"] .text_side {inline-size: 46.25%;}
#renassamg [class^="column"] .text_side .p_1 {margin-block: 0.75em 0.75em;}
#renassamg [class^="column"] .text_side .p_1 .em {font-size: 1.444em;font-weight: bold;letter-spacing: 0.05em;line-height: 1.875;}
#renassamg [class^="column"] .text_side .p_2 {font-size: 1.111em;line-height: 2.5;margin-block: 0.75em 0.5em;}
#renassamg [class^="column"] .text_side .p_2 .em {font-size: 1.3em;font-weight: bold;letter-spacing: 0.05em;line-height: 1.875;inline-size: 105%;margin-block-start: 2em;}
#renassamg [class^="column"] .text_side .p_2 .mark1 {background: linear-gradient(to bottom,#fff 0%,#fff 75%,#c3eff3 75%,#c3eff3 100%);}
#renassamg [class^="column"] .text_side .p_3 {font-size: 1.111em;line-height: 2.5;margin-block: 0.75em;}
#renassamg [class^="column"] .text_side .text_dashed_line {inline-size: min(731px,100%);}
#renassamg .column1 {margin-block-end: 1.65em;}
#renassamg .column1 .img_side {margin-block-start: 1.5em;inline-size: min(730px,46.25%);}
#renassamg .column2 {margin-block-end: 3.65em;}
#renassamg .column2 .img_side {margin-block-start: 1.15em;inline-size: min(730px,46.25%);}
#renassamg .column3 .text_side {inline-size: 47.5%;}
#renassamg .column3 .img_side {inline-size: min(758px,48%);}
#renassamg .item4 {inset: -7.4em auto auto 10.95%;inline-size: min(256px,14%);}
#renassamg .item5 {inset: 7.875em 7.35% auto auto;inline-size: min(322px,17%);}

/*cd*/
#cd {padding-block: 5.35em 9.875em;}
#cd .ttl {font-size: 1.778em;letter-spacing: 0.05em;margin-block-end: 2.65em;}
#cd .ttl:after {content: "";position: absolute;background-image: url(../img/cats/dotted_line.png);aspect-ratio: 555 / 8;inline-size: min(555px,29%);block-size: auto;inset: 134% 0 auto 0;margin-inline: auto;transform: translateX(-0.5em);background-repeat: no-repeat;background-position: center;background-size: cover;}
#cd .p_1 {line-height: 2.5;font-size: 1.111em;margin-block-end: 1.6em;}
#cd .link_box {inline-size: min(1060px,58%);margin: 3.65em auto 0 auto;}
#cd .link_box .flex_item {border: 1px solid #000;inline-size: 47.25%;text-align: center;font-size: 1.778em;letter-spacing: 0.02em;padding-block: 0.9em 1em;border-radius: 100vmax;padding-inline-start: 1.75em;font-weight: bold;transition: all 0.3s;}
#cd .link_box .flex_item:hover {background-color: #000;color: #FFF;}
#cd .link_box .flex_item .fa-envelope {inset: 50% auto auto 1.125em;transform: translateY(-50%);font-size: 1.250em;transition: all 0.3s;}
#cd .link_box .flex_item .fa-music {inset: 50% auto auto 1.125em;transform: translateY(-50%);font-size: 1.250em;transition: all 0.3s;}
#cd .item1 {inset: 6.65em auto auto 4.25%;inline-size: min(316px,17%);}
#cd .item2 {inset: 13.875em 6.75% auto auto;inline-size: min(280px,15%);}

/*music*/
#music {padding-block: 5.75em 4.875em;}
#music .ttl {font-size: 1.278em;letter-spacing: 0;margin-block-end: 3.35em;line-height: 2.25em;}
#music .ttl:after {content: "";position: absolute;background-image: url(../img/cats/dotted_line.png);aspect-ratio: 555 / 8;inline-size: min(555px,29%);block-size: auto;inset: 134% 0 auto 0;margin-inline: auto;transform: translateX(-0.5em);background-repeat: no-repeat;background-position: center;background-size: cover;}
#music .p_1 {line-height: 2.5;font-size: 1.111em;margin-block-end: 1.6em;}
#music .middle_inner {}
#music .middle_inner:after {content: "";position: absolute;inline-size: 100%;block-size: 1em;background-color: #fff;inset: auto 0 2.75em 0;margin: auto;}
#music .ttl2 {font-size: 1.778em;letter-spacing: 0.02em;margin-block: 3em 2.45em;padding-inline-end: 2em;padding-block-end: 0.5em;}
#music .ttl2.nth {margin-block-start: 0em;}
#music .ttl2:after {content: "";position: absolute;background-image: url(../img/music/line.png);aspect-ratio: 940 / 12;block-size: auto;inline-size: min(940px,49%);inset: 100% 0 auto 0;margin-inline: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
#music .ttl2 i {margin-inline-end: 0.4em;font-size: 1.25em;vertical-align: text-bottom;}
#music .flex_item {margin-block-end: 3.35em;padding-block-end: 3.25em;}
#music .flex_item:after {content: "";position: absolute;inline-size: 91%;block-size: 1px;background-color: #ddd;inset: 100% auto auto 0;}
#music .flex_item .img_side {box-shadow: 0.05em 0.05em 0.5em #d9d9d9;inline-size: min(200px,25.325%);}
#music .flex_item .img_side .img {inline-size: min(200px,100%);}
#music .flex_item .link_side {inline-size: 71%;}
#music .flex_item .link_side .text {font-size: 1.556em;letter-spacing: 0.02em;font-weight: bold;transition: all 0.3s;}
#music .flex_item .link_side .text .small {font-size: 0.678em;letter-spacing: 0;line-height: 1;margin-block-end: 0.5em;}
#music .flex_item .link_side:after {content: "";position: absolute;background-image: url(../img/music/arrow.png);inline-size: min(84px,5em);block-size: auto;aspect-ratio: 84 / 54;background-position: center;background-repeat: no-repeat;background-size: cover;inset: auto 5.75em 0 auto;transition: all 0.3s;}

#music .flex_item .link_side:hover .text {color: var(--blue1);}
#music .flex_item .link_side:hover:after {inset: auto 4.75em 0 auto;}
#music .item1 {inset: 5.125em auto auto 6%;inline-size: min(248px,13%);}
#music .item2 {inset: 20em 2.25% auto auto;inline-size: min(340px,18%);}
#music .item3 {inset: auto 3.15% 13.2em auto;inline-size: min(344px,18%);}

/*product*/
#product {padding-block: 5.25em 5.75em;}
#product .ttl {font-size: 1.889em;letter-spacing: 0.03em;padding-inline-start: 0.5em;margin-block-end: 2.05em;}
#product .ttl:after {content: "";position: absolute;background-image: url(../img/product/dotted_line3.png);inline-size: min(267px,15em);block-size: auto;aspect-ratio: 267 / 8;background-repeat: no-repeat;background-position: center;background-size: cover;inset: calc(100% + 0.75em ) 0 auto 0;margin-inline: auto;}
#product .p_1 {font-size: 1.222em;line-height: 2.35;}
#product .link_box {justify-content: center;gap: 3em;inline-size: fit-content;margin-inline: auto;}
#product .link_online {inline-size: min(461px,13em);font-size: 2em;letter-spacing: 0.02em;padding: 0.35em 1.9em 0.65em 3.3em;border-radius: 100vmax;margin-block: 1.3em 2.75em;font-weight: bold;border: 1px solid #000;background-color: #000;transition: all 0.3s;}
#product .link_online:hover {background-color: #fff;color: #000;}
#product .link_online i {inset: 50% auto auto 1.5em;transform: translateY(-50%);font-size: 1.111em;}
#product .item1 {inset: 5em 6% auto auto;inline-size: min(204px,11%);}
#product .item2 {inset: 15.65em auto auto 7.25%;inline-size: min(195px,11%);}
#product .item3 {inset: auto 8% 21em auto;inline-size: min(365px,20%);}
.product_list {justify-content: flex-start;gap: 6.181475%;}
.product_list .product_item {inline-size: min(520px,29.21235%);margin-block-end: 7.5em;}
.product_list .product_item .img_link {overflow: hidden;border-radius: 1em;box-shadow: -0.25em 0.25em 0.25em #e9e9e9;}
.product_list .product_item .img_link .img,.product_list .product_item .img_link img {inline-size: min(520px,100%);}
.product_list .product_item .item_name {font-size: 1.556em;letter-spacing: 0.05em;font-weight: bold;padding-block-end: 0.95em;margin-block-end: 1.35em;}
.product_list .product_item .item_name:after {content: "";position: absolute;background-image: url(../img/product/dotted_line1.png);inline-size: min(506px,100%);block-size: auto;aspect-ratio: 506 / 8;inset: 105% 0 auto 0;margin-inline: auto;background-repeat: no-repeat;background-position: center;background-size: cover;}
.product_list .product_item .text {font-size: 1.111em;line-height: 2.5;inline-size: 102%;}
.product_list .product_item .item_link {font-size: 1.222em;font-weight: bold;inline-size: fit-content;padding-inline-end: 3.25em;margin-block-start: 1.9em;}
.product_list .product_item .item_link:after {content: "";position: absolute;background-image: url(../img/product/arrow.png);inline-size: min(84px,4em);block-size: auto;aspect-ratio: 84 / 54;background-repeat: no-repeat;background-position: center;background-size: cover;inset: 53% auto auto 83%;transform: translateY(-50%);transition: all 0.3s;z-index: 1;}
.product_list .product_item .item_link:hover:after {inset: 53% auto auto 90%;}
#product .column_top .ttl_side {inline-size: 39.75%;margin-inline-start: 5%;}
#product .column_top .ttl_side .column_top_ttl {font-size: 1.889em;letter-spacing: 0.03em;padding-block-end: 1.35em;margin-block-end: 1.3em;}
#product .column_top .ttl_side .column_top_ttl:after {content: "";position: absolute;background-image: url(../img/product/dotted_line2.png);inline-size: min(717px,100%);block-size: auto;aspect-ratio: 717 / 8; background-repeat: no-repeat;background-position: center;background-size: cover;inset: 100% auto auto 0.3em;}
#product .column_top .ttl_side .column_text {font-size: 1.222em;padding-inline-start: 0.35em;line-height: 2.273em;}
#product .column_top .ttl_side .link_online {margin-inline-start: 0.25em;margin-block-start: 1.9em;}
#product .column_top .img_side {overflow: hidden;border-radius: 1.15em;margin-block-start: 2.75em;inline-size: min(840px,47.5%);}
#product .column_top .img_side .img {inline-size: min(840px,100%);}
#product .text2 {font-size: 1.222em;line-height: 2.273em;margin-block: 2.95em 4em;}
.product_list .product_item.dashed {margin-block-end: 5.5em;padding-block-end: 1.75em;}
.product_list .product_item.dashed .item_link {font-size: 1.556em;margin-inline-start: 0;letter-spacing: 0.05em;margin-block-start: 1em;}
.product_list .product_item.dashed .item_link::after {inset: 53% auto auto calc(100% - 1.75em);}
.product_list .product_item.dashed .item_link:hover::after {inset: 53% auto auto calc(100% - 0.75em);}
.product_list .product_item.dashed:before {content: "";position: absolute;background-image: url(../img/product/dashed_line1.png);inline-size: min(522px,100%);block-size: auto;aspect-ratio: 522 / 7; background-repeat: no-repeat;background-position: center;background-size: cover;inset: 100% 0 auto 0;margin-inline: auto;}
.product_list .last_product_item {inline-size: 60%;block-size: auto;aspect-ratio: 1068 / 689;margin-inline: auto 0;}
.product_list .last_product_item .cat {inset: 26% 6.75em auto auto;inline-size: min(619px,58%);}



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