@charset "utf-8";

/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

parts

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/
:root {
	--white01: #ffffff;
	--white02: #f7f7f7;
	--gray01: #a9a9a9;
	--black01: #000000;
	--blue01: #01B4ED;
	--blue02: #2B7EE0;
	--blue03: #25D6B4;
	--blue04: #190464;
	--blue05: #EAFAFF;
	--red01: #ff0000;
	--red02: #F9756D;
	--orange01: #F98C54;
	--yellow01: #FBFA82;
	--yellow02: #efca3b;
	--pink01: #F97AA9;
	--pink02: #FFF0EF;
}

.max-image100per { max-width: 100%; height: auto; vertical-align: bottom; }

/*===================================================
column
===================================================*/
.d-block { display: block !important; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.flex-wrap { flex-wrap: wrap; }
.fd-column { flex-direction: column; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.align-items-center { align-items: center; }
.flex-item-47par { width: 47%; }
.flex-item-50par { width: 50%; }
.f-gap30px { gap: 30px; }
.f-gap60px { gap: 60px; }
@media screen and (min-width: 600px) {
	.d-md-block { display: block; }
	.d-md-inline { display: inline; }
	.d-md-inline-block { display: inline-block; }
	.d-md-flex { display: flex; }
	.d-md-inline-flex { display: inline-flex; }
	.flex-md-row { flex-direction: row; }
	.flex-md-row-reverse { flex-direction: row-reverse; }
	.flex-md-column { flex-direction: column; }
	.flex-md-column-reverse { flex-direction: column-reverse; }
	.justify-content-md-start { justify-content: flex-start; }
	.justify-content-md-end { justify-content: flex-end; }
	.justify-content-md-center { justify-content: center; }
	.justify-content-md-between { justify-content: space-between; }
	.justify-content-md-around { justify-content:space-around; }
	.justify-content-md-evenly { justify-content: space-evenly; }
	.align-items-md-start { align-items: flex-start; }
	.align-items-md-end { align-items: flex-end; }
	.align-items-md-center { align-items: center; }
	.align-items-md-baseline { align-items: baseline; }
	.align-items-md-stretch { align-items: stretch; }
	.align-self-md-start { align-self: flex-start; }
	.align-self-md-end { align-self: flex-end; }
	.align-self-md-center { align-self: center; }
	.align-self-md-baseline { align-self: baseline; }
	.align-self-md-stretch { align-self: stretch; }
	.flex-md-grow-0 { flex-grow: 0; }
	.flex-md-shrink-0 { flex-shrink: 0; }
	.flex-md-grow-1 { flex-grow: 1; }
	.flex-md-shrink-1 { flex-shrink: 1; }
	.flex-md-nowrap { flex-wrap: nowrap; }
	.flex-md-wrap { flex-wrap:wrap; }
	.flex-md-wrap-reverse { flex-wrap: wrap-reverse; }
	.order-md-1 { order: 1; }
	.order-md-2 { order: 2; }
	.order-md-3 { order: 3; }
	.order-md-4 { order: 4; }
	.order-md-5 { order: 5; }
	.align-content-md-start { align-content: flex-start; }
	.align-content-md-end { align-content: flex-end; }
	.align-content-md-center { align-content: center; }
	.align-content-md-around { align-content: space-around; }
	.align-content-md-stretch { align-content: stretch; }
	.flex-md-item-20per { width: 20%; }
	.flex-md-item-half { width: 47%; }
	.flex-md-item-three { width: 30%; }
	.flex-md-item-50par { width: 50%; }
	.flex-md-item-60par { width: 60%; }
	.flex-md-item-65par { width: 65%; }
	.flex-md-item-70par { width: 70%; }
}
@media screen and (min-width: 600px) {
	.pc_jc-between { justify-content: space-between; }
	.pc_jc-center { justify-content: center; }
}
@media screen and (max-width: 599px) {
	.d-sp-block { display: block; }
	.d-sp-inline { display: inline; }
	.d-sp-inline-block { display: inline-block !important; }
	.sp_fd-column { flex-direction: column; }
	.flex-sp-item-half { width: 47%; }
	.flex-sp-item-three { width: 30%; }
	.flex-sp-item-50par { width: 50%; }
	.flex-sp-item-60par { width: 60%; }
	.flex-sp-item-65par { width: 65%; }
	.flex-sp-item-100par { width: 100%; }
}

/*===================================================================================
グリッドレイアウト（Grid Layout）
===================================================================================*/
.d-grid { display: grid; }
.gtr-subgrid { grid-template-rows: subgrid; }
.g-gap10px { gap: 10px; }
.g-gap20px { gap: 20px; }
.g-gap30px { gap: 30px; }
.g-gap40px { gap: 40px; }
.g-gap50px { gap: 50px; }
.g-gap5em { gap: 5em; }
.g-clm-gap10px { column-gap: 10px; }
.g-clm-gap20px { column-gap: 20px; }
.g-clm-gap30px { column-gap: 30px; }
.g-clm-gap40px { column-gap: 40px; }
.g-clm-gap50px { column-gap: 50px; }
.g-clm-gap100px { column-gap: 100px; }
.g-row-gap10px { row-gap: 10px; }
.g-row-gap20px { row-gap: 20px; }
.g-row-gap30px { row-gap: 30px; }
.g-row-gap40px { row-gap: 40px; }
.g-row-gap50px { row-gap: 50px; }
.g-row-gap7em { row-gap: 7em; }
.grid-row-span2 { grid-row: span 2; }
.grid-row-span3 { grid-row: span 3; }
@media screen and (min-width: 600px) {
  .pc_d-grid { display: grid; }
  .pc_gtc-2clm { grid-template-columns: repeat(2, 1fr); }
  .pc_gtc-3clm { grid-template-columns: repeat(3, 1fr); }
  .pc_gtc-4clm { grid-template-columns: repeat(4, 1fr); }
  .pc_g-gap10px { gap: 10px; }
  .pc_g-gap20px { gap: 20px; }
  .pc_g-gap30px { gap: 30px; }
  .pc_g-gap40px { gap: 40px; }
  .pc_g-gap50px { gap: 50px; }
  .pc_g-clm-gap10px { column-gap: 10px; }
  .pc_g-clm-gap20px { column-gap: 20px; }
  .pc_g-clm-gap30px { column-gap: 30px; }
  .pc_g-clm-gap40px { column-gap: 40px; }
  .pc_g-clm-gap50px { column-gap: 50px; }
	.pc_g-clm-gap100px { column-gap: 100px; }
  .pc_g-row-gap10px { row-gap: 10px; }
  .pc_g-row-gap20px { row-gap: 20px; }
  .pc_g-row-gap30px { row-gap: 30px; }
  .pc_g-row-gap40px { row-gap: 40px; }
  .pc_g-row-gap50px { row-gap: 50px; }
}
@media screen and (max-width: 599px) {
  .sp_d-grid { display: grid; }
  .sp_gtc-1clm { grid-template-columns: 1fr; }
  .sp_g-gap10px { gap: 10px; }
  .sp_g-gap20px { gap: 20px; }
  .sp_g-gap30px { gap: 30px; }
  .sp_g-gap40px { gap: 40px; }
  .sp_g-gap50px { gap: 50px; }
  .sp_g-clm-gap10px { column-gap: 10px; }
  .sp_g-clm-gap20px { column-gap: 20px; }
  .sp_g-clm-gap30px { column-gap: 30px; }
  .sp_g-clm-gap40px { column-gap: 40px; }
  .sp_g-clm-gap50px { column-gap: 50px; }
  .sp_g-row-gap10px { row-gap: 10px; }
  .sp_g-row-gap20px { row-gap: 20px; }
  .sp_g-row-gap30px { row-gap: 30px; }
  .sp_g-row-gap40px { row-gap: 40px; }
  .sp_g-row-gap50px { row-gap: 50px; }
  .sp_g-row-gap100px { row-gap: 100px; }
}

/*===================================================
width（横幅）
===================================================*/
.width100per { width: 100%; }
.min-width100 { min-width: 100px; }
.max-width300 { max-width: 300px; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w50per { width: 50%; }
.w80per { width: 80%; }
.w85per { width: 85%; }
@media screen and (min-width: 600px) {
	.pc_w39per { width: 39%; }
	.pc_w47per { width: 47%; }
	.pc_w50per { width: 50%; }
	.pc_w52per { width: 52%; }
	.pc_w60per { width: 60%; }
	.pc_w80per { width: 80%; }
	.md_width33-3333per { width: calc(100% / 3); }

}
@media screen and (max-width: 599px) {
	.sp_width33-3333per { width: calc(100% / 3); }
	.sp_w80per { width: 80%; }
	.sp_w100per { width: 100%; }
}

/*===================================================
height（縦幅）
===================================================*/
@media screen and (min-width: 600px) {
	.md-min-height130 { min-height: 130px; }
}

/*===================================================
margin（マージン）
===================================================*/
.mg05 { margin: 5px; }
.mg10 { margin: 10px; }
.mg15 { margin: 15px; }
.mg20 { margin: 20px; }
.mg25 { margin: 25px; }
.mg30 { margin: 30px; }
.mg35 { margin: 35px; }
.mg40 { margin: 40px; }
.mg45 { margin: 45px; }
.mg50 { margin: 50px; }
.mg55 { margin: 55px; }
.mg60 { margin: 60px; }
.mg65 { margin: 65px; }
.mg70 { margin: 70px; }
.mg75 { margin: 75px; }
.mg80 { margin: 80px; }
.mg85 { margin: 85px; }
.mg90 { margin: 90px; }
.mg95 { margin: 95px; }
.mg100 { margin: 100px; }
.m0auto { margin: 0 auto; }
/* top */
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mt80 { margin-top: 80px; }
.mt85 { margin-top: 85px; }
.mt90 { margin-top: 90px; }
.mt95 { margin-top: 95px; }
.mt100 { margin-top: 100px; }
.mt1em { margin-top: 1em; }
.mt2em { margin-top: 2em; }
/* bottom */
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.mb85 { margin-bottom: 85px; }
.mb90 { margin-bottom: 90px; }
.mb95 { margin-bottom: 95px; }
.mb100 { margin-bottom: 100px; }
.mb1em { margin-bottom: 1em; }
.mb2em { margin-bottom: 2em; }
/* left */
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml85 { margin-left: 85px; }
.ml90 { margin-left: 90px; }
.ml95 { margin-left: 95px; }
.ml100 { margin-left: 100px; }
.ml1em { margin-left: 1em; }
.ml2em { margin-left: 2em; }
/* right */
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
.mr65 { margin-right: 65px; }
.mr70 { margin-right: 70px; }
.mr75 { margin-right: 75px; }
.mr80 { margin-right: 80px; }
.mr85 { margin-right: 85px; }
.mr90 { margin-right: 90px; }
.mr95 { margin-right: 95px; }
.mr100 { margin-right: 100px; }
.mr1em { margin-right: 1em; }
.mr2em { margin-right: 2em; }
@media screen and (min-width: 600px) {
	.md-mt35 { margin-top: 35px; }
	.md-mt50 { margin-top: 50px; }
}
@media screen and (max-width: 599px) {
	/* top */
	.sm-mt10 { margin-top: 10px; }
	.sm-mt15 { margin-top: 15px; }
	.sm-mt20 { margin-top: 20px; }
	.sm-mt25 { margin-top: 25px; }
	.sm-mt30 { margin-top: 30px; }
	.sm-mt35 { margin-top: 35px; }
	.sm-mt40 { margin-top: 40px; }
	.sm-mt45 { margin-top: 45px; }
	.sm-mt50 { margin-top: 50px; }
	.sm-mt55 { margin-top: 55px; }
	.sm-mt60 { margin-top: 60px; }
	.sm-mt65 { margin-top: 65px; }
	.sm-mt70 { margin-top: 70px; }
	.sm-mt75 { margin-top: 75px; }
	.sm-mt80 { margin-top: 80px; }
	.sm-mt85 { margin-top: 85px; }
	.sm-mt90 { margin-top: 90px; }
	.sm-mt95 { margin-top: 95px; }
	.sm-mt100 { margin-top: 100px; }
	/* bottom */
	.sm-mb10 { margin-bottom: 10px; }
	.sm-mb15 { margin-bottom: 15px; }
	.sm-mb20 { margin-bottom: 20px; }
	.sm-mb25 { margin-bottom: 25px; }
	.sm-mb30 { margin-bottom: 30px; }
	.sm-mb35 { margin-bottom: 35px; }
	.sm-mb40 { margin-bottom: 40px; }
	.sm-mb45 { margin-bottom: 45px; }
	.sm-mb50 { margin-bottom: 50px; }
	.sm-mb55 { margin-bottom: 55px; }
	.sm-mb60 { margin-bottom: 60px; }
	.sm-mb65 { margin-bottom: 65px; }
	.sm-mb70 { margin-bottom: 70px; }
	.sm-mb75 { margin-bottom: 75px; }
	.sm-mb80 { margin-bottom: 80px; }
	.sm-mb85 { margin-bottom: 85px; }
	.sm-mb90 { margin-bottom: 90px; }
	.sm-mb95 { margin-bottom: 95px; }
	.sm-mb100 { margin-bottom: 100px; }
	/* left */
	.sm-ml10 { margin-left: 10px; }
	.sm-ml15 { margin-left: 15px; }
	.sm-ml20 { margin-left: 20px; }
	.sm-ml25 { margin-left: 25px; }
	.sm-ml30 { margin-left: 30px; }
	.sm-ml35 { margin-left: 35px; }
	.sm-ml40 { margin-left: 40px; }
	.sm-ml45 { margin-left: 45px; }
	.sm-ml50 { margin-left: 50px; }
	.sm-ml55 { margin-left: 55px; }
	.sm-ml60 { margin-left: 60px; }
	.sm-ml65 { margin-left: 65px; }
	.sm-ml70 { margin-left: 70px; }
	.sm-ml75 { margin-left: 75px; }
	.sm-ml80 { margin-left: 80px; }
	.sm-ml85 { margin-left: 85px; }
	.sm-ml90 { margin-left: 90px; }
	.sm-ml95 { margin-left: 95px; }
	.sm-ml100 { margin-left: 100px; }
	/* right */
	.sm-mr10 { margin-right: 10px; }
	.sm-mr15 { margin-right: 15px; }
	.sm-mr20 { margin-right: 20px; }
	.sm-mr25 { margin-right: 25px; }
	.sm-mr30 { margin-right: 30px; }
	.sm-mr35 { margin-right: 35px; }
	.sm-mr40 { margin-right: 40px; }
	.sm-mr45 { margin-right: 45px; }
	.sm-mr50 { margin-right: 50px; }
	.sm-mr55 { margin-right: 55px; }
	.sm-mr60 { margin-right: 60px; }
	.sm-mr65 { margin-right: 65px; }
	.sm-mr70 { margin-right: 70px; }
	.sm-mr75 { margin-right: 75px; }
	.sm-mr80 { margin-right: 80px; }
	.sm-mr85 { margin-right: 85px; }
	.sm-mr90 { margin-right: 90px; }
	.sm-mr95 { margin-right: 95px; }
	.sm-mr100 { margin-right: 100px; }
	/* 0 auto */
	.sm-m0auto { margin: 0 auto; }
}

/*===================================================
padding（パディング）
===================================================*/
.pd05 { padding: 5px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }
.pd25 { padding: 25px; }
.pd30 { padding: 30px; }
.pd35 { padding: 35px; }
.pd40 { padding: 40px; }
.pd45 { padding: 45px; }
.pd50 { padding: 50px; }
.pd55 { padding: 55px; }
.pd60 { padding: 60px; }
.pd65 { padding: 65px; }
.pd70 { padding: 70px; }
.pd75 { padding: 75px; }
.pd80 { padding: 80px; }
.pd85 { padding: 85px; }
.pd90 { padding: 90px; }
.pd95 { padding: 95px; }
.pd100 { padding: 100px; }

.pd1em { padding: 1em; }

/* top */
.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pt80 { padding-top: 80px; }
.pt85 { padding-top: 85px; }
.pt90 { padding-top: 90px; }
.pt95 { padding-top: 95px; }
.pt100 { padding-top: 100px; }
.pt1em { padding-top: 1em; }
.pt2em { padding-top: 2em; }
/* bottom */
.pb05 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }
.pb65 { padding-bottom: 65px; }
.pb70 { padding-bottom: 70px; }
.pb75 { padding-bottom: 75px; }
.pb80 { padding-bottom: 80px; }
.pb85 { padding-bottom: 85px; }
.pb90 { padding-bottom: 90px; }
.pb95 { padding-bottom: 95px; }
.pb100 { padding-bottom: 100px; }
.pb1em { padding-bottom: 1em; }
.pb2em { padding-bottom: 2em; }
@media screen and (max-width: 599px) {
	.sp_pb30 { padding-bottom: 30px; }
}
/* left */
.pl05 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl55 { padding-left: 55px; }
.pl60 { padding-left: 60px; }
.pl65 { padding-left: 65px; }
.pl70 { padding-left: 70px; }
.pl75 { padding-left: 75px; }
.pl80 { padding-left: 80px; }
.pl85 { padding-left: 85px; }
.pl90 { padding-left: 90px; }
.pl95 { padding-left: 95px; }
.pl100 { padding-left: 100px; }
.pl1em { padding-left: 1em; }
.pl2em { padding-left: 2em; }
/* right */
.pr05 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr55 { padding-right: 55px; }
.pr60 { padding-right: 60px; }
.pr65 { padding-right: 65px; }
.pr70 { padding-right: 70px; }
.pr75 { padding-right: 75px; }
.pr80 { padding-right: 80px; }
.pr85 { padding-right: 85px; }
.pr90 { padding-right: 90px; }
.pr95 { padding-right: 95px; }
.pr100 { padding-right: 100px; }
.pr1em { padding-right: 1em; }
.pr2em { padding-right: 2em; }
.pr10p { padding-right: 10%; }

/*===================================================
vertical-align
===================================================*/
.veram { vertical-align: middle; }

/*===================================================
text-align
===================================================*/
.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }
@media screen and (min-width: 600px) {
	.pc_tar { text-align: right; }
	.pc_tac { text-align: center; }
	.pc_tal { text-align: left; }
}
@media screen and (max-width: 599px) {
	.sp_tar { text-align: right; }
	.sp_tac { text-align: center; }
	.sptal { text-align: left; }
}
/*===================================================
text-indent
===================================================*/
.ti1{ text-indent: 1em; }
.ti2, .ti2ul li { text-indent:-1em; padding-left:1em; }
.ti3, .ti3ul li { text-indent:-1.5em; padding-left:1.5em; }

/*===================================================
border（ボーダー）
===================================================*/
.bor1{ border-bottom: 2px dotted #BCBCBC; }
.bor2{ border-bottom: 2px solid #01B4ED; }
.bor3{ border: 2px solid #F97AA9; }
.bd-lightblue { border: 1px solid #01B4ED; }
.bd-lightblue02 { border: 2px solid #01B4ED; }
.bd-blue { border: 2px solid #2B7EE0; }
.bd-black01 { border: 1px solid #222; }
.bdb-red { border-bottom: 1px solid #F9756D; }
.bdb-green { border-bottom: 1px solid #25D6B4; }
.bdb-lightpink { border-bottom: 2px solid #F97AA9; }
.bdb-red02 { border-bottom: 2px solid var(--red02); }
.bdb-cosmeblue { border-bottom: 5px solid #123ab3; }
.bdb-cosmeblue-secondary { border-bottom: 2px solid #123ab3; }
.bdb-cosmepink { border-bottom: 5px solid #f57a91; }
.bdb-cosmepink-secondary { border-bottom: 2px solid #f57a91; }
.bdb-cosmegreen { border-bottom: 5px solid #009CA2; }
.bdb-cosmegreen-secondary { border-bottom: 2px solid #009CA2; }
.bdb-1px-dotted-black01 { border-bottom: 1px dotted #222; }
.bdt-none { border-top: none; }
.bdr-none { border-right: none; }
.bdb-none { border-bottom: none; }
.bdl-none { border-left: none; }
@media screen and (min-width: 600px) {
	.pc_bdt-lpx-gray { border-top: 1px solid #BCBCBC !important; }
	.md-bdt-none { border-top: none; }
	.md-bdr-none { border-right: none; }
	.md-bdb-none { border-bottom: none; }
	.md-bdl-none { border-left: none; }
}
@media screen and (max-width: 599px) {
	.sp-bdb-lpx-gray { border-bottom: 1px solid #BCBCBC !important; }
	.sp-bdb-5px-darkred { border-bottom: 5px solid #AB0000; }
	.sp-bdt-none { border-top: none; }
	.sp-bdr-none { border-right: none; }
	.sp-bdb-none { border-bottom: none; }
	.sp-bdl-none { border-left: none !important; }
}

/*===================================================
background-color（背景色）
===================================================*/
.bk_col_cosmeblue { background-color: #123ab3; }
.bk_col_cosmepink { background-color: #f57a91 !important; }
.bk_col_cosmedarkred { background-color: #AB0000; }
.bk_col_cosmegreen { background-color: #009CA2; }
.bk_col_cosmelightgreen { background-color: #cfe6e3; }
.bk_col_blue03 { background-color: var(--blue03); }
.bk_col_blue04 { background-color: var(--blue04); }
.bk_lightpink { background-color: var(--pink02); }
.bk_lightblue { background-color: var(--blue05); }

/*===================================================
color（カラー）
===================================================*/
.col_black01 { color: var(--black01) !important; }
.col_white02 { color: var(--white02) !important; }
.col_gray01 { color: var(--gray01) !important; }
.col_cosmeblue { color: #123ab3; }
.col_cosmepink { color: #f57a91; }
.col_red02 { color: var(--red02) !important; }
.col_cosmedarkred { color: #AB0000; }
.col_cosmegreen { color: #009CA2; }
.col_cosmelightgreen { color: #cfe6e3; }
.col_blue03 { color: var(--blue03); }
.col_blue04 { color: var(--blue04); }
.col_blue04 { color: var(--blue04); }
.col_orange01 { color: var(--orange01) !important; }
.col_yellow01 { color: var(--yellow01) !important; }
.col_yellow02 { color: var(--yellow02) !important; }
.col_pink01 { color: var(--pink01) !important; }
.col_pink02 { color: var(--pink02) !important; }
.af_yellow02:before { color:  var(--yellow02); }

/*===================================================
font-style（フォントスタイル）
===================================================*/
.fsn { font-style: normal; }

/*===================================================
font-weight（フォントウェイト）
===================================================*/
.fwn { font-weight: normal; }
.fwn { font-family: "じゅん 201", "Jun 201", sans-serif; }
.fwb { font-family: "じゅん 501", "Jun 501"; }
.fw700 { font-weight: 700; }

/*===================================================
font-size（フォントサイズ）
===================================================*/
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; }
.fs25 { font-size:25px; }
.fs26 { font-size:26px; }
.fs27 { font-size:27px; }
.fs28 { font-size:28px; }
.fs29 { font-size:29px; }
.fs30 { font-size:30px; }
.fs31 { font-size:31px; }
.fs32 { font-size:32px; }
.fs33 { font-size:33px; }
.fs34 { font-size:34px; }
.fs35 { font-size:35px; }
.fs36 { font-size:36px !important; }
.fs37 { font-size:37px; }
.fs38 { font-size:38px !important; }
.fs39 { font-size:39px !important; }
.fs40 { font-size:40px; }
.fs41 { font-size:41px; }
.fs42 { font-size:42px; }
.fs43 { font-size:43px; }
.fs44 { font-size:44px; }
.fs45 { font-size:45px; }
.fs46 { font-size:46px; }
.fs47 { font-size:47px; }
.fs48 { font-size:48px !important; }
.fs49 { font-size:49px; }
.fs50 { font-size:50px; }
@media screen and (min-width:600px) {
  .fs-md-10 { font-size:10px; }
  .fs-md-11 { font-size:11px; }
  .fs-md-12 { font-size:12px; }
  .fs-md-13 { font-size:13px; }
  .fs-md-14 { font-size:14px; }
  .fs-md-15 { font-size:15px; }
  .fs-md-16 { font-size:16px; }
  .fs-md-17 { font-size:17px; }
  .fs-md-18 { font-size:18px; }
  .fs-md-19 { font-size:19px; }
  .fs-md-20 { font-size:20px; }
  .fs-md-21 { font-size:21px; }
  .fs-md-22 { font-size:22px; }
  .fs-md-23 { font-size:23px; }
  .fs-md-24 { font-size:24px; }
  .fs-md-25 { font-size:25px; }
  .fs-md-26 { font-size:26px; }
  .fs-md-27 { font-size:27px; }
  .fs-md-28 { font-size:28px; }
  .fs-md-29 { font-size:29px; }
  .fs-md-30 { font-size:30px; }
  .fs-md-31 { font-size:31px; }
  .fs-md-32 { font-size:32px; }
  .fs-md-33 { font-size:33px; }
  .fs-md-34 { font-size:34px; }
  .fs-md-35 { font-size:35px; }
  .fs-md-36 { font-size:36px; }
  .fs-md-37 { font-size:37px; }
  .fs-md-38 { font-size:38px; }
  .fs-md-39 { font-size:39px; }
  .fs-md-40 { font-size:40px; }
	.pc_fs10rem { font-size: 10rem !important; }
}
@media screen and (max-width: 599px) {
	.sp_fs5rem { font-size: 5rem !important; }
}

/*===================================================================================
ポジション（position）
===================================================================================*/
.pos-static { position: static; }
.pos-relative { position: relative; }
.pos-absolute { position: absolute; }
.pos-fixed { position: fixed; }
.pos-sticky { position: sticky; }
.pos-top0 { top: 0; }
.pos-top10px { top: 10px; }
.pos-top20px { top: 20px; }
.pos-top30px { top: 30px; }
.pos-top40px { top: 40px; }
.pos-top50px { top: 50px; }
.pos-left0 { left: 0; }
.pos-left10px { left: 10px; }
.pos-left20px { left: 20px; }
.pos-left30px { left: 30px; }
.pos-left40px { left: 40px; }
.pos-left50px { left: 50px; }
.pos-right0 { right: 0; }
.pos-right10px { right: 10px; }
.pos-right20px { right: 20px; }
.pos-right30px { right: 30px; }
.pos-right40px { right: 40px; }
.pos-right50px { right: 50px; }
.pos-bottom0 { bottom: 0; }
.pos-bottom10px { bottom: 10px; }
.pos-bottom20px { bottom: 20px; }
.pos-bottom30px { bottom: 30px; }
.pos-bottom40px { bottom: 40px; }
.pos-bottom50px { bottom: 50px; }
.pos-inset0 { inset: 0; }

/*===================================================
button
===================================================*/
/* ボタンA */
.button-A { position: relative; display: block; max-width: 480px; width: 100%; padding: 1em; border-radius: 15px; transition: .3s; }
.button-A::after { content: "＞"; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
.button-A[data-color="lightblue"] { color: #01B4ED; background-color: #FFF; border: 2px solid #01B4ED; }
@media (hover: hover) {
	.button-A[data-color="lightblue"]:hover { color: #FFF; background-color: #01B4ED; border: 2px solid #01B4ED;}
}
.button-A[data-color="pink"] { color: #F97AA9; background-color: #FFF; border: 2px solid #F97AA9; }
@media (hover: hover) {
	.button-A[data-color="pink"]:hover { color: #FFF; background-color: #F97AA9; border: 2px solid #F97AA9;}
}
/* ボタンB */
.button-B { position: relative; display: block; font-size: 16px; padding: 1em; border-radius: 25px; line-height: 1; transition: .3s; }
.button-B::before { content: "＞"; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.button-B[data-color="pink"] { color: #F97AA9; background-color: #FFF; border: 1px solid #F97AA9; }
@media (hover: hover) {
	.button-B[data-color="pink"]:hover { color: #FFF; background-color: #F97AA9; }
}

/*===================================================
table（テーブル）
===================================================*/
.table-blue { width:100%; border-collapse: collapse; border: none; border-bottom: 1px solid #BCBCBC; }
.table-blue tr .title { background-color: #01B4ED; color: #fff; }
.table-blue th { background-color: #EAFAFF; }
.table-blue th, .table-blue td { border: 1px solid #BCBCBC; padding: 10px; text-align: center; }
.table-blue tr td { border-top: none; border-bottom: none; }
.table-blue tr :nth-child(1) { text-align: center; }
.table-blue tr th , .table-blue tr td { display: block; }
@media screen and (min-width: 600px) {
	.table-blue { border: solid #fff; border-bottom: 1px solid #BCBCBC; }
	.table-blue tr th , .table-blue tr td { display: table-cell;}
	.table-blue tr td { border-bottom: 1px solid #BCBCBC; }
	.table-blue tr .course { border-bottom: 1px solid #BCBCBC; }
}

.table-pink { width:100%; border-collapse: collapse; border: none; border-bottom: 1px solid #BCBCBC; }
.table-pink tr .title { background-color: #F97AA9; color: #fff; }
.table-pink th { background-color: #FFF0EF; }
.table-pink th, .table-pink td { border: 1px solid #BCBCBC; padding: 10px; text-align: center; }
.table-pink tr td { border-top: none; border-bottom: none; }
.table-pink tr :nth-child(1) { text-align: center; }
.table-pink tr th , .table-pink tr td { display: block; }
@media screen and (min-width: 600px) {
	.table-pink { border: solid #fff; border-bottom: 1px solid #BCBCBC; }
	.table-pink tr th , .table-pink tr td { display: table-cell;}
	.table-pink tr td { border-bottom: 1px solid #BCBCBC; }
	.table-pink tr .course { border-bottom: 1px solid #BCBCBC; }
}

.table02 { width: 100%; border-collapse: collapse; }
.table02 th, .table02 td { padding: 1em; border: 1px solid var(--pink01); }
.table02 th { font-family: "じゅん 501", "Jun 501"; background: var(--pink02); white-space: nowrap; }
@media screen and (max-width: 599px) {
	.table02 th, .table02 td { display: block; }
	.table02.--border tr:not(:first-of-type) th { border-top: none; }
	.table02.--border td { border-top: none; }
}


/*===================================================================================
list
===================================================================================*/
.list-typeA .item { padding-left: 1.5em; text-indent: -1.5em; }
.ls-none { list-style: none; }
.list-style-pos-inside { list-style-position: inside; }

/*===================================================================================
marker（マーカー）
===================================================================================*/
.marker-yellow { background: #FBFA82; }

/*===================================================================================
デコレーション（text-decoration）
===================================================================================*/
.td-none { text-decoration: none; }
.td-underline { text-decoration: underline; }
.td-double { text-decoration: double; }
.td-dashed { text-decoration: dashed; }
.td-dotted { text-decoration: dotted; }
.td-wavy { text-decoration: wavy; }

/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

coustom

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/
/*===================================================================================
プラスの画像
===================================================================================*/
.symbols-plus { position: absolute; inset: 0; margin: auto; width: 75px; height: 75px; }
@media screen and (min-width: 600px) {
	.symbols-plus { width: 150px; height: 150px; margin: auto; }
}

/*===================================================================================
フッター時間表と注釈
===================================================================================*/
.jikanhyo_ippan { display: block; }
.biyo .jikanhyo_ippan { display: none; }
.jikanhyo_biyo { display: none; }
.biyo .jikanhyo_biyo { display: block; }
.comment_ippan { display: block; }
.biyo .comment_ippan { display: none; }
.comment_biyo { display: none; }
.biyo .comment_biyo { display: block; }

/* table */
.common-price .tbl1.ortho_price__table .title { background-color: var(--blue02); }
/* .myemerald-premium .tbl1.ortho_price__table .title { background-color: var(--blue03); } */
.aeria_mc-severe_myopia .tbl1.ortho_price__table .title  { background-color: var(--blue04); }
.aeria_mc-astigmatism .tbl1.ortho_price__table .title { background-color: var(--blue04); }
@media screen and (max-width: 599px) {
	.tbl1.ortho_price__table tr th.--bdb-none { border-bottom: none; }
}