/* base.css */
@charset "utf-8";

/*
メイン#11bdbd
背景#eefbfa
背景#d4f4f2
グレー#e6e6e6
黄色#faf45d
文字色#4d4d4d
暗色#11a3a3
*/
/* --------nkym---------- */
/* body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans JP', sans-serif;
} */
/* --------nkym---------- */
body {
	font-size: 14px;
}

@media screen and (min-width: 1000px) {
	body {
		font-size: 16px;
	}
}

a, button {
	cursor: pointer;
}

img {
	max-width: 100%;
}

.contents p {
	margin-bottom: 1.5em;
	line-height: 1.6;
}

.contents li {
	line-height: 1.4;
}

.contents a {
	color: #11bdbd;
	text-decoration: underline;
}

.contents a:hover {
	text-decoration: none;
}

/* レイアウト */
div.wrapper {
	padding-bottom: 0;
}

.contents {
	padding: 20px;
}

.article {
	margin: 0;
	padding: 0;
}

.contents > section:not(:last-child) {
	margin-bottom: 5em;
}

@media screen and (min-width: 1000px) {
	.main {
		width: 1200px;
		margin: 0 auto;
	}

	.contents {
		width: 960px;
		float: left;
		padding: 0;
	}
}

/* ヘッダー */
/* @media screen and (min-width: 1000px) {
	.lp-common-header .header__inner {
		display: flex;
		max-width: 1200px;
	}
	.lp-common-header .login__inner {
		width: 245px;
		text-align: right;
	}
	.lp-common-header .header__logo, .lp-common-header .nav__menus, .lp-common-header .nav, .login, .lp-common-header .login__button {
		position: relative;
	}
	.header__logo {
		width: 210px;
	}
	.nav__outer {
		width: 745px;
	}
	.lp-common-header .nav__menu {
		margin-left: 0;
		margin-right: 30px;
	}
	.lp-common-header .login__button {
		width: auto;
	}
	.lp-common-header .nav__menus {
		left: auto;
	}
	.header.lp-common-header {
		padding-left: 0;
	}
} */
/* 共用class */
@media screen and (min-width: 1000px) {
	.txtC {
		text-align: center;
	}
}

.txtS {
	font-size: smaller;
}

.txtNotes {
	background: linear-gradient(transparent 40%, #fffb8e 60%);
}

.imgC {
	display: block;
	margin: 0 auto;
}

.breadcrumb {
	background-color: transparent;
	padding: 0;
	margin: 1em 0;
	font-size: 12px;
}

@media screen and (min-width: 1000px) {
	.breadcrumb {
		font-size: 14px;
	}
}

.breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
}

.breadcrumb li:not(:last-child)::after {
	content: ">";
	margin: 0 0.5em;
}

.breadcrumb a {
	color: #11bdbd;
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

.ttl-contents {
	position: relative;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 24px;
	transform: translateY(-5px);
	padding-bottom: 10px;
}

@media screen and (min-width: 1000px) {
	.ttl-contents {
		transform: translateY(-1px);
		font-size: 30px;
		letter-spacing: 0.02em;
	}
}

.ttl-contents:before {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	width: 24px;
	height: 3px;
	content: '';
	background: #faf45d;
}

.ttl-contents:after {
	position: absolute;
	right: 0;
	bottom: -2px;
	left: 27px;
	z-index: 1;
	height: 6px;
	content: '';
	background: -moz-radial-gradient(circle, #87dddd 30%, white 30%);
	background: -webkit-radial-gradient(circle, #87dddd 30%, white 30%);
	background: radial-gradient(circle, #87dddd 30%, white 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#87DDDD", endColorstr="#ffffff", GradientType=1);
	background-repeat: repeat;
	background-size: 6px 6px;
}

.ttl-dot_tb {
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 20px;
}

.ttl-dot_tb:before,
.ttl-dot_tb:after {
	background: radial-gradient(circle farthest-side, #11bdbd, #11bdbd 30%, transparent 30%, transparent);
	background-size: 6px;
	content: '';
	display: inline-block;
	height: 6px;
	width: 100%;
}

.ttl-dot_tb:before {
	margin-bottom: 0.5em;
}

@media screen and (min-width: 1000px) {
	.ttl-dot_tb {
		font-size: 26px;
		letter-spacing: 0.02em;
	}
}

.ttl-border_lr {
	position: relative;
	padding: 0 65px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #11bdbd;
	margin-bottom: 1.5em;
}

.ttl-border_lr:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: #11bdbd;
}

.ttl-border_lr span {
	position: relative;
	padding: 0 1em;
	background: #fff;
}

@media screen and (min-width: 1000px) {
	.ttl-border_lr {
		font-size: 24px;
		letter-spacing: 0.02em;
	}
}

.ttl-area_green {
	display: inline-block;
	background: #11bdbd;
	color: #fff;
	font-weight: bold;
	padding: 0.5em 0.8em;
}

@media screen and (min-width: 1000px) {
	.ttl-area_green {
		font-size: 20px;
		letter-spacing: 0.02em;
	}
}

@media screen and (min-width: 1000px) {
	.flex {
		display: flex;
	}
}

.card-3 > li, .card-3 > div,
.column-3 > li, .column-3 > div, .column-3 > section {
	margin-bottom: 1.5em;
}

.card-3 a {
	display: block;
	padding: 15px;
	border: 1px solid #11bdbd;
	border-radius: 8px;
	width: 100%;
}

@media screen and (min-width: 1000px) {
	.card-3 {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
		margin-bottom: 30px;
	}

	.card-3 > li, .card-3 > div {
		width: calc(100% / 3 - 20px);
		display: flex;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1000px) {
	.column-3 {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}

	.column-3 > li, .column-3 > div, .column-3 > section {
		width: calc(100% / 3 - 20px);
		margin-bottom: 0;
	}
}

.list-document img {
	width: auto;
	height: 180px;
	object-fit: contain;
	margin-bottom: 15px;
	box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.2);
	background: #fff;
}

.list-document h3 {
	font-size: 16px;
	line-height: 1.2;
}

.list-document a {
	background: #fff url('/assets/svg/bg-list-document.svg') no-repeat center top/100% 150px;
	text-decoration: none;
	text-align: center;
	color: #4d4d4d;
}

/* AGX mod */
@media screen and (min-width: 1000px) {
	.list-document a:hover {
		color: #11bdbd;
	}
}

.btn-arrow_bottom,
.btn-arrow_right {
	display: block;
	color: #11bdbd;
	border-radius: 8px;
	border: 2px solid #11bdbd;
	margin: 1em auto;
	font-size: 15px;
	font-weight: bold;
	transition-duration: 0.25s;
}

.contents a.btn-arrow_bottom,
.contents a.btn-arrow_right {
	text-decoration: none;
	width: fit-content;
}

.btn-arrow_bottom {
	background: #fff url("/assets/svg/ico-arrow_bottom.svg") no-repeat right 0.8em center/1em;
	/* padding: 0.5em 3.5em 0.7em 2.5em; */
	padding: 0.7em 3.5em 0.7em 2.5em;
}

/* AGX mod */
@media screen and (min-width: 1000px) {
	.btn-arrow_bottom:hover {
		background-color: #11bdbd;
		background-image: url("/assets/svg/ico-arrow_bottom.svg#white");
		color: #fff;
	}
}

.btn-arrow_bottom:disabled {
	background-color: #e6e6e6;
	background-image: url("../resource/CommonAsset/images/ico-arrow_bottom.svg#white");
	color: #fff;
	border: 2px solid #e6e6e6;
}

.btn-arrow_right {
	background: #fff url("../resource/CommonAsset/images/ico-arrow_right.svg") no-repeat left 0.8em center/1em;
	padding: 0.5em 2.5em 0.7em 3.5em;
}

/* AGX mod */
@media screen and (min-width: 1000px) {
	.btn-arrow_right:hover {
		background-color: #11bdbd;
		background-image: url("../resource/CommonAsset/images/ico-arrow_right.svg#white");
		color: #fff;
	}
}

.link-internal {
	display: inline-block;
	background: transparent url("../resource/CommonAsset/images/ico-arrow_right_circle.svg") no-repeat left center/1em;
	padding-left: 1em;
	margin: 0 0.1em;
}

ul.default_style li {
	list-style: disc outside none;
	display: list-item;
	margin-left: 1.5em;
}

.about_DXform li:not(:last-child) {
	margin-bottom: 1em;
}

/*
ol.default_style{
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: decimal;
}
*/
/* docdl.css */
/* @charset "utf-8"; */
/* 資料DL関連css */
.doctype-wpaper, .doctype-service {
	background: #F5F5F5;
	margin-bottom: 5em;
}

.doctype-wpaper .wrap, .doctype-service .wrap {
	padding: 1.5em;
}

@media screen and (min-width: 1000px) {
	.doctype-wpaper .wrap, .doctype-service .wrap {
		padding: 30px;
	}
}

/*docdlcomplete（サンクスページ）*/
.about_DXform .ttl-border_lr img {
	max-height: 25px;
}

.about_DXform section {
	border: 1px solid #11bdbd;
	padding: 0 15px 15px 15px;
	background: #fff;
}

.about_DXform section h4 {
	background: #11bdbd;
	border-bottom: 1px solid #11a3a3;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 0.5em 1em;
	margin-bottom: 1em;
	font-size: 16px;
}

.about_DXform ul li:not(:last-child) {
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

.about_DXform .about_DXform-step span {
	display: block;
	text-align: center;
	font-family: 'ABeeZee';
	font-size: 14px;
	font-weight: bold;
	color: #11bdbd;
	letter-spacing: 0.2em;
	padding: 0.5em;
}

.about_DXform .imgC {
	margin-bottom: 0.5em;
}

.about_DXform table {
	width: 100%;
	margin-bottom: 1em;
	font-size: 14px;
}

.about_DXform th, .about_DXform td {
	padding: 0.3em 0.5em;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}

.about_DXform th {
	background: #e6e6e6;
	text-align: left;
	width: 7em;
}

@media screen and (min-width: 1000px) {
	.about_DXform section h4 {
		font-size: 18px;
	}

	.about_DXform .about_DXform-recommend ul li {
		min-height: 5.2em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.about_DXform .recommend ul li:last-child {
		min-height: 4.2em;
	}
}

.about_DXform .link-DXform {
	background: #d4f4f2 url("../resource/docdlAsset/images/bg-link_DXform.svg") no-repeat right bottom;
	padding: 1em 2em;
	border-radius: 8px;
	margin-top: 30px;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
	position: relative;
}

.about_DXform .link-DXform a {
	white-space: nowrap;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #faf45d;
}

/* AGX mod */
@media screen and (min-width: 1000px) {
	.about_DXform .link-DXform a:hover {
		background-color: #11bdbd;
	}
}

.about_DXform .link-DXform p {
	margin-bottom: 0;
	padding-left: 60px;
}

.ill-bird {
	position: absolute;
	left: -20px;
	top: -10px;
}

@media screen and (min-width: 1000px) {
	.about_DXform .about_DXform-commonheader {
		background-image: url('../resource/docdlAsset/images/ill-pc_m.svg'), url('../resource/docdlAsset/images/ill-pc_f.svg');
		background-repeat: no-repeat, no-repeat;
		background-position: left top 40px, right top 40px;
		min-height: 150px;
	}

	.about_DXform .ttl-border_lr img {
		max-height: none;
	}

	.about_DXform div.column-3 {
		margin-bottom: 30px;
	}
}

/* AGX追加 */
.side_area {
	width: 200px;
	float: right;
}

@media screen and (max-width: 999px) {
	.side_area {
		float: none;
		width: 94%;
		margin: 1%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* @media screen and (min-width: 1000px) {
    .btn-arrow_bottom {
        margin-bottom: 76px;
    }
}
@media screen and (max-width: 999px) {
    .btn-arrow_bottom {
        margin-bottom: 44px;
    }
} */
.list-document a {
	width: 100%;
}

main {
	font-size: 16px;
}

.animation-fadeup {
	animation-name: fadeup;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}

@keyframes fadeup {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* box サービスロゴ改修 start */
.list-document img.service-logo {
	padding: 50px;
}

/* box サービスロゴ改修 end */
/* --------nkym---------- */
.comm-layout-column:not(:empty) {
	padding-top: var(--lwc-layoutVerticalPadding, 0.75rem);
	padding-bottom: var(--lwc-layoutVerticalPadding, 0.75rem);
}

/* --------nkym---------- */
@media screen and (min-width: 768px) and (max-width: 999px) {
	.l-wrap {
		display: block !important;
	}

	.l-content .l-content__inner.l-content__inner--col2 {
		display: block !important;
	}

	.l-content__main {
		padding-inline: 32px !important;
	}
}

@media screen and (max-width: 999px) {
	.l-content__nav {
		visibility: hidden !important;
		/* 透明にする */
		opacity: 0 !important;
		transition: opacity 0.2s ease-in;
		/* ふわっと表示させるためのアニメーション */
	}

	.l-content__nav.is-visible {
		visibility: visible !important;
		opacity: 1 !important;
	}
}

.gnavi-menu {
	li {
		a {
			font-family: Noto Sans JP, 'ヒラギノ角 Pro W3', 'Hiragino Kaku Pro W3', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif !important;
		}
	}
}