@charset "UTF-8";

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

ユニット

--------------------------------------------------*/
.qua-unit * {
	letter-spacing: .04em;
}
.qua-unit {
	color: #0d0d0d;
  margin-bottom: 2.5rem;
}
.qua-unit a {
	color: #0ca8ba;
  text-decoration: none;
}
.qua-content .qua-container {
  margin-bottom: 5rem;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit {
		font-size: 1.6rem;
		line-height: 1.875;
	}
	.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;
    margin-right: 7px;
	}
	/* hover */
	.qua-unit a:hover {
		text-decoration: underline;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit {
    font-size: 2.6rem;
    line-height: 1.923;
	}
	.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: 6px!important;
    margin-right: 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__image {
	overflow: hidden;
}
.qua-field-image__image img {
	width: auto;
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*IE対策*/
	transition: transform .3s ease-out;
	overflow: hidden;
}
.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;
}
.qua-field-slider .qua-field-image__caption {
  color: #fff;
}
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-field-image .qua-field-image__caption {
    margin-top: .8em;
    line-height: 1.5;
	}
	.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;
	}
	.qua-field-slider .qua-field-image__caption {
		padding: 10px !important;
	}
}
/*--------------------------------------------------
  = 見出し共通
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h2"] p,
.qua-unit-heading[qua-unit-level="h3"] p,
.qua-unit-heading[qua-unit-level="h4"] p,
.qua-unit-heading[qua-unit-level="h5"] p,
.qua-unit-heading[qua-unit-level="h6"] p {
	line-height: 1.5;
	font-weight: 500;  
  font-family: var(--font-serif);
}
/*--------------------------------------------------
  = h2
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h2"]{
	position: relative;
	color: #fff;
  background-color: #00b8d6;
  overflow: hidden;
}
.qua-unit-heading[qua-unit-level="h2"]:before,
.qua-unit-heading[qua-unit-level="h2"]:after{
  background-color: #93e2eb;
  content: "";
  height: 1px;
  position: absolute;
  display: block;
}
.qua-unit-heading[qua-unit-level="h2"]:before{
  left: 1.7rem;
  right: 0;
  top: 0.2rem;
}
.qua-unit-heading[qua-unit-level="h2"]:after{
  left: 0;
  right: 1.7rem;
  bottom: 0.2rem;
}
.qua-unit-heading[qua-unit-level="h2"] .qua-unit-heading__in:before,
.qua-unit-heading[qua-unit-level="h2"] .qua-unit-heading__in:after{
  background-color: #77d6e1;
	content: "";
	display: block;
	position: absolute;
  width: 5rem;
  height: 5rem;
  transform: rotate(45deg);
}
.qua-unit-heading[qua-unit-level="h2"] .qua-unit-heading__in:before{
  top: -3.3rem;
  left: -3.3rem;
}
.qua-unit-heading[qua-unit-level="h2"] .qua-unit-heading__in:after{
  bottom: -3.3rem;
  right: -3.3rem;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h2"] p {
    padding: 1.2rem 2.8rem;
    font-size: 3rem;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h2"] p {
    padding: 1.8rem 2.8rem;
		font-size: 4rem;
	}
}

/*--------------------------------------------------
  = h3
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h3"] {
	position: relative;
}
.qua-unit-heading[qua-unit-level="h3"]::before {
  background-color: #e0e0e0;
	content: "";
	display: block;
	position: absolute;
  height: 1px;
  bottom: 0;
  left: 1.6rem;
  right: 0;
}
.qua-unit-heading[qua-unit-level="h3"]::after {
  background-color: #0dbcd6;
  width: 1rem;
  height: 1rem;
	content: "";
	display: block;
	position: absolute;
  transform: rotate(45deg);
  left: 0;
  bottom: -0.4rem;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h3"] {
    font-size: 2.8rem;
    padding: 0 0 1.3rem 0.8rem;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h3"] {
		font-size: 3.8rem;
    padding: 0 0 1.9rem 0.8rem;
	}
}

/*--------------------------------------------------
  = h4
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h4"] {
  background-color: #eff9f9;
	position: relative;
}
.qua-unit-heading[qua-unit-level="h4"]:before ,
.qua-unit-heading[qua-unit-level="h4"]:after{
  content: "";
  position: absolute;
  width: 0.3rem;
  left: 0;
}
.qua-unit-heading[qua-unit-level="h4"]:before{
  background-color: #92e0eb;
  top: 0;
  bottom: 50%;
}
.qua-unit-heading[qua-unit-level="h4"]:after{
  background-color: #0dbdd6;
  top: 50%;
  bottom: 0;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h4"] {    
    font-size: 2.4rem;
    padding: 1.2rem 2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h4"] {
		font-size: 3.4rem;
    padding: 1.8rem 2.8rem;
	}
}

/*--------------------------------------------------
  = h5
--------------------------------------------------*/
.qua-unit-heading[qua-unit-level="h5"] {
	color: #0dbdd6;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h5"] {
    margin-bottom: 1.7rem;
    font-size: 2.4rem;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h5"] {
    margin-bottom: 1.7rem;
		font-size: 3.4rem;
	}
}

/*--------------------------------------------------
  = h6
--------------------------------------------------*/
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit-heading[qua-unit-level="h6"] {
    margin-bottom: 1.7rem;
    font-size: 2.4rem;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit-heading[qua-unit-level="h6"] {
    margin-bottom: 1.7rem;
		font-size: 3.4rem;
	}	 
}

/*--------------------------------------------------
  = リスト
--------------------------------------------------*/
.qua-field-list ul[qua-list-style="arw"]>li,
.qua-field-list ul[qua-list-style="arw2"]>li,
.qua-field-list ul[qua-list-style="square"]>li {
  position: relative;
}
.qua-field-list ul[qua-list-style="arw"]>li::before,
.qua-field-list ul[qua-list-style="arw2"]>li::before,
.qua-field-list ul[qua-list-style="square"]>li::before {
	content: "";
	display: block;
	position: absolute;
}
.qua-field-list ul[qua-list-style="arw"]>li::before,
.qua-field-list ul[qua-list-style="arw2"]>li::before {
	background: #00bacf;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.qua-field-list ul[qua-list-style="square"]>li::before {
	background-color: #00bacf;
  transform: rotate(45deg);
}
.qua-field-list ul[qua-list-style="arw2"]>li:before {
	transform: rotate(90deg);
}
.qua-field-list ul[qua-list-style="number"] {
  list-style: decimal;
  margin-left: 1.5em;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-field-list li {
		line-height: 1.8em;
	}
  .qua-field-list .qua-field-list__item__in {
		margin-bottom: 2rem;
	}
	.qua-field-list ul[qua-list-style="arw"]>li,
  .qua-field-list ul[qua-list-style="arw2"]>li{
		padding-left: 1.8rem;
	}
	.qua-field-list ul[qua-list-style="square"]>li{
		padding-left: 2.4rem;
	}
	.qua-field-list ul[qua-list-style="arw"]>li::before,
	.qua-field-list ul[qua-list-style="arw2"]>li::before {
    top: .5em;
    left: 0.2rem;
    width: 0.9rem;
    height: 1rem;
	}
  .qua-field-list ul[qua-list-style="arw2"]>li::before {
    top: .55em;
	}
	.qua-field-list ul[qua-list-style="square"]>li:before{
    width: 0.9rem;
    height: 0.9rem;
    top: .5em;
    left: 0.7rem;
	}
}
/* SP */
@media screen and (max-width: 767px) {
  .qua-field-list .qua-field-list__item__in {
		margin-bottom: .8em;
	}
	.qua-field-list ul[qua-list-style="arw"]>li,
  .qua-field-list ul[qua-list-style="arw2"]>li,
	.qua-field-list ul[qua-list-style="square"]>li{
		padding-left: 3rem;
	}
	.qua-field-list ul[qua-list-style="arw"]>li::before,
	.qua-field-list ul[qua-list-style="arw2"]>li::before {
    top: .5em;
    left: 0;
    width: 1.7rem;
    height: 2rem;
	}
  .qua-field-list ul[qua-list-style="arw2"]>li::before {
    top: .55em;
	}
	.qua-field-list ul[qua-list-style="square"]>li:before{
    width: 1.4rem;
    height: 1.4rem;
    top: .65em;
    left: 0;
	}
}

/*--------------------------------------------------
  = ファイル
--------------------------------------------------*/
.qua-unit-files li {
  position: relative;
}
.qua-unit-files .qua-field-file__link__in::before {
	content: "";
	display: block;
	position: absolute;
	background: #00bacf;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link{
  background-color: #eff9f9;
	position: relative;
  display: block;
}
.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link:before,
.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link:after{
  content: "";
  position: absolute;
  width: 0.3rem;
  left: 0;
  display: block;
}
.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link:before{
  background-color: #92e0eb;
  top: 0;
  bottom: 50%;
}
.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link:after{
  background-color: #0dbdd6;
  top: 50%;
  bottom: 0;
}
.qua-unit a[href$=pdf]:not(.qua-disable-link-icon), .qua-unit a[href$=pdf] .qua-add-link-icon, .qua-unit a[target=_blank][href$=pdf]:not(.qua-disable-link-icon), .qua-unit a[target=_blank][href$=pdf] .qua-add-link-icon, .qua-enable-link-icon a[href$=pdf]:not(.qua-disable-link-icon), .qua-enable-link-icon a[href$=pdf] .qua-add-link-icon, .qua-enable-link-icon a[target=_blank][href$=pdf]:not(.qua-disable-link-icon), .qua-enable-link-icon a[target=_blank][href$=pdf] .qua-add-link-icon,
.qua-unit a[href$=pptx]:not(.qua-disable-link-icon), .qua-unit a[href$=pptx] .qua-add-link-icon, .qua-unit a[target=_blank][href$=pptx]:not(.qua-disable-link-icon), .qua-unit a[target=_blank][href$=pptx] .qua-add-link-icon, .qua-enable-link-icon a[href$=pptx]:not(.qua-disable-link-icon), .qua-enable-link-icon a[href$=pptx] .qua-add-link-icon, .qua-enable-link-icon a[target=_blank][href$=pptx]:not(.qua-disable-link-icon), .qua-enable-link-icon a[target=_blank][href$=pptx] .qua-add-link-icon,
.qua-unit a[href$=xlsx]:not(.qua-disable-link-icon), .qua-unit a[href$=xlsx] .qua-add-link-icon, .qua-unit a[target=_blank][href$=xlsx]:not(.qua-disable-link-icon), .qua-unit a[target=_blank][href$=xlsx] .qua-add-link-icon, .qua-enable-link-icon a[href$=xlsx]:not(.qua-disable-link-icon), .qua-enable-link-icon a[href$=xlsx] .qua-add-link-icon, .qua-enable-link-icon a[target=_blank][href$=xlsx]:not(.qua-disable-link-icon), .qua-enable-link-icon a[target=_blank][href$=xlsx] .qua-add-link-icon,
.qua-unit a[href$=docx]:not(.qua-disable-link-icon), .qua-unit a[href$=docx] .qua-add-link-icon, .qua-unit a[target=_blank][href$=docx]:not(.qua-disable-link-icon), .qua-unit a[target=_blank][href$=docx] .qua-add-link-icon, .qua-enable-link-icon a[href$=docx]:not(.qua-disable-link-icon), .qua-enable-link-icon a[href$=docx] .qua-add-link-icon, .qua-enable-link-icon a[target=_blank][href$=docx]:not(.qua-disable-link-icon), .qua-enable-link-icon a[target=_blank][href$=docx] .qua-add-link-icon {
	padding-right: 0 !important;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit-files li {
    margin-bottom: 1.9rem;
	}
	.qua-unit-files .qua-field-file__link__in{
		padding-left: 2.6rem;
	}
  .qua-unit-files .qua-field-file__link__in:before {
    top: .33em;
    left: 1rem;
    width: 0.8rem;
    height: 0.9rem;
	}
	.qua-unit-files[qua-unit-style="bg"] li {
    margin-bottom: 3rem;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link{
    padding: 1.5rem 2rem;
	}
  .qua-unit-files[qua-unit-style="bg"] .qua-field-file__link:hover {
    background-color: #e7f6f6;
    text-decoration: none;
  }
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link__in{
		padding-left: 2rem;
	}
  .qua-unit-files[qua-unit-style="bg"] .qua-field-file__link__in:before {
    top: 0.2em;
    left: 0;
    width: 0.9rem;
    height: 1rem;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit-files li {
    margin-bottom: 2.8rem;
	}
	.qua-unit-files__item .qua-field-file__link__in{
		padding-left: 3.7rem;
	}
	.qua-unit-files .qua-field-file__link__in:before{
    top: .17em;
    left: 0;
    width: 1.7rem;
    height: 2rem;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link{
    padding: 1.8rem 2.8rem;
	}
	.qua-unit-files[qua-unit-style="bg"] li {
    margin-bottom: 4rem;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link{
    padding: 1.5rem 2rem;
	}
	.qua-unit-files[qua-unit-style="bg"] .qua-field-file__link__in{
		padding-left: 5rem;
	}
  .qua-unit-files[qua-unit-style="bg"] .qua-field-file__link__in:before {
    top: 0.2em;
    left: 1rem;
	}
}

/*--------------------------------------------------
  = ボタン
--------------------------------------------------*/
.qua-field-buttons__button {
	position: relative;
  background: linear-gradient(120deg,rgba(38, 195, 220, 1) 0%, rgba(0, 184, 214, 1) 100%);
  transition: all .3s ease;
}
.qua-field-buttons__button:before,
.qua-field-buttons__button:after{
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(200,232,235,0.3);
  position: absolute;
  display: block;
}
.qua-field-buttons__button:before{
  top: 0;
  left: 0;
}
.qua-field-buttons__button:after{
  bottom: 0;
  right: 0;
}
.qua-field-buttons .qua-field-buttons__button a{
  color: #fff;
}
.qua-unit.qua-unit-buttons a[target=_blank]:not(.qua-disable-link-icon):after {
  background-image: url(../images/shared/external_wh.svg);
}
.qua-field-buttons__button__in{
	display: block;
  z-index: 1;
  color: #fff;
  font-family: var(--font-serif);
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 2rem 4.5rem 2rem 2.4rem;
  position: relative;
}
.qua-field-buttons__button__in:after{
  content: "";
  width: 2.2rem;
  height: 1.1rem;
  background: url("../images/shared/arrow-white.svg") center center no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.4rem;
  margin: auto 0;
  z-index: 5;
}
.qua-field-buttons__button:hover{
  background: linear-gradient(120deg,rgba(0, 184, 214, 1) 0%, rgba(38, 195, 220, 1) 100%);
}
.qua-field-buttons__button:hover{
  text-decoration: none;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .qua-field-buttons__button:before,
  .qua-field-buttons__button:after{
    width: 1.5rem;
    height: 1.5rem;
    z-index: 10;
  }
  .qua-field-buttons__button__in:after{
    width: 2.2rem;
    height: 1.1rem;
    right: 2.4rem;
  }
  .qua-field-buttons__button__in{
    position: relative;
    font-size: 2rem;
    padding: 2rem 4.5rem 2rem 2.4rem;
  }
  .qua-field-buttons__button:hover{
    text-decoration: none;
  }
	.qua-field-buttons[qua-buttons-layout="1"] li {
    text-align: center;
    width: fit-content;
    min-width:  min(100%, 530px);
	}
}
/* SP */
@media screen and (max-width: 767px) {
  .qua-field-buttons__button:before,
  .qua-field-buttons__button:after{
    width: 2.6rem;
    height: 2.6rem;
  }
  .qua-field-buttons__button__in{
    font-size: 3.2rem;
    padding: 2.7rem 6.5rem 2.7rem 4rem;
  }
  .qua-field-buttons__button__in:after{
    width: 3.2rem;
    height: 1.6rem;
    right: 3rem;
  }
}

/*--------------------------------------------------
  = アコーディオン
--------------------------------------------------*/
.qua-unit-accordion {
  background-color: #eff9f9;
	position: relative;
	transition: .3s ease-in-out;
  font-family: var(--font-serif);
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
}
.qua-unit-accordion:before,
.qua-unit-accordion:after{
  content: "";
  position: absolute;
  width: 0.3rem;
  left: 0;
}
.qua-unit-accordion:before{
  background-color: #92e0eb;
  top: 0;
  bottom: 50%;
}
.qua-unit-accordion:after{
  background-color: #0dbdd6;
  top: 50%;
  bottom: 0;
}
.qua-unit-accordion p {
	font-weight: bold;
}
.qua-unit-accordion__in:after {
	content: "";
	display: block;
	position: absolute;
  top: 0;
  bottom: 0;
  right: 2.6rem;
  margin: auto 0;
	background: #00bacf;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
  transform: rotate(90deg);
  transition: all .3s ease;
}
.qua-unit-accordion.qua-js-accordion-open .qua-unit-accordion__in {
  color: #0ca8ba;
}
.qua-unit-accordion.qua-js-accordion-open .qua-unit-accordion__in:after {
  transform: rotate(270deg);
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit-accordion {    
    font-size: 2.4rem;
    padding: 1.2rem 4.5rem 1.2rem 2.3rem;
  }
  .qua-unit-accordion:hover {
    background-color: #e7f6f6;
  }
  .qua-unit-accordion__in:after {
    width: 1.4rem;
    height: 1.6rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit-accordion {
		font-size: 3.4rem;
    padding: 1.8rem 5rem 1.8rem 3rem;
	}
  .qua-unit-accordion__in:after {
    width: 1.9rem;
    height: 2.2rem;
  }
}

/*--------------------------------------------------
  = 罫線
--------------------------------------------------*/
.qua-unit-line hr {
	display: none;
}
.qua-unit-line {
	border-top: 1px solid #ececec;
}
.qua-unit-line[qua-unit-style="blue"] {
	border-color: #8bdfea;
}
.qua-unit-line[qua-unit-style="dotted"] {
	border-top: 1px dashed#d9d9d9;
}

/*--------------------------------------------------
  = テキスト背景
--------------------------------------------------*/
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] {
	position: relative;
  background-color: #eff9f9;
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:before,
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:after{
  background-color: #ace7ee;
  content: "";
  position: absolute;
  display: block;
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:before{
  top: 0;
  left: 0;
}
.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:after{
  bottom: 0;
  right: 0;
}
/* PC */
@media print, only screen and (min-width: 768px) {
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] {
		padding: 2.6rem 3rem;
	}
  .qua-unit-list:not(.qua-unit-files)[qua-unit-style="bg"] {
		padding-bottom: 1rem;
	}
  .qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:before,
  .qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:after{
    width: 1.4rem;
    height: 1.4rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
	.qua-unit:not(.qua-unit-files)[qua-unit-style="bg"] {
		padding: 2.9rem 3.5rem;
	}
  .qua-unit-list:not(.qua-unit-files)[qua-unit-style="bg"] {
		padding-bottom: 1rem;
	}
  .qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:before,
  .qua-unit:not(.qua-unit-files)[qua-unit-style="bg"]:after{
    width: 2rem;
    height: 2rem;
  }
}

/*--------------------------------------------------
  = spacer
--------------------------------------------------*/
.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;
}

/*--------------------------------------------------
  = table
--------------------------------------------------*/
/* = PC (768px以上)
----------------------------------------------- */
@media print, only screen and (min-width: 768px) {
	.qua-unit-table .qua-table td {
		padding: 12px;
	}
}

/*--------------------------------------------------
  = voice
--------------------------------------------------*/
.qua-unit-voice[qua-unit-color="blue"]{ 
  background-color: #eff9f9;
}
.qua-unit-voice[qua-unit-color="purple"]{ 
  background-color: #f8f6fc;
}
.qua-unit-voice__left{
  font-weight: 500;
}
.qua-unit-voice__badge{
  color: #fff;
  font-family: var(--font-serif);
  text-align: center;
}
.qua-unit-voice[qua-unit-color="blue"] .qua-unit-voice__badge{ 
  background: linear-gradient(120deg, rgba(0, 184, 214, 1) 0%, rgba(38, 196, 214, 1) 100%); 
}
.qua-unit-voice[qua-unit-color="purple"] .qua-unit-voice__badge{ 
  background: linear-gradient(120deg, rgba(98, 77, 170, 1) 0%, rgba(114, 96, 167, 1) 100%);  
}
.qua-unit-voice__title{
  font-family: var(--font-serif);
  position: relative;
}
.qua-unit-voice__title:before{
  background-color: #e0e0e0;
	content: "";
	display: block;
	position: absolute;
  height: 1px;
  bottom: 0;
  left: 1.6rem;
  right: 0;
}
.qua-unit-voice__title:after{
  background-color: #0dbcd6;
  width: 1rem;
  height: 1rem;
	content: "";
	display: block;
	position: absolute;
  transform: rotate(45deg);
  left: 0;
  bottom: -0.4rem;
}
.qua-unit-voice[qua-unit-color="blue"] .qua-unit-voice__title{ 
  color: #0ca8ba;
}
.qua-unit-voice[qua-unit-color="purple"] .qua-unit-voice__title{  
  color: #5f52a0;
}
.qua-unit-voice[qua-unit-color="blue"] .qua-unit-voice__title:after{
  background-color: #13bed6;
}
.qua-unit-voice[qua-unit-color="purple"] .qua-unit-voice__title:after{
  background-color: #6767ae;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .qua-unit-voice{
    margin: 0 calc( 50% - 50vw );
    padding: 4rem 3rem 5.5rem 3rem;
    margin-bottom: 6rem;
  }
  .qua-unit-voice__innermost{
    max-width: 110rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .qua-unit-voice__left{
    width: 65%;
  }
  .qua-unit-voice__right {
    width: 26.3636%;
  }
  .qua-unit-voice__badge{
    font-size: 1.8rem;
    max-width: 20rem;
    margin-bottom: 2.4rem;
  }
  .qua-unit-voice__title{
    font-size: 3.2rem;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
  }
  .qua-unit-voice__name{
    font-size: 1.8rem;
    margin-bottom: 2.8rem;
  }
  .m-voice__text{
    font-size: 1.6rem;
    line-height: 1.875;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .qua-unit-voice{
    padding: 5.6rem 3.5rem 8rem 3.5rem;
    margin:0 -3.5rem 8rem -3.5rem;
  }
  .qua-unit-voice__right {
    width: 48rem;
    margin: 6rem auto 0 auto;
  }
  .qua-unit-voice__badge{
    font-size: 2.8rem;
    max-width: 30rem;
    margin-bottom: 4rem;
  }
  .qua-unit-voice__title{
    font-size: 4.2rem;
    padding-bottom: 2rem;
    margin-bottom: 2.4rem;
  }
  .qua-unit-voice__name{
    font-size: 2.8rem;
    margin-bottom: 7rem;
  }
  .m-voice__text{
    font-size: 2.6rem;
    line-height: 1.923;
  }
}

/*--------------------------------------------------
  = news
--------------------------------------------------*/
.qua-unit-posts__items{
  margin-bottom: 10rem;
}
.qua-unit-posts__items{
  border-top: 1px #b2dbd9 dashed;
  margin-bottom: 4rem;
}
.qua-unit-posts__item{
  border-bottom: 1px #b2dbd9 dashed;
}
.qua-unit-posts__item a{
  color: #666;
  text-decoration: none;
}
.qua-unit-posts__item a:hover{
  text-decoration: none;
}
.qua-unit-posts__date{
  color: #666;
  font-family: var(--font-serif);
  display: flex;
}
.qua-unit-posts__catList{
  text-align: center;
}
.qua-unit-posts__catList:after{
  height: 1px;
  content: "";
  display: block;
  background-color: #f39800;
}
.qua-unit-posts__catList.event:after{
  background-color: #f39800;
}
.qua-unit-posts__catList.club:after{
  background-color: #ae5da1;
}
.qua-unit-posts__catList.examination:after{
  background-color: #448aca;
}
.qua-unit-posts__morebtn{
	background: linear-gradient(120deg,rgba(39, 179, 195, 1) 0%, rgba(1, 167, 195, 1) 100%);
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.qua-unit-posts__morebtn a{
  text-decoration: none;
}
.qua-unit-posts__morebtn span{
  background:url("../images/shared/arrow-white.svg") right 2.9rem center no-repeat;
  color: #fff;
  font-family: var(--font-serif);
  letter-spacing: .08em;
  display: block;
}
.qua-unit-posts__morebtn:before,
.qua-unit-posts__morebtn:after{
  content: "";
  background-color: rgba(88,195,207,0.7);
  display: block;
  position: absolute;
  z-index: 10;
}
.qua-unit-posts__morebtn:before{
  top: 0;
  left: 0;
}
.qua-unit-posts__morebtn:after{
  bottom: 0;
  right: 0;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .qua-unit-posts__items{
    margin-bottom: 4rem;
  }
  .qua-unit-posts__item a{
    display: flex;
    gap:0 2rem;
    font-size: 1.6rem;
    padding: 2.7rem 1.2rem 2.5rem 1.2rem;
  }
  .qua-unit-posts__item a:hover .qua-unit-posts__title{
    color: #0ca8ba;
  }
  .qua-unit-posts__date{
    gap:0 2rem;
  }
  .qua-unit-posts__date time{
    width: 8rem;
  }
  .qua-unit-posts__catList{
    min-width: 9rem;
    margin-top: -0.3rem;
  }
  .qua-unit-posts__catList:after{
    min-width: 9rem;
  }
  .qua-unit-posts__title{
    flex: 1;
  } 
  .qua-unit-posts__morebtn{
    width: 34rem;
  }
  .qua-unit-posts__morebtn span{
    background-size: 2rem auto;
    font-size: 2rem;
    padding: 1.6rem 4.5rem 1.6rem 2.4rem;
    transition: all .3s ease;
    position: relative;
    z-index: 10;
  }
  .qua-unit-posts__morebtn a:after{
    content: "";
    background: linear-gradient(120deg,rgba(1, 167, 195, 1) 0%, rgba(39, 179, 195, 1) 100%);
    position: absolute;
    inset:0;
    opacity: 0;
    transition: all .3s ease;
  }
  .qua-unit-posts__morebtn a:hover:after{
    opacity: 1;
  }
  .qua-unit-posts__morebtn:before,
  .qua-unit-posts__morebtn:after{
    width: 1.9rem;
    height: 1.9rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .qua-unit-posts__items{
    margin-bottom: 6rem;
  }
  .qua-unit-posts__item a{
    font-size: 1.6rem;
    padding: 3.5rem 0;
    display: block;
  }
  .qua-unit-posts__date time{
    font-size: 2.6rem;
    margin-right: 2rem;
  }
  .qua-unit-posts__catList{
    min-width: 13rem;
    font-size: 2.2rem;
    position: relative;
    top: 0;
    display: inline-flex;
    justify-content: center;
  }
  .qua-unit-posts__catList:after{
    min-width: 13rem;
    position: absolute;
    bottom: 0.8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .qua-unit-posts__title{
    font-size: 2.6rem;
    display: block;
    margin-top: 1.2rem;
  }
  .qua-unit-posts__morebtn{
    width: 100%;
  }
  .qua-unit-posts__morebtn span{
    background-size: 3.3rem auto;
    font-size: 3.2rem;
    padding: 2rem 6.5rem;
  }
  .qua-unit-posts__morebtn:before,
  .qua-unit-posts__morebtn:after{
    width: 2.5rem;
    height: 2.5rem;
  }
}

/*--------------------------------------------------
  = link
--------------------------------------------------*/
.qua-unit-frame__item{
  overflow: hidden;
}
.qua-unit-frame__item a{
  text-decoration: none;
}
.qua-field-image__image{
  width: 100%;
}
.qua-unit-frame__body{
  background: linear-gradient(120deg, rgba(39, 179, 195, 1) 0%, rgba(1, 167, 195, 1) 100%);
  font-family: var(--font-serif);
  color: #fff;
  font-weight: 500;
  z-index: 5;
  position: relative;
}
.qua-unit-frame__body:before{
  content: "";  
  background: url("../images/shared/arrow-white.svg") center center no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  z-index: 6;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.qua-unit-frame__text{
  display: block;
  position: relative;
  z-index: 5;
}
.qua-unit-frame__text:before,
.qua-unit-frame__text:after{
  content: "";
  background-color: rgba(200,232,235,0.3);
  position: absolute;
  display: block;
}
.qua-unit-frame__text:before{
  left: 0;
  top: 0;
}
.qua-unit-frame__text:after{
  right: 0;
  bottom: 0;
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .qua-pc-flex--wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 4rem;
    margin-bottom: 7rem;
  }
  .qua-pc-flex--3col .qua-unit-frame__item{
    width: calc( ( 100% / 3 ) - 2.66666rem );
    margin-left: 0;
  }
  .qua-pc-flex--2col .qua-unit-frame__item{
    width: calc( 50% - 2rem );
  }
  .qua-unit-frame__body{
    font-size: 2rem;
  }
  .qua-unit-frame__body:after{
    content: "";  
    background: linear-gradient(120deg, rgba(1, 167, 195, 1) 0%, rgba(39, 179, 195, 1) 100%);
    display: block;
    position: absolute;
    inset:0;
    opacity: 0;
    transition: all .3s ease;
  }
  .qua-unit-frame__item:hover .qua-unit-frame__body:after{
    opacity: 1;
  }
  .qua-field-image__image{
    transition: all .3s ease;
  }
  .qua-unit-frame__item:hover .qua-field-image__image{
    transform: scale(1.1);
  }
  .qua-unit-frame__body:before{
    width: 2rem;
    height: 1.2rem;
    right: 2.4rem;
  }
  .qua-unit-frame__text{
    padding: 1.4rem 4.5rem 1.4rem 2.5rem;
  }
  .qua-unit-frame__text:before,
  .qua-unit-frame__text:after{
    width: 1.5rem;
    height: 1.5rem;
  }
  .qua-unit-frame__item:hover a {
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .qua-pc-flex--wrap{
    margin-bottom: 13rem;
  }
  .qua-unit-frame__item{
    margin-bottom: 6rem;
  }
  .qua-unit-frame__item:last-child{
    margin-bottom: 0;
  }
  .qua-unit-frame__body{
    font-size: 3.2rem;
  }
  .qua-unit-frame__body:before{
    width: 3.2rem;
    height: 1.6rem;
    right: 3rem;
  }
  .qua-unit-frame__text{
    padding: 2.3rem 6rem 2.3rem 4rem;
  }
  .qua-unit-frame__text:before,
  .qua-unit-frame__text:after{
    width: 2.6rem;
    height: 2.6rem;
  }
}