@charset "UTF-8";
/*
Theme Name:Rozetta
*/

/* Reset Document */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body {margin: 0;}
main {display: block;}
p,table,blockquote,address,pre,iframe,form,figure,dl {margin: 0;}
h1,h2,h3,h4,h5,h6 {font-size: inherit;line-height: inherit;font-weight: inherit;margin: 0;}
ul,ol {margin: 0;padding: 0;list-style: none;}
dt {font-weight: bold;}
dd {margin-left: 0;}
hr {box-sizing: content-box; height: 0;overflow: visible;border: 0;border-top: 1px solid;margin: 0;clear: both;color: inherit;}
pre {font-family: monospace, monospace; font-size: inherit;}
address {font-style: inherit;}
a {background-color: transparent;text-decoration: none;color: inherit;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace;font-size: inherit;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;vertical-align: bottom;max-width: 100%;width: 100%; height: 100%;}
embed,object,iframe {border: 0;vertical-align: bottom;}
button,input,optgroup,select,textarea {-webkit-appearance: none;appearance: none;vertical-align: middle;color: inherit;border: 1px solid #aeb0b6;background: #fff;padding: 0;margin: 0;outline: 0;border-radius: 0;text-align: inherit;}
[type='checkbox'] {-webkit-appearance: checkbox;appearance: checkbox;}
[type='radio'] {-webkit-appearance: radio;appearance: radio;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type='button'],[type='reset'],[type='submit'] {cursor: pointer;-webkit-appearance: none;appearance: none;}
button[disabled],[type='button'][disabled],[type='reset'][disabled],[type='submit'][disabled] {cursor: default;}
button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {margin: 0;padding: 0;border: 0;min-width: 0;}
legend {color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type='checkbox'],[type='radio'] {padding: 0;}
[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button {height: auto;}
[type='search'] {outline-offset: -2px;}
[type='search']::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
label[for] {cursor: pointer;}
details {display: block;}
summary {display: list-item;}
table {border-collapse: collapse;border-spacing: 0;}
caption {text-align: left;}
td,th {vertical-align: top;}
th {text-align: left;font-weight: bold;}
template {display: none;}
[hidden] {display: none;}

/****カラーガイド
メイン #0468BE
アクセント #F29F05
************/

/* =============== common =============== */
html {
	font-size: 62.5%;
	font-feature-settings: "palt";
	letter-spacing: .08rem;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
}
p,li {
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.7;
}
dd,dt {
	line-height: 1.5;
}
h3 {
	line-height: 1.7;
}
header {
	width: 100%;
	background-color: transparent;
	position: sticky;
	top: 0;
	z-index: 999;
	transition: .5s;
}
header.under-header {
	background-color: #02345f;
}
footer a:hover {		/***220731 追加***/
	text-decoration:underline;
}
p a:hover {				/***220731 追加***/
	text-decoration:underline;
}
form a {				/***220731 追加***/
	color: #0000ee;
	text-decoration:underline;
}
form a:visited {				/***220731 追加***/
	color: purple;
	text-decoration:underline;
}
form a:hover {				/***220731 追加***/
	color:#ffffff;
	background:#0000cc;
}

.header-wrap {
	width: 100%;
	max-width: 1366px;
	margin: auto;
	height: 96px;
	display: flex;
	align-items: center;
}
.header-logo {
	width: 150px;
	height: 32px;
	background: url(assets/main_logo.png) no-repeat center / contain;
	margin: 0 0 0 32px;
}
.openbtn {
	display: none;
}
.header-navi {
	display: flex;
	flex-direction: column;
	margin: 0 0 0 auto;
}
.header-navi ul {
	display: flex;
	align-items: center;
	color: #fff;
}
.header-navi li {
	margin-right: 32px;
}
.header-navi a:hover {				/***220731 追加***/
	text-decoration:underline;
}
.header-sub-navi {
	width: 100%;
	justify-content: flex-end;
	margin-top: 10px;
}
.header-sub-navi li {
	margin: 0;
}
.header-sub-navi li+* {
	border-left: solid 1px #fff;
	margin-left: 16px;
	padding-left: 16px;
}
.header-sub-navi li:last-of-type {
	margin-right: 32px;
}
li.header-cta {
	color: #fff;
	font-size: 1.8rem;
}
.header-cta a {
	display: flex;
	align-items: center;
}
.header-cta a::before {
	content: '';
	background: url(assets/material/header_icon-telephone.svg) no-repeat center / contain;
	padding: 7.5px;
	margin-right: 10px;
}
.header-bg {
	background: #02345f;
}
.main-wrap {
	width: 100%;
	background: -moz-linear-gradient(top, #fff, rgba(96,195,251,.25));
	background: -webkit-linear-gradient(top, #fff, rgba(96,195,251,.25));
	background: linear-gradient(to bottom, #fff, rgba(96,195,251,.25));
}
.pagetitle {
	width: 100%;
	height: 280px;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.pagetitle::after {
	content: "";
	height: 280px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	background-color: rgba(223, 233, 243, .8);
	z-index: -1;
}
.pagetitle h2 {
	font-size: 6.4rem;
	font-weight: 900;
	color: #0468be;
	margin: 0 0 8px 0;
}
.pagetitle p {
	font-weight: 500;
	color: #0468be;
}
.section-title {
	font-size: 2.8rem;
	font-weight: 500;
	color: #0468be;
	text-align: center;
}
.section-title h2 {
	position: relative;
	display: inline-block;
	margin: auto auto 64px;
	font-weight: 500;
}
.section-title h2::before,.section-title h2::after {
	content: "";
	width: 80px;
	height: 1px;
	background-color: #0468be;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.section-title h2::before {
	left: -112px;
}
.section-title h2::after {
	right: -112px;
}
footer {
	background-color: #02345f;
	padding: 104px 0 80px;
}
.footer-wrap {
	width: 80%;
	max-width: 1092px;
	margin: auto;
}
.footer-top {
	/* width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center; */
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	grid-template-rows: auto;
}
/* .footer-logo {
	width: 150px;
	height: 32px;
	background: url(assets/main_logo.png) no-repeat center / contain;
} */
.footer-main-links {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footer-main-links+* {
	margin-left: 30px;
}
.footer-main-links li {
	font-size: 1.4rem;
	color: #fff;
}
.footer-main-links li+* {
	margin-top: 10px;
}
.footer-main-links li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-main-links li a::after {
	content: '';
  width: 6px;
  height: 6px;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  transform: rotate(45deg);
}
.footer-logo-container {
	display: flex;
	align-items: flex-end;
}
.footer-stone-wrap {
	max-width: 160px;
}
.footer-stone-wrap img {
	max-width: 100%;
	height: auto;
	opacity: .3;
}
.footer-logo-box {
	position: relative;
	margin-left: -60px;
	z-index: 2;
}
.footer-logo-box p {
	color: #fff;
	font-size: 1.6rem;
	margin: 20px auto 20px 0;
}
.footer-logo-wrap {
	max-width: 160px;
}
.footer-logo-wrap img {
	max-width: 100%;
	height: auto;
}
.footer-sub-nav {
	margin-top: 70px;
}
.scroll-arrow {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
}
.scroll-arrow::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border-top: solid #02345f 2px;
	border-right: solid #02345f 2px;
	transform: rotate(-45deg);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.scroll-arrow::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 24px;
	background-color: #02345f;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.footer-list {
	padding: 48px 0;
	/* border-bottom: solid 1px #fff; */
}
.footer-list ul {
	display: flex;
}
.footer-list li {
	margin: 0 48px 0 0;
	color: #fff;
}
.footer-sub-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-sub-links {
	display: flex;
	align-items: center;
	padding: 0;
	list-style: none;
	gap: 30px;
}
.footer-sub-links li {
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
}
.copyright {
	font-size: 1.2rem;
	color: #fff;
	text-align: right;
	/* margin: 24px 0 0 0; */
}
.cta-container {
	display: flex;
	justify-content: space-between;
	width: 672px;
	margin: auto;
}
.cta {
	background-color: #f29f05;
	width: 320px;
	height: 56px;
	border-radius: 28px;
	margin: auto;
}
.cta p {
	font-size: 2rem;
	line-height: 56px;
	color: #fff;
	font-weight: 500;
	text-align: center;
}
.sp-show,
.sp-show-s {
	display: none;
}
/*** 220731追加 パンくず***/
ol.breadcrumb-list {
	display: flex;
	color: #0468be;
	margin: 32px 0 0 64px;
}
.breadcrumb-list li {
	margin: 0 0 0 40px;
	position: relative;
	color: #0468be;
	text-decoration : underline;
	font-size: 12px;
}
.breadcrumb-list li::before {
	content: ">";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -24px;
	margin: auto;
}
.breadcrumb-list li:nth-child(1) {
	margin: 0 0 0 0;
}
.breadcrumb-list li:nth-child(1)::before {
	content: "";
}
.breadcrumb-list li:last-child {
	color: #383838;
	text-decoration : none;
}
.breadcrumb-list a:hover {
	color: #02345f;
	transition: .5s;
}
@media screen and (max-width: 768px) {
	ol.breadcrumb-list {
		display: none;
	}
}

/* =============== top =============== */
.top-fv {
	padding-top: 96px;
	margin-top: -96px;
	background: url(assets/material/bg_fv.jpg) no-repeat center / cover;
}
.top-fv-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	height: 600px;
	margin: auto;
	padding: 50px 0;
}
.top-fv-copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	gap: 10px;
	width: 70vw;
	margin-top: 80px;
}
.top-fv-sub {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
}
.top-fv-sub::before,
.top-fv-sub::after {
	content: '～';
}
.top-fv-copy p {
	font-size: 1.45vw;
	letter-spacing: 3px;
}
.top-fv-copy h2 {
	font-size: 3vw;
	font-weight: 500;
}
.top-fv-copy .subcopy {
font-size: 1.4vw;
margin-top: 40px;
}
.top-fv-contact {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	max-width: 200px;
	font-size: 1.8rem;
}
.top-fv-contact::after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	margin-top: 5px;
}
.top-fv-copy .top-cv-button {
	margin-top: 40px;
}
.cv-button {
	width: 200px;
	height: 48px;
	border-radius: 24px;
	background-color: #f29f05;
	text-align: center;
	color: #fff;
	transition: .5s;
}
.cv-button:hover {
	opacity: .7;
}
.cv-button a {
	display: block;
}
.cv-button p {
	font-size: 18px;
	line-height: 48px;
	padding: 0 0 0 0;
}
.arrow-box {
	padding: 20px;
	border: solid 1px #fff;
	border-radius: 9999px;
	position: relative;
}
.arrow-box::before {
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.arrow-box::after {
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 18px;
  height: 2px;
  background: #fff;
}
.top-reason .top-link .arrow-box {
	border-color: #666;
}
.top-reason .top-link .arrow-box::before {
	border-color: #666;
}
.top-reason .top-link .arrow-box::after {
	background: #666;
}
.top-news .top-link .arrow-box {
	border-color: #0468be;
}
.top-news .top-link .arrow-box::before {
	border-color: #0468be;
}
.top-news .top-link .arrow-box::after {
	background: #0468be;
}
/* common */
.two-column-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 15px;
	align-items: flex-start;
	justify-content: space-between;
}
.three-column-inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	gap: 20px;
	align-items: flex-start;
	justify-content: center;
}
.common-wrap {
	width: 90%;
	max-width: 1100px;
	margin: auto;
}
.top-section-title h2 {
	font-size: 2.8rem;
	color: #0468be;
	text-align: center;
}
.top-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	margin-top: 20px;
	transition: .5s;
}
.top-link:hover {
	opacity: .7;
}
.top-link p {
	font-size: 1.6rem;
}
.top-product .top-link {
	margin-top: 50px;
	justify-content: center;
}
.top-news .top-link {
	margin-top: 20px;
	justify-content: flex-end;
}
.top-about .top-link p,
.top-product .top-link p {
	color: #fff;
}
.top-reason .top-link p {
	color: #666;
}
.top-news .top-link p {
	color: #0468be;
}
.top-cv-button {
	display: flex;
	justify-content: center;
	gap: 30px;
	padding: 20px 0 0;
}
/* top-fv */
.top-fv-left {
	background: url(assets/material/top-fv-left.png) no-repeat center right / cover;
	width: 40%;
	height: 100%;
}
.top-fv-right {
	background: url(assets/material/top-fv-right.png) no-repeat center left / cover;
	width: 36%;
	height: 100%;
}
.top-section-header {
	text-align: center;
	margin: 0 auto 80px;
}
.top-section-header span {
	font-size: 1.6rem;
	color: #0468be;
	font-weight: 300;
	position: relative;
}
.top-section-header span::before,.top-section-header span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 80px;
	height: 1px;
	background-color: #0468be;
}
.top-section-header span::before {
	left: -112px;
}
.top-section-header span::after {
	right: -112px;
}
.top-section-header h2 {
	font-size: 3.2rem;
	font-weight: 500;
	color: #0468be;
}
.top-section-header h2.top-feature-title {
	color: #333;
}
.top-section-header h2 span {
	font-size: inherit;
	font-weight: inherit;
}
.top-section-header h2 span::before,
.top-section-header h2 span::after {
	display: none;
}
.top-section-header p {
	color: #333;
}
.top-feature {
	background: #f4f4f4;
	padding-top: 70px;
}
.top-feature-container {
	border: solid 2px #034e8f;
}
.top-feature-container h3 {
	font-size: 2rem;
	font-weight: 300;
	text-align: center;
	background: #034e8f;
	color: #fff;
	padding: 5px 0;
}
.top-feature-point {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 30px 50px;
	background: #fff;
}
.top-feature-point p {
	font-size: 1.8rem;
	margin-left: 3.2rem;
	padding-left: 1rem;
	line-height: 1.5;
	position: relative;
}
.top-feature-point p::before, .top-feature-point p::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.top-feature-point p::before {
	width: 30px;
	height: 30px;
	border-radius: 9999px;
	background-color: #ccc;
	left: -32px;
}
.top-feature-point p::after {
	width: 12px;
	height: 6px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg);
	left: -25px;
	top: -5px;
}
.top-resolve {
	padding-top: 50px;
	margin-bottom: -50px;
	background: #f4f4f4;
}
.top-resolve-container {
	margin-bottom: -50px;
	padding: 30px 0;
	background: #fff;
	position: relative;
}
.top-resolve-container h2 {
	font-size: 3.2rem;
	font-weight: 500;
	color: #0468be;
	text-align: center;
}
.top-resolve-container > p {
	font-size: 1.8rem;
	width: fit-content;
	text-align: center;
	margin: 20px auto;
	position: relative;
}
.top-resolve-container > p::before,.top-resolve-container > p::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 80px;
	height: 1px;
	background-color: #333;
}
.top-resolve-container > p::before {
	left: -100px;
}
.top-resolve-container > p::after {
	right: -100px;
}
.top-about {
	padding: 200px 0 80px 0;
	background: url(assets/material/bg_about.jpg) no-repeat center / cover;
}
.top-about-message {
	padding-left: 5rem;
}
.top-about-message h2 {
	font-size: 2.8rem;
	color: #fff;
	line-height: 2;
}
.top-about .top-link p {
	color: #fff;
	font-size: 1.6rem;
}
.top-reason {
	background: url(assets/material/bg_reason.jpg) no-repeat center / cover;
	padding: 30px 0;
}
.top-reason-column {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: auto;
}
.top-reason-title {
	font-size: 2.8rem;
	color: #0468be;
	line-height: 1.5;
	margin: auto;
}
.top-reason .top-link p {
	color: #666;
	font-size: 1.6rem;
}
.top-reason-point {
	padding: 50px 0;
	background: #fff;
}
.top-reason-wrap {
	width: 80%;
	margin: auto;
}
.top-reason-parts {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 20px;
}
.top-reason-parts+* {
	border-top: solid 2px #ccc;
	margin-top: 20px;
	padding-top: 20px;
}
.top-reason-num {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
	font-size: 3.6rem;
	padding: 15px 25px;
	text-align: center;
	border: solid 1px #0468be;
	border-radius: 9999px;
	color: #0468be;
}
.top-reason-parts h3 {
	font-size: 2.6rem;
	color: #0468be;
}
.top-reason-parts p {
	font-size: 1.6rem;
}
.top-service {
	padding: 50px 0;
}
.top-product {
	padding: 100px 0 80px 0;
	background: url(assets/material/bg_product.jpg) no-repeat center / cover;
}
.top-product-title {
	color: #fff;
	text-align: center;
}
.top-product-title h2 {
	font-size: 2.8rem
}
.top-product-title p {
	font-size: 1.8rem;
	margin-top: 20px;
}
.top-product-container {
	background: #fff;
	border: solid 2px #fff;
}
.top-product-container h3 {
	font-size: 1.8rem;
	text-align: center;
	color: #fff;
	padding: 5px;
	background: #034e8f;
}
.top-product-box {
	padding: 40px 0 50px 0; /**top 70->40pxに 0604**/
}
.top-product-logo {
	width: 75%;
	max-width: 200px;
	margin: auto;
}
.top-product-logo img {
	max-height: 50px;
	padding: 10px 0px 20px 0px; /**0604追加**/
}
.top-product-container a {
	display: block;
	width: 75%;
	max-width: 200px;
	font-size: 1.6rem;
	color: #0468be;
	text-align: center;
	border: solid 1px #0468be;
	border-radius: 20px;
	margin: auto;
	padding: 10px;
	margin-top: 20px; /**70px->20pxに変更　0604**/
}
.top-product .three-column-inner {
	margin-top: 30px;
}
.top-product-message {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	margin: 30px 0;
}

.top-case {
	background: #eef8fe;
	padding: 70px 0;
}
.top-case-wrapper {
	width: 90%;
	background: #fff;
	margin: auto;
	padding: 100px 0 70px;
}
.top-case-title p {
	font-size: 1.8rem;
	width: 85%;
	margin: 20px auto 0;
}
.top-case-share {
	max-width: 960px;
	margin: 50px auto;
}
.top-subtitle {
	max-width: 400px;
	line-height: 32px;
	border-radius: 30px;
	text-align: center;
	margin: 0 auto 50px;
	padding: 5px;
	font-size: 1.8rem;
	color: #0468be;
	background-color: #fff;
	font-weight: 400;
	border: 2px solid #0468be;
}
.chart-area {
	width: 100%;
	height: 292px;
	display: flex;
	justify-content: space-between;
}
.chart-wrap {
	position: relative;
	width: 292px;
	filter: drop-shadow(0 0 20px rgba(0,0,0,.05));
}
#chart01,#chart02,#chart03 {
	width: 100%;
}
.chart-wrap::before {
	content: "";
	width: 225px;
	height: 225px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	box-shadow: 0 0 20px rgba(0,0,0,.05);
}
.chart-label {
	text-align: center;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.chart-label p {
	width: max-content;
	font-size: 1.4rem;
	font-weight: bold;
	color: #02345f;
	margin: 12px 0 0 0;
}
.chart-label h3 {
	font-family: 'Lato', sans-serif;
	font-size: 4.8rem;
	color: #0468be;
	margin: 0 0 0 0;
	line-height: 1.2;
}
.chart-label span {
	font-size: 3.2rem;
}
.voice-wrap {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-template-rows: auto;
	align-items: flex-start;
	gap: 30px;
	width: 90%;
	max-width: 956px;
	margin: 0 auto;
}
.voice-wrap+* {
	border-top: solid 1px #eee;
	margin-top: 30px;
	padding-top: 30px;
}
.voice-image {
	width: 100%;
}
.voice-image img {
	max-width: 100%;
	height: auto;
}
.voice-text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.voice-text dl {
	display: flex;
}
.voice-text dt {
	color: #0468be;
	font-size: 1.4rem;
	margin: 0 18px 0 0;
	font-weight: 400;
}
.voice-text dd {
	background-color: #0468be;
	color: #fff;
	padding: 0 14px;
	font-size: 1rem;
	line-height: 20px;
	border-radius: 10px;
}
.voice-text h3 {
	color: #02345f;
	font-size: 1.8rem;
	text-align: justify;
	margin: 8px 0 12px;
	font-weight: 400;
}
.voice-text p {
	color: #333;
}
.top-news {
	padding: 70px 0;
}
.top-news-inner {
	margin-top: 50px;
}
.top-news-container {
	display: grid;
	grid-template-columns: 80px 100px 1fr;
	grid-template-rows: auto;
	align-items: center;
	gap: 10px;
	padding: 10px 0;
}
.top-news-container {
	border-top: solid 1px #eee;
}
.top-news-container:last-of-type {
	border-bottom: solid 1px #eee;
}
.news-date {
	font-size: 1.4rem;
	font-weight: bold;
	color: #0468be;
}
.news-web-seminar,
.news-web-exhibition {
	width: 100%;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 20px;
}
.news-web-seminar {
	background: #0468be;
}
.news-web-exhibition {
	background: #02345f;
}
.news-name {
	font-size: 1.3rem;
	line-height: 1.8;
	margin-left: 20px;
	padding-right: 40px;
	text-align: justify;
	position: relative;
}
.news-name::after {
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  width: 15px;
  height: 15px;
  border-top: 2px solid #0468be;
  border-right: 2px solid #0468be;
  transform: rotate(45deg);
}
.top-knowledge {
	padding: 100px 0;
	background: url(assets/material/bg_knowledge.jpg) no-repeat center / cover;
}
.top-knowledge h2 {
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
}
.top-knowledge .two-column-inner {
	margin-top: 30px;
}
.top-knowledge-container {
	padding: 30px;
}
.top-knowledge-container:first-of-type {
	background: url(assets/material/bg_whitepaper.jpg) no-repeat center / cover;
}
.top-knowledge-container:last-of-type {
	background: url(assets/material/bg_column.jpg) no-repeat center / cover;
}
.top-knowledge-container h3 {
	color: #fff;
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.top-knowledge-container a {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	color: #0468be;
	background: #f0f4f8;
	padding: 20px 40px 20px 20px;
	border-radius: 5px;
	text-align: justify;
	position: relative;
	line-height: 1.5;
}
.top-knowledge-container a::after {
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #0468be;
  border-right: 2px solid #0468be;
  transform: rotate(45deg);
}
.top-knowledge-container a+* {
	margin-top: 20px;
}
/* =============== webiner =============== */
.pagetitle-webiner {
	background: url(assets/pagetitle-webiner.jpeg) no-repeat center / cover;
	position: relative;
	z-index: -99;
}
.webiner-content {
	padding: 120px 0;
}
.webiner-content-explane {
	text-align: center;
	color: #0468be;
}
.no-schedule {
	margin: auto;
    color: #ccc;
}
#form{
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
   }
#s-box{
	width: 320px;
	height: 48px;
	padding: 0 24px;
	border: solid 1px #ccc;
	box-sizing: border-box;
	font-size: 1.4rem;
	color: #333;
}
::placeholder {
	color: #ccc;
}
#s-btn-area{
	height: 48px;
	width: 48px;
	background-color: #0468be;
   }
#s-btn {
	position: relative;
	width: 100%;
	height: 100%;
}
#s-btn::before {
	content: "";
	width: 16px;
	height: 16px;
	border: solid 2px #fff;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	position: absolute;
}
#s-btn::after {
	content: "";
	width: 2px;
	height: 8px;
	background-color: #fff;
	transform: rotate(-45deg);
	border-radius: 1px;
	bottom: 11px;
	right: 13px;
	position: absolute;
}
.wrap-col p{
	text-align: center;
	margin: 120px auto auto;
	color: #ccc;
}
.webiner-list {
	width: 80%;
	max-width: 1092px;
	margin: 120px auto auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.webiner-card {
	width: calc((100% - 64px)/3);
	aspect-ratio: 3/4;
	box-shadow: 0 0 20px rgba(0, 0, 0, .05);
	border-radius: 10px;
	background-color: #fff;
	margin-bottom: 40px;
}
.webiner-card-image {
	width: 100%;
	height: 50%;
	background-color: #ccc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.webiner-card-image img {
	object-fit: contain;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.webiner-card-text {
	width: 85%;
	margin: auto;
	padding: 32px 0 0;
}
.webiner-card-text h3 {
	color: #02345f;
	font-size: 1.6rem;
}
.webiner-card-category {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 18px 0;
}
.webiner-card-category span {
	background-color: #0468be;
	border-radius: 14px;
	font-size: 1.1rem;
	color: #fff;
	padding: 4px 12px;
}
.webiner-card-category p {
	color: #0468be;
	font-size: 1.1rem;
}
.webiner-consultation {
	text-align: center;
	padding: 0 0 160px 0;
}
.webiner-consultation-explane {
	color: #0468be;
	margin: 120px auto 88px;
}
.webiner-consultation-type {
	max-width: 816px;
	display: flex;
	justify-content: space-between;
	margin: auto auto 80px;
}
.consultation-type-wrap {
	color: #0468be;
}
.consultation-type-circle {
	width: 240px;
	height: 240px;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(0, 0, 0, .05);
	margin: 0 0 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #fff;
}
.consultation-type-circle p {
	display: block;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 500;
}
.consultation-type-icon {
	width: 64px;
	height: 40px;
	margin: 0 auto 16px;
}
.icon-telephone {
	background: url(assets/icon-telephone.png) no-repeat center / contain;
}
.icon-mail {
	background: url(assets/icon-mail.png) no-repeat center / contain;
}
.icon-reserve {
	background: url(assets/icon-reserve.png) no-repeat center / contain;
}
p.notice-contracted {
	margin: 40px auto 0;
}
span.notice-contracted {
	color: #0468be;
}
/* =============== single-webiner =============== */
.single-webiner-wrap {
	width: 800px;
	margin: auto;
	padding: 120px 0 160px;
}
.single-webiner-wrap h2 {
	font-size: 2.8rem;
	font-weight: 500;
	color: #02345f;
	line-height: 1.6;
	margin: 64px auto 96px;
}
.single-webiner-header {
	text-align: center;
}
.single-webiner-header span {
	font-size: 1.6rem;
	color: #0468be;
	font-weight: 300;
	position: relative;
}
.single-webiner-header span::before,.single-webiner-header span::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 80px;
	height: 1px;
	background-color: #0468be;
}
.single-webiner-header span::before {
	left: -112px;
}
.single-webiner-header span::after {
	right: -112px;
}
.single-webiner-container {
	width: 100%;
	margin: 0 auto 96px;
}
.single-webiner-container h3 {
	font-size: 2.2rem;
	font-weight: 500;
	color: #333;
	display: block;
	border-bottom: solid 1px #eee;
	margin: 0 0 40px;
	padding: 0 0 8px 0;
}
.single-webiner-container table {
	width: 100%;
	border-collapse:separate;
	border-spacing: 0 1px;
}
.single-webiner-container td {
	padding: 24px 32px;
	font-size: 1.4rem;
	color: #333;
}
.background-gray {
	background-color: #eee;
	width: 120px;
}
.single-webiner-speaker-wrap {
	display: flex;
	align-items: center;
	border-bottom: solid 1px #eee;
	padding: 0 0 48px 0;
}
.single-webiner-speaker-wrap img {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	margin: 0 48px 0 0;
}
.single-webiner-speaker-detail dt {
	font-size: 1.8rem;
	color: #333;
	margin: 0 0 12px 0;
	font-weight: 500;
}
.single-webiner-speaker-detail dd {
	font-size: 1.4rem;
	color: #333;
	margin: 0 0 24px 0;
}
.single-webiner-cv  {
	margin: auto;
}
.single-webiner-link a {
	color: #0468be;
}
.single-webiner-link a:hover {
	color: #02345f;
}
/* =============== about =============== */
.pagetitle-about {
	background: url(assets/pagetitle-about.jpeg) no-repeat center / cover;
	position: relative;
	z-index: -99;
}
.about-background-decoration {
	position: relative;
}
.about-vision {
	width: 100%;
	max-width: 1920px;
	margin: auto;
	padding: 160px 0;
	display: flex;
	align-items: center;
}
.about-vision-image {
	width: 52%;
	background: url(assets/about-vision-image.png) no-repeat center / cover;
	aspect-ratio: 16/9;
}
.about-vision-text {
	width: 38%;
	margin: auto;
}
.about-vision-text span {
	font-size: 1.6rem;
    color: #0468be;
    font-weight: 300;
	position: relative;
}
.about-vision-text span::after {
    content: "";
    width: 80px;
    height: 1px;
    background-color: #0468be;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
	right: -112px;
}
.about-vision-text h3 {
	font-size: 2.8rem;
	line-height: 1.5;
	font-weight: 500;
	color: #0468be;
	margin: 24px 0 32px;
}
.about-vision-text p {
	text-align: justify;
	color: #333;
}
.about-company-wrap {
	width: 683px;
	margin: auto auto 160px;
	border-top: solid 1px #eee;
}
.about-company-wrap dl {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 32px 56px;
	border-bottom: solid 1px #eee;
}
.about-company-wrap dd {
	font-size: 1.6rem;
	width: 30%;
	color: #02345f;
	font-weight: 500;
}
.about-company-wrap dt {
	font-size: 1.4rem;
	color: #333;
	font-weight: 400;
	line-height: 2;
}
.about-history {
	width: 820px;
	margin: auto;
	padding: 0 0 112px 0;
	position: relative;
}
.about-history-wrap {
	display: flex;
	align-items: center;
	margin: 0 0 48px 0;
}
.about-history::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 2040px;						/***220731 2500px***/
	background-color: #0468be;
	bottom: 170px;
	left: 48px;
}
.about-history-wrap span {
	background-color: #0468be;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	line-height: 96px;
}
.about-history-event {
	width: 676px;
	margin: auto auto auto 48px;
	border-top: solid 1px #eee;
}
.about-history-event dl {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 24px 0;
	border-bottom: solid 1px #eee;
}
.about-history-event dd {
	width: 15%;
	font-size: 1.6rem;
	font-weight: 500;
	color: #0468be;
}
.about-history-event dt {
	width: 85%;
	font-size: 1.4rem;
	font-weight: 400;
	color: #333;
	text-align: justify;
}
.about-access p {
	text-align: center;
	margin: auto auto 80px;
	color: #333;
}
.about-access iframe {
	width: 100%;
	height: 400px;
}
.about-viewmore {
	width: 100%;
	background-color: #eee;
	position: relative;
}
.about-viewmore::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 208px;
	height: 94px;
	background: url(assets/viewmore-decoration.png) no-repeat center / contain;
}
.about-viewmore-wrap {
	width: 1092px;
	margin: auto;
	padding: 32px 0;
	display: flex;
	align-items: center;
}
.about-viewmore-image {
	width: 40%;
	aspect-ratio: 16/9;
	background: url(assets/kv02.png) no-repeat center / contain;
	opacity: .5;
}
.about-viewmore-text {
	margin: 0 0 0 56px;
}
.about-viewmore-text h2 {
	font-size: 2.4rem;
	font-weight: 500;
	color: #02345f;
	margin: 0 0 32px 0;
}
.about-viewmore-text p {
	font-size: 1.6rem;
	font-weight: 400;
	color: #02345f;
	margin: 0 0 16px 32px;
	position: relative;
}
.about-viewmore-text p::before {
	content: "";
	width: 14px;
	height: 14px;
	border-top: solid 1px #02345f;
	border-right: solid 1px #02345f;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -38px;
}
/* =============== service =============== */
.pagetitle-service {
	background: url(assets/pagetitle-service.jpg) no-repeat center / cover;
	position: relative;
	z-index: -99;
}
p.service-explane {
	display: block;
	text-align: center;
	color: #0468be;
	margin: 120px auto 60px;
}
p.body-explane {		/*0607追加*/
	display: block;
	text-align: center;
	color: #0468be;
	margin: 60px auto 60px;
	font-size: 1.7em;
}
.service-tab {
	width: 70%;
	max-width: 956px;
	margin: auto;
	padding: 0 0 160px 0;
}
.tab-area {
	width: 100%;
	height: 64px;
	display: flex;
	margin: 0 auto 112px;
	border: solid 1px #333;
	cursor: pointer;
}
.tab {
	width: calc(100% / 3);
	height: 100%;
	background-color: #fff;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tab:nth-child(2) {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
.tab.active {
	background-color: #0468be;
	color: #fff;
}
.tab p {
	text-align: center;
}
.content {
	display: none;
}
.content.show {
	display: block;
}
.service-overview {
	display: flex;
	justify-content: space-between;
	margin: 0 0 80px 0;
}
.service-overview-text {
	width: 50%;
}
.service-overview-text h3 {
	color: #0468be;
	font-size: 2.4rem;
	font-weight: 300;
	margin: 0 0 40px;
	position: relative;
}
.service-overview-text h3::after {
	position: absolute;
	bottom: -24px;
	right: 0;
	font-size: 6.4rem;
	color: rgba(4, 104, 190, .1);
	font-family: 'Lato', sans-serif;
    font-weight: bold;
}
.service-overview-text.service01 h3::after {
	content: "01";
}
.service-overview-text.service02 h3::after {
	content: "02";
}
.service-overview-text.service03 h3::after {
	content: "03";
}
.service-overview-text p {
	text-align: justify;
	color: #333;
}
.service-overview-image {
	width: 50%;
	height: 296px;
	margin: 0 -48px 0 0;
}
.service-overview-image.service01 {
	background: url(assets/kv02.png) no-repeat center / contain;
}
.service-overview-image.service02 {
	background: url(assets/kv01.png) no-repeat center / contain;
}
.service-overview-image.service03 {
	background: url(assets/kv03.png) no-repeat center / contain;
}
.content-wrap {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 500px 500px 500px;
	gap: 40px;
}
.content-inner {
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 20px rgba(0, 0, 0, .05);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.content-inner h3 {
	color: #0468be;
	font-weight: 500;
	font-size: 1.8rem;
	text-align: center;
}
.content-image {
	width: 200px;
	height: 64px;
	margin: 12px auto 28px;
}
.content-inner p {
	text-align: justify;
	color: #333;
	width: 80%;
}
.content-feature {
}
.content-feature p {
	color: #02345f;
	font-weight: 400;
}
.content-inner.t-4oo {
	grid-column: 1/3;
	grid-row: 1/2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 12%;
}
.content-inner.t-4oo h3 {
	font-size: 2.4rem;
	text-align: left;
}
.content-text {
	display: flex;
	margin: 52px auto 48px;
	align-items: center;
}
.content-explane.t-4oo p {
	text-align: justify;
	margin: 0 0 32px 0;
}
.content-feature.t-4oo p {
	font-size: 1.6rem;
	position: relative;
	margin: 0 24px 0 32px;
}
.content-feature.t-4oo p::before,.content-feature.t-4oo p::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.content-feature.t-4oo p::before {
	background-color: #0468be;
	width: 24px;
	height: 24px;
	border-radius: 50%;;
	left: -36px;
}
.content-feature.t-4oo p::after {
	width: 9px;
    height: 4px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    transform: rotate(-45deg);
    left: -30px;
}
.content-btn.t-4oo {
	padding: 10px 32px;
	border: solid 1px #0468be;
	border-radius: 24px;
	color: #0468be;
	margin: 0 0 0 auto;
	font-size: 1.6rem;
}
.content-btn.t-4oo a {
	display: block;
}
.content-image.t-4oo {
	background: url(assets/logo_t-4oo.png) no-repeat center / contain;
	width: 360px;
    height: 80px;
    margin: 0px 64px 0 0;
}
.content-image.thereading {
	background: url(assets/logo_the-readeing.png) no-repeat center / contain;
}
.content-image.rozoffice {
	background: url(assets/logo_rozoffice.png) no-repeat center / contain;
}
.content-image.laugute {
	background: url(assets/logo_lawgue.png) no-repeat center / contain;
}
.content-image.t-3mt {
	background: url(assets/logo_t-3mt.png) no-repeat center / contain;
}
.content-image.premium-t-4OO {
	background: url(assets/logo_premium-t-4oo.png) no-repeat center / contain;
}
.content-image.rozetta-memsource {
	background: url(assets/logo_rozetta-memsource.png) no-repeat center / contain;
}
.content-image.rozetta-phrase {
	background: url(assets/logo_rozetta-phrase.png) no-repeat center / contain;
}
.content-image.t-4oo-api {
	background: url(assets/logo_t-4oo-api.png) no-repeat center / contain;
}
.content-image.onyaku {
	background: url(assets/logo_onyaku.png) no-repeat center / contain;
}
.content-image.t-4po-construction {
	background: url(assets/logo_t-4po-construction.png) no-repeat center / contain;
}
.content-image.t-4po-medicare {
	background: url(assets/logo_t-4po-medicare.png) no-repeat center / contain;
}
.content-image.aichan {
	background: url(assets/logo_aichan.png) no-repeat center / contain;
}
.content-image.glova {
	background: url(assets/logo_glova.svg) no-repeat center / contain;
}
.content-image.conyac {
	background: url(assets/logo_conyac.png) no-repeat center / contain;
}
.content-image.metareal-ai {
	background: url(assets/logo_metareal-ai.png) no-repeat center / contain;
}
.content-image.rakuyakuai {
	background: url(assets/logo_rakuyakuai.png) no-repeat center / contain;
}
.content-image.docsupport {
	background: url(assets/logo_docsupport.png) no-repeat center / contain;
}
.content-feature.other {
	position: relative;
	justify-content: space-between;
	margin: 24px auto 32px;
}
.content-feature.other p {
	position: relative;
	margin: 5px 40px;
	font-size: 1.4rem;
}
.content-feature.other p::before,.content-feature.other p::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.content-feature.other p::before {
	background-color: #0468be;
	width: 20px;
	height: 20px;
	border-radius: 50%;;
	left: -28px;
}
.content-feature.other p::after {
	width: 6px;
    height: 3px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    transform: rotate(-45deg);
    left: -22px;
}
.content-btn {
	padding: 10px 24px;
	border: solid 1px #0468be;
	border-radius: 24px;
}
.content-btn a {
	display: block;
	font-size: 1.4rem;
	color: #0468be;
}
/* =============== advantage =============== */
.pagetitle-advantage {
	background: url(assets/pagetitle-advantage.jpg) no-repeat center / cover;
	position: relative;
	z-index: -99;
}
.advantage-inner {
	max-width: 960px;
	margin: auto;
	padding: 104px 0 120px;
}
.advantage-inner.container01 {
	padding: 36px 0 120px;
}
.bg-blue {
	background: #eef8fe;
}
.advantage-container h3 {
	font-size: 2.4rem;
	text-align: center;
	position: relative;
	margin: 0 0 40px 0;
	color: #0468be;
}
.advantage-container h3::before {
	content: "";
	position: absolute;
	height: 6px;
	border-radius: 3px;
	background: #0468be;
	opacity: .2;
	right: 0;
	left: 0;
	bottom:  4px;
	margin: auto;
}
.advantage-container.container01 h3::before {
	width: 280px;
}
.advantage-container.container02 h3::before {
	width: 320px;
}
.advantage-container.container03 h3::before {
	width: 320px;
}
.border-wrap {
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #0468be;
	padding: 40px 0;
	margin: 0 0 56px 0;
}
.advantage-container li {
	font-size: 1.5rem;
	margin: 24px 0 0 36px;
	position: relative;
}
.advantage-container li::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -36px;
	margin: auto;
	background: url(assets/check_bl.png) no-repeat center / contain;
}
.advantage-container li:nth-child(1) {
	margin: 0 0 0 36px;
}
.advantage-container dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 32px 0 0 0;
}
.advantage-container dl:nth-child(1) {
	margin: 0 0 0 0;
}
.advantage-container dt {
	background: #02345f;
	width: 104px;
	height: 104px;
	border-radius: 52px;
	color: #fff;
	font-size: 2.2rem;
	text-align: center;
	line-height: 104px;
	padding: 0 15px;
	margin: 0 32px 0 0;
}
.advantage-container dd {
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: justify;
}
.figure-title {
	display: flex;
	justify-content: center;
	margin: 56px auto 24px;
}
.figure-title p {
	font-size: 1.8rem;
	color: #0468be;
	position: relative;
}
.figure-title p::before,.figure-title p::after {
	content: "";
	position: absolute;
	top:  0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #0468be transparent transparent transparent;
}
.figure-title p::before {
	left: -24px;
}
.figure-title p::after {
	right: -24px;
}
.advantage-container img {
	width: 100%;
	height: auto;
	border: solid 1px#0468be;
}
.advantage-notice {
	display: block;
	font-size: 2rem;
	color: #0468be;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.advantage-notice::before {
	content: "";
	width: 230px;
	height: 6px;
	border-radius: 3px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	background: #0468be;
	opacity: .2;
}
.contact {
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 48px 0;
}
.contact-wrap {
	margin: 56px 0 0 0;
}
.contact-wrap p {
	font-size: 1.8rem;
	color: #0468be;
	margin: 0 auto 24px;
}
.contact-wrap span {
	font-size: 4.8rem;
	color: #0468be;
	font-weight: bold;
	margin: 0 0 0 52px;
	position: relative;
}
.contact-wrap span::before {
	content: "";
	width: 36px;
	height: 36px;
	background: url(assets/icon-telephone.png) no-repeat center / contain;
	position: absolute;
	top: 2px;
	bottom: 0;
	left: -52px;
	margin: auto;
}
.thanks_cont{
	display: -webkit-flex;
	display: flex;
}
.thanks_cont div:nth-of-type(1){width: 43%;}
.thanks_cont div:nth-of-type(2){width: 50%;}
.thanks_cont .thanks{
	text-align: left;
	padding: 0 10%;
}
.thanks_cont .spir-widget{
	border: solid 1px #ccc;
	border-radius: 10px;
	margin: 3%;
	overflow: hidden;
}

@media screen and (max-width: 1120px) {
	.pc-show {
		display: none;
	}
	.sp-show {
		display: block;
	}
	.openbtn {
		display: block;
		position: relative;
		cursor: pointer;
		width: 32px;
		height: 32px;
		margin: 0 20px 0 0;
		text-align: right;
		z-index: 9999;
	}
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 0;
		height: 3px;
		border-radius: 2px;
		background: #fff;
		width: 100%;
	}
	.openbtn span:nth-of-type(1) {
		top: 2px;
	}
	.openbtn span:nth-of-type(2) {
		top:14.5px;
	}
	.openbtn span:nth-of-type(3) {
		top:27px;
	}
	.openbtn.active span:nth-of-type(1) {
		transform: translateY(12px) rotate(-45deg);
	}
	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn.active span:nth-of-type(3) {
		transform: translateY(-12px) rotate(45deg);
	}
	.header-navi {
		position:fixed;
		z-index: 999;
		top:-120%;
		left:0;
		width:100%;
		height: 100vh;
		background:rgba(96, 195, 251, 0.8);
		transition: all 0.6s;
		text-align: center;
	}
	.header-navi ul li+* {
		margin-top: 16px;
	}
	.header-sub-navi li:last-of-type {
		margin-right: initial;
	}
	.header-sub-navi {
		display: block;
	}
	.header-navi.panelactive {
		top: 0;
	}
	.header-navi ul {
		display: block;
		align-items: inherit;
		position: absolute;
		z-index: 999;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		margin: 0;
	}
	.header-navi .header-sub-navi {
		display: none;
	}
	.header-navi li,
	.header-sub-navi li {
		color: #fff;
		font-size: 1.6rem;
	}
	.header-cta {
		height: 48px;
		line-height: 48px;
		color: #fff;
		margin: 0 24px 0 auto;
		font-size: 1.6rem;
		display: flex;
		align-items: center;
	}
	.header-cta a p {
		font-size: 1.6rem;
	}
	.top-fv-left {
		margin-right: -20px;
	}
	.top-fv-right {
		margin-left: -20px;
	}
	.top-feature-point {
		padding: 30px;
	}
	.top-feature-point p {
		font-size: 1.6rem;
	}
	.chart-area {
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}
	.top-case-voice {
		margin-top: 380px;
	}
	.footer-wrap {
		width: 90%;
	}
	.webiner-content {
		padding: 80px 0 40px;
	}
	.webiner-content-explane {
		width: 80%;
		margin: auto;
	}
	.webiner-list {
		flex-wrap: wrap;
	}
	.webiner-card {
		width: 48%;
		margin: 0 0 40px 0;
	}
	.about-vision {
		width: 80%;
	}
	.about-background-decoration::before {
		display: none;
	}
	.about-vision-image {
		margin: 0;
	}
	.about-company-wrap {
		width: 80%;
	}
	.about-company-wrap dl {
		width: 100%;
		margin: auto;
		padding: 24px 8px;
	}
	.about-history {
		width: 80%;
	}
	.about-history::before {
		height: 2700px;
		bottom: 180px;
	}
	.about-history-event {
		width: 520px;
	}
	.about-viewmore-wrap {
		width: 85%;
		padding: 32px 0;
	}
	.about-viewmore-image {
		width: 50%;
		aspect-ratio: 4/3;
		margin: 0 24px 0 -64px;
	}
	.about-viewmore-text {
		width: 80%;
		margin: 0;
	}
	.about-viewmore-text h2 {
		font-size: 1.8rem;
		line-height: 1.5;
		margin: 0 0 12px 0;
	}
	.about-viewmore-text p {
		font-size: 1.4rem;
		margin: 0 0 6px 24px;
	}
	.about-viewmore-text span {
		font-size: 1.1rem;
	}
	.about-viewmore-text p::before {
		width: 8px;
		height: 8px;
		left: -24px;
	}
}

@media screen and (max-width: 990px) {
	.top-fv-wrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto fit-content;
		justify-content: center;
		column-gap: 30px;
		row-gap: 20px;
		height: auto;
	}
	.top-fv-copy {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		width: 100%;
		margin: 0;
	}
	.top-fv-copy p {
		font-size: 1.8rem;
	}
	.top-fv-copy h2 {
		font-size: 3.2rem;
	}
	.top-fv-copy .subcopy {
		font-size: 1.6rem;
		margin-top: 20px;
	}
	.top-fv-copy .top-cv-button {
		margin-top: 20px;
	}
	.top-fv-left,
	.top-fv-right {
		background-size: contain;
		height: 50vw;
		width: auto;
	}
	.footer-top {
		grid-template-columns: repeat(3,1fr);
		grid-template-rows: auto auto;
		column-gap: 20px;
		row-gap: 30px;
	}
	.footer-logo-container {
		grid-column: 1 / 4;
		grid-row: 1 / 2;
	}
	.footer-main-links:first-of-type {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		margin: 0;
	}
	.footer-main-links:last-of-type {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}
	.footer-main-links+* {
		margin-left: 10px;
	}
	.footer-sub-nav {
		flex-direction: column;
		gap: 20px;
	}
}

.width-half {
	padding-bottom: 60px;
}
.form-wrap .width-half ul {
	margin-left: 32px;
}
.form-wrap .width-half ul li {
	font-size: 1.6rem;
	margin: 0 0 16px 32px;
	position: relative;
}
.form-wrap .width-half ul li::before,.form-wrap .width-half ul li::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.form-wrap .width-half ul li::before {
	background-color: #0468be;
	width: 24px;
	height: 24px;
	border-radius: 50%;;
	left: -36px;
}
.form-wrap .width-half ul li::after {
	width: 9px;
    height: 4px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    transform: rotate(-45deg);
    left: -30px;
}
.form-wrap .width-half div {
	margin: 0 auto;
}


@media screen and (min-width: 768px) {
	.display-flex {
		display: flex;
	}
	.width-half {
		margin: 120px 1%;
		width: 48%;
	}
	.width-half p.service-explane {
		margin-top: 0;
	}
	.form-wrap {
		display: flex;
		margin: 0 auto;
		max-width:960px;
	}
}

@media screen and (max-width: 768px) {
	p,li {
		font-size: 1.4rem;
	}
	.header-wrap {
		height: 64px;
	}
	.header-logo {
		width: 118px;
		height: 24px;
		margin: 0 0 0 20px;
	}
	.header-cta {
		height: 32px;
		line-height: 32px;
		border-radius: 16px;
		color: #fff;
		position: relative;
		margin: 0 16px 0 auto;
		font-size: 1.2rem;
	}
	.pagetitle {
		height: 216px;
	}
	.pagetitle::after {
		height: 216px;
	}
	.pagetitle h2 {
		font-size: 4.2rem;
	}
	.section-title h2 {
		font-size: 2.4rem;
	}
	.section-title h2 {
		margin: auto auto 40px;
		font-weight: 500;
	}
	.section-title h2::before,.section-title h2::after {
		width: 40px;
	}
	.section-title h2::before {
		left: -56px;
	}
	.section-title h2::after {
		right: -56px;
	}
	footer {
		padding: 72px 0 24px;
	}
	.footer-logo {
		width: 116px;
		height: 25px;
	}
	.scroll-arrow {
		width: 40px;
		height: 40px;
	}
	.scroll-arrow::before {
		width: 10px;
		height: 10px;
	}
	.scroll-arrow::after {
		height: 15px;
	}
	.footer-list {
		padding: 40px 0 16px;
	}
	.footer-list ul {
		display: block;
	}
	.footer-list li {
		margin: 0 0 24px 0;
	}
	.copyright {
		font-size: .9rem;
		margin: 24px 0 0 0;
	}
	.cta {
		width: 200px;
		height: 40px;
		border-radius: 20px;
	}
	.cta p {
		font-size: 1.2rem;
		line-height: 40px;
	}
	/* =============== top-sp =============== */
	.two-column-inner,
	.three-column-inner {
		grid-template-columns: 1fr;
	}

	.two-column-inner > *,
	.three-column-inner > * {
		grid-column: 1;
	}

	.top-fv-wrap {
		flex-direction: column;
		width: 90%;
		height: auto;
		margin: auto;
	}
	.top-fv-copy {
		width: 100%;
		justify-content: center;
		align-items: center;
		padding: 0 0 0 0;
	}
	.top-fv-copy h2 {
		font-size: 3.2rem;
		line-height: 1.5;
	}
	p.subcopy {
		margin: 20px 0;
		line-height: 1.7;
	}
	.cv-button p {
		padding: 0 0 0 0;
	}
	.top-fv-image {
		background: url(assets/kv01.png) no-repeat center / cover;
		width: 100%;
		height: 300px;
		margin: 48px 0 0 0;
	}
	.top-section-header {
		margin-bottom: 50px;
	}
	.top-section-header span {
		font-size: 1.2rem;
	}
	.top-section-header span::before,.top-section-header span::after {
		width: 40px;
	}
	.top-section-header span::before {
		left: -56px;
	}
	.top-section-header span::after {
		right: -56px;
	}
	.top-section-header h2 {
		font-size: 2rem;
		margin: 32px auto;
	}
	.top-section-header p {
		font-size: 1.4rem;
		text-align: justify;
		width: 80%;
		margin: auto;
	}
	.top-feature {
		padding: 50px 0 20px;
	}
	.top-feature-wrap {
		margin: 120px auto;
	}
	.top-feature-inner {
		width: 80%;
		flex-direction: column;
		align-items: center;
	}
	.top-feature-container {
		width: 100%;
		margin: auto;
	}
	.top-feature-point {
		padding: 30px;
	}
	.top-feature-image {
		width: 64px;
		height: 64px;
		margin: 16px auto 0;
	}
	.top-feature-text h3 {
		font-size: 1.6rem;
	}
	.top-resolve-container h2 {
		font-size: 2.2rem;
	}
	.top-resolve-container > p {
		font-size: 1.4rem;
	}
	.top-resolve-container > p::before,
	.top-resolve-container > p::after {
		width: 30px;
	}
	.top-resolve-container > p::before {
		left: -40px;
	}
	.top-resolve-container > p::after {
		right: -40px;
	}
	.top-about {
		padding: 140px 0 60px 0;
	}
	.top-about-message {
		padding-left: 2rem;
		margin-right: 20px;
	}
	.top-about-message h2 {
		font-size: 2rem;
	}
	.top-reason-title {
		font-size: 2.4rem;
	}
	.top-reason-parts h3 {
		font-size: 2.2rem;
	}
	.top-reason-wrap {
		width: 90%;
	}
	.top-reason-column {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.top-reason-column > * {
		grid-column: 1;
	}
	.top-product {
		padding: 60px 0 40px 0;
	}
	.top-case-wrapper {
		padding: 30px 0;
	}
	.top-case-voice {
		margin-top: 20px;
	}
	.top-case-wrap {
		margin: 120px auto;
	}
	.case-logo {
		width: 136px;
		height: 32px;
		margin: 0 20px;
	}
	.top-case-share {
		width: 100%;
		margin: 64px auto;
	}
	.top-subtitle {
		width: 200px;
		line-height: 28px;
		border-radius: 14px;
		margin: 0 auto 40px;
		font-size: 1.2rem;
	}
	.chart-area {
		flex-direction: column;
		align-items: center;
		height: auto;
	}
	.chart-wrap {
		width: 240px;
		height: 240px;
	}
	.chart-wrap:nth-child(2) {
		margin: 24px auto;
	}
	.chart-wrap::before {
		width: 176px;
		height: 176px;
	}
	.chart-label p {
		font-size: 1rem;
	}
	.voice-wrap {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	.voice-wrap > * {
		grid-column: 1;
	}
	.voice-wrap-border {
		margin: 64px auto;
	}
	.voice-wrap-border::before,.voice-wrap-border::after {
		width: 80%;
	}
	.voice-wrap-border::before {
		top: -32px;
	}
	.voice-wrap-border::after {
		bottom: -32px;
	}
	.voice-image {
		width: 100%;
		height: auto;
		aspect-ratio: 4/3;
	}
	.voice-text {
		width: 100%;
	}
	.voice-text dt {
		font-size: 1.6rem;
		margin: 0 10px 0 0;
	}
	.voice-text dd {
		padding: 5px 10px;
		font-size: 1.4rem;
		line-height: 16px;
		border-radius: 8px;
	}
	.voice-text h3 {
		font-size: 1.6rem;
		margin: 16px 0 24px;
		line-height: 1.5;
	}
	.top-news {
		padding: 40px 0;
	}
	.top-news-container {
		grid-template-rows: auto auto;
	}
	.news-date {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.top-news-container > span {
		grid-column: 2 / 4;
		grid-row: 1 / 2;
		width: 25%;
		min-width: 110px;
	}
	.news-name {
		margin: 0;
		grid-column: 1 / 4;
		grid-row: 2 / 3;
		font-size: 1.4rem;
	}
	.top-cv-wrap {
		flex-direction: column;
		width: 80%;
		padding: 0 0 120px 0;
	}
	.top-cv-image {
		width: 100%;
		height: 280px;
		margin: 0 0 0 0;
	}
	.top-cv-text {
		width: 100%;
	}
	.top-cv-text h3 {
		font-size: 2.4rem;
		margin: 32px 0 0 0;
	}
	.top-cv-explane {
		margin: 24px 0 48px;
	}
	.sub-button {
		margin: 24px 0 0 0;
	}
	.footer-top {
		gap: 20px;
	}
	.footer-sub-nav {
		margin-top: 50px;
	}
	.footer-sub-links {
		flex-direction: column;
		gap: 20px;
	}
	/* =============== webiner-sp =============== */
	.webiner-content-explane {
		text-align: justify;
	}
	.webiner-list {
		width: 80%;
		margin: 80px auto 48px;
		display: block;
	}
	.webiner-card {
		width: 100%;
	}
	.webiner-consultation {
		padding: 0 0 120px 0;
	}
	.webiner-consultation-explane {
		margin: auto auto 64px;
	}
	.webiner-consultation-type {
		display: block;
		margin: auto auto 64px;
	}
	.consultation-type-wrap {
		margin: 0 auto 64px;
	}
	.consultation-type-circle {
		margin: 0 auto 24px;
	}
	p.notice-contracted {
		margin: 40px auto 0;
	}
	/* =============== single-webiner-sp =============== */
	.single-webiner-wrap {
		width: 80%;
		padding: 80px 0 120px;
	}
	.single-webiner-wrap h2 {
		font-size: 1.6rem;
		margin: 32px auto 64px;
	}
	.single-webiner-header span {
		font-size: 1.2rem;
	}
	.single-webiner-header span::before,.single-webiner-header span::after {
		width: 40px;
	}
	.single-webiner-header span::before {
		left: -56px;
	}
	.single-webiner-header span::after {
		right: -56px;
	}
	.single-webiner-container {
		margin: 0 auto 64px;
	}
	.single-webiner-container h3 {
		font-size: 1.4rem;
		margin: 0 0 24px;
		padding: 0 0 6px 0;
	}
	.single-webiner-container td {
		padding: 12px 16px;
		font-size: 1.2rem;
	}
	.background-gray {
		width: 100px;
	}
	.single-webiner-speaker-wrap {
		flex-direction: column;
		padding: 0 0 32px 0;
	}
	.single-webiner-speaker-wrap img {
		margin: 0 auto 32px;
	}
	.single-webiner-speaker-detail dt {
		font-size: 1.3rem;
		margin: 0 0 8px 0;
	}
	.single-webiner-speaker-detail dd {
		font-size: 1.2rem;
		margin: 0 0 16px 0;
	}
	/* =============== about-sp =============== */
	.about-vision {
		width: 80%;
		padding: 80px 0 120px;
		display: block;
	}
	.about-vision-image {
		width: 100%;
		margin: 0 0 32px 0;
	}
	.about-vision-text {
		width: 100%;
	}
	.about-vision-text h3 {
		font-size: 1.8rem;
		margin: 0 0 12px 0;
	}
	.about-company-wrap {
		width: 80%;
		margin: auto auto 80px;
	}
	.about-company-wrap dl {
		width: 100%;
		padding: 24px 8px;
	}
	.about-company-wrap dd {
		font-size: 1.2rem;
		width: 30%;
	}
	.about-company-wrap dt {
		font-size: 1.2rem;
	}
	.about-history {
		width: 80%;
		padding: 0 0 48px 0;
	}
	.about-history::before {
		display: none;
	}
	.about-history-wrap {
		display: block;
		margin: 0 0 32px 0;
	}
	.about-history-wrap span {
		display: block;
		width: 80%;
		height: 100%;
		border-radius: 20px;
		font-size: 1.2rem;
		padding: 6px 0;
		line-height: inherit;
		margin: auto auto 16px;
	}
	.about-history-event {
		width: 100%;
		margin: 0;
	}
	.about-history-event dl {
		width: 100%;
		padding: 16px 8px;
	}
	.about-history-event dd {
		font-size: 1.4rem;
	}
	.about-history-event dt {
		width: 82%;
		font-size: 1.2rem;
	}
	.about-access p {
		text-align: justify;
		width: 80%;
		margin: auto auto 40px;
	}
	.about-access iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 1/1;
	}
	.about-viewmore-text h2 {
		font-size: 1.6rem;
		line-height: 1.5;
		margin: 0 0 12px 0;
	}
	.about-viewmore-text p {
		font-size: 1.1rem;
		margin: 0 0 6px 20px;
	}
	.about-viewmore-text span {
		font-size: .9rem;
	}
	.about-viewmore-text p::before {
		width: 8px;
		height: 8px;
		left: -24px;
	}
	.about-viewmore::before {
		display: none;
	}
/* =============== service-sp =============== */
	p.service-explane {
		text-align: justify;
		margin: 80px auto 40px;
		width: 80%;
	}
	.service-tab {
		width: 90%;
		margin: auto;
		padding: 0 0 64px 0;
	}
	.tab-area {
		margin: 0 auto 64px;
	}
	.tab p {
		font-size: 1.2rem;
	}
	.service-overview {
		display: block;
		margin: 0 0 64px 0;
	}
	.service-overview-text {
		width: 100%;
	}
	.service-overview-text h3 {
		font-size: 1.8rem;
		text-align: center;
		margin: 0 0 32px;
	}
	.service-overview-text h3::after {
		bottom: -16px;
		right: 16px;
		font-size: 4.2rem;
	}
	.service-overview-text p {
		font-size: 1.2rem;
		margin: 0 auto 40px;
		width: 90%;
	}
	.service-overview-image {
		width: 100%;
		height: 172px;
		margin: 0 0 0 0;
	}
	.content-wrap {
		display: block;
		width: 90%;
		margin: auto;
	}
	.content-inner {
		margin: 0 0 24px 0;
		padding: 32px 10%;
	}
	.content-inner h3 {
		font-size: 1.6rem;
	}
	.content-image {
		height: 56px;
		margin: 24px auto;
	}
	.content-inner p {
		font-size: 1.2rem;
	}
	.content-inner.t-4oo {
		padding: 40px 10%;
	}
	.content-inner.t-4oo h3 {
		font-size: 1.6rem;
		text-align: center;
	}
	.content-text {
		display: flex;
		flex-direction: column;
		margin: 0 0 0 0;
	}
	.content-image.t-4oo {
		width: 100%;
		height: 56px;
		margin: 24px auto;
	}
	.content-explane {
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.content-explane.t-4oo p {
		margin: 0 0 0 0;
	}
	.content-feature {
		display: block;
	}
	.content-feature.t-4oo {
		display: flex;
		flex-direction: column;
		margin: 32px auto;
	}
	.content-feature.t-4oo p {
		display: inline-block;
	}
	.content-feature.other p,.content-feature.t-4oo p {
		font-size: 1.2rem;
		margin: 0;
	}
	.content-feature p:nth-child(1) {
		margin: 0 0 8px;
	}
	.content-feature.t-4oo p::before {
		background-color: #0468be;
		width: 20px;
		height: 20px;
		left: -28px;
	}
	.content-feature.t-4oo p::after {
		width: 6px;
		height: 3px;
		border-left: solid 2px #fff;
		border-bottom: solid 2px #fff;
		left: -22px;
	}
	.content-feature.other {
		display: block;
		justify-content: space-between;
		margin: 32px auto;
	}
	.content-btn,.content-btn.t-4oo {
		padding: 8px 32px;
		border-radius: 20px;
	}
	.content-btn p,.content-btn.t-4oo p {
		font-size: 1.2rem;
	}
	.content-btn.t-4oo {
		border-radius: inherit;
		margin: 0 auto 0;
	}
	.pc-show-m {
		display: none;
	}
	.thanks_cont{display: block;}
	.thanks_cont div:nth-of-type(1),.thanks_cont div:nth-of-type(2){
		width: 95%;
		margin: auto;
	}
	.thanks_cont .thanks{
		padding: 0;
		margin:5% auto 3%;
	}
	.thanks_cont .privacy img{
		object-fit: contain;
		width: 45px;
    	height: 45px;
	}
}

@media screen and (max-width: 599px) {
	.top-cv-button {
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 0 0 0 0;
	}
	.top-resolve-container h2 {
		font-size: 1.8rem;
	}
	.footer-top {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		align-items: center;
	}
	.footer-top>*,
	.footer-main-links:first-of-type,
	.footer-main-links:last-of-type {
		grid-column: 1;
		grid-row: auto;
	}
	.footer-main-links li a {
		width: 200px;
		margin: auto;
	}
	.footer-main-links+* {
		margin: 0;
	}
	.footer-logo-container {
		justify-content: center;
	}
	.sp-show-s {
		display: block;
	}
}

/* =============== whitepaper =====220731 追加========== */
body {
	font-family: "メイリオ","Meiryo";
}
.paper-bg {
	background: linear-gradient(to bottom, #fff, rgba(96,195,251,.25));
	padding: 0 0 128px;
}
.pagetitle-paper {
	background: url(paper/assets/pagetitle-paper.jpg) no-repeat center / cover;
	position: relative;
	z-index: -99;
}
ul.paper-container {
	max-width: 960px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
li.paper-wrap {
	width: calc((100% - 32px)/2);
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	margin: 0 0 32px;
	border-radius: 20px;
	box-shadow: 2px 2px 20px rgb(0 0 0 / 5%);
}
h3.paper-content-title {
	width: 80%;
	font-size: 20px;
	color: #034e8f;
	font-weight: bold;
	text-align: center;
	margin: 48px auto 32px;
}
.paper-content-title a:hover {
	color: #FFFFFF;
	background-color: #0468BE;	
}
ul.paper-content-list {
	margin: auto;
}
.paper-content-list li {
	font-size: 1.5rem;
    margin: 20px 0 0 36px;
    position: relative;
}
.paper-content-list li:nth-child(1) {
    margin: 0 0 0 36px;
}
.paper-content-list li::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -36px;
    margin: auto;
    background: url(assets/check_bl.png) no-repeat center / contain;
}
.paper-wrap a {
	text-align: center;
}
.paper-wrap img {
	width: 80%;
	height: auto;
	margin: 40px auto 48px;
	border: 1px solid #ccc;
}

@media screen and (max-width: 428px) {
	.header-cta {
		padding: 0;
	}
	.header-cta a p {
		display: none;
	}
	.header-cta::before {
		padding: 10px;
	}
	.top-fv-copy h2 {
		font-size: 2.4rem;
	}
	.top-fv-copy p {
		font-size: 1.6rem;
	}
	.top-resolve-container h2 {
		font-size: 1.6rem;
	}
	.top-resolve-container p {
		font-size: 1.25rem;
	}
	.top-resolve-container > p::before,
	.top-resolve-container > p::after {
		width: 20px;
	}
	.top-resolve-container > p::before {
		left: -30px;
	}
	.top-resolve-container > p::after {
		right: -30px;
	}
	.top-about-message h2 {
		font-size: 1.8rem;
	}
	.top-product-message {
		font-size: 1.4rem;
	}
	.top-knowledge-container {
		padding: 30px 20px;
	}
	.top-knowledge-container a {
		font-size: 1.4rem;
		padding: 10px 35px 10px 10px;
	}
}

@media screen and (max-width: 960px) {			/***220731 paper追加***/
	ul.paper-container {
		width: 90%;
	}
	li.paper-wrap {
		width: 100%;
	}
	h3.paper-content-title {
		font-size: 18px;
		margin: 32px auto 24px;
	}
	.paper-content-list li {
		font-size: 14px;
		margin: 16px 0 0 32px;
	}
	.paper-content-list li:nth-child(1) {
		margin: 0 0 0 32px;
	}
	.paper-content-list li::before {
		width: 18px;
		height: 18px;
		left: -26px;
	}
	.paper-wrap img {
		width: 85%;
		margin: 32px auto 40px;
	}
}
@media screen and (max-width: 540px) {
	p.body-explane {
		font-size: 14px;
		width: 80%;
		text-align: justify;
		margin: 80px auto 64px;
	}
	ul.paper-content-list {
		width: 80%;
		margin: auto;
	}
}

/*
**220611追加**********************/
.privacy img {
	width: 75px;
	height: 75px;
}

p.thanks {
	display: block;
	text-align: center;
	color: #0468be;
	margin: 40px auto 40px;
}

.tokusho {
	font-size: 1.2em;
}

p.whitepaper-lead {
	display: block;
	text-align: center;
	color: #0468be;
	margin: 20px auto 20px;
	font-size: 1.6em;
}

img.whitepaper {
	width: 350px;
}

/*
**230328追加**********************/
.mai-menu {
	font-weight: bold!important;
	color: #f29f05!important;
}
.mai-fv {
	background:url(assets/bg_rakuyakuai.png) no-repeat center / cover;
	background-position:50% bottom;
	position:relative;
	padding-top:0;
	max-height:600px;
}
.mai-left {background:none;}
.mai-right {background:none;}
.mai-copy {color:#352d66;}
.mai-contact:after {border-top:solid 2px #352d66; border-right:solid 2px #352d66;}

@media screen and (max-width: 1400px) {
 .mai-fv {max-height:400px;}
}