@charset "UTF-8";

.container {
	width: 73%;
	max-width: 994px;
}

.sp {
	display: none;
}

/* ページネーション */
.pagination {
	margin: 63px auto 0;
}

.pagination ul li {
	width: 49px;
	height: 48px;
}

.pagination ul li:nth-of-type(2) {
	margin: 0 12px;
}

.pagination ul li a {
	font-size: 13px;
}

/* 記事前後ページネーション */
.post-navigation {
	width: 73%;
	max-width: 994px;
}

.post-navigation.top-nav {
	margin: 43px auto 63px;
}

.post-navigation.bottom-nav {
	margin: 0 auto 63px;
}

/* ヘッダー */
header .container {
	padding-top: 18px;
	max-width: 1366px;
}

header .flex h1,
header .flex .img-box {
	margin-left: 21px;
	width: 206px;
}

header .flex .button-box div:nth-child(1) nav ul li:nth-child(2) a {
	margin: 0 37px 0 16px;
}

header .flex .button-box div:nth-child(1) nav ul li:nth-child(2)::after {
	right: 20px;
	height: 34px;
}

header .flex .button-box > div:nth-child(1) a.hover-line {
	font-size: 13px;
}

header .flex .button-box > div:nth-child(1) p:nth-of-type(1) {
	margin-right: 24px;
	font-size: 16px;
}

header .flex .button-box div:nth-child(1) p:nth-of-type(1) span {
	margin-right: 2px;
	font-size: 16px;
}

header .flex .button-box > div:nth-child(1) p {
	font-size: 13px;
}

header .flex .button-box > div:nth-child(2) {
	margin-top: 23px;
}

header .flex .button-box div:nth-child(2) a {
	font-size: 16px;
}

header .flex .button-box > div:nth-child(2) nav > ul > li > a.hover-line {
	margin: 0 30px;
}

header .flex .button-box > div:nth-child(2) nav > ul > li:nth-child(1) {
	margin: 0 30px;
}

header
	.flex
	.button-box
	div:nth-child(2)
	ul
	li:nth-child(2)
	a.hover-line::before,
header
	.flex
	.button-box
	div:nth-child(2)
	ul
	li:nth-child(2)
	a.hover-line::after {
	height: 31px;
}

header .flex .button-box div:nth-child(2) ul li:nth-child(2) a::before {
	left: -30px;
}

header
	.flex
	.button-box
	div:nth-child(2)
	ul
	li:nth-child(2)
	a.hover-line::after {
	right: -30px;
}

/* -----------------------------------------------------フッター-------------------------------------------------------------------------- */
footer .cta {
	padding: 68px 0 130px;
}

footer .cta p:nth-of-type(1) {
	margin-bottom: 10px;
	font-size: 24px;
}

footer .cta p:nth-of-type(2) {
	margin-bottom: 32.5px;
	font-size: 17px;
}

footer .cta > a {
	margin: 0 auto 14.5px;
	font-size: 28px;
}

footer .cta .flex a {
	width: 497px;
	height: 180px;
}

footer .cta a span {
	margin-right: 7.5px;
	font-size: 27px;
}

footer .cta p:nth-of-type(3) {
	font-size: 12px;
}

footer .cta p:nth-of-type(3) span {
	margin-left: 6px;
	font-size: 13px;
}

footer .cta div.flex {
	top: 74%;
}

footer .container {
	padding: 148px 0 126.5px;
}

footer .container > a {
	margin-bottom: 43px;
}

footer .container nav .footer-list:nth-child(1) {
	margin-right: 74px;
}

footer .container nav .footer-list > p {
	margin-bottom: 30px;
	font-size: 15px;
}

footer .container nav .footer-list ul li {
	margin-bottom: 14px;
}

footer .container nav .footer-list:nth-child(2) .flex ul {
	margin-right: 56px;
}

footer .container nav .footer-list ul li a {
	font-size: 13px;
}

footer .container nav > .footer-list ul li {
	margin-bottom: 30px;
}

footer .container nav > .footer-list ul li a {
	font-size: 15px;
}

footer .footer-bottom {
	padding: 43px 0;
}

footer .footer-bottom > div.flex {
	width: 62.6%;
	max-width: 856px;
}

footer .footer-bottom div.flex ul li a,
footer .footer-bottom div.flex p {
	font-size: 13px;
}

footer .footer-bottom div.flex ul li a {
	padding-bottom: 4px;
}

footer .footer-bottom > div.flex .flex li:nth-child(1) {
	margin-right: 24px;
}

/* ----------------------------------------------------------------------------------トップページ------------------------------------------------------------ */
#top .fv {
	padding: 0 0 84px;
	max-width: 1366px;
}

#top .fv p {
	margin: 111px 0 63px 69px;
	font-size: 51px;
}

#top .fv .img-box {
	margin: 0 0 39px 69px;
}

#top .fv .img-box img:not(:last-child) {
	margin-right: 15px;
}

#top .fv a {
	margin-left: 69px;
}

#top .fv a img.sp {
	display: none;
}

#top .fv picture {
	right: 23px;
	top: -16px;
}

@media screen and (max-width: 1370px) {
	#top .fv picture {
		top: 45px;
		width: 50%;
	}

	#top .fv .img-box img {
		width: 13%;
	}
}

#top .philosophy {
	padding: 63px 0;
}

#top .philosophy .big-container {
	width: 91%;
	max-width: 1240px;
}

#top .philosophy .big-container .container {
	padding: 102px 0;
	width: 80%;
}

#top .philosophy .big-container .container h2 {
	margin-bottom: 63px;
	font-size: 54px;
}

#top .philosophy .big-container .container h2 span {
	margin-top: 2px;
	font-size: 31px;
}

#top .philosophy .big-container .container .blue-big {
	margin-bottom: 30px;
	font-size: 54px;
}

#top .philosophy .big-container .container .flex {
	margin: 63px 0;
}

#top .philosophy .big-container .container .flex picture {
	width: 48%;
}

#top .philosophy .big-container .container .flex .text-box {
	width: 49%;
}

#top .philosophy .big-container .container .flex .text-box p:nth-child(1) {
	margin-bottom: 40px;
	font-size: 33px;
}

#top .philosophy .big-container .container .flex .text-box p:nth-child(1) span {
	font-size: 54px;
}

@media screen and (max-width: 1320px) {
	#top .philosophy .big-container .container .blue-big {
		font-size: 28px;
	}

	#top .philosophy .big-container .container .flex {
		align-items: center;
	}

	#top .philosophy .big-container .container .flex .text-box p:nth-child(1) {
		margin-bottom: 30px;
		font-size: 20px;
	}

	#top
		.philosophy
		.big-container
		.container
		.flex
		.text-box
		p:nth-child(1)
		span {
		font-size: 40px;
	}

	#top
		.philosophy
		.big-container
		.container
		.flex
		.text-box
		p:not(:first-child) {
		font-size: 13px;
	}
}

#top .worries {
	padding: 102px 0 104px;
}

#top .worries h2 {
	font-size: 33px;
}

#top .worries h2::after {
	bottom: 6px;
	height: 11px;
}

#top .worries h2 span {
	margin: 0 3px 0 2px;
	font-size: 45px;
}

#top .worries h2 span::before {
	top: -19px;
	width: 13px;
	height: 13px;
}

#top .worries > div.flex {
	margin-top: 40px;
}

#top .worries > div.flex > img {
	margin-right: 44px;
	width: 205px;
}

#top .worries > div.flex ul li:not(:last-child) {
	margin-bottom: 26px;
}

#top .worries > div.flex ul li img {
	margin-right: 12.5px;
}

#top .worries > div.flex ul li p {
	font-size: 27px;
}

#top .resolution {
	padding-top: 63.5px;
}

#top .resolution .flex .text-box {
	margin-right: 41px;
	padding-top: 16.5px;
}

#top .resolution .flex .text-box h2 {
	margin-bottom: 16px;
	font-size: 33px;
}

#top .resolution .flex .text-box p {
	font-size: 28px;
}

#top .merit .merit-menu {
	padding: 63px 0;
}

#top .merit .merit-menu h2 {
	margin-bottom: 43.7px;
	font-size: 34px;
}

#top .merit .merit-menu .flex li {
	width: 108px;
}

#top .merit .merit-menu .flex li a p {
	margin: 20.8px auto 29px;
	font-size: 17px;
}

#top .merit .merit-list .container {
	padding: 62px 0 102px;
}

#top .merit .merit-list .container ul li:not(:last-child) {
	margin-bottom: 62px;
}

#top .merit .merit-list .container ul li .flex .text-box {
	width: 40%;
}

#top .merit .merit-list .container ul li .flex .text-box::after {
	width: 116px;
	height: 90px;
}

#top .merit .merit-list .container ul li .flex .text-box .heading {
	margin-top: 39px;
}

#top .merit .merit-list .container ul li .flex .text-box .heading h3 {
	font-size: 14px;
}

#top .merit .merit-list .container ul li .flex .text-box .heading p {
	font-size: 20px;
}

#top .merit .merit-list .container ul li .flex .text-box .text-bold {
	margin: 23px 0 13px;
	font-size: 28px;
}

#top .merit .merit-list .container ul li .flex .text-box .textarea {
	font-size: 16px;
}

#top .merit .merit-list .container ul li .flex picture {
	width: 56%;
}

#top .cta-link {
	padding: 63px 0;
}

#top .cta-link h2 {
	margin-bottom: 16px;
	font-size: 33px;
}

#top .cta-link p {
	margin-bottom: 25px;
	font-size: 28px;
}

#top .customer {
	padding: 102px 0 0 0;
}

#top .customer h2 {
	margin-bottom: 63px;
	padding-left: 31.3px;
}

#top .customer h2 span:nth-of-type(1) {
	font-size: 56px;
}

#top .customer h2 span:nth-of-type(2) {
	margin-top: 9.2px;
	font-size: 23px;
}

#top .customer .slider li {
	margin: 0 15.5px;
	max-width: 970px;
}

#top .customer .slider li a .flex .text-box {
	padding: 0 64px 0 63px;
}

#top .customer .slider li a .flex .text-box p:nth-of-type(1) {
	margin-bottom: 5px;
	font-size: 14px;
}

#top .customer .slider li a .flex .text-box p:nth-of-type(2) {
	margin-bottom: 10px;
	font-size: 25px;
}

#top .customer .slider .slick-prev,
#top .customer .slider .slick-next {
	width: 84px;
	height: 83px;
}

#top .customer .slider .slick-prev {
	left: 19.3%;
}

#top .customer .slider .slick-next {
	right: 20%;
}

#top .customer .slider .slick-prev:before,
#top .customer .slider .slick-next:before {
	width: 84px;
	height: 83px;
}

#top .customer .view-all {
	margin: 63px auto 0;
	max-width: 994px;
	width: 73%;
}

/* トップページPRODUCTセクション */
#top .product {
	padding: 102px 0;
}

#top .product h2 {
	margin-bottom: 43px;
	padding-left: 31.3px;
}

#top .product h2 span.big-ttl {
	font-size: 56px;
}

#top .product h2 span.small-ttl {
	margin-top: 9.2px;
	font-size: 23px;
}

#top .product .container > p {
	margin-bottom: 63px;
}

#top .product .container ul li {
	margin-bottom: 40px;
	width: 48%;
}

#top .product .container .view-all {
	margin-top: 23px;
}

#top .flow .container {
	padding: 63px 0;
}

#top .flow .container h2 {
	margin-bottom: 45px;
	font-size: 33px;
}

#top .flow .container ul li {
	padding: 12px 25px;
	width: 23%;
}

#top .flow .container ul li img {
	margin: 0 auto 8px;
}

#top .flow .container ul li p:nth-of-type(1) {
	margin-bottom: 16px;
	font-size: 21px;
}

/* トップページFAQセクション */
#top .faq .container {
	padding: 102px 0;
}

#top .faq h2 {
	margin-bottom: 63px;
	padding-left: 31.3px;
}

#top .faq h2 span.big-ttl {
	font-size: 56px;
}

#top .faq h2 span.small-ttl {
	margin-top: 9.2px;
	font-size: 23px;
}

/*tabの形状*/
.tab {
	padding: 0 15.5px;
}

.tab::before,
.tab::after {
	height: 35px;
}

.tab::before {
	left: 33%;
}

.tab::after {
	right: 33%;
}

.tab li {
	width: 30%;
}

.tab li a {
	margin: 0 2px;
	padding: 0 0 19px 0;
	font-size: 20px;
}

/*エリアの表示非表示と形状*/
.area {
	margin-bottom: 63px;
	padding: 90.1px 0 0 0;
}

/*アコーディオン全体*/
.accordion-area li:not(:last-child) {
	margin: 0 0 49.6px 0;
}

/*アコーディオンタイトル*/
#top .title {
	padding: 0 20px 46.7px;
}

/*アイコンの＋と×*/
.title::before,
.title::after {
	width: 15px;
}

.title::before {
	top: 9.2px;
	right: 15px;
}

.title::after {
	top: 9.2px;
	right: 15px;
}

#top .faq .container .title img {
	margin-right: 31.9px;
}

/*アコーディオンで現れるエリア*/
#top .faq .box {
	padding: 30px;
}

/* --------------------------------------------------------------------経営理念ページ--------------------------------------------------------- */
#psophy .msg {
	padding-bottom: 102px;
}

#psophy .msg .container h1.ttl {
	font-size: 71px;
}

#psophy .msg .container .txt {
	font-size: 31px;
}

#psophy .msg .container .textarea {
	padding-top: 63px;
	font-size: 54px;
}

#psophy .msg .container .box img {
	margin-top: 180px;
}

#psophy .vision {
	height: 545px;
}

#psophy .vision h2 {
	font-size: 28px;
}

#psophy .vision .container .os {
	font-size: 14px;
}

#psophy .vision .container:first-of-type .os {
	padding-top: 100px;
}

#psophy .vision .container.flex {
	padding-top: 40px;
}

#psophy .vision .container .box {
	width: 293px;
}

#psophy .vision .container .box p {
	font-size: 16px;
}

#psophy .vision .container .box p:nth-child(3) {
	font-size: 28px;
}

#psophy .vision .container .box img.vion01 {
	width: 130px;
	height: 81px;
}

#psophy .industry .container h2 {
	padding: 102px 0 63px;
	font-size: 34px;
}

#psophy .industry .container .flex {
	padding-bottom: 43px;
}

#psophy .industry .container .flex:last-of-type {
	padding-bottom: 102px;
}

#psophy .industry .container .flex .box:nth-of-type(1) {
	width: 50%;
}

#psophy .industry .container .flex .box.txt {
	width: 46%;
}

#psophy .industry .container .flex .box.txt h3 {
	padding-bottom: 32px;
	font-size: 33px;
}

#psophy .industry .container .flex .box .value {
	font-size: 54px;
}

#psophy .industry .container .flex .box p {
	font-size: 16px;
	padding-bottom: 20px;
}

#psophy .ceo .container .flex {
	padding: 63px 0;
}

#psophy .ceo .container .flex .img_txt {
	width: 46%;
}

#psophy .ceo .container .flex .img_txt div:first-of-type {
	padding-top: 27px;
}

#psophy .ceo .container .flex .img_txt div {
	padding-top: 20px;
}

#psophy .ceo .container .flex .img_txt div p:first-of-type {
	padding-right: 27px;
}

#psophy .ceo .container .flex .img_txt .flex p {
	font-size: 16px;
	padding-bottom: 20px;
}

#psophy .ceo .container .flex .img_txt .flex.txt {
	padding-top: 27px;
}

#psophy .ceo .container .flex .img_txt .flex p.b {
	font-size: 20px;
}

#psophy .ceo .container .flex .ceo_txt {
	width: 50%;
}

#psophy .ceo .container .flex .ceo_txt h2 {
	font-size: 14px;
}

#psophy .ceo .container .flex .ceo_txt .ceo-heading {
	margin: 15px 0 42px;
	font-size: 28px;
}

#psophy .ceo .container .flex .ceo_txt p {
	padding-bottom: 32px;
}

#psophy .ceo .container .flex .ceo_txt .b {
	font-size: 20px;
}

@media screen and (max-width: 1260px) {
	#psophy .industry .container .flex .box.txt h3 {
		font-size: 22px;
	}

	#psophy .industry .container .flex .box .value {
		font-size: 44px;
	}
}

/*-------------------------- 製品一覧 ---------------------------------*/
#products .product {
	margin-bottom: 62px;
}

#products .product .container h1 {
	margin-bottom: 57px;
}

#products .product .container h1 span:nth-of-type(1) {
	font-size: 71px;
}

#products .product .container h1 span:nth-of-type(2) {
	font-size: 31px;
}

#products .product .container p {
	font-size: 14px;
	margin-bottom: 63px;
}

#products .product .container ul li {
	margin-bottom: 40px;
	width: 48%;
}

/* ----------------------------------------------------------------相談支援事業所向け(メイン機能紹介ページ)------------------------------------------------------------ */
#sdan .support .container {
	padding-top: 50px;
}

#sdan .support .container div.heading {
	width: 632px;
}

#sdan .support .container div h1 {
	font-size: 46px;
}

#sdan .fture {
	margin: 102px 0 63px;
	padding: 63px 0;
}

#sdan .fture .container h2 {
	margin-bottom: 43px;
	font-size: 34px;
}

#sdan .fture .container .flex .box a {
	padding: 20px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

#sdan .fture .container .flex .box p {
	font-size: 21px;
}

#sdan .fture .container .flex .box h3 {
	font-size: 17px;
	height: 61px;
}

#sdan .point .container .service {
	padding-bottom: 64px;
}

#sdan .point .container .service .box > ul > li::after {
	width: 116px;
	height: 90px;
}

#sdan .point .container .service .box > ul > li .flex .text-box::after {
	width: 116px;
	height: 90px;
}

#sdan .point .container .service .box ul li .flex .text-box {
	width: 40%;
}

#sdan .point .container .service .box ul li .flex iframe {
	margin-top: 47px;
	width: 56%;
}

#sdan .point .container .service .box ul li .flex .text-box .heading h3 {
	margin-top: 39px;
	font-size: 14px;
}

#sdan .point .container .service .box ul li .flex .text-box .heading p {
	font-size: 20px;
}

#sdan .point .container .service .box ul li .flex .text-box .text-bold {
	margin: 20px 0 40px;
	font-size: 28px;
}

#sdan .point .container .service .box ul li .flex .text-box .textarea {
	font-size: 16px;
}

#sdan .point .container .service .box ul li .flex .text-box .img-title {
	margin-bottom: 10px;
	font-size: 20px;
}

#sdan .point .container .service .box ul li .flex .text-box ul li {
	margin-right: 15px;
}

#sdan .point .container .service .box ul li .flex .text-box ul li picture {
	width: 101px;
}

#sdan .point .container .service .box ul li .flex .text-box ul li p {
	margin-top: 2px;
	font-size: 13px;
}

#sdan .point .container .service .box ul li .orange-box {
	margin-top: 60px;
	width: 191px;
	height: 33px;
}

#sdan .point .container .service .box ul li > p.point-text {
	margin-top: 60px;
	padding: 34px 63px 30px;
	font-size: 16px;
}

/* タイトル */
#sdan .point .container .box h2.ttl {
	font-size: 71px;
}

#sdan .point .container .box .txt {
	font-size: 31px;
}

#sdan .point .container .box .textarea {
	font-size: 14px;
}

#sdan .info {
	padding: 68px 0 22px;
}

#sdan .info .container h2 {
	margin-bottom: 43px;
	font-size: 34px;
}

#sdan .info .container .flex.item {
	flex-wrap: wrap;
}

#sdan .info .container .others .flex.item {
	justify-content: flex-start;
}

#sdan .info .container .flex a {
	margin-bottom: 41px;
	flex-wrap: wrap;
	width: calc(100% / 6);
}

#sdan .info .container .flex a figure figcaption {
	padding-top: 13px;
	margin-top: 0;
	font-size: 13px;
}

#sdan .info .container .others h2 {
	margin: 63px 0 43px;
}

#sdan .info .container hr {
	margin-top: 45px;
}

#sdan .pline h2 {
	margin-bottom: 43px;
	padding-left: 31.3px;
	font-size: 56px;
}

#sdan .pline h2 span:nth-of-type(2) {
	margin-top: 9.2px;
	font-size: 23px;
}

#sdan .pline .container {
	padding: 98px 0;
}

@media screen and (max-width: 1150px) {
	#sdan .fture .container .flex .box a {
		padding: 15px;
	}

	#sdan .fture .container .flex .box h3 {
		height: 115px;
	}
}

/* -------------------------------------------------------------------------------------------------その他共通機能ページ------------------------------------------------------------------------------------------------- */
#functions .heading {
	padding-bottom: 43px;
}

#functions .heading .container h1 {
	margin-bottom: 20px;
	font-size: 46px;
}

#functions .heading .container p {
	width: 63%;
}

#functions .function-icon {
	padding: 63px 0;
}

#functions .function-icon ul:nth-child(1) {
	margin-bottom: 21px;
}

#functions .function-icon ul li {
	width: 124px;
}

#functions .function-icon ul li a p {
	margin: 10px 0;
	font-size: 13px;
}

#functions .function-list .container {
	padding: 102px 0;
}

#functions .function-list .container ul li:not(:last-child) {
	margin-bottom: 63px;
}

#functions .function-list .container ul li .img-box {
	width: 48%;
}

#functions .function-list .container ul li .text-box {
	width: 50%;
}

#functions .function-list .container ul li .text-box h2 {
	margin-bottom: 14px;
	font-size: 24px;
}

#functions .function-list .container ul li .text-box h2 img {
	margin-right: 13px;
}

#functions .function-list .container > ul > li .text-box > p {
	margin-bottom: 23px;
}

#functions .function-list .container ul li .text-box p.img-title {
	margin-bottom: 10px;
	font-size: 20px;
}

#functions .function-list .container ul li .text-box ul li {
	margin: 0 15px 2px 0;
}

#functions .function-list .container ul li .text-box ul li p {
	font-size: 13px;
}

#functions .main-function {
	padding: 63px 0;
}

#functions .main-function h1 {
	margin-bottom: 43px;
	font-size: 34px;
}

#functions .main-function ul li {
	width: 96px;
}

#functions .main-function ul li:not(:last-child) {
	margin-right: 23px;
}

#functions .main-function ul li p {
	margin-top: 13px;
	font-size: 13px;
}

/* -----------------------------------------------------------------------------------------------------導入事例やお客様の声---------------------------------------------------------------------------------------------- */
#customers .container {
	padding-bottom: 60px;
}

#customers .container h1.ttl {
	font-size: 71px;
}

#customers .container .txt {
	font-size: 31px;
}

#customers .container .textarea {
	margin: 43px 0 102px;
	font-size: 14px;
}

#customers .container .flex a {
	margin-bottom: 42px;
	width: 48%;
}

#customers .container .flex a img {
	margin-bottom: 22px;
	height: 267px;
}

#customers .container .flex a p:nth-of-type(1) {
	margin-bottom: 17px;
	font-size: 16px;
}

#customers .container .flex a p:nth-of-type(2) {
	font-size: 19px;
}

/*------------------------------------------------------------------------------------------- 導入事例やお客様の声 記事ページ------------------------------------------------------------------------------------------- */
#customer > .container {
	padding-bottom: 63px;
	width: 57%;
}

#customer .c-postContent h1:last-of-type:after {
	width: 80px;
}

#customer .c-postContent h2::after {
	width: 80px;
}

#customer .other-article .container {
	padding: 63px 0;
}

#customer .other-article .container h1 {
	margin-bottom: 43px;
	font-size: 34px;
}

#customer .other-article .container ul {
	margin-bottom: 43px;
}

#customer .other-article .container ul li {
	width: 48%;
	max-width: 476px;
}

#customer .other-article .container ul li a img {
	height: 267px;
}

#customer .other-article .container ul li a p:nth-of-type(1) {
	margin: 22px 0 17px;
}

#customer .other-article .container ul li a p:nth-of-type(2) {
	font-size: 19px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------記事ページ共通css ------------------------------------------------------------------------------------------------------------------------------------------------------*/
.c-postContent h1 {
	font-size: 35px;
}

.c-postContent p .arkb-fz-l {
	font-size: 16px !important;
}

.c-postContent h2 {
	padding-bottom: 23px;
	font-size: 28px;
}

.c-postContent p {
	font-size: 14px;
}

/* ---------------------------------------------------------------FAQよくある質問ページ------------------------------------------------------------- */
#help .faq .container {
	padding: 102px 0;
}

#help .faq h2 {
	margin-bottom: 63px;
	padding-left: 31.3px;
}

#help .faq h2 span.big-ttl {
	font-size: 56px;
}

#help .faq h2 span.small-ttl {
	font-size: 23px;
}

#help .faq .container .title img {
	margin-right: 31.9px;
}

/*アコーディオンで現れるエリア*/
#help .faq .box {
	padding: 30px;
}

#help .faq .container .box p {
	font-size: 13px;
	line-height: 26px;
}

/*-------------------------- サポート体制やアフターフォローについて ---------------------------------*/
/* サポート体制 */
#support .about-support {
	margin-bottom: 102px;
}

#support .about-support .container h1 {
	margin-bottom: 29px;
}

#support .about-support .container h1 span:nth-of-type(1) {
	font-size: 71px;
}

#support .about-support .container h1 span:nth-of-type(2) {
	font-size: 31px;
}

#support .about-support .container p {
	width: 50%;
	font-size: 16px;
}

/* サポート体制メニュー */
#support .support-menu {
	padding: 66px 0 64px;
}

#support .support-menu h2 {
	margin-bottom: 43.7px;
	font-size: 34px;
}

#support .support-menu .flex li {
	width: 122px;
}

#support .support-menu .flex li a {
	padding-top: 15px;
}

#support .support-menu .flex li a p {
	margin: 7.8px auto 39px;
	font-size: 17px;
}

#support .support-menu .flex li a .text3-p {
	margin-top: 7px;
}

/* サポート体制説明 */
#support .support-description .container {
	padding: 62px 0 102px;
}

#support .support-description .container ul li:not(:last-child) {
	margin-bottom: 57px;
}

#support .support-description .container ul .flex picture {
	width: 48%;
}

/* #support .support-description .container ul #text3 .flex picture {
	padding-top: 10px;
}

#support .support-description .container ul #text2 .flex picture {
	padding-top: 60px;
}

#support .support-description .container ul #text1 .flex picture {
	padding-top: 10px;
} */

#support .support-description .container ul li .flex .text-box {
	width: 48%;
}

#support
	.support-description
	.container
	ul
	li:nth-child(1)
	.flex
	.text-box::after {
	width: 116px;
	height: 90px;
}

#support
	.support-description
	.container
	ul
	li:nth-child(2)
	.flex
	.text-box::after {
	width: 131px;
	height: 90px;
}

#support
	.support-description
	.container
	ul
	li:nth-child(3)
	.flex
	.text-box::after {
	width: 130px;
	height: 90px;
}

#support .support-description .container ul li .flex .text-box .heading {
	padding-top: 40px;
}

#support .support-description .container ul li .flex .text-box .heading h3 {
	margin-bottom: 10px;
	font-size: 14px;
}

#support .support-description .container ul li .flex .text-box .heading p {
	margin-bottom: 33px;
	font-size: 20px;
}

#support .support-description .container ul li .flex .text-box .text-bold {
	margin-bottom: 31px;
	font-size: 28px;
}

#support .support-description .container ul li .flex .text-box .textarea {
	font-size: 16px;
}

@media screen and (max-width: 1327px) {
	#support .support-description .container ul li .flex .text-box .heading p {
		margin-bottom: 30px;
	}

	#support .support-description .container ul li .flex .text-box .text-bold {
		margin-bottom: 30px;
	}

	#support .support-description .container ul li .flex .text-box .textarea {
		font-size: 13px;
	}
}

/*---------------------------------------------------------------------- お知らせアーカイブ ---------------------------------------------------------------*/
#news .container h1.ttl {
	font-size: 71px;
}

#news .container h2 {
	font-size: 28px;
	left: 33%;
	padding: 25px 0 15px;
}

#news .container .flex.ctglist::before {
	left: 33%;
}

#news .container .flex.ctglist::after {
	right: 33%;
}

#news .container .c-more__border {
	margin-left: 5px;
	width: 21px;
	top: -2px;
	margin-right: 12px;
}

#news .container .news_list a:hover .c-more__border::after {
	width: 150%;
}

#news .container .flex.ctglist::before,
#news .container .flex.ctglist::after {
	height: 35px;
}

#news .container .flex.ctglist li {
	width: 30%;
}

#news .container .tg_list {
	margin: 43px 0;
	justify-content: space-between;
}

#news .container .tg_list li {
	width: calc((100% - 93px) / 4);
}

#news .container .tg_list li a {
	padding: 8px;
	width: 100%;
}

#news .container .txt {
	font-size: 31px;
}

#news .container .textarea {
	margin: 43px 0 63px;
	font-size: 14px;
}

#news .container .flex.item {
	margin-top: 40px;
}

#news .container .flex.item .tag {
	padding: 0 16px;
}

#news .container .flex.item .ctg {
	padding: 0 16px;
	margin: 0 20px;
}

#news .container .info {
	padding-bottom: 40px;
}

#news .container .flex .luxy a {
	width: 80%;
}

#news .container .flex a img {
	margin-bottom: 22px;
	height: 267px;
}

#news .container .flex .flex.item .time {
	margin-right: 20px;
	font-size: 15px;
}

#news .container .flex .time {
	font-size: 15px;
}

#news .container .flex a p:nth-of-type(1) {
	font-size: 16px;
}

#news .container .news_list {
	padding-bottom: 102px;
}

/*------------------------------------------------------------------------------------------- お知らせ 記事ページ------------------------------------------------------------------------------------------- */
#single_news .container .c-postContent .wakusen {
	height: 27px;
}

#single_news .container .c-postContent .wakusen p {
	line-height: 27px;
}

#single_news .container .c-postContent .haikei {
	font-size: 16px;
}

#single_news .l_article .container {
	padding-bottom: 102px;
	width: 57%;
	max-width: 780px;
}

#single_news .ps_list {
	padding: 63px 0;
}

#single_news .ps_list .container .news_list {
	padding-top: 43px;
}

#single_news .ps_list .container .other_news {
	font-size: 34px;
}

#single_news .ps_list .container .news_list .p_news_lg {
	padding-bottom: 35px;
}

#single_news .ps_list .container .news_list .p_news_lg .item {
	padding-bottom: 14px;
}

#single_news .ps_list .container .news_list .p_news_lg .others_ttl {
	font-size: 20px;
}

#single_news .ps_list .container .news_list .p_news_lg a {
	padding: 5px;
}

#single_news .ps_list .view-all {
	max-width: 994px;
}

/*-------------------------- 料金について ---------------------------------*/
#price .about-price {
	margin-bottom: 102px;
}

#price .about-price .container h1 {
	margin-bottom: 35px;
}

#price .about-price .container h1 .rectangleTrigger2 {
	font-size: 71px;
	letter-spacing: 0.1em;
}

#price .about-price .container h1 span:nth-of-type(2) {
	font-size: 31px;
}

#price .about-price .container p {
	width: 50%;
	font-size: 16px;
}

/* 導入費用と月額利用料の詳細説明 */
#price .cost-fee-description .cost-fee-description-heading .container {
	margin-bottom: 63px;
}

#price .cost-fee-description .cost-fee-description-heading .container h2 {
	margin-bottom: 45px;
	padding-left: 30px;
}

#price
	.cost-fee-description
	.cost-fee-description-heading
	.container
	h2
	span:nth-of-type(1) {
	margin-bottom: 25px;
	font-size: 14px;
}

#price
	.cost-fee-description
	.cost-fee-description-heading
	.container
	h2
	span:nth-of-type(2) {
	font-size: 36px;
}

#price .cost-fee-description .cost-fee-description-heading .container p {
	font-size: 16px;
}

/* 導入費用 */
#price .cost-fee-description .introduction-cost .container {
	margin-bottom: 63px;
	align-items: center;
}

#price
	.cost-fee-description
	.introduction-cost
	.container
	.introduction-cost-p
	h3 {
	margin-bottom: 20px;
	padding-top: 70px;
	font-size: 20px;
}

#price
	.cost-fee-description
	.introduction-cost
	.container
	.introduction-cost-p {
	width: 48%;
}

#price
	.cost-fee-description
	.introduction-cost
	.container
	.introduction-cost-p::after {
	width: 118px;
	height: 93px;
}

#price
	.cost-fee-description
	.introduction-cost
	.container
	.introduction-cost-p
	p {
	font-size: 16px;
}

#price
	.cost-fee-description
	.introduction-cost
	.container
	.introduction-cost-p
	p:first-of-type {
	margin-bottom: 26px;
}

#price .cost-fee-description .introduction-cost .container .box {
	width: 48%;
}

/* 月額利用料 */
#price .cost-fee-description .usage-fee .container {
	margin-bottom: 102px;
	align-items: center;
}

#price .cost-fee-description .usage-fee .container .usage-fee-p h3 {
	margin-bottom: 20px;
	padding-top: 70px;
	font-size: 20px;
}

#price .cost-fee-description .usage-fee .container .usage-fee-p {
	width: 48%;
}

#price .cost-fee-description .usage-fee .container .usage-fee-p::after {
	width: 131px;
	height: 90px;
}

#price .cost-fee-description .usage-fee .container .usage-fee-p p {
	font-size: 16px;
}

#price
	.cost-fee-description
	.usage-fee
	.container
	.usage-fee-p
	p:first-of-type {
	margin-bottom: 26px;
}

/* 料金プランの比較表 */
#price .price-plan .container h2 {
	margin-bottom: 45px;
	padding-left: 30px;
}

#price .price-plan .container h2 span:nth-of-type(1) {
	margin-bottom: 25px;
	font-size: 14px;
}

#price .price-plan .container h2 .rectangleTrigger {
	font-size: 36px;
}

#price .price-plan .container p {
	margin-bottom: 63px;
	font-size: 16px;
}

#price .cost-fee-description .usage-fee .container .box {
	width: 48%;
}

/* 導入の流れ */
#price .flow .container {
	padding: 63px 0;
}

#price .flow .container h2 {
	margin-bottom: 45px;
	font-size: 33px;
}

#price .flow .container ul li {
	padding: 12px 25px;
	width: 23%;
}

#price .flow .container ul li img {
	margin: 0 auto 8px;
}

#price .flow .container ul li p:nth-of-type(1) {
	margin-bottom: 16px;
	font-size: 21px;
}

/* ---------------------------------------------------------------------お問い合わせページ---------------------------------------------------------- */
#contact .container {
	padding: 80px 0 102px;
}

#contact .container h1.ttl {
	font-size: 71px;
}

#contact .container .txt {
	margin-bottom: 34px;
	font-size: 31px;
}

#contact .container .textarea {
	margin-bottom: 120px;
	font-size: 14px;
}

#contact .container .content {
	padding: 63px 63px 65px;
	margin-bottom: 63px;
}

#contact .container .content label {
	margin-bottom: 40px;
}

#contact .container .content div.radio-btn {
	margin-bottom: 20px;
}

#contact .container .content label span:nth-of-type(1),
#contact .container .content div.radio-btn span:nth-of-type(1) {
	margin-right: 18px;
	font-size: 20px;
	width: 159px;
}

#contact .container .content label span.required,
#contact .container .content div.radio-btn span.required {
	padding: 4px 0;
	height: 34px;
	width: 79px;
}

#contact .container .content div.radio-btn span.wpcf7-list-item {
	margin-left: 20px;
}

#contact .container .content div.radio-btn span.wpcf7-list-item.first {
	margin-bottom: 24px;
}

#contact .container .content label input {
	padding: 9px 12px;
	width: 592px;
	height: 52px;
}

#contact .container .content label select {
	padding: 9px 12px;
	width: 592px;
	height: 52px;
}

#contact
	.container
	.content
	p:nth-of-type(2)
	label
	span.wpcf7-form-control-wrap:after {
	top: 21px;
	right: 20px;
}

#contact .container .content label textarea {
	padding: 9px 12px;
	width: 592px;
	height: 359px;
}

#contact .container form .wpcf7-acceptance label {
	margin-bottom: 33px;
}

#contact .container form .wpcf7-list-item input {
	margin-right: 10px;
}

#contact .container form .wpcf7-acceptance input {
	margin-right: 13px;
	width: 21px;
	height: 21px;
}

#contact .container form .wpcf7-acceptance .wpcf7-list-item-label {
	font-size: 20px;
}

#contact .container form input.wpcf7-submit {
	padding: 20px 0;
	font-size: 21px;
	max-width: 448px;
	width: 45%;
}

@media screen and (max-width: 1355px) {
	#contact .container .content label {
		margin-bottom: 20px;
		display: block;
	}

	#contact .container .content label br {
		display: none;
	}

	#contact .container .content div.radio-btn {
		margin-bottom: 20px;
	}

	#contact .container .content label span:nth-of-type(1),
	#contact .container .content div.radio-btn span:nth-of-type(1) {
		margin-right: 18px;
		vertical-align: middle;
	}

	#contact .container .content label span.required,
	#contact .container .content div.radio-btn span.required {
		margin-bottom: 5px;
		padding: 2px 5px;
		display: inline-block;
		width: auto;
		height: auto;
	}

	#contact .container .content div.radio-btn span.wpcf7-list-item.first {
		margin-bottom: 5px;
	}

	#contact .container .content label input {
		padding: 9px 12px;
		width: 100%;
	}

	#contact .container .content label select {
		padding: 9px 12px;
		width: 100%;
	}

	#contact
		.container
		.content
		p:nth-of-type(2)
		label
		span.wpcf7-form-control-wrap:after {
		top: 10px;
		right: 20px;
	}

	#contact .container .content div.radio-btn p {
		display: block;
	}

	#contact .container .content label textarea {
		padding: 9px 12px;
		width: 100%;
	}

	#contact .container form .wpcf7-acceptance label {
		margin-bottom: 20px;
	}

	#contact .container form .wpcf7-list-item input {
		margin-right: 10px;
	}

	#contact .container form .wpcf7-acceptance input {
		margin-right: 13px;
		width: 21px;
		height: 21px;
	}

	#contact .container form .wpcf7-acceptance .wpcf7-list-item-label {
		text-align: left;
		white-space: inherit;
	}

	#contact .container form input.wpcf7-submit {
		padding: 10px;
		width: auto;
	}
}

/*-------------------------- プライバシーポリシー ---------------------------------*/
#privacy {
	padding-top: 69px;
	padding-bottom: 261px;
	font-size: 16px;
}

#privacy .top-border {
	height: 9px;
}

#privacy .container h1 {
	margin-bottom: 26px;
	padding: 13px 0 11px 6px;
	font-size: 23px;
}

#privacy .container .policy_area ul li h2 {
	margin-bottom: 26px;
	padding-top: 44px;
	font-size: 17px;
}

#privacy .container .policy_area ul li ul li:first-child {
	margin-top: 25px;
}

#privacy .container .policy_area ul li ul li:last-child {
	margin-bottom: 25px;
}

#privacy .container .policy_area ul li ul li.mb-0 {
	margin-bottom: 0px;
}

#privacy .container .policy_area ul .contact p {
	padding-left: 2em;
	margin-bottom: 25px;
}

#privacy .container .policy_area ul .contact p:nth-of-type(2) {
	margin-bottom: 10px;
}

#privacy .container .policy_area ul .contact p:last-child {
	margin-bottom: 50px;
}

#privacy .container .policy_area .signature {
	margin-bottom: 10px;
}