/*#region var*/
:root {
--pxunit: 10px;
--fontB: 'Noto Sans JP';
/* Base font */
--fontT: 'Montserrat';
/* Title font */
--colorT: #F76A0C;
--headerH: 80px;
}

@media (max-width: 991px) {
:root {
--pxunit: 9px;
}
}

@media (max-width: 767px) {
:root {
--pxunit: 6px;
}
}

@media (max-width: 450px) {
:root {
--pxunit: 2px;
}
}

* {
box-sizing: border-box;
color: #482607;
font-family: var(--fontB);
font-weight: 400;
line-height: 1;
}

body {
margin: 0;
padding: 0;
background-color: #F5F3EE !important;
}

section {
background-color: #F5F3EE !important;
}

.hx1 {
content: "";
height: var(--pxunit);
}

.hx2 {
content: "";
height: calc(var(--pxunit)*2);
}

.hx3 {
content: "";
height: calc(var(--pxunit)*3);
}

.hx4 {
content: "";
height: calc(var(--pxunit)*4);
}

.hx5 {
content: "";
height: calc(var(--pxunit)*5);
}

.hx6 {
content: "";
height: calc(var(--pxunit)*6);
}

.hx7 {
content: "";
height: calc(var(--pxunit)*7);
}

.hx8 {
content: "";
height: calc(var(--pxunit)*8);
}

.hx9 {
content: "";
height: calc(var(--pxunit)*9);
}

.hx10 {
content: "";
height: calc(var(--pxunit)*10);
}

.hx11 {
content: "";
height: calc(var(--pxunit)*11);
}

.hx12 {
content: "";
height: calc(var(--pxunit)*12);
}

.hx13 {
content: "";
height: calc(var(--pxunit)*13);
}

.hx14 {
content: "";
height: calc(var(--pxunit)*14);
}

.hx15 {
content: "";
height: calc(var(--pxunit)*15);
}

.hx16 {
content: "";
height: calc(var(--pxunit)*16);
}

.hx17 {
content: "";
height: calc(var(--pxunit)*17);
}

.hx18 {
content: "";
height: calc(var(--pxunit)*18);
}

.hx19 {
content: "";
height: calc(var(--pxunit)*19);
}

.hx20 {
content: "";
height: calc(var(--pxunit)*20);
}

/*#endregion var*/

/*#region RESET*/

html {
scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

p {
margin: 0px;
padding: 0px;
}

a {
text-decoration: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}

a:hover,
a:focus,
a:active {
outline: none;
text-decoration: none;
}

input {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}

input:hover,
input:focus,
input:active {
outline: none;
}

input::-webkit-input-placeholder {
color: #333333;
}

input::-moz-placeholder {
color: #333333;
}

input:-ms-input-placeholder {
color: #333333;
}

input:-moz-placeholder {
color: #333333;
}

textarea::-webkit-input-placeholder {
color: #333333;
}

textarea::-moz-placeholder {
color: #333333;
}

textarea:-ms-input-placeholder {
color: #333333;
}

textarea:-moz-placeholder {
color: #333333;
}

button:focus {
outline: 0;
}

ul {
margin: 0px;
padding: 0px;
}

ul li {
list-style-type: none;
}

img {
border: 0px;
}

/*#endregion RESET*/

/*#region pspander*/
.pspander_header {
cursor: pointer;
}

.pspander_opened {
display: block;
}

.pspander_closed {
display: none;
}

.pspander.pst_show .pspander_opened {
display: none;
}

.pspander.pst_show .pspander_closed {
display: block;
}

.pspander_collapse {
display: none;
}

/*#endregion pspander*/
/*#region ANIMATION*/
/*#region opacity animation*/
.js_opac {
opacity: 0;
transition: all .6s;
transition-delay: .3s;
}

.js_opac.on {
opacity: 1;
}

/*#endregion opacity animation*/
/*#region spin animation*/
/* spin1 */
@keyframes spin1 {
0% {
transform: rotate(0deg)translate3d(7px, 0, 0);
}

100% {
transform: rotate(360deg)translate3d(7px, 0, 0);
}
}

/* spin2 */
@keyframes spin2 {
0% {
transform: rotate(0deg)translate3d(5px, 0, 0);
}

100% {
transform: rotate(360deg)translate3d(5px, 0, 0);
}
}

/* spin3 */
@keyframes spin3 {
0% {
transform: rotate(0deg)translate3d(6px, 0, 0);
}

100% {
transform: rotate(360deg)translate3d(6px, 0, 0);
}
}

/* spin4 */
@keyframes spin4 {
0% {
transform: rotate(0deg)translate3d(3px, 0, 0);
}

100% {
transform: rotate(-360deg)translate3d(3px, 0, 0);
}
}

/* spin5 */
@keyframes spin5 {
0% {
transform: rotate(0deg)translate3d(2px, 0, 0);
}

100% {
transform: rotate(-360deg)translate3d(2px, 0, 0);
}
}

.circleWrap {
position: relative;
width: 100%;
height: 100%;
}

.circle {
position: absolute;
border-radius: 50%;
width: 100%;
height: 100%;
}

.c_pos01 {
top: 0;
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.9);
-webkit-animation: spin1 5s linear infinite;
-moz-animation: spin1 5s linear infinite;
-ms-animation: spin1 5s linear infinite;
-o-animation: spin1 5s linear infinite;
animation: spin1 5s linear infinite;
/*
    -webkit-animation: bo-co1 10s infinite; */
}

.c_pos02 {
top: 0;
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.9);
-webkit-animation: spin2 4s linear infinite;
-moz-animation: spi2 4s linear infinite;
-ms-animation: spin2 4s linear infinite;
-o-animation: spin2 4s linear infinite;
animation: spin2 4s linear infinite;
/*
    -webkit-animation: bo-co2 9s infinite; */
}

.c_pos03 {
top: 0;
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.9);
-webkit-animation: spin3 7s linear infinite;
-moz-animation: spi3 7s linear infinite;
-ms-animation: spin3 7s linear infinite;
-o-animation: spin3 7s linear infinite;
animation: spin3 7s linear infinite;
/*
    -webkit-animation: bo-co3 11s infinite; */
}

.c_pos04 {
top: 0;
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.9);
-webkit-animation: spin4 7s linear infinite;
-moz-animation: spi4 7s linear infinite;
-ms-animation: spin4 7s linear infinite;
-o-animation: spin4 7s linear infinite;
animation: spin4 7s linear infinite;
/*
    -webkit-animation: bo-co1 12s infinite; */
}

.c_pos05 {
top: 0;
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.9);
-webkit-animation: spin5 8s linear infinite;
-moz-animation: spi5 8s linear infinite;
-ms-animation: spin5 8s linear infinite;
-o-animation: spin5 8s linear infinite;
animation: spin5 8s linear infinite;
/*
    -webkit-animation: bo-co2 10s infinite; */
}

/*#endregion spn animation*/
/*#region rotate animation*/
.rot360 {
transform: rotate(0deg);
animation: anim_rotate360 10s linear infinite;
}

@keyframes anim_rotate360 {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

/*#endregion rotate animation*/
/*#region clip-left-right animation*/
.panir3 {
display: inline-block;
clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
transition: all 1s cubic-bezier(0.5, 1, 0.89, 1);
vertical-align: middle;
}

.panir3.on {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
}

.panil3 {
display: inline-block;
clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0 100%);
transition: all 1s cubic-bezier(0.5, 1, 0.89, 1);
vertical-align: middle;
}

.panil3.on {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
}

/*#endregion clip-left-right animation*/
/*#region pani text rising animation*/
.pani4 {
display: flex;
overflow: hidden;
}

.pani4 span {
display: block;
transform: translateY(100%);
transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
color: transparent;
}

.pani4.on span {
color: #222;
transform: translateY(0);
}

.pani4 span:nth-child(0) {
transition-delay: 0ms;
}

.pani4 span:nth-child(1) {
transition-delay: 80ms;
}

.pani4 span:nth-child(2) {
transition-delay: 160ms;
}

.pani4 span:nth-child(3) {
transition-delay: 240ms;
}

.pani4 span:nth-child(4) {
transition-delay: 320ms;
}

.pani4 span:nth-child(5) {
transition-delay: 400ms;
}

.pani4 span:nth-child(6) {
transition-delay: 480ms;
}

.pani4 span:nth-child(7) {
transition-delay: 560ms;
}

.pani4 span:nth-child(8) {
transition-delay: 640ms;
}

.pani4 span:nth-child(9) {
transition-delay: 720ms;
}

.pani4 span:nth-child(10) {
transition-delay: 800ms;
}

.pani4 span:nth-child(11) {
transition-delay: 880ms;
}

.pani4 span:nth-child(12) {
transition-delay: 960ms;
}

.pani4 span:nth-child(13) {
transition-delay: 1040ms;
}

.pani4 span:nth-child(14) {
transition-delay: 1120ms;
}

.pani4 span:nth-child(15) {
transition-delay: 1200ms;
}

.pani4 span:nth-child(16) {
transition-delay: 1280ms;
}

.pani4 span:nth-child(17) {
transition-delay: 1360ms;
}

.pani4 span:nth-child(18) {
transition-delay: 1440ms;
}

.pani4 span:nth-child(19) {
transition-delay: 1520ms;
}

.pani4 span:nth-child(19) {
transition-delay: 1600ms;
}

/*endregion pani text rising animation*/
/*#region evelit animaiton*/
.initani {
overflow: hidden;
position: relative;
}

.initani::before,
.initani::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}

.initani_bw::before {
background-color: #2b3f6c;
}

.initani_bw::after {
background-color: #fff;
}

.initani.initani_ww::before {
background-color: #fff;
}

.initani.initani_ww::after {
background-color: #fff;
}

.initani.initani_wb::before {
background-color: #fff;
}

.initani.initani_wb::after {
background-color: #2b3f6c;
}

.initani.initani_wbk::before {
background-color: #fff;
}

.initani.initani_wbk::after {
background-color: #1A1A1A;
}

.initani.initani_bkw::before {
background-color: #1A1A1A;
}

.initani.initani_bkw::after {
background-color: #fff;
}

.initani.initani_bg::before {
background-color: #2b3f6c;
}

.initani.initani_bg::after {
background-color: #DEE9EC;
}

.initani.initani_bc::before {
background-color: #2b3f6c;
}

.initani.initani_bc::after {
background-color: #E9F9FA;
}

.initani.initani_wg::before {
background-color: #fff;
}

.initani.initani_wg::after {
background-color: #A9CD36;
}

.initani.initani_wy::before {
background-color: #fff;
}

.initani.initani_wy::after {
background-color: #A9CD36;
}

.initani.initani_wc::before {
background-color: #fff;
}

.initani.initani_wc::after {
background-color: #E9F9FA;
}

.initani.initani_tw::before {
background-color: transparent;
}

.initani.initani_tw::after {
background-color: #fff;
}

.initani.initani_tb::before {
background-color: transparent;
}

.initani.initani_tb::after {
background-color: #2b3f6c;
}

.initani::before {
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.initani::after {
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transform: scaleX(0) translateX(0);
-ms-transform: scaleX(0) translateX(0);
transform: scaleX(0) translateX(0);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53), -webkit-transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.anistart::before {
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}

.anistart::after {
-webkit-transform: scaleX(1) translateX(101%);
-ms-transform: scaleX(1) translateX(101%);
transform: scaleX(1) translateX(101%);
}

/*#endregion evelit animaiton*/
/*region coiran animation*/
@keyframes slideShow {
0% {
opacity: 0;
transform: scale(1);
-ms-transform: scale(1);
}

5% {
opacity: 1
}

25% {
opacity: 1;
}

30% {
opacity: 0;
transform: scale(1.1);
-ms-transform: scale(1.1);
}

100% {
opacity: 0;
transform: scale(1);
-ms-transformm: scale(1);
}
}

@-o-keyframes slideShow {
0% {
opacity: 0;
-o-transform: scale(1);
}

5% {
opacity: 1
}

25% {
opacity: 1;
}

30% {
opacity: 0;
-o-transform: scale(1.1);
}

100% {
opacity: 0;
-o-transformm: scale(1);
}
}

@-moz-keyframes slideShow {
0% {
opacity: 0;
-moz-transform: scale(1);
}

5% {
opacity: 1
}

25% {
opacity: 1;
}

30% {
opacity: 0;
-moz-transform: scale(1.1);
}

100% {
opacity: 0;
-moz-transformm: scale(1);
}
}

@-webkit-keyframes slideShow {
0% {
opacity: 0;
-webkit-transform: scale(1);
}

5% {
opacity: 1
}

25% {
opacity: 1;
}

30% {
opacity: 0;
-webkit-transform: scale(1.1);
}

100% {
opacity: 0;
-webkit-transformm: scale(1);
}
}

/*endregion coiran animation*/
/*#region io animation*/
.pioup {
-webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, opacity 1.0s ease 0s, -webkit-transform 1.0s ease 0s;
transition: color 0.4s ease 0s, background-color 0.4s ease 0s, opacity 1.0s ease 0s, transform 1.0s ease 0s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: opacity, transform;
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}

.pioup.on {
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
}

/*#endregion io animation*/
/*#endregion ANIMATION*/

/*#region COMMON*/
.pmh_anchor {
transform: translateY(-100px);
content: "";
width: 100%;
height: 0;
}

.jp_wbr {
word-break: keep-all;
}

.disb_sp {
display: none !important;
}

.disb_pc {
display: block !important;
}

/*#endregion COMMON*/

/*#region pg specials*/
.display-flex {
display: flex;
}

.flex-column {
display: flex;
flex-direction: column;
}

.justify-content-between {
display: flex;
justify-content: space-between;
}

.justify-content-end {
display: flex;
justify-content: flex-end;
}

.justify-content-center {
display: flex;
justify-content: center;
}

.justify-content-start {
display: flex;
justify-content: flex-start;
}

.align-items-end {
align-items: flex-end;
}

.align-items-baseline {
align-items: baseline;
}

.align-items-center {
align-items: center;
}

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

.flex-nowrap {
flex-wrap: nowrap;
}

.justify-flex-end {
display: flex;
justify-content: flex-end;
}

.text-center {
text-align: center;
}

.text-right {
text-align: right;
}

.row_reverse {
flex-direction: row-reverse;
}

/* ----------page content style---------- */
.contents {
position: relative;
max-width: 1020px;
margin: 0 auto;
margin-top: 20px;
}

.contents_inner {
padding: 0;
margin: 0;
width: 100%;
}

@media (max-width: 1080px) {
.contents {
width: 80%;
margin: 0 auto;
margin-top: 20px;
}

.contents_inner {
margin: 0 auto;
}
}

@media (max-width: 576px) {
.contents {
width: 90%;
}
}

@media (max-width: 450px) {
.contents {
width: 100%;
padding: 0 20px;
margin-top: 0px;
}

.contents_inner .hx10:last-child {
height: 40px;
}
}

/* ------section banner------- */
.logo {
display: flex;
align-items: center;
gap: 20px;
}

.logo p {
font-weight: 700;
font-size: 24px;
color: rgb(154, 72, 145);
}

@media (max-width: 676px) {
.logo p {
font-size: 21px;
}
}

@media (max-width: 450px) {
.logo svg {
width: 40px;
height: 50px;
}

.logo {
gap: 8px;
}

.logo p {
font-size: 12px;
}
}

.banner img {
width: 100%;
}

/* -----section point----- */
.point>h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
margin-top: 60px;
margin-bottom: -20px;
}

.point>h2 p {
font-weight: 700;
line-height: 1.5;
transform: rotate(15deg);
display: inline-block;
letter-spacing: -10px;
}

.point>h2 span {
font-family: var(--fontT);
font-weight: 700;
font-size: 50px;
color: var(--colorT);
}

.point>p {
margin-top: 20px;
font-size: 13px;
line-height: 1;
text-align: right;
}

.point_item {
position: relative;
display: flex;
justify-content: space-between;
background-color: #FFF;
border-radius: 20px;
padding: 20px;
}

.point_item .point_left {
display: flex;
flex-direction: column;
width: 33.333%;
gap: 40px;
position: relative;
}

.point_item h5 {
font-size: 20px;
color: #F76A0C;
height: 40px;
display: flex;
align-items: center;
padding-left: 20px;
width: 125px;
position: relative;
border-radius: 50px;
border: 2px solid #F76A0C;
}

.point_item h5:before {
position: absolute;
height: 40px;
width: 40px;
font-family: var(--fontT);
font-weight: 700;
font-size: 20px;
background-color: #F76A0C;
text-align: center;
border-radius: 50%;
color: #FFF;
right: -2px;
display: flex;
align-items: center;
justify-content: center;
}

.point .point_slick_item.first .point_item h5:before {
content: "01";
}

.point .point_slick_item.second .point_item h5:before {
content: "02";
}

.point .point_slick_item.third .point_item h5:before {
content: "03";
}

.point_item h2 {
font-family: var(--fontHKG);
font-weight: 800;
font-size: 36px;
line-height: 1.3;
}

.point_item h2 span {
font-family: var(--fontHKG);
font-weight: 800;
line-height: 1.3;
color: #FF4645;
}

.point_item .point_image {
width: 59%;
}

.point_item .point_image img {
width: 100%;
border-radius: 10px;
}

.point_item p {
font-size: 16px;
line-height: 1.6;
}

.point_item p .sp_show {
display: none;
}

.point_item:last-child .point_left {
width: 32%;
order: 0;
}

.point_item:last-child .point_left h2 {
/*font-size: 26px;
font-size: 24px;*/
}

.point_item:last-child .point_left h2 br {
/*display: none;*/
}

.point_item:last-child .point_center {
width: 30%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 5px;
gap: 20px;
position: relative;
border: 1px solid #FF4645;
order: 1;
}

.point_center .triangle {
position: absolute;
width: 34px;
height: 34px;
left: -2px;
top: -2px;
background-color: #FFF;
}

.point_item:last-child .point_center h4 {
font-weight: 700;
font-size: 24px;
text-align: center;
color: #482607;
display: flex;
font-size: 16.5px;
margin-top: 20px;
}

.point_item:last-child ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.point_item:last-child .point_center li {
padding: 10px;
width: 47%;
}

.point_item:last-child .point_center li:nth-of-type(odd) {
border-right: 1px dotted #482607;
}

.point_item:last-child .point_center li:nth-of-type(n+3) {
border-top: 1px dotted #482607;
}

.point_item:last-child .point_image {
width: 33.333%;
order: 2;
}

.point_item:last-child .point_image .sp_image {
display: none;
}

@media (max-width: 1080px) {
.point_item h2 {
font-size: 32px;
}

.point_item:last-child .point_center h4 {
font-size: 16px;
}
}

@media (max-width: 991px) {
.point_item .point_left {
width: 38%;
gap: 30px;
}

.point_item h2 {
font-size: 28px;
}

.point_item:last-child .point_left {
gap: 40px;
}

.point_item p {
font-size: 15px;
}

.point_item:last-child {
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}

.point_item:last-child .point_left {
width: 40%;
}

.point_item:last-child .point_center {
width: 40%;
}

.point_item:last-child .point_image {
width: 50%;
}
}

@media (max-width :767px) {
.point_item h2 {
font-size: 26px;
}

.point_item {
flex-direction: column-reverse;
gap: 30px;
padding: 30px;
}

.point_item:last-child {
flex-direction: row;
}

.point_item:last-child .point_left {
width: 45%;
}

.point_item:last-child .point_center {
width: 45%;
}

.point_item:last-child .point_center h4 {
font-size: 17px;
margin-top: 35px;
}

.point_item .point_image {
width: 100%;
}

.point_item .point_left {
width: 100%;
gap: 20px;
}

.point_item h2 br {
display: none;
}

.point>h2 {
font-size: 36px;
}

.point>h2 span {
font-size: 44px;
}

.point_item:last-child .point_center li {
font-size: 12px;
}
}

@media (max-width: 576px) {
.point_item {
padding: 30px 20px;
}

.point_item h5 {
height: 35px;
}

.point_item h5:before {
height: 35px;
width: 35px;
font-size: 18px;
}

.point>h2 {
font-size: 32px;
}

.point>h2 span {
font-size: 38px;
}

.point_item h2 {
font-size: 28px;
}

.point_item:last-child {
display: flex;
flex-direction: column;
}

.point_item:last-child .point_image {
width: 60%;
order: 0;
}

.point_item:last-child .point_left {
width: 100%;
order: 1;
}

.point_item:last-child .point_center {
width: 100%;
padding: 5px;
order: 2;
}

.point_item:last-child .point_left h2 {
font-size: 26px;
}

.point_item:last-child .point_left h2 br:not([class]) {
display: block;
}

.point_item:last-child .point_left {
gap: 20px;
}
}

@media (max-width: 450px) {
.point_item {
padding: 20px;
gap: 15px;
}

.bg_f:has(h5) {
position: absolute;
top: -110px;
}

.point_item h5 {
font-size: 18px;
height: 28px;
padding-left: 10px;
width: 100px;
s
}

.point_item h5:before {
height: 28px;
width: 28px;
font-size: 15px;
}

.bg_f:has(h2) {
position: absolute;
top: -75px;
}

.point_item h2 {
font-size: 21px;
}

.point>h2 {
font-size: 21px;
margin-top: 40px;
}

.point>h2 span {
font-size: 26px;
}

.point_item p {
font-size: 14px;
}

.point_item p .sp_show {
display: block;
}

.point_item:last-child .point_image {
width: 100%;
}

.point_item:last-child .point_image .sp_image {
display: block;
}

.point_item:last-child .point_image .pc_image {
display: none;
}

.point_item:last-child .point_left h5 {}

.point_item:last-child .point_left h2 {
font-size: 21px;
top: -105px;
}

.point>p {
text-align: left;
}
}

/* --------section inquiry-------- */
.section_header h1 {
display: flex;
flex-direction: column;
gap: 10px;
flex-flow: unset;
}

.section_header h1 div {
font-weight: 900;
font-size: 46px;
line-height: 1.2;
}

.section_header h1 div:nth-child(2) {
/*padding-left: calc(10px + 1em);*/
}

.section_header h1 div br {
display: none;
}

.inquiry .section_header h1 div br {
display: block;
}

.section_header h1 div span {
font-weight: 900;
line-height: 1.2;
color: #F76A0C;
}

@media (max-width: 1100px) {
.section_header h1 div {
font-size: 3.5vw;
}
}

@media (max-width: 676px) {
.section_header h1 div br {
display: block;
}

.section_header h1 div {
font-size: 32px;
}
}

@media (max-width: 576px) {
.section_header h1 div {
font-size: 28px;
}
}

@media (max-width: 450px) {
.section_header h1 div {
font-size: 26px;
white-space: nowrap;
}

.section_header h1 div:nth-child(2) span {
display: inline-block;
}

.section_header h1 {
gap: 5px;
}
}

.inquiry>h1 {
font-size: 50px;
font-weight: 700;
text-align: center;
padding: 20px 0;
position: relative;
letter-spacing: 4px;
font-variation-settings: "wght" 900, "ital" 1;
/*text-shadow: 5px 5px 0px #482607,
5px 5px 0px #e601c0,
5px 5px 4px #482896;*/
/*color: transparent;*/
color: var(--colorT);
}

.inquiry>h1 span {
font-weight: 700;
letter-spacing: 4px;
position: relative;
font-variation-settings: "wght" 900, "ital" 1;
text-align: center;
/*color: transparent;*/
/*text-shadow: 5px 5px 0px var(--colorT),
5px 5px 0px #e601c0,
5px 5px 0px #e9019a,
5px 5px 0px #f40468,
5px 5px 4px #482896;*/
color: var(--colorT);
}

/*.inquiry > h1:before {
transform: rotatex(180deg) translatey(15px);
filter: blur(4px);
-webkit-mask: linear-gradient(transparent 0, #F76A0C 100%);
mask: linear-gradient(transparent 0, #F76A0C 100%);
content: "3大新商品紹介";
position: absolute;
inset: 0;
transform-origin: 50% 85%;
white-space: nowrap;
}*/
@media (max-width: 991px) {
.inquiry>h1 {
font-size: 44px;
}
}

@media (max-width: 767px) {
.inquiry>h1 {
font-size: 40px;
}
}

@media (max-width: 450px) {
.inquiry>h1 {
font-size: 36px;
}
}

.inquiry_free {
overflow: hidden;
display: flex;
flex-direction: column;
gap: 20px;
padding: 40px;
border-radius: 20px;
background-color: #FFF;
}

.inquiry_free .owl-carousel .owl-stage-outer {
overflow: unset;
}

.inquiry_free h2 {
font-weight: 900;
font-size: 40px;
color: var(--colorT);
text-align: center;
}

.inquiry_free h2 br {
display: none;
}

.inquiry_free>h3 {
font-weight: 700;
font-size: 32px;
line-height: 0.2;
text-align: center;
}

.inquiry_free>h3 br {
display: none;
}

.inquiry_free>h3 span {
color: var(--colorT);
line-height: 1.6;
font-weight: 700;
font-size: 42px;
}

.inquiry_free>div {
display: grid;
grid-template-columns: repeat(3, calc(calc(100% - 70px)/3));
gap: 35px;
}

.inquiry_free .free_item {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 20px 20px;
border-radius: 10px;
gap: 5px;
background-color: #FFF;
}

.inquiry_free .free_item .newitem_fvg {
width: 60px;
position: absolute;
top: -27px;
left: 0;
}

@media (min-height:451px) {
.inquiry_free .free_item .newitem_fvg {
top: -5px;
left: 5px;
}
}

.inquiry_free .free_item>svg {
position: absolute;
top: -15px;
left: 10px;
width: 70px;
}

.inquiry_free .free_item:last-child>div svg {
height: 50px;
}

.inquiry_free .free_item .row .col:last-child p {
display: flex;
align-items: center;
gap: 3px;
}

.inquiry_free .free_item .row .col:last-child p span {
color: #FFF;
font-size: 12px;
line-height: 1;
white-space: nowrap;
}

.inquiry_free .free_item>div {
text-align: center;
width: 100%;
}

.inquiry_free .free_item h3 {
font-weight: 700;
font-size: 32px;
line-height: 1.1;
}

.inquiry_free .free_item h3 span {
font-size: 16px;
font-weight: 700;
}

.inquiry_free .free_item>div p {
font-size: 14px;
line-height: 1.5;
font-weight: 700;
}

.inquiry_free .free_item:last-child>div img.icon_ume {
height: 50px;
}

.inquiry_free .free_item>p {
text-align: center;
font-weight: 700;
line-height: 1.6;
padding: 5px 0;
background-color: #F5F3EE;
width: 100%;
font-size: 15px;
margin-top: 5px;
}

.inquiry_free .free_item .row {
display: flex;
flex-direction: column;
gap: 10px;
}

.inquiry_free .free_item .row .col {
display: flex;
align-items: center;
gap: 10px;
}

.inquiry_free .free_item .row .col div {
font-size: 13px;
border: 1px solid #482607;
padding: 5px;
}

.inquiry_free .free_item .row h4 {
font-family: var(--fontT);
font-weight: 700;
font-size: 21px;
line-height: 1.6;
color: var(--colorT);
}

.inquiry_free .free_item .row h4 span {
font-weight: 700;
font-size: 16px;
line-height: 1.6;
}

.inquiry_free .free_item .row .col:last-child {
justify-content: space-between;
padding: 0 10px;
background-color: var(--colorT);
height: 35px;
}

.inquiry_free .free_item .row .col:last-child h4 {
color: #FFFF;
white-space: nowrap;
}

.inquiry_free .free_item .row .col:last-child h4 span {
color: #FFF;
}

.inquiry_free .free_item.first {
border: 4px solid #95CC4D;
}

.inquiry_free .free_item.second {
border: 4px solid #04AD89;
}

.inquiry_free .free_item.third {
border: 4px solid #FF4645;
}

.inquiry_free .free_item.third .row {
margin-top: auto;
}

.inquiry_free .free_item.third .row .col:first-child {
margin: 15px auto;
}

.inquiry .section_header h1 {
justify-content: center;
text-align: center;
margin: 30px auto -15px;
}

@media screen and (min-width:768px) {
.inquiry .section_header h1 {
margin-top: 70px;
margin-bottom: 5px;
}
}

@media (max-width: 1110px) {
.inquiry .section_header h1 {
font-size: 5.2vw;
margin-top: 50px;
margin-bottom: 1pc;
}

.inquiry_free {
padding: 40px 30px;
}

.inquiry_free>div {
grid-template-columns: repeat(3, calc(calc(100% - 40px)/3));
gap: 20px;
}

.inquiry_free h2 {
font-size: 36px;
}

.inquiry_free>h3 {
font-size: 28px;
}

.inquiry_free>h3 span {
font-size: 36px;
}

.inquiry_free .free_item p {
font-size: 1vw;
}

.inquiry_free .free_item h3 {
font-size: 28px;
}

.inquiry_free .free_item .row .col:last-child h4 {
font-size: 19px;
}
}

@media (max-width: 991px) {
.inquiry_free .free_item>svg {
width: 60px;
}

.inquiry_free h2 {
font-size: 28px;
}

.inquiry_free>h3 {
font-size: 24px;
}

.inquiry_free>h3 span {
font-size: 32px;
}

.inquiry_free .free_item p br {
display: none;
}

.inquiry_free>div {
grid-template-columns: repeat(3, calc(calc(100% - 20px)/3));
gap: 10px;
}

.inquiry_free .free_item h3 {
font-size: 25px;
}

.inquiry_free .free_item h3 span {
font-size: 14px;
font-weight: 700;
}

.inquiry_free .free_item .row .col:last-child h4 {
font-size: 18px;
}

.inquiry_free .free_item .row .col:last-child h4 {
font-size: 16px;
}

.inquiry_free .free_item .row .col:last-child h4 span {
font-size: 16px;
}

.inquiry_free .free_item .row .col:last-child p span {
font-size: 10px;
}

.inquiry_free .free_item .row .col:last-child svg {
width: 18px;
}
}

@media (max-width: 821px) {
.inquiry_free .free_item>div p {
font-size: 13px;
}

.inquiry_free .free_item {
padding: 20px 10px;
}

.inquiry_free .free_item .row .col:last-child h4 {
font-size: 15px;
}

.inquiry_free .free_item .row .col:last-child h4 span {
font-size: 15px;
}

.inquiry_free .free_item .row .col:last-child p span {
font-size: 9px;
}
}

@media (max-width: 767px) {
.inquiry_free .free_item {
padding: 20px 10px;
gap: 10px;
}

.inquiry_free .free_item>svg {
top: -10px;
width: 70px;
}

.inquiry_free h2 {
font-size: 28px;
}

.inquiry_free>h3 {
font-size: 21px;
}

.inquiry_free>h3 span {
font-size: 27px;
}

.inquiry_free>div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}

.inquiry_free .free_item .row .col {
justify-content: center;
}

.inquiry_free .free_item {
width: 60%;
}

.inquiry_free .free_item p {
font-size: 14px;
}

.inquiry_free .free_item p br {
display: block;
}

.inquiry_free .free_item .row .col:last-child h4 {
font-size: 18px;
}

.inquiry_free .free_item .row .col:last-child h4 span {
font-size: 18px;
}

.inquiry_free .free_item .row .col:last-child p {
gap: 5px;
}

.inquiry_free .free_item .row .col:last-child p span {
font-size: 12px;
}

.inquiry_free .free_item .row .col:last-child svg {
width: 21px;
}
}

@media (max-width: 676px) {
.inquiry_free .free_item {
width: 70%;
}
}

@media (max-width: 576px) {
.inquiry_free .free_item>svg {
top: -15px;
}

.inquiry_free .free_item {
width: 80%;
}
}

@media (max-width: 475px) {
.inquiry_free {
padding: 20px 15px 40px;
}

.inquiry_free .free_item>div {
display: flex;
align-items: center;
justify-content: center;
}

.inquiry_free h2 {
font-size: 18.5px;
line-height: 1.5;
}

.inquiry_free h2 br {
display: block;
}

.inquiry_free>h3 {
font-size: 16px;
}

.inquiry_free>h3 br {
display: block;
}

.inquiry_free .free_item {
width: 100%;
}

.inquiry_free .free_item.third .row .col:first-child {
margin: 22px auto;
}

.inquiry_free .free_item .row .col:last-child {
width: 100%;
}

.inquiry_free .free_item.third .row {
width: 85%;
}
}

.inquiry_free .free_item>div {
display: block;
}

.inquiry_free .free_item>div>.plan_icon img.icon_take {
height: 30px;
}

.inquiry_free .free_item>div>.plan_icon img.icon_matsu {
height: 30px;
}

.inquiry_free .free_item>div>.plan_icon img.icon_ume {
height: 35px;
}






/* ----------check  btn--------- */
.check_btn_wrapper {
display: flex;
flex-direction: column;
gap: 10px;
width: fit-content;
margin: 0 auto;
}

.check_btn_wrapper p {
width: fit-content;
text-align: center;
font-weight: 700;
font-family: var(--fontT);
font-size: 16px;
line-height: 1.6;
margin: 0 auto;
}

.check_btn_wrapper .check_btn {
display: flex;
align-items: center;
justify-content: space-between;
/*border-radius: 80px;*/
padding: 5px 20px;
/*border: 2px solid #F76A0C;*/
background-color: #FFF;
}

.check_btn_wrapper .check_btn span {
font-family: var(--fontT);
font-weight: 700;
font-size: 14px;
line-height: 1.6;
text-decoration: underline;
}

.check_btn_wrapper .check_btn span span {
color: #F76A0C;
}

@media (max-width: 450px) {
.check_btn_wrapper p {
font-size: 14px;
}

.check_btn_wrapper ._check_btn {
padding: 15px 40px;
}
}

/* ----------check  btn--------- */
.new_product {
position: relative;
padding: 50px 40px 30px 50px;
background-color: #FFF;
border-radius: 20px;
display: flex;
flex-direction: column;
gap: 15px;
border: 2px solid #95CC4D;
}

.new_product>svg,
.new_product .newitem_fvg {
width: 100px;
position: absolute;
top: -22px;
left: 10px;
}

.new_product .newitem_fvg {
top: -5px;
}

@media screen and (min-width:768px) {
.new_product>svg {
top: -15px;
}

.new_product .newitem_fvg {}
}

.new_product_header {
display: flex;
justify-content: space-between;
align-items: center;
}

.new_product_header svg {
width: 65px;
width: auto;
height: 30px;
}

.new_product_header img {
width: 80px;
}

.new_product_header h2 {
font-family: "Noto Sans CJK JP";
font-weight: 700;
font-size: 38px;
text-align: center;
}

.new_product_header h2 span {
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
display: block;
}

.new_product_header>div:first-child {
display: flex;
align-items: center;
gap: 20px;
}

.new_product_header>div:last-child {
display: flex;
align-items: center;
gap: 30px;
}

.new_product_header>div div {
display: flex;
flex-direction: column;
}

.new_product_header>div p {
font-weight: 700;
font-size: 16px;
line-height: 1.6;
display: inline-block;
}

.new_product_header>div h3 {
font-family: var(--fontT);
font-weight: 700;
font-size: 40px;
color: var(--colorT);
}

@media (max-width: 1110px) {
.btn_group .apply_btn p {
font-size: 15px;
}

.btn_group .apply_btn p span {
font-size: 21px;
}

.new_product_header h2 {
font-size: 36px;
}
}

@media (max-width : 991px) {
.new_product_header h2 {
font-size: 32px;
}

.new_product_header>div h3 {
font-size: 32px;
}

.new_product_header>div:last-child {
gap: 20px;
}

.new_product_header>div:first-child {
gap: 10px;
}

.work_content .work_detail h4 {
font-size: 21px;
}

.new_product_header>div h3 {
font-size: 30px;
}

.new_product_header>div p {
font-size: 15px;
}
}

@media (max-width : 767px) {
.new_product {
padding: 40px 30px;
gap: 10px;
}

.new_product>svg,
.new_product .newitem_fvg {
width: 80px;
}

.new_product_header h2 {
font-size: 28px;
}

.new_product_header>div h3 {
font-size: 28px;
}

.new_product_header>div p {
font-size: 14px;
}

.new_product_header svg {
width: 60px;
}

.new_product_header {
flex-direction: column;
gap: 10px;
}
}

@media (max-width: 676px) {
.new_product_header>div:last-child {
gap: 30px;
}

.new_product_header h2 {
font-size: 26px;
}
}

@media (max-width: 576px) {
.new_product {
padding: 40px 20px 20px 20px;
}

.new_product_header>div:last-child {
gap: 20px;
}

.new_product_header svg {
width: 50px;
}

.new_product_header img {
width: 70px;
}
}

@media (max-width: 450px) {
.new_product_header {
gap: 0;
}

.new_product_header h2 {
font-size: 24px;
}

.new_product_header>div h3 {
font-size: 30px;
}

.new_product_header h2 span {
font-size: 14px;
}
}

.new_product_content {
display: flex;
flex-direction: column;
gap: 5px;
}

.new_product_content .check_box {
padding: 20px;
display: flex;
justify-content: space-between;
background-color: #F5F3EE;
gap: 10px;
border-radius: 10px;
}

.check_box div {
display: flex;
flex-direction: column;
gap: 10px;
width: 50%;
}

.check_box.aircon div {
width: auto;
}

.check_box div p {
display: flex;
align-items: flex-start;
gap: 10px;
font-weight: 700;
font-size: 19px;
}

@media (max-width: 991px) {
.check_box div p {
font-size: 17px;
}
}

@media (max-width: 767px) {
.check_box div p {
gap: 7px;
font-size: 17px;
}

.new_product_content .check_box {
flex-direction: column;
gap: 10px;
}

.check_box div {
width: 100%;
}
}

@media (max-width: 450px) {
.new_product_content .check_box {
padding: 10px;
}

.check_box div {
gap: 6px;
}

.check_box div p {
font-size: 11px;
align-items: center;
}
}

.new_product_content h2 {
font-weight: 900;
font-size: 38px;
text-align: center;
color: var(--colorT);
}

.new_product_content .feature {
border-radius: 10px;
border: 2px solid #95CC4D99;
background-color: #F5F3EE;
}

@media (min-width: 451px) {
.new_product_content .feature {
margin: 30px auto 20px;
width: 100%;
}
}

.feature .feature_header {
background-color: #95CC4D99;
border-radius: 10px 10px 0 0;
padding: 2px 20px;
}

.feature .feature_header h3 {
font-weight: 700;
font-size: 24px;
line-height: 1.3;
color: #FFF;
}

.feature .feature_content {
padding: 20px;
}

.feature .feature_content p {
display: flex;
align-items: flex-start;
line-height: 1.6;
gap: 10px;
font-weight: 700;
font-size: 20px;
padding: 0;
}

.feature .feature_content p span {
font-family: var(--fontT);
color: var(--colorT);
font-weight: 700;
line-height: 1.6;
}

@media (max-width: 1110px) {
.feature .feature_content p {
font-size: 19px;
}
}

@media (max-width: 991px) {
.feature .feature_content p {
font-size: 18px;
}

.new_product_content h2 {
font-size: 36px;
}
}

@media (max-width: 767px) {
.feature .feature_content p {
font-size: 17px;
gap: 10px;
}

.new_product_content h2 {
font-size: 30px;
}
}

@media (max-width: 576px) {
.new_product_content h2 {
font-size: 28px;
}
}

@media (max-width: 450px) {
.new_product_content h2 {
font-size: 26px;
margin-bottom: 20px;
}

.feature .feature_header h3 {
font-size: 20px;
}

.feature .feature_content {
padding: 10px 0 10px 10px;
}

.feature .feature_content p {
font-size: 11px;
gap: 7px;
}

.feature .feature_content p span {
font-size: 13px;
}
}

.work div.hx4 {
height: 20px;
}

.work_header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px;
border-radius: 5px;
background-color: #F5F3EE;
cursor: pointer;
transition: all .3s;
}

.work_header h4 {
font-weight: 700;
font-size: 24px;
}

.work_header:after {
content: "+";
font-weight: 400;
font-size: 40px;
line-height: 1.2;
cursor: pointer;
transition: all .3s;
vertical-align: middle;
}

.work_header.open:after {
content: "-";
font-size: 40px;
line-height: 1.2;
}

.work_content {
display: none;
grid-template-columns: repeat(2, calc(50% - 20px));
gap: 40px;
}

.work_content .work_detail {
padding: 20px;
display: flex;
flex-direction: column;
background-color: #F5F3EE;
gap: 30px;
border-radius: 10px;
}

.work_content .work_detail h4 {
font-weight: 700;
font-size: 24px;
}

.work_content .work_detail p {
font-size: 16px;
line-height: 1.6;
}

.work_content .work_detail p span {
font-weight: 700;
}

@media (max-width :1100px) {
.work_header:after {
font-size: 32px;
}
}

@media (max-width: 991px) {
.work_header h4 {
font-size: 20px;
}

.work_content .work_detail h4 {
font-size: 21px;
}

.work_content .work_detail p {
font-size: 15px;
}

.work_content .work_detail {
gap: 20px;
}
}

@media (max-width: 767px) {
.work_header {
padding: 0px 20px;
}

.work_content {
gap: 20px;
grid-template-columns: repeat(2, calc(50% - 10px));
}

.work_content .work_detail h4 {
font-size: 19px;
}

.work_content .work_detail p {
font-size: 13px;
}
}

@media (max-width: 676px) {
.work_header h4 {
font-size: 21px;
}

.work_header span {
font-size: 36px;
}

.work_content {
grid-template-columns: 100%;
}
}

@media (max-width: 450px) {
.work {
margin-top: 10px
}

.work_header {
padding: 0 10px;
}

.work_content .work_detail {
gap: 10px;
}

.work_header h4 {
font-size: 16px;
}

.work_header span {
font-size: 32px;
}

.work div.hx4 {
height: 10px;
}

.work_content .work_detail h4 {
font-size: 16px;
}

.work_content .work_detail p {
font-size: 11px;
}
}

.new_product h2.yoyaku {
font-weight: 700;
font-size: 30px;
line-height: 1.6;
color: #482607;
padding-bottom: 5px;
border-bottom: 2px solid #482607;
width: fit-content;
margin: 0 auto;
}

.new_product h2.yoyaku span {
font-family: var(--fontT);
font-weight: 700;
font-size: 45px;
color: var(--colorT);
}

.new_product h2.yoyaku span.yellow {
font-weight: 700;
font-size: 32px;
line-height: 1.6;
color: var(--colorT);
}

@media (max-width: 991px) {
.new_product h2.yoyaku span {
font-size: 40px;
}

.new_product h2.yoyaku span.yellow {
font-size: 26px;
}

.new_product h2.yoyaku {
font-size: 26px;
}
}

@media (max-width: 676px) {
.new_product h2.yoyaku {
font-size: 24px;
}

.new_product h2.yoyaku span {
font-size: 36px;
}

.new_product h2.yoyaku span.yellow {
font-size: 24px;
}
}

@media (max-width: 576px) {
.new_product h2.yoyaku {
font-size: 23px;
}

.new_product h2.yoyaku span {
font-size: 36px;
}

.new_product h2.yoyaku span.yellow {
font-size: 24px;
}
}

@media (max-width: 450px) {
.new_product h2.yoyaku {
font-size: 20px;
}

.new_product h2.yoyaku span {
font-size: 26px;
}

.new_product h2.yoyaku span.yellow {
font-size: 20px;
}
}

.btn_group {
/*display: flex;
justify-content: center;
gap: 20px;*/
}

.btn_group .apply_btn_wrapper {
width: calc(50% - 10px);
}

.btn_group .apply_btn_wrapper>p {
font-weight: 700;
font-size: 16px;
line-height: 1.6;
}

.btn_group .apply_btn_wrapper {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}

.btn_group .apply_btn_wrapper .apply_btn {
background-color: var(--colorT);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 3.8em;
padding: 10px 0;
border-radius: 100px;
border: 2px solid var(--colorT);
}

/*.btn_group .apply_btn_wrapper:nth-child(2) .apply_btn{
background-color: #F5F3EE;
border-color: var(--colorT);
}
.btn_group .apply_btn_wrapper:nth-child(2) .apply_btn p {
color: var(--colorT);
}
.btn_group .apply_btn_wrapper:nth-child(2) .apply_btn p span {
color: var(--colorT);
}*/
.btn_group .apply_btn p {
font-weight: 700;
font-size: 16px;
line-height: 1.6;
width: 75%;
color: #FFF;
text-align: center;
}

.btn_group .apply_btn p span {
font-weight: 700;
font-size: 24px;
color: #FFF;
display: block;
}

@media (max-width: 991px) {
.btn_group {
/*display: flex;
justify-content: center;
gap: 20px;*/
}

.btn_group .apply_btn p {
font-size: 15px;
}

.btn_group .apply_btn p span {
font-size: 21px;
}
}

@media (max-width: 821px) {
.btn_group {
align-items: center;
}

.btn_group .apply_btn_wrapper {
width: 400px;
}
}

@media (max-width : 767px) {
.btn_group .apply_btn_wrapper .apply_btn {
padding: 10px 0;
}

.btn_group .apply_btn_wrapper .apply_btn p {
font-size: 14px;
}

.btn_group .apply_btn p span {
font-size: 20px;
}

.btn_group .apply_btn_wrapper {
width: 360px;
}
}

@media (max-width: 480px) {
.btn_group {
gap: 15px;
margin-top: 5px;
}

.btn_group .apply_btn_wrapper .apply_btn {
padding: 5px 0;
}

.btn_group .apply_btn_wrapper {
width: 100%;
gap: 3px;
}

.btn_group .apply_btn_wrapper .apply_btn {
gap: 10px;
height: 3.5em;
}

.btn_group .apply_btn_wrapper .apply_btn svg {
height: 14px;
}

.btn_group .apply_btn_wrapper>p {
font-size: 16px;
}

.btn_group .apply_btn p span {
font-size: 16px;
}

.btn_group .apply_btn_wrapper .apply_btn p {
font-size: 11px;
}
}

@media screen and (min-width:768px) {
.btn_group {
display: flex;
justify-content: center;
gap: 20px;
*
}
}

.new_product.second {
border-color: #04AD89;
}

.new_product.second .feature {
border-color: #04AD8999;
}

.new_product.second .feature .feature_header {
background-color: #04AD8999;
}

.new_product.third {
border-color: #FF4645;
}

.new_product.third .feature {
border-color: #FF464599;
}

.new_product.third .feature .feature_header {
background-color: #FF464599;
}

/* ----------section table--------- */
.table h3 {
font-weight: 700;
font-size: 32px;
line-height: 1.6;
}

.table table {
width: 100%;
}

.table table,
.table th,
.table td {
border-collapse: collapse;
border: 2px solid #F76A0C;
}

.table table tr {
background-color: #FFF;
}

.table table tr:first-child {
background-color: #FCE9D7;
}

.table table tr:first-child th {
font-size: 16px;
line-height: 1.6;
font-weight: 700;
color: var(--colorT);
padding: 10px 0;
}

.table th,
.table td {
width: 29%;
text-align: center;
}

.table table tr td {
font-weight: 700;
font-size: 24px;
padding: 18.5px 0;
}

.table table tr td:first-child {
font-size: 16px;
line-height: 1.6;
font-weight: 700;
color: var(--colorT);
text-align: left;
padding-left: 10px;
}

.table table tr td:first-child,
.table table tr th:first-child {
width: 42%;
}

.tooltip {
position: relative;
text-align: center;
width: 100%;
}

.tooltip svg {
width: 100%;
}

.tooltip h4 {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 700;
font-size: 24px;
white-space: nowrap;
}

.table_btn_group {
display: flex;
justify-content: space-between;
align-items: center;
height: fit-content;
}

.table_btn_group .table_btn {
display: flex;
justify-content: center;
align-items: center;
width: calc(50% - 30px);
background-color: #2988FE;
padding: 15px 0;
gap: 30px;
}

.table_btn_group .table_btn span {
font-weight: 700;
font-size: 20px;
line-height: 1.6;
color: #FFF;
}

.table_btn_group .table_btn:last-child {
margin: 0 auto;
background-color: #2C69B6;
}

@media (max-width: 991px) {
.table_btn_group .table_btn {
gap: 20px;
width: calc(50% - 10px);
}

.table_btn_group .table_btn span {
font-size: 16px
}
}

@media (max-width: 821px) {
.table h3 {
font-size: 28px;
}

.table table tr td:first-child {
font-size: 15px;
}

.table table tr td {
font-size: 21px;
padding: 15px 0;
}

.tooltip h4 {
font-size: 21px;
}

.table_btn_group {
gap: 20px;
}
}

@media (max-width: 767px) {
.table h3 {
font-size: 24px;
}

.table_btn_group .table_btn span {
font-size: 15px;
}
}

@media (max-width: 676px) {
.table h3 {
font-size: 21px;
}

.table_btn_group .table_btn {
height: 70px;
align-items: center;
padding: 0 15px;
}
}

@media (max-width: 480px) {
.new_product.padding_top_none {
padding-top: 20px;
}

.table .hx2:nth-child(4) {
height: 0;
}

.table h3 {
font-size: 19px;
}

.table table tr:first-child th {
font-size: 13px;
}

.table table tr td:first-child {
padding: 10px;
font-size: 13px;
}

.table table tr td {
font-size: 14px;
}

.table_btn_group .table_btn {
height: 60px;
width: 100%;
}

.table_btn_group .table_btn span {
font-size: 12px;
}

.tooltip h4 {
top: 55%;
font-size: 16px;
}
}

.table .plan th,
.table .plan td {
width: unset;
}

.table table.plan tr td {
padding: 5px;
vertical-align: middle;
}

.table table.plan tr td:first-child {
color: unset;
width: unset;
}

.table table.plan tr td:first-child ul li {
padding-left: 1em;
position: relative;
}

.table table.plan tr td:first-child ul li:nth-of-type(n+2) {
margin-top: 3px;
}

.table table.plan tr td:first-child ul li:before {
content: "・";
display: flex;
align-items: center;
justify-content: center;
width: 1em;
height: 1em;
position: absolute;
top: 0;
left: 0;
}

@media (max-width: 821px) {
.table table.plan tr td {
padding: 5px 0;
}
}

@media (max-width: 480px) {
.table table tr td:first-child {
font-size: 12px;
padding: 5px 5px 10px;
}

.table table.plan tr td:first-child {
padding: 5px 5px 5px 0;
}
}

.table table tr td.icon_circle {
color: #FF1313;
font-size: 26px;
font-weight: 700;
}

.table table tr td.icon_cross {
color: #482607;
font-size: 26px;
font-weight: 700;
}

/* -------section introduction------- */
.introduction {
display: flex;
flex-direction: column;
gap: 40px;
}

.introduction_header {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
}

.introduction_header h3 {
font-weight: 700;
font-size: 32px;
padding: 20px 40px;
border-radius: 50px;
border: 2px solid #F76A0C;
width: fit-content;
color: #F76A0C;
background-color: #FFF;
position: relative;
}

.introduction_header h3::after {
content: "";
position: absolute;
height: 14px;
width: 2px;
left: 50%;
bottom: -16px;
transform: translateX(-50%);
background-color: var(--colorT);
}

.introduction_header h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
}

.introduction_header h2 br {
display: none;
}

.introduction_header h2 span {
font-weight: 700;
line-height: 1.5;
color: #F76A0C;
}

.introduction_compare {
position: relative;
display: grid;
width: 100%;
grid-template-columns: repeat(3, calc(calc(100% - 60px)/3));
gap: 40px 30px;
}

.compare_item {
display: flex;
flex-direction: column;
gap: 30px;
}

.compare_item .compare_header {
position: relative;
}

.compare_item .compare_header svg {
width: 100%;
}

.compare_item .compare_header p {
font-weight: 700;
position: absolute;
color: #FFF;
top: 40%;
left: 50%;
white-space: nowrap;
transform: translate(-50%, -50%);
text-align: center;
}

.compare_item .compare_header p span {
font-weight: 700;
color: #FFFF00;
}

.compare_item .compare_image {
width: 100%;
border-radius: 10px;
padding: 10px;
border: 1px solid #F76A0C;
}

.compare_item .compare_image img {
width: 100%;
}

.compare_item>p {
line-height: 1.6;
}

.introduction_staff {
padding: 40px 20px 20px 20px;
display: flex;
flex-direction: column;
gap: 30px;
background-color: #FFF;
border-radius: 10px;
}

.introduction_staff .introduction_header h2 br {
display: block;
}

.introduction_staff img {
width: 100%;
}

@media (max-width: 1300px) {
.introduction_header h2 {
font-size: 36px;
}
}

@media (max-width: 1100px) {
.introduction_header h2 {
font-size: 34px;
}

.introduction_header h3 {
padding: 15px 40px;
}
}

@media (max-width: 991px) {
.introduction_header h3 {
padding: 15px 30px;
font-size: 28px;
}

.introduction_header h2 {
font-size: 32px;
}

.introduction_header h2 br {
display: none;
}

.introduction_staff .introduction_header h2 br {
display: none;
}

.compare_item {
gap: 20px;
}

.compare_item .compare_header p {
top: 45%;
font-size: 13px;
}

.compare_item>p {
font-size: 15px;
}
}

@media (max-width: 767px) {
.introduction {
gap: 30px;
}

.introduction_header h3 {
font-size: 24px;
padding: 10px 30px;
}

.introduction_header h2 {
font-size: 24px;
}

.introduction_compare {
gap: 20px 30px;
grid-template-columns: repeat(2, calc(calc(100% - 30px)/2));
}

.compare_item>p {
font-size: 14px;
}
}

@media (max-width: 576px) {
.introduction_compare {
gap: 20px;
grid-template-columns: repeat(2, calc(calc(100% - 20px)/2));
}

.introduction_header h2 br {
display: block;
}
}

@media (max-width: 450px) {
.introduction {
gap: 60px;
}

.introduction_compare {
display: flex;
flex-direction: column;
}

.introduction_header h3 {
padding: 8px 30px;
font-size: 18px;
}

.compare_item .compare_image {
width: 90%;
margin: 0 auto;
}

.introduction_header h2 {
font-size: 22px;
}

.compare_item .compare_header svg {
height: 50px;
}

.introduction_staff {
padding-top: 10px;
}

.introduction_staff .introduction_header h2 {
font-size: 20px;
}

.introduction_staff .introduction_header h2 br {
display: block;
}

.introduction>.introduction_header {
margin-bottom: -40px;
}
}


/* --------section service-------- */
.service {
display: flex;
flex-direction: column;
gap: 40px;
justify-content: center;
align-items: center;
}

.service .service_header {
width: fit-content;
border: 2px solid #482607;
text-align: center;
margin: 0 auto;
}

.service .service_header .header_h5,
.service .service_header h5 {
font-weight: 700;
font-size: 24px;
text-align: center;
color: #FFF;
padding: 10px;
background-color: #482607;
}

.service .service_header .header_h5 span,
.service .service_header h5 span {
font-weight: 700;
font-size: 34px;
text-align: center;
color: #FFFF00;
}

.service .service_header .header_h5 span:first-child,
.service .service_header h5 span:first-child {
color: #FFF;
}

.service .service_header .header_h1,
.service .service_header h1 {
font-weight: 700;
font-size: 57px;
text-align: center;
padding: 10px 0;
}

.service .service_header .header_h1 span,
.service .service_header h1 span {
font-weight: 700;
color: var(--colorT);
}

.service>h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
margin-top: 50px;
margin-bottom: -10px;
}

.service>h2 br {
display: none;
}

.service>h2 span {
font-weight: 700;
line-height: 1.5;
display: inline-block;
color: var(--colorT);
}

.service .service_content {
display: grid;
grid-template-columns: calc(50% - 28px) calc(50% - 28px);
gap: 40px 55px;
}

.service .service_item {
background-color: #FFF;
border-radius: 10px;
display: flex;
flex-direction: column;
}

.service .service_item img {
width: 100%;
border-radius: 10px 10px 0 0;
}

.service .service_item div {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px;
gap: 30px;
}

.service .service_item p {
font-weight: 700;
font-size: 19px;
line-height: 1.5;
}

.service_btn {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background-color: #FFF;
border-radius: 10px;
}

.service_btn div {
display: flex;
align-items: center;
gap: 20px;
}

.service_btn p {
font-size: 24px;
font-weight: 700;
}

@media (max-width: 1300px) {
.service .service_item p {
font-size: 19px;
}
}

@media (max-width: 1100px) {
.service>h2 {
font-size: 33px;
}

.service .service_item p {
font-size: 21px;
}
}

@media (max-width: 991px) {
.service {
gap: 30px;
}

.service>h2 {
font-size: 32px;
}

.service .service_header .header_h1,
.service .service_header h1 {
font-size: 52px;
}

.service .service_header .header_h5 span,
.service .service_header h5 span {
font-size: 32px;
}

.service .service_content {
gap: 40px;
grid-template-columns: repeat(2, calc(50% - 20px));
}

.service .service_item div {
gap: 15px;
padding: 15px;
}

.service .service_item p {
font-size: 14px;
}
}

@media (max-width: 767px) {

.service .service_header .header_h1,
.service .service_header h1 {
font-size: 48px;
}

.service .service_header .header_h5 span,
.service .service_header h5 span {
font-size: 30px;
}

.service>h2 {
font-size: 26px;
}

.service .service_content {
gap: 30px;
grid-template-columns: repeat(2, calc(50% - 15px));
}

.service .service_item div {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
padding: 15px;
}

.service .service_item a {
margin-left: auto;
}

.service .service_item p {
font-size: 16px;
}

.service .service_item svg {
width: 32px;
}

.service .service_item p br {
display: none;
}

.service_btn p {
font-size: 21px;
}
}

@media (max-width: 676px) {
.service>h2 {
font-size: 22px;
}

.service .service_header .header_h1,
.service .service_header h1 {
font-size: 42px;
}

.service .service_header .header_h5 span,
.service .service_header h5 span {
font-size: 28px;
}

.service .service_header .header_h5,
.service .service_header h5 {
font-size: 21px;
}

.service .service_content {
gap: 20px;
}

.service .service_item p {
font-size: 14px;
}

.service .service_item svg {
width: 30px;
}
}

@media (max-width : 576px) {
.service>h2 br {
display: block;
}

.service .service_content {
gap: 20px;
grid-template-columns: 80%;
justify-content: center;
}

.service .service_item {
gap: 10px;
margin: 0 auto;
}

.service .service_item div {
padding: 15px;
}

.service_btn div {
gap: 10px;
}

.service_btn p {
font-size: 18px;
}

.service .service_item p {
font-size: 16px;
}
}

@media (max-width: 450px) {
.service {
gap: 10px;
margin-top: 20px;
}

.service .service_header .header_h1,
.service .service_header h1 {
font-size: 36px;
}

.service .service_header .header_h5 span,
.service .service_header h5 span {
font-size: 24px;
}

.service .service_header .header_h5,
.service .service_header h5 {
font-size: 18px;
}

.service>h2 {
font-size: 16px;
}

.service .service_content {
gap: 0;
grid-template-columns: 100%;
padding-bottom: 40px;
}

.service .service_content.owl-theme .owl-dots {
bottom: 20px;
}

.service .service_item div {
gap: 0px;
padding: 10px 15px;
}

.service_btn a {
display: block;
margin: unset;
width: 100%;
}

.service_btn a>svg {
display: block;
margin-left: auto;
}

.service .service_item svg {
margin-left: auto;
width: 28px;
}

.service .service_item p {
font-size: 13px;
}
}

@media (min-width: 451px) {
.service_btn a {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
}

/* ----------section option--------- */
.option {
display: flex;
flex-direction: column;
gap: 40px;
}

.option>h2 {
text-align: center;
font-size: 40px;
font-weight: 700;
line-height: 1.5;
}

.option>h2 br {
display: none;
}

.option>h2 span {
font-weight: 700;
color: var(--colorT);

}

.option .option_content {
display: grid;
grid-template-columns: auto auto;
gap: 40px;
}

.option .option_item {
background-color: #FFF;
border-radius: 10px;
}

.option .option_item img {
border-radius: 10px 10px 0 0;
width: 100%;
}

.option .option_item div {
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}

.option .option_item div p {
font-size: 16px;
line-height: 1.6;
}

.option .option_item div p:first-child {
font-size: 20px;
font-weight: 700;
}

.option .option_item div span {
display: flex;
font-size: 10px;
width: 100%;
align-items: center;
justify-content: flex-end;
}

.option .option_item div span svg {
margin-left: 5px;
width: 16px;
}

.option .option_item a {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
}

.option .option_item a span {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
text-decoration-skip-ink: auto;
}

@media screen and (min-width:1024px) {
.option .option_content {
grid-template-columns: auto auto auto auto;
gap: 20px;
}

.option .option_item div p {
font-size: 14px;
}

.option .option_item div p:first-child {
font-size: 14px;
}

.option .option_item div span {
font-size: 12px;
}
}

@media (max-width: 1100px) {
.option {
gap: 30px;
}

.option>h2 {
font-size: 36px;
}
}

@media (max-width: 991px) {
.option>h2 {
font-size: 34px;
}

.option .option_content {
gap: 40px 30px;
}

.option .option_item div p {
font-size: 15px;
}

.option .option_item div p:first-child {
font-size: 18px;
}
}

@media (max-width: 767px) {
.option .option_item div p:first-child {
font-size: 17px;
}

.option .option_item div p {
font-size: 14px;
}

.option .option_item svg {
width: 32px;
}

.option .option_item a span {
font-size: 15px;
}

.option .option_item div {
padding: 15px;
}

.option>h2 {
font-size: 30px;
}
}

@media (max-width: 676px) {
.option {
gap: 20px;
}

.option>h2 {
font-size: 28px;
line-height: 1.2;
}

.option>h2 br {
display: block;
}
}

@media (max-width: 620px) {
.option .option_content {
gap: 20px;
}
}

@media (max-width: 576px) {
.option {
gap: 15px;
}

.option>h2 {
font-size: 24px;
}

.option .option_item div p:first-child {
font-size: 17px;
}

.option .option_item div {
gap: 10px;
}

.option .option_item svg {
width: 28px;
}
}

@media (max-width: 450px) {
.option .option_content {
gap: 20px 10px;
}

.option .option_item div {
padding: 10px;
gap: 5px;
}

.option .option_item div p:first-child {
font-size: 11px;
}

.option .option_item a span {
font-size: 10px;
}

.option .option_item div p {
font-size: 10px;
}

.option .option_item svg {
width: 24px;
}
}

/* ----------section advantage-------- */
.advantage {
display: flex;
flex-direction: column;
gap: 40px;
}

.advantage_header h5 {
position: relative;
font-weight: 700;
font-size: 24px;
text-align: center;
padding: 10px;
border-radius: 60px;
border: 2px solid #F76A0C;
width: fit-content;
margin: 0 auto;
background-color: #FFF;
}

.advantage_header h5::after {
content: "";
position: absolute;
height: 14px;
width: 2px;
left: 50%;
bottom: -16px;
transform: translateX(-50%);
background-color: var(--colorT);
}

.advantage_header h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
}

.advantage_header h2 br:first-child {
display: none;
}

.advantage h3 {
font-weight: 700;
font-size: 32px;
line-height: 1.6;
text-align: center;
}

.advantage h3 span {
font-weight: 700;
color: var(--colorT);
display: inline-block;
}

.advantage_intro .advantage_content {
display: grid;
grid-template-columns: auto auto auto auto;
gap: 45px;
}

.advantage_intro .advantage_item img {
width: 100%;
}

@media (max-width: 1100px) {
.advantage_header h2 {
font-size: 36px;
}

.advantage_intro .advantage_content {
gap: 40px;
}
}

@media (max-width: 991px) {
.advantage_intro .advantage_content {
gap: 25px;
}

.advantage_header h2 br {
display: none;
}

.advantage_header h2 {
font-size: 32px;
}

.advantage h3 {
font-size: 30px;
}

.advantage_header h5 {
font-size: 21px;
}
}

@media (max-width: 767px) {
.advantage_intro .advantage_content {
gap: 20px;
}

.advantage_header h2 {
font-size: 28px;
}

.advantage_header h5 {
font-size: 21px;
}

.advantage h3 {
font-size: 28px;
}
}

@media (max-width: 676px) {
.advantage_header h2 {
font-size: 24px;
}

.advantage h3 {
font-size: 28px;
}
}

@media (max-width: 576px) {
.advantage_intro .advantage_content {
grid-template-columns: auto auto;
gap: 20px;
}

.advantage_header h2 {
font-size: 24px;
}

.advantage_header h2 br {
display: block;
}

.advantage_header h2 br:first-child {
display: block;
}

.advantage_header h5 {
font-size: 18px;
}

.advantage h3 {
font-size: 23px;
line-height: 1.3;
}
}

@media (max-width: 450px) {
.advantage {
gap: 20px;
}

.advantage_header h5 {
margin-bottom: 20px;
}
}

.result_content {
display: flex;
flex-direction: column;
gap: 20px;
}

.result_content .layer {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 840px;
margin: 0 auto;
gap: 12px;
}

.result_content .result_item {
text-align: center;
position: relative;
}

.result_content .result_item svg {
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
}

.result_content img {
width: 100%;
}

@media (max-width :450px) {
.result_content .layer {
gap: 8px;
}

.result_content .result_item svg {
width: 60px;
}
}




/* ---------section process---------*/
.process>h2 {
font-weight: 700;
line-height: 1.5;
text-align: center;
font-size: 40px;
}

.process>h2 span {
font-weight: 700;
line-height: 1.5;
color: var(--colorT);
}

.process>h2 br {
display: none;
}

.process .process_content {
display: flex;
flex-direction: column;
gap: 20px;
}

.process .process_item .item_content {
display: flex;
align-items: center;
padding: 20px;
gap: 20px;
background-color: #FFF;
border-radius: 10px;
}

.process .process_item .tip {
margin-top: 5px;
text-align: center;
}

.process .item_content .row:first-child {
display: flex;
flex-shrink: 0;
gap: 20px;
align-items: center;
}

.process .item_content .step_mark {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.process .item_content .step_mark span {
font-family: var(--fontT);
font-weight: 700;
font-size: 16px;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
color: var(--colorT);
}

.process .item_content .step_mark p {
font-size: 32px;
font-weight: 700;
color: var(--colorT);
}

.process .item_content .row:last-child {
display: flex;
flex-direction: column;
gap: 20px;
}

.process .item_content .row:last-child h5 {
font-weight: 700;
font-size: 24px;
}

.process .item_content .row:last-child p {
font-size: 16px;
line-height: 1.6;
}

@media (max-width: 1100px) {
.process>h2 {
font-size: 38px;
}
}

@media (max-width: 991px) {
.process>h2 {
font-size: 32px;
}

.process .item_content img {
width: 220px;
}

.process .item_content .row:last-child {
gap: 15px;
}

.process .item_content .row:last-child h5 {
font-size: 21px;
}

.process .item_content .row:last-child p {
font-size: 15px;
}

}

@media (max-width: 767px) {
.process>h2 {
font-size: 28px;
}

.process .item_content img {
width: 200px;
}

.process .item_content .row:first-child {
gap: 10px;
}

.process .item_content .row:last-child h5 {
font-size: 19px;
}

.process .item_content .row:last-child p {
font-size: 14px;
}
}

@media (max-width: 676px) {
.process>h2 {
font-size: 28px;
}

.process>h2 br {
display: block;
}

.process .process_item {
width: 90%;
margin: 0 auto;
}

.process .process_item .item_content {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}

.process .item_content img {
width: 220px;
}

.process .item_content .row:first-child {
gap: 10px;
align-items: flex-start;
}
}

@media (max-width: 576px) {
.process>h2 {
font-size: 26px;
}

.process .item_content .row:last-child {
gap: 10px;
}
}

@media (max-width: 450px) {
.process>h2 {
font-size: 24px;
}

.process .process_content {
gap: 0;
margin-bottom: 30px;
padding: 0 20px;
}

.process .process_item {
width: 100%;
}

.process .process_item img {
width: 210px;
}

.process .process_item .tip {
display: none;
}

.process .owl-theme .owl-dots {
bottom: 0;
}
}



/* -----section flow -------- */
.flow {
position: relative;
}

.flow h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
}

.flow h2 span {
font-family: var(--fontT);
color: var(--colorT);
font-weight: 700;
}

.flow>p {
font-weight: 700;
font-size: 24px;
text-align: center;
}

.flow .flow_content {
display: grid;
grid-template-columns: repeat(3, calc(calc(100% - 11.176%)/3));
gap: 5.88%;
}

.flow .flow_item {
display: flex;
flex-direction: column;
gap: 20px;
}

.flow .flow_item .number {
position: relative;
z-index: 10;
background-color: var(--colorT);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
width: 40px;
height: 40px;
margin: 0 auto;
}

.flow .flow_item .number::before {
content: "";
display: none;
}

.flow .flow_item .number span {
font-family: var(--fontT);
font-weight: 700;
font-size: 16px;
line-height: 1.5;
color: #FFFF;
}

.flow .flow_item h4 {
font-weight: 700;
font-size: 24px;
text-align: center;
color: var(--colorT);
}

.flow .flow_item .flow_image {
border-radius: 20px;
border: 2px solid #F76A0C;
}

.flow .flow_item .flow_image img {
width: 100%;
border-radius: 20px;
}

.flow .flow_item p {
font-size: 16px;
line-height: 1.6;
}

.flow .flow_content {
position: relative;
}

.flow .flow_line {
top: 20px;
position: absolute;
background-color: var(--colorT);
height: 2px;
width: calc(100% - calc(calc(100% - 11.176%)/3));
left: calc(calc(calc(100% - 11.176%)/3)/2);
}

.flow .break_line {
display: none;
}

@media (max-width: 1110px) {
.flow .flow_item h4 {
font-size: 1.9vw;
}

.flow h2 {
font-size: 36px;
}
}

@media (max-width: 991px) {
.flow h2 {
font-size: 34px;
}

.flow .flow_item p {
font-size: 15px;
}

.flow .flow_content {
gap: 20px;
grid-template-columns: repeat(3, calc(calc(100% - 40px)/3));
}
}

@media (max-width: 767px) {
.flow .flow_item p {
font-size: 14px;
}

.flow h2 {
font-size: 30px;
}
}

@media (max-width: 676px) {
.flow .flow_content {
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.flow .flow_item {
width: 45%;
margin: 0 auto;
}

.flow .flow_line {
display: none;
}

.flow .flow_item h4 {
font-size: 18px;
}

.flow .break_line {
display: block;
}

.flow h2 {
font-size: 26px;
}
}

@media (max-width: 450px) {
.flow h2 {
font-size: 24px;
margin-top: 30px;
}

.flow .flow_content {
display: flex;
flex-direction: column;
gap: 20px;
}

.flow .flow_item {
width: 100%;
gap: 10px;
}

.flow>p {
font-size: 21px;
}
}



/* --------seriousness section-------- */
section.seriousness {
border-radius: 20px;
padding: 40px;
background-color: #FCE9D7 !important;
}

.seriousness h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
}

.seriousness h2 br {
display: none;
}

.seriousness h2 span {
font-weight: 700;
line-height: 1.6;
color: var(--colorT);
}

.seriousness .seriousness_content {
display: grid;
grid-template-columns: auto auto auto;
gap: 40px 20px;
}

.seriousness .seriousness_item {
background-color: #FFF;
border-radius: 10px;
}

.seriousness .seriousness_item img {
width: 100%;
}

.seriousness .mark {
background-color: #FFF;
border-radius: 10px;
padding: 20px;
text-align: center;
}

.seriousness .mark p {
font-weight: 700;
font-size: 16px;
line-height: 1.6;
text-align: center;
}

.seriousness .mark p span {
font-weight: 700;
color: var(--colorT);
}

.seriousness .mark p:nth-child(3) {
font-weight: 700;
font-size: 24px;
}

@media (max-width: 1110px) {
.seriousness h2 {
font-size: 38px;
}

.seriousness h2 span {
display: inline-block;
}
}

@media (max-width: 991px) {
.seriousness h2 {
font-size: 32px;
}
}

@media (max-width :767px) {
.seriousness h2 {
font-size: 30px;
}
}

@media (max-width: 676px) {
.seriousness .seriousness_content {
grid-template-columns: auto auto;
}

.seriousness .mark img {
width: 100%;
}
}

@media (max-width: 576px) {
section.seriousness {
padding: 40px 30px;
}
}

@media (max-width : 450px) {
.seriousness .seriousness_content {
gap: 0;
}

section.seriousness .hx4:nth-child(4) {
height: 50px;
}

.seriousness .seriousness_content {
grid-template-columns: auto;
}

.seriousness .seriousness_item {
width: 90%;
margin: 0 auto;
}

.seriousness .mark {
width: 20px 10px;
}

.seriousness .mark p:nth-child(3) {
font-size: 17px;
}

section.seriousness {
padding: 40px 20px;
}

.seriousness h2 {
font-size: 26px;
}

.seriousness h2 br {
display: block;
}

}

/* ----------section review-------- */
.review {
position: relative;
}

.review h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
}

.review h2 span {
font-family: var(--fontT);
font-weight: 700;
color: var(--colorT);
}

.review_content {
display: grid;
grid-template-columns: auto auto auto;
gap: 35px;
}

.review_item {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
background-color: #FCE9D7;
border-radius: 1px;
overflow: hidden;
}

.review_item p {
font-size: 16px;
line-height: 1.6;
}

.review_item span {
font-size: 13px;
}

.review_item img {
width: 45%;
}

@media (max-width: 991px) {
.review_content {
gap: 25px;
}

.review h2 {
font-size: 36px;
}
}

@media (max-width: 767px) {
.review h2 {
font-size: 32px;
}

.review_item p {
font-size: 15px;
}

.review h2 br {
display: block;
}
}

@media (max-width :676px) {
.review_content {
display: flex;
flex-wrap: wrap;
}

.review h2 {
font-size: 28px;
}
}

@media (max-width: 576px) {
.review h2 {
font-size: 26px;
}
}

@media (max-width :450px) {
.review {
padding-bottom: 30px;
}

.review_content {
flex-direction: column;
}

.review_item {
width: 100%;
}

.review h2 {
font-size: 23px;
margin-top: 25px;
}
}


/* -----------all table style---------- */
.all.table h3 {
font-size: 40px;
text-align: center;
}

.all.table table td {
align-items: center;
gap: 10px;
}

.all.table table td p {
line-height: 1.6;
font-size: 16px;
}

.all.table table td p span {
font-size: 24px;
line-height: 1.6;
font-weight: 700;
}

.all.table table td:first-child span {
display: block;
}

@media (max-width: 991px) {
.all.table table td p span {
display: block;
font-size: 21px;
}
}

@media (max-width: 767px) {

.all.table h3 {
font-size: 36px;
}
}

@media (max-width: 676px) {
.all.table h3 {
font-size: 32px;
}
}

@media (max-width :450px) {
.all.table h3 {
font-size: 23px;
}

.all.table table td p {
font-size: 11px;
}

.all.table table td p span {
font-size: 14px;
}
}

/* -------modal style------ */
.modal {
left: 50%;
transform: translateX(-50%);
width: 100%;
display: none;
position: fixed;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 9999;
height: 100vh;
}

.modal .modal_header h2 {
font-weight: 700;
font-size: 32px;
line-height: 1.6;
text-align: center;
}

.modal .modal_header h2 span {
font-weight: 700;
line-height: 1.6;
color: var(--colorT);
}

.modal .modal_wrap {
position: relative;
max-width: 1000px;
background-color: #F5F3EE;
margin: 0 20px;
border-radius: 10px;
}

.modal .modal_content {
position: relative;
display: flex;
flex-direction: column;
background-color: #F5F3EE;
border-radius: 5px;
width: 100%;
padding: 40px;
overflow-y: scroll;
overflow-x: hidden;
max-height: 90vh;
}

.modal .accordion-group {
width: 100%;
}

.modal .accordion {
position: relative;
justify-content: center;
padding: 10px;
max-width: unset;
}

.modal .accordion.no {
background-color: #cccccc;
pointer-events: none;
}

.modal .panel {
background-color: #F5F3EE;
}

.modal .panel .row {
padding: 10px;
}

.modal .accordion:after {
right: 20px;
position: absolute;
content: "+";
font-weight: 400;
font-size: 20px;
text-align: center;
transition: all .3s;
}

.modal .accordion.no:after {
content: "";
display: none;
}

.modal_show {
animation: modal_show 0.5s;
}

.modal .accordion.active:after {
content: "-";
}

@keyframes modal_show {
0% {
transform: translate(0, -200%);
}

50% {
transform: translate(0, 20%);
}

75% {
transform: translate(0, -5%);
}

87% {
transform: translate(0, 2.5%);
}

100% {
transform: translate(0, 0);
}
}

.modal_close {
animation: modal_close 0.5s;
}

@keyframes modal_close {
0% {
transform: translate(0, 0);
}

100% {
transform: translate(0, -200%);
}
}

.modal .close_btn {
position: absolute;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #3A3A3A;
cursor: pointer;
top: -20px;
z-index: 99;
}

.modal .close_btn::before,
.modal .close_btn::after {
display: none;
}

@media (max-width: 1020px) {
.modal {
width: 100%;
}
}

@media (max-width: 991px) {
.modal .modal_header h2 {
font-size: 32px;
}
}

@media (max-width: 576px) {
.modal .modal_content {
padding: 40px 20px;
}

.modal .modal_header h2 {
font-size: 28px;
}
}

@media (max-width: 450px) {
.close_btn {
right: -16px;
top: -30px;
width: 32px;
height: 32px;
}
}


/* ----------section faq----------- */
.faq>h2 {
font-weight: 700;
font-size: 40px;
line-height: 1.5;
text-align: center;
}

.faq .accordion {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 20px;
width: 100%;
text-align: left;
font-size: 24px;
transition: 0.4s;
border: none;
background-color: #FFF;
border-radius: 5px;
max-width: unset;
}

.faq .accordion p {
font-family: var(--colorT);
font-size: 20px;
margin-right: 20px;
color: #F76A0C;
font-weight: 700;
line-height: 1.6;
}

.faq .accordion h6 {
font-size: 16px;
font-weight: 700;
line-height: 1.6;
}

.faq .active,
.accordion:hover {
background-color: #ffcc9e;
}

.faq .accordion:after {
content: url(../img/closearrow.svg);
float: right;
margin-left: 5px;
}

.faq .accordion.active:after {
content: url(../img/openarrow.svg);
}

.faq .panel {
margin: 10px 0;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-radius: 5px;
}

.faq .panel .row {
padding: 20px;
}

.faq .panel .row h6 {
font-size: 20px;
line-height: 1.6;
font-weight: 700;
margin-right: 20px;
font-family: var(--colorT);
}

.faq .panel .row p {
font-size: 16px;
line-height: 1.6;
}

@media (max-width: 991px) {
.faq .accordion h6 {
font-size: 15px;
}

.faq .panel .row p {
font-size: 15px;
}
}

@media (max-width: 767px) {
.faq>h2 {
font-size: 32px;
}
}

@media (max-width: 450px) {
.faq>h2 {
font-size: 28px;
}

.faq .accordion h6 {
font-size: 13px;
}

.faq .panel .row p {
font-size: 13px;
}

.faq .accordion {
padding: 20px 10px;
}
}




/* -----------all table style---------- */
.all.table h3 {
font-size: 40px;
text-align: center;
}

.all.table table td {
align-items: center;
gap: 10px;
}

.all.table table td p {
line-height: 1.6;
font-size: 16px;
}

.all.table table td p span {
font-size: 24px;
line-height: 1.6;
font-weight: 700;
}

.all.table table td:first-child span {
display: block;
}

@media (max-width: 991px) {
.all.table table td p span {
display: block;
font-size: 21px;
}
}

@media (max-width: 767px) {

.all.table h3 {
font-size: 36px;
}
}

@media (max-width: 676px) {
.all.table h3 {
font-size: 32px;
}
}

@media (max-width :450px) {
.all.table h3 {
font-size: 23px;
}

.all.table table td p {
font-size: 11px;
}

.all.table table td p span {
font-size: 14px;
}
}

/* -------modal style------ */
/*.modal {
left: 50%;
transform: translateX(-50%);
width: 100%;
position: fixed;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 9999;
height: 100vh;
display: none;
}*/
.modal .modal_header h2 {
font-weight: 700;
font-size: 32px;
line-height: 1.6;
text-align: center;
}

.modal .modal_header h2 span {
font-weight: 700;
line-height: 1.6;
color: var(--colorT);
}

.modal .modal_wrap {
position: relative;
max-width: 1000px;
background-color: #F5F3EE;
margin: 0 20px;
border-radius: 10px;
margin: 45px auto 10px;
z-index: 300;
}

.modal .modal_content {
position: relative;
display: flex;
flex-direction: column;
background-color: #F5F3EE;
border-radius: 5px;
width: 100%;
padding: 40px;
overflow-y: scroll;
overflow-x: hidden;
max-height: 90vh;
}

.modal .accordion-group {
width: 100%;
}

.modal .accordion {
position: relative;
justify-content: center;
padding: 10px;
max-width: unset;
}

.modal .panel {
background-color: #F5F3EE;
}

.modal .panel .row {
padding: 10px;
}

.modal .accordion:after {
right: 20px;
position: absolute;
content: "+";
font-weight: 400;
font-size: 20px;
text-align: center;
transition: all .3s;
}

.modal_show {
animation: modal_show 0.5s;
}

.modal .accordion.active:after {
content: "-";
}

@keyframes modal_show {
0% {
transform: translate(0, -200%);
}

50% {
transform: translate(0, 20%);
}

75% {
transform: translate(0, -5%);
}

87% {
transform: translate(0, 2.5%);
}

100% {
transform: translate(0, 0);
}
}

.modal_close {
animation: modal_close 0.5s;
}

@keyframes modal_close {
0% {
transform: translate(0, 0);
}

100% {
transform: translate(0, -200%);
}
}

.close_btn {
position: absolute;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #3A3A3A;
cursor: pointer;
top: -20px;
z-index: 99;
}

.modal .close_btn::before,
.modal .close_btn::after {
display: none;
}

@media (max-width: 1020px) {
.modal {
width: 100%;
}
}

@media (max-width: 991px) {
.modal .modal_header h2 {
font-size: 32px;
}
}

@media (max-width: 576px) {
.modal .modal_content {
padding: 40px 20px;
}

.modal .modal_header h2 {
font-size: 28px;
}
}

@media (max-width: 450px) {
.close_btn {
right: -16px;
top: -30px;
width: 32px;
height: 32px;
}
}

.accordion {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 20px;
width: 100%;
text-align: left;
font-size: 24px;
transition: 0.4s;
border: none;
background-color: #FFF;
border-radius: 5px;
}

.accordion p {
font-family: var(--colorT);
font-size: 20px;
margin-right: 20px;
color: #F76A0C;
font-weight: 700;
line-height: 1.6;
}

.accordion h6 {
font-size: 16px;
font-weight: 700;
line-height: 1.6;
}

.active,
.accordion:hover {
background-color: #ccc;
}

.accordion:after {
content: url(../img/closearrow.svg);
float: right;
margin-left: 5px;
}

.accordion.active:after {
content: url(../img/openarrow.svg);
}

.panel {
margin: 10px 0;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-radius: 5px;
}

.panel .row {
padding: 20px;
}

.panel .row h6 {
font-size: 20px;
line-height: 1.6;
font-weight: 700;
margin-right: 20px;
font-family: var(--colorT);
}

.panel .row p {
font-size: 16px;
line-height: 1.6;
}

@media (max-width: 991px) {
.accordion h6 {
font-size: 15px;
}

.faq .panel .row p {
font-size: 15px;
}
}

@media (max-width: 450px) {
.faq>h2 {
font-size: 28px;
margin-top: 20px;
}

.accordion h6 {
font-size: 13px;
}

.panel .row p {
font-size: 13px;
}

.accordion {
padding: 20px 10px;
}
}

/* ------------owl casusel style------------ */
.owl-theme .owl-dots {
height: 8px !important;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}

.owl-theme .owl-dots .owl-dot span {
background-color: #2F3D4C !important;
margin: 0 3px;
bottom: -40px;
}

.owl-theme .owl-dots .owl-dot span {
height: 8px !important;
width: 8px !important;
}

.owl-theme .owl-dots .owl-dot.active span {
width: 8px !important;
height: 8px !important;
background-color: #F76A0C !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background-color: #F76A0C;
height: 8px !important;
width: 8px !important;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -15px;
color: #000000;
font-size: 30px;
}

.owl-carousel .owl-nav button.owl-next {
right: -15px;
left: unset;
}

.slide2.owl-carousel .owl-nav button.owl-prev {
left: -22px;
}

.slide2.owl-carousel .owl-nav button.owl-next {
right: -22px;
}

.owl-theme .owl-dots::after {
content: "";
}

.owl-theme .owl-dots::before {
content: "";
font-size: 27px;
color: red;
}

.owl-carousel.owl-drag .owl-item {
background-color: transparent !important;
}

.bg_f {
padding: 2px 5px 2px 2px;
background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width:768px) {
.bg_f {
padding-right: 0;
}
}

@media (max-width :450px) {
.hx2.chousei {
height: 10px;
}

.hx8.chousei {
height: 35px;
}

.hx8.chousei:where(.check_btn_wrapper + *) {
height: 45px;
}
}

@media (min-width :451px) {
.hx8.chousei {
height: 50px;
}
}



.box-innerpad {
margin-top: 0;
padding: 0;
}

.cart_btn {
width: 100%;
}

.introduction {
margin-top: 50px;
}

.process {
margin-top: 35px;
}

.advantage {
margin-top: 20px;
}

.advantage_result {
margin-top: 20px;
}




.lp-container h2.b {
font-weight: bold;
margin: 0 0 10px;
text-align: center;
}

.modal .box-outer {
background-color: #fff !important;
}

.modal .box-innerpad h2 {
font-size: 18px;
color: inherit;
}

.modal .small {
font-size: 90%;
line-height: 1.5;
}

.modal .attention li {
line-height: 1.5;
}

.attention {
font-size: 1.4rem;
}

.attention.small {
font-size: 75%;
}

.bg-grey {
line-height: 2.5;
}

.box-border {
margin: 10px auto;
padding: 10px;
width: 95%;
border-radius: 10px;
border: 1px solid #e4e7ef;
}

@media screen and (max-width:767px) {
.pc_only {
display: none;
}

.area_btn.col .check_btn:last-of-type {
margin-top: 8px;
}
}

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

.area_btn.col {
display: flex;
justify-content: space-between;
}

.area_btn.col .check_btn {
margin: 0 10px;
width: calc(50% - 20px);
}
}


.lp_cp_bnr_slick {
width: 90%;
margin: 30px auto;
opacity: 0;
transition: opacity .3s linear;
}

.lp_cp_bnr_slick.slick-initialized {
opacity: 1;
}

.lp_cp_bnr_slick_item {
margin: 0 10px;
}

.slick-prev::before,
.slick-next::before {
color: #ccc;
}

.slick-dots li button::before {
font-size: 10px;
}

@media (min-width:768px) {
.service .service_content {
display: block;
}
}


/* ボタンCTA */
.inquiry_free.btn_cta {}

.inquiry_free.btn_cta .h2_text {
font-weight: 900;
font-size: 40px;
color: var(--colorT);
text-align: center;
}

.inquiry_free.btn_cta .h2_text br {
display: none;
}

.inquiry_free.btn_cta .h3_text {
display: block;
font-weight: 700;
font-size: 32px;
line-height: 1;
text-align: center;
}

.inquiry_free.btn_cta .h3_text br {
display: none;
}

.inquiry_free.btn_cta .h3_text span {
color: var(--colorT);
line-height: 1.6;
font-weight: 700;
font-size: 42px;
}

@media (max-width: 1110px) {
.inquiry_free.btn_cta .h2_text {
font-size: 36px;
}

.inquiry_free.btn_cta .h3_text {
font-size: 28px;
}

.inquiry_free.btn_cta .h3_text span {
font-size: 36px;
}
}

@media (max-width: 991px) {
.inquiry_free.btn_cta .h2_text {
font-size: 32px;
}

.inquiry_free.btn_cta .h3_text {
font-size: 24px;
}

.inquiry_free.btn_cta .h3_text span {
font-size: 32px;
}
}

@media (max-width: 767px) {
.inquiry_free.btn_cta .h2_text {
font-size: 28px;
}

.inquiry_free.btn_cta .h3_text {
font-size: 21px;
}

.inquiry_free.btn_cta .h3_text span {
font-size: 27px;
}
}

@media (max-width: 475px) {
.inquiry_free.btn_cta .h2_text {
font-size: 19px;
line-height: 1.5;
}

.inquiry_free.btn_cta .h2_text br {
display: block;
}

.inquiry_free.btn_cta .h3_text {
font-size: 16px;
}

.inquiry_free.btn_cta .h3_text br {
display: block;
}
}

.inquiry_free.btn_cta .free_item>div {}

.inquiry_free.btn_cta .free_item .h3 {
font-weight: 700;
font-size: 32px;
line-height: 1.1;
}

.inquiry_free.btn_cta .free_item .h3 span {
display: block;
font-size: 16px;
font-weight: 700;
}

@media (max-width: 1110px) {
.inquiry_free.btn_cta .free_item .h3 {
font-size: 28px;
}
}

@media (max-width: 991px) {
.inquiry_free.btn_cta .free_item .h3 {
font-size: 26px;
}

.inquiry_free.btn_cta .free_item .h3 span {
font-size: 14px;
font-weight: 700;
}
}

.option-modal .box-innerpad {
padding: 15px;
}

.option-modal .box-innerpad p {
margin: 10px 0;
}

/* 商品カセット　タブ */
.tab_outer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.tab_outer input[type="radio"] {
display: none;
}

.tab_btn {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
font-weight: 700;
width: 32%;
height: 3em;
background-color: #CCC;
border: 1px solid #999;
border-bottom: transparent;
border-radius: 10px 10px 0 0;
cursor: pointer;
}

@media screen and (min-width:1024px) {
.tab_btn {
font-size: 20px;
}
}


.tab_outer input:checked+.tab_btn,
.tab_outer input:checked+.tab_btn small {
color: #fff;
}

.tab_outer input:checked+.tab_btn.take {
background-color: #04AD8999;
border-color: #04AD8999;
}

.tab_outer input:checked+.tab_btn.matsu {
background-color: #95CC4D99;
border-color: #95CC4D99;
}

.tab_outer input:checked+.tab_btn.ume {
background-color: #FF464599;
border-color: #FF464599;
}

.inquiry_free .tab_outer input:checked+.tab_btn.take {
background-color: #04AD89;
}

.inquiry_free .tab_outer input:checked+.tab_btn.matsu {
background-color: #95CC4D;
}

.inquiry_free .tab_outer input:checked+.tab_btn.ume {
background-color: #FF4645;
}

.tab_contents {
flex: 100%;
display: none;
padding: 10px;
border: 1px solid #1a79c1;
border-radius: 0 0 20px 20px;
overflow: hidden;
position: relative;
animation: fadeIn 1s ease;
}

@media screen and (min-width:768px) {
.tab_contents {
padding: 15px;
}

.new_product.tab_contents {
padding-top: 65px;
}

.new_product.tab_contents .new_product_header {
margin-bottom: 20px;
}
}

@media screen and (min-width:1024px) {
.new_product.tab_contents {
padding-top: 15px;
}

.new_product.tab_contents .new_product_header {
padding-left: 105px;
}
}

.tab_contents *:last-child {
margin-bottom: 0;
}

#tab_take:checked~#tab_take_contents,
#tab_matsu:checked~#tab_matsu_contents,
#tab_ume:checked~#tab_ume_contents {
display: block;
visibility: visible;
opacity: 1;
}

@media screen and (max-width:1024px) {

#tab_s_take:checked~#tab_s_take_contents,
#tab_s_matsu:checked~#tab_s_matsu_contents,
#tab_s_ume:checked~#tab_s_ume_contents {
display: block;
visibility: visible;
opacity: 1;
}
}

@media screen and (max-width:767px) {
.tab_contents .new_product_header>div:first-child {
flex-flow: column;
}

.inquiry_free>div.tab_outer {
flex-direction: unset;
gap: 0;
}

.inquiry_free .free_item.tab_contents {
display: none;
border-radius: 0 0 20px 20px;
}
}

@media screen and (min-width:768px) {
.inquiry_free>div.tab_outer {
grid-template-columns: repeat(3, calc(calc(100% - 20px) / 3));
gap: 10px;
}

.inquiry_free .tab_outer input+.tab_btn {
display: none;
}
}

.inquiry_free .free_item.tab_contents .row .col:last-child {
background-color: #b9ab89;
}

.tab_contents .btn_group .apply_btn_wrapper {
gap: unset;
margin-top: 10px;
width: 100%;
max-width: 450px;
}

.inquiry_free .free_item.tab_contents .row {
width: 100%;
}

.inquiry_free .tab_contents .btn_group .apply_btn_wrapper .apply_btn {
margin: 5px auto;
background-color: #fc5860;
}

@media screen and (min-width:768px) {
.inquiry_free .tab_contents .btn_group .apply_btn p span {
font-size: 18px;
;
}

.inquiry_free .free_item.tab_contents .row {
margin-top: unset;
min-height: 123px;
}

.inquiry_free .free_item.third .row .col:first-child {
margin: auto;
}

.inquiry_free .free_item.tab_contents.third .btn_group {
margin-bottom: auto;
}

.inquiry_free .tab_contents .plan_icon {
display: flex;
align-items: center;
justify-content: center;
height: 35px;
}
}

.inquiry_free .tab_contents .btn_group .apply_btn_wrapper .apply_btn {
height: 3em;
}

.inquiry_free .tab_contents .btn_group .apply_btn_wrapper .apply_btn p span {
font-size: 18px;
}

.tab_contents .area_btn {}

.tab_contents .area_btn a {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px auto;
padding: 0 8px 0 15px;
max-width: 400px;
height: 3em;
background-color: #F5F3EE;
}

.aircon_cp_items li:nth-of-type(n+2) {
display: none;
}

@media screen and (max-width:767px) {
.majime_flex .item:nth-of-type(n+2) {
margin-top: 15px;
}
}

@media screen and (min-width:768px) {
.majime_flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}

.majime_flex .item {
width: 30%;
}
}

.new_product_content.edit202505 {}

.new_product_content.edit202505 .check_box {
border-radius: 0;
margin: 10px 0;
}

.new_product_content.edit202505 .check_box p {
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 1.5;
margin: 0 auto;
}

@media screen and (min-width:768px) {
.new_product_content.edit202505 .check_box p {
font-size: 24px;
}
}

@media screen and (min-width:1024px) {
.new_product_content.edit202505 .check_box p {
font-size: 18px;
}
}

.new_product_content.edit202505 .taiou_icon {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
margin: 0 auto;
max-width: 800px;
}

.new_product_content.edit202505 .taiou_icon li {
width: 23%;
}

@media screen and (min-width:768px) {
.new_product_content.edit202505 .taiou_icon li {
width: 14%;
}
}

.new_product_content.edit202505 .taiou_icon li img {
width: 100%;
}

.new_product_content.edit202505 .taiou_icon li.off img {
opacity: 0.3;
filter: grayscale(1);
}

.new_product_content.edit202505 .btn_group .apply_btn_wrapper .apply_btn {
background-color: #fc5860;
height: 4em;
}

.service .table_btn_group {
width: 90%;
}

.service .table_btn_group .table_btn span {
font-size: 16px;
}


/* 改修　20250507 */
body {
background-image: url(/img/lp/lp-00059/haikei.png) !important;
background-repeat: repeat !important;

/* 60%にプラス1%して、隣の画像と重なるようにします */
background-size: 34% auto !important;

/* 重なりを均等にするため、少しだけ左と上にずらします */
background-position: -2px -2px !important;

background-attachment: fixed !important;
}

@media (max-width: 450px) {
.contents {
padding: 0 12px;
}
}

@media (max-width: 1080px) {
.contents {
width: 95%;
}
}

section {
background-color: unset !important;
}

.point>p {
margin: 5px auto 20px;
}

.faq .accordion {
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);
}

.aircon_10_cp h2 {
font-size: 18px;
font-weight: 700;
text-align: center;
line-height: 1.5;
margin-top: 20px;
}

@media screen and (min-width:768px) {
.aircon_10_cp h2 {
font-size: 40px;
}
}

.aircon_10_cp h2 span {
color: var(--colorT);
font-size: 120%;
font-weight: 700;
}

.aircon_10_cp .maincp_outer {
margin: 15px auto 30px;
}

.point_slick_outer {
margin: 15px auto;
width: 95%;
}

.point_slick_outer .slick-track {
display: flex;
justify-content: space-between;
}

.point_slick_item {
width: 99%;
height: auto !important;
}

.point_slick_item.first .point_item p:last-of-type {
font-size: 11px;
}

.point_slick_item .point_item {
justify-content: unset;
height: 100%;
}

.point_item:last-child .point_image {
width: auto;
}

.point_slick_item:last-child .point_item .point_image {
width: 33.333%;
}

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

.point_slick_outer .point_slick_item {
margin-top: 30px;
}

.point_slick_item .point_item .point_left {
width: 45%;
}

.point_slick_item .point_item .point_image {
width: 55% !important;
}
}

.point_slick_outer .point_slick_item {
width: 32% !important;
}

@media screen and (max-width:979px) {
.point_slick_outer .point_slick_item {
margin: 0 10px;
}
}

@media screen and (max-width:550px) {
.point_slick_outer .point_slick_item {}
}

.point_slick_item .point_item {
display: flex;
flex-direction: column;
}

.point_slick_item .point_item .point_left {
order: 1;
gap: 20px;
width: 100%;
}

.point_slick_item .point_item h5 {
font-size: 18px;
height: 28px;
padding-left: 10px;
width: 100px;
}

.point_slick_item .point_item h5::before {
height: 28px;
width: 28px;
font-size: 15px;
}

.point_slick_item .point_item .point_left .bg_f:has(h5) {
position: absolute;
top: -110px;
}

.point_slick_item .point_item .point_left .bg_f:has(h2) {
position: absolute;
top: -75px;
}

.point_slick_item .point_item .point_left h2 {
font-size: 21px;
top: -105px;
}

.point_slick_item .point_item .point_left p {
font-size: 14px;
}

.point_slick_item .point_item .point_image {
order: 0;
width: auto !important;
}

.point_slick_item .point_item .point_image img {
object-fit: cover;
height: 140px;
}

.konnankoto {
margin: 70px auto 40px;
}

.aircon_kaisetsu {
text-align: center;
}


.aircon_kaisetsu img {
margin-top: 30px;
}

@media screen and (min-width:768px) {
.aircon_kaisetsu img {
margin-top: 70px;
max-width: 750px;
}
}

.aircon_kaisetsu .kaisetsu_img_1 {
margin-top: 0;
}

@media screen and (min-width:768px) {
.aircon_kaisetsu .kaisetsu_img_1 {
margin-top: 50px;
}
}

.aircon_kaisetsu .kaisetsu_img_2 {}

.aircon_kaisetsu .kaisetsu_img_3 {}

.aircon_kaisetsu .kaisetsu_img_4 {
margin-top: 50px;
}

@media screen and (min-width:768px) {
.aircon_kaisetsu .kaisetsu_img_4 {
margin-top: 100px;
}
}

.aircon_kaisetsu .kaisetsu_img_5 {}

.aircon_kaisetsu .kaisetsu_img_6 {
margin-top: 50px;
}

@media screen and (min-width:768px) {
.aircon_kaisetsu .kaisetsu_img_6 {
margin-top: 70px;
}
}

.aircon_kaisetsu .kaisetsu_img_7 {
width: 100%;
max-width: 1020px;
}

.aircon_kaisetsu .kaisetsu_img_8 {
width: 100%;
max-width: 1020px;
}


.cp_air3000_text {
font-size: 20px;
font-weight: 700;
text-align: center;
margin: 20px auto 5px;
}

@media screen and (min-width:768px) {
.cp_air3000_text {
font-size: 32px;
}
}

.cp_aircon_fuku_anchor {
margin: 0 auto;
max-width: 480px;
}

.cp_aircon_fuku_anchor p {
text-align: center;
font-weight: 700;
font-size: 1.3em;
margin-bottom: 5px;
}

@media (max-width: 450px) {
.contents {
padding: 0;
}
}



.movie_block .title_img {
margin: 40px auto 5px;
width: 90%;
max-width: 600px;
}

.movie_block .movie_outer {
margin: 0 auto;
width: 90%;
max-width: 600px;
aspect-ratio: 16 / 9;
}

.movie_block .movie_outer video {
width: 100%;
}


@media (min-width: 768px) {
.service .service_content {
padding: 0 30px;
}

.service .service_item p {
font-size: 16px;
}

.service .service_item svg {
width: 20px;
}
}

.service .service_item div {
flex-flow: row;
}

@media (max-width:767px) {
.service .service_content {
padding: 0 25px 40px;
}

.service .service_item div {
padding: 5px;
}

.service .service_item p {
font-size: 12px;
}

.service .service_item svg {
width: 20px;
}
}

.faq .accordion i {
font-size: 80%;
margin-left: auto;
}

@media (max-width:991px) {
.service .service_item div {
gap: 5px;
padding: 10px;
}
}

@media (max-width:991px) {
.point_slick_outer .slick-prev {
left: -15px;
}

.point_slick_outer .slick-next {
right: -15px;
}
}

.owl-review {
padding: 0 25px;
}


.advantage {
margin-top: 70px;
}

@media (max-width:991px) {
.advantage {
margin-top: 50px;
}
}

.owl-theme .owl-nav [class*='owl-']:hover {
color: #000;
}