@charset "UTF-8";
/* Updated 2025/10/21.s */


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

COPY SOURCE
/aboutus/cmn/styles/module.css(202510)

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


Column Parts


---------------------------------------------*/
[class*="column-layoutA"],
[class*="column-layoutB"] {
  display: flex;
  flex-wrap: wrap;
}

/* Flex Column A */
[class*="column-layoutA"]:not(:first-child) {
  margin-top: 28px;
}

[class*="column-layoutA"] > * > [class*="card-"]:only-child:not(.-auto) {
  height: 100%;
}

[class*="column-layoutA"] > * > [class*="card-"]:only-child:not(.-auto) {
  height: 100%;
}

[class*="column-layoutA"].-border01 > * {
  padding: 10px 18px 0 18px;
}
[class*="column-layoutA"].-border01 > *:not(:first-child) {
  border-left: 1px solid #d5dedb;
}

.column-layoutA2 > * {
  width: 50%;
}

.column-layoutA3 > * {
  width: 33.3%;
}

.column-layoutA3.-border01 > *:nth-child(3n) {
  padding-right: 0;
}

.column-layoutA3.-border01 > *:nth-child(3n + 1) {
  padding-left: 0;
}

.column-layoutA4 > * {
  width: 25%;
}

.column-layoutA5 > * {
  width: 20%;
}

.column-layoutA6 > * {
  width: 16.6%;
}

.column-layoutA7 > * {
  width: 14.2%;
}

.column-layoutA8 > * {
  width: 12.5%;
}

/* Flex Column B */
[class*="column-layoutB"]:not(:first-child) {
  margin-top: 28px;
}

[class*="column-layoutB"] > * {
  margin: 28px 0 0 2%;
}
[class*="column-layoutB"] > * > [class*="card-"]:only-child:not(.-auto) {
  height: 100%;
}
[class*="column-layoutB"] > *.full {
  width: 100%;
  margin-left: 0;
}

[class*="column-layoutB"].-narrow01 > * {
  margin-top: 8px;
}

[class*="column-layoutB"].-narrow02 > * {
  margin-top: 18px;
}

[class*="column-layoutB"].-wide01 > * {
  margin-top: 40px;
}

[class*="column-layoutB"].-wide02 > * {
  margin-top: 96px;
}

.column-layoutB2 > * {
  width: 49%;
}

.column-layoutB2.-columnWide01 > * {
  width: 48%;
  margin-left: 4%;
}

.column-layoutB2.-columnNarrow01 > * {
  width: 49.5%;
  margin-left: 1%;
}

.column-layoutB3 > * {
  width: 32%;
}

.column-layoutB3.-columnWide01 > * {
  width: 31.6%;
  margin-left: 2.6%;
}

.column-layoutB3.-columnNarrow01 > * {
  width: 33%;
  margin-left: .5%;
}

.column-layoutB4 > * {
  width: 23.5%;
}

.column-layoutB4.-columnWide01 > * {
  width: 22%;
  margin-left: 4%;
}

.column-layoutB4.-columnNarrow01 > * {
  width: 24.1%;
  margin-left: 1.2%;
}

.column-layoutB5 > * {
  width: 18.4%;
}

.column-layoutB5.-columnWide01 > * {
  width: 18%;
  margin-left: 2.5%;
}

.column-layoutB5.-columnNarrow01 > * {
  width: 19.2%;
  margin-left: 1%;
}

.column-layoutB6 > * {
  width: 15%;
}

.column-layoutB6.-columnWide01 > * {
  width: 14.5%;
  margin-left: 2.6%;
}

.column-layoutB6.-columnNarrow01 > * {
  width: 15.5%;
  margin-left: 1.4%;
}

.column-layoutB7 > * {
  width: 12.5%;
}

.column-layoutB7.-columnWide01 > * {
  width: 12.1%;
  margin-left: 2.5%;
}

.column-layoutB7.-columnNarrow01 > * {
  width: 13%;
  margin-left: 1.5%;
}

.column-layoutB8 > * {
  width: 10.75%;
}

.column-layoutB8.-columnWide01 > * {
  width: 10.05%;
  margin-left: 2.8%;
}

.column-layoutB8.-columnNarrow01 > * {
  width: 11.1%;
  margin-left: 1.6%;
}

.column-layoutB2 > *:nth-child(2n + 1) {
  margin-left: 0;
}

.column-layoutB3 > *:nth-child(3n + 1) {
  margin-left: 0;
}

.column-layoutB4 > *:nth-child(4n + 1) {
  margin-left: 0;
}

.column-layoutB5 > *:nth-child(5n + 1) {
  margin-left: 0;
}

.column-layoutB6 > *:nth-child(6n + 1) {
  margin-left: 0;
}

.column-layoutB7 > *:nth-child(7n + 1) {
  margin-left: 0;
}

.column-layoutB8 > *:nth-child(8n + 1) {
  margin-left: 0;
}

.column-layoutB2 > *:nth-child(-n+2) {
  margin-top: 0;
}

.column-layoutB3 > *:nth-child(-n+3) {
  margin-top: 0;
}

.column-layoutB4 > *:nth-child(-n+4) {
  margin-top: 0;
}

.column-layoutB5 > *:nth-child(-n+5) {
  margin-top: 0;
}

.column-layoutB6 > *:nth-child(-n+6) {
  margin-top: 0;
}

.column-layoutB7 > *:nth-child(-n+7) {
  margin-top: 0;
}

.column-layoutB8 > *:nth-child(-n+8) {
  margin-top: 0;
}

.column-variable01 {
  display: flex;
  flex-wrap: wrap;
}
.column-variable01 > * {
  min-width: 0;
  margin: 16px 24px 0 0;
}
.column-variable01:first-child {
  margin-top: -16px;
}
.column-variable01.-narrow01 > * {
  margin: 4px 8px 0 0;
}
.column-variable01.-narrow01:first-child {
  margin-top: -4px;
}
.column-variable01.-center {
  justify-content: center;
}
.column-variable01.-right {
  justify-content: flex-end;
}
.column-variable01.-right > *:last-child {
  margin-right: 0;
}

.column-variable02 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.column-variable02 > * {
  position: relative;
  min-width: 0;
  padding: 0 24px;
}
.column-variable02 > * + *::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  width: 1px;
  height: 41px;
  background: #d5dedb;
}
.column-variable02 > *:first-child {
  padding-left: 0;
}
.column-variable02 > *:last-child {
  padding-right: 0;
}

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


Card Parts


---------------------------------------------*/
.card-normal01 {
  overflow: hidden; 
  background: #fff;
  border: 1px solid #d5dedb;
  border-radius: 5px;
}
.card-normal01:not(:first-child) {
  margin-top: 28px;
}
.card-normal01 > .inner > .header {
  display: flex;
  justify-content: center;
  padding: 18px 28px;
  border-radius: 5px;
  text-align: center;
}
.card-normal01 > .inner > .header > .title {
  font-size: 2rem; 
  font-weight: bold;
}
.card-normal01 > .inner > .header > .title:only-child {
  width: 100%;
}
.card-normal01 > .inner > .body {
  position: relative;
  padding: 18px 28px 28px;
}
.card-normal01 > .inner > .body:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: calc(100% - (28px * 2));
  height: 1px;
  background: #d5dedb;
}
.card-normal01.-scroll01 > .inner > .body {
  max-height: 196px;
  padding-bottom: 18px; 

  overflow-y: auto;
}
.card-normal01.-red01 {
  color: #c83030;
}

.card-normal02 {
  background: #fff;
  border: 1px solid #d5dedb;
  border-radius: 5px;
}
.card-normal02:not(:first-child) {
  margin-top: 28px;
}
.card-normal02 > .inner > .header {
  display: flex;
  justify-content: space-between;
  margin: -1px -1px 0;
  padding: 18px 24px;
  background: #c6de78;

  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.card-normal02 > .inner > .header > .title {
  display: flex;
  justify-content: center; 
  width: 100%;
}
.card-normal02 > .inner > .header > .title > .inner {
  font-size: 2rem;
  font-weight: bold;
  color: #004831;
}
.card-normal02 > .inner > .body {
  padding: 28px 28px 32px;
  border-radius: 0 0 5px 5px;
}
.card-normal02 > .inner > .body.-bgColor01 {
  background: #fffcf2;
}
.card-normal02.-img01 {
  padding-top: 126px;
  background: transparent;
  border: none;
}
.card-normal02.-img01 > .inner {
  position: relative;
  height: 100%;
  background: #fff;
  border: 1px solid #d5dedb;
  border-radius: 5px;
}
.card-normal02.-img01 > .inner > .img {
  position: absolute;
  top: -126px;
  left: 0;
  width: 100%;
  text-align: center;
}
.card-normal02.-green01 > .inner > .header {
  background: #0e724b;
}
.card-normal02.-green01 > .inner > .header > .title > .inner {
  color: #fff;
}
.card-normal02.-green02 > .inner > .header {
  background: #4d7f6f;
}
.card-normal02.-green02 > .inner > .header > .title > .inner {
  color: #fff;
}
.card-normal02.-blue01 > .inner > .header {
  background: #00b2b3;
}
.card-normal02.-blue01 > .inner > .header > .title > .inner {
  color: #fff;
}

.card-normal03 {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, .08);
}
.card-normal03:not(:first-child) {
  margin-top: 28px;
}
.card-normal03 > .inner > .header {
  padding: 18px 28px;
  border-radius: 5px;
}
.card-normal03 > .inner > .header > .title > .inner {
  font-size: 1.6rem;
  font-weight: bold;
  color: #004831;
}
.card-normal03 > .inner > .body {
  padding: 18px 28px;
}
.card-normal03 > .inner > .body:not(:first-child) {
  padding-top: 0;
}

.card-normal04 {
  position: relative;
  background: #fff;
}
.card-normal04:not(:first-child) {
  margin-top: 28px;
}
.card-normal04 > .inner {
  padding: 18px 28px;
}

.card-normal05 {
  position: relative;
  background: #f5f5f5;
  border-radius: 4px;
}
.card-normal05 > .inner {
  padding: 32px 28px;
}

/* card-section */
.card-section01 {
  position: relative;
  background: #e2efbc;
}
.card-section01:not(:first-child) {
  margin-top: 28px;
}
.card-section01 > .inner {
  padding: 42px 28px;
}
.card-section01 > .inner > .header {
  display: flex;
  justify-content: space-between;
}
.card-section01 > .inner > .header > .title {
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
}
.card-section01 > .inner > .header > .title.-green01 {
  color: #004831;
}
.card-section01 > .inner > .header > .title.-img {
  align-items: center;
}
.card-section01 > .inner > .header > .title.-img > *:not(:first-child) {
  margin-left: 24px;
}
.card-section01 > .inner > .header > .title.-img > .img {
  flex: 0 0 auto;
}
.card-section01 > .inner > .body:not(:first-child) {
  margin-top: 40px;
}
.card-section01 > a.inner {
  display: block;
  position: relative;
  text-decoration: none;
}
.card-section01 > a.inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}
.card-section01.-gray01 {
  background: #f5f5f5;
}
.card-section01.-green01 {
  background: #f3f8f6;
}
.card-section01.-orange01 {
  background: #fef7e6;
}
.card-section01.-narrow01 > .inner {
  padding-top: 18px;
  padding-bottom: 24px;
}
.card-section01.-narrow02 > .inner {
  padding: 18px;
}
.card-section01.-radius01 {
  border-radius: 8px;
}
.card-section01.-arrowBottom01 {
  position: relative;
  padding-bottom: 70px;
}
.card-section01.-arrowBottom01::before,
.card-section01.-arrowBottom01::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
}
.card-section01.-arrowBottom01::before {
  background: #fff;
}
.card-section01.-arrowBottom01::after {
  background: linear-gradient(to top right, rgba(226, 239, 188, 0) 50%, #e2efbc 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(226, 239, 188, 0) 50%, #e2efbc 50.5%) no-repeat top right/50% 100%;
  z-index: 1;
}
.card-section01.-arrowBottom01.-gray01.-arrowBottom01::after {
  background: linear-gradient(to top right, rgba(245, 245, 245, 0) 50%, #f5f5f5 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(245, 245, 245, 0) 50%, #f5f5f5 50.5%) no-repeat top right/50% 100%;
}
.card-section01.-arrowBottom01.-green01.-arrowBottom01::after {
  background: linear-gradient(to top right, rgba(243, 248, 246, 0) 50%, #f3f8f6 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(243, 248, 246, 0) 50%, #f3f8f6 50.5%) no-repeat top right/50% 100%;
}
.card-section01.-arrowBottom01.-orange01.-arrowBottom01::after {
  background: linear-gradient(to top right, rgba(254, 247, 230, 0) 50%, #fef7e6 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(254, 247, 230, 0) 50%, #fef7e6 50.5%) no-repeat top right/50% 100%;
}

.card-box01 {
  padding: 32px 28px; 
  background: #fff;
}
.card-box01:not(:first-child) {
  margin-top: 28px;
}

.card-box02 {
  background: #fff;
  border: 1px solid #d5dedb;
}
.card-box02:not(:first-child) {
  margin-top: 28px;
}
.card-box02 > .inner > .body {
  padding: 28px 28px;
}

.card-box03 {
  margin-top: 80px;
  background: #fff;
  border: 1px solid #d5dedb;
  border-radius: 8px; 

  border-top-color: #c4d700;
  border-top-width: 8px;
}
.card-box03 > .inner > .body {
  padding: 40px 0 66px;
}
.card-box03.-green01 {
  background: #e2efbc;
}
.card-box03.-narrow01 > .inner > .body {
  padding: 40px 28px;
}
.card-box03.-noPadding01 > .inner > .body {
  padding: 0;
}

.card-box04 {
  display: flex;
}
.card-box04 > .inner {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 126px;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
}
.card-box04 > .inner > .img {
  flex: 0 0 auto;
}
.card-box04 > .inner > .text {
  margin-left: 24px;
}

/* card-tile */
[class*="card-tile"] {
  transition: background-color .3s ease-out; 
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 4px 0 rgba(20, 29, 29, .05), 0 12px 14px 0 rgba(20, 29, 29, .08);
}
a[class*="card-tile"],
button[class*="card-tile"] {
  text-decoration: none;
}

.card-tile01 {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 24px;
}
.card-tile01 > .inner {
  width: 100%;
}
.card-tile01 > .inner > .text {
  display: block;
  text-align: center;
}
.card-tile01 > .inner > .text > .title {
  display: block;
  font-weight: bold; 
  color: #004831;
}
.card-tile01 > .inner > .text > .title[class*="-icon"] {
  display: flex;
  justify-content: center; 
  align-items: center;
}
.card-tile01 > .inner > .text > .title[class*="-icon"] > .item {
  flex: 0 0 auto;
  margin-left: 8px;
  line-height: 1;
}
.card-tile01 > .inner > .text > .title.-iconBlank01 > .item {
  width: 1.375em;
  height: 1.375em;
}
.card-tile01 > .inner > .text > .title.-iconPdf01 > .item {
  width: 2.5em;
  height: 1.25em;
}
.card-tile01 > .inner > .text > .detail {
  display: block;
}
.card-tile01 > .inner > .text > .detail:not(:first-child) {
  margin-top: 8px;
}
.card-tile01.-column > .inner {
  display: flex;
  align-items: center;
}
.card-tile01.-column > .inner > .text {
  flex: 1 1 auto;
  width: 100%; 
  margin-left: 24px;
  text-align: left;
}
.card-tile01.-column[class*="glyph-"] > .inner::before {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  margin: auto;
}
a.card-tile01:not([href$="pdf"]):not([class*="fn-blank"]) {
  position: relative;
}
a.card-tile01:not([href$="pdf"]):not([class*="fn-blank"])::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 4px;
  width: 1.375em;
  height: 1.375em;
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/cover no-repeat;
}
.card-tile01.-hasMark {
  display: flex;
  flex-direction: column;
}
.card-tile01.-hasMark > .mark {
  width: 100%; 
  text-align: center;
}
.card-tile01.-hasMark > .mark + * {
  margin-top: 8px;
}

.card-tile02 {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 24px;
}
.card-tile02 > .inner {
  width: 100%;
}
.card-tile02 > .inner > * {
  display: block;
  text-align: center;
}
.card-tile02 > .inner > .text {
  text-align: center;
}
.card-tile02 > .inner > .text:not(:first-child) {
  margin-top: 8px;
}
.card-tile02 > .inner > .text > .title {
  display: block;
  font-weight: bold; 
  color: #004831;
}
.card-tile02 > .inner > .text > .title[class*="-icon"] {
  display: flex;
  justify-content: center; 
  align-items: center;
}
.card-tile02 > .inner > .text > .title[class*="-icon"] > .item {
  flex: 0 0 auto;
  margin-left: 8px;
  line-height: 1;
}
.card-tile02 > .inner > .text > .title.-iconBlank01 > .item {
  width: 1.375em;
  height: 1.375em;
}
.card-tile02 > .inner > .text > .title.-iconPdf01 > .item {
  width: 2.5em;
  height: 1.25em;
}
.card-tile02 > .inner > .text > .detail {
  display: block;
}
.card-tile02 > .inner > .text > .detail:not(:first-child) {
  margin-top: 8px;
}
.card-tile02 > .inner > .text:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; 
  text-align: center;
}
.card-tile02 > .inner > .text:first-child > .title,
.card-tile02 > .inner > .text:first-child > .detail {
  width: 100%;
}
.card-tile02:not(.-spBlock) > .inner > .img img {
  width: 44px;
}
a.card-tile02:not(.icon-link01):not([href$="pdf"]):not([class*="fn-blank"]) {
  position: relative;
}
a.card-tile02:not(.icon-link01):not([href$="pdf"]):not([class*="fn-blank"])::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 4px;
  width: 1.375em;
  height: 1.375em;
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/cover no-repeat;
}
.card-tile02.-hasMark {
  display: flex;
  flex-direction: column;
}
.card-tile02.-hasMark > .mark {
  width: 100%; 
  text-align: center;
}
.card-tile02.-hasMark > .mark + * {
  margin-top: 8px;
}

.card-tile03 {
  display: flex;
  width: 100%;
}
.card-tile03 > .inner {
  display: block;
  width: 100%;
}
.card-tile03 > .inner > * {
  display: block;
}
.card-tile03 > .inner > .img {
  overflow: hidden;
  text-align: center; 

  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.card-tile03 > .inner > .img img {
  width: 100%;
}
.card-tile03 > .inner > .text {
  padding: 16px;
  text-align: left;
}
.card-tile03 > .inner > .text > .title {
  display: block;
  font-weight: bold; 
  color: #004831;
}
.card-tile03 > .inner > .text > .detail {
  display: block;
}
.card-tile03 > .inner > .text > .detail:not(:first-child) {
  margin-top: 8px;
}
.card-tile03 > .inner > .text .icon-blank01 > .inner {
  display: inline;
  position: relative;
}
.card-tile03 > .inner > dl.text {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0; 
  margin-inline-start: 0;
}
.card-tile03 > .inner > dl.text > dd.title,
.card-tile03 > .inner > dl.text > dd.detail {
  margin-inline-start: 0;
}

.card-tile04 {
  display: block;
  padding: 20px 28px 20px;
}

.card-tile05 {
  overflow: hidden;
  background: #fff; 
  border: 1px solid #d5dedb;
  border-radius: 4px;
  box-shadow: none;
}
.card-tile05 > .inner > .img img,
.card-tile05 > .inner > .img picture {
  width: 100%;
}
.card-tile05 > .inner > .body {
  padding: 32px 28px;
}

/* card-balloon */
.card-balloon01 {
  position: relative;
  margin-right: 8px;
  padding: 24px;
  background: #e2efbc;
  border: 1px solid #d5dedb;
  border-radius: 4px;
}
.card-balloon01::before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  right: -8px;
  width: 0;
  height: 0;
  border-width: 8px 0 8px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #d5dedb;
}
.card-balloon01::after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  right: calc((8px - 1px) * -1);
  width: 0;
  height: 0;
  border-width: 8px 0 8px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #e2efbc;
}

.card-balloon02 {
  position: relative;
  margin-left: 8px;
  padding: 24px;
  background: #fff;
  border: 1px solid #d5dedb;
  border-radius: 4px;
}
.card-balloon02::before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: -8px;
  width: 0;
  height: 0;
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #d5dedb transparent transparent;
}
.card-balloon02::after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: calc((8px - 1px) * -1);
  width: 0;
  height: 0;
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.card-balloon02.-green01 {
  background: #e2efbc;
}
.card-balloon02.-green01::after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: calc((8px - 1px) * -1);
  width: 0;
  height: 0;
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #e2efbc transparent transparent;
}

.card-balloon03 {
  background: #e2efbc;
  border-radius: 4px;
}
.card-balloon03:not(:first-child) {
  margin-top: 28px;
}
.card-balloon03 > .inner > .title {
  display: flex;
  justify-content: center;
  position: relative;
  background: #c4d700;
  text-align: center; 

  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.card-balloon03 > .inner > .title::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -9px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #c4d700 transparent transparent transparent;
}
.card-balloon03 > .inner > .title > .inner {
  display: flex;
  align-items: center;
  min-height: 48px;
  font-weight: bold; 
  color: #004831;
}
.card-balloon03 > .inner > .detail {
  padding: 36px 28px 10px;
}
.card-balloon03.-green01,
.card-balloon03.-green03 {
  background: #fff;
}
.card-balloon03.-green01 > .inner > .detail,
.card-balloon03.-green03 > .inner > .detail {
  border: 1px solid #d5dedb;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.card-balloon03.-green02 > .inner > .title,
.card-balloon03.-green03 > .inner > .title {
  background: #017a4f;
}
.card-balloon03.-green02 > .inner > .title::before,
.card-balloon03.-green03 > .inner > .title::before {
  border-color: #017a4f transparent transparent transparent;
}
.card-balloon03.-green02 > .inner > .title > .inner,
.card-balloon03.-green03 > .inner > .title > .inner {
  color: #fff;
}
.card-balloon03.-green02 {
  background: #f3f8f6;
}
a.card-balloon03 {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit;
}
a.card-balloon03::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}

/* card-overflowing */
.card-overflowing01 {
  display: flex;
  justify-content: center;
  margin-top: 112px;
  padding-top: 24px;
  background: #e2efbc;
}
.card-overflowing01 > .inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 0 0;
  padding: 0 40px;
}
.card-overflowing01 > .inner > .body > [class*="card-box"] {
  margin-top: -56px;
}
.card-overflowing01 > .inner > .body > [class*="card-box"] + [class*="card-box"] {
  margin-top: 69px;
}
.card-overflowing01 > .inner > .body > *:not(:first-child) {
  margin-top: 18px;
}
.card-overflowing01 > .inner > .body > .supplement {
  margin: 40px auto;
}
.card-overflowing01.-connected01 {
  margin-top: 0;
}
.card-overflowing01.-connected01 > .inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 0 0;
  padding: 0 40px;
}
.card-overflowing01.-connected01 > .inner > .body {
  position: relative; 
  z-index: 1;
}

/* card-separation */
.card-separation01 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  border-radius: 12px; 
  box-shadow: 0 0 4px rgba(20, 29, 29, .05), 0 10px 12px rgba(20, 29, 29, .08);
  text-decoration: none;
  color: inherit;
}
.card-separation01:not(:first-child) {
  margin-top: 28px;
}
.card-separation01 > *:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.card-separation01 > *:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.card-separation01 > .body {
  padding: 24px 28px 15px;
}
.card-separation01 > .footer {
  display: flex;
  justify-content: center;
  padding: 10px 28px 5px;
  background: #f3f8f6;
  color: #004831;
}
.card-separation01 > .footer > .inner {
  display: flex;
  align-items: center;
  min-height: 70px;
  text-align: center;
}
.card-separation01 > .footer .lead {
  line-height: 1.2;
  font-size: 2.0rem;
  font-weight: bold;
}
.card-separation01 > .footer .num {
  font-family: "roboto";
  font-size: 6.6rem;
}

/* card-imgBlock */
.card-imgBlock01:not(:first-child) {
  margin-top: 28px;
}

.card-imgBlock01 > .text {
  position: relative;
  background: #fff;
  border-radius: 10px;
}

/* card-modal */
.card-modal01 {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 50px;
  background: #e2efbc;
  border-radius: 8px;
}
.card-modal01 > .inner {
  display: flex;
}
.card-modal01 > .inner > .text {
  text-align: center;
}
.card-modal01 > .inner > .img {
  width: 337px;
  max-width: 100%;
}

.card-modal02 {
  display: flex;
  justify-content: center;
  padding: 0 28px;
  background: #e2efbc;
  border-radius: 8px;
}
.card-modal02 > .inner {
  width: 100%;
  padding-left: 44px;
}

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


List Parts


---------------------------------------------*/
.list-normal01:not(:first-child) {
  margin-top: 18px;
}

.list-normal01 > .item:not(:first-child) {
  margin-top: 8px;
}

.list-normal01 > .item > a,
.list-normal01 > .item > ._link-btn {
  text-decoration: none;
}
.list-normal01 > .item > a:hover,
.list-normal01 > .item > a:focus,
.list-normal01 > .item > ._link-btn:hover,
.list-normal01 > .item > ._link-btn:focus {
  text-decoration: underline;
}

.list-normal01 > .item > .child > .title a,
.list-normal01 > .item > .child > .title ._link-btn {
  text-decoration: none;
}
.list-normal01 > .item > .child > .title a:hover,
.list-normal01 > .item > .child > .title a:focus,
.list-normal01 > .item > .child > .title ._link-btn:hover,
.list-normal01 > .item > .child > .title ._link-btn:focus {
  text-decoration: underline;
}

.list-normal01 > .item > .child > .detail {
  margin-top: 8px;
  padding-left: 1em;
}

.list-normal01.-narrow01 > .item:not(:first-child) {
  margin-top: 8px;
}

.list-normal01.-wide01 > *:not(:first-child) {
  margin-top: 18px;
}

.list-normal01.-wide02 > *:not(:first-child) {
  margin-top: 28px;
}

.list-normal01.-wide03 > *:not(:first-child) {
  margin-top: 40px;
}

.list-normal02:not(:first-child) {
  margin-top: 18px;
}

.list-normal02 > .item:not(:first-child) {
  margin-top: 16px;
}

#content-area [class*="list-notice"]:not(:first-child) {
  margin-top: 8px;
}

.list-notice01:not(:first-child) {
  margin-top: 8px;
}

.list-notice01 > .item {
  position: relative; 
  padding-left: calc(1em + 5px);
}
.list-notice01 > .item:not(:first-child),
.list-notice01 > .item > .child > .detail:not(:first-child) {
  margin-top: 8px;
}
.list-notice01 > .item > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  text-align: right;
}
.list-notice01 > .item > .child {
  margin-left: calc((1em + 5px) * -1);
}
.list-notice01 > .item > .child > .title {
  position: relative; 
  padding-left: calc(1em + 5px);
}
.list-notice01 > .item > .child > .title > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  text-align: right;
}
.list-notice01 > .item > .child > .detail {
  padding-left: calc(1em + 5px);
}
.list-notice01 > .item.-wide01 {
  padding-left: calc(2.7em + 5px);
}
.list-notice01 > .item.-wide01 > .mark {
  width: 2.7em;
}
.list-notice01 > .item.-wide01 > .child {
  margin-left: calc((2.7em + 5px) * -1);
}
.list-notice01 > .item.-wide01 > .child > .title > .mark {
  width: 2.7em;
}
.list-notice01 > .item.-wide01 > .child > .title,
.list-notice01 > .item.-wide01 > .child > .detail {
  padding-left: calc(2.7em + 5px);
}

.list-notice01.-center {
  text-align: center;
}
.list-notice01.-center > .item {
  display: inline-block;
}

.list-notice01.-right {
  text-align: right;
}
.list-notice01.-right > .item {
  display: inline-block;
}

.list-notice02:not(:first-child) {
  margin-top: 8px;
}

.list-notice02 > .item {
  position: relative; 
  padding-left: calc(2.2em + 5px);
}
.list-notice02 > .item:not(:first-child),
.list-notice02 > .item > .child > .detail:not(:first-child) {
  margin-top: 8px;
}
.list-notice02 > .item > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.2em;
  text-align: right;
}
.list-notice02 > .item > .child {
  margin-left: calc((2.2em + 5px) * -1);
}
.list-notice02 > .item > .child > .title {
  position: relative; 
  padding-left: calc(2.2em + 5px);
}
.list-notice02 > .item > .child > .title > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.2em;
  text-align: right;
}
.list-notice02 > .item > .child > .detail {
  padding-left: calc(2.2em + 5px);
}
.list-notice02 > .item.-wide01 {
  padding-left: calc(2.7em + 5px);
}
.list-notice02 > .item.-wide01 > .mark {
  width: 2.7em;
}
.list-notice02 > .item.-wide01 > .child {
  margin-left: calc((2.7em + 5px) * -1);
}
.list-notice02 > .item.-wide01 > .child > .title > .mark {
  width: 2.7em;
}
.list-notice02 > .item.-wide01 > .child > .title,
.list-notice02 > .item.-wide01 > .child > .detail {
  padding-left: calc(2.7em + 5px);
}

.list-notice02.-center {
  text-align: center;
}
.list-notice02.-center > .item {
  display: inline-block;
}

.list-notice02.-right {
  text-align: right;
}
.list-notice02.-right > .item {
  display: inline-block;
}

.list-num01:not(:first-child) {
  margin-top: 18px;
}

.list-num01 > .item {
  position: relative; 
  padding-left: calc(1.5em + 5px);
}
.list-num01 > .item:not(:first-child),
.list-num01 > .item > .child > .detail:not(:first-child) {
  margin-top: 8px;
}
.list-num01 > .item > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  text-align: right;
}
.list-num01 > .item > .child {
  margin-left: calc((1.5em + 5px) * -1);
}
.list-num01 > .item > .child > .title {
  position: relative; 
  padding-left: calc(1.5em + 5px);
}
.list-num01 > .item > .child > .title > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  text-align: right;
}
.list-num01 > .item > .child > .detail {
  padding-left: calc(1.5em + 5px);
}
.list-num01 > .item.-wide01 {
  padding-left: calc(2em + 5px);
}
.list-num01 > .item.-wide01 > .mark {
  width: 2em;
}
.list-num01 > .item.-wide01 > .child {
  margin-left: calc((2em + 5px) * -1);
}
.list-num01 > .item.-wide01 > .child > .title > .mark {
  width: 2em;
}
.list-num01 > .item.-wide01 > .child > .title,
.list-num01 > .item.-wide01 > .child > .detail {
  padding-left: calc(2em + 5px);
}

.list-num01.-center {
  text-align: center;
}
.list-num01.-center > .item {
  display: inline-block;
}

.list-num01.-right {
  text-align: right;
}
.list-num01.-right > .item {
  display: inline-block;
}

.list-num02:not(:first-child) {
  margin-top: 18px;
}

.list-num02 > .item {
  position: relative;
  padding-left: calc(1.1em + 5px);
}
.list-num02 > .item > .mark,
.list-num02 > .item > .child > .title > .mark {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1em;
  height: 1.1em;
  margin-top: .3em; 
  background: #c4d700;
  border-radius: 50%;
}
.list-num02 > .item > .mark > span,
.list-num02 > .item > .child > .title > .mark > span {
  font-size: 1.1rem;
}
.list-num02 > .item:not(:first-child),
.list-num02 > .item > .child > .detail:not(:first-child) {
  margin-top: 8px;
}

.list-num03:not(:first-child) {
  margin-top: 18px;
}

.list-num03 > .item {
  position: relative; 
  padding-left: calc(3.2em + 5px);
}
.list-num03 > .item:not(:first-child),
.list-num03 > .item > .child > .detail:not(:first-child) {
  margin-top: 8px;
}
.list-num03 > .item > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2em;
  text-align: right;
}
.list-num03 > .item > .child {
  margin-left: calc((3.2em + 5px) * -1);
}
.list-num03 > .item > .child > .title {
  position: relative; 
  padding-left: calc(3.2em + 5px);
}
.list-num03 > .item > .child > .title > .mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.2em;
  text-align: right;
}
.list-num03 > .item > .child > .detail {
  padding-left: calc(3.2em + 5px);
}
.list-num03 > .item.-wide01 {
  padding-left: calc(3.8em + 5px);
}
.list-num03 > .item.-wide01 > .mark {
  width: 3.8em;
}
.list-num03 > .item.-wide01 > .child {
  margin-left: calc((3.8em + 5px) * -1);
}
.list-num03 > .item.-wide01 > .child > .title > .mark {
  width: 3.8em;
}
.list-num03 > .item.-wide01 > .child > .title,
.list-num03 > .item.-wide01 > .child > .detail {
  padding-left: calc(3.8em + 5px);
}

.list-num03.-center {
  text-align: center;
}
.list-num03.-center > .item {
  display: inline-block;
}

.list-num03.-right {
  text-align: right;
}
.list-num03.-right > .item {
  display: inline-block;
}

.list-circle01:not(:first-child) {
  margin-top: 18px;
}

.list-circle01.-green01 > .item::before {
  background: #c4d700;
}

.list-circle01.-red01 > .item {
  color: #c83030;
}
.list-circle01.-red01 > .item::before {
  background: #c83030;
}

.list-circle01.-black01 > .item::before {
  background: #141d1d;
}

.list-circle01 > .item {
  position: relative;
  padding-left: 1em;
}
.list-circle01 > .item::before {
  content: "";
  display: block;
  position: absolute;
  top: .5em;
  left: 0;
  width: .5em;
  height: .5em;
  background: #d5dedb;
  border-radius: 50%;
}
.list-circle01 > .item > .child > .detail:not(:first-child) {
  margin-top: 8px;
}
.list-circle01 > .item.-hasChild::before {
  display: none;
}
.list-circle01 > .item:not(:first-child) {
  margin-top: 8px;
}
.list-circle01 > .item.-green01 {
  color: #141d1d;
}
.list-circle01 > .item.-green01::before {
  background: #c4d700;
}
.list-circle01 > .item.-red01 {
  color: #c83030;
}
.list-circle01 > .item.-red01::before {
  background: #c83030;
}
.list-circle01 > .item.-gray01 {
  color: #141d1d;
}
.list-circle01 > .item.-gray01::before {
  background: #d5dedb;
}
.list-circle01 > .item.-black01 {
  color: #141d1d;
}
.list-circle01 > .item.-black01::before {
  background: #141d1d;
}

.list-circle01.-center {
  text-align: center;
}
.list-circle01.-center > .item {
  display: inline-block;
}

.list-circle01.-right {
  text-align: right;
}
.list-circle01.-right > .item {
  display: inline-block;
}

.list-border01:not(:first-child) {
  margin-top: 18px;
}

.list-border01 > .item:not(:first-child) {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #d5dedb;
}

.list-link01:not(:first-child) {
  margin-top: 18px;
}

.list-link01 > .item {
  display: flex; 
  border-bottom: 1px solid #d5dedb;
}
.list-link01 > .item > a,
.list-link01 > .item > .notLink {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 63px;
  padding: 18px 28px 18px 0;
}
.list-link01 > .item > a {
  position: relative; 
  text-decoration: none;
}
.list-link01 > .item > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}
.list-link01 > .item > a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 0;
  width: 1.375em;
  height: 1.375em;
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/cover no-repeat;
  z-index: 1;
}
.list-link01 > .item > .notLink {
  padding-right: 0;
}
.list-link01 > .item:only-child {
  border-bottom: none;
}
.list-link01 > .item:only-child > a,
.list-link01 > .item:only-child > .notLink {
  padding-top: 0;
  padding-bottom: 0;
}

.list-step01:not(:first-child) {
  margin-top: 28px;
}

.list-step01 > .item {
  position: relative;
}
.list-step01 > .item:not(:first-child) {
  padding-top: 52px;
}
.list-step01 > .item:not(:first-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: calc(50% - 19px);
  width: 0;
  height: 0;
  border-width: 20px 19px 0 19px;
  border-style: solid;
  border-color: #d5dedb transparent transparent transparent;
}

.list-scroll01:not(:first-child) {
  margin-top: 28px;
}

.list-scroll01 > .list {
  display: flex;
  flex-wrap: wrap;
}
.list-scroll01 > .list > .item {
  display: flex;
  width: 23.5%;
  margin: 24px 0 0 2%;
}
.list-scroll01 > .list > .item:nth-child(4n + 1) {
  margin-left: 0;
}
.list-scroll01 > .list > .item:nth-child(-n + 4) {
  margin-top: 0;
}

.list-conversation01:not(:first-child) {
  margin-top: 28px;
}

.list-conversation01 > .item:not(:first-child) {
  margin-top: 40px;
}

.list-conversation01 > .item > .inner {
  display: flex;
  align-items: flex-start;
}
.list-conversation01 > .item > .inner > .img {
  flex: 0 0 auto;
  width: 118px;
  margin-right: 8px;
}
.list-conversation01 > .item > .inner > .text {
  width: 100%;
}

.list-conversation01 > .item.-reverse > .inner {
  flex-direction: row-reverse;
}
.list-conversation01 > .item.-reverse > .inner > .img {
  margin-right: 0;
  margin-left: 8px;
}

.list-conversation01.-hasPersonal01 > .item {
  display: flex;
  flex-direction: column-reverse;
}
.list-conversation01.-hasPersonal01 > .item > .personal {
  width: 160px;
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
}
.list-conversation01.-hasPersonal01 > .item > .inner > .img {
  width: 160px;
  text-align: center;
}
.list-conversation01.-hasPersonal01 > .item.-reverse > .personal {
  margin-left: auto;
}

.list-conversation01.-hasPersonal02 > .item > .inner > .img {
  text-align: center;
}
.list-conversation01.-hasPersonal02 > .item > .inner > .img > .personal {
  margin-top: 5px;
  font-weight: bold;
}

.list-side01 {
  display: inline-flex;
}
.list-side01 > .item:not(:last-child) {
  margin-right: 8px;
}

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


Title Parts


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

Title

---------------------------------------------*/
#containment-area [class*="title-"] + *:not(.exception):not(.content-block01):not(.content-block02):not(.card-overflowing01) {
  margin-top: 0;
}

[class*="title-heading"].-markBlock > .title {
  flex-direction: column;
  align-items: center;
}
[class*="title-heading"].-markBlock > .title > .inner {
  margin-top: 8px;
}

[class*="column-layout"] > * > section:first-child [class*="title-heading"] {
  margin-top: 0;
}

.title-heading01 {
  display: flex;
  padding: 28px 0;
  background: #e2efbc;
}
.title-heading01 > .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1280px;
  min-height: 94px; 
  margin: auto;
  padding: 0 40px;
  text-align: center;
}
.title-heading01 .title > .inner {
  line-height: 1.27;
  font-size: 3.6rem;
  font-weight: bold; 
  color: #004831;
}
.title-heading01 .lead:not(:first-child) {
  margin-top: 16px;
}
.title-heading01.-img01 {
  padding: 0;
}

.title-heading02,
.title-heading03,
.title-heading04 {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  text-align: center;
}
.title-heading02 > .title,
.title-heading03 > .title,
.title-heading04 > .title {
  display: flex;
  justify-content: center;
  width: 100%;
}
.title-heading02 > .title > .inner,
.title-heading03 > .title > .inner,
.title-heading04 > .title > .inner {
  max-width: 100%;
  font-weight: bold;
}
.title-heading02 > .title > .mark,
.title-heading03 > .title > .mark,
.title-heading04 > .title > .mark {
  flex: 0 0 auto;
}
.title-heading02 > .title > .mark + *,
.title-heading03 > .title > .mark + *,
.title-heading04 > .title > .mark + * {
  margin-left: 8px;
}
.title-heading02 > .title.-block,
.title-heading03 > .title.-block,
.title-heading04 > .title.-block {
  flex-direction: column;
}
.title-heading02 > .title.-block > *:not(:first-child),
.title-heading03 > .title.-block > *:not(:first-child),
.title-heading04 > .title.-block > *:not(:first-child) {
  margin-top: 8px;
}
.title-heading02 > .title.-block > .mark + *,
.title-heading03 > .title.-block > .mark + *,
.title-heading04 > .title.-block > .mark + * {
  margin-left: 0;
}
.title-heading02 > .link,
.title-heading03 > .link,
.title-heading04 > .link {
  flex: 0 0 auto;
}
.title-heading02.-green01 > .title > .inner,
.title-heading03.-green01 > .title > .inner,
.title-heading04.-green01 > .title > .inner {
  color: #004831;
}
.title-heading02:not(.-left),
.title-heading03:not(.-left),
.title-heading04:not(.-left) {
  text-align: center;
}
.title-heading02.-left,
.title-heading03.-left,
.title-heading04.-left {
  justify-content: space-between; 
  text-align: left;
}
.title-heading02.-left > .title,
.title-heading03.-left > .title,
.title-heading04.-left > .title {
  justify-content: flex-start;
}

.title-heading02 {
  margin-bottom: 40px;
}
.title-heading02:not(.-noBorder) {
  padding-bottom: 8px;
  border-bottom: 2px solid #c4d700;
}
.title-heading02:not(.-noBorder) > .title > .inner {
  color: #004831;
}
.title-heading02 > .title > .inner {
  margin-top: -.25em;
  font-size: 2.8rem;
}

.title-heading03 {
  margin-bottom: 20px;
}
.title-heading03 > .title > .inner {
  margin-top: -.1em;
  font-size: 2.4rem;
}
.title-heading03.-green01 {
  color: #004831;
}

.title-heading04 {
  margin-bottom: 14px;
}
.title-heading04 > .title > .inner {
  margin-top: -.1em;
  font-size: 2.0rem;
}

section > .title-heading02,
aside > .title-heading02 {
  margin-top: 96px;
}

section > .title-heading03,
aside > .title-heading03 {
  margin-top: 48px;
}

section > .title-heading04,
aside > .title-heading04 {
  margin-top: 32px;
}

.title-balloon01 {
  margin-bottom: 40px;
}
.title-balloon01:not(:first-child) {
  margin-top: 48px;
}
section:not(:first-child) > .title-balloon01:first-child {
  margin-top: 48px;
}
.title-balloon01.-img01 {
  padding-top: 30px;
}
.title-balloon01.-bottom01 > .inner {
  padding-bottom: 0;
}
.title-balloon01.-radius01 > .inner {
  border-radius: 11px;
}
.title-balloon01 > .inner {
  position: relative;
  padding: 36px 28px;
  background: #e2efbc;
  text-align: center;
}
.title-balloon01 > .inner > .img {
  position: absolute;
  top: -30px;
  left: calc(50% - 24px);
}
.title-balloon01 > .inner > .title:not(:last-child) {
  margin-bottom: 16px;
}
.title-balloon01 > .inner > .title:last-child {
  padding-bottom: 30px;
}
.title-balloon01 > .inner > .title > .inner {
  font-size: 2.4rem;
  font-weight: bold; 
  color: #004831;
}
.title-balloon01 > .inner::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(50% - 20px);
  width: 0;
  height: 0;
  border-width: 20px 20px 0 20px;
  border-style: solid;
  border-color: #e2efbc transparent transparent transparent;
}
.title-balloon01 > .inner.-noImg {
  padding-bottom: 30px;
}
.title-balloon01.-gray01 > .inner {
  background: #f5f5f5;
}
.title-balloon01.-gray01 > .inner::before {
  border-color: #f5f5f5 transparent transparent transparent;
}

.title-balloon02 {
  position: relative;
  margin-bottom: 40px; 
  padding: 10px 28px;
  background: #c4d700;
  text-align: center;
}
.title-balloon02:not(:first-child) {
  margin-top: 48px;
}
.title-balloon02:first-child {
  margin-top: 30px;
}
.title-balloon02 > .title {
  display: flex;
  justify-content: center;
  text-align: center;
}
.title-balloon02 > .title > .inner {
  display: flex;
  align-items: center;
  min-height: 60px;
  font-size: 2.0rem;
  font-weight: bold; 
  color: #004831;
}
.title-balloon02::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(50% - 20px);
  width: 0;
  height: 0;
  border-width: 20px 20px 0 20px;
  border-style: solid;
  border-color: #c4d700 transparent transparent transparent;
  z-index: 1;
}
.title-balloon02.-small01 > .title > .inner {
  min-height: 38px;
  font-size: 1.6rem;
}
.title-balloon02.-green01 {
  background: #c6de78;
}
.title-balloon02.-green01::before {
  border-color: #c6de78 transparent transparent transparent;
}

.title-balloon03 {
  position: relative;
  margin-bottom: 40px;
  background: #e2efbc;
  border-radius: 9px;
  text-align: center;
}
.title-balloon03:not(:first-child) {
  margin-top: 18px;
}
.title-balloon03 > .inner {
  display: inline-block;
  position: relative;
  padding: 30px 136px;
}
.title-balloon03 > .inner > .title {
  text-align: center; 
  font-size: 2.4rem;
  font-weight: bold;
  color: #004831;
}
.title-balloon03 > .inner > .img {
  position: absolute;
  right: 0; 
  bottom: -25px;
}
section:not(:first-child) > .title-balloon03:first-child {
  margin-top: 48px;
}
.title-balloon03::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -21px;
  left: calc(50% - 25px);
  width: 0;
  height: 0;
  border-width: 25px 25px 0 25px;
  border-style: solid;
  border-color: #e2efbc transparent transparent transparent;
  z-index: 1;
}

.title-background01 > .inner {
  display: flex; 
  width: 100%;
  max-width: 1280px;
  margin: auto;
  padding: 0 40px;
}
.title-background01 > .inner > .body {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 354px;
}
.title-background01 > .inner > .body::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1112px;
  height: 354px;
  background: #f5f5f5 right center/auto 100% no-repeat;
  border-radius: 10px;
}
.title-background01 > .inner > .body > .text {
  position: relative;
  width: calc(9.4em + 60px);
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  font-size: 3.6rem;
  z-index: 1;
}
.title-background01 > .inner > .body > .text > .title {
  font-weight: bold;
}
.title-background01 > .inner > .body > .text > .lead {
  font-size: 1.6rem;
}
.title-background01 > .inner > .body > .text > .lead:not(:first-child),
.title-background01 > .inner > .body > .text > .lead > *:not(:first-child) {
  margin-top: 20px;
}

.title-background01.-wide01 > .inner > .body > .text {
  width: calc(15.4em + 60px);
}

.title-background01.-img01 > .inner > .body {
  position: relative;
}
.title-background01.-img01 > .inner > .body > .img {
  position: absolute;
  top: 0;
  right: 0;
  width: 1112px;
  overflow: hidden;
  border-radius: 10px;
  text-align: right;
}
.title-background01.-img01 > .inner > .body::before {
  content: none;
}

.title-background01.-low01 > .inner > .body > .text > .title > .inner.-small01 {
  font-size: 2.4rem;
}

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


normal Parts


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

Wrap

---------------------------------------------*/
.wrap-block01 {
  width: 100%;
  max-width: 800px; 
  margin: auto;
}
.wrap-block01:not(:first-child) {
  margin-top: 28px;
}
.wrap-block01.-narrow01 {
  max-width: 700px;
}
.wrap-block01.-narrow02 {
  max-width: 750px;
}
.wrap-block01.-wide01 {
  max-width: 815px;
}
.wrap-block01.-wide02 {
  max-width: 850px;
}
.wrap-block01.-wide03 {
  max-width: 880px;
}

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

Table

---------------------------------------------*/
.table-type01 {
  width: 100%;
  border-right: 1px solid #d5dedb; 
  border-bottom: 1px solid #d5dedb;

  table-layout: fixed;
}
.table-type01:not(:first-child) {
  margin-top: 28px;
}
.table-type01 a:not([class*="btn-type"]):hover {
  text-decoration: none;
}
.table-type01 > thead > tr > th {
  vertical-align: middle;
}
.table-type01 > thead > tr > th,
.table-type01 > thead > tr > td,
.table-type01 > tbody > tr > th,
.table-type01 > tbody > tr > td {
  padding: 18px;
  border-top: 1px solid #d5dedb;
  border-left: 1px solid #d5dedb;
}
.table-type01 > thead > tr > th.-green01,
.table-type01 > thead > tr > td.-green01,
.table-type01 > tbody > tr > th.-green01,
.table-type01 > tbody > tr > td.-green01 {
  background: #4d7f6f;
  color: #fff;
}
.table-type01 > thead > tr > th.-green01 a,
.table-type01 > thead > tr > td.-green01 a,
.table-type01 > tbody > tr > th.-green01 a,
.table-type01 > tbody > tr > td.-green01 a {
  color: #fff;
}
.table-type01 > thead > tr > th.-green02,
.table-type01 > thead > tr > td.-green02,
.table-type01 > tbody > tr > th.-green02,
.table-type01 > tbody > tr > td.-green02 {
  background: #f3f8f6;
  color: #141d1d;
}
.table-type01 > thead > tr > th.-green02 a,
.table-type01 > thead > tr > td.-green02 a,
.table-type01 > tbody > tr > th.-green02 a,
.table-type01 > tbody > tr > td.-green02 a {
  color: #004831;
}
.table-type01 > thead > tr > th.-green03,
.table-type01 > thead > tr > td.-green03,
.table-type01 > tbody > tr > th.-green03,
.table-type01 > tbody > tr > td.-green03 {
  background: #e2efbc;
  color: #004831;
}
.table-type01 > thead > tr > th.-green03 a,
.table-type01 > thead > tr > td.-green03 a,
.table-type01 > tbody > tr > th.-green03 a,
.table-type01 > tbody > tr > td.-green03 a {
  color: #004831;
}
.table-type01 > thead > tr > th,
.table-type01 > tbody > tr > th {
  background: #4d7f6f;
  font-weight: bold; 
  color: #fff;
}
.table-type01 > thead > tr > th a,
.table-type01 > tbody > tr > th a {
  color: #fff;
}
.table-type01 > thead > tr > td,
.table-type01 > tbody > tr > td {
  background: #fff;
}
.table-type01 > thead > tr.-noBorder01 > th,
.table-type01 > thead > tr.-noBorder01 > td,
.table-type01 > tbody > tr.-noBorder01 > th,
.table-type01 > tbody > tr.-noBorder01 > td {
  background: #fff;
  border-top: none;
}
.table-type01 > thead > tr.-noBorder01 > th:first-child,
.table-type01 > thead > tr.-noBorder01 > td:first-child,
.table-type01 > tbody > tr.-noBorder01 > th:first-child,
.table-type01 > tbody > tr.-noBorder01 > td:first-child {
  border-left: none;
}
.table-type01 > thead > tr.-noBorder01 > th:last-child,
.table-type01 > thead > tr.-noBorder01 > td:last-child,
.table-type01 > tbody > tr.-noBorder01 > th:last-child,
.table-type01 > tbody > tr.-noBorder01 > td:last-child {
  border-right: none;
}
.table-type01.-green01 > thead > tr > th,
.table-type01.-green01 > tbody > tr > th {
  background: #f3f8f6;
  color: #141d1d;
}
.table-type01.-green01 > thead > tr > th a,
.table-type01.-green01 > tbody > tr > th a {
  color: #004831;
}
.table-type01.-center > thead > tr > th,
.table-type01.-center > thead > tr > td,
.table-type01.-center > tbody > tr > th,
.table-type01.-center > tbody > tr > td {
  text-align: center;
}
.table-type01.-middle > thead > tr > th,
.table-type01.-middle > thead > tr > td,
.table-type01.-middle > tbody > tr > th,
.table-type01.-middle > tbody > tr > td {
  vertical-align: middle;
}

.table-detail01 {
  border: 1px solid #d5dedb;
}
.table-detail01:not(:first-child) {
  margin-top: 28px;
}
.table-detail01 > .item > .row {
  display: flex;
  width: 100%;
}
.table-detail01 > .item > .row.-bold01 {
  border: 2px solid #4d7f6f;
}
.table-detail01 > .item > .row > * {
  padding: 18px;
}
.table-detail01 > .item > .row > *:not(:first-child) {
  border-left: 1px solid #d5dedb;
}
.table-detail01 > .item > .row > .header {
  width: 30%;
  background: #4d7f6f;
  font-weight: bold; 
  color: #fff;
}
.table-detail01 > .item > .row > .header.-middle {
  display: flex;
  align-items: center;
}
.table-detail01 > .item > .row > .header a {
  color: #fff;
}
.table-detail01 > .item > .row > .data {
  width: 70%;
  background: #fff;
}
.table-detail01 > .item > .row > .data > *:not(:first-child) {
  margin-top: 18px;
}
.table-detail01 > .item > .row > .data > *:not(:first-child).list-notice01 {
  margin-top: 8px;
}
.table-detail01 > .item > .row > .header.-green01,
.table-detail01 > .item > .row > .data.-green01 {
  background: #4d7f6f;
  color: #fff;
}
.table-detail01 > .item > .row.-middle > .header,
.table-detail01 > .item > .row.-middle > .data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.table-detail01 > .item:not(:first-child) {
  border-top: 1px solid #d5dedb;
}
.table-detail01.-green01 > .item > .row > .header {
  background: #f3f8f6;
  color: #141d1d;
}
.table-detail01.-green01 > .item > .row > .header a {
  color: #004831;
}

.table-scroll01:not(:first-child) {
  margin-top: 28px;
}

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

Detail Block

---------------------------------------------*/
/* Detail List */
.detail-side01 {
  display: flex;
}
.detail-side01:not(:first-child) {
  margin-top: 16px;
}
.detail-side01 > .title {
  flex: 0 0 auto;
}
.detail-side01 > .detail {
  width: 100%;
}
.detail-side01 > .detail:not(:first-child) {
  margin-left: 8px;
}
.detail-side01.-colon > .title::after {
  content: "：";
}

.detail-list01:not(:first-child),
.detail-list02:not(:first-child),
.detail-list03:not(:first-child) {
  margin-top: 18px;
}

.detail-list01 > .title,
.detail-list02 > .title,
.detail-list03 > .title {
  font-weight: bold;
}
.detail-list01 > .title.-green01,
.detail-list02 > .title.-green01,
.detail-list03 > .title.-green01 {
  color: #004831;
}
.detail-list01 > .title.-large01,
.detail-list02 > .title.-large01,
.detail-list03 > .title.-large01 {
  font-size: 1.8rem;
}
.detail-list01 > .title.-large02,
.detail-list02 > .title.-large02,
.detail-list03 > .title.-large02 {
  font-size: 2.0rem;
}
.detail-list01 > .title.-large03,
.detail-list02 > .title.-large03,
.detail-list03 > .title.-large03 {
  font-size: 2.2rem;
}
.detail-list01 > .title.-large04,
.detail-list02 > .title.-large04,
.detail-list03 > .title.-large04 {
  font-size: 2.4rem;
}

.detail-list01 > .detail:not(:first-child),
.detail-list02 > .detail:not(:first-child),
.detail-list03 > .detail:not(:first-child) {
  margin-top: 8px;
}

.detail-list01.-wide01 > .detail:not(:first-child),
.-wide01.detail-list02 > .detail:not(:first-child),
.-wide01.detail-list03 > .detail:not(:first-child) {
  margin-top: 16px;
}

.detail-list01.-wide02 > .detail:not(:first-child),
.-wide02.detail-list02 > .detail:not(:first-child),
.-wide02.detail-list03 > .detail:not(:first-child) {
  margin-top: 18px;
}

.detail-list01.-wide03 > .detail:not(:first-child),
.-wide03.detail-list02 > .detail:not(:first-child),
.-wide03.detail-list03 > .detail:not(:first-child) {
  margin-top: 28px;
}

.detail-list01.-mark01 > .title,
.-mark01.detail-list02 > .title,
.-mark01.detail-list03 > .title,
.detail-list01.-mark02 > .title,
.-mark02.detail-list02 > .title,
.-mark02.detail-list03 > .title {
  display: flex;
}
.detail-list01.-mark01 > .title > .mark,
.-mark01.detail-list02 > .title > .mark,
.-mark01.detail-list03 > .title > .mark,
.detail-list01.-mark02 > .title > .mark,
.-mark02.detail-list02 > .title > .mark,
.-mark02.detail-list03 > .title > .mark {
  flex: 0 0 auto;
}
.detail-list01.-mark01 > .title > .inner,
.-mark01.detail-list02 > .title > .inner,
.-mark01.detail-list03 > .title > .inner,
.detail-list01.-mark02 > .title > .inner,
.-mark02.detail-list02 > .title > .inner,
.-mark02.detail-list03 > .title > .inner {
  margin-left: 8px;
}

.detail-list01.-mark01 > .title,
.-mark01.detail-list02 > .title,
.-mark01.detail-list03 > .title {
  display: flex;
}
.detail-list01.-mark01 > .title:not([class*="-large"]) > .inner,
.-mark01.detail-list02 > .title:not([class*="-large"]) > .inner,
.-mark01.detail-list03 > .title:not([class*="-large"]) > .inner {
  margin-top: .3em;
}
.detail-list01.-mark01 > .title.-large01 > .inner,
.-mark01.detail-list02 > .title.-large01 > .inner,
.-mark01.detail-list03 > .title.-large01 > .inner {
  margin-top: .1em;
}
.detail-list01.-mark01 > .title.-large03 > .mark,
.-mark01.detail-list02 > .title.-large03 > .mark,
.-mark01.detail-list03 > .title.-large03 > .mark {
  line-height: 1.3;
}
.detail-list01.-mark01 > .title.-large04 > .mark,
.-mark01.detail-list02 > .title.-large04 > .mark,
.-mark01.detail-list03 > .title.-large04 > .mark {
  line-height: 1.4;
}
.detail-list01.-mark01 > .title > .mark,
.-mark01.detail-list02 > .title > .mark,
.-mark01.detail-list03 > .title > .mark {
  line-height: 1;
}
.detail-list01.-mark01 > .title > .inner,
.-mark01.detail-list02 > .title > .inner,
.-mark01.detail-list03 > .title > .inner {
  flex: 1 1 auto;
  width: 100%;
}

.detail-list01.-mark02 > .title,
.-mark02.detail-list02 > .title,
.-mark02.detail-list03 > .title {
  justify-content: center; 
  align-items: center;
}
.detail-list01.-mark02 > .title > .mark,
.-mark02.detail-list02 > .title > .mark,
.-mark02.detail-list03 > .title > .mark {
  display: flex;
}

.detail-list02 > .title {
  text-align: center;
  font-family: "noto-sans"; 
  font-size: 1.8rem;
}
.detail-list02 > .title.-large01 {
  font-size: 2.4rem;
}

.detail-list03 > .title {
  font-size: 1.6rem; 
  font-weight: normal;
}

.detail-list04 > .title {
  text-align: center;
  font-size: 1.4rem;
  color: #788883;
}
.detail-list04 > .title.-green01 {
  color: #004831;
}
.detail-list04 > .title + .detail {
  margin-top: 8px;
}

.detail-list05 {
  display: flex;
  justify-content: center;
}
.detail-list05:not(:first-child) {
  margin-top: 18px;
}
.detail-list05 > .title {
  color: #788883;
}
.detail-list05 > .detail {
  flex: 0 0 auto;
  margin-left: 18px;
}

.detail-listLine01:not(:first-child) {
  margin-top: 16px;
}

.detail-listLine01 > .title {
  padding-bottom: 5px;
  border-bottom: 1px solid #d5dedb; 
  font-weight: bold;
}
.detail-listLine01 > .title a,
.detail-listLine01 > .title button {
  display: block;
  position: relative; 
  padding-right: 2em;
}
.detail-listLine01 > .title a::before,
.detail-listLine01 > .title button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}
.detail-listLine01 > .title a::after,
.detail-listLine01 > .title button::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 0;
  width: 1.375em;
  height: 1.375em;
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/cover no-repeat;
}

.detail-listLine01 > .detail {
  margin-top: 16px;
}

.detail-listLine02:not(:first-child) {
  margin-top: 16px;
}

.detail-listLine02 > .title {
  padding-bottom: 16px;
  border-bottom: 2px solid #c4d700; 
  font-weight: bold;
}
.detail-listLine02 > .title a,
.detail-listLine02 > .title button {
  display: block;
  position: relative; 
  padding-right: 2em;
}
.detail-listLine02 > .title a::before,
.detail-listLine02 > .title button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}
.detail-listLine02 > .title a::after,
.detail-listLine02 > .title button::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 0;
  width: 1.375em;
  height: 1.375em;
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/cover no-repeat;
}

.detail-listLine02 > .detail {
  margin-top: 16px;
}

.detail-listLine03:not(:first-child) {
  margin-top: 16px;
}

.detail-listLine03 > .title {
  padding-bottom: 12px;
  border-bottom: 2px solid #004831;
  text-align: center; 
  font-size: 2.0rem;
  font-weight: bold;
  color: #004831;
}

.detail-listLine03 > .detail {
  margin-top: 26px;
  font-size: 1.4rem;
  font-weight: bold; 
  color: #004831;
}

.detail-listLine04:not(:first-child) {
  margin-top: 40px;
}

.detail-listLine04 > .title {
  padding-bottom: 12px;
  border-bottom: 1px solid #d5dedb;
  text-align: center; 
  font-size: 2.0rem;
  font-weight: bold;
}

.detail-listLine04 > .detail {
  margin-top: 12px;
}

.detail-side02 {
  display: flex;
  justify-content: center; 
  align-items: center;
}
.detail-side02:not(:first-child) {
  margin-top: 16px;
}
.detail-side02 > * {
  max-width: 49%;
}
.detail-side02 > .title {
  text-align: right;
  font-size: 2.4rem;
  font-weight: bold;
}
.detail-side02 > .detail {
  margin-left: 2%;
}

.detail-text01 {
  display: inline;
  margin-right: 1em;
}
.detail-text01 > .title,
.detail-text01 > .detail {
  display: inline;
}
.detail-text01.-wide01 > .detail:not(:last-child) {
  margin-right: 5px;
}
.detail-text01.-colon > .title::after {
  content: "：";
}
.detail-text01.-colon > .title.-noMark::after {
  display: none;
}

.detail-block01 > .inner > .list > .title {
  font-size: 2.8rem;
  font-weight: bold; 
  color: #004831;
}

.detail-block01 > .inner > .list > .detail {
  position: relative;
}
.detail-block01 > .inner > .list > .detail > .character {
  position: absolute;
  right: 10px; 
  bottom: 28px;
}

.detail-block02 > .inner > .img {
  flex: 0 0 auto; 
  position: relative;
  width: 337px;
}
.detail-block02 > .inner > .img > .balloon {
  display: flex; 
  position: absolute;
  top: 44px;
  left: -44px;
}
.detail-block02 > .inner > .img > .balloon > .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 99px;
  min-height: 99px;
  background: #c5d800;
  border-radius: 50%;
  text-align: center; 
  font-size: 1.4rem;
  font-weight: bold;
  color: #004831;
}
.detail-block02 > .inner > .img > .balloon > .inner::after {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 24px;
  height: 24px;
  background: url("/aboutus/cmn/imgs/bg_balloon_01.png") 0 0/100% auto no-repeat; 
  z-index: 1;
}

.detail-listBox01 {
  text-align: center;
}
.detail-listBox01 > *:not(:first-child) {
  margin-top: 18px;
}
.detail-listBox01 > .detail {
  font-weight: bold;
  color: #004831;
}

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

Mark

---------------------------------------------*/
.mark-arrow01 {
  position: relative;
  margin-top: 16px;
  padding-top: 50px;
}
.mark-arrow01::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 30px);
  width: 0;
  height: 0;
  border-width: 30px 39px 0 39px;
  border-style: solid;
  border-color: #d5dedb transparent transparent transparent;
}

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

Img

---------------------------------------------*/
.img-border01 {
  border: 1px solid #d5dedb;
}

/* Img Block */
.img-block01,
.img-block02 {
  display: flex;
}
.img-block01:not(:first-child),
.img-block02:not(:first-child) {
  margin-top: 28px;
}
.img-block01 > .img,
.img-block02 > .img {
  flex: 0 0 auto;
  width: 384px;
}
.img-block01 > .text,
.img-block02 > .text {
  width: 100%;
}
.img-block01 > .text:first-child,
.img-block02 > .text:first-child {
  padding-right: 16px;
}
.img-block01 > .text:last-child,
.img-block02 > .text:last-child {
  padding-left: 16px;
}
.img-block01.-wide01 > .text:first-child,
.img-block02.-wide01 > .text:first-child {
  padding-right: 40px;
}
.img-block01.-wide01 > .text:last-child,
.img-block02.-wide01 > .text:last-child {
  padding-left: 40px;
}

.img-block01:not(:first-child) {
  margin-top: 28px;
}

.img-block03 {
  display: flex;
  justify-content: center; 
  align-items: flex-end;
}
.img-block03 > .img {
  flex: 0 0 auto;
}
.title-balloon01 .img-block03 > .text {
  padding-bottom: 45px;
}

/* Img Layer */
a.img-layer01 {
  display: block; 
  position: relative;
}
a.img-layer01::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}

.img-layer01 .inner {
  position: relative;
}
.img-layer01 .inner > .img img {
  width: 100%;
}
.img-layer01 .inner > .text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 66px;
  padding: 8px;
  background: rgba(0, 0, 0, .5);
  text-align: center; 
  color: #fff;
}

/* Bnr */
.bnr-shadow01 {
  display: block;
  overflow: hidden; 
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 18px rgba(81, 127, 111, .16);
}

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

lead

---------------------------------------------*/
.lead-block01:not(:first-child) {
  margin-top: 28px;
}

.lead-block01 > .inner > *:not(:first-child) {
  margin-top: 18px;
}

.lead-block01 > .inner > .img {
  text-align: center;
}

.lead-block01.-narrow01 > .inner {
  width: 100%;
  max-width: 750px;
  margin: auto;
}

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

Text

---------------------------------------------*/
.text-block01:not(:first-child),
.form-textBlock01:not(:first-child) {
  margin-top: 28px;
}

.text-block01 a:not([class*="btn-type"]):not([class*="icon-link"]):hover,
.form-textBlock01 a:not([class*="btn-type"]):not([class*="icon-link"]):hover,
.text-block01 ._link-btn:hover,
.form-textBlock01 ._link-btn:hover {
  text-decoration: none;
}

.text-data01 {
  text-align: right;
  font-size: 1.4rem;
}

.text-mark01 {
  background: linear-gradient(transparent 60%, #dce766 60%);
}
.text-mark01.-yellow01 {
  background: linear-gradient(transparent 60%, #f4f5a2 60%);
}
.text-mark01.-orange01 {
  background: linear-gradient(transparent 60%, #f5c700 60%);
}

.text-mark02 {
  display: flex;
}
.text-mark02 > .mark {
  display: block;
  flex: 0 0 auto;
  margin-top: -.05em;
  margin-right: 14px;
  text-align: right;
  line-height: 1;
  font-size: 2.8rem;
  font-weight: bold;
}
.text-mark02 > .mark.-num {
  min-width: 2em;
}
.text-mark02 > .mark.-green01 {
  color: #004831;
}
.text-mark02 > .mark.-green02 {
  color: #c4d700;
}
.text-mark02 > .detail {
  width: 100%;
}
.text-mark02.-center01 {
  align-items: center;
}

.text-num01 {
  display: flex;
}
.text-num01 > .mark {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  margin-right: 14px;
  background: #c4d700;
  border-radius: 50%;
  font-family: "roboto"; 
  font-weight: bold;
}
.text-num01 > .mark.-orange01 {
  background: #fa8200;
  color: #fff;
}
.text-num01 > .mark.-green01 {
  background: #004831;
  color: #fff;
}
.text-num01 > .mark.-small01 {
  width: 1.63em;
  height: 1.63em;
  margin: .35em 8px 0 0;
  line-height: 1;
  font-size: 1.1rem;
}
.text-num01 > .mark.-small01 + .text {
  margin-top: 0;
}
.text-num01 > .text {
  margin-top: .2em;
}

.text-num02 {
  display: flex;
}
.text-num02 > .mark {
  display: flex;
}
.text-num02 > .mark > .inner {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 1.63em;
  height: 1.63em;
  margin: .35em 8px 0 0;
  background: #c4d700;
  border-radius: 50%;
  line-height: 1;
  font-family: "roboto"; 
  font-size: 1.1rem;
  font-weight: bold;
}
.text-num02 > .mark > .inner.-orange01 {
  background: #fa8200;
  color: #fff;
}
.text-num02 > .mark > .inner.-green01 {
  background: #4d7f6f;
  color: #fff;
}
.text-num02 > .mark > .inner.-green02 {
  background: #004831;
  color: #fff;
}

.text-hooray01 {
  display: flex;
  justify-content: center; 
  text-align: center;
}
.text-hooray01 > .inner {
  position: relative;
  padding: 0 30px;
  font-weight: bold;
}
.text-hooray01 > .inner::before,
.text-hooray01 > .inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 12px;
  width: 23px;
  height: 2px;
  background: #141d1d;
  border-radius: 3px;
}
.text-hooray01 > .inner::before {
  left: 0; 

  transform: rotate(55deg);
}
.text-hooray01 > .inner::after {
  right: 0; 

  transform: rotate(-55deg);
}
.text-hooray01.-orange01 > .inner::before,
.text-hooray01.-orange01 > .inner::after {
  background: #ee7800;
}

.text-lead01 {
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
  color: #004831;
}
.text-lead01:not(:first-child) {
  margin-top: 28px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px; 
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
          clip-path: inset(50%);
  border: 0;

  -webkit-clip-path: inset(50%);
  white-space: nowrap;
}

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

Label

---------------------------------------------*/
.label-mark01 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding: 7px 16px;
  background: #c4d700;
  border-radius: 15px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: bold; 
  color: #004831;
}
.label-mark01.-num {
  font-size: 1.2rem;
}
.label-mark01.-num .num {
  font-size: 1.6rem;
}
.label-mark01.-green01 {
  background: #004831;
  color: #fff;
}
.label-mark01.-green02 {
  background: #e2efbc;
}
.label-mark01.-blue01 {
  background: #66b4ea;
  color: #fff;
}
.label-mark01.-orange01 {
  background: #fa8200;
  color: #fff;
}
.label-mark01.-white01 {
  background: #fff;
  border: 1px solid #141d1d;
  color: #141d1d;
}

.label-mark02 {
  display: inline-flex;
  justify-content: center;
  min-width: 7.71em;
  padding: 3px .3em;
  background: #f3f8f6;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #004831;
  /*new 211213*/
}
.label-mark02.-blue01 {
  background: #0082dc;
  color: #fff;
}
.label-mark02.-blue02 {
  background: #00b2b3;
  color: #fff;
}
.label-mark02.-pink01 {
  background: #e1457e;
  color: #fff;
}
.label-mark02.-purple01 {
  background: #7b5aa4;
  color: #fff;
}
.label-mark02.-orange01 {
  background: #fa8200;
  color: #fff;
}
.label-mark02.-green01 {
  background: #c4d700;
  color: #004831;
}
.label-mark02.-green02 {
  background: #017a4f;
  color: #fff;
}
.label-mark02.-green03 {
  background: #a0c81e;
  color: #fff;
}
.label-mark02.-orange01 {
  background: #fa8200;
  color: #fff;
}
.label-mark02.-green04 {
  background: #004831;
  color: #fff;
}
.label-mark02.-green05 {
  padding: 2px calc(.3em - 1px); 
  background: #fff;
  border: 1px solid #004831;
  color: #004831;
}
.label-mark02.-gray01 {
  background: #788883;
  color: #fff;
}
.label-mark02.-gray02 {
  background: #d5dedb;
  color: #788883;
}
.label-mark02.-red01 {
  background: #c83030;
  color: #fff;
}
.label-mark02.-red02 {
  padding: 2px calc(.3em - 1px); 
  background: #fff;
  border: 1px solid #c83030;
  color: #c83030;
}

/*20220601追加*/

.label-mark03 {
  display: inline-flex;
  justify-content: center;
  min-width: 4em;
  padding: 1.5px .1.5em;
  background: #f3f8f6;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #004831;
}

.label-mark03.-blue01 {
  background: #0082dc;
  color: #fff;
}
.label-mark03.-blue02 {
  background: #00b2b3;
  color: #fff;
}
.label-mark03.-pink01 {
  background: #e1457e;
  color: #fff;
}
.label-mark03.-purple01 {
  background: #7b5aa4;
  color: #fff;
}
.label-mark03.-orange01 {
  background: #fa8200;
  color: #fff;
}
.label-mark03.-green01 {
  background: #c4d700;
  color: #004831;
}
.label-mark03.-green02 {
  background: #017a4f;
  color: #fff;
}
.label-mark03.-green03 {
  background: #a0c81e;
  color: #fff;
}
.label-mark03.-orange01 {
  background: #fa8200;
  color: #fff;
}
.label-mark03.-green04 {
  background: #004831;
  color: #fff;
}
.label-mark03.-green05 {
  padding: 2px calc(.3em - 1px); 
  background: #fff;
  border: 1px solid #004831;
  color: #004831;
}
.label-mark03.-gray01 {
  background: #788883;
  color: #fff;
}
.label-mark03.-gray02 {
  background: #d5dedb;
  color: #788883;
}
.label-mark03.-red01 {
  background: #c83030;
  color: #fff;
}
.label-mark03.-red02 {
  padding: 2px calc(.3em - 1px); 
  background: #fff;
  border: 1px solid #c83030;
  color: #c83030;
}

/*20220601追加ここまで*/

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

Link

---------------------------------------------*/
a:not(.link-hoverImgNone) > img,
a:not(.link-hoverImgNone) > picture img {
  transition: opacity .3s ease-out;
}

a:not(.link-hoverImgNone) .link-hoverImg01 {
  transition: opacity .3s ease-out;
}

a:not(.link-hoverImgNone):hover > img,
a:not(.link-hoverImgNone):hover > picture img {
  opacity: .7;
}

a:not(.link-hoverImgNone).link-hoverImg01 img {
  transition: opacity .3s ease-out;
}

a:not(.link-hoverImgNone).link-hoverImg01:hover img {
  opacity: .7;
}

.link-text01 {
  text-align: center;
  font-size: 1.4rem; 
  font-weight: bold;
}
.link-text01:not(:first-child) {
  margin-top: 28px;
}

.link-img01 {
  display: inline-block;
}

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


Btn and Icon and Glyph Parts


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

Btn Wrap

---------------------------------------------*/
.btn-list01 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-list01:not(:first-child) {
  margin-top: 28px;
}
.btn-list01 > .item {
  width: 100%; 
  min-width: 0;
  max-width: 400px;
  text-align: center;
}
.btn-list01 > .item:not(:first-child) {
  margin-left: 24px;
}
.btn-list01 > .item:only-child {
  max-width: 100%;
}
.btn-list01.-row {
  flex-direction: column;
}
.btn-list01.-row > .item:not(:first-child) {
  margin: 28px 0 0 0;
}
.btn-list01.-left {
  justify-content: flex-start;
}
.btn-list01.-left > .item {
  max-width: 400px;
}
.btn-list01.-right {
  justify-content: flex-end;
}
.btn-list01.-right > .item {
  max-width: 400px;
}

.btn-list02 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn-list02:not(:first-child) {
  margin-top: 28px;
}
.btn-list02 > .item {
  max-width: 100%;
}
.btn-list02 > .item:not(:first-child) {
  margin-top: 16px;
}

.btn-wrap01 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-wrap01:not(:first-child) {
  margin-top: 28px;
}
.btn-wrap01 > .inner {
  width: 100%;
  min-width: 0;
  max-width: 100%; 
  text-align: center;
}
.btn-wrap01 > .inner > *:not(:first-child):not(:first-child) {
  margin-top: 16px;
}
.btn-wrap01.-left > .inner {
  align-items: flex-start;
}
.btn-wrap01.-right > .inner {
  align-items: flex-end;
}

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

Btn

---------------------------------------------*/
.btn-type01,
.btn-type02 {
  display: inline-flex;
  justify-content: center;
  position: relative;
  min-width: 140px;
  max-width: 100%;
  padding: 3px 15px;
  transition: background-color .3s ease-out; 
  background: #fff;
  border-radius: 3.65em;
  box-shadow: 0 0 4px 0 rgba(20, 29, 29, .05), 0 12px 14px 0 rgba(20, 29, 29, .08);
  text-decoration: none;
}
.btn-type01 > .inner,
.btn-type02 > .inner {
  display: flex;
  align-items: center;
  min-height: 42px;
  text-align: center;
  line-height: 1.1;
  font-weight: bold; 
  color: #004831;
}
.btn-type01:focus,
.btn-type02:focus {
  background: #e1eb80; 

  outline: none;
}
.btn-type01.-green01,
.-green01.btn-type02 {
  background: #004831;
  border: none;
  box-shadow: 0 12px 15px 0 rgba(81, 127, 111, .3);
}
.btn-type01.-green01 > .inner,
.-green01.btn-type02 > .inner {
  color: #fff;
}
.btn-type01.-green01:focus,
.-green01.btn-type02:focus {
  background: #628f18;
}
.btn-type01.-orange01,
.-orange01.btn-type02 {
  background: #fa8200;
  border: none;
  box-shadow: 0 12px 15px 0 rgba(193, 93, 0, .3);
}
.btn-type01.-orange01 > .inner,
.-orange01.btn-type02 > .inner {
  color: #fff;
}
.btn-type01.-orange01:focus,
.-orange01.btn-type02:focus {
  background: #dfac00;
}
.btn-type01:disabled,
.btn-type02:disabled,
.btn-type01[aria-disabled="true"],
.btn-type02[aria-disabled="true"] {
  background: #d5dedb;
  border: none;
  cursor: default; 

  pointer-events: none;
}
.btn-type01:disabled > .inner,
.btn-type02:disabled > .inner,
.btn-type01[aria-disabled="true"] > .inner,
.btn-type02[aria-disabled="true"] > .inner {
  color: #788883;
}
.btn-type01:disabled,
.btn-type02:disabled,
.btn-type01[aria-disabled="true"],
.btn-type02[aria-disabled="true"],
.btn-type01.-noShadow,
.-noShadow.btn-type02 {
  border: 1px solid #d5dedb;
  box-shadow: none;
}
.btn-type01.-small01,
.-small01.btn-type02 {
  width: 100%; 
  min-width: inherit;
}
.btn-type01.-small01 > .inner,
.-small01.btn-type02 > .inner {
  min-height: 18px;
  font-size: 1.2rem;
}
.btn-type01.-medium01,
.-medium01.btn-type02 {
  width: 200px;
}
.btn-type01.-medium02,
.-medium02.btn-type02 {
  width: 300px;
}
.btn-type01.-large01,
.-large01.btn-type02 {
  width: 400px;
}

.btn-type02 {
  background: #fff;
  border: 1px solid #004831;
  border-radius: 3px;
  box-shadow: none;
}
.btn-type02:focus {
  background: #e1eb80; 

  outline: none;
}

.btn-type03 {
  display: flex;
  position: relative; 
  padding: 5px 17px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 7px 35px rgba(172, 177, 175, .16);
  text-decoration: none;
}
.btn-type03::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}
.btn-type03 > .inner {
  display: flex;
  align-items: center;
  min-height: 54px;
  font-weight: bold;
}

.btn-typeBnr01 {
  display: flex;
  width: 644px;
  max-width: 100%;
  margin: auto; 
  transition: background-color .3s ease-out;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 4px rgba(20, 29, 29, .05), 0 6px 8px rgba(20, 29, 29, .08);
  text-decoration: none;
}
.btn-typeBnr01 > .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px; 
  padding: 10px;
}
.btn-typeBnr01 > .inner > *:not(:first-child) {
  margin-left: 30px;
}
.btn-typeBnr01 > .inner > .img {
  flex: 0 0 auto;
}
.btn-typeBnr01 > .inner > .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden; 
  text-align: left;
  line-height: 1.2;
}
.btn-typeBnr01 > .inner > .text > *:not(:first-child) {
  margin-top: 4px;
}
.btn-typeBnr01 > .inner > .text > .title {
  font-weight: bold;
  color: #004831;
}
.btn-typeBnr01 > .inner > .text > .detail {
  color: #141d1d;
}

.btn-bnrLogo01 {
  display: flex;
  justify-content: center;
  position: relative; 
  border: 1px solid #d5dedb;
  border-radius: 4px;
}
.btn-bnrLogo01::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}
.btn-bnrLogo01 > .inner {
  display: flex;
  align-items: center;
  min-height: 65px;
  padding: 5px;
}

.btn-list01.-spColumn.-narrow01 > .item {
  width: calc((100% - 16px) / 2);
}
.btn-list01.-spColumn.-narrow01 > .item:not(:first-child) {
  margin-left: 16px;
}

.btn-text01 {
  display: block;
  text-decoration: none;
}
.btn-text01 > .inner {
  font-weight: bold;
}

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

Glyph

---------------------------------------------*/
[class*="glyph-"] {
  position: relative;
}
[class*="glyph-"] > .inner {
  position: relative;
  padding-left: 2.25em;
}
[class*="glyph-"] > .inner::before {
  content: "";
  display: block;
  position: absolute;
  top: .1em;
  left: 0;
  width: 1.375em;
  height: 1.375em;
}
[class*="glyph-"]:not([class*="btn-type"]):not(.card-tile01) > .inner {
  display: inline-block;
}
[class*="glyph-"][class*="btn-type"] {
  padding-right: 2.25em; 
  padding-left: 2.25em;
}
[class*="glyph-"][class*="btn-type"] > .inner {
  position: static; 
  padding: 0;
}
[class*="glyph-"][class*="btn-type"] > .inner::before {
  top: calc(50% - (1.375em / 2)); 
  left: 1em;
}
[class*="glyph-"].btn-type01.-small01,
.btn-type02[class*="glyph-"].-small01 {
  padding-right: 1em; 
  padding-left: 1em;
}
[class*="glyph-"].btn-type01.-small01 > .inner::before,
.btn-type02[class*="glyph-"].-small01 > .inner::before {
  left: .3em;
}
[class*="glyph-"].card-tile01 > .inner {
  padding-left: 0;
}
[class*="glyph-"].card-tile01 > .inner::before {
  position: relative;
  top: auto;
  left: auto;
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
}

.glyph-link01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/100% auto no-repeat;
}

.glyph-link01.-bottom > .inner::before {
  transform: rotate(90deg);
}

.glyph-link01.-left > .inner::before {
  transform: rotate(180deg);
}

.glyph-link01.-top > .inner::before {
  transform: rotate(-90deg);
}

.glyph-arrow01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_arrow_top_01.svg") 0 0/100% auto no-repeat;
}

.glyph-arrow01 > .inner::before {
  transform: rotate(90deg);
}

.glyph-arrow01.-bottom > .inner::before {
  transform: rotate(180deg);
}

.glyph-arrow01.-left > .inner::before {
  transform: rotate(270deg);
}

.glyph-arrow01.-top > .inner::before {
  transform: rotate(0deg);
}

.glyph-check01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_check_01.svg") 0 0/100% auto no-repeat;
}

.glyph-light01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_light_01.svg") 0 0/100% auto no-repeat;
}

.glyph-attention01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_attention_01.svg") 0 0/100% auto no-repeat;
}

.glyph-square01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_square_01.svg") 0 0/100% auto no-repeat;
}

.glyph-coin01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_coin_01.svg") 0 0/100% auto no-repeat;
}

.glyph-coin02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_coin_02.svg") 0 0/100% auto no-repeat;
}

.glyph-coin03 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_coin_03.svg") 0 0/100% auto no-repeat;
}

.glyph-memo01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_memo_01.svg") 0 0/100% auto no-repeat;
}

.glyph-calendar01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_calendar_01.svg") 0 0/100% auto no-repeat;
}

.glyph-faq01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_faq_01.svg") 0 0/100% auto no-repeat;
}

.glyph-balloon01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_balloon_01.svg") 0 0/100% auto no-repeat;
}

.glyph-map01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_map_01.svg") 0 0/100% auto no-repeat;
}

.glyph-device01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_device_01.svg") 0 0/100% auto no-repeat;
}

.glyph-debit01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_debit_01.svg") 0 0/100% auto no-repeat;
}

.glyph-credit01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_credit_01.svg") 0 0/100% auto no-repeat;
}

.glyph-bankbook01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bankbook_01.svg") 0 0/100% auto no-repeat;
}

.glyph-graph01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_graph_01.svg") 0 0/100% auto no-repeat;
}

.glyph-graph02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_graph_02.svg") 0 0/100% auto no-repeat;
}

.glyph-graphPercent01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_graph_percent_01.svg") 0 0/100% auto no-repeat;
}

.glyph-homeCoin01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_home_coin_01.svg") 0 0/100% auto no-repeat;
}

.glyph-bankbookClock01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bankbook_clock_01.svg") 0 0/100% auto no-repeat;
}

.glyph-close01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_close_01.svg") 0 0/100% auto no-repeat;
}

.glyph-gift01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_gift_01.svg") 0 0/100% auto no-repeat;
}

.glyph-circleEn01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-circleEn01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_yen_02.svg") 0 0/100% auto no-repeat;
}

.glyph-circleEn01.-green01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_yen_03.svg") 0 0/100% auto no-repeat;
}

.glyph-circleEn01.-green02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_yen_04.svg") 0 0/100% auto no-repeat;
}

.glyph-circleEn01.-green03 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_yen_05.svg") 0 0/100% auto no-repeat;
}

.glyph-circleFree01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_free_01.svg") 0 0/100% auto no-repeat;
}

.glyph-circleFree01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_free_02.svg") 0 0/100% auto no-repeat;
}

.glyph-circlePoint01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_point_01.svg") 0 0/100% auto no-repeat;
}

.glyph-circlePoint01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_point_02.svg") 0 0/100% auto no-repeat;
}

.glyph-crown01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_crown_01.svg") 0 0/100% auto no-repeat;
}

.glyph-crown01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_crown_02.svg") 0 0/100% auto no-repeat;
}

.glyph-air01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_air_01.svg") 0 0/100% auto no-repeat;
}

.glyph-air01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_air_02.svg") 0 0/100% auto no-repeat;
}

.glyph-handEn01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_hand_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-handEn01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_hand_yen_02.svg") 0 0/100% auto no-repeat;
}

.glyph-plusPerson01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_plus_person_01.svg") 0 0/100% auto no-repeat;
}

.glyph-plusPerson01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_plus_person_02.svg") 0 0/100% auto no-repeat;
}

.glyph-card01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_card_01.svg") 0 0/100% auto no-repeat;
}

.glyph-card01.-gray01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_card_02.svg") 0 0/100% auto no-repeat;
}

.glyph-mail01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_mail_01.svg") 0 0/100% auto no-repeat;
}

.glyph-shop01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_shop_01.svg") 0 0/100% auto no-repeat;
}

.glyph-time01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_time_01.svg") 0 0/100% auto no-repeat;
}

.glyph-handLeaf01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_hand_leaf_01.svg") 0 0/100% auto no-repeat;
}

.glyph-blockLeaf01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_block_leaf_01.svg") 0 0/100% auto no-repeat;
}

.glyph-heartPerson01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_heart_person_01.svg") 0 0/100% auto no-repeat;
}

.glyph-pen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_pen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-blockDoll01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_block_doll_01.svg") 0 0/100% auto no-repeat;
}

.glyph-blockGraph01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_block_graph_01.svg") 0 0/100% auto no-repeat;
}

.glyph-info01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_info_01.svg") 0 0/100% auto no-repeat;
}

.glyph-beginner01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_beginner_01.svg") 0 0/100% auto no-repeat;
}

.glyph-password01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_password_01.svg") 0 0/100% auto no-repeat;
}

.glyph-tel01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_tel_01.svg") 0 0/100% auto no-repeat;
}

.glyph-tel01 > .inner {
  padding-left: 1.5em;
}

.glyph-tel01.-orange01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_tel_02.svg") 0 0/100% auto no-repeat;
}

.glyph-tel01.-white01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_tel_03.svg") 0 0/100% auto no-repeat;
}

.glyph-arrowEn01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_arrow_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-atm01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_atm_01.svg") 0 0/100% auto no-repeat;
}

.glyph-bankbookPercent01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bankbook_percent_01.svg") 0 0/100% auto no-repeat;
}

.glyph-bankbookPercent02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bankbook_percent_02.svg") 0 0/100% auto no-repeat;
}

.glyph-bankbookQuestion01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bankbook_question_01.svg") 0 0/100% auto no-repeat;
}

.glyph-billPercent01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bill_percent_01.svg") 0 0/100% auto no-repeat;
}

.glyph-cycleDoll01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_cycle_doll_01.svg") 0 0/100% auto no-repeat;
}

.glyph-cycleEn01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_cycle_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-cycleGraphEn01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_cycle_graph_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-device02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_device_02.svg") 0 0/100% auto no-repeat;
}

.glyph-homePercent01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_home_percent_01.svg") 0 0/100% auto no-repeat;
}

.glyph-lockQuestion01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_lock_question_01.svg") 0 0/100% auto no-repeat;
}

.glyph-mail02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_mail_02.svg") 0 0/100% auto no-repeat;
}

.glyph-memo02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_memo_02.svg") 0 0/100% auto no-repeat;
}

.glyph-pcAttention01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_pc_attention_01.svg") 0 0/100% auto no-repeat;
}

.glyph-deviceBankbook01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_device_bankbook_01.svg") 0 0/100% auto no-repeat;
}

.glyph-pcCheckCrown01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_pc_check_crown_01.svg") 0 0/100% auto no-repeat;
}

.glyph-pcEn01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_pc_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-pcSecurity01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_pc_security_01.svg") 0 0/100% auto no-repeat;
}

.glyph-pcVirus01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_pc_virus_01.svg") 0 0/100% auto no-repeat;
}

.glyph-personArrow_en01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_person_arrow_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-personBouquet01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_person_bouquet_01.svg") 0 0/100% auto no-repeat;
}

.glyph-piggyEn01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_piggy_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-piggyPoint01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_piggy_point_01.svg") 0 0/100% auto no-repeat;
}

.glyph-scamBankbook01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_scam_bankbook_01.svg") 0 0/100% auto no-repeat;
}

.glyph-scamTel01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_scam_tel_01.svg") 0 0/100% auto no-repeat;
}

.glyph-telBalloon01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_tel_balloon_01.svg") 0 0/100% auto no-repeat;
}

.glyph-telMap01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_tel_map_01.svg") 0 0/100% auto no-repeat;
}

.glyph-writingUtensils01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_writing_utensils_01.svg") 0 0/100% auto no-repeat;
}

.glyph-map02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_map_02.svg") 0 0/100% auto no-repeat;
}

.glyph-circleDoll01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_doll_01.svg") 0 0/100% auto no-repeat;
}

.glyph-circleDoll01.-green01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_doll_02.svg") 0 0/100% auto no-repeat;
}

.glyph-circleDoll01.-green02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_circle_doll_03.svg") 0 0/100% auto no-repeat;
}

.glyph-pcCard01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_pc_card_01.svg") 0 0/100% auto no-repeat;
}

.glyph-apartmentYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_apartment_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-bankbookYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bankbook_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-bagYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_bag_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-carYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_car_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-homeArrowYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_home_arrow_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-stethoscopeYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_stethoscope_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-schoolYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_school_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-people01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_people_01.svg") 0 0/100% auto no-repeat;
}

.glyph-peopleGenealogy01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_people_genealogy_01.svg") 0 0/100% auto no-repeat;
}

.glyph-peopleCoin01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_people_coin_01.svg") 0 0/100% auto no-repeat;
}

.glyph-peopleCoin02 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_people_coin_02.svg") 0 0/100% auto no-repeat;
}

.glyph-personCounter01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_person_counter_01.svg") 0 0/100% auto no-repeat;
}

.glyph-id01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_id_01.svg") 0 0/100% auto no-repeat;
}

.glyph-memoYen01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_memo_yen_01.svg") 0 0/100% auto no-repeat;
}

.glyph-memo03 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_memo_03.svg") 0 0/100% auto no-repeat;
}

.glyph-book01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_book_01.svg") 0 0/100% auto no-repeat;
}

.glyph-search01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_search_01.svg") 0 0/100% auto no-repeat;
}

.glyph-coinPlus01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_coin_plus_01.svg") 0 0/100% auto no-repeat;
}

.glyph-coinDivide01 > .inner::before {
  background: url("/aboutus/cmn/imgs/ico_coin_divide_01.svg") 0 0/100% auto no-repeat;
}

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

Icon

---------------------------------------------*/
.mark-wrap01 {
  display: flex;
  align-items: center;
}
.mark-wrap01 > .icon {
  display: flex;
  flex: 0 0 auto;
}
.mark-wrap01 > .icon:not(:first-child) {
  margin-left: 8px;
}

[class*="icon-"][class*="btn-type"] {
  position: relative;
}
[class*="icon-"][class*="btn-type"] > .inner {
  position: static; 
  padding-right: 2.25em;
  padding-left: 2.25em;
}
[class*="icon-"][class*="btn-type"] > .inner::after,
[class*="icon-"][class*="btn-type"] > .inner .item {
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 1em; 
  left: auto;
}
[class*="icon-"][class*="btn-type"].icon-pdf01 > .inner {
  padding-right: 2.75em; 
  padding-left: 2.75em;
}

.icon-blank01,
.icon-question01,
.icon-pdf01 {
  position: relative;
}
.icon-blank01 > .inner,
.icon-question01 > .inner,
.icon-pdf01 > .inner {
  vertical-align: middle;
}
.icon-blank01 > .inner > .item,
.icon-question01 > .inner > .item,
.icon-pdf01 > .inner > .item {
  margin-left: 8px;
  line-height: 1;
}
[class*="text-block"] .icon-blank01 > .inner,
[class*="text-block"]
  .icon-question01 > .inner,
[class*="text-block"]
  .icon-pdf01 > .inner {
  vertical-align: text-top;
}
[class*="text-block"] .icon-blank01 > .inner > .item,
[class*="text-block"]
    .icon-question01 > .inner > .item,
[class*="text-block"]
    .icon-pdf01 > .inner > .item {
  margin-right: 8px;
}

.icon-blank01 {
  position: relative;
}
.icon-blank01 > .inner {
  vertical-align: middle;
}
.icon-blank01 > .inner > .item {
  width: 1.375em;
  height: 1.375em; 
  margin-bottom: .15em;
}

.icon-pdf01 > .inner > .item {
  width: 2.5em;
  height: 1.25em;
}

.icon-question01:not([class*="text-block"]) .icon-question01 {
  display: block;
}

.icon-question01 > .inner {
  display: block;
  line-height: 1;
}
.icon-question01 > .inner > .item:only-child {
  width: 20px;
  height: 20px; 
  margin-left: 0;
}

.icon-link01 {
  position: relative;
}
.icon-link01 > .inner {
  position: relative;
  /*vertical-align: middle;*/
}
.icon-link01 > .inner::after {
  content: "";
  display: inline-block;
  position: relative;
  top: .25em;
  left: 8px;
  width: 1.375em;
  height: 1.375em;
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/cover no-repeat;
}
.icon-link01.-bottom > .inner::after {
  position: absolute;

  transform: rotate(90deg);
}
.icon-link01.-bottom:not([class*="btn-type"]) > .inner::after {
  top: .20em;
  left: 0;
}
.icon-link01.-left > .inner::after {
  transform: rotate(180deg);
}
.icon-link01.-top > .inner::after {
  transform: rotate(-90deg);
}
.icon-link01:not([class*="btn-type"]):not(.card-tile02):not(.card-tile04) > .inner {
  display: inline;
}
.icon-link01.-bottom:not([class*="btn-type"]):not(.card-tile02):not(.card-tile04) > .inner {
  display: inline-block;
  padding-left: 22px;
}
a.icon-link01:not([class*="btn-type"]):not([class*="card-tile"]) {
  text-decoration: none;
}
a.icon-link01:not([class*="btn-type"]):not([class*="card-tile"]):hover {
  text-decoration: underline;
}
.icon-link01:not([class*="btn-type"]):not([class*="card-tile"])._link-btn {
  text-decoration: none;
}
.icon-link01:not([class*="btn-type"]):not([class*="card-tile"])._link-btn:hover {
  text-decoration: underline;
}
.icon-link01._link-btn {
  text-align: left;
}
.icon-link01.card-tile02 > .inner {
  position: static;
}
.icon-link01.card-tile02 > .inner::after {
  position: absolute;
}
.icon-link01.card-tile02.-top {
  padding-top: 50px;
}
.icon-link01.card-tile02.-top > .inner::after {
  top: 18px;
  left: calc(50% - (1.375em / 2));
}
.icon-link01.card-tile02.-bottom {
  padding-bottom: 50px;
}
.icon-link01.card-tile02.-bottom > .inner::after {
  top: auto;
  bottom: 18px;
  left: calc(50% - (1.375em / 2));
}
.icon-link01.card-tile04 > .inner::after {
  position: absolute;
}
.icon-link01.card-tile04.-right > .inner {
  padding-right: calc(1.375em + 3px);
}
.icon-link01.card-tile04.-right > .inner::after {
  top: calc(50% - (1.375em / 2));
  right: 0;
  left: auto;
}

.icon-link02 {
  position: relative;
  padding-right: 16px;
}
.icon-link02 > .inner::after {
  content: "";
  content: "";
  display: block;
  display: block;
  position: absolute;
  position: absolute;
  top: calc(50% - (3px / 2));
  right: 0;
  width: 0;
  height: 0;
  border-width: 3px 3px 0 3px;
  border-style: solid;
  border-color: #004831 transparent transparent transparent;
}
.icon-link02[class*="btn-type"] > .inner::after {
  top: calc(50% - (3px / 2));
}

[class*="glyph-"].-series > .inner {
  display: flex;
  padding: 15px 0 0 0;
}
[class*="glyph-"].-series > .inner::before {
  top: 0;
  left: calc(50% - 7px);
  width: 15px;
  height: 15px;
}

/*--------------------------------------------
Glyph CUSTOMISE
---------------------------------------------*/
.title-heading02 > .title[class*="glyph-"] > .inner::before {
  top: 0;
}

[class*="card-normal"] > .inner > .header > .title[class*="glyph-"] > .inner {
  padding-left: 1.8em;
}
[class*="card-normal"] > .inner > .header > .title[class*="glyph-"] > .inner::before {
  top: .2em; 
  width: 1.1em;
  height: 1.1em;
}

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


Form Parts


---------------------------------------------*/
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
          appearance: none;
  background: none; 
  border: none;

  -webkit-appearance: none;
     -moz-appearance: none;
}

input::-ms-clear {
  visibility: hidden;
}

select::-ms-expand {
  display: none;
}

.form-field01:not(:first-child) {
  margin-top: 28px;
}

.form-block01 > .title {
  display: flex;
}
.form-block01 > .title > *:not(:first-child) {
  margin-left: 8px;
}
.form-block01 > .title > .inner {
  font-weight: bold;
}

.form-block01 > .detail {
  margin-top: 16px;
}

.form-list01 > .item:not(:first-child) {
  margin-top: 16px;
}

.form-list02 {
  display: flex;
  flex-wrap: wrap; 
  margin-top: -16px;
}
.form-list02 > .item {
  margin: 16px 24px 0 0;
}

.form-wrap01 {
  display: flex;
  align-items: center;
}
.form-wrap01 > *:not(:last-child) {
  margin-right: 8px;
}
.form-wrap01 > input[type="text"],
.form-wrap01 > select {
  width: 100%;
}
.form-wrap01 > .unit {
  flex: 0 0 auto;
}

.form-wrap02 {
  display: inline-block; 
  margin-top: -8px;
}
.form-wrap02 > * {
  display: inline-block;
  margin-top: 8px;
  vertical-align: middle;
}
.form-wrap02 > *:not(:first-child) {
  margin-right: 8px;
}
.form-wrap02 > * > .unit {
  line-height: 1;
}

.form-column01 {
  display: flex; 
  margin-top: -8px;
}
.form-column01 > * {
  margin-top: 8px;
}
.form-column01 > *:not(:last-child) {
  margin-right: 8px;
}

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

Check

---------------------------------------------*/
.form-check01,
.form-radio01 {
  display: inline-block; 
  position: relative;
}
.form-check01 > .check,
.form-check01 > .radio,
.form-radio01 > .check,
.form-radio01 > .radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px; 

  opacity: 0;
}
.form-check01 > .check + *,
.form-check01 > .radio + *,
.form-radio01 > .check + *,
.form-radio01 > .radio + * {
  display: inline-block;
  position: relative;
  min-height: 2em; 
  padding: .2em 0 .2em 2.5em;
}
.form-check01 > .check + *::before,
.form-check01 > .check + *::after,
.form-check01 > .radio + *::before,
.form-check01 > .radio + *::after,
.form-radio01 > .check + *::before,
.form-radio01 > .check + *::after,
.form-radio01 > .radio + *::before,
.form-radio01 > .radio + *::after {
  content: "";
  display: block;
  position: absolute;
}
.form-check01 > .check + *::before,
.form-check01 > .radio + *::before,
.form-radio01 > .check + *::before,
.form-radio01 > .radio + *::before {
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  background: #fff;
}
.form-check01 > .check + *::after,
.form-check01 > .radio + *::after,
.form-radio01 > .check + *::after,
.form-radio01 > .radio + *::after {
  transition: all .3s ease-out;
}
.form-check01 > .check + * > .column,
.form-check01 > .radio + * > .column,
.form-radio01 > .check + * > .column,
.form-radio01 > .radio + * > .column {
  display: flex;
  align-items: center;
}
.form-check01 > .check + * > .column > .btn,
.form-check01 > .radio + * > .column > .btn,
.form-radio01 > .check + * > .column > .btn,
.form-radio01 > .radio + * > .column > .btn {
  flex: 0 0 auto;
  margin-top: -.2em;
  margin-left: 5px;
}
.form-check01 > .check:disabled + *,
.form-check01 > .radio:disabled + *,
.form-radio01 > .check:disabled + *,
.form-radio01 > .radio:disabled + * {
  cursor: default;
}
.form-check01 > .check:disabled + * *,
.form-check01 > .radio:disabled + * *,
.form-radio01 > .check:disabled + * *,
.form-radio01 > .radio:disabled + * * {
  cursor: default;
}
.form-check01 > .check:disabled + *::before,
.form-check01 > .radio:disabled + *::before,
.form-radio01 > .check:disabled + *::before,
.form-radio01 > .radio:disabled + *::before {
  background: #d5dedb;
  border-color: #d5dedb;
}
.form-check01 > .check.-error01 + *,
.form-check01 > .radio.-error01 + *,
.form-radio01 > .check.-error01 + *,
.form-radio01 > .radio.-error01 + * {
  color: #c83030;
}
.form-check01 > .check.-error01 + *::before,
.form-check01 > .radio.-error01 + *::before,
.form-radio01 > .check.-error01 + *::before,
.form-radio01 > .radio.-error01 + *::before {
  background: #ee7800;
  border-color: #c83030;
}
.form-check01 > .check:focus + *::before,
.form-check01 > .radio:focus + *::before,
.form-radio01 > .check:focus + *::before,
.form-radio01 > .radio:focus + *::before {
  border: 2px solid #c4d700;
}

.form-check01 > .check + *::before {
  background: #fff;
  border: 1px solid #f2f4f3;
  border-radius: 4px;
}

.form-check01 > .check + *::after {
  top: .6em;
  left: .5em;
  width: 1em;
  height: .5em;
  border-bottom: 3px solid #ebebeb;
  border-left: 3px solid #ebebeb;

  transform: rotate(-45deg);
}

.form-check01 > .check:checked + *::before,
.form-check01 > .check.-checked + *::before {
  background: #004831;
  border-color: #004831;
}

.form-check01 > .check:checked + *::after,
.form-check01 > .check.-checked + *::after {
  border-bottom-color: #fff; 
  border-left-color: #fff;
}

.form-check01 > .check:disabled + *::after {
  border-bottom-color: #f5f5f5; 
  border-left-color: #f5f5f5;
}

.form-check01 > .check.-error01 + * {
  color: #c83030;
}
.form-check01 > .check.-error01 + *::before {
  background: #ee7800;
  border-color: #c83030;
}

.form-check01 > .check.-error01:checked + *::after {
  border-bottom-color: #c83030; 
  border-left-color: #c83030;
}

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

Radio

---------------------------------------------*/
.form-radio01 > .radio + *::before {
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  background: #fff;
  border: 1px solid #d5dedb;
  border-radius: 50%;
}

.form-radio01 > .radio + *::after {
  top: calc((2em - 1.25em) / 2);
  left: calc((2em - 1.25em) / 2);
  width: 1.25em;
  height: 1.25em;
  border-radius: 50%;
}

.form-radio01 > .radio:checked + *::after {
  background: #004831;
}

.form-radio01 > .radio:disabled::before {
  background: #d5dedb;
  border-color: #d5dedb;
}

.form-radio01 > .radio:disabled::after {
  background: #d5dedb;
}

.form-radio01.-error01:checked + *::after {
  background: #c83030;
}

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

Text,TextArea

---------------------------------------------*/
.form-text01,
.form-select01 > .select {
  width: 100%;
  min-width: 0; 
  padding: 10px 16px 7px;
  background: #f9f9f9;
  border: 1px solid #d5dedb;
  border-radius: 4px;
  color: #141d1d;
}
.form-text01.-error01,
.form-select01 > .-error01.select {
  background: #ee7800;
  border: 1px solid #c83030;
  color: #c83030;
}
.form-text01.-error01::placeholder,
.form-select01 > .-error01.select::placeholder {
  color: #c83030;
}
.form-text01.-error01::-webkit-input-placeholder,
.form-select01 > .-error01.select::-webkit-input-placeholder {
  color: #c83030;
}
.form-text01.-error01::-moz-placeholder,
.form-select01 > .-error01.select::-moz-placeholder {
  color: #c83030;
}
.form-text01.-error01:-ms-input-placeholder,
.form-select01 > .-error01.select:-ms-input-placeholder {
  color: #c83030;
}
.form-text01.-error01::-ms-input-placeholder,
.form-select01 > .-error01.select::-ms-input-placeholder {
  color: #c83030;
}
.form-text01::placeholder,
.form-select01 > .select::placeholder {
  color: #788883;
}
.form-text01::-webkit-input-placeholder,
.form-select01 > .select::-webkit-input-placeholder {
  color: #788883;
}
.form-text01::-moz-placeholder,
.form-select01 > .select::-moz-placeholder {
  color: #788883;
}
.form-text01:-ms-input-placeholder,
.form-select01 > .select:-ms-input-placeholder {
  color: #788883;
}
.form-text01::-ms-input-placeholder,
.form-select01 > .select::-ms-input-placeholder {
  color: #788883;
}
.form-text01:disabled,
.form-select01 > .select:disabled,
.form-text01.-disabled,
.form-select01 > .-disabled.select {
  background: #d5dedb;
}

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

Select

---------------------------------------------*/
.form-select01 {
  display: inline-block; 
  position: relative;
}
.form-select01.-block01 {
  display: block;
}
.form-select01::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-top: 8px solid #004831;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;

  pointer-events: none;
}
.form-select01 > .select {
  padding-right: 50px;
}
_:lang(x) + _:-webkit-full-screen-document,
.form-select01 > .select {
  -webkit-rtl-ordering: visual;
}

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

Text

---------------------------------------------*/
.label-required01,
.label-any01 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.7em;
  padding: 3px;
  border-radius: 4px;
  text-align: center;
  line-height: 1;
  font-size: 1.2rem;
  color: #fff;
}

.label-required01 {
  background: #c83030;
}

.label-any01 {
  background: #788883;
}

.form-textBlock01 {
  font-size: 1.4rem;
}
.form-textBlock01:not(:first-child) {
  margin-top: 8px;
}

.form-error01 {
  margin-top: 8px;
  font-size: 1.4rem; 
  color: #c83030;
}
.form-error01.glyph-attention01 > .inner {
  padding-left: 1.7em;
}
.form-error01.glyph-attention01 > .inner::before {
  top: .1em;
}

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


Function Parts


---------------------------------------------*/
[aria-hidden="true"]:not(.aria-show01) {
  display: none;
}

/*--------------------------------------------
Modal
---------------------------------------------*/
.modal-wrap {
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 10;
}
.modal-wrap[aria-hidden="false"] {
  display: flex;
}

.modal-block01,
.modal-block02 {
  display: flex;
  position: relative;
  width: 600px;
  max-height: calc(100% - 80px);
  overflow: hidden; 
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 14px 40px 0 rgba(20, 29, 29, .16);
}
.modal-block01 > .inner,
.modal-block02 > .inner {
  width: 100%;
  max-height: calc(100vh - 80px);

  overflow-y: auto;
}
.modal-block01 > .inner > .header,
.modal-block02 > .inner > .header {
  padding: 24px 1.74% 0 1.74%;
}
.modal-block01 > .inner > .header > .title,
.modal-block02 > .inner > .header > .title {
  padding: 0 40px;
  text-align: center;
}
.modal-block01 > .inner > .header > .title > .inner,
.modal-block02 > .inner > .header > .title > .inner {
  font-size: 2.4rem;
  font-weight: bold;
}
.modal-block01 > .inner > .header > .title.-wide01,
.modal-block02 > .inner > .header > .title.-wide01 {
  padding: 0 50px;
}
.modal-block01 > .inner > .header > .btn,
.modal-block02 > .inner > .header > .btn {
  position: absolute;
  top: 24px;
  right: 20px; 
  z-index: 2;
}
.modal-block01 > .inner > .body,
.modal-block02 > .inner > .body {
  padding: 0 4% 40px 4%;
}
.modal-block01 > .inner > .body:not(:first-child),
.modal-block02 > .inner > .body:not(:first-child) {
  margin-top: 24px;
}
.modal-block01 > .inner > .body .body-scroll,
.modal-block02 > .inner > .body .body-scroll {
  min-height: 7.5em; 

  overflow-x: hidden;
  overflow-y: auto;
}
.modal-block01 > .inner > .body .body-scroll-fixed,
.modal-block02 > .inner > .body .body-scroll-fixed {
  margin-top: 28px;
}
.modal-block01.-wide01,
.-wide01.modal-block02 {
  min-width: 960px;
}

.modal-block02 {
  width: 80%; 
  max-width: initial;
  max-width: auto;
}

.modal-inner01 {
  width: 100%;
  max-width: 640px;
  margin: auto;
}

/*--------------------------------------------
Accordion
---------------------------------------------*/
.fn-toggle01 [role="tab"] {
  cursor: pointer;
}

.toggle-block01:not(:first-child) {
  margin-top: 28px;
}

.toggle-block01 > [role="tablist"] > [role="tab"] {
  position: relative;
  transition: background-color .3s ease-out;
}
.toggle-block01 > [role="tablist"] > [role="tab"]::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - (1.375em / 2));
  right: 28px;
  width: 1.375em;
  height: 1.375em;
  background: url("/aboutus/cmn/imgs/ico_arrow_right_01.svg") 0 0/cover no-repeat;

  transform: rotate(90deg);
}
.toggle-block01 > [role="tablist"] > [role="tab"][aria-selected="true"]::after {
  transform: rotate(-90deg);
}

.toggle-block01.card-normal01 > .inner > .header[role="tab"]::after,
.toggle-block01.card-normal02 > .inner > .header[role="tab"]::after,
.toggle-block01.card-normal03 > .inner > .header[role="tab"]::after {
  top: calc(50% - 17px);
  right: 21px; 
  width: 35px;
  height: 35px;
}

.toggle-block01.card-normal01 > .inner > .header[role="tab"] > .title,
.toggle-block01.card-normal02 > .inner > .header[role="tab"] > .title,
.toggle-block01.card-normal03 > .inner > .header[role="tab"] > .title {
  position: relative;
  padding-right: 35px;
}

.toggle-block01.card-normal01 > .inner > .header[role="tab"],
.toggle-block01.card-normal03 > .inner > .header[role="tab"] {
  overflow: hidden;
}

.toggle-block01.card-normal01 {
  overflow: visible;
}
.toggle-block01.card-normal01:not(.-red01) > .inner > .header[role="tab"] > .title {
  color: #004831;
}

.toggle-block01.card-normal02 > [role="tablist"] > [role="tab"] {
  position: relative; 
  overflow: hidden;
}
.toggle-block01.card-normal02 > [role="tablist"] > [role="tab"][aria-expanded="false"] {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.toggle-block01.card-normal02 > [role="tablist"] > [role="tab"]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: rgba(255, 255, 255, 0);
  z-index: 1;
}

.toggle-area01:not(:first-child) {
  margin-top: 28px;
}

.toggle-area01 > .toggle-content {
  transition: height .5s;
}
.toggle-area01 > .toggle-content.-close {
  position: relative;
  height: 425px;
  overflow: hidden;
}
.toggle-area01 > .toggle-content.-close::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 215px;
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}
.toggle-area01 > .toggle-content.-close + .btn {
  margin-top: -25px;
}
.toggle-area01 > .toggle-content[style*="height"] + .btn {
  margin-top: 28px;
}

/*--------------------------------------------
Tab
---------------------------------------------*/
.tab-block01:not(:first-child) {
  margin-top: 28px;
}

.tab-block01 > .list {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d5dedb;
}
.tab-block01 > .list > .item {
  width: 49.7%;
}
.tab-block01 > .list > .item > .switch {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: background-color .3s ease-out; 
  background: #d5dedb;

  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tab-block01 > .list > .item > .switch > .inner {
  display: flex;
  align-items: center;
  min-height: 54px;
  font-size: 1.8rem;
  font-weight: bold; 
  color: #788883;
}
.tab-block01 > .list > .item > .switch[aria-selected="true"] {
  background: #004831;
}
.tab-block01 > .list > .item > .switch[aria-selected="true"] > .inner {
  color: #fff;
}

.tab-block01.-column3 > .list > .item {
  width: 33%;
}

.tab-block01.-column4 > .list > .item {
  width: 24.7%;
}

.tab-block01 > .wrap > .panel > .inner > .card-box03:first-child {
  margin-top: 0;
}

.tab-block01 > .wrap > .panel > .inner .card-section01 {
  margin-right: 0;
  margin-left: 0;
}

.tab-block02 {
  background-color: #fff;
  border: 1px solid #d5dedb;
}
.tab-block02 > .list {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d5dedb;
}
.tab-block02 > .list > .item {
  width: 100%;
  text-align: center;
}
.tab-block02 > .list > .item > .switch {
  width: 100%;
  padding: 23px 0;
  transition: all .3s ease-out;
  border-bottom: 2px solid #fff; 
  color: #d5dedb;
}
.tab-block02 > .list > .item > .switch[aria-selected="true"],
.tab-block02 > .list > .item > .switch:hover {
  border-bottom: 2px solid #004831;
  font-weight: bold;
  color: #004831;
}
.tab-block02 > .wrap {
  padding: 28px;
}
.tab-block02 > .wrap.-spFull01 {
  padding: 28px 0;
}
.tab-block02.-noBorder {
  border: none;
}
.tab-block02.-full01 > .list {
  width: 100%;
  max-width: calc(1280px - (40px * 2));
  margin: auto;
}
.tab-block02.-full01 > .wrap {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/*--------------------------------------------
Tab new
---------------------------------------------*/
.tab-block03 {
  background-color: #fff;
}
.tab-block03 > .list {
  display: flex;
  justify-content: space-between;
  position: relative;
  border: none;
  border-bottom: 1px solid #d5dedb;
  border-radius: 60px; 
  box-shadow: 0 0 4px rgba(20, 29, 29, .05), 0 10px 12px rgba(20, 29, 29, .08);
}
.tab-block03 > .list > .item {
  width: 100%;
  max-width: 480px;
  border-radius: 60px; 
  text-align: center;
}
.tab-block03 > .list > .item > .switch {
  position: relative;
  width: 100%;
  padding: 18px 0;
  transition: all .3s ease-out;
  border: none;
  border-radius: 60px; 
  font-weight: bold;
  color: #004831;
  z-index: 30;
}
.tab-block03 > .list > .item > .switch:hover {
  color: #788883;
}
.tab-block03 > .list > .item > .switch:focus {
  outline-offset: -2.5px !important;
}
.tab-block03 > .list > .item > .switch[aria-selected="true"] {
  position: relative;
  border: none;
  font-weight: bold;
  color: #fff; 
  z-index: 20;
}
.tab-block03 > .list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  transition: left .4s; 
  background-color: #004831;
  border-radius: 60px;
  z-index: 0;
}
.tab-block03 > .wrap {
  padding: 28px;
}
.tab-block03 > .wrap.-spFull01 {
  padding: 28px 0;
}
.tab-block03.-full01 > .list {
  width: 100%;
  max-width: 960px;
  margin: auto;
  overflow: hidden;
}
.tab-block03.-full01 > .wrap {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.tab-block03.-column3 > .list::before {
  width: 33.3%;
}
.tab-block03[tab02-active="1"] > .list::before {
  left: 50%;
}
.tab-block03.-column3[tab02-active="1"] > .list::before {
  left: 33.3%;
}
.tab-block03.-column3[tab02-active="2"] > .list::before {
  left: 66.6%;
}

/*--------------------------------------------
Tel
---------------------------------------------*/
.text-tel01 > .text,
.text-tel01 > .tel,
.text-tel02 > .text,
.text-tel02 > .tel {
  font-size: 2.4rem;
  font-weight: bold; 
  color: #004831;
}

.text-tel01 > .text:first-child,
.text-tel02 > .text:first-child {
  margin-right: 8px;
}
.text-tel01 > .text:first-child:only-child,
.text-tel02 > .text:first-child:only-child {
  margin-right: 0;
}

.text-tel01 > .sub,
.text-tel02 > .sub {
  font-size: 1.2rem;
}

.text-tel01.-large01 > .text,
.text-tel01.-large01 > .tel,
.text-tel02.-large01 > .text,
.text-tel02.-large01 > .tel {
  font-size: 3.6rem;
}

.text-tel01.-orange01 > .text,
.text-tel01.-orange01 > .tel,
.text-tel02.-orange01 > .text,
.text-tel02.-orange01 > .tel {
  color: #fa8200;
}

.text-tel01.-flex,
.text-tel02.-flex {
  display: flex;
  align-items: center;
}

.text-tel02 > .text {
  position: relative;
}
.text-tel02 > .text:first-child {
  margin-right: 20px;
}
.text-tel02 > .text::after {
  content: "";
  position: absolute;
  top: 15%;
  right: -12px;
  width: 2px;
  height: 70%;
  background: #004831;
}

.fn-telNumber01 {
  text-decoration: none;
}

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


General Parts


---------------------------------------------*/
/*-------------------------------------------
Display
-------------------------------------------*/
._d-block {
  display: block !important;
}

._d-inline,
._d-inlineChild > * {
  display: inline !important;
}

._d-inlineBlock,
._d-inlineBlockChild > * {
  display: inline-block !important;
}

._d-table {
  display: table !important;
  width: 100%;
}
._d-table > * {
  display: table-cell;
}

._d-flex {
  display: flex !important;
}

._a-itemStretch {
  align-items: stretch !important;
}

._a-itemStart {
  align-items: flex-start !important;
}

._a-itemEnd {
  align-items: flex-end !important;
}

._a-itemCenter {
  align-items: center !important;
}

._a-itemBaseline {
  align-items: baseline !important;
}

._j-contentStart {
  justify-content: flex-start !important;
}

._j-contentEnd {
  justify-content: flex-end !important;
}

._j-contentCenter {
  justify-content: center !important;
}

._j-contentBetween {
  justify-content: space-between !important;
}

._f-directionRow {
  flex-direction: row !important;
}

._f-directionReverse {
  flex-direction: row-reverse !important;
}

._f-direction_column {
  flex-direction: column !important;
}

._f-directionColumnReverse {
  flex-direction: column-reverse !important;
}

._f-wrapNowrap {
  flex-wrap: nowrap !important;
}

._f-wrapWrap {
  flex-wrap: wrap !important;
}

._f-wrapReverse {
  flex-wrap: wrap-reverse !important;
}

/*-------------------------------------------
Device Content
-------------------------------------------*/

._sys-content {
  display: none;
}

body:not(.ua-webview) ._app-content {
  display: none !important;
}

.ua-webview ._app-hidden {
  display: none !important;
}

/*-------------------------------------------
Align
-------------------------------------------*/
._t-center {
  text-align: center !important;
}

._t-left {
  text-align: left !important;
}

._t-right {
  text-align: right !important;
}

._v-top {
  vertical-align: top !important;
}

._v-middle {
  vertical-align: middle !important;
}

._v-bottom {
  vertical-align: bottom !important;
}

/*-------------------------------------------
width
-------------------------------------------*/

._w-auto {
  width: auto !important;
}

/* em */
._w01em {
  width: 1em !important;
  max-width: 100% !important;
}

._w02em {
  width: 2em !important;
  max-width: 100% !important;
}

._w03em {
  width: 3em !important;
  max-width: 100% !important;
}

._w04em {
  width: 4em !important;
  max-width: 100% !important;
}

._w05em {
  width: 5em !important;
  max-width: 100% !important;
}

._w06em {
  width: 6em !important;
  max-width: 100% !important;
}

._w07em {
  width: 7em !important;
  max-width: 100% !important;
}

._w08em {
  width: 8em !important;
  max-width: 100% !important;
}

._w09em {
  width: 9em !important;
  max-width: 100% !important;
}

._w10em {
  width: 10em !important;
  max-width: 100% !important;
}

._w11em {
  width: 11em !important;
  max-width: 100% !important;
}

._w12em {
  width: 12em !important;
  max-width: 100% !important;
}

._w13em {
  width: 13em !important;
  max-width: 100% !important;
}

._w14em {
  width: 14em !important;
  max-width: 100% !important;
}

._w15em {
  width: 15em !important;
  max-width: 100% !important;
}

._w16em {
  width: 16em !important;
  max-width: 100% !important;
}

._w17em {
  width: 17em !important;
  max-width: 100% !important;
}

._w18em {
  width: 18em !important;
  max-width: 100% !important;
}

._w19em {
  width: 19em !important;
  max-width: 100% !important;
}

._w20em {
  width: 20em !important;
  max-width: 100% !important;
}

._w21em {
  width: 21em !important;
  max-width: 100% !important;
}

._w22em {
  width: 22em !important;
  max-width: 100% !important;
}

._w23em {
  width: 23em !important;
  max-width: 100% !important;
}

._w24em {
  width: 24em !important;
  max-width: 100% !important;
}

._w25em {
  width: 25em !important;
  max-width: 100% !important;
}

._w26em {
  width: 26em !important;
  max-width: 100% !important;
}

._w27em {
  width: 27em !important;
  max-width: 100% !important;
}

._w28em {
  width: 28em !important;
  max-width: 100% !important;
}

._w29em {
  width: 29em !important;
  max-width: 100% !important;
}

._w30em {
  width: 30em !important;
  max-width: 100% !important;
}

._w31em {
  width: 31em !important;
  max-width: 100% !important;
}

._w32em {
  width: 32em !important;
  max-width: 100% !important;
}

._w33em {
  width: 33em !important;
  max-width: 100% !important;
}

._w34em {
  width: 34em !important;
  max-width: 100% !important;
}

._w35em {
  width: 35em !important;
  max-width: 100% !important;
}

._w36em {
  width: 36em !important;
  max-width: 100% !important;
}

._w37em {
  width: 37em !important;
  max-width: 100% !important;
}

._w38em {
  width: 38em !important;
  max-width: 100% !important;
}

._w39em {
  width: 39em !important;
  max-width: 100% !important;
}

._w40em {
  width: 40em !important;
  max-width: 100% !important;
}

/* px */
._w20 {
  width: 20px !important;
  max-width: 100% !important;
}

._w30 {
  width: 30px !important;
  max-width: 100% !important;
}

._w40 {
  width: 40px !important;
  max-width: 100% !important;
}

._w50 {
  width: 50px !important;
  max-width: 100% !important;
}

._w60 {
  width: 60px !important;
  max-width: 100% !important;
}

._w70 {
  width: 70px !important;
  max-width: 100% !important;
}

._w80 {
  width: 80px !important;
  max-width: 100% !important;
}

._w90 {
  width: 90px !important;
  max-width: 100% !important;
}

._w100 {
  width: 100px !important;
  max-width: 100% !important;
}

._w110 {
  width: 110px !important;
  max-width: 100% !important;
}

._w120 {
  width: 120px !important;
  max-width: 100% !important;
}

._w130 {
  width: 130px !important;
  max-width: 100% !important;
}

._w140 {
  width: 140px !important;
  max-width: 100% !important;
}

._w150 {
  width: 150px !important;
  max-width: 100% !important;
}

._w160 {
  width: 160px !important;
  max-width: 100% !important;
}

._w170 {
  width: 170px !important;
  max-width: 100% !important;
}

._w180 {
  width: 180px !important;
  max-width: 100% !important;
}

._w190 {
  width: 190px !important;
  max-width: 100% !important;
}

._w200 {
  width: 200px !important;
  max-width: 100% !important;
}

._w210 {
  width: 210px !important;
  max-width: 100% !important;
}

._w220 {
  width: 220px !important;
  max-width: 100% !important;
}

._w230 {
  width: 230px !important;
  max-width: 100% !important;
}

._w240 {
  width: 240px !important;
  max-width: 100% !important;
}

._w250 {
  width: 250px !important;
  max-width: 100% !important;
}

._w260 {
  width: 260px !important;
  max-width: 100% !important;
}

._w270 {
  width: 270px !important;
  max-width: 100% !important;
}

._w280 {
  width: 280px !important;
  max-width: 100% !important;
}

._w290 {
  width: 290px !important;
  max-width: 100% !important;
}

._w300 {
  width: 300px !important;
  max-width: 100% !important;
}

._w310 {
  width: 310px !important;
  max-width: 100% !important;
}

._w320 {
  width: 320px !important;
  max-width: 100% !important;
}

._w330 {
  width: 330px !important;
  max-width: 100% !important;
}

._w340 {
  width: 340px !important;
  max-width: 100% !important;
}

._w350 {
  width: 350px !important;
  max-width: 100% !important;
}

._w360 {
  width: 360px !important;
  max-width: 100% !important;
}

._w370 {
  width: 370px !important;
  max-width: 100% !important;
}

._w380 {
  width: 380px !important;
  max-width: 100% !important;
}

._w390 {
  width: 390px !important;
  max-width: 100% !important;
}

._w400 {
  width: 400px !important;
  max-width: 100% !important;
}

._w410 {
  width: 410px !important;
  max-width: 100% !important;
}

._w420 {
  width: 420px !important;
  max-width: 100% !important;
}

._w430 {
  width: 430px !important;
  max-width: 100% !important;
}

._w440 {
  width: 440px !important;
  max-width: 100% !important;
}

._w450 {
  width: 450px !important;
  max-width: 100% !important;
}

._w460 {
  width: 460px !important;
  max-width: 100% !important;
}

._w470 {
  width: 470px !important;
  max-width: 100% !important;
}

._w480 {
  width: 480px !important;
  max-width: 100% !important;
}

._w490 {
  width: 490px !important;
  max-width: 100% !important;
}

._w500 {
  width: 500px !important;
  max-width: 100% !important;
}

._w510 {
  width: 510px !important;
  max-width: 100% !important;
}

._w520 {
  width: 520px !important;
  max-width: 100% !important;
}

._w530 {
  width: 530px !important;
  max-width: 100% !important;
}

._w540 {
  width: 540px !important;
  max-width: 100% !important;
}

._w550 {
  width: 550px !important;
  max-width: 100% !important;
}

._w560 {
  width: 560px !important;
  max-width: 100% !important;
}

._w570 {
  width: 570px !important;
  max-width: 100% !important;
}

._w580 {
  width: 580px !important;
  max-width: 100% !important;
}

._w590 {
  width: 590px !important;
  max-width: 100% !important;
}

._w600 {
  width: 600px !important;
  max-width: 100% !important;
}

._w610 {
  width: 610px !important;
  max-width: 100% !important;
}

._w620 {
  width: 620px !important;
  max-width: 100% !important;
}

._w630 {
  width: 630px !important;
  max-width: 100% !important;
}

._w640 {
  width: 640px !important;
  max-width: 100% !important;
}

._w650 {
  width: 650px !important;
  max-width: 100% !important;
}

._w660 {
  width: 660px !important;
  max-width: 100% !important;
}

._w670 {
  width: 670px !important;
  max-width: 100% !important;
}

._w680 {
  width: 680px !important;
  max-width: 100% !important;
}

._w690 {
  width: 690px !important;
  max-width: 100% !important;
}

._w700 {
  width: 700px !important;
  max-width: 100% !important;
}

._w710 {
  width: 710px !important;
  max-width: 100% !important;
}

._w720 {
  width: 720px !important;
  max-width: 100% !important;
}

._w730 {
  width: 730px !important;
  max-width: 100% !important;
}

._w740 {
  width: 740px !important;
  max-width: 100% !important;
}

._w750 {
  width: 750px !important;
  max-width: 100% !important;
}

._w760 {
  width: 760px !important;
  max-width: 100% !important;
}

._w770 {
  width: 770px !important;
  max-width: 100% !important;
}

._w780 {
  width: 780px !important;
  max-width: 100% !important;
}

._w790 {
  width: 790px !important;
  max-width: 100% !important;
}

._w800 {
  width: 800px !important;
  max-width: 100% !important;
}

._w810 {
  width: 810px !important;
  max-width: 100% !important;
}

._w820 {
  width: 820px !important;
  max-width: 100% !important;
}

._w830 {
  width: 830px !important;
  max-width: 100% !important;
}

._w840 {
  width: 840px !important;
  max-width: 100% !important;
}

._w850 {
  width: 850px !important;
  max-width: 100% !important;
}

._w860 {
  width: 860px !important;
  max-width: 100% !important;
}

._w870 {
  width: 870px !important;
  max-width: 100% !important;
}

._w880 {
  width: 880px !important;
  max-width: 100% !important;
}

._w890 {
  width: 890px !important;
  max-width: 100% !important;
}

._w900 {
  width: 900px !important;
  max-width: 100% !important;
}

._w910 {
  width: 910px !important;
  max-width: 100% !important;
}

._w920 {
  width: 920px !important;
  max-width: 100% !important;
}

._w930 {
  width: 930px !important;
  max-width: 100% !important;
}

._w940 {
  width: 940px !important;
  max-width: 100% !important;
}

._w950 {
  width: 950px !important;
  max-width: 100% !important;
}

._w960 {
  width: 960px !important;
  max-width: 100% !important;
}

._w970 {
  width: 970px !important;
  max-width: 100% !important;
}

._w980 {
  width: 980px !important;
  max-width: 100% !important;
}

._w990 {
  width: 990px !important;
  max-width: 100% !important;
}

._w1000 {
  width: 1000px !important;
  max-width: 100% !important;
}

._w1010 {
  width: 1010px !important;
  max-width: 100% !important;
}

._w1020 {
  width: 1020px !important;
  max-width: 100% !important;
}

._w1030 {
  width: 1030px !important;
  max-width: 100% !important;
}

._w1040 {
  width: 1040px !important;
  max-width: 100% !important;
}

._w1050 {
  width: 1050px !important;
  max-width: 100% !important;
}

._w1060 {
  width: 1060px !important;
  max-width: 100% !important;
}

._w1070 {
  width: 1070px !important;
  max-width: 100% !important;
}

._w1080 {
  width: 1080px !important;
  max-width: 100% !important;
}

._w1090 {
  width: 1090px !important;
  max-width: 100% !important;
}

._w1100 {
  width: 1100px !important;
  max-width: 100% !important;
}

._w1110 {
  width: 1110px !important;
  max-width: 100% !important;
}

._w1120 {
  width: 1120px !important;
  max-width: 100% !important;
}

._w1130 {
  width: 1130px !important;
  max-width: 100% !important;
}

._w1140 {
  width: 1140px !important;
  max-width: 100% !important;
}

._w1150 {
  width: 1150px !important;
  max-width: 100% !important;
}

._w1160 {
  width: 1160px !important;
  max-width: 100% !important;
}

._w1170 {
  width: 1170px !important;
  max-width: 100% !important;
}

._w1180 {
  width: 1180px !important;
  max-width: 100% !important;
}

._w1190 {
  width: 1190px !important;
  max-width: 100% !important;
}

/* percent */
._w01p {
  width: 1% !important;
}

._w02p {
  width: 2% !important;
}

._w03p {
  width: 3% !important;
}

._w04p {
  width: 4% !important;
}

._w05p {
  width: 5% !important;
}

._w06p {
  width: 6% !important;
}

._w07p {
  width: 7% !important;
}

._w08p {
  width: 8% !important;
}

._w09p {
  width: 9% !important;
}

._w10p {
  width: 10% !important;
}

._w11p {
  width: 11% !important;
}

._w12p {
  width: 12% !important;
}

._w13p {
  width: 13% !important;
}

._w14p {
  width: 14% !important;
}

._w15p {
  width: 15% !important;
}

._w16p {
  width: 16% !important;
}

._w17p {
  width: 17% !important;
}

._w18p {
  width: 18% !important;
}

._w19p {
  width: 19% !important;
}

._w20p {
  width: 20% !important;
}

._w21p {
  width: 21% !important;
}

._w22p {
  width: 22% !important;
}

._w23p {
  width: 23% !important;
}

._w24p {
  width: 24% !important;
}

._w25p {
  width: 25% !important;
}

._w26p {
  width: 26% !important;
}

._w27p {
  width: 27% !important;
}

._w28p {
  width: 28% !important;
}

._w29p {
  width: 29% !important;
}

._w30p {
  width: 30% !important;
}

._w31p {
  width: 31% !important;
}

._w32p {
  width: 32% !important;
}

._w33p {
  width: 33% !important;
}

._w34p {
  width: 34% !important;
}

._w35p {
  width: 35% !important;
}

._w36p {
  width: 36% !important;
}

._w37p {
  width: 37% !important;
}

._w38p {
  width: 38% !important;
}

._w39p {
  width: 39% !important;
}

._w40p {
  width: 40% !important;
}

._w41p {
  width: 41% !important;
}

._w42p {
  width: 42% !important;
}

._w43p {
  width: 43% !important;
}

._w44p {
  width: 44% !important;
}

._w45p {
  width: 45% !important;
}

._w46p {
  width: 46% !important;
}

._w47p {
  width: 47% !important;
}

._w48p {
  width: 48% !important;
}

._w49p {
  width: 49% !important;
}

._w50p {
  width: 50% !important;
}

._w51p {
  width: 51% !important;
}

._w52p {
  width: 52% !important;
}

._w53p {
  width: 53% !important;
}

._w54p {
  width: 54% !important;
}

._w55p {
  width: 55% !important;
}

._w56p {
  width: 56% !important;
}

._w57p {
  width: 57% !important;
}

._w58p {
  width: 58% !important;
}

._w59p {
  width: 59% !important;
}

._w60p {
  width: 60% !important;
}

._w61p {
  width: 61% !important;
}

._w62p {
  width: 62% !important;
}

._w63p {
  width: 63% !important;
}

._w64p {
  width: 64% !important;
}

._w65p {
  width: 65% !important;
}

._w66p {
  width: 66% !important;
}

._w67p {
  width: 67% !important;
}

._w68p {
  width: 68% !important;
}

._w69p {
  width: 69% !important;
}

._w70p {
  width: 70% !important;
}

._w71p {
  width: 71% !important;
}

._w72p {
  width: 72% !important;
}

._w73p {
  width: 73% !important;
}

._w74p {
  width: 74% !important;
}

._w75p {
  width: 75% !important;
}

._w76p {
  width: 76% !important;
}

._w77p {
  width: 77% !important;
}

._w78p {
  width: 78% !important;
}

._w79p {
  width: 79% !important;
}

._w80p {
  width: 80% !important;
}

._w81p {
  width: 81% !important;
}

._w82p {
  width: 82% !important;
}

._w83p {
  width: 83% !important;
}

._w84p {
  width: 84% !important;
}

._w85p {
  width: 85% !important;
}

._w86p {
  width: 86% !important;
}

._w87p {
  width: 87% !important;
}

._w88p {
  width: 88% !important;
}

._w89p {
  width: 89% !important;
}

._w90p {
  width: 90% !important;
}

._w91p {
  width: 91% !important;
}

._w92p {
  width: 92% !important;
}

._w93p {
  width: 93% !important;
}

._w94p {
  width: 94% !important;
}

._w95p {
  width: 95% !important;
}

._w96p {
  width: 96% !important;
}

._w97p {
  width: 97% !important;
}

._w98p {
  width: 98% !important;
}

._w99p {
  width: 99% !important;
}

._w100p {
  width: 100% !important;
}

/*-------------------------------------------
Margin
-------------------------------------------*/
/* Parts margin*/
#containment-area ._parts-wrap01:not(:first-child) {
  margin-top: 8px;
}

#containment-area ._parts-wrap02:not(:first-child) {
  margin-top: 16px;
}

#containment-area ._parts-wrap03:not(:first-child) {
  margin-top: 18px;
}

#containment-area ._parts-wrap04:not(:first-child) {
  margin-top: 28px;
}

/* inner margin*/
#containment-area ._inner-atom > *:not([class*="list-notice"]) {
  margin-top: 8px;
}

#containment-area ._inner-molecule > *:not([class*="list-notice"]) {
  margin-top: 18px;
}

#containment-area ._inner-block > *:not([class*="list-notice"]) {
  margin-top: 40px;
}

#containment-area ._inner-section > *:not([class*="list-notice"]) {
  margin-top: 96px;
}

#containment-area ._inner-atom:not(.-head) > *:first-child,
#containment-area ._inner-molecule:not(.-head) > *:first-child,
#containment-area ._inner-block:not(.-head) > *:first-child,
#containment-area ._inner-section:not(.-head) > *:first-child {
  margin-top: 0;
}

#containment-area ._inner-organism:not(:first-child) {
  margin-top: 28px;
}

/* margin-all*/
/*-------------------------------------------
Margin
-------------------------------------------*/
/* margin-all*/
._m00 {
  margin: 0 !important;
}

._m08 {
  margin: 8px !important;
}

._m16 {
  margin: 16px !important;
}

._m24 {
  margin: 24px !important;
}

._m32 {
  margin: 32px !important;
}

._m40 {
  margin: 40px !important;
}

._m48 {
  margin: 48px !important;
}

/* margin-auto*/
._ma00 {
  margin: 0 auto !important;
}

._ma08 {
  margin: 8px auto !important;
}

._ma16 {
  margin: 16px auto !important;
}

._ma24 {
  margin: 24px auto !important;
}

._ma32 {
  margin: 32px auto !important;
}

._ma40 {
  margin: 40px auto !important;
}

._ma48 {
  margin: 48px auto !important;
}

/* margin-top*/
._mt00 {
  margin-top: 0 !important;
}

._mt08 {
  margin-top: 8px !important;
}

._mt16 {
  margin-top: 16px !important;
}

._mt24 {
  margin-top: 24px !important;
}

._mt32 {
  margin-top: 32px !important;
}

._mt40 {
  margin-top: 40px !important;
}

._mt48 {
  margin-top: 48px !important;
}

._mt60 {
  margin-top: 60px !important;
}

._mt100 {
  margin-top: 100px !important;
}

._mt04 {
  margin-top: 4px !important;
}

._mt12 {
  margin-top: 12px !important;
}

._mt18 {
  margin-top: 18px !important;
}

._mt28 {
  margin-top: 28px !important;
}

/* margin-right*/
._mr00 {
  margin-right: 0 !important;
}

._mr08 {
  margin-right: 8px !important;
}

._mr16 {
  margin-right: 16px !important;
}

._mr24 {
  margin-right: 24px !important;
}

._mr32 {
  margin-right: 32px !important;
}

._mr40 {
  margin-right: 40px !important;
}

._mr48 {
  margin-right: 48px !important;
}

._mr04 {
  margin-right: 4px !important;
}

._mr12 {
  margin-right: 12px !important;
}

._mr18 {
  margin-right: 18px !important;
}

._mr28 {
  margin-right: 28px !important;
}

/* margin-bottom*/
._mb00 {
  margin-bottom: 0 !important;
}

._mb08 {
  margin-bottom: 8px !important;
}

._mb16 {
  margin-bottom: 16px !important;
}

._mb24 {
  margin-bottom: 24px !important;
}

._mb32 {
  margin-bottom: 32px !important;
}

._mb40 {
  margin-bottom: 40px !important;
}

._mb48 {
  margin-bottom: 48px !important;
}

._mb04 {
  margin-bottom: 4px !important;
}

._mb12 {
  margin-bottom: 12px !important;
}

._mb18 {
  margin-bottom: 18px !important;
}

._mb28 {
  margin-bottom: 28px !important;
}

/* margin-left*/
._ml00 {
  margin-left: 0 !important;
}

._ml08 {
  margin-left: 8px !important;
}

._ml16 {
  margin-left: 16px !important;
}

._ml24 {
  margin-left: 24px !important;
}

._ml32 {
  margin-left: 32px !important;
}

._ml40 {
  margin-left: 40px !important;
}

._ml48 {
  margin-left: 48px !important;
}

._ml56 {
  margin-left: 48px !important;
}

._ml64 {
  margin-left: 48px !important;
}

._ml04 {
  margin-left: 4px !important;
}

._ml12 {
  margin-left: 12px !important;
}

._ml18 {
  margin-left: 18px !important;
}

._ml28 {
  margin-left: 28px !important;
}

/*-------------------------------------------
padding
-------------------------------------------*/
/* padding-all*/
._p00 {
  padding: 0 !important;
}

._p08 {
  padding: 8px !important;
}

._p16 {
  padding: 16px !important;
}

._p24 {
  padding: 24px !important;
}

._p32 {
  padding: 32px !important;
}

._p40 {
  padding: 40px !important;
}

._p48 {
  padding: 48px !important;
}

/* padding-top*/
._pt00 {
  padding-top: 0 !important;
}

._pt08 {
  padding-top: 8px !important;
}

._pt16 {
  padding-top: 16px !important;
}

._pt24 {
  padding-top: 24px !important;
}

._pt32 {
  padding-top: 32px !important;
}

._pt40 {
  padding-top: 40px !important;
}

._pt48 {
  padding-top: 48px !important;
}

._pt04 {
  padding-top: 4px !important;
}

._pt12 {
  padding-top: 12px !important;
}

._pt18 {
  padding-top: 18px !important;
}

._pt28 {
  padding-top: 28px !important;
}

/* padding-right*/
._pr00 {
  padding-right: 0 !important;
}

._pr08 {
  padding-right: 8px !important;
}

._pr16 {
  padding-right: 16px !important;
}

._pr24 {
  padding-right: 24px !important;
}

._pr32 {
  padding-right: 32px !important;
}

._pr40 {
  padding-right: 40px !important;
}

._pr48 {
  padding-right: 48px !important;
}

._pr04 {
  padding-right: 4px !important;
}

._pr12 {
  padding-right: 12px !important;
}

._pr18 {
  padding-right: 18px !important;
}

._pr28 {
  padding-right: 28px !important;
}

/* padding-bottom*/
._pb00 {
  padding-bottom: 0 !important;
}

._pb08 {
  padding-bottom: 8px !important;
}

._pb16 {
  padding-bottom: 16px !important;
}

._pb24 {
  padding-bottom: 24px !important;
}

._pb32 {
  padding-bottom: 32px !important;
}

._pb40 {
  padding-bottom: 40px !important;
}

._pb48 {
  padding-bottom: 48px !important;
}

._pb04 {
  padding-bottom: 4px !important;
}

._pb12 {
  padding-bottom: 12px !important;
}

._pb18 {
  padding-bottom: 18px !important;
}

._pb28 {
  padding-bottom: 28px !important;
}

/* padding-left*/
._pl00 {
  padding-left: 0 !important;
}

._pl08 {
  padding-left: 8px !important;
}

._pl16 {
  padding-left: 16px !important;
}

._pl24 {
  padding-left: 24px !important;
}

._pl32 {
  padding-left: 32px !important;
}

._pl40 {
  padding-left: 40px !important;
}

._pl48 {
  padding-left: 48px !important;
}

._pl04 {
  padding-left: 4px !important;
}

._pl12 {
  padding-left: 12px !important;
}

._pl18 {
  padding-left: 18px !important;
}

._pl28 {
  padding-left: 28px !important;
}

/*-------------------------------------------
Border
-------------------------------------------*/
._bd-no {
  border: none !important;
}

._bd-noT {
  border-top: none !important;
}

._bd-noR {
  border-right: none !important;
}

._bd-noB {
  border-bottom: none !important;
}

._bd-noL {
  border-left: none !important;
}

._bd-radius05 {
  border-radius: 5px !important;
}

._bd-radius10 {
  border-radius: 10px !important;
}

._bd-radius15 {
  border-radius: 15px !important;
}

._bd-radius20 {
  border-radius: 20px !important;
}

._bd-radius25 {
  border-radius: 25px !important;
}

._bd-radius30 {
  border-radius: 30px !important;
}

[class*="_bd-radius"] {
  overflow: hidden;
}

/*-------------------------------------------
Font
-------------------------------------------*/
/* size*/
._fsXs {
  font-size: 1.2rem !important;
}

._fsS {
  font-size: 1.4rem !important;
}

._fsN {
  font-size: 1.6rem !important;
}

._fsL {
  font-size: 2rem !important;
}

._fsXl {
  font-size: 2.4rem !important;
}

._fsXxl {
  font-size: 2.8rem !important;
}

._fs10 {
  font-size: 1rem !important;
}

._fs11 {
  font-size: 1.1rem !important;
}

._fs12 {
  font-size: 1.2rem !important;
}

._fs13 {
  font-size: 1.3rem !important;
}

._fs14 {
  font-size: 1.4rem !important;
}

._fs15 {
  font-size: 1.5rem !important;
}

._fs16 {
  font-size: 1.6rem !important;
}

._fs17 {
  font-size: 1.7rem !important;
}

._fs18 {
  font-size: 1.8rem !important;
}

._fs19 {
  font-size: 1.9rem !important;
}

._fs20 {
  font-size: 2rem !important;
}

._fs21 {
  font-size: 2.1rem !important;
}

._fs22 {
  font-size: 2.2rem !important;
}

._fs23 {
  font-size: 2.3rem !important;
}

._fs24 {
  font-size: 2.4rem !important;
}

._fs25 {
  font-size: 2.5rem !important;
}

._fs26 {
  font-size: 2.6rem !important;
}

._fs27 {
  font-size: 2.7rem !important;
}

._fs28 {
  font-size: 2.8rem !important;
}

._fs29 {
  font-size: 2.9rem !important;
}

._fs30 {
  font-size: 3rem !important;
}

._fs31 {
  font-size: 3.1rem !important;
}

._fs32 {
  font-size: 3.2rem !important;
}

._fs33 {
  font-size: 3.3rem !important;
}

._fs34 {
  font-size: 3.4rem !important;
}

._fs35 {
  font-size: 3.5rem !important;
}

._fs36 {
  font-size: 3.6rem !important;
}

._fs37 {
  font-size: 3.7rem !important;
}

._fs38 {
  font-size: 3.8rem !important;
}

._fs39 {
  font-size: 3.9rem !important;
}

._fs40 {
  font-size: 4rem !important;
}

._fs41 {
  font-size: 4.1rem !important;
}

._fs42 {
  font-size: 4.2rem !important;
}

._fs43 {
  font-size: 4.3rem !important;
}

._fs44 {
  font-size: 4.4rem !important;
}

._fs45 {
  font-size: 4.5rem !important;
}

._fs46 {
  font-size: 4.6rem !important;
}

._fs47 {
  font-size: 4.7rem !important;
}

._fs48 {
  font-size: 4.8rem !important;
}

._fs49 {
  font-size: 4.9rem !important;
}

._fs50 {
  font-size: 5rem !important;
}

._fs51 {
  font-size: 5.1rem !important;
}

._fs52 {
  font-size: 5.2rem !important;
}

._fs53 {
  font-size: 5.3rem !important;
}

._fs54 {
  font-size: 5.4rem !important;
}

._fs55 {
  font-size: 5.5rem !important;
}

._fs56 {
  font-size: 5.6rem !important;
}

._fs57 {
  font-size: 5.7rem !important;
}

._fs58 {
  font-size: 5.8rem !important;
}

._fs59 {
  font-size: 5.9rem !important;
}

._fs60 {
  font-size: 6rem !important;
}

._fs61 {
  font-size: 6.1rem !important;
}

._fs62 {
  font-size: 6.2rem !important;
}

._fs63 {
  font-size: 6.3rem !important;
}

._fs64 {
  font-size: 6.4rem !important;
}

._fs65 {
  font-size: 6.5rem !important;
}

._fs66 {
  font-size: 6.6rem !important;
}

._fs67 {
  font-size: 6.7rem !important;
}

._fs68 {
  font-size: 6.8rem !important;
}

._fs69 {
  font-size: 6.9rem !important;
}

._fs70 {
  font-size: 7rem !important;
}

/* weight*/
._t-bold {
  font-weight: bold !important;
}

._t-boldFont {
  font-family: "noto-sans-bold" !important;
}

._t-normal {
  font-weight: normal !important;
}

._t-num {
  font-family: "roboto" !important;
}

._t-numBold {
  font-family: "roboto-bold" !important;
}

._t-underLine {
  text-decoration: underline !important;
}

._t-underNone {
  text-decoration: none !important;
}

/* color*/
._t-default {
  color: #141d1d !important;
}

._t-green01 {
  color: #004831 !important;
}

._t-gray01 {
  color: #788883 !important;
}

._t-gray02 {
  color: rgba(120, 136, 131, .8) !important;
}

._t-gray03 {
  color: #d5dedb !important;
}

._t-white01 {
  color: #fff !important;
}

._t-orange01 {
  color: #ff5f04 !important;
}

._t-orange02 {
  color: #fa8200 !important;
}

._t-red01 {
  color: #c83030 !important;
}

._link-btn {
  text-decoration: underline; 
  color: #004831;
}

._link-inherit a:not(.exclusionColor):not([class*="btn-type"]) {
  color: inherit !important;
}

a[href^="tel"]._tel-active {
  text-decoration: none;
}

._bg-gray01 {
  background: #788883 !important;
}

._bg-green01 {
  background: #004831 !important;
}

._bg-green02 {
  background: #c4d700 !important;
}

._bg-green03 {
  background: #e2efbc !important;
}

@media screen and (max-width: 767px) {
  [class*="column-layoutA"].-border01 > * {
    padding: 18px 0;
  }
  [class*="column-layoutA"].-border01 > *:not(:first-child) {
    border-top: 1px solid #d5dedb; 
    border-left: none;
  }
  [class*="column-layoutA"].-spColumn1 > * {
    width: 100%;
  }
  [class*="column-layoutA"].-spColumn1 > * > [class*="card-"] {
    height: auto;
  }
  [class*="column-layoutA"].-spColumn2 > * {
    width: 50%;
  }
  [class*="column-layoutA"].-spColumn2 > *.-spFull {
    width: 100%;
    border-left: none;
  }
  [class*="column-layoutA"].-spColumn3 > * {
    width: 33.3%;
  }
  [class*="column-layoutA"].-spColumn4 > * {
    width: 25%;
  }
  [class*="column-layoutB"][class*="-spColumn"] > * {
    margin-top: 28px;
  }
  [class*="column-layoutB"][class*="-spColumn"].-low01 > * {
    margin-top: 10px;
  }
  [class*="column-layoutB"].-spColumn1 > * {
    width: 100%;
    margin: 28px 0 0 0;
  }
  [class*="column-layoutB"].-spColumn1 > * > [class*="card-"] {
    height: auto;
  }
  [class*="column-layoutB"].-spColumn2 > * {
    width: 48%;
    margin-left: 4%;
  }
  [class*="column-layoutB"].-spColumn2.-columnNarrow01 > * {
    width: 49%;
    margin-left: 2%;
  }
  [class*="column-layoutB"].-spColumn3 > * {
    width: 32%;
    margin-left: 2%;
  }
  [class*="column-layoutB"].-spColumn4 > * {
    width: 23.5%;
    margin-left: 2%;
  }
  [class*="column-layoutB"].-narrow01 > * {
    margin-top: 8px;
  }
  [class*="column-layoutB"].-narrow02 > * {
    margin-top: 18px;
  }
  [class*="column-layoutB"].-wide01 > * {
    margin-top: 40px;
  }
  [class*="column-layoutB"].-wide02 > * {
    margin-top: 96px;
  }
  [class*="column-layoutB"] > *.spfull {
    width: 100%;
    margin-left: 0;
  }
  [class*="column-layoutB"].-spColumn1 > *:nth-child(1n + 1) {
    margin-left: 0;
  }
  [class*="column-layoutB"].-spColumn1 > *:nth-child(-n+1) {
    margin-top: 0;
  }
  [class*="column-layoutB"].-spColumn2 > *:nth-child(2n + 1) {
    margin-left: 0;
  }
  [class*="column-layoutB"].-spColumn2 > *:nth-child(-n+2) {
    margin-top: 0;
  }
  [class*="column-layoutB"].-spColumn3 > *:nth-child(3n + 1) {
    margin-left: 0;
  }
  [class*="column-layoutB"].-spColumn3 > *:nth-child(-n+3) {
    margin-top: 0;
  }
  [class*="column-layoutB"].-spColumn4 > *:nth-child(4n + 1) {
    margin-left: 0;
  }
  [class*="column-layoutB"].-spColumn4 > *:nth-child(-n+4) {
    margin-top: 0;
  }
  .column-variable01:not(.-spColumn) {
    flex-direction: column;
  }
  .column-variable01:not(.-spColumn) > * {
    margin-right: 0;
  }
  .column-variable02:not(.-spColumn) {
    flex-direction: column;
  }
  .column-variable02 > * {
    padding: 0 16px;
  }
  .column-variable02 > *.-spNoLine::after {
    content: none;
  }
  .column-variable02.-spNarrow01 > * {
    padding: 0 8px;
  }
  .column-variable02.-spNarrow01 > *:first-child {
    padding-left: 0;
  }
  .column-variable02.-spNarrow01 > *:last-child {
    padding-right: 0;
  }
  .card-normal01 > .inner > .header {
    padding: 18px;
  }
  .card-normal01 > .inner > .body {
    padding: 18px;
  }
  .card-normal01 > .inner > .body:not(:first-child)::before {
    content: "";
    width: calc(100% - 36px);
  }
  .card-normal03 > .inner > .header,
  .card-normal03 > .inner > .body {
    padding: 18px;
  }
  .card-section01 {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .card-section01 > .inner > .header > .title.-img > *:not(:first-child) {
    margin-left: 10px;
  }
  .card-section01 > .inner {
    padding: 25px 4.8vw 32px;
  }
  .card-section01.-spGap01 {
    margin-right: 0; 
    margin-left: 0;
  }
  .card-section01.-spFit01 {
    margin-right: 0; 
    margin-left: 0;
  }
  .card-section01.-spFit01 > .inner {
    padding-right: 18px; 
    padding-left: 18px;
  }
  .card-box03 > .inner > .body {
    padding: 34px 28px 46px;
  }
  .card-box03.-narrow01 > .inner > .body {
    padding: 34px 28px;
  }
  .card-box03.-noPadding01 > .inner > .body {
    padding-top: 34px;
  }
  .card-tile02:not(.-spBlock) > .inner {
    display: inline-flex;
    align-items: center;
  }
  .card-tile02:not(.-spBlock) > .inner > .img {
    flex: 0 0 auto;
  }
  .card-tile02:not(.-spBlock) > .inner > .text {
    width: 100%;
  }
  .card-tile02:not(.-spBlock) > .inner > .text:not(:first-child) {
    margin-top: 0; 
    margin-left: 16px;
    text-align: left;
  }
  .card-tile04 {
    padding: 20px;
  }
  .card-tile05 > .inner > .body {
    padding: 24px 18px;
  }
  .card-balloon01 {
    padding: 16px;
  }
  .card-balloon02 {
    padding: 16px;
  }
  .card-overflowing01 > .inner {
    width: 100%;
    padding: 0 4.8vw;
  }
  .card-overflowing01.-connected01 > .inner {
    width: 100%;
    padding: 0 4.8vw;
  }
  .card-overflowing01 {
    margin-top: 80px;
    padding-top: 33px;
  }
  .card-overflowing01 > .inner {
    padding-bottom: 32px;
  }
  .card-overflowing01 > .inner > .body > *:not(:first-child) {
    margin-top: 28px;
  }
  .card-overflowing01 > .inner > .body > [class*="card-box"] {
    margin-top: -46px;
  }
  .card-imgBlock01:not(:first-child) {
    margin-top: 56px;
  }
  .card-imgBlock01 > .inner > .img:not(:first-child) {
    margin-top: 18px;
  }
  .card-imgBlock01 > .inner > .img img {
    width: 298px;
    max-width: 100%;
  }
  .card-imgBlock01:nth-child(even) > .inner > .img {
    text-align: left;
  }
  .card-imgBlock01:nth-child(odd) > .inner > .img {
    text-align: right;
  }
  .card-modal01 > .inner {
    flex-direction: column-reverse;
    padding-top: 20px;
  }
  .card-modal01 > .inner > .img {
    margin-top: 24px;
  }
  .card-modal02 {
    padding: 34px 0 0 0;
  }
  .card-modal02 > .inner {
    padding-left: 0;
  }
  .list-normal01.-spWide01 > .item:not(:first-child) {
    margin-top: 40px;
  }
  .list-link01.-spFull > .item > a {
    padding-right: 30px;
    padding-left: 4.8vw;
    font-weight: bold;
  }
  .list-link01.-spFull > .item > a::after {
    right: 10px;
  }
  .list-scroll01 {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .list-scroll01 {
    padding-right: 4.8vw;
  }
  .list-scroll01 > .list {
    flex-wrap: nowrap;
    padding-left: 4.8vw;

    overflow-x: scroll;
    white-space: nowrap;
  }
  .list-scroll01 > .list > .item {
    width: 256px;
    margin-top: 0;
    margin-left: 16px; 

    flex-shrink: 0;
  }
  .list-scroll01 > .list > .item:nth-child(4n + 1) {
    margin-left: 16px;
  }
  .list-scroll01 > .list > .item:first-child {
    margin-left: 0;
  }
  .list-scroll01 > .list > .item > * {
    white-space: normal;
  }
  .list-scroll01 [class*="card-tile"] {
    margin-bottom: 27px;
  }
  .list-conversation01 > .item > .inner > .img {
    width: 68px;
  }
  .list-conversation01.-hasPersonal01 > .item > .personal {
    width: 100%;
    text-align: left;
  }
  .list-conversation01.-hasPersonal01 > .item > .inner > .img {
    width: 70px;
  }
  .title-heading01 > .inner {
    width: 100%;
    padding: 0 4.8vw;
  }
  .title-heading01.-img01 > .inner > .img {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .title-heading01 .title > .inner {
    line-height: 1.5; 
    font-size: 2.8rem;
  }
  .title-heading01.-img01 {
    padding-top: 28px;
  }
  .title-heading01.-img01 > .inner {
    display: block;
  }
  .title-heading01.-img01 > .inner > .img {
    margin-top: 24px;
  }
  .title-heading02 > .title.-spBlock,
  .title-heading03 > .title.-spBlock,
  .title-heading04 > .title.-spBlock {
    flex-direction: column;
  }
  .title-heading02 > .title.-spBlock > *,
  .title-heading03 > .title.-spBlock > *,
  .title-heading04 > .title.-spBlock > * {
    margin-left: 0;
  }
  .title-heading02 > .title.-spBlock > *:not(:first-child),
  .title-heading03 > .title.-spBlock > *:not(:first-child),
  .title-heading04 > .title.-spBlock > *:not(:first-child) {
    margin-top: 8px;
  }
  .title-heading02.-left.-spCenter,
  .title-heading03.-left.-spCenter,
  .title-heading04.-left.-spCenter {
    justify-content: center; 
    text-align: center;
  }
  .title-heading02.-left.-spCenter > .title,
  .title-heading03.-left.-spCenter > .title,
  .title-heading04.-left.-spCenter > .title {
    justify-content: center;
  }
  .title-heading02 {
    margin-bottom: 24px;
  }
  .title-heading03 {
    margin-bottom: 16px;
  }
  .title-heading04 {
    margin-bottom: 8px;
  }
  section > .title-heading02,
  aside > .title-heading02 {
    margin-top: 80px;
  }
  section > .title-heading03,
  aside > .title-heading03 {
    margin-top: 40px;
  }
  section > .title-heading04,
  aside > .title-heading04 {
    margin-top: 28px;
  }
  .title-balloon01 > .inner:not(.-spNotFull) {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .title-balloon01 > .inner > .detail {
    display: block;
  }
  .title-balloon01 > .inner > .detail > .lead {
    padding: 0 34px 28px 22px;
  }
  .title-balloon01 > .inner > .detail > .lead:not(:last-child) {
    min-height: 68px;
  }
  .title-balloon01 > .inner > .detail > .img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 62px;
  }
  .title-balloon01.-spfit > .inner {
    margin-right: 0; 
    margin-left: 0;
  }
  .title-balloon02 {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .title-balloon02 > .title > .inner {
    display: block;
    min-height: inherit;
  }
  .title-balloon03 {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .title-balloon03 {
    margin-bottom: 40px;
    border-radius: 0;
  }
  .title-balloon03 > .inner {
    display: block;
    padding: 38px 28px;
  }
  .title-balloon03 > .inner > .img {
    display: none;
  }
  .title-background01 > .inner {
    width: 100%;
    padding: 0 4.8vw;
  }
  .title-background01 > .inner > .body > .text > .title > .-spstext01 {
    font-size: 2.4rem;
  }
  .title-background01 > .inner {
    padding: 0;
  }
  .title-background01 > .inner > .body {
    width: 100%;
    min-height: auto; 
    margin: 0;
    padding: 0 4.8vw;
  }
  .title-background01 > .inner > .body::before {
    top: 0;
    bottom: auto;
    width: 100%;
    height: 338px;
    background-position: center top;
    background-size: cover;
    border-radius: 0;
  }
  .title-background01 > .inner > .body > .text {
    width: 100%;
    margin: 338px 0 0;
    padding: 16px 0 0 0;
  }
  .title-background01 > .inner > .body > .text > .title {
    font-size: 2.8rem;
  }
  .title-background01 > .inner > .body > .text > .lead:not(:first-child),
  .title-background01 > .inner > .body > .text > .lead > *:not(:first-child) {
    margin-top: 16px;
  }
  .title-background01.-wide01 > .inner > .body > .text {
    width: 100%;
  }
  .title-background01.-img01 > .inner > .body {
    flex-direction: column-reverse;
    padding: 0;
  }
  .title-background01.-img01 > .inner > .body > .text {
    margin-top: 0;
    padding-right: 4.8vw;
    padding-left: 4.8vw;
  }
  .title-background01.-img01 > .inner > .body > .img {
    position: static;
    width: 100%;
    border-radius: 0;
    text-align: center;
  }
  .title-background01.-low01 > .inner > .body > .text {
    margin: 115px 0 0;
  }
  .title-background01.-low01 > .inner > .body::before {
    height: 115px;
  }
  .table-type01 > thead > tr > th,
  .table-type01 > thead > tr > td,
  .table-type01 > tbody > tr > th,
  .table-type01 > tbody > tr > td {
    padding: 16px;
  }
  .table-type01.-spBlock {
    table-layout: inherit;
  }
  .table-type01.-spBlock > tbody > tr > th,
  .table-type01.-spBlock > tbody > tr > td {
    display: block;
  }
  .table-type01.-spBlock > colgroup {
    display: none;
  }
  .table-type01 {
    font-size: 1.4rem;
  }
  .table-detail01.-spBlock > .item > .row {
    flex-direction: column;
  }
  .table-detail01.-spBlock > .item > .row > .header.-middle {
    display: block;
  }
  .table-detail01.-spBlock > .item > .row > .header,
  .table-detail01.-spBlock > .item > .row > .data {
    width: 100%;
    padding: 16px; 
    border-left: none;
  }
  .table-detail01 {
    font-size: 1.4rem;
  }
  .table-scroll01 {
    margin-right: -4.8vw; 

    overflow-x: auto;
  }
  .table-scroll01 > * {
    width: 600px;
  }
  .detail-side01.-spBlock {
    display: block;
  }
  .detail-side01.-spBlock > .title {
    text-align: center;
  }
  .detail-side01.-spBlock > .detail:not(:first-child) {
    margin-top: 8px;
    margin-left: 0;
  }
  .detail-list05 {
    justify-content: flex-start;
  }
  .detail-side02 {
    display: block;
  }
  .detail-side02 > * {
    max-width: 100%;
  }
  .detail-side02 > .title {
    text-align: center; 
    font-size: 2rem;
  }
  .detail-side02 > .title > * {
    text-align: left;
  }
  .detail-side02 > .title[class*="glyph-"] > .inner::before {
    top: calc(50% - (1.375em / 2));
  }
  .detail-side02 > .detail {
    margin-top: 24px;
    margin-left: 0;
    text-align: center;
  }
  .detail-block01 > .inner {
    padding: 0 18px;
  }
  .detail-block01 > .inner > .list > .title {
    font-size: 2.4rem;
  }
  .detail-block01 > .inner > .list > .detail:not(:first-child) {
    margin-top: 18px;
  }
  .detail-block01 > .inner > .list > .detail > .img {
    display: none;
  }
  .detail-block01 > .inner > .list > .detail > .text > [class*="detail-list"] > .title {
    padding: 0 24px;
  }
  .detail-block01 > .inner > .list > .detail > .character {
    top: 0;
    right: -24px;
    bottom: auto;
    width: 46px;
  }
  .detail-block02 > .inner > .text {
    padding: 0 28px;
  }
  .detail-block02 > .inner > .img {
    max-width: 100%;
    margin: auto;
  }
  .detail-block02 > .inner > .img > .balloon {
    top: 14%;
    left: 2%;
  }
  .detail-block02 > .inner > .img > .balloon > .inner {
    width: 73px;
    min-height: 73px;
    font-size: 1.1rem;
  }
  .detail-block02 > .inner > .img > .balloon > .inner::after {
    right: 4px; 
    bottom: -8px;
  }
  .img-block01 {
    display: block;
  }
  .img-block01 > .img {
    width: 100%;
    text-align: center;
  }
  .img-block01 > .img:not(._sp-w100p) {
    margin: 0 auto;
  }
  .img-block01 > .text:first-child {
    padding-right: 0;
    padding-bottom: 16px;
  }
  .img-block01 > .text:last-child {
    padding-top: 16px;
    padding-left: 0;
  }
  .img-block01.-wide01 > .text:first-child {
    padding-right: 0;
    padding-bottom: 24px;
  }
  .img-block01.-wide01 > .text:last-child {
    padding-top: 24px;
    padding-left: 0;
  }
  .img-block02 > .text:first-child {
    padding-right: 8px;
  }
  .img-block02 > .text:last-child {
    padding-left: 8px;
  }
  .img-block03 {
    display: block;
  }
  .title-balloon01 .img-block03 > .text {
    padding: 0 34px 58px 22px;
  }
  .title-balloon01 .img-block03 > .text:not(:last-child) {
    min-height: 68px;
  }
  .title-balloon01 .img-block03 > .img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 62px;
  }
  .sp-imgFull01 {
    text-align: center;
  }
  .sp-imgFull01 img {
    width: 375px;
    max-width: 100%;
  }
  .img-spBlock01 {
    display: flex;
    align-items: center;
  }
  .img-spBlock01 > *:not(:first-child) {
    margin-left: 16px;
  }
  .text-mark02 > .mark {
    top: .1em;
    font-size: 2.2rem;
  }
  .text-num02.-spBlock {
    flex-direction: column;
    align-items: center;
  }
  .text-num02.-spBlock > .text {
    margin-top: 8px;
  }
  .btn-list01:not(.-spColumn) {
    flex-direction: column;
  }
  .btn-list01:not(.-spColumn) > .item {
    width: 100%;
  }
  .btn-list01:not(.-spColumn) > .item:not(:first-child) {
    margin: 18px 0 0 0;
  }
  .btn-list01.-spColumn > .item {
    width: calc((100% - 24px) / 2);
  }
  .btn-list01.-spColumn > .item:only-child {
    width: 100%;
  }
  .btn-wrap01 {
    width: 100%;
  }
  .btn-type01.-spWidth01,
  .-spWidth01.btn-type02 {
    width: auto;
    min-width: inherit;
    min-width: auto; 
    max-width: 140px;
  }
  .btn-typeBnr01 > .inner > *:not(:first-child) {
    margin-left: 16px;
  }
  .btn-typeBnr01 > .inner > .text > .title {
    font-size: 1.6rem;
  }
  .icon-link01.card-tile02 > .inner::after {
    bottom: 8px;
  }
  .icon-link01.card-tile02.-top {
    padding-top: 32px;
  }
  .icon-link01.card-tile02.-top > .inner::after {
    top: 8px;
  }
  .icon-link01.card-tile02.-bottom {
    padding-bottom: 32px;
  }
  .icon-link01.card-tile02.-bottom > .inner::after {
    bottom: 8px;
  }
  .form-list02.-spBlock {
    display: block;
  }
  .form-list02.-spBlock > .item {
    margin: 0;
  }
  .form-column01:not(.-spBlock) {
    flex-direction: column;
  }
  .form-column01:not(.-spBlock) > .item {
    margin-right: 0;
  }
  .modal-wrap {
    padding: 0 4.8vw;
  }
  .modal-block01 > .inner > .header > .title.-wide01,
  .modal-block02 > .inner > .header > .title.-wide01 {
    padding: 0 40px;
  }
  .modal-block01,
  .modal-block02 {
    width: 100%;
    max-width: 600px;
    max-height: calc(100% - 36px);
  }
  .modal-block01 > .inner,
  .modal-block02 > .inner {
    max-height: calc(100vh - 36px);
  }
  .modal-block01 > .inner > .header > .btn,
  .modal-block02 > .inner > .header > .btn {
    right: 1.74%;
  }
  .modal-block01 > .inner > .header > .title[class*="glyph-"] > .inner,
  .modal-block02 > .inner > .header > .title[class*="glyph-"] > .inner {
    padding: 1.5em 0 0 0;
  }
  .modal-block01 > .inner > .header > .title[class*="glyph-"] > .inner::before,
  .modal-block02 > .inner > .header > .title[class*="glyph-"] > .inner::before {
    top: 0;
    left: calc(50% - (1.375em / 2));
  }
  .modal-block01.-wide01,
  .-wide01.modal-block02 {
    width: 100%; 
    min-width: inherit;
    min-width: auto;
    max-width: 960px;
  }
  .modal-block02 {
    width: 100%;
  }
  .toggle-block01.card-normal01 > .inner > .header[role="tab"]::after,
  .toggle-block01.card-normal02 > .inner > .header[role="tab"]::after,
  .toggle-block01.card-normal03 > .inner > .header[role="tab"]::after {
    right: 12px;
  }
  .toggle-area01 > .toggle-content.-close::after {
    height: 66px;
  }
  .tab-block01 > .wrap > .panel > .inner {
    padding-top: 28px;
  }
  .tab-block01.-child {
    margin: 28px 4.8vw 0;
  }
  .tab-block02:not(.-full01) {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .tab-block02 > .list {
    padding: 0 15px;
  }
  .tab-block02 > .switch {
    padding: 10px 0;
  }
  .tab-block02 > .wrap.-spFull01 {
    padding: 28px;
  }
  .tab-block03:not(.-full01) {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  .tab-block03 > .list {
    max-width: 95%;
    padding: 0;
  }
  .tab-block03 > .list > .item > .switch {
    padding: 12px 0;
  }
  .tab-block03 > .list > .item > .switch:focus {
    outline-offset: -2px !important;
  }
  .tab-block03 > .wrap.-spFull01 {
    padding: 28px;
  }
  .tab-block03.-column3 > .list::before {
    width: 33%;
  }
  .text-tel01 > .text,
  .text-tel01 > .tel {
    font-size: 2.0rem;
  }
  .text-tel01 > .text {
    display: block;
  }
  ._sp-d-block {
    display: block !important;
  }
  ._sp-d-inline,
  ._sp-d-inlineChild > * {
    display: inline !important;
  }
  ._sp-d-inlineBlock,
  ._sp-d-inlineBlockChild > * {
    display: inline-block !important;
  }
  ._sp-d-table {
    display: table !important;
    width: 100%;
  }
  ._sp-d-table > * {
    display: table-cell;
  }
  ._sp-d-flex {
    display: flex !important;
  }
  ._sp-a-itemStretch {
    align-items: stretch !important;
  }
  ._sp-a-itemStart {
    align-items: flex-start !important;
  }
  ._sp-a-itemEnd {
    align-items: flex-end !important;
  }
  ._sp-a-itemCenter {
    align-items: center !important;
  }
  ._sp-a-itemBaseline {
    align-items: baseline !important;
  }
  ._sp-j-contentStart {
    justify-content: flex-start !important;
  }
  ._sp-j-contentEnd {
    justify-content: flex-end !important;
  }
  ._sp-j-contentCenter {
    justify-content: center !important;
  }
  ._sp-j-contentBetween {
    justify-content: space-between !important;
  }
  ._sp-f-directionRow {
    flex-direction: row !important;
  }
  ._sp-f-directionReverse {
    flex-direction: row-reverse !important;
  }
  ._sp-f-direction_column {
    flex-direction: column !important;
  }
  ._sp-f-directionColumnReverse {
    flex-direction: column-reverse !important;
  }
  ._sp-f-wrapNowrap {
    flex-wrap: nowrap !important;
  }
  ._sp-f-wrapWrap {
    flex-wrap: wrap !important;
  }
  ._sp-f-wrapReverse {
    flex-wrap: wrap-reverse !important;
  }
  ._pc-content {
    display: none !important;
  }
  body:not(.ua-ios) ._ios-content {
    display: none !important;
  }
  body:not(.ua-and) ._and-content {
    display: none !important;
  }
  /*-------------------------------------------
  Align
  -------------------------------------------*/
  ._sp-t-center {
    text-align: center !important;
  }
  ._sp-t-left {
    text-align: left !important;
  }
  ._sp-t-right {
    text-align: right !important;
  }
  ._sp-v-top {
    vertical-align: top !important;
  }
  ._sp-v-middle {
    vertical-align: middle !important;
  }
  ._sp-v-bottom {
    vertical-align: bottom !important;
  }
  ._sp-full01 {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
  ._sp-w-auto {
    width: auto !important;
  }
  /* em */
  ._sp-w01em {
    width: 1em !important;
    max-width: 100% !important;
  }
  ._sp-w02em {
    width: 2em !important;
    max-width: 100% !important;
  }
  ._sp-w03em {
    width: 3em !important;
    max-width: 100% !important;
  }
  ._sp-w04em {
    width: 4em !important;
    max-width: 100% !important;
  }
  ._sp-w05em {
    width: 5em !important;
    max-width: 100% !important;
  }
  ._sp-w06em {
    width: 6em !important;
    max-width: 100% !important;
  }
  ._sp-w07em {
    width: 7em !important;
    max-width: 100% !important;
  }
  ._sp-w08em {
    width: 8em !important;
    max-width: 100% !important;
  }
  ._sp-w09em {
    width: 9em !important;
    max-width: 100% !important;
  }
  ._sp-w10em {
    width: 10em !important;
    max-width: 100% !important;
  }
  ._sp-w11em {
    width: 11em !important;
    max-width: 100% !important;
  }
  ._sp-w12em {
    width: 12em !important;
    max-width: 100% !important;
  }
  ._sp-w13em {
    width: 13em !important;
    max-width: 100% !important;
  }
  ._sp-w14em {
    width: 14em !important;
    max-width: 100% !important;
  }
  ._sp-w15em {
    width: 15em !important;
    max-width: 100% !important;
  }
  ._sp-w16em {
    width: 16em !important;
    max-width: 100% !important;
  }
  ._sp-w17em {
    width: 17em !important;
    max-width: 100% !important;
  }
  ._sp-w18em {
    width: 18em !important;
    max-width: 100% !important;
  }
  ._sp-w19em {
    width: 19em !important;
    max-width: 100% !important;
  }
  ._sp-w20em {
    width: 20em !important;
    max-width: 100% !important;
  }
  ._sp-w21em {
    width: 21em !important;
    max-width: 100% !important;
  }
  ._sp-w22em {
    width: 22em !important;
    max-width: 100% !important;
  }
  ._sp-w23em {
    width: 23em !important;
    max-width: 100% !important;
  }
  ._sp-w24em {
    width: 24em !important;
    max-width: 100% !important;
  }
  ._sp-w25em {
    width: 25em !important;
    max-width: 100% !important;
  }
  ._sp-w26em {
    width: 26em !important;
    max-width: 100% !important;
  }
  ._sp-w27em {
    width: 27em !important;
    max-width: 100% !important;
  }
  ._sp-w28em {
    width: 28em !important;
    max-width: 100% !important;
  }
  ._sp-w29em {
    width: 29em !important;
    max-width: 100% !important;
  }
  ._sp-w30em {
    width: 30em !important;
    max-width: 100% !important;
  }
  ._sp-w31em {
    width: 31em !important;
    max-width: 100% !important;
  }
  ._sp-w32em {
    width: 32em !important;
    max-width: 100% !important;
  }
  ._sp-w33em {
    width: 33em !important;
    max-width: 100% !important;
  }
  ._sp-w34em {
    width: 34em !important;
    max-width: 100% !important;
  }
  ._sp-w35em {
    width: 35em !important;
    max-width: 100% !important;
  }
  ._sp-w36em {
    width: 36em !important;
    max-width: 100% !important;
  }
  ._sp-w37em {
    width: 37em !important;
    max-width: 100% !important;
  }
  ._sp-w38em {
    width: 38em !important;
    max-width: 100% !important;
  }
  ._sp-w39em {
    width: 39em !important;
    max-width: 100% !important;
  }
  ._sp-w40em {
    width: 40em !important;
    max-width: 100% !important;
  }
  /* px */
  ._sp-w20 {
    width: 20px !important;
    max-width: 100% !important;
  }
  ._sp-w30 {
    width: 30px !important;
    max-width: 100% !important;
  }
  ._sp-w40 {
    width: 40px !important;
    max-width: 100% !important;
  }
  ._sp-w50 {
    width: 50px !important;
    max-width: 100% !important;
  }
  ._sp-w60 {
    width: 60px !important;
    max-width: 100% !important;
  }
  ._sp-w70 {
    width: 70px !important;
    max-width: 100% !important;
  }
  ._sp-w80 {
    width: 80px !important;
    max-width: 100% !important;
  }
  ._sp-w90 {
    width: 90px !important;
    max-width: 100% !important;
  }
  ._sp-w100 {
    width: 100px !important;
    max-width: 100% !important;
  }
  ._sp-w110 {
    width: 110px !important;
    max-width: 100% !important;
  }
  ._sp-w120 {
    width: 120px !important;
    max-width: 100% !important;
  }
  ._sp-w130 {
    width: 130px !important;
    max-width: 100% !important;
  }
  ._sp-w140 {
    width: 140px !important;
    max-width: 100% !important;
  }
  ._sp-w150 {
    width: 150px !important;
    max-width: 100% !important;
  }
  ._sp-w160 {
    width: 160px !important;
    max-width: 100% !important;
  }
  ._sp-w170 {
    width: 170px !important;
    max-width: 100% !important;
  }
  ._sp-w180 {
    width: 180px !important;
    max-width: 100% !important;
  }
  ._sp-w190 {
    width: 190px !important;
    max-width: 100% !important;
  }
  ._sp-w200 {
    width: 200px !important;
    max-width: 100% !important;
  }
  ._sp-w210 {
    width: 210px !important;
    max-width: 100% !important;
  }
  ._sp-w220 {
    width: 220px !important;
    max-width: 100% !important;
  }
  ._sp-w230 {
    width: 230px !important;
    max-width: 100% !important;
  }
  ._sp-w240 {
    width: 240px !important;
    max-width: 100% !important;
  }
  ._sp-w250 {
    width: 250px !important;
    max-width: 100% !important;
  }
  ._sp-w260 {
    width: 260px !important;
    max-width: 100% !important;
  }
  ._sp-w270 {
    width: 270px !important;
    max-width: 100% !important;
  }
  ._sp-w280 {
    width: 280px !important;
    max-width: 100% !important;
  }
  ._sp-w290 {
    width: 290px !important;
    max-width: 100% !important;
  }
  ._sp-w300 {
    width: 300px !important;
    max-width: 100% !important;
  }
  ._sp-w310 {
    width: 310px !important;
    max-width: 100% !important;
  }
  ._sp-w320 {
    width: 320px !important;
    max-width: 100% !important;
  }
  ._sp-w330 {
    width: 330px !important;
    max-width: 100% !important;
  }
  ._sp-w340 {
    width: 340px !important;
    max-width: 100% !important;
  }
  ._sp-w350 {
    width: 350px !important;
    max-width: 100% !important;
  }
  ._sp-w360 {
    width: 360px !important;
    max-width: 100% !important;
  }
  ._sp-w370 {
    width: 370px !important;
    max-width: 100% !important;
  }
  ._sp-w380 {
    width: 380px !important;
    max-width: 100% !important;
  }
  ._sp-w390 {
    width: 390px !important;
    max-width: 100% !important;
  }
  ._sp-w400 {
    width: 400px !important;
    max-width: 100% !important;
  }
  ._sp-w410 {
    width: 410px !important;
    max-width: 100% !important;
  }
  ._sp-w420 {
    width: 420px !important;
    max-width: 100% !important;
  }
  ._sp-w430 {
    width: 430px !important;
    max-width: 100% !important;
  }
  ._sp-w440 {
    width: 440px !important;
    max-width: 100% !important;
  }
  ._sp-w450 {
    width: 450px !important;
    max-width: 100% !important;
  }
  ._sp-w460 {
    width: 460px !important;
    max-width: 100% !important;
  }
  ._sp-w470 {
    width: 470px !important;
    max-width: 100% !important;
  }
  ._sp-w480 {
    width: 480px !important;
    max-width: 100% !important;
  }
  ._sp-w490 {
    width: 490px !important;
    max-width: 100% !important;
  }
  ._sp-w500 {
    width: 500px !important;
    max-width: 100% !important;
  }
  ._sp-w510 {
    width: 510px !important;
    max-width: 100% !important;
  }
  ._sp-w520 {
    width: 520px !important;
    max-width: 100% !important;
  }
  ._sp-w530 {
    width: 530px !important;
    max-width: 100% !important;
  }
  ._sp-w540 {
    width: 540px !important;
    max-width: 100% !important;
  }
  ._sp-w550 {
    width: 550px !important;
    max-width: 100% !important;
  }
  ._sp-w560 {
    width: 560px !important;
    max-width: 100% !important;
  }
  ._sp-w570 {
    width: 570px !important;
    max-width: 100% !important;
  }
  ._sp-w580 {
    width: 580px !important;
    max-width: 100% !important;
  }
  ._sp-w590 {
    width: 590px !important;
    max-width: 100% !important;
  }
  ._sp-w600 {
    width: 600px !important;
    max-width: 100% !important;
  }
  ._sp-w610 {
    width: 610px !important;
    max-width: 100% !important;
  }
  ._sp-w620 {
    width: 620px !important;
    max-width: 100% !important;
  }
  ._sp-w630 {
    width: 630px !important;
    max-width: 100% !important;
  }
  ._sp-w640 {
    width: 640px !important;
    max-width: 100% !important;
  }
  ._sp-w650 {
    width: 650px !important;
    max-width: 100% !important;
  }
  ._sp-w660 {
    width: 660px !important;
    max-width: 100% !important;
  }
  ._sp-w670 {
    width: 670px !important;
    max-width: 100% !important;
  }
  ._sp-w680 {
    width: 680px !important;
    max-width: 100% !important;
  }
  ._sp-w690 {
    width: 690px !important;
    max-width: 100% !important;
  }
  ._sp-w700 {
    width: 700px !important;
    max-width: 100% !important;
  }
  ._sp-w710 {
    width: 710px !important;
    max-width: 100% !important;
  }
  ._sp-w720 {
    width: 720px !important;
    max-width: 100% !important;
  }
  ._sp-w730 {
    width: 730px !important;
    max-width: 100% !important;
  }
  ._sp-w740 {
    width: 740px !important;
    max-width: 100% !important;
  }
  ._sp-w750 {
    width: 750px !important;
    max-width: 100% !important;
  }
  ._sp-w758 {
    width: 758px !important;
    max-width: 100% !important;
  }
  /* percent */
  ._sp-w01p {
    width: 1% !important;
  }
  ._sp-w02p {
    width: 2% !important;
  }
  ._sp-w03p {
    width: 3% !important;
  }
  ._sp-w04p {
    width: 4% !important;
  }
  ._sp-w05p {
    width: 5% !important;
  }
  ._sp-w06p {
    width: 6% !important;
  }
  ._sp-w07p {
    width: 7% !important;
  }
  ._sp-w08p {
    width: 8% !important;
  }
  ._sp-w09p {
    width: 9% !important;
  }
  ._sp-w10p {
    width: 10% !important;
  }
  ._sp-w11p {
    width: 11% !important;
  }
  ._sp-w12p {
    width: 12% !important;
  }
  ._sp-w13p {
    width: 13% !important;
  }
  ._sp-w14p {
    width: 14% !important;
  }
  ._sp-w15p {
    width: 15% !important;
  }
  ._sp-w16p {
    width: 16% !important;
  }
  ._sp-w17p {
    width: 17% !important;
  }
  ._sp-w18p {
    width: 18% !important;
  }
  ._sp-w19p {
    width: 19% !important;
  }
  ._sp-w20p {
    width: 20% !important;
  }
  ._sp-w21p {
    width: 21% !important;
  }
  ._sp-w22p {
    width: 22% !important;
  }
  ._sp-w23p {
    width: 23% !important;
  }
  ._sp-w24p {
    width: 24% !important;
  }
  ._sp-w25p {
    width: 25% !important;
  }
  ._sp-w26p {
    width: 26% !important;
  }
  ._sp-w27p {
    width: 27% !important;
  }
  ._sp-w28p {
    width: 28% !important;
  }
  ._sp-w29p {
    width: 29% !important;
  }
  ._sp-w30p {
    width: 30% !important;
  }
  ._sp-w31p {
    width: 31% !important;
  }
  ._sp-w32p {
    width: 32% !important;
  }
  ._sp-w33p {
    width: 33% !important;
  }
  ._sp-w34p {
    width: 34% !important;
  }
  ._sp-w35p {
    width: 35% !important;
  }
  ._sp-w36p {
    width: 36% !important;
  }
  ._sp-w37p {
    width: 37% !important;
  }
  ._sp-w38p {
    width: 38% !important;
  }
  ._sp-w39p {
    width: 39% !important;
  }
  ._sp-w40p {
    width: 40% !important;
  }
  ._sp-w41p {
    width: 41% !important;
  }
  ._sp-w42p {
    width: 42% !important;
  }
  ._sp-w43p {
    width: 43% !important;
  }
  ._sp-w44p {
    width: 44% !important;
  }
  ._sp-w45p {
    width: 45% !important;
  }
  ._sp-w46p {
    width: 46% !important;
  }
  ._sp-w47p {
    width: 47% !important;
  }
  ._sp-w48p {
    width: 48% !important;
  }
  ._sp-w49p {
    width: 49% !important;
  }
  ._sp-w50p {
    width: 50% !important;
  }
  ._sp-w51p {
    width: 51% !important;
  }
  ._sp-w52p {
    width: 52% !important;
  }
  ._sp-w53p {
    width: 53% !important;
  }
  ._sp-w54p {
    width: 54% !important;
  }
  ._sp-w55p {
    width: 55% !important;
  }
  ._sp-w56p {
    width: 56% !important;
  }
  ._sp-w57p {
    width: 57% !important;
  }
  ._sp-w58p {
    width: 58% !important;
  }
  ._sp-w59p {
    width: 59% !important;
  }
  ._sp-w60p {
    width: 60% !important;
  }
  ._sp-w61p {
    width: 61% !important;
  }
  ._sp-w62p {
    width: 62% !important;
  }
  ._sp-w63p {
    width: 63% !important;
  }
  ._sp-w64p {
    width: 64% !important;
  }
  ._sp-w65p {
    width: 65% !important;
  }
  ._sp-w66p {
    width: 66% !important;
  }
  ._sp-w67p {
    width: 67% !important;
  }
  ._sp-w68p {
    width: 68% !important;
  }
  ._sp-w69p {
    width: 69% !important;
  }
  ._sp-w70p {
    width: 70% !important;
  }
  ._sp-w71p {
    width: 71% !important;
  }
  ._sp-w72p {
    width: 72% !important;
  }
  ._sp-w73p {
    width: 73% !important;
  }
  ._sp-w74p {
    width: 74% !important;
  }
  ._sp-w75p {
    width: 75% !important;
  }
  ._sp-w76p {
    width: 76% !important;
  }
  ._sp-w77p {
    width: 77% !important;
  }
  ._sp-w78p {
    width: 78% !important;
  }
  ._sp-w79p {
    width: 79% !important;
  }
  ._sp-w80p {
    width: 80% !important;
  }
  ._sp-w81p {
    width: 81% !important;
  }
  ._sp-w82p {
    width: 82% !important;
  }
  ._sp-w83p {
    width: 83% !important;
  }
  ._sp-w84p {
    width: 84% !important;
  }
  ._sp-w85p {
    width: 85% !important;
  }
  ._sp-w86p {
    width: 86% !important;
  }
  ._sp-w87p {
    width: 87% !important;
  }
  ._sp-w88p {
    width: 88% !important;
  }
  ._sp-w89p {
    width: 89% !important;
  }
  ._sp-w90p {
    width: 90% !important;
  }
  ._sp-w91p {
    width: 91% !important;
  }
  ._sp-w92p {
    width: 92% !important;
  }
  ._sp-w93p {
    width: 93% !important;
  }
  ._sp-w94p {
    width: 94% !important;
  }
  ._sp-w95p {
    width: 95% !important;
  }
  ._sp-w96p {
    width: 96% !important;
  }
  ._sp-w97p {
    width: 97% !important;
  }
  ._sp-w98p {
    width: 98% !important;
  }
  ._sp-w99p {
    width: 99% !important;
  }
  ._sp-w100p {
    width: 100% !important;
  }
  /*-------------------------------------------
  Margin
  -------------------------------------------*/
  /* margin-all*/
  ._sp-m00 {
    margin: 0 !important;
  }
  ._sp-m08 {
    margin: 8px !important;
  }
  ._sp-m16 {
    margin: 16px !important;
  }
  ._sp-m24 {
    margin: 24px !important;
  }
  ._sp-m32 {
    margin: 32px !important;
  }
  ._sp-m40 {
    margin: 40px !important;
  }
  ._sp-m48 {
    margin: 48px !important;
  }
  /* margin-auto*/
  ._sp-ma00 {
    margin: 0 auto !important;
  }
  ._sp-ma08 {
    margin: 8px auto !important;
  }
  ._sp-ma16 {
    margin: 16px auto !important;
  }
  ._sp-ma24 {
    margin: 24px auto !important;
  }
  ._sp-ma32 {
    margin: 32px auto !important;
  }
  ._sp-ma40 {
    margin: 40px auto !important;
  }
  ._sp-ma48 {
    margin: 48px auto !important;
  }
  /* margin-top*/
  ._sp-mt00 {
    margin-top: 0 !important;
  }
  ._sp-mt08 {
    margin-top: 8px !important;
  }
  ._sp-mt16 {
    margin-top: 16px !important;
  }
  ._sp-mt24 {
    margin-top: 24px !important;
  }
  ._sp-mt32 {
    margin-top: 32px !important;
  }
  ._sp-mt40 {
    margin-top: 40px !important;
  }
  ._sp-mt48 {
    margin-top: 48px !important;
  }
  ._sp-mt04 {
    margin-top: 4px !important;
  }
  ._sp-mt12 {
    margin-top: 12px !important;
  }
  ._sp-mt18 {
    margin-top: 18px !important;
  }
  ._sp-mt28 {
    margin-top: 28px !important;
  }
  ._sp-mt60 {
    margin-top: 60px !important;
  }
  /* margin-right*/
  ._sp-mr00 {
    margin-right: 0 !important;
  }
  ._sp-mr08 {
    margin-right: 8px !important;
  }
  ._sp-mr16 {
    margin-right: 16px !important;
  }
  ._sp-mr24 {
    margin-right: 24px !important;
  }
  ._sp-mr32 {
    margin-right: 32px !important;
  }
  ._sp-mr40 {
    margin-right: 40px !important;
  }
  ._sp-mr48 {
    margin-right: 48px !important;
  }
  ._sp-mr04 {
    margin-right: 4px !important;
  }
  ._sp-mr12 {
    margin-right: 12px !important;
  }
  ._sp-mr18 {
    margin-right: 18px !important;
  }
  ._sp-mr28 {
    margin-right: 28px !important;
  }
  /* margin-bottom*/
  ._sp-mb00 {
    margin-bottom: 0 !important;
  }
  ._sp-mb08 {
    margin-bottom: 8px !important;
  }
  ._sp-mb16 {
    margin-bottom: 16px !important;
  }
  ._sp-mb24 {
    margin-bottom: 24px !important;
  }
  ._sp-mb32 {
    margin-bottom: 32px !important;
  }
  ._sp-mb40 {
    margin-bottom: 40px !important;
  }
  ._sp-mb48 {
    margin-bottom: 48px !important;
  }
  ._sp-mb04 {
    margin-bottom: 4px !important;
  }
  ._sp-mb12 {
    margin-bottom: 12px !important;
  }
  ._sp-mb18 {
    margin-bottom: 18px !important;
  }
  ._sp-mb28 {
    margin-bottom: 28px !important;
  }
  /* margin-left*/
  ._sp-ml00 {
    margin-left: 0 !important;
  }
  ._sp-ml08 {
    margin-left: 8px !important;
  }
  ._sp-ml16 {
    margin-left: 16px !important;
  }
  ._sp-ml24 {
    margin-left: 24px !important;
  }
  ._sp-ml32 {
    margin-left: 32px !important;
  }
  ._sp-ml40 {
    margin-left: 40px !important;
  }
  ._sp-ml48 {
    margin-left: 48px !important;
  }
  ._sp-ml04 {
    margin-left: 4px !important;
  }
  ._sp-ml12 {
    margin-left: 12px !important;
  }
  ._sp-ml18 {
    margin-left: 18px !important;
  }
  ._sp-ml28 {
    margin-left: 28px !important;
  }
  /*-------------------------------------------
  padding
  -------------------------------------------*/
  /* padding-all*/
  ._sp-p00 {
    padding: 0 !important;
  }
  ._sp-p08 {
    padding: 8px !important;
  }
  ._sp-p16 {
    padding: 16px !important;
  }
  ._sp-p24 {
    padding: 24px !important;
  }
  ._sp-p32 {
    padding: 32px !important;
  }
  ._sp-p40 {
    padding: 40px !important;
  }
  ._sp-p48 {
    padding: 48px !important;
  }
  /* padding-top*/
  ._sp-pt00 {
    padding-top: 0 !important;
  }
  ._sp-pt08 {
    padding-top: 8px !important;
  }
  ._sp-pt16 {
    padding-top: 16px !important;
  }
  ._sp-pt24 {
    padding-top: 24px !important;
  }
  ._sp-pt32 {
    padding-top: 32px !important;
  }
  ._sp-pt40 {
    padding-top: 40px !important;
  }
  ._sp-pt48 {
    padding-top: 48px !important;
  }
  ._sp-pt04 {
    padding-top: 4px !important;
  }
  ._sp-pt12 {
    padding-top: 12px !important;
  }
  ._sp-pt18 {
    padding-top: 18px !important;
  }
  ._sp-pt28 {
    padding-top: 28px !important;
  }
  /* padding-right*/
  ._sp-pr00 {
    padding-right: 0 !important;
  }
  ._sp-pr08 {
    padding-right: 8px !important;
  }
  ._sp-pr16 {
    padding-right: 16px !important;
  }
  ._sp-pr24 {
    padding-right: 24px !important;
  }
  ._sp-pr32 {
    padding-right: 32px !important;
  }
  ._sp-pr40 {
    padding-right: 40px !important;
  }
  ._sp-pr48 {
    padding-right: 48px !important;
  }
  ._sp-pr04 {
    padding-right: 4px !important;
  }
  ._sp-pr12 {
    padding-right: 12px !important;
  }
  ._sp-pr18 {
    padding-right: 18px !important;
  }
  ._sp-pr28 {
    padding-right: 28px !important;
  }
  /* padding-bottom*/
  ._sp-pb00 {
    padding-bottom: 0 !important;
  }
  ._sp-pb08 {
    padding-bottom: 8px !important;
  }
  ._sp-pb16 {
    padding-bottom: 16px !important;
  }
  ._sp-pb24 {
    padding-bottom: 24px !important;
  }
  ._sp-pb32 {
    padding-bottom: 32px !important;
  }
  ._sp-pb40 {
    padding-bottom: 40px !important;
  }
  ._sp-pb48 {
    padding-bottom: 48px !important;
  }
  ._sp-pb04 {
    padding-bottom: 4px !important;
  }
  ._sp-pb12 {
    padding-bottom: 12px !important;
  }
  ._sp-pb18 {
    padding-bottom: 18px !important;
  }
  ._sp-pb28 {
    padding-bottom: 28px !important;
  }
  /* padding-left*/
  ._sp-pl00 {
    padding-left: 0 !important;
  }
  ._sp-pl08 {
    padding-left: 8px !important;
  }
  ._sp-pl16 {
    padding-left: 16px !important;
  }
  ._sp-pl24 {
    padding-left: 24px !important;
  }
  ._sp-pl32 {
    padding-left: 32px !important;
  }
  ._sp-pl40 {
    padding-left: 40px !important;
  }
  ._sp-pl48 {
    padding-left: 48px !important;
  }
  ._sp-pl04 {
    padding-left: 4px !important;
  }
  ._sp-pl12 {
    padding-left: 12px !important;
  }
  ._sp-pl18 {
    padding-left: 18px !important;
  }
  ._sp-pl28 {
    padding-left: 28px !important;
  }
  ._sp-fs10 {
    font-size: 1rem !important;
  }
  ._sp-fs11 {
    font-size: 1.1rem !important;
  }
  ._sp-fs12 {
    font-size: 1.2rem !important;
  }
  ._sp-fs13 {
    font-size: 1.3rem !important;
  }
  ._sp-fs14 {
    font-size: 1.4rem !important;
  }
  ._sp-fs15 {
    font-size: 1.5rem !important;
  }
  ._sp-fs16 {
    font-size: 1.6rem !important;
  }
  ._sp-fs17 {
    font-size: 1.7rem !important;
  }
  ._sp-fs18 {
    font-size: 1.8rem !important;
  }
  ._sp-fs19 {
    font-size: 1.9rem !important;
  }
  ._sp-fs20 {
    font-size: 2rem !important;
  }
  ._sp-fs21 {
    font-size: 2.1rem !important;
  }
  ._sp-fs22 {
    font-size: 2.2rem !important;
  }
  ._sp-fs23 {
    font-size: 2.3rem !important;
  }
  ._sp-fs24 {
    font-size: 2.4rem !important;
  }
  ._sp-fs25 {
    font-size: 2.5rem !important;
  }
  ._sp-fs26 {
    font-size: 2.6rem !important;
  }
  ._sp-fs27 {
    font-size: 2.7rem !important;
  }
  ._sp-fs28 {
    font-size: 2.8rem !important;
  }
  ._sp-fs29 {
    font-size: 2.9rem !important;
  }
  ._sp-fs30 {
    font-size: 3rem !important;
  }
  ._sp-fs31 {
    font-size: 3.1rem !important;
  }
  ._sp-fs32 {
    font-size: 3.2rem !important;
  }
  ._sp-fs33 {
    font-size: 3.3rem !important;
  }
  ._sp-fs34 {
    font-size: 3.4rem !important;
  }
  ._sp-fs35 {
    font-size: 3.5rem !important;
  }
  ._sp-fs36 {
    font-size: 3.6rem !important;
  }
  ._sp-fs37 {
    font-size: 3.7rem !important;
  }
  ._sp-fs38 {
    font-size: 3.8rem !important;
  }
  ._sp-fs39 {
    font-size: 3.9rem !important;
  }
  ._sp-fs40 {
    font-size: 4rem !important;
  }
  ._sp-fs41 {
    font-size: 4.1rem !important;
  }
  ._sp-fs42 {
    font-size: 4.2rem !important;
  }
  ._sp-fs43 {
    font-size: 4.3rem !important;
  }
  ._sp-fs44 {
    font-size: 4.4rem !important;
  }
  ._sp-fs45 {
    font-size: 4.5rem !important;
  }
  ._sp-fs46 {
    font-size: 4.6rem !important;
  }
  ._sp-fs47 {
    font-size: 4.7rem !important;
  }
  ._sp-fs48 {
    font-size: 4.8rem !important;
  }
  ._sp-fs49 {
    font-size: 4.9rem !important;
  }
  ._sp-fs50 {
    font-size: 5rem !important;
  }
  ._sp-fs51 {
    font-size: 5.1rem !important;
  }
  ._sp-fs52 {
    font-size: 5.2rem !important;
  }
  ._sp-fs53 {
    font-size: 5.3rem !important;
  }
  ._sp-fs54 {
    font-size: 5.4rem !important;
  }
  ._sp-fs55 {
    font-size: 5.5rem !important;
  }
  ._sp-fs56 {
    font-size: 5.6rem !important;
  }
  ._sp-fs57 {
    font-size: 5.7rem !important;
  }
  ._sp-fs58 {
    font-size: 5.8rem !important;
  }
  ._sp-fs59 {
    font-size: 5.9rem !important;
  }
  ._sp-fs60 {
    font-size: 6rem !important;
  }
  a[href^="tel"]._tel-active {
    cursor: default; 

    pointer-events: all;
  }
  ._sp-t-bold {
    font-weight: bold !important;
  }
  ._sp-t-normal {
    font-weight: normal !important;
  }
}

@media screen and (min-width: 768px) {
  .card-section01 > a.inner:hover::before,
  .card-section01 > a.inner:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .card-box03 > .inner > .body {
    width: 824px;
    margin: auto;
  }
  a[class*="card-tile"]:not(:disabled):not([aria-disabled="true"]):hover,
  button[class*="card-tile"]:not(:disabled):not([aria-disabled="true"]):hover {
    background: #f5f5f5;
    text-decoration: none;
  }
  a.card-balloon03:hover::before,
  a.card-balloon03:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .card-balloon03 > .inner {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .card-balloon03 > .inner > .detail {
    flex: 1 0 auto;
  }
  .card-overflowing01 > .inner > .body > [class*="card-box"]:last-child {
    margin-bottom: 33px;
  }
  .card-imgBlock01 {
    display: flex;
  }
  .card-imgBlock01 > .inner {
    display: flex;
    align-items: flex-start; 
    position: relative;
    width: 100%;
    min-height: 314px;
  }
  .card-imgBlock01 > .inner > .text {
    flex: 0 0 auto;
    position: relative;
    width: 580px;
    max-width: 100%;
    min-height: 280px;
    margin-top: 34px;
    padding: 30px 10px 30px 60px;
    padding-top: 30px;
    background: #fff;
    z-index: 1; 

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .card-imgBlock01 > .inner > .img {
    position: absolute;
    top: 0;
  }
  .card-imgBlock01:nth-child(even) > .inner {
    justify-content: flex-end;
  }
  .card-imgBlock01:nth-child(even) > .inner > .img {
    left: 0;
  }
  .card-imgBlock01:nth-child(even) .title-heading03 > .title .mark {
    left: 60px;
  }
  .card-imgBlock01:nth-child(odd) > .inner > .text {
    padding-right: 60px;
    padding-left: 10px;
  }
  .card-imgBlock01:nth-child(odd) > .inner > .img {
    right: 0;
  }
  .card-imgBlock01:not(:first-child) {
    margin-top: 60px;
  }
  .card-modal01 > .inner {
    align-items: center;
    padding: 0 20px;
  }
  .card-modal01 > .inner > .img {
    display: flex;
    align-items: flex-end; 
    min-height: 300px;
  }
  .card-modal01 > .inner > .img img {
    flex: 0 0 auto;
  }
  .card-modal01 > .inner > .text {
    width: 435px;
    margin-left: 20px;
  }
  .list-link01 > .item > a:hover::before,
  .list-link01 > .item > a:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .list-step01.-side01 {
    display: flex;
    flex-wrap: wrap;
  }
  .list-step01.-side01 > .item {
    margin-top: 24px;
    padding-top: 0;
  }
  .list-step01.-side01 > .item::before {
    top: 50%;
    left: auto;
    border-width: 16px 15px 0 15px;

    transform: rotate(-90deg);
  }
  .list-step01.-side01.-column2 > .item {
    width: 48%;
    margin-left: 4%;
  }
  .list-step01.-side01.-column2 > .item::before {
    right: calc((100% + 4.16%) - 16px);
  }
  .list-step01.-side01.-column3 > .item {
    width: 32%;
    margin-left: 2%;
  }
  .list-step01.-side01.-column3 > .item::before {
    right: calc((100% + 3.12%) - 16px);
  }
  .list-step01.-side01.-column4 > .item {
    width: 23.5%;
    margin-left: 2%;
  }
  .list-step01.-side01.-column4 > .item::before {
    right: calc((100% + 4.25%) - 16px);
  }
  .list-step01.-side01.-column5 > .item {
    width: 18.4%;
    margin-left: 2%;
  }
  .list-step01.-side01.-column5 > .item::before {
    right: calc((100% + 5.43%) - 16px);
  }
  .list-step01.-side01.-column2 > .item:nth-child(-n + 2),
  .list-step01.-side01.-column3 > .item:nth-child(-n + 3),
  .list-step01.-side01.-column4 > .item:nth-child(-n + 4),
  .list-step01.-side01.-column5 > .item:nth-child(-n + 5) {
    margin-top: 0;
  }
  .list-step01.-side01.-column2 > .item:nth-child(2n + 1),
  .list-step01.-side01.-column3 > .item:nth-child(3n + 1),
  .list-step01.-side01.-column4 > .item:nth-child(4n + 1),
  .list-step01.-side01.-column5 > .item:nth-child(5n + 1) {
    margin-left: 0;
  }
  .list-step01.-side01.-column2 > .item:nth-child(2n + 1)::before,
  .list-step01.-side01.-column3 > .item:nth-child(3n + 1)::before,
  .list-step01.-side01.-column4 > .item:nth-child(4n + 1)::before,
  .list-step01.-side01.-column5 > .item:nth-child(5n + 1)::before {
    display: none;
  }
  .list-conversation01 > .item > .inner {
    padding-right: 134px;
  }
  .list-conversation01 > .item.-reverse > .inner {
    padding-right: 0;
    padding-left: 134px;
  }
  .title-heading01.-img01 > .inner {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-height: 356px;
    text-align: left;
  }
  .title-heading01.-img01 > .inner > .text {
    flex: 0 0 auto;
    width: 472px;
    padding: 28px 0;
  }
  .title-heading01.-img01 > .inner > .text > .btn {
    display: none;
  }
  .title-heading01.-img01 > .inner > .img {
    margin-left: 40px;
  }
  .title-heading01.-img01 .lead:not(:first-child) {
    margin-top: 24px;
  }
  .title-heading04.-adjustedHeight01 > .title > .inner {
    display: flex;
    align-items: center;
    min-height: calc(2em * 1.5);
  }
  .title-balloon03.-imgLeft01 > .inner {
    padding-right: 105px; 
    padding-left: 105px;
  }
  .title-balloon03.-imgLeft01 > .inner > .img {
    right: auto;
    bottom: 0; 
    left: 0;
  }
  .detail-listLine01 > .title a:hover::before,
  .detail-listLine01 > .title a:focus::before,
  .detail-listLine01 > .title button:hover::before,
  .detail-listLine01 > .title button:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .detail-listLine02 > .title a:hover::before,
  .detail-listLine02 > .title a:focus::before,
  .detail-listLine02 > .title button:hover::before,
  .detail-listLine02 > .title button:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .detail-block01 > .inner {
    width: 840px;
    margin: auto;
  }
  .detail-block01 > .inner > .list > .detail {
    display: flex;
    justify-content: space-between;
  }
  .detail-block01 > .inner > .list > .detail > .img {
    flex: 0 0 auto;
    width: 337px;
    margin-left: -61px;
  }
  .detail-block01 > .inner > .list > .detail > .text {
    width: 563px;
    margin-top: 46px;
  }
  .detail-block01 > .inner > .list > .detail > .text > [class*="detail-list"] > .detail > .card-box04 > .inner {
    padding-right: 82px;
  }
  .detail-block02 > .inner {
    display: flex;
    flex-direction: row-reverse; 
    justify-content: space-between;
  }
  .detail-block02 > .inner > .text {
    width: 100%;
    margin-top: 24px;
  }
  a.img-layer01:hover::before,
  a.img-layer01:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .img-spBlock01 {
    text-align: center;
  }
  .img-spBlock01 > *:not(:first-child) {
    margin-top: 8px;
  }
  .text-link02 {
    text-align: right;
  }
  .text-height01 {
    display: flex;
  }
  .text-height01 > .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: calc(2em * 1.5);
  }
  .btn-list01.-column3 {
    flex-wrap: wrap;
  }
  .btn-list01.-column3 > .item {
    width: 32%;
    margin: 28px 0 0 2%;
  }
  .btn-list01.-column3 > .item:nth-child(-n + 3) {
    margin-top: 0;
  }
  .btn-list01.-column3 > .item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .btn-type01:not(:disabled):not([aria-disabled="true"]):hover,
  .btn-type02:not(:disabled):not([aria-disabled="true"]):hover {
    background: #f5f5f5;
  }
  .btn-type01.-green01:not(:disabled):not([aria-disabled="true"]):hover,
  .-green01.btn-type02:not(:disabled):not([aria-disabled="true"]):hover {
    background: #003927;
  }
  .btn-type01.-orange01:not(:disabled):not([aria-disabled="true"]):hover,
  .-orange01.btn-type02:not(:disabled):not([aria-disabled="true"]):hover {
    background: #ee7800;
  }
  .btn-type02:not(:disabled):not([aria-disabled="true"]):hover {
    border-color: rgba(0, 72, 49, .65);
  }
  .btn-type03:hover::before,
  .btn-type03:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .btn-typeBnr01 > .inner > .text > .title:not(:last-child) {
    font-size: 2.0rem;
  }
  .btn-typeBnr01:not(:disabled):not([aria-disabled="true"]):hover {
    background: #f5f5f5;
  }
  .btn-bnrLogo01:hover::before,
  .btn-bnrLogo01:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .form-column01 {
    align-items: center;
  }
  .toggle-block01.card-normal01 > .inner > .header[role="tab"]:hover,
  .toggle-block01.card-normal01 > .inner > .header[role="tab"]:focus,
  .toggle-block01.card-normal03 > .inner > .header[role="tab"]:hover,
  .toggle-block01.card-normal03 > .inner > .header[role="tab"]:focus {
    background: #f5f5f5;
  }
  .toggle-block01.card-normal02 > [role="tablist"] > [role="tab"]:hover::before,
  .toggle-block01.card-normal02 > [role="tablist"] > [role="tab"]:focus::before {
    background: rgba(255, 255, 255, .3);
  }
  .tab-block01 > .wrap > .panel > .inner {
    padding: 28px 28px 0;
  }
  .text-tel01.-adjustedHeight01,
  .text-tel02.-adjustedHeight01 {
    min-height: 56px;
  }
  .text-tel01.-adjustedLine01,
  .text-tel02.-adjustedLine01 {
    line-height: 1.1;
  }
  ._sp-content {
    display: none !important;
  }
  ._ios-content {
    display: none !important;
  }
  ._and-content {
    display: none !important;
  }
}

/*追加ここから*/

/*dateBlock*/
.dateBlock01 dl,
.dateBlock02 dl,
.dateBlock03 dl {
	display: table;
	width: 100%;
	margin-top: 20px;
}
.dateBlock01 dl:first-child,
.dateBlock02 dl:first-child,
.dateBlock03 dl:first-child {
	margin-top: 0;
}
.dateBlock01 dl > *,
.dateBlock02 dl > *,
.dateBlock03 dl > * {
	display: table-cell;
	vertical-align: top;
}
.dateBlock01 dl > dt,
.dateBlock02 dl > dt,
.dateBlock03 dl > dt {
	width: 5em;
}
.dateBlock01 dl > dd > a {
	vertical-align: top;
}
.dateBlock02 {
	background: #fff;
	padding: 18px 20px 20px 20px;
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.dateBlock02 dl > dd > a {
	position: relative;
}
.dateBlock01 dl .noLink {
	padding-left: 0.8em;
}
.dateBlock03 dd .dateIcon01 {
	display: table-cell;
	width: 7em;
	padding-right: 10px;
}
.dateBlock03 dd .dateIcon01 [class*="iconType01"] {
	width: 100%;
}
.dateBlock03 dd .dateText01 {
	display: table-cell;
}

/*20251030追加ここから*/

.dateBlock04 dl {
	display: table;
	width: 100%;
	margin-top: 8px;
}

.dateBlock04 dl:first-child {
	margin-top: 0;
}

.dateBlock04 dl > * {
	display: table-cell;
	vertical-align: top;
}

.dateBlock04 dl > dt {
	width: 5em;
}
.dateBlock04 dl > dd > a {
	vertical-align: top;
}

.dateBlock04 dl .noLink {
	padding-left: 0.8em;
}
.dateBlock04 dd .dateIcon01 {
	display: table-cell;
	width: 7em;
	padding-right: 10px;
}
.dateBlock04 dd .dateIcon01 [class*="iconType01"] {
	width: 100%;
}
.dateBlock04 dd .dateText01 {
	display: table-cell;
}
/*20251030ここまで*/




.telNumber {
	position: relative;
	cursor: default;
}
.telNumber.glyphTel > span,
.telNumber.glyphFax > span {
	padding-left: 2.5em;
}
.telNumber.glyphTel > span:before,
.telNumber.glyphFax > span:before {
	bottom: 0;
	top: auto;
	font-size: 1.8em;
}
.telBeforeText,
.telBeforeText + .telNumber {
	display: inline-block;
}
.telBeforeText + .telNumber {
	margin-left: 5px;
}
.telNumber + .telAfterText {
	display: block;
	margin-top: 10px;
}
.telBlock01 .telTitle {
	margin-bottom: 20px;
	font-weight: bold;
	color: #01894d;
}
.telBlock02 > .telTitle,
.telBlock02 > .telDetail > * {
	margin-bottom: 10px;
}
.telBlock02 > .telDetail {
	text-align: center;
}
.phoneNumber {
	display: inline-block;
	margin-right: 3px;	
	border: 1px solid #333;
	width: 18px;
	text-align: center;	
	line-height: 1.2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;	
}
@media screen and (min-width:768px){
	.phoneNumberLink:hover {
		color: inherit;
	}
}
.telNumberGroup {
	margin: 0 auto 10px;
	text-align: center;
}
.telNumberWrap {
	margin-bottom: 20px;
}
.blockDetail .image {
	margin-bottom: 20px;
}

.linkBlock01 {
	margin-bottom: 15px;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.linkBlock01 ul > li > a {
	display: block;
	padding: 10px;
	border-top: 1px solid #ccc;
}
.linkBlock01 ul > li:first-child > a {
	border-top: none;
}
/*追加ここまで*/



@media screen and (min-width: 768px) and (max-width: 1024px) {
  .card-overflowing01 > .inner {
    max-width: 1024px;
    padding: 0 8px;
  }
  .card-overflowing01.-connected01 > .inner {
    max-width: 1024px;
    padding: 0 8px;
  }
  .title-heading01 > .inner {
    max-width: 1024px;
    padding: 0 8px;
  }
  .title-background01 > .inner {
    max-width: 1024px;
    padding: 0 8px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .card-imgBlock01 > .inner > .img {
    margin-right: -4.8vw;
    margin-left: -4.8vw;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .list-step01.-side01 > .item > [class*="card-"] {
    height: 100%;
  }
}

@media screen and (min-width: 768px) and (hover: hover) {
  .tab-block01 > .list > .item > .switch:hover {
    background: #f2f4f3;
  }
  .tab-block01 > .list > .item > .switch:hover > .inner {
    color: #788883;
  }
}

@media screen and (max-width: 414px) {
  .tab-block01.-column4 > .list {
    margin-right: -4.8vw;

    overflow-x: auto;
    overflow-y: hidden;
  }
  .tab-block01.-column4 > .list > .item {
    min-width: 110px;
  }
  .tab-block01.-column4 > .list > .item:not(:first-child) {
    margin-left: 2px;
  }
}

@media all and (-ms-high-contrast: none) {
  .tab-block03.-full01 > .list {
    overflow: visible;
  }
}