@charset "utf-8";

.mt0 {
	margin-top: 0 !important;
}

.mr0 {
	margin-right: 0 !important;
}

/* ================================================================
   #ヘッダー
================================================================ */

/* 枠 --------------------------------------------*/

header.wf-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	background-color: #fff;
	z-index: 10000;
	box-sizing: border-box;
}

/* 赤線1px */
.wf-header__top::before {
	background-color: rgba(204, 0, 34, 1);
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}

@media screen and (max-width: 1023px) {
	.wf-header__top {
		position: relative;
	}

	.wf-header__top .bg-risingarc {
		/*		background: url(../img/header_arc_bg_center.png) no-repeat center bottom;
		background-size: auto 9px;
		background: url(../img/header_arc_bg_center_m.png) no-repeat bottom left;*/
		background-size: 1000px 8px;
		z-index: 2;
		position: relative;

		display: flex;
		align-items: center;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 9px;
		box-sizing: border-box;
	}

	.wf-header__top::after {
		/*		background: url(../img/header_arc_bg_right.png) repeat-x center bottom;
		background-size: auto 9px;
		background: url(../img/header_arc_bg_right_m.png) repeat-x bottom center;*/
		background-size: 1px 8px;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		/*width:32%;*/
	}
}

@media screen and (min-width: 1024px) {
	.wf-header__top {
		position: relative;
	}

	.wf-header__top .bg-risingarc {
		/*padding-top: 13px;*/
		/*padding-bottom: 16px;*/
		padding-left: 20px;
		padding-right: 20px;

		/*background: url(../img/header_arc_bg_center.png) no-repeat center bottom;*/
		background-size: auto 16px;
		z-index: 2;
		position: relative;
		box-sizing: border-box;

		display: flex;
		align-items: center;
	}

	.wf-header__top::after {
		/*background: url(../img/header_arc_bg_right.png) repeat-x center bottom;*/
		background-size: auto 16px;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		width: 31%;
	}

	.wf-h-nav {
		/*margin-bottom: 16px;*/
	}
}

header.wf-header .wf-header__inner {
	padding-left: 0;
	padding-right: 0;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
}

/* .wf-header__bottom */
.wf-header__bottom {
	/*background-color: #f1f9ff;*/
	background-color: #fff;
}

.wf-header__bottom .wf-header__inner {
	align-items: stretch;
	flex-wrap: nowrap;
}

/* ================================================================
#高さ指定
ここと、LINE:1057。
style.css⇒LINE:10609（2か所）、LINE：13541（stickyの値）も修正する
================================================================ */

/*SPヘッダー*/
@media screen and (max-width: 1023px) {
	.wf-header__top .bg-risingarc {
		height: 60px;
		padding: 12px;
	}

	.wf-header__left {
		display: flex;
		padding-right: 52px;
		justify-content: space-between;
		gap: 8px;
	}

	.wf-header__left a {
		width: 180px;
	}
}

/*PCヘッダー*/
@media screen and (min-width: 1024px) {
	header.wf-header {
		/*height: 156px*/
		height: 142px;
	}

	/* Gナビ */
	header.wf-header .wf-header__top,
	header.wf-header .bg-risingarc {
		/*height: 96px;*/
		height: 82px;
	}

	header.wf-header .wf-header__bottom {
		height: 60px;
	}
}


/* ================================================================
   #レイアウト
================================================================ */

@media screen and (min-width: 1024px) {
	.wf-header__inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: space-between;
	}

	.wf-header__left {
		width: 180px;
	}

	.wf-header__left a {
		width: 180px;
	}

	.wf-header__right {
		width: calc(100% - 180px);
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
	}
}

@media screen and (min-width: 1200px) {
	.wf-header__left {
		/*width: 210px;*/
		width: 187px;
	}

	.wf-header__left a {
		width: 187px;
	}

	.wf-header__right {
		width: calc(100% - 210px);
	}
}

/* h1：タイトルロゴ --------------------------------------------*/

.wf-h1 {
	margin: 0;
	width: fit-content;
	display: flex;
	align-items: center;
}

.wf-h1 img {
	/*width: auto;*/
	/*height: 40px;*/
	width: 187px;
	height: auto;
}

.wf-logo-sp {
	flex: 1;
	display: flex;
	justify-content: flex-end;
}

.wf-logo-sp img {
	width: 100%;
	height: auto;
	max-height: 28px;
}


@media screen and (min-width: 1024px) {
	.wf-h1 {
		/*padding-left: 20px;*/
	}

	.wf-h1 img {
		width: 100%;
		height: auto;
	}

	.wf-logo-sp {
		display: none;
	}

}

/* logo表示分け */
.wf-h1 img.pc_logo{
	display: none;
}
.wf-h1 img.sp_logo{
	display: block;
}
@media screen and (min-width: 1024px) {
	.wf-h1 img.pc_logo{
		display: block;
	}
	.wf-h1 img.sp_logo{
		display: none;
	}	
}
	
/* ヘッダーナビ --------------------------------------------*/

.wf-h-nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

#site-search {
	width: 160px;
	margin: 0;
}

@media screen and (min-width: 1200px) {
	#site-search {
		width: 200px;
	}
}

#site-search input {
	padding: 2px 6px;
}


.wf-h-nav ul {
	display: flex;
	justify-content: flex-end;
}

.wf-h-nav ul li a {
	font-size: 14px;
}

.wf-h-nav ul li a span {
	display: block;
}

.wf-h-nav ul li:not(.logo_sompo-hd) a {
	font-size: 14px;
	line-height: 1.3;
	padding: 6px 12px;
	border-radius: 3px;
	box-sizing: border-box;
	text-align: center;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;

}

.wf-h-nav ul li[class*="btn0"] a {
	height: 50px;
	box-sizing: border-box;
}


.btn02 {
	background: linear-gradient(135deg, #0da4af 0%, #15D19E 100%);
	border-radius: 3px;
	margin-left: 10px;
}

.btn03 {
	background: linear-gradient(135deg, #F74B69 0%, #FBB718 100%);
	border-radius: 3px;
	color: #fff;
	margin-left: 5px;
}

.wf-h-nav ul li:not(.logo_sompo-hd) img {
	width: 16px;
	margin-right: 5px;
	height: auto;
}

.wf-h-nav ul li.logo_sompo-hd {
	width: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wf-h-nav ul li.logo_sompo-hd img {
	/*width: 160px;*/
	width: 120px;
	height: auto;
}

@media screen and (min-width: 1100px) {
	.wf-h-nav ul li.logo_sompo-hd {
		/*width: 232px;*/
		width: 200px;
	}

	.wf-h-nav ul li.logo_sompo-hd img {
		/*width: 200px;*/
		width: 170px;
	}
}

/* トップページへ戻る --------------------------------------------*/

header .to-top {
	margin-left: 10px;
}

header .to-top a {
	position: relative;
	padding-left: 14px;
	font-size: 13px;
}

@media screen and (min-width: 1200px) {
	header .to-top {
		margin-left: 10px;
	}
}

header .to-top a:hover {
	color: #E97272;
	text-decoration: underline;
}

header .to-top a:before,
header .to-top a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

header .to-top a::before {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #e97272;
}

header .to-top a::after {
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* サポートログインボタン --------------------------------------------*/

header .support-login {
	width: 200px;
	height: 60px;
	background: #1859ab;
	transition: 0.15s linear;
}

header .support-login:hover {
	background: #3574D1;
}

header .support-login a {
	color: #fff;
	font-size: 13px;
	width: 100%;
	height: 100%;
	display: block;
	background: url("../img/login_w.svg") left 16px center no-repeat;
	background-size: 16px;
	padding-left: 42px;
	padding-top: 12px;
	line-height: 1.3;
	box-sizing: border-box;
}

@media screen and (min-width: 1100px) {
	header .support-login {
		width: 200px;
	}

	header .support-login a {
		font-size: 14px;
		padding-top: 10px;
	}
}


/* Gナビ --------------------------------------------*/

.wf-g-nav {
	width: calc(100% - 200px);
}

@media screen and (min-width: 1100px) {
	.wf-g-nav {
		width: calc(100% - 200px);
	}
}

.wf-g-nav>ul>li>a {
	cursor: pointer;
	/*padding: 14px 5px 12px 13px;*/
	font-size: 13px;
	line-height: 60px;
	display: block;
	position: relative;
	text-align: center;
}

.wf-g-nav>ul>li>a::after {
	content: "";
	width: 1px;
	height: 20px;
	background-color: #ddd;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
}

.wf-g-nav>ul>li:last-child>a::after {
	display: none;
}

@media screen and (min-width: 1024px) {
	.wf-g-nav>ul>li>a {
		/*padding: 21px 0 17px .8vw;*/
	}

	.wf-g-nav i.wf_icon {
		width: 22px;
		height: 22px;
		color: #0045AA;
		margin-right: 0;
		margin-left: 0;
	}
}

@media screen and (min-width: 1140px) {
	.wf-g-nav>ul>li>a {
		font-size: 14px;
	}
}

@media screen and (min-width: 1300px) {
	.wf-g-nav>ul>li>a {
		/*padding: 21px 10px 17px 10px;  以降固定 */
	}
}

.dropdown-toggle.drop-arrow {
	padding-right: 12px;
	background: url("../img/drop-arrow.svg") no-repeat right 6px center;
	background-size: 22px;
}

.dropdown-toggle.drop-arrow:hover {
	background-image: url("../img/drop-arrow_w.svg");
	background-repeat: no-repeat;
	background-position: right 6px center;
	background-size: 22px;
}

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

	.wf-h-nav,
	.wf-header__bottom {
		display: none;
	}
}

.wf-g-nav>ul>li>a:hover {
	background-color: #3574D1;
	color: #fff;
}

.wf-g-nav>ul>li>a:hover i {
	color: #fff;
}

.wf-g-nav {
	z-index: 100;
}

.wf-g-nav>ul {
	width: 100%;
	max-width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.wf-g-nav>ul>li {
	display: inline-block;
	padding: 0;
	flex: auto;
}

.wf-g-nav>ul>li.mega {
	position: static;
}

.wf-g-nav>ul>li>a {
	display: block;
	position: relative;
	transition: 0.2s linear;
}

/* Gナビ：ドロップダウン部分 --------------------------------------------*/

nav.wf-g-nav .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	opacity: 1;
	filter: alpha(opacity=100);
	float: left;
	min-width: 18em;
	width: 120%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #FBFAF8;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 0 0 6px 6px;
	z-index: 11;
	padding-bottom: 0px;
	border-top: 3px solid #3574D1;
	text-align: center;
}

nav.wf-g-nav .mega .dropdown-menu {
	width: 100%;
	border-radius: 0;
}

/*  Gナビ：SPハンバーガーメニュー ----------*/

.sp-menu__btn {
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	background: #f28b8b;
}

.sp-menu__btn span {
	background: #fff;
	width: 46%;
}

.sp-menu__btn span:nth-child(1) {
	top: 13px;
}

.sp-menu__btn span:nth-child(2) {
	top: 21px;
}

.sp-menu__btn span:nth-child(3) {
	top: 29px;
}

.sp-menu__btn p {
	color: #fff;
	bottom: 10px;
}

/* アニメーションの設定 ------------*/
@-moz-keyframes menu {
	0% {
		opacity: 0;
		top: 80%;
	}

	100% {
		opacity: 0.95;
		top: 100%;
	}
}

@-webkit-keyframes menu {
	0% {
		opacity: 0;
		top: 80%;
	}

	100% {
		opacity: 0.95;
		top: 100%;
	}
}

@-o-keyframes menu {
	0% {
		opacity: 0;
		top: 80%;
	}

	100% {
		opacity: 0.95;
		top: 100%;
	}
}

@-ms-keyframes menu {
	0% {
		opacity: 0;
		top: 80%;
	}

	100% {
		opacity: 0.95;
		top: 100%;
	}
}

/* ================================================================
   #Gナビ：ドロップダウンメニュー（デザイン）
================================================================ */

.wf-section.-top.-other a img,
.wf-section.-top.-pickup a img,
.g-nav__inner a img.link_bnr {
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: 0.2s linear;
}

.wf-section.-top.-other a img:hover,
.wf-section.-top.-pickup a img:hover,
.g-nav__inner a:hover img.link_bnr {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.g-nav__inner * {
	box-sizing: border-box;
}

.noclick {
	pointer-events: none;
}

.g-nav__inner {
	max-width: 1200px;
	padding: 60px 30px 40px 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

@media screen and (min-width: 1300px) {
	.g-nav__inner {
		padding: 60px 0 50px 0;
	}
}

.g-nav__left {
	width: 30%;
	padding-right: 5%;
}

.g-nav__right {
	width: 70%;
	padding-left: 5%;
	border-left: 1px solid #E5E1DC;
	/*	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;	*/
}

/* メニュー左側 ----------------------------*/

.g-nav__left h3 {
	color: #3574D1;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px
}

.g-nav__left h3 img {
	margin-right: 15px;
	vertical-align: middle;
}

.g-nav__left p {
	font-size: 14px;
	line-height: 1.7;
}

@media screen and (min-width: 992px) {
	.g-nav__left h3 {
		font-size: 18px;
	}
}

@media screen and (min-width: 1200px) {
	.g-nav__left h3 {
		font-size: 20px;
	}
}

/* メニュー右側 ----------------------------*/

.g-nav-box.twocolumn {
	gap: 0 6%;
}

.g-nav-box.twocolumn .g-nav-item {}

.g-nav-box.threecolumn {
	gap: 0 2%;
}

.g-nav-box.threecolumn .g-nav-item {}

.g-nav-box.fourcolumn {
	gap: 0 2.66666666666%;
}

.g-nav-box.fourcolumn .g-nav-item {}


.g-nav-item a {
	font-size: 14px;
	line-height: 1.3;
}

@media screen and (min-width: 1200px) {
	.g-nav-item a {
		color: #333333;
		text-decoration: none;
		font-size: 15px;
	}
}

.g-nav-item a:hover {
	text-decoration: underline !important;
}

.g-nav__right a img {
	margin-top: 1px;
	margin-right: 10px;
	/* >アイコン*/
	vertical-align: top;
}

/* 定型レイアウト */

li .g-nav-box {
	display: flex;
	flex-wrap: wrap;
}

.g-nav-box:not(.twocolumn):not(.threecolumn):not(.fourcolumn) {
	width: 100%;
}

li .g-nav-box .g-nav-item {
	width: 100%;
}

li .g-nav-box.fourcolumn .g-nav-item {
	width: 23%;
}

li .g-nav-box.threecolumn .g-nav-item {
	width: 32%;
}

li .g-nav-box.twocolumn .g-nav-item {
	width: 47%;
}

@media screen and (min-width: 1200px) {
	li .g-nav-box.fourcolumn .g-nav-item {
		width: 23%;
	}

	li .g-nav-box.threecolumn .g-nav-item {
		width: 33.33333%;
	}

	li .g-nav-box.twocolumn .g-nav-item {
		width: 47%;
	}
}

.flex-space-between {
	justify-content: space-between;
}

li .g-nav-box .g-nav-item.w100 {
	width: 100%;
}

hr.gnav-border {
	padding: 0;
	margin: 20px 0;
	border: 0;
	height: 0;
	border-bottom: 1px solid #eee;
	width: 100%;
	display: block;
}

/* 大きいタイトル */
.dropdown-menu .g-nav-box a.g-nav-toptitle {
	font-weight: bold;
	font-size: 16px;
}

/* サブタイトル */
.g-nav-subtitle {
	font-weight: bold;
	margin-bottom: 20px;
	width: 100%;
	font-size: 16px;
}

@media screen and (min-width: 1200px) {
	hr.gnav-border {
		margin: 25px 0;
	}

	.dropdown-menu .g-nav-box a.g-nav-toptitle {
		font-size: 18px;
	}

	.g-nav-subtitle {
		font-size: 18px;
	}
}

/* リンクボタン */
nav.wf-g-nav .dropdown-menu .g-nav-btn a {
	display: block;
	padding: 20px 12px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	transition: 0.1s linear;
	position: relative;
	font-size: 13px;
}

@media screen and (min-width: 1200px) {
	nav.wf-g-nav .dropdown-menu .g-nav-btn a {
		padding: 20px 12px;
		font-size: 14px;
	}
}

nav.wf-g-nav .dropdown-menu .g-nav-btn a::before,
nav.wf-g-nav .dropdown-menu .g-nav-btn a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

nav.wf-g-nav .dropdown-menu .g-nav-btn a::after {
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

/* サブリンク */
.gnav-sub {
	padding: 10px 0 0 22px;
}

.gnav-sub a {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
}

.gnav-sub .wf_icon {
	width: 20px !important;
	height: 20px !important;
	vertical-align: middle;
}


/* g-nav01 ご検討中の方へ
------------------------------------------------------------------*/
.g-nav01 .g-nav__right {
	display: flex;
	align-items: flex-start;
}

.g-nav01 .g-nav__right .g-nav-box {
	width: calc(100% - 260px);
}

.g-nav01 .g-nav__right .inquery-box {
	width: 260px;
	background-color: #fff;
	padding: 25px 20px 20px;
	border-radius: 6px;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (min-width: 1200px) {
	.g-nav01 .g-nav__right .g-nav-box {
		width: calc(100% - 300px);
	}

	.g-nav01 .g-nav__right .inquery-box {
		width: 300px;
	}
}

ul.inquery-check {
	margin: 0;
	padding: 0;
}

ul.inquery-check li {
	margin: 0;
	padding: 0 0 0 22px;
	background: url("../img/product/tsunagaru-kazoku/icon-check.svg") no-repeat center left;
	background-size: 12px;
	font-weight: bold;
	font-size: 15px;
}

ul.inquery-check li+li {
	margin-top: 15px;
}

nav.wf-g-nav .g-nav01 .dropdown-menu .g-nav-btn a {
	background-color: #f58aa1;
}

nav.wf-g-nav .g-nav01 .dropdown-menu .g-nav-btn a:hover {
	background-color: #ca5a72;
}

@media screen and (min-width: 1200px) {
	ul.inquery-check li {
		font-size: 17px;
	}
}


/* .g-nav02 製品･サービスのご紹介
------------------------------------------------------------------*/
li.g-nav02 .dropdown-menu .g-nav__right .g-nav-box.twocolumn .g-nav-item .link_bnr {
	margin: 20px 0 0 0;
}

nav.wf-g-nav .dropdown-menu .g-nav-item.text-l a {
	display: flex;
	align-items: flex-start;
}

/* .g-nav03 コラム・動画
------------------------------------------------------------------*/
.g-nav03 .g-nav-box.useful-info .g-nav-item a span {
	display: flex;
	align-items: center;
	align-items: flex-start;
	font-size: 13px;
	line-height: 1.4;
}

@media screen and (min-width: 1200px) {
	li.g-nav03 .g-nav-box.useful-info .g-nav-item a span {
		font-size: 14px;
	}
}

li.g-nav03 .g-nav-box.useful-info .g-nav-item a {
	display: flex !important;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	height: 100%;
}

li.g-nav03 .g-nav-box.useful-info .g-nav-item a span,
li.g-nav03 .g-nav-box.useful-info .g-nav-item a img.link_bnr {
	width: 100%;
	margin: 10px 0 0 0;
}

/*お役立ちバナー（イレギュラー対応）*/
li.g-nav03 .g-nav-box.useful-info .g-nav-item a span.bnr2{
  margin-top:0 !important;
  width: 49%;
}
li.g-nav03 .g-nav-box.useful-info .g-nav-item a span.bnr2 img{
  width: 100%;
}
@media (min-width:1200px) {
  li.g-nav03 .g-nav-box.useful-info .g-nav-item a span.bnr2 img{
    max-width: 180px;
  }
}



/* .g-nav04 お知らせ
------------------------------------------------------------------*/

nav.wf-g-nav .g-nav04 .dropdown-menu .g-nav-btn a {
	background-color: #3574D1;
}

nav.wf-g-nav .g-nav04 .dropdown-menu .g-nav-btn a:hover {
	background-color: #1859ab;
}

nav.wf-g-nav .g-nav04 .dropdown-menu .g-nav-btn.-law2024 a {
	background-color: #11ade4;
}

nav.wf-g-nav .g-nav04 .dropdown-menu .g-nav-btn.-law2024 a:hover {
	background-color: #0d9bca;
}



/* .g-nav05 会社情報･採用情報
------------------------------------------------------------------*/
.g-nav05 .g-nav-box.company_info a {
	white-space: nowrap;
}

/* ブランクアイコン */
.g-nav-box .g-nav-item .wf_icon.blank {
	width: 12px !important;
	height: 12px !important;
	margin-left: 10px;
}

.g-nav-box.recruit_info .g-nav-item .wf_icon.blank {
	color: #e2678d;
}

.g-nav05 .g-nav-box.recruit_info .g-nav-item a img.link_bnr {
	margin: 20px 0 0 0;
}


/* .g-nav06 サポート体制
------------------------------------------------------------------*/
.g-nav06 .g-nav-box {
	width: 100%;
	justify-content: space-between;
}

.g-nav06 .g-nav-box>div {
	width: 50%;
}

.g-nav06 .g-nav-box .g-nav-item+.g-nav-item {
	width: 100%;
	margin-top: 30px;
}

.g-nav06 .g-nav-box .g-nav-item .wf_icon.blank {
	width: 12px !important;
	height: 12px !important;
	margin-left: 10px;
}

.g-nav06 .dropdown-menu .support-btn a {
	font-size: 14px !important;
	background-color: #28b3bd;
	color: #fff;
	padding: 7px 24px 7px 8px !important;
	line-height: 1.3;
	display: block !important;
	position: relative;
	transition: 0.1s linear;
	border-radius: 2px;
	margin-bottom: 10px;
	text-align: center;
	max-width: 260px;
	box-shadow: 2px 2px 2px rgb(0 0 0 / 30%) !important;
}

.g-nav06 .dropdown-menu .support-btn a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}

.g-nav06 .dropdown-menu .support-btn a:hover {
	background-color: #68c6cd;
	text-decoration: none !important;
}

/* メニューを閉じるボタン */

.g-nav_close {
	position: absolute;
	right: 10px;
	top: 20px;
	display: inline-block;
	z-index: 102;
}

.g-nav_close .btn__close {
	cursor: pointer;
	border-bottom: 1px solid transparent;
	transition: color .2s, border .2s, background .2s;
	font-size: 15px;
	color: #605d55;
}

.g-nav_close .btn__close span {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #605d55;
	background: #605d55;
	color: #fff;
	font-size: 14px;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	transition: color .2s, border .2s, background .2s;
}

.g-nav_close .btn__close:hover {
	color: #3574D1;
	/*border-bottom: 1px solid #3574D1;*/
}

.g-nav_close .btn__close:hover span {
	border: 1px solid #3574D1;
	background: #3574D1;
}

@media screen and (min-width: 1200px) {
	.g-nav_close {
		right: 0;
	}
}

.wrap {
	padding-top: 60px;
}

@media screen and (min-width: 1024px) {
	.wrap {
		/*padding-top: 140px;*/
		/*padding-top: 156px;*/
		padding-top: 142px;
	}
}

/* ================================================================
   #トップページKV
   #wf-kv2（2パターン目）
================================================================ */

@media screen and (max-width: 479px) {
	ul.slider {
		opacity: 0;
		filter: alpha(opacity=0);
		transition: 0.15s linear;
	}

	ul.slider.kv-visible {
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
}

#wf-kv2 {
	background-color: #fdf0e0;
	background-color: rgba(253, 240, 224, .8);
	/*background-color: #FDEFEB;*/
}

@media screen and (min-width: 1024px) {
	#wf-kv2 {
		padding-left: 30px;
		padding-right: 30px;
	}
}

#wf-kv2 * {
	box-sizing: border-box;
}

#wf-kv2 .wf-kv__inner {
	display: flex;
	max-width: 1600px;
	/* KV2枚並ぶときのマージン分 ----------*/
	max-width: 1660px;
	margin: 0 auto;
	justify-content: space-between;
}


#wf-kv2 ul {
	flex-wrap: wrap;
	display: flex;
	gap: 10px;
	width: 49%;
	padding: 35px 0;
}

@media screen and (min-width: 576px) {
	#wf-kv2 ul {
		padding: 20px;
	}
}

@media screen and (min-width: 768px) {
	#wf-kv2 ul {
		padding: 30px;
	}
}

@media screen and (min-width: 992px) {
	#wf-kv2 ul {
		padding: 35px 0px;
	}
}

@media screen and (min-width: 1460px) {
	#wf-kv2 ul {
		padding: 35px 0;
	}
}



#wf-kv2 li {
	display: block !important;
	width: 100%;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 10%);
	position: relative;
	transition: 0.15s linear;
}

#wf-kv2 li a {
	display: block;
}

#wf-kv2 li a figure img {
	border-radius: 6px;
}

#wf-kv2 li a img {
	width: 20%;
	height: auto;
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: 0.15s linear;
}

#wf-kv2 div:not(.no-hover) a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#wf-kv2 .no-hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

#wf-kv2 .kv_left_main {
	border-radius: 10px;
	padding-top: 24px;
	width: 50%;
	padding-bottom: 24px;
}

/* KV2枚並ぶときのマージン取り ----------*/
#wf-kv2 .kv_left_main {
	padding-left: 8px;
	padding-right: 8px;
}

#wf-kv2 .kv_left_main a img {
	border-radius: 5px;
}

#wf-kv2 li a .kv_sub_inner img.kv_sub_icon {
	width: 75px;
	padding: 9px 15px;
	height: max-content;
	height: auto;
}

#wf-kv2 li a .kv_sub_inner div {
	width: 100%;
	position: relative;
	padding-right: 15px;
	/* padding-top: 16px;
   height: 100%;*/
}

#wf-kv2 li a .kv_sub_inner div .kv_sub_color {
	color: #E97272;
	font-size: 14px;
}

@media screen and (min-width: 1400px) {
	#wf-kv2 li a .kv_sub_inner div .kv_sub_color {
		font-size: 15px;
	}
}

#wf-kv2 li a .kv_sub_inner div .kv_sub_main {
	margin-top: 6px;
	display: inline-block;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 3px;
	letter-spacing: 0.02em;
	line-height: 1.4;
}

@media screen and (min-width: 1400px) {
	#wf-kv2 li a .kv_sub_inner div .kv_sub_main {
		margin-top: 9px;
		font-size: 22px;
		margin-bottom: 4px;
	}
}

#wf-kv2 li a .kv_sub_inner div .kv_sub_mini {
	font-size: 11px;
}

#wf-kv2 li a .kv_sub_inner div .kv_sub_link {
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	position: relative;
	margin-top: 10px;
	/*    position: absolute;
    bottom: 0px;
    right: 20px;*/
}

@media screen and (min-width: 1400px) {
	#wf-kv2 li a .kv_sub_inner div .kv_sub_link {
		font-size: 14px;
		text-decoration: underline;
		text-align: right;
		position: relative;
		margin-top: 10px;
		/*    position: absolute;
			bottom: 0px;
			right: 20px;*/
	}
}


#wf-kv2 li a .kv_sub_inner div .kv_sub_link:before {
	position: absolute;
	content: "";
	border-top: 2px solid #E97272;
	border-right: 2px solid #E97272;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	bottom: 2px;
	right: 9.5em;
}

#wf-kv2 li .kv_sub_inner {
	height: 100%;
	align-items: center;
	justify-content: space-between;
	display: flex;
	padding: 8px;
}

#wf-kv2 .kv_sub {
	display: flex;
}

#wf-kv2 .kv_main {
	padding: 0;
	border-radius: 6px;
	box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 10%);
}

@media screen and (max-width: 1299px) {
	#wf-kv2 li .kv_sub_inner {
		padding: 3px;
	}

	#wf-kv2 li a .kv_sub_inner img.kv_sub_icon {
		width: 60px;
	}

	#wf-kv2 li a .kv_sub_inner div .kv_sub_color {
		font-size: 12px;
	}

	#wf-kv2 li a .kv_sub_inner div .kv_sub_main {
		font-size: 16px;
		margin-bottom: 4px;
	}

	#wf-kv2 li a .kv_sub_inner div .kv_sub_link {
		font-size: 12px;
		bottom: 6px;
		right: 5px;
	}

	#wf-kv2 li a .kv_sub_inner div {
		padding-top: 10px;
	}
}

@media screen and (max-width: 1024px) {
	#wf-kv2 .kv_sub {
		display: none;
	}

	/* KV2枚並ぶときの2枚目消し ----------*/
	#wf-kv2 .kv_left_main+.kv_left_main {
		display: none !important;
	}

	#wf-kv2 .kv_left_main {
		width: 100%;
		padding: 20px;
	}
}

@media screen and (max-width: 768px) {
	#wf-kv2 .kv_left_main {
		padding: 0;
	}

	#wf-kv2 .kv_left_main a img {
		border-radius: 0;
	}

	#wf-kv2 .kv_main {
		box-shadow: none;
	}
}

/* moreボタン ------------------*/
#wf-kv2 li .kv-more {
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
}

#wf-kv2 li .kv-more span {
	background-color: #F28B8B;
	color: #fff;
	font-size: 13px;
	border-radius: 6px 0 6px 0;
	/*width:160px;*/
	padding: 10px 18px 10px 12px;
	display: inline-block;
	text-align: center;
	position: relative;
}

#wf-kv2 li .kv-more span::before,
#wf-kv2 li .kv-more span::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

#wf-kv2 li .kv-more span::before {
	right: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #fff;
}

#wf-kv2 li a:hover .kv-more span {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* Kv4つ目コラム新着 ----------*/

#wf-kv2 li .kv-column {
	padding: 0;
	height: 100%;
}

#wf-kv2 li .kv-column .column-new {
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 100;
}

#wf-kv2 li .kv-column-inner {
	padding: 10px 10px 40px 10px;
}

#wf-kv2 li .kv-column-inner img {
	margin-bottom: 10px;
}

#wf-kv2 li .kv-column-inner .kv-column-title {
	color: #F28B8B;
	font-size: 14px;
	border-left: 2px solid #F28B8B;
	padding: 5px 0 5px 8px;
	margin-bottom: 8px;
}

#wf-kv2 li .kv-column-inner .kv-column-date {
	font-size: 13px;
	color: #999;
	margin-bottom: 5px;
}

#wf-kv2 li .kv-column-inner .kv-column-date+p {
	line-height: 1.5;
	font-size: 14px;
}


#wf-kv2 .kv-column,
#wf-kv2 .kv-column a img {
	transition: 0.15s linear;
}

#wf-kv2 .kv-column:hover {
	background-color: #fff3f3;
}



@media screen and (min-width: 768px) {
	#wf-kv2 li .kv-column-inner {
		padding: 10px 10px 40px 10px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-date+p {
		font-size: 13px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-title {
		font-size: 14px;
		border-left: 3px solid #F28B8B;
		padding: 5px 0 5px 8px;
		margin-bottom: 10px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-date {
		font-size: 12px;
		margin-bottom: 5px;
	}

	#wf-kv2 li .kv-column-inner img {
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 992px) {
	#wf-kv2 li .kv-column-inner {
		padding: 10px 10px 40px 10px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-title {
		font-size: 15px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-date+p {
		font-size: 15px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-date {
		font-size: 13px;
		margin-bottom: 10px;
	}

	#wf-kv2 li .kv-column-inner img {
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 1200px) {
	#wf-kv2 li .kv-column-inner {
		padding: 15px 15px 40px 15px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-date+p {
		font-size: 16px;
	}

	#wf-kv2 li .kv-column-inner .kv-column-title {
		font-size: 17px;
		border-left: 4px solid #F28B8B;
		padding: 7px 0 7px 10px;
		margin-bottom: 12px;
	}

	#wf-kv2 li .kv-column-inner img {
		margin-bottom: 15px;
	}
}

#wf-kv2 li a {
	height: 100%;
}

#wf-kv2 li figure {
	height: 100%;
}

#wf-kv2 li figure img {
	object-fit: cover;
	height: 100%;
}

/* 枚数調節 ---------*/

@media screen and (max-width: 991px) {
	#wf-kv2 li {
		width: 31%;
	}

	#wf-kv2 li:nth-child(3) {
		display: none !important;
	}
}

@media screen and (max-width: 576px) {
	#wf-kv2 li {
		width: 48%;
	}

	#wf-kv2 li:nth-child(2),
	#wf-kv2 li:nth-child(3) {
		display: none !important;
	}
}

@media screen and (max-width:480px) {
	#wf-kv2 li {
		width: 100%;
	}

	#wf-kv2 li:nth-child(2),
	#wf-kv2 li:nth-child(3),
	#wf-kv2 li:nth-child(4) {
		display: none !important;
	}
}

.mv02 ul {
	max-width: 1600px;
	margin: 0 auto;
}

/* add 231128 左1枚・右2枚（横長）*/

#wf-kv2.one-two-column .kv_left_main .kv_main+.kv_main {
	/*margin-top: 16px;*/
}

#wf-kv2.one-two-column .kv_left_main.flex {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

/* add 250409 KV 画像4枚 特殊型 左1：右3*/

#wf-kv2.mv03 .no_box-shadow{
box-shadow: none;
}
#wf-kv2.mv03 .box-shadow{
box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 10%);
}


/* ================================================================
   #wf-kv　初期KV
================================================================ */

/*
#wf-kv{

}
#wf-kv .wf-kv__inner{
	max-width: 1200px;
	margin:0 auto;
}
		
#wf-kv ul li:nth-child(2),
#wf-kv ul li:nth-child(3),
#wf-kv ul li:nth-child(4),
#wf-kv ul li:nth-child(5){
	display: none;
}

 @media screen and (min-width: 1024px) {
	#wf-kv{
		display: flex;
		flex-wrap: wrap;
		background-color: #fdf0e0;
		background-color: rgba(253,240,224,.8);
	}
	 #wf-kv *{
		box-sizing: border-box;
	 }
	#wf-kv ul{
		width: 100%;
		height: auto;		
		display: grid;
		grid-template-columns:2fr 1fr 1fr;
		grid-template-rows:auto auto;
		column-gap: 0.25vw;
		row-gap: 0.25vw;
		display: -ms-grid;
		-ms-grid-columns:2fr 1fr 1fr;
		-ms-grid-rows: auto;		
		grid-column-gap: 0.25vw;
		grid-row-gap: 0.25vw;		
	}			 

 #wf-kv li{
	display: block !important;
	border:0.3vw solid #fff;
	background-color: #fff;
	box-shadow:3px 3px 2px 0px rgba(0,0,0,.1);
 }

 #wf-kv li:first-child{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	-ms-grid-column-span: 1;		 
	-ms-grid-row-span: 2;
 }

 #wf-kv li:nth-of-type(2){
	-ms-grid-column: 2;
	-ms-grid-row: 1;
	-ms-grid-column-span: 1;	
	-ms-grid-row-span: 1;		 
 }
 #wf-kv li:nth-of-type(3){
	-ms-grid-column: 3;
	-ms-grid-row: 1;
	-ms-grid-column-span: 1;	
	-ms-grid-row-span: 1;			 
 }
 #wf-kv li:nth-of-type(4){
	-ms-grid-column: 2;
	-ms-grid-row: 2;
	-ms-grid-column-span: 1;	
	-ms-grid-row-span: 1;				 
 }

 #wf-kv li:nth-of-type(5){
	-ms-grid-column: 3;
	-ms-grid-row: 2;
	-ms-grid-column-span: 1;	
	-ms-grid-row-span: 1;	
 }	 

 #wf-kv .inner{
		display: block !important;
	 position: relative;
	 overflow: hidden;
	 height: 100%;

 }
 #wf-kv .inner img{
	 position: absolute;
		top: 0;
	 left: -0.3vw;;
	 bottom: 0;
	 max-width: inherit;
	 width: calc(100% + 0.25vw * 2);
	 height: auto;
	 margin: auto;
 }
 .sp_kv{
	 display: none;
 }
}
*/

/* ================================================================
   #common
================================================================ */

.wf-section p {
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
	padding: 0;
}

@media (min-width:576px) {
	.wf-section p {
		font-size: 13px;
		line-height: 1.7;
	}
}

@media (min-width:768px) {
	.wf-section p {
		font-size: 14px;
		line-height: 1.7;
	}
}

@media (min-width:992px) {
	.wf-section p {
		font-size: 15px;
		line-height: 1.7;
	}
}

@media (min-width:1200px) {
	.wf-section p {
		font-size: 16px;
		line-height: 1.8;
	}
}

/* ボタン */

.wf-section.-top .wf-btn {
	text-align: center;
	margin-top: 30px;
	width: 100%;
	display: block;
}

.wf-section.-top .wf-btn a {
	background-color: #ef8383;
	padding: 20px;
	border-radius: 3px;
	display: block;
	width: 100%;
	max-width: 260px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	transition: 0.1s linear;
	font-size: 14px;
}

.wf-section.-top .wf-btn a::before,
.wf-section.-top .wf-btn a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.wf-section.-top .wf-btn a::before {
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.wf-section.-top .wf-btn a:hover {
	background-color: #ff9c9c;
}

@media (min-width:768px) {
	.wf-section.-top .wf-btn {
		margin-top: 60px;
	}

	.wf-section.-top .wf-btn a {
		padding: 20px;
		max-width: 300px;
		font-size: 16px;
	}
}


/* ================================================================
   #アイコン
================================================================ */
[class*="wf-"] .wf_icon {
	display: inline-block;
	height: 14px;
	width: 14px;
	vertical-align: middle;
	position: relative;
	margin-left: 5px;
}

@media (min-width:370px) {
	[class*="wf-"] .wf_icon {
		height: 16px;
		width: 16px;
		margin-left: 5px;
	}
}

@media (min-width:992px) {
	[class*="wf-"] .wf_icon {
		height: 18px;
		width: 18px;
		margin-left: 10px;
	}
}


[class*="wf-"] [class^="icon-"],
[class*="wf-"] [class*=" icon-"] {
	display: inline-block;
	width: inherit;
	height: inherit;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* ================================================================
    #01：【製品紹介】事業種別で探す
================================================================ */

/* 枠 */
.wf-section.-top.-product {
	padding: 30px 0 40px 0;
	text-align: center;
}

.wf-section.-top.-pickup,
.wf-section.-top.-column,
.wf-section.-top.-news,
.wf-section.-top.-other {
	padding: 40px 0;
}

.wf-section.-top.-pickup {
	background-color: #F4F6FC;
}

.wf-section.-top.-news {
	background-color: #FEF3F3;
}

.wf-section.-top.-product .foot__btns {
	margin-bottom: 60px;
}

@media (min-width:768px) {

	.wf-section.-top.-pickup,
	.wf-section.-top.-column,
	.wf-section.-top.-news,
	.wf-section.-top.-other {
		padding: 60px 0;
	}
}

@media (min-width:992px) {

	.wf-section.-top.-pickup,
	.wf-section.-top.-column,
	.wf-section.-top.-news,
	.wf-section.-top.-other {
		padding: 80px 0;
	}
}

@media (min-width:1200px) {

	.wf-section.-top.-pickup,
	.wf-section.-top.-column,
	.wf-section.-top.-news,
	.wf-section.-top.-other {
		padding: 80px 0;
	}
}

/* inner */
.wf-section .wf-section__inner,
.wf-footer .wf-footer__inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	box-sizing: border-box;
}

@media (min-width:370px) {

	.wf-section .wf-section__inner,
	.wf-footer .wf-footer__inner {
		padding-left: 20px;
		padding-right: 20px;
	}
}


@media (min-width:768px) {
	.wf-section.-top.-product {
		padding: 40px 0 40px 0;
	}

	.wf-section .wf-section__inner,
	.wf-footer .wf-footer__inner {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width:992px) {
	.wf-section.-top.-product {
		padding: 40px 0 60px 0;
	}

	.wf-section .wf-section__inner,
	.wf-footer .wf-footer__inner {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (min-width:1280px) {
	.wf-section.-top.-product {
		padding: 50px 0 60px 0;
	}

	.wf-section .wf-section__inner,
	.wf-footer .wf-footer__inner {
		padding-left: 0px;
		padding-right: 0px;
	}
}


/* 見出し */
.wf-section.-top.-product h2.wf-h2 {
	font-weight: bold;
	/*border-bottom: 2px solid #DEDEDE;*/
	position: relative;
	letter-spacing: 1px;
	width: 100%;
	text-align: center;
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.wf-section.-top.-product h2.wf-h2::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 120px;
	height: 2px;
	content: none;
	background: #0045AA;
}

.wf-section.-top.-product h4.wf-h4 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 25px;
	width: 100%;
}

.wf-section.-top.-product h2.wf-h2 span {
	font-size: 14px;
	display: block;
	margin-top: 20px;
	color: #F28B8B;
}

.wf-section.-top.-product h4.wf-h4 svg {
	color: #0045AA;
	margin-right: 5px;
}

.product-item h3 {
	font-size: 15px;
	padding: 16px;
	line-height: 1.3;
	text-align: center;
	width: 80%;
	margin: -52px auto 26px;
	color: #fff;
}

@media (min-width:576px) {
	.wf-section.-top.-product h2.wf-h2 {
		font-size: 22px;
		padding-bottom: 10px;
		margin-bottom: 25px;
	}

	.wf-section.-top.-product h2.wf-h2::after {
		position: absolute;
		bottom: -3px;
		left: 0;
		width: 180px;
		height: 3px;
		content: none;
		background: #0045AA;
	}

	.wf-section.-top.-product h4.wf-h4 {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.wf-section.-top.-product h2.wf-h2 span {
		font-size: 20px;
	}
}

@media (min-width:768px) {
	.wf-section.-top.-product h2.wf-h2 {
		font-size: 24px;
		padding-bottom: 15px;
		margin-bottom: 25px;
		/*border-bottom: 3px solid #DEDEDE;*/
	}

	.wf-section.-top.-product h2.wf-h2::after {
		bottom: -3px;
		width: 180px;
		height: 3px;
	}

	.wf-section.-top.-product h4.wf-h4 {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.product-item h3 {
		font-size: 16px;
		padding: 16px 10px;
		margin-bottom: 28px;
		border-radius: 2px;
	}
}

@media (min-width:992px) {
	.wf-section.-top.-product h2.wf-h2 {
		font-size: 28px;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}

	.wf-section.-top.-product h2.wf-h2::after {
		bottom: -3px;
		width: 180px;
		height: 3px;
	}

	.wf-section.-top.-product h4.wf-h4 {
		font-size: 20px;
		margin-bottom: 20px;
	}
}





.product-item.-nursing h3 {
	background-color: #67ACDC;
}

.product-item.-disability h3 {
	background-color: #70AF69;
}

.product-item.-medical h3 {
	background-color: #51BDD4;
}

.product-item.-municipality h3 {
	background-color: #FBA174;
}

.product-item.-service h3 {
	background-color: #F28B8B;
}

.product-item.-search h3 {
	background-color: #0045AA;
}

/* レイアウト */

.product-block.search02 {
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ddd;
}

.product-item {
	border: 2px solid #ddd;
	border-radius: 12px;
	padding: 24px;
	box-sizing: border-box;
	margin-top: 60px;
}

.product-item-box div+div {
	margin-top: 25px;
}

@media (min-width:768px) {
	.product-block.search02 {
		padding-bottom: 15px;
		margin-bottom: 55px;
	}

	.product-block {
		gap: 28px;
		display: grid;
		justify-content: space-between;
		grid-template-columns: 1fr 1fr;
	}

	.product-item {
		width: 100%;
		/* margin-bottom: 60px; */
		border: 2px solid #ddd;
		border-radius: 12px;
		padding: 32px;
		box-sizing: border-box;
		margin-top: 28px;
	}

	.product-item-box div+div {
		margin-top: 0;
	}

	.product-item-box {
		display: flex;
		justify-content: space-between;
	}

	.product-item-box>div:nth-child(1) {
		width: 60%;
	}

	.product-item-box>div:nth-child(2) {
		width: 38%;
	}
}




.product-item a {
	display: flex;
	justify-content: space-between;
}

/*.product-block.search02 .product-item a img{
	box-sizing: border-box;
	width: 60px;
	height: auto;
}*/

.product-item .text-area {
	width: 60%;
}

.product-item .image-area {
	width: 35%;
}

.product-title {
	font-size: 20px;
	color: #121212;
	margin-bottom: 15px;
	line-height: 1.4;
	vertical-align: baseline;
}

.product-title span.small {
	font-size: 13px;
	display: block;
	line-height: 1.7;
}

@media (min-width:992px) {
	.product-title {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.product-title span.small {
		font-size: 13px;
		display: inline;
	}
}


/* リンク下線設定 */

.product-item .product-title,
.product-item p.more {
	transition: color .2s, border .2s;
}

.product-item.-nursing .product-title span.underline {
	border-bottom: 1px solid #4F9DD4;
}

.product-item.-nursing .product-title:hover span.underline {
	border-bottom: 1px solid #3478a9;
}

.product-item.-disability .product-title span.underline {
	border-bottom: 1px solid #70AF69;
}

.product-item.-disability .product-title:hover span.underline {
	border-bottom: 1px solid #3f7439;
}

.product-item.-service .product-title span.underline {
	border-bottom: 1px solid #70AF69;
}

.product-item.-search .product-title span.underline {
	border-bottom: 1px solid #70AF69;
}

.product-item.-medical .product-title,
.product-item.-municipality .product-title,
.product-item.-service .product-title {
	text-decoration: underline;
}

.text-area p {
	font-size: 13px;
	line-height: 1.6;
}

@media (min-width:576px) {
	.text-area p {
		font-size: 13px;
	}
}

@media (min-width:768px) {
	.text-area p {
		font-size: 14px;
	}
}

@media (min-width:992px) {
	.text-area p {
		font-size: 14px;
	}
}

@media (min-width:1200px) {
	.text-area p {
		font-size: 15px;
		line-height: 1.6;
	}
}




.text-area p.more {
	font-size: 14px;
	color: #121212;
	text-align: right;
	text-decoration: underline;
}

/* 各カラーリング */

.product-item.-nursing .product-title,
.product-item.-nursing p.more {
	color: #4F9DD4;
}

.product-item.-nursing .product-title:hover,
.product-item.-nursing p.more:hover {
	color: #3478a9;
}

.product-item.-disability .product-title,
.product-item.-disability p.more {
	color: #70AF69;
}

.product-item.-disability .product-title:hover,
.product-item.-disability p.more:hover {
	color: #3f7439;
}

.product-item.-medical .product-title,
.product-item.-medical p.more {
	color: #51BDD4;
}

.product-item.-medical .product-title:hover,
.product-item.-medical p.more:hover {
	color: #267e91;
}

.product-item.-municipality .product-title,
.product-item.-municipality p.more {
	color: #FBA174;
}

.product-item.-municipality .product-title:hover,
.product-item.-municipality p.more:hover {
	color: #cb6533;
}


.product-item.-service .product-title,
.product-item.-service p.more {
	color: #F28B8B;
}

.product-item.-service .product-title:hover,
.product-item.-service p.more:hover {
	color: #d14b4b;
}



.product-item.-search .product-title,
.product-item.-search p.more {
	color: #477ab8;
}

.product-item.-search .product-title:hover,
.product-item.-search p.more:hover {
	color: #3574D1;
}

/* 03.医療関係者さま向け　04.自治体さま向け */

.product-item.-medical a,
.product-item.-municipality a,
.product-item.-service a {
	flex-direction: row-reverse;
}

.product-item.-medical a+a,
.product-item.-municipality a+a,
.product-item.-service a+a {
	margin-top: 10px;
}

.product-item.-medical .image-area,
.product-item.-municipality .image-area,
.product-item.-service .image-area {
	width: 40px;
}

.product-item.-medical .text-area,
.product-item.-municipality .text-area,
.product-item.-service .text-area {
	width: calc(100% - 55px);
}

@media (min-width:768px) {

	.product-item.-medical .image-area,
	.product-item.-municipality .image-area,
	.product-item.-service .image-area {
		width: 80px;
	}

	.product-item.-medical .text-area,
	.product-item.-municipality .text-area,
	.product-item.-service .text-area {
		width: calc(100% - 80px);
	}
}

.product-item.-medical .text-area p,
.product-item.-municipality .text-area p,
.product-item.-service .text-area p {
	font-size: 13px;
}

.product-item.-medical .text-area .product-title,
.product-item.-municipality .text-area .product-title,
.product-item.-service .text-area .product-title {
	font-size: 15px;
	margin-bottom: 5px;
}

.product-item.-medical .text-area p.more,
.product-item.-municipality .text-area p.more,
.product-item.-service .text-area p.more {
	font-size: 13px;
}

/* グリッド指定 20230926 */

.-nursing {
	grid-row: 1/2;
	grid-column: 1/2;
}

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

.-medical {
	grid-row: 2/4;
	grid-column: 1/2;
}

.-municipality {
	grid-row: 2/3;
	grid-column: 2/3;
}

.-service {
	grid-row: 3/4;
	grid-column: 2/3;
}

.-search {
	grid-row: 4/5;
	grid-column: 1/3;
}





/* ================================================================
    一時レイアウト変更：20250314
================================================================ */


/* レイアウト戻すときはまるごと消してください　ここから*/

.product-block {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.-nursing {
	grid-row: 1 / 2;
	grid-column: 1 / 4;
}

.-disability {
	grid-row: 1 / 2;
	grid-column: 4 / 7;
}

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

.-municipality {
	grid-row: 2 / 3;
	grid-column: 3 / 5;
}

.-service {
	grid-row: 2 / 3;
	grid-column: 5 / 7;
}

.-search {
	grid-row: 4 / 5;
	grid-column: 1 / 7;
}

.product-item h3 {
	width: 84%;
	font-size: 15px;
}

/*レイアウト戻すときはまるごと消してください　ここまで*/

/* ================================================================
   #02：【製品紹介】お困りごとで探す
================================================================ */

.product-block.search02 .product-item a {
	font-size: 16px;
	text-decoration: underline;
	align-items: center;
	position: relative;
}

.product-block.search02 .product-item a+a {
	margin-top: 10px;
}

.product-block.search02 .product-item .image-area {
	width: 60px;
}

.product-block.search02 .product-item .image-area img {
	border: none;
}

.product-block.search02 .product-item .text-area {
	width: calc(100% - 75px);
	padding-right: 30px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.5;
}

@media (min-width:576px) {
	.product-block.search02 .product-item .image-area {
		width: 60px;
	}

	.product-block.search02 .product-item .text-area {
		width: calc(100% - 80px);
		font-size: 16px;
	}
}

@media (min-width:992px) {
	.product-block.search02 .product-item .text-area {
		width: calc(100% - 80px);
		font-size: 18px;
	}
}

/* ＞アイコン */
.product-block.search02 .product-item a::before,
.product-block.search02 .product-item a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 12px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.product-block.search02 .product-item.-nursing a::before {
	width: 6px;
	height: 6px;
	border-top: 2px solid #4F9DD4;
	border-right: 2px solid #4F9DD4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.product-block.search02 .product-item.-disability a::before {
	width: 6px;
	height: 6px;
	border-top: 2px solid #61AE59;
	border-right: 2px solid #61AE59;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.product-block.search02 .product-item.-nursing a:hover {
	color: #4F9DD4;
}

.product-block.search02 .product-item.-disability a:hover {
	color: #70AF69;
}


/* ================================================================
   #03：ピックアップコンテンツ
================================================================ */

section.wf-section.-top.-pickup h2.wf-h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

section.wf-section.-top.-pickup ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -7px;
	margin-right: -7px;
}

section.wf-section.-top.-pickup ul li {
	width: 50%;
	padding: 0 7px 0 7px;
	box-sizing: border-box;
	margin-top: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
}

section.wf-section.-top.-pickup ul li img {
	margin-bottom: 7px;
}

section.wf-section.-top.-pickup ul li br {
	display: none;
}

@media (min-width:400px) {
	section.wf-section.-top.-pickup ul li {
		padding: 0 10px 0 10px;
		font-size: 13px;
	}

	section.wf-section.-top.-pickup ul li img {
		margin-bottom: 10px;
	}

	section.wf-section.-top.-pickup ul li br {
		display: block;
	}
}

@media (min-width:576px) {
	section.wf-section.-top.-pickup ul {
		margin-left: -10px;
		margin-right: -10px;
	}

	section.wf-section.-top.-pickup ul li {
		width: 33.33333%;
		padding: 0 10px 0 10px;
		font-size: 13px;
	}
}



@media (min-width:768px) {
	section.wf-section.-top.-pickup h2.wf-h2 {
		font-size: 26px;
		margin-bottom: 15px;
	}

	section.wf-section.-top.-pickup ul li {
		width: 33.3333%;
		margin-top: 20px;
		line-height: 1.5;
	}

	section.wf-section.-top.-pickup ul {
		margin-left: -17px;
		margin-right: -17px;
	}

	section.wf-section.-top.-pickup ul li {
		padding: 0 17px 0 17px;
		font-size: 13px;
	}

	section.wf-section.-top.-pickup ul li img {
		margin-bottom: 13px;
	}
}


@media (min-width:992px) {
	section.wf-section.-top.-pickup ul li {
		width: 25%;
		font-size: 14px;
	}
}

@media (min-width:1200px) {
	section.wf-section.-top.-pickup ul li {
		width: 20%;
		font-size: 14px;
	}

}

section.wf-section.-top.-pickup ul li a:hover {
	color: #6277b5;
}

/* ================================================================
   #04：コラム（通常コラムと小濱先生コラム）
================================================================ */


.wf-section.-top.-column .column h2.wf-h2,
.wf-section.-top.-column .kohama-column h2.wf-h2 {
	background-color: #FDF5F5;
	font-size: 18px;
	padding: 16px 10px;
	border-left: 3px solid #EB9D9D;
	font-weight: bold;
	margin-bottom: 15px;
}

.wf-section.-top.-column .kohama-column h2.wf-h2 {
	background-color: #F7F4FB;
	border-left: 3px solid #A992CC;
}

.wf-section.-top.-column h2.wf-h2+p {
	margin-bottom: 15px;
}

@media (min-width:768px) {

	.wf-section.-top.-column .column h2.wf-h2,
	.wf-section.-top.-column .kohama-column h2.wf-h2 {
		font-size: 19px;
		padding: 20px 15px;
		border-left: 5px solid #EB9D9D;
		margin-bottom: 25px;
	}

	.wf-section.-top.-column .kohama-column h2.wf-h2 {
		border-left: 5px solid #A992CC;
	}

	.wf-section.-top.-column h2.wf-h2+p {
		margin-bottom: 25px;
	}
}

@media (min-width:992px) {
	.wf-section.-top.-column .column-block {
		display: flex;
		justify-content: space-between
	}

	.wf-section.-top.-column .column,
	.wf-section.-top.-column .kohama-column {
		width: 48%;
	}
}

/* --- */

.wf-section.-top.-column .column {
	margin-bottom: 30px
}

.wf-section.-top.-column .column-item+.column-item {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px dashed #dcdcdc;
}

.wf-section.-top.-column .column-item a .image-area {
	margin-bottom: 10px;
	position: relative;
}

.wf-section.-top.-column .column-item a .image-area img {
	width: 100%;
	height: auto;
}

@media (min-width:576px) {
	.wf-section.-top.-column .column-item a {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.wf-section.-top.-column .column-item a .image-area {
		width: 200px;
		margin-bottom: 0;
	}

	.wf-section.-top.-column .column-item a .text-area {
		width: calc(100% - 220px);
	}

	.wf-section.-top.-column .column-item a .image-area img {
		height: 121px;
		object-fit: cover;
	}
}

@media (min-width:768px) {
	.wf-section.-top.-column .column {
		margin-bottom: 40px;
	}
}

@media (min-width:992px) {
	.wf-section.-top.-column .column {
		margin-bottom: 0;
	}

	.wf-section.-top.-column .column-item+.column-item {
		padding-top: 32px;
		margin-top: 32px;
	}
}


/* 装飾 */
.wf-section.-top.-column .column-date {
	font-size: 13px;
	color: #B4B4B4;
}

.wf-section.-top.-column .column-title {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.4;
	margin: 7px 0 5px 0;
}

.wf-section.-top.-column .column-title+p {
	font-size: 13px;
	line-height: 1.5;
}

.wf-section.-top.-column .column-icon-new {
	background-color: #F85959;
	color: #fff;
	padding: 8px 14px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
}

@media (min-width:768px) {
	.wf-section.-top.-column .column-title {
		font-size: 18px;
		margin: 10px 0 5px 0;
	}
}



.wf-section.-top.-column .column-title,
.wf-section.-top.-column .column-item a {
	transition: color .2s, border .2s;
}

.wf-section.-top.-column .column-item a:hover {
	/*background-color: #fff7f7;*/
}

.wf-section.-top.-column .column-title:hover {
	color: #EB9D9D;
}


@media (max-width:767px) {

	/* sp時表示件数減らす */
	.column .column-item:nth-of-type(3),
	.kohama-column .column-item:nth-of-type(3),
	.column .column-item:nth-of-type(4),
	.kohama-column .column-item:nth-of-type(4),
	.column .column-item:nth-of-type(5),
	.kohama-column .column-item:nth-of-type(5) {
		display: none;
	}
}

.kohama-column .column-title br {
	display: none;
}

/* ================================================================
   #05：お知らせ
================================================================ */

.wf-section.-top.-news .wf-section__bg {
	background-color: #fff;
	padding: 40px 20px;
	border-radius: 8px;
}

.wf-section.-top.-news h2.wf-h2 {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.1;
	text-align: center;
	margin-bottom: 25px;
}

.wf-section.-top.-news h2.wf-h2 span {
	color: #F28B8B;
	font-weight: bold;
	font-size: 12px;
}

@media (min-width:576px) {
	.wf-section.-top.-news h2.wf-h2 {
		font-size: 30px;
		line-height: 1.1;
		margin-bottom: 30px;
	}
}

@media (min-width:768px) {
	.wf-section.-top.-news .wf-section__bg {
		padding: 5%;
	}
}

@media (min-width:992px) {
	.wf-section.-top.-news .wf-section__bg {
		display: flex;
		flex-wrap: wrap;
	}

	.wf-section.-top.-news h2.wf-h2 {
		width: 16%;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 1.2;
		text-align: left;
	}

	.wf-section.-top.-news h2.wf-h2 span {
		font-size: 14px;
		padding-left: 5px;
	}

	.wf-section.-top.-news .news-block {
		width: 84%;
		padding-left: 30px;
		box-sizing: border-box;
		border-left: 1px solid #ddd;
	}

}

@media (min-width:1200px) {
	.wf-section.-top.-news .wf-section__bg {
		padding: 80px;
	}
}




/* ベースのものに上書き */
.wf-section.-top.-news .new-inr {
	/*	margin-left: 5px;
	padding: 2px 6px;
	font-size: 11px;
	color: #fff;
	background-color: #F66D6D;
	border:  none !important;
	background-image: none !important;*/
}

.wf-section.-top.-news a:hover .new-inr,
.wf-section.-top.-news .new-inr .wf-section.-top.-news .new-inr:hover {
	color: #FF0033 !important;
}

.wf-section.-top.-news .info__text {
	font-size: 14px;
  line-height: 1.6em;

}

.wf-section.-top.-news .info-day {
	color: #A8A8A8;
	font-size: 11px;
}

.wf-section.-top.-news .info-cat {
	border-radius: 2px;
	width: 180px;
	margin-left: 10px;
	font-size: 11px;
	padding: 6px 0;
	line-height: 1.2;
}

.wf-section.-top.-news .info__list {
	background: none;
}

.wf-section.-top.-news .info__list__item {
	padding: 0;
}

.wf-section.-top.-news .info__list+.info__list {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #ddd;
}

.wf-section.-top.-news .info__date {
	width: 240px;
}

@media (min-width:768px) {
	.wf-section.-top.-news .info__list+.info__list {
		padding-top: 20px;
		margin-top: 0;
		border-top: none;
	}

	.wf-section.-top.-news .info__text {
		font-size: 14px;
		width: calc(100% - 180px);
	}

	.wf-section.-top.-news .info-day {
		font-size: 12px;
	}

	/*	.wf-section.-top.-news .new-inr{
		padding: 4px 10px;
		font-size: 12px;
	}	*/
}

@media (min-width:992px) {
	.wf-section.-top.-news .info__text {
		font-size: 15px;
	}

	.wf-section.-top.-news .info-day {
		font-size: 13px;
	}

	.wf-section.-top.-news .info__date {
		width: 240px;
	}

	.wf-section.-top.-news .info-cat {
		width: 120px;
		font-size: 12px;
		padding: 8px 0;
	}

	.info__text {
		width: calc(100% - 210px);
	}
}

@media (min-width:1280px) {
	.wf-section.-top.-news .info__text {
		font-size: 16px;
	}

	.wf-section.-top.-news .info-day {
		font-size: 14px;
	}
}

@media (max-width:767px) {

	/* sp時表示件数減らす */
	.news-block a:nth-of-type(5),
	.news-block a:nth-of-type(6) {
		display: none;
	}
}


/* 吹き出し 20251028 */


.event_fukidashi_wrap{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 10px 0;
    margin-bottom: -36px;
}
.event_fukidashi {
    background-color: #fff;
    width: fit-content;
    padding: 8px 16px;
    border-radius: 0;
    border: 2px solid #092f66;
    min-width: 240px;
    /* max-width: 600px; */
    text-align: center;
    position: relative;
    z-index: 2;
    padding-right: 30px;
       filter: drop-shadow(4px 6px 0px #7aa7d3);
}
.event_fukidashi_wrap>p.event_fukidashi{
	font-size: 1.3em;
	color: #092f66;
}
.event_fukidashi::before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #092f66;
    position: absolute;
    right: calc(30% - 3px);
    z-index: 0;
    clip-path: polygon(0% 100%, 25% 0%, 100% 0);
    bottom: -22px;
    border: 2px solid #092f66;
}
.event_fukidashi::after {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    right: 30%;
    z-index: 1;
    clip-path: polygon(0% 100%, 25% 0%, 100% 0%);
    margin-right: 0px;
    bottom: -16px;
}
@media (max-width:767px) {
.event_fukidashi_wrap {
    margin-bottom: -28px;
}
.event_fukidashi{
	    padding: 8px 20px;
		    min-width: 132px;
}
.event_fukidashi_wrap>p.event_fukidashi{
	font-size: 1.1em;
}
.event_fukidashi::before {
bottom: -11px;
        width: 20px;
        height: 7px;
		right: 30%;
}
.event_fukidashi::after{
        width: 20px;
        height: 9px;
        bottom: -7px;
}
}

/* ================================================================
   #06：下部もろもろ
================================================================ */



/* ホワイトペーパー */

.paper-item {
	border: 1px solid #ddd;
	position: relative;
	max-width: 700px;
	margin: 0 auto 10px auto;
}

.paper-item a {
	padding: 15px 15px;
	width: 100%;
	display: block;
	line-height: 1.5;
	box-sizing: border-box;
	position: relative;
	z-index: 9999;
}

.paper-item a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 80%);
	z-index: 0;
}

.whitepaper-sub {
	color: #519ed4;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}

.whitepaper-title {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	color: #519ed4;
}

@media (min-width: 375px) {
	.paper-item a {
		padding: 15px 15px;
		width: 100%;
		display: block;
		line-height: 1.5;
		box-sizing: border-box;
		position: relative;
		z-index: 990;
	}

	.whitepaper-sub {
		font-size: 13px;
		margin-bottom: 3px;
	}

	.whitepaper-title {
		font-size: 17px;
		line-height: 1.4;
	}
}

@media (min-width: 576px) {
	.paper-item a {
		padding: 25px 25px;
	}

	.whitepaper-sub {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.whitepaper-title {
		font-size: 22px;
	}
}

.paper01 {
	background: url("https://www.ndsoft.jp//wp/wp-content/themes/ndsoft/img/whitepaper/bg01.jpg") no-repeat center right;
	background-size: 50%;
}

.paper02 {
	background: url("https://www.ndsoft.jp//wp/wp-content/themes/ndsoft/img/whitepaper/bg03.jpg") no-repeat center right;
	background-size: 50%;
}

.paper03 {
	background: url("/wp/wp-content/themes/ndsoft/img/whitepaper/bg04.jpg?0826") no-repeat center right;
	background-size: 50%;
}

.paper04 {
	background: url("https://www.ndsoft.jp//wp/wp-content/themes/ndsoft/img/whitepaper/bg06.jpg?") no-repeat center right;
	background-size: 50%;
}

.paper05 {
	background: url("/wp/wp-content/themes/ndsoft/img/whitepaper/bg07.jpg") no-repeat center right;
	background-size: 50%;
}

.paper06 {
	background: url("/wp/wp-content/themes/ndsoft/img/whitepaper/bg08.jpg") no-repeat center right;
	background-size: 50%;
}

.paper07 {
	background: url("/wp/wp-content/themes/ndsoft/img/whitepaper/bg09.jpg") no-repeat center right;
	background-size: 50%;
}

.paper08 {
	background: url("/wp/wp-content/themes/ndsoft/img/whitepaper/bg10.jpg") no-repeat center right;
	background-size: 50%;
}

.paper09 {
	background: url("/wp/wp-content/themes/ndsoft/img/whitepaper/bg11.jpg") no-repeat center right;
	background-size: 50%;
}

@media (max-width: 480px) {
	.paper09 {
		background: url("/wp/wp-content/themes/ndsoft/img/whitepaper/bg11sp.jpg") no-repeat center right;
		background-size: 50%;
	}
}

.whitepaper-auther,
.whitepaper-sub,
.whitepaper-title,
.whitepaper-btn {
	z-index: 990;
	position: relative;
}

.whitepaper-btn span {
	background-color: #00479D;
	border-radius: 100px;
	color: #fff;
	padding: 5px 20px 5px 10px;
	font-size: 11px;
	position: absolute;
	bottom: -5px;
	right: -5px;
}

.whitepaper-btn span:after {
	content: "→";
	position: absolute;
	right: -5px;
	padding-left: 5px;
	-ms-transform: translateX(-15px);
	transform: translateX(-15px);
	font-weight: bold;
	color: #fff;
	transition: transform .3s;
}

@media (min-width: 375px) {
	.whitepaper-btn span {
		background-color: #00479D;
		border-radius: 100px;
		color: #fff;
		padding: 5px 25px;
		font-size: 12px;
		position: absolute;
		bottom: -5px;
		right: -5px;
	}
}

@media (min-width: 576px) {
	.whitepaper-btn span {
		padding: 10px 40px;
		font-size: 14px;
		bottom: -10px;
		right: -10px;
	}

	.whitepaper-btn span:after {
		content: "→";
		position: absolute;
		right: 0;
		padding-left: 5px;
		-ms-transform: translateX(-15px);
		transform: translateX(-15px);
		font-weight: bold;
		color: #fff;
		transition: transform .3s;
	}
}

.paper-item {
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: 0.2s linear;
	position: relative;
	z-index: 0;
	text-align: left;
}

.paper-item:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.whitepaper-auther {
	font-size: 12px;
	margin-top: 3px;
}

@media (min-width: 460px) {
	.whitepaper-auther br {
		display: none;
	}
}

@media (min-width: 576px) {
	.whitepaper-auther {
		font-size: 13px;
		margin-top: 5px;
	}

}

@media (min-width: 768px) {
	.whitepaper-auther {
		font-size: 15px;
		margin-top: 7px;
	}
}

.whitepaper-auther+.whitepaper-auther {
	margin-top: 0;
}

.whitepaper-block {
	padding-bottom: 40px;
}


.whitepaper-block h2.wf-h2 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}

.whitepaper-block h2.wf-h2+p {
	font-size: 13px;
	text-align: center;
	margin-bottom: 20px;
}


@media (min-width:576px) {
	.whitepaper-block h2.wf-h2 {
		font-size: 26px;
		margin-bottom: 25px;
	}

	.whitepaper-block h2.wf-h2+p {
		font-size: 14px;
		margin-bottom: 25px;
	}
}

@media (min-width:768px) {
	.whitepaper-block {
		padding-bottom: 60px;
	}

	.whitepaper-block h2.wf-h2 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.whitepaper-block h2.wf-h2+p {
		font-size: 15px;
		margin-bottom: 30px;
	}
}

@media (min-width:992px) {
	.whitepaper-block {
		padding-bottom: 80px;
	}

	.whitepaper-block h2.wf-h2 {
		font-size: 42px;
		margin-bottom: 30px;
	}

	.whitepaper-block h2.wf-h2+p {
		font-size: 18px;
		margin-bottom: 45px;
	}
}

/* ピックアップコンテンツ ---------------------*/

.other-pickup-block {
	padding: 30px 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
}

section.wf-section.-top.-other .other-pickup-block h2.wf-h2 {
	font-size: 20px;
	font-weight: bold;
}

@media (min-width: 576px) {
	.other-pickup-block {
		padding: 40px 0;
	}
}

@media (min-width: 768px) {
	.other-pickup-block {
		padding: 60px 0;
	}
}

section.wf-section.-top.-other .other-pickup-block ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -7px;
	margin-right: -7px;
}

section.wf-section.-top.-other .other-pickup-block ul li {
	width: 50%;
	padding: 0 7px 0 7px;
	box-sizing: border-box;
	margin-top: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
}

section.wf-section.-top.-other .other-pickup-block ul li img {
	margin-bottom: 7px;
}

section.wf-section.-top.-other .other-pickup-block ul li br {
	display: none;
}

@media (min-width: 400px) {
	section.wf-section.-top.-other .other-pickup-block ul li {
		padding: 0 10px 0 10px;
		font-size: 13px;
	}

	section.wf-section.-top.-other .other-pickup-block ul li img {
		margin-bottom: 10px;
	}

	section.wf-section.-top.-other .other-pickup-block ul li br {
		display: block;
	}
}

@media (min-width: 576px) {
	section.wf-section.-top.-other .other-pickup-block ul {
		margin-left: -10px;
		margin-right: -10px;
	}

	section.wf-section.-top.-other .other-pickup-block ul li {
		width: 33.33333%;
		padding: 0 10px 0 10px;
		font-size: 13px;
		margin-top: 20px;
	}
}

@media (min-width: 768px) {
	section.wf-section.-top.-other .other-pickup-block ul li {
		width: 33.3333%;
		padding: 0 17px 0 17px;
		font-size: 13px;
		line-height: 1.5;
	}

	section.wf-section.-top.-other .other-pickup-block ul {
		margin-left: -17px;
		margin-right: -17px;
	}

	section.wf-section.-top.-other .other-pickup-block ul li img {
		margin-bottom: 13px;
	}
}

@media (min-width: 992px) {
	section.wf-section.-top.-other .other-pickup-block ul li {
		width: 25%;
	}
}

@media (min-width: 1200px) {
	section.wf-section.-top.-other .other-pickup-block ul li {
		width: 20%;
	}
}

/* リンクコンテンツ */

/* .link-block {
	padding-top: 40px;
} */

.link-block h3.wf-h3 {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}

/* @media (min-width: 576px) {
	.link-block {
		padding-top: 60px;
	}
}

@media (min-width: 768px) {
	.link-block {
		padding-top: 80px;
	}
} */

ul.top_company-list {
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-bottom: 30px;
	width: auto;
}

ul.top_company-list li {
	width: 50%;
	box-sizing: border-box;
}

@media (min-width: 576px) {
	ul.top_company-list li {
		width: 33.3333%;
	}
}

@media (min-width: 768px) {
	ul.top_company-list li {
		width: 20%;
	}
}

ul.top_company-list .top_company-list__item {
	padding: 0 12px;
}

.top_company-list__item a {
	padding: 0 10px;
}

/* フッターのメニュー（ピンク枠） */

.wf-section.-top.-other .top_link-list {
	justify-content: flex-start;
	margin-left: -12px;
	margin-right: -12px;
	width: auto;
	margin-top: 80px;
}

.wf-section.-top.-other .top_link-list__item {
	width: 100%;
	box-sizing: border-box;
	padding: 0 12px;
	min-height: 70px;
}

.wf-section.-top.-other .top_link-list__item a {
	max-width: 100%;
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
	border-width: 2px;
}

@media (min-width: 768px) {
	.wf-section.-top.-other .top_link-list__item {
		width: 33.33333%;
		min-height: 90px;
	}

	.wf-section.-top.-other .top_link-list__item a {
		font-size: 14px;
		padding: 10px;
	}
}

@media (min-width: 992px) {
	.wf-section.-top.-other .top_link-list__item {
		width: 25%;
	}

	.wf-section.-top.-other .top_link-list__item a {
		font-size: 15px;
	}
}

@media (min-width: 1200px) {
	.wf-section.-top.-other .top_link-list__item a {
		font-size: 16px;
	}
}

/* ================================================================
   #07：フッター
================================================================ */

footer.wf-footer {
	padding: 40px 0 220px 0;
	text-align: center;
	background: #F6FAF9 url("../img/top2022/bg_foot.jpg") no-repeat bottom center;
	background-size: 180%;
	position: relative;
}

@media (min-width: 576px) {
	footer.wf-footer {
		background: #F6FAF9 url("../img/top2022/bg_foot.jpg") no-repeat bottom center;
		background-size: contain;
	}
}

footer.wf-footer .sitemap-block h2.wf-h2 {
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: bold;
}

footer.wf-footer .sitemap-block li {
	font-size: 11px;
	line-height: 1.5;
	padding: 2px 0 2px 12px;
	position: relative;
}

footer.wf-footer .sitemap-block li span.small {
	display: none;
}

footer.wf-footer .sitemap-block {
	display: flex;
	flex-wrap: wrap;
}

footer.wf-footer .sitemap-item {
	width: 50%;
	margin-bottom: 30px;
}

@media (min-width: 370px) {
	footer.wf-footer .sitemap-block h2.wf-h2 {
		font-size: 15px;
	}

	footer.wf-footer .sitemap-block li {
		font-size: 12px;
	}
}

@media (min-width: 576px) {
	footer.wf-footer .sitemap-block h2.wf-h2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	footer.wf-footer .sitemap-block li {
		font-size: 13px;
		padding: 2px 0 2px 16px;
	}
}

@media (min-width: 768px) {
	footer.wf-footer {
		padding: 80px 0 30vw 0;
	}

	footer.wf-footer .sitemap-block h2.wf-h2 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	footer.wf-footer .sitemap-block li {
		font-size: 14px;
		padding: 2px 0 2px 16px;
	}

	footer.wf-footer .sitemap-block li span.small {
		font-size: 11px;
		display: block;
	}
}


@media (min-width: 992px) {
	footer.wf-footer .sitemap-item {
		width: 25%;
	}

	footer.wf-footer .sitemap-block li {
		font-size: 14px;
		padding: 3px 30px 3px 18px;
	}

	.g-nav-item.fourcolumn a footer.wf-footer .sitemap-block li span.small {
		font-size: 12px;
	}
}


@media (min-width: 1200px) {
	footer.wf-footer {
		padding: 80px 0 25vw 0;
	}

	footer.wf-footer .sitemap-block h2.wf-h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	footer.wf-footer .sitemap-block li {
		font-size: 14px;
	}
}






footer.wf-footer .sitemap-block li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

footer.wf-footer .sitemap-block li ul {
	padding: 2px 0;
	list-style: none;
}

footer.wf-footer .sitemap-block li ul li {
	line-height: 1.5;
}

footer.wf-footer .sitemap-block li ul li:before {
	content: "└";
	position: absolute;
	top: 3px;
	left: 0;
}


footer.wf-footer .sitemap-item ul+h2 {
	margin-top: 40px;
}

footer.wf-footer .sitemap-item a:hover {
	text-decoration: underline;
	color: #f28b8b;
}

footer.wf-footer .sitemap-block li .wf_icon {
	width: 10px;
	height: 10px;
	margin-left: 5px;
	color: #0045AA;
}




footer.wf-footer .sns-block {
	padding: 30px 0 0 0;
}

footer.wf-footer .sns-block ul li {
	width: 100%;
	padding: 0;
}

@media (min-width: 400px) {
	footer.wf-footer .sitemap-block li .wf_icon {
		width: 12px;
		height: 12px;
	}

	footer.wf-footer .sns-block ul {
		display: flex;
		justify-content: center;
	}

	footer.wf-footer .sns-block ul li {
		width: 50%;
		max-width: 260px;
		padding: 0 5px;
	}
}

footer.wf-footer .foot-nav__list--inr {
	margin: 0;
}

footer.wf-footer .sns-block li.foot-nav__item.-sns a {
	display: block;
	padding: 20px 10px;
	border-radius: 3px;
	background-position: left 10px center;
}

footer.wf-footer .sns-block li.foot-nav__item.-sns a span {
	font-size: 12px;
}

@media (min-width: 576px) {
	footer.wf-footer .sns-block li.foot-nav__item.-sns a span {
		font-size: 15px;
	}
}


@media (min-width: 992px) {
	footer.wf-footer .sns-block {
		padding: 50px 0 0 0;
	}

	footer.wf-footer .sns-block ul li {
		width: 100%;
		max-width: 280px;
		padding: 0 20px;
	}

	footer.wf-footer .sns-block li.foot-nav__item.-sns a span {
		font-size: 18px;
	}
}

footer.wf-footer .foot-nav__list--inr {
	width: 100%;
	max-width: inherit;
}

footer.wf-footer .sns-block li.foot-nav__item.-sns a.link--tw {
	background: #1da1f2 url("../img/top2022/icon-twitter2.svg") no-repeat;
	background-size: 16px;
	background-position: left 12px center;
}

footer.wf-footer .sns-block li.foot-nav__item.-sns a.link--fb {
	background: #3b5998 url("../img/top2022/icon-facebook.png") no-repeat;
	background-size: 20px;
	background-position: left 10px center;
}

@media (min-width: 576px) {
	footer.wf-footer .sns-block li.foot-nav__item.-sns a.link--tw {
		background: #1da1f2 url("../img/top2022/icon-twitter2.svg") no-repeat;
		background-size: 22px;
		background-position: left 20px center;
	}

	footer.wf-footer .sns-block li.foot-nav__item.-sns a.link--fb {
		background: #3b5998 url("../img/top2022/icon-facebook.png") no-repeat;
		background-size: 30px;
		background-position: left 20px center;
	}
}

/* msaマーク */

footer.wf-footer .msa-block ul {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

footer.wf-footer .msa-block ul li {
	width: 80px;
	background-color: #fff;
	padding: 15px;
	box-sizing: border-box;
	margin-left: 10px;
}

@media (min-width: 768px) {
	footer.wf-footer .msa-block ul {
		bottom: 30px;
		right: 30px;
	}

	footer.wf-footer .msa-block ul li {
		width: 140px;
		padding: 15px;
		margin-left: 15px;
	}
}

@media (min-width: 992px) {
	footer.wf-footer .msa-block ul {
		bottom: 40px;
		right: 40px;
	}

	footer.wf-footer .msa-block ul li {
		width: 200px;
		padding: 25px;
		margin-left: 20px;
	}
}



#copyright {
	padding: 12px 10px 14px 10px;
	/*background-color: #1859ab;*/
	background-color: rgba(204, 0, 34, 1);
	padding-bottom: 160px;
}

#copyright div {
	text-align: center;
	font-size: 11px;
	line-height: 1.8;
	color: #fff;
}

@media (min-width: 768px) {
	#copyright {
		padding: 8px 10px;
		margin-bottom: 0;
	}

	#copyright .copyright__inner {
		display: flex;
		justify-content: space-between;
		max-width: 1200px;
		margin: 0 auto;
	}

	#copyright .copyright__inner div {
		width: 50%;
		text-align: left;
	}

	#copyright .copyright__inner div+div {
		text-align: right;
	}
}

/* display ----------------------------------*/

.display-none-min {
	display: none !important;
}

@media screen and (min-width: 370px) {
	.display-none-min-ex {
		display: none !important;
	}
}

@media screen and (min-width: 576px) {
	.display-none-min-sm {
		display: none !important;
	}
}

@media screen and (min-width: 768px) {
	.display-none-min-md {
		display: none !important;
	}
}

@media screen and (min-width: 992px) {
	.display-none-min-lg {
		display: none !important;
	}
}

@media screen and (min-width: 1200px) {
	.display-none-min-xl {
		display: none !important;
	}
}

.display-none-max {
	display: none !important;
}

@media screen and (max-width: 575px) {
	.display-none-max-sm {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.display-none-max-md {
		display: none !important;
	}
}

@media screen and (max-width: 991px) {
	.display-none-max-lg {
		display: none !important;
	}
}

@media screen and (max-width: 1199px) {
	.display-none-max-xl {
		display: none !important;
	}
}

/* ----------------------------------
スマホ用ハンバーガーメニュー
-----------------------------------*/

.menu-content-inner::-webkit-scrollbar {
	width: 8px;
}

.menu-content-inner::-webkit-scrollbar-track {
	background: #f4c5c5;
	border-left: solid 1px #e6a5a5;
	border-radius: 10px;
}

.menu-content-inner::-webkit-scrollbar-thumb {
	background: rgb(165 51 72);
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px rgb(165 51 72);
}

.menu-btn {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	height: 60px;
	width: 60px;
	justify-content: center;
	align-items: center;
	z-index: 90;
	cursor: pointer;
	/*background-color: #f28b8b;*/
	box-sizing: border-box;
	padding-bottom: 13px;
	background: url("../img/mobile_btn_menu.png") no-repeat top center;
	background-size: 60px;

}

#menu-btn-check:checked~.menu-btn {
	background: url("../img/mobile_btn_close.png") no-repeat top center;
	background-size: 60px;
}



.menu-btn p {
	color: #fff;
	font-size: 10px;
	position: absolute;
	bottom: 10px;
}

@media (min-width:1024px) {
	.menu-btn {
		display: none;
	}
}

/*.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background-color: #fff;
  position: absolute;
  transition: 0.3s linear;
}

.menu-btn span:before {
  bottom: 8px;
}
.menu-btn span:after {
  top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
  background-color: #f28b8b;
}

#menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
  background-color:#fff;
}

#menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
  background-color: #fff;
}

#menu-btn-check:checked ~ .menu-btn {
  position: fixed;
}*/

#menu-btn-check {
	display: none;
}

.menu-content {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 100%;
	background-color: rgb(242 139 139);
	background-color: rgb(211, 106, 125);
	/*background-color: #fff;*/
	transition: 0.4s ease-in-out;
	cursor: pointer;
	z-index: 9999;
	margin-top: 60px;
	font-weight: bold;
}

.menu-content {
	padding: 10px 20px 0 20px;
	overflow: scroll;
	overflow: hidden;
	box-sizing: border-box;
}

@media (min-width: 576px) {
	.menu-content {
		padding: 10px 30px 0 30px;
	}
}

@media (min-width: 1024px) {
	.menu-content {
		display: none;
	}
}

.menu-content-inner {
	max-width: 800px;
	margin: 0 auto;
	overflow: auto;
	height: 85vh;
}

.menu-content ul {
	margin-bottom: 30px;
}

.menu-content ul li {
	border-bottom: 1px solid #fff;
	list-style: none;
}

.menu-content ul li a {
	display: block;
	width: 100%;
	font-size: 13px;
	box-sizing: border-box;
	color: #ffffff;
	text-decoration: none;
	padding: 20px 20px 20px 0;
	position: relative;
	font-weight: normal;
	line-height: 1.5;
}

@media (min-width: 576px) {
	.menu-content ul li a {
		font-size: 15px;
		padding: 20px 20px 20px 0;
	}
}


@media (max-width:370px) {
	.menu-content ul li a {
		font-size: 12px;
		padding: 10px 20px 10px 0;
	}
}



#menu-btn-check:checked~.menu-content {
	left: 0 !important;
}

.menu-content .menu-login-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}

.menu-content .menu-login-btn .h-btn {
	width: 48%;
	text-align: center;
}

.menu-content .menu-login-btn .h-btn img {
	max-width: 300px;
	width: 100%;
	border-radius: 3px;
}

.menu-content .submenu {
	border-top: 1px solid rgba(255, 255, 255, .8);
	border-left: 1px solid rgba(255, 255, 255, .8);
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 6vw 0;
	padding: 0;
	border-radius: 2px;
}

.menu-content .submenu li {
	width: 50%;
	color: #fff;
	border-bottom: solid 1px rgba(255, 255, 255, .8);
	border-right: 1px solid rgba(255, 255, 255, .8);
}

.menu-content .submenu li a {
	padding: 12px 10px;
	font-size: 12px;
}

@media (min-width: 576px) {
	.menu-content .submenu li a {
		font-size: 13px;
	}
}

.menu-content .mainmenu li a {
	position: relative;
}

.menu-content .mainmenu li a::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.menu-content .mainmenu li a::before {
	right: 10px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* モーダルの中のボタン */

.sp-button a {
	background: #fff;
	display: block;
	border-radius: 100px;
	text-align: center;
	color: #00479d;
	font-size: 15px;
	padding: 20px 15px;
	font-weight: bold;
	position: relative;
}

.sp-button a::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.sp-button a::before {
	right: 20px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #00479d;
	border-right: 2px solid #00479d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sp-button>div {
	margin-bottom: 10px;
}


/* ----------------------------------
footer_acc
-----------------------------------*/

.footer_acc {
	z-index: 10000;
}

.footer_acc div.box {
	width: 100%;
	text-align: left
}

.footer_acc {
	margin-bottom: 0;
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	/*	background-color: #fff;*/
	border-bottom: 1px solid #fff
}

.footer_acc a {
	padding: 24px 0;
	font-size: 16px;
	display: block;
	color: #fff;
}

.footer_acc.open {
	background: url(../img/top2022/icon_plus_w.svg) no-repeat top 23px right 7px;
	background-size: 16px;
}

.footer_acc ul {
	display: none;
}

.acc__inner {
	display: none;
}


.footer_acc li {
	border-bottom: 1px dotted rgb(217, 229, 234);
	background: rgba(255, 255, 255, .1) url(../img/top2022/icon_arrow_w.svg) no-repeat center right 7px;
	background-size: 12px;
	padding-left: 10px;
	line-height: 1;
}

@media (min-width: 576px) {
	.footer_acc.open {
		background: url(../img/top2022/icon_plus_w.svg) no-repeat top 23px right 10px;
		background-size: 20px;
	}

	.footer_acc li {
		border-bottom: 1px dotted rgb(217, 229, 234);
		background: rgba(255, 255, 255, .1) url(../img/top2022/icon_arrow_w.svg) no-repeat center right 10px;
		background-size: 14px;
		padding-left: 15px;
		line-height: 1;
	}
}

@media (max-width:370px) {
	.footer_acc.open {
		background: url(../img/top2022/icon_plus_w.svg) no-repeat top 23px right 5px;
		background-size: 14px;
	}

	.footer_acc li {
		border-bottom: 1px dotted rgb(217, 229, 234);
		background: rgba(255, 255, 255, .1) url(../img/top2022/icon_arrow_w.svg) no-repeat center right 5px;
		background-size: 10px;
		padding-left: 15px;
		line-height: 1;
	}
}

.footer_acc li a {
	padding: 20px 15px;
}

.box:last-child .footer_acc:last-child,
.footer_acc li:last-child {
	border: none;
}

.footer_acc a:link,
.footer_acc a:visited,
.footer_acc a:hover {
	color: #fff;
	text-decoration: none;
}

.footer_acc ul {
	margin-bottom: 0;
}


.sp-fixmenu {
	flex-wrap: wrap;
	border: 1px solid #fff;
	display: flex !important;
}

.sp-fixmenu li {
	width: 50%;
	box-sizing: border-box;
	background-color: transparent;
}

.sp-button {
	margin-bottom: 70px;
}

/* add 22021014 トップページ 事業所一覧から探す */

.product-block ul.search_list {
	width: 100%;
}

.product-block ul.search_list li {
	width: 100%;
	margin-bottom: 10px;
}

.product-block ul.search_list li a {
	display: block;
	padding: 20px 40px 20px 10px;
	border: 2px solid #356fb5;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 3px;
	transition: 0.1s linear;
	position: relative;
	line-height: 1.4;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

.product-block ul.search_list li a i {
	margin-right: 10px;
	color: #356fb5;
	vertical-align: bottom !important;
	width: 16px !important;
	height: 16px !important;
}

@media (min-width: 576px) {
	.product-block ul.search_list {
		display: flex;
		justify-content: flex-start;
		margin-bottom: 0px;
	}

	.product-block ul.search_list li {
		width: 50%;
		margin-bottom: 0;
	}

	.product-block ul.search_list.renkei li {
		width: 100%;
	}

	.product-block ul.search_list li a {
		padding: 20px 16px;
		font-size: 16px;
	}

	.product-block ul.search_list li+li {
		margin-left: 20px;
	}
}

@media (min-width: 768px) {
	.product-block ul.search_list li a {
		padding: 20px 30px 20px 16px;
		font-size: 15px;
	}

	/*	.product-block ul.search_list li{
		width:50%;
	}	*/
}

@media (min-width: 992px) {
	.product-block ul.search_list li a {
		padding: 20px 30px 20px 16px;
		font-size: 16px;
	}

	.product-block ul.search_list li {
		max-width: 320px;
	}

	.product-block ul.search_list.renkei li {
		max-width: 440px;
	}
}

.product-block ul.search_list li a::before,
.product-block ul.search_list li a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.product-block ul.search_list li a::before {
	width: 8px;
	height: 8px;
	border-top: 2px solid #356fb5;
	border-right: 2px solid #356fb5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.product-block ul.search_list li a:hover {
	color: #356fb5;
	background-color: #f5faff;
}

/* ----------------------------------
検索プラグイン導入
-----------------------------------*/
#wf-header-search {}

#wf-header-search form {
	display: flex;
}

#wf-header-search input#feas_0_0 {
	padding: 7px;
	width: 170px;
	box-sizing: border-box;
	height: 31px;
	margin-right: 5px;
}

#wf-header-search input#feas-submit-button-0 {
	box-sizing: border-box;
	height: 31px;
	font-size: 13px;
	cursor: pointer;
}

#wf-header-search input#feas_0_0,
#wf-header-search input#feas-submit-button-0 {
	border: 1px solid #bbb;
	outline: none;
	border-radius: 2px;
}

/* ================================================================
   #トップページとＮＥＸＴトップに連携企業スライド追加
================================================================ */

section.partner-corp h2.wf-h2 {
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}

section.partner-corp h2.wf-h2+p {
	font-size: 13px;
	text-align: center;
}

@media (min-width:576px) {
	section.partner-corp h2.wf-h2 {
		font-size: 20px;
		margin-bottom: 25px;
	}

	section.partner-corp h2.wf-h2+p {
		font-size: 14px;
	}
}

@media (min-width:768px) {
	section.partner-corp h2.wf-h2 {
		font-size: 24px;
	}

	section.partner-corp h2.wf-h2+p {
		font-size: 15px;
	}
}

@media (min-width:992px) {
	section.partner-corp h2.wf-h2 {
		font-size: 38px;
		margin-bottom: 30px;
	}

	section.partner-corp h2.wf-h2+p {
		font-size: 16px;
	}
}


section.partner-corp {
	padding: 0 0 140px 0;
}

.corp-slide {
	margin-top: 60px;
}

/* アニメーション */
@keyframes loop {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes loop2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}

.corp-slide .corp-slide-wrap ul:first-child {
	animation: loop 200s -100s linear infinite;
}

.corp-slide .corp-slide-wrap ul:last-child {
	animation: loop2 200s linear infinite;
}

.corp-slide .corp-slide-wrap {
	display: flex;
	overflow: hidden;
}

.corp-slide .corp-slide-wrap .slide-list {
	display: flex;
	align-items: center;
}

.corp-slide .corp-slide-wrap .slide-item {
	width: 220px;
	text-align: center;
	background-color: #fff;
	min-height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 15px;
	padding: 0 35px;
	box-sizing: border-box;
	border: 1px solid #e7ebea;
}

.corp-slide .corp-slide-wrap .slide-item>img {
	width: auto;
	height: auto;
	max-height: 30px;
	vertical-align: bottom;
}

@media screen and (max-width: 991px) {
	.corp-slide .corp-slide-wrap .slide-item {
		width: 200px;
		min-height: 80px;
		margin: 0 15px;
		padding: 0 20px;
	}
}

@media screen and (max-width: 575px) {
	.corp-slide .corp-slide-wrap .slide-item {
		width: 160px;
		min-height: 60px;
		margin: 0 10px;
		padding: 0 15px;
	}

	.corp-slide .corp-slide-wrap .slide-item>img {
		max-height: 30px;
	}
}

/* ホバーでアニメーションストップ */
.corp-slide .corp-slide-wrap:hover .slide-list {
	/*animation-play-state: paused;*/
}

/* テキストロゴ企業の調整 */
.corp-slide .corp-slide-wrap .slide-item.text-logo.one>img {
	height: 10px;
	width: auto;
}

.corp-slide .corp-slide-wrap .slide-item.text-logo.three>img {
	max-height: 30px;
}

@media screen and (min-width: 576px) {
	.corp-slide .corp-slide-wrap .slide-item.text-logo {
		padding: 0 20px;
	}

	.corp-slide .corp-slide-wrap .slide-item.text-logo.one>img {
		height: 14px;
		width: auto;
	}

	.corp-slide .corp-slide-wrap .slide-item.text-logo.three>img {
		max-height: 40px;
	}
}

/* ================================================================
   #230607 「ほのぼの」シリーズ連携一覧
================================================================ */

/* 共通 */

#service-map {
	margin: 100px auto 30px auto;
}

.service-map_inner {
	padding-top: 80px;
	margin-top: -80px;
}

@media screen and (min-width: 768px) {
	.service-map_inner {
		padding-top: 160px;
		margin-top: -160px;
	}
}

#service-map h2 {
	margin: 0px 0 25px 0;
	text-align: center;
}

#service-map h2 img {
	max-width: 80%;
	width: auto !important;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	#service-map h2 {
		margin: 0px 0 35px 0;
	}

	#service-map h2 img {
		max-width: 100%;
	}
}

@media screen and (min-width: 576px) {
	[class*="service-map-block"] {
		display: flex;
		/*flex-wrap: nowrap;*/
		flex-wrap: wrap;
		justify-content: space-between;
		justify-content: flex-start;
		gap: 0 1.5%;
	}
}

[class*="service-map-block"] .service-map {
	margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
	[class*="service-map-block"] .service-map {
		margin-bottom: 25px;
	}
}

[class*="service-map-block"] .service-map-inner {
	padding: 7px;
	border-radius: 6px 6px 0 0;
}

@media screen and (min-width: 768px) {
	[class*="service-map-block"] .service-map-inner {
		padding: 14px 12px 14px 12px;
	}
}

@media screen and (min-width: 992px) {
	[class*="service-map-block"] .service-map-inner {
		padding: 20px 17px 20px 17px;
	}
}


[class*="service-map-block"] .service-map-inner ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

[class*="service-map-block"] .service-map-inner ul li {
	padding: 3px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
}

[class*="service-map-block"] .service-map-inner ul li img {
	vertical-align: bottom;
	max-width: 200px;
	width: 100%;
}

[class*="service-map-block"] .service-map-inner ul li a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: 0.1s linear;
}

[class*="service-map-block"] .service-map-inner ul li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}




/*					[class*="service-map-block"] .service-map-inner li,
[class*="service-map-block"] .service-map-inner li img{
	vertical-align: bottom;
}*/

[class*="service-map-block"] .service-map-inner li a {
	position: relative;
	display: inline-block;
}

/* タイトル部分 */

[class*="service-map-block"] .service-map .service-map-title {
	background-color: #999;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding: 14px 10px;
	font-weight: bold;
	border-radius: 6px 6px 0 0;
}

@media screen and (min-width: 768px) {
	[class*="service-map-block"] .service-map .service-map-title {
		font-size: 18px;
		padding: 14px 10px;
	}
}

@media screen and (min-width: 992px) {
	[class*="service-map-block"] .service-map .service-map-title {
		font-size: 18px;
		padding: 18px 10px;
	}
}

/* リンクがある場合のアイコン */

[class*="service-map-block"] .service-map-inner li a::after {
	content: "";
	background: #333;
	width: 18px;
	height: 18px;
	position: absolute;
	bottom: 0;
	right: 0;
}

[class*="service-map-block"] .service-map-inner li a::before {
	content: "";
	width: 4px;
	height: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	bottom: 6px;
	right: 7px;
	z-index: 10;
}

@media screen and (min-width: 992px) {
	[class*="service-map-block"] .service-map-inner li a::after {
		content: "";
		background: #333;
		width: 18px;
		height: 18px;
		position: absolute;
		bottom: 0;
		right: 0;
	}

	[class*="service-map-block"] .service-map-inner li a::before {
		content: "";
		width: 4px;
		height: 4px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		position: absolute;
		bottom: 6px;
		right: 7px;
		z-index: 10;
	}
}

/* アイコン色 */
.service-map.-sm01 .service-map-inner li a::after {
	background-color: #46aad1;
}

.service-map.-sm02 .service-map-inner li a::after {
	background-color: #e895bb;
}

.service-map.-sm03 .service-map-inner li a::after {
	background-color: #e07397;
}

.service-map.-sm04 .service-map-inner li a::after {
	background-color: #49b7b1;
}

.service-map.-sm05 .service-map-inner li a::after,
.service-map.-sm17 .service-map-inner li a::after{
	background-color: #a5b73b;
}

.service-map.-sm06 .service-map-inner li a::after {
	background-color: #eacd3d;
}

.service-map.-sm07 .service-map-inner li a::after {
	background-color: #efa760;
}

.service-map.-sm08 .service-map-inner li a::after {
	background-color: #a5834c;
}

.service-map.-sm09 .service-map-inner li a::after {
	background-color: #538772;
}

.service-map.-sm10 .service-map-inner li a::after {
	background-color: #6eb266;
}

.service-map.-sm11 .service-map-inner li a::after {
	background-color: #4b6fa3;
}

.service-map.-sm12 .service-map-inner li a::after {
	background-color: #bc4d7a;
}

.service-map.-sm13 .service-map-inner li a::after {
	background-color: #8b5aa0;
}

.service-map.-sm14 .service-map-inner li a::after {
	background-color: #63417c;
}

.service-map.-sm15 .service-map-inner li a::after {
	background-color: #5262ba;
}
			
.service-map.-sm16 .service-map-inner li a::after {
	background-color: #4fb17f;
}			
			

/* コンテンツ背景色（薄い） */
.service-map {
	background-color: #fafafa;
	border-radius: 6px 6px 0 0;
}

.service-map.-sm01 {
	background-color: #d7edf2;
}

.service-map.-sm02 {
	background-color: #fcf0f5;
}

.service-map.-sm03 {
	background-color: #fcf0f5;
}

.service-map.-sm04 {
	background-color: #e4f2ef;
}

.service-map.-sm05,
.service-map.-sm17{
	background-color: #eff4e1;
}

.service-map.-sm06 {
	background-color: #f7f4e8;
}

.service-map.-sm07 {
	background-color: #f7f2ed;
}

.service-map.-sm08 {
	background-color: #f2efeb;
}

.service-map.-sm09 {
	background-color: #e6efeb;
}

.service-map.-sm10 {
	background-color: #e4f4e9;
}

.service-map.-sm11 {
	background-color: #e4eaf2;
}

.service-map.-sm12 {
	background-color: #efe6e9;
}

.service-map.-sm13 {
	background-color: #f1e9f4;
}

.service-map.-sm14 {
	background-color: #eae6ed;
}

.service-map.-sm15 {
	background-color: #e9e9f4;
}
			
.service-map.-sm16 {
	background-color: #e4f4e9;
}			
			
			

/* タイトル背景色（濃い） */
.service-map.-sm01 .service-map-title {
	background-color: #46aad1;
}

.service-map.-sm02 .service-map-title {
	background-color: #e895bb;
}

.service-map.-sm03 .service-map-title {
	background-color: #e07397;
}

.service-map.-sm04 .service-map-title {
	background-color: #49b7b1;
}

.service-map.-sm05 .service-map-title,
.service-map.-sm17 .service-map-title{
	background-color: #a5b73b;
}

.service-map.-sm06 .service-map-title {
	background-color: #eacd3d;
}

.service-map.-sm07 .service-map-title {
	background-color: #efa760;
}

.service-map.-sm08 .service-map-title {
	background-color: #a5834c;
}

.service-map.-sm09 .service-map-title {
	background-color: #538772;
}

.service-map.-sm10 .service-map-title {
	background-color: #6eb266;
}

.service-map.-sm11 .service-map-title {
	background-color: #4b6fa3;
}

.service-map.-sm12 .service-map-title {
	background-color: #bc4d7a;
}

.service-map.-sm13 .service-map-title {
	background-color: #8b5aa0;
}

.service-map.-sm14 .service-map-title {
	background-color: #63417c;
}

.service-map.-sm15 .service-map-title {
	background-color: #5262ba;
}	
			
.service-map.-sm16 .service-map-title {
	background-color: #4fb17f;
}	
			
			
			/*--------------------------------------------------------------------
各段組み
----------------------------------------------------------------------*/

/* 1段目「見守りシステム」 ------------------*/
/* 中身 */
.service-map-block01 .service-map.-sm01 .service-map-inner li {
	width: 50%;
}

@media screen and (min-width: 480px) {
	.service-map-block01 .service-map.-sm01 .service-map-inner li {
		width: 33%;
	}
}

@media screen and (min-width: 576px) {
	.service-map-block01 .service-map.-sm01 .service-map-inner li {
		width: 25%;
	}
}

@media screen and (min-width: 768px) {
	.service-map-block01 .service-map.-sm01 .service-map-inner li {
		width: 20%;
	}
}

/* 2段目「ナースコール」「バイタル」「排泄」 ------------------*/
/* 大枠 */
.service-map-block02 .service-map.-sm02,
.service-map-block02 .service-map.-sm03,
.service-map-block02 .service-map.-sm04 {
	width: 100%;
}

@media screen and (min-width: 576px) {
	.service-map-block02 .service-map.-sm02 {
		width: 45%;
	}

	.service-map-block02 .service-map.-sm03 {
		width: 26%;
	}

	.service-map-block02 .service-map.-sm04 {
		width: 26%;
	}
}

/* 中身 */
.service-map-block02 .service-map.-sm02 .service-map-inner {
	display: flex;
	flex-wrap: wrap;
}

.service-map-block02 .service-map.-sm02 .service-map-inner li,
.service-map-block02 .service-map.-sm03 .service-map-inner li,
.service-map-block02 .service-map.-sm04 .service-map-inner li {
	width: 50%;
}

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

	.service-map-block02 .service-map.-sm02 .service-map-inner li,
	.service-map-block02 .service-map.-sm03 .service-map-inner li,
	.service-map-block02 .service-map.-sm04 .service-map-inner li {
		width: 33.333333%;
	}
}

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

	.service-map-block02 .service-map.-sm03 .service-map-inner li,
	.service-map-block02 .service-map.-sm04 .service-map-inner li {
		width: 100%;
	}
}
			
/* 3段目 「服薬管理」「健康管理」 ------------------*/
/* 大枠 */

.service-map-block07 .service-map.-sm16,
.service-map-block07 .service-map.-sm17 {
	width: 100%;
}			
@media screen and (min-width: 576px) {
	.service-map-block07 .service-map.-sm16 {
		width: 49%;
	}

	.service-map-block07 .service-map.-sm17 {
		width: 49%;
	}
}			
/* 中身 */
.service-map-block07 .service-map.-sm16 .service-map-inner,
.service-map-block07 .service-map.-sm17 .service-map-inner{
	display: flex;
	flex-wrap: wrap;
}

.service-map-block07 .service-map.-sm16 .service-map-inner li,
.service-map-block07 .service-map.-sm17 .service-map-inner li {
	width: 50%;
}

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

	.service-map-block07 .service-map.-sm16 .service-map-inner li,
	.service-map-block07 .service-map.-sm17 .service-map-inner li {
		width: 33.333333%;
	}
}

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

	.service-map-block07 .service-map.-sm16 .service-map-inner li,
	.service-map-block07 .service-map.-sm17 .service-map-inner li {
		width: 50%;
	}
}			
			
			
			
			
			
			
			
			
/* 3段目「音声入力 / インカム」「ネックスピーカー」 ------------------*/
/* 大枠 */
.service-map-block03 .service-map.-sm05,
.service-map-block03 .service-map.-sm06,
.service-map-block03 .service-map.-sm07 {
	width: 100%;
}

@media screen and (min-width: 576px) {
	.service-map-block03 .service-map.-sm05 {
		width: 24%;
	}

	.service-map-block03 .service-map.-sm06 {
		width: 49%;
	}

	.service-map-block03 .service-map.-sm07 {
		width: 49%;/*koko*/
	}
}

/* 中身 */
.service-map-block03 .service-map.-sm06 .service-map-inner {
	display: flex;
	flex-wrap: wrap;
}

.service-map-block03 .service-map.-sm05 .service-map-inner li,
.service-map-block03 .service-map.-sm07 .service-map-inner li {
	width: 50%;
}

.service-map-block03 .service-map.-sm06 .service-map-inner ul {
	flex-wrap: nowrap;
}

.service-map-block03 .service-map.-sm06 .service-map-inner li {
	width: 39%;
}

.service-map-block03 .service-map.-sm06 .service-map-inner li.vfm-icon {
	width: 22%;
}

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

	.service-map-block03 .service-map.-sm05 .service-map-inner li,
	.service-map-block03 .service-map.-sm07 .service-map-inner li {
		width: 33.333333%;
	}
}

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

	.service-map-block03 .service-map.-sm05 .service-map-inner li{
		width: 100%;/*koko*/
	}
}

/* 4段目「訪問系システム」「電子カルテ」 ------------------*/
/* 大枠 */
.service-map-block04 .service-map.-sm08,
.service-map-block04 .service-map.-sm09 {
	width: 100%;
}

@media screen and (min-width: 576px) {
	.service-map-block04 .service-map.-sm08 {
		width: 59.5%;
	}

	.service-map-block04 .service-map.-sm09 {
		width: 39%;
	}
}

/* 中身 */
.service-map-block04 .service-map.-sm08 .service-map-inner,
.service-map-block04 .service-map.-sm09 .service-map-inner {
	display: flex;
	flex-wrap: wrap;
}

.service-map-block04 .service-map.-sm08 .service-map-inner li,
.service-map-block04 .service-map.-sm09 .service-map-inner li {
	width: 50%;
}

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

	.service-map-block04 .service-map.-sm08 .service-map-inner li,
	.service-map-block04 .service-map.-sm09 .service-map-inner li {
		width: 33.33333%;
	}
}

@media screen and (min-width: 576px) {
	.service-map-block04 .service-map.-sm08 .service-map-inner li {
		width: 33.33333%;
	}

	.service-map-block04 .service-map.-sm09 .service-map-inner li {
		width: 50%;
	}
}


/* 5段目「会計システム」「請求管理システム」「AIケアプラン」」 ------------------*/
/* 大枠 */
.service-map-block05 .service-map.-sm10,
.service-map-block05 .service-map.-sm11,
.service-map-block05 .service-map.-sm12 {
	width: 100%;
}

@media screen and (min-width: 576px) {
	.service-map-block05 .service-map.-sm10 {
		width: 45%;
	}

	.service-map-block05 .service-map.-sm11 {
		width: 26%;
	}

	.service-map-block05 .service-map.-sm12 {
		width: 26%;
	}
}

/* 中身 */
.service-map-block05 .service-map.-sm10 .service-map-inner {
	display: flex;
	flex-wrap: wrap;
}

.service-map-block05 .service-map.-sm10 .service-map-inner li,
.service-map-block05 .service-map.-sm11 .service-map-inner li,
.service-map-block05 .service-map.-sm12 .service-map-inner li {
	width: 50%;
}

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

	.service-map-block05 .service-map.-sm10 .service-map-inner li,
	.service-map-block05 .service-map.-sm11 .service-map-inner li,
	.service-map-block05 .service-map.-sm12 .service-map-inner li {
		width: 33.333333%;
	}
}

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

	.service-map-block05 .service-map.-sm11 .service-map-inner li,
	.service-map-block05 .service-map.-sm12 .service-map-inner li {
		width: 100%;
	}
}




/* 6段目「勤怠管理システム」「給与システム」」 ------------------*/
/* 大枠 */
.service-map-block06 .service-map.-sm13,
.service-map-block06 .service-map.-sm14,
.service-map-block06 .service-map.-sm15 {
	width: 100%;
}

@media screen and (min-width: 576px) {
	.service-map-block06 .service-map.-sm13 {
		width: 45%;
	}

	.service-map-block06 .service-map.-sm14 {
		width: 26%;
	}

	.service-map-block06 .service-map.-sm15 {
		width: 26%;
	}
}

/* 中身 */
.service-map-block06 .service-map.-sm13 .service-map-inner {
	display: flex;
	flex-wrap: wrap;
}

.service-map-block06 .service-map.-sm13 .service-map-inner li,
.service-map-block06 .service-map.-sm14 .service-map-inner li,
.service-map-block06 .service-map.-sm15 .service-map-inner li {
	width: 50%;
}

@media screen and (min-width:480px) and (max-width:575px) {
	.service-map-block06 .service-map.-sm13 .service-map-inner li,
	.service-map-block06 .service-map.-sm14 .service-map-inner li,
	.service-map-block06 .service-map.-sm15 .service-map-inner li {
		width: 33.33333%;
	}
}

@media screen and (min-width: 576px) {
	.service-map-block06 .service-map.-sm14 .service-map-inner li,
	.service-map-block06 .service-map.-sm15 .service-map-inner li {
		width: 100%;
	}
}


/*--------------------------------------------------------------------
トップページ表示時の調節
----------------------------------------------------------------------*/
/*.home #service-map{
	padding:0;
	max-width:1200px;
	margin:0 auto;
	}
.home [class*="service-map-block"] .service-map-inner ul li img{
	max-width:247px;
}*/

/* ================================================================
   #製品・サービス一覧　ボタン設置
================================================================ */

#wf-product .pages-section {
	margin: 60px auto 60px;
}

#wf-product main .page-navi {
	margin: 60px 0 40px 0;
}

#wf-product main .page-navi li {
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
	#wf-product main .page-navi ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#wf-product main .page-navi li {
		width: 48%;
		box-sizing: border-box;
		margin-bottom: 0px;
	}
}

#wf-product main .page-navi li a {
	font-size: 14px;
	display: block;
	transition: 0.1s linear;
	border: 3px solid #ef9a9a;
	border-radius: 3px;
	box-shadow: 3px 3px 10px -6px #777777;
	text-align: center;
	color: #000;
	padding: 20px 10px;
}

@media screen and (min-width: 576px) {
	#wf-product main .page-navi li a {
		font-size: 15px;
		padding: 20px 10px;
	}
}

@media screen and (min-width: 768px) {
	#wf-product main .page-navi li a {
		padding: 26px 14px;
		font-size: 18px;
	}
}

#wf-product main .page-navi li a:hover {
	background-color: #ef9a9a;
	color: #fff;
}

#wf-product main .page-navi li a {
	position: relative;
	padding-right: 20px;
}

#wf-product main .page-navi li a::before {
	content: '';
	width: 5px;
	height: 5px;
	border: 0;
	border-bottom: solid 2px #f28b8b;
	border-right: solid 2px #f28b8b;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	transform: rotate(45deg);
}

#wf-product main .page-navi li a:hover::before {
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
}

@media screen and (min-width: 576px) {
	#wf-product main .page-navi li a {
		padding-right: 30px;
	}

	#wf-product main .page-navi li a:before {
		width: 6px;
		height: 6px;
		right: 15px;
		margin-top: -6px;
	}
}

/* ================================================================
   #つながる家族　製品ページ　#wf-tsunagarukazoku
================================================================ */

/* side消去 */
#wf-tsunagarukazoku aside.right-column {
	display: none;
}

#wf-tsunagarukazoku .row.inner {
	padding: 0 15px;
	box-sizing: border-box;
}

@media (min-width: 1024px) {
	#wf-tsunagarukazoku .row.inner {
		padding: 0;
	}
}

/* 見出し赤 */
#wf-tsunagarukazoku .pages .hd-gd_bl:before {
	content: "";
	height: 92%;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 4%;
}

#wf-tsunagarukazoku .pages .hd-gd_bl:before {
	background: #f28b8b;
	background: linear-gradient(to bottom, #f28b8b 0%, #f28b8b 40%, #fba174 80%, #fba174 99%);
}

/* 見出し青 */
/*
#wf-tsunagarukazoku .pages .hd-gd_bl:before {
		content: "";
    height: 92%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 4%;
    width: 6px;
    background: #519ed4;
    background: linear-gradient(to bottom, #519ed4 0%, #51bcd4 100%);
}
#wf-tsunagarukazoku .pages .hd-col{
	color: #333;
}
#wf-tsunagarukazoku .pages .hd-grad {
    background: linear-gradient(135deg, #519ed4 0%, #519ed4 40%, #51bdd4 60%, #51bdd4 100%) !important;
}	*/

/* radius */
.border-rl {
	border-radius: 20px;
}

.border-rm {
	border-radius: 12px;
}

.border-rs {
	border-radius: 6px;
}



#wf-tsunagarukazoku .image-block {
	margin: 30px 0;
}

/* 01：こんな事に困っていませんか？ */

#wf-tsunagarukazoku ul.checklist {
	margin: 20px 0 30px 0;
}

#wf-tsunagarukazoku ul.checklist li {
	font-size: 14px;
	line-height: 1.7;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative;
}

#wf-tsunagarukazoku ul.checklist li::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2px;
	left: 0;
	background: url("../img/product/tsunagaru-kazoku/icon-check.svg") no-repeat center;
}

#wf-tsunagarukazoku .merit-block ul.checklist {
	margin: 0;
}

@media screen and (min-width: 576px) {
	#wf-tsunagarukazoku ul.checklist li {
		font-size: 16px;
		margin-bottom: 20px;
		padding-left: 44px;
	}
}

@media screen and (min-width: 992px) {
	#wf-tsunagarukazoku ul.checklist {
		margin: 30px 0 60px 0;
	}

	#wf-tsunagarukazoku ul.checklist li {
		font-size: 19px;
		margin-bottom: 20px;
		padding-left: 44px;
	}

	#wf-tsunagarukazoku ul.checklist li::before {
		content: "";
		width: 28px;
		height: 28px;
		position: absolute;
		top: 2px;
		left: 0;
		background: url("../img/product/tsunagaru-kazoku/icon-check.svg") no-repeat center;
	}

}

/* 5つのお困り事 */

.checklist-block {
	margin-bottom: 30px;
}

.checklist-block li {
	width: 100%;
	background-color: #fff;
	border: 2px solid #ddd;
	box-sizing: border-box;
	border-radius: 8px;
	line-height: 1.6;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	overflow: hidden;
	margin-bottom: 10px;
}

.checklist-block li em {
	color: #ef6a6a;
	padding: 0 2px;
}

.checklist-block li div.bg {
	background-color: #fef8e6;
}

.checklist-block li div.bg img {
	display: block;
	margin: 0 auto;
	max-width: 240px;
	width: 100%;
}

.checklist-block li .inner {
	padding: 10px 10px;
}

.checklist-block li br {
	display: none;
}

@media screen and (min-width: 576px) {
	.checklist-block {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		grid-row-gap: 20px;
		margin-bottom: 50px;
		margin-left: -5px;
		margin-right: -5px;
	}

	.checklist-block li {
		width: 47.5%;
		border: 2px solid #ddd;
		margin: 0 5px;
		font-size: 14px;
		margin-bottom: 0;
	}

	.checklist-block li .inner {
		padding: 15px 15px;
	}

	.checklist-block li div.bg img {
		max-width: 100%;
		max-width: 300px;
	}

}

@media screen and (min-width: 768px) {
	.checklist-block {
		margin-left: -10px;
		margin-right: -10px;
	}

	.checklist-block li {
		width: 30%;
		margin: 0 10px;
		font-size: 15px;
	}
}

@media screen and (min-width: 1024px) {
	.checklist-block li {
		font-size: 16px;
		font-size: 15px;
		width: 31.3%;
	}

	.checklist-block li br {
		display: inline;
	}

	.checklist-block li em {
		font-size: 18px;
	}
}

/* 02：つながる家族で作業効率化が可能です！ */

#wf-tsunagarukazoku .flex-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*margin: 30px 0 40px 0;*/
}

#wf-tsunagarukazoku .flex-box>div {
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
	#wf-tsunagarukazoku .flex-box>div {
		width: 48%;
		margin-bottom: 0;
	}

	#wf-tsunagarukazoku .image-block {
		margin: 40px 0;
	}
}

/* 03：ご利用者・ご家族がつながる家族を利用するイメージ */

#wf-tsunagarukazoku .merit-block {
	margin: 30px 0 60px 0;
	padding: 20px;
	background: #fffceb url("../img/product/tsunagaru-kazoku/merit_bg.png");
	background-position: center;
	background-size: cover;
	box-sizing: border-box;
}

#wf-tsunagarukazoku .merit-block-image {
	text-align: center;
}

#wf-tsunagarukazoku .merit-block-image img {
	max-width: 300px;
	margin: 0 auto;
	width: 100%;
}

@media screen and (min-width: 768px) {
	#wf-tsunagarukazoku .merit-block {
		padding: 40px;
	}

	#wf-tsunagarukazoku .merit-block__inner {
		padding: 0;
		box-sizing: border-box;
	}

	#wf-tsunagarukazoku .merit-block {
		display: flex;
		justify-content: space-between;
	}

	#wf-tsunagarukazoku .merit-block__inner {
		width: 58%;
	}

	#wf-tsunagarukazoku .merit-block-image {
		width: 38%;
	}

	#wf-tsunagarukazoku .merit-block-image img {
		max-width: inherit;
	}
}

@media screen and (min-width: 992px) {
	#wf-tsunagarukazoku .merit-block {
		padding: 50px 50px 40px 50px;
	}
}


#wf-tsunagarukazoku .checklist li em {
	color: #ee6969;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.new-medal {
	width: 65px;
	height: auto;
	position: absolute;
	top: -10px;
	left: -15px;
	opacity: 1 !important;
	/* hover時変化しない */
	z-index: 1;
}

@media screen and (min-width: 576px) {
	.new-medal {
		width: 80px;
		height: auto;
		position: absolute;
		top: -15px;
		left: -25px;
	}
}

/*注意エリア*/

#wf-tsunagarukazoku .attention-block {
	border: 2px solid #ddd;
	padding: 15px;
	margin: 30px 0;
}

#wf-tsunagarukazoku .attention-block-title {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#wf-tsunagarukazoku .attention-block ul {
	margin: 2px 0 0 26px;
	padding: 0;
}

#wf-tsunagarukazoku .attention-block p,
#wf-tsunagarukazoku .attention-block li {
	font-size: 12px;
}

#wf-tsunagarukazoku .attention-block ul li {
	margin: 0;
	padding: 0;
	list-style: circle;
	line-height: 1.7;
}

#wf-tsunagarukazoku .attention-block a {
	text-decoration: underline;
	color: #f28b8b;
}

@media screen and (min-width: 576px) {
	#wf-tsunagarukazoku .attention-block {
		padding: 25px 20px 20px 20px;
	}

	#wf-tsunagarukazoku .attention-block-title {
		font-size: 15px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	#wf-tsunagarukazoku .attention-block p,
	#wf-tsunagarukazoku .attention-block li {
		font-size: 13px;
	}
}

@media screen and (min-width: 768px) {
	#wf-tsunagarukazoku .attention-block {
		border: 3px solid #ddd;
	}

	#wf-tsunagarukazoku .attention-block-title {
		font-size: 16px;
	}

	#wf-tsunagarukazoku .attention-block p,
	#wf-tsunagarukazoku .attention-block li {
		font-size: 14px;
	}
}



/* お問合せフォーム埋め込み */

#wf-tsunagarukazoku .contact-header {
	margin: 0 0 20px 0;
}

#wf-tsunagarukazoku .contact-header-title {
	font-size: 22px;
	color: #f28b8b;
	margin: 30px auto 15px auto;
	line-height: 1.4em;
	text-align: center;
}

@media screen and (min-width: 576px) {
	#wf-tsunagarukazoku .contact-header {
		margin: 0 0 30px 0;
		text-align: center;
	}

	#wf-tsunagarukazoku .contact-header-title {
		font-size: 28px;
		margin: 30px auto 15px auto;
	}
}

@media screen and (min-width: 992px) {
	#wf-tsunagarukazoku .contact-header {
		margin: 0 0 40px 0;
	}

	#wf-tsunagarukazoku .contact-header-title {
		font-size: 42px;
		margin: 30px auto 15px auto;
	}
}

#wf-tsunagarukazoku .contact-header em {
	color: #bf0000;
}

/* ボタン */

#wf-tsunagarukazoku .r-section .btn__more {
	margin: 100px auto 20px;
}

#wf-tsunagarukazoku .r-section .btn__more+.btn__more {
	margin: 0 auto;
}

#wf-tsunagarukazoku .r-section .btn__more a {
	width: clamp(280px, 90%, 380px);
}

#wf-tsunagarukazoku .r-section .btn__more a small {
	font-size: clamp(0.75rem, 0.682rem + 0.34vw, 0.938rem);
	display: block;
	text-align: center;
	margin-bottom: 2px;
}

@media screen and (min-width: 68px) {
	#wf-tsunagarukazoku .r-section .btn__more .btn-radius {
		padding: 14px 40px;
	}
}

/* 動画差し込み */

#wf-tsunagarukazoku .tsunagaru-case {
	border-radius: 12px;
	max-width: 840px;
	margin: 0 auto;
}

#wf-tsunagarukazoku .tsunagaru-case-title {
	color: #f28b8b;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 16px;
	font-size: clamp(1rem, 0.353rem + 3.24vw, 2.375rem);
}

#wf-tsunagarukazoku .tsunagaru-case-title .icon {
	width: 90px;
	height: auto;
	margin-right: 8px
}

#wf-tsunagarukazoku .youtube-block {
	margin: 30px auto 0 auto;
	max-width: 100%;
	position: relative;
	border-radius: 12px;
}

#wf-tsunagarukazoku .youtube-block::before {
	content: "";
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 100%;
	height: 100%;
	background-image: radial-gradient(#fbc7c7 30%, rgba(0, 0, 0, 0) 31%), radial-gradient(#fbc7c7 30%, rgba(0, 0, 0, 0) 31%);
	background-size: 6px 6px;
	background-position: 0 0, 3px 3px;
	border-radius: 12px;
	z-index: 1;
}

#wf-tsunagarukazoku .youtube {
	z-index: 2;
	border-radius: 12px;
}

#wf-tsunagarukazoku .s-section.margin_l {
	margin: 60px 0;
}

#wf-tsunagarukazoku .sp_none {
	display: none;
}

@media screen and (min-width: 640px) {
	#wf-tsunagarukazoku .tsunagaru-case {
		padding: 20px 0;
	}

	#wf-tsunagarukazoku .youtube-block {
		max-width: 100%;
	}

	#wf-tsunagarukazoku .s-section.margin_l {
		margin: 100px 0;
	}

	#wf-tsunagarukazoku .tsunagaru-case-title .icon {
		width: 130px;
		margin-right: 16px;
	}

	#wf-tsunagarukazoku .youtube-block::before {
		content: "";
		bottom: -30px;
		right: -30px;
	}

	#wf-tsunagarukazoku .sp_none {
		display: block;
	}
}



/* ================================================================
   #ほのぼのVoice製品ページ　20250414
================================================================ */

#honobono-voice .breadcrumb {
    color: #333;
}

#honobono-voice .breadcrumb a {
    color: #333;
}

#honobono-voice .breadcrumb li:after {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
}



    #honobono-voice.mv-outer.pages .mv {
        min-height: 300px;
    }

@media screen and (min-width: 768px) {
    #honobono-voice.mv-outer.pages .mv {
        min-height: 400px;
    }
}



.hvoice-text-introduction {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #0e3e87;
    line-height: 1.75;
    margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
.hvoice-text-introduction {
    font-size: 18px;
    margin-top: 48px;
}
}


.hvoice-problem-list{
display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

@media screen and (min-width: 768px) {
.hvoice-problem-list{
    padding: 32px;
    padding-bottom: 16px;
}
}



.hvoice-problem-item {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-sizing: border-box;
    width: 100%;
	background-color: #fff;
	overflow: hidden;
}

.hvoice-problem-item-title{
    background-color: #efefef;
    padding: 20px;
	font-weight: bold;
	line-height: 1.75;
}

.hvoice-problem-end{
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 12px;
	flex-direction: column-reverse;
background-image: linear-gradient(#d7f4ff, #c0eeff);
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;

}

.hvoice-problem-end img{
	width: 120px;
}



@media screen and (min-width: 640px) {
	.hvoice-problem-item {
		width: calc(50% - 10px);
	}

	.hvoice-problem-end{
		gap: 16px;
		flex-direction: row;
	}
	.hvoice-problem-end img{
		width: 180px;
	}
	
	
}




.hvoice-text-large{
	color: deepskyblue;
	font-size: clamp(20px, 3vw, 28px);
    line-height: 1.75;
    font-weight: bold;
}
.text-center.hvoice-text-medium {
    color: #4fabef;
    font-size: clamp(20px, 3vw, 28px);
    line-height: 1.75;
    font-weight: bold;
    margin: 32px auto;
}


.ribbon-box{
    border-radius: 12px;
    padding: 20px;
    border: 1px solid #ccc;
    position: relative;
    background-color: #eaf7fb;
}
.ribbon-box .ribbon{
    position: absolute;
    background-color: #4fabef;
    top: -8px;
    width: 80px;
    height: 60px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    clip-path: polygon(0% 0.5%, 100% 0%, 100% 50%, 100% 100%, 50% 90%, 0% 100%);
    padding-bottom: 8px;
    box-sizing: border-box;
    letter-spacing: 0.2em;
    /* font-weight: bold; */
    font-size: 16px;
}
.ribbon-box .flex{
	display: flex;
	flex-direction: column;
		flex-wrap: nowrap;
		gap: 20px;
		justify-content: space-between;
}
.ribbon-box .flex .text{
	width: 100%;
}
.ribbon-box .flex .text .list{
    display: flex
;
    flex-direction: column;
}
.ribbon-box h3{
	margin-left: 0;
	margin-top: 36px;
    font-size: 20px;
    border-bottom: 1px solid #4fabef;
    padding-bottom: 12px;
    line-height: 1.5;
}

.ribbon-box .list .item{
    display: flex
;
    gap: 8px;
}

.ribbon-box .list .item .number {
    width: 32px;
    height: 32px;
    background-color: #4fabef;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 2px;
    aspect-ratio: 1 / 1;
}
.ribbon-box .list .item .content{
    flex: 1;
}


@media screen and (min-width: 640px) {
	.ribbon-box{
		border-radius: 16px;
		padding: 32px;
	}
	.ribbon-box .ribbon{
		width: 80px;
		height: 96px;
		font-size: 20px;
	}
	.ribbon-box .flex{
		display: flex;
flex-direction: row;
	}
	.ribbon-box .flex .text{
		width: 50%;
	}
	.ribbon-box .flex .text .list{
		gap: 20px;
		display: flex
	;
		flex-direction: column;
	}
	.ribbon-box h3{
		margin-top: 0;
		margin-left: 96px;
		font-size: 24px;
	}
	
	.ribbon-box .list .item{
		gap: 20px;
	}
	
	.ribbon-box .list .item .number {
		width: 40px;
		height: 40px;
	}
	.ribbon-box .list .item .content{
		flex: 1;
	}
}


.voice-list{
	display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
}
.voice-list-item {
    display: flex;
    gap: 20px;
}

.voice-list-item:nth-child(2n){
	flex-direction: row-reverse;
}

.voice-icon {
    width: 60px;
    height: 60px;
    background-color: aliceblue;
    border-radius: 50%;
    overflow: hidden;
}

.voice-list-item .voice-text {
    flex: 1;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
	position: relative;
}
.voice-list-item .voice-text:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    left: -8px;
    top: 40px;
    transform: rotate(-45deg);
    display: block;
}

.voice-list-item:nth-child(2n) .voice-text:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #fff;
	border: none;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
	left: auto;
    right: -8px;
    top: 40px;
    transform: rotate(-45deg);
    display: block;
}

.voice-text-content {
    font-size: 14px;
    line-height: 1.75;
    font-weight: bold;
}

.voice-text-sub {
    font-size: 14px;
    text-align: right;
    line-height: 1.5;
    margin-top: 1em;
}



@media screen and (min-width: 640px) {
.voice-text-content {
    font-size: 16px;
}

	
	.voice-list-item {
		gap: 36px;
	}
	
	.voice-icon {
		width: 96px;
		height: 96px;
	}

}


.hvoice-free{
	background-color: aliceblue;
    padding: 32px;
    border-radius: 12px;
    align-items: center;
}
.btn-round-l{
    line-height: 1.75;
    display: block;
    text-align: center;
	width: 100%;
    max-width: 560px;
    margin: 0 auto;
    border-radius: 100px;
    padding: 8px;
    box-sizing: border-box;
    font-size: 16px;
	position: relative;
	transition: all 0.2s;
	margin-bottom: 60px;
}
.btn-round-l:hover{
	opacity: 0.8;
}
.btn-round-l:after{
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: 32px;
    top: calc(50% - 3px);
    display: block;
}
.btn-round-l span{
	font-size: 14px;
    display: block;
    color: #fff5ae;
}


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

	.hvoice-free{
		background-color: aliceblue;
		padding: 32px;
		border-radius: 12px;
		align-items: center;
	}
	.btn-round-l{
		line-height: 1.75;
		display: block;
		text-align: center;
		width: 100%;
		max-width: 560px;
		margin: 0 auto;
		border-radius: 100px;
		padding: 16px;
		box-sizing: border-box;
		font-size: 20px;
		position: relative;
		transition: all 0.2s;
	}
	.btn-round-l:hover{
		opacity: 0.8;
	}
	.btn-round-l:after{
		width: 8px;
		height: 8px;
		right: 40px;
		top: calc(50% - 4px);
	}
	.btn-round-l span{
		font-size: 18px;
	}
}





.hvoice-list-large{
    display: flex;
    flex-direction: column;
	margin: 0 20px
}

.hvoice-list-large-item {
    font-weight: bold;
    font-size: 16px;
    display: flex;
    gap: 12px;
	line-height: 1.75;
}
.hvoice-list-large-item:before{
	content: "";
    width: 8px;
    height: 8px;
    background-color: #4fabef;
    display: block;
    border-radius: 12px;

	margin-top: 10px;
    aspect-ratio: 1 / 1;
}

.hvoice-list-large-explanation{
text-align: center;
    padding: 12px;
    border-radius: 4px;
    background-color: #d7f4ff;
    font-weight: bold;
    margin-bottom: 12px
}

@media screen and (min-width: 640px) {
	.hvoice-list-large{
		margin: 0 auto;
        width: fit-content;
	}
	
	.hvoice-list-large-item {
		font-size: 20px;
	}
	.hvoice-list-large-item:before{
		width: 12px;
		height: 12px;
		margin-top: 12px;
	}
	.hvoice-problem-end	.hvoice-list-large{
		margin: 0;
	}
	
}


.hvoice-problem {
    background-color: #efefef;
    /* padding: 20px; */
    border-radius: 12px;
	position: relative;
}

.hvoice-problem:after{
    position: absolute;
    content: "";
    bottom: -80px;
    left: calc(50% - 40px);
    background-color: #d7f4ff;
    width: 80px;
    height: 80px;
    clip-path: polygon(50% 30%, 0 0, 100% 0);
}

.hvoice-feature-wrap {
    display: flex;
	flex-direction: column-reverse;
    gap: 20px;
    width: 100%;
	align-items: center;
}
.hvoice-feature-img {
    width: 100%;
	background-image: linear-gradient(#fff3cc, #fffcea);
	        width: 320px;
        display: flex;
        justify-content: center;
        padding-top: 20px;
        border-radius: 8px;
        height: 100%;
		
}

.hvoice-feature-img>img{
	    width: 160px;
}


@media screen and (min-width: 640px) {
	.hvoice-feature-wrap {
		gap: 40px;
		flex-direction: row;
		align-items: flex-start;
	}
	.hvoice-feature-img {
		width: 220px;
	}
	.hvoice-feature-text{
		flex: 1;
	}
}

.hvoice-benefit-wrap {
    display: flex;
    gap: 20px;
	flex-direction: column;
    margin-top: 20px;
}

.hvoice-benefit-block{
    background-image: linear-gradient(#fff3cc, #fffcea);
    overflow: hidden;
    border-radius: 12px;
    padding: 40px;
    position: relative;
	margin: 0;
    color: #555;
    padding-top: 60px;
	flex: 1;
}
.hvoice-benefit-block:before{
	position: absolute;
    content: "";
    top: -1px;
    left: calc(50% - 20px);
    background-color: #fff;
    width: 40px;
    height: 40px;
    clip-path: polygon(50% 30%, 0 0, 100% 0);
}

.hvoice-benefit-text-s {
	font-size: 15px;
    width: fit-content;
    color: #f28b8b;
    margin: 0 auto;
}
.hvoice-benefit-text-l{
	font-size: 18px;
    font-weight: bold;
    border-bottom: 2px dotted #f28b8b;
    width: fit-content;
    margin: 12px auto;
    padding-bottom: 12px;
}

@media screen and (min-width: 640px) {
	.hvoice-benefit-wrap {
		display: flex;
		flex-direction: row;
		margin-top: 0;
		gap: 20px;
	}


	.hvoice-benefit-block{
		padding: 40px;
		position: relative;
		margin: 60px auto 0;
		padding-top: 60px;
	}
	
	.hvoice-benefit-text-s {
		font-size: 20px;
	}
	.hvoice-benefit-text-l{
		font-size: 24px;
		margin: 20px auto;
		padding-bottom: 12px;
	}
	
}


.hvoice-youtube-thumb{
    margin: 20px;
    display: block;
    border-radius: 12px;
    box-shadow: 0,0,0,0.4;
    box-shadow: 0px 6px 8px 0px rgb(0 0 0 / 10%);
	transition: all 0.2s;
}
.hvoice-youtube-thumb:hover{
	opacity: 0.8;
}

.hvoice-benefit-block-illust01{
	position: absolute;
    bottom: -30px;
    left: 8px;
	width: clamp(60px, 20%, 100px);
}

.hvoice-benefit-block-illust02{
	position: absolute;
    bottom: -30px;
    right:8px;
	width: clamp(60px, 20%, 100px);
}

.hvoice-benefit-block-illust03{
	position: absolute;
    bottom: -30px;
    left: 8px;
	width: clamp(60px, 20%, 100px);
}

.hvoice-benefit-block-illust04{
	position: absolute;
    bottom: -30px;
    right: 8px;
	width: clamp(60px, 20%, 100px);
}

@media screen and (min-width: 640px) {
	.hvoice-benefit-block-illust01{
		left: 20px;
		width: 90px;
	}
	
	.hvoice-benefit-block-illust02{
		right: 20px;
		width: 90px;
	}
	
	.hvoice-benefit-block-illust03{
		left: 20px;
		width: 68px;
	}
	
	.hvoice-benefit-block-illust04{
		right: 20px;
		width: 93px;
	}
	
}



.hvoice-concept-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 20px;
	border-radius: 12px;
	background-image: url('[template_url]/img/product/honobono-voice/concept.jpg');
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
	min-height: auto;
	z-index: 0;
	aspect-ratio: 1/1.3;
	background-size: contain;
  }
  
  .hvoice-concept-wrap::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(253, 231, 225, 1) 0%, rgba(253, 231, 225, 1) 50%, rgba(253, 231, 225, 0) 75%, rgba(253, 231, 225, 0) 100%);
	z-index: 1;
	pointer-events: none;
  }

  .hvoice-concept-text {
	position: relative;
	z-index: 2;
	max-width: 100%;
	width: 100%;
	color: #333;
	line-height: 1.75;
  }
  @media (min-width: 480px) {



	.hvoice-concept-wrap {
		aspect-ratio: 1/1;
		background-size: contain;
		background-position-y: 140%;
	  }
	  
  }


  @media (min-width: 640px) {
	.hvoice-concept-wrap {
	  flex-direction: row;
	  align-items: center;
	  padding: 40px;
	  min-height: 300px;
	  background-size: contain;
	  background-position: right center;
	  aspect-ratio: auto;
	}

	.hvoice-concept-text {
max-width: 50%;
	  }
  
	.hvoice-concept-wrap::before {
	  background: linear-gradient(to right, rgba(253, 231, 225, 1) 0%, rgba(253, 231, 225, 1) 45%, rgba(253, 231, 225, 0) 65%, rgba(253, 231, 225, 0) 100%);
	}
  }
  



.hvoice-main-color{
	color: #4fabef;
}
.hvoice-main-backgroundcolor{
	background-color: #4fabef;
	color: #fff;
}

.hvoice-sub-color{
	color: #fff5ae;
}
.hvoice-sub-backgroundcolor{
	background-color: #fff5ae;
}

.hvoice-light-color{
	color: #d7f4ff;
}
.hvoice-light-backgroundcolor{
	background-color: #d7f4ff;
}




/*20260123 コンテンツ追加*/

 .hvoice-bnr-link{
	transition: all 0.2s;
	border-radius: 8px;
	overflow: hidden;
	display: block;
 }
 .hvoice-bnr-link:hover{
opacity: 0.8;
 }

.hvoice-text-introduction{
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.05em;
    color: #0e3e87;
    margin-top: 48px;
}

.hvoice-comparison-table-container {
  width: 100%;
  overflow-x: auto;
}
.hvoice-comparison-table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
  border: 2px solid #ccc;
  font-size: 12px;
  line-height: 1.4;
  table-layout: fixed;
}
.hvoice-comparison-table th,
.hvoice-comparison-table td {
  padding: 12px;
  text-align: center;
  border: 1px solid #ccc;
  align-content: center;
}
.hvoice-comparison-table thead th {
  background-color: #f8f8f8;
}
.hvoice-comparison-table .hvoice-feature-name {
  text-align: left;
  background-color: #d3e7f4;
}
.hvoice-comparison-table .text-accent {
  background-color: #95cbe9;
}
.hvoice-comparison-table .hvoice-row-highlight td {
     background-color: #fffae9;
}
.hvoice-comparison-table .hvoice-main-column {
  background-color: #eaf7fb;
  border-left: 3px solid #1e88e5 !important;
  border-right: 3px solid #1e88e5 !important;
  position: relative;
}
.hvoice-comparison-table thead th.hvoice-main-column {
  background-color: #1e88e5;
  color: #ffffff;
  border-top: 3px solid #1e88e5 !important;
}

.hvoice-comparison-table tbody tr:last-child td.hvoice-main-column {
  border-bottom: 4px solid #1e88e5 !important;
}
  @media (min-width: 768px) {
.hvoice-comparison-table {
  min-width: 800px;
  font-size: 14px;
}
.hvoice-comparison-table th,
.hvoice-comparison-table td {
  padding: 20px 30px;
}
  }
  





.hvoice-option-list {
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin: 40px auto;
}


.hvoice-option-list-item {
    display: flex;
    justify-content: flex-end;
	flex-direction: column-reverse;
    gap: 8px;
}
.hvoice-option-item-item-text {
    display: block;
    width: 100%;
    flex: 1;
}

.hvoice-option-item-item-img {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    height: fit-content;
}



  @media (min-width: 768px) {
.hvoice-option-list-item {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    gap: 32px;
}
.hvoice-option-item-item-img {
    width: 350px;
    border-radius: 8px;
    overflow: hidden;
    height: fit-content;
}

  }
  



.hvoice-ai-list{
    display: flex;
    flex-direction: column;
    margin: 20px auto 60px;
    gap: 28px;
}

.hvoice-ai-list-item{
display: flex;
    gap: 20px;
    align-items: center;
	    align-items: flex-start;
}

.hvoice-ai-img{
	width: 80px;
    height: 80px;
    background-color: #efefef;
    border-radius: 50%;
		overflow: hidden;
}

.hvoice-ai-text{
	flex: 1;
}

  @media (min-width: 768px) {
.hvoice-ai-list-item{

    align-items: center;
}

.hvoice-ai-img{
	width: 120px;
    height: 120px;
}
  }
  






/* ================================================================
   #お役立ち資料ダウンロード　#wf-ebook
================================================================ */

@media (max-width: 1120px) {
	#wf-ebook .row.inner.-over {
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
}

#wf-ebook .head-text {
	line-height: 1.7;
	margin-bottom: 30px;
	color: #f28b8b;
	font-size: 15px;
	text-align: center;
}

@media screen and (min-width: 600px) {
	#wf-ebook .head-text {
		margin-bottom: 40px;
		font-size: 22px;

	}
}

.guide-dl-block .guide-dl-item a.btn-radius {
	color: #333;
}

.guide-dl-block .guide-dl-item a.btn-radius:hover {
	color: #fff;
}

.guide-dl-block .guide-dl-item {
	box-sizing: border-box;
	margin-bottom: 20px;
}

.guide-dl-block .guide-dl-item .guide-dl-item-inner {
	border: 1px solid #ddd;
	border-radius: 6px;
	height: 100%;
}

.guide-dl-block .guide-dl-item-text {
	padding: 15px;
}

@media screen and (min-width: 600px) {
	.guide-dl-block {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		margin-left: -15px;
		margin-right: -15px;
	}

	.guide-dl-block .guide-dl-item {
		width: calc(100% / 2);
		display: flex;
		flex-wrap: wrap;
		padding: 0 15px;
		margin-bottom: 30px;
	}

	.guide-dl-block .guide-dl-item .guide-dl-item-inner {
		display: flex;
		flex-wrap: wrap;
		align-content: space-between;
	}

	.guide-dl-block .guide-dl-item-text {
		padding: 24px;
	}
}

@media screen and (min-width: 992px) {
	.guide-dl-block .guide-dl-item {
		width: calc(100% / 3);
	}
}

.guide-dl-block .guide-dl-item-thumb img {
	width: 100%;
}

.guide-dl-block .guide-dl-item-text h2 {
	font-weight: bold;
	line-height: 1.5;
	font-size: 16px;
}

.guide-dl-block .guide-dl-item-text h3 {
	font-size: 14px;
	line-height: 1.7;
	margin-top: 7px;
	margin-bottom: 0;
}

.guide-dl-block .dl-list2 {
	display: block;
	text-align: center;
	padding: 0 24px 24px 24px;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}

.guide-dl-block .dl-list2 .btn-radius {
	width: 100%;
	max-width: 100%;
	min-width: inherit;
	box-sizing: border-box;
	border-radius: 60px;
	font-size: 15px;
}

@media screen and (min-width: 600px) {
	.guide-dl-block .guide-dl-item-text h2 {
		font-size: 18px;
	}

	.guide-dl-block .guide-dl-item-text h3 {
		font-size: 14px;
	}
}

/* トップページ・ＮＥＸＴトップ・moreトップ用調節 
------------------------------------------------------ */

.whitepaper-block.-mdl {
	max-width: 1000px;
	margin: 0 auto;
}

.whitepaper-block.-mdl .guide-dl-block .dl-list2 .btn-radius {
	padding: 14px;
	max-width: 210px;
	min-width: 210px;
	font-size: 15px;
	border-radius: 60px;
}

@media screen and (max-width: 600px) {
	.whitepaper-block.-mdl .guide-dl-block .dl-list2 .btn-radius {
		padding: 12px;
		max-width: 210px;
		min-width: 210px;
		font-size: 14px;
	}

	.whitepaper-block.-mdl .guide-dl-block .dl-list2 {
		padding: 0 15px 20px 15px;
	}
}

/* お問い合わせページ用調節
------------------------------------------------------ */

body#wf-page-contact .whitepaper-block.-mdl {
	padding-bottom: 0;
}

body#wf-page-contact .btn-radius {
	border-radius: 60px;
}

/* 非表示調整
------------------------------------------------------ */

.whitepaper-block.-mdl .guide-dl-block div.guide-dl-item {
	display: none;
}

.whitepaper-block.-mdl .guide-dl-block div.guide-dl-item:nth-of-type(1),
.whitepaper-block.-mdl .guide-dl-block div.guide-dl-item:nth-of-type(2),
.whitepaper-block.-mdl .guide-dl-block div.guide-dl-item:nth-of-type(3) {
	display: block;
}

.whitepaper-block.-mdl .guide-dl-block .guide-dl-item-text h3 {
	display: none;
}

/* ================================================================
   #コラム下CVエリア
================================================================ */

.two-column-column main .product_link_area {
	margin-top: 40px !important;
}

/* ▽全共通▽ -------------------------------*/

#contents_bottom_cv {
	background-color: #eee;
	padding: 30px 20px;
	box-sizing: border-box;
	width: 100%;
	max-width: 840px;
	border-radius: 4px;
	margin: 40px auto 0;
}

#column.kohama #contents_bottom_cv {
	margin: 40px auto 0;
}


@media screen and (min-width: 768px) {
	#contents_bottom_cv {
		padding: 28px 20px 28px 30px;
	}

	.contents_bottom_cv_left,
	.contents_bottom_cv_right {
		box-sizing: border-box;
	}

	.contents_bottom_cv_wrap {
		display: flex;
		flex-wrap: wrap;
		/*align-items: flex-end;*/
		justify-content: space-between;
		width: 100%;
	}
}

/* キャッチ画像について */
#contents_bottom_cv .pc-image {
	display: none;
}

#contents_bottom_cv .sp-image {
	display: block;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv .pc-image {
		display: block;
	}

	#contents_bottom_cv .sp-image {
		display: none;
	}
}

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

	#contents_bottom_cv.item01 img.catchimage,
	#contents_bottom_cv.item02 img.catchimage,
	#contents_bottom_cv.item03 img.catchimage,
	#contents_bottom_cv.item04 img.catchimage,
	#contents_bottom_cv.item05 .sp-image.catchimage {
		max-width: 300px;
		width: 90%;
		margin: 0 auto;
		display: block;
	}
}

/* リンクボタン*/
#contents_bottom_cv .contents_bottom_cv_button a {
	background-color: #333;
	padding: 20px 10px;
	text-align: center;
	display: block;
	width: 100%;
	max-width: 360px;
	border-radius: 3px;
	color: #fff;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: 14px;
	text-decoration: none;
	position: relative;
	transition: 0.1s linear;
}

#contents_bottom_cv .contents_bottom_cv_button a[target="_blank"] {
	background-image: none;
}

#contents_bottom_cv .contents_bottom_cv_button a::before,
#contents_bottom_cv .contents_bottom_cv_button a::after {
	position: absolute;
	top: 50%;
	right: 14px;
	margin: auto;
	margin-top: -4px;
	content: "";
	vertical-align: middle;
}

#contents_bottom_cv .contents_bottom_cv_button a::before {
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

/* P-タグ*/
#contents_bottom_cv p {
	font-size: 14px !important;
	line-height: 1.7;
	margin: 0 0 15px 0;
	letter-spacing: 0;
	color: #111;
}

@media screen and (min-width: 576px) {
	#contents_bottom_cv .contents_bottom_cv_button a {
		padding: 16px 10px;
	}

	#contents_bottom_cv p {
		font-size: 14px !important;
	}
}

@media screen and (min-width: 1024px) {
	#contents_bottom_cv p {
		font-size: 15px !important;
	}
}

/* Li-リスト */
#contents_bottom_cv ul {
	list-style: none;
	margin: 0 0 15px 0;
}

#contents_bottom_cv li {
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	list-style: none;
	position: relative;
	padding-left: 32px;
	margin-bottom: 9px;
	color: #111;
}

#contents_bottom_cv li::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2px;
	left: 0;
	background: url("../img/product/tsunagaru-kazoku/icon-check.svg") no-repeat center;
}

@media screen and (min-width: 576px) {
	#contents_bottom_cv li {
		font-size: 16px;
	}
}

@media screen and (min-width: 1024px) {
	#contents_bottom_cv li {
		font-size: 15px;
	}
}


/* タイトルエリア */
#contents_bottom_cv .contents_bottom_cv_title {
	text-align: center;
}

#contents_bottom_cv .contents_bottom_cv_title_wrap {
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #222;
	margin-bottom: 20px;
	position: relative;
	line-height: 1.3;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#contents_bottom_cv .contents_bottom_cv_title_wrap:before,
#contents_bottom_cv .contents_bottom_cv_title_wrap:after {
	border-top: 2px solid #222;
	content: "";
	width: 20px;
}

#contents_bottom_cv .contents_bottom_cv_title_wrap:before {
	margin-right: 10px;
}

#contents_bottom_cv .contents_bottom_cv_title_wrap:after {
	margin-left: 10px;
}

@media screen and (min-width: 576px) {
	#contents_bottom_cv .contents_bottom_cv_title_wrap {
		font-size: 20px;
	}

	#contents_bottom_cv .contents_bottom_cv_title_wrap:before,
	#contents_bottom_cv .contents_bottom_cv_title_wrap:after {
		border-top: 2px solid #222;
		content: "";
		width: 40px;
	}

	#contents_bottom_cv .contents_bottom_cv_title_wrap:before {
		margin-right: 14px;
	}

	#contents_bottom_cv .contents_bottom_cv_title_wrap:after {
		margin-left: 14px;
	}
}

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

	#contents_bottom_cv .contents_bottom_cv_title_wrap:before,
	#contents_bottom_cv .contents_bottom_cv_title_wrap:after {
		display: none;
	}
}

/* ▽個別案①：介護福祉系コラム▽ -----------------------------------*/
#contents_bottom_cv.item01 {
	background-color: #edf7fb;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item01 .contents_bottom_cv_wrap {
		align-items: flex-end;
	}

	#contents_bottom_cv.item01 .contents_bottom_cv_left {
		width: calc(100% - 330px);
	}

	#contents_bottom_cv.item01 .contents_bottom_cv_right {
		width: 313px;
	}
}

/* リンクボタン */
#contents_bottom_cv.item01 .contents_bottom_cv_button {
	width: 100%;
	display: block;
	text-align: center;
}

#contents_bottom_cv.item01 .contents_bottom_cv_button a {
	background-color: #1859ab;
	color: #fff;
	max-width: inherit;
}

#contents_bottom_cv.item01 .contents_bottom_cv_button a:hover {
	background-color: #0d366a;
}

@media screen and (max-width: 768px) {
	#contents_bottom_cv.item01 .contents_bottom_cv_button div+div {
		margin-top: 5px;
	}
}

#contents_bottom_cv.item01 .logo_next {
	width: 280px;
	height: auto;
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item01 .contents_bottom_cv_button {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#contents_bottom_cv.item01 .contents_bottom_cv_button div {
		width: 32%;
	}
}

/* ▽個別案②：障害福祉系コラム▽ -----------------------------------*/
#contents_bottom_cv.item02 {
	background-color: #f5fbef;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item02 .contents_bottom_cv_wrap {
		align-items: flex-end;
	}

	#contents_bottom_cv.item02 .contents_bottom_cv_left {
		width: calc(100% - 300px);
	}

	#contents_bottom_cv.item02 .contents_bottom_cv_right {
		width: 300px;
	}
}

/* リンクボタン */
#contents_bottom_cv.item02 .contents_bottom_cv_button {
	width: 100%;
	display: block;
	text-align: center;
}

#contents_bottom_cv.item02 .contents_bottom_cv_button a {
	background-color: #51a936;
	color: #fff;
	max-width: inherit;
}

#contents_bottom_cv.item02 .contents_bottom_cv_button a:hover {
	background-color: #33731f;
}

@media screen and (max-width: 768px) {
	#contents_bottom_cv.item02 .contents_bottom_cv_button div+div {
		margin-top: 5px;
	}
}

#contents_bottom_cv.item02 strong {
	font-weight: bold;
	color: #f58e1f;
}

#contents_bottom_cv.item02 .logo_more {
	width: 210px;
	height: auto;
	margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item02 .contents_bottom_cv_button {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#contents_bottom_cv.item02 .contents_bottom_cv_button div {
		width: 32%;
	}
}


/* ▽個別案③：セミナー紹介▽ -----------------------------------*/
#contents_bottom_cv.item03 {
	background-color: #fff6f6;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item03 .contents_bottom_cv_wrap {
		flex-direction: row-reverse;
	}

	#contents_bottom_cv.item03 .contents_bottom_cv_left {
		width: 285px;
	}

	#contents_bottom_cv.item03 .contents_bottom_cv_right {
		width: calc(100% - 310px);
	}
}

/* タイトルエリア */
#contents_bottom_cv.item03 .contents_bottom_cv_title_wrap {
	color: #f65b5b;
}

@media screen and (min-width: 576px) {
	#contents_bottom_cv.item03 .contents_bottom_cv_title_wrap {
		font-size: 24px;
	}
}

#contents_bottom_cv.item03 .contents_bottom_cv_sub_wrap {
	color: #f65b5b;
	font-weight: bold;
}

#contents_bottom_cv.item03 .contents_bottom_cv_title_wrap:before,
#contents_bottom_cv.item03 .contents_bottom_cv_title_wrap:after {
	border-top: 2px solid #f65b5b;
}

/* リンクボタン */
#contents_bottom_cv.item03 .contents_bottom_cv_button {
	width: 100%;
	display: block;
	text-align: center;
}

#contents_bottom_cv.item03 .contents_bottom_cv_button a {
	background-color: #f65b5b;
	color: #fff;
	max-width: 360px;
}

#contents_bottom_cv.item03 .contents_bottom_cv_button a:hover {
	background-color: #c24040;
}

@media screen and (max-width: 768px) {
	#contents_bottom_cv.item03 img.catchimage {
		margin-bottom: 20px;
	}
}

#contents_bottom_cv.item03 strong {
	font-size: 110%;
	font-weight: bold;
	color: #f65b5b;
}

/* ▽個別案④：事業所で探す▽ -----------------------------------*/
#contents_bottom_cv.item04 {
	background-color: #fdf8ed;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item04 .contents_bottom_cv_left {
		width: calc(100% - 280px);
	}

	#contents_bottom_cv.item04 .contents_bottom_cv_right {
		width: 260px;
	}
}

@media screen and (min-width: 1024px) {
	#contents_bottom_cv.item04 .contents_bottom_cv_title_wrap {
		font-size: 22px;
		margin-top: 3px;
	}
}

/* タイトルエリア */
#contents_bottom_cv.item04 .contents_bottom_cv_title_wrap {
	color: #f78c35;
}

#contents_bottom_cv.item04 .contents_bottom_cv_title_wrap:before,
#contents_bottom_cv.item04 .contents_bottom_cv_title_wrap:after {
	border-top: 2px solid #f78c35;
}

/* リンクボタン */
#contents_bottom_cv.item04 .contents_bottom_cv_button {
	width: 100%;
	display: block;
	text-align: center;
}

#contents_bottom_cv.item04 .contents_bottom_cv_button a {
	background-color: #f78c35;
	color: #fff;
	max-width: 360px;
}

#contents_bottom_cv.item04 .contents_bottom_cv_button a:hover {
	background-color: #b05001;
}

@media screen and (min-width: 1024px) {
	#contents_bottom_cv.item04 p {
		font-size: 16px !important;
	}
}

#contents_bottom_cv.item04 p strong {
	font-weight: bold;
	color: #f78c35;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item04 .contents_bottom_cv_title br {
		display: none;
	}
}

/* ▽個別案⑤：総合問い合わせ▽ -----------------------------------*/
#contents_bottom_cv.item05 {
	background-color: #fff6f3;
}

@media screen and (min-width: 768px) {
	#contents_bottom_cv.item05 .contents_bottom_cv_left {
		width: calc(100% - 230px);
	}

	#contents_bottom_cv.item05 .contents_bottom_cv_right {
		width: 214px;
	}
}

@media screen and (min-width: 1024px) {
	#contents_bottom_cv.item05 .contents_bottom_cv_wrap {
		align-items: flex-end;
	}

	#contents_bottom_cv.item05 .contents_bottom_cv_title_wrap {
		font-size: 22px;
		margin-top: 3px;
	}
}

/* image */
#contents_bottom_cv.item05 .pc-image.catchimage {
	margin-bottom: -28px;
}

/* タイトルエリア */
#contents_bottom_cv.item05 .contents_bottom_cv_title_wrap {
	color: #e96847;
}

#contents_bottom_cv.item05 .contents_bottom_cv_title_wrap:before,
#contents_bottom_cv.item05 .contents_bottom_cv_title_wrap:after {
	border-top: 2px solid #e96847;
}

/* リンクボタン */
#contents_bottom_cv.item05 .contents_bottom_cv_button a {
	background-color: #e96847;
	color: #fff;
	max-width: 360px;
}

#contents_bottom_cv.item05 .contents_bottom_cv_button a:hover {
	background-color: #932408;
}

@media screen and (min-width: 576px) {
	#contents_bottom_cv.item05 .contents_bottom_cv_title br {
		display: none;
	}
}



/* ================================================================
  トップページ法改正最新情報掲載 230926
================================================================ */
/*-------------------------------------------介護*/

#content04 {
	background-color: #fff;
}

#content04 .column_inner {
	margin-top: 15px;
}

#content04 .column-cat {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

#content04 .column__list__thumb {
	position: relative;
	display: block;
}

#content04 #column-panel-group {
	background: none;
	padding: 0px;
	box-sizing: border-box;
}

#content04 .column__list__title {
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.6em;
}

#content04 .trans-row__title {
	text-align: left;
	font-size: 22px;
	border-bottom: 1px solid #67ACDC;
	padding: 0 0 15px 0px;
	margin: 0;
}

#content04 .trans-row__title span {
	font-size: 16px;
	margin: 0 4px;
}

#content04 .btn__more {
	margin-top: 48px;
}

#content04 .column__list__day {
	display: flex;
	align-items: center;
}


@media screen and (min-width: 768px) {
	#content04 #column-panel-group {
		width: 100%;
		margin-left: 0;
	}

	#content04 .column_inner {
		margin-top: 20px;
	}

	#content04 .top_column-cnts {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	#content04 .top_column-cnts a {
		background-color: #fff;
		width: 32%;
		box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 22%);
	}

	#content04 .column__list {
		display: block;
	}

	#content04 .column__list__thumb,
	#content04 .column__list__detail {
		width: 100%;
	}

	#content04 .column__list__detail {
		padding: 4px 20px;
		box-sizing: border-box;
	}

	#content04 .column__list__thumb {
		overflow: hidden;
		margin-bottom: 15px;
	}

	#content04 .column__list__thumb figure {
		display: block;
		padding-top: 60%;
		position: relative;
		overflow: hidden;
	}

	#content04 .column__list__thumb figure img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
	}

	#content04 .trans-row__title {
		padding: 0 0 20px 0;
		margin: 0;
		font-size: 28px;
	}

	#content04 .trans-row__title span {
		font-size: 19px;
		margin: 0 8px;
	}
}

@media (max-width: 1080px) {
	#content04.top-section.-top .inner {
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}
}

@media (max-width: 768px) {
	#content04 .row {
		padding: 0 20px;
	}

	#content04.top-section.-top .inner {
		padding-left: 0px;
		padding-right: 0px;
		box-sizing: border-box;
	}
}

#content04 .row+.row {
	margin-top: 40px;
}

/*-------------------------------------------障がい*/
#content05 .column_inner {
	margin-top: 20px;
}

#content05 .column-cat {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

#content05 .column__list__thumb {
	position: relative;
	display: block;
}

@media screen and (min-width: 768px) {
	#content05 #column-panel-group {
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}

	#content05 #column-panel-group {
		background-color: #FFF;
		padding: 40px;
	}

	#content05 .column_inner {
		margin-top: 30px;
	}

	#content05 .top_column-cnts {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	#content05 .top_column-cnts a {
		width: 31%;
	}

	#content05 .column__list {
		display: block;
	}

	#content05 .column__list__thumb,
	#content05 .column__list__detail {
		width: 100%;
	}

	#content05 .column__list__thumb {
		overflow: hidden;
		margin-bottom: 15px;
	}

	#content05 .column__list__thumb figure {
		display: block;
		padding-top: 56%;
		position: relative;
		overflow: hidden;
	}

	#content05 .column__list__thumb figure img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
	}
}


@media (min-width:768px) {

	/*.home */
	.foot__btns {
		height: 80px
	}

	/*.home */
	.foot__btns__list {
		position: relative;
		width: 100%;
		max-width: 400px;

	}

	.foot__btns__list:before {
		position: absolute;
		background-image: url(../img/conv_btn_home.svg);
		content: "";
		top: -58px;
		width: 400px;
		left: calc(50% - 200px);
		height: 63px;
		background-size: cover;
	}
}

/*.home .foot__btns__list:before{
    position: absolute;
    content: "デモのご依頼・新規ご購入・ご相談はこちらから";
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: bold;
    top: -40px;
    width: 400px;
    left: calc(50% - 200px);
    border: 2px solid #fba174;
    padding: 12px;
    border-radius: 27px;
    background-color: #fff;
    box-sizing: border-box;
}
.home .foot__btns__list:after{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    top: 20px;
}*/

/* ================================================================
   #法改正プロジェクト　お知らせページ
================================================================ */

/* 【一覧ページ】 
----------------------------------------------------*/

/* 通常のお知らせ #info-wide */

#info-wide .row {
	max-width: 1400px;
}

@media screen and (min-width: 768px) {
	#info-wide .side-nav {
		width: 240px;
	}

	#info-wide .right-cnts {
		width: calc(96% - 240px);
	}
}

#info-wide .info-link__icn span br,
#info-wide .info__text span br {
	display: none;
}

#info-wide .info-link__icn,
#info-wide .info__text {
	overflow: hidden;
	padding-right: 2em;
	box-sizing: border-box;
}

#info-wide .info-link__icn span,
#info-wide .info__text span {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#info-wide .info-link__icn h4,
#info-wide .info__text h4 {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#info-wide .info__text {
	display: flex;
	align-items: center;
}

#info-wide .new-icon {
	margin-left: 0;
	line-height: 1.4;
}

/* 法改正のお知らせ #wf_taxonomy-info_category */

#wf-law2024 .two-column-column main * {
	/*letter-spacing: .05rem;*/
}

#wf_taxonomy-info_category .column-list .column-main h2 {
	margin: 0;
	padding: 5px 0;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 2px solid #181818;
	color: #333;
	line-height: 1.4;
}

@media (min-width:576px) {
	#wf_taxonomy-info_category .column-list .column-main h2 {
		font-size: 22px;
		margin: 0 0 20px;
	}
}

@media (min-width:768px) {
	#wf_taxonomy-info_category .column-list .column-main h2 {
		font-size: 28px;
	}
}

#wf_taxonomy-info_category .column__list__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

#wf_taxonomy-info_category .posts .column__list__thumb {
	position: relative;
}

#wf_taxonomy-info_category .posts .info-cat {
	width: auto;
	padding: 6px 8px;
	font-size: 12px;
	margin: 0 0 0 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
}

#wf_taxonomy-info_category .column__list__title {
	font-size: 20px;
	line-height: 1.5;
}

#wf_taxonomy-info_category .column__list__text {
	line-height: 1.6;
	color: #666;
}

#wf_taxonomy-info_category .posts .column__list__thumb img {
	aspect-ratio: 5/3;
	object-fit: cover;
}

#wf_taxonomy-info_category .column__list__title .icon_joint {
	color: #f28b8b;
	margin-left: 5px;
	line-height: 1.4;
	font-size: 80%;
}

/* レイアウトをパネル形式にする場合 */

@media (min-width:768px) {
	#wf_taxonomy-info_category .posts.panel-block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#wf_taxonomy-info_category .posts.panel-block>a {
		display: block;
		width: 48%;
	}
}

#wf_taxonomy-info_category .posts.panel-block>a dl.column__list,
#wf_taxonomy-info_category .posts.panel-block>a dl.column__list dt.column__list__thumb,
#wf_taxonomy-info_category .posts.panel-block>a dl.column__list dd.column__list__detail {
	width: 100%;
	display: block;
}

#wf_taxonomy-info_category .posts.panel-block>a dl.column__list dt.column__list__thumb {
	margin-bottom: 15px;
}

#wf_taxonomy-info_category .posts.panel-block>a dl.column__list dd.column__list__detail .column__list__day {
	font-size: 14px;
}

#wf_taxonomy-info_category .posts.panel-block>a dl.column__list dd.column__list__detail .column__list__title {
	font-size: 18px;
	margin-bottom: 0;
}

#wf_taxonomy-info_category .posts.panel-block>a dl.column__list dd.column__list__detail .column__list__text {
	display: none;
}

@media (min-width:576px) {
	#wf_taxonomy-info_category .posts.panel-block>a dl.column__list dd.column__list__detail .column__list__title {
		font-size: 18px;
	}
}

/* 【記事ページ】 
----------------------------------------------------*/

/* 法改正のお知らせ #wf_single-info */

#wf_single-info .marketo {
	border: 2px solid #e3e3e3;
	padding-bottom: 20px;
}

#wf_single-info .raw_alert {
	text-align: right;
	/*font-weight: bold;*/
	text-decoration: underline;
	margin-top: 40px;
	margin-bottom: 0;
	/*margin-bottom: 10px;*/
}

#wf_single-info .joint_quart {
	text-align: right;
	color: #888;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 15px;
	font-size: 12px;
}

#wf_single-info .joint_quart img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

@media screen and (min-width: 576px) {
	#wf_single-info .joint_quart {
		font-size: 14px;
	}

	#wf_single-info .joint_quart img {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
}

/* エディタ内成型 ---*/

#wf_single-info .image-block {
	margin: 30px 0;
}

@media screen and (min-width: 576px) {
	#wf_single-info .image-block {
		margin: 40px 0;
	}
}

#wf_single-info .image-block img+img,
#wf_single-info .image-block br+img {
	margin-top: 40px;
}

#wf_single-info .highlight {
	/*background: linear-gradient(transparent 60%, #ffff66 60%);*/
	background-color: #FFF5E4;
	padding: 2px 4px;
}

/* お問い合わせ（メルマガ登録フォーム） ---*/

#wf_single-info .info-contact-block {
	margin-top: 40px;
	text-align: center;
}

#wf_single-info .info-contact-header {
	margin: 20px auto 0 auto;
	padding: 0 20px;
	text-align: left;
}

#wf_single-info .info-contact-block .contact-header-title {
	font-size: 18px;
	color: #f28b8b;
	margin: 30px auto 15px auto;
	line-height: 1.4em;
}

#wf_single-info .info-contact-block p.pages__text {
	margin-bottom: 0;
}

#wf_single-info .info-contact-block p.pages__text+p.pages__text {
	margin-top: 10px;
}

@media screen and (min-width: 576px) {
	#wf_single-info .info-contact-block .contact-header-title {
		font-size: 28px;
		margin: 30px auto 15px auto;
	}
}

@media screen and (min-width: 768px) {
	#wf_single-info .info-contact-header {
		margin: 20px auto 0 auto;
		padding: 0 20px;
		text-align: center;
	}

	#wf_single-info .info-contact-block p.pages__text {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 992px) {
	#wf_single-info .info-contact-block .contact-header-title {
		font-size: 42px;
		margin: 30px auto 15px auto;
	}
}

#wf_single-info .info-contact-block em {
	color: #bf0000;
}

#wf_single-info .info-contact-block p span {
	color: #f3635e;
}

/* 上書き修正【記事エリア】
----------------------------------------------------------------------------*/

#wf_single-info.wf-law2024 .pages__text {
	color: #000;
}

#wf_single-info.wf-law2024 .info-detail {
	margin-bottom: 20px;
	padding: 20px 0 10px;
}

@media screen and (min-width: 576px) {
	#wf_single-info.wf-law2024 .info-detail {
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 768px) {
	#wf_single-info.wf-law2024 .info-detail {
		margin-bottom: 40px;
		padding: 30px 0;
	}
}

#wf_single-info.wf-law2024 .info-detail__date .info-cat {
	width: auto;
	font-size: 12px;
	padding: 6px;
	letter-spacing: 0;
}

@media screen and (min-width: 51em) {
	#wf_single-info.wf-law2024 .marketo h6 {
		font-size: 18px;
		padding: 16px 10px;
	}

	#wf_single-info.wf-law2024 .info-detail__date .info-cat {
		font-size: 15px;
		padding: 10px;
	}
}

.two-column-column #wf_single-info.wf-law2024 .n-p-sinlge .n-p-icon {
	padding: 8px 10px;
}

@media screen and (max-width: 575px) {
	.two-column-column #wf_single-info.wf-law2024 .column-list .info-detail__title {
		margin: 0 0 10px 0;
	}
}

/* 上書き修正【サイドメニュー】
----------------------------------------------------------------------------*/

.side-nav#js-side .banner-event {
	margin: 20px auto;
	text-align: center;
}

.side-nav#js-side .banner-event img {
	border: 1px solid #eee;
	box-sizing: content-box;
	margin: 0 auto;
}

.side-nav#js-side .banner-event a {
	display: block;
	width: 100%;
}

.side-nav#js-side .banner-event a+a {
	margin-top: 10px;
}

@media screen and (max-width: 1023px) {
	.side-nav#js-side .banner-event {
		margin: 40px auto;
	}
}

/* Sticky解除 or 下追従 */

/*法改正（一覧・記事ページともに）*/
/*.two-column-column #wf_taxonomy-info_category aside.side-nav#js-side{
	position: relative;
	top:auto;
}*/

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

	/* コラム・法改正　記事ページのみ下stickyにする */
	.two-column-column #wf_single-info aside.side-nav#js-side,
	body.two-column-column.two-column-columntwo-single .column-list aside.side-nav#js-side {
		padding-bottom: 40px;
		position: sticky;
		top: auto;
		bottom: 0;
	}

	.two-column-column #wf_single-info .pages-2clm,
	body.two-column-column.two-column-columntwo-single .pages-2clm {
		align-items: flex-end;
	}
}

.side-nav#js-side .side-cat-list li.product-link-item a {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	line-height: 1.6;
	padding: 6px 6px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
}

.side-nav#js-side .side-cat-list li.product-link-item a em {
	font-size: 12px;
	color: #346eb5;
	letter-spacing: 0;
}

#wf-law2024 .side-nav-pop .side-nav-category-h .kaigo {
	font-size: 90%;
	color: #3777C3;
}

#wf-law2024 .side-nav-pop .side-nav-category-h .shougai {
	font-size: 90%;
	color: #1a9d79;
}


/*  記事下のバナーエリア */

#column main .n-p-sinlge .banner-event {
	margin: 0 auto 40px auto;
}

#column main .n-p-sinlge .banner-event a[target="_blank"] {
	padding-right: 0;
	background: none;
}

@media screen and (max-width: 1023px) {
	#column main .n-p-sinlge .banner-event .kv_sp {
		display: none;
	}
}

#column main .n-p-sinlge .banner-event a img,
.side-nav#js-side .banner-event a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	transition: 0.1s linear;
}

#column main .n-p-sinlge .banner-event a:hover img,
.side-nav#js-side .banner-event a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 法改正のMV部分
----------------------------------------------------*/
#wf-law2024 .pages__main-title {
	line-height: 1.3;
	font-size: 18px;
	top: 48%;
}

#wf-law2024 .pages__main-subtitle.fc-w {
	font-size: 12px;
	margin-top: 70px;
}

@media (min-width: 370px) {
	#wf-law2024 .pages__main-title {
		font-size: 24px;
	}

	#wf-law2024 .pages__main-subtitle.fc-w {
		font-size: 13px;
		margin-top: 80px;
	}
}

@media (min-width: 576px) {
	#wf-law2024 h1.pages__main-title {
		font-size: 30px;
		line-height: 1.4;
	}

	#wf-law2024 .pages__main-subtitle.fc-w {
		font-size: 14px;
		margin-top: 90px;
	}
}

@media (min-width: 1024px) {
	#wf-law2024 h1.pages__main-title {
		font-size: 44px;
	}

	#wf-law2024 .pages__main-subtitle.fc-w {
		font-size: 15px;
	}
}


/* ================================================================
   #moreトップ　コンバージョンエリア設置20231017
================================================================ */
.more-top-conv {
  background-color: #3B983D;
  padding: 20px;
}

.more-top-btns {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.more-top-btns ul {
  display: block;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
}

.more-top-btns ul li {
  box-sizing: border-box;
  padding: 6px 20px;
  width: 100%;
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}

.more-top-btns ul li a {
  display: block;
  padding: 20px 48px 20px 60px; /* 左右余白を少し広げる */
  border-radius: 6px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  text-decoration: none;

  /* ボタン風の立体感 */
  box-shadow: 0 4px 0 rgba(0,0,0,0.25);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.more-top-btns ul li a:hover {
  opacity: 1 !important; 
  transform: translateY(2px);
  box-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

/* 矢印 */
.more-top-btns ul li a:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  margin-top: -4px;
}

/* アイコン */
.more-top-btns ul li a:before {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 20px;
  content: "";
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}


/* 1つ目: 黄色 */
.more-top-btns ul li:nth-child(1) > a {
  background-color: #FFF262;
  color: #333;
  box-shadow: 0 4px 0 #CA9B00;
}
.more-top-btns ul li:nth-child(1) > a:hover {
  box-shadow: 0 2px 0 #CA9B00;
}

/* 2つ目: オレンジ */
.more-top-btns ul li:nth-child(2) > a {
  background-color: #FA9246;
  box-shadow: 0 4px 0 #B55151;
}
.more-top-btns ul li:nth-child(2) > a:hover {
  box-shadow: 0 2px 0 #B55151;
}

/* 3つ目: 緑 */
.more-top-btns ul li:nth-child(3) > a {
  background-color: #14C478;
  box-shadow: 0 4px 0 #058057;
}
.more-top-btns ul li:nth-child(3) > a:hover {
  box-shadow: 0 2px 0 #058057;
}

/* アイコン画像 */
.more-top-btns ul li:nth-child(1) a::before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/conv_icon01.svg);
}
.more-top-btns ul li:nth-child(2) a::before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/conv_icon03.svg);
}
.more-top-btns ul li:nth-child(3) a::before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/conv_icon02.svg);
  width: 24px;
  height: 24px;
}

/* PCレイアウト */
@media screen and (min-width: 1024px) {
  .more-top-btns ul {
    display: flex;
    justify-content: space-between;
  }
  .more-top-btns ul li {
    padding: 0;
    width: 32%;
    margin: 0;
  }
  .more-top-btns ul li a {
    padding: 24px 48px 24px 60px;
  }
  .more-top-conv {
    padding: 40px 0;
  }
}



/*コンバージョンボタンデザインフェーズ01*/
.conv_phase01 {
    font-family: 'Noto Sans JP';
}
.conv_phase01 .btn-block02-inner {
  display: block;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
}

.conv_phase01 .btn-block02-inner div{
  box-sizing: border-box;
  padding: 6px 20px;
  width: 100%;
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}

.conv_phase01 .btn-block02-inner div a {
  display: block;
  padding: 20px 48px 20px 60px; /* 左右余白を少し広げる */
  border-radius: 6px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  text-decoration: none;

  /* ボタン風の立体感 */
  box-shadow: 0 4px 0 rgba(0,0,0,0.25);
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.conv_phase01 .btn-block02-inner div a:hover {
  opacity: 1 !important; 
  transform: translateY(2px);
  box-shadow: 0 2px 0 rgba(0,0,0,0.25);
}

/* 矢印 */
.conv_phase01 .btn-block02-inner div a:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  top: 50%;
  right: 20px;
  margin-top: -4px;
}

/* アイコン */
.conv_phase01 .btn-block02-inner div a:before {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 20px;
  content: "";
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
    border: none;
  margin: 0;
}


/* 1つ目: 黄色 */
.conv_phase01 .btn-block02-inner div:nth-child(1) > a {
  background-color: #FFF262;
  color: #333;
  box-shadow: 0 4px 0 #CA9B00;
}
.conv_phase01 .btn-block02-inner div:nth-child(1) > a:hover {
  box-shadow: 0 2px 0 #CA9B00;
}

/* 2つ目: オレンジ */
.conv_phase01 .btn-block02-inner div:nth-child(2) > a {
  background-color: #FA9246;
  box-shadow: 0 4px 0 #B55151;
}
.conv_phase01 .btn-block02-inner div:nth-child(2) > a:hover {
  box-shadow: 0 2px 0 #B55151;
}

/* 3つ目: 緑 */
.conv_phase01 .btn-block02-inner div:nth-child(3) > a {
  background-color: #14C478;
  box-shadow: 0 4px 0 #058057;
}
.conv_phase01 .btn-block02-inner div:nth-child(3) > a:hover {
  box-shadow: 0 2px 0 #058057;
}

/* アイコン画像 */

.conv_phase01 .btn-block02-inner div:nth-child(1) a::before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/conv_icon01.svg);
}
.conv_phase01 .btn-block02-inner div:nth-child(2) a::before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/conv_icon03.svg);
}
.conv_phase01 .btn-block02-inner div:nth-child(3) a::before {
  background-image: url(/wp/wp-content/themes/ndsoft/img/conv_icon02.svg);
  width: 24px;
  height: 24px;
}

/* PCレイアウト */
@media screen and (min-width: 1024px) {
  .conv_phase01 .btn-block02-inner {
    display: flex;
    justify-content: space-between;
  }
  .conv_phase01 .btn-block02-inner div {
    padding: 0;
    width: 32%;
    margin: 0;
  }
  .conv_phase01 .btn-block02-inner div a {
    padding: 24px 48px 24px 60px;
  }

}




/* ================================================================
   お知らせ見出しスタイル調整20240508
================================================================ */

.info-detail__cnts .seminar-title {
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	position: relative;
	color: #092f66;
	margin: 40px auto;
	padding: 0 40px;
}

.info-detail__cnts .seminar-title:before {
	content: "";
	width: 32px;
	height: 2px;
	background-color: #092f66;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
}

.info-detail__cnts .seminar-title:after {
	content: "";
	width: 32px;
	height: 2px;
	background-color: #092f66;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}

@media screen and (min-width: 768px) {
	.info-detail__cnts .seminar-title {
		font-size: 35px;
		margin: 70px auto;
		padding: 0 100px;
	}

	.info-detail__cnts .seminar-title:before {
		width: 100px;

	}

	.info-detail__cnts .seminar-title:after {
		width: 100px;

	}
}

/* ================================================================
   トップページKV　YouTube埋め込み版 20241031
================================================================ */

.mv02 .inner.movie_layout {
	display: flex !important;
	align-items: flex-start;
	flex-wrap: wrap;
	background: rgb(38, 185, 158);
	background: linear-gradient(90deg, rgba(38, 185, 158, 1) 0%, rgba(41, 108, 195, 1) 100%);
}

.mv02 .inner.movie_layout .youtube {
	width: 100%;
}

.mv02 .inner.movie_layout .movie_catch {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
	padding: 16px 10px;
}

@media screen and (min-width: 1024px) {
	.mv02 .inner.movie_layout .movie_catch {
		padding: 0 10px;
	}
}


/* ================================================================
   トップページ　YouTube埋め込みエリア追加 20250314
================================================================ */

.movie-block {
	max-width: 800px;
	margin: 0 auto;
	border-radius: 12px;
	overflow: hidden;
}

.movie-title .wf-h2 {
	background: linear-gradient(90deg, rgba(38, 185, 158, 1) 0%, rgba(41, 108, 195, 1) 100%);
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	color: #fff;
	line-height: 2;
	font-size: clamp(14px, 1.5vw, 20px);
	padding: 14px;
	box-sizing: border-box;
}



/* ================================================================
   #セミナーへの導線エリア 20241128
================================================================ */

.to_seminar {
	background-color: #FEF3F3;
	border-radius: 4px;
	position: relative;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 20px;
}

/*
.to_seminar::before {
	position: absolute;
	top: -20px;
	right: 50%;
	content: "";
	width:1px;
	height:40px;
	background-color:#181818;
}
*/

.btn-to_seminar {
	color: #fff !important;
	text-decoration: none !important;
	background-color: #f28b8b;
	padding: 20px;
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	border-radius: 48px;
	font-weight: bold;
	position: relative;
	box-sizing: border-box;
	transition: all 0.2s;
}

.btn-to_seminar:hover {
	background-color: #d14b4b;
}


.btn-to_seminar::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 28px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.btn-to_seminar::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 24px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 24px;
	height: 24px;
	background-image: url("/wp/wp-content/themes/ndsoft/img/movie.svg");
	background-size: cover;
}



/* ================================================================
   #導入事例スタイル追加 20241206
================================================================ */



.case_list>li {
	position: relative;
	padding-bottom: 20px;
	/*border-bottom: 1px solid #ddd;*/
	padding-left: 60px;
	margin-bottom: 20px;
}


.case_list_number {
	border: 1px solid #477ab8;
	background-color: #f9f9f9;
	display: flex;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: -6px;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	border-radius: 28px;
	color: #477ab8;
}

@media screen and (max-width: 768px) {
	.case_list>li {
		padding-left: 0;
		padding-top: 20px;
	}

	.case_list_number {
		z-index: 1;
	}
}

.case_name {
	color: #477ab8;
	font-weight: bold;
	border-bottom: 1px solid #477ab8;
	margin: 0px auto;
	line-height: 1.4em;
	margin-bottom: 8px;
	font-size: 1rem;
	padding-bottom: 8px;
}

.case_strong {
	font-size: 1.2rem !important;
	font-weight: bold;
	color: #555;
	letter-spacing: 0.02rem;
	line-height: 1.75;
}

.case_list_table {
	display: flex;
	margin-bottom: 20px;
	gap: 20px;
}

.case_list_table>dt {
	font-weight: bold;
	width: 5rem;
	height: 5rem;
	background-color: #d3e7f4;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	border-radius: 6px;
	flex-direction: column;
	padding: 8px;
	letter-spacing: 0.1rem;
}

img.case_list_icon {
	width: 54px;
	padding: 4px;
	height: 54px;
}

.case_list_table>dd {
	flex: 1;
	padding: 0rem;
}

.case_list_head {
	display: block;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	margin-bottom: 0.5rem;
	padding: 0.25rem;
	color: #477ab8;
}

.case_list_table_before {
	padding-bottom: 20px;
	position: relative;
}

.case_list_table_before:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-right: 2px solid #477ab8;
	border-bottom: 2px solid #477ab8;
	bottom: 0px;
	left: 2.5rem;
	transform: rotate(45deg);
}

.case_list_table_after {
	font-weight: bold;
}

.case_list_table_after>dt {
	background-color: #fdebeb;
}

.info-detail__cnts a.case_link_youtube[target="_blank"] {
	padding-right: 0;
	border-radius: 8px;
	overflow: hidden;
	display: block;
	width: fit-content;
	margin: 0 auto;
	transition: all 0.2s;
}

.info-detail__cnts a.case_link_youtube:hover {
	opacity: 0.8;
}

/* ================================================================
   #ほのぼのＴＡＬＫ++ユーザーポータルページ
================================================================ */

#honotalk-portal-faq .faq-block {
	border: 3px solid #f28b8b;
	border-radius: 8px;
	margin-top: 20px;
	overflow: hidden;
}

/* アコーディオン */

#honotalk-portal-faq .accordion_btn_wrap {
	display: none;
	padding: 24px 16px;
}

@media screen and (min-width: 768px) {
	#honotalk-portal-faq .accordion_btn_wrap {
		padding: 24px 30px;
	}
}

@media screen and (min-width: 1200px) {
	#honotalk-portal-faq .accordion_btn_wrap {
		padding: 40px 60px;
	}
}

#honotalk-portal-faq .js_accordion_btn {
	position: relative;
	font-size: clamp(1.6rem, 1.305rem + 0.78vw, 2.2rem);
	color: #333;
	font-weight: 600;
	cursor: pointer;
	transition: 0.1s linear;
	font-size: 16px;
	padding: 20px 56px 20px 16px;
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	line-height: 1.5;
}

@media screen and (min-width: 576px) {
	#honotalk-portal-faq .js_accordion_btn {
		font-size: clamp(1rem, 0.862rem + 0.69vw, 1.25rem);
		padding: 24px 56px 24px 24px;
	}
}

#honotalk-portal-faq .js_accordion_btn:hover {
	background-color: #fff6f6;
	color: #ea6767;
	margin-right: 24px
}

#honotalk-portal-faq .js_accordion_btn.acc-close,
#honotalk-portal-faq .js_accordion_btn.close {
	background-color: #fff6f6;
}

/*アイコンの＋と×*/
#honotalk-portal-faq .js_accordion_btn::before,
#honotalk-portal-faq .js_accordion_btn::after {
	display: block;
	position: absolute;
	content: "";
	width: 24px;
	height: 2px;
	background-color: #f28b8b;
	transition: 0.3s linear;
}

#honotalk-portal-faq .js_accordion_btn::before {
	top: 50%;
	right: 24px;
	transform: rotate(0deg);
}

#honotalk-portal-faq .js_accordion_btn::after {
	top: 50%;
	right: 24px;
	transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/
#honotalk-portal-faq .js_accordion_btn.acc-close::before,
#honotalk-portal-faq .js_accordion_btn.close::before {
	transform: rotate(45deg);
}

#honotalk-portal-faq .js_accordion_btn.acc-close::after,
#honotalk-portal-faq .js_accordion_btn.close::after {
	transform: rotate(-45deg);
}

#honotalk-portal-faq .js_accordion_btn .acc_image {
	width: auto;
	height: 26px;
	margin-right: 12px;
}

@media screen and (min-width: 768px) {
	#honotalk-portal-faq .js_accordion_btn .acc_image {
		width: auto;
		height: 40px;
		margin-right: 20px
	}
}

#honotalk-portal-faq .faq-index {
	margin-bottom: 32px;
}

#honotalk-portal-faq .faq-index a {
	color: #f28b8b;
	color: #333;
	text-decoration: underline;
}

#honotalk-portal-faq .faq-index a:hover {
	color: #f28b8b;
}

#honotalk-portal-faq .acc-title {
	color: #f28b8b;
	font-size: 20px;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.4;
}

@media screen and (min-width: 576px) {
	#honotalk-portal-faq .acc-title {
		font-size: 28px;
		margin: 0 0 30px 0;
	}
}

#honotalk-portal-faq ul.disc {
	list-style: disc;
	margin: 0 0 0 22px;
}

#honotalk-portal-faq ul.disc li {
	line-height: 1.7;
	margin-bottom: 8px
}

#honotalk-portal-faq .q-pagetop {
	border-top: 1px dotted #ccc;
	padding-top: 24px;
}

.giteki-box{
	margin-top:20px;
	display:flex;
	width:100%;
	align-items:center;
}
.giteki-box .giteki-img{
	margin-right:20px;
}
.giteki-box .pages__text{
	font-size:87.5%;
	word-break:break-all;
	margin-bottom:0;
}



/* ================================================================
   #経営理念・パーパス　20250403
================================================================ */


.philosophy_box {
    padding: 32px;
    background-color: #fefefe;
    border: 1px solid #ccc;
    margin-bottom: 40px;
}
.philosophy_headline_03 {
	text-align: center;
    font-size: 28px;
    line-height: 1.75em;
    /* font-weight: 600; */
    letter-spacing: 0.02em;
    color: #1859ab;
    font-weight: bold;
}

.philosophy_headline_sub {
	display: block;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 1;
    color: #F28B8B;
    text-align: center;
    color: #fff;
    padding: 8px 20px;
    width: fit-content;
    margin: 0 auto;
    border-radius: 20px;
    font-weight: normal;
    margin-bottom: 16px;
	background: #f28b8b;
}

.philosophy_headline_sub:after{
	content: "";
	width: 36px;
	height: 3px;
	border-radius: 10px;
	background: linear-gradient(135deg, #f28b8b 0%, #f28b8b 40%, #fba174 60%, #fba174 100%);
}
.philosophy_box_content {
    margin-top: 40px;
    line-height: 1.75;
}
.philosophy_flex01 {
    display: flex
;
    justify-content: flex-start;
    gap: 20px;
    align-items: stretch;
}

.philosophy_flex01_item01 {
    width: 25%;
    text-align: center;
    height: auto;
    aspect-ratio: 1 / 0.5;
}


.philosophy_box h4{
    color: #F28B8B;
    background-color: #FEF3F3;
    padding: 12px;
    box-sizing: border-box;
    background-color: #3574D1;
    color: #fff;
    font-size: 16px;
    background: linear-gradient(135deg, #f28b8b 0%, #f28b8b 40%, #fba174 60%, #fba174 100%);
}

.philosophy_flex01_item01 h4 {
	font-size: 20px;
    display: block;

    width: 100%;
    height: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
	background: #f28b8b;

}

.philosophy_flex01_item02{
    flex: 1;
    display: flex
;
    justify-content: center;
    flex-direction: column;
}

.philosophy_flex01_item02 ul {
    list-style: disc;
    list-style-position: inside;
    text-indent: -1.5em;
    margin-left: 1.5em;
    padding-left: 1em;
}


@media screen and (max-width: 768px) {
	.philosophy_box {
		padding: 20px;
	}
	.philosophy_box_title {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.philosophy_headline_03{
		font-size: 22px;
	}
	.philosophy_headline_sub{
		font-size: 16px;
	}
	.philosophy_flex01 {
		flex-direction: column;
		gap: 8px;
	}
	.philosophy_flex01_item01 {
		width: 100%;
		aspect-ratio: auto;
	}
	.philosophy_flex01_item01 h4 {
		padding: 12px;
		display: block;
		box-sizing: border-box;
		font-size: 18px;
		border-radius: 2px;
	}
}

/* ================================================================
   #ヘルスケアレター　20250422
================================================================ */

@media (max-width: 1023px) {
  #wf-letter-download .inner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

.backnumber-table{
	width: 100%;
	box-sizing: border-box;
	border:0;
	border-spacing:0;
	border-collapse:collapse;					
}
.backnumber-table td,
.backnumber-table th{
	padding: 10px;
	border:1px solid #ddd;
	vertical-align: middle;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.backnumber-table td,
	.backnumber-table th{
		padding: 16px;
	}	
}

.backnumber-table th{
	background-color: #f1f1f1;
}
.backnumber-table td{
	width: 80%;
}
.backnumber-table td + td{
	width: 20%;
	text-align: center;
}
.backnumber-table td img{
	vertical-align: middle;
}
.backnumber-table td a{
	display: inline-block;
}

/* ================================================================
   #404ページ　20250430
================================================================ */

.main.pages.page-404{
	margin-bottom: 60px;
}
.main.pages.page-404 .pages-section{
	margin-bottom: 0;
}
.main.pages.page-404 .pages-section .navi-404 a{
	margin:0 10px 20px 10px;
}

/* ================================================================
   #事業所が多い法人様へのご提案 support/enterprise/　20250711
================================================================ */

@media (max-width: 1023px) {
  [id*="wf-enterprise"] .inner {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}

.mb60{
	margin-bottom: 60px;
}

/* 01：お任せ下さい */
[id*="wf-enterprise"] .omakase-catch{
	margin: 15px 0 40px 0;
}
[id*="wf-enterprise"] .omakase-catch p{
	color: #ef7c7c;
	font-size: 22px;
	line-height: 1.7;
	font-weight:bold;
}
@media (min-width: 768px) {
	[id*="wf-enterprise"] .omakase-catch p{
		font-size: 36px;
	}
}
[id*="wf-enterprise"] .image01{
	max-width: 1000px;
	width: 100%;
}

/* 02：解決事例 */

[id*="wf-enterprise"] .case-block{
	margin-top: 30px;
}

[id*="wf-enterprise"] .case-block-item{
	width: 100%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	margin-bottom: 20px;
}

[id*="wf-enterprise"] .case-block-item-inner{
	padding: 20px;
}
@media (min-width: 768px) {
	[id*="wf-enterprise"] .case-block-item-inner{
		padding: 30px;
	}
}
[id*="wf-enterprise"] .case-block-item-inner p{
	line-height: 1.7;
}

[id*="wf-enterprise"] .case-title{
	background-color: #5d94c7;
	color: #fff;
	padding: 14px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
@media (min-width: 768px) {
	[id*="wf-enterprise"] .case-title{
		font-size: 20px;
	}
}
[id*="wf-enterprise"] .case-icon{
	background-color: #333;
	color: #fff;
	padding: 8px 0;
	border-radius: 4px 4px 0 0;
	line-height: 1;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	font-size: 16px
}

[id*="wf-enterprise"] .case-icon.-task{
	background-color: #81a5df;
}
[id*="wf-enterprise"] .bg01{
	background-color: #eff4fc;
	padding: 12px;
}
[id*="wf-enterprise"] .case-icon.-solve{
	background-color: #f3939b;
}	
[id*="wf-enterprise"] .bg02{
	background-color: #fff5f5;
	padding: 12px;
}			

[id*="wf-enterprise"] .icon-face{
	width: 17px;
	height: auto;
	margin-right: 3px;
}
[id*="wf-enterprise"] .icon-mame{
	width: 17px;
	height: auto;
	margin-right: 8px;
}

/* お客様の声 */

[id*="wf-enterprise"] .flex-box img{
	width: 100%;
	height: auto;
}
@media (min-width: 768px) {
[id*="wf-enterprise"] .flex-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	[id*="wf-enterprise"] .voice-left{
	width:31%;
	}
	[id*="wf-enterprise"] .voice-right{
	width:65%;
	}
}
/*▼「ほのぼの」シリーズで解決したお困り事*/

[id*="wf-enterprise"] .keyword_block{
	padding: 12px;
	border:1px solid #d4dae0;
	line-height:1.5;
}
@media (min-width: 768px) {
	[id*="wf-enterprise"] .keyword_block{
		padding: 12px;
	}
}
[id*="wf-enterprise"] .keyword_block + .keyword_block{
	margin-top: 10px;
}						
[id*="wf-enterprise"] .case__list__detail_keyword_title{
	color: #222;
	text-align: left;
	font-size: 15px;
	line-height: 1.4;
	margin-bottom: 7px;
}
[id*="wf-enterprise"] .info-detail__date .info-cat{
	font-size: 13px;
}
[id*="wf-enterprise"] .info-area{
	background-color: #f28b8b;
}
[id*="wf-enterprise"] .info-detail__date{
	margin-bottom: 20px;
}
[id*="wf-enterprise"] .case__list__detail_keyword span{
	box-sizing: border-box;
	font-size: 13px;
	padding: 6px 10px;
	text-align: center;
	color: #126eab;
	color: #fff;
	transition: opacity .2s;
	display: inline-block;
	background-color: #eceff5;
	background-color: #f3939b;
}
[id*="wf-enterprise"] .case__list__detail_keyword span{
	margin-right: 5px;
}
[id*="wf-enterprise"] .-system{
	font-size: 14px;
}
[id*="wf-enterprise"] .-system a{
	text-decoration: underline;
	color:#217fca;
}
[id*="wf-enterprise"] .case-corp{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.5;
}

/* ================================================================
   #iPhone / iPad  レンタルサービスを知りたい導線（コンポーネント）
================================================================ */

.mobilerental-block p{
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.8;
}

.mobilerental-block p span{
	font-weight: 	bold;
	font-size: clamp(0.875rem, 0.818rem + 0.24vw, 1rem);
	position: relative;
	display: inline-block;
	padding: 0 1.5em;
}

.mobilerental-block p span::before,
.mobilerental-block p span::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 1.2em;
  height: 1.2em;
  border-top: 2px solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}

.mobilerental-block p span::before {
  left: -.5em;
	top:1.3em;
  transform: translateY(-50%) rotate(60deg);
}

.mobilerental-block p span::after {
  right:-.5em;
	top:1.3em;
  transform: translateY(-50%) rotate(-60deg);
}

a.mobilerental-btn{
	border:1px solid #ddd;
	padding: 18px 40px 18px 10px;
	display: flex;
	align-items: center;
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	max-width: 540px;
	margin:0 auto;
	font-size:clamp(0.875rem, 0.79rem + 0.36vw, 1.063rem);
	font-weight: bold;
	background:#eaf7fb no-repeat right 12px center;
	background-size:24px;
	line-height: 1.4;
	position: relative;
	transition:0.15s linear;
	border-radius: 50px;
}
@media screen and (min-width: 640px) {
	a.mobilerental-btn{
		padding: 14px 60px 13px 16px;
		background:#eaf7fb no-repeat right 20px center;
		background-size:38px;
		letter-spacing: .5px;
	}			
}

a.mobilerental-btn img{
	margin-right: 8px;
	width: 34px;
	height: auto;
}
@media screen and (min-width: 640px) {
	a.mobilerental-btn img{
		margin-right: 12px;
		width: 40px;
		height: auto;
	}
}

a.mobilerental-btn::after {
	content: '';
	display: inline-block;
	margin-left: 24px;
	width: 0.5em;
	height: 0.5em;
	border-top: 3px solid #4478d1;
	border-right: 3px solid #4478d1;
	transform: rotate(45deg);
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -6px;
}

@media screen and (min-width: 640px) {
		a.mobilerental-btn::after {
		margin-left: 24px;
		width: 0.5em;
		height: 0.5em;
		border-top: 3px solid #4478d1;
		border-right: 3px solid #4478d1;
		top: 50%;
		right: 30px;
		margin-top: -6px;
	}
}


a.mobilerental-btn:hover{
	color: #4d7dd0;
	background-color: #d7f0f7;
}
/*
a.mobilerental-btn:hover::after {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}*/


/* ================================================================
   #導入事例
================================================================ */

	/* コンサルエリア */
.wf-case251104 .navi-block{
	margin-top: 40px;
	background: url("../img/case/2025/11/consult.svg") center bottom no-repeat;
	background-size: auto 150px;
	padding:0 0 160px 0;
	display: flex;
	align-items:flex-start;
}
@media screen and (min-width: 768px) {
	.wf-case251104 .navi-block{
	margin-top: 80px;
	background: url("../img/case/2025/11/consult.svg") right 3% bottom no-repeat;
	background-size: auto 180px;
	min-height: 180px;
	padding: 0 180px 0 0;
	display: flex;
	align-items:flex-start;
	}
}
.wf-case251104 .navi-block.happy{
	margin-top: 40px;
	background: url("../img/case/2025/11/consult2.svg") center bottom no-repeat;
	background-size: auto 150px;
	padding:0 0 160px 0;
	display: flex;
	align-items:flex-start;
}
@media screen and (min-width: 768px) {
	.wf-case251104 .navi-block.happy{
	margin-top: 80px;
	background: url("../img/case/2025/11/consult2.svg") right 3% bottom no-repeat;
	background-size: auto 200px;
	min-height: 180px;
	padding: 0 220px 0 0;
	display: flex;
	align-items:flex-start;
	}
}





.wf-case251104 .navi-block p{
	background-color: #f0f8ff;
	border-radius: 12px;
	padding: 20px;
	font-size: clamp(1rem, 0.818rem + 0.45vw, 1.125rem) !important;	
	font-weight: bold;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.7 !important;
	margin-bottom: 0;
}
@media screen and (min-width: 640px) {
	.wf-case251104 .navi-block p{
		padding: 4% 4% 3% 4%;
		margin-bottom: 48px;
	}
}
/* ソリューションコンサルタントあしらい */	
.wf-case251104 .navi-block p .solu{
	background-color: #4c78af;
	color: #fff;
	padding: 8px;
	line-height: 1;
	font-size: 15px;
	display: inline-block;
	margin-bottom: 12px;
}	
		
/* コンサルエリア 吹き出しのしっぽ */		
@media screen and (max-width: 767px) {	
.wf-case251104 .navi-block p::before {
		content: "";
		position: absolute;
		bottom: -34px;
		left: 10%;
		border: 14px solid transparent;
		border-top: 24px solid #f0f8ff;
	}
}
@media screen and (min-width: 768px) {
.wf-case251104 .navi-block p::before {
		content: "";
		position: absolute;
		top: 50%;
		right: -36px;
		transform: translateY(-50%);
		border: 14px solid transparent;
		border-left:24px solid #f0f8ff;
	}
}		

		
.wf-case251104 .navi-block.happy .achievement{
	font-size: clamp(1.25rem, 0.964rem + 0.79vw, 1.5rem);
	display: flex;
	align-items: center;
	margin:6px 0 10px 0;
	margin-left: -8px;
	line-height: 1;
}
.wf-case251104 .navi-block.happy .crown{
	width: 30px;
	height: auto;
	fill: #fbdb2f;
	margin:0 8px;
}
.wf-case251104 .navi-block.happy p{
	background-color: #fff6f8;
	font-size: clamp(1rem, 0.857rem + 0.4vw, 1.125rem) !important;
}
@media screen and (max-width: 767px) {	
.wf-case251104 .navi-block.happy p::before {
		border-top: 24px solid #fff6f8;
	}
}
@media screen and (min-width: 768px) {
.wf-case251104 .navi-block.happy p::before {
		border-left:24px solid #fff6f8;
	}
}



/* 職員ボイス */
.wf-case251104 .image-block.flex.interview-thumb{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
	flex-wrap: wrap;
	margin:0 0 12px 0;
	font-size: 15px;
}
.wf-case251104 .image-block.flex.interview-thumb figure{
	max-width: 100px;
	width: 40%;
	margin: 0 auto 15px auto;
}
.wf-case251104 .image-block.flex.interview-thumb figure img{
	border-radius: 100%;
	margin-bottom: 10px;
}
.wf-case251104 .image-block.flex.interview-thumb p{
	text-align: left;
	background-color:#fff;
	padding: 16px;
	font-size: clamp(1rem, 0.818rem + 0.45vw, 1.125rem);
	box-sizing: border-box;
	border-radius: 6px;
	position: relative;
	border:3px solid #477ab8;
	line-height: 1.7;
	margin-bottom: 16px;
}	
@media screen and (min-width: 640px) {
	.wf-case251104 .image-block.flex.interview-thumb p{
		padding: 20px 30px;
		margin-bottom: 0;
	}			
}

/* 職員ボイス 吹き出しのしっぽ */	
@media screen and (max-width: 639px) {	
	.wf-case251104 .image-block.flex.interview-thumb p::before {
		content: "";
		position: absolute;
		bottom: -32px;
		left: 10%;
		border: 14px solid transparent;
		border-top: 16px solid #477ab8;
	}
	.wf-case251104 .image-block.flex.interview-thumb p::after {
		content: "";
		position: absolute;
		bottom: -28px;
		left: 10%;
		border: 14px solid transparent;
		border-top: 16px solid #fff;
	}		
}	
@media screen and (min-width: 640px) {
	.wf-case251104 .image-block.flex.interview-thumb p::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -32px;
		transform: translateY(-50%);
		border: 14px solid transparent;
		border-right: 16px solid #477ab8;
	}
	.wf-case251104 .image-block.flex.interview-thumb p::after {
		content: "";
		position: absolute;
		top: 50%;
		left: -28px;
		transform: translateY(-50%);
		border: 14px solid transparent;
		border-right: 16px solid #fff;
	}
}
@media print, screen and (min-width: 640px){ 
	.wf-case251104 .image-block.flex.interview-thumb figure{
		max-width:inherit;
		width: 100px;
		margin:0;
	}
	.wf-case251104 .image-block.flex.interview-thumb p{
		width: calc(100% - 130px);
	}
}		
/* happy */
.wf-case251104 .image-block.flex.interview-thumb p.happy{
	border-color: #e7859f;
	color: #333;
	font-weight: bold;
}	

@media screen and (max-width: 639px) {
	.wf-case251104 .image-block.flex.interview-thumb p.happy::before {
		border-top: 16px solid #e7859f;
	}
}
@media screen and (min-width: 640px) {
	.wf-case251104 .image-block.flex.interview-thumb p.happy::before {
		border-right: 16px solid #e7859f;
	}
}
		
		
/* コンサルボイス */
.wf-case251104 .image-block.interview-thumb2{
	margin:24px 0 32px 0;
}
.wf-case251104 .image-block.flex.interview-thumb2{
	display: flex;
	/*justify-content:flex-end;*/
	/*flex-direction: row-reverse;*/
	align-items: center;
	flex-wrap: wrap;
}

.wf-case251104 .image-block.flex.interview-thumb2 figure{
	max-width: 100px;
	width: 40%;
	margin: 0 auto 15px auto;
}
.wf-case251104 .image-block.flex.interview-thumb2 figure img{
	border-radius: 100%;
}
.wf-case251104 .image-block.flex.interview-thumb2 p{
	text-align: left;
	background-color:#fff;
	font-size: 22px;
	/*font-weight: bold;*/
	box-sizing: border-box;
	border-radius: 6px;
	position: relative;
	border:3px solid #477ab8;
	line-height: 1.7;
	margin-bottom: 16px;
}		
@media screen and (min-width: 640px) {
	.wf-case251104 .image-block.flex.interview-thumb2 p{
		margin-bottom: 0;
	}			
}		
		
/* コンサルボイス 吹き出しのしっぽ */			
@media print, screen and (max-width: 639px){ 
	.wf-case251104 .image-block.flex.interview-thumb2 p::before {
		content: "";
		position: absolute;
		bottom: -32px;
		right: 10%;
		border: 14px solid transparent;
		border-top: 16px solid #477ab8;
	}
	.wf-case251104 .image-block.flex.interview-thumb2 p::after {
		content: "";
		position: absolute;
		bottom: -28px;
		right: 10%;
		border: 14px solid transparent;
		border-top: 16px solid #fff;
	}				
}
@media print, screen and (min-width: 640px){ 
	.wf-case251104 .image-block.flex.interview-thumb2 p::before {
		content: "";
		position: absolute;
		top: 50%;
		right: -32px;
		transform: translateY(-50%);
		border: 14px solid transparent;
		border-left: 16px solid #477ab8;
	}
	.wf-case251104 .image-block.flex.interview-thumb2 p::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -28px;
		transform: translateY(-50%);
		border: 14px solid transparent;
		border-left: 16px solid #fff;
	}		
}
		
@media print, screen and (min-width: 640px){ 
	.wf-case251104 .image-block.flex.interview-thumb2 figure{
		max-width:inherit;
		width: 100px;
		margin:0;
	}
	.wf-case251104 .image-block.flex.interview-thumb2 p{
		width: calc(100% - 130px);
	}
}			

/* 「提案」ラベル付き */	
.wf-case251104 .image-block.flex.interview-thumb2 .teian{
	display: flex;
	align-items: stretch;
	font-weight: bold;
	line-height: 1.7;
}
.wf-case251104 .image-block.flex.interview-thumb2 .teian span.teian-icon{
	background-color: #477ab8;
	color: #fff;
	padding:10px;
	display: inline;
	letter-spacing: 2px;
	width: 60px;
	text-align: center;
	font-size: clamp(1rem, 0.818rem + 0.45vw, 1.125rem);
	display: flex;
	align-items: center;
	justify-content: center;
}
.wf-case251104 .image-block.flex.interview-thumb2 .teian span.text-teian{
	padding: 12px 12px;
	font-size: clamp(1rem, 0.818rem + 0.45vw, 1.125rem);
	width: 100%;
	box-sizing: border-box;
}		
@media screen and (min-width: 640px) {
	.wf-case251104 .image-block.flex.interview-thumb2 .teian span.teian-icon{
		background-color: #477ab8;
		padding:10px;
		width: 80px;
	}		
	.wf-case251104 .image-block.flex.interview-thumb2 .teian span.text-teian{
	padding: 20px 20px;
	}					
}
		
/* 目標テーブル */
.wf-case251104 table.goal-tbl{
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	width: 100%;
}
.wf-case251104 table.goal-tbl td,
.wf-case251104 table.goal-tbl th{
	padding: 10px;
	font-size: clamp(0.875rem, 0.732rem + 0.4vw, 1rem);
	vertical-align: middle;
}
@media print, screen and (min-width: 640px){ 
	.wf-case251104 table.goal-tbl td,
	.wf-case251104 table.goal-tbl th{
		padding: 20px;
	}	
}
.wf-case251104 table.goal-tbl td {
	border:1px solid #ddd;
}
.wf-case251104 table.goal-tbl th{
	border:1px solid #ccc;
	background-color: #6294cf;
	color: #fff;
}
.wf-case251104 table.goal-tbl th:first-child{width: 48%;}
.wf-case251104 table.goal-tbl th:nth-child(2){width: 4%;}
.wf-case251104 table.goal-tbl th:last-child{width: 48%;}
.wf-case251104 table.goal-tbl .bg01{
	background-color: aliceblue;
	border-right-color: #fff;
	white-space: nowrap;
}		
		
/*詳しい操作手順*/	
.wf-case251104 .howto-block{
	border:1px solid #477ab8;
	padding: 5%;
	border-radius: 4px;
	position: relative;
	margin-bottom: 120px;
/*	margin-bottom: 180px;*/
}			
.wf-case251104 .howto-block::after{
	content:"";
	background: url("../img/case/2025/11/arrow.png") no-repeat center top;
	background-size:contain;
	width: 100%;
	height: 100px;
	display: block;
	position: absolute;
	bottom:-100px;
	left:0;
	z-index: -1;
}


.wf-case251104 .howto-block .howto-item{
	max-width: 750px;
	margin:0 auto;
}
.wf-case251104 .howto-block .howto-item img{
	border:1px solid #bbb;
	margin:16px 0 0 0;
}
.wf-case251104 .howto-block .howto-item .disc{
	list-style: disc;
	margin:16px 0 0 32px;
}

.wf-case251104 .howto-item + .howto-item{
	border-top:1px solid #ddd;
	padding-top: 32px;
	margin-top: 32px;
}
.wf-case251104 .howto-block h4{
	display: flex;
	align-items: center;
}
.wf-case251104 .howto-block h6{
	font-weight: bold;
	font-size: 120%;
}
.wf-case251104 .crown{
/*	width: 20px !important;
	height: auto !important;
	display: inherit !important;
	margin:0 6px !important;*/
}



/*.wf-case251104 .achievement{
	background: url("../img/case/2025/11/icon_crown.svg") left center no-repeat;
	background-size: 20px;
	padding-left: 24px;
	position: relative;
}
.wf-case251104 .achievement::after{
	content: "";
	background: url("../img/case/2025/11/icon_crown.svg") left center no-repeat;
	background-size: 20px;
	position: absolute;
	width: 20px;
	height: 20px;
	right:-25px;
	top:3px;
}	*/
.wf-case251104 h4.pen-icon{
	background: url("../img/case/2025/11/icon_pen.svg") left top 5px no-repeat;
	background-size: 20px;
	padding-left: 24px;
}

.wf-case251104 .achievement-step{
/*	border:3px solid #a5c5e1;
	border-radius: 12px;
	padding: 24px;*/
	margin:24px 0;

}
.wf-case251104 .achievement-step strong{
	font-size:18px;
	font-weight: bold;
	color:#477ab8;
	border-bottom: 2px dotted #a5c5e1;
	padding-bottom: 6px;
	display: block;
}
.wf-case251104 .achievement-step ul{
	margin:15px 0 0 22px;
}
.wf-case251104 .achievement-step ul li{
	list-style: disc;
}

#wf-case251104 .info-detail__cnts h4{
	color: inherit;
	border-color: #333;
}

#wf-case251104 .info-detail__cnts .happy_voice{
	font-size: clamp(1rem, 0.714rem + 0.79vw, 1.25rem);
	border-radius: 4px;
	background-color:#f390aa;
	padding: 16px;
	color: #fff;
	margin-bottom: 20px;
}

/* ================================================================
   #Marketo reCAPTCHA関連 251211
================================================================ */

.grecaptcha-badge {
    visibility: visible !important;
}
.mktoCaptchaDisclaimer {
    display: none;
}

/* ================================================================
   #トップページ特別なお知らせ
================================================================ */

.home .addtop01{
	padding: 15px 0;
}
@media screen and (min-width: 1024px) {
	.home .addtop01{
		padding: 32px 0;
	}
}
/* トップページ大きめスペースのアイコン有版 -----------*/
.addtop2026_wrap01{
	background-color: #FFF;
	padding: 12px;
	border: 2px solid #ed6868;
}	
@media screen and (min-width: 768px) {
	.addtop2026_wrap01{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 20px 20px 20px 0;
		border: 3px solid #ed6868;
	}		
}
.addtop2026_wrap01 .addtop2026-text01 {
  font-size: clamp(0.875rem, 0.738rem + 0.38vw, 1rem);/*14px-16px*/
  font-weight: bold;
  text-align: left;
  line-height: 1.7;
}
.addtop2026_wrap01 .addtop2026-text02 {
  font-size: clamp(0.813rem, 0.744rem + 0.34vw, 1rem);
  font-weight: normal;
  text-align: right;
  line-height: 1.7;
}
.addtop2026_wrap01 .addtop2026-text02 a{
	text-decoration:underline;
	color:#f28b8b;
}	
.addtop2026_wrap01 .addtop2026_left{
	text-align: center;
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	font-weight: bold;
	padding:0 0 12px 0;
	box-sizing: border-box;
}
.addtop2026_wrap01 .addtop2026_right{
	border-top:1px solid #bbb;
	padding:12px 0 0 0;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	.addtop2026_wrap01 .addtop2026_left{
		width: 15%;
	}	
	.addtop2026_wrap01 .addtop2026_right{
		border-top:none;
		border-left:1px solid #ddd;
		padding:0 0 0 32px;
		width: 85%;
	}	
}	
.addtop2026_wrap01 .addtop2026_left .attention-icon{
	width: 42px;
	height: auto;
	margin-bottom: 7px;
}	
@media screen and (min-width: 768px) {
	.addtop2026_wrap01 .addtop2026_left .attention-icon{
		width: 42px;
		height: auto;
		margin-bottom: 10px;
	}	
}

/* 下層ページ用の縮小版 */
.info-attention-box a{
  border:1px solid #ed6868;
  padding:14px 32px 14px 14px;
	position: relative;
	transition: 0.1s linear;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
	box-sizing: border-box;
	line-height: 1.5;
	font-size:clamp(0.875rem, 0.653rem + 0.46vw, 1rem);
}
.info-attention-box a::before,
.info-attention-box a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.info-attention-box a::before {
    width: 7px;
    height: 7px;
    border-top: 2px solid #ef3535;
    border-right: 2px solid #ef3535;
    transform: rotate(45deg);
}
.info-attention-box a:hover{
  background-color:#fff4f4 !important;
  border-color:#ed6868;
}



/* ================================================================
   #コラム回遊枠設置（最新記事への誘導）　20260106
================================================================ */

.two-column-column .column-list .related_link {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}
.two-column-column .column-list .related_link_title{
    background-color: #f2f5f9;
    display: flex;
	gap:12px;
    width: 100%;
    text-align: center;
    padding: 16px;
    font-weight: bold;
	justify-content: center;
    align-items: center;
	box-sizing: border-box;
	}	
.two-column-column .column-list .related_link_title.___blue{
	color:#1859ab;
	}
.two-column-column .column-list .related_link_list{
    padding: 20px;
    margin: 0 !important;
    font-size: 15px;
    gap: 10px;
    margin-top: 0;
    display: flex;
    flex-direction: column;
}
.two-column-column .column-list .related_link_list>li{
    display: flex;
	flex-direction: column;
	gap: 4px;
}
@media screen and (min-width: 768px) {
		.two-column-column .column-list .related_link_list>li{
		flex-direction: row;
		}
}
.two-column-column .column-list .related_link_list_date{
    width: 9em;
}
.two-column-column .column-list .related_link p{
	display:none!important;
}