@charset "UTF-8";

/*========================================================================

  reset

========================================================================*/

.pbHeaderArea {
	overflow: visible;
}
.pbFooterArea {
	overflow: visible;
	position: relative;
}
.pbNested {
	clear: none;
	overflow: visible;
}
.pb-layout {
	outline: 1px dotted #ccc !important;
	box-shadow: none!important;
}
.pb-handle {
	display: block!important;
	width: auto!important;
	height: auto!important;
	min-width: auto!important;
	min-height: auto!important;
	border: 1px solid #999!important;
	font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', Sans-serif!important;
	font-weight: normal!important;
	letter-spacing: normal!important;
	text-indent: 0!important;
	line-height: 1.6;
}
.pb-handle:before,
.pb-handle:after {
	display: none!important;
}
.pbNotEditable {
	min-width: 200px!important;
	background: rgba(32, 32, 32, 0.5)!important;
}
.pbZero td {
	vertical-align: middle;
}
select#component-page-id {
	appearance: auto;
	background: #fff;
	border: 1px solid #999;
}
.context-menu-item:before {
	display: none;
}
#componentHd #component-search {
	appearance: auto;
	box-sizing: content-box;
	background: #fff;
}

/*========================================================================

  page

========================================================================*/

@media screen and (min-width: 1024px) {
	.pbPage {
		overflow: hidden;
	}
	.pbPage.edit {
		overflow: hidden!important;
	}
}

/*========================================================================

  utility

========================================================================*/

.u_left {
	text-align: left!important;
}
.u_center {
	text-align: center!important;
}
.u_right {
	text-align: right!important;
}
.u_mt0 {
	margin-top: 0!important;
}
.u_mt10 {
	margin-top: 10px!important;
}
.u_mt20 {
	margin-top: 20px!important;
}
.u_mt30 {
	margin-top: 30px!important;
}
.u_mt40 {
	margin-top: 40px!important;
}
.u_mt50 {
	margin-top: 50px!important;
}

@media print, screen and (min-width: 1024px) {
	.u_sp {
		display: none!important;
	}
	.u_pc-center {
		text-align: center!important;
	}
	.u_pc-mt20 {
		margin-top: 20px!important;
	}
}

@media screen and (max-width: 1023px) {
	.u_pc {
		display: none!important;
	}
	.u_sp-mt20 {
		margin-top: 20px!important;
	}
}

/*========================================================================

  component

========================================================================*/

/*  main
========================================================================*/

.c_main > div {
	display: flex;
	gap: 60px;
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: 0 auto;
	padding: 64px 0;
}
.c_main > div:after {
	display: none;
}
.c_main.small > div {
	max-width: 1136px
}
.c_main .mainArea {
	flex: 1;
}
.c_main .sideArea {
	width: 234px;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.c_main > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.c_main > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.c_main > div {
		flex-flow: column;
		width: calc(100% - 40px);
		padding: 48px 0;
	}
	.c_main .sideArea {
		width: 100%;
	}
}

/*  section
========================================================================*/

.pbPage.edit .c_section {
	overflow: hidden!important;
}
.c_section > div {
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: 0 auto;
	padding: 64px 0;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.c_section > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.c_section > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.c_section > div {
		width: calc(100% - 40px);
		padding: 48px 0;
	}
}

/*  gray
------------------------------------------------*/

.c_section.gray {
	background: #F0F4F6;
}

/*  small
------------------------------------------------*/

.c_section.small > div {
	max-width: 1136px;
}
.c_section.white + .c_section.white.small > div {
	padding-top: 0;
}

/*  heading
========================================================================*/

/*  title
------------------------------------------------*/

.c_title > div {
	position: relative;
	height: 29vw;
	max-height: 560px
}
.c_title .image {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: auto!important;
}
.c_title .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c_title .image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/img/bg_title.png) no-repeat left center/cover;
	pointer-events: none;
}
.c_title .inner {
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
	color: #fff;
	line-height: 1.5;
	font-weight: 700;
}
.c_title.small .inner {
	max-width: 1136px;
}
.c_title .h1 {
	font-size: 4.2rem;
	line-height: 1.2;
}
.c_title .lead {
	margin-top: 16px;
	font-size: 1.4rem;
}
.c_title .lead p {
	line-height: 1.2;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.c_title .inner {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.c_title .inner {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.c_title > div {
		height: 53vw;
	}
	.c_title .inner {
		width: calc(100% - 40px);
	}
	.c_title .h1 {
		font-size: 2.6rem;
	}
	.c_title .lead {
		margin-top: 8px;
		font-size: 1rem;
	}
}

/*  title-simple
------------------------------------------------*/

.c_title-simple {
	background: #F0F4F6;
}
.c_title-simple > div {
	display: flex;
	align-items: center;
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: 0 auto;
	padding: 48px 0;
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.5;
}
.c_title-simple.small > div {
	max-width: 1136px
}
.c_title-simple > div > div {
	width: 100%;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.c_title-simple > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.c_title-simple > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.c_title-simple > div {
		width: calc(100% - 40px);
		min-height: 100px;
		padding: 20px 0;
		font-size: 2.8rem;
	}
}

/*  h1 ~ 6
------------------------------------------------*/

[class^='c_h'] {
	font-weight: 700;
	line-height: 1.5;
}

/*  h1  */

.c_h1:not(:first-child) {
	margin-top: 24px;
}
.c_h1 + div:not(:first-child) {
	margin-top: 24px;
}
.c_h1 > div {
	font-size: 3.4rem;
}

@media screen and (max-width: 1023px) {
	.c_h1 + div:not(:first-child) {
		margin-top: 16px;
	}
	.c_h1 > div {
		font-size: 2.8rem;
	}
}

/*  h2 , h3  */

.c_h2:not(:first-child),
.c_h3:not(:first-child) {
	margin-top: 64px;
}
.c_h2 + div:not(:first-child),
.c_h3 + div:not(:first-child) {
	margin-top: 24px;
}
.c_h2 > div {
	font-size: 2.8rem;
}
.c_h3 > div {
	font-size: 2.2rem;
}

.c_h2:not(.simple) > div,
.c_h3:not(.simple) > div {
	position: relative;
	padding-left: .75em;
}
.c_h2:not(.simple) > div:before,
.c_h3:not(.simple) > div:before {
	content: '';
	position: absolute;
	top: .2em;
	left: 0;
	width: 2px;
	height: 1.2em;
	background: #E63D30;
}

@media screen and (max-width: 1023px) {
	.c_h2:not(:first-child),
	.c_h3:not(:first-child) {
		margin-top: 48px;
	}
	.c_h2 + div:not(:first-child),
	.c_h3 + div:not(:first-child) {
		margin-top: 16px;
	}
	.c_h2 > div {
		font-size: 2.4rem;
	}
	.c_h3 > div {
		font-size: 2.1rem;
	}
}

/*  h4  */

.c_h4:not(:first-child) {
	margin-top: 50px;
}
.c_h4 + div:not(:first-child) {
	margin-top: 24px;
}
.c_h4 > div {
	padding-bottom: 16px;
	font-size: 2rem;
	border-bottom: 1px solid #658491;
}

@media screen and (max-width: 1023px) {
	.c_h4 > div {
		font-size: 1.9rem;
	}
	.c_h4 + div:not(:first-child) {
		margin-top: 16px;
	}
}

/*  h5  */

.c_h5:not(:first-child) {
	margin-top: 50px;
}
.c_h5 + div:not(:first-child) {
	margin-top: 24px;
}
.c_h5 > div {
	position: relative;
	padding-left: .75em;
	font-size: 1.8rem;
}
.c_h5 > div:before {
	content: '';
	position: absolute;
	top: .2em;
	left: 0;
	width: 2px;
	height: 1.2em;
	background: #003349;
}

@media screen and (max-width: 1023px) {
	.c_h5 + div:not(:first-child) {
		margin-top: 16px;
	}
}

/*  h6  */

.c_h6:not(:first-child) {
	margin-top: 50px;
}
.c_h6 + div:not(:first-child) {
	margin-top: 24px;
}
.c_h6 > div {
	font-size: 1.6rem;
}

@media screen and (max-width: 1023px) {
	.c_h6 + div:not(:first-child) {
		margin-top: 16px;
	}
}

/*  subtitle
------------------------------------------------*/

.c_subtitle:not(:first-child) {
	margin-top: 64px;
}
.c_subtitle {
	font-size: 1.8rem;
	font-weight: 700;
}
.c_subtitle + div:not(:first-child) {
	margin-top: .5em;
}

@media screen and (max-width: 1023px) {
	.c_subtitle:not(:first-child) {
		margin-top: 40px;
	}
	.c_subtitle {
		font-size: 1.6rem;
	}
}

/*  text
========================================================================*/

.c_style:not(:first-child) {
	margin-top: 40px;
}
.c_style p:not(:first-child) {
	margin-top: 15px;
}
.c_style a {
	margin-right: calc(1em + .5em);
	color: #658491;
	font-weight: 700;
}
.c_style a:after {
	position: absolute;
	content: '\e90a';
	font-family: "icomoon";
	font-weight: normal;
	color: #E63D30;
	transform: translateX(.25em);
}
.c_style a[target=_blank]:after,
.c_style a.pbOpenNewWindow:after {
	content: '\e900';
}
.c_style a[href*=".pdf"]:after {
	content: '\e904';
}
.c_style a > img {
	vertical-align: baseline;
}
@media (hover) {
	.c_style a:hover {
		text-decoration: underline;
	}
}

/*  bold
------------------------------------------------*/

.c_style.text-bold {
	font-weight: 700;
}

/*  small
------------------------------------------------*/

.c_style.text-small {
	font-size: 1.2rem;
}

/*  large
------------------------------------------------*/

.c_style.text-large {
	font-size: 1.8rem;
}

@media screen and (max-width: 1023px) {
	.c_style.text-large {
		font-size: 1.6rem;
	}
}

/*  list
========================================================================*/

.c_style li {
	line-height: 1.75;
}

/*  ul
------------------------------------------------*/

.c_style ul:not(:first-child) {
	margin-top: 24px;
}
.c_style ul > li {
	position: relative;
	padding-left: 1.25em;
	text-indent: initial;
}
.c_style ul > li:not(:first-child) {
	margin-top: .5em;
}
.c_style ul > li:before {
	content: '';
	position: absolute;
	top: .8em;
	left: 4px;
	width: 4px;
	height: 4px;
	background: #003349;
	border-radius: 100%;
}

/*  nested  */

.c_style li ul,
.c_style li ul:not(:first-child) {
	margin: .5em 0;
}
.c_style li ul li:not(:first-child) {
	margin-top: .25em;
}

/*  ol
------------------------------------------------*/

.c_style ol:not(:first-child) {
	margin-top: 24px;
}
.c_style ol {
	counter-reset: cnt;
}
.c_style ol > li {
	counter-increment: cnt;
	padding-left: 1.3em;
	position: relative;
}
.c_style ol > li:not(:first-child) {
	margin-top: .5em;
}
.c_style ol > li:before {
	content: counter(cnt);
	position: absolute;
	left: 0;
	font-weight: 700;
}
.c_style ol > li[data-cnt]:before {
	content: attr(data-cnt);
}

/*  nested  */

.c_style li ol,
.c_style li ol:not(:first-child) {
	margin: .5em 0;
}
.c_style li ol li:not(:first-child) {
	margin-top: .25em;
}
.c_style li ol li{
	padding-left: 1.6em;
}
.c_style li ol li:before {
	content: counter(cnt)")";
}
.c_style li ol li[data-cnt]:before {
	content: attr(data-cnt)")";
}

/*  check
------------------------------------------------*/

.c_style.list-check ul li {
	padding-left: 1.5em;
}
.c_style.list-check ul li:before {
	top: 0;
    left: 0;
	width: 14px;
    height: 1.8em;
	background: url(/common/img/icon_check.svg) no-repeat center center/contain;
}

/*  notes , notes-en
------------------------------------------------*/

.c_style.list-notes {
	font-size: 1.2rem!important;
}
.c_style.list-notes ul li {
	padding-left: 21px;
}
.c_style.list-notes ul li:before {
	content: '※';
	top: 0;
	left: 0;
	width: initial;
	height: initial;
	background: initial;
}
.c_style.list-notes ol li {
	padding-left: 34px;
}
.c_style.list-notes ol li:before {
	content: '※'counter(cnt);
	font-weight: initial;
}
.c_style.list-notes ol li[data-cnt]:before {
	content: '※'attr(data-cnt);
}

/*  notes-en
------------------------------------------------*/

.c_style.list-notes-en {
	font-size: 1.2rem;
}
.c_style.list-notes-en ul li {
	padding-left: 15px;
}
.c_style.list-notes-en ul li:before {
	content: '*';
	top: 0;
	left: 0;
	width: initial;
	height: initial;
	background: initial;
}

/*  link
========================================================================*/

.c_link:not(:first-child) {
	margin-top: 40px;
}
.c_link p:not(:first-child) {
	margin-top: 16px;
}
.c_link a {
	margin-right: .25em;
	font-weight: 700;
}
.c_link a:after {
	content: '\e90a';
	font-family: "icomoon";
	display: inline-block;
	margin-left: .25em;
	font-weight: normal;
	color: #E63D30;
	line-height: 1;
}
.c_link a[target=_blank]:after,
.c_link a.pbOpenNewWindow:after {
	content: '\e900';
}
.c_link a[href*=".pdf"]:after {
	content: '\e904';
}
.c_link.download a:after {
	content: '\e919';
	transform: translateX(.25em);
	font-size: 1.1em;
}

@media (hover) {
	.c_link a:hover {
		text-decoration: underline;
	}
}

/*  navy
------------------------------------------------*/

.c_link.-navy:not(.simple) > div:before {
	background: #003349;
}
.c_link.-navy a:after {
	color: #003349;
}

/*  button
========================================================================*/

.c_button:not(:first-child) {
	margin-top: 32px;
}
.c_button p {
	display: flex;
	justify-content: center;
}
.c_button a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-width: 340px;
	max-width: 100%;
	min-height: 56px;
	padding: 0 40px;
	background: #fff;
	color: #333;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
	border: 1px solid #CBD5DA;
	border-radius: 100px;
}
.c_button a:after {
	content: '\e90a';
	font-family: "icomoon";
	font-weight: normal;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 16px;
	color: #E63D30;
	transition: .3s all;
}
.c_button a[target=_blank]:after,
.c_button a.pbOpenNewWindow:after,
.c_button a[href^="mailto:"]:after {
	content: '\e900';
}
.c_button a[href*=".pdf"]:after {
	content: '\e904';
}
.c_button.icon a {
	padding: 0 35px 0 50px;
}
.c_button.icon a:before {
	content: '\e914';
	font-family: "icomoon";
	font-weight: normal;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 24px;
	font-size: 2.4rem;
	color: #E63D30;
	transition: .3s all;
}
.c_button.icon-contact {
	font-family: inherit!important;
}
.c_button.icon-contact:before {
	display: none;
}
.c_button.icon-contact a:before {
	content: '\e901';
	font-family: "icomoon";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 24px;
	font-weight: normal;
	font-size: 2.4rem;
	color: #E63D30;
	transition: .3s all;
}

@media (hover) {
	.c_button a:hover {
		color: #fff;
		background: #E63D30;
		border-color: #E63D30;
	}
	.c_button a:hover:before,
	.c_button a:hover:after {
		color: #fff;
	}
}

@media screen and (max-width: 1023px) {
	.c_button + .c_button {
		margin-top: 25px;
	}
	.c_button a {
		min-width: inherit;
		width: 100%;
		padding: 0 28px;
	}
	.c_button a:after {
		right: 12px;
	}
	.c_button.icon a {
		padding: 0 28px 0 30px;
	}
	.c_button.icon a:before,
	.c_button.icon-contact a:before {
		left: 12px;
		font-size: 2rem;
	}
}

/*  conversion
------------------------------------------------*/

.c_button.conversion a {
	background: #003349;
	border-color: #003349;
	color: #fff;
}
.c_button.conversion a:before,
.c_button.conversion a:after {
	color: #fff;
}
@media (hover) {
	.c_button.conversion a:hover {
		background: #E63D30;
		border-color: #E63D30;
	}
}

/*  u_left
------------------------------------------------*/

.c_button.u_left p {
	justify-content: flex-start;
}

/*  u_right
------------------------------------------------*/

.c_button.u_right p {
	justify-content: flex-end;
}

/*  more
------------------------------------------------*/

.c_button.more a:after {
	content: '\e902';
}

/*  button-2col
------------------------------------------------*/

.c_button-2col:not(:first-child) {
	margin-top: 32px;
}
.c_button-2col > div {
	display: flex;
	justify-content: center;
	gap: 15px 20px;
}
@media print, screen and (min-width: 1024px) {
	.c_button-2col.pc-left > div {
		justify-content: flex-start;
	}
}
.c_button-2col > div:after {
	display: none;
}
.c_button-2col .item {
	width: 340px;
}

@media screen and (max-width: 1023px) {
	.c_button-2col.sp-column > div {
		flex-flow: column;
	}
	.c_button-2col .item {
		width: 100%;
	}
}

/*  u_pdf
------------------------------------------------*/

.c_button.u_pdf a[href*=".pdf"][data-kb]:before {
	content: '\e904';
	font-family: "icomoon";
	font-weight: normal;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 16px;
	color: #E63D30;
	transition: .3s all;
}
.c_button.u_pdf a[href*=".pdf"][data-kb]:after {
	position: static;
	content:'['attr(data-kb)']';
	font-family: inherit;
	font-weight: inherit;
	color: #333;
	transform: none;
}
.c_button.conversion a[href*=".pdf"][data-kb]:before,
.c_button.conversion a[href*=".pdf"][data-kb]:after {
	color: #fff;
}

@media (hover) {
	.c_button.u_pdf a:hover[href*=".pdf"][data-kb]:before,
	.c_button.u_pdf a:hover[href*=".pdf"][data-kb]:after {
		color: #fff;
	}
}

/*  anchor
========================================================================*/

.c_anchor:not(:first-child) {
	margin-top: 40px;
}
.c_anchor ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	padding: 32px 40px;
	background: #fff;
	border: 1px solid #CBD5DA;
	font-weight: 700;
}
.c_anchor a {
	margin-right: calc(1em + .25em);
}
@media (hover) {
	.c_anchor a:hover {
		text-decoration: underline;
	}
}
.c_anchor a:after {
	position: absolute;
	content: '\e902';
	font-family: "icomoon";
	font-weight: normal;
	color: #E63D30;
	transform: translateX(.25em);
}

@media print, screen and (min-width: 1024px) {
	.c_anchor:not(.beige) ul {
		gap: 20px 28px;
	}
	.c_anchor:not(.beige) li:not(:last-child) a {
		position: relative;
		display: inline-block;
		margin-right: 44px;
	}
	.c_anchor:not(.beige) li:not(:last-child) a:before {
		content: '';
		position: absolute;
		top: 0;
		right: -44px;
		width: 1px;
		height: 100%;
		background: #CBD5DA;
	}
}

@media screen and (max-width: 1023px) {
	.c_anchor ul {
		gap: 15px 30px;
		padding: 25px 20px;
	}
}

/*  news
========================================================================*/

.c-news.u_pdf [href*=".pdf"] .c-news__ttl[data-kb]:after {
	content:'['attr(data-kb)']';
}

/*  table
========================================================================*/

.c_style table {
	width: 100%;
	border-right: 1px solid #CBD5DA;
    border-bottom: 1px solid #CBD5DA;
}
.c_style table th,
.c_style table td {
	padding: 24px;
	background: #fff;
	border-top: 1px solid #CBD5DA;
	border-left: 1px solid #CBD5DA;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
.c_style table th {
	background: #E7EBED;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
}

@media screen and (max-width: 1023px) {
	.c_style table th,
	.c_style table td {
		padding: 16px;
	}
}

/*  padding10
------------------------------------------------*/

.c_style.p10 table th,
.c_style.p10 table td,
table.c-table.p10 th,
table.c-table.p10 td {
	padding: 10px;
}

/*  center
------------------------------------------------*/

.c_style.center table th,
.c_style.center table td,
table.c-table.center th,
table.c-table.center td {
	text-align: center;
}

/*  table-wrap
------------------------------------------------*/

.c_table-wrap .heading + div {
	margin-top: 0;
}
.c_table-wrap .heading > div {
	padding: 24px;
	background: #658491;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 1023px) {
	.c_table-wrap .heading > div {
		padding: 16px;
		font-size: 1.6rem;
	}
	.c_table-wrap .c_style {
		overflow: auto;
	}
	.c_table-wrap .c_style table {
		width: 1000px;
	}
}

/*  table-col
------------------------------------------------*/

@media screen and (max-width: 1023px) {
	.c_style.table-col table {
		border-top: none;
	}
	.c_style.table-col table,
	.c_style.table-col thead,
	.c_style.table-col tbody,
	.c_style.table-col tr,
	.c_style.table-col th,
	.c_style.table-col td {
		display: block;
		width: 100%!important;
		height: auto!important;
	}
}

/*  grid
========================================================================*/

.c_grid:not(:first-child) {
	margin-top: 40px;
}
.c_grid > div:after {
	display: none;
}
.c_grid .item > div {
	display: flex;
	flex-flow: column;
	height: 100%;
}
.c_grid .image img:not([width]) {
	width: 100%;
}
.c_grid .image.border img {
	border: 1px solid #CBD5DA;
}
.c_grid .image + div {
	margin-top: 15px;
}
.c_grid .c_style {
	font-size: 1.4rem;
}
.c_grid .title {
	font-weight: 700;
	line-height: 1.5;
}
.c_grid .title p {
	line-height: inherit;
}
.c_grid .title + div {
	margin-top: 10px;
}
.c_grid .c_button:last-child {
	margin-top: auto;
}
.c_grid .c_button:last-child > div {
	padding-top: 25px;
}
.c_grid .c_button:only-child > div {
	padding-top: 0;
}

@media print, screen and (min-width: 1024px) {
	.c_grid .c_button a {
		min-width: inherit;
		width: 340px;
	}
}

@media screen and (max-width: 1023px) {
	.c_grid .item:not(:first-child) {
		margin-top: 32px;
	}
	.c_grid .image + div {
		margin-top: 10px;
	}
	.c_grid .c_style {
		font-size: 1.2rem;
	}
	.c_grid .title {
		font-size: 1.4rem;
	}
	.c_grid .c_button:last-child > div {
		padding-top: 20px;
	}
	.c_grid .c_button:only-child > div {
		padding-top: 0;
	}
}

/*  col-1
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_grid.col-1 > div {
		width: 66.66%;
		max-width: 1000px;
		margin: auto;
	}
}

/*  col-auto
------------------------------------------------*/

.c_grid.col-auto .item > div {
	display: table;
}
.c_grid.col-auto:not(.left) .item > div {
	margin: auto;
}
.pbPage.edit .c_grid.col-auto .item > div {
	min-width: 100px;
}
.c_grid.col-auto .image img:not([width]) {
	width: auto;
}
.c_grid.col-auto .caption {
	display: table-caption;
    caption-side: bottom;
}

/*  col-2
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_grid.col-2 > div {
		display: flex;
		flex-wrap: wrap;
		gap: 40px 28px;
	}
	.c_grid.col-2 .item {
		width: calc((100% / 2) - 28px + (28px / 2));
	}
}

/*  col-3
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_grid.col-3 > div {
		display: flex;
		flex-wrap: wrap;
	}
	.c_grid.col-3 > div {
		gap: 40px 28px;
	}
	.c_grid.col-3 .item {
		width: calc((100% / 3) - 28px + (28px / 3));
	}
}

/*  col-4
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_grid.col-4 > div {
		display: flex;
		flex-wrap: wrap;
		gap: 40px 28px;
	}
	.c_grid.col-4 .item {
		width: calc((100% / 4) - 28px + (28px / 4));
	}
}

/*  col-6
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_grid.col-6 > div {
		display: flex;
		flex-wrap: wrap;
		gap: 40px 16px;
	}
	.c_grid.col-6 .item {
		width: calc((100% / 6) - 16px + (16px / 6));
	}
}

/*  sp-full
------------------------------------------------*/

@media screen and (max-width: 1023px) {
	.c_grid.sp-full {
		margin: 0 -20px;
	}
}

/*  sp-col-2
------------------------------------------------*/

@media screen and (max-width: 1023px) {
	.c_grid.sp-col-2 > div {
		display: flex;
		flex-wrap: wrap;
		gap: 32px 16px;
	}
	.c_grid.sp-col-2 .item {
		margin-top: 0;
		width: calc((100% / 2) - 16px + (16px / 2));
	}
}

/*  center
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_grid.center > div {
		justify-content: center;
	}
}

/*  box-line
------------------------------------------------*/

.c_grid.box-line .item > div {
	padding: 32px;
	border: 1px solid #CBD5DA;
}
.c_grid.box-line .title {
	font-size: 2.2rem;
}
.c_grid.box-line.col-4 .title {
	font-size: 2rem;
}
.c_grid.box-line .title + div {
	margin-top: 24px;
}
.c_grid.box-line .c_style {
	font-size: 1.6rem;
}
.c_grid.box-line .c_button > div {
	padding-top: 30px;
}

@media screen and (max-width: 1023px) {
	.c_grid.box-line .item > div {
		padding: 20px;
	}
	.c_grid.box-line .title {
		font-size: 2.1rem;
	}
	.c_grid.box-line.col-4 .title {
		font-size: 1.9rem;
	}
	.c_grid.box-line .title + div {
		margin-top: 16px;
	}
	.c_grid.box-line .c_style {
		font-size: 1.4rem;
	}
	.c_grid.box-line .c_button > div {
		padding-top: 25px;
	}
}

/*  image-text
========================================================================*/

.c_image-text:not(:first-child) {
	margin-top: 40px;
}
.c_image-text > div {
	display: flex;
	gap: 32px 28px;
}
.c_image-text > div:after {
	display: none;
}
.c_image-text .item:first-child {
	width: calc(50% - 14px);
}
.c_image-text .item:last-child {
	flex: 1;
}
.c_image-text .image img {
	width: 100%;
}
.c_image-text .image + div {
	margin-top: 15px;
}
.c_image-text .image + .c_style {
	font-size: 1.4rem;
}
.c_image-text .tag p {
	display: inline-block;
	padding: 5px 8px;
	background: #C5D3DB;
	color: #003349;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.2;
	border-radius: 4px;
}
.c_image-text .title:not(:first-child) {
	margin-top: 15px;
}
.c_image-text .title {
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.5;
}
.c_image-text .title + div {
	margin-top: 24px;
}
.c_image-text .c_link:not(:first-child) {
	margin-top: 35px;
}
.c_image-text .c_link p:not(:first-child) {
	margin-top: 10px;
}
.c_image-text .c_button + .c_button {
	margin-top: 30px;
}
.c_image-text .button-2col:not(:first-child) {
	margin-top: 40px;
}
.c_image-text .button-2col > div {
	display: flex;
	gap: 20px 30px;
}
.c_image-text .button-2col > div:after {
	display: none;
}
.c_image-text .button-2col .c_button {
	margin-top: 0;
	width: 100%;
	max-width: 340px;
}
.c_image-text .button-2col .c_button a {
	width: 100%;
	min-width: auto;
}

@media screen and (max-width: 1023px) {
	.c_image-text:not(:first-child) {
		margin-top: 32px;
	}
	.c_image-text > div {
		flex-direction: column;
	}
	.c_image-text .item:first-child,
	.c_image-text .item:last-child {
		width: 100%;
	}
	.c_image-text .image + div {
		margin-top: 10px;
	}
	.c_image-text .image + .c_style {
		font-size: 1.2rem;
	}
	.c_image-text .tag p {
		padding: 4px 12px;
	}
	.c_image-text .title {
		font-size: 2.4rem;
	}
	.c_image-text .title + div {
		margin-top: 16px;
	}
	.c_image-text .c_link:not(:first-child) {
		margin-top: 30px;
	}
	.c_image-text .c_button:not(:first-child) {
		margin-top: 30px;
	}
	.c_image-text .c_button + .c_button {
		margin-top: 20px;
	}
	.c_image-text .button-2col:not(:first-child) {
		margin-top: 30px;
	}
	.c_image-text .button-2col > div {
		flex-direction: column;
	}
	.c_image-text .button-2col .c_button {
		margin-top: 0;
		max-width: inherit;
	}
}

/*  pc-reverse
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_image-text.pc-reverse > div {
		flex-direction: row-reverse;
	}
}

/*  sp-reverse
------------------------------------------------*/

@media screen and (max-width: 1023px) {
	.c_image-text.sp-reverse > div {
		flex-direction: column-reverse;
	}
}

/*  small
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_image-text .item.small {
		width: calc((100% / 3) - 28px + (28px / 3));
	}
	.c_image-text .item.small + div .title {
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.c_image-text .item.small + div .title {
		font-size: 2.1rem;
	}
}

/*  mini
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_image-text .item.mini {
		width: calc(25% - 30px);
	}
	.c_image-text .item.mini + div .title {
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 1023px) {
	.c_image-text .item.mini + div .title {
		font-size: 2.1rem;
	}
}

/*  wide
------------------------------------------------*/

.c_image-text.wide > div {
	gap: 25px 40px
}
.c_image-text.wide .c_style p + p {
	margin-top: 1em;
}

@media print, screen and (min-width: 1024px) {
	.c_image-text.wide > div {
		align-items: center;
	}
	.c_image-text.wide .item:first-child {
		width: calc(50% - 20px);
	}
}

@media screen and (max-width: 1023px) {
	.c_image-text.wide > div {
		margin: 0 -20px;
	}
	.c_image-text.wide .item:last-child > div {
		padding: 0 20px;
	}
}

/*  pc-center
------------------------------------------------*/

.c_image-text.pc-center > div {
	gap: 25px 40px;
}

@media print, screen and (min-width: 1024px) {
	.c_image-text.pc-center > div {
		align-items: center;
	}
	.c_image-text.pc-center .item.small {
		width: calc(33.3333333333% - 30px);
	}
}

@media screen and (max-width: 1023px) {
	.c_image-text.pc-center > div {
		align-items: center;
	}
	.c_image-text.pc-center .item.small > div {
		margin: 0 -20px;
	}
}

/*  sp-grid
------------------------------------------------*/

@media screen and (max-width: 1023px) {
	.c_image-text.sp-grid.title > div {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 20px;
		align-items: center;
	}
	.c_image-text.sp-grid.title .item:last-child,
	.c_image-text.sp-grid.title .item:last-child > div {
		display: contents;
	}
	.c_image-text.sp-grid.title .title {
		grid-area: 1/2/2/3;
	}
	.c_image-text.sp-grid.title .c_style {
		margin-top: 20px;
		grid-area: 2/1/3/3;
	}
	.c_image-text.sp-grid.title .c_button {
		grid-area: 3/1/4/3;
	}
}

/*  box
========================================================================*/

.c_box:not(:first-child) {
	margin-top: 40px;
}
.c_box > div {
	padding: 32px;
}
.c_box .box-title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
}
.c_box .box-title + div {
	margin-top: 24px;
}
.c_box .c_link:not(:first-child) {
	margin-top: 56px;
}
.c_box .c_button:not(:first-child) {
	margin-top: 56px;
}

@media screen and (max-width: 1023px) {
	.c_box > div {
		padding: 20px;
	}
	.c_box .box-title {
		font-size: 1.9rem;
	}
	.c_box .box-title + div {
		margin-top: 16px;
	}
	.c_box .c_button + .c_button {
		margin-top: 25px;
	}
}

/*  gray
------------------------------------------------*/

.c_box.gray > div {
	background: #F0F4F6;
}

/*  line
------------------------------------------------*/

.c_box.line > div {
	border: 1px solid #CBD5DA;
}

/*  linebox
========================================================================*/

.c_linebox:not(:first-child) {
	margin-top: 40px;
}
.c_linebox .box-heading {
	position: relative;
}
.c_linebox .box-heading:before,
.c_linebox .box-heading:after {
	content: '';
	width: 50%;
	height: 50%;
	border-top: 1px solid #CBD5DA;
	position: absolute;
	top: 50%;
	z-index: 2;
}
.c_linebox .box-heading:before {
	border-left: 1px solid #CBD5DA;
	left: 0;
}
.c_linebox .box-heading:after {
	border-right: 1px solid #CBD5DA;
    right: 0;
}
.c_linebox .box-heading > div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 80px);
	min-height: 90px;
	background: #003349;
	padding: 10px 15px;
	font-size: 2.2rem;
	font-weight: 700;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.pbPage.edit .c_linebox .box-heading > div > div {
	min-width: 3em;
}
.c_linebox .box-heading p {
	line-height: inherit;
}
.c_linebox .c_box {
	margin-top: 0;
}
.c_linebox .c_box > div {
	border-top: none;
	padding: 40px;
}
.c_linebox .box-title {
	font-size: 2.2rem;
}
.c_linebox .c_button:not(:first-child) {
	margin-top: 30px;
}

@media screen and (max-width: 1023px) {
	.c_linebox .box-heading > div {
		width: 100%;
		font-size: 2.4rem;
	}
	.c_linebox .c_box > div {
		padding: 20px;
	}
	.c_linebox .box-title {
		font-size: 2.1rem;
	}
	.c_linebox .c_button:not(:first-child) {
		margin-top: 25px;
	}
}

/*  accordion
========================================================================*/

.c_accordion:not(:first-child) {
	margin-top: 40px;
}
.c_accordion + .c_accordion {
	margin-top: 0;
}
.c_accordion > div {
	background: #F6F8F9;
	border-top: 1px solid #CBD5DA;
	border-bottom: 1px solid #CBD5DA;
}
.c_accordion + .c_accordion > div {
	border-top: none;
}
.c_accordion .trigger {
	position: relative;
	background: #fff;
	transition: all .3s;
}
.c_accordion.active .trigger {
	background: rgba(255,255,255,0);
}
@media (hover) {
	.c_accordion .trigger:hover {
		background: rgba(255,255,255,0);
	}
}
.c_accordion .trigger > div {
	padding: 20px 64px 20px 20px;
	font-size: 2rem;
	font-weight: 700;
	cursor: pointer;
}
.c_accordion .trigger:before,
.c_accordion .trigger:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 20px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	pointer-events: none;
}
.c_accordion .trigger:before {
	background: #fff;
	border: 1px solid #CBD5DA;
	border-radius: 100%;
}
.c_accordion .trigger:after {
	content: '\e918';
	font-family: "icomoon";
	font-weight: normal;
	color: #E63D30;
	text-align: center;
}
.c_accordion.active .trigger:after {
	content: '\e917';
}
.c_accordion .content > div {
	padding: 10px 20px 40px;
}
.c_accordion .close {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 56px;
	margin: 40px auto 0;
	border-radius: 50px;
	background: #fff;
	border: 1px solid #CBD5DA;
    font-weight: 700;
	cursor: pointer;
	transition: .3s all;
}
.c_accordion .close:after {
	content: '\e917';
	font-family: "icomoon";
	font-weight: normal;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 16px;
	font-size: 2rem;
	color: #E63D30;
	transition: .3s all;
}
@media (hover) {
	.c_accordion .close:hover {
		color: #fff;
		background: #E63D30;
		border-color: #E63D30;
	}
	.c_accordion .close:hover:after {
		color: #fff;
	}
}

@media screen and (max-width: 1023px) {
	.c_accordion .trigger > div {
		padding: 20px 64px 20px 15px;
		font-size: 1.6rem;
	}
	.c_accordion .trigger:before,
	.c_accordion .trigger:after {
		right: 15px;
	}
	.c_accordion .content > div {
		padding: 0 15px 30px;
	}
	.c_accordion .close {
		margin-top: 30px;
	}
}

/*  qa
------------------------------------------------*/

.c_accordion.qa .trigger > div,
.c_accordion.qa .content > div {
	position: relative;
	padding-left: 52px;
}
.c_accordion.qa .trigger > div:before,
.c_accordion.qa .content > div:before {
	content: 'Q';
	position: absolute;
	top: calc(20px - .2em);
	left: 20px;
	color: #003349;
	font-size: 2.4rem;
	font-weight: 700;
}
.c_accordion.qa .content > div:before {
	content: 'A';
	top: calc(10px - .2em);
	color: #E63D30;
}

@media screen and (max-width: 1023px) {
	.c_accordion.qa .trigger > div,
	.c_accordion.qa .content > div {
		padding-left: 47px;
	}
	.c_accordion.qa .trigger > div:before,
	.c_accordion.qa .content > div:before {
		left: 15px;
		font-size: 2rem;
	}
	.c_accordion.qa .content > div:before {
		top: -.2em;
	}
	.c_accordion.qa .close {
		width: calc(100% + 32px);
		transform: translate(-32px, 0);
	}
}

/*  more
========================================================================*/

.c_more:not(:first-child) {
	margin-top: 40px;
}
.c_more > div {
	padding-bottom: 40px;
	border-bottom: 1px solid #CBD5DA;
}
.c_more .content {
	display: none;
}
.c_more .content > div {
	padding-top: 40px;
}
.c_more.open .more {
	display: none;
}
.c_more:not(.open) .close {
	display: none;
}
.c_more .button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 56px;
	margin: 32px auto 0;
	border-radius: 50px;
	background: #fff;
	border: 1px solid #CBD5DA;
	font-weight: 700;
	cursor: pointer;
	transition: .3s all;
}
.c_more .button:after {
	content: '\e918';
	font-family: "icomoon";
	font-weight: normal;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 16px;
	font-size: 2rem;
	color: #E63D30;
	transition: .3s all;
}
.c_more .button.close:after {
	content: '\e917';
}
@media (hover) {
	.c_more .button:hover {
		color: #fff;
		background: #E63D30;
		border-color: #E63D30;
	}
	.c_more .button:hover:after {
		color: #fff;
	}
}

@media screen and (max-width: 1023px) {
	.c_more > div {
		padding-bottom: 32px;
	}
	.c_more .content > div {
		padding-top: 30px;
	}
	.c_more .button {
		margin-top: 30px;
	}
}

/*  dealer
========================================================================*/

.c_dealer:not(:first-child) {
	margin-top: 52px;
	word-wrap: break-word;
}
.c_dealer + .c_dealer {
	margin-top: 32px;
}
.c_dealer > div {
	padding-bottom: 32px;
	border-bottom: 1px solid #D3DEE4;
}
.c_dealer .address:not(:first-child) {
	margin-top: 16px;
}
.c_dealer .info:not(:first-child) {
	margin-top: 16px;
}
@media print, screen and (min-width: 1024px) {
	.c_dealer .info > div {
		display: flex;
		gap: 40px;
	}
	.c_dealer .info > div:after {
		display: none;
	}
	.c_dealer .item {
		width: calc(50% - 20px);
	}
}
.c_dealer table  {
	width: 100%;
	border: none;
	line-height: inherit;
	word-break: break-word;
}
.c_dealer table th,
.c_dealer table td {
	border: none;
	text-align: left;
	font-weight: normal;
}
.c_dealer table th {
	width: 100px;
}
.c_dealer table a {
	margin-right: calc(1em + .5em);
	color: #658491;
	font-weight: 700;
	display: block;
}
.c_dealer table a:after {
	position: absolute;
	content: '\e90a';
	font-family: "icomoon";
	font-weight: normal;
	color: #E63D30;
	transform: translateX(.25em);
}
.c_dealer table a[target=_blank]:after,
.c_dealer table a.pbOpenNewWindow:after {
	content: '\e900';
}
.c_dealer table a[href*=".pdf"]:after {
	content: '\e904';
}
@media (hover) {
	.c_dealer table a:hover {
		text-decoration: underline;
	}
}
.c_dealer .c_button:not(:first-child) {
	margin-top: 20px;
}

@media screen and (max-width: 1023px) {
	.c_dealer:not(:first-child) {
		margin-top: 42px;
	}
	.c_dealer + .c_dealer {
		margin-top: 32px;
	}
	.c_dealer table th {
		width: 96px;
	}
}

/*  Adobe Reader
========================================================================*/

.c_getreader:not(:first-child) {
	margin-top: 80px;
}
@media print, screen and (min-width: 1024px) {
	.c_getreader > div {
		display: flex;
		align-items: center;
		gap: 40px;
	}
	.c_getreader > div:after {
		display: none;
	}
	.c_getreader .text {
		flex: 1;
	}
}

@media screen and (max-width: 1023px) {
	.c_getreader .text:not(:first-child) {
		margin-top: 20px;
	}
}

/*========================================================================

  component / consumer

========================================================================*/

/*  section
========================================================================*/

/*  beige
------------------------------------------------*/

.c_section.beige {
	background: #F5F4F1;
}

/*  dark-beige
------------------------------------------------*/

.c_section.dark-beige {
	background: #ECEAE4;
}

/*  mini
------------------------------------------------*/

.c_section.mini > div {
	max-width: 744px;
}

/*  heading
========================================================================*/

/*  title
------------------------------------------------*/

.c_title.consumer .image:after {
	background-image: url(/consumer/assets/img/bg_title.png);
}
.c_title.consumer .inner {
	color: #333;
}

@media screen and (max-width: 1023px) {
	.c_title.consumer .image:after {
		background-position: 25% center;
	}
}

/*  title-simple
------------------------------------------------*/

.c_title-simple.beige {
	background: #F5F4F1;
}

/*  link
========================================================================*/

.c_link.normal p {
	line-height: inherit;
}
.c_link.normal a {
	font-weight: normal;
	font-size: 1.4rem;
}
.c_link.normal li:not(:first-child) {
	margin-top: 8px;
}

@media screen and (max-width: 1023px) {
	.c_link.normal:not(:first-child) {
		margin-top: 8px;
	}
	.c_link.normal a {
		font-size: 1.2rem;
	}
}

/*  anchor
========================================================================*/

.c_anchor.beige ul {
	background: #F5F4F1;
	border: none;
	border-radius: 16px;
}

@media screen and (max-width: 1023px) {
	.c_anchor.beige ul {
		border-radius: 8px;
	}
}

/*  table
========================================================================*/

.c_style.beige table th {
	background: #F5F4F1;
}

/*  table-wrap
------------------------------------------------*/

.c_table-wrap.beige .heading > div {
	background: #D1CCBD;
	color: #333;
}

/*  grid
========================================================================*/

.c_grid .image.round img {
	border-radius: 16px;
}
.c_grid .image.auto img {
	width: auto;
}
.c_grid .tag + div {
	margin-top: 10px;
}
.c_grid .tag ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.c_grid .tag li {
	padding: 5px 8px;
	background: #C5D3DB;
	color: #003349;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.2;
	border-radius: 4px;
	white-space: nowrap;
}
.c_grid .c-card-product__btn a {
	margin-top: 25px;
}

@media screen and (max-width: 1023px) {
	.c_grid .image.round img {
		border-radius: 8px;
	}
	.c_grid .tag li {
		padding: 4px 12px;
	}
	.c_grid.sp-col-2 .tag {
		margin-top: 8px;
	}
	.c_grid.sp-col-2 .tag + div {
		margin-top: 8px;
	}
	.c_grid.sp-col-2 .c-card-product__btn a {
		margin-top: 12px;
	}
}

/*  beige
------------------------------------------------*/

.c_grid .item.beige > div {
	padding: 32px;
	background: #F5F4F1;
	border-radius: 16px;
	text-align: center;
}
.c_grid .item.beige .image + div {
    margin-top: 10px;
}
.c_grid .item.beige .c_style {
	font-size: inherit;
}
.c_grid .item.beige .c_button > div {
	padding-top: 20px;
}
.c_grid .item.beige .c_button.small a {
	width: 280px;
}

@media screen and (max-width: 1023px) {
	.c_grid .item.beige:not(:first-child) {
		margin-top: 16px;
	}
	.c_grid .item.beige > div {
		padding: 20px;
		border-radius: 8px;
	}
	.c_grid .item.beige .c_button.small a {
		width: 304px;
	}
}

/*  image-text
========================================================================*/

.c_image-text .image.round img {
	border-radius: 16px;
}

@media screen and (max-width: 1023px) {
	.c_image-text .image.round img {
		border-radius: 8px;
	}
}

/*  box
========================================================================*/

/*  beige
------------------------------------------------*/

.c_box.beige > div {
	background: #F5F4F1;
}

/*  accordion
========================================================================*/

.c_accordion.beige > div {
	background: #F5F4F1;
}

/*========================================================================

  component / company

========================================================================*/

/*  title
========================================================================*/

.c_title.company .image:after {
	display: none;
}
.c_title.company .h1 {
	font-size: 4rem;
}
.c_title.company .lead {
	font-size: 1.6rem;
	color: #E63D30;
}

@media screen and (max-width: 1023px) {
	.c_title.company .h1 {
		font-size: 3rem;
	}
	.c_title.company .lead {
		font-size: 1.4rem;
	}
}

/*  button
========================================================================*/

.c_button.square a {
	width: 100%;
	min-height: 80px;
	border-radius: 16px;
}
.c_button.icon-business,
.c_button.icon-consumer {
	font-family: inherit!important;
}
.c_button.icon-consumer:before {
	display: none;
}
.c_button.icon-business a,
.c_button.icon-consumer a {
	padding-left: 50px;
}
.c_button.icon-business a:before,
.c_button.icon-consumer a:before {
	font-family: "icomoon";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 24px;
	font-weight: normal;
	font-size: 2.4rem;
	transition: .3s all;
}
.c_button.icon-business a:before {
	content: '\e90e';
	color: #E63D30;
}
.c_button.icon-consumer a:before {
	content: '\e90b';
	
}
@media (hover) {
	.c_button a:hover:before {
		color: #fff;
	}
}

@media screen and (max-width: 1023px) {
	.c_button.square a {
		justify-content: flex-start;
		padding: 0 30px 0 10px;
		font-size: 1.4rem;
		text-align: left;
		border-radius: 8px;
	}
	.c_button.icon-business a,
	.c_button.icon-consumer a {
		padding-left: 40px;
	}
	.c_button.icon-business a:before,
	.c_button.icon-consumer a:before {
		left: 10px;
		font-size: 2rem;
	}
}

/*  full-imagebox
========================================================================*/

.c_full-imagebox:not(:first-child) {
	margin-top: 80px;
}
.c_full-imagebox > div {
	display: flex;
	align-items: center;
}
.c_full-imagebox > div:after {
	display: none;
}
.c_full-imagebox .imagebox {
	margin-left: calc(50% - 50vw);
	flex: 1;
}
.c_full-imagebox .textbox {
	width: 546.6666666667px;
}
.c_section.small .c_full-imagebox .textbox {
	width: 418.666667px;
}
.c_full-imagebox .textbox > div {
	padding-left: 40px;
}
.c_full-imagebox .image img {
	width: 100%;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.c_full-imagebox .textbox {
		width: 418.6666666667px;
	}
}

@media screen and (max-width: 1023px) {
	.c_full-imagebox:not(:first-child) {
		margin-top: 50px;
	}
	.c_full-imagebox > div {
		flex-direction: column;
		margin: 0 -20px;
	}
	.c_full-imagebox .imagebox {
		width: 100%;
		margin: auto;
	}
	.c_full-imagebox .textbox,
	.c_section.small .c_full-imagebox .textbox {
		width: 100%;
		margin-top: 32px;
		padding: 0 20px;
	}
	.c_full-imagebox .textbox > div {
		padding-left: 0;
	}
	.c_full-imagebox .c_button:not(:first-child) {
		margin-top: 30px;
	}
}

/*  pc-reverse
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_full-imagebox.pc-reverse > div {
		flex-direction: row-reverse;
	}
	.c_full-imagebox.pc-reverse .imagebox {
		margin: 0 calc(50% - 50vw) 0 0;
	}
	.c_full-imagebox.pc-reverse .textbox > div {
		padding: 0 40px 0 0;
	}
}

/*  small
------------------------------------------------*/

@media print, screen and (min-width: 1024px) {
	.c_full-imagebox .imagebox.small {
		margin: 0;
	}
	.c_full-imagebox .imagebox.small + .textbox {
		width: calc(31% + 40px);
	}
}

/*========================================================================

  page

========================================================================*/

/*  company/news/detail
========================================================================*/

.news-detail__head.pbNested + div {
	margin-top: 0;
}
.news-detail__head.pbNested > div {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.news-detail__head.pbNested > div:after {
	display: none;
}
.news-detail__head.pbNested .pbNestedWrapper {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1023px) {
	.news-detail__head.pbNested > div {
		flex-flow: column;
	}
}

/*  company/about
========================================================================*/

.c_section .l-section__full {
	margin: 0 calc(50% - 50vw);
}

/*  company/ir
========================================================================*/

.c_title .ir-info {
	color: #333;
	font-weight: normal;
	line-height: 1.8;
}
.ir-menu__links.pbNested {
	display: block;
}
.ir-menu__links.pbNested > div > div:not(:first-child) {
	margin-top: 20px;
}
.ir-contents.pbNested > div {
	display: flex;
    flex-wrap: wrap;
}
.ir-contents.pbNested .c_link a {
	font-weight: normal;
}
.ir-contents.pbNested .c_link li:not(:first-child) {
	margin-top: 8px;
}
.pbPage:not(.edit) .c_section.ir-about > div {
	padding: 0;
}

@media print, screen and (min-width: 1024px) {
	.ir-menu.pbNested > div {
		display: flex;
	    justify-content: space-between;
	}
	.ir-menu.pbNested > div:after {
		display: none;
	}
	.ir-contents.pbNested .ir-contents__item:nth-child(-n+3) {
		margin-top: 0;
	}
	.c_section.ir-about .c_grid.col-4 > div {
		gap: 20px 16px;
	}
	.c_section.ir-about .c_grid.col-4 .item {
		width: calc(25% - 12px);
	}
}

@media screen and (max-width: 1023px) {
	.ir-info + .c_section > div {
		padding-top: 0;
	}
	.ir-menu__links.pbNested > div > div:not(:first-child) {
		margin-top: 15px;
	}
}

/*  company/ir/individual
========================================================================*/

.pbPage.edit .ir-figure {
	position: relative;
}
.pbPage.edit .ir-figure > .pb-handle {
	top: -8px;
	left: -16px;
}

/*  company/sustainability
========================================================================*/

.c_section.sustainability-intro {
	padding: 0;
}
.c_section.sustainability-intro > div {
	padding: 60px 0;
}
.c_section.sustainability-intro p {
	line-height: 2;
}
.sustainability-contents.pbNested > div {
	display: flex;
	flex-wrap: wrap;
}

@media print, screen and (min-width: 1024px) {
	.sustainability-contents.pbNested.col-3 .sustainability-contents__item {
		width: calc(33.33% - 4px);
	}
	.sustainability-contents.pbNested.col-4 .sustainability-contents__item {
		width: calc(25% - 4px);
	}
}

@media screen and (max-width: 1023px) {
	.c_section.sustainability-intro > div {
		padding: 40px 0;
	}
	.sustainability-contents.pbNested.col-4 .sustainability-contents__item {
		width: calc(50% - 4px);
	}
}

/*  showroom
========================================================================*/

.c_grid.showroom .item > div {
	padding-bottom: 32px;
	border-bottom: 1px solid #CBD5DA;
}
.c_grid.showroom .image + div {
	margin-top: 16px;
}
.c_grid.showroom .tag + div {
	margin-top: 8px;
}
.c_grid.showroom .title {
	font-size: 2rem;
	line-height: 1.8;
}
.c_grid.showroom .title + div {
	margin-top: 8px;
}
.c_grid.showroom .c_style {
	font-size: 1.6rem;
}
.c_grid.showroom .c_style p:not(:first-child) {
	margin-top: 1em;
}
.c_grid.showroom .button-2col {
	margin-top: auto;
}
.c_grid.showroom .button-2col > div {
	display: flex;
	justify-content: center;
	gap: 15px 20px;
	padding-top: 32px;
}
.c_grid.showroom .button-2col > div:after {
	display: none;
}
.c_grid.showroom .button-2col .c_button {
	width: 100%;
	max-width: 340px;
}
.c_grid.showroom .button-2col .c_button > div {
	padding-top: 0;
}
.c_grid.showroom .button-2col .c_button a {
	width: 100%;
}

@media screen and (max-width: 1023px) {
	.c_grid.showroom .item:not(:first-child) {
		margin-top: 30px;
	}
	.c_grid.showroom .item > div {
		padding-bottom: 24px;
	}
	.c_grid.showroom .c_style {
		font-size: 1.4rem;
	}
	.c_grid.showroom .button-2col > div {
		flex-direction: column;
		padding-top: 24px;
	}
	.c_grid.showroom .button-2col .c_button {
		max-width: inherit;
	}
}

/*  showroom/fukuoka
========================================================================*/

.c_box.orange > div {
	background: #FFF6F5;
}

/*  company/ir/accounts
========================================================================*/

.c-report.pbNested > div {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.c-report.pbNested > div:after {
	display: none;
}
.pbPage.edit .c-report__item.pbNested {
	position: relative;
}
.pbPage.edit .c-report__item.pbNested > .pb-handle {
	left: 0;
}

@media screen and (max-width: 1023px) {
	.c-report.pbNested > div {
		flex-direction: column;
		gap: 20px;
	}
}

/*  case-studies/detail
========================================================================*/

.case-detail.pbNested > div {
	display: flex;
	align-items: center;
}
.case-detail.pbNested .case-detail__award:after {
	display: none;
}
.pbPage.edit .case-detail__award span img {
	width: 30px;
}
.c_case-detail > div {
	display: flex;
	justify-content: space-between;
}
.c_case-detail > div:after {
	display: none;
}
.c_case-detail .imagebox {
	width: 65%;
}
.c_case-detail .imagebox img {
	width: 100%;
}
.c_case-detail .textbox {
	width: calc(35% - 40px);
}
.c_case-detail table {
	font-size: 1.4rem;
}
.c_case-detail table th {
	text-align: left;
}
.c_image-text .case-comment > div {
	display: flex;
	justify-content: space-between;
}
.c_image-text .case-comment > div:after {
	display: none;
}
.c_image-text .case-comment .comment-box {
	width: calc(50% - 14px);
}
.c_image-text .case-comment .image + .c_style {
	font-size: 1.6rem;
}

@media print, screen and (min-width: 1024px) {
	.c_image-text .case-comment-only:first-child {
		width: 166px;
	}
}

@media screen and (max-width: 1023px) {
	.case-detail.pbNested > div {
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		padding-bottom: 21px;
	}
	.case-detail.pbNested .case-detail__date {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.case-detail.pbNested + .c_h1 + div {
		margin-top: 25px;
	}
	.c_case-detail > div {
		flex-direction: column;
	}
	.c_case-detail .imagebox {
		width: 100%;
	}
	.c_case-detail .imagebox > div {
		margin: 0 -20px;
	}
	.c_case-detail .textbox {
		width: 100%;
		margin-top: 40px;
	}
	.c_image-text .case-comment .comment-box {
		width: calc(50% - 8px);
	}
	.c_image-text .case-comment .image + .c_style {
		font-size: 1.4rem;
	}
	.c_image-text .case-comment-only .comment-box > div {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.c_image-text .case-comment-only .comment-box > div:after {
		display: none;
	}
	.c_image-text .case-comment-only .image,
	.c_image-text .case-comment-only .textbox {
		width: calc(50% - 8px);	
	}
}

/*  company
========================================================================*/

.company-top-banner.pbNested {
	margin: 0;
	padding: 0;
}
.company-top-banner.pbNested > div {
	width: calc(100% - 96px);
	max-width: 1136px;
	margin: 0 auto;
	padding-top: 50px;
}
.company-top-banner.pbNested ul {
	display: flex;
	gap: 16px 28px;
}
@media (hover: hover) {
	.company-top-banner.pbNested a:hover {
		opacity: .7;
	}
}
.pbNested .company-top-important-news {
	margin: 50px 0 0;
}
div.c_company-h2:not(:first-child) {
	margin-top: 0;
}
.c_company-h2 {
	padding-left: .75em;
	font-size: 2.8rem;
}
.c_company-h2 > div {
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
}
.c_company-h2 + div:not(:first-child) {
	margin-top: 24px;
}
.company-top-about.pbNested > div,
.company-top-ir.pbNested > div,
.company-top-sustainability.pbNested > div,
.company-top-recruit.pbNested > div {
	display: flex;
}
.company-top-about.pbNested > div:after,
.company-top-ir.pbNested > div:after,
.company-top-sustainability.pbNested > div:after,
.company-top-recruit.pbNested > div:after {
	display: none;
}
.company-top-about__list.pbNested li:last-child,
.company-top-ir__list.pbNested li:last-child,
.company-top-sustainability__list.pbNested li:last-child,
.company-top-recruit__list.pbNested li:last-child {
	border-bottom: 1px solid #B7C9D3;
} 
.company-top-about__list.pbNested a,
.company-top-ir__list.pbNested a,
.company-top-sustainability__list.pbNested a,
.company-top-recruit__list.pbNested a {
	position: relative;
	display: flex;
	padding: 16px 32px 16px 16px;
	font-weight: 700;
	line-height: 1.5;
	border-top: 1px solid #B7C9D3;
}
@media (hover: hover) {
	.company-top-about__list.pbNested a:hover,
	.company-top-ir__list.pbNested a:hover,
	.company-top-sustainability__list.pbNested a:hover,
	.company-top-recruit__list.pbNested a:hover {
		background: #F2F5F7;
	}
}
.company-top-about__list.pbNested a:after,
.company-top-ir__list.pbNested a:after,
.company-top-sustainability__list.pbNested a:after,
.company-top-recruit__list.pbNested a:after {
	content: "\e90a";
	font-family: "icomoon";
	font-weight: normal;
	font-size: 1.6rem;
	color: #E63D30;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 16px;
}
.company-top-about__list.pbNested a[target=_blank]:after,
.company-top-about__list.pbNested a.pbOpenNewWindow:after,
.company-top-ir__list.pbNested a[target=_blank]:after,
.company-top-ir__list.pbNested a.pbOpenNewWindow:after,
.company-top-sustainability__list.pbNested a[target=_blank]:after,
.company-top-sustainability__list.pbNested a.pbOpenNewWindow:after,
.company-top-recruit__list.pbNested a[target=_blank]:after,
.company-top-recruit__list.pbNested a.pbOpenNewWindow:after {
	content: "\e900";
}

@media screen and (min-width: 1024px) {
	.company-top-new.pbNested > div {
		display: flex;
		gap: 48px;
	}
	.c_section.company-top > div {
		padding-top: 75px;
	}
	.company-top-about.pbNested > div,
	.company-top-ir.pbNested > div,
	.company-top-sustainability.pbNested > div,
	.company-top-recruit.pbNested > div {
		gap: 60px;
	}
	.company-top-about.pbNested > div,
	.company-top-sustainability.pbNested > div {
		justify-content: flex-start;
	}
	.company-top-ir.pbNested > div,
	.company-top-recruit.pbNested > div {
		justify-content: flex-end;
	}
	.company-top-recruit.pbNested > div {
		min-height: 26.54vw;
		background: url(/company/assets/img/img_recruit.jpg) no-repeat calc(100% - 5vw) 50%/60vw auto;
	}
	.company-top-about__list.pbNested > div,
	.company-top-ir__list.pbNested > div,
	.company-top-sustainability__list.pbNested > div,
	.company-top-recruit__list.pbNested > div {
		display: flex;
		gap: 28px;
	}
	.company-top-about__list.pbNested:after,
	.company-top-about__list.pbNested > div:after,
	.company-top-ir__list.pbNested:after,
	.company-top-ir__list.pbNested > div:after,
	.company-top-sustainability__list.pbNested:after,
	.company-top-sustainability__list.pbNested > div:after,
	.company-top-recruit__list.pbNested:after,
	.company-top-recruit__list.pbNested > div:after {
		display: none;
	}
	.company-top-about__list.pbNested > div > div,
	.company-top-ir__list.pbNested > div > div,
	.company-top-sustainability__list.pbNested > div > div,
	.company-top-recruit__list.pbNested > div > div {
		flex: 1;
	}
}

@media screen and (max-width: 1023px) {
	.company-top-banner.pbNested > div {
		width: calc(100% - 72px);
		padding-top: 32px;
	}
	.company-top-banner.pbNested li img {
		width: 100%;
		max-width: 360px;
	}
	.pbNested .company-top-important-news {
		margin-top: 32px;
	}
	.pbNested .company-top-cta {
		margin-top: 32px;
	}
	.c_company-h2 {
		font-size: 2.4rem;
	}
	.c_company-h2 > div {
		font-size: 1rem;
	}
	.c_company-h2 + div:not(:first-child) {
		margin-top: 16px;
	}
	.company-top-about__list.pbNested > div > div:first-child li:last-child,
	.company-top-ir__list.pbNested > div > div:first-child li:last-child,
	.company-top-sustainability__list.pbNested > div > div:first-child li:last-child,
	.company-top-recruit__list.pbNested > div > div:first-child li:last-child {
		border-bottom: none;
	} 
	.company-top-about__list.pbNested a,
	.company-top-ir__list.pbNested a,
	.company-top-sustainability__list.pbNested a,
	.company-top-recruit__list.pbNested a {
		padding: 20px 24px 20px 16px;
	}
}

@media screen and (max-width: 767px) {
	.company-top-banner.pbNested ul {
		flex-direction: column;
		align-items: center;
	}
}

/*  resources/column
========================================================================*/

.column-top-main.pbNested > div {
	position: relative;
	z-index: 1;
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: auto;
}
.column-top-main.pbNested > div:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: 80px;
	z-index: -1;
	width: calc(100vw - 16px);
	height: 225px;
	padding: 0 115px;
	background: url(/resources/column/assets/img/img_new02.png) no-repeat calc(50% + 700px) center/244px auto;
	pointer-events: none;
}
.c_button.large a {
	width: 480px;
}
.pbPage.edit .column-top-main.pbNested {
	padding-bottom: 7vw;
}

@media screen and (max-width: 1920px) {
	.column-top-main.pbNested > div:after {
		background-position: calc(100% - 120px) center;
	}
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.column-top-main.pbNested > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.column-top-main.pbNested > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.column-top-main.pbNested > div {
		width: calc(100% - 40px);
		padding: 30px 0 100px;
	}
	.column-top-main.pbNested > div:after {
		width: 100%;
		height: 100px;
		bottom: 0;
		background-size: 100px auto;
		background-position: 100% 100%;
	}
	.c_button.large a {
		width: 100%;
	}
}

/*  resources/column/crossing
========================================================================*/

.column-archive.pbNested {
	padding-left: 0;
	padding-right: 0;
}
.column-archive.pbNested > div {
	position: relative;
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: auto;
}
.pbPage.edit .column-archive.pbNested > div {
	padding: 55px 0 64px;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.column-archive.pbNested > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.column-archive.pbNested > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.column-archive.pbNested > div {
		width: calc(100% - 40px);
	}
}

/*  resources/column/covid19
========================================================================*/

.column-series.pbNested,
.column-series-bottom.pbNested {
	padding-left: 0;
	padding-right: 0;
}
.column-series.pbNested {
	z-index: 1;
}
.column-series.pbNested > div,
.column-series-bottom.pbNested > div {
	position: relative;
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: auto;
}
.column-series-intro.pbNested > div {
	display: flex;
	gap: 16px 28px;
}
.column-series-intro.pbNested > div:after {
	display: none;
}
.pbPage.edit .column-series.pbNested {
	z-index: 1000;
}
.pbPage.edit .column-series.pbNested > div {
	padding: 55px 0 32px;
}
.pbPage.edit .column-series-bottom.pbNested > div {
	padding: 13vw 0 64px;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.column-series.pbNested > div,
	.column-series-bottom.pbNested > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.column-series.pbNested > div,
	.column-series-bottom.pbNested > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.column-series.pbNested > div,
	.column-series-bottom.pbNested > div {
		width: calc(100% - 40px);
	}
	.column-series-intro.pbNested > div {
		flex-direction: column;
	}
}

/*  resources/column/article/beca-use-wood
========================================================================*/

.column-article.pbNested {
	padding-left: 0;
	padding-right: 0;
}
.column-article.pbNested > div {
	position: relative;
	width: calc(100% - 230px);
	max-width: 1136px;
	margin: auto;
}
.column-article-contents__kv.pbNested {
	overflow: hidden;
}
.column-article-contents__inner.pbNested .c_style.caption {
	font-size: 1.2rem;
}
.column-article-profile__item.pbNested > div {
	display: grid;
}
@media screen and (min-width: 1024px) {
	.column-article-profile__item.pbNested > div {
		grid-template-rows: auto auto 1fr;
	}
}
.c_image-text .image.border img {
	border: 1px solid #CBD5DA;
}
.pbPage.edit .column-article.pbNested > div {
	padding: 64px 0;
}
.pbPage.edit .column-article-contents__inner.pbNested {
	padding: 0;
}
.pbPage.edit .column-article-contents__inner.pbNested > div {
	padding: 84px 97px 40px;
}
.pbPage.edit .column-article-profile__item {
	padding: 0;
}
.pbPage.edit .column-article-profile__item > div {
	padding: 40px
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.column-article.pbNested > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.column-article.pbNested > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.column-article.pbNested > div {
		width: calc(100% - 40px);
	}
	.column-article-profile__item > div {
		grid-template-columns: auto 1fr;
		align-items: center;
	}
}

/*  top
========================================================================*/

.top-section.pbNested {
	padding-left: 0;
	padding-right: 0;
}
.top-section.pbNested > div {
	position: relative;
	width: calc(100% - 230px);
	max-width: 1520px;
	margin: auto;
}
.top-section__heading.pbNested .text {
	margin-top: 16px;
	font-size: 1.4rem;
	color: #48606A;
	letter-spacing: .06em;
}
@media screen and (min-width: 1024px) {
	.top-knowledge-nav.pbNested {
		display: block;
	}
	.top-knowledge-nav.pbNested > div {
		display: flex;
		gap: 28px
	}
	.top-knowledge-nav.pbNested > div:after {
		display: none;
	}
	.top-knowledge-nav__item.pbNested {
		width: calc((100% / 3) - 28px + (28px / 3));
	}
}
.top-knowledge-nav__ttl.pbNested .text {
	margin-top: 4px;
	font-size: 1.4rem;
	color: #48606A;
	letter-spacing: .06em;
}
.top-knowledge-nav.pbNested .c_button {
	margin-top: 0;
}
.top-knowledge-nav.pbNested .c_button > div {
	padding: 0 16px;
}
.top-knowledge-nav.pbNested .c_button a {
	width: 100%;
	max-width: 340px;
	min-width: auto;
}
.pbPage.edit .top-section.pbNested > div {
	padding: 80px 0;
}
.pbPage.edit .top-knowledge-nav__txt.pbNested  {
	position: relative;
}
.pbPage.edit .top-knowledge-nav__txt.pbNested .pb-handle {
	left: 0;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
	.top-section.pbNested > div {
		width: calc(100% - 144px);
	}
}

@media screen and (max-width: 1279px) {
	.top-section.pbNested > div {
		width: calc(100% - 96px);
	}
}

@media screen and (max-width: 1023px) {
	.top-section.pbNested > div {
		width: calc(100% - 40px);
	}
	.top-section__heading.pbNested .text {
		margin-top: 8px;
	}
	.top-knowledge-nav__item.pbNested {
		display: block;
	}
	.top-knowledge-nav__item.pbNested > div {
		display: grid;
		align-items: center;
		grid-template-columns: 1fr 148px;
	}
	.top-knowledge-nav.pbNested .c_button {
		grid-area: 3/1/4/3;
	}
	.top-knowledge-nav.pbNested .c_button > div {
		padding: 0 24px 24px;
	}
}

/*  product/catalog
========================================================================*/

.product-catalog-item.pbNested {
	display: block;
}
.product-catalog-item.pbNested > div {
	display: grid;
	gap: 0 28px;
}
.product-catalog-item__ttl.pbNested > div {
	margin-bottom: 0;
}
.product-catalog-item__ttl.pbNested .small {
	font-size: 1.6rem;
	font-weight: normal;
}
.product-catalog-item__ttl.pbNested .small + div {
	margin-top: 10px;
}
.product-catalog-item__ttl.pbNested p {
	line-height: 1.5;
}
.product-catalog-item__btns.pbNested .c_button:not(:first-child) {
	margin-top: 15px;
}
.product-catalog-item__btns.pbNested .c_button > div {
	padding-top: 0;
}
.product-catalog-item__btns.pbNested .c_button p {
	justify-content: flex-start;
}
.product-catalog-item__btns.pbNested .c_button a {
	width: 280px;
}
.product-catalog-item__btns.pbNested .c_link {
	margin-top: 16px;
	font-size:1.4rem;
}
.pbPage.edit .product-catalog-item__ttl.pbNested {
	height: auto!important;
}
.pbPage.edit .product-catalog-item__btns.pbNested {
	margin-top: 40px;
}

@media screen and (min-width: 1024px) {
	.product-catalog-item.pbNested > div {
		grid-template-rows: auto 1fr;
	}
	.product-catalog-item.-vertical.pbNested > div {
		grid-template-columns: 32% 1fr;
	}
	.product-catalog-item.-horizontal.pbNested > div {
		grid-template-columns: 45% 1fr;
	}
}

@media screen and (max-width: 1023px) {
	.product-catalog-item__ttl.pbNested .small + div {
		margin-top: 5px;
	}
	.product-catalog-item__btns.pbNested .c_button p {
		justify-content: center;
	}
	.product-catalog-item__btns.pbNested .c_link {
		text-align: center;
	}
	.product-catalog-item__btns.pbNested .c_link a {
		margin-right: 0;
	}
}

/*  consumer/faq/vertebra03
========================================================================*/

.c_section.round-top {
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	margin-top: -24px
}
.c_section:has(+ .round-top) {
	padding-bottom: 24px;
}
.c_button.icon-shop {
	height: 100%;
	margin-top: 0!important;
	font-family: inherit!important;
}
.c_button.icon-shop * {
	height: 100%;
}
.c_button.icon-shop:before {
	display: none;
}
.c_button.icon-shop a {
	width: 100%;
	padding: 12px 48px;
	border-radius: 8px;
}
.c_button.icon-shop a:before {
	content: '\e90f';
	font-family: "icomoon";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 16px;
	font-weight: normal;
	font-size: 2.2rem;
	color: #E63D30;
	transition: .3s all;
}
@media (hover) {
	.c_button.icon-shop a:hover:before {
		color: #fff;
	}
}
.c_button.icon-shop a:after {
	font-size: 1.6rem;
}
.c_grid .image.round a img {
	transition: .3s all;
}
@media (hover) {
	.c_grid .image.round a:hover img {
		opacity: .7;
	}
}

@media screen and (max-width: 1023px) {
	.c_section.round-top {
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
		margin-top: -16px
	}
	.c_section:has(+ .round-top) {
		padding-bottom: 16px;
	}
}

/*  consumer/column
========================================================================*/

.consumer-column-category-list.pbNested > div {
	width: 100%;
}
.consumer-column-category-list.pbNested ul {
	display: flex;
	gap: 16px 28px;
}
.consumer-column-category-list.pbNested li {
	flex: 1;
}
.consumer-column-category-list.pbNested li a {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 16px 32px 16px 24px;
	background: #F5F4F1;
	font-weight: 700;
	line-height: 1.5;
	border-radius: 16px;
}
@media (hover) {
	.consumer-column-category-list.pbNested li a:hover {
		text-decoration: underline;
	}
}
.consumer-column-category-list.pbNested li a:after {
	content: "\e90a";
	font-family: "icomoon";
	font-weight: normal;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 16px;
	color: #E63D30;
}

@media screen and (max-width: 1023px) {
	.consumer-column-category-list.pbNested ul {
		flex-flow: column;
	}
	.consumer-column-category-list.pbNested li a {
		min-height: 80px;
		border-radius: 8px;
	}
}

/*  consumer/column/detail
========================================================================*/

.c_section.consumer-column-detail.pbNested > div {
	padding: 40px 0;
}
.consumer-column-detail__kv.pbNested {
	overflow: hidden;
}
.c_section.consumer-column-main.pbNested > div {
	padding: 0 0 80px;
}
.c_section.consumer-column-main.pbNested .c_grid.col-auto .caption {
	font-size: 1.2rem;
}

@media screen and (max-width: 1023px) {
	.c_section.consumer-column-main.pbNested > div {
		padding: 0 0 50px;
	}
}

/*  product
========================================================================*/

.c_style.text-product {
	font-size: 1.4rem;
	font-weight: 400;
}
.c_style.text-product a {
	font-weight: 400;
}
@media print, screen and (min-width: 1024px) {
	.c_image-text.narrow > div {
		gap: 25px 28px;
	}
}

@media screen and (max-width: 1023px) {
	.c_style.text-product {
		font-size: 1.2rem;
	}
}

/*  consumer/products
========================================================================*/

.c_grid.products-grid .c_button a {
	width: 100%;
}

@media screen and (max-width: 1023px) {
	.c_grid.products-grid .c_button:last-child > div {
		padding-top: 12px;
	}
}

/*  cs/business-form
========================================================================*/

.c-form .pbInputForm {
	font: inherit;
}

/*  consumer/products/itokihome
========================================================================*/

.c_image-text.itokihome > div {
	gap: 32px 28px;
}
.c-card__img.pbNested {
	overflow: hidden;
}
.c_accordion.single > div {
	border-top: none;
}
.c_accordion.single .trigger {
	position: relative;
	background: #fff;
	transition: all .3s;
}
@media (hover) {
	.c_accordion.single .trigger:hover {
		background: rgba(255,255,255,0);
	}
}
.c_accordion.single .trigger p {
	line-height: 1.8;
}
.c_accordion.single .trigger:before,
.c_accordion.single .trigger:after {
	right: 0;
}
.c_accordion.single .trigger > div {
	padding: 24px 40px 24px 0;
	color: #003349;
	font-size: 1.8rem;
}
.c_accordion.single .content {
	background: #fff;
}
.c_accordion.single .content > div {
	padding: 40px 0;
	border-top: 1px solid #CBD5DA;
}
.c_accordion.single .c_grid p {
	line-height: 1.8;
}
.c_accordion.single .c_grid .title + div.c-card-product__btn {
	margin-top: auto;
}
.c_accordion.single .c_grid .title + div.c-card-product__btn a {
	margin-top: 10px;
}

@media screen and (max-width: 1023px) {
	.c_accordion.single .trigger > div {
		font-size: 1.6rem;
	}
	.c_accordion.single .content > div {
		padding: 30px 0;
	}
}

/*  consumer/products/feature/daidara
========================================================================*/

.pbPage.edit .products-title.pbNested {
	display: block;
	padding: 0;
}
.pbPage.edit .products-title.pbNested > div {
	padding: 0 48px;
}
.pbPage.edit .products-title__img.pbNested {
	z-index: auto!important;
}
.pbPage.edit .products-title__block.pbNested .pb-handle {
	top: 0;
	left: 0;
}
.pbPage.edit .products-title__block.pbNested {
	padding: 40px;
}
.pbPage.edit .products-brief.pbNested {
	padding: 0;
}
.pbPage.edit .products-brief.pbNested > div {
	padding: 80px 48px;
}
.c_section.products-game .c-figure +.c-figure {
	margin-top: 60px;
}
.c_image-text .item.vertebra {
	text-align: center;
}

@media print, screen and (min-width: 1024px) {
	.c_image-text .item.daidara {
		width: calc((100% / 3) - 28px + (28px / 3));
	}
	.c_image-text .item.vertebra {
		width: calc((100% / 6) - 28px + (28px / 6));
	}
}

@media screen and (max-width: 1023px) {
	.products-title.pbNested > div {
		width: 100%;
	}
	.pbPage.edit .products-title.pbNested > div {
		height: 100%;
		display: flex;
		align-items: center;
		padding: 0 20px;
	}
	.pbPage.edit .products-title__block.pbNested {
		padding: 24px;
	}
	.pbPage.edit .products-brief.pbNested > div {
		padding: 50px 20px 80px;
	}
	.c_section.products-game .c-figure +.c-figure {
		margin-top: 30px;
	}
}

/*  consumer
========================================================================*/

.consumer-top-heading.pbNested + div {
	margin-top: 0;
}
.consumer-top-heading.pbNested .image > div {
	padding-top: 5px;
}
.consumer-top-heading.pbNested .image img {
	width: auto;
	height: 28px;
}
.consumer-top-heading.pbNested.-showroom .image img {
	height: 36px;
}
.consumer-top-heading.pbNested .text {
	margin-top: 10px;
	font-size: 1.2rem;
}
.consumer-top-heading.pbNested .text p {
	line-height: inherit;
}
.consumer-top-intro-item__heading.pbNested .sub {
	font-size: 1.7rem;
	color: #AAA597;
}
.consumer-top-intro-item__heading.pbNested .sub p {
	font-size: 1.7rem;
	line-height: inherit;
	font-weight: inherit;
}
.consumer-top-intro-item__heading.pbNested .title {
	margin-top: 10px;
	font-size: 3.4rem;
}
.c_grid .tag.beige li {
	background: #E3E0D7;
}
.c_grid .title + div.c_button {
	margin-top: auto;
}
.c_section.consumer-top-products.pbNested > div {
	padding-bottom: 0;
}
.c_section.white {
	background: #fff;
}
.c_section.consumer-top-products.pbNested .c_grid.col-4 .c_button a {
	width: 100%;
}
.c_section.consumer-top-showroom > div {
	padding-bottom: 64px;
}

@media print, screen and (min-width: 1024px) {
	.consumer-top-intro-item.pbNested {
		display: block;
	}
	.consumer-top-intro-item.pbNested > div {
		width: 100%;
		display: flex;
		gap: 28px;
		justify-content: space-between;
	}
	.consumer-top-intro-item.pbNested > div:after {
		display: none;
	}
	.consumer-top-intro-item.-pc-reverse.pbNested > div {
		flex-direction: row-reverse;
	}
	.consumer-top-intro-item__img.pbNested,
	.consumer-top-intro-item__txt.pbNested {
		width: calc(50% - 14px);
	}
	.pbPage.edit .consumer-top-intro > div {
		padding-top: 60px;
	}
	.pbPage.edit .consumer-top-showroom__box {
		position: relative;
	}
	.pbPage.edit .consumer-top-showroom__box > div {
	    padding: 60px 0;
	}
	.pbPage.edit .consumer-top-heading > .pb-handle,
	.pbPage.edit .consumer-top-intro > .pb-handle,
	.pbPage.edit .consumer-top-showroom__box > .pb-handle {
		left: 0;
	}
}

@media screen and (max-width: 1023px) {
	.consumer-top-heading.pbNested .image img {
		height: 22px;
	}
	.consumer-top-heading.pbNested.-showroom .image img {
		height: 60px;
	}
	.consumer-top-heading.pbNested .text {
		font-size: 1rem;
	}
	.consumer-top-intro-item__heading.pbNested .sub,
	.consumer-top-intro-item__heading.pbNested .sub p {
		font-size: 1.2rem;
	}
	.consumer-top-intro-item__heading.pbNested .title {
		margin-top: 5px;
		font-size: 2.6rem;
	}
	.c_section.consumer-top-products.pbNested .c_grid.col-4 .c_button {
		margin-top: 12px;
	}
	.c_section.consumer-top-products.pbNested .c_grid.col-4 .c_button > div {
		padding-top: 0;
	}
}

/*  consumer/faq
========================================================================*/

.c_link.faq ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 32px;
}
.c_link.faq li {
	width: calc((100% / 4) - 32px + (32px / 4));
}
.c_link.faq a {
	margin-right: 0;
}

@media screen and (max-width: 1023px) {
	.c_link.faq li {
		width: 100%;
	}
}

/*  resources/column/article/template
========================================================================*/

.column-article-links__list.-dot.pbNested li {
	padding-left: 1.25em;
	position: relative;
}
.column-article-links__list.-dot.pbNested li::before {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #003349;
	border-radius: 100%;
	position: absolute;
	top: 0.8em;
	left: 4px;
}
.column-article-links__list.-order.pbNested li {
	text-indent: -1.25em;
	padding-left: 1.25em;
	position: relative;
}
.column-article-links__list.-order.pbNested li::before {
	content: counter(number);
	counter-increment: number;
	padding-right: 0.75em;
}
.column-article-balloon__people.pbNested .span {
	margin-top: 5px;
	font-size: 1.2rem;
	font-weight: 700;
}

.pbPage.edit .column-article-links.pbNested {
	padding: 0;
}
.pbPage.edit .column-article-links.pbNested > div {
	padding: 32px 40px;
}
.pbPage.edit .column-article-links__ttl.pbNested {
	margin-bottom: 1em!important;
}

@media print, screen and (min-width: 1024px) {
	.column-article-balloon.pbNested {
		display: block;
	}
	.column-article-balloon.pbNested > div {
		display: grid;
		grid-template-columns: 80px 1fr 80px;
		gap: 52px;
	}
}

@media screen and (max-width: 1023px) {
	.column-article-balloon__people.pbNested > div {
		display: flex;
		gap: 16px;
		align-items: center;
	}
	.column-article-balloon__people.pbNested .span {
		margin-top: 0;
	}
}