html {
 font-size: clamp(13px, 0.833vw, 16px);
 height: auto;
 min-height: 100%;
 width: 100%;
}
body {
 background: #F4F4F4;
 color: #121212;
 font-family: "Noto Sans JP", sans-serif;
 font-size: 1rem;
 font-weight: 400;
 height: 100%;
 line-height: 1.7;
 overflow-x: hidden;
 position: relative;
 width: 100%;
}
.hnavi-style-scope {
 background: #fff;
}
main, section, article, div {
 position: relative;
}
main {
 overflow: clip;
}
*, *:before, *:after {
 box-sizing: border-box;
 scroll-behavior: unset;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
 margin: 0;
 padding: 0;
}
a {
 color: inherit;
 text-decoration: none;
}
a:focus {
 outline: none;
}
ul, ol, li {
 list-style: none;
}
button {
 background: transparent;
 border: none;
 cursor: pointer;
 padding: 0;
}
dt {
 font-weight: normal;
}
em {
 font-style: normal;
}
.dn {
 display: none;
}
img {
 display: block;
 height: auto;
 object-fit: contain;
 width: 100%;
}
.is-pc {
 display: block;
}
.is-tb {
 display: none;
}
.is-sp, .is-sp2 {
 display: none;
}
.c-komeMark {
 padding-left: 1em;
 position: relative;
}
.c-komeMark::before {
 content: "※";
 left: 0;
 position: absolute;
}
.c-button {
 background: #00FFD9;
 border-radius: 42px;
 height: 84px;
 max-width: 471px;
 position: relative;
 transition: opacity 0.3s;
 width: 100%;
 box-shadow: 0px 4px 4px 0px #00000040;
}
.c-button__anchor {
 display: grid;
 font-size: clamp(13px, 2vw, 26px);
 font-weight: 700;
 height: 100%;
 letter-spacing: 0.025em;
 place-content: center;
 position: relative;
 text-align: center;
 width: 100%;
}
.c-button:hover {
 opacity: 0.8;
 transition: opacity 0.3s;
}
.c-button-search {
 background: #00FFD9;
 border-radius: 42px;
 height: clamp(54px, 6.5vw, 84px);
 position: relative;
 transition: opacity 0.4s;
 width: clamp(236px, 36.8vw, 471px);
 box-shadow: 0px 4px 4px 0px #00000040;
}
.c-button-search--nav {
 background: #00FFD9;
 border-radius: 1.84vw;
 height: clamp(29px, 2.865vw, 55px);
 width: clamp(170px, 16.563vw, 318px);
 box-shadow: 0px 2.24px 2.24px 0px #00000040;
}
.c-button-search:hover {
 opacity: 0.6;
 transition: opacity 0.4s;
}
.c-button-search__anchor {
 color: #121212;
 display: grid;
 font-size: clamp(13px, 2vw, 26px);
 font-weight: 700;
 height: 100%;
 letter-spacing: 0.05em;
 place-content: center;
 text-align: center;
 text-indent: 0.5em;
 width: 100%;
}
.c-button-search__anchor--nav {
 font-size: clamp(10px, 0.938vw, 18px);
}
.c-banner-box {
 column-gap: clamp(15px, 1.563vw, 30px);
 display: grid;
 grid-auto-flow: column;
 grid-template-columns: auto;
 grid-template-rows: repeat(2, clamp(43px, 4.479vw, 86px));
 padding-right: clamp(15px, 1.563vw, 30px);
 row-gap: clamp(14px, 1.406vw, 27px);
}
.c-banner-box:nth-child(1) {
 animation: loop01 120s -60s linear infinite forwards;
}
.c-banner-box:nth-child(2) {
 animation: loop02 120s linear infinite forwards;
}
.c-banner-box__item {
 border-radius: clamp(5px, 0.521vw, 10px);
 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
 overflow: hidden;
 width: clamp(131px, 13.646vw, 262px);
}
.c-banner-box-container {
 display: flex;
 overflow: hidden;
 padding: clamp(5px, 0.521vw, 10px) 0;
}
.c-heading {
 color: #A1C7D3;
 font-size: clamp(12px, 1.042vw, 20px);
 font-weight: 400;
 letter-spacing: 0.2em;
 position: relative;
 text-align: center;
}
.c-heading::after {
 background: #A1C7D3;
 bottom: -3px;
 content: "";
 height: 1px;
 left: 50%;
 position: absolute;
 transform: translate(-50%, 0);
 width: clamp(25px, 3.698vw, 71px);
}
.c-heading--a {
 color: #256D85;
}
.c-heading--a::after {
 background: #256D85;
}
.c-heading--b {
 color: #2B4865;
}
.c-heading--b::after {
 background: #2B4865;
}
.c-heading--c {
 color: #71EBCE;
}
.c-heading--c::after {
 background: #71EBCE;
}
.c-heading--d {
 color: #A1C7D3;
}
.c-heading--d::after {
 background: #A1C7D3;
}
.c-catch-copy {
 font-size: clamp(20px, 2.083vw, 40px);
 font-weight: 700;
 letter-spacing: 0.1em;
 line-height: 1.5;
 text-align: center;
}
.c-catch-copy .sm {
 font-size: 0.75em;
}
.c-catch-copy .num {
 color: #71EBCE;
 font-size: 1.5em;
}
.l-header {
 align-items: center;
 background: none;
 display: grid;
 grid-template-columns: clamp(180px, 19.792vw, 380px) 1fr;
 height: clamp(80px, 5.208vw, 100px);
 left: 0;
 padding: clamp(2px, 0.26vw, 5px) min(1.719vw, 33px) 0 min(3.906vw, 75px);
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 100;
 transition: background-color 1s ease;
}
.l-header.scrolled {
 background-color: white;
 box-shadow: 0px 4px 4px 0px #00000040;
}
.l-header__logo {
 width: 100%;
}
.l-header__button {
 display: none;
}
.l-nav {
 align-items: center;
 column-gap: min(2.135vw, 41px);
 display: flex;
 justify-content: flex-end;
}
.l-nav__item {
 color: #121212;
 font-size: clamp(11px, 0.938vw, 18px);
 font-weight: 500;
 letter-spacing: 0.05em;
}
.l-nav__item a {
 display: block;
 transition: opacity 0.4s;
}
.l-nav__item a:hover {
 opacity: 0.7;
 transition: opacity 0.4s;
}
.l-nav__search {
 top: -3px;
}
.l-search {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/common/bg-search_2x.jpg) no-repeat top center/cover;
 font-size: clamp(11px, 1.71vw, 22px);
 font-weight: 500;
 letter-spacing: 0.1em;
 line-height: 1.818;
 padding: clamp(20px, 3.125vw, 40px) 0 clamp(20px, 3.125vw, 40px);
 position: relative;
 text-align: center;
 z-index: 2;
}
.l-search__inner {
 left: -5px;
 position: relative;
}
.l-search__desc {
 color: #fff;
}
.l-search__button {
 margin: clamp(10px, 1.56vw, 20px) auto 0;
}
.l-search__add {
 color: #00FFD9;
 margin-top: clamp(15px, 2.34vw, 30px);
 font-size: clamp(9px, 1.4vw, 18px);
}
.l-search__add a {
 text-decoration: underline;
}
.l-search__add a:hover {
 color: #97FFEF;
}
.mv {
 height: auto;
 overflow-x: hidden;
 position: relative;
 width: 100%;
}
.mv::before {
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.mv__inner {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/mv/fv_pc.png) no-repeat clamp(255px, 43.7vw, 540px) clamp(60px, 9.37vw, 120px);
 background-size: clamp(370px, 57.8vw, 740px) auto;
 padding-bottom: clamp(77px, 8.073vw, 155px);
 width: 100%;
 max-width: clamp(640px, 103vw, 1280px);
 margin: 0 auto 0 auto;
}
.mv__visual {
 color: #121212;
 /*
	column-gap: clamp(13px, 1.354vw, 26px);
	display: grid;
	grid-template-columns: 1fr min(71.4vw, 920px);
	height: 100%;
	justify-content: center;
	margin: 0 auto 0;*/
 padding-top: clamp(60px, 9.3vw, 120px);
 width: clamp(460px, 71.8vw, 920px);
 margin-left: min(9.7vw, 125px);
}
.mv__bottom {
 padding: clamp(90px, 14vw, 180px) 0 0 0;
 position: relative;
}
.mv__banner {
 left: 0;
 position: absolute;
 top: clamp(-71px, -3.698vw, -35px);
}
.about {
 overflow: hidden;
 padding-bottom: clamp(50px, 7.8vw, 100px);
 padding-top: clamp(43px, 4.479vw, 86px);
 position: relative;
}
.about-inner {
 width: min(82.8vw, 1060px);
 height: min(112.57vw, 1441px);
 border-radius: 20px;
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/about/bg_pc.svg) no-repeat center center #fff;
 box-shadow: 0px 4px 10px 0px #00000040;
 margin: 0 auto;
 background-size: 103% auto;
 padding: min(7vw, 90px) 0;
}
.about-heading {
 width: min(65vw, 833px);
 background: #2B4865;
 border-radius: 25.5px;
 height: min(3.8vw, 51px);
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: min(1.7vw, 22px);
 color: #fff;
 font-weight: 700;
 margin: 0 auto;
}
.about__copy {
 margin-top: clamp(15px, 1.17vw, 30px);
 font-size: min(3.9vw, 50px);
 font-weight: 900;
}
.case {
 background: #ECFAFF;
 padding-bottom: clamp(75px, 11.7vw, 150px);
 padding-top: clamp(75px, 11.7vw, 150px);
 position: relative;
 text-align: center;
}
.case__ttl {
 font-size: clamp(30px, 4.68vw, 60px);
 font-weight: 900;
 margin-bottom: clamp(20px, 3.125vw, 40px);
 letter-spacing: 0.1em;
}
.case__copy {
 font-size: clamp(9px, 1.4vw, 18px);
 margin-bottom: clamp(23px, 3.51vw, 45px);
 letter-spacing: 0.1em;
 line-height: 2;
}
.case__list {
 margin: 0 auto;
 width: min(82.81vw, 1060px);
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.case__detail {
 width: min(26vw, 333px);
 background: #fff;
 box-shadow: 0px 4px 4px 0px #00000040;
 border-radius: 15px;
 padding: min(2.34vw, 30px) 0 min(1.56vw, 20px) 0;
 margin-bottom: min(2.34vw, 30px);
}
.case__img {
 margin: 0 auto min(1.9vw, 25px) auto;
 overflow: hidden;
 display: flex;
 justify-content: center;
}
.case__img img {
 width: min(6vw, 78px);
 height: auto;
}
.case__img img + img {
 margin-left: min(0.78vw, 10px);
 height: auto;
}
.case__img img.cs {
 height: min(6.2vw, 79px);
 width: auto;
}
.case__txt {
 font-size: min(1.56vw, 20px);
 font-weight: 700;
 line-height: 1.5;
}
.worry {
 background: #F4F4F4;
 padding-bottom: clamp(8px, 0.833vw, 16px);
 padding-top: clamp(60px, 9.37vw, 120px);
 position: relative;
}
.worry::after {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bg-bottom.svg) no-repeat top center/contain;
 bottom: clamp(-118px, -6.146vw, -59px);
 content: "";
 height: clamp(60px, 6.198vw, 119px);
 left: 0;
 position: absolute;
 width: 100%;
 z-index: 1;
}
.worry__catch {
 color: #121212;
 font-size: clamp(30px, 4.687vw, 60px);
 font-weight: 900;
 letter-spacing: 0.1em;
 text-align: center;
 line-height: 1.6;
}
.worry__catch .sm {
 font-size: clamp(30px, 4.68vw, 60px);
}
.worry__content {
 margin: clamp(30px, 4.68vw, 60px) auto 0 auto;
 position: relative;
 width: min(79.68vw, 1020px);
 left: min(-3.5vw, -45px);
}
.reason {
 background: #fff;
 padding-bottom: clamp(40px, 6.25vw, 80px);
 padding-top: clamp(70px, 11vw, 140px);
 position: relative;
}
.reason__copy {
 color: #121212;
 font-size: clamp(30px, 4.687vw, 60px);
 font-weight: 900;
 letter-spacing: 0.1em;
 text-align: center;
 line-height: 1.6;
}
.point {
 background: #fff;
 padding-bottom: clamp(63px, 9.8vw, 125px);
 position: relative;
}
.point__copy {
 font-size: clamp(15px, 2.34vw, 30px);
 text-align: center;
 letter-spacing: 0.1em;
 margin-bottom: clamp(40px, 6.25vw, 80px);
}
.point__copy::before {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/common/line_l.svg) no-repeat top left/contain;
 content: "";
 height: clamp(46px, 7.18vw, 92px);
 left: calc(50% - clamp(230px, 20.31vw, 260px));
 position: absolute;
 top: clamp(5px, 0.7vw, 0);
 transform: translate(-50%, -25%);
 width: clamp(35px, 5.54vw, 71px);
}
.point__copy::after {
 background: url(./assets/images/common/line_l.svg) no-repeat top left/contain;
 content: "";
 height: clamp(46px, 7.18vw, 92px);
 left: calc(50% + clamp(230px, 20.31vw, 260px));
 position: absolute;
 top: clamp(5px, 0.7vw, 9px);
 transform: translate(-50%, -25%) scaleX(-1);
 width: clamp(35px, 5.54vw, 71px);
}
.point__copy .num {
 color: #06CEF7;
}
.database {
 overflow-x: hidden;
 position: relative;
 background: #ECFAFF;
 padding-bottom: 100px;
}
.database__top {
 padding-bottom: clamp(100px, 15.6vw, 200px);
 position: relative;
 margin-bottom: min(4.3vw, 56px);
}
.database__top__copy {
 position: relative;
 font-size: clamp(15px, 2.34vw, 30px);
 font-weight: 700;
 letter-spacing: 0.1em;
 line-height: 1.5;
 text-align: center;
}
.database__top__copy::before {
 background: url(./assets/images/common/line_l.svg) no-repeat top left/contain;
 content: "";
 height: clamp(46px, 7.18vw, 92px);
 left: calc(50% - clamp(210px, 32vw, 420px));
 position: absolute;
 top: clamp(5px, 0.7vw, 9px);
 transform: translate(-50%, 0);
 width: clamp(35px, 5.54vw, 71px);
}
.database__top__copy::after {
 background: url(./assets/images/common/line_l.svg) no-repeat top left/contain;
 content: "";
 height: clamp(46px, 7.18vw, 92px);
 left: calc(50% + clamp(210px, 32vw, 420px));
 position: absolute;
 top: clamp(5px, 0.7vw, 9px);
 transform: translate(-50%, 0) scaleX(-1);
 width: clamp(35px, 5.54vw, 71px);
}
.database__top__banner {
 bottom: max(-2.917vw, -56px);
 position: absolute;
 z-index: 1;
}
.database__bottom {
 background: #ECFAFF;
 padding-bottom: clamp(55px, 8.59vw, 110px);
 text-align: center;
 position: relative;
}
.genre__ttl {
 font-size: clamp(15px, 2.34vw, 30px);
 font-weight: 700;
 letter-spacing: 0.05em;
 line-height: 1.875;
 position: relative;
 text-align: center;
 margin-bottom: clamp(20px, 3.125vw, 40px);
 ;
}
.support {
 overflow: hidden;
 padding-bottom: 110px;
 padding-top: clamp(64px, 6.615vw, 127px);
 position: relative;
}
.support__heading {
 left: min(0.677vw, 13px);
 position: relative;
}
.profile {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/profile/bg_profile_l.svg) no-repeat top left, url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/profile/bg_profile_r.svg) no-repeat bottom right, #fff;
 background-size: 230px auto, 440px auto;
 padding-top: clamp(95px, 14.84vw, 190px);
 position: relative;
 margin-top: -40px;
}
.profile__copy {
 margin-bottom: min(7.8vw, 100px);
 font-size: clamp(30px, 4.68vw, 60px);
 font-weight: 900;
 letter-spacing: 0.1em;
 text-align: center;
}
.flow {
 padding-bottom: clamp(72px, 7.448vw, 143px);
 padding-top: clamp(55px, 5.677vw, 109px);
 position: relative;
}
.flow::after {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/flow/background_2x.jpg) no-repeat top left/cover;
 content: "";
 height: calc(100% + clamp(80px, 8.333vw, 160px));
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: -1;
}
.flow__copy {
 color: #fff;
 margin-top: min(1.563vw, 30px);
 font-size: clamp(30px, 4.687vw, 60px);
 font-weight: 900;
 letter-spacing: 0.1em;
 text-align: center;
 line-height: 1.6;
}
.flow__intro {
 color: #fff;
 font-size: clamp(10px, 1.4vw, 18px);
 font-weight: 500;
 left: min(1.094vw, 21px);
 letter-spacing: 0.1em;
 line-height: 1.818;
 margin: min(1.354vw, 26px) auto min(3.9vw, 50px) auto;
 position: relative;
 text-align: center;
 width: fit-content;
}
.contact {
 color: #121212;
 padding-bottom: clamp(55px, 5.677vw, 109px);
 position: relative;
}
.contact::before {
 background: #fff;
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 width: 100%;
 z-index: -2;
}
.contact__ttl {
 font-size: clamp(30px, 4.68vw, 60px);
 ;
 font-weight: 900;
 letter-spacing: 0.1em;
 text-align: center;
}
.contact__inner {
 background: #EEF1F2;
 border-radius: 5px;
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
 margin: 0 auto 0;
 padding: min(3.958vw, 76px) min(8.698vw, 167px) min(6.6vw, 85px);
 position: relative;
 width: clamp(530px, 82.8vw, 1060px);
}
.faq {
 background: #fff;
 width: 100%;
 padding-bottom: clamp(5px, 0.39vw, 5px);
 padding-top: clamp(51px, 5.313vw, 102px);
}
.faq__ttl {
 font-size: clamp(30px, 4.68vw, 60px);
 ;
 font-weight: 900;
 letter-spacing: 0.1em;
 text-align: center;
 margin-bottom: min(6.25vw, 80px);
}
.faq__content {
 margin-top: clamp(25px, 3.9vw, 50px);
 margin: 0 auto 0;
 max-width: 1060px;
}
.ob-mv-content {}
.ob-mv-content__copy {
 position: relative;
 text-align: left;
}
.ob-mv-content__copy--02 {
 font-size: clamp(36px, 5.6vw, 72px);
 font-weight: 900;
 letter-spacing: 0.1em;
 line-height: 1.6;
}
.ob-mv-content__copy--02 strong {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/mv/ttl_bg.svg) no-repeat left center;
 background-size: auto clamp(43px, 6.64vw, 85px);
 padding: 0 10px;
 line-height: 0;
 display: inline;
 box-decoration-break: clone;
}
.ob-mv-content__copy--02 .sm {
 font-size: 0.9em;
}
.ob-mv-content__copy--02 .num {
 font-size: 1.7em;
 font-family: "Open Sans", sans-serif;
 font-optical-sizing: auto;
 font-weight: 800;
 font-style: normal;
 font-variation-settings:
  "wdth"100;
 vertical-align: baseline;
 display: inline-block;
 position: relative;
 top: 0.02em;
}
.ob-mv-content__copy--03 {
 font-size: clamp(12px, 1.4vw, 18px);
 letter-spacing: 0.05em;
 line-height: 2.045;
 font-weight: 900;
 margin-top: min(0.365vw, 10px);
 padding-left: 15px;
}
.ob-mv-content__button {
 left: max(-0.417vw, -8px);
 margin: min(1.56vw, 20px) 0 0;
 position: relative;
}
.ob-mv-image {
 padding-top: min(2.656vw, 51px);
}
.ob-mv-cat {
 width: clamp(250px, 39vw, 500px);
 display: flex;
 flex-wrap: wrap;
 margin-top: min(1.9vw, 25px);
 justify-content: flex-start;
 padding-left: 20px;
}
.ob-mv-cat__item {
 display: flex;
 align-items: center;
 position: relative;
 margin-bottom: min(0.62vw, 8px);
 width: clamp(145px, 22.65vw, 290px);
 padding-left: 16px;
}
.ob-mv-cat__item::before {
 content: "●";
 font-size: 6px;
 background-size: 100% auto;
 left: 0;
 position: absolute;
 top: 15%;
}
.ob-mv-cat__item:nth-child(2n+1) {
 width: clamp(88px, 13.6vw, 175px);
}
.ob-mv-cat__item p {
 font-size: clamp(8.5px, 1.32vw, 17px);
 letter-spacing: 0.05em;
 line-height: 1.5;
 position: relative;
 text-align: left;
 top: max(-0.312vw, -6px);
 color: #121212;
 font-weight: 700;
}
.ob-mv-laurel {
 column-gap: min(2.7vw, 35px);
 display: grid;
 grid-template-columns: repeat(3, clamp(138px, 21.56vw, 276px));
 justify-content: center;
 left: min(0.208vw, 4px);
 margin-top: min(2.7vw, 35px);
 position: relative;
}
.ob-mv-laurel__item {
 align-items: center;
 display: flex;
 flex-direction: column;
 height: clamp(104px, 16.25vw, 208px);
 justify-content: center;
 position: relative;
}
.ob-mv-laurel__item::before {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/common/laurel.svg) no-repeat top center/contain;
 content: "";
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.ob-mv-laurel__item p.ob-mv-num {
 font-size: clamp(10px, 1.56vw, 20px);
 letter-spacing: 0.05em;
 line-height: 1;
 position: relative;
 text-align: center;
 top: 1.6vw;
 display: flex;
 align-items: flex-end;
 font-weight: 700;
}
.ob-mv-laurel__item p.ob-mv-num em {
 font-size: 2.5em;
 letter-spacing: 0.01em;
 font-weight: 700;
}
.ob-mv-laurel__item p.ob-mv-num span {
 line-height: 1.1;
 padding: 0 0 0 0.2vw;
 text-align: left;
}
.ob-mv-laurel__item p.ob-mv-num span amall {
 font-size: 0.9em;
}
.ob-mv-name {
 width: clamp(80px, 12.5vw, 160px);
 font-size: clamp(9px, 1.4vw, 18px);
 font-weight: 700;
 letter-spacing: 0.05em;
 line-height: 1.875;
 position: relative;
 text-align: center;
 border-top: #121212 1px solid;
 padding-top: 0.5vw;
 margin-top: 2.3vw;
}
.ob-mv-bottom-text {
 font-size: clamp(15px, 2.34vw, 30px);
 font-weight: 700;
 letter-spacing: 0.05em;
 line-height: 1.875;
 position: relative;
 text-align: center;
}
.ob-about-content {
 margin: 0 auto;
}
.ob-about-content__laptop {}
.ob-about-content__laptop .image {
 display: block;
 padding: clamp(30px, 4.7vw, 60px) 0 0 0;
 width: clamp(433px, 67.6vw, 866px);
 margin: 0 auto;
}
.ob-about-content__detail {
 padding: min(1.56vw, 40px) 0 0 0;
}
.ob-about-content__detail .text {
 width: min(62.5vw, 800px);
 color: #172C41;
 font-size: min(1.56vw, 20px);
 letter-spacing: 0.05em;
 line-height: 2.1;
 margin: 0 auto;
}
.ob-about-support {
 align-items: flex-start;
 color: #2B4865;
 column-gap: min(0.156vw, 20px);
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin: min(1.56vw, 40px) auto 0 auto;
 position: relative;
 row-gap: min(3.55vw, 45px);
 width: min(60vw, 780px);
}
.ob-about-support__item {
 display: flex;
 flex-direction: column;
 row-gap: min(0.78vw, 10px);
 width: min(18.75vw, 240px);
}
.ob-about-support__item .icon {
 height: min(9.37vw, 120px);
 margin: 0 auto 0;
 width: min(9.37vw, 120px);
}
.ob-about-support__item .label {
 font-size: min(1.56vw, 20px);
 font-weight: 700;
 letter-spacing: 0.05em;
 line-height: 1.3;
 text-align: center;
 color: #00336B;
}
.ob-worry-list {
 position: relative;
 width: min(91vw, 1166px);
 height: min(43.75vw, 560px);
 margin: 0 auto;
}
.ob-worry-list__item {
 position: absolute;
 background-size: contain;
 background-repeat: no-repeat;
}
.ob-worry-list__item--01 {
 background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_1.svg);
 height: min(12.8vw, 164px);
 top: 0;
 left: min(5.8vw, 75px);
 width: min(26.64vw, 341px);
}
.ob-worry-list__item--01 p {
 padding-top: min(3.5vw, 45px);
 padding-left: min(3.125vw, 40px);
}
.ob-worry-list__item--02 {
 background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_2.svg);
 height: min(12.1vw, 155px);
 left: min(35.5vw, 455px);
 top: min(1.8vw, 23px);
 width: min(23.75vw, 304px);
}
.ob-worry-list__item--02 p {
 padding-top: min(3.5vw, 45px);
 padding-left: min(1.7vw, 22px);
}
.ob-worry-list__item--03 {
 background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_3.svg);
 height: min(14.84vw, 196px);
 left: min(61.7vw, 790px);
 top: min(0.78vw, 10px);
 width: min(22.9vw, 293px);
}
.ob-worry-list__item--03 p {
 padding-top: min(2.7vw, 35px);
 padding-left: min(2.3vw, 30px);
}
.ob-worry-list__item--04 {
 background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_4.svg);
 height: min(10.7vw, 137px);
 left: min(10.54vw, 135px);
 top: min(14.53vw, 186px);
 width: min(27.65vw, 354px);
}
.ob-worry-list__item--04 p {
 padding-top: min(2.7vw, 35px);
 padding-left: min(4.53vw, 58px);
}
.ob-worry-list__item--05 {
 background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_5.svg);
 height: min(10.9vw, 140px);
 left: min(36.7vw, 470px);
 top: min(17.96vw, 230px);
 width: min(24.14vw, 309px);
}
.ob-worry-list__item--05 p {
 padding-top: min(1.9vw, 25px);
 padding-left: min(5.3vw, 68px);
}
.ob-worry-list__item--06 {
 background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_6.svg);
 height: min(10.85vw, 139px);
 left: min(57.26vw, 733px);
 top: min(14.29vw, 183px);
 width: min(21.79vw, 279px);
}
.ob-worry-list__item--06 p {
 padding-top: min(1.56vw, 20px);
 padding-left: min(2.89vw, 37px);
}
.ob-worry-list__item--07 {
 background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_7.svg);
 height: min(9.4vw, 121px);
 left: min(26vw, 334px);
 top: min(29.9vw, 383px);
 width: min(24.21vw, 310px);
}
.ob-worry-list__item--07 p {
 padding-top: min(3.125vw, 40px);
 padding-left: min(4.29vw, 55px);
}
.ob-worry-list__item p {
 color: #535353;
 font-size: clamp(10px, 1.56vw, 20px);
 font-weight: 700;
 letter-spacing: 0.05em;
 line-height: 1.818;
 text-align: left;
}
.ob-worry-list__item p strong {
 color: #0066B2;
}
.ob-worry-bg {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.ob-worry-bg__item {
 display: block;
 position: absolute;
 text-indent: -9999em;
}
.ob-worry-bg__item--01 {
 bottom: min(3.9vw, 50px);
 height: min(27.89vw, 357px);
 left: min(0, 0);
 width: min(9.45vw, 121px);
}
.ob-worry-bg__item--02 {
 bottom: min(0.78vw, 10px);
 height: min(16.25vw, 208px);
 left: min(13.43vw, 172px);
 width: min(11.6vw, 149px);
}
.ob-worry-bg__item--03 {
 height: min(11.25vw, 144px);
 left: min(51vw, 653px);
 bottom: min(0.78vw, 10px);
 width: min(27.42vw, 351px);
}
.ob-worry-bg__item--04 {
 height: min(16.56vw, 212px);
 left: min(79.45vw, 1017px);
 bottom: min(5.4vw, 70px);
 width: min(10.54vw, 135px);
}
.ob-reason-list {
 margin: clamp(65px, 10vw, 130px) auto 0;
 width: min(82.81vw, 1060px);
}
.ob-reason-list__item {
 background: #FFFFFF;
 display: flex;
 justify-content: space-between;
 position: relative;
 border-bottom: #7FA0C4 2px solid;
}
.ob-reason-list__detail {
 width: min(41vw, 530px);
 box-sizing: border-box;
}
.ob-reason-list__item--01 .ob-reason-list__detail {
 padding: min(1.56vw, 20px) min(2.8vw, 36px) min(2.73vw, 35px) min(3.125vw, 40px);
}
.ob-reason-list__item--02 .ob-reason-list__detail {
 padding: min(5.23vw, 67px) 0 clamp(50px, 7.8vw, 100px) min(3.125vw, 40px);
}
.ob-reason-list__item--03 .ob-reason-list__detail {
 padding: min(4.9vw, 63px) 0 min(7.8vw, 100px) min(3.125vw, 40px);
}
.ob-reason-list__item--04 .ob-reason-list__detail {
 padding: min(4.68vw, 60px) 0 min(5.3vw, 69px) min(3.125vw, 40px);
}
.ob-reason-list__item--05 .ob-reason-list__detail {
 padding: min(3.125vw, 40px) 0 min(10.1vw, 130px) min(3.125vw, 40px);
}
.ob-reason-list__detail .num {
 color: #34D1F1;
 font-size: clamp(35px, 5.625vw, 72px);
 letter-spacing: 0.05em;
 line-height: 1;
 position: relative;
 font-family: "Open Sans", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;
 font-variation-settings:
  "wdth"100;
}
.ob-reason-list__detail .title {
 font-size: clamp(11px, 1.71vw, 22px);
 font-weight: 900;
 letter-spacing: 0.05em;
 line-height: 1.666;
 margin-top: clamp(10px, 1.56vw, 20px);
}
.ob-reason-list__detail .desc {
 font-size: clamp(9px, 1.4vw, 18px);
 letter-spacing: 0.01em;
 line-height: 1.818;
 margin-top: clamp(10px, 1.56vw, 20px);
}
.ob-reason-list__thumbnail {
 width: min(41vw, 530px);
}
.ob-reason-list__thumbnail img {
 height: 100%;
 object-fit: cover;
}
.ob-reason-list__item--01 .ob-reason-list__thumbnail {
 padding-left: min(3.125vw, 40px);
 padding-bottom: min(0.78vw, 10px);
}
.ob-reason-list__item--01 img {
 width: min(35vw, 450px);
 height: auto;
}
.ob-reason-list__item--02 .ob-reason-list__thumbnail {
 padding:
  min(8.9vw, 115px) min(3.4vw, 44px) min(7.6vw, 96px) min(5.8vw, 75px);
}
.ob-reason-list__item--02 img {
 width: min(32.8vw, 420px);
 height: auto;
}
.ob-reason-list__item--03 .ob-reason-list__thumbnail {
 padding:
  min(1.9vw, 25px) min(3.4vw, 44px) min(0.8vw, 10px) min(6vw, 77px);
}
.ob-reason-list__item--03 img {
 width: min(32.8vw, 420px);
 height: auto;
}
.ob-reason-list__item--04 .ob-reason-list__thumbnail {
 padding:
  min(2.34vw, 30px) min(3.5vw, 45px) min(2.3vw, 30px) min(6vw, 77px);
}
.ob-reason-list__item--04 img {
 width: min(32.5vw, 416px);
 height: auto;
}
.ob-reason-list__item--05 .ob-reason-list__thumbnail {
 padding:
  min(3.9vw, 50px) min(3.3vw, 43px) min(1.9vw, 25px) min(5.8vw, 75px);
}
.ob-reason-list__item--05 img {
 width: min(32.8vw, 420px);
 height: auto;
}
.ob-point-list {
 column-gap: min(2.34vw, 30px);
 display: grid;
 grid-template-columns: repeat(4, clamp(140px, 18.75vw, 240px));
 height: clamp(142px, 22vw, 282px);
 justify-content: center;
 position: relative;
}
.ob-point-list__item {
 align-items: center;
 background: #DDF8FF;
 border-radius: clamp(10px, 1.042vw, 20px);
 display: flex;
 flex-direction: column;
 justify-content: center;
}
.ob-point-list__item--01 {
 row-gap: min(2.34vw, 30px);
}
.ob-point-list__item--01 .ob-point-list__icon {
 top: min(-0.4vw, -5px);
 width: min(4.7vw, 61px);
}
.ob-point-list__item--02 .ob-point-list__text {
 top: min(1.95vw, 25px);
}
.ob-point-list__item--02 .ob-point-list__icon {
 top: min(-0.4vw, -5px);
 width: min(5.3vw, 68px);
}
.ob-point-list__item--03 .ob-point-list__text {
 top: min(2.34vw, 30px);
}
.ob-point-list__item--03 .ob-point-list__icon {
 top: min(-0.78vw, -10px);
 width: min(5.7vw, 73px);
}
.ob-point-list__item--04 .ob-point-list__text {
 top: min(0.39vw, 5px);
}
.ob-point-list__item--04 .ob-point-list__icon {
 top: min(-1.1718vw, -15px);
 width: min(4vw, 52px);
}
.ob-point-list__icon {
 position: relative;
}
.ob-point-list__text {
 font-size: clamp(9px, 1.4vw, 18px);
 letter-spacing: 0.05em;
 line-height: 1.59;
 position: relative;
 text-align: center;
}
.ob-point-list__text em {
 font-weight: 700;
}
.ob-database-list {
 margin: 0 auto min(3.9vw, 50px) auto;
 background: #fff;
 width: min(82.81vw, 1060px);
 border-radius: 15px;
 padding: min(3.9vw, 50px) min(12.5vw, 160px);
}
.ob-database-list-2 {
 margin-bottom: 0 !important;
}
.ob-database-list-2 .ob-database-list-detail {
 margin-bottom: min(0.78vw, 10px);
}
.ob-database-list .title {
 font-size: min(1.71vw, 22px);
 font-weight: 900;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 border-bottom: #06CEF7 1px solid;
 padding-bottom: 5px;
 margin-bottom: min(1.95vw, 25px);
 letter-spacing: 0.1em;
}
.ob-database-list .icon {
 width: min(2.73vw, 35px);
 display: inline-block;
 margin-right: min(1vw, 13px);
}
.ob-database-list-detail {
 display: flex;
 justify-content: space-between;
 margin-bottom: min(3.9vw, 50px);
 text-align: left;
}
.ob-database-list-detail ul {
 width: min(29.68vw, 380px);
}
.ob-database-list-detail li {
 font-size: min(1.4vw, 18px);
 position: relative;
 padding-left: min(1.9vw, 25px);
 letter-spacing: 0.1em;
 margin-bottom: min(0.78vw, 10px);
}
.ob-database-list-detail li::before {
 content: "●";
 font-size: min(0.625vw, 8px);
 background-size: 100% auto;
 left: 0;
 position: absolute;
 top: 30%;
 color: #06CEF7;
}
.ob-database-list-at {
 text-align: center;
 font-size: min(1.4vw, 18px);
 letter-spacing: 0.1em;
}
.ob-support-content {
 display: grid;
 grid-template-columns: 1fr min(62.292vw, 1196px);
 margin: clamp(29px, 3.021vw, 58px) auto 0;
 max-width: 1920px;
 position: relative;
 width: 100%;
}
.ob-support-content__image {
 grid-column: 2/3;
 grid-row: 1/2;
 position: relative;
}
.ob-support-content__image img {
 object-fit: cover;
}
.ob-support-content__detail {
 grid-column: 1/2;
 grid-row: 1/2;
 position: relative;
}
.ob-support-content__detail__box {
 background: #fff;
 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
 padding: min(2.604vw, 50px) min(3.281vw, 63px) min(2.656vw, 51px) min(4.115vw, 79px);
 position: absolute;
 right: max(-9.583vw, -184px);
 top: min(3.125vw, 60px);
 width: clamp(354px, 36.875vw, 708px);
}
.ob-support-content__detail__box .text-01 {
 font-size: clamp(19px, 1.563vw, 30px);
 font-weight: 700;
 letter-spacing: 0.05em;
 line-height: 1.666;
}
.ob-support-content__detail__box .text-02 {
 font-size: clamp(14px, 1.146vw, 22px);
 font-weight: 500;
 left: max(-0.625vw, -12px);
 letter-spacing: 0.05em;
 line-height: 2.045;
 margin-top: clamp(15px, 1.406vw, 27px);
 position: relative;
}
.ob-support-content__detail__box .text-03 {
 font-size: clamp(13px, 1.042vw, 20px);
 line-height: 1.75;
 margin-top: clamp(12px, 1.354vw, 26px);
 width: 94%;
}
.ob-profile-content {
 display: flex;
 margin: 0 auto 0;
 padding-bottom: min(7vw, 90px);
 padding-left: min(9.76vw, 125px);
 position: relative;
 width: auto;
 max-width: 1500px;
}
.ob-profile-content__image {
 position: relative;
 padding-top: min(7vw, 90px);
 order: 1;
}
.ob-profile-content__image img {
 position: relative;
 top: max(-3.281vw, -63px);
}
.ob-profile-content__detail {
 width: 600px;
}
.ob-profile-content__detail dl {
 border-bottom: #121212 1px solid;
 padding: 15px 0;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.ob-profile-content__detail dt {
 font-size: clamp(11px, 1.7vw, 22px);
 letter-spacing: 0.05em;
 line-height: 1.5;
 font-weight: 900;
 width: 11.3vw;
}
.ob-profile-content__detail dd {
 font-size: clamp(10px, 1.4vw, 18px);
 letter-spacing: 0.05em;
 line-height: 2.1;
 width: 35vw;
}
.ob-flow-list {
 width: min(82.81vw, 1060px);
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}
.ob-flow-outer {
 width: min(82.81vw, 1060px);
 margin: 0 auto;
 position: relative;
 padding-top: clamp(20px, 2.3vw, 30px);
}
.ob-flow-list__item {
 background: #FFFFFF;
 height: min(22.42vw, 287px);
 padding: min(0.729vw, 14px) min(1.146vw, 22px) min(1.927vw, 37px) min(1.146vw, 22px);
 position: relative;
 width: min(18.35vw, 235px);
 border-radius: 10px;
 box-sizing: border-box;
}
.ob-flow-list__item--02 {
 padding-left: min(3.125vw, 40px);
}
.ob-flow-list__item--03 {
 padding-top: min(5.6vw, 100px);
 padding-left: min(3.125vw, 40px);
}
.ob-flow-list__item--03 .ob-flow-list__item {
 background: none;
 border: 1px solid #fff;
 color: #fff;
}
.ob-flow-list__item--03 .title {
 color: #fff;
 position: relative;
}
.ob-flow-list__item--03 .desc {
 position: relative;
}
.ob-flow-list__item--04 {
 padding-top: min(2vw, 40px);
 padding-left: min(3.125vw, 40px);
}
.ob-flow-list__item--04 .title {
 position: relative;
 top: min(0.729vw, 14px);
}
.ob-flow-list__item--04 .desc {
 position: relative;
 top: min(1.198vw, 23px);
}
.ob-flow-list__item--arrow {
 position: relative;
}
.ob-flow-list__item--arrow::after {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/flow/flow_cursor_2_pc.svg) no-repeat top left/contain;
 content: "";
 width: min(1.875vw, 24px);
 height: min(2.18vw, 28px);
 position: absolute;
 right: max(-2.57vw, -33px);
 top: calc(50% + 30px);
 transform: translate(0, -50%);
}
.ob-flow-list__item--arrow2 {
 position: relative;
}
.ob-flow-list__item--arrow2::after {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/flow/flow_line_pc.svg) no-repeat top left/contain;
 content: "";
 width: min(3.125vw, 40px);
 height: min(2vw, 2vw);
 position: absolute;
 right: max(-3.125vw, -40px);
 top: calc(50% + min(3.51vw, 45px));
 transform: translate(0, -50%);
}
.ob-flow-list__item--arrow3 {
 position: relative;
}
.ob-flow-list__item--arrow3::after {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/flow/flow_cursor_1_pc.svg) no-repeat top left/contain;
 content: "";
 width: min(2.57vw, 33px);
 height: min(2.5vw, 2vw);
 position: absolute;
 right: max(-2.73vw, -35px);
 top: calc(50% + min(3.75vw, 48px));
 transform: translate(0, -50%);
}
.appeal {
 left: min(20.39vw, 261px);
 letter-spacing: 0.05em;
 line-height: 1.8;
 position: absolute;
 text-align: center;
 top: 0vw;
 width: min(20vw, 258px);
}
.ob-flow-list .num {
 color: #DDF8FF;
 font-size: clamp(9px, 1.4vw, 18px);
 grid-row: 1/2;
 height: fit-content;
 letter-spacing: 0;
 line-height: 1.4;
 text-align: left;
 padding: 0 0 min(0.23vw, 3px) min(0.39vw, 5px);
 font-family: "Open Sans", sans-serif;
 font-optical-sizing: auto;
 font-weight: 700;
 font-style: normal;
 font-variation-settings:
  "wdth"100;
}
.ob-flow-list .num span {
 display: block;
 line-height: 1;
}
.ob-flow-list .num strong {
 color: #DDF8FF;
 font-size: clamp(18px, 2.9vw, 37px);
 font-weight: 700;
 display: inline-block;
 line-height: 1.2;
 text-align: left;
}
.ob-flow-list__item .icon {
 margin: 0 auto;
 height: min(8.2vw, 105px);
 margin-bottom: min(0.521vw, 10px);
 margin-top: max(-5.1vw, -65px);
 width: min(8.2vw, 105px);
 position: relative;
 overflow: hidden;
 border-radius: 50%;
 box-shadow: 0px 4px 4px 0px #00000040;
}
.ob-flow-list .icon img {
 height: 100%;
 object-fit: contain;
}
.ob-flow-list .icon--03 img {
 /*
 height: min(8.125vw, 157px);
 margin: 0 auto 0;
 position: relative;
 top: min(0.26vw, 5px);
 width: min(11.666vw, 224px);*/
}
.ob-flow-list__item .icon--04 {
 width: min(8.2vw, 105px);
 position: relative;
}
.ob-flow-list__item .icon--04 img {
 margin: 0 auto 0;
 width: 100%;
}
.ob-flow-list__item .icon--05 {
 width: min(13.67vw, 175px);
 height: min(4.3vw, 55px);
 margin-top: max(-9.76vw, -125px);
 position: relative;
 overflow: hidden;
 left: 50%;
 transform: translateX(-50%);
}
.ob-flow-list__item .title {
 font-size: clamp(11px, 1.7vw, 22px);
 font-weight: 700;
 position: absolute;
 top: clamp(37px, 5.8vw, 75px);
 left: 50%;
 transform: translateX(-50%);
 letter-spacing: 0.05em;
 line-height: 2.045;
 text-align: center;
}
.ob-flow-list__item .desc {
 font-size: clamp(8px, 1vw, 14px);
 width: min(15.39vw, 197px);
 left: 50%;
 transform: translateX(-50%);
 letter-spacing: 0.05em;
 line-height: 2.058;
 position: absolute;
 top: clamp(60px, 9.3vw, 120px);
}
.ob-flow-list__item .desc a {
 color: #0066B2;
 text-decoration: underline;
 transition: opacity 0.4s;
}
.ob-flow-list__item .desc a:hover {
 opacity: 0.7;
 text-decoration: none;
 transition: opacity 0.4s;
}
@media screen and (max-width: 1700px) {
 .appeal {
  top: -0.3vw;
 }
}
@media screen and (max-width: 1500px) {
 .appeal {
  top: -1.4vw;
 }
}
@media screen and (max-width: 1350px) {
 .appeal {
  top: min(-1.8vw, 0px);
 }
}
.ob-contact-top {
 align-items: center;
 column-gap: clamp(10px, 0.833vw, 16px);
 display: flex;
 justify-content: center;
 margin-top: clamp(18px, 1.875vw, 36px);
}
.ob-contact-top__free {
 border: 1px solid #0066B2;
 color: #0066B2;
 display: grid;
 font-size: clamp(10px, 1.56vw, 20px);
 font-weight: 500;
 height: clamp(25px, 3.9vw, 50px);
 letter-spacing: 0.025em;
 line-height: 1;
 place-content: center;
 position: relative;
 text-align: center;
 width: clamp(51px, 7.98vw, 102px);
 margin-left: clamp(15px, 3.125vw, 30px);
}
.ob-contactForm {
 margin-top: min(4.688vw, 90px);
 width: 100%;
}
.ob-contactForm__block {
 align-items: center;
 column-gap: 6px;
 display: grid;
 grid-template-columns: clamp(260px, 20vw, 260px) 1fr;
 margin-bottom: clamp(22px, 2.24vw, 43px);
}
.ob-contactForm__block .item {
 font-size: 16px;
 line-height: 1.4375;
}
.ob-contactForm__block .item-nameBlock {
 column-gap: 16px;
 display: grid;
 grid-template-columns: repeat(2, 1fr);
}
.ob-contactForm__block .item-overview .placeholder {
 color: #BABABA;
 font-size: clamp(12px, 1.48vw, 19px);
 left: 25px;
 letter-spacing: 0.025em;
 opacity: 0;
 pointer-events: none;
 position: absolute;
 top: 23px;
 width: 82%;
}
.ob-contactForm__block .item-overview .placeholder.is-show {
 opacity: 1;
}
.ob-contactForm__block .item-file {
 align-items: center;
 display: flex;
}
.ob-contactForm__block .item-file .label {
 background: #EEEEEE;
 border: 1px solid #747373;
 border-radius: 8px;
 color: #2C2B2B;
 cursor: pointer;
 display: block;
 font-size: 16px;
 height: 43px;
 line-height: 43px;
 text-align: center;
 width: 180px;
}
.ob-contactForm__block .item-file .filename {
 margin-left: 15px;
}
.ob-contactForm__block .item .form-text {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background: #fff;
 background-image: none;
 border: 1px solid #D8D6D6;
 border-radius: 8px;
 box-shadow: 0px 0px 10px #A9442C4C;
 color: inherit;
 font-family: inherit;
 font-size: clamp(16px, 1.146vw, 22px);
 height: clamp(52px, 3.49vw, 67px);
 padding: 10px 22px;
 width: 100%;
}
.ob-contactForm__block .item .form-text:focus {
 background: #fff;
 outline: none;
}
.ob-contactForm__block .item .form-text::placeholder {
 color: #BABABA;
 font-size: clamp(12px, 1.48vw, 19px);
 letter-spacing: 0.025em;
}
.ob-contactForm__block .item .form-textarea {
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background: #fff;
 background-image: none;
 border: 1px solid #D8D6D6;
 border-radius: 8px;
 box-shadow: 0px 0px 10px #A9442C4C;
 color: inherit;
 font-family: inherit;
 font-size: clamp(16px, 1.146vw, 22px);
 height: 332px;
 line-height: 1.2;
 padding: 23px 25px;
 width: 100%;
}
.ob-contactForm__block .item .form-textarea:focus {
 background: #fff;
 outline: none;
}
.ob-contactForm__block .item .form-button {
 display: none;
}
.ob-contactForm__line {
 background: #BAB8B8;
 display: block;
 height: 1px;
 margin-top: 41px;
 width: 100%;
}
.ob-contactForm__agree {
 color: #3A3A3A;
 font-size: clamp(9px, 1.4vw, 18px);
 letter-spacing: 0.025em;
 line-height: 1.4375;
 margin-top: 46px;
 text-align: center;
}
.ob-contactForm__agree a {
 color: #0066B2;
 transition: opacity 0.4s;
 text-decoration: underline;
}
.ob-contactForm__agree a:hover {
 opacity: 0.7;
 transition: opacity 0.4s;
}
.ob-contactForm__submit {
 left: 3px;
 margin: clamp(17px, 2.73vw, 35px) auto 0;
}
.ob-contact-form-title {
 align-items: center;
 column-gap: 6px;
 display: flex;
 position: relative;
}
.ob-contact-form-title .mark {
 border: 1px solid #9F9F9F;
 background: #9F9F9F;
 border-radius: 16px;
 color: #fff;
 display: grid;
 flex-shrink: 0;
 font-size: clamp(9px, 1.01vw, 14px);
 height: clamp(16px, 1.667vw, 32px);
 letter-spacing: 0.02em;
 place-content: center;
 position: relative;
 text-align: center;
 width: clamp(28px, 2.969vw, 57px);
}
.ob-contact-form-title .mark.required {
 background: #FF4A4A;
 border-color: #FF4A4A;
 color: #fff;
}
.ob-contact-form-title .label {
 font-size: clamp(9px, 1.4vw, 18px);
 font-weight: 500;
 letter-spacing: 0.025em;
 line-height: 1.681;
}
.ob-contact-form-title .label--sm {
 font-size: 0.8em;
}
.ob-contact-form-title--sm .label {
 font-size: clamp(9px, 1.4vw, 18px);
 line-height: 1.6;
}
.ob-contact-form-title--overview {
 align-self: flex-start;
 padding-top: clamp(16px, 1.71vw, 22px);
}
.ob-contact-form-title--overview .mark {
 align-self: flex-start;
}
.ob-contactAccordion {
 pointer-events: none;
}
.ob-contactAccordion.is-folding {
 background: #FFFFFF;
 border-radius: 5px;
 box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
 cursor: pointer;
 left: -28px;
 padding: 22px 30px 25px 25px;
 pointer-events: auto;
 width: calc(100% + 56px);
}
.ob-contactAccordion.is-folding::before {
 opacity: 1;
 transition: opacity 0.3s;
}
.ob-contactAccordion.is-folding .ob-contactAccordion__label {
 height: auto;
 opacity: 1;
 transition: opacity 0.3s;
}
.ob-contactAccordion.is-folding + .ob-contactAccordion__inner {
 display: none;
 transform: scaleY(0);
 transform-origin: top left;
}
.ob-contactAccordion.is-folding .ob-contactAccordion__close {
 display: none;
}
.ob-contactAccordion::before {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/common/arrow-bottom.svg) no-repeat center center/contain;
 content: "";
 height: 16px;
 opacity: 0;
 position: absolute;
 right: 69px;
 top: 50%;
 transform: translateY(-50%);
 width: 24px;
}
.ob-contactAccordion__label {
 font-size: clamp(9px, 1.4vw, 18px);
 height: 0;
 line-height: 1.3;
 opacity: 0;
 pointer-events: none;
}
.ob-contactAccordion__label .attention {
 display: block;
 font-size: clamp(9px, 1.4vw, 18px);
 letter-spacing: 0.025em;
 line-height: 1.25;
 margin-top: 7px;
 padding-left: clamp(35px, 3.385vw, 65px);
}
.ob-contactAccordion__inner {
 display: block;
 pointer-events: auto;
 transform: scaleY(1);
 transform-origin: top left;
 transition: transform 0.8s ease 0.1s;
}
.ob-contactAccordion__close {
 background: rgba(255, 255, 255, 0.3);
 border: 1px solid #C7C6C6;
 border-radius: 4px;
 bottom: 20px;
 cursor: pointer;
 height: 40px;
 pointer-events: auto;
 position: absolute;
 right: 0;
 width: 40px;
}
.ob-contactAccordion__close::before {
 background: url(./assets/images/common/arrow-bottom.svg) no-repeat center center/contain;
 content: "";
 height: 60%;
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%) scaleY(-1);
 width: 60%;
}
.ob-qaItem {
 margin-bottom: clamp(30px, 2.865vw, 55px);
 position: relative;
 width: 100%;
}
.ob-qaItem::after {
 background: #2B4865;
 bottom: 0;
 content: "";
 height: 1px;
 position: absolute;
 right: 0;
 width: calc(100% - clamp(80px, 6.25vw, 120px));
}
.ob-qaItem__q {
 cursor: pointer;
 font-size: clamp(16px, 1.302vw, 25px);
 font-weight: 500;
 letter-spacing: 0.05em;
 line-height: 1.8;
 padding: 17px clamp(50px, 5.208vw, 100px) 17px clamp(87px, 6.979vw, 134px);
 position: relative;
}
.ob-qaItem__q .label {
 background: #00336B;
 color: #3CDEFF;
 font-size: clamp(27px, 2.083vw, 40px);
 font-weight: 400;
 height: clamp(60px, 4.323vw, 83px);
 left: 0;
 line-height: 2;
 position: absolute;
 text-align: center;
 top: 0;
 width: clamp(60px, 4.323vw, 83px);
}
.ob-qaItem__q::before {
 background: url(./assets/images/common/arrow-bottom.svg) no-repeat center center/contain;
 content: "";
 height: min(1.042vw, 20px);
 position: absolute;
 right: min(1.823vw, 35px);
 top: 50%;
 transform: translateY(-50%);
 transition: transform 0.5s;
 width: min(1.615vw, 31px);
}
.ob-qaItem__q.is-open::before {
 transform: translateY(-50%) scaleY(-1);
 transition: transform 0.5s;
}
.ob-qaItem__a {
 font-size: clamp(15px, 1.042vw, 20px);
 letter-spacing: 0.05em;
 line-height: 2.25;
 margin-top: clamp(10px, 1.042vw, 20px);
 padding: 17px clamp(13px, 1.354vw, 26px) 26px clamp(80px, 6.25vw, 120px);
 position: relative;
}
.ob-qaItem__a .label {
 align-items: center;
 color: #00336B;
 display: flex;
 font-size: clamp(27px, 2.083vw, 40px);
 font-weight: 700;
 height: clamp(60px, 4.323vw, 83px);
 justify-content: center;
 left: 0;
 line-height: 1;
 position: absolute;
 top: 0;
 width: clamp(60px, 4.323vw, 83px);
}
@media screen and (min-width: 836px) {}
@media screen and (max-width: 1080px) {
 .l-header {
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
 }
 .l-nav {
  column-gap: 10px;
 }
 .l-nav__item {
  font-size: 10px;
 }
 .contact__inner {
  width: 800px;
 }
}
@media screen and (max-width: 835px) {
 .is-pc {
  display: none;
 }
 .is-tb {
  display: block;
 }
 .c-button-search--nav {
  background: transparent linear-gradient(94deg, #ff5252 0%, #ffe607 100%) 0% 0% no-repeat padding-box;
  height: 100%;
  width: 100%;
 }
 .c-button-search__anchor--nav {
  font-size: 16px;
 }
 .c-heading {
  font-size: 14px;
 }
 .c-catch-copy {
  font-size: 20px;
 }
 .l-header {
  height: 60px;
  background: #EBECEE;
  box-shadow: 0px 4px 4px 0px #00000040;
 }
 .l-header__logo {
  width: 102px;
  margin-top: -3px;
 }
 .l-header a.button.is-sp {
  position: absolute;
  top: 9px;
  right: 65px;
  display: inline-block;
  margin: 0 4px 0 auto;
  padding: 10px 12px;
  border-radius: 58px;
  background: #00FFD9;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
  box-shadow: 0px 2.24px 2.24px 0px #00000040;
  width: 120px;
  height: 39px;
 }
 .l-header__nav {
  height: auto;
  left: 0;
  position: fixed;
  top: 60px;
  transform: scaleY(0);
  transform-origin: top left;
  transition: transform 0.5s;
  width: 100%;
 }
 .l-header__nav.is-open {
  transform: scaleY(1);
  transition: transform 0.5s;
 }
 .l-header__button {
  display: block;
  height: 29px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
 }
 .l-header__button__box {
  display: block;
  height: 13px;
  position: relative;
  width: 100%;
 }
 .l-header__button__box .line {
  background: #282828;
  display: block;
  height: 2px;
  position: absolute;
  transform-origin: right;
  transition: all 0.4s;
  width: 38px;
 }
 .l-header__button__box .line-01 {
  top: 0;
  transform: none;
 }
 .l-header__button__box .line-02 {
  top: 5px;
  transform: none;
 }
 .l-header__button__box .line-03 {
  top: 10px;
  transform: none;
 }
 .l-header__button__label {
  display: block;
  font-size: 10px;
  font-weight: 500;
  height: 13px;
  letter-spacing: 0.24em;
  margin-top: 6px;
  position: relative;
  text-indent: 0.24em;
  width: 100%;
 }
 .l-header__button__label::after {
  color: #282828;
  content: "MENU";
  font-size: 90%;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
 }
 .l-header__button.is-open .l-header_button_box .line {
  transform-origin: right;
  transition: all 0.4s;
 }
 .l-header__button.is-open .l-header_button_box .line-01 {
  transform: rotate(-15deg);
 }
 .l-header__button.is-open .l-header_button_box .line-02 {
  opacity: 0;
 }
 .l-header__button.is-open .l-header_button_box .line-03 {
  transform: rotate(15deg);
 }
 .l-header__button.is-open .l-header_button_label {
  text-indent: 0;
 }
 .l-header__button.is-open .l-header_button_label::after {
  content: "CLOSE";
 }
 .l-nav {
  background: #EEF1F2;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  width: 100%;
 }
 .l-nav__item {
  border-bottom: 1px solid #fff;
  font-size: 15px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  width: 100%;
 }
 .l-nav__search {
  height: 50px;
  top: auto;
 }
 .l-search {
  background: url(./assets/images/common/bg-search@2x.jpg) no-repeat top center/cover;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.818;
  padding: 20px 0 20px 0;
  position: relative;
  text-align: center;
  z-index: 2;
 }
 .l-search__inner {
  left: auto;
  position: relative;
 }
 .l-search__desc {
  color: #fff;
 }
 .l-search__button {
  margin: 15px auto 0;
  font-size: 19px;
 }
 .c-button-search__anchor {
  font-size: 19px;
 }
 .l-search__add {
  color: #00FFD9;
  margin-top: 15px;
  font-size: 14px;
 }
 .l-search__add a {
  text-decoration: underline;
 }
 .l-search__add a:hover {
  color: #97FFEF;
 }
 .mv {
  height: auto;
  overflow-x: hidden;
  position: relative;
  width: 100%;
 }
 .mv::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
 }
 .mv__inner {
  background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/mv/fv_sp.png) no-repeat center 48.85vw;
  background-size: 63vw auto;
  padding-bottom: 70px;
  width: 100%;
 }
 .mv__visual {
  color: #121212;
  padding-top: 16vw;
  width: auto;
  margin-left: auto;
 }
 .mv__bottom {
  padding: 100px 0 0 0;
  position: relative;
 }
 .mv__banner {
  left: 0;
  position: absolute;
  top: clamp(-71px, -3.698vw, -35px);
 }
 .about {
  overflow: hidden;
  padding-bottom: 60px;
  padding-top: 40px;
  position: relative;
 }
 .about-inner {
  width: 88.8vw;
  height: 189vw;
  border-radius: 7px;
  background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/about/bg_sp.svg) no-repeat center center #fff;
  box-shadow: 0px 1.32px 3.29px 0px #00000040;
  margin: 0 auto;
  background-size: 100% auto;
  padding: 12.7vw 0;
 }
 .about-heading {
  display: none;
 }
 .about__copy {
  margin-top: 0;
  font-size: 28px;
  font-weight: 900;
 }
 .case {
  overflow: clip;
  padding-bottom: 50px;
  padding-top: 50px;
 }
 .case__ttl {
  font-size: 28px;
  margin-bottom: 10px;
 }
 .case__copy {
  font-size: 12px;
 }
 .case__list {
  margin: 0 auto;
  width: 351px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 .case__detail {
  width: 167px;
  background: #fff;
  box-shadow: 0px 2.01px 2.01px 0px #00000040;
  border-radius: 8px;
  padding: 15px 0 10px 0;
  margin-bottom: 15px;
 }
 .case__img {
  margin: 0 auto 10px auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
 }
 .case__img img {
  height: 40px;
  width: auto;
 }
 .case__img img + img {
  margin-left: 5px;
  height: 40px;
 }
 .case__img img.cs {
  height: 41px;
  width: auto;
 }
 .case__txt {
  font-size: 11px;
 }
 .case__detail:last-child {
  margin: 0 auto;
 }
 .worry {
  padding-top: 45px;
  padding-bottom: 0;
 }
 .worry::after {
  background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bg-bottom_sp.svg) no-repeat top center/contain;
  bottom: -18.995vw;
  content: "";
  height: 18.995vw;
  position: absolute;
  width: 100%;
  z-index: 1;
 }
 .worry__catch {
  font-size: 24px;
 }
 .worry__catch .c-catch-copy {
  font-size: 24px;
 }
 .worry__catch .c-catch-copy .sm {
  font-size: 14px;
 }
 .worry__content {
  margin: 30px auto 0 auto;
  max-width: 350px;
  width: 100%;
  position: relative;
  left: auto;
 }
 .reason {
  padding-top: 30vw;
  padding-bottom: 0;
 }
 .reason__copy {
  font-size: 28px;
 }
 .point {
  padding-top: 40px;
  padding-bottom: 60px;
  position: relative;
 }
 .point__copy {
  font-size: 16px;
  text-align: center;
  position: relative;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
 }
 .point__copy::before {
  background: url(./assets/images/common/line_l.svg) no-repeat top left/contain;
  content: "";
  height: 41px;
  left: calc(50% - 135px);
  position: absolute;
  top: 2px;
  transform: translate(-50%, -25%);
  width: 31px;
 }
 .point__copy::after {
  background: url(./assets/images/common/line_l.svg) no-repeat top left/contain;
  content: "";
  height: 41px;
  left: calc(50% + 135px);
  position: absolute;
  top: 2px;
  transform: translate(-50%, -25%) scaleX(-1);
  width: 31px;
 }
 .database {
  padding-bottom: 40px;
 }
 .database__top {
  padding-top: 40px;
  margin-bottom: 40px;
 }
 .database__top__copy {
  margin: 0 auto 0;
  max-width: 375px;
  font-size: 16px;
 }
 .database__top__copy::before {
  bottom: 0;
  left: calc(50% - 135px);
  top: auto;
 }
 .database__top__copy::after {
  bottom: 0;
  left: calc(50% + 135px);
  top: auto;
 }
 .database__top__banner {
  bottom: -30px;
 }
 .database__bottom {
  background: #ECFAFF;
  padding-bottom: 0px;
 }
 .genre__ttl {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 1.7;
 }
 .support {
  padding-bottom: 30px;
  padding-top: 40px;
 }
 .support__heading {
  font-size: 24px;
  left: auto;
 }
 .profile {
  background: url("./assets/images/profile/bg_profile_l.svg") no-repeat top left, url("./assets/images/profile/bg_profile_r.svg") no-repeat bottom right, #fff;
  background-size: 115px auto, 220px auto;
  padding-top: clamp(95px, 14.84vw, 190px);
  position: relative;
  margin-top: -40px;
  padding-bottom: 30px;
 }
 .profile__copy {
  font-size: 28px;
  margin-top: 0px;
 }
 .flow {
  padding-bottom: 30px;
  padding-top: 50px;
  position: relative;
 }
 .flow::after {
  background: url(./assets/images/flow/background@2x.jpg) no-repeat top left/cover;
  content: "";
  height: calc(100% + clamp(80px, 8.333vw, 160px));
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
 }
 .flow__copy {
  color: #fff;
  margin-top: 0;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 1.6;
 }
 .flow__intro {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  left: min(1.094vw, 21px);
  letter-spacing: 0.1em;
  line-height: 1.818;
  margin: 25px auto 50px auto;
  position: relative;
  text-align: center;
  width: fit-content;
 }
 .contact {
  padding-bottom: 0px;
 }
 .contact::before {
  height: 100%;
  top: auto;
 }
 .contact__inner {
  border-radius: 0;
  padding: 43px 0 0;
  width: 100%;
 }
 .faq {
  padding-bottom: 20px;
  padding-top: 43px;
 }
 .faq__content {
  margin: 20px auto 0;
  max-width: 480px;
  width: 87%;
 }
 .faq__ttl {
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-align: center;
 }
 .ob-mv-content {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-top: 45px;
 }
 .ob-mv-content-inner {
  margin: 0 6.3vw;
 }
 .ob-mv-content__copy--02 {
  font-size: 6.8vw;
  width: 83vw;
  margin: 0 auto;
 }
 .ob-mv-content__copy--02 strong {
  background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/mv/ttl_bg_sp.svg) no-repeat left center;
  background-size: auto 8.4vw;
  padding: 0 0;
  line-height: 0;
  display: inline;
  box-decoration-break: clone;
 }
 .ob-mv-content__copy--02 .sm {
  font-size: 0.9em;
 }
 .ob-mv-content__copy--02 .num {
  font-size: 1.7em;
 }
 .ob-mv-content__copy--03 {
  font-size: 4vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
  font-weight: 900;
  margin-top: min(0.365vw, 10px);
  padding-top: 3vw;
  padding-left: 0;
  width: 88vw;
  width: 83vw;
  margin: 0 auto;
 }
 .c-button-search {
  border-radius: 31px;
  height: 63px;
  position: relative;
  transition: opacity 0.4s;
  width: 360px;
  box-shadow: 0px 4px 4px 0px #00000040;
 }
 .ob-mv-content__button {
  width: 320px;
  left: 0;
  margin: 2.5vw auto 0 auto;
  position: relative;
 }
 .c-button-search__anchor {
  font-size: 17px;
 }
 .ob-mv-image {
  padding-top: min(2.656vw, 51px);
 }
 .ob-mv-cat {
  width: 82vw;
  display: flex;
  flex-wrap: wrap;
  margin-top: 36vw;
  justify-content: space-between;
  padding-left: 20px;
 }
 .ob-mv-cat__item {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  width: 53vw;
  padding-left: 16px;
 }
 .ob-mv-cat__item::before {
  content: "●";
  font-size: 6px;
  background-size: 100% auto;
  left: 0;
  position: absolute;
  top: 20%;
 }
 .ob-mv-cat__item:nth-child(2n+1) {
  width: 17.3vw;
 }
 .ob-mv-cat__item p {
  font-size: 3.5vw;
  letter-spacing: 0.05em;
  line-height: 1.5;
  position: relative;
  text-align: left;
  top: max(-0.312vw, -6px);
  color: #121212;
  font-weight: 700;
 }
 .ob-mv-bottom-text {
  font-size: 16px;
 }
 .ob-mv-laurel {
  column-gap: 10px;
  display: grid;
  grid-template-columns: repeat(3, 108px);
  justify-content: center;
  left: min(0.208vw, 4px);
  margin-top: 20px;
  position: relative;
 }
 .ob-mv-laurel__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 67px;
  justify-content: center;
  position: relative;
 }
 .ob-mv-laurel__item::before {
  background: url(./assets/images/common/laurel.svg) no-repeat top center/contain;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
 }
 .ob-mv-laurel__item p.ob-mv-num {
  font-size: 8px;
  letter-spacing: 0.05em;
  line-height: 1;
  position: relative;
  text-align: center;
  top: 30px;
  display: flex;
  align-items: flex-end;
  font-weight: 700;
  margin-bottom: 8px;
 }
 .ob-mv-laurel__item p.ob-mv-num em {
  font-size: 20px;
  letter-spacing: 0.01em;
  font-weight: 700;
 }
 .ob-mv-laurel__item p.ob-mv-num span {
  line-height: 1.1;
  padding: 0 0 0 0.2vw;
  text-align: left;
 }
 .ob-mv-laurel__item p.ob-mv-num span small {
  font-size: 0.9em;
 }
 .ob-mv-name {
  width: 70px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.875;
  position: relative;
  text-align: center;
  border-top: #121212 1px solid;
  padding-top: 0px;
  margin-top: 28px;
 }
 .ob-about-content__detail {
  padding: 3vw 0 0 0;
 }
 .ob-about-content {
  grid-template-columns: 100%;
  margin-top: 10px;
  max-width: 375px;
 }
 .ob-about-content__laptop {
  grid-column: 1/2;
 }
 .ob-about-content__laptop .image {
  display: block;
  padding: 10px 0 0 0;
  width: 88%;
  margin: 0 auto;
 }
 .ob-about-content__detail {
  grid-row: 2/3;
 }
 .ob-about-content__detail .text {
  font-size: 3vw;
  line-height: 2;
  width: 66vw;
 }
 .ob-about-support {
  align-items: flex-start;
  color: #2B4865;
  column-gap: 0.156vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 3vw auto 0 auto;
  position: relative;
  row-gap: 4vw;
  width: 73.8vw;
 }
 .ob-about-support__item {
  display: flex;
  flex-direction: column;
  row-gap: 2vw;
  width: 24.4vw;
 }
 .ob-about-support__item .icon {
  height: 14.2vw;
  margin: 0 auto 0;
  width: 14.2vw;
 }
 .ob-about-support__item .label {
  font-size: 2.54vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-align: center;
  color: #00336B;
 }
 .ob-worry-list {
  width: 350px;
  height: 433px;
 }
 .ob-worry-list__item {
  bposition: absolute;
  background-size: contain;
  background-repeat: no-repeat;
 }
 .ob-worry-list__item--01 {
  background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_1_sp.svg);
  height: 106px;
  top: 0;
  left: 66px;
  width: 166px;
 }
 .ob-worry-list__item--01 p {
  padding-top: 20px;
  padding-left: 15px;
 }
 .ob-worry-list__item--02 {
  background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_2_sp.svg);
  height: 78px;
  left: 192px;
  top: 42px;
  width: 152px;
 }
 .ob-worry-list__item--02 p {
  padding-top: 20px;
  padding-left: 13px;
 }
 .ob-worry-list__item--03 {
  background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_3_sp.svg);
  height: 72px;
  left: 103px;
  top: 107px;
  width: 163px;
 }
 .ob-worry-list__item--03 p {
  padding-top: 17px;
  padding-left: 15px;
 }
 .ob-worry-list__item--04 {
  background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_4_sp.svg);
  height: 75px;
  left: 33px;
  top: 180px;
  width: 178px;
 }
 .ob-worry-list__item--04 p {
  padding-top: 18px;
  padding-left: 30px;
 }
 .ob-worry-list__item--05 {
  background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_5_sp.svg);
  height: 75px;
  left: 171px;
  top: 211px;
  width: 157px;
 }
 .ob-worry-list__item--05 p {
  padding-top: 18px;
  padding-left: 24px;
 }
 .ob-worry-list__item--06 {
  background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_6_sp.svg);
  height: 72px;
  left: 199px;
  top: 292px;
  width: 146px;
 }
 .ob-worry-list__item--06 p {
  padding-top: 16px;
  padding-left: 22px;
 }
 .ob-worry-list__item--07 {
  background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/worry/bl_7_sp.svg);
  height: 62px;
  left: 64px;
  top: 272px;
  width: 150px;
 }
 .ob-worry-list__item--07 p {
  padding-top: 20px;
  padding-left: 20px;
 }
 .ob-worry-list__item p {
  font-size: 10px;
  letter-spacing: 0.05em;
  line-height: 1.818;
 }
 .ob-worry-bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
 }
 .ob-worry-bg__item {
  display: block;
  position: absolute;
  text-indent: -9999em;
 }
 .ob-worry-bg__item--01 {
  top: 0;
  bottom: auto;
  height: 193px;
  left: 0;
  width: 65px;
 }
 .ob-worry-bg__item--02 {
  bottom: 65px;
  height: 113px;
  left: 0;
  width: 80px;
 }
 .ob-worry-bg__item--03 {
  height: 78px;
  left: 133px;
  bottom: 0;
  width: 190px;
 }
 .ob-worry-bg__item--04 {
  height: 115px;
  left: 260px;
  bottom: 200px;
  width: 73px;
 }
 .ob-reason-list {
  margin-top: 30px;
  max-width: 354px;
  row-gap: 15px;
  width: 95%;
 }
 .ob-reason-list__item {
  display: block;
  position: relative;
  border-bottom: #7FA0C4 1px solid;
 }
 .ob-reason-list__detail {
  width: 100%;
  box-sizing: border-box;
 }
 .ob-reason-list__item--01 .ob-reason-list__detail {
  padding: 0 15px 18px 15px;
 }
 .ob-reason-list__item--02 .ob-reason-list__detail {
  padding: 20px 15px 18px 15px;
 }
 .ob-reason-list__item--03 .ob-reason-list__detail {
  padding: 20px 15px 18px 15px;
 }
 .ob-reason-list__item--04 .ob-reason-list__detail {
  padding: 20px 15px 18px 15px;
 }
 .ob-reason-list__item--05 .ob-reason-list__detail {
  padding: 20px 15px 18px 15px;
 }
 .ob-reason-list__detail .num {
  color: #34D1F1;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 1;
  position: relative;
 }
 .ob-reason-list__detail .title {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.666;
  margin-top: 5px;
 }
 .ob-reason-list__detail .desc {
  font-size: 12px;
  letter-spacing: 0.01em;
  line-height: 2;
  margin-top: 10px;
 }
 .ob-reason-list__thumbnail {
  width: 250px;
 }
 .ob-reason-list__thumbnail img {
  height: 100%;
  object-fit: cover;
 }
 .ob-reason-list__item--01 .ob-reason-list__thumbnail {
  padding-left: 55px;
  padding-bottom: 25px;
 }
 .ob-reason-list__item--01 img {
  width: 250px;
  height: auto;
 }
 .ob-reason-list__item--02 .ob-reason-list__thumbnail {
  padding: 0px 0 30px 45px;
 }
 .ob-reason-list__item--02 img {
  width: 265px;
  height: auto;
 }
 .ob-reason-list__item--03 .ob-reason-list__thumbnail {
  padding: 0px 0 30px 65px;
 }
 .ob-reason-list__item--03 img {
  width: 218px;
  height: auto;
 }
 .ob-reason-list__item--04 .ob-reason-list__thumbnail {
  padding: 0px 0 30px 56px;
 }
 .ob-reason-list__item--04 img {
  width: 216px;
  height: auto;
 }
 .ob-reason-list__item--05 .ob-reason-list__thumbnail {
  padding: 0px 0 30px 63px;
 }
 .ob-reason-list__item--05 img {
  width: 228px;
  height: auto;
 }
 .ob-point-list {
  column-gap: 22px;
  grid-template-columns: repeat(2, 160px);
  height: auto;
  margin-top: 20px;
  row-gap: 20px;
 }
 .ob-point-list__item {
  height: 194px;
  padding: 0px 5px;
  border-radius: 7px;
 }
 .ob-point-list__item--01 {
  row-gap: 15px;
 }
 .ob-point-list__item--01 .ob-point-list__icon {
  width: 42px;
 }
 .ob-point-list__item--02 .ob-point-list__text {
  top: 13px;
 }
 .ob-point-list__item--02 .ob-point-list__icon {
  width: 47px;
 }
 .ob-point-list__item--03 .ob-point-list__text {
  top: 15px;
 }
 .ob-point-list__item--03 .ob-point-list__icon {
  width: 49px;
 }
 .ob-point-list__item--04 .ob-point-list__text {
  top: 2px;
 }
 .ob-point-list__item--04 .ob-point-list__icon {
  width: 36px;
 }
 .ob-point-list__text {
  font-size: 12px;
  line-height: 2;
 }
 .ob-database-list {
  margin: 0 auto 20px auto;
  background: #fff;
  max-width: 325px;
  border-radius: 5px;
  padding: 15px 20px;
 }
 .ob-database-list-2 {
  margin-bottom: 0 !important;
 }
 .ob-database-list-2 .ob-database-list-detail {
  margin-bottom: 15px;
 }
 .ob-database-list .title {
  font-size: 11px;
  font-weight: 900;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: #06CEF7 1px solid;
  padding-bottom: 5px;
  margin-bottom: 10px;
  letter-spacing: 0;
 }
 .ob-database-list .icon {
  width: 16px;
  display: inline-block;
  margin-right: 8px;
 }
 .ob-database-list-detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  text-align: left;
 }
 .ob-database-list-detail ul {
  width: 150px;
 }
 .ob-database-list-detail ul:last-child {
  width: 160px;
 }
 .ob-database-list-detail li {
  font-size: 11px;
  position: relative;
  padding-left: 12px;
  letter-spacing: 0;
  margin-bottom: 6px;
 }
 .ob-database-list-detail li::before {
  content: "●";
  font-size: 5px;
  background-size: 100% auto;
  left: 0;
  position: absolute;
  top: 30%;
  color: #06CEF7;
 }
 .ob-database-list-detail li.txt_cs2 {
  font-size: 9px;
 }
 .ob-database-list-at {
  text-align: center;
  font-size: 10px;
  letter-spacing: 0;
 }
 .ob-support-content {
  grid-template-columns: 100%;
  margin: 20px auto 0;
  max-width: 375px;
  width: 95%;
 }
 .ob-support-content__image {
  grid-column: 1/2;
 }
 .ob-support-content__detail {
  grid-row: 2/3;
 }
 .ob-support-content__detail__box {
  position: relative;
  right: auto;
  top: auto;
  width: 100%;
 }
 .ob-support-content__detail__box .text-01 {
  font-size: 16px;
 }
 .ob-support-content__detail__box .text-02 {
  font-size: 14px;
 }
 .ob-support-content__detail__box .text-03 {
  font-size: 13px;
 }
 .ob-profile-content {
  display: block;
  margin: 0 auto 0;
  padding-bottom: min(7vw, 90px);
  padding-left: 0;
  position: relative;
  width: 87%;
 }
 .ob-profile-content__image {
  position: relative;
  padding-top: 0;
 }
 .ob-profile-content__image img {
  position: relative;
  top: 0;
 }
 .ob-profile-content__detail {
  width: auto;
 }
 .ob-profile-content__detail dl {
  border-bottom: #121212 1px solid;
  padding: 15px 0;
  display: block;
 }
 .ob-profile-content__detail dt {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 900;
  width: auto;
 }
 .ob-profile-content__detail dd {
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  width: auto;
 }
 .ob-flow-list {
  column-gap: 0;
  margin: 30px auto 0;
  max-width: 375px;
  row-gap: 60px;
  width: 100%;
  display: block;
 }
 .ob-flow-outer {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 0;
 }
 .ob-flow-list__item {
  background: #fff;
  height: 195px;
  padding: 15px 25px 20px 25px;
  position: relative;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 30px;
 }
 .ob-flow-list__item--02 {
  padding-left: 0;
  margin-bottom: 80px;
 }
 .ob-flow-list__item--03 {
  padding-top: 60px;
  padding-left: 0;
 }
 .ob-flow-list__item--03 .ob-flow-list__item {
  background: none;
  border: #fff 1px solid;
 }
 .ob-flow-list__item--03 .title {
  color: #fff;
  position: relative;
 }
 .ob-flow-list__item--03 .desc {
  position: relative;
 }
 .ob-flow-list__item--04 {
  padding-top: 60px;
  padding-left: 0;
 }
 .ob-flow-list__item--04 .title {
  position: relative;
  top: min(0.729vw, 14px);
 }
 .ob-flow-list__item--04 .desc {
  position: relative;
  top: min(1.198vw, 23px);
 }
 .ob-flow-list__item--arrow {
  position: relative;
  margin-bottom: 50px;
 }
 .ob-flow-list__item--arrow::after {
  background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/flow/flow_cursor_2_sp.svg) no-repeat center bottom/contain;
  content: "";
  height: 18px;
  position: absolute;
  left: 50%;
  top: auto;
  bottom: -30px;
  transform: translate(-50%, 0);
  width: 27px;
 }
 .ob-flow-list__item--arrow2 {
  position: relative;
 }
 .ob-flow-list__item--arrow2::after {
  background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/flow/flow_line_sp.svg) repeat top left/contain;
  content: "";
  height: 95px;
  position: absolute;
  left: 50%;
  top: auto;
  bottom: -95px;
  transform: translate(-50%, 0);
  width: 27px;
 }
 .ob-flow-list__item--arrow3 {
  position: relative;
 }
 .ob-flow-list__item--arrow3::after {
  background: url("assets/images/flow/flow_cursor_2_sp.svg") no-repeat top left/contain;
  content: "";
  height: 24px;
  position: absolute;
  left: 50%;
  top: auto;
  bottom: -40px;
  transform: translate(-50%, 0);
  width: 21px;
 }
 .ob-flow-list__item--dot::after {
  background: url("assets/images/flow/flow_line_pc.svg") no-repeat top left/contain;
  content: "";
  height: clamp(2px, 0.156vw, 3px);
  position: absolute;
  right: max(-4.375vw, -84px);
  top: 50%;
  transform: translate(0, -50%);
  width: min(4.427vw, 85px);
 }
 .appeal {
  transform: translate(-50%, 0);
  position: absolute;
  text-align: center;
  top: 545px;
  left: 50%;
  width: 182px;
  z-index: 10;
 }
 .ob-flow-list .num {
  color: #DDF8FF;
  font-size: 10px;
  font-weight: 700;
  grid-row: 1/2;
  height: fit-content;
  letter-spacing: 0;
  line-height: 1.666;
  text-align: right;
  padding: 0 0 5px 15px;
  display: inline-block;
 }
 .ob-flow-list .num span {
  display: block;
  line-height: 1;
 }
 .ob-flow-list .num strong {
  color: #DDF8FF;
  font-size: 20px;
  font-weight: 700;
  display: block;
  padding-left: 95px;
 }
 .ob-flow-list__item .icon {
  height: 95px;
  margin: -95px auto 0 auto;
  width: 95px;
  position: relative;
 }
 .ob-flow-list .icon img {
  height: 100%;
  object-fit: contain;
 }
 .ob-flow-list .icon--03 {
  height: 95px;
  margin: -95px auto 0;
  position: relative;
  top: 35px;
  width: 95px;
 }
 .ob-flow-list .icon--03 img {
  height: 95px;
  margin: auto 0;
  position: relative;
  top: 0;
  width: 95px;
 }
 .ob-flow-list__item .icon--04 {
  position: relative;
  top: 0;
  height: 95px;
  margin: -95px auto 0 auto;
  width: 95px;
 }
 .ob-flow-list__item .icon--04 {
  position: relative;
  box-shadow: 0px 4px 4px 0px #00000040;
 }
 .ob-flow-list__item .icon--04 img {
  height: 95px;
  margin: 0 auto 0;
  position: relative;
  top: 0;
  width: 95px;
 }
 .ob-flow-list__item .icon--05 {
  width: 140px;
  height: 95px;
  margin-top: -105px;
  position: relative;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
 }
 .ob-flow-list__item .title {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.05em;
  line-height: 2.045;
  text-align: center;
 }
 .ob-flow-list__item .desc {
  font-size: 14px;
  width: 100%;
  transform: translateX(-50%);
  letter-spacing: 0.02em;
  line-height: 2.058;
  position: relative;
  top: 40px;
  left: 50%;
 }
 .ob-flow-list__item--04 .desc {
  font-size: 14px;
  width: 100%;
  transform: translateX(-50%);
  letter-spacing: 0.02em;
  line-height: 2.058;
  position: relative;
  top: 55px !important;
  left: 50%;
 }
 .ob-flow-list__item .desc a {
  text-decoration: underline;
  transition: opacity 0.4s;
 }
 .ob-flow-list__item .desc a:hover {
  opacity: 0.7;
  text-decoration: none;
  transition: opacity 0.4s;
 }
 .ob-contact-top .c-catch-copy {
  font-size: 24px;
 }
 .ob-contactForm {
  margin: 17px auto 0;
  max-width: 425px;
  padding-bottom: 61px;
  width: 89.333%;
 }
 .ob-contactForm__block {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 13px;
 }
 .ob-contactForm__block .item {
  font-size: 14px;
  width: 100%;
 }
 .ob-contactForm__block .item-nameBlock {
  column-gap: 15px;
 }
 .ob-contactForm__block .item-overview .placeholder {
  color: #858484;
  font-size: 14px;
  left: 9px;
  top: 15px;
 }
 .ob-contactForm__block .item-file .label {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  width: 125px;
 }
 .ob-contactForm__block .item-file .filename {
  font-size: 12px;
 }
 .ob-contactForm__block .item .form-text {
  border-radius: 5px;
  height: 45px;
  padding: 9px;
 }
 .ob-contactForm__block .item .form-text::placeholder {
  color: #858484;
  font-size: 14px;
 }
 .ob-contactForm__block .item .form-textarea {
  border-radius: 5px;
  height: 250px;
  padding: 15px 9px;
 }
 .ob-contactForm__line {
  margin-top: 70px;
 }
 .ob-contactForm__agree {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 39px;
 }
 .ob-contactForm__submit {
  margin-top: 31px;
 }
 .ob-contactForm__submit {
  background: #00FFD9;
  border-radius: 42px;
  height: 63px;
  max-width: 471px;
  width: 360px;
  position: relative;
  transition: opacity 0.3s;
  box-shadow: 0px 4px 4px 0px #00000040;
 }
 .c-button__anchor {
  display: grid;
  font-size: 17px;
  font-weight: 700;
  height: 100%;
  letter-spacing: 0.025em;
  place-content: center;
  position: relative;
  text-align: center;
  width: 100%;
  color: #121212;
 }
 .ob-contact-form-title {
  font-size: 14px;
  margin-bottom: 6px;
 }
 .ob-contact-form-title .label {
  line-height: 1.25;
  font-size: 15px;
 }
 .ob-contact-form-title--sm .label {
  font-size: 15px;
  line-height: 1.4;
 }
 .ob-contact-form-title--overview {
  margin-bottom: 6px;
  padding-top: 0;
 }
 .ob-contactAccordion {
  margin-top: 30px;
 }
 .ob-contactAccordion.is-folding {
  border-radius: 5px;
  left: auto;
  padding: 28px 9px;
  width: 100%;
 }
 .ob-contactAccordion::before {
  right: 11px;
  top: calc(50% - 20px);
  transform: translateY(-50%) scale(0.6);
 }
 .ob-contactAccordion__label {
  font-size: 14px;
  line-height: 1.25;
 }
 .ob-contactAccordion__label .attention {
  font-size: 10px;
 }
 .ob-qaItem {
  margin-bottom: 20px;
 }
 .ob-qaItem::after {
  bottom: -2px;
  width: calc(100% - 55px);
 }
 .ob-qaItem__q {
  border-radius: 3px;
  font-size: 14px;
  line-height: 1.285;
  padding: 14px 25px 14px 60px;
 }
 .ob-qaItem__q .label {
  font-size: 21px;
  height: 48px;
  left: 0;
  top: 0;
  transform: none;
  width: 48px;
 }
 .ob-qaItem__q::before {
  height: 10px;
  right: 8px;
  transform: translateY(-50%) scale(0.7);
  width: 15px;
 }
 .ob-qaItem__q.is-open::before {
  transform: translateY(-50%) scaleY(-1) scale(0.7);
 }
 .ob-qaItem__a {
  font-size: 14px;
  line-height: 1.724;
  padding: 10px 0 20px 65px;
 }
 .ob-qaItem__a .label {
  font-size: 21px;
  height: 48px;
  left: 0;
  top: 0px;
  width: 48px;
 }
 .is-sp {
  display: block;
 }
}
@media screen and (max-width: 480px) {
 .l-search {
  font-size: 15px;
  letter-spacing: 0;
 }
 .ob-contactForm__submit {
  width: 330px;
 }
 .ob-flow-list {
  max-width: 365px;
 }
}
@media screen and (max-width: 374px) {
 /* .ob-mv-cat__item p.txt_cs {
  font-size: 3.3vw;
 }*/
 .ob-mv-cat__item {
  width: 37.5vw;
  padding-left: 14px;
  align-items: flex-start;
  line-height: 1.8;
 }
 .ob-mv-cat__item:nth-child(2n+1) {
  width: 37.5vw;
 }
 .ob-mv-content__copy--02 {
  font-size: 7.3vw;
  width: 88vw;
 }
 .ob-mv-content__copy--03 {
  font-size: 4vw;
  letter-spacing: 0.05em;
  line-height: 1.4;
  font-weight: 900;
  margin-top: 0;
  padding-bottom: 1vw;
  padding-top: 1.5vw;
  width: 88vw;
 }
 .ob-mv-cat {
  margin-top: 35vw;
 }
 .l-search {
  font-size: 12px;
 }
 .ob-point-list {
  column-gap: 5px;
  grid-template-columns: repeat(2, 150px);
  row-gap: 5px;
 }
 .ob-contactAccordion::before {
  bottom: 3px;
  right: 3px;
  top: auto;
  transform: scale(0.6);
 }
 .ob-database-list-detail ul {
  width: 130px;
 }
 .ob-database-list-detail ul:last-child {
  width: 160px;
 }
 .is-sp2 {
  display: block;
 }
 .ob-mv-cat__item::before {
  top: 15%;
 }
 .ob-mv-cat__item:first-child {
  line-height: 1;
 }
 .ob-mv-cat__item:nth-of-type(2) {
  line-height: 1;
 }
}
@keyframes loop01 {
 from {
  transform: translateX(100%);
 }
 to {
  transform: translateX(-100%);
 }
}
@keyframes loop02 {
 from {
  transform: translateX(0);
 }
 to {
  transform: translateX(-200%);
 }
}
/*tooltip*/
/*bl*/
.tootiplink {
 display: block;
 cursor: pointer;
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/common/cursor.svg) no-repeat left center;
 background-size: clamp(6px, 0.1vw, 7px) auto;
 padding-left: clamp(11px, 1.15vw, 15px);
}
.tooltip {
 position: absolute;
 padding: 0;
 margin: 0.3em 0 0 0;
 display: none;
 top: clamp(22.5px, 3.75vw, 45px);
 left: clamp(-60px, -10vw, -80px);
 /*left: 50%;
 /*transform: translateX(-50%);*/
 animation-name: fade-in;
 animation-duration: 0.5s;
 z-index: 15;
 box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
}
.tooltip_inner {
 display: flex;
 justify-content: space-around;
 align-items: center;
 padding: 0;
 flex-wrap: nowrap;
}
.bl-content {
 position: relative;
 background-color: #2B4865;
 width: clamp(125px, 20.3vw, 250px);
 color: #fff;
 padding: clamp(7px, 1.25vw, 15px) clamp(7px, 1.25vw, 15px);
 box-sizing: border-box;
 z-index: 5;
}
.bl-content::before {
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/common/bl_top.svg) no-repeat top center;
 content: "";
 height: clamp(11px, 1.833vw, 22px);
 left: 50%;
 position: absolute;
 top: 0;
 transform: translate(-50%, 0);
 width: clamp(21.5px, 3.58vw, 43px);
 margin-top: clamp(-21px, -1.733vw, -10px);
 background-size: contain;
 color: #fff;
}
.popover.active .popover-text {
 display: block;
}
.pttl {
 font-size: clamp(10px, 1.66vw, 20px);
 font-weight: 700;
 line-height: 1.2;
 margin-bottom: 0.83vw;
 text-align: center;
}
.pttl span {
 font-size: clamp(9px, 1.4vw, 17px);
}
.ptxt {
 font-size: clamp(10px, 1.3vw, 17px);
 line-height: 1.5;
 margin-bottom: 1.25vw;
 text-align: center;
 letter-spacing: 0;
}
.plink {
 font-size: clamp(10px, 1.5vw, 18px);
 color: #fff;
 font-weight: 700;
 line-height: 1.2;
 background: linear-gradient(90deg, rgba(252, 82, 78, 1) 0%, rgba(255, 173, 33, 1) 79%);
 border-radius: 50px;
 width: 100%;
 height: 34px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.plink:hover {
 color: #fff;
}
@media screen and (max-width: 1270px) {
 .bl-content {
  width: 20vw;
  padding: 15px 15px;
 }
}
@media screen and (max-width: 1150px) {}
@media screen and (max-width: 767px) {
 /*tooltip*/
 /*bl*/
 .tootiplink {
  display: block;
  cursor: pointer;
  background: url("assets/images/common/cursor.svg") no-repeat left center;
  background-size: clamp(6px, 0.1vw, 7px) auto;
  padding-left: clamp(11px, 1.15vw, 15px);
 }
 .tooltip {
  position: absolute;
  padding: 0;
  margin: 0.3em 0 0 0;
  display: none;
  top: 30px;
  left: -80px;
  /*left: 50%;
 /*transform: translateX(-50%);*/
  animation-name: fade-in;
  animation-duration: 0.5s;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
  z-index: 15;
 }
 .tooltip_inner {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0;
  flex-wrap: nowrap;
 }
 .bl-content {
  position: relative;
  background-color: #2B4865;
  width: clamp(125px, 20.3vw, 250px);
  color: #fff;
  padding: clamp(7px, 1.25vw, 15px) clamp(7px, 1.25vw, 15px);
  box-sizing: border-box;
  z-index: 5;
 }
 .importancechild {
  padding-top: 1vw;
 }
 .bl-content {
  position: relative;
  background-color: #2B4865;
  width: 40vw;
  color: #fff;
  padding: clamp(7px, 1.25vw, 15px) clamp(7px, 1.25vw, 15px);
  box-sizing: border-box;
  z-index: 5;
 }
 .bl-content::before {
  background: url("assets/images/common/bl_top.svg") no-repeat top center;
  content: "";
  height: clamp(11px, 1.833vw, 22px);
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0);
  width: clamp(21.5px, 3.58vw, 43px);
  margin-top: clamp(-21px, -1.733vw, -10px);
  background-size: contain;
  color: #fff;
 }
 .popover.active .popover-text {
  display: block;
 }
 .pttl {
  font-size: clamp(15px, 1.66vw, 20px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.80vw;
  text-align: center;
 }
 .ptxt {
  font-size: clamp(12px, 1.16vw, 14px);
  line-height: 1.5;
  margin-bottom: 1.25vw;
  text-align: center;
 }
 .plink {
  font-size: clamp(10px, 1.5vw, 18px);
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  background: linear-gradient(90deg, rgba(252, 82, 78, 1) 0%, rgba(255, 173, 33, 1) 79%);
  border-radius: 50px;
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
 }
}
@media screen and (max-width: 500px) {
 .tooltip {
  top: 30px;
  left: -10px;
 }
}
@media screen and (max-width: 375px) {
 .bl-content {
  width: 43vw;
 }
 .pttl {
  font-size: 13px;
 }
}
/*voice*/
.l-voice {
 padding-top: min(12.5vw, 160px);
 position: relative;
 height: min(109.3vw, 1400px);
 background: #fff;
}
.voice__copy {
 color: #121212;
 font-size: clamp(30px, 4.687vw, 60px);
 font-weight: 900;
 letter-spacing: 0.1em;
 text-align: center;
 line-height: 1.6;
 position: relative;
 padding-bottom: clamp(35px, 5.46vw, 70px);
}
.l-voice_listContainer {
 margin: 0 auto;
 max-width: 1060px;
 width: min(82.81vw, 1060px);
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/voice/voice.svg) no-repeat center top;
 background-size: min(81.25vw, 1040px);
 padding-top: min(7vw, 90px);
}
.ob-voiceList {
 height: min(71vw, 910px);
 width: 100%;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: min(1.28vw, 16.5px);
}
.ob-voiceList_item {
 width: min(26vw, 333px);
 height: min(25vw, 320px);
 align-items: center;
 background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/business-support-tools/assets/images/voice/ic.svg) no-repeat min(1.56vw, 20px) min(1.56vw, 20px) #DDF8FF;
 border-radius: 20px 20px 0 20px;
 display: flex;
 flex-direction: column;
 font-size: clamp(10px, 1.25vw, 16px);
 line-height: 1.73;
 box-sizing: border-box;
 margin-bottom: min(1vw, 14px);
 position: relative;
}
.ob-voiceList_item-07, .ob-voiceList_item-08 {
 height: min(15.7vw, 201px);
}
.ob-voiceList > .ob-voiceList_item:nth-last-child(2):nth-child(odd) {
 margin-left: auto;
 margin-right: min(0.64vw, 8.25px);
}
.ob-voiceList > .ob-voiceList_item:last-child {
 margin-left: min(0.64vw, 8.25px);
 margin-right: auto;
}
.ob-voiceList_item p {
 color: #221A5A;
 margin: min(4.68vw, 60px) auto 0;
 width: min(22.9vw, 293px);
 line-height: 2.1;
 letter-spacing: 0.05em;
}
.ob-voiceList_item p em {
 font-weight: 700;
 color: #00336B;
}
.ob-voiceList_item p.user {
 margin: 0;
 font-size: clamp(8px, 1vw, 14px);
 line-height: 1.2;
 text-align: right;
 right: min(1.56vw, 20px);
 bottom: min(1.56vw, 20px);
 position: absolute;
 width: 95%;
}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 880px) {}
@media screen and (max-width: 835px) {
 .l-voice {
  padding-top: 50px;
  padding-bottom: 40px;
  position: relative;
  height: auto;
  background: #fff;
 }
 .voice__copy {
  font-size: 28px;
  line-height: 1.6;
  position: relative;
  padding-bottom: 50px;
 }
 .l-voice_listContainer {
  margin: 0 auto;
  max-width: 1060px;
  width: 354px;
  background: url("assets/images/voice/voice.svg") no-repeat center top;
  background-size: auto 26px;
  padding-top: 30px;
 }
 .ob-voiceList {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0;
 }
 .ob-voiceList_item {
  width: 166px;
  height: auto;
  align-items: center;
  background: url("./assets/images/voice/ic.svg") no-repeat 15px 15px #DDF8FF;
  border-radius: 10px 10px 0 10px;
  display: flex;
  flex-direction: column;
  font-size: 11px;
  line-height: 1.73;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
  background-size: 20px auto;
  padding-bottom: 30px;
 }
 .ob-voiceList_item-07, .ob-voiceList_item-08 {
  height: auto;
 }
 .ob-voiceList > .ob-voiceList_item:nth-last-child(2):nth-child(odd) {
  margin-left: inherit;
  margin-right: auto;
 }
 .ob-voiceList > .ob-voiceList_item:last-child {
  margin-left: auto;
  margin-right: inherit;
 }
 .ob-voiceList_item p {
  color: #221A5A;
  margin: 35px auto 0;
  width: 80%;
  line-height: 1.8;
  letter-spacing: 0.05em;
 }
 .ob-voiceList_item p em {
  font-weight: 700;
  color: #00336B;
 }
 .ob-voiceList_item p.user {
  margin: 0;
  font-size: 9px;
  line-height: 1.2;
  text-align: right;
  right: 5px;
  bottom: 8px;
  position: absolute;
  width: 95%;
 }
}
@media screen and (max-width: 835px) {}