html {
	font-size: clamp(13px, 0.781vw, 15px);
	height: 100%;
	min-height: 100%;
	width: 100%;
}

body {
	color: #222;
	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%;
}

body::before {
	background: #cdeae3 url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/background/graphpaper.png) no-repeat top left/cover;
	content: "";
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -10;
}

body.compensate-for-scrollbar {
	margin-right: 0 !important;
	overflow: auto;
	overflow-x: hidden;
}

main,
section,
article,
div {
	position: relative;
}

*,
*: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;
	-o-object-fit: contain;
	   object-fit: contain;
	width: 100%;
}

.v-roboto {
	font-family: "Roboto", "Arial", "Noto Sans JP", sans-serif;
}

.is-pc {
	display: block;
}

.is-tb {
	display: none;
}

.is-sp {
	display: none;
}

.c-komeMark {
	padding-left: 1em;
	position: relative;
}

.c-komeMark::before {
	content: "※";
	left: 0;
	position: absolute;
}

.c-button {
	height: 45px;
}

.c-button:hover .c-button_anchor {
	opacity: 0.6;
	transition: opacity 0.5s;
}

.c-button-big {
	height: 93px;
	width: clamp(420px, 27.865vw, 535px);
}

.c-button-big .c-button_anchor {
	font-size: 23px;
}

.c-button-big .c-button_anchor::after {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/arrow-white.svg) no-repeat center center/contain;
	content: "";
	height: 10px;
	position: absolute;
	right: 33px;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
}

.c-button-grd .c-button_anchor {
	background: transparent linear-gradient(99deg, #00DCFF 0%, #423A85 100%) 0% 0% no-repeat padding-box;
	color: #fff;
}

.c-button_anchor {
	background: #fff;
	border-radius: 55px;
	color: #88ADA7;
	display: block;
	font-size: clamp(17px, 0.99vw, 19px);
	font-weight: 500;
	height: 100%;
	padding: 11px 24px;
	text-align: center;
	transition: opacity 0.5s;
	width: 100%;
}

.c-button_anchor .innerHeaderBtn {
	position: relative;
	top: -5px;
}

.c-button-find .c-button_anchor {
	background: transparent linear-gradient(99deg, #00DCFF 0%, #423A85 100%) 0% 0% no-repeat padding-box;
	color: #fff;
	padding: 11px 40px;
	position: relative;
	text-indent: -0.5em;
}

.c-button-find .c-button_anchor::before {
	background: #222222;
	border-radius: 50%;
	box-shadow: 0px 0px 16px rgba(36, 35, 74, 0.235);
	color: #fff;
	content: "無料";
	font-size: 15px;
	font-weight: 700;
	height: 45px;
	left: -1px;
	line-height: 45px;
	position: absolute;
	text-align: center;
	text-indent: 0px;
	top: 0;
	transform: rotate(-20deg);
	width: 45px;
}

.c-button-find .c-button_anchor .innerHeaderBtn {
	left: min(0.781vw, 15px);
	position: relative;
	top: max(-0.26vw, -5px);
}

.c-button-find-big {
	height: clamp(80px, 4.948vw, 95px);
	max-width: clamp(480px, 27.865vw, 535px);
}

.c-button-find-big .c-button_anchor {
	box-shadow: 0px min(0.156vw, 3px) min(0.677vw, 13px) rgba(0, 0, 0, 0.255);
	font-size: clamp(21px, 1.25vw, 24px);
	padding: clamp(19px, 1.302vw, 25px) clamp(0px, 1.042vw, 20px);
}

.c-button-find-big .c-button_anchor::before {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/fukidashi-free.png) no-repeat center center/clamp(109px, 8.333vw, 160px) clamp(109px, 8.333vw, 160px);
	border-radius: 0;
	box-shadow: none;
	content: "";
	font-size: clamp(14px, 1.458vw, 28px);
	font-weight: 700;
	height: clamp(100px, 7.865vw, 151px);
	left: max(-3.021vw, -58px);
	line-height: clamp(100px, 7.865vw, 151px);
	pointer-events: none;
	top: max(-3.49vw, -67px);
	transform: none;
	width: clamp(100px, 7.865vw, 151px);
}

.c-button-find-big .c-button_anchor::after {
	background: url(./assets/images/common/arrow-white.svg) no-repeat center center/contain;
	content: "";
	height: 10px;
	position: absolute;
	right: min(1.719vw, 33px);
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
}

.c-heading {
	font-size: clamp(24px, 1.979vw, 38px);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.8;
	text-align: center;
}

.c-headingSub {
	color: #9088C1;
	font-family: "Helvetica", "Arial", "Noto Sans JP", sans-serif;
	font-size: clamp(12px, 0.781vw, 15px);
	font-style: oblique;
	font-weight: 400;
	letter-spacing: 0.25em;
	line-height: 1;
	text-align: center;
}

.c-headingLine {
	padding-bottom: min(3.021vw, 58px);
	position: relative;
}

.c-headingLine::after {
	background: #221A5A;
	bottom: 0;
	content: "";
	height: 1px;
	left: calc(50% + min(0.365vw, 7px));
	position: absolute;
	transform: translateX(-50%) rotate(-45deg);
	transform-origin: left bottom;
	width: min(2.188vw, 42px);
}

.c-contentWhiteBox {
	background: #fff;
	margin: 0 auto 0;
	max-width: 1311px;
	position: relative;
	width: 95%;
}

.l-header {
	align-items: center;
	background: rgba(138, 173, 167, 0.95);
	display: flex;
	height: clamp(70px, 5.208vw, 100px);
	justify-content: space-between;
	left: 0;
	padding-left: clamp(10px, 1.458vw, 28px);
	padding-right: clamp(10px, 2.24vw, 43px);
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10;
}

.l-header_logo {
	flex-shrink: 0;
	position: relative;
	top: 0;
	width: clamp(120px, 9.688vw, 186px);
}

.l-header_nav {
	position: relative;
}

.l-header_button {
	display: none;
}

.l-nav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: relative;
	row-gap: 10px;
}

.l-nav_item {
	color: #ffffff;
	font-size: clamp(10px, 0.99vw, 19px);
	font-weight: 500;
	margin-left: clamp(6px, 1.823vw, 35px);
	position: relative;
	transition: opacity 0.5s;
}

.l-nav_item:hover {
	opacity: 0.6;
	transition: opacity 0.5s;
}

.l-nav_item-regist {
	height: clamp(24px, 2.344vw, 45px);
	margin-left: clamp(6px, 1.094vw, 21px);
}

.l-nav_item-regist .c-button_anchor {
	font-size: clamp(10px, 0.99vw, 19px);
	padding: clamp(7px, 0.573vw, 11px) clamp(7px, 1.25vw, 24px);
}

.l-nav_item-find {
	height: clamp(24px, 2.344vw, 45px);
	margin-left: clamp(6px, 1.25vw, 24px);
}

.l-nav_item-find .c-button_anchor {
	font-size: clamp(10px, 0.99vw, 19px);
	padding: min(0.573vw, 10px) min(2.083vw, 40px);
}

.l-nav_item-find .c-button_anchor::before {
	font-size: min(0.781vw, 15px);
	height: min(2.344vw, 45px);
	left: min(-0.052vw, -1px);
	line-height: min(2.344vw, 45px);
	width: min(2.344vw, 45px);
}

.l-nav_item-find:hover {
	opacity: 1;
}

.l-mainvisual {
	position: relative;
}

.l-mainvisual_top {
	height: 100%;
	min-height: 100vh;
	position: relative;
	width: 100%;
}

.l-mainvisual_top_content {
	left: 50%;
	max-width: 1652px;
	position: absolute;
	top: 356px;
	top: 32.994vh;
	transform: translateX(-50%);
	width: 86%;
	z-index: 1;
}

.l-mainvisual_top_slide {
	bottom: -66px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.l-mainvisual_top_background {
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}

.l-mainvisual_top_background img {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	width: 100%;
}

.l-mainvisual_bottom {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/background/paper.png) no-repeat top left/cover;
	padding-bottom: min(6.979vw, 134px);
	padding-top: min(9.531vw, 183px);
}

.l-mainvisual_bottom_catch {
	left: 0.5em;
	margin: 0 auto 0;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.l-mainvisual_bottom_content {
	-moz-column-gap: min(1.406vw, 27px);
	     column-gap: min(1.406vw, 27px);
	display: grid;
	grid-template-columns: min(33.333vw, 640px) min(38.229vw, 734px);
	justify-content: center;
	margin: min(3.958vw, 76px) auto 0;
	max-width: 1400px;
	width: 92%;
}

.l-type {
	padding-bottom: min(3.906vw, 75px);
	padding-top: min(6.615vw, 127px);
	position: relative;
}

.l-type::before {
	background: #F2F0F0;
	content: "";
	height: calc(100% + min(24.479vw, 470px));
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.l-genre {
	background: #fff;
	border-radius: 48px;
	margin: 0 auto 0;
	max-width: 1724px;
	padding: min(5.208vw, 100px) 0 min(4.167vw, 80px);
	position: relative;
	width: 95%;
}

.l-genre_inner {
	margin: 0 auto 0;
	position: relative;
	width: calc(100% - min(13.021vw, 250px));
}

.l-flow {
	padding-top: min(3.906vw, 75px);
}

.l-flow_inner {
	margin: min(1.875vw, 36px) auto 0;
	max-width: 1400px;
	position: relative;
	width: 87%;
}

.l-solve {
	border-radius: 15px 15px 0px 0px;
	margin: min(4.167vw, 80px) auto 0;
	padding: min(4.167vw, 80px) 108px min(3.854vw, 74px);
}

.l-solve_heading {
	position: relative;
}

.l-features {
	margin-top: 3px;
	padding: min(2.708vw, 52px) 168px min(3.281vw, 63px);
}

.l-reassurances {
	border-radius: 0px 0px 15px 15px;
	padding: min(2.656vw, 51px) min(9.792vw, 188px) min(4.167vw, 80px);
}

.l-reassurances_button {
	margin: min(3.021vw, 58px) auto 0;
}

.l-voice {
	padding-top: min(3.75vw, 72px);
	position: relative;
}

.l-voice::before {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/background/voice.png) no-repeat top center/cover;
	content: "";
	height: calc(100% + min(10.625vw, 204px));
	left: 0;
	position: absolute;
	right: 0;
	top: max(-10.625vw, -204px);
	width: 100%;
	z-index: -1;
}

.l-voice_listContainer {
	margin: min(1.979vw, 38px) auto 0;
	max-width: 1478px;
	width: 77%;
}

.l-contact {
	padding-top: min(4.063vw, 78px);
	position: relative;
}

.l-contact::before {
	background: #B9DAD7;
	content: "";
	height: calc(100% - min(10.156vw, 195px));
	height: calc(100% + 181px);
	left: 0;
	position: absolute;
	right: 0;
	top: -282px;
	width: 100%;
	z-index: -2;
}

.l-contact_inner {
	background: #F3F3F3;
	border-radius: 15px;
	margin: 0 auto 0;
	max-width: 980px;
	padding: min(2.76vw, 53px) min(4.688vw, 90px) min(4.167vw, 80px);
	position: relative;
	width: 95%;
}

.l-qa {
	margin: 0 auto 0;
	max-width: 1020px;
	padding-bottom: min(10.729vw, 206px);
	padding-top: min(3.802vw, 73px);
	width: 87%;
}

.l-qa_content {
	margin-top: min(1.823vw, 35px);
}

.ob-mvCatch {
	color: #222222;
	font-size: clamp(32px, 2.708vw, 52px);
	letter-spacing: 0.05em;
	line-height: 1.5;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
}

.ob-mvCatch-sm {
	font-size: clamp(28px, 1.979vw, 38px);
	text-align: center;
	text-shadow: none;
}

.ob-mvCatch .num {
	font-size: clamp(36px, 2.917vw, 56px);
	line-height: 1;
}

.ob-mvButton {
	margin-left: 10px;
	margin-top: 38px;
}

.ob-mvLoopslider {
	padding-bottom: 40px;
	pointer-events: none;
	transition-timing-function: linear;
}

.ob-mvLoopslider_item {
	border-radius: 12px;
	box-shadow: 0px min(1.042vw, 20px) min(1.354vw, 26px) rgba(0, 0, 0, 0.161);
	height: 121px;
	margin-right: 48px;
	overflow: hidden;
	position: relative;
	transition-timing-function: linear;
	width: 215px;
}

.ob-mvLoopslider_item img {
	display: block;
	height: 100%;
	left: 50%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.ob-mvBottomContent {
	color: #222222;
	font-size: clamp(13px, 0.938vw, 18px);
	line-height: 1.8;
	padding-top: 22px;
}

.ob-mvBottomContent_results {
	display: flex;
	flex-wrap: wrap;
	margin-top: 24px;
	row-gap: 20px;
}

.ob-mvBottomContent_results .results_item {
	align-items: center;
	color: #8F8B3A;
	display: flex;
	flex-direction: column;
	font-size: min(0.99vw, 19px);
	font-weight: 700;
	height: min(6.406vw, 123px);
	justify-content: center;
	line-height: 1.4;
	margin-right: min(1.563vw, 30px);
	padding-top: min(0.26vw, 5px);
	position: relative;
	text-align: center;
	width: min(10.521vw, 202px);
}

.ob-mvBottomContent_results .results_item::after {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/laurel.png) no-repeat center center/contain;
	content: "";
	height: calc(100% + 1px);
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% + 5px);
}

.ob-mvBottomContent_results .results_item em {
	font-size: min(1.979vw, 38px);
	font-weight: 700;
	letter-spacing: -0.03em;
}

.ob-mvBottomContent_results .results_item .unit {
	font-size: min(0.833vw, 16px);
	font-weight: 400;
}

.ob-mvBottomContent_results .results_item .ijyou {
	font-size: min(0.833vw, 16px);
	line-height: 1;
	position: relative;
	top: -5px;
}

.ob-typeHeading {
	padding-bottom: 28px;
	position: relative;
}

.ob-typeHeading::before {
	border-bottom: 1px solid #221A5A;
	border-top: 1px solid #221A5A;
	content: "";
	height: 100%;
	left: 50%;
	max-width: 852px;
	pointer-events: none;
	position: absolute;
	top: -5px;
	transform: translateX(-50%);
	width: 80%;
}

.ob-typeContent {
	margin: min(2.813vw, 54px) auto 0;
	max-width: 1011px;
	width: 90%;
}

.ob-typeContent_etc {
	color: #555176;
	font-size: clamp(15px, 0.938vw, 18px);
	position: relative;
	right: -31px;
	text-align: right;
	top: -26px;
}

.ob-typeContent_desc {
	font-size: clamp(14px, 1.198vw, 23px);
	line-height: 1.8;
	margin-top: 25px;
	text-align: center;
}

.ob-typeList {
	-moz-column-gap: min(1.563vw, 30px);
	     column-gap: min(1.563vw, 30px);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 40px;
}

.ob-typeList_item {
	position: relative;
	width: 100%;
}

.ob-typeList_item_image {
	border-radius: 50%;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
	width: 100%;
}

.ob-typeList_item_image.is-show::after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	transition: transform 0.8s ease, opacity 0.6s;
}

.ob-typeList_item_image.is-show .icon {
	opacity: 1;
	transition: opacity 0.6s 0.7s;
}

.ob-typeList_item_image::after {
	background: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 20px rgba(34, 26, 90, 0.031);
	content: "";
	height: 90%;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	transform-origin: center;
	width: 90%;
	z-index: 0;
}

.ob-typeList_item_image .icon {
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.ob-typeList_item_image .icon-01 {
	width: 91px;
}

.ob-typeList_item_image .icon-02 {
	width: 91px;
}

.ob-typeList_item_image .icon-03 {
	width: 93px;
}

.ob-typeList_item_image .icon-04 {
	width: 109px;
}

.ob-typeList_item_image .icon-05 {
	width: 94px;
}

.ob-typeList_item_image .icon-06 {
	width: 111px;
}

.ob-typeList_item_image .icon-07 {
	width: 101px;
}

.ob-typeList_item_image .icon-08 {
	width: 86px;
}

.ob-typeList_item_name {
	color: #555176;
	font-size: clamp(15px, 0.938vw, 18px);
	font-weight: 900;
	margin-top: min(0.729vw, 14px);
	text-align: center;
}

.ob-genreIntro {
	font-size: clamp(15px, 0.938vw, 18px);
	line-height: 1.8;
	margin-top: min(1.354vw, 26px);
	text-align: center;
}

.ob-genreList {
	align-items: start;
	-moz-column-gap: min(1.563vw, 30px);
	     column-gap: min(1.563vw, 30px);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: min(4.063vw, 78px);
	row-gap: min(4.167vw, 80px);
	width: 100%;
}

.ob-genreList_item {
	display: grid;
	row-gap: min(1.146vw, 22px);
}

.ob-genreList_item:hover .ob-genreList_item_image {
	transform: scale(1.1);
	transition: transform 0.6s ease;
}

.ob-genreList_item_detail {
	grid-column: 1/2;
	grid-row: 2/3;
}

.ob-genreList_item_detail .genre {
	font-size: clamp(17px, 1.146vw, 22px);
	font-weight: 700;
	line-height: 1.5;
	padding-left: min(0.729vw, 14px);
	text-align: center;
}

.ob-genreList_item_detail .tags {
	display: flex;
	flex-wrap: wrap;
	margin-top: min(0.99vw, 19px);
}

.ob-genreList_item_detail .tags_item {
	background: #DAD4F5;
	border-radius: 10px;
	color: #221A5A;
	font-size: clamp(10px, 0.625vw, 12px);
	line-height: 1.5;
	margin-bottom: min(0.208vw, 4px);
	margin-right: min(0.208vw, 4px);
	padding: min(0.156vw, 3px) min(0.677vw, 13px) min(0.208vw, 4px);
}

.ob-genreList_item_detail .produced {
	color: #777777;
	font-size: clamp(9px, 0.625vw, 12px);
	margin-top: min(0.365vw, 7px);
	text-align: right;
}

.ob-genreList_item_image {
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	grid-column: 1/2;
	grid-row: 1/2;
	max-height: 194px;
	overflow: hidden;
	padding-top: 56.069%;
	position: relative;
	transform: scale(1);
	transition: transform 0.6s ease;
	width: 100%;
}

.ob-genreList_item_image img {
	height: 100%;
	left: 50%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.fancybox-close-small {
	background: #000;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	right: -22px;
}

.ob-genreDesc {
	font-size: clamp(15px, 0.938vw, 18px);
	line-height: 1.8;
	margin-top: min(3.906vw, 75px);
	text-align: center;
}

.ob-genreButton {
	margin: min(2.448vw, 47px) auto 0;
}

.ob-flowIntro {
	font-size: clamp(15px, 0.938vw, 18px);
	line-height: 1.4;
	text-align: center;
}

.ob-flowIntro em {
	font-family: "Roboto", "Arial", "Noto Sans JP", sans-serif;
	font-size: clamp(28px, 1.979vw, 38px);
	font-weight: 700;
}

.ob-flowList {
	-moz-column-gap: min(2.083vw, 40px);
	     column-gap: min(2.083vw, 40px);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: min(4.167vw, 80px);
	padding-bottom: min(4.531vw, 87px);
	width: 100%;
}

.ob-flowList_item {
	background: #fff;
	border: clamp(1px, 0.104vw, 2px) solid #92BAB1;
	border-radius: 20px;
	box-shadow: 0px 0px min(0.573vw, 11px) rgba(0, 0, 0, 0.153);
	padding: min(1.927vw, 37px) min(0.938vw, 18px) min(1.198vw, 23px) min(1.146vw, 22px);
	position: relative;
}

.ob-flowList_item.is-show::after {
	opacity: 1;
	transition: opacity 0.5s 0.8s;
}

.ob-flowList_item::after {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/arrow-black.svg) no-repeat center center/contain;
	content: "";
	height: min(1.042vw, 20px);
	position: absolute;
	right: max(-1.667vw, -32px);
	top: calc(50% - min(0.885vw, 17px));
	transform: translateY(-50%);
	width: min(1.146vw, 22px);
}

.ob-flowList_item-02 {
	padding-top: min(2.083vw, 40px);
	top: min(2.188vw, 42px);
}

.ob-flowList_item-03 {
	padding-top: min(2.188vw, 42px);
	top: min(4.531vw, 87px);
}

.ob-flowList_item-04 {
	padding-top: min(2.604vw, 50px);
	top: min(6.875vw, 132px);
}

.ob-flowList_item-04::after {
	display: none;
}

.ob-flowList_item .num {
	align-items: center;
	background: #222222;
	border-radius: 50%;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-family: "Roboto", "Arial", "Noto Sans JP", sans-serif;
	font-size: clamp(10px, 0.833vw, 16px);
	font-weight: 700;
	height: min(6.563vw, 126px);
	justify-content: center;
	left: max(-0.573vw, -11px);
	letter-spacing: 0.14em;
	line-height: 1;
	position: absolute;
	top: max(-1.719vw, -33px);
	width: min(6.563vw, 126px);
	z-index: 2;
}

.ob-flowList_item .num_order {
	font-size: clamp(22px, 2.344vw, 45px);
}

.ob-flowList_item .num_order-04 {
	font-size: clamp(15px, 1.458vw, 28px);
}

.ob-flowList_item .icon {
	margin: 0 auto 0;
}

.ob-flowList_item .icon-01 {
	width: min(5.885vw, 113px);
}

.ob-flowList_item .icon-02 {
	width: min(7.135vw, 137px);
}

.ob-flowList_item .icon-03 {
	width: min(13.438vw, 258px);
}

.ob-flowList_item .icon-04 {
	margin-bottom: min(2.708vw, 52px);
	width: min(7.969vw, 153px);
}

.ob-flowList_item .icon-04 img {
	position: relative;
	top: min(1.042vw, 20px);
}

.ob-flowList_item .title {
	font-size: clamp(18px, 1.146vw, 22px);
	font-weight: 500;
	margin-top: min(1.823vw, 35px);
	text-align: center;
}

.ob-flowList_item .desc {
	font-size: clamp(14px, 0.938vw, 18px);
	line-height: 1.533;
	margin-top: min(1.146vw, 22px);
}

.ob-flowList_item .desc a {
	color: #5D4DBF;
	text-decoration: underline;
}

.ob-flowList_item .kokomade {
	background: #222222;
	border-radius: 22px;
	color: #fff;
	font-size: clamp(10px, 0.729vw, 14px);
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: clamp(4px, 0.521vw, 10px) 5px;
	position: absolute;
	right: max(-14.583vw, -280px);
	text-align: center;
	top: max(-3.385vw, -65px);
	width: min(15.99vw, 307px);
}

.ob-flowList_item .kokomade::before {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/fukidashi-black.svg) no-repeat top center/100% 100%;
	bottom: max(-0.833vw, -16px);
	content: "";
	height: min(1.354vw, 26px);
	left: min(1.354vw, 26px);
	position: absolute;
	width: min(1.354vw, 26px);
	z-index: -1;
}

.ob-flowEnd {
	font-size: clamp(15px, 0.938vw, 18px);
	line-height: 1.8;
	margin-top: min(3.125vw, 60px);
	text-align: center;
}

.ob-solveList {
	-moz-column-gap: 17px;
	     column-gap: 17px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: min(3.542vw, 68px);
	row-gap: 40px;
}

.ob-solveList_item {
	align-items: center;
	background: #C6E8ED;
	border-radius: 0px min(1.563vw, 30px);
	color: #221A5A;
	display: flex;
	font-size: clamp(14px, 1.198vw, 23px);
	height: min(7.187vw, 138px);
	justify-content: center;
	line-height: 1.565;
	position: relative;
	text-align: center;
	width: clamp(200px, 18.385vw, 353px);
	z-index: 1;
}

.ob-solveList_item.is-show::before {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.8s, transform 0.8s;
}

.ob-solveList_item::before {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/qmark.svg) no-repeat center center/contain;
	content: "";
	height: min(2.344vw, 45px);
	opacity: 0;
	position: absolute;
	right: min(0.156vw, 3px);
	top: max(-0.417vw, -8px);
	transform: translateY(10px);
	width: min(2.5vw, 48px);
	z-index: 2;
}

.ob-solveList_item::after {
	border-bottom: 8px solid #fff;
	border-left: 9px solid #fff;
	border-right: 9px solid #A2C7CC;
	border-top: 8px solid #A2C7CC;
	bottom: -16px;
	content: "";
	height: 16px;
	position: absolute;
	right: 0;
	width: 18px;
	z-index: -1;
}

.ob-featuresList {
	-moz-column-gap: min(1.042vw, 20px);
	     column-gap: min(1.042vw, 20px);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: min(1.823vw, 35px);
	row-gap: min(2.083vw, 40px);
}

.ob-featuresList_item {
	width: clamp(200px, 11.875vw, 228px);
}

.ob-featuresList_item .image {
	align-items: center;
	display: flex;
	height: clamp(163px, 10.781vw, 207px);
	justify-content: center;
	position: relative;
	width: 100%;
}

.ob-featuresList_item .image::before {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/dashed-box.svg) no-repeat center center/contain;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.ob-featuresList_item .image-01 img {
	width: clamp(120px, 8.646vw, 166px);
}

.ob-featuresList_item .image-02 img {
	width: clamp(100px, 7.292vw, 140px);
}

.ob-featuresList_item .image-03 img {
	left: min(0.417vw, 8px);
	width: clamp(120px, 8.646vw, 166px);
}

.ob-featuresList_item .image-04 img {
	width: clamp(120px, 9.844vw, 189px);
}

.ob-featuresList_item .image-05 img {
	width: clamp(120px, 9.271vw, 178px);
}

.ob-featuresList_item .image-06 img {
	top: max(-0.521vw, -10px);
	width: clamp(120px, 8.646vw, 166px);
}

.ob-featuresList_item .image-07 img {
	width: clamp(125px, 10vw, 192px);
}

.ob-featuresList_item .image img {
	position: relative;
	z-index: 1;
}

.ob-featuresList_item .content {
	font-size: clamp(14px, 0.938vw, 18px);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.588;
	margin-top: 10px;
	text-align: center;
}

.ob-featuresList_item .content span {
	font-size: clamp(13px, 0.833vw, 16px);
}

.ob-reassurancesList {
	-moz-column-gap: min(1.042vw, 20px);
	     column-gap: min(1.042vw, 20px);
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: clamp(120px, 8.229vw, 158px) clamp(120px, 8.229vw, 158px);
	margin-top: min(1.875vw, 36px);
	row-gap: min(1.563vw, 30px);
}

.ob-reassurancesList_item {
	align-items: center;
	background: #9088C1;
	border-radius: 10px 10px 0px 10px;
	box-shadow: 0px 0px min(0.521vw, 10px) rgba(0, 0, 0, 0.204);
	color: #fff;
	display: flex;
	justify-content: flex-start;
	padding-left: min(10.156vw, 195px);
	position: relative;
}

.ob-reassurancesList_item::before {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/anshin.svg) no-repeat center center/contain;
	content: "";
	height: min(6.719vw, 129px);
	left: min(1.927vw, 37px);
	pointer-events: none;
	position: absolute;
	top: 15px;
	width: min(5.521vw, 106px);
}

.ob-reassurancesList_item p {
	font-size: clamp(15px, 0.938vw, 18px);
	line-height: 1.611;
}

.ob-reassurancesList_item p em {
	font-size: 1.277em;
	font-weight: 700;
	line-height: 1.2;
}

.ob-reassurancesDesc {
	font-size: clamp(15px, 0.938vw, 18px);
	line-height: 1.8;
	margin-top: min(3.906vw, 75px);
	text-align: center;
}

.ob-voiceIntro {
	font-size: clamp(15px, 0.938vw, 18px);
	line-height: 1.8;
	margin-top: min(1.615vw, 31px);
	text-align: center;
}

.ob-voiceList {
	height: min(60.99vw, 1171px);
	position: relative;
	width: 100%;
}

.ob-voiceList_item {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	font-size: clamp(10px, 0.99vw, 19px);
	line-height: 1.73;
	position: absolute;
}

.ob-voiceList_item::after {
	background: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/fukidashi-arrow.svg) no-repeat top center/contain;
	bottom: max(-1.25vw, -24px);
	content: "";
	height: min(1.25vw, 24px);
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: min(1.458vw, 28px);
}

.ob-voiceList_item-01 {
	height: min(23.385vw, 449px);
	left: 0;
	padding-top: min(6.563vw, 126px);
	top: min(3.958vw, 76px);
	width: min(23.385vw, 449px);
}

.ob-voiceList_item-02 {
	height: min(18.594vw, 357px);
	left: min(43.854vw, 842px);
	padding-top: min(5.417vw, 104px);
	top: min(1.042vw, 20px);
	width: min(18.594vw, 357px);
}

.ob-voiceList_item-03 {
	height: min(23.438vw, 450px);
	left: min(25.208vw, 484px);
	padding-top: min(6.25vw, 120px);
	top: min(15.625vw, 300px);
	width: min(23.438vw, 450px);
}

.ob-voiceList_item-04 {
	height: clamp(125px, 14.01vw, 269px);
	left: min(23.958vw, 460px);
	padding-top: min(4.792vw, 92px);
	top: 0;
	width: clamp(125px, 14.01vw, 269px);
}

.ob-voiceList_item-05 {
	height: clamp(135px, 14.792vw, 284px);
	left: min(27.187vw, 522px);
	padding-top: min(4.896vw, 94px);
	top: min(44.844vw, 861px);
	width: clamp(135px, 14.792vw, 284px);
}

.ob-voiceList_item-06 {
	height: min(18.594vw, 357px);
	left: min(58.125vw, 1116px);
	padding-top: min(5vw, 96px);
	top: min(16.615vw, 319px);
	width: min(18.594vw, 357px);
}

.ob-voiceList_item-07 {
	height: min(23.229vw, 446px);
	left: min(2.604vw, 50px);
	padding-top: min(6.198vw, 119px);
	top: min(31.042vw, 596px);
	width: min(23.229vw, 446px);
}

.ob-voiceList_item-08 {
	height: min(22.135vw, 425px);
	left: min(43.385vw, 833px);
	padding-top: min(5.938vw, 114px);
	top: min(33.802vw, 649px);
	width: min(22.135vw, 425px);
}

.ob-voiceList_item p {
	color: #221A5A;
	margin: 0 auto 0;
	position: relative;
	width: 85%;
}

.ob-voiceList_item p em {
	font-weight: 700;
}

.ob-voiceList_item p.user {
	color: #9088C1;
	font-size: clamp(10px, 0.729vw, 14px);
	line-height: 1.2;
	text-align: right;
}

.ob-contactForm {
	margin-top: 34px;
	width: 100%;
}

.ob-contactForm_block {
	align-items: center;
	display: grid;
	grid-template-columns: 284px 1fr;
	margin-bottom: 20px;
}

.ob-contactForm_block.required .heading {
	align-items: center;
	display: flex;
}

.ob-contactForm_block.required .heading::after {
	background: #E21313;
	border-radius: 3px;
	color: #fff;
	content: "必須";
	display: block;
	font-size: 13px;
	line-height: 1;
	margin-left: 10px;
	padding: 3px 8px 4px;
	position: relative;
	top: 3px;
}

.ob-contactForm_block.required .item .form-text {
	background: #EDF8F7;
}

.ob-contactForm_block .heading {
	font-size: 16px;
	line-height: 1.4375;
	position: relative;
}

.ob-contactForm_block .heading-overview {
	align-self: flex-start;
	padding-top: 22px;
}

.ob-contactForm_block .item {
	font-size: 16px;
	line-height: 1.4375;
}

.ob-contactForm_block .item-nameBlock {
	-moz-column-gap: 24px;
	     column-gap: 24px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.ob-contactForm_block .item-overview .placeholder {
	color: rgba(0, 0, 0, 0.32);
	left: 25px;
	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: 12px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	width: 125px;
}

.ob-contactForm_block .item-file .filename {
	margin-left: 15px;
}

.ob-contactForm_block .item .form-text {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #D8D6D6;
	border-radius: 8px;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.161);
	color: inherit;
	font-family: inherit;
	height: 60px;
	padding: 10px 22px;
	width: 100%;
}

.ob-contactForm_block .item .form-text:focus {
	box-shadow: none;
	outline: none;
}

.ob-contactForm_block .item .form-text::-webkit-input-placeholder {
	color: #BABABA;
	font-size: 16px;
}

.ob-contactForm_block .item .form-text::-moz-placeholder {
	color: #BABABA;
	font-size: 16px;
}

.ob-contactForm_block .item .form-text:-ms-input-placeholder {
	color: #BABABA;
	font-size: 16px;
}

.ob-contactForm_block .item .form-text::-ms-input-placeholder {
	color: #BABABA;
	font-size: 16px;
}

.ob-contactForm_block .item .form-text::placeholder {
	color: #BABABA;
	font-size: 16px;
}

.ob-contactForm_block .item .form-textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #D8D6D6;
	border-radius: 8px;
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.161);
	color: inherit;
	font-family: inherit;
	font-size: 16px;
	height: 332px;
	line-height: 1.2;
	padding: 23px 25px;
	width: 100%;
}

.ob-contactForm_block .item .form-textarea:focus {
	box-shadow: none;
	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 {
	font-size: 16px;
	line-height: 1.4375;
	margin-top: 61px;
	text-align: center;
}

.ob-contactForm_agree a {
	color: #5D4DBF;
	transition: opacity 0.4s;
}

.ob-contactForm_agree a:hover {
	opacity: 0.6;
	transition: opacity 0.4s;
}

.ob-contactForm_submit {
	margin: 40px auto 0;
}

.ob-contactAccordion {
	pointer-events: none;
}

.ob-contactAccordion.is-folding {
	border: 1px solid #C7C6C6;
	border-radius: 8px;
	cursor: pointer;
	padding: 40px 30px;
	pointer-events: auto;
}

.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/hp3/assets/images/common/cross.svg) no-repeat center center/contain;
	content: "";
	height: 33px;
	opacity: 0;
	position: absolute;
	right: 34px;
	top: 50%;
	transform: translateY(-50%);
	width: 33px;
}

.ob-contactAccordion_label {
	font-size: 16px;
	height: 0;
	line-height: 1.3;
	opacity: 0;
	pointer-events: none;
}

.ob-contactAccordion_label span {
	font-size: 12px;
	line-height: 1;
}

.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(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/form-close.svg) no-repeat center center/contain;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.ob-qaItem {
	margin-bottom: 4px;
	width: 100%;
}

.ob-qaItem_q {
	background: #81B9AC;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	font-size: clamp(15px, 1.042vw, 20px);
	font-weight: 700;
	line-height: 1.7;
	padding: min(2.448vw, 47px) min(2.083vw, 40px) min(2.24vw, 43px) min(5.469vw, 105px);
	position: relative;
}

.ob-qaItem_q .label {
	display: block;
	font-size: clamp(20px, 2.083vw, 40px);
	font-weight: 700;
	left: min(1.771vw, 34px);
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.ob-qaItem_q.is-open::after {
	transform: translateY(-50%) rotate(0);
	transition: transform 0.5s;
}

.ob-qaItem_q::before {
	background: #fff;
	content: "";
	height: 1px;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(24px, 1.719vw, 33px);
}

.ob-qaItem_q::after {
	background: #fff;
	content: "";
	height: 1px;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%) rotate(-270deg);
	transition: transform 0.5s;
	width: clamp(24px, 1.719vw, 33px);
}

.ob-qaItem_a {
	font-size: clamp(14px, 0.938vw, 18px);
	line-height: 2;
	padding: min(2.5vw, 48px) min(3.073vw, 59px) min(2.604vw, 50px) min(10.417vw, 200px);
	position: relative;
}

.ob-qaItem_a .label {
	align-items: center;
	background: #92BAB1;
	border-radius: clamp(2px, 0.417vw, 8px);
	display: flex;
	font-size: clamp(20px, 2.083vw, 40px);
	font-weight: 700;
	height: min(4.479vw, 86px);
	justify-content: center;
	left: min(3.438vw, 66px);
	line-height: 1;
	position: absolute;
	top: min(1.719vw, 33px);
	width: min(4.479vw, 86px);
}

@media screen and (min-width: 1920px) and (max-height: 1020px) {

.l-mainvisual_top_background img {
	position: relative;
	top: 100px;
}

}

@media screen and (max-width: 1440px) {

.l-solve {
	padding-left: 140px;
	padding-right: 140px;
}

}

@media screen and (max-width: 1080px) {

.l-solve {
	padding-left: 100px;
	padding-right: 100px;
}

.ob-voiceList_item {
	line-height: 1.45;
}

}

@media screen and (max-width: 835px) {

.is-pc {
	display: none;
}

.is-tb {
	display: block;
}

.c-button-big {
	height: 48px;
	max-width: 279px;
	width: 100%;
}

.c-button-big .c-button_anchor {
	font-size: 16px;
	padding: 15px 20px 13px;
}

.c-button-big .c-button_anchor::after {
	display: none;
}

.c-button_anchor .innerHeaderBtn {
	top: auto;
}

.c-button-find .c-button_anchor .innerHeaderBtn {
	top: auto;
}

.c-button-find-big {
	height: 48px;
	max-width: 279px;
	width: 100%;
}

.c-button-find-big .c-button_anchor {
	font-size: 14px;
	padding: 13px 20px 13px;
}

.c-button-find-big .c-button_anchor::before {
	background-size: 93px 93px;
	font-size: 16px;
	height: 93px;
	left: -49px;
	line-height: 80px;
	top: -56px;
	width: 93px;
}

.c-button-find-big .c-button_anchor::after {
	display: none;
}

.c-heading {
	font-size: 18px;
	line-height: 1.3;
}

.c-headingSub {
	font-size: 10px;
	margin-top: 7px;
}

.c-headingLine {
	padding-bottom: 44px;
}

.c-headingLine::after {
	left: calc(50% + 3px);
	width: 28px;
}

.c-contentWhiteBox {
	width: 100%;
}

.l-header {
	height: 58px;
	padding-left: 5px;
	padding-right: 15px;
}

.l-header_logo {
	top: auto;
	width: 133px;
}

.l-header_nav {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 58px;
	transform: scaleY(0);
	transform-origin: top left;
	transition: transform 0.4s, opacity 0.3s;
	width: 100%;
}

.l-header_nav.is-open {
	opacity: 1;
	transform: scaleY(1);
	transition: transform 0.4s, opacity 0.3s;
}

.l-header_button {
	display: block;
	height: 29px;
	position: relative;
	top: -1px;
	width: 38px;
}

.l-header_button_box {
	display: block;
	height: 13px;
	position: relative;
	width: 100%;
}

.l-header_button_box .line {
	background: #fff;
	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: #fff;
	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: #fff;
	border-top: 1px solid #fff;
	flex-direction: column;
	height: auto;
	row-gap: 0;
	top: auto;
	width: 100%;
}

.l-nav_item {
	border-bottom: 1px solid #fff;
	color: #222;
	font-size: 15px;
	height: 50px;
	margin-left: 0;
	text-align: center;
	width: 100%;
}

.l-nav_item a {
	background: #F2F0F0;
	display: block;
	height: 100%;
	line-height: 50px;
	width: 100%;
}

.l-nav_item-regist {
	top: auto;
}

.l-nav_item-regist .c-button_anchor {
	background: #fff;
	border-radius: 0;
	font-size: 15px;
	padding: 0;
}

.l-nav_item-find {
	top: auto;
}

.l-nav_item-find .c-button_anchor {
	border-radius: 0;
	font-size: 15px;
	padding: 0;
}

.l-nav_item-find .c-button_anchor::before {
	font-size: 12px;
	height: 35px;
	left: calc(50% - 110px);
	line-height: 33px;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-20deg);
	width: 35px;
}

.l-mainvisual_top {
	height: 648px;
	min-height: unset;
	padding-top: 58px;
}

.l-mainvisual_top_content {
	padding-top: 40px;
	position: relative;
	top: auto;
	z-index: 2;
}

.l-mainvisual_top_slide {
	bottom: -124px;
}

.l-mainvisual_top_background {
	height: 100%;
	padding-top: 58px;
}

.l-mainvisual_top_background::after {
	background: transparent linear-gradient(180deg, #CAE7E000 0%, #CDEAE3 90%) 0% 0% no-repeat padding-box;
	bottom: 0;
	content: "";
	height: 176px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.l-mainvisual_bottom {
	padding-bottom: 39px;
	padding-top: 137px;
}

.l-mainvisual_bottom_content {
	grid-template-columns: 100%;
	margin-top: 10px;
	width: 90%;
}

.l-mainvisual_bottom_content_image {
	grid-row: 1/2;
	margin-top: 12px;
}

.l-mainvisual_bottom_content_image img {
	margin: 0 auto 0;
	width: 252px;
}

.l-type {
	padding-bottom: 58px;
	padding-top: 46px;
}

.l-type::before {
	height: 100%;
}

.l-genre {
	border-radius: 0;
	padding: 43px 20px 62px;
	width: 100%;
}

.l-genre_inner {
	width: 100%;
}

.l-flow {
	overflow: hidden;
	padding-bottom: 62px;
	padding-top: 42px;
}

.l-flow_inner {
	margin-top: 19px;
	max-width: 425px;
	width: 92%;
}

.l-solve {
	border-radius: 0;
	margin-top: 0;
	padding: 43px 10px 40px;
}

.l-features {
	margin-top: 2px;
	padding: 40px 20px 0;
}

.l-reassurances {
	border-radius: 0;
	padding: 42px 20px 62px;
}

.l-reassurances_button {
	margin-top: 42px;
}

.l-voice {
	padding-bottom: 54px;
	padding-top: 42px;
}

.l-voice::before {
	background-size: cover;
	height: 100%;
	top: 0;
}

.l-voice_listContainer {
	margin-top: 25px;
	width: 89.333%;
}

.l-contact {
	padding-top: 0px;
}

.l-contact::before {
	height: 100%;
	top: auto;
}

.l-contact_inner {
	border-radius: 0;
	padding: 43px 0 0;
}

.l-qa {
	padding-bottom: 143px;
	padding-top: 43px;
}

.l-qa_content {
	margin: 20px auto 0;
	max-width: 480px;
	width: 94.666%;
}

.ob-mvCatch {
	font-size: 24px;
	margin: 0 auto 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.ob-mvCatch-sm {
	font-size: clamp(16px, 2.214vw, 17px);
}

.ob-mvCatch .num {
	font-size: 28px;
}

.ob-mvButton {
	left: 50%;
	margin: 0;
	position: absolute;
	top: 495px;
	transform: translateX(-50%);
}

.ob-mvLoopslider_item {
	height: 81px;
	margin-right: 32px;
	width: 144px;
}

.ob-mvBottomContent {
	display: flex;
	flex-direction: column-reverse;
	font-size: 14px;
	grid-row: 2/3;
	margin: 0 auto 0;
	max-width: 375px;
	padding-top: 0;
}

.ob-mvBottomContent_results {
	justify-content: space-between;
	margin-bottom: 22px;
	margin-top: 11px;
	max-width: 355px;
}

.ob-mvBottomContent_results .results_item {
	font-size: 10px;
	height: 75px;
	margin: 0;
	padding-top: 0;
	width: 100px;
}

.ob-mvBottomContent_results .results_item::after {
	background-image: url(https://hnavi.cf2.fastest.jp/hnavi/lp/hp3/assets/images/common/laurel_sp.png);
	height: 100%;
	left: -5px;
	width: calc(100% + 12px);
}

.ob-mvBottomContent_results .results_item em {
	font-size: 17px;
	letter-spacing: -0.03em;
}

.ob-mvBottomContent_results .results_item .unit {
	font-size: 10px;
}

.ob-mvBottomContent_results .results_item .ijyou {
	font-size: 10px;
	top: auto;
}

.ob-typeHeading {
	padding-bottom: 22px;
	padding-top: 13px;
}

.ob-typeHeading::before {
	max-width: 355px;
	width: 89%;
}

.ob-typeContent {
	margin-top: 25px;
	max-width: 375px;
}

.ob-typeContent_etc {
	font-size: 11px;
	right: 2px;
	top: -18px;
}

.ob-typeContent_desc {
	font-size: 14px;
	margin: 20px auto 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.ob-typeList {
	-moz-column-gap: 15px;
	     column-gap: 15px;
	display: flex;
	flex-wrap: wrap;
	grid-template-columns: unset;
	justify-content: center;
	row-gap: 20px;
}

.ob-typeList_item {
	width: 102px;
}

.ob-typeList_item_image .icon-01 {
	width: 40px;
}

.ob-typeList_item_image .icon-02 {
	width: 41px;
}

.ob-typeList_item_image .icon-03 {
	width: 41px;
}

.ob-typeList_item_image .icon-04 {
	width: 49px;
}

.ob-typeList_item_image .icon-05 {
	width: 42px;
}

.ob-typeList_item_image .icon-06 {
	width: 50px;
}

.ob-typeList_item_image .icon-07 {
	width: 45px;
}

.ob-typeList_item_image .icon-08 {
	width: 38px;
}

.ob-typeList_item_name {
	font-size: 11px;
	line-height: 1.232;
	margin-top: 10px;
}

.ob-genreIntro {
	font-size: 14px;
	margin: 17px auto 0;
	max-width: 375px;
}

.ob-genreList {
	-moz-column-gap: 11px;
	     column-gap: 11px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 auto 0;
	margin-top: 57px;
	max-width: 480px;
	row-gap: 45px;
}

.ob-genreList_item {
	row-gap: 15px;
}

.ob-genreList_item_detail .genre {
	font-size: 16px;
	padding-left: 0;
}

.ob-genreList_item_detail .tags {
	margin-top: 16px;
}

.ob-genreList_item_detail .tags_item {
	border-radius: 8px;
	font-size: 10px;
	line-height: 1.45;
	margin-bottom: 4px;
	margin-right: 4px;
	padding: 3px 13px 4px;
}

.ob-genreList_item_detail .produced {
	font-size: 10px;
}

.fancybox-close-small {
	right: 0;
}

.ob-genreDesc {
	font-size: 14px;
	margin: 56px auto 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.ob-genreButton {
	margin-top: 42px;
}

.ob-flowIntro {
	font-size: 14px;
	line-height: 1.8;
}

.ob-flowIntro em {
	font-size: 26px;
	line-height: 1;
}

.ob-flowList {
	-moz-column-gap: 11px;
	     column-gap: 11px;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(4, auto);
	margin: 36px auto 0;
	padding-bottom: 0;
	row-gap: 44px;
	width: 97%;
}

.ob-flowList_item {
	border-radius: 10px;
	border-width: 1px;
	padding: 20px 10px 18px;
}

.ob-flowList_item::after {
	bottom: -34px;
	height: 18px;
	left: 50%;
	right: auto;
	top: auto;
	transform: translateX(-50%) rotate(90deg);
	width: 20px;
}

.ob-flowList_item-01 {
	position: relative;
	top: max(-4.219vw, -81px);
}

.ob-flowList_item-02 {
	top: auto;
}

.ob-flowList_item-03 {
	top: auto;
}

.ob-flowList_item-04 {
	top: auto;
}

.ob-flowList_item .num {
	font-size: 10px;
	height: 66px;
	left: -10px;
	top: -14px;
	width: 66px;
}

.ob-flowList_item .num_step {
	font-size: 80%;
}

.ob-flowList_item .num_order {
	font-size: 23px;
	position: relative;
	top: -1px;
}

.ob-flowList_item .num_order-04 {
	font-size: 14px;
}

.ob-flowList_item .icon-01 {
	width: 57px;
}

.ob-flowList_item .icon-02 {
	width: 70px;
}

.ob-flowList_item .icon-03 {
	width: 135px;
}

.ob-flowList_item .icon-04 {
	margin-bottom: 34px;
	top: 5px;
	width: 80px;
}

.ob-flowList_item .icon-04 img {
	top: 10px;
}

.ob-flowList_item .title {
	font-size: 14px;
	margin-top: 21px;
}

.ob-flowList_item .desc {
	font-size: 12px;
	margin-top: 13px;
}

.ob-flowList_item .kokomade {
	font-size: 10px;
	line-height: 1.3;
	padding: 10px 5px 10px 10px;
	right: -14px;
	text-align: left;
	top: -31px;
	width: 168px;
}

.ob-flowList_item .kokomade::before {
	bottom: -7px;
	height: 12px;
	left: 23px;
	width: 12px;
	z-index: 0;
}

.ob-flowEnd {
	font-size: 14px;
	margin: 38px auto 0;
	width: calc(100% - 10px);
}

.ob-solveList {
	-moz-column-gap: 5px;
	     column-gap: 5px;
	margin: 26px auto 0;
	max-width: 375px;
	row-gap: 20px;
}

.ob-solveList_item {
	border-radius: 0 30px;
	font-size: 13px;
	height: 68px;
	line-height: 1.23;
	width: 174px;
}

.ob-solveList_item::before {
	height: 21px;
	right: 3px;
	top: -5px;
	width: 21px;
}

.ob-solveList_item::after {
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-right-width: 4px;
	border-top-width: 4px;
	bottom: -8px;
	height: 8px;
	width: 8px;
}

.ob-featuresList {
	-moz-column-gap: 15px;
	     column-gap: 15px;
	margin: 21px auto 0;
	row-gap: 0;
}

.ob-featuresList_item {
	margin-bottom: 22px;
	width: 160px;
}

.ob-featuresList_item .image {
	height: 147px;
}

.ob-featuresList_item .image::before {
	background-size: contain;
	border-radius: 5px;
}

.ob-featuresList_item .image-01 img {
	width: 118px;
}

.ob-featuresList_item .image-02 img {
	width: 99px;
}

.ob-featuresList_item .image-03 img {
	left: 7px;
	top: 3px;
	width: 118px;
}

.ob-featuresList_item .image-04 img {
	top: 3px;
	width: 134px;
}

.ob-featuresList_item .image-05 img {
	width: 128px;
}

.ob-featuresList_item .image-06 img {
	top: -6px;
	width: 120px;
}

.ob-featuresList_item .image-07 img {
	top: -3px;
	width: 137px;
}

.ob-featuresList_item .content {
	font-size: 12px;
	line-height: 1.2;
	margin-top: 14px;
	word-break: keep-all;
}

.ob-reassurancesList {
	grid-template-columns: 100%;
	grid-template-rows: repeat(4, 88px);
	margin: 19px auto 0;
	max-width: 375px;
	row-gap: 10px;
	width: 100%;
}

.ob-reassurancesList_item {
	padding-left: 113px;
}

.ob-reassurancesList_item::before {
	height: 75px;
	left: 23px;
	top: 7px;
	width: 58px;
}

.ob-reassurancesList_item p {
	font-size: 13px;
	line-height: 1.384;
}

.ob-reassurancesList_item p em {
	font-size: 15px;
	line-height: 1;
}

.ob-reassurancesDesc {
	font-size: 14px;
	margin: 38px auto 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.ob-voiceIntro {
	font-size: 14px;
	margin-top: 18px;
}

.ob-voiceList {
	height: auto;
	margin: 0 auto 0;
	max-width: 425px;
}

.ob-voiceList_item {
	border-radius: 10px;
	display: block;
	font-size: 12px;
	line-height: 1.525;
	margin-bottom: 17px;
	padding: 20px;
	position: relative;
}

.ob-voiceList_item::after {
	bottom: -11px;
	height: 11px;
	left: 15px;
	transform: none;
	width: 13px;
}

.ob-voiceList_item-01 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item-02 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item-03 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item-04 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item-05 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item-06 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item-07 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item-08 {
	height: auto;
	left: auto;
	top: auto;
	width: auto;
}

.ob-voiceList_item p {
	width: 100%;
}

.ob-voiceList_item p.user {
	font-size: 10px;
	margin-top: 5px;
}

.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.required .heading::after {
	font-size: 10px;
	margin-left: 5px;
}

.ob-contactForm_block .heading {
	font-size: 14px;
	margin-bottom: 6px;
}

.ob-contactForm_block .heading-overview {
	margin-bottom: 6px;
	padding-top: 0;
}

.ob-contactForm_block .item {
	font-size: 14px;
	width: 100%;
}

.ob-contactForm_block .item-nameBlock {
	-moz-column-gap: 15px;
	     column-gap: 15px;
}

.ob-contactForm_block .item-overview .placeholder {
	left: 9px;
	top: 15px;
}

.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::-webkit-input-placeholder {
	font-size: 14px;
}

.ob-contactForm_block .item .form-text::-moz-placeholder {
	font-size: 14px;
}

.ob-contactForm_block .item .form-text:-ms-input-placeholder {
	font-size: 14px;
}

.ob-contactForm_block .item .form-text::-ms-input-placeholder {
	font-size: 14px;
}

.ob-contactForm_block .item .form-text::placeholder {
	font-size: 14px;
}

.ob-contactForm_block .item .form-textarea {
	border-radius: 5px;
	height: 250px;
	padding: 15px 9px;
}

.ob-contactForm_agree {
	font-size: 14px;
	line-height: 1.8;
	margin-top: 39px;
}

.ob-contactForm_submit {
	margin-top: 31px;
}

.ob-contactAccordion {
	margin-top: 30px;
}

.ob-contactAccordion.is-folding {
	border-radius: 5px;
	padding: 28px 9px;
}

.ob-contactAccordion::before {
	right: 11px;
	transform: translateY(-50%) scale(0.6);
}

.ob-contactAccordion_label {
	font-size: 14px;
	line-height: 1.25;
}

.ob-contactAccordion_label span {
	font-size: 10px;
}

.ob-qaItem {
	margin-bottom: 3px;
}

.ob-qaItem_q {
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.285;
	padding: 14px 25px 14px 55px;
}

.ob-qaItem_q .label {
	font-size: 21px;
	left: 18px;
	top: 11px;
	transform: none;
}

.ob-qaItem_q.is-open::after {
	transform: translateY(-50%) rotate(0) scale(0.7);
}

.ob-qaItem_q::before {
	right: 8px;
	transform: translateY(-50%) scale(0.7);
	width: 14px;
}

.ob-qaItem_q::after {
	right: 8px;
	transform: translateY(-50%) rotate(-270deg) scale(0.7);
	width: 14px;
}

.ob-qaItem_a {
	font-size: 14px;
	line-height: 1.724;
	padding: 26px 22px 28px 72px;
}

.ob-qaItem_a .label {
	font-size: 21px;
	height: 46px;
	left: 10px;
	top: 17px;
	width: 46px;
}

}

@media screen and (max-width: 835px) and (max-width: 835px) {

.ob-flowList_item-01 {
	top: auto;
}

}

@media screen and (max-width: 480px) {

.is-sp {
	display: block;
}

}

@media screen and (max-width: 374px) {

.c-button-find-big .c-button_anchor::before {
	left: -29px;
}

.ob-mvCatch {
	font-size: 23px;
}

.ob-mvCatch-sm {
	font-size: 13px;
	padding: 0;
}

.ob-mvBottomContent_results .results_item {
	width: 87px;
}

.ob-flowList_item .num {
	transform: scale(0.83);
	transform-origin: left top;
}

.ob-flowList_item .kokomade {
	transform: scale(0.83);
	transform-origin: left bottom;
}

.ob-contactAccordion::before {
	bottom: 3px;
	right: 3px;
	top: auto;
	transform: scale(0.6);
}

}

@-webkit-keyframes coverOut {

0% {
	transform: scaleX(1);
	transform-origin: right;
}

100% {
	transform: scaleX(0);
	transform-origin: right;
}

}

@keyframes coverOut {

0% {
	transform: scaleX(1);
	transform-origin: right;
}

100% {
	transform: scaleX(0);
	transform-origin: right;
}

}

@-webkit-keyframes catchShow {

0% {
	transform: scaleX(0);
	transform-origin: left;
}

100% {
	transform: scaleX(1);
	transform-origin: left;
}

}

@keyframes catchShow {

0% {
	transform: scaleX(0);
	transform-origin: left;
}

100% {
	transform: scaleX(1);
	transform-origin: left;
}

}





/*case*/



.case {
	margin: 100px 0;
	background: #fff;
	padding-bottom: clamp(45px, 4.74vw, 91px);
	padding-top: clamp(59px, 6.146vw, 118px);
	position: relative;
}

.l-case_inner{
	margin: min(1.875vw, 36px) auto 0;
  position: relative;
}

.ob-caseIntro {
  font-size: clamp(15px, 0.938vw, 18px);
  line-height: 1.8;
  margin-top: min(1.354vw, 26px);
  text-align: center;
}

.case__copy {
	margin-top: clamp(17px, 1.771vw, 34px);
}

.case__slide {
	margin: clamp(36px, 3.802vw, 73px) auto 0;
	padding-left: clamp(228px, 23.802vw, 457px);
	position: relative;
	width: 100%;
}

.case__slide__list {
	margin: 0 auto 0;
	position: relative;
	transition-timing-function: ease;
}

.case__slide__item {
	margin-right: clamp(35px, 3.646vw, 70px);
	opacity: 0.5;
	position: relative;
	transition: opacity 0.3s;
	width: clamp(240px, 25vw, 480px);
}

.case__slide__item a {
	display: flex;
	flex-direction: column-reverse;
	pointer-events: none;
	row-gap: clamp(5px, 0.573vw, 11px);
	transition: opacity 0.4s;
}

.case__slide__item.swiper-slide-active {
	opacity: 1;
	transition: opacity 0.3s;
}

.case__slide__item.swiper-slide-active a {
	pointer-events: auto;
}

.case__slide__item.swiper-slide-next {
	opacity: 1;
	transition: opacity 0.3s;
}

.case__slide__item.swiper-slide-next a {
	pointer-events: auto;
}

.case__slide__item .title {
	border-bottom: 1px solid #282828;
	font-size: clamp(15px, 1.146vw, 22px);
	letter-spacing: 0.05em;
	line-height: 1.5;
	padding-bottom: clamp(9px, 0.938vw, 18px);
	text-align: center;
}

.case__slide__item .detail {
	font-size: clamp(12px, 0.938vw, 18px);
	letter-spacing: 0.04em;
	line-height: 1.666;
	margin-top: clamp(5px, 0.365vw, 7px);
}

.case__slide__item .detail .name {
	font-weight: 700;
	margin-bottom: clamp(3px, 0.26vw, 5px);
}

.case__slide__item .thumbnail {
	display: block;
	overflow: hidden;
	padding-top: 64.791%;
	position: relative;
	width: 100%;
}

.case__slide__item .thumbnail img {
	display: block;
	height: 100%;
	left: 50%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.4s;
}

.case__slide__item .thumbnail.voice06 img {
	transform: translate(-50%, -50%) scale(1, 1.1);
}



@media screen and (min-width: 836px) {

.case__slide__item a:hover .thumbnail img {
	transform: translate(-50%, -50%) scale(1.1);
	transition: transform 0.4s;
}

.case__slide__item a:hover .thumbnail.voice06 img {
	transform: translate(-50%, -50%) scale(1.1, 1.2);
}

}

@media screen and (max-width: 835px) {



.case {
	overflow: clip;
}

.case__copy {
	font-size: 24px;
}

.case__slide {
	overflow: visible;
	padding-left: 0;
	width: 240px;
}

.case__slide__item {
	margin-right: 20px;
}

.case__slide__item.swiper-slide-next {
	opacity: 0.5;
}

.case__slide__item .title {
	font-size: 14px;
}

.case__slide__item .detail {
	font-size: 12px;
}

}