@charset "UTF-8";

/*--------------------------------------------------

ユニット

--------------------------------------------------*/
.qua-unit * {
	letter-spacing: .04em;
}
.qua-unit {
	color: #0d0d0d;
}
.qua-unit a {
	color: #004ea2;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit {
		line-height: 1.875;
		font-size: calc(1.6rem / 1.6);
	}
	.qua-unit a[target=_blank]:not(.qua-disable-link-icon),
	.qua-unit a[target=_blank] .qua-add-link-icon,
	.qua-enable-link-icon a[target=_blank]:not(.qua-disable-link-icon),
	.qua-enable-link-icon a[target=_blank] .qua-add-link-icon {
        padding-right: 8px !important;
    }
	.qua-unit a[target=_blank]:not(.qua-disable-link-icon):after,
	.qua-unit a[target=_blank] .qua-add-link-icon:after,
	.qua-enable-link-icon a[target=_blank]:not(.qua-disable-link-icon):after,
	.qua-enable-link-icon a[target=_blank] .qua-add-link-icon:after {
		margin-top: -.3em;
	}
	/* hover */
	.qua-unit a:hover {
		text-decoration: underline;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit {
		line-height: 1.923;
		font-size: calc(1.3rem / 1.6);
	}
	.qua-containers .qua-container {
		margin-bottom: 50px;
	}
	.qua-container .qua-unit {
		margin-bottom: 25px;
	}
	.qua-container.qua-sp-vertical>.qua-containerColumns>.qua-containerColumn {
		margin-bottom: 25px;
    }
	.qua-unit a[target=_blank]:not(.qua-disable-link-icon):after,
	.qua-unit a[target=_blank] .qua-add-link-icon:after,
	.qua-enable-link-icon a[target=_blank]:not(.qua-disable-link-icon):after,
	.qua-enable-link-icon a[target=_blank] .qua-add-link-icon:after {
		width: 12px !important;
		height: 12px !important;
        margin-top: -4px;
        margin-left: 5px !important;
	}
	.qua-unit a[target=_blank] .qua-add-link-icon:after {
		width: 14px !important;
		height: 19px !important;
		margin-top: -3px;
		margin-left: 8px !important;
	}
	.qua-field-gallery__item {
		padding-bottom: 4% !important;
	}
}
/*--------------------------------------------------
  = 画像拡大・キャプション
--------------------------------------------------*/
.qua-field-image .qua-field-image__image {
	overflow: hidden;
}
.qua-field-image__image img {
	width: auto;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
	transition: transform .2s ease-out;
}
.qua-field-image__image a:hover img,
a:hover .qua-field-image__image img {
	transform: scale(1.1);
}
.qua-field-image .qua-field-image__caption {
	color: #707070;
	font-size: 100%;
	text-align: left;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-field-image .qua-field-image__caption {
        margin-top: .8em;
        line-height: 1.5;
		font-size: calc(1.5rem / 1.6);
	}
	.qua-field-slider .qua-field-image__caption {
		margin-top: 0;
		padding: 14px 22px !important;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit.qua-sp-vertical .qua-unit__in .qua-field-images>.qua-field-images__item {
		margin-bottom: 30px;
	}
	.qua-field-image .qua-field-image__caption {
        margin-top: .8em;
        line-height: 1.6;
		font-size: calc(1.1rem / 1.6);
	}
	.qua-field-slider .qua-field-image__caption {
		padding: 10px !important;
	}
}
/*--------------------------------------------------
  = 見出し共通
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h2"],
.qua-unit-heading[qua-unit-level="h3"],
.qua-unit-heading[qua-unit-level="h4"],
.qua-unit-heading[qua-unit-level="h5"],
.qua-unit-heading[qua-unit-level="h6"] {
	line-height: 1.5;
	font-weight: bold;
}
/*--------------------------------------------------
  = h2
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h2"] {
	position: relative;
	background: #0053b1;
	border-radius: 0 5px 5px 0;
	color: #fff;
	overflow: hidden;
}
.qua-unit-heading[qua-unit-level="h2"] a {
	color: #fff;
}
.qua-unit-heading[qua-unit-level="h2"]::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
 	background: linear-gradient(180deg, #4dafe3 0%, #4dafe3 50%, #177ee6 50%, #177ee6 100%);
}
.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::before,
.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::after {
	content: "";
	display: block;
	position: absolute;
	transform: rotate(45deg);
}
.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::before {
	background: #0a5eb8;
}
.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::after {
    border: 1px solid #2678cc;
}
.qua-unit-heading[qua-unit-level="h2"] .qua-unit__inin {
	position: relative;
	z-index: 1;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h2"] {
		padding: 13px 13px 13px 38px;
		font-size: calc(3rem / 1.6);
	}
	.qua-unit-heading[qua-unit-level="h2"]::before {
		width: 10px;
	}
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::before,
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::after  {
		border-radius: 10px;
	}
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::before {
		top: calc(50% - 88px);
		right: -110px;
		width: 280px;
		height: 280px;
	}
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::after {
		top: 20px;
		right: 140px;
		width: 176px;
		height: 176px;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h2"] {
		padding: 8px 13px 8px 18px;
		font-size: calc(2rem / 1.6);
	}
	.qua-unit-heading[qua-unit-level="h2"]::before {
		width: 5px;
	}
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::before,
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::after  {
		border-radius: 5px;
	}
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::before {
		top: -25px;
        right: -115px;
        width: 170px;
        height: 170px;
	}
	.qua-unit-heading[qua-unit-level="h2"] .qua-unit__in::after {
		top: 12px;
        right: 20px;
        width: 107px;
        height: 107px;
	}
}
/*--------------------------------------------------
  = h3
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h3"] {
	position: relative;
	border-bottom: 1px solid #e0e0e0;
}
.qua-unit-heading[qua-unit-level="h3"]::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
 	background: linear-gradient(90deg, #004ea2 0%, #004ea2 50%, #8bdaef 50%, #8bdaef 100%);
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h3"] {
		padding: 0 7px 16px 7px;
		font-size: calc(2.8rem / 1.6);
	}
	.qua-unit-heading[qua-unit-level="h3"]::before {
		width: 80px;
		height: 5px;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h3"] {
		padding: 0 3px 10px 3px;
		font-size: calc(1.8rem / 1.6);
	}
	.qua-unit-heading[qua-unit-level="h3"]::before {
		width: 40px;
		height: 3px;
	}
}
/*--------------------------------------------------
  = h4
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h4"] {
    position: relative;
    border-bottom: solid #004ea2;
    color: #004ea2;
}
.qua-unit-heading[qua-unit-level="h4"]::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #9ae3f2;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h4"] {
		padding: 0 10px 10px 26px;
		font-size: calc(2.6rem / 1.6);
		border-bottom-width: 2px;
	}
	.qua-unit-heading[qua-unit-level="h4"]::before {
		width: 2px;
        height: 100%;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h4"] {
		padding: 0 5px 5px 13px;
		font-size: calc(1.6rem / 1.6);
		border-bottom-width: 1px;
	}
	.qua-unit-heading[qua-unit-level="h4"]::before {
		width: 1px;
        height: 100%;
	}
}
/*--------------------------------------------------
  = h5
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h5"] {
  	color:#004ea2;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h5"] {
		font-size: calc(2.4rem / 1.6);
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h5"] {
		font-size: calc(1.5rem / 1.6);
	}
}
/*--------------------------------------------------
  = h6
--------------------------------------------------*/
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h6"] {
		font-size: calc(2.4rem / 1.6);
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h6"] {
		font-size: calc(1.5rem / 1.6);
	}	 
}
/*--------------------------------------------------
  = リスト
--------------------------------------------------*/
.qua-field-list ul[qua-list-style="circle"]>li::before,
.qua-field-list ul[qua-list-style="circle"]>li::after,
.qua-field-list ul[qua-list-style="arw"]>li::before,
.qua-field-list ul[qua-list-style="arw2"]>li::before {
	content: "";
	display: block;
	position: absolute;
}
.qua-field-list ul[qua-list-style="circle"]>li::before {
	border-radius: 50%;
	background: #fff;
	border: 1px solid #c9daed;
	box-sizing: border-box;
}
.qua-field-list ul[qua-list-style="circle"]>li::after {
	background: #004ea2;
	border-radius: 50%;
}
.qua-field-list ul[qua-list-style="arw"]>li::before,
.qua-field-list ul[qua-list-style="arw2"]>li::before {
	background: #004ea2;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.qua-field-list ul[qua-list-style="arw2"]>li:before,
.qua-field-list ul[qua-list-style^='link2'] > li::before {
	transform: rotate(90deg);
}
.qua-field-list ul[qua-list-style="num_dot"] li::before,
.qua-field-list ul[qua-list-style="num_dot_zero"] li::before,
.qua-field-list ul[qua-list-style="num_parenth"] li::before {
	letter-spacing: 0;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-field-list li {
        line-height: 1.8em;
	}
	.qua-field-list ul[qua-list-style="circle"]>li {
		padding-left: 2em;
	}
	.qua-field-list ul[qua-list-style="arw"]>li {
		padding-left: 1.55em;
	}
	.qua-field-list ul[qua-list-style="arw2"]>li {
		padding-left: 1.55em;
	}
	.qua-field-list ul[qua-list-style="circle"]>li::before {
        top: .38em;
        left: .45em;
        width: 1em;
        height: 1em;
	}
	.qua-field-list ul[qua-list-style="circle"]>li::after {
        top: .63em;
        left: .7em;
        width: .5em;
        height: .5em;
	}
	.qua-field-list ul[qua-list-style="arw"]>li::before,
	.qua-field-list ul[qua-list-style="arw2"]>li::before {
        top: .53em;
		left: .55em;
        width: .5625em;
        height: .625em;
	}
	.qua-field-list ul[qua-list-style^=num_] > li,
	.qua-field-list ul[qua-list-style^=alpha_] > li,
	.qua-field-list ul[qua-list-style^=roman_] > li,
	.qua-field-list ul[qua-list-style=annotation] > li,
	.qua-field-list ul[qua-list-style=bullet] > li {
		padding-left: 2.1em !important;
	}
	.qua-field-list ul[qua-list-style=annotation] > li {
		font-size: calc(1.4rem / 1.6);
	}
	.qua-field-list ul[qua-list-style^=num_] > li::before,
	.qua-field-list ul[qua-list-style^=alpha_] > li::before,
	.qua-field-list ul[qua-list-style^=roman_] > li::before,
	.qua-field-list ul[qua-list-style=annotation] > li::before,
	.qua-field-list ul[qua-list-style=bullet] > li::before {
		width: 1.65em;
	}
	.qua-field-list .qua-field-list__item__in {
        margin-bottom: 1em;
    }
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-field-list li {
        line-height: 1.7em;
	}
	.qua-field-list ul[qua-list-style="circle"]>li {
		padding-left: 1.55em;
	}
	.qua-field-list ul[qua-list-style="arw"]>li,
	.qua-field-list ul[qua-list-style="arw2"]>li {
		padding-left: 1.62em;
	}
	.qua-field-list ul[qua-list-style="circle"]>li::before {
		top: .45em;
        left: .15em;
        width: .77em;
        height: .77em;
	}
	.qua-field-list ul[qua-list-style="circle"]>li::after {
        top: .68em;
        left: .4em;
        width: .31em;
        height: .31em;
	}
	.qua-field-list ul[qua-list-style="arw"]>li::before,
	.qua-field-list ul[qua-list-style="arw2"]>li::before {
        top: .45em;
        left: .15em;
        width: .693em;
        height: .7693em;
	}
	.qua-field-list ul[qua-list-style=annotation] > li {
		font-size: calc(1.2rem / 1.6);
	}
	.qua-field-list .qua-field-list__item__in {
        margin-bottom: 1em;
    }
}
/*--------------------------------------------------
  = ファイル
--------------------------------------------------*/
.qua-unit-files .qua-field-file__link {
	position: relative;
	display: inline-block;
	transition: .2s ease-in;
}
.qua-unit-files .qua-field-file__link::before {
	content: "";
	display: block;
	position: absolute;
    background: #004ea2;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
	transition: .2s ease-in;
	z-index: 1;
}
.qua-unit-files[qua-unit-style="bg"] .qua-unit-files__item {
	position: relative;
}
.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link {
	display: block;
  	background: #fafcff;
	border: 1px solid #e5eef7;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-files__item:not(:first-child) {
        margin-top: 1.7em;
	}
	.qua-unit-files .qua-unit-files__item a {
		padding-left: 1.7em;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link {
		padding: 9px 9px 9px 34px;
	}
	.qua-unit-files .qua-field-file__link::before {
        top: 9.5px;
		left: 9px;
		width: 9px;
		height: 10px;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link::before {
		top: 15.5px;
		left: 21px;
	}
	/* hover */
	.qua-unit-files .qua-unit-files__item a:hover {
		text-decoration: underline;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-unit-files__item a:hover {
		background: #e5eef7;
		text-decoration: unset;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-files__item:not(:first-child) {
        margin-top: .7em;
	}
	.qua-unit-files .qua-unit-files__item a {
        padding-left: 1.55em;
	}
	.qua-unit-files .qua-field-file__link::before {
        top: 7px;
        left: 2px;
        width: 9px;
        height: 10px;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-unit-files__item:not(:first-child) {
        margin-top: 1.15em;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link {
		padding: 14px 14px 14px 34px;
		border-radius: 1.5px;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link::before {
		top: 20px;
		left: 14px;
	}
	/* 基本設定変更 */
	.qua-unit.qua-unit-files[qua-unit-style="bg"] .qua-unit-files__item a[target=_blank]:not(.qua-disable-link-icon),
	.qua-unit.qua-unit-files[qua-unit-style="bg"] .qua-unit-files__item a[target=_blank] .qua-add-link-icon {
		padding-right: 0;
	}
}
/*--------------------------------------------------
  = ボタン
--------------------------------------------------*/
.qua-field-buttons__button {
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
}
.qua-field-buttons__button::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ccdcec;
    z-index: -1;
}
.qua-field-buttons__button__in {
	position: relative;
    display: block;
    background: #004ea2;
    overflow: hidden;
    transition: .2s ease-in;
}
.qua-field-buttons__button__in::before,
.qua-field-buttons__button__in::after {
    content: "";
    display: block;
    position: absolute;
}
.qua-field-buttons__button__in::before {
	top: 0;
    left: 0;
    background: #0078c0;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    transition: .2s ease-in;
}
.qua-field-buttons__button__in::after {
    top: 50%;
    background: url(../img/shared/qu-parts-button.svg) no-repeat center / 100%;
    transform: translateY(-50%);
}
/* __anchor */
.qua-unit-buttons.__anchor .qua-field-buttons__button__in::after {
	transform: translateY(-50%) rotate(90deg);
}
.qua-field-buttons__button__in p,
.qua-field-buttons__button__in a {
	display: block;
	color: #fff;
	transition: .2s ease-out;
}
.qua-field-buttons__button__in p {
	position: relative;
	margin-bottom: 0 !important;
	z-index: 2;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-field-buttons__button::before {
	    top: 3px;
        border-radius: 5px;
	}
	.qua-field-buttons__button__in {
		padding: 20px 55px 20px 30px;
		font-size: calc(2rem / 1.6);        
        border-radius: 5px;
	}
	.qua-field-buttons__button__in::before {
        width: 30px;
        height: 30px;
	}
	.qua-field-buttons__button__in::after {
	    right: 20px;
        width: 21px;
        height: 21px;
	}
	.qua-field-buttons[qua-buttons-layout="1"] ul {
		text-align: center;
	}
	.qua-field-buttons[qua-buttons-layout="1"] li {
		display: inline-block;
		min-width: 530px;
	}
	.qua-unit-buttons a[target=_blank]:not(.qua-disable-link-icon),
	.qua-unit-buttons a[target=_blank] .qua-add-link-icon, .qua-enable-link-icon a[target=_blank]:not(.qua-disable-link-icon),
	.qua-enable-link-icon a[target=_blank] .qua-add-link-icon {
		padding-right: 0!important;
	}
	/* hover */
	.qua-field-buttons__button:hover .qua-field-buttons__button__in {
		background: #1366bf;
	}
	.qua-field-buttons__button:hover .qua-field-buttons__button__in::before {
		background: #0b86d2;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit.qua-sp-vertical .qua-field-buttons li {
        margin-bottom: 25px;
	}
	.qua-field-buttons__button {
		font-size: calc(1.7rem / 1.6);
	}
	.qua-field-buttons__button::before {
	    top: 2px;
        border-radius: 2.5px;
	}
	.qua-field-buttons__button__in {
		padding: 15px 40px 15px 20px;
        border-radius: 2.5px;
	}
	.qua-field-buttons__button__in::before {
        width: 25px;
        height: 25px;
	}
	.qua-field-buttons__button__in::after {
        right: 15px;
        width: 15px;
        height: 15px;
	}
	.qua-field-buttons__button p {
		margin-bottom: 0 !important;
	}
	.qua-unit.qua-unit-buttons a[target=_blank]:not(.qua-disable-link-icon),
	.qua-unit.qua-unit-buttons a[target=_blank] .qua-add-link-icon {
		padding-right: 0;
	}
}
/*--------------------------------------------------
  = テーブル
--------------------------------------------------*/
.qua-table {
	box-sizing: border-box;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	table.qua-table td {
		padding: 17px 20px;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	table.qua-table td {
        font-size: calc(1.3rem / 1.6);
	}
}
/*--------------------------------------------------
  = アコーディオン
--------------------------------------------------*/
.qua-unit-accordion {
	position: relative;
	transition: .2s ease-in;
    border-bottom: solid #004ea2;
	font-weight: bold;
}
.qua-unit-accordion::before,
.qua-unit-accordion::after {
	content: "";
	display: block;
	position: absolute;
}
.qua-unit-accordion::before {
    left: 0;
    bottom: 0;
    background: #9ae3f2;
}
.qua-unit-accordion::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/shared/qu-parts-accordion.svg) no-repeat center/100%;
	transform: translateY(-50%);
	transition: .4s ease-in-out;
}
.qua-js-accordion-open {
    color: #004ea2;
}
.qua-js-accordion-open::after {
	transform: translateY(-50%) rotate(180deg);
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-accordion {
        padding: 0 52px 12px 26px;
		border-bottom-width: 2px;
		line-height: 1.5;
        font-size: calc(2.4rem / 1.6);
	}
	.qua-unit-accordion::before {
		width: 2px;
		height: 100%;
	}
	.qua-unit-accordion::after {
		top: calc(50% - 5px);
		right: 16px;
        width: 20px;
        height: 12px;
	}
	/* hover */
	.qua-unit-accordion:hover {
        color: #004ea2;
    }
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-accordion {
        padding: 2px 30px 7px 12px;
		border-bottom-width: 1px;
        line-height: 1.3;
        font-size: calc(1.6rem / 1.6);
	}
	.qua-container:has(.qua-unit-accordion) {
		margin-bottom: 0;
	}
	.qua-unit-accordion::before {
		width: 1px;
		height: 100%;
	}
	.qua-unit-accordion::after {
		top: calc(50% - 2px);
		right: 8px;
        width: 14px;
        height: 9px;
	}
}
/*--------------------------------------------------
  = 罫線
--------------------------------------------------*/
.qua-unit-line hr {
	display: none;
}
.qua-unit-line {
	border-top: 1px solid #ececec;
}
.qua-unit-line[qua-unit-style="color"] {
	border-top: 1px solid #a8c5e3;
}
.qua-unit-line[qua-unit-style="dotted"],
.qua-unit-line[qua-unit-style="blue_dotted"] {
	width: 100%;
	height: 1px;
	border: 0;
    background-repeat: repeat-x;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-line[qua-unit-style="dotted"],
	.qua-unit-line[qua-unit-style="blue_dotted"] {
		background-size: 4px 1px;
	}
	.qua-unit-line[qua-unit-style="dotted"] {
		background-image: linear-gradient(to right, #d9d9d9, #d9d9d9 2px, transparent 2px);
	}
	.qua-unit-line[qua-unit-style="blue_dotted"] {
		background-image: linear-gradient(to right, #69a8eb, #69a8eb 2px, transparent 2px);
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-line[qua-unit-style="dotted"],
	.qua-unit-line[qua-unit-style="blue_dotted"] {
		background-size: 2px 1px;
	}
	.qua-unit-line[qua-unit-style="dotted"] {
		background-image: linear-gradient(to right, #d9d9d9, #d9d9d9 1px, transparent 1px);
	}
	.qua-unit-line[qua-unit-style="blue_dotted"] {
		background-image: linear-gradient(to right, #69a8eb, #69a8eb 1px, transparent 1px);
	}
}
/*--------------------------------------------------
  = テキスト背景
--------------------------------------------------*/
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] {
	position: relative;
	background: #fafcff;
	border: 1px solid #e5eef7;
	box-sizing: border-box;
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::before,
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::after,
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::before,
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::after {
	content: "";
	display: block;
	position: absolute;
	background: url(../img/shared/qu-parts-bg.png) no-repeat center/100%;
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::before {
	top: -1px;
	left: -1px;
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::after {
	top: -1px;
	right: -1px;
	transform: scale(-1,1);
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::before {
	bottom: -1px;
	left: -1px;
	transform: scale(1,-1);
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::after {
	bottom: -1px;
	right: -1px;
	transform: scale(-1,-1);
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] {
		padding: 19px 27px;
	}
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::before,
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::after,
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::before,
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::after {
		width: 30px;
		height: 30px;
	}
	.qua-unit.qua-unit-list[qua-unit-style="bg"] {
		padding: 16px 20px 1px;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] {
		padding: 12px 15px;
	}
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::before,
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]::after,
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::before,
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] .qua-unit__in::after {
		width: 15px;
		height: 15px;
	}
	.qua-unit.qua-unit-list[qua-unit-style="bg"] {
		padding: 10px 12px 1px;
	}
}
/*--------------------------------------------------
  = スペーサー
--------------------------------------------------*/
.qua-unit:has(+ .qua-unit-spacer),
.qua-unit-spacer {
	margin-bottom: 0 !important;
}
.qua-unit-spacer[qua-unit-style="sp-100"] {
	margin-top: -100px;
}
.qua-unit-spacer[qua-unit-style="sp-90"] {
	margin-top: -90px;
}
.qua-unit-spacer[qua-unit-style="sp-80"] {
	margin-top: -80px;
}
.qua-unit-spacer[qua-unit-style="sp-70"] {
	margin-top: -70px;
}
.qua-unit-spacer[qua-unit-style="sp-60"] {
	margin-top: -60px;
}
.qua-unit-spacer[qua-unit-style="sp-50"] {
	margin-top: -50px;
}
.qua-unit-spacer[qua-unit-style="sp-40"] {
	margin-top: -40px;
}
.qua-unit-spacer[qua-unit-style="sp-30"] {
	margin-top: -30px;
}
.qua-unit-spacer[qua-unit-style="sp-20"] {
	margin-top: -20px;
}
.qua-unit-spacer[qua-unit-style="sp-10"] {
	margin-top: -10px;
}
.qua-unit-spacer[qua-unit-style="sp10"] {
	margin-top: 10px;
}
.qua-unit-spacer[qua-unit-style="sp20"] {
	margin-top: 20px;
}
.qua-unit-spacer[qua-unit-style="sp30"] {
	margin-top: 30px;
}
.qua-unit-spacer[qua-unit-style="sp40"] {
	margin-top: 40px;
}
.qua-unit-spacer[qua-unit-style="sp50"] {
	margin-top: 50px;
}
.qua-unit-spacer[qua-unit-style="sp60"] {
	margin-top: 60px;
}
.qua-unit-spacer[qua-unit-style="sp70"] {
	margin-top: 70px;
}
.qua-unit-spacer[qua-unit-style="sp80"] {
	margin-top: 80px;
}
.qua-unit-spacer[qua-unit-style="sp90"] {
	margin-top: 90px;
}
.qua-unit-spacer[qua-unit-style="sp100"] {
	margin-top: 100px;
}
/*--------------------------------------------------
  = 色フレームユニット
--------------------------------------------------*/
.qua-unit-frames__image {
	overflow: hidden;
}
.qua-unit-frames__image img {
	width: 100%;
	object-fit: cover;
}
.qua-unit-frames__body {
	transition: .2s ease-in;
}
.qua-unit-frames__title {
    position: relative;
    border-bottom: solid #004ea2;
    color: #004ea2;
	line-height: 1.5;
	font-weight: bold;
}
.qua-unit-frames__title::before,
.qua-unit-frames__title::after {
	content: "";
    display: block;
    position: absolute;
}
.qua-unit-frames__title::before {
    left: 0;
    bottom: 0;
	height: 100%;
    background: #9ae3f2;
}
.qua-unit-frames__title::after {
	background: url(../img/shared/qu-parts-frames.svg) no-repeat center/100%;
	transform: translateY(-50%);
}
.qua-unit-frames__text {
	color: #0d0d0d;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-frames__item:nth-child(n+3) {
		margin-top: 50px;
	}
	.qua-unit-frames__image {
		margin-bottom: 25px;
		border-radius: 10px 10px 0 0;
	}
	.qua-unit-frames__image img {
		height: 250px;
	}
	.qua-unit-frames__title {
		margin-bottom: 17px;
        padding: 12px 55px 20px 30px;
        font-size: calc(2.4rem / 1.6);
        border-bottom-width: 2px;
	}
	.qua-unit-frames__title::before {
		width: 2px;
	}
	.qua-unit-frames__title::after {
		top: calc(50% - 4px);
        right: 20px;
        width: 22px;
        height: 22px;
	}
	.qua-unit-frames__text {
		line-height: 1.875;
		font-size: calc(1.6rem / 1.6);
	}
	/* hover */
	.qua-unit-frames__item a:hover {
		text-decoration: unset;
	}
	.qua-unit-frames__item a:hover .qua-unit-frames__body {
		opacity: .85;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-frames__item + .qua-unit-frames__item {
		margin-top: 25px;
	}
	.qua-unit-frames__image {
		margin-bottom: 15px;
		border-radius: 6.42px 6.42px 0 0;
	}
	.qua-unit-frames__image img {
		height: 160px;
	}
	.qua-unit-frames__title {
		margin-bottom: 12px;
        padding: 5px 35px 9px 16px;
        font-size: calc(1.6rem / 1.6);
        border-bottom-width: 1px;
	}
	.qua-unit-frames__title::before {
		width: 1px;
	}
	.qua-unit-frames__title::after {
		top: calc(50% - 2.5px);
		right: 9px;
		width: 15px;
		height: 15px;
	}
	.qua-unit-frames__text {
		line-height: 1.923;
		font-size: calc(1.3rem / 1.6);
	}
}
/*--------------------------------------------------
  = ポスト
--------------------------------------------------*/
.qua-unit-posts__items {
	position: relative;
	background-repeat: repeat-x;
    background-position: bottom left;
}
.qua-unit-posts__item {
	position: relative;
}
.qua-unit-posts__item a {
	position: relative;
	line-height: 2;
	background-repeat: repeat-x;
    background-position: top left;
}
.qua-unit.qua-unit-posts a[target=_blank]:not(.qua-disable-link-icon):after {
	content: none;
}
.qua-unit-posts__date {
    display: flex;
    align-items: center;
}
.qua-unit-posts__date time {
    color: #666666;
    line-height: 1;
}
.qua-unit-posts__catList {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.qua-unit-posts__cat {
    border-radius: 3em;
    border: 1px solid #8eb0d5;
    background: #fff;
    color: #004ea2;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    transition: .2s ease-in;
}
.qua-unit-posts__title {
	position: relative;
	color: #0d0d0d;
}
.qua-unit-posts a[target=_blank] .qua-unit-posts__title:after {
	content: "";
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: var(--qua-link-icon-path--external);
    background-size: contain;
    position: relative;
    vertical-align: middle;
}
.qua-unit-posts__morebtn a {
	position: relative;
    display: block;
    color: #fff;
	line-height: 1.5;
    font-weight: bold;
	text-align: center;
}
.qua-unit-posts__morebtn a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ccdcec;
    z-index: -1;
}
.qua-unit-posts__morebtn span {
    position: relative;
    display: block;
    background: #004ea2;
    overflow: hidden;
    transition: .2s ease-in;
}
.qua-unit-posts__morebtn span::before,
.qua-unit-posts__morebtn span::after {
	content: "";
	display: block;
	position: absolute;
}
.qua-unit-posts__morebtn span::before {
    top: 0;
    left: 0;
    background: #0078c0;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
    transition: .2s ease-in;
}
.qua-unit-posts__morebtn a span::after {
    top: 50%;
    background: url(../img/shared/qu-parts-button.svg) no-repeat center / 100%;
    transform: translateY(-50%);
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-posts {
		padding-bottom: 60px;
	}
	.qua-unit-posts__items {
		background-image: linear-gradient(to right, #69a8eb, #69a8eb 2px, transparent 2px);
        background-size: 4px 1px;
	}
	.qua-unit-posts__item a {
		display: flex;
		align-items: baseline;
		padding: 21px 10px;
		background-image: linear-gradient(to right, #69a8eb, #69a8eb 2px, transparent 2px);
        background-size: 4px 1px;
	}
	.qua-unit-posts__date {
    	justify-content: space-between;
	}
	.qua-unit-posts__date time {
        font-size: calc(1.5rem / 1.6);
	}
	.qua-unit-posts__cat {
        min-width: 100px;
		margin-left: 18px;
        padding: 4.5px;
        font-size: calc(1.4rem / 1.6);
	}
	.qua-unit-posts__title {
		flex: 1;
		margin-left: 18px;
        line-height: 1.7;
		font-size: calc(1.6rem / 1.6);
	}
	.qua-unit-posts a[target=_blank] .qua-unit-posts__title:after {
		width: 14px;
		height: 14px;
		margin: -.3em 0 0 5px;
	}
	.qua-unit-posts__morebtn {
		margin-top: 40px;
	}
	.qua-unit-posts__morebtn a {
		width: 340px;
		margin: 0 auto;
		line-height: 1.5;
        font-size: calc(2rem / 1.6);
	}
	.qua-unit-posts__morebtn a::before {
		top: 3px;
        border-radius: 5px;
	}
	.qua-unit-posts__morebtn span {
        padding: 20px 55px;
        font-size: calc(2rem / 1.6);
        border-radius: 5px;
	}
	.qua-unit-posts__morebtn span::before {
        width: 30px;
        height: 30px;
	}
	.qua-unit-posts__morebtn span::after {
        right: 20px;
        width: 21px;
        height: 21px;
	}
	/* hover */
	.qua-unit-posts__item a:hover {
		text-decoration: none;
	}
	.qua-unit-posts__item a:hover .qua-unit-posts__title {
		text-decoration: underline;
	}
	.qua-unit-posts__morebtn:hover a {
		text-decoration: none;
	}
	.qua-unit-posts__morebtn:hover span {
		background: #1366bf;
	}
	.qua-unit-posts__morebtn:hover span::before {
		background: #0b86d2;
	}
}
/* = SP (767px以下)
----------------------------------------------- */
@media screen and (max-width: 767px) {
	.qua-unit-posts {
		padding-bottom: 40px;
	}
	.qua-unit-posts__items {
		background-image: linear-gradient(to right, #69a8eb, #69a8eb 1px, transparent 1px);
        background-size: 2px 1px;
	}
	.qua-unit-posts__item a {
		display: block;
        padding: 20px 5px 16px;
		background-image: linear-gradient(to right, #69a8eb, #69a8eb 1px, transparent 1px);
        background-size: 2px 1px;
	}
	.qua-unit-posts__date {
        margin-bottom: 7px;
	}
	.qua-unit-posts__date time {
        font-size: calc(1.2rem / 1.6);
	}
	.qua-unit-posts__cat {
        min-width: 70px;
		margin-left: 12px;
        padding: 3px 5px;
        font-size: calc(1rem / 1.6);
	}
	.qua-unit-posts__title {
        line-height: 1.75;
		font-size: calc(1.3rem / 1.6);
	}
	.qua-unit-posts a[target=_blank] .qua-unit-posts__title:after {
        width: 12px;
        height: 12px;
        margin-top: -4px;
        margin-left: 5px;
	}
	.qua-unit-posts__morebtn {
		margin-top: 30px;
	}
	.qua-unit-posts__morebtn a {
		width: 100%;
		line-height: 1.5;
        font-size: calc(1.7rem / 1.6);
	}
	.qua-unit-posts__morebtn a::before {
        top: 2px;
        border-radius: 2.5px;
	}
	.qua-unit-posts__morebtn span {
        padding: 15px 40px;
        border-radius: 2.5px;
	}
	.qua-unit-posts__morebtn span::before {
		width: 25px;
        height: 25px;
	}
	.qua-unit-posts__morebtn span::after {
        right: 15px;
        width: 15px;
        height: 15px;
	}
}