@charset "UTF-8";
/* CSS Document */
html {scroll-padding-top:10rem;}
#plan .main-area #section01 .inner .contents-block .plan-list>li .main .head h2 span {line-height: 1.3;}
#plan .main-area #section01 .inner .contents-block .plan-list>li .main .head h2 span:after {display:none;}
#function .common-voice,
#intelligence .caption {padding: 2.8rem 0 0.5rem;}
#intelligence .caption p {font-size: 1.5rem; line-height: 1.73; margin: 0 0 0.5rem;}
#intelligence .caption p span {font-size: 2rem;font-weight: 700;}
#intelligence .caption + h3 {padding: 0 0 1.2rem;}
.single p {line-height: 1.75;}
@media screen and (min-width: 1081px) {
.common-voice .inner ul li {width:50%;}
}
.common-voice .inner ul li figure figcaption p span {display: inline-block;margin: 0 0 0 9px;font-size: 1.6rem;font-weight: 500;}
.eye-catch img,.column-3blockB li .image img,#column .main-area #section01 #main .post-list li a img,#seminarevent .main-area #section01 .inner .contents-block #seminar-list>div .image img {height:auto;}
#home .main-area #section07 .inner .contents-block #seminar>div .image img,.slick-slide img {height:auto;}
form label.error { background: #fee; color: #ff0000; font-size: 1.25rem; font-weight: bold; display: block; padding: 16px 8px !important; margin-bottom: 24px !important; margin-top: 8px !important;border-radius: 4px; }
form label.error::before { width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffeeee transparent; content: ''; position: absolute; margin-top: -24px; margin-left: 16px; }

.g-recaptcha div {margin: 24px auto!important;} .g-recaptcha div iframe {height: 78px;}

/*#contact .main-area #form-area .form-set form input:not([type=checkbox]):not([type=submit]), #contact .main-area #form-area .form-set form select { font-size: 1.5rem; font-weight: 500; font-family: 'Noto Sans JP',sans-serif; padding: 1.5rem; border: 1px solid #a0a5a5; border-radius: 0.4rem; background: #fff; width: 100%; }*/

#casestudy-detail .main-area #section01 #sub .doctor-list li .image {height:12rem;}

/* pagenation */
.pagenation-set ul.page-numbers { display: flex; justify-content: center; width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.pagenation-set ul.page-numbers li { margin: 0 0.7rem; }
.pagenation-set ul.page-numbers li a,.pagenation-set ul.page-numbers li span { width: 4.8rem; height: 4.8rem; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; border: 1px solid #d8dcdc; border-radius: 100%; color: #2d3030; }
.pagenation-set ul.page-numbers li a:hover, .pagenation-set ul.page-numbers li span.current { background: #00bec8; border-color: #00bec8; color: #fff; text-decoration: none; }
.pagenation-set ul.page-numbers li span.dots {border:none;}
.pagenation-set ul.page-numbers a.prev {width: auto;border-radius: 20rem;padding: 1.6rem 2rem;margin-right: 1.4rem;}
.pagenation-set ul.page-numbers a.next {width: auto;border-radius: 20rem;padding: 1.6rem 2rem; margin-left: 1.4rem; }

@media screen and (max-width: 1080px) {
.pagenation-set ul.page-numbers {width: 100%; position: relative; margin: 0 0 2rem;}
.pagenation-set ul.page-numbers li { margin: 0 0.45rem; }
.pagenation-set ul.page-numbers li a,.pagenation-set ul.page-numbers li span {width: 4rem; height: 4rem; font-size: 1.6rem; }
.pagenation-set ul.page-numbers a.prev {position: absolute; bottom: -6rem; width: 8rem; left: 0;margin-right: 0;}
.pagenation-set ul.page-numbers a.next {position: absolute; bottom: -6rem; width: 8rem; right: 0;margin-left: 0; }
}

/*contact*/
.submit-button input{ position: relative; cursor: pointer; color: #fff; font-size: 2rem; font-weight: 900; font-family: 'Noto Sans JP',sans-serif; padding: 1.8rem 7rem 2rem; display: inline-block; margin: 0;/*変更*/ pointer-events: auto; background: none;border: none; width: auto; border-radius: 0;z-index: 1; transition: .5s; }
.submit-button input:hover{ color:#00bec8; }
.submit-button .contact-button{ padding: 0; }
.submit-button .contact-button{ background: #c8d2d2; border-color: #c8d2d2; }
.submit-button .contact-button:before{ display: none; }
.submit-button .contact-button input{ pointer-events: none; }
.submit-button .contact-button.active{ pointer-events: auto; background: #00bec8; border-color: #00bec8; }
.submit-button .contact-button.active:before{ display: block; }
.submit-button .contact-button.active input{ pointer-events: auto; }

.form-set form .submit-button input[disabled]{pointer-events:none;background:#c8d2d2;border:3px solid #c8d2d2}
.main-area #form-area .form-set form .privacypolicy_check-label { display: flex; justify-content: center; margin: 4rem auto 2rem; }
.main-area #form-area .form-set form .privacypolicy_check-label label { font-size: 1.4rem;position:relative;}
.main-area #form-area .form-set form .privacypolicy_check-label label span.check-box { content: ''; width: 1.8rem; height: 1.8rem; margin-right: 0.7rem; background: #fff; border: 1px solid #d8dcdc; border-radius: 0.4rem; display: inline-block; vertical-align: middle; position: relative; top: -2px; }
.main-area #form-area .form-set form .submit-button { display: flex; justify-content: center; margin-bottom: 4rem; }
.main-area #form-area .form-set form input[name=privacypolicy_check], #seminarevent .main-area #form-area .form-set form select[name=privacypolicy_check] {width: 0;height: 0;visibility: hidden;}
.main-area #form-area .form-set form .privacypolicy_check-label label input[type=checkbox]:checked+:before {display: block;}
.main-area #form-area .form-set form .privacypolicy_check-label label span.check-box:before { content:url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check02.svg); position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); display: none; width: 1.3rem;}
.main-area #form-area .form-set form .privacypolicy_check-label label input.valid +span+span.check-box:before { content:url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check02.svg); position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); display: block; width: 1.3rem;}
.main-area #form-area .form-set form span.validation-error { position: absolute; bottom: -24px; left: 5px; z-index: 2; display: inline-block; background: #ffdc00; border-radius: 15rem; padding: 1rem 1.5rem; font-size: 1.3rem; filter: drop-shadow(0 0 4px rgba(0,0,0,.2)); }
.main-area #form-area .form-set form .privacypolicy_check-label label span.validation-error { position: absolute; top:-32px;bottom: initial; left: -28px;z-index: 2; display: inline-block; background: #ffdc00; border-radius: 15rem; padding: 1rem 1.5rem; font-size: 1.3rem; filter: drop-shadow(0 0 4px rgba(0,0,0,.2)); }
.main-area #form-area .form-set form span.validation-error:before { content: ''; position: absolute; top: -10px; left: 3rem; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #ffdc00; }
.main-area #form-area .form-set form .privacypolicy_check-label span.validation-error:before {content: ''; position: absolute; top:initial;bottom: -10px; left: 3rem; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #ffdc00;border-bottom: 0;}

/*seminar form*/
#seminarevent .main-area #form-area .form-set form input:not(#submit-button), #seminarevent .main-area #form-area .form-set form select {font-size: 1.5rem; font-weight: 500; font-family: 'Noto Sans JP',sans-serif; padding: 1.5rem; border: 1px solid #a0a5a5; border-radius: 0.4rem; background: #fff; width: 100%; }
#seminarevent .main-area #form-area .form-set form input:not([type=checkbox]):not([type=submit]), #seminarevent .main-area #form-area .form-set form select { font-size: 1.5rem; font-weight: 500; font-family: 'Noto Sans JP',sans-serif; padding: 1.5rem; border: 1px solid #a0a5a5; border-radius: 0.4rem; background: #fff; width: 100%; }
#seminarevent .main-area #form-area .form-set form dl { display: flex; flex-wrap: wrap; }
#seminarevent .main-area #form-area .form-set form dl dt, #seminarevent .main-area #form-area .form-set form dl dd { display: flex; align-items: center; border-bottom: 1px solid #d8dcdc; padding: 1.5rem 1rem; }
#seminarevent .main-area #form-area .form-set form dl dt { width: 31rem; }
#seminarevent .main-area #form-area .form-set form dl dt.required:after { content: '必須'; font-size: 1.1rem; border-radius: 10rem; background: #ff1e00; padding: 3px 9px 5px; display: inline-block; color: #fff; position: absolute; right: 0.6rem; top: 50%; transform: translateY(-50%); }
#seminarevent .main-area #form-area .form-set form dl dd { width: calc(100% - 31rem); justify-content: space-between; gap:1rem;}
#seminarevent .main-area #form-area .form-set form dl dd div { width: 100%; }
#seminarevent .main-area #form-area .form-set form .checkbox-group { display: flex; flex-wrap: wrap; align-items: center; }
#seminarevent .main-area #form-area .form-set form .checkbox-group label { width: 50%; display: flex; flex-wrap: wrap; cursor: pointer; font-size: 1.5rem; margin: 0.7rem 0; }
#seminarevent .main-area #form-area .form-set form textarea { width: 100%; height: 14.4rem; border-radius: 0.4rem; padding: 1.5rem; font-size: 1.5rem; font-weight: 500; font-family: 'Noto Sans JP',sans-serif; border: 1px solid #a0a5a5; }
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label { display: flex; justify-content: center; margin: 4rem auto 2rem; }
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label label { font-size: 1.4rem;position:relative;}
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box { content: ''; width: 1.8rem; height: 1.8rem; margin-right: 0.7rem; background: #fff; border: 1px solid #d8dcdc; border-radius: 0.4rem; display: inline-block; vertical-align: middle; position: relative; top: -2px; }
#seminarevent .main-area #form-area .form-set form .submit-button { display: flex; justify-content: center; margin-bottom: 4rem; }
#seminarevent .main-area #form-area .form-set form input[name=privacypolicy_check], #seminarevent .main-area #form-area .form-set form select[name=privacypolicy_check] {width: 0;height: 0;visibility: hidden;}
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label label input[type=checkbox]:checked+:before {display: block;}
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box:before { content:url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check02.svg); position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); display: none; width: 1.3rem;}
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label label input.valid +span+span.check-box:before { content:url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check02.svg); position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); display: block; width: 1.3rem;}
#seminarevent .main-area #form-area .form-set form span.validation-error { position: absolute; bottom: -24px; left: 5px; z-index: 2; display: inline-block; background: #ffdc00; border-radius: 15rem; padding: 1rem 1.5rem; font-size: 1.3rem; filter: drop-shadow(0 0 4px rgba(0,0,0,.2)); }
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label label span.validation-error { position: absolute; top:-32px;bottom: initial; left: -28px;z-index: 2; display: inline-block; background: #ffdc00; border-radius: 15rem; padding: 1rem 1.5rem; font-size: 1.3rem; filter: drop-shadow(0 0 4px rgba(0,0,0,.2)); }
#seminarevent .main-area #form-area .form-set form span.validation-error:before { content: ''; position: absolute; top: -10px; left: 3rem; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #ffdc00; }
#seminarevent .main-area #form-area .form-set form .privacypolicy_check-label span.validation-error:before {content: ''; position: absolute; top:initial;bottom: -10px; left: 3rem; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #ffdc00;border-bottom: 0;}

/*document form
#document .main-area #form-area .form-set form .privacypolicy_check-label { display: flex; justify-content: center; margin: 4rem auto 2rem; }
#document .main-area #form-area .form-set form .privacypolicy_check-label label { font-size: 1.4rem;position:relative;}
#document .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box { content: ''; width: 1.8rem; height: 1.8rem; margin-right: 0.7rem; background: #fff; border: 1px solid #d8dcdc; border-radius: 0.4rem; display: inline-block; vertical-align: middle; position: relative; top: -2px; }
#document .main-area #form-area .form-set form .submit-button { display: flex; justify-content: center; margin-bottom: 4rem; }
#document .main-area #form-area .form-set form input[name=privacypolicy_check], #seminarevent .main-area #form-area .form-set form select[name=privacypolicy_check] {width: 0;height: 0;visibility: hidden;}
#document .main-area #form-area .form-set form .privacypolicy_check-label label input[type=checkbox]:checked+:before {display: block;}
#document .main-area #form-area .form-set form .privacypolicy_check-label label span.check-box:before { content:url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check02.svg); position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); display: none; width: 1.3rem;}
#document .main-area #form-area .form-set form .privacypolicy_check-label label input.valid +span+span.check-box:before { content:url(/wp-content/themes/Apotool/assets/css/../img/common/icon-check02.svg); position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); display: block; width: 1.3rem;}
#document .main-area #form-area .form-set form span.validation-error { position: absolute; bottom: -24px; left: 5px; z-index: 2; display: inline-block; background: #ffdc00; border-radius: 15rem; padding: 1rem 1.5rem; font-size: 1.3rem; filter: drop-shadow(0 0 4px rgba(0,0,0,.2)); }
#document .main-area #form-area .form-set form .privacypolicy_check-label label span.validation-error { position: absolute; top:-32px;bottom: initial; left: -28px;z-index: 2; display: inline-block; background: #ffdc00; border-radius: 15rem; padding: 1rem 1.5rem; font-size: 1.3rem; filter: drop-shadow(0 0 4px rgba(0,0,0,.2)); }
#document .main-area #form-area .form-set form span.validation-error:before { content: ''; position: absolute; top: -10px; left: 3rem; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #ffdc00; }
#document .main-area #form-area .form-set form .privacypolicy_check-label span.validation-error:before {content: ''; position: absolute; top:initial;bottom: -10px; left: 3rem; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #ffdc00;border-bottom: 0;}*/

#casestudy-detail #sub p span::after {content: "、";}
#casestudy-detail #sub p span:last-of-type::after {content: "";}

#cardapp .main-area #section02 .inner ul,
#cashless .main-area #section03 .inner ul {margin:4rem 0;}
#cardapp .main-area #section02 .inner ul li,
#cashless .main-area #section03 .inner ul li {padding-left: 1.2em;font-size: 1.2rem;line-height: 1.75;}
#cardapp .main-area #section02 .inner ul li:before,
#cashless .main-area #section03 .inner ul li:before {content: '※'; position: absolute; top: 0; left: 0;}

#casestudy #section03 .column-3blockB p.no-cases {width:100%;line-height:1.8;text-align:center;padding: 1.2rem 1.6rem;}

#medicalbox-perio .main-area #section02 .contents-block ul li.no-after:after {content:none;}
#schedule_table table{display:table;}

/*datalinkage*/
@media screen and (min-width: 1081px) {
#datalinkage .main-area #section01 .contents-block section table td span.pay {padding-left: 20.5rem;}
}

@media screen and (max-width: 520px) {
#datalinkage .main-area #section01 .contents-block section table td a {display: block!important;}
}

/*---------------
   Pop Up
---------------*/
@media screen and (min-width: 1081px) {
.forPC {display:block;}
.forTB {display:none;}
.forSP {display:none;}
}
@media screen and (min-width: 521px) and (max-width: 1081px){
.forPC {display:none;}
.forTB {display:block;}
.forSP {display:none;}
}
@media screen and (max-width: 520px) {
.forPC {display:none;}
.forTB {display:none;}
.forSP {display:block;}
}

/*---------------
   無人化計画 LP
---------------*/
/*CTA*/
.mujinkakeikaku .CTA {text-align:center;}
.mujinkakeikaku .CTA a {background: #ff9400; color: #fff; font-size: 2.4rem; letter-spacing: 2px;padding: 16px 80px; margin: 0 auto;border:2px solid #ff9400;border-radius: 40px;margin:0 1rem;}
.mujinkakeikaku .CTA a:hover {background:#fff;color: #ff9400;}
.mujinkakeikaku .CTA a.dl {background: #21abe7; color: #fff; font-size: 2.4rem; letter-spacing: 2px;padding: 16px 80px; margin: 0 auto;border:2px solid #21abe7;border-radius: 40px;}
.mujinkakeikaku .CTA a.dl:hover {background:#fff;color: #21abe7;}

/*MV*/
.mujinkakeikaku main {padding-top:0;}
.mujinkakeikaku #intro {background:#ebf9ff;padding:40px 0;}
.mujinkakeikaku #intro .intro-inner {max-width: 780px;margin:0 auto;}
.mujinkakeikaku #intro .intro-inner .intro-inner-item img:nth-child(2) {margin-top:-70px;}

/*ver.2*/
.mujinkakeikaku #mv {background: linear-gradient(to bottom, #f7fbfe, #ebf5fc);}
.mujinkakeikaku #mv .inner {height: 130rem;position:relative;}
.mujinkakeikaku #mv .inner .header-area {display: flex; justify-content: space-between; align-items: center;padding: 3rem 2rem;}
.mujinkakeikaku #mv .inner .header-area img {width: 24rem;}
.mujinkakeikaku #mv .inner .header-area .CTA {padding: 0 16px;}
.mujinkakeikaku #mv .inner .header-area .CTA a {font-size:2rem;}
.mujinkakeikaku #mv .inner p.catch {color: #0d387d; font-size: 2.4rem; letter-spacing: 2px; line-height: 1.8; text-align: center; font-weight: 700;}
.mujinkakeikaku #mv .inner p.catch span {font-size: 2.6rem;}
.mujinkakeikaku #mv .inner p.catch span.marker {background: linear-gradient(transparent 80%, #fdf558 80%);}
.mujinkakeikaku #mv .inner h1 img {width:85rem;margin: 0 auto;}
.mujinkakeikaku #mv .inner img.sub {width: 90rem; height: auto; margin: 0 auto; position: absolute; bottom: 3rem; left: calc(50% - 45rem);}

/*FEATURES*/
.mujinkakeikaku #features {padding:60px 0;}
.mujinkakeikaku #features .features-inner {background:#fff;max-width: 1160px;display:flex;gap:16px;margin:0 auto;}
.mujinkakeikaku #features .features-inner .features-inner-item {width:33.3333%;background: #fff;filter: drop-shadow(0 3px 8px rgba(0,0,0,.15));padding:16px;border-radius:10px;}
.mujinkakeikaku #features .features-inner .features-inner-item h2 {background:#9fd9f6;color:#333;font-size:1.8rem;font-weight:500;text-align:center;padding:16px 0;margin-bottom:16px;}
.mujinkakeikaku #features .features-inner .features-inner-item h2 span {font-size:2rem;font-weight:700;}
.mujinkakeikaku #features .features-inner .features-inner-item p {font-size:1.6rem;font-weight:400;line-height:1.8;margin-bottom:20px;}
.mujinkakeikaku #features .features-inner .features-inner-item:nth-of-type(3) p{margin-bottom:7rem;}

/*VIDEO*/
.mujinkakeikaku .video-area {background:#eaf4fc;padding: 0;}
.mujinkakeikaku .video-area .inner {padding: 6rem 2rem;}
.mujinkakeikaku .video-area .inner .illust {width: 22rem; position: absolute; bottom: 0; left: calc(30% - 20rem); z-index: 1;}

/*SEMINAR*/
.mujinkakeikaku #seminar {background:#fffddf;padding:60px 0 30px 0;}
.mujinkakeikaku #seminar .seminar-inner {max-width: 1000px;margin:0 auto;}
.mujinkakeikaku #seminar .seminar-inner .seminar-inner-box {display:flex;gap:8px;margin:0 auto;}
.mujinkakeikaku #seminar .seminar-inner .seminar-inner-box .seminar-inner-item {width:50%;display: flex;padding: 8px;}
.mujinkakeikaku #seminar .seminar-inner .seminar-inner-box .seminar-inner-item .seminar-inner-item-img {width:25%;padding:8px;}
.mujinkakeikaku #seminar .seminar-inner .seminar-inner-box .seminar-inner-item .seminar-inner-item-img img {max-width: 200px;border-radius: 50%;}
.mujinkakeikaku #seminar .seminar-inner .seminar-inner-box .seminar-inner-item .seminar-inner-item-txt {width:75%;padding:8px;}
.mujinkakeikaku #seminar h2 {margin-top: -90px;margin-left: -16px;}
.mujinkakeikaku #seminar h2 img {max-width: 450px;height: auto;}
.mujinkakeikaku #seminar h3 {font-size: 1.8rem;font-weight: 700;letter-spacing: 1px;line-height: 1.5;margin-bottom:8px;}
.mujinkakeikaku #seminar h3 + p {font-size: 1.4rem;line-height: 1.4;margin-bottom:16px;}
.mujinkakeikaku #seminar time {line-height: 1.4;display:block;margin-bottom:8px;}
.mujinkakeikaku #seminar time span {font-size: 2rem;font-weight: 700;}
.mujinkakeikaku #seminar p.post {font-size:1.4rem;font-weight: 400;line-height:1.4;margin:20px 0 8px 0;}
.mujinkakeikaku #seminar p.name {line-height:1.8;}

/*MAP*/
.mujinkakeikaku #map {background: #fae0e9;padding:60px 0 30px 0;}
.mujinkakeikaku #map .map-inner {max-width: 1000px;margin:0 auto;}

/*FLOW*/
.mujinkakeikaku #flow {background:#ddf3ff;padding:60px 0;}
.mujinkakeikaku #flow h2 {font-size: 2.8rem;text-align: center;line-height:1.6;padding:1rem;margin-bottom:4rem;}
.mujinkakeikaku #flow .flow-inner {max-width: 1100px;margin:0 auto;}
.mujinkakeikaku #flow .flow-inner {display: flex;justify-content: center;align-items: center;}
.mujinkakeikaku #flow .flow-inner-item {padding-left: 0;border-bottom: solid 1px #E1E8ED;}
.mujinkakeikaku #flow .flow-inner-item > li {background:#fff;list-style-type: none;display: flex;padding: 20px;border-top: solid 1px #E1E8ED;}
.mujinkakeikaku #flow .flow-inner-item > li::after {content: url(/wp-content/themes/Apotool/assets/img/mujinkakeikaku/ico-chevron.svg);display: block;position:absolute;left: 50%;bottom: -30px;width: 40px;height:60px;z-index: 1;}
.mujinkakeikaku #flow .flow-inner-item > li:last-child::after {display:none;}
.mujinkakeikaku #flow .flow-inner-item > li dl dt {font-size: 2.4rem;line-height: 2;font-weight: bold;letter-spacing: 2px;margin-bottom: 10px;}
.mujinkakeikaku #flow .flow-inner-item > li .number {width: 70px;color: #00a2ea;font-size: 4rem;font-weight: bold;line-height: 1;text-align: center;position: relative;margin-top: 0;}
/*.mujinkakeikaku #flow .flow-inner-item > li .number::before {content: ''; font-size: 0.3em; display: block; margin-bottom: 3px; letter-spacing: 1px;}*/
.mujinkakeikaku #flow .flow-inner-item > li .number::after {content: "";display: block;width: 1px;height: calc(100% - 40px);background: #00a3ea;position: absolute;left: 0;right: 0;top: 60px;margin: auto;}
.mujinkakeikaku #flow .flow-inner-item > li dl {width: calc(100% - 70px);}
.mujinkakeikaku #flow .flow-inner-item > li dl dd {display: flex;align-items: center;gap: 2rem;margin: 0;}
.mujinkakeikaku #flow .flow-inner-item > li dl dd figure {width:35%;height:auto;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd figure + div{width:65%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option {display:flex;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option::before {content:'⚫︎';color: #6bc8f2;line-height: 2;margin-right:4px;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option .circle-number {background: #6bc8f2;color: #fff;font-weight: 700;width: 35px;height: 35px;line-height: 35px;border-radius: 50%;text-align: center;margin-right: 10px;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option p {width:100%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd p.heading {width: 100%; font-size: 1.8rem; font-weight: 500; margin-bottom: 1rem; color: #00a2ea;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option-box {display:flex;justify-content: space-between;align-items: center;gap:1rem;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option-box .option {margin:0;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option-box .option-item {width:75%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option-box figure {width:25%;margin:0 auto;}
.mujinkakeikaku #flow .flow-inner-item > li dl dd p {width:65%;font-size: 1.6rem;font-weight: 400;line-height: 2;}
.mujinkakeikaku #flow .flow-inner-item > li dl dd span {color:#6d6d6d;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item h3 {font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item h3 span {background: #00a0e9;color: #fff;padding: 2px 10px;margin-right: 1rem;}


/*SOLUTION*/
.mujinkakeikaku #solution {padding:80px 0;}
.mujinkakeikaku #solution h2 {font-size: 2.8rem; text-align: center; line-height: 1.6; padding: 1rem; margin-bottom: 6rem;}
.mujinkakeikaku #solution .solution-inner {max-width: 1200px;display: flex;flex-wrap: wrap;justify-content: space-evenly;gap: 2rem;margin:0 auto;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item {border: 5px solid #014695;border-radius: 12px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item p.type {background: #014695; color: #fff; font-size: 1.6rem;font-weight: 700;letter-spacing:2px;padding: 8px 16px 16px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item p.type span {font-size: 2.0rem;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-img {padding:20px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt {padding:20px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt img.solution-logo {max-width: 140px;height: auto;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt figure figcaption {font-size: 1.4rem; font-weight: 400; letter-spacing: 0; line-height: 2; padding-left: 16px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt h4.display-2 {background: #00bec8; color: #fff; text-align: center; padding: 2rem;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt h4.display-1 {background: #0085c8; color: #fff; text-align: center; padding: 2rem;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box p.sub {font-size:1.8rem;text-align:center;line-height:1.6;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area {display:flex;justify-content: space-between;align-items: center;padding: 20px 20px 5px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area:nth-of-type(2){padding: 0 20px 20px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area h3 {font-size:2.8rem;line-height:1.4;letter-spacing:2px;margin-bottom: 12px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area h3 span {font-size:1.4rem;font-weight:400;letter-spacing:1px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area img {margin: 16px 0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area:nth-of-type(2) img {margin: 0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt p {font-weight:400;line-height: 1.6;margin-bottom:24px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box {margin: 24px 0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box.goannaiban {display: flex; gap: 1.5rem;margin:10px 0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box.goannaiban figure figcaption {font-size:1.4rem;text-align:center;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box-img {width: 55%;margin:16px auto;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box-txt {margin:16px 0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box-txt p {font-size:1.5rem;line-height: 1.8;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box ul {margin: 16px 0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box ul  li {color: #777;font-size: 1.4rem;font-weight: 400;line-height: 1.6;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .notes {background:#f9f9f9;padding:16px;border-radius:8px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .notes p {font-size:1.4rem;line-height:1.6;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .notes p span {font-weight:700;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .notes img {max-width:250px;height:auto;}
.mujinkakeikaku #solution .solution-inner-fee {max-width: 1200px; display:flex;align-items: center;gap:2rem;margin: 60px auto;}
.mujinkakeikaku #solution .solution-inner-fee .image {width:50%;padding: 1rem;}
.mujinkakeikaku #solution .solution-inner-fee .image figure {overflow: hidden;border-radius: 12px;}
.mujinkakeikaku #solution .solution-inner-fee .image figure img { width: 700px;height:auto;}
.mujinkakeikaku #solution .solution-inner-fee .detail {width:50%;padding: 1rem;}
.mujinkakeikaku #solution .solution-inner-fee .detail h3 {font-size: 1.8rem; font-weight: 700; text-align: center; border: 1px solid #646969; padding: 1.5rem 2rem; margin: 0 0 1.5rem}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #d6d8d8;padding: 0.5rem 1rem;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item .solution-inner-fee-inner-item-ttl {width:75%;display:flex;align-items: center;gap: 2rem;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item .solution-inner-fee-inner-item-ttl img {width: 20%;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item .solution-inner-fee-inner-item-ttl h4 {font-size: 1.6rem; font-weight: 700; line-height: 1.4; }
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item span {font-size: 1.8rem;font-weight:700;margin: 0 0.1em 0 0.2em;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item span span {font-size: 1.4rem;margin: 0 0.1em 0 0.2em;}

/*INFO*/
.mujinkakeikaku #info {background: linear-gradient(180deg, #0086cc, #fff);padding:60px 0;}
.mujinkakeikaku #info .info-inner {max-width: 1000px;margin:0 auto;}
.mujinkakeikaku #info .info-inner .info-inner-item {margin-bottom: 16px;}
.mujinkakeikaku #info .info-inner .CTA img:nth-of-type(2){margin:-85px 0 60px;}

/*FOOTER*/
.mujinkakeikaku #footer-nav {background:#ffffff;}
.mujinkakeikaku #footer-nav .inner {display:block;padding: 6rem;}
.mujinkakeikaku #footer-nav .inner>div {width: 100%; display: flex; justify-content: space-between;align-items: center;}
.mujinkakeikaku #footer-nav .inner h2,
.mujinkakeikaku #footer-nav .inner a,
.mujinkakeikaku #footer-nav .inner p {margin:0!important;}

@media screen and (max-width:520px) {
.mujinkakeikaku p {font-size:1.4rem;}
.mujinkakeikaku #mv .inner {background: linear-gradient(to right,#eff8fe,#fcfdff);height: auto;}
.mujinkakeikaku #mv .inner .header-area {display: flex; align-items: center;flex-direction: column;padding: 2rem 1rem;}
.mujinkakeikaku #mv .inner .header-area	> a {width:55%;}
.mujinkakeikaku #mv .inner .header-area a img {max-width: 90%;}
.mujinkakeikaku #mv .inner .header-area .CTA {width:100%;display: flex;gap: 1rem;padding:2rem .5rem;}
.mujinkakeikaku #mv .inner .header-area .CTA a {font-size: 1.4rem;padding: 1rem 1.5rem;margin:0;}
.mujinkakeikaku #mv .inner .header-area p {font-size: 1.4rem; font-weight: 400; line-height:1.6;letter-spacing: 1px;text-align:center;margin:20px 0;}
.mujinkakeikaku #mv .inner h1{padding:0 1rem;}
.mujinkakeikaku #mv .inner h1 img {width:100%;margin: 0 auto;}
.mujinkakeikaku #mv .inner img.bg {margin-top: -140px;}
.mujinkakeikaku #mv .inner img.sub {width: 90%;; height: auto; margin: -30px auto 0; position: relative;bottom:0;left:0;}
.mujinkakeikaku #mv .inner p.catch {font-size: 1.8rem;line-height:1.4;}
.mujinkakeikaku #mv .inner p.catch span {font-size: 2rem;}
.mujinkakeikaku .video-area .inner {background:none;padding:0;}
.mujinkakeikaku .video-area .inner .illust {display:none;}
.mujinkakeikaku .CTA a {width:100%;font-size: 1.4rem;font-weight: 900;line-height:1;letter-spacing: 2px;display: block;padding: 1.5rem;margin:0;}
.mujinkakeikaku .CTA a.dl {font-size: 1.4rem;line-height:1;letter-spacing: 2px;padding:1.5rem;}
.mujinkakeikaku .CTA .btn-area{display:flex;flex-direction: column;gap:1rem;}
.mujinkakeikaku #intro {padding:20px;}
.mujinkakeikaku #intro .intro-inner .intro-inner-item img:nth-child(2) {margin-top:-30px;}
.mujinkakeikaku .video-area {padding:20px;}
.mujinkakeikaku #features {padding: 30px 20px 60px;}
.mujinkakeikaku #features .features-inner {flex-direction: column;}
.mujinkakeikaku #features .features-inner .features-inner-item {width:100%;}
.mujinkakeikaku #features .features-inner .features-inner-item:nth-of-type(3) p{margin-bottom:1rem;}
.mujinkakeikaku #seminar .seminar-inner {padding: 0 10px;}
.mujinkakeikaku #seminar h2 {margin-left: 0;}
.mujinkakeikaku #seminar .seminar-inner .seminar-inner-box {flex-direction: column;}
.mujinkakeikaku #seminar .seminar-inner .seminar-inner-box .seminar-inner-item {width:100%;}
.mujinkakeikaku #seminar time span {font-size: 1.8rem;}
.mujinkakeikaku #map {padding: 10px;}
.mujinkakeikaku #flow {padding:6rem 2rem;}
.mujinkakeikaku #flow h2 {font-size: 2.2rem;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item {width:100%;padding:2rem;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item .flow-inner-item-txt {display:flex;flex-direction: column;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item .flow-inner-item-txt figure {width:80%;margin: 0 auto 2rem;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item .flow-inner-item-txt p {width:100%;}
.mujinkakeikaku #flow .flow-inner-item>li .number {width:35px;font-size:3rem;line-height: 1.3;}
.mujinkakeikaku #flow .flow-inner-item>li dl {width:100%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dt {font-size:2rem;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd {flex-direction: column;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd figure {width:100%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd figure + div{width:100%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd p {width:100%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option .circle-number {margin-right:0;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option p {padding:0 0 0 0.5rem;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option-box {flex-direction: column;align-items: flex-start;margin-top: 1rem;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option-box .option-item {width:100%;}
.mujinkakeikaku #flow .flow-inner-item>li dl dd .option-box figure {width:65%;}
.mujinkakeikaku #flow .flow-inner-item>li:after {width:30px;height:50px;left: calc(50% - 15px);}
.mujinkakeikaku #solution {padding:30px 20px;}
.mujinkakeikaku #solution h2 {font-size: 2.2rem;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box p.sub {font-size:1.6rem;font-weight: 500;padding:1rem;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area {flex-direction: column-reverse;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area img {max-width:70%;height:auto;margin: 16px auto 32px;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area h3 {font-size: 2rem;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area p.sub {font-size:1.4rem;line-height:1.4;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box {flex-direction: column;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box.even {flex-direction: column-reverse;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box.goannaiban {gap:0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box-img,
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box-txt {width:100%;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box-img {max-width:95%;margin:0 auto;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area img.w15 {max-width:65%;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-txt-box-txt p {font-size:1.4rem;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt h4.display-2,
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt h4.display-1{margin-bottom:2rem;}
.mujinkakeikaku #solution .solution-inner-fee {flex-direction: column;}
.mujinkakeikaku #solution .solution-inner-fee .image {width:100%;padding:0;}
.mujinkakeikaku #solution .solution-inner-fee .image figure img {width:100%;}
.mujinkakeikaku #solution .solution-inner-fee .detail {width:100%;;padding:0;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item {padding:1rem 0;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item .solution-inner-fee-inner-item-ttl {width: 65%;gap:1rem;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item .solution-inner-fee-inner-item-ttl h4 {font-size:1.4rem;}
.mujinkakeikaku #solution .solution-inner-fee .detail .solution-inner-fee-inner-item span {width: 35%;font-size:1.4rem;}
.mujinkakeikaku #info {padding:2rem;}	
.mujinkakeikaku #info .info-inner .info-inner-item {flex-direction: column;padding: 0 20px;}
.mujinkakeikaku #info .info-inner .CTA img:nth-of-type(2) {margin: -30px 0 20px;}
.mujinkakeikaku #footer-nav {display:block;position: relative;height: auto;padding: 60px 0;}
.mujinkakeikaku #footer-nav .inner {padding:0 20px;}
.mujinkakeikaku #footer-nav .inner>div {flex-direction: column;align-items: flex-start;}
.mujinkakeikaku #footer-nav .inner>div span {font-size: 1.4rem;padding:8px 0;}
.mujinkakeikaku #footer-nav .inner>div address {font-size: 1.4rem;}
.mujinkakeikaku #footer-nav .inner>div a.contact-button {width:100%;text-align: center;margin: 20px 0!important;}
.mujinkakeikaku #footer-nav .inner>div a.contact-button span {font-size: 1.6rem;}
.mujinkakeikaku #footer-nav .inner>div#company-information p {width:100%;}
}

@media screen and (min-width:521px) and (max-width:1080px) {
.mujinkakeikaku #mv .inner {background: linear-gradient(to right,#eff8fe,#fcfdff);height:auto;margin-bottom: 40px;}
.mujinkakeikaku #mv .inner h1 img {width:95%;}
.mujinkakeikaku #mv .inner img.bg {margin-top: -140px;}
.mujinkakeikaku #mv .inner img.sub {width: 95%;; height: auto; margin: -60px auto 0; position: relative;bottom:0;left:0;}
.mujinkakeikaku .video-area .inner {background:none;padding: 0 20px 40px;}
.mujinkakeikaku .video-area .inner .youtube{width: 100%;}
.mujinkakeikaku .CTA {display: flex;padding: 20px 0;}
.mujinkakeikaku .CTA a {max-width:300px;font-size: 1.8rem;display: block;padding:16px 20px;}
.mujinkakeikaku .CTA a.dl{padding:16px 20px;}
.mujinkakeikaku #features {padding: 30px 10px 40px;}
.mujinkakeikaku #features .features-inner {gap:0;}
.mujinkakeikaku #features .features-inner .features-inner-item p {font-size:1.4rem;}
.mujinkakeikaku #seminar h2 {margin-left:20px;}
.mujinkakeikaku #map {padding:20px;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item {width:calc(50% - 2rem);}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item .flow-inner-item-txt figure {width:40%;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item .flow-inner-item-txt p {width:60%;}
.mujinkakeikaku #solution {padding:20px;}
.mujinkakeikaku #info {padding:20px;}
.mujinkakeikaku #footer-nav {display:block;position: relative;height: auto;padding: 60px 0;}
.mujinkakeikaku #footer-nav .inner {padding:0 20px;}
.mujinkakeikaku #footer-nav .inner>div {justify-content: space-between;}
.mujinkakeikaku #footer-nav .inner>div .tel span:first-of-type {font-size: 2.8rem;}
.mujinkakeikaku #footer-nav .inner>div address {font-size:1.4rem;}
}

@media screen and (min-width:1081px) {
.mujinkakeikaku #mv .inner {background-image: url(/wp-content/themes/Apotool/assets/img/mujinkakeikaku/mv-bg.webp);background-size: cover;background-position: top center;background-repeat: no-repeat;border-radius: 0 0 20px 20px;}	
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item {width:calc(50% - 2rem);}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item .flow-inner-item-txt figure {width:40%;}
.mujinkakeikaku #flow .flow-inner .flow-inner-item-box .flow-inner-item .flow-inner-item-txt p {width:60%;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item {width: calc(50% - 2rem);}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area img {max-width: 35%;height: 100%;margin: 16px 0;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-box .solution-inner-item-ttl-area img.w25 {max-width: 25%;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt-box.goannaiban .solution-inner-item-txt-box-img {width: 40%;}
.mujinkakeikaku #solution .solution-inner .solution-inner-item .solution-inner-item-txt-box.goannaiban .solution-inner-item-txt-box-txt {width: 60%;}
}

/*---------------
   電話がらくだ LP
---------------*/
.page-template-page-lp.denwagarakuda main {background: #c1d2dd;padding-top:0;}

/*HEADER*/
.page-template-page-lp.denwagarakuda #header {background:#231717;}
.page-template-page-lp.denwagarakuda #header .header-inner {display: flex;justify-content: space-between;align-items: center;padding:20px;}
.page-template-page-lp.denwagarakuda #header .header-inner img {max-width: 230px;height: auto;}
.page-template-page-lp.denwagarakuda #header .header-inner a.btn {background: #ff9d00; color: #fff; font-size: 1.6rem;letter-spacing: 1px;border-radius: 48px; padding: 20px 50px;}

/*MV*/
.page-template-page-lp.denwagarakuda #mv {background-image: url(/wp-content/uploads/2023/09/img_ai_mv_bg.webp);background-position: center 25%;background-size: cover; background-repeat: no-repeat; }
.page-template-page-lp.denwagarakuda #mv .mv-inner {max-width:1040px;padding: 20px 20px 40px; margin: 0 auto;}
.page-template-page-lp.denwagarakuda #mv .mv-inner figure img.main {max-width: 860px;margin: 0 auto;}

.page-template-page-lp.denwagarakuda #video-area {max-width:1040px;}
.page-template-page-lp.denwagarakuda #video-area .video-area-inner {margin: 0 auto 4rem;z-index: 999;}
.page-template-page-lp.denwagarakuda #video-area .youtube { border-radius: 1.2rem; width: 100%; height: auto; text-align:center;margin:0 0 1rem; }
.page-template-page-lp.denwagarakuda #video-area .youtube iframe { display: block; width: 100%; height: 100%; }
.page-template-page-lp.denwagarakuda #video-area .youtube video {border-radius: 1.2rem;}
.page-template-page-lp.denwagarakuda #video-area .video-area-inner p {color:#fff;font-size:1.8rem;letter-spacing: 1px;text-align:center;margin: 2rem 0;}
.page-template-page-lp.denwagarakuda #video-area .video-area-inner p:nth-of-type(2) {color:#013181;font-size: 1.8rem;letter-spacing: 2px;margin: 2rem 0 8rem;}

/*TITLE*/
.page-template-page-lp.denwagarakuda #ttl {margin: -140px 0 0; z-index: 99;}
.page-template-page-lp.denwagarakuda #ttl-area {background-image: url(/wp-content/uploads/2023/09/img_ai_mov_bg.webp);background-size: cover;background-position: center top;padding: 40px 20px;}
.page-template-page-lp.denwagarakuda #ttl-area .ttl-area-inner {max-width: 1000px; margin: 0 auto; padding: 16px;}
.page-template-page-lp.denwagarakuda #ttl-area .ttl-area-inner p.sub {color: #013181; font-size: 2rem; text-align: center; margin: 16px 0;}

/*TITLE*/
.page-template-page-lp.denwagarakuda #CTA {background: #fff;padding: 20px 20px 60px;display: flex;justify-content: center;}
.page-template-page-lp.denwagarakuda #CTA a.btn {background: #ff9d00; color: #fff; letter-spacing: 1px; border-radius: 48px; }

/*FUNCTION*/
.page-template-page-lp.denwagarakuda #function .funtion-inner img.logo {max-width: 400px;margin: 0 auto 20px}
.page-template-page-lp.denwagarakuda #function .funtion-inner h2 {text-align:center;letter-spacing:1px;margin: 0 0 20px;}
.page-template-page-lp.denwagarakuda #function .funtion-inner img.main {max-width: 1000px;margin:0 auto;}
.page-template-page-lp.denwagarakuda #function .funtion-inner p {font-size:14px;font-weight:400;line-height:1.6;text-shadow:none;}

/*DETAIL*/
.page-template-page-lp.denwagarakuda #detail {background:#f9f9f9;}
.page-template-page-lp.denwagarakuda #detail p.catch {background:#00bec8;color:#fff;font-size: 24px;letter-spacing: 1px;text-align:center;position:relative;padding:40px 20px;}
.page-template-page-lp.denwagarakuda #detail p.catch::after {content:'';background: #00bec8; height: calc(tan(60deg) * 60px / 2); width: 90px;clip-path: polygon(0 0, 100% 0, 50% 100%);position:absolute;bottom:-20px;left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.page-template-page-lp.denwagarakuda #detail .detail-inner {max-width: 1100px; display: flex;align-items: flex-start;padding: 80px 20px; margin: 0 auto;}
.page-template-page-lp.denwagarakuda #detail .detail-inner figure {padding: 10px;}
.page-template-page-lp.denwagarakuda #detail .detail-inner p {font-weight:400;line-height:1.8;padding: 10px;}

/*FEATURES*/
.page-template-page-lp.denwagarakuda #features {background:#fff;}
.page-template-page-lp.denwagarakuda #features .features-inner {padding: 80px 20px;margin:0 auto;}
.page-template-page-lp.denwagarakuda #features .features-inner .column-3block {justify-content: center;}
.page-template-page-lp.denwagarakuda #features .features-inner h2 {color:#00bec8;text-align:center;line-height:1.75;letter-spacing:1px;margin: 0 0 50px;}
.page-template-page-lp.denwagarakuda #features .features-inner h3 {font-size:2rem;font-weight: 700;letter-spacing:-0.5px;margin: 20px 0;}
.page-template-page-lp.denwagarakuda #features .features-inner p {font-size:1.6rem;font-weight:400;}
.page-template-page-lp.denwagarakuda #features .features-inner p span {color:#7b7b7b;font-size:1.4rem;}
.page-template-page-lp.denwagarakuda #features .features-inner figure img {max-width: 60%;margin: 0 auto;}

/*TITLE BOTTOM*/
.page-template-page-lp.denwagarakuda #ttl-area-bottom {background: #f5f5f5;padding: 20px;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner {max-width: 1000px; margin: 0 auto; padding: 16px;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner p.sub {color: #013181; font-size: 2rem; text-align: center; margin: 16px 0;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom {display:flex;gap: 20px;border-top: 1px solid #013181; padding: 20px 0 0; margin: 20px 0 0;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom ul {padding-left: 1.8rem;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom ul li {color: #003280;font-size: 1.4rem;font-weight: 400;line-height: 1.6;list-style: disc;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure {text-align: center;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption {color: #003280;font-size: 1.2rem; font-weight: 400; line-height: 1.3;text-align: center; margin-bottom: 8px;position: relative; display: inline-block;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::before,
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::after {content: ''; position: absolute; top: 50%; display: inline-block; width: 25px; height: 1px; background-color: #003280;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::before {left:0;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::after {right:0;}
.page-template-page-lp.denwagarakuda #CTA-bottom {background: #f5f5f5;padding: 0 20px 60px;display: flex;justify-content: center;}
.page-template-page-lp.denwagarakuda #CTA-bottom a.btn {background: #ff9d00; color: #fff; letter-spacing: 1px; border-radius: 48px; }

/*FOOTER*/
.page-template-page-lp.denwagarakuda #footer-nav {background:#ffffff;}
.page-template-page-lp.denwagarakuda #footer-nav .inner {display:block;padding: 6rem;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div {width: 100%; display: flex; justify-content: space-between;align-items: center;}
.page-template-page-lp.denwagarakuda #footer-nav .inner h2,
.page-template-page-lp.denwagarakuda #footer-nav .inner a,
.page-template-page-lp.denwagarakuda #footer-nav .inner p {margin:0!important;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div address span {border: 1px solid #333; border-radius: 4px; padding: 0 4px;}

@media screen and (max-width:520px) {
.page-template-page-lp.denwagarakuda #header .header-inner img {max-width: 180px;}
.page-template-page-lp.denwagarakuda #header .header-inner a.btn {padding: 16px 20px;font-size: 1.4rem;}
.page-template-page-lp.denwagarakuda #mv .mv-inner #video-area .youtube {width: 100%;height:auto;}
.page-template-page-lp.denwagarakuda #mv .mv-inner #video-area .video-area-inner p {font-size:1.6rem;margin:1rem 0;}
.page-template-page-lp.denwagarakuda #mv .mv-inner #video-area .video-area-inner p:nth-of-type(2) {font-size:1.6rem;margin:0 0 1rem;}
.page-template-page-lp.denwagarakuda #ttl {margin: -100px 0 0;}
.page-template-page-lp.denwagarakuda #CTA a.btn {width:100%;max-width:100%;font-size: 1.8rem; padding: 30px; text-align:center;}
.page-template-page-lp.denwagarakuda #CTA-bottom a.btn {width:100%;max-width:100%;font-size: 1.8rem; padding: 30px; text-align:center;}
.page-template-page-lp.denwagarakuda #ttl-area .ttl-area-inner {padding:0;}
.page-template-page-lp.denwagarakuda #ttl-area .ttl-area-inner p.sub {font-size: 1.6rem;line-height: 1.6;text-align: left;}
.page-template-page-lp.denwagarakuda #function .funtion-inner h2 {font-size: 2.5rem;}
.page-template-page-lp.denwagarakuda #detail p.catch {font-size: 2rem;font-weight:700;line-height: 1.6;}
.page-template-page-lp.denwagarakuda #detail .detail-inner {flex-direction: column;padding: 40px 20px 80px;}
.page-template-page-lp.denwagarakuda #detail .detail-inner figure {padding:0;margin-bottom:16px;}
.page-template-page-lp.denwagarakuda #detail .detail-inner p {font-size:1.4rem;padding:0;line-height:2;}
.page-template-page-lp.denwagarakuda #features .features-inner h2 {font-size: 2.5rem;}
.page-template-page-lp.denwagarakuda #features .features-inner p {font-size:1.4rem;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner {padding:0;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner p.sub {font-size: 1.6rem;line-height: 1.6;text-align: left;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom {flex-direction: column;gap: 4px;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom ul {width: 100%;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure {width:60%;margin:20px auto;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption {font-size: 1.4rem;padding: 0 38px;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::before,
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::after {width: 25px; }
.page-template-page-lp.denwagarakuda #footer-nav {display:block;position: relative;height: auto;padding: 60px 0;}
.page-template-page-lp.denwagarakuda #footer-nav .inner {padding:0 20px;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div {flex-direction: column;align-items: flex-start;gap:8px;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div span {font-size: 1.4rem;padding:8px 0;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div address {font-size: 1.4rem;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div address span {font-size: 1.4rem; }
.page-template-page-lp.denwagarakuda #footer-nav .inner>div a.contact-button {width:100%;text-align: center;margin: 20px 0!important;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div a.contact-button span {font-size: 1.6rem;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div#company-information p {width:100%;}
}

@media screen and (min-width:521px) {
.page-template-page-lp.denwagarakuda #CTA a.btn {font-size: 2rem; padding: 30px 120px; }
.page-template-page-lp.denwagarakuda #CTA-bottom a.btn {font-size: 2rem; padding: 30px 120px; }
.page-template-page-lp.denwagarakuda #detail .detail-inner p {font-size:1.6rem;}
.page-template-page-lp.denwagarakuda #features .features-inner h2 {font-size: 3rem;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom ul:nth-of-type(1) {width: 30%;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom ul:nth-of-type(2) {width: 45%;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure {width:20%; padding: 0 5px 5px;}
.page-template-page-lp.denwagarakuda #footer-nav {display:block;position: relative;height: auto;padding: 60px 0;}
.page-template-page-lp.denwagarakuda #footer-nav .inner {padding:0 20px;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div {justify-content: space-between;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div .tel span:first-of-type {font-size: 2.8rem;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div address {font-size:1.4rem;}
.page-template-page-lp.denwagarakuda #footer-nav .inner>div address span {font-size: 1.2rem;}
}

@media screen and (min-width:521px) and (max-width:768px){
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption {padding: 0 10px;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::before,
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::after {width: 5px;}
}

@media screen and (min-width:769px) {
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption {padding: 0 38px;}
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::before,
.page-template-page-lp.denwagarakuda #ttl-area-bottom .ttl-area-inner-bottom figure figcaption::after {width: 25px; }
}

#home #main-visual>.inner .text-area .ai-btn {max-width: 450px;display: block;}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button {width: 100%;}
#home #main-visual>.inner .text-area .ai-btn .btn-area {border: 2px solid #00bec8; border-radius: 20px; padding: 8px 16px 10px; text-align: center;}
#home #main-visual>.inner .text-area .ai-btn .btn-area figure {margin-bottom: 8px;}
#home #main-visual>.inner .text-area .ai-btn .btn-area figure img {max-width:220px;margin: 0 auto;}
#home #main-visual>.inner .text-area .ai-btn p.ai-txt {font-size: 1.4rem; letter-spacing: .1rem;text-align: center;margin: 8px 0; }

#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button {background: #00bec8; padding: 1.6rem 2.6rem 1.8rem; border-radius: 20rem; display: inline-block; text-decoration: none; border: #00bec8 solid 2px; overflow: hidden; line-height: 1}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button span {color: #fff; font-weight: 900; z-index: 1; transition: .5s; letter-spacing: .05em; line-height: 1}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button:before {content: ''; z-index: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); background: #fff; border-radius: 100%; width: 40rem; height: 40rem; transition: .5s}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button:hover {text-decoration: none !important}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button:hover span {color: #00bec8}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button:hover:before {transform: translate(-50%, -50%) scale(1)}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button.reverse {background: #fff}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button.reverse span {color: #00bec8}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button.reverse:before {background: #00bec8}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button.reverse:hover {background: #00bec8;border-color: #00bec8}
#home #main-visual>.inner .text-area .ai-btn .btn-area .ai-contact-button.reverse:hover span {color: #fff !important}

@media screen and (max-width:520px) {
#home #main-visual>.inner .text-area .ai-btn {max-width: 100%;margin-bottom: 20px;}
#home #main-visual>.inner .text-area .ai-btn .btn-area figure img {max-width:180px;}
}

#document form{margin:4rem 0;}
#document .DLform{display: none;}
#document input[type="radio"]{margin:0 .5rem 0 1rem;}
#document input[type="radio"] + label{line-height: 2;}
#document input[type="radio"] + label:first-of-type{margin-right:3rem;}
#document .main-area #form-area .form-set > p{border-bottom: 1px solid #d8dcdc;padding-bottom: 2rem;margin-bottom:4rem;}
#document .main-area #form-area .form-set p.item-name{border:none;}
#document .main-area #form-area .form-set form dl dt:first-of-type,
#document .main-area #form-area .form-set form dl dd:first-of-type{border-top: 1px solid #d8dcdc;}
input[type="radio"]#apotool-dl:checked ~ #contact-form-apotool {display:block;}
input[type="radio"]#denwagarakuda-dl:checked ~ #contact-form-denwagarakuda {display:block;}

@media screen and (max-width:520px) {
#document input[type="radio"]{margin: 0 0.5rem 0 0;}
#document input[type="radio"] + label{letter-spacing: -1.25px;}
}

#document-thanks-denwagarakuda .recruit-infographics__content {position: relative;margin: 5rem -5px;}
#document-thanks-denwagarakuda .recruit-infographics__display img {width: 100%;}

@media (min-width: 768px){
#document-thanks-denwagarakuda .recruit-infographics__display{margin: 0;}
#document-thanks-denwagarakuda .recruit-infographics__document {top: 4.5%;left: 11.5%;width: 77%;}
}
#document-thanks-denwagarakuda .recruit-infographics__display {pointer-events: none;}
#document-thanks-denwagarakuda .recruit-infographics__document { position: absolute; top: 5%; left: 12%; width: 76%; }

/*NEWS*/
#home #main-visual>.inner .text-area .btn-area .news-area{padding-right: 2rem;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner{background: #f9f9f9;display:flex;align-items: center;gap:1.5rem;border: 1px solid #ededed;padding:1.5rem 2rem;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner h2{color: #03bfc8;font-size:1.8rem;letter-spacing: -.5px;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner ul{}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner ul li{}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner ul li span{color:#676767;font-size: 1.4rem; font-weight: 400; display: block; line-height: 1.4;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner ul li a{color: #2d3030;font-size:1.5rem;font-weight:500;letter-spacing: .1em;line-height: 1.6;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner ul li a:hover{text-decoration:underline;}

@media screen and (max-width:520px) {
#home #main-visual>.inner .text-area .btn-area .news-area{padding-right:0;margin-bottom: 2rem;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner{align-items: flex-start;flex-direction: column;gap:1rem;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner h2{font-size:1.5rem;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner ul li span{font-size:1rem;}
#home #main-visual>.inner .text-area .btn-area .news-area .news-area-inner ul li a{font-size:1.2rem;}
}

/*Flaot Banner*/
.float-banner {
  min-width: inherit;
  position: fixed;
  bottom: 2rem;
  right: .75rem;
  z-index: 98;
}
.float-banner:last-child{
	bottom: 2rem;
}
/*.float-banner:nth-of-type(3) {
  bottom: 12rem;
}*/
.float-banner:nth-of-type(2) {
  bottom: 16rem;
}
.float-banner:nth-of-type(1) {
  bottom: 3rem;
}
.float-banner img {
  max-width: 300px;
}
.float-banner a {
  display: block;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  position: relative;
  z-index: 0;
  width: auto
}
.float-banner .close {
  position: absolute;
  top: -8px;
  right: -5px;
  z-index: 1;
  width: 2.4rem;
  height: 2.4rem;
  background: #b4bebe;
  border-radius: 50px;
  cursor: pointer
}
.float-banner .close:before, .float-banner .close:after {
  content: '';
  width: 60%;
  height: 3px;
  background: #fff;
  border-radius: 6px;
  display: block;
  top: 50%;
  left: 50%;
  position: absolute
}
.float-banner .close:before {
  transform: translate(-50%, -50%) rotateZ(-45deg)
}
.float-banner .close:after {
  transform: translate(-50%, -50%) rotateZ(45deg)
}
@media screen and (max-width: 1080px){
	.float-banner:nth-of-type(1) {
		bottom: 6.5rem;
		/*display:none;*/
	}
	.float-banner:nth-of-type(2){
		bottom: 18rem;
		/*display:none;*/
	}
}

@media screen and (min-width:769px) {
/* Form Salesforce
---------------------------------------------------- */
.sf-form form {background: #fff;max-width: 75%;padding: 32px;margin: 0 auto;border-radius: 8px;}
.sf-form form .text-info {color: #17a2b8!important;}
.sf-form form .text-danger {color: #dc3545!important;}
.sf-form form label {display:block;margin-bottom: 8px;}
.sf-form form label.error {background: #fee;color: #ff0000;font-size: 0.875rem;font-weight: bold;display:block;padding: 4px 8px!important;margin-bottom: 24px!important;border-radius: 4px;}
.sf-form form label.error::before{width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffeeee transparent;content:'';position: absolute;margin-top: -12px;margin-left: 16px;}
.sf-form form label span {font-size:14px;}
.sf-form form input {width:100%;font-size: 16px;border: 1px solid #c8c8c8;border-radius: 4px;line-height: 48px;height: 48px;padding: 0 10px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;}
.sf-form form input#company {width:100%;}
.sf-form form input#last_name {width:calc(50% - 24px);margin: 0 4px 16px!important;display:inline-block;}
.sf-form form input#first_name {width:calc(50% - 24px);margin: 0 0 16px 4px!important;display:inline-block;}
.sf-form form label[for="first_name"]:not(.error) {display:inline;}
.sf-form form select{width:100%;height:auto;font-size: 14px;border: 1px solid #c8c8c8;border-radius: 4px;line-height: 1;padding: 16px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;background: #fff; background: #fff url(../img/form/select-arrow.png) no-repeat right 12px top 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.sf-form form select[multiple="multiple"] {width:100%;min-height:250px;font-size: 14px;border: 1px solid #c8c8c8;border-radius: 4px;line-height: 48px;padding: 16px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;}
.sf-form form textarea {width:100%;height:auto;font-size: 16px;border: 1px solid #c8c8c8;border-radius: 4px;padding:16px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;}
.sf-form form textarea[name="description"] {min-height:150px;}
.sf-form .requests {margin:8px 0 16px!important;}
.sf-form .requests input[type="checkbox"] {width: initial;height: initial;display: inline-block;margin: 0 6px!important;}
.sf-form .requests input[type="checkbox"] + span {font-size:14px;}
.sf-form form input[type="submit"] {background: #ff583d;color:#fff;width: 50%;height: 80px;font-size: 22px;font-weight:bold;line-height: 80px;margin:40px auto!important;border:none;transition:0.3s;}
.sf-form form input[type="submit"]:hover {opacity:0.8;}
#dentist .sf-form form {max-width: 980px;padding: 32px!important;margin: 0 auto!important;}

.g-recaptcha div {margin: 24px auto!important;}
.g-recaptcha div iframe {height: 78px;}
}

@media screen and (max-width:768px) {
/* Form Salesforce
---------------------------------------------------- */
.sf-form form .text-info {color: #17a2b8!important;display: block;}
.sf-form form .text-danger {color: #dc3545!important;}
.sf-form form {background: #fff;max-width: 100%;padding: 16px!important;margin: 0 auto!important;border-radius: 8px;}
.sf-form form label {display:block;margin-bottom: 8px!important;}
.sf-form form label.error {background: #fee;color: #ff0000;font-size: 0.875rem;font-weight: bold;display:block;padding: 4px 8px!important;margin-bottom: 24px!important;border-radius: 4px;}
.sf-form form label.error::before{width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffeeee transparent;content:'';position: absolute;margin-top: -12px;margin-left: 16px;}
.sf-form form label span {font-size:14px;}
.sf-form form input {width:100%;font-size: 16px;border: 1px solid #c8c8c8;border-radius: 4px;line-height: 48px;height: 48px;padding: 0 10px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;}
.sf-form form input#company {width:100%;}
.sf-form form input#last_name {width:100%;margin: 0 0 16px 0!important;display:block;}
.sf-form form input#first_name {width:100%;;margin: 0 0 16px 0!important;display:block;}
.sf-form form label[for="first_name"]:not(.error)  {display:inline;}
.sf-form form select{background:none;width:100%;height:auto;font-size: 14px;border: 1px solid #c8c8c8;border-radius: 4px;line-height: 1;padding: 16px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;background: #fff; background: #fff url(../img/form/select-arrow.png) no-repeat right 12px top 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none;}
.sf-form form select[multiple="multiple"] {width:100%;min-height:320px;font-size: 14px;border: 1px solid #c8c8c8;border-radius: 4px;line-height: 48px;letter-spacing: -0.5px;padding: 8px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;}
.sf-form form select option {margin-bottom:8px!important;}
.sf-form form textarea {width:100%;height:auto;font-size: 16px;border: 1px solid #c8c8c8;border-radius: 4px;letter-spacing: -0.5px;padding:8px!important;margin-bottom: 16px!important;outline: 0;box-sizing: border-box;display:block;}
.sf-form form textarea[name="description"] {min-height:150px;}
.sf-form form input[type="submit"] {background: #ff583d;color:#fff;width: 100%!important;height: 80px;font-size: 22px;font-weight:bold;line-height: 80px;margin:40px auto!important;border:none;}
.sf-form .requests {margin:8px 0 16px!important;}
.sf-form .requests input[type="checkbox"] {width: initial;height: 32px;;display: inline-block;margin: 0 6px!important;}
.sf-form .requests input[type="checkbox"] + span {font-size:14px;}
#dentist .sf-form form {max-width: 980px;padding: 0!important;margin: 0 auto!important;}

.g-recaptcha div {margin: 24px auto!important;}
.g-recaptcha div iframe {height: 78px;}
}

iframe.wp-embedded-content{width:100%;}

.post-type-archive-casestudy .float-banner:nth-of-type(2),
.single-casestudy .float-banner:nth-of-type(2){display:none;}
.single-casestudy .float-banner:nth-of-type(3),
.post-type-archive-casestudy .float-banner:nth-of-type(3){bottom:3rem;}

@media screen and (max-width:520px) {
iframe.wp-embedded-content{min-height:400px;}
}

@media screen and (max-width:520px) {
	.post-type-archive-seminar .float-banner,
	.single-seminar .float-banner{display:none;}
}

/*BLOG CARD*/
.blog-card a{background: #f5f5f5;color: #333;max-width: 100%;padding: 16px;margin: 20px 0 0;border: none;display: flex;gap:2rem;}

.blog-card a .blog-card-title{color:#2c3338;font-size:1.875rem!important;line-height: 1.4!important;margin-bottom: 1rem !important;}
.blog-card a .blog-card-exerpt{color: #8c8f94;font-weight:400;line-height: 1.4;margin-bottom: 1rem !important;}

@media screen and (max-width:520px) {
.blog-card a{flex-direction: column;}
.blog-card a .image-area{width: 100%;}
.blog-card a .text-area{width: 100%;}	
}

@media screen and (min-width:521px) {
.blog-card a .image-area{width: 30%;}
.blog-card a .text-area{width: 70%;}
}

time:has(span:empty) {display: none!important;}

.slick-dots li.slick-active button:before{color:#00bec8;}

/*振返視聴ボタン*/
.postid-16440 #seminarevent.form .main-area dl.details-table dd div:first-of-type .contact-button span::before,
.postid-16440 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(2) .contact-button span::before,
.postid-16440 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(3) .contact-button span::before,
.postid-16440 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(4) .contact-button span::before,
.postid-16440 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(5) .contact-button span::before,
.postid-16440 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(6) .contact-button span::before{content:'振返り';}
.postid-16519 #seminarevent.form .main-area dl.details-table dd div:first-of-type .contact-button span::before,
.postid-16519 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(2) .contact-button span::before,
.postid-16519 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(3) .contact-button span::before,
.postid-16519 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(4) .contact-button span::before,
.postid-16519 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(5) .contact-button span::before,
.postid-16519 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(6) .contact-button span::before{content:'振返り';}
.postid-16435 #seminarevent.form .main-area dl.details-table dd div:first-of-type .contact-button span::before,
.postid-16435 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(2) .contact-button span::before,
.postid-16435 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(3) .contact-button span::before,
.postid-16435 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(4) .contact-button span::before,
.postid-16435 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(5) .contact-button span::before,
.postid-16435 #seminarevent.form .main-area dl.details-table dd div:nth-of-type(6) .contact-button span::before{content:'振返り';}

/*HubSpot*/
.hs-cta-embed{margin-bottom:2rem;}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}