@charset "UTF-8";

/* Infomation 
---------------------------------------------------------------------
File Name : adjustment_for_v2025.css
Create date : 2025/10/20

// Braek Points
// PC
@media screen and (max-width: 1439px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 979px) {
}
// Tablet
@media screen and (max-width: 767px) {
}
// Phone
@media screen and (max-width: 580px) {
}
---------------------------------------------------------------------
*/


/* --------------------------------
	contentArea
-------------------------------- */

#contentArea {
	padding-top: 0;
	padding-bottom: 80px;
}
@media screen and (max-width: 979px) {
	#contentArea {
		padding-top: 0;
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 767px) {
	#contentArea {
		padding-top: 0;
		padding-bottom: 55px;
	}
}


/* --------------------------------
	breadcrumb
-------------------------------- */
#breadcrumb {
	background-color: #fff;
	width: 100%;
	text-align: left;
	border-top: 1px solid var(--color-glb-gray-03);
	border-bottom: 1px solid var(--color-glb-gray-03);
	overflow-x: auto;
	min-height: 0.01%;
	padding: 0;
}
#breadcrumb:-webkit-scrollbar,
#breadcrumb:-webkit-scrollbar-thumb {
	display: none;
}
#breadcrumb ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	font-size: var(--px11);
	font-weight: bold;
	line-height: 100%;
	margin: 0 auto;
	padding: 1.4em 0;
}
#breadcrumb ul li,
#breadcrumb ul li a {
	color: var(--color-glb-gray-03);
	text-decoration: none;
	white-space: nowrap;
	font-size: 1em;
}
#breadcrumb ul li a:hover {
	text-decoration: underline;
}
#breadcrumb ul li .svg-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.5em 0 0;
	line-height: 100%;
}
#breadcrumb ul li + li:before {
	content: "－";
	margin-left: 0.8em;
	padding-right: 0.8em;
}
@media screen and (max-width: 767px) {
	#breadcrumb {
		display: block;
	}
	#breadcrumb ul {
		padding-top: var(--px16);
		padding-bottom: var(--px16);
	}
}


/* --------------------------------
	section
-------------------------------- */
section {
}
section + section {
	margin-top: 60px;
}
section.m01 + section.m01,
section.m02 + section.m02,
section.m04 + section.m04 {
	margin-top: 80px;
}
section.m03 + section.m03 {
	margin-top: 100px;
}
@media screen and (max-width: 767px) {
	section + section {
		margin-top: 30px;
	}
	section.m01 + section.m01 {
		margin-top: 45px;
	}
	section.m02 + section.m02 {
		margin-top: 40px;
	}
	section.m03 + section.m03 {
		margin-top: 60px;
	}
	section.m04 + section.m04 {
		margin-top: 50px;
	}
}

article {
}
article + article {
	margin-top: 30px;
}

section > article + article {
	margin-top: 60px;
}
@media screen and (max-width: 767px) {
	section > article + article {
		margin-top: 40px;
	}
}

section.m03 > article + article {
	margin-top: 60px;
}
@media screen and (max-width: 767px) {
	section.m03 > article + article {
		margin-top: 55px;
	}
}

section.m04 > article + article {
	margin-top: 80px;
}
@media screen and (max-width: 767px) {
	section.m04 > article + article {
		margin-top: 40px;
	}
}


/* --------------------------------
	background color
-------------------------------- */
.glb-bg-color-01 {
	background-color: #F8F7EF;
}
.glb-bg-oblique-04 {
	background-color: #AA1432;
	background-image: url(../images/common/bg_oblique_04.png);
	background-position: center center;
	background-repeat: repeat;
}
.glb-bg-v2025-01 {
	background-color: var(--color-glb-gray-04);
}
.glb-bg-v2025-02 {
	background-color: var(--color-glb-tygred-01);
}


/* --------------------------------
	layout
-------------------------------- */
.layout-grid.layout-hasAside .layout-box-article {
	width: 100%;
	padding: 0 56px;
}
@media screen and (max-width: 767px) {
	.layout-grid.layout-hasAside .layout-box-article {
		width: 100%;
		height: 100%;
		padding: 0;
	}
}


/* --------------------------------
	simpleAccordion
-------------------------------- */
.glb-simpleAccordion {
}
.glb-simpleAccordion .headline-area {
	width: 100%;
}
.glb-simpleAccordion .headline-area .headline-box {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: var(--px15) 0;
	cursor: pointer;
	color: #222;
}
.glb-simpleAccordion .headline-area .headline-box:hover {
	color: #006fa2;
	text-decoration: none;
}
.glb-simpleAccordion .headline-area .headline-box h1,
.glb-simpleAccordion .headline-area .headline-box h2,
.glb-simpleAccordion .headline-area .headline-box h3 {
	font-weight: normal;
	line-height: 150%;
}
.glb-simpleAccordion .headline-area .headline-box .hdl {
	font-size: var(--px21);
}
.glb-simpleAccordion .headline-box .marker {
	font-size: var(--px22);
	color: #cf1031;
}
.glb-simpleAccordion .headline-box .toggle-btn-box {
	font-size: var(--px22);
	font-weight: var(--px22);
	line-height: var(--px21);
	margin: 0 auto;
	width: var(--px22);
	height: var(--px22);
	text-align: center;
}
.glb-simpleAccordion .glb-accordion-area {
	padding: var(--px40) 0 0 0;
	border-top: 1px solid #cf1031;
}
.glb-simpleAccordion .sp-only-accordion .headline-area .headline-box {
	pointer-events: none;
}
.glb-simpleAccordion .sp-only-accordion .headline-box .toggle-btn-box {
	display: none;
}
.glb-simpleAccordion .sp-only-accordion .sp-only-accordion-toggleArea {
	display: block;
}
@media screen and (max-width: 767px) {
	.glb-simpleAccordion {
		padding: 0;
		margin-bottom: var(--px10);
	}
	.glb-simpleAccordion .sp-only-accordion .headline-area .headline-box {
		pointer-events: auto;
	}
	.glb-simpleAccordion .headline-area .headline-box {
		padding: var(--px22) var(--px14);
	}
	.glb-simpleAccordion .headline-area .headline-box .hdl {
		font-size: var(--px17);
	}
	.glb-simpleAccordion .headline-box .marker {
		font-size: var(--px18);
	}
	.glb-simpleAccordion .headline-box .toggle-btn-box {
		font-size: var(--px22);
		line-height: var(--px22);
		width: var(--px22);
		height: var(--px22);
	}
	.glb-simpleAccordion .sp-only-accordion .headline-box .toggle-btn-box {
		display: block;
	}
	.glb-simpleAccordion .glb-accordion-area {
		padding: var(--px35) var(--px16) var(--px15) var(--px16);
	}
	.glb-simpleAccordion .sp-only-accordion .sp-only-accordion-toggleArea {
		display: none;
	}
}

.glb-nodesign-simpleAccordion {
	margin-bottom: var(--px30);
}
.glb-nodesign-simpleAccordion .headline-area {
	width: 100%;
	margin-bottom: var(--px16);
}
.glb-nodesign-simpleAccordion .headline-area .headline-box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	cursor: pointer;
	color: #222;
}
.glb-nodesign-simpleAccordion .headline-area .headline-box:hover {
	color: #006fa2;
	text-decoration: none;
}
.glb-nodesign-simpleAccordion .headline-box .text-box {
	flex-shrink: 1;
	padding-right: 1em;
}
.glb-nodesign-simpleAccordion .headline-box .marker {
	font-size: 1.2em;
	color: var(--color-glb-tygred-01);
}
.glb-nodesign-simpleAccordion .headline-box .toggle-btn-box {
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 auto;
	padding: 0.2em;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	border: 1px solid var(--color-glb-tygred-01);
	border-radius: 50%;
}
.glb-nodesign-simpleAccordion .glb-accordion-area {
}
.glb-nodesign-simpleAccordion .sp-only-accordion .headline-area .headline-box {
	pointer-events: none;
}
.glb-nodesign-simpleAccordion .sp-only-accordion .headline-box .toggle-btn-box {
	display: none;
}
.glb-nodesign-simpleAccordion .sp-only-accordion .sp-only-accordion-toggleArea {
	display: block;
}
.glb-nodesign-simpleAccordion .sp-only-accordion .headline-box .marker {
	display: none;
}
@media screen and (max-width: 767px) {
	.glb-nodesign-simpleAccordion {
		padding: 0;
		margin-bottom: var(--px10);
	}
	.glb-nodesign-simpleAccordion .headline-area {
		margin-bottom: var(--px06);
	}
	.glb-nodesign-simpleAccordion .sp-only-accordion .headline-area .headline-box {
		pointer-events: auto;
	}
	.glb-simpleAccordion .headline-box .marker {
		font-size: 1em;
	}
	.glb-simpleAccordion .headline-box .toggle-btn-box {
		font-size: 1em;
		line-height: 1em;
		width: 1em;
		height: 1em;
	}
	.glb-nodesign-simpleAccordion .sp-only-accordion .headline-box .toggle-btn-box {
		display: block;
	}
	.glb-nodesign-simpleAccordion .sp-only-accordion .sp-only-accordion-toggleArea {
		display: none;
	}
	.glb-nodesign-simpleAccordion .sp-only-accordion .headline-box .marker {
		display: block;
	}
}


/* --------------------------------
	simpleAccordion
-------------------------------- */

/* glb-simpleAccordion */
.glb-simpleAccordion {
}
.glb-simpleAccordion .headline-area {
	width: 100%;
}
.glb-simpleAccordion .headline-area .headline-box {
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 30px 20px;
	align-items: center;
	cursor: pointer;
	border: 2px solid #000;
}
.glb-simpleAccordion + .glb-simpleAccordion .headline-area .headline-box {
	margin-top: -2px;
}
.glb-simpleAccordion .active .headline-area .headline-box,
.glb-simpleAccordion .headline-area .headline-box:hover {
	background-color: #aa1432;
	color: #fff !important;
}
.glb-simpleAccordion .headline-area .headline-box h1,
.glb-simpleAccordion .headline-area .headline-box h2,
.glb-simpleAccordion .headline-area .headline-box h3 {
	font-weight: bold;
	line-height: 140%;
}
.glb-simpleAccordion .headline-area .headline-box .hdl {
	font-size: 26px;
}
.glb-simpleAccordion .headline-box .marker {
	font-size: 12px;
}
.glb-simpleAccordion .headline-box .toggle-btn-box {
	background-color: #aa1432;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto;
	width: 20px;
	height: 20px;
	text-align: center;
}
.glb-simpleAccordion .glb-accordion-area {
	padding: 40px 0 75px 0;
}
@media screen and (max-width: 767px) {
	.glb-simpleAccordion .headline-area .headline-box {
		padding: 22px 14px;
	}
	.glb-simpleAccordion .headline-area .headline-box .hdl {
		font-size: 20px;
	}
	.glb-simpleAccordion .headline-box .toggle-btn-box {
		font-size: 20px;
		line-height: 24px;
		width: 24px;
		height: 24px;
	}
	.glb-simpleAccordion .glb-accordion-area {
		padding: 30px 0 50px 0;
	}
}



/* --------------------------------
	footer glb-btn-01
-------------------------------- */

[class^="bodyendArea-"],
footer {
	.glb-btn-01 {
		text-align: center;
		width: 100%;
		max-width: min(368px, calc(368 / var(--content-width) * 100vw));
		--color-ind-setting-01: var(--color-glb-tygred-01);
		--color-ind-setting-02: #fff;
		--color-ind-setting-03: transparent;
		margin: 0;
	}
	.glb-btn-01.inline {
		display: inline-block;
		width: auto;
		max-width: none;
	}
	.glb-btn-01.w100 {
		width: 100%;
		max-width: none;
	}
	.glb-btn-01 a {
		width: 100%;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid var(--color-ind-setting-01);
		border-radius: 100px;
		background-color: var(--color-ind-setting-03);
		font-size: var(--px16);
		font-weight: bold;
		line-height: 120%;
		padding: 0.75em;
		text-align: center;
		text-decoration: none;
		color: var(--color-ind-setting-01);
	}
	.glb-btn-01 a:link {
		text-decoration: none;
	}
	.glb-btn-01 a:hover {
		color: var(--color-ind-setting-02);
		background-color: var(--color-ind-setting-01);
	}
	.glb-btn-01 a .btn-text {
		flex: 1;
		padding: 0 1.8em;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: var(--px08);
	}
	.glb-btn-01 a .btn-text .btn-inner-text {
		width: 100%;
	}
	.glb-btn-01 a .btn-text .btn-inner-text.size-02 {
		font-size: var(--px12);
		font-weight: normal;
		color: var(--color-glb-black-01);
	}
	.glb-btn-01 a:hover  .btn-text .btn-inner-text.size-02 {
		color: #fff;
	}
	.glb-btn-01 a .icon {
		position: absolute;
		left: 0.75em;
		right: auto;
		width: 1.5em;
		height: 1.5em;
		padding: 0 0.3em;
		border-radius: 5em;
		color: var(--color-ind-setting-02);
		background-color: var(--color-ind-setting-01);
	}
	.glb-btn-01 a .btn-text + .icon {
		left: auto;
		right: 0.75em;
	}
	.glb-btn-01 a:hover .icon {
		color: var(--color-ind-setting-01);
		background-color: var(--color-ind-setting-02);
	}
	.glb-btn-01.red {
		--color-ind-setting-01: var(--color-glb-tygred-01);
		--color-ind-setting-02: #fff;
	}
	.glb-btn-01.white {
		--color-ind-setting-01: var(--color-glb-tygred-01);
		--color-ind-setting-02: var(--color-glb-hoverred-01);
		--color-ind-setting-03: transparent;
	}
	.glb-btn-01.white a {
		border-color: #fff;
		background-color: transparent;
		color: #fff
	}
	.glb-btn-01.white a:hover {
		border-color: var(--color-ind-setting-02);
		color: var(--color-ind-setting-02);
		background-color: var(--color-ind-setting-03);
	}
	.glb-btn-01.white a .icon {
		background-color: #fff;
		color: var(--color-ind-setting-01);
	}
	.glb-btn-01.white a:hover .icon {
		background-color: var(--color-ind-setting-02);
	}
	.glb-btn-01.color-mg {
		--color-ind-setting-01: var(--color-glb-mg-01);
		--color-ind-setting-02: #fff;
	}
	.glb-btn-01.white.color-mg {
		--color-ind-setting-03: var(--color-glb-mg-01);
	}
	.glb-btn-01.color-hs {
		--color-ind-setting-01: var(--color-glb-hs-01);
		--color-ind-setting-02: #fff;
	}
	.glb-btn-01.white.color-hs {
		--color-ind-setting-03: var(--color-glb-hs-01);
	}
	.glb-btn-01.color-gc {
		--color-ind-setting-01: var(--color-glb-gc-01);
		--color-ind-setting-02: #fff;
	}
	.glb-btn-01.white.color-gc {
		--color-ind-setting-03: var(--color-glb-gc-01);
	}
	@media screen and (max-width: 767px) {
		.glb-btn-01 {
			max-width: none;
		}
	}
}


/* --------------------------------
	contact freedial
-------------------------------- */

.contact-freedial-area {
	margin-top: 0;
	margin-bottom: 0;
}


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

.wgt-tbl table tr th,
.wgt-tbl table tr td {
	font-size: var(--px16);
}
@media screen and (max-width: 979px) {
	.wgt-tbl table tr th,
	.wgt-tbl table tr td {
		font-size: var(--px14);
	}
}
@media screen and (max-width: 767px) {
	.wgt-tbl {
		margin: 0 0 30px 0;
	}
	.wgt-tbl table tr th,
	.wgt-tbl table tr td {
		font-size: var(--px13);
	}
}
.wgt-tbl .wgt-responsive-sp-tbl .scroll-caption,
.wgt-tbl .wgt-responsive-tb-tbl .scroll-caption {
	font-size: var(--px12);
}

/* --------------------------------
	noframe table
-------------------------------- */

.wgt-noframe-tbl table tr th,
.wgt-noframe-tbl table tr td {
	font-size: var(--px16);
}
@media screen and (max-width: 979px) {
	.wgt-noframe-tbl table tr th,
	.wgt-noframe-tbl table tr td {
		font-size: var(--px14);
	}
}
@media screen and (max-width: 767px) {
	.wgt-noframe-tbl table tr th,
	.wgt-noframe-tbl table tr td {
		font-size: var(--px13);
	}
}

/* --------------------------------
	imitation table
-------------------------------- */
.wgt-imitation-tbl .tbl-cell {
	display: table-cell;
	font-size: var(--px16);
}
@media screen and (max-width: 979px) {
	.wgt-imitation-tbl .tbl-cell {
		font-size: var(--px14);
	}
}
@media screen and (max-width: 767px) {
	.wgt-imitation-tbl .tbl-cell {
		font-size: var(--px13);
	}
}

