@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

body {
	line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

ins {
	color: #000;
	text-decoration: none
}

mark {
	color: #000;
	/* font-style: italic; */
	font-weight: 700;
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid rgba(51, 51, 51, 0.16);
	margin: 1em 0;
	padding: 0
}

input,
select {
	vertical-align: middle
}

* {
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none
}

html {
	font-size: 62.5%;
	height: 100%;
	word-break: break-word;
	overflow-wrap: break-word;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-break: normal;
	-webkit-font-kerning: none;
	font-kerning: none;
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right)
}

body {
	/*min-width: 1310px;*/
	min-width: 1260px;
	position: relative;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 150%;
	font-family: "Noto Sans JP", sans-serif;
	color: #0a2054;
	background-color: #f4f7fc
}

body.is-fixed {
	overflow: hidden;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: initial
}

img {
	max-width: 100%;
	height: auto;
	line-height: 1
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #0a2054;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in
}

button,
input,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: inherit;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	border: none;
	margin: 0
}

button::-webkit-calendar-picker-indicator,
input::-webkit-calendar-picker-indicator,
select::-webkit-calendar-picker-indicator,
textarea::-webkit-calendar-picker-indicator {
	display: none
}

button {
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer
}

hr {
	margin: 4px 0
}

ol,
ul {
	list-style-type: none
}

#container {
	padding-top: 70px;
}

.container {
	min-width: 1200px;
	padding-top: 70px;
	margin: 0 auto;
	/*not use for sidebar sticky*/
	/*overflow: hidden;*/
	position: relative;
}

@media (max-width:896px) {
	body {
		min-width: 320px;
	}

	#container {
		padding-top: 0;
	}

	.container {
		padding-top: 70px;
		min-width: 100%;
		width: 100%;
	}
}

.container--medium {
	max-width: 1200px;
	margin: 0 auto
}

@media (max-width:896px) {
	.container--medium {
		padding-left: 18px;
		padding-right: 18px
	}
}

.header {
	width: 100%;
	background-color: #f8f8f8;
	padding: 0 40px;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999
}

@media (max-width:896px) {
	.header {
		padding: 0 16px;
		position: fixed
	}
}

.header__logo {
	width: 147px
}

.header__nav_trigger {
	position: relative;
	width: 36px;
	height: 22px;
	cursor: pointer;
	z-index: 101
}

.header__nav_trigger span {
	display: inline-block;
	width: 36px;
	height: 2px;
	background-color: #212121;
	position: absolute;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in
}

.header__nav_trigger span:first-of-type {
	top: 0;
	right: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: top 0.3s ease-in, -webkit-transform 0.1s ease-in;
	transition: top 0.3s ease-in, -webkit-transform 0.1s ease-in;
	transition: top 0.3s ease-in, transform 0.1s ease-in;
	transition: top 0.3s ease-in, transform 0.1s ease-in, -webkit-transform 0.1s ease-in
}

.header__nav_trigger span:nth-of-type(2) {
	top: 10px
}

.header__nav_trigger span:last-of-type {
	bottom: 0;
	top: initial;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: bottom 0.3s ease-in, -webkit-transform 0.1s ease-in;
	transition: bottom 0.3s ease-in, -webkit-transform 0.1s ease-in;
	transition: bottom 0.3s ease-in, transform 0.1s ease-in;
	transition: bottom 0.3s ease-in, transform 0.1s ease-in, -webkit-transform 0.1s ease-in
}

.header__nav_trigger.is-open span:first-of-type {
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: top 0.1s ease-in, -webkit-transform 0.3s ease-in;
	transition: top 0.1s ease-in, -webkit-transform 0.3s ease-in;
	transition: top 0.1s ease-in, transform 0.3s ease-in;
	transition: top 0.1s ease-in, transform 0.3s ease-in, -webkit-transform 0.3s ease-in
}

.header__nav_trigger.is-open span:nth-of-type(2) {
	opacity: 0
}

.header__nav_trigger.is-open span:last-of-type {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 10px;
	-webkit-transition: bottom 0.1s ease-in, -webkit-transform 0.3s ease-in;
	transition: bottom 0.1s ease-in, -webkit-transform 0.3s ease-in;
	transition: bottom 0.1s ease-in, transform 0.3s ease-in;
	transition: bottom 0.1s ease-in, transform 0.3s ease-in, -webkit-transform 0.3s ease-in
}

@media (max-width:896px) {
	.header_nav_block {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 308px;
		-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
		background-color: #f8f8f8;
		height: 100vh;
		z-index: 100;
		-webkit-transform: translateX(308px);
		transform: translateX(308px);
		-webkit-transition: 0.2s ease-in;
		transition: 0.2s ease-in
	}

	.header_nav_block.is-open {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.header__nav_trigger.is-open::before {
		position: fixed;
		right: 0;
		top: 0;
		height: 62px;
		content: '';
		width: 308px;
		background-color: #F8F8F8;
	}
}

.header_nav_block .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:896px) {
	.header_nav_block .inner {
		display: block;
		position: relative;
		height: 100%;
		overflow-y: scroll
	}
}

.globalNav__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.4rem;
}

@media (max-width:896px) {
	.globalNav__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		padding-top: 87px;
		padding-left: 23px;
		padding-right: 23px
	}
}

.globalNav__item {
	/* padding: 17px 0; */
	/* margin-right: 22px; */
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.globalNav__item .subNavi {
	display: none;
	margin-left: 8px;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 212px;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.globalNav__item .subNavi li {
	border-bottom: 1px solid rgba(112, 112, 112, 0.8);
}

.globalNav__item .subNavi a {
	padding: 22px 22px;
	position: relative;
	display: block;
	color: #FFF;
	font-size: 1.4rem;
	letter-spacing: 0;
}

.globalNav__item .subNavi a:after {
	display: none;
}

.globalNav__item .subNavi .btn_icon {
	position: absolute;
	right: 25px;
	top: 50%;
	fill: #FFF;
}

.globalNav__item .subNavi a::before {
	height: calc(100% - 2px);
	position: absolute;
	top: 1px;
	left: 1px;
	width: 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#008edc), to(#005bab));
	background: linear-gradient(#008edc 0%, #005bab 100%);
	content: '';
	opacity: 0;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

@media (min-width:897px) {

	.globalNav__item .subNavi a.on,
	.globalNav__item .subNavi a:hover {
		background-color: #000;
	}

	.globalNav__item .subNavi a.on::before,
	.globalNav__item .subNavi a:hover::before {
		opacity: 1;
	}
}

@media (max-width:896px) {
	.globalNav__item {
		margin-right: 0;
		/* margin-top: 4px; */
		width: 100%;
	}

	.globalNav__item a {
		display: inline-block;
	}
}


@media (max-width:896px) {
	.globalNav__item:first-of-type {
		margin-right: 0;
		margin-top: 0
	}
}

.globalNav__item a {
	line-height: 1.5;
	letter-spacing: 1.6px;
	font-weight: 700;
	position: relative;
	-webkit-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
	color: #363636;
	min-height: 45px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.globalNav__item a:after {
	content: "";
	width: 31px;
	height: 2px;
	margin: 1px auto 0;
	background-color: #008edc;
	display: block;
	opacity: 0;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
}

.globalNav__item a:hover:after {
	opacity: 1
}

.globalNav__item a.is-active:after {
	opacity: 1
}

.globalNav__btn {
	margin-left: 10px;
	margin-right: 8px;
	letter-spacing: 0.1em;
}

@media (max-width:896px) {
	.globalNav__btn {
		margin-top: 24px;
		width: 100%;
		display: none;
	}

	.globalNav__btn {
		width: 100%
	}

	.globalNav__item {
		padding: 0;
		display: block;
	}

	.globalNav__item .subNavi {
		position: static;
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		width: 100%;
		margin: 0;
		background-color: transparent;
	}

	.globalNav__item .subNavi li {
		border: none;
	}

	.globalNav__item .subNavi a {
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		color: #363636;
		padding: 11px 32px;
	}

	.globalNav__item .spBtn {
		position: absolute;
		width: 32px;
		height: 32px;
		right: 10px;
		top: 5px;
		z-index: 10;
	}

	.globalNav__item .spBtn:before,
	.globalNav__item .spBtn:after {
		content: "";
		width: 16px;
		height: 2px;
		border-radius: 3px;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #008edc), color-stop(0%, #005bab));
		background-image: linear-gradient(to top, #008edc 100%, #005bab 0%);
		position: absolute;
		top: 15px;
		right: 8px;
		z-index: 2;
		-webkit-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
	}

	.globalNav__item .spBtn::after {
		-webkit-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

	.globalNav__item .spBtn.on:after {
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
		opacity: 0;
	}

	.globalNav__item .subNavi .btn_icon {
		right: 10px;
		display: none;
	}

	.globalNav__item a::after {
		display: none;
	}

	.globalNav__item a {
		display: block;
		padding: 10px 15px;
		border-bottom: 2px solid #E2E6ED;
	}

	.globalNav__item .is-active {
		background-color: #E5F2FF;
		border-bottom: 2px solid #008EDC;
	}

	.globalNav__item--drop.open .subNavi {
		display: block;
	}

	.globalNav__item .subNavi a.on {
		background-color: #E5F2FF;
		border-bottom: 2px solid #008EDC;
	}
}

.globalNav__btn:last-of-type {
	margin-right: 0
}

.header_sighnin {
	margin-top: 2px;
	margin-left: 16px;
	display: block;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	color: #363636;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in
}

@media (max-width:896px) {
	.header_sighnin {
		display: none
	}
}

.header_sighnin span {
	display: block
}

.header_sighnin:hover {
	color: #008edc
}

/* 2024.10.18 edit
@media (min-width:897px) and (max-width:1320px) {*/
@media (min-width:897px) and (max-width:1472px) {
	.header {
		padding: 0 1.5vw;
	}

	.header__logo {
		width: 11.13vw;
	}

	.globalNav__item,
	.globalNav__item:first-of-type {
		/* margin-right: 1vw; */
	}

	.globalNav__item:first-of-type {
		/* margin-left: 1vw; */
	}

	.globalNav__item {
		padding: 0 1vw;
	}

	.globalNav__item a {
		white-space: nowrap;
	}

	.header_sighnin {
		margin-left: 1.4vw;
	}

	.globalNav__btn {
		width: 15.15vw;
		font-size: 1.1vw;
	}

	.header_sighnin span {
		white-space: nowrap;
	}
}

/* グロナビ改修 2023/11/29 */

@media (min-width: 897px) {
	.header_nav_block {
		height: 100%;
	}

	.header_nav_block>.inner {
		height: 100%;
	}

	.globalNav_wrap {
		height: 100%;
	}

	.globalNav {
		height: 100%;
	}

	.globalNav__item {
		padding: 0 15px;
	}

	.globalNav__list {
		height: 100%;
	}

	.useful-info {
		position: static !important;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.useful-list {
		width: 100%;
		position: absolute;
		top: 70px;
		left: 0;
	}

	.useful-list.pc {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.useful-list.pc.visible {
		visibility: visible;
		opacity: 1;
	}

	.useful-info>a {
		height: 45px;
	}

	.useful-info_dropdown-menu {
		width: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		max-width: 1230px;
		background-color: #cfeeff;
		border-right: 1px dotted;
		border-left: 1px dotted;
		border-bottom: 1px dotted;
		/*はじめは非表示*/
		visibility: hidden;
		opacity: 0;
		/*アニメーション設定*/
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.useful-info__item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 2rem 1.85rem;
		margin: 0 12px;
		border-bottom: 0.5px #e2e6ed;
	}

	.useful-info__item>a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		line-height: 1.5;
		font-weight: 700;
		position: relative;
		-webkit-transition: 0.3s ease-in;
		transition: 0.3s ease-in;
		color: #363636;
		min-height: 45px;
	}

	.bi-chevron-right::before {
		display: block;
		/* width: 40px; */
		height: 28px;
		margin-right: 10px;
		content: url('https://service.valtes.co.jp/t-dash/cms/wp-content/themes/t-dash/assets/images/t-dash_logo.png') !important;
	}

	.useful-info.visible {
		background-color: #cfeeff;
	}

	.useful-info_dropdown-menu.visible {
		visibility: visible;
		opacity: 1;
	}
}

.useful-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.useful-info_sp {
	display: none;
}

@media screen and (max-width: 896px) {
	.useful-info {
		display: none;
	}

	.useful-info_sp {
		display: block;
	}

	.toggle {
		display: none;
	}

	.Label {
		padding: 10px 15px;
		font-weight: bold;
		display: block;
		color: #363636;
	}

	.Label::before {
		/*タイトル横の矢印*/
		content: "";
		width: 6px;
		height: 6px;
		border-top: 2px solid #008edc;
		border-right: 2px solid #008edc;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top: calc(50% - 3px);
		right: 20px;
		transform: rotate(45deg);
	}

	.Label,
	.useful-list {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateZ(0);
		        transform: translateZ(0);
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	.useful-list {
		/*本文*/
		height: 0;
		overflow: hidden;
	}

	.toggle:checked+.Label+.useful-list {
		/*開閉時*/
		height: auto;
		padding: 0 10px;
		-webkit-transition: all 3s;
		transition: all 3s;
	}

	.toggle:checked+.Label::before {
		-webkit-transform: rotate(135deg) !important;
		        transform: rotate(135deg) !important;
	}
}

.footer {
	background-color: #fff;
	margin-top: 40px;
	padding-bottom: 24px
}

.footer__logo {
	margin-top: 40px;
	text-align: center
}

@media (max-width:896px) {
	.footer__logo {
		margin-top: 48px
	}

	.footer__logo img {
		width: 221px
	}
}

.footer__nav {
	margin-top: 20px
}

.footer__nav_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

@media (max-width:896px) {
	.footer__nav_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 20px;
	}
}

.footer__nav_item {
	margin: 10px 20px;
	text-align: center;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1.6px;
	color: #212121
}

.footer__nav_item:hover {
	opacity: 0.8
}

.footer__nav_item span {
	display: inline-block;
	padding-right: 22px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: url(../images/icon02.png) no-repeat center right / 15px auto;
}

/* ホールディングスロゴ表示 */
.holdings-logo-area {
	margin-top: 2rem;
	text-align: center;
}

.holdings-logo-area a {
	display: inline-block;
}

.holdings-discription {
	font-size: 12.8px;
	padding-top: 2.25rem;
	margin-bottom: 0.375rem;
}

/* ホールディングスロゴ表示レスポンス */
@media (min-width: 769px) {
	.d-769-none {
		display: none;
	}
}

@media (min-width: 411px) {
	.d-410-none {
		display: none;
	}

	.holdings-discription {
		font-size: 14px;
	}
}

/* JPX/ISTQBロゴ表示 */
.credit-license-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.credit_for_license {
	margin-top: 1rem;
	padding: 10px 0px;
}

@media (max-width: 575px) {
	.credit-license-area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}

.footer__environment {
	margin-top: 24px;
	background: #008edc;
	padding: 30px;
}

.footer__environment__inner {
	background: #FFF;
	padding: 30px;
	border-radius: 4px;
}

.footer__environment__inner__day {
	color: #005BAB;
	padding-bottom: 10px;
	font-size: 1.8rem;
	font-weight: 600;
}

.footer__environment__inner__day_border {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px;
}

.footer__environment__inner__day_border_l {
	display: inline-block;
	border-bottom: 3px solid #005BAB;
	width: 10%;
}

.footer__environment__inner__day_border_r {
	display: inline-block;
	border-bottom: 3px solid #CCC;
	width: 90%
}

.footer__environment__inner__spec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.footer__environment__inner__dl {
	display: block;
	width: 50%;
	margin-top: 5px;
}

.footer__environment__inner__dl dt {
	display: inline-block;
	padding: 5px;
	font-weight: bold;
}

.footer__environment__inner__dl dd {
	display: inline-block;
	padding: 5px;
}

.footer__login {
	margin-top: 24px;
	text-align: center
}

@media (max-width:896px) {
	.footer__login {
		display: none
	}

	.footer__nav_item {
		margin: 0 0 20px;
	}

	.footer__nav_item:last-child {
		margin-bottom: 0;
	}
}

.footer__login_btn {
	border-radius: 100px;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	width: 200px;
	height: 36px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 36px;
	color: #363636
}

.footer__login_btn:hover {
	color: #008EDC
}

.footer__login_btn .img {
	line-height: 1;
	margin-right: 4px
}

.footer__copyright {
	margin-top: 24px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5;
	color: #363636
}

.footer__copy {
	height: 61px;
	background-color: #008edc;
	font-size: 2rem;
	font-weight: 900;
	letter-spacing: 4px;
	text-align: center;
	color: #fff;
	line-height: 61px
}

.footer__tokkyo {
	font-size: 1.5rem;
	margin-top: 24px;
	color: #363636;
	text-align: center;
}

.footer__copyright {
	margin-top: 4px;
}

@media (max-width:896px) {
	.footer__copy {
		font-size: 1.6rem;
		letter-spacing: 3.2px
	}

	.footer__copyright {
		padding-bottom: 50px;
	}
}

@media (max-width: 374px) {
	.footer__copy {
		letter-spacing: 1px
	}
}

.footer__items {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:896px) {
	.footer__items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.footer__item {
	position: relative;
	/* width: calc(100% / 3); */
	background-color: #f4f7fc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	min-height: 176px
}

@media (max-width:896px) {
	.footer__item {
		width: 100%
	}
}

.footer__item:before {
	content: "";
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	background-color: transparent;
	position: absolute;
	left: 5px;
	top: 5px;
	border: 1px solid #ffffff
}

.footer__item--item2 {
	background-color: #ffebd5
}

@media (max-width:896px) {
	.footer__item--item2 .img {
		padding-right: 0
	}
}

.footer__item--item3 {
	background-color: #ffdde3
}

.footer__item--item3 .img {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: relative;
	z-index: 2
}

.footer__item .img {
	width: calc(50% - 256px);
	text-align: center
}

@media (max-width:896px) {
	.footer__item .img {
		width: calc(100% - 202px);
		padding-left: 16px;
		padding-right: 16px
	}
}

.footer__item .detail {
	/* width: 240px; */
	width: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 24px 0;
	height: 100%;
	margin-left: 10px;
}

.footer__item .detail .text {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	color: #0a2054
}

@media (max-width:896px) {
	.footer__item .detail .text {
		font-size: 1.6rem;
		width: 96%;
		/* min-height: 72px; */
	}
}

.footer__item .detail .text span {
	display: block;
}

.footer__item .detail .btn {
	margin: 20px auto;
}

.footer__item .detail .btn .btn_footer-trial {
	font-size: 2rem;
	width: auto;
	padding: 10px 50px;
}

@media (max-width:896px) {
	.footer__item .detail .btn {
		margin-top: 8px;
		padding: 5px;
	}

	.footer__item .detail .btn .btn_footer-trial {
		font-size: 1.4rem;
		padding: 10px 20px;
	}
}

.content+.footer {
	margin-top: 15px;
}

@media (max-width:896px) {
	.content+.footer {
		margin-top: 8px;
	}
}

.page__header {
	width: 100%;
	background-image: url(../../assets/images/top_hero-bg@2x.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 120px 40px 47px;
	margin-top: -70px
}

@media (max-width:896px) {
	.page__header {
		padding: 88px 0 24px;
		margin-top: 0
	}
}

.page__header h1,
.page__header .mv_h1 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 2.4px;
	color: #ffffff;
	text-align: center
}

@media (max-width:896px) {

	.page__header h1,
	.page__header .mv_h1 {
		font-size: 1.8rem;
		line-height: 1.5;
		letter-spacing: 1.8px
	}
}

.page__header--service {
	padding-bottom: 102px
}

@media (max-width:896px) {
	.page__header--service {
		padding-bottom: 80px
	}
}

.page__header:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
	background-image: -webkit-gradient(linear, left top, right top, from(#008edc), to(#005bab));
	background-image: linear-gradient(to right, #008edc 0%, #005bab 100%);
	z-index: 1
}

@media (max-width:896px) {
	.page__header:before {
		height: 100%
	}
}

.page__header_item {
	position: relative;
	z-index: 2
}

.page__content {
	margin-top: 40px;
	position: relative
}

.btn_default {
	width: 480px;
	display: inline-block;
	min-height: 64px;
	padding: 19px 16px;
	border-radius: 100px;
	font-size: 2rem;
	background-color: #0081cf;
	font-weight: 700;
	text-align: center;
	color: #fff;
	position: relative;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in
}

@media (max-width:896px) {
	.btn_default {
		width: 100%;
		min-height: 56px;
		padding: 14px 8px;
		font-size: 1.6rem
	}
}

@media (max-width: 374px) {
	.btn_default {
		font-size: 1.4rem
	}
}

.btn_default:hover {
	background-color: #0a2054;
	color: #ffffff
}

.btn_default--small {
	font-size: 1.6rem;
	width: 260px;
	min-height: 56px;
	padding: 16px 8px
}

@media (max-width:896px) {
	.btn_default--small {
		width: 100%
	}

	.btn_default--small.sp-small {
		width: 260px
	}
}

.btn_default--tiny {
	font-size: 1.4rem;
	width: 200px;
	min-height: 48px;
	padding: 10px 8px;
}

.header .btn_grp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.header .btn_grp .btn_default--tiny {
	font-size: 1.3rem;
	line-height: 2rem;
	width: 140px;
	padding: 5px 8px;
	position: relative;
	display: table;
}

.header .btn_grp .btn_default--tiny span {
	display: table-cell;
	vertical-align: middle;
}

.header .btn_grp .btn_default--tiny:last-child {
	margin-left: 10px;
}

@media (min-width:897px) and (max-width:1320px) {
	.header .btn_grp .btn_default--tiny {
		font-size: 1.3rem;
		width: 130px;
	}
}

.btn_default--pink {
	background-color: #e04b67;
	border: 1px solid #e04b67
}

.btn_default--pink:hover {
	color: #e04b67;
	background-color: #fff
}

.btn_default--skyblue {
	background-color: #5aa6f2;
	border: 1px solid #5aa6f2
}

.btn_default--skyblue:hover {
	color: #5aa6f2;
	background-color: #fff
}

.btn_default--orange {
	background-color: #ea9433;
	border: 1px solid #ea9433
}

.btn_default--orange:hover {
	color: #ea9433;
	background-color: #fff
}

.btn_default .btn_icon_svg {
	fill: #ffffff;
	width: 18px;
	height: 18px
}

.btn_outline {
	border-radius: 32px;
	border: solid 2px #fff;
	background-color: transparent;
	width: 480px;
	display: inline-block;
	min-height: 64px;
	padding: 19px 16px;
	border-radius: 100px;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	position: relative;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in
}

@media (max-width:896px) {
	.btn_outline {
		width: 100%;
		min-height: 56px;
		padding: 14px 8px;
		font-size: 1.6rem
	}
}

.btn_outline .btn_icon_svg {
	fill: #ffffff;
	width: 18px;
	height: 18px
}

.btn_outline:hover {
	background-color: #fff;
	color: #008edc
}

.btn_outline:hover .btn_icon_svg {
	fill: #008edc
}

.btn_icon {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: 24px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
}

@media (max-width:896px) {
	.btn_icon {
		right: 16px
	}
}

.btn_icon--newtab {
	right: 16px
}

.about_btn {
	height: 20px;
}

.floating {
	position: fixed;
	right: 7px;
	bottom: 8px;
	width: 356px;
	z-index: 99
}

@media (max-width:896px) {
	.floating {
		position: relative;
		right: initial;
		left: 0;
		width: auto;
		margin: 45px 25px 0;
		padding-bottom: 100px;
	}
}

.floating__banner {
	position: relative
}

.floating__banner .inner {
	width: 100%;
	height: 145px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	z-index: 2;
	padding-left: 16px;
	position: relative;
	border-radius: 16px;
	background-color: #e04b67;
	border: 4px solid #e04b67
}

.floating__banner .inner-v2 {
	width: 520px;
	height: 165px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	z-index: 2;
	/* padding-left: 16px; */
	background: url(../images/common_footer-image_blog_off.png) left top no-repeat;
	background-size: cover;
	right: 170px;
}

.floating__banner .inner-v2:hover {
	width: 520px;
	height: 165px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
	z-index: 2;
	/* padding-left: 16px; */
	background: url(../images/common_footer-image_blog_on.png) left top no-repeat;
	background-size: cover;
	right: 170px;
}

.floating__banner .inner-v2 .inner-v2__text {
	text-indent: -9999px;
}

@media (max-width:896px) {
	.floating__banner {
		padding-bottom: 0;
	}

	.floating__banner .inner {
		height: 112px;
		padding-left: 4px;
		border-radius: 4px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: hidden;
	}
}

.floating__banner .inner:hover {
	background-color: #fff
}

.floating__banner .inner:hover .text {
	color: #e04b67
}

.floating__banner .inner:before {
	content: "";
	width: 346px;
	height: 135px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ffffff;
	border-radius: 12px;
	z-index: 1
}

@media (max-width:896px) {
	.floating__banner .inner:before {
		width: calc(100% - 2px);
		height: 102px;
		border-radius: 4px;
	}
}

.floating__banner .inner .img {
	width: 146px;
	position: relative;
	margin-top: 18px;
	z-index: 2
}

@media (max-width:896px) {
	.floating__banner .inner .img {
		width: 111px;
		margin-top: 17px
	}
}

.floating__banner .inner .text {
	width: calc(100% - 166px);
	font-weight: 900;
	color: #ffffff
}

@media (max-width:896px) {
	.floating__banner .inner .text {
		width: calc(100% - 121px);
		font-size: 1.4rem
	}
}

.floating__banner .inner .text .lg {
	font-size: 2.4rem;
	line-height: 1.17
}

@media (max-width:896px) {
	.floating__banner .inner .text .lg {
		font-size: 2rem;
		line-height: 1.3;
	}
}

.floating__banner .inner .text .la {
	margin-top: 5px;
	font-size: 1.2rem;
	letter-spacing: 2.4px
}

@media (max-width:896px) {
	.floating__banner .inner .text .la {
		margin-top: 0
	}
}

.floating__banner_close {
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 3;
	cursor: pointer;
	width: 16px;
	height: 16px
}

.floating__news {
	width: 100%;
	height: 46px;
	margin-top: 8px;
	padding: 0 16px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	font-weight: 700;
	line-height: 1.5;
	color: #008edc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative
}

@media (max-width:896px) {
	.floating__news {
		margin-top: 16px;
		border-radius: 2px;
	}
}

.floating__news:hover {
	background-color: #008edc;
	color: #fff
}

.floating__news:hover .title {
	background-image: url(../../assets/images/common_icon-floating-white.svg)
}

.floating__news:hover .arrow {
	right: 14px
}

.floating__news:hover .arrow .arrow_svg {
	fill: #ffffff
}

.floating__news .title {
	background-image: url(../../assets/images/common_icon-floating.svg);
	background-repeat: no-repeat;
	background-size: 29px 29px;
	background-position: 0 center;
	padding-left: 37px;
	line-height: 46px
}

@media (max-width:896px) {
	.floating__news .title {
		font-size: 1.4rem;
		padding: 19px 37px;
	}
}

.floating__news .arrow {
	width: 18px;
	height: 19px;
	position: absolute;
	top: 50%;
	right: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in
}

.floating__news .arrow .arrow_svg {
	fill: #008EDC;
	stroke: none
}

.floating_nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 59px;
	background-color: #ffffff;
	z-index: 98;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 16px;
	gap: 12px
}

.floating_nav a {
	width: calc((100% - 12px) / 3);
	/* display: block; */
	border-radius: 100px;
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-align: center;
	height: 43px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.floating_nav__contact {
	background-color: #5aa6f2
}

.floating_nav__demo {
	background-color: #ea9433
}

.floating_nav__beta {
	background-color: #e04b67
}

.breadcrumb {
	margin-top: 60px;
	/* margin-bottom: -25px; */
}

@media (max-width:896px) {
	.breadcrumb {
		margin-top: 60px;
		margin-bottom: -0;
	}
}

.breadcrumb ol {
	margin: 0;
	padding: 0;
	list-style: none
}

.breadcrumb ol li {
	display: inline;
	list-style: none;
	font-size: 1.2rem
}

.breadcrumb ol li:after {
	content: ">";
	padding: 0 0.2em
}

.breadcrumb ol li:last-child:after {
	content: ""
}

@media (min-width: 897px) {
	.breadcrumb a:hover {
		opacity: 0.7;
	}
}

.pagetop {
	width: 56px;
	height: 56px;
	position: fixed;
	bottom: 63px;
	right: 4px;
	z-index: 98
}

.pagetop a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	border: solid 1px #008edc;
	background-color: #ffffff;
	border-radius: 100%;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1.2px;
	text-align: center;
	color: #008edc
}

.form_wrap {
	width: 840px;
	margin: 32px auto 0
}

@media (max-width:896px) {
	.form_wrap {
		width: 100%
	}
}

.form_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 24px;
	border-bottom: 1px solid #e2e6ed;
	margin-top: 24px
}

@media (max-width:896px) {
	.form_item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 8px
	}
}

.form_item__label {
	width: 224px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 1.4rem;
	font-weight: 700;
	padding-top: 4px
}

@media (max-width:896px) {
	.form_item__label {
		width: 100%
	}
}

.form_item__label .require {
	color: #ffffff;
	font-weight: 400;
	font-size: 1.2rem;
	padding: 0 12px;
	border-radius: 4px;
	background-color: #e04b67;
	line-height: 24px;
	height: 24px;
	display: inline-block
}

.form_item__control {
	width: 600px
}

@media (max-width:896px) {
	.form_item__control {
		width: 100%
	}
}

.input_item {
	width: 100%;
	border-radius: 4px;
	border: solid 1px #e2e6ed;
	background-color: #f4f7fc;
	height: 32px;
	padding: 0 8px
}

.textarea_item {
	width: 100%;
	height: 130px;
	border-radius: 4px;
	border: solid 1px #e2e6ed;
	background-color: #f4f7fc
}

.checkbox_item {
	display: none
}

.checkbox_label {
	padding-left: 40px;
	position: relative;
	font-size: 1.4rem;
	cursor: pointer
}

.checkbox_label:before {
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: 0;
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	background-image: url(../../assets/images/contact_checkbox.svg)
}

.checkbox_label a {
	color: #005bab;
	text-decoration: underline
}

.checkbox_label a:after {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	background-size: 12px 12px;
	background-image: url(../../assets/images/service_assist-link.svg);
	margin-left: 5px;
	margin-right: 7px
}

.checkbox_item:checked+.checkbox_label:before {
	background-image: url(../../assets/images/contact_checkbox-checked.svg)
}



.form_btn {
	text-align: center;
	margin-top: 24px
}

.hero {
	width: 100%;
	height: 800px;
	background-image: url(../../assets/images/top_hero-bg@2x.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding: 114px 40px 16px;
	margin-top: -62px
}

@media (max-width:896px) {
	.hero {
		height: auto;
		padding: 78px 0 16px;
		margin-top: 0
	}
}

.hero:before {
	content: "";
	width: 100%;
	height: 800px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
	background-image: -webkit-gradient(linear, left top, right top, from(#008edc), to(#005bab));
	background-image: linear-gradient(to right, #008edc 0%, #005bab 100%);
	z-index: 1
}

@media (max-width:896px) {
	.hero:before {
		height: 100%
	}
}

.hero__wrap {
	position: relative;
	z-index: 2
}

@media (max-width:896px) {
	.hero__wrap {
		margin-top: 10px
	}
}

.hero .notification {
	position: absolute;
	top: 86px;
	left: 40px;
	text-align: center;
	color: #fff;
	z-index: 3
}

@media (max-width:896px) {
	.hero .notification {
		position: relative;
		top: 0;
		left: 0
	}
}

.hero .notification span {
	display: block;
	font-weight: 700;
	line-height: 2
}

@media (max-width:896px) {
	.hero .notification span {
		font-size: 1.4rem;
		line-height: 1;
		display: inline-block
	}
}

.hero .notification__date {
	font-size: 1.6rem
}

@media (max-width:896px) {
	.hero .notification__date {
		font-size: 1.4rem
	}
}

.hero .notification__title {
	font-size: 2rem
}

@media (max-width:896px) {
	.hero .notification__title {
		font-size: 1.4rem
	}
}

.hero .badge {
	position: absolute;
	top: 86px;
	right: 40px;
	z-index: 3
}

@media (max-width:896px) {
	.hero .badge {
		width: 97px;
		right: initial;
		top: 180px;
		left: 5px
	}
}

.hero .point {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	width: 100%;
	overflow: hidden;
	width: 100%
}

.hero .point__item {
	text-align: center;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	padding-top: 16px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(29%, #fff), color-stop(73%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to bottom, #fff, #fff 29%, rgba(255, 255, 255, 0) 73%, rgba(255, 255, 255, 0))
}

@media (max-width:896px) {
	.hero .point__item {
		width: 140px;
		height: 140px
	}
}

.hero .point__item--item1 {
	position: relative;
	left: 24px
}

@media (max-width:896px) {
	.hero .point__item--item1 {
		left: 10px
	}
}

.hero .point__item--item3 {
	position: relative;
	right: 24px
}

@media (max-width:896px) {
	.hero .point__item--item3 {
		right: 10px
	}
}

.hero .point__item span {
	display: block;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1.17;
	color: #008edc
}

@media (max-width:896px) {
	.hero .point__item span {
		font-size: 1.4rem
	}
}

.hero .point__item_inner {
	height: 92px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:896px) {
	.hero .point__item_inner {
		height: 56px
	}
}

.hero .detail__top {
	position: relative;
	margin-top: -140px;
	left: -70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:896px) {
	.hero .detail__top {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: -60px;
		left: 0;
		padding: 0 16px
	}
}

.hero .detail__top .copy {
	position: relative;
	left: -23px;
	margin-top: -25px
}

@media (max-width:896px) {
	.hero .detail__top .copy {
		left: 0;
		margin-top: 0
	}
}

.hero .detail__subtitle {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 64px;
	letter-spacing: 8.4px;
	text-align: center;
	color: #008edc;
	position: relative;
	height: 64px
}

@media (max-width:896px) {
	.hero .detail__subtitle {
		margin-top: 16px;
		font-size: 1.6rem;
		height: 32px;
		line-height: 32px;
		letter-spacing: 1.6px
	}
}

.hero .detail__subtitle:before {
	content: "";
	width: 560px;
	height: 64px;
	background-image: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(48%, #fff), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to left, #fff, #fff 48%, rgba(255, 255, 255, 0));
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -560px;
	z-index: -1
}

@media (max-width:896px) {
	.hero .detail__subtitle:before {
		height: 32px;
		width: 50%;
		margin-left: -50%
	}
}

.hero .detail__subtitle:after {
	content: "";
	width: 560px;
	height: 64px;
	background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(48%, #fff), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(to right, #fff, #fff 48%, rgba(255, 255, 255, 0));
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1
}

@media (max-width:896px) {
	.hero .detail__subtitle:after {
		height: 32px;
		width: 50%
	}
}

.hero .detail__logo {
	margin-top: 14px;
	text-align: center
}

@media (max-width:896px) {
	.hero .detail__logo {
		width: 221px;
		margin: 12px auto 0
	}
}

.hero .note {
	font-size: 1rem;
	letter-spacing: -0.3px;
	text-align: left;
	color: #f4f7fc;
	margin-top: 30px
}

@media (max-width:896px) {
	.hero .note {
		letter-spacing: 0;
		margin-top: 18px;
		padding: 0 16px;
		line-height: 1.6
	}
}

.hero .cv {
	margin-top: 15px;
	padding: 0 16px
}

.hero .cv_title {
	text-align: center;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 3.2px;
	color: #ffef6f;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 9px
}

.hero .cv_title:before {
	content: "";
	width: 8px;
	height: 17px;
	background-image: url(../../assets/images/top_cv-title-before.svg);
	background-size: 8px 17px;
	display: inline-block
}

.hero .cv_title:after {
	content: "";
	width: 8px;
	height: 17px;
	background-image: url(../../assets/images/top_cv-title-after.svg);
	background-size: 8px 17px;
	display: inline-block
}

.hero .cv_btn {
	margin-top: 12px
}

.hero .cv_btn .btn_default--pink:hover {
	background-color: #BF4058;
	color: #ffffff
}

.top_information {
	min-height: 56px;
	padding: 16px 0;
	background-color: #0a2054;
	text-align: center
}

@media (max-width:896px) {
	.top_information {
		padding: 12px 0;
		min-height: auto;
		text-align: left
	}
}

/* .top_information__inner {
	position: relative;
	padding-right: 35px
} */
.top_information a {
	font-weight: 700;
	color: #fff;
	text-decoration: underline;
	-webkit-text-decoration-color: #FFEF6F;
	text-decoration-color: #FFEF6F;
	text-underline-offset: 5px;
	display: block
}

@media (max-width:896px) {
	.top_information a {
		font-size: 1.2rem
	}
}

.top_information a .icon-arrow {
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in
}

@media (max-width:896px) {
	.top_information a .icon-arrow {
		right: 17px;
		width: 10px;
		height: 10px
	}
}

.top_information a .icon-arrow .cls-1 {
	fill: none;
	stroke: #008edc;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px
}

@media (max-width:896px) {
	.top_information a .icon-arrow .cls-1 {
		stroke-width: 1px
	}
}

.top_information a:hover {
	opacity: 0.7
}

.top_information a:hover .icon-arrow {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px)
}

.top_problem {
	padding: 80px 0 50px;
	background-color: #005bab;
	position: relative;
	z-index: 2
}

@media (max-width:896px) {
	.top_problem {
		padding: 48px 0 66px
	}
}

.top_problem:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 120px 0 120px;
	border-color: #005bab transparent transparent transparent;
	position: absolute;
	left: 50%;
	bottom: -49px;
	margin-left: -120px
}

.top_problem__copy {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	text-align: center;
	color: #ffffff
}

@media (max-width:896px) {
	.top_problem__copy {
		font-size: 2.4rem;
		line-height: 1.33
	}
}

.top_problem__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 32px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

@media (max-width:896px) {
	.top_problem__items {
		margin-top: 28px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}

.top_problem__item {
	width: calc((100% - 84px) / 4);
	position: relative
}

@media (max-width:896px) {
	.top_problem__item {
		width: 280px;
		margin-bottom: 34px;
	}
}

.top_problem__item:before {
	content: "";
	width: 56px;
	height: 40px;
	border-radius: 4px;
	background-color: #008edc;
	position: absolute;
	left: -8px;
	bottom: -16px;
	z-index: 1
}

.top_problem__item:after {
	content: "";
	width: 14px;
	height: 10px;
	border-radius: 4px;
	background-color: #008edc;
	position: absolute;
	left: -22px;
	bottom: -34px;
	z-index: 1
}

.top_problem__item .inner {
	width: 100%;
	min-height: 220px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #fff;
	position: relative;
	z-index: 2
}

@media (max-width:896px) {
	.top_problem__item .inner {
		height: auto;
		padding-bottom: 25px;
		padding-left: 20px;
		padding-right: 20px
	}
}

.top_problem__item .image {
	width: 48px;
	height: 48px;
	margin-top: 24px
}

.top_problem__item .image img {
	height: auto;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.top_problem__item .text {
	margin-top: 10px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6
}

@media (max-width:896px) {
	.top_problem__item .text {
		font-size: 1.6rem;
		margin-top: 16px
	}
}

.top_problem__item .text span {
	display: block
}

@media (max-width:896px) {
	.top_problem__item .text span {
		display: inline-block
	}
}

@media (max-width:896px) {
	.top_problem__item--last .inner {
		padding-left: 16px;
		padding-right: 16px
	}
}

.top_solution {
	background-image: url(../../assets/images/top_solution-bg@2x.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100% 560px;
	background-color: #f4f7fc;
	padding-top: 90px
}

@media (max-width:896px) {
	.top_solution {
		padding-top: 98px;
		background-image: url(../../assets/images/top_solution-bg-sp@2x.jpg);
		background-size: 100% 428px
	}
}

.top_solution__header {
	position: relative;
	z-index: 2
}

.top_solution__header:before {
	content: "";
	width: 183px;
	height: 233px;
	background-image: url(../../assets/images/top_solution-header-cut00.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: 4px;
	right: 47px
}

@media (max-width:896px) {
	.top_solution__header:before {
		width: 92px;
		height: 95px;
		background-size: 92px 95px;
		top: -70px;
		right: 12px
	}
}

.top_solution__header:after {
	content: "";
	width: 131px;
	height: 193px;
	background-image: url(../../assets/images/top_solution-header-cut01.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -130px;
	left: 97px
}

@media (max-width:896px) {
	.top_solution__header:after {
		width: 64px;
		height: 96px;
		bottom: -102px;
		left: 21px
	}
}

.top_solution__header_copy {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	letter-spacing: 9.6px;
	text-align: center;
	color: #008edc
}

@media (max-width:896px) {
	.top_solution__header_copy {
		font-size: 2rem;
		line-height: 1.45;
		letter-spacing: 6px
	}
}

.top_solution__header_copy span {
	display: block
}

.top_solution__header_copy span.image {
	margin-top: 8px
}

@media (max-width:896px) {
	.top_solution__header_copy span.image {
		margin-top: 8px
	}
}

.top_solution__header_dec {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 4px;
	text-align: center;
	margin: 17px 0 -5px;
}

@media (max-width:896px) {
	.top_solution__header_dec {
		font-size: 1.6rem;
		letter-spacing: 3.2px;
		margin-top: 10px
	}
}

@media (max-width:374px) {
	.top_solution__header_dec {
		letter-spacing: 0;
	}
}

.top_solution__header_dec span {
	display: block
}

@media (max-width:896px) {
	.top_solution__header_dec span .ib {
		display: inline-block
	}
}

.top_solution__reason {
	padding: 48px 0 53px;
	margin-top: 40px;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-image: linear-gradient(117deg, #008edc, #005bab)
}

@media (max-width:896px) {
	.top_solution__reason {
		margin-top: 60px;
		padding: 40px 45px;
		background-image: linear-gradient(166deg, #008edc, #005bab)
	}
}

.top_solution__reason h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	text-align: center;
	color: #ffffff
}

@media (max-width:896px) {
	.top_solution__reason h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}

	.top_solution__reason h2 span {
		display: inline-block
	}
}

@media (max-width:374px) {
	.top_solution__reason {
		padding: 40px 25px;
	}

	.top_solution__reason h2 {
		font-size: 2.2rem;
	}
}

.top_solution__reason_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 32px
}

@media (max-width:896px) {
	.top_solution__reason_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 40px;
		gap: 40px
	}
}

.top_solution__reason_item {
	width: calc((100% - 180px) / 3);
	max-width: 254px;
	text-align: center
}

@media (max-width:896px) {
	.top_solution__reason_item {
		width: 100%;
		max-width: 100%
	}
}

.top_solution__reason_item:nth-of-type(2) {
	margin-left: 65px;
	margin-right: 65px
}

@media (max-width:896px) {
	.top_solution__reason_item:nth-of-type(2) {
		margin-left: 0;
		margin-right: 0
	}
}

.top_solution__reason_item .img {
	width: 254px;
	height: 197px
}

.top_solution__reason_item .img03 {
	margin: 13px auto;
	width: 203px;
	height:
		171px;
}

@media (max-width:896px) {
	.top_solution__reason_item .img {
		margin-bottom: 15px;
		width: 100%;
		height: auto
	}
}

.top_solution__reason_item .img img {
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.top_solution__reason_item .point {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
	color: #ffef6f;
	display: inline-block;
	margin-top: 8px
}

@media (max-width:896px) {
	.top_solution__reason_item .point {
		font-size: 1.6rem;
		line-height: 2
	}
}

.top_solution__reason_item .point:after {
	content: "";
	width: 90px;
	height: 1px;
	margin-top: 8px;
	display: block;
	background-color: #ffef6f
}

@media (max-width:896px) {
	.top_solution__reason_item .point:after {
		margin-top: 3px;
		width: 72px
	}
}

.top_solution__reason_item .text {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.25;
	color: #fff;
	margin-top: 18px
}

.top_solution__reason_item .text span {
	display: block
}

.top_solution__reason .btn {
	margin-top: 23px;
	text-align: center
}

@media (max-width:896px) {
	.top_solution__reason .btn {
		margin-top: 24px
	}

	.top_solution__reason_item .text {
		margin-top: 10px;
	}
}

.top_solution__feature {
	margin-top: 80px
}

@media (max-width:896px) {
	.top_solution__feature {
		margin-top: 65px
	}
}

.top_solution__feature h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	text-align: center;
	color: #005bab
}

@media (max-width:896px) {
	.top_solution__feature h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.top_solution__feature_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 32px
}

@media (max-width:896px) {
	.top_solution__feature_items {
		margin-top: 24px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column
	}
}

.top_solution__feature_item {
	width: calc((100% - 81px) / 4);
	height: 180px;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-image: linear-gradient(123deg, #008edc, #005bab);
	text-align: center;
	padding-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:896px) {
	.top_solution__feature_item {
		margin-bottom: 8px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		height: 80px;
		width: 100%;
		border-radius: 16px;
		-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
		box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
		background-image: linear-gradient(103deg, #008edc, #005bab);
		padding: 24px
	}
}

.top_solution__feature_item .img {
	width: 48px;
	height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:896px) {
	.top_solution__feature_item .img {
		width: 32px;
		height: 32px
	}
}

.top_solution__feature_item .text {
	margin-top: 24px;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	color: #ffffff
}

@media (max-width:896px) {
	.top_solution__feature_item .text {
		margin-left: 16px;
		font-size: 1.6rem;
		margin-top: 0;
		line-height: 1;
		text-align: left
	}
}

.top_solution__feature_item .text .notes {
	font-size: 1.2rem;
	font-weight: 400;
	margin-top: 10px
}

.top_solution__step {
	margin-top: 109px;
	padding-bottom: 80px
}

@media (max-width:896px) {
	.top_solution__step {
		margin-top: 98px
	}
}

.top_solution__step h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #005bab;
	position: relative
}

@media (max-width:896px) {
	.top_solution__step h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.top_solution__step h2:before {
	content: "";
	width: 192px;
	height: 98px;
	background-size: 192px 98px;
	background-image: url(../../assets/images/top_step-title.svg);
	background-position: 0 0;
	position: absolute;
	top: 4px;
	left: 50%;
	-webkit-transform: translate(-50%, -70px);
	transform: translate(-50%, -70px)
}

.top_solution__step_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1200px;
	margin: 40px auto 0;
}

@media (max-width:896px) {
	.top_solution__step_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 23px;
	}
}

.top_solution__step_item {
	width: calc((100% - 60px) / 3);
	height: 146px;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-image: linear-gradient(111deg, #008edc, #005bab);
	padding: 4px;
	position: relative
}

@media (max-width:896px) {
	.top_solution__step_item {
		margin-bottom: 32px;
		width: 100%;
		height: 127px
	}

	.top_solution__step_item:last-child {
		margin-bottom: 0;
	}
}

.top_solution__step_item--step2:before,
.top_solution__step_item--step3:before {
	content: "";
	background-image: url(../../assets/images/common_icon-arrow.svg);
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	position: absolute;
	left: -21px;
	top: 56px
}

@media (max-width:896px) {

	.top_solution__step_item--step2:before,
	.top_solution__step_item--step3:before {
		top: -24px;
		left: 50%;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-left: -8px
	}
}

.top_solution__step_item .inner {
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-radius: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	padding: 0 16px
}

.top_solution__step_item .step {
	width: 64px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #008edc;
	line-height: 1
}

@media (max-width:896px) {
	.top_solution__step_item .step {
		width: 48px
	}
}

.top_solution__step_item .step .number {
	width: 64px;
	height: 64px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#008edc), to(#005bab));
	background-image: linear-gradient(to top, #008edc, #005bab);
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 3.2rem;
	font-weight: 700;
	margin-top: 10px;
	border-radius: 100%
}

@media (max-width:896px) {
	.top_solution__step_item .step .number {
		width: 48px;
		height: 48px;
		font-size: 2.2rem
	}
}

.top_solution__step_item .text {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.33;
	background-image: url(../../assets/images/top_step-cut00.svg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 96px 87px;
	width: calc(100% - 80px);
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-width:896px) {
	.top_solution__step_item .text {
		width: calc(100% - 64px);
		font-size: 2rem
	}
}

@media (max-width:374px) {
	.top_solution__step_item .text {
		font-size: 1.8rem
	}
}

.top_solution__step_item .text--bg2 {
	background-image: url(../../assets/images/top_step-cut01.svg);
	background-size: 79px 96px;
	width: calc(100% - 92px)
}

@media (max-width:896px) {
	.top_solution__step_item .text--bg2 {
		width: calc(100% - 64px)
	}
}

.top_solution__step_item .text--bg3 {
	background-image: url(../../assets/images/top_step-cut02.svg);
	background-size: 96px 96px
}

.top_solution__step_item .text span {
	display: block
}

@media (max-width:896px) {
	.top_solution__step_item .text span {
		display: inline-block
	}
}

.top_solution__step_item .text .notes {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-top: 8px;
	padding: 5px 12px;
	border-radius: 32px;
	background-color: #ffef6f
}

.top_solution__step_item .text .notes span {
	display: inline-block
}

.top_solution__company {
	margin-top: 40px;
	padding: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start
}

@media (max-width:896px) {
	.top_solution__company {
		margin-top: 48px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 40px 16px
	}
}

.top_solution__company .img {
	width: 255px;
	height: 255px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width:896px) {
	.top_solution__company .img {
		margin: 0 auto;
		width: 199px;
		height: 199px
	}
}

.top_solution__company .detail {
	width: calc(100% - 279px)
}

@media (max-width:896px) {
	.top_solution__company .detail {
		width: 100%;
		margin-top: 24px;
	}
}

.top_solution__company .detail h2 {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 2.4px;
}

@media (max-width:896px) {
	.top_solution__company .detail h2 {
		text-align: center;
		font-size: 2rem;
		line-height: 1.45;
		letter-spacing: 2px;
		color: #005bab;
	}
}

.top_solution__company .detail .text {
	line-height: 2;
	margin-top: 11px;
}

@media (max-width:896px) {
	.top_solution__company .detail .text {
		color: #333333
	}
}

.top_solution__company .detail .btn {
	margin-top: 13px;
}

@media (max-width:896px) {
	.top_solution__company .detail .btn {
		text-align: center;
		margin-top: 24px;
	}
}

.top_solution__company .detail .btn .btn_default {
	background-color: #0081CF;
	letter-spacing: 0.1em;
}

.top_solution__company .detail .btn .btn_default:hover {
	background-color: #005bab
}

@media (max-width:896px) {
	.top_solution__company .detail .btn .btn_default {
		width: 260px;
	}
}

@media (max-width: 374px) {
	.top_solution__company .detail .btn .btn_default {
		width: 100%;
	}
}

.top_solution__about {
	background-color: #ffffff;
	padding-top: 50px;
	padding-bottom: 47px
}

.top_solution__about_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

@media (max-width:896px) {
	.top_solution__about_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}

.top_solution__about_item {
	width: 50%;
}

.top_solution__about_item01 {
	width: 47%;
}

@media (max-width:896px) {
	.top_solution__about_item {
		margin-bottom: 59px;
		width: 100%;
	}

	.top_solution__about_item:last-of-type {
		margin-bottom: 0;
	}
}

@media (max-width:896px) {
	.top_solution__about_item:not(:first-of-type) {
		margin-left: 0
	}
}

.top_solution__about_item .img {
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.top_solution__about_item .copy {
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	color: #0A2054;
	margin-top: 10px;
	line-height: 1.78;
}

.top_solution__about_item .text {
	margin-top: 15px;
	font-size: 1.4rem
}

.top_solution__about_item .badge {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 16px
}

.top_solution__about_item .badge img {
	margin: 0 10px;
}

.top_solution__about_item .badge img:first-child {
	margin-left: 0;
}

.top_solution__about_item .badge img:last-child {
	margin-right: 0;
}

@media (max-width:896px) {
	.top_solution__about_item .badge {
		margin-top: 10px;
		gap: 4px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.top_solution__about_item .copy {
		font-size: 1.7rem;
		line-height: 1.76;
	}

	.top_solution__about_item .text {
		margin-top: 20px;
	}

	.top_solution__about_item01 .text {
		margin-top: 10px;
	}

	.top_solution__about_item .badge img {
		margin: 0 -2px;
	}

	.top_solution__about_item01 .img {
		margin: 0 auto 17px;
		width: 80px;
		height: 80px;
	}

	.top_solution__about_item01 {}

	.top_solution__about_item01 .copy {
		font-size: 1.6rem;
		line-height: 1.76;
	}
}

.top_solution__about_item .profile {
	margin-top: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.top_solution__about_item .profile_img {
	width: 88px;
	margin-right: 16px
}

.top_solution__about_item .profile_text {
	width: calc(100% - 104px);
	font-size: 1.2rem;
	line-height: 1.67;
}

.top_solution__about_item .profile_text .ttl {
	font-weight: 700;
	font-size: 1.4rem
}

.top_results {
	margin-bottom: 120px;
}

.top_results h3 {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.46;
	text-align: center;
	color: #005bab
}

@media (max-width:896px) {
	.top_results {
		margin-bottom: 65px;
	}

	.top_results h3 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.top_results__top {
	background-image: linear-gradient(111deg, #008edc, #005bab 100%)
}

.top_results__top_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-top: 108px;
	padding-bottom: 90px
}

@media (max-width:896px) {
	.top_results__top_inner {
		padding-top: 48px;
		padding-bottom: 84px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.top_results__top_inner:after {
	content: "";
	background-image: url(../../assets/images/top_results-top-cut00.svg);
	background-repeat: no-repeat;
	background-size: 190px 161px;
	width: 190px;
	height: 161px;
	position: absolute;
	left: 16px;
	bottom: 64px
}

@media (max-width:896px) {
	.top_results__top_inner:after {
		width: 119px;
		height: 101px;
		background-size: 119px 101px;
		bottom: 49px;
		left: 18px
	}
}

.top_results__top_title {
	width: calc(100% - 660px);
	text-align: center;
	padding: 0 0 30px 60px;
}

@media (max-width:896px) {
	.top_results__top_title {
		width: 100%;
		padding: 0;
	}
}

.top_results__top_title h2 {
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 1.48;
	color: #fff
}

/*
@media (max-width:576px) {
	.top_results__top_title h2 {
		padding-left: 9%;
	}
}
*/

@media (max-width:896px) {
	.top_results__top_title h2 {
		font-size: 4rem;
	}
}

.top_results__top_title .dec {
	margin-top: 27px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2;
	letter-spacing: 4px;
	color: #fff
}

@media (max-width:896px) {
	.top_results__top_title .dec {
		display: none
	}
}

.top_results__top_title .dec span {
	display: block
}

.top_results__top_logos {
	width: 660px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

@media (max-width:896px) {
	.top_results__top_logos {
		margin-top: 24px;
		width: 100%;
	}
}

.top_results__top_logos .img {
	width: 200px;
	/*height: 80px;*/
	height: 0;
	padding-top: 12.1212%;
	display: -webkit-box;
	display: -ms-flexbox;
	background-image: url('/t-dash/cms/wp-content/themes/t-dash/assets/images/200x80.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 30px;
	margin-bottom: 30px;

	border-radius: 4px;
}
.top_results__top_logos .img img {
	display: none;
}

@media (max-width:896px) {
	.top_results__top_logos .img {
		margin: 0 16px 16px 0;
		width: calc((100% - 32px) / 3);
		/*height: 40px;*/
		height: 0;
		padding-top: 12.1212%;
	}
}

.top_results__top_logos .img:nth-of-type(3n) {
	margin-right: 0
}

.top_results__top_dec {
	display: none
}

@media (max-width:896px) {
	.top_results__top_dec {
		font-weight: 700;
		line-height: 2;
		letter-spacing: 3.2px;
		color: #fff;
		margin-top: 18px;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

.top_results__intro {
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #fff;
	padding: 48px 0;
	position: relative;
	margin-top: -64px
}

@media (max-width:896px) {
	.top_results__intro {
		margin-top: -49px;
		padding: 40px 16px 16px
	}
}

.top_results__intro_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 24px
}

@media (max-width:896px) {
	.top_results__intro_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 30px;
		margin-top: 20px
	}
}

.top_results__intro_item {
	width: 340px
}

@media (max-width:896px) {
	.top_results__intro_item {
		width: 100%
	}
}

.top_results__intro_item:nth-of-type(2) {
	margin-left: 26px;
	margin-right: 26px
}

@media (max-width:896px) {
	.top_results__intro_item:nth-of-type(2) {
		margin-left: 0;
		margin-right: 0
	}
}

.top_results__intro_item .copy {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.67;
	text-align: center
}

.top_results__intro_item .copy span {
	display: block
}

@media (max-width:896px) {
	.top_results__intro_item .copy {
		font-size: 2rem;
		line-height: 1.6
	}
}

.top_results__intro_item .img {
	margin-top: 16px;
	width: 80px;
	height: 32px;
	margin: 16px auto 0
}

.top_results__intro_item .img img {
	height: 100%;
	width: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.top_results__intro_item .company_name {
	margin-top: 5px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	color: #9ea3b1
}

.top_results__intro_item .detail {
	margin-top: 23px;
	padding: 32px;
	border-radius: 4px;
	background-color: #f4f7fc
}

@media (max-width:896px) {
	.top_results__intro_item .detail {
		padding: 24px
	}
}

.top_results__intro_item .detail .text {
	font-size: 1.4rem;
	line-height: 2
}

.top_results__intro_item .detail .effect {
	margin-top: 10px;
	border-top: 1px solid #e2e6ed;
	padding-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.top_results__intro_item .detail .effect .icon {
	width: 56px
}

.top_results__intro_item .detail .effect .effect_text {
	width: calc(100% - 72px);
	font-weight: 700;
	line-height: 1.5
}

.top_results__intro_item .detail .effect .effect_text .effect_date,
.top_results__intro_item .detail .effect .effect_text .effect_result {
	display: block
}

.top_results__intro_item .detail .effect .effect_text .effect_result {
	color: #008edc
}

.top_results__flow {
	margin-top: 59px
}

@media (max-width:896px) {
	.top_results__flow {
		margin-top: 48px
	}
}

.top_results__flow_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 32px
}

@media (max-width:896px) {
	.top_results__flow_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 40px;
		margin-top: 24px
	}
}

.top_results__flow_item {
	width: calc((100% - 60px) / 3);
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-image: linear-gradient(111deg, #008edc, #005bab);
	padding: 4px;
	position: relative
}

.top_results__flow_item:nth-of-type(2) {
	margin-left: 30px;
	margin-right: 30px
}

@media (max-width:896px) {
	.top_results__flow_item:nth-of-type(2) {
		margin-left: 0;
		margin-right: 0
	}
}

@media (max-width:896px) {
	.top_results__flow_item {
		width: 100%
	}
}

.top_results__flow_item--flow2:before,
.top_results__flow_item--flow3:before {
	content: "";
	background-image: url(../../assets/images/common_icon-arrow.svg);
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	position: absolute;
	left: -21px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:896px) and (max-width:896px) {

	.top_results__flow_item--flow2:before,
	.top_results__flow_item--flow3:before {
		top: -26px;
		left: 50%;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-left: -8px
	}
}

.top_results__flow_item .inner {
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-radius: 12px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 20px 16px
}

@media (max-width:896px) {
	.top_results__flow_item .inner {
		padding: 20px 12px
	}
}

.top_results__flow_item .icon {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#008edc), to(#005bab));
	background-image: linear-gradient(to top, #008edc, #005bab)
}

.top_results__flow_item .step {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 2.67;
	text-align: center;
	color: #008edc;
	margin-top: 13px
}

.top_results__flow_item .copy {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center
}

.top_results__flow_item .text {
	margin-top: 8px;
	font-size: 1.4rem;
	line-height: 1.71
}

.top_results__flow .notes {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #9ea3b1;
	margin-top: 16px
}

.top_results__flow .beta {
	position: relative;
	margin-top: 64px;
	border-radius: 16px;
	border: solid 4px #e04b67;
	background-color: #fff
}

@media (max-width:896px) {
	.top_results__flow .beta {
		margin-top: 48px
	}
}

.top_results__flow .beta:after {
	content: "";
	width: 178px;
	height: 125px;
	background-size: 178px 125px;
	background-image: url(../../assets/images/top_results-beta-cut.svg);
	position: absolute;
	right: 19px;
	bottom: -4px
}

@media (max-width:896px) {
	.top_results__flow .beta:after {
		width: 100px;
		height: 70px;
		background-size: 100px 70px;
		right: 16px
	}
}

.top_results__flow .beta .beta_header {
	position: absolute;
	top: -26px;
	left: -4px;
	-webkit-filter: drop-shadow(0 12px 24px rgba(224, 75, 103, 0.2));
	filter: drop-shadow(0 12px 24px rgba(224, 75, 103, 0.2))
}

.top_results__flow .beta_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:896px) {
	.top_results__flow .beta_inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.top_results__flow .beta_inner .detail {
	width: 50%;
	padding-top: 48px;
	padding-bottom: 32px;
	text-align: center
}

@media (max-width:896px) {
	.top_results__flow .beta_inner .detail {
		width: 100%;
		padding: 53px 16px 24px
	}
}

.top_results__flow .beta_inner .detail p {
	font-size: 1.4rem;
	line-height: 1.71
}

.top_results__flow .beta_inner .detail .btn {
	margin-top: 24px
}

.top_results__flow .beta_inner .detail .btn .btn_default--pink:hover {
	background-color: #BF4058;
	color: #ffffff
}

.top_results__flow .beta_inner .point {
	background-color: #e04b67;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:896px) {
	.top_results__flow .beta_inner .point {
		width: 100%;
		padding: 40px 0 48px
	}
}

.top_results__flow .beta_inner .point_item {
	width: 160px;
	height: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: dashed 2px #fff;
	border-radius: 100%;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	text-align: center;
	position: relative
}

@media (max-width:896px) {
	.top_results__flow .beta_inner .point_item {
		width: 111px;
		height: 111px;
		font-size: 1.4rem;
		line-height: 1.36
	}
}

.top_results__flow .beta_inner .point_item:first-of-type {
	left: 16px
}

@media (max-width:896px) {
	.top_results__flow .beta_inner .point_item:first-of-type {
		left: 11px
	}
}

.top_results__flow .beta_inner .point_item:last-of-type {
	right: 16px
}

@media (max-width:896px) {
	.top_results__flow .beta_inner .point_item:last-of-type {
		right: 11px
	}
}

.top_results__flow .beta_inner .point_item span {
	display: block
}

.top_price {
	margin-top: 80px;
	background-color: #e5f2ff;
	padding-top: 61px
}

@media (max-width:896px) {
	.top_price {
		margin-top: 44px;
		padding-top: 35px
	}
}

.top_price h2 {
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 1.48;
	text-align: center;
	color: #005bab
}

@media (max-width:896px) {
	.top_price h2 {
		font-size: 4rem
	}
}

.top_price .dec {
	font-weight: 700;
	line-height: 2;
	letter-spacing: 3.2px;
	text-align: center;
	margin-top: 30px
}

@media (max-width:896px) {
	.top_price .dec {
		font-size: 1.4rem;
		line-height: 2.29;
		letter-spacing: 2.8px;
		margin-top: 17px
	}
}

@media (max-width:374px) {
	.top_price .dec {
		letter-spacing: 0;
	}
}

.top_price .dec span {
	display: block
}

.top_price__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 41px
}

@media (max-width:896px) {
	.top_price__items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: 24px
	}
}

.top_price__plus {
	width: 120px
}

@media (max-width:896px) {
	.top_price__plus {
		width: 84px
	}
}

.top_price__item {
	width: 540px;
	height: 180px;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-image: linear-gradient(108deg, #008edc, #005bab);
	padding-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width:896px) {
	.top_price__item {
		width: 100%;
		padding: 32px 16px 40px;
		height: auto
	}
}

.top_price__item .title {
	width: 444px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	border: solid 1px #fff;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 30px;
	text-align: center
}

@media (max-width:896px) {
	.top_price__item .title {
		width: 100%
	}
}

.top_price__item .price {
	margin-top: 5px;
	font-size: 4.8rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.48;
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0)
}

.top_price__item .price .unit {
	font-size: 2.4rem
}

.top_price__item--last {
	background-color: #fff;
	background-image: none
}

@media (max-width:896px) {
	.top_price__item--last {
		position: relative;
		margin-top: -20px
	}
}

.top_price__item--last .title {
	background-image: linear-gradient(94deg, #008edc, #005bab);
	border: none
}

.top_price__item--last .price_lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 33px;
	margin-top: 20px
}

@media (max-width:896px) {
	.top_price__item--last .price_lists {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 29px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.top_price__item--last .price_list {
	color: #005bab;
	font-weight: 700;
	text-align: center
}

.top_price__item--last .price_list_title {
	font-size: 1.4rem;
	border-bottom: 1px solid #005bab;
	padding-bottom: 6px
}

.top_price__item--last .price_list_detail {
	margin-top: 2px;
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0);
	font-size: 2.4rem;
	line-height: 1.5
}

.top_price__item--last .price_list_detail .unit {
	font-size: 1.2rem
}

.top_price__test {
	padding-top: 40px;
	margin-top: 80px;
	position: relative;
	background-color: #f4f7fc
}

@media (max-width:896px) {
	.top_price__test {
		margin-top: 48px
	}
}

.top_price__test:before {
	content: "";
	width: 100%;
	height: 451px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffef6f;
	z-index: 1
}

.top_price__test .block {
	position: relative;
	z-index: 2
}

.top_price__test h3 {
	-webkit-text-stroke: 1px rgba(0, 0, 0, 0);
	font-size: 7.2rem;
	font-weight: 900;
	line-height: 1.49;
	text-align: center;
	color: #0a2054
}

@media (max-width:896px) {
	.top_price__test h3 {
		font-size: 4.8rem
	}
}

.top_price__test h3 span {
	display: block
}

.top_price__test h3 span.sub {
	font-size: 2.4rem
}

@media (max-width:896px) {
	.top_price__test h3 span.sub {
		font-size: 2rem
	}
}

.top_price__test_detail {
	margin-top: 24px;
	padding: 40px 0 57px;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-image: linear-gradient(107deg, #008edc, #005bab);
	position: relative
}

@media (max-width:896px) {
	.top_price__test_detail {
		padding: 145px 16px 16px
	}
}

.top_price__test_detail .date {
	width: 150px;
	height: 150px;
	border: solid 4px #005bab;
	background-color: #ffef6f;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: -75px;
	left: 16px;
	color: #0a2054
}

@media (max-width:896px) {
	.top_price__test_detail .date {
		top: -24px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.top_price__test_detail .date_title {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1
}

.top_price__test_detail .date_detail {
	border-top: 1px solid #0a2054;
	margin-top: 5px;
	padding-top: 5px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.17
}

.top_price__test_detail .check_lists {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:896px) {
	.top_price__test_detail .check_lists {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 8px 13px
	}
}

.top_price__test_detail .check_list {
	width: 208px;
	height: 48px;
	padding: 6px 0 6px 8px;
	border-radius: 24px;
	background-color: #ffef6f;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width:896px) {
	.top_price__test_detail .check_list {
		width: calc((100% - 13px) / 2);
		height: 40px;
		padding: 0 8px
	}
}

.top_price__test_detail .check_list:nth-of-type(2) {
	margin-left: 16px;
	margin-right: 16px
}

@media (max-width:896px) {
	.top_price__test_detail .check_list:nth-of-type(2) {
		margin-left: 0;
		margin-right: 0
	}
}

.top_price__test_detail .check_list .img {
	width: 32px;
	margin-right: 8px
}

@media (max-width:896px) {
	.top_price__test_detail .check_list .img {
		width: 24px;
		margin-right: 5px
	}
}

.top_price__test_detail .check_list .text {
	width: calc(100% - 40px);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.17
}

@media (max-width:896px) {
	.top_price__test_detail .check_list .text {
		width: calc(100% - 29px);
		font-size: 1.6rem
	}
}

.top_price__test_detail .copy {
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
	color: #fff;
	margin-top: 24px;
	padding: 0 40px
}

@media (max-width:896px) {
	.top_price__test_detail .copy {
		font-size: 1.4rem;
		line-height: 2;
		margin-top: 16px
	}
}

.top_price__test_detail .copy span {
	display: block
}

.top_price__test_detail .notes {
	font-size: 1.2rem;
	line-height: 2.33;
	text-align: center;
	color: #fff;
	margin-top: 16px
}

@media (max-width:896px) {
	.top_price__test_detail .notes {
		margin-top: 8px;
		line-height: 1.67
	}
}

.top_price__test_detail .btn {
	text-align: center;
	margin-top: 24px
}

.top_price__test_plan {
	margin-top: 59px
}

.top_price__test_plan h3 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	text-align: center;
	color: #005bab
}

@media (max-width:896px) {
	.top_price__test_plan h3 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.top_price__test_plan .img {
	margin-top: 23px
}

.top_price__test_plan .img img {
	width: 100%
}

.top_faq {
	margin-top: 120px;
	padding-bottom: 120px
}

@media (max-width:896px) {
	.top_faq {
		margin-top: 64px;
		padding-bottom: 24px
	}
}

.top_faq h2 {
	font-size: 5.6rem;
	font-weight: 700;
	line-height: 1.48;
	text-align: center;
	color: #005bab
}

@media (max-width:896px) {
	.top_faq h2 {
		font-size: 4rem
	}
}

.top_faq__items {
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 840px;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:896px) {
	.top_faq__items {
		margin-top: 25px;
		width: 100%
	}
}

.top_faq__item {
	border-radius: 4px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #ffffff;
	cursor: pointer;
	position: relative
}

.top_faq__item:not(:first-of-type) {
	margin-top: 16px
}

.top_faq__item:before {
	content: "";
	width: 24px;
	height: 4px;
	border-radius: 3px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #008edc), color-stop(0%, #005bab));
	background-image: linear-gradient(to top, #008edc 100%, #005bab 0%);
	position: absolute;
	top: 30px;
	right: 16px;
	z-index: 2
}

@media (max-width:896px) {
	.top_faq__item:before {
		width: 16px;
		height: 2px;
		top: 32px
	}
}

.top_faq__item:after {
	content: "";
	width: 4px;
	height: 24px;
	border-radius: 3px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(100%, #008edc), color-stop(0%, #005bab));
	background-image: linear-gradient(to top, #008edc 100%, #005bab 0%);
	position: absolute;
	top: 20px;
	right: 26px;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	z-index: 2
}

@media (max-width:896px) {
	.top_faq__item:after {
		width: 2px;
		height: 16px;
		top: 25px;
		right: 23px
	}
}

.top_faq__item .inner {
	position: relative;
	padding: 20px
}

.top_faq__item .inner:before {
	content: "";
	border-radius: 4px;
	width: 100%;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, right top, from(#d5e1fa), to(#d9fffe));
	background-image: linear-gradient(to right, #d5e1fa, #d9fffe);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	z-index: 1
}

.top_faq__item:hover .inner:before {
	opacity: 1
}

.top_faq__item .q {
	line-height: 1.5;
	letter-spacing: normal;
	text-align: left;
	color: #005bab;
	position: relative;
	z-index: 2;
	padding-right: 25px
}

.top_faq__item .a {
	font-weight: 700;
	line-height: 1.75;
	text-align: left;
	color: #0a2054;
	margin-top: 0;
	opacity: 0;
	height: 0;
	position: relative;
	z-index: 2;
	-webkit-transition: margin-top 0.3s ease-in, opacity 0.1s ease-in, height 0.3s ease-in;
	transition: margin-top 0.3s ease-in, opacity 0.1s ease-in, height 0.3s ease-in
}

.top_faq__item.is-open:after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.top_faq__item.is-open .a {
	margin-top: 24px;
	opacity: 1;
	height: auto;
	-webkit-transition: margin-top 0.5s ease-in, opacity 0.5s ease-in, height 0.5s ease-in;
	transition: margin-top 0.5s ease-in, opacity 0.5s ease-in, height 0.5s ease-in
}

.badge {
	position: relative
}

.badge:after {
	content: "※";
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff
}

@media (max-width:896px) {
	.badge {
		left: 4vw !important
	}

	.badge:after {
		font-size: 16px;
		left: 0
	}
}

.top_solution__about_item .badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px
}

.floating__banner_close {
	height: 20px
}

.date_detail {
	font-size: 20px !important;
	text-align: end
}

.top_price {
	padding-top: 0
}

.footer__item {
	/* width: 50% */
}

.footer__item .detail {
	/* width: 300px */
}

.page__header--service h1,
.page__header--service .mv_h1 {
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 4.8px;
	text-align: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 16px
}

@media (max-width:896px) {

	.page__header--service h1,
	.page__header--service .mv_h1 {
		font-size: 3.2rem;
		letter-spacing: 3.2px
	}

	.page__header--service h1 img {
		width: 145px
	}
}

.service_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 34px
}

@media (max-width:896px) {
	.service_top {
		margin-top: 14px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 6px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.service_top .capture {
	width: 621px;
	margin-right: 56px
}

@media (max-width:896px) {
	.service_top .capture {
		width: 91%;
		text-align: center;
		margin: 0 auto 15px;
	}
}

.service_top .dec {
	width: 480px
}

@media (max-width:896px) {
	.service_top .dec {
		width: 100%
	}
}

.service_top .dec .copy {
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff
}

@media (max-width:896px) {
	.service_top .dec .copy {
		font-size: 2.8rem
	}
}

.service_top .dec .text {
	margin-top: 24px;
	line-height: 2;
	color: #fff
}

.service_content {
	padding: 64px 80px;
	border-radius: 5px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #fff;
	position: relative;
	z-index: 3
}

@media (max-width:896px) {
	.service_content {
		padding: 40px 16px
	}
}

.service_content__items {}

@media (max-width:896px) {
	.service_content__items {}
}

.service_content__item {
	margin: 40px 0 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center
}

@media (max-width:896px) {
	.service_content__item {
		margin: 32px 0 56px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column
	}
}

.service_content__item:nth-of-type(2) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse
}

@media (max-width:896px) {
	.service_content__item:nth-of-type(2) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column
	}
}

.service_content__item:last-child {
	margin-bottom: 0;

}

.service_content__item .img {
	-webkit-box-shadow: 0 16px 32px 0 rgba(0, 142, 220, 0.16);
	box-shadow: 0 16px 32px 0 rgba(0, 142, 220, 0.16);
	background-image: linear-gradient(123deg, #008edc, #005bab);
	width: 500px;
	height: 400px;
	border-radius: 4px;
	position: relative
}

@media (max-width:896px) {
	.service_content__item .img {
		width: 100%;
		height: 250px
	}
}

.service_content__item .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media (max-width:896px) {
	.service_content__item .img img {
		width: auto;
		height: 190px
	}
}

.service_content__item .detail {
	width: calc(100% - 560px);
	position: relative;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width:896px) {
	.service_content__item .detail {
		width: 100%;
		margin-top: 24px;
		overflow: hidden;
		padding-top: 40px
	}
}

.service_content__item .detail .point {
	position: absolute;
	right: 0;
	top: 0
}

.service_content__item .detail .point .title {
	margin-bottom: 5px;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 4.8px;
	text-align: center;
	color: #ffef6f;
	position: relative
}

@media (max-width:896px) {
	.service_content__item .detail .point .title {
		font-size: 1.6rem;
		line-height: 2;
		letter-spacing: 3.2px
	}
}

.service_content__item .detail .point .title:before {
	content: "";
	width: 340px;
	height: 2px;
	background-color: #ffef6f;
	position: absolute;
	right: 140px;
	top: 15px
}

@media (max-width:896px) {
	.service_content__item .detail .point .title:before {
		right: 91px
	}
}

.service_content__item .detail .point .number {
	font-size: 9.6rem;
	font-weight: 700;
	line-height: 0.8;
	text-align: center;
	color: #ffef6f
}

@media (max-width:896px) {
	.service_content__item .detail .point .number {
		font-size: 7.2rem
	}
}

@media (max-width: 374px) {
	.service_content__item .detail .point .number {
		font-size: 6rem
	}
}

.service_content__item .detail .copy {
	font-size: 4rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 8px
}

@media (max-width:896px) {
	.service_content__item .detail .copy {
		font-size: 3.2rem;
		line-height: 1.5;
		letter-spacing: 2.4px
	}
}

@media (max-width: 374px) {
	.service_content__item .detail .copy {
		font-size: 3rem;
		letter-spacing: 0;
	}
}

.service_content__item .detail .text {
	margin-top: 16px;
	line-height: 2
}

.service_solution__step {
	margin-top: 180px
}

@media (max-width:896px) {
	.service_solution__step {
		margin-top: 136px
	}
}

.service_solution__step h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #005bab;
	position: relative
}

@media (max-width:896px) {
	.service_solution__step h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.service_solution__step h2:before {
	content: "";
	width: 192px;
	height: 98px;
	background-size: 192px 98px;
	background-image: url(../../assets/images/top_step-title.svg);
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -70px);
	transform: translate(-50%, -70px)
}

.service_solution__step_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

@media (max-width:896px) {
	.service_solution__step_items {
		margin-top: 25px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}

.service_solution__step_item {
	width: calc((100% - 60px) / 3);
	border-radius: 4px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-image: linear-gradient(111deg, #008edc, #005bab);
	padding: 4px;
	position: relative;
	margin: 40px 30px 0 0;
}

.service_solution__step_item:nth-child(3n) {
	margin-right: 0;
}

@media (max-width:896px) {
	.service_solution__step_item {
		width: 100%;
		margin: 0 0 32px;
	}
}

.service_solution__step_item--step2:before,
.service_solution__step_item--step3:before {
	content: "";
	background-image: url(../../assets/images/common_icon-arrow.svg);
	width: 18px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: -24px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width:896px) {

	.service_solution__step_item--step2:before,
	.service_solution__step_item--step3:before {
		top: -24px;
		left: 50%;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-left: -8px
	}
}

.service_solution__step_item .inner {
	background-color: #fff;
	border-radius: 3px;
	padding: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 16px;
	height: 100%
}

.service_solution__step_item .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	min-height: 96px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center
}

.service_solution__step_item .top::after {
	content: '';
	min-height: 96px;
}

.service_solution__step_item .dec {
	width: 100%;
	font-size: 1.4rem;
	line-height: 2;
	margin-top: auto;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

.service_solution__step_item .step {
	width: 64px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #008edc;
	line-height: 1
}

@media (max-width:896px) {
	.service_solution__step_item .step {
		width: 48px
	}
}

.service_solution__step_item .step .number {
	width: 64px;
	height: 64px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#008edc), to(#005bab));
	background-image: linear-gradient(to top, #008edc, #005bab);
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 3.2rem;
	font-weight: 700;
	margin-top: 10px;
	border-radius: 100%
}

@media (max-width:896px) {
	.service_solution__step_item .step .number {
		width: 48px;
		height: 48px;
		font-size: 2.2rem
	}
}

.service_solution__step_item .text {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.33;
	background-image: url(../../assets/images/top_step-cut00.svg);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 96px 87px;
	width: calc(100% - 80px);
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	min-height: 96px
}

@media (max-width:896px) {
	.service_solution__step_item .text {
		width: calc(100% - 64px);
		font-size: 2rem
	}
}

@media (max-width: 374px) {
	.service_solution__step_item .text {
		margin-right: -10px;
		width: calc(100% - 53px);
		font-size: 1.8rem
	}
}

.service_solution__step_item .text--bg2 {
	background-image: url(../../assets/images/top_step-cut01.svg);
	background-size: 79px 96px;
	width: calc(100% - 92px)
}

@media (max-width:896px) {
	.service_solution__step_item .text--bg2 {
		width: calc(100% - 64px)
	}
}

.service_solution__step_item .text--bg3 {
	background-image: url(../../assets/images/top_step-cut02.svg);
	background-size: 96px 96px
}

.service_solution__step_item .text span {
	display: block
}

@media (max-width:896px) {
	.service_solution__step_item .text span {
		display: inline-block
	}
}

.service_solution__step_item .text .notes {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-top: 8px;
	padding: 5px 12px;
	border-radius: 32px;
	background-color: #ffef6f
}

.service_solution__step_item .text .notes span {
	display: inline-block
}

.service_assist {
	margin-top: 64px;
	background-color: #e5f2ff;
	padding: 64px 0
}

@media (max-width:896px) {
	.service_assist {
		margin-top: 48px;
		padding: 48px 0
	}
}

.service_assist h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	text-align: center;
	color: #005bab
}

@media (max-width:896px) {
	.service_assist h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.service_assist__items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 32px;
	position: relative;
	z-index: 2
}

@media (max-width:896px) {
	.service_assist__items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 12px;
		margin-top: 68px
	}
}

.service_assist__items:before {
	content: "";
	width: 185px;
	height: 120px;
	background-size: 185px 120px;
	background-image: url(../../assets/images/service_assist-bg.svg);
	position: absolute;
	left: 57px;
	top: -120px
}

@media (max-width:896px) {
	.service_assist__items:before {
		width: 93px;
		height: 60px;
		background-size: 93px 60px;
		left: 50%;
		top: -60px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.service_assist__item {
	width: 380px;
	padding: 32px 32px;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #ffffff
}

@media (max-width:896px) {
	.service_assist__item {
		width: 100%;
		padding: 16px
	}
}

.service_assist .copy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.service_assist .copy .img {
	width: 40px
}

.service_assist .copy .text {
	font-weight: 700;
	line-height: 1.5;
	width: calc(100% - 56px)
}

.service_assist .dec {
	font-size: 1.4rem;
	line-height: 1.71;
	margin-top: 16px
}

.service_assist .dec a {
	color: #005bab;
	text-decoration: underline
}

.service_assist .dec a:after {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	background-size: 12px 12px;
	background-image: url(../../assets/images/service_assist-link.svg)
}

.service_flow h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	text-align: center;
	color: #005bab
}

.about_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 48px
}

@media (max-width:896px) {
	.about_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin: 32px 0 40px;
	}
}

.about_item {
	width: 580px;
	padding: 32px 24px 28px;
	border-radius: 4px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media (max-width:896px) {
	.about_item {
		margin-bottom: 40px;
		width: 100%;
		padding: 32px 16px
	}

	.about_item:last-child {
		margin-bottom: 0;
	}
}

.about_item .copy {
	border-left: 2px solid #0a2054;
	padding: 8px 16px;
	background-image: linear-gradient(99deg, #d5e1fa 8%, #d9fffe 93%);
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 1.8px
}

.about_item .copy sup {
	font-size: 1.2rem;
	text-align: left;
	color: #333;
	vertical-align: top;
}

@media (max-width:896px) {
	.about_item .copy {
		font-size: 1.6rem;
		padding: 10px 8px 10px 16px;
		letter-spacing: 1.2px
	}
}

@media (max-width: 374px) {
	.about_item .copy {
		letter-spacing: 0
	}
}

.about_item .img {
	text-align: center;
	margin-top: 17px;
	margin-bottom: 6px;
	height: 160px
}

@media (max-width:896px) {
	.about_item .img {
		height: auto
	}
}

.about_item .text {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	margin-top: auto;
	line-height: 2
}

@media (max-width:896px) {
	.about_item .text {
		margin-top: 16px;
		color: #333333
	}
}

.about_item .text .notes {
	margin-top: 16px;
	font-size: 1.2rem;
	line-height: 1.33
}

.about_outline {
	margin-top: 30px;
	border-top: 1px solid #0083d1
}

.about_outline__item {
	border-bottom: 1px solid #0083d1;
	padding: 16px 0
}

.about_outline__item dt {
	font-weight: 700;
	font-size: 1.8rem
}

@media (max-width:896px) {
	.about_outline__item dt {
		color: #212121
	}
}

.about_outline__item dd {
	line-height: 1.63;
	margin-top: 0
}

@media (max-width:896px) {
	.about_outline__item dd {
		color: #242424
	}
}

.about_outline__item dd ul.small li:before {
	top: 7px
}

.about_outline__item dd ul li {
	margin-top: 16px;
	position: relative;
	padding-left: 12px
}

.about_outline__item dd ul li .bold {
	font-weight: 700;
	font-size: 1.4rem
}

.about_outline__item dd ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background-image: linear-gradient(135deg, #0a2054, #026eb7, #0083d1);
	position: absolute;
	left: 0;
	top: 10px
}

.about_outline__item dd ul li:first-child {
	margin-top: 0
}

.about_outline__item dd ol {
	list-style-type: decimal;
	margin-left: 20px
}

.about_outline__item dd .about_outline-img {
	margin-top: 16px
}

.about_outline__item dd .about_outline-img+* {
	margin-top: 16px
}

.about_mothers-logo {
	display: block;
	margin-top: 4px
}

.contact_wrap {
	padding: 64px 0;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #ffffff
}

@media (max-width:896px) {
	.contact_wrap {
		padding: 37px 16px 40px
	}
}

.contact_wrap .dec {
	text-align: center;
	line-height: 2
}

.contact_ok {
	text-align: center
}

.contact_ok+* {
	margin-top: 16px
}

@media (max-width:896px) {
	.smpForm {
		width: 100% !important;
		padding: 0 !important
	}
}

.ss_enquete_field,
.ss_field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 24px;
	border: none !important;
	border-bottom: 1px solid #e2e6ed !important;
	margin-top: 24px;
	background-color: transparent !important
}

@media (max-width:896px) {

	.ss_enquete_field,
	.ss_field {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 8px
	}
}

.ss_enquete_title,
.ss_form_title {
	width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 1.4rem;
	font-weight: 700;
	padding-top: 4px
}

@media (max-width:896px) {

	.ss_enquete_title,
	.ss_form_title {
		width: 100%
	}
}

.ss_bottomComment {
	display: none
}

.ss_grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 600px;

	-webkit-box-align: end;

	    -ms-flex-align: end;

	        align-items: flex-end;
}

.ss_input {
	width: 100%;
	margin-left: 5px;
	margin-right: 5px;
}

@media (max-width:896px) {
	.ss_grid {
		width: 100%;
	}
}

.ss_input p {
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #999;
	margin-top: 3px;
}

.ss_input label {
	font-size: 1.3rem;
	line-height: 1.8rem;
	margin-bottom: 3px;
}

.ss_input input[type=email],
.ss_input input[type=tel],
.ss_input input[type=text],
.ss_input select,
.ss_input textarea {
	width: 100%;
	border-radius: 0;
	border: solid 1px #0a2054 !important;
	background-color: #fff;
	padding: 10px
}

.ss_input input[type=email],
.ss_input input[type=tel],
.ss_input input[type=text],
.ss_input select,
.ss_input textarea :focus {
	border: solid 1px #0a2054
}

.ss_input select {
	min-height: 41.5px;
}

.ss_input .select_wrp {
	position: relative;
}

.ss_input .select_wrp::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #0a2054 transparent transparent transparent;
	display: block;
	position: absolute;
	bottom: 12px;
	right: 14px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.ss_input .ss_gray {
	color: #777;
}

.ss_input textarea {
	height: 130px
}

.ss_input .checkbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.ss_input .checkbox:not(:last-child) {
	margin-bottom: 8px;
}

.ss_input .checkbox label[for] {
	cursor: pointer;
}

.ss_input .checkbox__hidden {
	position: absolute;
	opacity: 0;
	width: 13px;
	height: 13px;
	margin-right: -13px;
	-webkit-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
}

.ss_input .checkbox__hidden:checked+.checkbox__body .checkbox__body__line::before {
	width: 100%;
	-webkit-transition: width 0.1s;
	transition: width 0.1s;
}

.ss_input .checkbox__body {
	width: 20px;
	height: 20px;
	display: block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	border-radius: 0;
	border: 1px solid #092054;
	background-color: #FFF;
	top: 3px;
}

.ss_input .checkbox__body__line {
	position: absolute;
	height: 2px;
	display: block;
}

.ss_input .checkbox__body__line::before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #092054;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}

.ss_input .checkbox__body__line._1 {
	width: 6px;
	top: 9px;
	left: 3px;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.ss_input .checkbox__body__line._2 {
	width: 10px;
	top: 7px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.ss_input .checkbox__label {
	margin-left: 8px;
	margin-bottom: 0;
	font-size: 1.4rem;
	line-height: 2.5rem;
}

.ss_user_notnull {
	display: none;
	min-width: 50px;
}

.ss_required_field .ss_enquete_title:after,
.ss_required_field .ss_form_title span {
	content: "必須";
	display: block;
	padding: 0 12px;
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	background-color: #E04B67;
	height: 24px;
	line-height: 24px
}

.ss_input input[type=checkbox] {
	width: 13px;
	height: 13px;
	margin-right: 10px;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto
}

.ss_btnArea {
	text-align: center;
	margin-top: 24px
}

.ss_btnArea input {
	width: 480px;
	display: inline-block;
	min-height: 64px;
	padding: 19px 16px;
	border-radius: 100px !important;
	font-size: 2rem;
	background-color: #0081cf !important;
	background-image: url(../images/contact_send-icon.svg);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 95% 50%;
	font-weight: 700;
	text-align: center;
	color: #fff;
	position: relative;
	-webkit-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
	cursor: pointer;
	border: none !important
}

@media (max-width:896px) {
	.ss_btnArea input {
		width: 100%
	}
}

.ss_btnArea input:focus,
.ss_btnArea input:hover {
	background-color: #0a2054 !important
}

input[type=email],
input[type=tel],
input[type=text],
select,
textarea {
	outline: none !important
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
	border-color: #0081cf !important;
	border-width: 2px !important
}

.ss_enquete_form .ss_enquete_field:last-of-type .ss_enquete_title {
	display: inline-block
}

.ss_enquete_form .ss_enquete_field:last-of-type .ss_enquete_title:after {
	display: inline-block
}

.ss_bottomComment,
.ss_leftComment,
.ss_rightComment,
.ss_upComment {
	display: block
}

.smpForm {
	width: 840px;
	margin: 32px auto 0
}

.ss_input .js-validation__error {
	margin-top: 3px;
	margin-bottom: 3px;
}

.ss_input .js-validation__error .ss_warning_label {
	background-color: #f89406;
	border-radius: 3px;
	vertical-align: top;
	display: inline-block;
	padding: 2px 4px;
	font-size: 11.844px;
	line-height: 12px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
	white-space: nowrap;
	margin-top: -1px;
}

.ss_input .js-validation__error .ss_error_msg,
.ss_input .js-validation__error .errorMsg {
	vertical-align: top;
	margin-left: 3px;
	font-size: 12px;
	line-height: 12px;
	color: #F89406;
}

.ss_rightComment {
	display: none
}

.ss_error_msg,
.ss_warning_label {
	display: none !important
}

.ss_error_msg,
.ss_warning_label {
	display: inline-block !important
}

.ss_warning_label {
	margin-top: 4px
}

@media (max-width:896px) {
	.ss_input {
		width: 100% !important
	}

	.ss_btnArea input {
		width: 90%
	}
}

.policy_wrap {
	padding: 40px 32px;
	border-radius: 16px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #ffffff;
	line-height: 2
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.color_yellow {
	color: #ffef6f
}

.color_blue {
	color: #005bab
}

.color_skyblue {
	color: #0081cf
}

.sp_hide {
	display: block
}

@media (max-width:896px) {
	.sp_hide {
		display: none !important
	}
}

.pc_hide {
	display: none
}

@media (max-width:896px) {
	.pc_hide {
		display: block
	}
}

.headline_h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	color: #008edc;
	text-align: center
}

@media (max-width:896px) {
	.headline_h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.badge {
	position: relative
}

.badge:after {
	content: "※";
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff
}

@media (max-width:896px) {
	.badge {
		left: 4vw !important
	}

	.badge:after {
		font-size: 16px;
		left: 0
	}
}

.top_solution__about_item .badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 0
}

.floating__banner_close {
	height: 20px
}

.date_detail {
	font-size: 20px !important;
	text-align: end
}

.top_price {
	padding-top: 0
}

.footer__item {
	/* width: 50% */
}

.footer__item .detail {
	/* width: 300px */
}


.floating_nav a {
	width: calc((100% - 12px) / 2)
}

@media (max-width:896px) {

	.footer__item {
		width: 100%
	}
}

.ss_required_field:nth-of-type(2) .ss_enquete_title {
	display: block
}

@media (max-width:896px) {
	.ss_btnArea input {
		width: 100%
	}
}

.ss_btnArea input:focus,
.ss_btnArea input:hover {
	background-color: #0a2054 !important
}




@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.color_yellow {
	color: #ffef6f
}

.color_blue {
	color: #005bab
}

.color_skyblue {
	color: #0081cf
}

.sp_hide {
	display: block
}

@media (max-width:896px) {
	.sp_hide {
		display: none
	}
}

.pc_hide {
	display: none
}

@media (max-width:896px) {
	.pc_hide {
		display: block
	}
}

.headline_h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	color: #008edc;
	text-align: center
}

@media (max-width:896px) {
	.headline_h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.badge {
	position: relative
}

.badge:after {
	content: "※";
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff
}

@media (max-width:896px) {
	.badge {
		left: 4vw !important
	}

	.badge:after {
		font-size: 16px;
		left: 0
	}
}

.top_solution__about_item .badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px
}

.floating__banner_close {
	height: 20px
}

.date_detail {
	font-size: 20px !important;
	text-align: end
}

.top_price {
	padding-top: 0
}

.footer__item {
	/* width: 50% */
}

.footer__item .detail {
	/* width: 300px */
}



.floating_nav a {
	width: calc((100% - 12px) / 2)
}

@media (max-width:896px) {

	.footer__item {
		width: 100%
	}
}

@media (max-width:896px) {
	.ss_btnArea input {
		width: 100%
	}
}

.ss_btnArea input:focus,
.ss_btnArea input:hover {
	background-color: #0a2054 !important
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.color_yellow {
	color: #ffef6f
}

.color_blue {
	color: #005bab
}

.color_skyblue {
	color: #0081cf
}

.sp_hide {
	display: block
}

@media (max-width:896px) {
	.sp_hide {
		display: none
	}
}

.pc_hide {
	display: none
}

@media (max-width:896px) {
	.pc_hide {
		display: block
	}
}

.headline_h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	color: #008edc;
	text-align: center
}

@media (max-width:896px) {
	.headline_h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.badge {
	position: relative
}

.badge:after {
	content: "※";
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff
}

@media (max-width:896px) {
	.badge {
		left: 4vw !important
	}

	.badge:after {
		font-size: 16px;
		left: 0
	}
}

.top_solution__about_item .badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px
}

.floating__banner_close {
	height: 20px
}

.date_detail {
	font-size: 20px !important;
	text-align: end
}

.top_price {
	padding-top: 0
}

.footer__item {
	/* width: 50% */
}

.footer__item .detail {
	/* width: 300px */
}

#emb008a90f1-7728-4d74-938d-b81e744ccea5 .ss_enquete_form .ss_required_field:nth-of-type(3) .ss_input input[type=text] {
	margin-top: 5px
}

#emb08551386-a8ce-4371-bc08-f14a4969714a .ss_enquete_form .ss_required_field:first-of-type .ss_input input[type=text] {
	margin-top: 5px
}


.floating_nav a {
	width: calc((100% - 12px) / 2)
}

@media (max-width:896px) {
	.footer__item {
		width: 100%
	}
}

@media (max-width:896px) {
	.ss_btnArea input {
		width: 100%
	}
}

.ss_btnArea input:focus,
.ss_btnArea input:hover {
	background-color: #0a2054 !important
}


@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.color_yellow {
	color: #ffef6f
}

.color_blue {
	color: #005bab
}

.color_skyblue {
	color: #0081cf
}

.sp_hide {
	display: block
}

@media (max-width:896px) {
	.sp_hide {
		display: none
	}
}

.pc_hide {
	display: none
}

@media (max-width:896px) {
	.pc_hide {
		display: block
	}
}

.headline_h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	color: #008edc;
	text-align: center
}

@media (max-width:896px) {
	.headline_h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.badge {
	position: relative
}

.badge:after {
	content: "※";
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff
}

@media (max-width:896px) {
	.badge {
		left: 4vw !important
	}

	.badge:after {
		font-size: 16px;
		left: 0
	}
}

.top_solution__about_item .badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px
}

.floating__banner_close {
	height: 20px
}

.date_detail {
	font-size: 20px !important;
	text-align: end
}

.top_price {
	padding-top: 0
}

.footer__item {
	/* width: 50% */
}

.footer__item .detail {
	/* width: 300px */
}


.floating_nav a {
	width: calc((100% - 12px) / 2)
}

@media (max-width:896px) {
	.footer__item {
		width: 100%
	}
}

@media (max-width:896px) {
	.ss_btnArea input {
		width: 100%
	}
}

.ss_btnArea input:focus,
.ss_btnArea input:hover {
	background-color: #0a2054 !important
}


@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.color_yellow {
	color: #ffef6f
}

.color_blue {
	color: #005bab
}

.color_skyblue {
	color: #0081cf
}

.sp_hide {
	display: block
}

@media (max-width:896px) {
	.sp_hide {
		display: none
	}
}

.pc_hide {
	display: none
}

@media (max-width:896px) {
	.pc_hide {
		display: block
	}
}

.headline_h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	color: #008edc;
	text-align: center
}

@media (max-width:896px) {
	.headline_h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.badge {
	position: relative
}

.badge:after {
	content: "※";
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff
}

@media (max-width:896px) {
	.badge {
		left: 4vw !important
	}

	.badge:after {
		font-size: 16px;
		left: 0
	}
}

.top_solution__about_item .badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px
}

.floating__banner_close {
	height: 20px
}

.date_detail {
	font-size: 20px !important;
	text-align: end
}

.top_price {
	padding-top: 0
}

.footer__item {
	/* width: 50% */
}

.footer__item .detail {
	/* width: 300px */
}


.floating_nav a {
	width: calc((100% - 12px) / 2)
}

@media (max-width:896px) {
	.footer__item {
		width: 100%
	}
}

@media (max-width:896px) {
	.ss_btnArea input {
		width: 100%
	}
}

.ss_btnArea input:focus,
.ss_btnArea input:hover {
	background-color: #0a2054 !important
}


@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 13px
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 2rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.color_yellow {
	color: #ffef6f
}

.color_blue {
	color: #005bab
}

.color_skyblue {
	color: #0081cf
}

.sp_hide {
	display: block
}

@media (max-width:896px) {
	.sp_hide {
		display: none
	}
}

.pc_hide {
	display: none
}

@media (max-width:896px) {
	.pc_hide {
		display: block
	}
}

.headline_h2 {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	color: #008edc;
	text-align: center
}

@media (max-width:896px) {
	.headline_h2 {
		font-size: 2.4rem;
		line-height: 1.5
	}
}

.policy_wrap {
	padding: 40px 32px;
	border-radius: 4px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #ffffff;
	line-height: 2
}

@media (max-width:896px) {
	.policy_wrap {
		padding: 37px 16px 40px
	}
}

.policy_wrap h2 {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 2px;
	color: #0a2054;
	padding-left: 12px;
	position: relative
}

.policy_wrap h2:before {
	content: "";
	width: 4px;
	height: 20px;
	background-color: #0083d1;
	position: absolute;
	left: 0;
	top: 5px
}

@media (max-width:896px) {
	.policy_wrap h2:before {
		height: calc(100% - 10px);
	}

}

.policy_wrap h2+* {
	margin-top: 10px
}

.policy_wrap p {
	margin-top: 48px
}

.policy_wrap ol {
	counter-reset: item
}

.policy_wrap ol li {
	position: relative;
	padding-left: 26px;
	padding-top: 4px;
	margin-top: 0;
}

.policy_wrap ol li:first-of-type {
	margin-top: 0
}

.policy_wrap ol li:before {
	position: absolute;
	left: 0;
	top: 5px;
	counter-increment: item;
	content: counter(item) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_wrap ol li ol {
	counter-reset: item2
}

.policy_wrap ol li ol li:before {
	position: absolute;
	left: 0;
	top: 3px;
	counter-increment: item2;
	content: counter(item2, lower-roman) ".";
	font-size: 1.6rem;
	font-weight: 700
}

.policy_item:not(:first-of-type) {
	margin-top: 40px
}

.policy_item a {
	color: #0083d1;
	text-decoration: underline
}

.policy_sign {
	margin-top: 40px;
	text-align: right
}

.notfound_wrap .img {
	text-align: center
}

.notfound_wrap .dec {
	text-align: center;
	line-height: 2;
	margin-top: 32px
}

.notfound_wrap ul {
	width: 452px;
	margin: 24px auto 0
}

@media (max-width:896px) {
	.notfound_wrap ul {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px
	}
}

.notfound_wrap ul li {
	background-image: url(../../assets/images/404_icon.svg);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 25px;
	margin-top: 1rem;
	white-space: nowrap
}

@media (max-width:896px) {
	.notfound_wrap ul li {
		white-space: pre-wrap
	}
}

.notfound_wrap .btn {
	text-align: center;
	margin-top: 32px
}

.badge {
	position: relative
}

.badge:after {
	content: "※";
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff
}

@media (max-width:896px) {
	.badge {
		left: 4vw !important
	}

	.badge:after {
		font-size: 16px;
		left: 0
	}
}

.top_solution__about_item .badge {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px
}

.floating__banner_close {
	height: 20px
}

.date_detail {
	font-size: 20px !important;
	text-align: end
}

.top_price {
	padding-top: 0
}

.footer__item {
	/* width: 50% */
}

.footer__item .detail {
	/* width: 300px */
}


.floating_nav a {
	width: calc((100% - 12px) / 2)
}

@media (max-width:896px) {
	.footer__item {
		width: 100%
	}
}

/* head__line01 */
.head__line01 {
	margin-bottom: 39px;
	padding-bottom: 26px;
	color: #0A2054;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
}

.head__line01::before,
.head__line01::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #E2E6ED;
	border-radius: 2px;
	content: '';
}

.head__line01::before {
	width: 40px;
	background-color: #008EDC;
	z-index: 5;
}

@media all and (max-width: 896px) {
	.head__line01 {
		margin-bottom: 25px;
		padding-bottom: 16px;
		font-size: 2.4rem;
		line-height: 1.66;
	}
}

/* head__line02  */
.head__line02,
.com_detail h2 {
	margin-bottom: 32px;
	padding: 20px 16px 19px;
	color: #0A2054;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	background-color: #F4F7FC;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media all and (max-width: 896px) {

	.head__line02,
	.com_detail h2 {
		margin-bottom: 24px;
		padding: 16px;
		font-size: 1.6rem;
	}
}

/* head__line03  */
.head__line03,
.com_detail h3 {
	margin-bottom: 28px;
	padding: 4px 0 4px 16px;
	font-size: 1.6rem;
	font-weight: bold;
	position: relative;
}

.head__line03::before,
.com_detail h3::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	border-radius: 2px;
	background-color: #0A2054;
	content: '';
}

@media all and (max-width: 896px) {

	.head__line03,
	.com_detail h3 {
		margin-bottom: 20px;
		font-size: 1.4rem;
		line-height: 1.714;
	}
}

/* common__text */
.common__text {
	margin-bottom: 28px;
	padding: 22px 24px 23px;
	border: 1px solid #E2E6ED;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.common__text .common__text--list {
	margin-top: -15px;
}

.com_detail ul {
	margin-bottom: 24px;
	padding: 7px 24px 23px;
	border: 1px solid #E2E6ED;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	line-height: 1.5;
}

.com_detail ul.bg_list {
	margin-bottom: 24px;
	background: -webkit-gradient(linear, left top, right top, from(#008EDC), to(#005BAB));
	background: linear-gradient(to right, #008EDC, #005BAB);
}

.common__text .common__text--list li,
.com_detail ul li {
	padding-left: 15px;
	margin-top: 16px;
	position: relative;
}

.com_detail ul.bg_list li {
	color: #FFF;
	font-weight: bold;
}

.common__text .common__text--list li::before,
.com_detail ul li::before {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: -1px;
	content: '';
	background-color: #0A2054;
}

.com_detail ul.bg_list li::before {
	background-color: #FFF;
}

.com_detail .w50 {
	width: 50%;
}

.com_detail .w75 {
	width: 75%;
}

.com_detail .w100 {
	width: 100%;
}

@media all and (max-width: 896px) {
	.common__text {
		margin-bottom: 36px;
		padding: 12px 16px 13px;
		border-radius: 2px;
	}

	.common__text .common__text--list {
		margin-top: -11px;
	}

	.com_detail ul {
		margin-bottom: 32px;
		padding: 1px 16px 13px;
	}

	.common__text .common__text--list li,
	.com_detail ul li {
		padding-left: 15px;
		margin-top: 12px;
		font-size: 1.4rem;
		line-height: 1.714;
	}

	.common__text .common__text--list li::before,
	.com_detail ul li::before {
		top: 7px;
		-webkit-transform: none;
		        transform: none;
	}
}

/* share__box */
.share__box {
	padding-top: 32px;
	border-top: 1px solid #E2E6ED;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.share__box p {
	margin: -5px 24px 0 0 !important;
	font-size: 1.4rem;
	font-weight: bold;
}

.share__box .list__ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.share__box .list__ul li {
	margin-right: 16px;
}

@media all and (min-width: 897px) {
	.share__box .list__ul a:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	.share__box {
		padding-top: 12px;
		display: block;
	}

	.share__box .list__ul {
		margin-top: -11px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.share__box .list__ul li {
		margin: 11px 16px 0 0;
	}

	.share__box p {
		margin: 0 0 12px !important;
		font-size: 1.4rem;
		text-align: center;
	}
}

/* pageNavi */
.pageNavi {
	margin: 0 auto 64px;
	max-width: 296px;
	font-size: 0;
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}

.pageNavi .next.btn span,
.pageNavi .prev.btn span {
	width: 48px;
	height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 100%;
	-webkit-box-shadow: 0px 8px 16px rgba(0, 142, 220, 0.08);
	        box-shadow: 0px 8px 16px rgba(0, 142, 220, 0.08);
	-webkit-transition: 0.3;
	transition: 0.3;
}

.pageNavi .next.btn a,
.pageNavi .prev.btn a {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #008EDC;
	font-size: 1.6rem;
	font-weight: bold;
	-webkit-transition: 0.3;
	transition: 0.3;
}

.pageNavi .btn.none a {
	color: #8C97B1;
	pointer-events: none;
}

.pageNavi .prev.btn span {
	margin-right: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#008edc), to(#005bab));
	background: linear-gradient(#008edc 0%, #005bab 100%);
}

.pageNavi .next.btn span {
	margin-left: 16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#008edc), to(#005bab));
	background: linear-gradient(#008edc 0%, #005bab 100%);
}

.pageNavi .btn.none span {
	background: #8c97b1;
}

.pageNavi .prev.btn img {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

@media all and (min-width: 897px) {

	.pageNavi .btn a:hover,
	.pageNavi .btn a:hover {
		color: #0a2054;
	}

	.pageNavi .btn a:hover span {
		background: #0A2054;
	}
}

@media all and (max-width: 896px) {
	.pageNavi {
		margin: 0 auto 48px;
		max-width: 232px;
	}

	.pageNavi .next.btn span,
	.pageNavi .prev.btn span {
		width: 40px;
		height: 40px;
	}

	.pageNavi .next.btn a,
	.pageNavi .prev.btn a {
		font-size: 1.4rem;
	}

	.pageNavi .prev.btn span {
		margin-right: 8px;
	}

	.pageNavi .next.btn span {
		margin-left: 8px;
	}
}

/* .btn */
.btn02 {
	text-align: center;
}

@media all and (max-width: 896px) {
	.btn02 {
		padding: 0 16px;
	}

	.btn02 .btn_default {
		padding: 16px 8px;
	}
}

/* wp-pagenavi */
.wp-pagenavi {
	font-size: 0;
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	margin-top: 30px;
}

.wp-pagenavi a,
.wp-pagenavi span {
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	color: #008edc;
	text-align: center;
	text-decoration: none;
}

.wp-pagenavi .current,
.wp-pagenavi .page {
	padding: 8px 0;
	width: 48px;
	border-bottom: 1px solid #e2e6ed;
}

.wp-pagenavi .current {
	color: #0a2054;
}

.wp-pagenavi span.current {
	border-color: #0a2054;
	color: #0a2054;
}

.wp-pagenavi .pages,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last {
	display: none;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #008edc;
}

.wp-pagenavi .previouspostslink {
	margin-right: 24px;
}

.wp-pagenavi .nextpostslink {
	margin-left: 24px;
}

.wp-pagenavi .nextpostslink span,
.wp-pagenavi .previouspostslink span {
	width: 48px;
	height: 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 50%;
	-webkit-box-shadow: 0px 8px 16px rgba(0, 142, 220, 0.08);
	        box-shadow: 0px 8px 16px rgba(0, 142, 220, 0.08);
	background: -webkit-gradient(linear, left top, left bottom, from(#008edc), to(#005bab));
	background: linear-gradient(#008edc 0%, #005bab 100%);
}

.wp-pagenavi .previouspostslink span {
	margin-right: 16px;
}

.wp-pagenavi .nextpostslink span {
	margin-left: 16px;
}

.wp-pagenavi .previouspostslink img {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.wp-pagenavi .none {
	pointer-events: none;
	color: #8c97b1;
}

.wp-pagenavi .none span {
	background: #8c97b1;
}

.hide__navi {
	display: none;
}

@media all and (min-width: 897px) {
	.wp-pagenavi a:hover {
		border-color: #0a2054;
		color: #0a2054;
	}

	.wp-pagenavi .nextpostslink:hover span,
	.wp-pagenavi .previouspostslink:hover span {
		background: #0A2054;
	}
}

@media all and (max-width: 896px) {

	.wp-pagenavi a,
	.wp-pagenavi span {
		font-size: 1.4rem;
		line-height: 2.29;
	}

	.wp-pagenavi .previouspostslink {
		margin-right: 14px;
	}

	.wp-pagenavi .nextpostslink {
		margin-left: 15px;
	}

	.wp-pagenavi .nextpostslink span,
	.wp-pagenavi .previouspostslink span {
		width: 40px;
		height: 40px;
	}

	.wp-pagenavi .previouspostslink span {
		margin-right: 9px;
	}

	.wp-pagenavi .nextpostslink span {
		margin-left: 9px;
	}

	.wp-pagenavi .first {
		margin: 0 14px 0 9px;
		color: #8c97b1;
	}

	.wp-pagenavi .last {
		margin: 0 9px 0 15px;
	}

	.wp-pagenavi .current,
	.wp-pagenavi .page {
		padding: 3px 0;
		width: 8.53vw;
	}
}

@media (max-width:374px) {
	.wp-pagenavi .first {
		margin: 0 2px 0 5px;
	}

	.wp-pagenavi .last {
		margin: 0 2px 0 4px;
	}
}

/* understand */
.understand {
	margin: 0 -100px;
	padding-bottom: 38px;
	background-color: #fff;
}

.understand h2 {
	margin-bottom: 44px;
}

.understand .content {
	margin: 0 auto;
	padding-top: 43px;
	max-width: 1200px;
	position: relative;
}

.understand .understand__ul {
	margin-bottom: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.understand .understand__ul li {
	margin-right: 30px;
	height: 164px;
	width: calc(100%/3 - 20px);
	background-color: #008EDC;
	border-radius: 4px;
	border-bottom: 4px solid #0A2054;
}

.understand .understand__ul li:nth-child(3n) {
	margin-right: 0;
}

.understand .understand__ul li.on {
	height: 160px;
	background-color: #74C6F4;
	border-bottom: none;
}

.understand .understand__ul li a {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
}

.understand .understand__ul li a .btn_icon {
	padding: 14px;
	width: 48px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 100%;
}

.understand .understand__ul li .btn_icon_svg {
	fill: #ffffff;
	width: 18px;
	height: 18px;
}

.understand .content .img {
	width: 138px;
	position: absolute;
	top: -59px;
	right: 58px;
}

.understand .content .img02 {
	width: 98px;
	top: 39px;
	left: 16px;
	right: auto;
}

.understand .breadcrumb {
	margin-top: 59px;
}

@media all and (max-width: 896px) {
	.understand {
		margin: 0 -16px;
		padding-bottom: 5px;
	}

	.understand .content {
		padding: 48px 16px 0;
	}

	.understand .understand__ul {
		margin-bottom: 24px;
		display: block;
	}

	.understand .understand__ul li {
		margin: 0 0 8px;
		height: 84px;
		width: auto;
	}

	.understand .understand__ul li.on {
		height: 80px;
		margin-top: 12px;
	}

	.understand .content .img {
		width: 91px;
		top: -37px;
		right: 1px;
	}

	.understand .content .img02 {
		width: 65px;
		top: 61px;
		left: 17px;
	}

	.understand .breadcrumb {
		margin-top: 75px;
	}
}

@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
}

@media all and (max-width: 896px) {
	.pc {
		display: none !important;
	}
}

/* top_price */
.top_price {
	padding: 120px;
	margin-top: 0;
}

.top_price_items {
	width: 980px;
	margin: 0 auto;
	padding-top: 40px;
	position: relative;
}

.top_price_items::before {
	content: "";
	width: 258px;
	height: 254px;
	background-image: url(../images/img-innovation.png);
	background-size: 258px 254px;
	background-repeat: no-repeat;
	position: absolute;
	top: -62px;
	left: -48px;
}

.top_price_items ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 900px;
	padding-left: 80px;
	background: #fff;
	margin-left: auto;
	-webkit-box-shadow: 0 8px 16px 0 rgb(0 142 220 / 8%);
	        box-shadow: 0 8px 16px 0 rgb(0 142 220 / 8%);
	background-image: linear-gradient(111deg, #008edc, #005bab);
	border-radius: 4px;
	padding: 4px;
}

.top_price_items ul li {
	width: calc(100% / 3);
	background: #fff;
	border-right: 1px solid #E2E6ED;
	padding: 16px;
	text-align: center;
}

.top_price_items ul li:last-child {
	border-right: none;
}

.top_price_items .plan_title {
	font-size: 1.6rem;
	color: #0081CF;
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #008edc;
	padding-bottom: 8px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;
}

.top_price_items .plan_title.clr_none {
	border-bottom: 1px solid #0A2054;
}

.top_price_items .plan_inner {
	height: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.top_price_items .plan_txt {
	font-size: 2.4rem;
	line-height: 1.3;
	font-weight: bold;
	color: #008edc;
	text-align: center;
}

.top_price_items .small_txt {
	font-size: 1.2rem;
	font-weight: normal;
}

.top_price_items .plan_sm_txt {
	font-size: 1.6rem;
}

.top_price_items .bg_txt {
	font-size: 4.0rem;
}

.top_price_items .clr_none {
	color: #0A2054;
}

.top_price_items .info_txt {
	font-size: 1.4rem;
	text-align: left;
}

.top_price_items .info_txt a {
	color: #008edc;
	text-decoration: underline;
	font-weight: bold;
}

.top_price_items .info_txt a:hover {
	opacity: 0.6;
}

.top_price .btn {
	margin-top: 40px;
	text-align: center;
	margin-bottom: 60px;
}

.top_price picture img {
	display: block;
	margin: 0 auto;
}

@media (max-width:896px) {
	.top_price {
		padding: 65px 0;
		width: 100%;
	}

	.top_price .btn {
		margin-top: 40px;
	}

	.top_price_items {
		padding-top: 20px;
		padding-bottom: 48px;
		width: 100%;
	}

	.top_price_items ul {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.top_price_items ul li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #E2E6ED;
	}

	.top_price_items ul li:last-child {
		border-bottom: none;
	}

	.top_price_items .plan_title {
		font-size: 1.2rem;
		padding-bottom: 4px;
	}

	.top_price_items .plan_txt {
		font-size: 1.6rem;
	}

	.top_price_items .plan_sm_txt {
		font-size: 1.4rem;
	}

	.top_price_items .info_txt {
		font-size: 1.2rem;
	}

	.top_price_items .bg_txt {
		font-size: 2.4rem;
	}

	.top_price_items .plan_inner {
		height: auto;
		padding: 16px 0;
	}

	.top_price_items::before {
		background-image: url(../../assets/images/img-innovation.png);
		width: 193px;
		height: 193px;
		background-size: 100%;
		background-repeat: no-repeat;
		top: -31px;
		left: -71px;
	}
}

/* service */
.page__header--service {
	padding-top: 137px;
	padding-bottom: 102px
}

.page__header--service .service_top {
	margin-top: 60px;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.page__header--service .service_top .dec {
	width: 564px;
}

.service_content__news {
	padding: 30px 0 35px;
	position: relative;
	background-color: #FFF;
}

.service_content__news--top {
	margin: -40px 0 80px;
}

.service_content__news .headline_h2 {
	margin-bottom: 33px;
	color: #005bab;
}

.service_content__news .list:before {
	content: "";
	width: 137px;
	height: 150px;
	/* background-image: url(../../assets/images/top_solution-header-cut00.svg); */
	/* background-size: 100%; */
	/* background-repeat: no-repeat; */
	position: absolute;
	z-index: 10;
	top: -164px;
	right: 58px
}

.service_content__news .list::after {
	content: "";
	width: 98px;
	height: 110px;
	background-image: url(../../assets/images/top_solution-header-cut01.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	top: -72px;
	left: 15px;
}

.service_content__news .list a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/* height: 164px; */
	padding: 30px 0;
	font-weight: bold;
	font-size: 2rem;
	color: #fff;
	border-radius: 4px;
	background: #008edc;
	border-bottom: 4px solid #0A2054;
	-webkit-box-shadow: 0px 8px 16px rgba(0, 142, 220, 0.08);
	        box-shadow: 0px 8px 16px rgba(0, 142, 220, 0.08);
}

.service_content__news .list .on a {
	background-color: #74C6F4;
	margin-top: 4px;
	height: 160px;
	border-bottom: none;
}

.service_content__news .list .btn_icon {
	padding: 15px 0 0 15px;
	fill: #FFF;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	border: 1px solid #FFF;
	border-radius: 100%;
}

.service_content::before {
	content: "";
	width: 258px;
	height: 254px;
	background-image: url(../images/img-innovation.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	top: -55px;
	right: -82px;
}

.service_solution__step h2::before {
	top: 4px;
	width: 343px;
	height: 44px;
	background-size: 343px 44px;
	background-image: url(../images/top_step.svg);
	background-position: 0 0;
}

.service_price {
	padding: 80px 0 0;
	background-color: transparent;
}

.service_price .btn {
	margin-bottom: 0;
}

@media (min-width:897px) {
	.service_content__news .list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.service_content__news .list li {
		/* width: calc((100% - 60px)/3) */
		width: 100%;
	}

	.service_content__news .list a:hover {
		background-color: #74C6F4;
		border-color: #74C6F4;
	}

	.service_content__news .btn {
		margin-top: 32px !important;
	}

	.service_content__news .breadcrumb {
		margin-top: 60px;
	}
}

@media (max-width:896px) {
	.service_content__news:before {
		width: 92px;
		height: 95px;
		background-size: 92px 95px;
		top: -70px;
		right: 12px
	}

	.service_content__news:after {
		width: 64px;
		height: 96px;
		bottom: -102px;
		left: 21px
	}

	.page__header--service {
		padding-top: 100px;
		padding-bottom: 60px;
	}

	.page__header--service .service_top {
		margin-top: 35px;
	}

	.page__header--service .service_top .dec {
		margin: 0 15px;
		width: inherit;
	}

	.service_top .dec .text {
		margin-top: 15px;
		font-size: 1.4rem;
	}

	.service_content__news {
		margin-bottom: -6px;
		padding: 48px 0 5px;
	}

	.service_content__news--top {
		margin-bottom: 80px;
		padding: 48px 0 24px;
	}

	.service_content__news .headline_h2 {
		margin-bottom: 29px;
	}

	.service_content__news--top .headline_h2 {
		margin-bottom: 25px;
	}

	.service_content__news .list {
		margin: 0 -2px;
	}

	.service_content__news .list li {
		margin-bottom: 8px;
	}

	.service_content__news .list a {
		height: 84px;
	}

	.service_content__news .list .on a {
		height: 80px;
	}

	.service_content__news .list .btn_icon {
		right: 16px;
	}

	.service_content__news .list::before {
		width: 92px;
		height: 100px;
		top: -37px;
		right: 1px;
	}

	.service_content__news .list::after {
		width: 64px;
		height: 80px;
		top: 61px;
		left: 18px;
	}

	.service_content__news .btn {
		margin: 25px 0 0 !important;
	}

	.service_content__news .breadcrumb {
		margin-top: 76px;
	}

	.service_content__news .breadcrumb .container--medium {
		padding-left: 0;
		padding-right: 0;
	}

	.service_content::before {
		width: 194px;
		top: -77px;
		right: -71px;
	}

	.service_solution__step {
		margin-top: 90px;
	}

	.service_solution__step h2::before {
		top: 11px;
	}

	.service_solution__step_item .text {
		margin-right: -10px;
		width: calc(100% - 54px);
	}

	.service_price {
		padding: 65px 0 0;
	}

	.service_price .top_price_items {
		padding-bottom: 25px;
	}

	.service_price .btn {
		margin: 0 15px;
	}
}

@media (max-width: 374px) {
	.service_content__news .list .btn_icon {
		right: 0;
		-webkit-transform: scale(0.7) translateY(-60%);
		        transform: scale(0.7) translateY(-60%);
	}
}

/**/
.pricing_wrap {
	padding: 64px 32px 41px;
	border-radius: 2px;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	box-shadow: 0 8px 16px 0 rgba(0, 142, 220, 0.08);
	background-color: #ffffff;
}

.pricing h2 {
	margin-bottom: 20px;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.47;
	text-align: center;
	color: #005bab;
}

.function .pricing_wrap {
	margin-bottom: 79px;
	padding-bottom: 53px;
}

.function .pricing_wrap h2 {
	margin-bottom: 42px;
}

.pricing_wrap .info {
	margin-bottom: 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: bold;
	font-size: 1.4rem;
	color: #0a2054;
}

.pricing_wrap .info .doubt {
	padding: 6px 0 0 5px;
	display: inline-block;
	position: relative;
}

.pricing_wrap .info .doubt a:hover {
	opacity: 0.7;
}

.pricing_wrap .info .doubt .hide {
	width: 281px;
	padding: 6px 10px;
	display: none;
	font-size: 1.2rem;
	font-weight: normal;
	color: #0d1f38;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #e2e6ed;
	-webkit-box-shadow: 0px 2px 4px rgba(13, 31, 56, 0.2);
	        box-shadow: 0px 2px 4px rgba(13, 31, 56, 0.2);
	position: absolute;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	z-index: 10;
	text-align: left;
}

/*.pricing_wrap .info .doubt:hover .hide {*/
/*    display: inline-block;*/
/*    opacity: 1;*/
/*}*/
.pricing_wrap .info li:nth-of-type(6) .hide {
	top: -115px;
	left: 530%;
}

.pricing_wrap .info li:nth-of-type(7) .hide {
	top: -90px;
	left: 530%;
}

.pricing_wrap .info li:nth-of-type(8) .hide {
	top: -90px;
	left: 530%;
}

.pricing_wrap .info li:nth-of-type(9) .hide {
	top: -75px;
	left: 550%;
}

.pricing_wrap .info li:nth-of-type(10) .hide {
	top: -105px;
	left: 550%;
}

.pricing_wrap .info li:nth-of-type(11) .hide {
	top: -65px;
	left: 550%;
}

.pricing_wrap .info ul {
	background: #fff;
}

.pricing_wrap .info li {
	min-height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	line-height: 1.2;
}

.pricing .expense .roll li img {
	width: 32px;
	height: 32px;
}

.pricing_wrap .info .first li {
	padding: 9px;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	border-radius: 4px 0 0 4px;
}

.pricing_wrap .info li:nth-of-type(2n) {
	background: #f4f7fc;
}

.pricing .expense li:first-of-type {
	height: 271px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.pricing_wrap .info li span {
	display: block;
	text-align: center;
}

.pricing .expense .top-li .text {
	margin-bottom: -3px;
}

.pricing_wrap .info li span.tips {
	margin-top: 0;
	text-align: left;
}

.pricing_wrap .info li span.tips a {
	font-size: 1.4rem;
	color: #008edc;
	text-decoration: underline;
}

.pricing_wrap .info>ul,
.pricing .function .scroll_box>ul {
	padding: 4px 0;
}

.pricing_wrap .info .first {
	width: 236px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.pricing_wrap .info .scroll_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* width: 900px; */
	text-align: center;
	color: #0a2054;
}

.pricing_wrap .info .roll01 {
	border-radius: 2px 0 0 2px;
}

.pricing .function .roll01 {
	border-radius: 2px;
}

@media (min-width:895px){
	.pricing .function .info .roll02,
	.pricing .function .info .roll03 {
		/* width: 450px; */
		width: 100%;
		max-width: 450px;
	}
}

.pricing_wrap .info .roll03 {
	border-radius: 0 2px 2px 0;
}

.pricing_wrap .info .roll03 li {
	border-radius: 0 4px 4px 0;
}

.pricing .blue_border {
	padding: 4px;
	border-radius: 4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#008edc), to(#005bab));
	background: linear-gradient(#008edc 0%, #005bab 100%);
}

.pricing .blue_border ul {
	font-size: 2rem;
	width: 299px;
}

.pricing .function li:first-of-type {
	height: 100px;
}

.pricing .roll ul li {
	border-right: 1px solid #e2e6ed;
}

.pricing .roll ul:last-child li {
	border-right: none;
}

.pricing .correct {
	position: relative;
}

.pricing .correct::before {
	content: "";
	width: 56px;
	height: 56px;
	background: url("../images/pricing_correct.png") no-repeat center center / 56px auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	position: absolute;
}

.pricing .warning {
	position: relative;
}

.pricing .warning::before {
	content: "";
	width: 48px;
	height: 42px;
	background: url("../images/pricing_warning.png") no-repeat center center / 48px auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	position: absolute;
}

.pricing .error {
	position: relative;
}

.pricing .error::before {
	content: "";
	width: 40px;
	height: 40px;
	background: url("../images/pricing_error.png") no-repeat center center / 40px auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	position: absolute;
}

.pricing .red_text {
	color: #e04b67;
}

.pricing .function .top-li {
	font-size: 1.6rem;
}

.pricing_wrap .info .title {
	margin-bottom: 24px;
	padding-bottom: 11px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	border-bottom: 1px solid #0a2054;
}

.pricing_wrap .info .blue_text {
	color: #008edc;
	border-color: #008edc;
}

.pricing_wrap .info li .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	/* height: 108px; */
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}

.pricing_wrap .info li .pricr_special {
	display: block;
	color: #008edc;
}

.pricing_wrap .info li .span_num {
	padding-bottom: 13px;
	display: inline-block;
	font-size: 4rem;
}

.pricing_wrap .info li .pricr_special .span_num {
	padding-bottom: 0;
}

.pricing .pricr_special .span_text01 {
	font-size: 1.2rem !important;
	text-align: center;
}

.pricing .pricr_special .span_text01 {
	margin-bottom: 6px;
	font-weight: normal;
}

.pricing .pricr_special .span_text02 {
	margin-top: 15px;
	font-size: 1.6rem;
	text-align: center;
}

.pricing .expense .top-li {
	padding: 18px 15px 10px;
	display: block;
	color: #0a2054;
}

.pricing .expense .roll03 li .price {
	line-height: 1.5;
}

.pricing .expense .top-li .text {
	text-align: left;
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 1.42;
}

.pricing .text_size {
	font-size: 1.4rem;
}

.pricing .text_red {
	font-weight: bold;
	font-size: 2rem;
	text-align: center;
	color: #e04b67;
}

.pricing .function .first .height-box03 {
	margin-right: -155%;
	padding-right: calc(155% + 9px);
}

.pricing .notes {
	font-size: 1.2rem;
	line-height: 1.42;
	color: #0a2054;
}

.flow .notes {
	font-size: 1.2rem;
	color: #9ea3b1;
}

.expense .btn,
.flow .btn {
	text-align: center;
	margin-top: 35px;
}

.flow .btn {
	margin-top: 24px;
}

.pricing_wrap .info .height-box01 {
	min-height: 127px;
}

.pricing_wrap .info .height-box03 {
	min-height: 112px;
}

.pricing .function .roll_text {
	line-height: 1.67;
}

.pricing .function .roll_text span {
	margin-top: -11px;
	width: 100%;
	font-weight: normal;
	font-size: 1.2rem;
}

.pricing .function .roll03 .roll_text span {
	margin-top: -25px;
}

.pricing_wrap .info .info .first li {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.pricing_wrap .info .blue_border .height-box03 {
	border-radius: 0 0 11px 11px;
}

.pricing .expense {
	margin-bottom: 80px;
}

.pricing .expense .text {
	margin-bottom: 36px;
	text-align: center;
	line-height: 2;
}

@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}

	.pricing_wrap .info li span.tips a:hover {
		text-decoration: none;
	}
}

@media all and (max-width: 896px) {
	.pricing_wrap {
		padding: 38px 0 36px;
		border-radius: 0;
	}

	.pricing_wrap h2 {
		margin-bottom: 16px;
		padding: 0 20px;
		font-size: 2.4rem;
	}

	.pricing_wrap .info .first {
		width: 129px;
	}

	.pricing_wrap .info .first li {
		padding-right: 5px;
		width: 128px;
		border-radius: 0;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
	}

	.pricing_wrap .info .doubt .hide {
		left: -47px;
		-webkit-transform: none;
		        transform: none;
	}

	.pricing_wrap .info {
		margin-bottom: 4px;
		font-size: 1.2rem;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.pricing .roll {
		padding-bottom: 16px;
		overflow-x: auto;
	}

	.pricr_special .scroll_box {
		width: auto;
	}

	.pricing_wrap .info .scroll_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 591px;
		font-weight: bold;
		text-align: center;
		color: #0a2054;
	}

	.pricing .blue_border {
		width: auto;
		margin-top: 0;
	}

	.pricing .scroll_box ul {
		width: 195px;
	}

	.pricing .expense .top-li {
		padding: 17px 13px 10px;
	}

	.pricing_wrap .info .title {
		padding-bottom: 8px;
		font-size: 1.2rem;
	}

	.pricing .price {
		/* height: 82px; */
		font-size: 1.7rem;
	}

	.pricing_wrap .info li .span_num {
		padding-bottom: 7px;
		font-size: 2.4rem;
	}

	.pricing .expense .top-li .text {
		margin-bottom: 15px;
		font-size: 1.2rem;
		line-height: 1.67;
	}

	.pricing .function .first .height-box03 {
		margin-right: 0;
		padding-right: 9px;
	}

	.pricing .btn_default {
		padding: 20px 16px;
		width: 100%;
		height: 65px;
		font-size: 1.6rem;
	}

	.pricing .expense li:first-of-type {
		height: 254px;
	}

	.pricing .blue_border ul {
		font-size: 1.6rem;
	}

	.pricing .notes {
		margin: 0 18px;
	}

	.expense .btn,
	.flow .btn {
		text-align: center;
		margin: 24px 32px;
	}

	.pricing .btn_icon {
		right: 25px;
	}

	.pricing .expense {
		margin-bottom: 64px;
	}

	.function .pricing_wrap h2 {
		margin-bottom: 25px;
	}

	.pricing .text_size {
		font-size: 1.2rem;
	}

	.pricing .pricr_special .span_text01 {
		margin: 0 0 12px;
	}

	.pricing_wrap .info .height-box01 {
		min-height: 104px;
	}

	.pricing .pricr_special .span_text02 {
		margin-top: 10px;
	}

	.pricing_wrap .info .first .height-box02 {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		height: 100px;
	}

	.pricing_wrap .info .height-box02 {
		height: 100px;
	}

	.pricing .function .roll_text span {
		font-size: 1rem;
		text-align: left;
	}

	.pricing .function .roll03 .roll_text span {
		text-align: center;
	}

	.pricing_wrap .info .height-box03 {
		min-height: 65px;
	}

	.function .pricing_wrap {
		margin-bottom: 65px;
		padding-bottom: 25px;
	}

	.pricing_wrap .info li .price {
		margin-bottom: 0px;
		height: 87px;
		font-size: 1.5rem;
	}

	.jspContainer {
		padding-bottom: 10px !important;
	}

	.jspHorizontalBar {
		height: 4px;
		background-color: transparent;
	}

	.jspTrack {
		background-color: #ddd;
	}

	.jspDrag {
		background-color: #008edc;
	}

	.function__page .pricing .roll {
		padding-bottom: 16px !important;
	}

	.jspPane {
		margin-bottom: 10px;
	}
}

@media (max-width: 374px) {

	.expense .btn,
	.flow .btn {
		margin: 24px 15px;
	}
}

@media all and (-ms-high-contrast:none) {
	.pricing .function .roll_text span {
		margin-top: -5px;
	}

	.pricing .function .roll03 .roll_text span {
		margin-top: -25px;
	}

	.pricing_wrap .info li {
		min-height: 64px;
		height: 64px;
	}
}

.size-50 {
	width: 50%;
}

.size-75 {
	width: 75%;
}

.size-full {
	/* width: 100%; */
}

.noArticle {
	margin-bottom: 32px;
	padding: 60px 10px 40px;
	text-align: center;
}

.noArticle h2 {
	margin-bottom: 36px;
	font-weight: bold;
	font-size: 3.2rem;
	text-align: center;
	color: #005bab;
}

.noArticle .img img {
	width: 326px;
}

.noArticle p {
	margin-top: 27px;
}

.noArticle .btn {
	margin-top: 30px;
}

.noArticle .btn a {
	padding: 15px;
	max-width: 260px;
	min-height: 56px;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
}

@media all and (max-width: 896px) {
	.noArticle {
		margin-bottom: 25px;
	}

	.noArticle h2 {
		margin-bottom: 32px;
		font-size: 2.4rem;
	}

	.noArticle .img img {
		width: 267px;
	}
}

.jspVerticalBar {
	display: none !important;
}

.scroll_bana {
	position: relative;
	z-index: 999;
	display: block;
}

.top-scroll_bana {
	display: none;
}

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

.ds-none {
	display: none;
}

.main_visual {
	background-image: url(../../../../uploads/slider2/fvimg_pc.png);
	height: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 52.714%;
	display: block;
}

@media all and (max-width: 896px) {
	.main_visual {
		height: 0;
		padding-top: 161.333333%;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../images/fvimg_sp-1.png);
		background-size: cover;
		margin-top: 62px;
	}
}

/* top */
.pro_ad {
	color:
		white;
	text-align:
		center;
	font-size: 23px;
	font-weight: 700;
	margin-top: 60px;
	line-height: 1.8;
	margin: 80px auto 20px;
}

.adh:before {
	display: none;
}

.solul {
	max-width: 1200px;
	margin:
		auto;
	width: 95%;
}

.solli {
	background:
		white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10% auto 0;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	padding: 60px 20px;
}

.sol2 {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

.sold {
	max-width: 840px;
	width: 100%;
}

.soimg1 {
	max-width: 380px;
	max-height: 400px;
	background: #0387D6;
	width: 100%;
	height: 100vw;
	text-align:
		center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 16px;
	margin: 0 20px 0 0;
}

.sol2 .soimg1 {
	margin: 0 0 0 20px;
}

.soimg1 img {
	margin:
		auto;
	width: 50%;
}

.red {
	color: #E04B67 !important;
}

.big {
	font-size: 88px;
	font-weight: 700;
}

.bluet {
	color: #1F5BAA;
}

.sosp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	line-height: 1;
	text-align: center;
	margin-right: 20px;
	width: 140px;
}

.big {
	font-size: 88px;
	font-weight: 700;
}

.sold2 {
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bor {
	position:
		relative;
	padding-bottom: 20px;
}

.bor:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background: #E2E6ED;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}

.bor:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 5px;
	background: #205BAB;
	bottom: -10px;
	left: 0;
	margin: auto;
}

.sold2 h4 {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3;
}

.sold p {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 10px;
	margin-top: 30px;
}

.sosp2 {
	font-size: 19px;
	line-height: 2;
}

.pink a {
	background: #E04B67;
	/* width:100%; */
}

.pink a:hover {
	background: #a93248;
}

.adh {
	font-size: 40px;
	font-weight: 900;
}

.ab_ad {
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	-webkit-box-shadow: 1px 1px 6px 0px #E1E6EF;
	        box-shadow: 1px 1px 6px 0px #E1E6EF;
	margin: 20px auto;
	padding: 10px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.ab_ad li {
	font-size: 12px;
	max-width: 430px;
}

.adte {
	font-size: 13px !important;
}

.ab_adp {
	font-size: 12px;
	max-width: 430px;
}

.adimg {
	width: 129px;
	text-align: center;
}

.top_blog {
	max-width: 1290px;
	margin:
		auto;
	width: 95%;
	padding: 70px 0;
}

.top_blog .btn {
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.top_blog h2 {
	text-align: center;
	font-size: 35px;
	margin-bottom: 7%;
	font-weight: 700;
}

.blul {
	max-width: 1200px;
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	margin: 7% auto;
}

.blli {
	width: 33%;
	max-width: 390px;
	background: white;
	border-radius: 7px;
	border: 3px solid #C4E6FE;
	padding: 10px 20px;
	position: relative;
}

.blli:hover {
	opacity: 0.7;
}

.blli a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.blsp {
	font-size: 14px;
	font-weight: 700;
	color: #2694DE;
}

.blli p {
	font-size: 20px;
	margin: 10px auto;
	font-weight: 700;
	line-height: 150%;
}

.blli img {
	margin: auto;
	display: block;
}

.bldiv {
	text-align:
		right;
	font-size: 15px;
	margin: 10px;
	position: relative;
}

.sp2 {
	display: none !important;
}

.pc2 {
	display: block;
}

.bldiv .blsp2 {
	margin-right: 13px;
}

.bldiv .btn_icon {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	right: -10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
}

/* story */

.story .container--medium {
	max-width: 1200px;
	margin: 0 auto;
}

.std1 {
	background: url(../../assets/images/c-mv.png) right bottom no-repeat;
	max-width: 1290px;
	margin: auto;
	color: white;
	min-height: 400px;
	/* height: 38vh; */
	position: relative;
	background-size: cover;
}

.std1 p {
	font-size: 44px;
	font-weight: 900;
	line-height: 1.3;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	left: 40px;
}

.std1 span {
	font-size: 25px;
	font-weight: 900;
}

.story1 h2 {
	font-size: 3.2rem;
	font-weight: 900;
	text-align: center;
	margin: 100px auto 50px;
}

.stimg1 {
	text-align: center;
}

.story7 .date {
	font-size: 1.1rem;
	width: 95%;
	margin: auto;
}

.story section {
	margin: 0px auto 10%;
	background: white;
	padding: 20px 0 100px;
}

.story section:last-child {
	margin: 0px auto 0;
}

.story2,
.story3,
.story4,
.story5,
.story6 {
	max-width: 1290px;
	margin: 0 auto;
	width: 95%;
}

.story2 h2,
.story3 h2,
.story4 h2,
.story5 h2,
.story6 h2 {
	font-size: 3.2rem;
	font-weight: 900;
	text-align: center;
	padding: 60px 0;
}

.st2 {
	max-width: 1290px;
	margin: 0 auto 5%;
	width: 100%;
	letter-spacing: 0.05rem;
}

.st2 h4 {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 150%;
}

.st2 p {
	font-size: 1.8rem;
	margin: 20px auto;
	line-height: 2;
}

.story2 .stimg1 {
	position: relative;
}

.stsp1 {
	position: absolute;
	background: #205BAB;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 909px;
	font-size: 28px;
	font-weight: 900;
	padding: 10px 0;
	margin: auto;
}

.stsp2 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #205BAB;
	margin-bottom: 0.5em;
	display: inline-block;
}

.story7 h2 {
	font-size: 3.2rem;
	font-weight: 900;
	text-align: center;
	padding: 70px 0 70px;
}

.story7 .stimg1 {
	width: 95%;
	margin: auto;
}

/* auto */
.auto .container--medium {
	max-width: 1200px;
	margin: 0 auto;
}

.auto section {
	margin: 0px auto 5%;
	background:
		white;
	padding: 40px 0 100px;
}

.auto section:last-child {
	margin: 0px auto 0;
}

.nobg {
	background: none !important;
}

.auto h2 {
	font-size: 3.2rem;
	font-weight: 900;
	text-align: center;
	margin: 70px auto;
	line-height: 1.3;
}

.auto .auto__intro--title {
	margin: 20px auto;
}

.auto1 {
	max-width: 1200px;
	margin: 0 auto;
	width: 95%;
}

.au1 {
	font-size: 1.8rem;
	margin: 0 auto 7%;
	line-height: 2;
}

.auul {
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: initial;
	    -ms-flex-align: initial;
	        align-items: initial;
	padding-top: 60px;
}

.auli {
	width: 33%;
	max-width: 395px;
	border: 5px solid #205BAB;
	border-radius: 18px;
	padding: 30px 5px 20px;
	position: relative;
}

.auimg2 {
	text-align:
		center;
	margin: 10px auto !important;
	min-height: 231px;
}

.auli p {
	text-align:
		center;
	font-size: 1.8rem;
	font-weight: 900;
	margin: 20px auto;
	line-height: 2;
}

.auli span {
	width: 95%;
	margin: auto;
	display: block;
	line-height: 2;
}

.auli .number {
	width: 64px;
	height: 64px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#008edc), to(#005bab));
	background-image: linear-gradient(to top, #008edc, #005bab);
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 3.2rem;
	font-weight: 700;
	margin-top: 10px;
	border-radius: 100%;
	text-align: center;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
}

.au2 span {
	text-align:
		center;
	display: block;
	font-size: 2rem;
	margin: 50px auto 30px;
	line-height: 2;
}

.au2p {
	max-width: 1200px;
	margin: auto 8%;
	line-height: 2;
}

.au3 {
	max-width: 1200px;
	margin:
		auto;
	width: 100%;
}

.auul2 {
	margin: 10px auto 20px;
}

.auul2 li {
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	background: #F4F7FC;
	border-bottom: 2px dashed #6496D9;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.auul2 li:nth-child(2n) {
	background: white;
}

.auimg3 img {
	height: 100%;
	width: 100%;
}

.auimg3 {
	width: 230px;
	height: 204px;
}

.au3p {
	max-width: 704px;
	width: 100%;
	margin: 0 0 0 20px;
	line-height: 2;
}

.tyui {
	/* text-align: right; */
	/* display: block; */
	line-height: 2;
	margin: 8% 20px 10px;
}

.au3p2 {
	text-align:
		center;
	font-size: 2rem;
	font-weight: 900;
	line-height: 2;
	margin: 5% auto;
}

.au2ul {
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: initial;
	    -ms-flex-align: initial;
	        align-items: initial;
	padding-top: 60px;
}

.au2li {
	width: 48%;
	max-width: 600px;
	border: 5px solid #205BAB;
	border-radius: 18px;
	padding: 30px 20px 20px;
	position: relative;
	background: white;
}

.au2li p {
	text-align:
		center;
	font-size: 1.8rem;
	font-weight: 900;
	margin: 20px auto;
	line-height: 2;
}

.au2li span {
	line-height: 2;
}

.fdad {
	position: relative;
}

.auto5 {
	max-width: 1290px;
	margin: 10% auto 0%;
	width: 95%;
}

.auto5 h2 {
	background: #205BAB;
	position:
		absolute;
	max-width: 900px;
	width: 100%;
	top: -30px;
	right: 0;
	left: 0;
	margin: 0 auto;
	line-height: 2;
}

.au5p {
	font-size: 1.8rem;
	font-weight: 900;

	margin: 5% auto 10px;
	line-height: 2;
}

.auto5 span {
	line-height: 2;
}

.auto6 {
	max-width: 1290px;
	margin: 0% auto 0%;
	width: 95%;
}

.au6p {
	line-height: 2;
}

.au6ul {
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	-ms-flex-wrap:
		wrap;
	    flex-wrap:
		wrap;
	margin: 200px auto;
	position: relative;
}

.au6ul:after {
	content:
		"";
	position:
		absolute;
	width: 2px;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	margin:
		auto;
	border-right: 2px dotted #6496D9;
}

.au6ul li {
	width: 50%;
	position: relative;
}

.a6l1 {
	position: absolute !important;
	top: -144px;
}

.a6l2 {
	position: absolute !important;
	top: -144px;
	right: 0;
}

.bgb {
	background: #F4F7FC;
}

.au6ul h5 {
	font-size: 25px;
	font-weight: 900;
	text-align: center;
	margin: 40px auto 20px;
}

.au6ul p {
	margin: 0px auto 40px;
	max-width: 590px;
	line-height: 2;
	width: 95%;
}

.auimg6 {
	margin: 0 auto !important;
}

.a6sp {
	position:
		absolute;
	content:
		"";
	bottom: 0;
	right: 0;
	color: #005BAB;
	font-size: 167px;
	opacity: 0.1;
	line-height: 1;
	font-weight: 500;
}

.auto7 {
	max-width: 1290px;
	margin: 0% auto 0%;
	width: 95%;
}

.a7ul {
	background: #F4F7FC;
	padding: 20px 35px;
	margin: 20px auto 40px;
}

.a7ul li {
	font-size: 2rem;

	margin: 20px 0;
	font-weight: 900;
	line-height: 2;
}

.a7p {
	color: #2B3E6B;
	line-height: 2;
}

.au71 {
	margin: 0 auto 5%;
}

.au71 span {
	line-height: 2;
}

.au71 h4 {
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 1.3;
	text-align: center;
	padding: 30px 0 40px;
}

.a7ul2 {
	display:
		-webkit-box;
	display:
		-ms-flexbox;
	display:
		flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 40px auto;
}

.a7ul2 li {
	max-width: 280px;
	width: 24%;
	background: -webkit-gradient(linear, left bottom, left top, from(#008edc), to(#005bab));
	background: linear-gradient(to top, #008edc, #005bab);
	border-radius: 6px;
	color:
		white;
	padding: 50px 15px;
	position:
		relative;
}

.a7ul2 .number {
	background:
		white;
	border-radius: 64px;
	border: 2px solid #205BAB;
	color: #205BAB;
	position:
		absolute;
	left: 0;
	right: 0;
	margin:
		auto;
	width: 76px;
	height: 76px;
	font-size: 35px;
	text-align: center;
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	top: -40px;
}


.a7ul2 li p {
	font-weight: 900;
	line-height: 2;
}

.a7ul3 {
	background:
		white;
	border: 6px solid #205BAB;
	border-radius: 10px;
	padding: 30px 60px;
	margin: 20px auto;
}

.a7ul3 li {
	list-style: disc;
	font-size: 2rem;
	font-weight: 700;
	color: #2B3E6B;
	line-height: 2;
}

.auto8 {
	max-width: 1290px;
	margin: 0% auto 0%;
	width: 95%;
}

.au8p {
	border: 6px solid #008EDC;
	border-radius: 15px;
	padding: 50px 20px 75px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 2;
	position: relative;
}

.au8p:before {
	content:
		"";
	position:
		absolute;
	width: 227px;
	height: 232px;
	background:
		url(../../assets/images/csd.svg) no-repeat;
	bottom: -150px;
	right: 0;
}

.au8 span {
	margin: 50px auto 70px;
	display:
		block;
	line-height: 2;
}

.auimg8 {}

@media (max-width:896px) {
	.au71 span {
		font-size: 1.4rem;
	}

	.au6p {
		line-height: 2;
		font-size: 1.4rem;
	}

	.au2p {
		max-width: 1200px;
		margin:
			auto;
		line-height: 2;
		font-size: 1.4rem;
	}

	.auli span {
		width: 95%;
		margin: auto;
		display: block;
		line-height: 2;
		font-size: 1.4rem;
	}

	.au1 {
		font-size: 1.6rem;
		margin: 7% auto 20%;
		line-height: 2;
	}

	.solli {
		background:
			white;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 10% auto 0;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		padding: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		max-width: 500px;
		width: 95%;
	}

	.sol2 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}

	.sold {
		max-width: 840px;
		width: 100%;
	}

	.soimg1 {
		max-width: 820px;
		max-height: 320px;
		background: #0387D6;
		width: 100%;
		height: 60vw;
		text-align:
			center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		border-radius: 16px;
		margin: 30px auto;
	}

	.sol2 .soimg1 {
		margin: 30px auto;
	}

	.sosp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		line-height: 1;
		text-align: center;
		margin-right: 5px;
		width: 90px;
	}

	.big {
		font-size: 40px;
		font-weight: 700;
	}

	.sold2 h4 {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.3;
	}

	.sold p {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 10px;
		margin-top: 30px;
	}

	.sosp2 {
		font-size: 16px;
		line-height: 2;
	}

	.ab_ad {
		display:
			-webkit-box;
		display:
			-ms-flexbox;
		display:
			flex;
		-webkit-box-shadow: 1px 1px 6px 0px #E1E6EF;
		        box-shadow: 1px 1px 6px 0px #E1E6EF;
		margin: 20px auto;
		padding: 10px;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.ab_ad li {
		font-size: 12px;
		max-width: 430px;
	}

	.sp2 {
		display: block;
	}

	.pc2 {
		display: none !important;
	}

	.blul {
		display:
			-webkit-box;
		display:
			-ms-flexbox;
		display:
			flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin: 7% auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.blli {
		width: 95%;
		max-width: 500px;
		background: white;
		border-radius: 7px;
		border: 3px solid #C4E6FE;
		padding: 10px 20px;
		margin: 10% auto 0;
	}

	.top_blog .btn {
		margin:
			auto;
		width: 100%;
	}

	/* story */

	.story .container--medium {
		max-width: 1200px;
		margin: 0 auto;
	}

	.std1 {
		max-width: 1290px;
		min-height: 200px;
		position: relative;
	}

	.std1 p {
		font-size: 1.9rem;
		font-weight: 900;
		line-height: 1.3;
		position: absolute;
		bottom: 0;
		margin: auto;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		left: 15px;
		text-shadow: 0px 0px 2px #003868;
		padding: 4em 0 0 0;
	}

	.std1 span {
		font-size: 16px;
		font-weight: 900;
	}

	.story1 h2 {
		font-size: 2.4rem;
		font-weight: 900;
		text-align: center;
		margin: 70px auto 30px;
		line-height: 1.3;
	}

	.stimg1 {
		text-align: center;
		width: 100%;
		/* padding-top: 56.25%; */
	}

	.stimg1 iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}

	.story section {
		margin: 0px auto 10%;
		background: white;
		padding: 20px 0 60px;
	}

	.story2,
	.story3,
	.story4,
	.story5,
	.story6 {
		max-width: 1290px;
		margin: 0 auto;
		width: 95%;
	}

	.story2 h2,
	.story3 h2,
	.story4 h2,
	.story5 h2,
	.story6 h2 {
		font-size: 2.4rem;
		font-weight: 900;
		text-align: center;
		padding: 5% 0 40px;
		line-height: 1.3;
	}

	.st2 {
		max-width: 1290px;
		margin: 0 auto 5%;
		width: 100%;
	}

	.st2 h4 {
		font-size: 2rem;
		font-weight: 700;
	}

	.st2 p {
		font-size: 1.6rem;
		margin: 30px auto;
	}

	.stimg1 {
		position: relative;
	}

	.stsp1 {
		background: #205BAB;
		width: 100%;
		bottom: -80px;
		left: 0;
		right: 0;
		max-width: 909px;
		font-size: 16px;
		font-weight: 900;
		padding: 10px 0;
		margin:
			auto;
		line-height: 1.5;
	}

	.stsp2 {
		font-size: 1.6rem;
	}

	.story7 h2 {
		font-size: 2.4rem;
		font-weight: 900;
		text-align: center;
		padding: 70px 0 70px;
		line-height: 2;
	}

	/* auto */
	.auto h2 {
		font-size: 2.4rem;
		font-weight: 900;
		text-align: center;
		margin: 30px auto;
	}

	.auto .auto__intro--title {
		margin: 10px auto;
	}

	.auul {
		display:
			-webkit-box;
		display:
			-ms-flexbox;
		display:
			flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: initial;
		    -ms-flex-align: initial;
		        align-items: initial;
		padding-top: 60px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.auli {
		width: 95%;
		max-width: initial;
		border: 5px solid #205BAB;
		border-radius: 18px;
		padding: 30px 5px 20px;
		position: relative;
		margin: 0 auto 10%;
		max-width: 400px;
	}

	.auli p {
		text-align:
			center;

		font-weight: 900;
		margin: 20px auto;
	}

	.auto2 .auimg2 {
		text-align:
			center;
		margin: 10px auto !important;
		min-height: initial;
	}

	.au2 span {
		text-align:
			center;
		display: block;
		font-size: 1.8rem;
		margin: 50px auto 30px;
		line-height: 1.3;
	}

	.auul2 li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		background: #F4F7FC;
		border-bottom: 2px dashed #6496D9;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 95%;
		margin: auto;
	}

	.auul2 li:nth-child(2n) {
		background: white;
	}

	.auimg3 img {
		height: 100%;
		width: 100%;
	}

	.auimg3 {
		width: 47%;
		height: 39vw;
		max-width: 230px;
		max-height: 204px;
	}

	.auimg32 {
		width: 48%;
		height: 40vw;
		max-width: 230px;
		max-height: 207px;
	}

	.au3p {
		max-width: 704px;
		width: 95%;
		margin: 20px auto;
		font-size: 1.4rem;
	}

	.tyui {
		text-align: left;
		display:
			block;
		width: 95%;
		margin: auto;
		font-size: 1.4rem;
	}

	.au3p2 {
		text-align:
			center;
		font-size: 1.8rem;
		font-weight: 900;
		margin: 15% auto 0;
	}

	.au2ul {
		display:
			-webkit-box;
		display:
			-ms-flexbox;
		display:
			flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: initial;
		    -ms-flex-align: initial;
		        align-items: initial;
		padding-top: 60px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.au2li {
		width: 95%;
		max-width: 600px;
		border: 5px solid #205BAB;
		border-radius: 18px;
		padding: 30px 20px 20px;
		position: relative;
		background: white;
		margin: 0 auto 10%;
		line-height: 150%;
	}

	.au2li p {
		text-align:
			center;

		font-weight: 900;
		margin: 20px auto;
	}

	.au2li span {
		font-size: 1.4rem;
	}

	.fdad {
		position: relative;
	}

	.auto5 {
		max-width: 1290px;
		margin: 0% auto 0%;
		width: 95%;
	}

	.auto5 h2 {
		background: #205BAB;
		position: relative;
		max-width: 900px;
		width: 100%;
		top: 0px;
		right: 0;
		left: 0;
		margin: 0 auto 30px;
		font-size: 2rem;
		padding: 10px 0;
	}

	.au5p {
		font-size: 1.8rem;
		font-weight: 900;

		margin: 5% auto 10px;
	}

	.auto5 span {
		font-size: 1.4rem;
	}

	.auto6 {
		max-width: 1290px;
		margin: 0% auto 0%;
		width: 95%;
	}

	.au6ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap:
			wrap;
		    flex-wrap:
			wrap;
		margin: 40px auto;
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.au6ul.sp2 {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-wrap:
			wrap;
		    flex-wrap:
			wrap;
		margin: 40px auto;
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.au6ul:after {
		content:
			"";
		position:
			absolute;
		width: 2px;
		height: 87%;
		left: 0;
		right: 0;
		bottom: 0;
		margin:
			auto;
		border-right: 2px dotted #6496D9;
		display: none;
	}

	.au6ul li {
		width: 95%;
		position: relative;
		margin: auto;
	}

	.au6ul li:nth-child(12) {
		display: none;
	}

	.au6ul li:nth-child(14) {
		display: none;
	}

	.a6l1 {
		position: relative !important;
		top: 20px;
	}

	.a6l2 {
		position: relative !important;
		top: 20px;
	}

	.bgb {
		background: #F4F7FC;
	}

	.au6ul h5 {
		font-size: 25px;
		font-weight: 900;
		text-align: center;
		margin: 40px auto 20px;
	}

	.au6ul p {
		font-size: 16px;
		margin: 0px auto 40px;
		max-width: 590px;
		line-height: 1.8;
	}

	.a6sp {
		position:
			absolute;
		content:
			"";
		bottom: 0;
		right: 0;
		color: #005BAB;
		font-size: 167px;
		opacity: 0.1;
		line-height: 1;
		font-weight: 500;
	}

	.auto7 {
		max-width: 1290px;
		margin: 0% auto 0%;
		width: 95%;
	}

	.a7ul {
		background: #F4F7FC;
		padding: 20px 35px;
		margin: 20px auto 40px;
	}

	.a7ul li {
		font-size: 18px;

		margin: 20px 0;
		font-weight: 900;
	}

	.a7p {
		font-size: 1.4rem;
		color: #2B3E6B;
	}

	.au71 {
		margin: 0 auto 5%;
	}

	.au71 h4 {
		font-size: 24px;
		font-weight: 900;
		line-height: 1.3;
		text-align: center;
		padding: 30px 0 40px;
	}

	.a7ul2 {
		display:
			-webkit-box;
		display:
			-ms-flexbox;
		display:
			flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin: 40px auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.a7ul2 li {
		max-width: 280px;
		width: 95%;
		background: -webkit-gradient(linear, left bottom, left top, from(#008edc), to(#005bab));
		background: linear-gradient(to top, #008edc, #005bab);
		border-radius: 6px;
		color:
			white;
		padding: 50px 15px;
		position:
			relative;
		margin: 0 auto 80px;
	}

	.a7ul2 li:last-child {
		margin: auto;
	}

	.a7ul2 .number {
		background:
			white;
		border-radius: 64px;
		border: 2px solid #205BAB;
		color: #205BAB;
		position:
			absolute;
		left: 0;
		right: 0;
		margin:
			auto;
		width: 76px;
		height: 76px;
		font-size: 35px;
		text-align: center;
		display: -ms-grid;
		display: grid;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		top: -40px;
	}


	.a7ul2 li p {
		font-size: 1.4rem;
		font-weight: 900;
		line-height: 1.6;
	}

	.a7ul3 {
		background:
			white;
		border: 6px solid #205BAB;
		border-radius: 10px;
		padding: 30px 10px 30px 30px;
		margin: 20px auto;
	}

	.a7ul3 li {
		list-style: disc;
		font-size: 1.6rem;
		font-weight: 700;
		color: #2B3E6B;
		margin: 0 auto 10px;
	}

	.a7ul3 li span {
		font-size: 1.6rem;
	}

	.auto8 {
		max-width: 1290px;
		margin: 0% auto 0%;
		width: 95%;
	}

	.au8p {
		border: 6px solid #008EDC;
		border-radius: 15px;
		padding: 50px 20px 75px;
		font-size: 1.6rem;
		font-weight: 700;
		position: relative;
	}

	.au8p:before {
		content:
			"";
		position:
			absolute;
		width: 111px;
		height: 111px;
		background:
			url(../../assets/images/csd.svg) no-repeat;
		bottom: -46px;
		right: 0;
		background-size: contain;
	}

	.au8 span {
		font-size: 1.4rem;
		margin: 50px auto 70px;
		display:
			block;
	}
}

.footer__item {
	/* width: 50%; */
	width: 100%;
	margin: auto;
}

@media (max-width:896px) {
	.footer__environment__inner {
		background: #FFF;
		padding: 30px 10px;
		border-radius: 4px;
	}

	.footer__environment__inner__dl {
		display: block;
		width: 100%;
		margin-top: 5px;
	}

	.footer__environment {
		margin-top: 24px;
		background: #008edc;
		padding: 30px 0px;
	}

	.page__header {
		padding: 56px 0 56px;
		margin-top: 0
	}

	.btn_default {
		width: 100%;
		min-height: 56px;
		padding: 14px 8px;
		font-size: 1.6rem;
		max-width: 480px;
		margin: auto;
		display: block;
	}

	.btn_default--tiny {
		font-size: 1.4rem;
		width: 200px;
		min-height: 48px;
		padding: 10px 8px;
		display: inline-block;
	}

	.top_information a.btn_default {
		max-height: 56px !important;
		min-height: 56px !important;
		padding: 16px 16px !important;
		margin: 50px auto 0 !important;
		display: block !important;
		max-width: 480px !important;
		width: 95% !important;
	}

	.top_solution__step_items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 23px;
		width: 95%;
	}

	.footer__item {
		width: 100%
	}
}


.page__content.download .content__document .conts .document-article__inner {
	-webkit-box-shadow: none;
	        box-shadow: none;
	max-width: 800px;
	margin: auto;
	padding-left: 0;
	padding-right: 0;
}

.page__content.download .form_btn.top {
	margin: 60px auto;
}

/* テスト自動化とは修正 2022.09.15
---------------------------------------------
*/

.au2ul {
	padding-top: 0;
}

.au6ul {
	margin-bottom: 0;
}

.bluet.au3p2 {
	margin-bottom: -32px;
}

/* 開発ストーリー 2022.11.30
---------------------------------------------
*/
.roadmap__border {
	width: 80%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 2px #778ca3;
	margin: auto;
	max-width: 1290px;
	text-align: left;
}

.roadmap__border th {
	padding: 10px;
	border: solid 3px #778ca3;
	background-color: #c9e6ff;
	color: #1F5BAA;
}

.roadmap__border td {
	padding: 10px;
	text-align: left;
}

.roadmap__date {
	width: 80%;
	text-align: right;
}


/*
2022.12.07 グローバルナビ文字列調整
*/
@media (min-width: 1320px) and (max-width: 1430px) {
	.globalNav__item {
		/* margin-right: 14px !important; */
	}

	.globalNav__item a {
		letter-spacing: 0 !important;
	}
}

@media (min-width:897px) and (max-width:1320px) {
	.header__logo {
		display: none;
	}

	.header_nav_block {
		margin: 0 auto;
	}
}

/*2023.08.07 ニュース一覧 */
.news {
	background-color: #DDE8F8;
}

.news .newsList {
	margin: 0 auto;
	width: 1200px;
}

.newsList a {
	padding: 12px 40px 11px;
	display: block;
	font-weight: 700;
	text-align: center;
	background: url(../images/icon06.png) no-repeat right center/19px auto;
}

.newsList a span {
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #3288EB;
}

@media all and (min-width: 897px) {
	.news .newsList {
		margin: 0 16px;
		width: auto;
		font-size: 100%;
	}

	.newsList a:hover {
		color: #3288EB;
	}
}


@media all and (max-width: 896px) {
	.news .newsList {
		margin: 0 16px;
		width: auto;
		font-size: 1rem;
	}

	.newsList a {
		padding: 15px 25px 16px 0;
		text-align: left;
		line-height: 1.67;
		background: url(../images/icon06.png) no-repeat right center/8px auto;
	}

	.newsList span {
		padding-bottom: 4px;
	}
}

/* T-DASH_無料プラン廃止2024.01.09 */
.trial-flow {
	width: 80%;
	margin: 0 auto;
}
.scroll_box.blue_border {
	background: none;
}
.trial-flow.sp {
	display: none;
}
.trial-flow.pc {
	display: block;
}
.plans {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.top-li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.top-li:first-child {
	border-right: 1px solid #e2e6ed;
}
.pricr_special {
	display: block;
	color: #008edc;
}
.plan-wrapper {
	height: 305px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.span_num {
	padding-bottom: 0;
	display: inline-block;
	font-size: 4rem;
}
.span_text01 {
	display: block;
}
.span_monthly {
	position: relative;
	display: block;
	font-size: 1.8rem;
}
.span_annual {
	/* display: block; */
	font-size: 3rem;
	text-align: center;
	/* margin-top: 20px; */
}
.top-li .text {
	display: block;
}
.price-discription {
	display: block;
	text-align: left;
	font-size: 1rem;
	color: #32373c;
	line-height: 150%;
}
.best-price {
	color: red;
	border: 3px solid red;
	padding: 0 5px;
	font-size: 1.6rem;
	margin-right: 5px;
}
.feature {
	font-size: 2rem;
	background-color: white;
	min-height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	line-height: 1.2;
}
.feature:nth-of-type(2n) {
	background: #f4f7fc;
}
.payment {
	/* display: block; */
	font-size: 1.6rem;
}
.payment.conversion {
	color: #000000;
}
.payment-wrapper.annual {
	margin-top: 30px;
	margin-bottom: 10px;
}
.payment-wrapper.monthly {
	margin-top: 0px;
}
.regular-price-wrapper {
	position: relative;
}
.regular-price {
	font-size: 2rem;
}
.regular-price::before {
	position: absolute;
	content: "";
	display: block;
	-webkit-transform: rotate(10deg);
	        transform: rotate(10deg);
	background-color: red;
	width: 30%;
	height: 3px;
	top: 50%;
	left: 35%;
}
.monthly-price {
	display: block;
	font-size: 2rem;
}
.best-price-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.best-price-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.best-price-container .monthly-price {
	font-size: 3rem;
}
.discountArrow {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	width: 48px;
	height: 70px;
	color: red;
	background-color: red;
	-webkit-clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
	        clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
}
@media (max-width: 896px){
	.span_annual {
		/* margin-top: 15px; */
	}
	.plan-wrapper {
		/* height: 160px; */
	}
	.title.blue_text {
		margin-bottom: 12px !important;
	}
	.regular-price::before {
		width: 50%;
		top: 50%;
		left: 25%;
	}
	.trial-flow {
		width: 100%;
	}
	.best-price-container .monthly-price {
		font-size: 2.2rem;
	}
}
@media (max-width: 896px){
	.text.price-table {
		padding: 0 18px;
	}
	.trial-flow.sp {
		display: block;
	}
	.trial-flow.pc {
		display: none;
	}
	.small_font.price-small_font {
		margin: 0 18px;
	}
}

/* 開発ストーリーページ更新20240109 */
.interview-date {
	text-align: center;
    color: white;
    padding-top: 10px;
}

/* ブログ記事ハイライトスタイル修正 */
/* EOF */
/* contact */
/* 角丸マーカー */
/* 角丸下線の変数設定 */
:root {
	--underline-intrinsic-width: 8;
	--underline-width: 8;
	--underline-color: #f4b60c;
	--underline-cap-width: 4px;
	--underline-offset-y: 0px;
	--underline-padding-x: 0em;
	/* SVGの色も変更する必要あり stroke="%23色コード　%23はエスケープ */
	--cap-image-left: url('data:image/svg+xml,<svg enable-background="new 0 0 4 8" viewBox="0 0 4 8" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h4v8h-4z"/></clipPath><g clip-path="url(%23a)"><path d="m4 4h148" fill="none" stroke="%23FFBB1F" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></g></svg>');
	--cap-image-right: url('data:image/svg+xml,<svg enable-background="new 0 0 4 8" viewBox="0 0 4 8" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h4v8h-4z"/></clipPath><g clip-path="url(%23a)"><path d="m0 4h-148" fill="none" stroke="%23FFBB1F" stroke-linecap="round" stroke-linejoin="round" stroke-width="8"/></g></svg>');
  }

  /* 角丸下線　設置 */
  mark, .mark {
	background-color: transparent;
	display: inline;
	--underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
	padding: 0 calc(var(--underline-padding-x) + var(--underline-cap-width) * var(--underline-width-scale));
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--underline-color)), to(var(--underline-color))), var(--cap-image-left), var(--cap-image-right);
	background-image: linear-gradient(180deg, var(--underline-color), var(--underline-color)), var(--cap-image-left), var(--cap-image-right);
	background-position-x: calc(var(--underline-cap-width) * var(--underline-width-scale)), 0, 100%;
	background-position-y: calc(85% - var(--underline-offset-y) * -1);
	background-size: calc(100% - var(--underline-cap-width) * var(--underline-width-scale) * 2) calc(var(--underline-width) * 1px), auto calc(var(--underline-width) * 1px), auto calc(var(--underline-width) * 1px);
  }

.mark,mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

/* 2024.02.19 #16921 T-DASH_CTAの変更
-----------------------------------------------------------------*/
.floating {
  width: auto;
}

.floating__banner_close {
  right: 11px;
  top: 9px;
}

.cta202402 {
  display: block;
  width: 480px;
  height: 398px;
  background: url(../../assets/images/TDASH_CTA_202402.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  -webkit-transition: none;
  transition: none;
  -webkit-filter: drop-shadow(0 0 1rem #AAAAAA);
          filter: drop-shadow(0 0 1rem #AAAAAA);
}
.cta202402:hover {
  background: url(../../assets/images/TDASH_CTA_202402_h.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
  -webkit-filter: drop-shadow(0 0 0.5rem #AAAAAA);
          filter: drop-shadow(0 0 0.5rem #AAAAAA);
}

/* 2024.03.11 企業ロゴ表示
-----------------------------------------------------------------*/
.logoWrap {
  width: 100%;
  background-color: #FFFFFF;
}
.logoWrap .logoBody {
  margin: 0 auto;
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 896px) {
  .logoWrap .logoBody {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2rem;
  }
}
.logoWrap .logoBody .imgWrap {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 140px;
}
.logoWrap .logoBody .imgWrap img {
  display: block;
  width: 100%;
  height: auto;
}

/* 2024.04.19 グロナビ お役立ち情報 動きの修正
-----------------------------------------------------------------*/
.useful-info {
  margin-right: 24px;
}
.useful-info::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: 10px;
  border-top: 2px solid #008edc;
  border-right: 2px solid #008edc;
  -webkit-transform: rotate(45deg);
  top: calc(50% - 3px);
  transform: rotate(45deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.useful-info:hover::after {
  -webkit-transform: rotate(135deg) !important;
          transform: rotate(135deg) !important;
}

/* 2024.09.04 価格、トライアルページ修正
-----------------------------------------------------------------*/
/* 2024.09.04 価格、トライアルページ修正
-----------------------------------------------------------------*/
.introText {
  margin: 0 8rem;
}

.textCenterWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.textRightWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  margin-bottom: 2rem;
}

.textBody {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  line-height: 2.5rem;
  text-align: left;
  font-size: 1.2rem;
}

td.nowrap {
  white-space: nowrap;
}