@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

h2.is-style-section_ttl {}
.wp-block-group__inner-container {}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
}
/* フォント----------------------------------------------- */
.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

/* -----------------------------------------------
ヘッダー
 ----------------------------------------------- */
.c-gnav>.menu-item>a .ttl {
	font-weight: 500;
	padding-bottom: 10px;
}
.l-header .l-header__inner {
	max-width: 100%;
	padding-top: 10px;
	align-items: center;
}
@media screen and (min-width: 1440px) {
	.l-header .l-header__inner {
		padding-left: 120px;
		padding-right: 120px;
	}
}
.-series .l-header__logo {
	padding: 0;
}
#gnav,.l-fixHeader__gnav {
	display: flex;
	gap: 10px;
	flex-direction: column;
	align-items: flex-end;
}
ul.attention-menu {
	display: flex;
	gap: 15px;
}
ul li.dl-menu,
ul li.contact-menu {
	
}
ul li.dl-menu a,
ul li.contact-menu a {
	font-size: 12px;
	padding: 2px 20px;
	border-radius: 12px;
}
ul li.dl-menu a {
	color: #333333;
	border: 1px solid #009CBC;
}
ul li.dl-menu a:hover {
	color: #FFFFFF;
	background-color: #009CBC;
	transition: .3s;
}
ul li.contact-menu a {
	color: #FFFFFF;
	background-color: #009CBC;
	border: 1px solid #009CBC;
	border-radius: 12px;
}
ul li.contact-menu a:hover {
	color: #333333;
	background-color: transparent;
	transition: .3s;
}
@media screen and (max-width: 960px) {
	#gnav {
		display: none;
	}
	.-img .c-headLogo__link {
		padding-left: 10px;
	}
}
/* fix-header */
.l-fixHeader__gnav {
	padding-top: 10px;
}
.l-fixHeader__inner {
	max-width: 100%;
}
@media screen and (min-width: 1440px) {
	.l-fixHeader__inner {
		padding-left: 120px;
		padding-right: 120px;
	}
}
@media screen and (max-width: 960px) {
	.l-fixHeader__gnav {
		padding-top: 0px;
	}
}
/* -----------------------------------------
 ヘッダーメニューSP 
--------------------------------------------*/
.l-header__customBtn.sp_ {
	display: none;
}
@media screen and (max-width: 960px) {
	.p-spMenu__inner {
		padding-top: 100px;
		position: relative;
	}
	.p-spMenu__inner:before {
		
	}
	.c-widget__title.-spmenu {
		display: none;
	}
	.p-spMenu__nav {
		margin-top: 0;
		padding-bottom: 0;
	}
	.c-iconBtn__icon {
		font-size: 30px;
	}
	.-right .p-spMenu__inner {
		width: 100%;
		transform: translateX(100vw);
	 margin-top: 0;
	}
	[data-spmenu=opened] .p-spMenu__inner {
		transform: translateX(0);
	}
	.p-spMenu__inner::before {
		background: rgba(0,0,0,.5);
	}
	.p-spMenu__closeBtn {
		display: flex;
		height: 60px;
		width: 100%;
	}
	.l-header__menuBtn.sp_ {
		width: 60px;
		height: 60px;
	}
	.c-iconBtn {
		width: 60px;
		height: 60px;
	}
	i.c-iconBtn__icon.icon-close-thin:before {
		color: #ffffff;
	}
	[data-spmenu = "opened"] .p-spMenu__closeBtn {
		justify-content: flex-end;
	}
	.c-gnav .sub-menu a:before, .c-listMenu a {
		position: relative;
	}
	.c-gnav .sub-menu a:before, .c-listMenu a {
		color: #FFFFFF;
	}
	.c-gnav .sub-menu a:before, .c-listMenu a:before {
		left: auto !important;
		right: 20px;
	}
	.p-spMenu__body {
		padding: 0;
		background: transparent;
	}
	.p-spMenu__bottom {
		margin-top: 0;
	}
	.c-iconBtn__icon:before {
		font-size: 30px;
	}
}
/* SPメニュー資料ダウンロード、お問い合わせ */
@media screen and (max-width: 960px) {
	ul.attention-menu {
		list-style: none;
		display: flex;
/* 		flex-wrap: wrap; */
		justify-content: center;
		padding: 20px 10px 0;
		gap: 10px 15px;
	}
	ul li.dl-menu,
	ul li.contact-menu {
		flex: 1 1 50%;
		margin: 0;
	}
	ul li.dl-menu a,
	ul li.contact-menu a {
		display: block;
		width: 100%;
		font-size: 12px;
		padding: 10px 20px;
		border-radius: 0px;
		text-align: center;
	}
	ul li.dl-menu a {
		color: #333333;
		border: 1px solid #009CBC;
		background-color: #FFFFFF;
	}
	ul li.dl-menu a:hover {
		color: #FFFFFF;
		background-color: #009CBC;
		transition: .3s;
	}
	ul li.contact-menu a {
		color: #FFFFFF;
		background-color: #009CBC;
		border: 1px solid #009CBC;
	}
	ul li.contact-menu a:hover {
		color: #333333;
		background-color: #FFFFFF;
		transition: .3s;
	}
}
/* -----------------------------------------------
メインビジュアル
 ----------------------------------------------- */
.p-mainVisual__slideTitle {
	color: #333333;
	font-weight: 500;
	font-size: 40px;
	letter-spacing: 2px;
	text-align: right;
}
.p-mainVisual__slideTitle span {
	font-size: 45px;
	position: relative;
}
.p-mainVisual__slideTitle span:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	background-color: #009CBC;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
	.p-mainVisual__slideTitle {
		font-size: 30px;        
		position: absolute;
        top: 60%;
        right: 10px;
        transform: translateY(-60%);
		text-shadow: 0 2px 5px rgba(255, 255, 255, 1);
	}
	.p-mainVisual__slideTitle span {
		font-size: 35px;
	}
}
/* -----------------------------------------------
共通パーツ
 ----------------------------------------------- */
/* ボーダーカラー */
:root {
	--color_border: #E0E0E0;
}
/* 太文字 */
h2.is-style-section_ttl.sub-ttl-txt {
	font-size: 30px;
	margin-top: 0;
}
.sub-ttl-txt {
	font-size: 30px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
	h2.is-style-section_ttl.sub-ttl-txt {
		font-size: 25px;
	}
	.sub-ttl-txt {
		font-size: 25px;
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 768px) {
}
/* ノーマルテキスト */
.nml-txt {
	line-height: 2em;
}
/*ボタン */
.simple-btn-area {
  display: flex;
	align-items: center;
	justify-content: flex-end;
}
.simple-btn-area.center {
	justify-content: center;
}
.simple-btn-area a {
	width: 187px;
	white-space: nowrap;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
	color: #009CBC;
	font-size: 18px;
  display: flex;
	align-items: center;
	position: relative;
}
.pdf-download-area a:before {
	content: "";
	display: inline-block;
	width: 
}
.dl-link-arrow {
	margin-left: 38px;
	width: 70px;
	height: 70px;
background: #3DB4D0;
background: #3DB4D0;
background: #3DB4D0;
background: radial-gradient(circle, rgba(61, 180, 208, 1) 0%, rgba(61, 180, 208, 0.2) 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	border-radius: 45px;
	position: relative;
	transition: .5s;
}
.dl-link-arrow:before {
	content: "";
	display: inline-block;
	width: 62px;
	height: 3px;
	background-image: url(https://test13.nino-create.com/wp-content/uploads/2025/10/arrow.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: -28px;
	transition: .3s;
}
.simple-btn-area a span {
	transition: .3s ease-in-out;
}
.simple-btn-area a:hover span {
	transform: translateX(8px);
	transition: .3s ease-in-out;
}
.simple-btn-area a:hover .dl-link-arrow:before {
	left: -20px;
	transition: .3s;
}
/* セクションタイトル（LEFT） */
.section-ttl-left p {
	font-size: 20px;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 0;
}
.section-ttl-left p:before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	background-color: #009CBC;
}
.section-ttl-left h2.is-style-section_ttl {
	font-size: 35px;
	margin-top: 0;
	text-align: left;
}
@media screen and (max-width: 960px) {
	.section-ttl-left p {
		font-size: 16px;
	}
	.section-ttl-left p:before {
		width: 30px;
	}
	.section-ttl-left h2.is-style-section_ttl {
		font-size: 30px;
	}
}
@media screen and (max-width: 768px) {
	.section-ttl-left h2.is-style-section_ttl {
		font-size: 28px;
	}	
}
/* セクションタイトル（Center） */
.section-ttl-center .wp-block-group__inner-container  {
	text-align: center;
}
.section-ttl-center p {
	display: inline-block;
	font-size: 20px;
  	font-family: "Barlow", sans-serif;
  	font-weight: 500;
  	font-style: italic;
	margin-bottom: 5px;
	padding: 0 10px;
	position: relative;
}
.section-ttl-center p:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 1px;
	background-color: #009CBC;
	position: absolute;
	top: 50%;
	left: -25px;
	transform: translateY(-50%);
}
.section-ttl-center p:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 1px;
	background-color: #009CBC;
	position: absolute;
	top: 50%;
	right: -25px;
	transform: translateY(-50%);
}
.section-ttl-center h2.is-style-section_ttl {
	font-size: 35px;
	margin-top: 0;
	text-align: center;
}
@media screen and (max-width: 960px) {
	.section-ttl-center p {
		font-size: 16px;
		margin-bottom: 0px;
	}
	.section-ttl-center h2.is-style-section_ttl {
		font-size: 30px;
	}	
}
@media screen and (max-width: 768px) {
	.section-ttl-center h2.is-style-section_ttl {
		font-size: 28px;
	}	
}
/* セクションタイトルh3 */
h3.is-style-section_ttl.section-h3-ttl {
	font-size: 25px;
	padding-left: 10px;
	border-left: 2px solid #009CBC;
}
@media screen and (max-width: 960px) {
	h3.is-style-section_ttl.section-h3-ttl {
		font-size: 23px;
		padding-left: 10px;
		border-left: 2px solid #009CBC;
	}
}
/* -----------------------------------------------
トップページ
 ----------------------------------------------- */
/* about-us */
@media screen and (max-width: 600px) {
	.top-about-us-txt {
		text-align: left;
	}
	.sp-small-image img {
		max-width: 60%;
	}
}
/* Service */
.top-service-item-unit > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
}
.top-service-item-unit.left {
	margin-bottom: 0;
}
.top-service-txt-area {
	flex-basis: 50%;
	padding-left: 30px;
	margin-bottom: 0;
	padding-right: 20px;
}
.top-service-image {
	flex-basis: 50%;
}

.top-service-txt-area h3.is-style-section_ttl {
	font-size: 25px;
	margin-bottom: 25px;
	border-left: 2px solid #009CBC;
	padding-left: 10px;
}
.top-service-txt-area h4.is-style-section_ttl {
	margin-top: 0;
	font-size: 18px;
	margin-bottom: 10px;
}
@media screen and (max-width: 960px) {
	.top-service-item-unit > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: 30px;
	}
	.top-service-item-unit.left {
		margin-bottom: 40px;
	}
	.top-service-txt-area {
		flex-basis: 100%;
		padding-left: 0px;
		padding-right: 0px;
		order: 2;
	}
	.top-service-txt-area figure {
		text-align: left;
	}
	.top-service-txt-area h3.is-style-section_ttl {
		font-size: 23px;
	}
	.top-service-txt-area h4.is-style-section_ttl {
		margin-bottom: 10px;
	}
	.top-service-item-unit .simple-btn-area {
		justify-content: flex-end;
	}
}
@media screen and (max-width: 768px) {
	
}
/* お客様の声 */
.corporate-voice-unit {
	
}
div#costomer-voice {
    position: relative;
    z-index: -1;
}
/* 法人 */
.corporate-voice-item {
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	padding: 10px !important;
}
p.corporate-voice-label {
	display: inline-block;
	background-color: #009CBC;
	color: #FFFFFF;
	padding: 2px 10px;
	border-radius: 3px;
	margin-bottom: 16px;
}
.corporate-voice-unit h4.is-style-section_ttl {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 19px;
}
p.corporate-voice-txt {
	font-size: 16px;
	line-height: 2em;
}
@media screen and (max-width: 768px) {
	p.corporate-voice-label {
		font-size: 14px;
	}
	.corporate-voice-unit h4.is-style-section_ttl {
		margin-bottom: 0px;
		font-size: 18px;
	}
}
/* 個人 */
.personal-voice-item {
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	padding: 10px !important;
	background-color: #FFFFFF;
}
/* .personal-voice-head {
	margin-bottom: 15px;
	border-bottom: 2px dotted #E0E0E0;
	padding-bottom: 15px;
}
p.personal-voice-label {
	display: inline-block;
	background-color: #009CBC;
	color: #FFFFFF;
	padding: 2px 10px;
	border-radius: 3px;
	margin-bottom: 10px;
}
.personal-voice-unit h4.is-style-section_ttl {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 19px;
} */
@media screen and (max-width: 768px) {
/* 	.personal-voice-head {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	p.personal-voice-label {
		font-size: 14px;
	}
	.personal-voice-unit h4.is-style-section_ttl {
		margin-bottom: 0px;
		font-size: 18px;
	} */
}

/* お知らせ */
span.p-postList__cat.u-thin.icon-folder {
	background-color: #009CBC;
	color: #FFFFFF;
	padding: 4px 10px;
}

/* -----------------------------------------------
CTA
 ----------------------------------------------- */
.page-id-24 .l-content,
.page-id-8 .l-content,
.page-id-10 .l-content,
.page-id-12 .l-content,
.page-id-14 .l-content {
	margin-bottom: 0;
}
#before_footer_widget {
	margin: 0;
}
#cta-area {
	background-image: url(https://atwill.nino-challeng.com/wp-content/uploads/2025/11/cta-back.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#cta-area p.cta-read-txt {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 45px;
}
.cta-btn {
	justify-content: center;
	gap: 20px 40px;
}
.cta-btn .wp-block-button a {
	border: 1px solid #202F55;
	border-radius: 0;
	padding: 20px;
	width: 320px;
	font-size: 16px;
	background-color: #FFFFFF;
	color: #202F55;
	font-weight: 500;
	position: relative;
	text-align: left;
	transition: .3s;
}
.cta-btn .wp-block-button.line-btn a {
	border: 1px solid #000000;
	background-color: #00B900;
	color: #FFFFFF;
}
.cta-btn .wp-block-button a:hover {
	background-color: #009CBC;
	color: #FFFFFF;
	border-color: #FFFFFF;
	transition: .3s;
}
.cta-btn .wp-block-button.line-btn a:hover {
	border: 1px solid #00B900;
	background-color: #FFFFFF;
	color: #00B900;
}
.cta-btn .wp-block-button a:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900; 
  content: "\f061";
	position: absolute;
	top: 50%;
	right: 23px;
	transform :translateY(-50%);
}
.cta-btn .wp-block-button.line-btn a:after {
	color: #FFFFFF;
}
.cta-btn .wp-block-button a:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 30px;
	background-color: #202F55;
	position: absolute;
	top: 50%;
	right: 60px;
	transform: translateY(-50%);
	transition: .3s;
}
.cta-btn .wp-block-button.line-btn a:before {
background-color: #FFFFFF;
}
.cta-btn .wp-block-button.line-btn a:hover:after {
	color: #00B900;
}
.cta-btn .wp-block-button a:hover:before {
	background-color: #FFFFFF;
	transition: .3s;
}
.cta-btn .wp-block-button.line-btn a:hover:before {
background-color: #00B900;
}
.wp-block-button.line-btn {
	display: none;
}
.page-id-12 .wp-block-button.line-btn {
	display: block;
}
@media screen and (max-width: 960px) {
	#cta-area p.cta-read-txt {
		font-size: 16px;
		margin-bottom: 40px;
	}
	.cta-btn .wp-block-button a {
		border: 1px solid #202F55;
		border-radius: 0;
		padding: 15px;
		width: 250px;
	}
	.cta-btn .wp-block-button a:after {
		top: 50%;
		right: 20px;
	}
	.cta-btn .wp-block-button a:before {
		right: 50px;
	}
}
/* -----------------------------------------------
Footer
 ----------------------------------------------- */
.l-footer__foot {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
.footer-content-unit {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 40px 0px;
	justify-content: space-between;
	padding: 50px;
}
.l-footer__nav a {
	padding: 0 15px;
	font-size: 14px;
	text-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.l-footer__nav a,
.l-footer__nav li:first-child a{
	border: none;
}
.copyright {
	background-color: #009CBC;
	color: #FFFFFF;
	font-size: 14px !important;
	padding: 3px;
}
@media screen and (max-width: 1200px) {
	.footer-content-unit {
		justify-content: center;
	}
}
@media screen and (max-width: 768px) {
	.footer-content-unit {
		padding: 0 10px 30px;
	}
	.footer-logo {
		flex-basis: 100%;
		text-align: center;
		order: 2;
	}
	.l-footer__nav {
		flex-basis: 100%;
	}
	.l-footer__nav li {
		flex-basis: 100%;
	}
	.l-footer__nav a {
		padding: 15px;
		border-bottom: 1px solid #E0E0E0 !important;
		text-align: center;
	}
}

/* -----------------------------------------------
下層共通
 ----------------------------------------------- */
/* 下層タイトルエリア */
#top_title_area {
	margin-top: 10px;
	min-height: 240px;
	position: relative;
	z-index: 2;
	overflow: visible;
}
.l-topTitleArea.c-filterLayer::before {
	background-color: rgb(255,255,255);
	opacity: .2;
}
#top_title_area:after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 70px;
	background: #009CBC;
	position: absolute;
	bottom: -35px;
	top: auto;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}
#top_title_area h1.c-pageTitle {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
}
.c-pageTitle__subTitle {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
	font-size: 45px;
	margin-left: 0;
	opacity: 1;
}
@media screen and (max-width: 960px) {
	#top_title_area h1.c-pageTitle {
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column-reverse;
	}
	.c-pageTitle__subTitle {
		font-size: 35px;
	}	
}
/* パンくず */
.p-breadcrumb.-bg-on {
	background-color: #ffffff;
}
/* -----------------------------------------------
 会社紹介
 ----------------------------------------------- */
/* 代表挨拶 */
.ceo-mess-sub-ttl{
	font-size: 30px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 30px;
}
.about-message-item-unit > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.about-message-item-unit figure {
	flex-basis: 300px;
}
.about-message-txt-item {
	flex-basis: calc(100% - 330px);
}
.message-ceo-name {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	font-size: 14px;
}
.message-ceo-name span {
	font-family: "ta-koigokoro", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
}
@media screen and (max-width: 960px) {
	.about-message-item-unit > .wp-block-group__inner-container {
		gap: 20px;
	}
	.about-message-item-unit figure {
		flex-basis: 100%;
		text-align: left;
	}
	.about-message-txt-item {
		flex-basis: 100%;
	}
	.message-ceo-name {
		gap: 24px;
		font-size: 14px;
	}
	.ceo-mess-sub-ttl {
		font-size: 23px;
		margin-bottom: 25px;
	}
}
@media screen and (max-width: 768px) {
	.about-message-item-unit figure {
		text-align: center;
	}
}

/* 代表経歴 */
.history-table table tr td {
	border: none;
}
.history-table table tr td:first-child {
  padding-right: 30px;
  padding-top: 1em;
  padding-bottom: 1em;
	text-align: center;
  border-right: 1px solid #E0E0E0;
  position: relative;
	font-size: 25px;
	font-weight: 800;
	white-space: nowrap;
}
.history-table table tr td:last-child {
  padding-left: 30px;
  padding-top: 1em;
  padding-bottom: 1em;
		line-height: 2em;
}
.history-table table tr td:first-child:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #009CBC;
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
	.history-table table tr {
/* 		padding-bottom: 20px; */
		padding-left: 5px;
	}
	.history-table table tr td {
		border-left: 1px solid #E0E0E0;
	}
	.history-table table tr td:first-child {
		padding: 0;
		padding-left: 20px;
		padding-bottom: 10px;
		border-right: none;
		text-align: left;
	}
	.history-table table tr td:last-child {
		padding: 0;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.history-table table tr:last-child td:last-child {
		padding-bottom: 0px;
	}
	.history-table table tr td:first-child:after {
		right: auto;
		left: -5px;
		z-index: 2;
		transform: translateY(-50%);
		white-space: nowrap;
	}
}
@media screen and (max-width: 768px) {
}

/* 会社概要 */
.company-info-item-unit .wp-block-group__inner-container {
	display: flex;
	justify-content: space-between;
}
.cmp-info-table {
	flex-basis: 50%;
}
.company-map-area {
	flex-basis: calc(50% - 40px);
}
.cmp-info-table td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.cmp-info-table tr td:first-child {
	font-weight: 600;
}
	.company-map-area iframe {
		margin-bottom: 15px;
	}
@media screen and (max-width: 960px) {
	.company-info-item-unit .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: 20px;
	}
	.cmp-info-table {
		flex-basis: 100%;
	}
	.company-map-area {
		flex-basis: 100%;
	}
	.cmp-info-table td {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.cmp-info-table tr td:first-child {
		font-weight: 600;
		background-color: #009CBC;
		color: #FFFFFF;
	}
	.company-map-area iframe {
		margin-bottom: 20px;
	}
}

/* -----------------------------------------------
企業向けサービス
 ----------------------------------------------- */
/* こんなお悩みありませんか？ */
#corprate-challenges {
	padding-bottom: 50px !important;
}
.corprate-challenges-item-unit {
	margin-bottom: 50px;
}
.corprate-challenges-item-unit > .wp-block-group__inner-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 22px;
}
.corprate-challenges-item {
	margin-bottom: 0;
	flex: 0 1 calc(50% - 21px);
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #f8f8f8), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #f8f8f8), color-stop(.75, #f8f8f8), color-stop(.75, transparent), to(transparent));
	-webkit-background-size: 7px 7px;
	padding: 15px;
}
.corprate-challenges-item h3.is-style-section_ttl {
	color: #202F55;
	margin-bottom: 5px;
	font-size: 18px;
}
.challenges-btm-arrow {
	width: 100px;
	height: 30px;
	background-color: #009CBC;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	margin: 0 auto 50px;
}
@media screen and (max-width: 960px) {
	p.sp-left-txt {
		text-align: left;
	}	
}
@media screen and (max-width: 768px) {
	#corprate-challenges {
		padding-bottom: 50px !important;
	}
	.corprate-challenges-item-unit {
		margin-bottom: 50px;
	}
	.corprate-challenges-item-unit > .wp-block-group__inner-container {
		gap: 10px 22px;
	}
	.corprate-challenges-item {
		flex: 0 1 100%;
		padding: 10px;
	}
	.corprate-challenges-item h3.is-style-section_ttl {
		margin-bottom: 10px;
	}
	.challenges-btm-arrow {
		width: 80px;
		height: 25px;
		margin: 0 auto 50px;
	}
}
/* プランセレクト */
#corprate-plan {
/* 	padding: 0 !important; */
	position: relative;
}
/* #corprate-plan:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 3px;
	background-color: #EEEEEE;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
} */
.corprate-plan-tab-unit > .wp-block-group__inner-container {
	display: flex;
	justify-content: space-between;
}
.corprate-plan-tab-item {
	flex: 0 1 calc(50% - 25px);
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	margin-bottom: 0;
	padding: 30px;
	text-align: center;
	background-color: #FFFFFF;
	position:relative;
}
p.corprate-plan-tab-label {
	font-size: 16px;
	margin-bottom: 25px;
}
p.corprate-plan-tab-ttl {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
p.corprate-plan-tab-moretxt {
	display: flex;
	flex-direction: column;
	gap: 0;
	line-height: 1.3;
	font-size: 18px;
	color: #009CBC;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
	transition: .3s;
	margin-bottom: 0;
}
p.corprate-plan-tab-moretxt:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
	font-style: normal;
  content: "\f103";
}
.corprate-plan-tab-item a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.corprate-plan-tab-item:hover p.corprate-plan-tab-moretxt {
	transform: translateY(10px);
	transition: .3s;
}
@media screen and (max-width: 960px) {
	.corprate-plan-tab-item {
		padding: 20px 10px;
	}
}
@media screen and (max-width: 768px) {
	#corprate-plan:before {
		content: none;
	}
	.corprate-plan-tab-unit > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: 20px;
	}
	.corprate-plan-tab-item {
		flex: 0 1 100%;
		padding: 20px 10;
	}
	p.corprate-plan-tab-label {
		font-size: 16px;
		margin-bottom: 10px;
	}
	p.corprate-plan-tab-ttl {
		font-size: 18px;
		margin-bottom: 10px;
	}
	p.corprate-plan-tab-moretxt {
		font-size: 16px;
	}
	.corprate-plan-tab-item:hover p.corprate-plan-tab-moretxt {
		transform: translateY(5px);
	}
}
/* 伴走支援 */
h3.is-style-section_ttl.service-sub-ttl {
	font-size: 25px;
	margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
	h3.is-style-section_ttl.service-sub-ttl {
		font-size: 20px;
	}
}
@media screen and (max-width: 768px) {
	h3.is-style-section_ttl.service-sub-ttl {
		margin-bottom: 15px;
	}
}
/* 進め方（STEP） */
.step-item-unit {
	margin-bottom: 60px;
}
.step-item-unit > .wp-block-group__inner-container {
	display: flex;
	gap: 30px;
}
.step-item {
	flex-basis: calc((100% - 90px) / 4);
	margin-bottom: 0;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	padding: 35px 10px 15px;
	position: relative;
}
.arrow-right:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 600; 
  content: "\f061";
	color: #009CBC;
	font-size: 20px;
	position: absolute;
	top: 50%;
	right: -19px;
	transform :translateY(-50%);
	z-index: 1;
}
p.step-item-label {
	font-size: 20px;
	display: inline-block;
	background-color: #FFFFFF;
	padding: 0 10px;
	margin-bottom: 0;
	color: #009CBC;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
	font-style: italic;
	line-height: 1;
	position: absolute;
	top: -15px;
	left: 50%;
	transform :translateX(-50%);
}
p.step-item-label span {
	font-size: 25px;
	margin-left: 5px;
}
.step-item figure {
	margin-bottom: 10px;
}
h4.is-style-section_ttl.step-item-ttl {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}
p.step-item-txt {
	font-size: 14px;
}
@media screen and (max-width: 960px) {
	.step-item-unit {
		margin-bottom: 40px;
	}
	.step-item-unit > .wp-block-group__inner-container {
		flex-wrap: wrap;
	}
	.step-item {
		flex-basis: calc((100% - 30px) / 2);
	}
	.tablet-arrow-no:after {
		content: none !important;
	}
}
@media screen and (max-width: 600px) {
	.step-item-unit {
		margin-bottom: 50px;
	}
	.step-item-unit > .wp-block-group__inner-container {
		gap: 40px;
	}
	.step-item {
		padding: 25px 10px 10px;
		position: relative;
		box-shadow: 0 2px 5px rgba(0,0,0,.1);
		flex-basis: 100%;
	}
	.step-item.arrow-right:after {
		content: none;
	}
	.step-item:after {
		font-family: "Font Awesome 6 Free";
		font-weight: 600; 
		content: "\f061" !important;
		font-size: 20px;
		top: auto;
		bottom: -27px;
		right: 50%;
		transform :translateX(50%) rotate(90deg);
	}
	.step-item.last-arrow-no:after {
		content: none !important;
	}
}
/* service-btm-link-unit */
.service-btm-link-unit {
	padding: 30px;
	border: 1px solid #EEEEEE;
}
.service-btm-link-unit > .wp-block-group__inner-container {
	display: flex;
}
.service-btm-link-item {
	flex-basis: 33.333%;
	text-align: center;
}
.service-btm-link-label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}
.service-btm-link-label:before,
.service-btm-link-label:after {
	content: "";
	display: inline-block;
	height: 25px;
	width: 1px;
	background-color: #333333;
}
.service-btm-link-label:before {
	transform: rotate(-15deg);
}
.service-btm-link-label:after{
	transform: rotate(15deg);
}
p.service-btm-moretxt {
	line-height: 1.3;
	font-size: 18px;
	color: #009CBC;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
	margin-bottom: 0;
}
p.service-btm-moretxt a {
	color: #009CBC;
	display: flex;
	flex-direction: column;
	transition: .3s;
	gap: 0;
}
p.service-btm-moretxt a:after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
	font-style: normal;
  content: "\f103";
}
p.service-btm-moretxt a:hover {
	transform: translateY(10px);
	transition: .3s;
}

@media screen and (max-width: 960px) {
	.service-btm-link-unit {
		padding: 0 30px;
	}
	.service-btm-link-unit > .wp-block-group__inner-container {
		flex-wrap: wrap;
	}
	.service-btm-link-item {
		flex-basis: 100%;
		text-align: center;
		padding: 20px 0;
	}
	.service-btm-link-item:nth-child(1),
	.service-btm-link-item:nth-child(2){
		border-bottom: 1px solid #EEEEEE;
	}
	.service-btm-link-label:before,
	.service-btm-link-label:after {
		content: "";
		height: 20px;
	}
}
/* テーマ別支援 */
.support-list-table tr td {
	padding-top: 20px;
	padding-bottom: 20px;
}
.support-list-table tr td:first-child {
	text-align: center;
}
@media screen and (max-width: 960px) {
	.support-list-table tr td {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.support-list-table tr td:first-child {
		white-space: nowrap;
	}
}
.career-step-1-1,
.career-step-1-2 {
	text-align: center;
	margin-bottom: 0;
	font-size: 14px;
}
.career-step-1-1:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 400; 
	content: "\f0e0" !important;
	color: #009CBC;
	font-size: 16px;
	margin-right: 7px;
}
.career-step-1-2:before {
	font-family: "Font Awesome 6 Brands";
	font-weight: 400; 
	content: "\f3c0" !important;
	color: #2FB900;
	font-size: 16px;
	margin-right: 7px;
}
.career-step-1-1 a,
.career-step-1-2 a {
	text-decoration: underline;
	color: #009CBC;
}
/* 相談事例紹介 */
.case-group {
  margin-bottom: 30px;
}
.case-group h3 {
	text-align: left !important;
	margin-bottom: 20px;
}
.case-items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.case-item {
  background: #00a7c6;
  color: #fff;
  padding: 10px 15px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4;
  transition: background 0.3s;
	transition: .3s;
}
.case-item i {
	margin-left: 10px;
}
.case-item:hover {
  background: #007c99;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	transition: .3s;
}

@media screen and (max-width: 960px) {
	.case-group h3 {
		margin-bottom: 15px;
	}
	.case-items {
/* 		display: flex;
		flex-wrap: wrap;
		gap: 10px; */
	}
	.case-item {
		display: flex;
		align-items: center;
		padding: 5px 15px;
		text-align: left;
	}
	.case-item i {
		margin-left: 10px;
	}
}
/* === モーダル === */
.case-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
	margin-top: 70px;
}
.case-modal.is-active {
  display: flex;
}
.case-modal__inner {
  background: #fff;
  border-radius: 10px;
  max-width: 800px;
  width: 90%;
  padding: 60px 40px 40px;
  position: relative;
  max-height: 70vh;
  overflow-y: auto;
}
button.case-modal__close {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 14px;
  cursor: pointer;
  color: #000000;
	display: flex;
	align-items: center;
}

.case-modal__close i {
	font-size: 29px;
	margin-left: 5px;
	color: #000000;
}
.case-modal__heading {
	padding: 10px;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #f8f8f8), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #f8f8f8), color-stop(.75, #f8f8f8), color-stop(.75, transparent), to(transparent));
  -webkit-background-size: 7px 7px;
	margin-bottom: 30px;
}
.case-modal__heading p {
	margin-bottom: 10px;
	font-weight: 500;
}
h4.case-modal__heading-ttl.is-style-section_ttl {
	margin-top: 0 !important;
	text-align: left;
}
.case-modal__detail h5 {
	border-left: 3px solid #009CBC;
	color: #333333;
	padding-left: 10px;
}
.case-modal__heading-ttl {
  font-size: 22px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #333;
}
.case-modal__detail h5 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #0073aa;
}

@media screen and (max-width: 960px) {
	.case-modal__inner {
		border-radius: 10px;
		width: 95%;
		padding: 60px 20px 30px;
	}
	.case-modal__heading {
		margin-bottom: 15px;
	}
	h4.case-modal__heading-ttl.is-style-section_ttl {
		font-size: 20px;
	}
	.case-modal__detail h5 {
		font-size: 16px;
	}
}
/* 企業ロゴスライだー */
#recruit-slider {
	margin-bottom: 80px !important;
}
.flowing-slider .swiper-wrapper {
  transition-timing-function: linear;
}

/* -----------------------------------------------
個人向けサービス
 ----------------------------------------------- */
/* お悩み */
.private.corprate-challenges-item {
	border-left: 2px solid #202F55;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #FFFFFF), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #FFFFFF), color-stop(.75, #FFFFFF), color-stop(.75, transparent), to(transparent));
}
.question-image {
	margin-bottom: 50px;
}
.career-support-inner {
	background-color: #FFFFFF;
	padding: 80px 20px;
	border-radius: 30px;
}
.career-support-inner > .wp-block-group__inner-container {
	max-width: 900px;
	margin: 0 auto;
}
@media screen and (max-width: 960px) {
	.question-image {
		margin-bottom: 30px;
	}
	.career-support-inner {
		background-color: #FFFFFF;
		padding: 50px 10px;
	}
}
@media screen and (max-width: 768px) {
}

/* 申し込み〜相談の流れ */

.step-item-unit.careersupport > .wp-block-group__inner-container {
	flex-wrap: wrap;
}
.careersupport .step-item {
	flex-basis: calc((100% - 60px) / 3);
	margin-bottom: 0;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	padding: 35px 10px 15px;
	position: relative;
}
	.arrow-right.tab-show:after {
		content: none;
	}
@media screen and (max-width: 960px) {
	.step-item-unit.careersupport > .wp-block-group__inner-container {
		flex-wrap: wrap;
		gap: 30px;
	}
	.careersupport .step-item {
		flex-basis: calc((100% - 30px) / 2);
		margin-bottom: 0;
		border: 1px solid #EEEEEE;
		border-radius: 5px;
		position: relative;
	}
	.arrow-right.tab-show:after {
		font-family: "Font Awesome 6 Free";
		font-weight: 600; 
		content: "\f061" !important;
	}
}
@media screen and (max-width: 600px) {
	.step-item-unit.careersupport > .wp-block-group__inner-container {
		gap: 40px;
	}
	.careersupport .step-item {
		flex-basis: 100%;
	}
}
/* 三つの特徴 */
.strength-item-unit > .wp-block-group__inner-container {
	display: flex;
}
.strength-item {
	flex-basis: 33.333%;
	padding: 30px;
	position: relative;
}
.strength-item.slide-line:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 100%;
	background-color: #000000;
	position: absolute;
	top: 0;
	right: 0;
	transform: rotate(7deg);
}
.strength-label {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
	font-size: 30px;
	line-height: .7;
	margin-bottom: 10px;
}
.strength-label span {
	font-size: 16px;
  font-weight: 500;
	color: #7E7E7E;
	position:relative;
}
.strength-label span:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #009CBC;
	position: absolute;
	top: 50%;
	right: -30px;
}
h4.is-style-section_ttl.strength-ttl {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
}
p.strength-txt {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.strength-item-unit > .wp-block-group__inner-container {
		flex-wrap: wrap;
	}
	.strength-item {
		flex-basis: 100%;
		padding: 0px;
		position: relative;
		margin-bottom: 30px;
	}
	.strength-item.slide-line:after {
		content: none;
	}
	.strength-label br {
		display: none;
	}
	.strength-label {
		display: flex;
		align-items: flex-end;
		margin-bottom: 15px;
	}
	.strength-label span {
		margin-left: 5px;
	}
	h4.is-style-section_ttl.strength-ttl {
	}
}
/* スタッフ紹介 */
.staff-item-unit {
/* 	max-width: 1050px; */
/* 	margin: 0 auto; */
}
.staff-item-unit > .wp-block-group__inner-container {
	display: flex;
}
.staff-item {
	flex-basis: 33.333%;
	padding: 0 30px;
}
.staff-image {
	margin-bottom: 10px;
}
.staff-image img {
	max-width: 130px;
}
h3.is-style-section_ttl.staff-name {
	margin-top: 0;
	text-align: center;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: 500;
}
.staff-name-en {
	text-align: center;
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
	color: #7E7E7E;
	margin-bottom: 15px;
}
h4.is-style-section_ttl.staff-point-ttl {
	display: inline-block;
	margin-top: 0;
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
	margin-bottom: 5px;
	position: relative;
}
h4.is-style-section_ttl.staff-point-ttl:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 1px;
	background-color: #333;
	position: absolute;
	top: 50%;
	right: -20px;
}
.staff-point-disc {
	font-size: 14px;
	margin-bottom: 15px;
}
.staff-point-disc-list {
	font-size: 14px;
}
@media screen and (max-width: 960px) {
	.staff-item {
		padding: 0 15px;
	}
}
@media screen and (max-width: 600px) {
	.staff-item-unit > .wp-block-group__inner-container {
		flex-wrap: wrap;
	}
	.staff-item {
		flex-basis: 100%;
		padding: 20px 15px;
		box-shadow: 0 2px 5px rgba(0,0,0,.1);
	}
	.staff-image {
/* 		text-align: left; */
	}
	h3.is-style-section_ttl.staff-name {
/* 		text-align: left; */
	}
	.staff-name-en {
/* 		text-align: left; */
		margin-bottom: 10px;
	}
	h4.is-style-section_ttl.staff-point-ttl {
		font-size: 16px;
	}
	.staff-point-disc {
		margin-bottom: 10px;
		font-size: 14px;
	}	
}

/* -----------------------------------------------
お問い合わせ
 ----------------------------------------------- */
.page-id-14 #cta-area {
	display: none;
}
/* お問い合わせフォーム */
.contact-form-inner {
	max-width: 1200px;
	margin: 0 auto;
}
.form-item {
	display: flex;
	padding: 10px 0;
}
/* ラベル */
.form-item label {
	flex-basis: 25%;
	display: flex;
	align-items: center;
}
/* ※ */
.form-item label span {
	color: red;
	line-height: 0.5;
	padding-left: 10px;
}
/* form */
.form-item > span {
	width: 75%;
}
.form-item input{
	height: 45px;
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #D3D3D3;
}
/* subject */
.form-item.subject input {
	height: auto !important;
	width: auto;
}
.form-item.subject span label {
	font-size: 14px !important;
}
span#your-subject span {
	color: #333;
}
.form-item.subject .wpcf7-list-item-label {
	padding-left: 3px;
}
/* お問い合わせ内容 */
.form-item textarea {
	width: 100%;
	min-height: 200px;
	background-color: #FFFFFF;
	border: 1px solid #D3D3D3;
}
.form-item textarea#your-license {
	max-height: 100px;
}
/* 個人情報取扱同意 */
.last-check {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.last-check input {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}
.last-check label {
	padding-left: 15px;
	font-size: 16px;
	line-height: 2em;
}
/* 送信ボタン　 */
.send-btn {
	position: relative;
	max-width: 265px;
	height: 50px;
	margin: 0 auto;
	margin-top: 30px;
}
.send-btn input{
	width: 100%;
	padding: 15px 20px;
	background-color: #009CBC;
	color: #FFFFFF;
	letter-spacing: .2em;
	transition: .3s;
}
/* 送信ボタンホバー */
.send-btn input:hover {
	background-color: #FFFFFF;
  border-color: #009CBC;
	color: #009CBC;
	transition: .3s;
}
/* お問合せ SP*/
@media screen and (max-width: 960px) {
		.contact-form-inner {
			margin: 0 auto;
			padding: 0;
		}
		.form-item {
			display: flex;
			flex-direction: column;
		}
		.form-item label {
			flex-basis: 100%;
			justify-content: left;
		}
	 .form-item label br {
		 display: none;
	}
		.form-item > span {
			width: 100%;
		}
		.form-item input{
			height: 45px;
			width: 100%;
		}
		.form-item textarea {
			min-height: 200px;
		}
		.last-check {
			margin-top: 15px;
		}
		.send-btn {
			margin-top: 20px;
		}
		.send-btn input{
			height: 60px;
		}
	.your-subject span.wpcf7-list-item {
		width: 100%;
		margin-left: 0;
	}
	.your-subject input {
		height: 30px !important;
	}
	p.contact-tel-number {
		font-size: 30px;
	}
}
/*下層ページタイトルエリアとコンテンツエリアの間 */
.top #content {
	padding-top: 0;
}
.page-id-24 #content, .page-id-8 #content, .page-id-10 #content, .page-id-12 #content, .page-id-14 #content {
	padding-top: 0;
}
.blog div#content,
.category div#content {
	padding-top: 100px;
}
/* スクロールでふわっと表示アニメーション */
.fade {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.5s, transform 1s;
}

.fade.active {
	opacity: 1;
	transform: translateY(0px);
}