/* - - - - - - - - - - - - - - - - - - - - - - - - - -
Usual Tools UI Kit
Usual Tools UI Kit is a HTML Format and jQuery plug-in
that can be used throughout the website.
https://usual.tools/ddkit/ui
Copyright Nanajuni
Released under the MIT license
http://www.opensource.org/licenses/mit-license.php
Version: 5.3.0
- - - - - - - - - - - - - - - - - - - - - - - - - - */


/* ----------------------------------------------------
# Element
# Layout
  - header, footer, container
  - column
  - nav
# UI Kit
  - wt-... (with wtools.js)
    - Overlay Menu
    - EFO
    - debug
# Panel
# Basic
  - bg
  - heading
  - text
# Leaf
  - icon
  - button
  - label
# Parts
  - list
  - link
  - card
  - pic
  - form
  - table
# Block
  - tab
  - accordion
# Section
# Print
---------------------------------------------------- */


/* Element
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/*
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&family=Montserrat:wght@400;500&family=Noto+Sans+JP:wght@300;400;500;700&display=swap);
*/

html {
  font-size: 62.5%;
  overflow-x: hidden; /* 250529 変な横スクロールバー解消 */
  overflow-y: scroll;
}

body {
  position: relative;
  font-family: YakuHanJPs_Noto, "Noto Sans JP", "Hiragino kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1.6rem;
  overflow-x: hidden; /* 250529 変な横スクロールバー解消 */
  /* overflow-y: scroll; */ /* 250612 二重のスクロールバー */

  color: #222;
  line-height: 1.5;
  font-size: 1.6rem;
}

h6, h5, h4, h3, h2, h1 {
  margin-bottom: 0;
}

:where(li) {
  list-style: none;
}

:where(th) {
  font-weight: normal;
}

p {
  margin-bottom: 0;
}

ol,
ul {
  padding-left: 0;
}

a {
  color: #0068b7;
  text-decoration: none;
  transition: 0.4s;
}
a:hover {
  color: #0068b7;
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

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

# Layout

.l-page
  - header
    - global nav
  - .l-breadcrumb
  - .l-message
  - .l-container
  - .l-column
    - .type-right-nav 
    - .type-one
    - ...
  - footer
    - .l-container.section-bottom-menu-a
    - .l-container.bottom-menu
    - .l-footer

- - - - - - - - - - - - - - - - - - - - - - - - - - -

# Layout

- .l-page
  - Page Width
  - .l-container 幅

- .l-header
  - .model-standard
  - .model-filament
  - .model-functionality
  - .model-logo-center
  - .model-logotext
  - .model-hero

- .l-overlay-menu
- .l-nav-global
  - Mega

- .l-breadcrumb
- .l-message
- .l-container
  - .type-title

- .l-footer

# Column Type

- .l-column

# Utility

.nav-btn-mobile-menu
.nav-go-pagetop

# Responsive
834px以下
640px以下

# Media Print

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


/* Layout
= = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .l-page
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Page Width */

.l-footer .in-footer,
.l-column .in-column,
.l-container .in-container,
.l-breadcrumb,
.l-message .in-message,
.p-nav-global-mega .in-nav-global-mega,
.l-nav-global .in-nav-global,
.l-header .in-header {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

/* .l-container 幅 */

.l-container.type-2x-small .in-container {
  width: 400px;
}
.l-container.type-x-small .in-container {
  width: 500px;
}
.l-container.type-small .in-container {
  width: 600px;
}
.l-container.type-normal .in-container {
  width: 720px;
}
.l-container.type-medium .in-container {
  width: 800px;
}
.l-container.type-large .in-container {
  width: 900px;
}
.l-container.type-x-large .in-container {
  width: 1000px;
}
/* 1100が標準 */
.l-container.type-2x-large .in-container {
  width: 1200px;
}
.l-container.type-wide .in-container {
  width: 1300px;
}
.l-container.type-super .in-container {
  width: 1400px;
}
@media only screen and (min-width: 1141px) and (max-width: 1400px) {
  .l-container.type-super .in-container {
    left: 50%;
    transform: translateX(-50%);
  }
}
.l-container.type-ultra .in-container {
  width: 1600px;
}


/*
.l-header
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.l-header {
  position: relative;
  height: 80px;
  background: #fff;
  z-index: 1000200;
}
.l-header .in-header {
  display: flex;
}
.l-header a { text-decoration: none; }
.l-header a:hover { text-decoration: none; }

@media only screen and (max-width: 834px) {
  .l-header {
    /* 241003 コメントアウト
    position: absolute;
    top: 0;
    */
    width: 100%;
    height: 60px;
  }
  .l-header .in-header {
    display: block;
  }
  .l-header .l-utility .nav-ut-button ul {
    justify-content: flex-end;
  }
}

/* logo */

.l-header .l-logo {
  width: 80px;
}
.l-header .l-logo a {
  display: block;
  width: 100%; /* 250311 firefox これがないとlogoが表示されない */
  padding: 5px;
}
.l-header .l-logo a img {
  width: 100%;
}

/* .l-utility */

.l-header .l-utility {
  width: calc(100% - 80px);
}
.l-header .l-utility .p-action {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 7px;
}
.l-header .l-utility .p-action > div {
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.l-header .l-utility .c-description {
  margin-bottom: 7px;
  text-align: right;
  font-size: 1.3rem;
  color: #999;
}

/* 1100 ページ幅 余白左右20pxずつ */

@media only screen and (max-width: 1140px) {
}

/* 834 */

@media only screen and (max-width: 834px) {
  .l-header .l-logo {
    width: auto;
    height: 60px;
    margin-left: 20px;
    margin-right: auto;
  }
  .l-header .l-logo a {
    display: inline-block;
    width: auto;
    height: 100%;
    padding: 0;
  }
  .l-header .l-logo a img {
    width: auto;
    height: 100%;
  }
  .l-header .l-utility .p-action {
    position: absolute;
    top: 8px;
    right: 80px;
  }
  .l-header .l-utility .c-description {
    display: none;
  }
}

/* 640 */

@media only screen and (max-width: 640px) {
  .l-header .l-utility {
    /* margin-left: 50%; */
  }
} /* 640 */

/* 480 */

@media only screen and (max-width: 480px) {
  .l-header .l-utility {
    /* width: 180px; */
  }
} /* 480 */


/* .l-header .p-nav-global
- - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* .model-standard
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 640px) {
  .l-header.model-standard .l-utility {
    display: none;
  }
}

/* utility beckham */

.l-header.model-standard .p-utility-01 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 7px;
  margin-bottom: 12px;
}
.l-header.model-standard .p-utility-01 > div {
  margin-left: 20px;
}
.l-header.model-standard .p-utility-01 .c-link-01 {
  margin-top: 6px;
}
.l-header.model-standard .p-utility-01 .c-search {
  width: 300px;
  margin-top: 10px;
}
.l-header.model-standard .p-utility-01 .c-search input.c-text,
.l-header.model-standard .p-utility-01 .c-search input[type="submit"].c-button{
  height: 32px;
}
.l-header.model-standard .p-utility-01 .c-search input.c-text {
  padding-top: 5px;
}
.l-header.model-standard .p-utility-01 .c-search input.c-text::placeholder {
  font-size: 1.2rem;
  color: #999;
}
.l-header.model-standard .p-utility-01 .c-link-02 {
  margin-top: 5px;
}

.l-header.model-standard .p-utility-02 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 0;
}
.l-header.model-standard .p-utility-02 .c-language {
  display: flex;
  align-items: center;
  /* width: 210px; */
}

/* .model-filament
ロゴとメニューが1列
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-header.model-filament {
  height: 60px;
}
.l-header.model-filament .l-logo {
  display: flex;
  align-items: center;
  width: 180px;
}
.l-header.model-filament .l-logo a {
  padding: 0;
}
.l-header.model-filament .l-utility {
  display: flex;
  width: calc(100% - 200px);
  margin-left: 20px;
}
.l-header.model-filament .l-utility > .p-nav-global {
  width: 600px;
}
.l-header.model-filament .l-utility > .p-action {
  width: 410px;
}
.l-header.model-filament .l-utility > .p-action ul {
  display: flex;
  margin-bottom: 0;
}
.l-header.model-filament .l-utility > .p-action ul li {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.l-header.model-filament .l-utility > .p-action ul li:last-child {
  margin-right: 0;
}

.l-header.model-filament .l-utility .button-ut {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* .p-action */

.l-header.model-filament .p-action {
  padding-top: 8px;
}
.l-header.model-filament .p-action .c-secondary a,
.l-header.model-filament .p-action .c-primary a {
  white-space: nowrap;
}
.l-header.model-filament .p-action .c-text a {
  white-space: nowrap;
}
.l-header.model-filament .p-action .c-text a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 1140px) {
  .l-header.model-filament .l-logo {
    margin-left: 5px;
  }
  .l-header.model-filament .p-action {
    margin-right: 5px;
  }
  .l-header.model-filament .p-action a.button-ut {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* 250619 いらないかも
@media only screen and (max-width: 1024px) {
  .l-header.model-filament .p-action {
    width: auto;
  }
  .l-header .l-utility .p-action > div {
    margin-left: 20px;
  }
  .l-header.model-filament .l-utility > .p-nav-global {
    width: auto;
  }
  .l-header ul.nav-ut-horizontal > li > a {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
*/
@media only screen and (max-width: 834px) {
  .l-header.model-filament .l-logo {
    width: auto;
  }
  .l-header.model-filament .l-logo a {
    margin-top: 0;
    padding: 5px;
  }
  .l-header.model-filament .p-action {
    top: 10px;
    padding-top: 5px;
  }
  .l-header.model-filament .p-action .c-text,
  .l-header.model-filament .p-action .c-secondary {
    display: none;
  }
}

/* .model-functionality
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-header.model-functionality {
  height: 140px;
  border-bottom: solid 2px #ccc;
}
.l-header.model-functionality .l-logo {
  width: 140px;
}
.l-header.model-functionality .l-logo a {
  padding: 20px;
}

.l-header.model-functionality .l-utility {
  width: calc(100% - 140px);
}
.l-header.model-logo-center .l-utility {
  width: 100%;
}
@media only screen and (max-width: 834px) {
  .l-header.model-functionality {
    height: auto;
  }
  .l-header.model-functionality .l-logo a {
    padding: 5px;
  }
}


/* .model-logo-center
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-header.model-logo-center {
  height: auto;
}
.l-header.model-logo-center .l-logo {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 640px) {
  .l-header.model-logo-center .l-logo {
    width: 33%;
  }
}


/* .model-logotext
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-header.model-logotext {
  height: auto;
}
.l-header.model-logotext .in-header,
.l-header.model-logo-center .in-header {
    display: block;
}
.l-header.model-logotext .l-logo {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.l-header.model-logotext .l-logo {
  display: flex;
  justify-content: space-between;
  width: 400px;
}
.l-header.model-logotext .l-logo > a {
  width: 200px;
}
.l-header.model-logotext .l-logo .c-title {
  width: 180px;
  display: flex;
  align-items: center;
  text-align: center;
}
.l-header.model-logotext .l-utility {
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .l-header.model-logotext .l-logo {
    width: calc(100% - 60px);
    margin-left: 0;
  }
  .l-header.model-logotext .l-logo > a {
    width: 120px;
  }
}


/* .l-header-hero
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.l-header.model-hero {
  height:  400px;
  overflow: hidden;
  background-color: #fff;
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100% auto;
}
.l-header.model-hero a { text-decoration: none; }
.l-header.model-hero a:hover { text-decoration: none; }

/* logo */

.l-header.model-hero .l-logo {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 120px;
}
.l-header.model-hero .l-logo a {
  display: block;
  width: auto;
  /* height: 60px; */
}
.l-header.model-hero .l-logo a img {
  height: 100%;
}
.l-header.model-hero .p-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2000px;
  margin-top: -400px;
  margin-left: -1000px;
}
.l-header.model-hero .p-video video {
  width: 100%;
}

@media only screen and (max-width: 834px) {
  .l-header.model-hero .l-logo a {
    width: 100px;
  }
  .l-header.model-hero {
    height: 308px;
  }
  .l-header.model-hero .in-header  {
    width: auto; /* Page Width */
  }
  .l-header.model-hero .p-video {
    top: 50%;
    width: 1000px;
    margin-top: -200px;
    margin-left: -500px;
  }
} /* 0 - 834px */


/* .l-overlay-menu
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.l-overlay-menu {
  margin-top: 60px;
}
.l-overlay-menu .l-utility {
  margin-bottom: 40px;
}


/* .l-nav-global
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.l-nav-global {
  position: relative;
  height: 60px;
  /* margin-bottom: 50px; */
  background: #ccc;
  /* border-bottom: solid 1px rgba(255, 255, 255, 1); */
  z-index: 600;
}


/* Mega
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-nav-global .p-nav-global-mega {
  display: none;
  position: absolute;
  left: 0;
  /* top: 0; */
  width: 100%;
  background: #eee;
  z-index: 1000;
}
.p-nav-global-mega .in-nav-global-mega {
  min-height: 100px;
  background: #ddd;
}

/* .st-fiexd-global */

body.st-fixed-global .l-page .l-header {
  margin-bottom: 60px; /* 211104 カクってのを改善 */ /* 240713 .l-nav-global 高さと同じ値にするといいかも */
}
body.st-fixed-global .l-page .l-nav-global {
  position: fixed;
  width: 100%;
  height: 40px;
  left: 0;
  top: -40px;
  z-index: 1000;
}

body.st-fixed-global .l-page .l-nav-global .in-nav-global > ul > li {
  height: 40px;
}
body.st-fixed-global .l-page .l-nav-global .in-nav-global > ul > li > a {
  display: block;
  height: 40px;
  padding-top: 9px;
  overflow: hidden;
}
body.st-fixed-global .l-page .l-nav-global .in-nav-global > ul > li > a > img {
  margin-top: -10px;
}
body.st-fixed-global .l-page .l-nav-global .in-nav-global > ul > li > ul {
  top: 40px;
}

/* Fixed Top */

.l-nav-top {
  display: none;
  position: absolute;
  top: 80px;
  height: 40px;
  background: #eee;
  z-index: 500;
}
body.st-fixed-global .l-page .l-nav-top {
  display: block;
  position: fixed;
  width: 100%;
  height: 40px;
  left: 0;
  top: -40px;
  z-index: 1000;
}
@media only screen and (max-width: 834px) {
  .l-nav-top {
    display: none;
  }
}


/* .l-breadcrumb
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.l-breadcrumb {
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
}
.l-breadcrumb:after { /* clearfix */
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}

@media only screen and (max-width: 834px) {
  .l-breadcrumb {
    padding-left: 20px;
    padding-right: 20px;
  }
} /* 0 - 834px */


/* .l-message
250620 今後
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .l-container
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.l-container .in-container > *:last-child {
  margin-bottom: 0 !important;
}

/* .type-title
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-container.type-title .c-heading {
  padding: 25px 0 20px 0;
  font-size: 4.0rem;
}


/*
通常 .l-container
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.type-gate-enlarge {
  color: inherit;
}

.l-container {
  clear: both;
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* blankspace & margin */

.l-container.adjust-blankspace .in-container {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* 8pxごと (4x-smallは別) */
.l-container.adjust-blankspace.type-5x-small .in-container {
  padding-top: 4px;
  padding-bottom: 4px;
}
.l-container.adjust-blankspace.type-4x-small .in-container {
  padding-top: 8px;
  padding-bottom: 8px;
}
.l-container.adjust-blankspace.type-3x-small .in-container {
  padding-top: 12px;
  padding-bottom: 12px;
}
.l-container.adjust-blankspace.type-2x-small .in-container {
  padding-top: 36px;
  padding-bottom: 20px;
}
.l-container.adjust-blankspace.type-x-small .in-container {
  padding-top: 28px;
  padding-bottom: 28px;
}
.l-container.adjust-blankspace.type-small .in-container {
  padding-top: 36px;
  padding-bottom: 36px;
}

.l-container.adjust-blankspace.type-medium .in-container {
  padding-top: 48px;
  padding-bottom: 48px;
}
.l-container.adjust-blankspace.type-large .in-container {
  padding-top: 56px;
  padding-bottom: 56px;
}
.l-container.adjust-blankspace.type-x-large .in-container {
  padding-top: 64px;
  padding-bottom: 64px;
}
.l-container.adjust-blankspace.type-xx-large .in-container {
  padding-top: 72px;
  padding-bottom: 72px;
}
.l-container.adjust-blankspace.type-3x-large .in-container {
  padding-top: 80px;
  padding-bottom: 80px;
}


/* .l-footer
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.l-footer {
  clear: both;
  background: #f3f3f3;
}
.l-footer .in-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 24px 0;
}

/* logo */

.l-footer .l-logo {
  width: 160px;
  margin-left: 20px;
}
.l-footer .l-logo img {
  width: 100%;
}

/* main */

.l-footer .l-utility {
  width: calc(100% - 180px);
}
.l-footer .l-utility .c-inquiry {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.l-footer .l-utility .c-inquiry .c-phone {
  width: 50%;
}
.l-footer .l-utility .c-inquiry .c-button {
  display: flex;
  align-items: center;
  width: 50%;
}

.l-footer .l-utility .c-description {
  font-size: 1.3rem;
}

.l-footer .p-utility-full {
  width: 100%;
  margin-bottom: 40px;
}

/* copyright */

.l-footer .c-copyright {
  width: 100%;
  margin-top: 16px;
  font-size: 1.2rem;
  text-align: center;
}

@media only screen and (max-width: 834px) {
} /* 0 - 834px */

@media only screen and (max-width: 768px) {
  .l-footer .l-utility .c-inquiry .c-phone {
    width: 100%;
    margin-bottom: 24px;
  }
  .l-footer .l-utility .c-inquiry .c-button {
    width: 100%;
  }
} /* 0 - 768px */

@media only screen and (max-width: 424px) {
  .l-footer .l-utility {
    width: 100%;
    margin-bottom: 24px;
  }
  .l-footer .l-logo {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }
  .l-footer .l-logo img {
    width: 50%;
  }
} /* 0 - 424px */


/* Column Type
= = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.l-column .l-document {
  width: 720px;
}
.l-column .l-sub {
  width: 300px;
}
.l-column.type-right-nav .l-document {
  margin-right: 80px;
}
.l-column.type-left-nav .l-document {
  margin-left: 80px;
}
.l-sub {
  background: #f3f3f3;
}

/*
.type-column
*/

.l-column .in-column {
  display: flex;
}
.l-column.type-left-nav .in-column {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 834px) {
  /* 230520 多分不要
  body.layout-right-nav .l-wide.type-column .in-wide,
  body.layout-left-nav .l-wide.type-column .in-wide {
    display: block;
  }
  */
  .l-footer .in-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
} /* 0 - 834px */


/* Utility
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .nav-btn-mobile-menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-btn-mobile-menu {
  display: none;
  position:  absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  z-index: 1000300;
}
.nav-btn-mobile-menu .button-ut {
  background: transparent;
}
.nav-btn-mobile-menu .button-ut:hover {
  background: #f7f7f7;
}
@media only screen and (max-width: 834px) {
  .nav-btn-mobile-menu {
    display: block;
  }
}


/* .nav-go-pagetop
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.nav-go-pagetop {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  z-index: 1000;
}
.nav-go-pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(60,60,60,0.2) url(/assets/img-leaf/icon/pagetop-01-gray.svg) no-repeat center center;
  background-size: 70% auto;
}


/* Responsive
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* 1100 横幅 */

@media only screen and (max-width: 1140px) {
  .l-footer .in-footer,
  .l-column .in-column,
  .l-container .in-container,
  .l-container.type-2x-small .in-container,
  .l-container.type-x-small .in-container,
  .l-container.type-small .in-container,
  .l-container.type-normal .in-container,
  .l-container.type-medium .in-container,
  .l-container.type-large .in-container,
  .l-container.type-x-large .in-container,
  .l-container.type-xx-large .in-container,
  .l-container.type-wide .in-container,
  .l-container.type-super .in-container,
  .l-container.type-ultra .in-container,
  .l-breadcrumb,
  .l-message .in-message,
  .p-nav-global-mega .in-nav-global-mega,
  .l-nav-global .in-nav-global,
  .l-header .in-header {
    width: 100%;
  }
  .l-breadcrumb,
  .l-container .in-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .l-container.type-full-page-less .in-container { /* 241003 sp tablet pc の他にpage。ページ幅 */
    padding-left: 0;
    padding-right: 0;
  }
}

/* 834px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 834px) {
  .l-column .in-column {
    display: block;
  }
  .l-column .l-document,
  .l-column .l-sub {
    width: 100%;
  }
  .l-column.type-right-nav .l-document {
    margin-right: 0;
  }
  .l-column.type-left-nav .l-document {
    margin-left: 0;
  }
  .p-nav-global,
  .l-nav-global {
    display: none;
  }
  
  .l-page .l-document {
    padding-left: 20px;
    padding-right: 20px;
  }
} /* 0 - 834px */


/* 640px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 640px) {
} /* 0 - 640px */
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Nav
.nav-ut-breadcrumb
.nav-ut-level-menu
.nav-ut-button
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .nav-ut-breadcrumb
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-breadcrumb {
  clear: both;
  position: relative;
  margin: 10px 0;
  color: #666;
}
.nav-ut-breadcrumb ul,
.nav-ut-breadcrumb li {
  margin: 0;
  padding: 0;
}
.nav-ut-breadcrumb ul li {
  display: inline;
  padding-left: 22px;
  padding-right: 10px;
  background: url(/assets/img-leaf/icon/arrow-01-right.svg) no-repeat 0 2px;
  background-size: 10px auto;
  font-size: 1.3rem;
}
.nav-ut-breadcrumb ul li:first-child {
  background: none;
  padding-left: 0;
}
.nav-ut-breadcrumb ul li a {
  color: #6e6e6e;
  text-decoration: none;
}
.nav-ut-breadcrumb ul li a:hover {
  color: #000;
  text-decoration: underline;
}


/* .nav-ut-level-menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-level-menu {
  margin-bottom: 40px;
}
.nav-ut-level-menu ul,
.nav-ut-level-menu li {
  margin: 0;
  padding: 0;
}
.nav-ut-level-menu a {
  color: #000; text-decoration: none;
}
.nav-ut-level-menu a:hover {
  text-decoration: none;
}

.nav-ut-level-menu li.st-current > a {
  background: #e4f9ff;
}

.nav-ut-level-menu h2.c-heading {
  padding: 13px 3px 11px 10px;
  margin-bottom: 0;
}

.nav-ut-level-menu ul li {
  position: relative;
}
.nav-ut-level-menu ul li a {
  display: block;
  margin: 0;
  padding: 12px 36px 11px 14px;
  font-size: 1.5rem;
  line-height: 1.4;
  transition: background-color 0.4s;
}
/*
.nav-ut-level-menu ul li:before {
  position: absolute;
  top: 18px;
  left: 5px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: url(/assets/img-leaf/icon/link-01.svg) no-repeat 0 0;
  background-size: 100% auto;
}
*/

/* 1 */

.nav-ut-level-menu > ul {
  background: #bbbbbb;
}
.nav-ut-level-menu > ul > li {
  border-bottom: solid 1px #aaaaaa;
}
/*
.nav-ut-level-menu > ul > li:last-child {
  border-bottom: none;
}
*/
.nav-ut-level-menu > ul > li > a:hover {
  background: #b0b0b0;
}

/* 2 */

.nav-ut-level-menu > ul > li > ul {
  margin-left: 10px;
  background: #cccccc;
}
.nav-ut-level-menu > ul > li > ul > li {
  border-bottom: solid 1px #bbbbbb;
}
.nav-ut-level-menu > ul > li > ul > li:last-child {
  border-bottom: none;
}
.nav-ut-level-menu > ul > li > ul > li > a {
  background: #cccccc;
}
.nav-ut-level-menu > ul > li > ul > li > a:hover {
  background: #c0c0c0;
}

/* 3 */

.nav-ut-level-menu > ul > li > ul > li > ul {
  margin-left: 10px;
  background: #dddddd;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li {
  border-bottom: solid 1px #cccccc;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > a {
  background: #dddddd;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > a:hover {
  background: #d0d0d0;
}

/* 4 */

.nav-ut-level-menu > ul > li > ul > li > ul > li > ul {
  margin-left: 10px;
  background: #eeeeee;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li {
  border-bottom: solid 1px #dddddd;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li > a {
  background: #eeeeee;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li > a:hover {
  background: #e0e0e0;
}

/* 5 */

.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li > ul {
  margin-left: 10px;
  background: #ffffff;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li > ul > li {
  border-bottom: solid 1px #eeeeee;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  background: #ffffff;
}
.nav-ut-level-menu > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover {
  background: #e0e0e0;
}


/* .nav-ut-smartphone-menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-smartphone-menu {
  margin-bottom: 40px;
}
.nav-ut-smartphone-menu ul,
.nav-ut-smartphone-menu li {
  margin: 0;
  padding: 0;
}
.nav-ut-smartphone-menu a {
  color: #000; text-decoration: none;
}
.nav-ut-smartphone-menu a:hover {
  text-decoration: none;
}

.nav-ut-smartphone-menu .with-child.st-active > a {
  color: #0068b7;
  font-weight: 700;
}

.nav-ut-smartphone-menu li.st-current > a {
  background: #e4f9ff;
}

.nav-ut-smartphone-menu h2.c-heading {
  padding: 13px 3px 11px 10px;
  margin-bottom: 0;
}

.nav-ut-smartphone-menu ul li {
  position: relative;
}
.nav-ut-smartphone-menu ul li a {
  display: block;
  margin: 0;
  padding: 12px 36px 11px 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  transition: 0.4s;
}

/* 1 */

.nav-ut-smartphone-menu > ul > li > a {
  font-weight: 700;
}
.nav-ut-smartphone-menu > ul > li > a:hover {
  color: #0068b7;
}
.nav-ut-smartphone-menu > ul > li > a > .c-sub {
  display: inline-block;
  margin-left: 10px;
  font-size: 1.4rem;
  font-weight: normal;
}

/* 2 */

.nav-ut-smartphone-menu > ul > li > ul {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 5px;
  background: #f3f3f3;
}
.nav-ut-smartphone-menu > ul > li > ul > li {
  margin-bottom: 15px;
}
.nav-ut-smartphone-menu > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
.nav-ut-smartphone-menu > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 24px;
  font-weight: 700;
}
.nav-ut-smartphone-menu > ul > li > ul > li > a:hover {
  color: #0068b7;
  font-weight: 700;
}
.nav-ut-smartphone-menu > ul > li > ul > li > a:before {
  position: absolute;
  display: block;
  left: 15px;
  top: 17px;
  width: 4px;
  height: 2px;
  content: "";
  background: #222;
}

/* 3 */

.nav-ut-smartphone-menu > ul > li > ul > li > ul {
  /* margin-left: 10px; */
  /* background: #dddddd; */
}
.nav-ut-smartphone-menu > ul > li > ul > li > ul > li:before {
  position: absolute;
  display: block;
  left: 15px;
  top: 17px;
  width: 4px;
  height: 1px;
  content: "";
  background: #737373;
}
.nav-ut-smartphone-menu > ul > li > ul > li > ul > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 24px;
}
.nav-ut-smartphone-menu > ul > li > ul > li > ul > li > a:hover {
  color: #0068b7;
  font-weight: 700;
}




/* .nav-ut-handling
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-handling {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  /* padding: 20px 0; 191126 ここでは設定しない */
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
}
.nav-ut-handling li {
  margin-left: 20px;
  margin-right: 20px;
}
.nav-ut-handling li img {
  width: 100%;
}

.nav-ut-handling li.c-label > * {
  display: inline-block;
  margin-bottom: 0;
}

/* .type-left */

.nav-ut-handling.type-left {
  justify-content: flex-start;
}
.nav-ut-handling.type-left li {
  margin-left: 0;
  margin-right: 40px;
}
@media only screen and (min-width: 641px) {
  .nav-ut-handling.type-left-sp-more {
    justify-content: flex-start;
  }
  .nav-ut-handling.type-left-sp-more li {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 835px) {
  .nav-ut-handling.type-left-pc {
    justify-content: flex-start;
  }
  .nav-ut-handling.type-left-pc li {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .nav-ut-handling.type-left li {
    margin-right: 20px;
  }
}

/* .type-right */

.nav-ut-handling.type-right {
  justify-content: flex-end;
}
.nav-ut-handling.type-right li {
  margin-left: 40px;
  margin-right: 0;
}
@media only screen and (min-width: 641px) {
  .nav-ut-handling.type-right-sp-more {
    justify-content: flex-end;
  }
  .nav-ut-handling.type-right-sp-more li {
    margin-left: 40px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 835px) {
  .nav-ut-handling.type-right-pc {
    justify-content: flex-end;
  }
  .nav-ut-handling.type-right-pc li {
    margin-left: 40px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  .nav-ut-handling.type-right li {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* .type-vertical */

.nav-ut-handling.type-vertical {
  flex-direction: column;
  text-align: center;
}
.nav-ut-handling.type-vertical li {
  margin-bottom: 24px;
}
.nav-ut-handling.type-vertical li:last-child {
  margin-bottom: 0;
}

.nav-ut-handling.type-vertical.type-100per li {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.nav-ut-handling.type-vertical.type-100per li a {
  width: 100%;
}

/* .type-vertical.type-left */

.nav-ut-handling.type-vertical.type-left {
  align-items: flex-start;
}
.nav-ut-handling.type-vertical.type-left li {
  margin-right: 0;
}

/* .type-vertical.type-right */

.nav-ut-handling.type-vertical.type-right {
  align-items: flex-end;
}
.nav-ut-handling.type-vertical.type-right li {
  margin-left: 0;
}

/*
type-plural
250504 複数形 スマホ以上PC以下のとき、2列
*/
@media only screen and (min-width: 641px) and (max-width: 834px) {
  .nav-ut-handling.type-plural li {
    width: calc( ( 100% - 80px ) / 2 );
    margin-bottom: 24px;
  }
  .nav-ut-handling.type-plural:not(.type-odd) li:nth-last-child(2) {
    margin-bottom: 0;
  }
  .nav-ut-handling.type-plural li:last-child {
    margin-bottom: 0;
  }
} /* 641px - 834px */

@media only screen and (max-width: 640px) {
  .nav-ut-handling.type-plural li {
    width: calc( 100% - 20px );
    margin-bottom: 24px;
  }
}

/*  */

@media only screen and (max-width: 834px) {
  .nav-ut-handling.type-100per-tablet li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 640px) {
  .nav-ut-handling li {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
  }
  .nav-ut-handling.type-vertical li {
    margin-bottom: 24px;
  }
  .nav-ut-handling.type-vertical li:last-child {
    margin-bottom: 0;
  }
  .nav-ut-handling.sp100per li { /* 250505 今後使わない */
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .nav-ut-handling.type-100per-sp li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .nav-ut-handling.type-vertical.type-100per.type-wide-sp li,
  .nav-ut-handling.type-wide-sp li {
    width: calc( 100% - 20px );
    margin-left: 10px;
    margin-right: 10px;
  }
}


/* .type-height-match
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.type-height-match > li {
  height: 60px;
}
.type-height-match > li img {
  width: auto;
  height: 100%;
}


/* .nav-ut-anchor
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-anchor > ul {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding: 15px 20px 15px 20px;
  border-radius: 10px;
  background: #eee;
}
@media only screen and (max-width: 640px) {
  .nav-ut-anchor > ul {
    width: 100%;
  }
}
.nav-ut-anchor ul li {
  position: relative;
  display: inline-block;
  background: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.nav-ut-anchor ul li:last-child {
  margin-bottom: 0;
}
.nav-ut-anchor > ul > li ul {
  margin-left: 35px;
}
.nav-ut-anchor > ul > li ul > li:first-child {
  margin-top: 10px;
}
.nav-ut-anchor ul li a {
  display: inline-flex;
  padding: 5px 10px 5px 30px;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.4s;
}
.nav-ut-anchor ul li > span {
  display: inline-block;
  padding: 5px 10px 5px 30px;
}
.nav-ut-anchor ul li span:not(.icon-ut):before,
.nav-ut-anchor ul li a:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 6px;
  width: 15px;
  height: 15px;
  content: "";
  background: url(/assets/img-leaf/icon/anchor-01.svg) no-repeat 0 0;
  background-size: 13px auto;
}
.nav-ut-anchor ul li a:hover {
  background: #ddd;
}

.nav-ut-anchor.type-vertical ul li {
  display: block;
}




/* .l-nav-global
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.l-nav-global {
  position: relative;
  height: 60px;
  /* margin-bottom: 50px; */
  background: #ccc;
  /* border-bottom: solid 1px rgba(255, 255, 255, 1); */
  z-index: 600;
}
.l-nav-global ul:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}
.l-nav-global ul,
.l-nav-global li {
  margin: 0;
  padding: 0;
}
.l-nav-global ul li {
  position: relative;
  background: none;
  padding-left: 0;
  margin-bottom: 0;
}
.l-nav-global ul li.st-disabled > a {
  cursor: default;
}


/* .nav-ut-horizontal
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
nav cell
*/
.nav-ut-horizontal.type-num-2 { width: 312px; }
.nav-ut-horizontal.type-num-3 { width: 468px; }
.nav-ut-horizontal.type-num-4 { width: 624px; }
.nav-ut-horizontal.type-num-5 { width: 780px; }
.nav-ut-horizontal.type-num-6 { width: 936px; }
.nav-ut-horizontal.type-num-7 { width: 1092px; }

/*  */

.nav-ut-horizontal li.st-disabled > a {
  cursor: default;
}

/* Level 1 */

.nav-ut-horizontal {
  display: flex;
  margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
  .nav-ut-horizontal {
    flex-wrap: wrap;
  }
}
.nav-ut-horizontal.type-center {
  justify-content: center;
}
.nav-ut-horizontal > li {
  position: relative;
  font-size: 1.5rem;
  z-index: 1000;
}
.nav-ut-horizontal > li > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 156px;
  height: 60px; /* %指定だとalign-itemsで効かない */
  padding-top: 3px;
  color: #222;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
  transition: 0.5s;
}
.nav-ut-horizontal > li.st-active > a {
  background: #bbb;
}
.nav-ut-horizontal > li > a:hover {
  background: #b0b0b0;
}
.nav-ut-horizontal > li > a div span {
  display: block;
}
.nav-ut-horizontal > li > a div .sub {
  font-size: 1.2rem;
}
.nav-ut-horizontal.type-proportional > li > a {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
}

.l-utility .in-nav-global ul.level-1 > li.with-child > a:before,
.l-nav-global .in-nav-global ul.level-1 > li.with-child > a:before {
  position: absolute;
  display: block;
  top: 50%;
  right: 8px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  content: "";
  background: url(/assets/img-leaf/icon/arrow-01-down.svg) no-repeat 0 0;
  background-size: 100% auto;
}

/* Level 2 */

.nav-ut-horizontal > li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  width: 280px;
  /* border-top: solid 1px #3685c0; */
  z-index: 1100;
}
.nav-ut-horizontal > li > ul > li {
  position: relative;
  background: #ccc;
}
.nav-ut-horizontal > li > ul > li > a {
  display: block;
  padding: 15px 10px 13px 30px;
  background: #ccc;
  color: #222;
  line-height: 1;
  text-align: left;
  text-decoration: none;
}
.nav-ut-horizontal > li > ul > li > a:hover {
  background: #b0b0b0;
}
.nav-ut-horizontal > li > ul > li.list-indent > a {
  width: 270px;
  padding-left: 50px;
}
/* 241225 del
.nav-ut-horizontal > li > ul > li:last-child {
  padding-bottom: 13px;
}
*/

.l-utility .in-nav-global ul.level-2 > li.with-child > a:before,
.l-nav-global .in-nav-global ul.level-2 > li.with-child > a:before {
  position: absolute;
  display: block;
  top: 50%;
  right: 8px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  content: "";
  background: url(/assets/img-leaf/icon/arrow-01-right.svg) no-repeat 0 0;
  background-size: 100% auto;
}

/* Level 3 */

.nav-ut-horizontal > li > ul > li > ul {
  display: none;
  position: absolute;
  width: 280px;
  left: 100%;
  top: 0px;
  z-index: 30;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.nav-ut-horizontal > li > ul > li.with-child.to-left > ul {
  left: -100%;
}
.nav-ut-horizontal > li > ul > li > ul.is-display {
  display: block;
}
.nav-ut-horizontal > li > ul > li > ul > li > a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}
.nav-ut-horizontal > li > ul > li > ul > li > a:hover {
  background-color: rgba(0,104,183,.15);
}
.nav-ut-horizontal > li > ul > li > ul li.li-2line {
  height: 62px;
}


/* .nav-ut-horizontal.type-wide-child
- - - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-horizontal.type-wide-child > li > a > .c-highlight {
  font-size: 2.1rem;
  font-weight: 700;
}
.nav-ut-horizontal.type-wide-child > li > a > .c-sub {
  font-size: 1.4rem;
}
.nav-ut-horizontal.type-wide-child > li > a > .c-text {
  font-size: 2.1rem;
}

/* level 2 */

.nav-ut-horizontal.type-wide-child > li > ul {
  width: 640px;
  padding: 10px 20px;
  background: #f0f0f0;
  /* box-shadow: 0 0 5px rgba(0, 0, 0, .3); */
}
.nav-ut-horizontal.type-wide-child > li > ul > li {
  float: left;
  background: transparent;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > a {
  padding-left: 0;
  background: transparent;
  font-weight: 700;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > a:hover {
  color: #0068b7;
}



/* level 2 .p-foot */

.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot {
  clear: both;
  margin-top: 10px;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul { /* level 3 */
  display: flex;
  width: 100%;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li {
  display: flex;
  align-items: center;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li > a {
  margin-right: 30px;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li:last-child > a {
  margin-right: 0;
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li > a:not(.button-ut) {
}
.nav-ut-horizontal.type-wide-child > li > ul > li.p-foot > ul > li > a.button-ut {
  padding: 5px 15px;
  color: #fff;
}

/* level 3 */

.nav-ut-horizontal.type-wide-child > li > ul > li > ul {
  display: block;
  position: static;
  width: 150px;
  background: transparent;
  box-shadow: none;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > ul > li > a {
  padding-left: 0;
  padding-right: 5px;
  color: #222;
}
.nav-ut-horizontal.type-wide-child > li > ul > li > ul > li > a:hover {
  background: transparent;
  color: #0068b7;
}


/* .nav-ut-pagination
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-pagination ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  font-size: 1.4rem;
}
.nav-ut-pagination ul li {
  float: left;
  margin-right:0.5em;
  padding: 0;
  background: none;
}
.nav-ut-pagination ul li a {
  display: block;
  width: 48px;
  height: 48px;
  padding: 12px 0;
  border: solid 1px #ccc;
  text-align: center;
}
.nav-ut-pagination ul li .is-active {
  display: block;
  width: 50px;
  height: 50px;
  padding: 13px 0;
  text-align: center;
  background: #bbb;
}
.nav-ut-pagination ul li a:hover {
  background: #24207e;
  color: #fff;
  text-decoration: none;
}



/* .nav-ut-row
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-row > ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-ut-row > ul > li {
  margin-bottom: 10px;
}
.nav-ut-row.row1 > ul > li {
  width: 100%;
}
.nav-ut-row.row2 > ul > li {
  width: 48.7%;
  margin-left: 2.5%;
}
.nav-ut-row.row2 > ul > li:nth-child(2n+1) {
  margin-left: 0;
}
.nav-ut-row.row3 > ul > li {
  width: 31.6%;
  margin-left: 2.5%;
}
.nav-ut-row.row3 > ul > li:nth-child(3n+1) {
  margin-left: 0;
}
.nav-ut-row.row4 > ul > li {
  width: 23.1%;
  margin-left: 2.5%;
}
.nav-ut-row.row4 > ul > li:nth-child(4n+1) {
  margin-left: 0;
}
.nav-ut-row.row5 > ul > li {
  width: 18%;
  margin-left: 2.5%;
}
.nav-ut-row.row5 > ul > li:nth-child(5n+1) {
  margin-left: 0;
}
.nav-ut-row.row6 > ul > li {
  width: 14.5%;
  margin-left: 2.5%;
}
.nav-ut-row.row6 > ul > li:nth-child(6n+1) {
  margin-left: 0;
}
.nav-ut-row.row7 > ul > li {
  width: 12.1%;
  margin-left: 2.5%;
}
.nav-ut-row.row7 > ul > li:nth-child(7n+1) {
  margin-left: 0;
}
.nav-ut-row > ul > li a {
  position: relative;
  display: block;
  height: 60px;
  padding: 10px 10px 0;
  background: rgba(0,0,0, 0.4);
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.4s;
}
.nav-ut-row > ul > li a:hover {
  background: rgba(0,0,0, 0.6);
}
.nav-ut-row > ul > li a:after {
  position: absolute;
  bottom: 15px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  content: "";
  background: url(/assets/img-leaf/icon/arrow-01-down-white.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.nav-ut-row > ul > li.type-line-2 a {
  padding-top: 7px;
  line-height: 1;
}
.nav-ut-row > ul > li.type-line-2 a:after {
  bottom: 8px;
}

/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
  .nav-ut-row.row7 > ul > li,
  .nav-ut-row.row6 > ul > li {
    width: 18%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row.row6 > ul > li:nth-child(5n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 768 */


/* 568px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 568px) {
  .nav-ut-row.row7 > ul > li,
  .nav-ut-row.row6 > ul > li,
  .nav-ut-row.row5 > ul > li,
  .nav-ut-row.row4 > ul > li {
    width: 31.6%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row.row6 > ul > li:nth-child(5n+1) {
    margin-left: 2.5% !important;
  }
  .nav-ut-row.row7 > ul > li:nth-child(3n+1),
  .nav-ut-row.row6 > ul > li:nth-child(3n+1),
  .nav-ut-row.row5 > ul > li:nth-child(3n+1),
  .nav-ut-row.row4 > ul > li:nth-child(3n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 568 */


/* .nav-ut-row-circle
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-row-circle {
  position: relative;
}
.nav-ut-row-circle > ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-ut-row-circle > ul > li {
  margin-bottom: 10px;
}
.nav-ut-row-circle.row5 > ul > li {
  width: 16.8%;
  margin-left: 4%;
}
.nav-ut-row-circle.row5 > ul > li a {
  height: 116px;
}
.nav-ut-row-circle.row5 > ul > li:nth-child(5n+1) {
  margin-left: 0;
}
.nav-ut-row-circle.row4 > ul > li {
  width: 20%;
  margin-left: 6.6%;
}
.nav-ut-row-circle.row4 > ul > li a {
  height: 138px;
}
.nav-ut-row-circle.row4 > ul > li:nth-child(4n+1) {
  margin-left: 0;
}

.nav-ut-row-circle > ul > li a {
  position: relative;
  display: block;
  right: 0;
  top: 0;
  background: rgba(0,0,0, 0.4);
  border-radius: 200px;
  border: 3px solid rgba(255,255,255,0.3);
  text-align: center;
  padding-top: 30px;
  font-size: 1.6rem;
  text-decoration: none;
  color: #fff;
  transition: background-color 0.4s;
  /*
  align-items: center;
  justify-content: space-around;
  display: flex;
  */
}
.nav-ut-row-circle > ul > li a:hover {
  background: rgba(0,0,0, 0.6);
}
.nav-ut-row-circle a:after {
  position: absolute;
  bottom: 30px;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  content: "";
  background: url(/assets/img-leaf/icon/arrow-01-down-white.svg) no-repeat 0 0;
  background-size: 100% auto;
}


/* .nav-ut-row-pic
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-row-pic {
}
.nav-ut-row-pic > ul {
  display: flex;
  flex-wrap: wrap;
}
.nav-ut-row-pic > ul > li {
  margin-bottom: 10px;
}
.nav-ut-row-pic.row1 > ul > li {
  width: 100%;
}
.nav-ut-row-pic.row2 > ul > li {
  width: 48.7%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row2 > ul > li:nth-child(2n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row3 > ul > li {
  width: 31.6%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row3 > ul > li:nth-child(3n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row4 > ul > li {
  width: 23.1%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row4 > ul > li:nth-child(4n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row5 > ul > li {
  width: 18%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row5 > ul > li:nth-child(5n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row6 > ul > li {
  width: 14.5%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row6 > ul > li:nth-child(6n+1) {
  margin-left: 0;
}
.nav-ut-row-pic.row7 > ul > li {
  width: 12.1%;
  margin-left: 2.5%;
}
.nav-ut-row-pic.row7 > ul > li:nth-child(7n+1) {
  margin-left: 0;
}
.nav-ut-row-pic > ul > li a {
  position: relative;
  display: block;
  min-height: 60px;
  padding: 10px 10px 0;
  background: rgba(0,0,0, 0.4);
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: background-color 0.4s;
}
.nav-ut-row-pic > ul > li a:hover {
  background: rgba(0,0,0, 0.6);
}
.nav-ut-row-pic > ul > li a:after {
  position: absolute;
  bottom: 15px;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  content: "";
  background: url(/assets/img-leaf/icon/arrow-01-down-white.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.nav-ut-row-pic > ul > li.type-line-2 a { /* old text-2line */
  padding-top: 7px;
  line-height: 1;
}
.nav-ut-row-pic > ul > li.type-line-2 a:after {
  bottom: 8px;
}

/*  */

.nav-ut-row-pic.type-pic-out {
  margin-top: 70px;
}
.nav-ut-row-pic.type-pic-out > ul > li a {
  position: relative;
}
.nav-ut-row-pic.type-pic-out > ul > li a .pic {
  position: absolute;
  left: 50%;
  top: -50%;
  margin-left: -25%;
  width: 50%;
}
.nav-ut-row-pic.type-pic-out > ul > li a .pic img {
  width: 100%;
  border-radius: 100px;
}
.nav-ut-row-pic.type-pic-out > ul > li a h3.heading {
margin-top: 60px;
}


/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
  .nav-ut-row-pic.row7 > ul > li,
  .nav-ut-row-pic.row6 > ul > li {
    width: 18%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row-pic.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row-pic.row6 > ul > li:nth-child(5n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 768 */


/* 568px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 568px) {
  .nav-ut-row-pic.row7 > ul > li,
  .nav-ut-row-pic.row6 > ul > li,
  .nav-ut-row-pic.row5 > ul > li,
  .nav-ut-row-pic.row4 > ul > li {
    width: 31.6%;
    margin-left: 2.5% !important;
  }
  .nav-ut-row-pic.row7 > ul > li:nth-child(5n+1),
  .nav-ut-row-pic.row6 > ul > li:nth-child(5n+1) {
    margin-left: 2.5% !important;
  }
  .nav-ut-row-pic.row7 > ul > li:nth-child(3n+1),
  .nav-ut-row-pic.row6 > ul > li:nth-child(3n+1),
  .nav-ut-row-pic.row5 > ul > li:nth-child(3n+1),
  .nav-ut-row-pic.row4 > ul > li:nth-child(3n+1) {
    margin-left: 0 !important;
  }
} /* 0 - 568 */


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
W Tools with j
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* Overlay Menu
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.wt-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(34,34,34, 0.2);
  opacity: 0;
  z-index: 1000000; /* zenchat is 999999 */
}

.wt-overlay-menu {
  position: fixed;
  left: -300px; /* ! */
  top: 0;
  width: 300px; /* ! */
  height: 100%;
  background: #fff;
  overflow-y: scroll;
  z-index: 1000100;
}
.wt-overlay-menu.type-left {
  left: -300px; /* ! */
  top: 0;
  width: 300px; /* ! */
  height: 100%;
}
.wt-overlay-menu.type-top {
  left: 0;
  top: -100%; /* ! */
  width: 100%; /* ! */
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 40px;
}

.wt-overlay-menu .in-overlay-menu {
  padding-left: 10px;
  padding-right: 10px;
}

.ut-side-menu-fixed { /* footerのところにあるもの */
  position: fixed;
  left: 50%; /* ! */
  top: -999em;
  width: 250px; /* ! */
  margin-left: 240px;
  background: #ccc;
  z-index: 1000100;
}

.wt-nav-side-fixed {
  width: inherit;
  margin-bottom: 0 !important;
  background: lightblue;
}

@media only screen and (max-width: 834px) {
  .wt-nav-side-fixed {
    display: none;
  }
}

.wt-nav-side-fixed .p-area-1st {
  height: auto;
  overflow-y: scroll;
}

/* スクロールの幅の設定 */
.wt-nav-side-fixed .p-area-1st::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* スクロールの背景の設定 */
.wt-nav-side-fixed .p-area-1st::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #aaa inset;
}

/* スクロールのつまみ部分の設定 */
.wt-nav-side-fixed .p-area-1st::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #1959A8;
}


.wt-nav-side-fixed .p-area-2nd {
  height: auto;
}
.st-fixed-side .wt-nav-side-fixed {
  position: fixed;
}
.st-fixed-side-bottom .wt-nav-side-fixed {
  position: absolute;
}




/* Modal
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.wt-modal {
}
.wt-modal-window {
  display: none;
  position: fixed;
  left: 50%; /* ! */
  top: 100px;
  width: 600px; /* ! */
  height: 352px; /* 191003 youtube   ??351px*/
  height: 800px; /* 250307 */
  transform: translateX(-50%);
  border-radius: 25px;
  overflow: hidden;
  background: #fff;
  z-index: 1000100;
}
.wt-modal-window.type-large {
  width: 1200px;
  height: calc( 100% - 40px );
}
@media only screen and (max-width: 1230px) {
  .wt-modal-window.type-large {
    width: calc( 100% - 30px );
  }
}
.wt-modal-close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: #ccc;
  background: rgb(255 255 255 / 10%) url(/assets/img-leaf/icon/close-01-gray.svg) no-repeat 0 0;
/*  background-size: 100% auto;*/
  z-index: 1001100;
}
@media only screen and (max-width: 640px) {
  .wt-modal-window {
    top: 60px;
    width: calc( 100% - 20px );
    height: calc( 100% - 70px );
  }
  .wt-modal-close {
    right: 10px;
    top: 10px;
  }
}
.wt-modal-window-in {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.wt-modal-frame {
  height: 100%;
}
.wt-modal-unit {
  position: absolute;
  height: 100%;
  background: rgb(255 255 255 / 100%);
  display: flex;
  align-items: center;
}
.wt-modal-unit-in {
  padding: 10px;
  /* background: #ccc; */
}
.wt-modal-contents-container {
  display: none;
}
@media only screen and (max-width: 640px) {
  .wt-modal-unit {
    align-items: normal;
  }
}

/* .pic-focus */

.wt-modal-unit.pic-focus img {
  width: 100%;
}

/* .tab */

.wt-modal-unit.tab {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
}

/* .document */

.wt-modal-unit.document {
  width: 100%;
  height: 100%;
  padding-top: 80px;
}
.wt-modal-unit.document .wt-modal-unit-in {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 0 40px 40px;
}

@media only screen and (max-width: 640px) {
  .wt-modal-unit.document {
    padding-top: 50px;
  }
  .wt-modal-unit.document .wt-modal-unit-in {
    padding: 0 20px 20px;
  }
}



/* wt-auto-header
- - - - - - - - - - - - - - - - - - - - - - - - - - */

header.wt-auto-header {
  position: fixed;
  width: 100%;
  top: 0;
  transition: top 1s cubic-bezier(0.55, 0.085, 0, 0.99), height 1s cubic-bezier(0.55, 0.085, 0, 0.99), background-color 1s cubic-bezier(0.55, 0.085, 0, 0.99);
}
/* 241115 pagetopでリロードしたときカクってなる
body.wt-auto-header:not(.st-pagetop) header.wt-auto-header {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
*/
body.wt-auto-header.st-mid-page header.wt-auto-header {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
}
.st-auto-header header.wt-auto-header {
  top: -100%;
}
body.wt-auto-header .l-page {
  margin-top: 60px;
}



/* .wt-anchor-list
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.wt-anchor-list {
  clear: both;
  margin-bottom: 1.8em;
}
.wt-anchor-list .c-list {
  padding: 15px 20px 15px 20px;
  background: #eee;
}
.wt-anchor-list .c-list .c-list-item {
  position: relative;
  display: block;
  background: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
}
.wt-anchor-list .c-list .c-list-item:last-child {
  margin-bottom: 0;
}
.wt-anchor-list .c-list .c-list-item a {
  display: inline-block;
  padding: 5px 10px 5px 28px;
  text-decoration: none;
  transition: background-color 0.4s;
}
.wt-anchor-list .c-list .c-list-item a:before {
  display: block;
  position: absolute;
  top: 15px;
  left: 6px;
  width: 10px;
  height: 10px;
  content: "";
  background: url(/assets/img-leaf/icon/anchor-01.svg) no-repeat 0 0;
  background-size: 10px auto;
}
.wt-anchor-list .c-list .c-list-item a:hover {
  background: #ddd;
}


/* AccordionMenu
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.wt-accordion {
  position: relative;
}
.wt-accordion > .wt-switch > a:after,
.wt-accordion > a:after {
  position: absolute;
  top: 14px;
  right: 15px;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background: url(/assets/img-leaf/icon/plus-01.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.wt-accordion.st-active > .wt-switch > a:after,
.wt-accordion.st-active > a:after {
  background: url(/assets/img-leaf/icon/minus-01.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.wt-accordion > .wt-switch > a {
  display: block;
  padding: 10px;
}
.wt-accordion > .wt-switch > a:hover {
  background-color: rgba(30,30,30, 0.1);
  transition: background-color 0.3s;
}

.wt-accordion > .wt-contents,
.wt-accordion > ul {
  display: none;
}
.wt-accordion.st-active > .wt-contents,
.wt-accordion.st-active > ul {
  display: block;
}

/*  */

.wt-accordion-nav .with-child > ul {
  display: none;
}
.wt-accordion-nav .with-child.st-active > ul {
  display: block;
}

.wt-accordion-nav .with-child > a:after {
  position: absolute;
  display: block;
  top: 14px;
  right: 15px;
  width: 16px;
  height: 16px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(/assets/img-leaf/icon/arrow-01-down-blue.svg);
  background-size: 100% auto;
}
.wt-accordion-nav .with-child.st-active > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up-blue.svg);
}



/* clipboard
a.wt-clipboard
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.wt-clipboard {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  color: #555555;
  text-decoration: none;
}
.wt-clipboard:before {
  position: absolute;
  display: block;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/copy-01-gray.svg);
  background-size: 100% auto;
}
.wt-clipboard:hover {
  color: #000000;
  text-decoration: none;
}
.wt-clipboard:hover:before {
  background-image: url(/assets/img-leaf/icon/copy-01-black.svg);
}


/* poptips
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.wt-poptips-contents-container {
  display: none;
}

.wt-poptips {
  position: relative;
}
.wt-poptips-contents-in {
  display: none;
  position: absolute;
  width: 300px;
  background: #ccc;
  top: 1.2em;
  left: 30%;
}

.st-active .wt-poptips-contents-in {
  display: block;
}


/* EFO
- - - - - - - - - - - - - - - - - - - - - - - - - - */
.wt-efo .wt-message {
  display: none;
}
.wt-efo .unit-efo.st-error .wt-message {
  display: block;
  color: rgba(232,51,65, 1);
}

/* EFO Auto Fill
- - - - - - - - - - - - - - - - - - - - - - - - - - */
.wt-efo-auto-fill-message {
  display: none;
}


/* debug
- - - - - - - - - - - - - - - - - - - - - - - - - - */
.wt-test-tool {
  position: fixed;
  right: 10px;
  top: 20%;
  width: 300px;
  padding: 5px 8px;
  border: solid 2px #fff;
  background: #ccc;
  color: #fff;
  font-size: 13px;
  font-family: 'Courier New';
  line-height: 1.5;
  z-index: 99999;
}


/* debug
- - - - - - - - - - - - - - - - - - - - - - - - - - */
.wt-debug {
  /*
  display: none;
  */
  position: fixed;
  right: 10px;
  bottom: 20%;
  width: 300px;
  padding: 5px 8px;
  border: solid 2px #fff;
  background: #ccc;
  color: #fff;
  font-size: 13px;
  font-family: 'Courier New';
  line-height: 1.5;
  z-index: 99999;
}
.wt-debug.debug-left {
  right: auto;
  left: 10px;
}
.wt-debug a:link,
.wt-debug a:visited {
  color: #fff;
  text-decoration: underline;
}
.wt-debug a:hover,
.wt-debug a:active {
  color: #fff;
  text-decoration: none;
}

@media print {
  .wt-debug {
    display: none;
  }
}

/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 834px) {
  .wt-debug {
    /* background: rgba(135,71,57, 1); Brown */
  }
} /* 0 - 768 */


/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
} /* 0 - 768 */


/* 568px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 568px) {
  .wt-debug {
/*    background: #0094b1;*/
  }
} /* 0 - 568 */



/*
A - Red    : 0px - 320px
B - Orange : 321px - 480px
C - Yellow : 481px - 640px
D - Green  : 641px - 834px
E - Cyan   : 835px - 1024px
F - Blue   : 1025px - 1200px
G - Purple : 1201px - 1366px
H - Pink   : 1367px - 1600px
I - Brown  : 1601px - 1920px
J - Black  : 1921px -
*/


/* A - 0px - 320px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 0px) and (max-width: 320px) {
  .wt-debug {
    background: rgba(232,51,65, 1); /* Red */
  }
} /* 0px - 320px */


/* B - 321px - 480px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 321px) and (max-width: 480px) {
  .wt-debug {
    background: rgba(241,131,43, 1); /* Orange */
  }
} /* 321px - 480px */


/* C - 481px - 640px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 481px) and (max-width: 640px) {
  .wt-debug {
    background: rgba(248,199,51, 1); /* Yellow */
    color: #333;
  }
} /* 481px - 640px */


/* D - 641px - 834px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 641px) and (max-width: 834px) {
  .wt-debug {
    background: rgba(9,144,73, 1); /* Green */
  }
} /* 641px - 834px */


/* E - 835px - 1024px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 835px) and (max-width: 1024px) {
  .wt-debug {
    background: rgba(138,206,248, 1); /* Cyan */
    color: #333;
  }
} /* 835px - 1024px */


/* F - 1025px - 1200px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .wt-debug {
    background: rgba(11,119,211, 1); /* Blue */
  }
} /* 1025px - 1200px */


/* G - 1201px - 1366px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
  .wt-debug {
    background: rgba(118,48,184, 1); /* Purple */
  }
} /* 1201px - 1366px */


/* H - 1367px - 1600px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1367px) and (max-width: 1600px) {
  .wt-debug {
    background: rgba(242,146,194, 1); /* Pink */
  }
} /* 1367px - 1600px */


/* I - 1601px - 1920px
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .wt-debug {
    background: rgba(135,71,57, 1); /* Brown */
  }
} /*  1601px - 1920px */


/* J - 1921px -
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (min-width: 1921px) {
  .wt-debug {
    background: rgba(52,49,46, 1); /* Black */
  }
} /*  1921px - */

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Panel
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.panel-ut {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
}
.panel-ut > .unit-ut { /* 240607 奇数個の場合の対応 */
  height: 100%;
}
.panel-ut > .unit-ut > .in-unit {
  padding: 10px 15px;
}

/* margin */

.panel-ut.unit-mrgn-0 {
  gap: 0px;
}
.panel-ut.unit-mrgn-12 {
  gap: 12px;
}
.panel-ut.unit-mrgn-24 {
  gap: 24px;
}
.panel-ut.unit-mrgn-100 {
  gap: 100px;
}

/* column */

/* 等間隔 */

.panel-ut.type-one {
}
.panel-ut.type-bisect {
  grid-template-columns: repeat(2, 1fr);
}
.panel-ut.type-trisect {
  grid-template-columns: repeat(3, 1fr);
}
.panel-ut.type-quarter {
  grid-template-columns: repeat(4, 1fr);
}
.panel-ut.type-five-eq {
  grid-template-columns: repeat(5, 1fr);
}
.panel-ut.type-six-eq {
  grid-template-columns: repeat(6, 1fr);
}
.panel-ut.type-seven-eq {
  grid-template-columns: repeat(7, 1fr);
}
.panel-ut.type-eight-eq {
  grid-template-columns: repeat(8, 1fr);
}
.panel-ut.type-nine-eq {
  grid-template-columns: repeat(9, 1fr);
}

/* 2カラム */

.panel-ut.type-1x2 {
  grid-template-columns: 1fr 2fr;
}
.panel-ut.type-2x1 {
  grid-template-columns: 2fr 1fr;
}
.panel-ut.type-1x3 {
  grid-template-columns: 1fr 3fr;
}
.panel-ut.type-3x1 {
  grid-template-columns: 3fr 1fr;
}
.panel-ut.type-1x4 {
  grid-template-columns: 1fr 4fr;
}
.panel-ut.type-4x1 {
  grid-template-columns: 4fr 1fr;
}
.panel-ut.type-2x3 {
  grid-template-columns: 2fr 3fr;
}
.panel-ut.type-3x2 {
  grid-template-columns: 3fr 2fr;
}

/* 3カラム */

.panel-ut.type-1x2x2 {
  grid-template-columns: 1fr 2fr 2fr;
}
.panel-ut.type-2x1x2 {
  grid-template-columns: 2fr 1fr 2fr;
}
.panel-ut.type-2x2x1 {
  grid-template-columns: 2fr 2fr 1fr;
}

.panel-ut.type-1x1x2 {
  grid-template-columns: 1fr 1fr 2fr;
}
.panel-ut.type-1x2x1 {
  grid-template-columns: 1fr 2fr 1fr;
}
.panel-ut.type-2x1x1 {
  grid-template-columns: 2fr 1fr 1fr;
}

.panel-ut.type-1x1x3 {
  grid-template-columns: 1fr 1fr 3fr;
}
.panel-ut.type-1x3x1 {
  grid-template-columns: 1fr 3fr 1fr;
}
.panel-ut.type-3x1x1 {
  grid-template-columns: 3fr 1fr 1fr;
}

.panel-ut.type-2x2x3 {
  grid-template-columns: 2fr 2fr 3fr;
}
.panel-ut.type-2x3x2 {
  grid-template-columns: 2fr 3fr 2fr;
}
.panel-ut.type-3x2x2 {
  grid-template-columns: 3fr 2fr 2fr;
}

@media only screen and (max-width: 834px) {
  .panel-ut.type-nine-eq,
  .panel-ut.type-eight-eq,
  .panel-ut.type-seven-eq,
  .panel-ut.type-six-eq,
  .panel-ut.type-five-eq,
  .panel-ut.type-quarter,
  .panel-ut.type-trisect,
  .panel-ut.type-bisect,

  .panel-ut[class*="type-4x"],
  .panel-ut[class*="type-3x"],
  .panel-ut[class*="type-2x"],
  .panel-ut[class*="type-1x"] {
    grid-template-columns: repeat(1, 1fr);
  }

  .panel-ut.type-sp-bisect {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* 
中央配置、1カラムのみ
240
300
350
400
500
550 (1100 の半分)
600
700
720 (main column)
800
900
1000
youtube (560)

1third (33.3%)
40per
50per
60per
2third (66.6%)
70per
80per
90per

full (250617 なくす。type-one と同じ)
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.panel-ut[class*="type-center"] {
  grid-template-columns: 100%;
  justify-items: center;
}
.panel-ut.type-center-w33per > .unit-ut   { width: 33.33%; } /* 1 third */
.panel-ut.type-center-w40per > .unit-ut    { width: 40%; }
.panel-ut.type-center-w50per > .unit-ut     { width: 50%; }
.panel-ut.type-center-w60per > .unit-ut   { width: 60%; }
.panel-ut.type-center-w66per > .unit-ut   { width: 66.66%; } /* 2 third */
.panel-ut.type-center-w70per > .unit-ut    { width: 70%; }
.panel-ut.type-center-w80per > .unit-ut  { width: 80%; }
.panel-ut.type-center-w90per > .unit-ut { width: 90%; }

.panel-ut.type-center-youtube > .unit-ut     { width: 560px; }

.panel-ut.type-center-w240 > .unit-ut     { width: 240px; }
.panel-ut.type-center-w300 > .unit-ut     { width: 300px; }
.panel-ut.type-center-w350 > .unit-ut     { width: 350px; }
.panel-ut.type-center-w400 > .unit-ut     { width: 400px; }
.panel-ut.type-center-w500 > .unit-ut     { width: 500px; }
.panel-ut.type-center-w550 > .unit-ut     { width: 550px; }
.panel-ut.type-center-w600 > .unit-ut     { width: 600px; }
.panel-ut.type-center-w700 > .unit-ut     { width: 700px; }
.panel-ut.type-center-w720 > .unit-ut     { width: 720px; }
.panel-ut.type-center-w800 > .unit-ut     { width: 800px; }
.panel-ut.type-center-w900 > .unit-ut     { width: 900px; }
.panel-ut.type-center-w1000 > .unit-ut     { width: 1000px; }

/*  */

.panel-ut > .unit-ut.type-embed-map iframe {
  width: 100%;
  height: 100%;
}


/* 余白
0px
1px
2px
5px
10px
15px
20px
30px
adjustなし 40px
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* 240310 まずはdefaultに */

.panel-ut[class*="type-4x"].type-reverse,
.panel-ut[class*="type-3x"].type-reverse,
.panel-ut[class*="type-2x"].type-reverse,
.panel-ut[class*="type-1x"].type-reverse,
.panel-ut.type-bisect.type-reverse {
  direction: rtl;
}
.panel-ut[class*="type-4x"].type-reverse > *,
.panel-ut[class*="type-3x"].type-reverse > *,
.panel-ut[class*="type-2x"].type-reverse > *,
.panel-ut[class*="type-1x"].type-reverse > *,
.panel-ut.type-bisect.type-reverse {
  direction: ltr;
}

/*  */

.panel-ut.unit > .unit-ut {
  display: flex;
  align-items: center;
  height: auto;
}

/*  */

.panel-ut.type-vertical-center > .unit-ut,
.panel-ut > .unit-ut.type-vertical-center {
  display: flex;
  align-items: center;
  height: auto;
}
.panel-ut.type-vertical-center > .unit-ut > .c-pic, /* 250530 他に影響でないかな、、 */
.panel-ut > .unit-ut.type-vertical-center > .c-pic {
  width: 100%;
}

/*
.type-flow
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-flow > .unit-ut {
  position: relative;
}
.panel-ut.type-flow > .unit-ut:after {
  position: absolute;
  display: block;
  left: calc( 100% + 12px );
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 16px;
  height: 26px;
  content: "";
  background: url(/assets/img-leaf/icon/flow-right-01-gray.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.panel-ut.type-flow > .unit-ut:last-child:after {
  display: none;
}

.panel-ut.type-flow > .unit-ut.type-or:after {
  background: none;
  font-weight: 700;
  content: "もしくは";
  transform: rotate(0deg);
}
.panel-ut.type-flow > .unit-ut.type-none:after {
  display: none;
}

@media only screen and (max-width: 834px) {
  .panel-ut.type-flow > .unit-ut:after {
    top: calc( 100% - 3px );
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate( 90deg );
  }
  .panel-ut.type-flow > .unit-ut.type-or:after {
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    margin: 0;
    text-align: center;
  }
}

/* .type-okaka 矢印の縦位置固定 */

.panel-ut.type-flow.type-okaka > .unit-ut:after {
  top: 30px;
  margin: 0;
}
@media only screen and (max-width: 834px) {
  .panel-ut.type-flow.type-okaka > .unit-ut:after {
    top: calc( 100% - 3px );
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate( 90deg );
  }
}

/* .type-branch */

.panel-ut.type-flow.type-branch {
}
.panel-ut.type-flow.type-branch > .type-branch-target {
  margin-bottom: 0px;
}
.panel-ut.type-flow.type-branch > .type-branch-target > .panel-ut > .unit-ut:first-child {
  margin-bottom: 40px;
}
@media only screen and (min-width: 835px) {
  .panel-ut.type-flow.type-branch > .unit-ut:not(.type-branch-target) {
    margin-top: 115px;
  }
  .panel-ut.type-flow.type-branch > .type-branch-target > .panel-ut:last-child > .unit-ut {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 834px) {
  .panel-ut.type-flow.type-branch > .type-branch-target {
    display: flex;
  }
  .panel-ut.type-flow.type-branch > .type-branch-target.type-reverse {
    flex-direction: row-reverse;
  }
  .panel-ut.type-flow.type-branch > .type-branch-target > .panel-ut > .unit-ut {
    height: 200px;
    padding-left: 30px;
    padding-right: 30px;
  }
}


/*
.type-connecting
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-connecting > .unit-ut {
  position: relative;
}
.panel-ut.type-connecting > .unit-ut:after {
  position: absolute;
  display: block;
  left: calc( 100% - 40px ); /* widthの半分をマイナス */
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 80px;
  height: 2px;
  content: "";
  background: #ccc;
}
.panel-ut.type-connecting > .unit-ut:last-child:after {
  display: none;
}

/* .type-okaka 矢印の縦位置固定 */

.panel-ut.type-connecting.type-okaka > .unit-ut:after {
  top: 60px;
  margin: 0;
}
@media only screen and (max-width: 834px) {
  .panel-ut.type-connecting.type-okaka > .unit-ut:after {
    top: calc(100% + 20px);
    bottom: auto;
    left: 0;
    right: 0;
    width: 30px;
    margin: 0 auto;
    transform: rotate( 90deg );
  }
}


/*
.type-connecting-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-connecting-a > .unit-ut {
  position: relative;
}
.panel-ut.type-connecting-a > .unit-ut:after {
  position: absolute;
  display: block;
  left: calc( 100% - 60px ); /* widthの半分をマイナス */
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 120px;
  height: 2px;
  content: "";
  background: #ccc;
}
.panel-ut.type-connecting-a > .unit-ut:last-child:after {
  display: none;
}

/* .type-okaka 矢印の縦位置固定 */

.panel-ut.type-connecting-a.type-okaka > .unit-ut:after {
  top: 35px;
  margin: 0;
}
@media only screen and (max-width: 834px) {
  .panel-ut.type-connecting-a > .unit-ut {
    margin-bottom: 32px !important;
  }
  .panel-ut.type-connecting-a > .unit-ut:after {
    top: calc(100% + 15px);
    bottom: auto;
    left: 3px;
    right: 0;
    width: 20px;
    margin: 0 auto;
    transform: rotate( 90deg );
  }
  .panel-ut.type-connecting-a.type-okaka > .unit-ut:after {
    top: 36px;
  }
}


/*
.type-border
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-border > .unit-ut {
  position: relative;
}
.panel-ut.type-border > .unit-ut:after {
  position: absolute;
  display: block;
  left: calc( 100% + 20px );
  top: 0;
  width: 1px;
  height: 100%;
  content: "";
  background: #595959;
}
.panel-ut.type-border.unit-mrgn-24 > .unit-ut:after {
  left: calc( 100% + 10px );
}
.panel-ut.type-border > .unit-ut:nth-child(even):after,
.panel-ut.type-border > .unit-ut:last-child:after {
  display: none;
}

@media only screen and (max-width: 834px) {
  .panel-ut.unit-pdng-lr3-tablet > .unit-ut { /* 250605 mrgn-t3と同じ感じで8の倍数 */
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}


/*
.type-divider
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-divider > .unit-ut {
  border-left: solid 1px #ccc;
}
.panel-ut.type-divider > .unit-ut:first-child {
  border-left: none;
}
.panel-ut.type-divider > .unit-ut > [class*="card-ut"] {
  padding-left: 40px;
  padding-right: 40px;
}
/* 250703 これをすると左右のバランスがちょっと変になる
.panel-ut.type-divider > .unit-ut:first-child > [class*="card-ut"] {
  padding-left: 0;
}
.panel-ut.type-divider > .unit-ut:last-child > [class*="card-ut"] {
  padding-right: 0;
}
*/


/*
.type-divider-sides
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.type-divider-sides > .unit-ut {
  border-left: solid 1px #ccc;
}
.panel-ut.type-divider-sides > .unit-ut:last-child {
  border-right: solid 1px #ccc;
}




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

.panel-ut > .unit-ut > .wrap-parts > *:last-child, /* 250606 .in-unitとの違いはpadding */
.panel-ut > .unit-ut > .in-unit > *:last-child,
.panel-ut > .unit-ut > *:last-child {
  margin-bottom: 0px;
}


/*
= = = = = = = = = = = = = = = = = = = = = = = = = = */

@media only screen and (max-width: 834px) {
  .panel-ut:not(.type-nowrap-tablet) {
    width: 100%;
  }
  .panel-ut:not(.type-nowrap-tablet):not(.type-fixed-width):not(.type-sp-bisect) > .unit-ut {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .panel-ut.type-center-youtube[class*="unit-mrgn"] > .unit-ut,
  .panel-ut.type-center-youtube > .unit-ut {
    width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 834px) {
  .panel-ut:not(.type-nowrap-tablet).type-tablet-center-340 {
    flex-direction: column;
  }
  .panel-ut:not(.type-nowrap-tablet).type-tablet-center-340 > .unit-ut {
    width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 600px) { /* 560px padding 20px 20px */
  .panel-ut.type-center-youtube[class*="unit-mrgn"] > .unit-ut,
  .panel-ut.type-center-youtube > .unit-ut {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .panel-ut.type-center-youtube[class*="unit-mrgn"] > .unit-ut iframe,
  .panel-ut.type-center-youtube > .unit-ut iframe {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 480px) {
  /*
  .panel-ut > .unit-ut .c-pic {
    width: 65% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .panel-ut.type-bisect.type-sp-bisect > .unit-ut .c-pic {
    width: 100% !important;
  }
  */
}


/* fixed-width
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.panel-ut.type-fixed-width {
  display: grid;
  grid-template-columns: repeat(3, auto); /* 各アイテムの幅を固定 */
  justify-content: center; /* コンテンツ全体を中央寄せ */
  gap: 40px; /* アイテム同士の間隔 */
}
.panel-ut.type-fixed-width > .unit-ut {
  margin-left: 0;
}
.panel-ut.type-fixed-width.type-w240 > .unit-ut {
  width: 240px;
}
.panel-ut.type-fixed-width.type-w350 > .unit-ut {
  width: 350px;
}
.panel-ut.type-fixed-width.type-w350.type-num-3 {
  gap: 26px;
}

.panel-ut.type-fixed-width.type-num-1 {
  grid-template-columns: repeat(1, auto);
}
.panel-ut.type-fixed-width.type-num-2 {
  grid-template-columns: repeat(2, auto);
}
.panel-ut.type-fixed-width.type-num-3 {
  grid-template-columns: repeat(3, auto);
}
.panel-ut.type-fixed-width.type-num-4 {
  grid-template-columns: repeat(4, auto);
}

@media only screen and (max-width: 1140px) {
  .panel-ut.type-fixed-width {
    grid-template-columns: repeat(2, auto);
  }
  .panel-ut.type-fixed-width.type-w240.type-num-4 {
    grid-template-columns: repeat(3, auto);
  }
  .panel-ut.type-fixed-width.type-w350.type-num-3 {
    grid-template-columns: repeat(2, auto);
  }
}
@media only screen and (max-width: 834px) {
  .panel-ut.type-fixed-width {
    grid-template-columns: repeat(2, auto);
  }
  .panel-ut.type-fixed-width.type-w240.type-num-4,
  .panel-ut.type-fixed-width.type-w240.type-num-3 {
    grid-template-columns: repeat(2, auto);
  }
  .panel-ut.type-fixed-width.type-w350.type-num-3,
  .panel-ut.type-fixed-width.type-w350.type-num-2 {
    grid-template-columns: repeat(1, auto);
  }
}
@media only screen and (max-width: 640px) {
  .panel-ut.type-fixed-width.type-w240.type-num-4,
  .panel-ut.type-fixed-width.type-w240.type-num-3,
  .panel-ut.type-fixed-width.type-w240.type-num-2 {
    grid-template-columns: repeat(1, auto);
  }
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Color Theme
= = = = = = = = = = = = = = = = = = = = = = = = = = */


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

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Background
.bg-ut-stripe
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .bg-ut-stripe
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-stripe.type-0deg {
  background: repeating-linear-gradient(
    #333,
    #333 5px,
    #444 0,
    #444 6px);
}


.bg-ut-stripe.type-135deg {
  background: repeating-linear-gradient(
    135deg,
    #333,
    #333 5px,
    #444 0,
    #444 6px);
}


@media only screen and (max-width: 640px) {
}


.bg-ut-superpale { /* .l-container */
  background-color: #f7f7f7;
}

.bg-ut-vermilion {
  background-color: #e93443;
}

/*
gray
pink
blue
*/



/* .bg-ut-white
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-white {
  background-color: #fff !important;
}


/* .bg-ut-gray
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-gray {
  background-color: #ccc !important;
}
.bg-ut-gray.type-pale {
  background-color: #eee !important;
}
.bg-ut-gray.type-verypale {
  background-color: #F3F3F3 !important;
}
.bg-ut-gray.type-superpale {
  background-color: #F9F9F9 !important;
}
.bg-ut-gray.type-ultrapale { /* 240919 まだ使ってない */
  background-color: #F9F9F9 !important;
}
.bg-ut-gray.type-miraclepale { /* 240919 まだ使ってない */
  background-color: #F9F9F9 !important;
}


/* .bg-ut-pink
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-pink.type-superpale {
  background-color: #eee;
}


/* .bg-ut-blue
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-blue {
  background-color: #3063c8 !important;
}
.bg-ut-blue.type-pale {
  background-color: #E1EBFF !important;
}

/* .bg-ut-blue-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg-ut-blue-a.type-superpale {
  background-color: #ECF5FF;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Image

azalea
begonia
camellia
dahlia
eryngium
freesia
gladiolus
= = = = = = = = = = = = = = = = = = = = = = = = = = */


.bg-ut-image-azalea {
  background-image: url(/assets/img-leaf/pattern/bg-pattern-01.png);
  background-size: 70% auto;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Board
wrapするイメージ
.in-board は使わないようにする、要素をシンプルにするために
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.board-ut {
  position: relative;
  padding: 40px;
  border-radius: 10px;
}
.board-ut > *:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 640px) {
  .board-ut {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 834px) {
  .type-board-full-tablet.l-container .in-container {
    padding-right: 0;
    padding-left: 0;
  }
  .type-board-full-tablet.l-container .in-container .board-ut {
  border-radius: 0;
  }
}


/*
250131 .in-board を使うと複雑になるので、、、
.board-ut > .in-board {
  padding: 40px;
}
*/

.board-ut.model-standard {
  border-radius: 20px;
  overflow: hidden;
  background: #eef7fd;
}
.board-ut.model-plain {
  border-radius: 10px;
  border: solid 2px #ccc;
  background: #fff;
}

.board-ut h2.type-legend {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  padding: 5px 20px;
  background: #fff;
  color: #555;
  font-size: 2.0rem;
  font-weight: 700;
}



/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Border
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.border-ut-dotted {
  background-image :
    linear-gradient(to right, #84c8a4, #84c8a4 2px, transparent 2px, transparent 4px),  /* 上の線 */
    linear-gradient(to bottom, #84c8a4, #84c8a4 2px, transparent 2px, transparent 4px), /* 右の線 */
    linear-gradient(to left, #84c8a4, #84c8a4 2px, transparent 2px, transparent 4px),  /* 下の線 */
    linear-gradient(to top, #84c8a4, #84c8a4 2px, transparent 2px, transparent 4px);   /* 左の線 */
  background-size:
    4px 1px,  /* 上の線 */
    1px 4px, /* 右の線 */
    4px 1px,  /* 下の線 */
    1px 4px;   /* 左の線 */
  background-position:
    left top,  /* 上の線 */
    right top, /* 右の線 */
    right bottom,  /* 下の線 */
    left bottom;   /* 左の線 */
  background-repeat:
    repeat-x,  /* 上の線 */
    repeat-y, /* 右の線 */
    repeat-x,  /* 下の線 */
    repeat-y;   /* 左の線 */
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Heading
.heading-ut-xx
= = = = = = = = = = = = = = = = = = = = = = = = = = */


[class*="heading-ut"] {
  line-height: 1.2;
  margin-bottom: 24px;
  clear: both;
}

h1[class*="heading-ut"] {
  /* font-size: 2.4rem; */
  font-size: 4.0rem;
}
h2[class*="heading-ut"] {
  /* font-size: 1.8rem; */
  font-size: 3.2rem;
}
h3[class*="heading-ut"] {
  /* font-size: 1.6rem; */
  font-size: 2.4rem;
}
h4[class*="heading-ut"] {
  font-size: 2.1rem;
}
h5[class*="heading-ut"] {
  font-size: 1.8rem;
}
h6[class*="heading-ut"] {
  font-size: 1.8rem;
}

/*  */

.type-gate-enlarge h1[class*="heading-ut"] {
  font-size: 5rem;
}
.type-gate-enlarge h2[class*="heading-ut"] {
  font-size: 4rem;
}

/*
241022
.size-increase-1
.size-decrease-1
*/

/* .c-pre, .c-sub サイズだけじゃない */

h1[class*="heading-ut"] .c-pre,
h2[class*="heading-ut"] .c-pre,
h3[class*="heading-ut"] .c-pre,
h4[class*="heading-ut"] .c-pre,
h5[class*="heading-ut"] .c-pre,
h6[class*="heading-ut"] .c-pre {
  display: block;
  font-size: 0.7em;
}
h1[class*="heading-ut"] .c-sub,
h2[class*="heading-ut"] .c-sub,
h3[class*="heading-ut"] .c-sub,
h4[class*="heading-ut"] .c-sub,
h5[class*="heading-ut"] .c-sub,
h6[class*="heading-ut"] .c-sub {
  display: block;
  font-size: 0.7em;
}

h1[class*="heading-ut"] .c-large,
h2[class*="heading-ut"] .c-large,
h3[class*="heading-ut"] .c-large,
h4[class*="heading-ut"] .c-large,
h5[class*="heading-ut"] .c-large,
h6[class*="heading-ut"] .c-large { /* 191120 命名は.f-size-2x-small など参考にしている */
  font-size: 1.25em;
}

/* .heading-ut */

h1.heading-ut {
  margin-bottom: 40px;
}
h2.heading-ut {
  margin-bottom: 40px;
}
.panel-ut h2.heading-ut { /* 250209 たぶんこれで大丈夫 */
  margin-bottom: 24px;
}
h3.heading-ut {
  margin-bottom: 40px;
}

[class*="figure-ut"] + h2.heading-ut,
[class*="table-ut"] + h2.heading-ut,
[class*="list-ut"] + h2.heading-ut,
[class*="nav-ut"] + h2.heading-ut,
.notes-ut + h2.heading-ut,
.paragraph-ut + h2.heading-ut,
.heading-ut + h2.heading-ut {
  margin-top: 56px;
}

[class*="figure-ut"] + h3.heading-ut,
[class*="table-ut"] + h3.heading-ut,
[class*="list-ut"] + h3.heading-ut,
[class*="nav-ut"] + h3.heading-ut,
.notes-ut + h3.heading-ut,
.paragraph-ut + h3.heading-ut,
.heading-ut + h3.heading-ut {
  margin-top: 56px;
}

h4.heading-ut,
h5.heading-ut,
h6.heading-ut {
  margin-bottom: 24px;
}
h1.heading-ut {
  margin-bottom: 80px;
}

h3.heading-ut {
  font-weight: 700;
}
h4.heading-ut {
  padding-left: 10px;
  border-left: 4px solid #666;
}
h5.heading-ut {
  font-weight: 700;
}


/* .type-konbu */

.heading-ut.type-konbu {
  position: relative;
  margin-top: 110px;
  text-align: center;
}
.heading-ut.type-konbu .c-pre {
  position: absolute;
  display: block;
  left: 50%;
  top: -60px;
  transform: translateX(-50%);
  font-size: 2.8rem;
  font-weight: 700;
}
h3.heading-ut.type-konbu {
  margin-top: 60px;
  padding-top: 0;
  border-top: none;
  font-size: 1.8rem;
}
h3.heading-ut.type-konbu:after {
  display: none;
}
h3.heading-ut.type-konbu .c-pre {
  top: -35px;
  font-size: 2rem;
}


/* .type-konbu-a */

.heading-ut.type-konbu-a {
  position: relative;
  margin-top: 110px;
  text-align: center;
}
.heading-ut.type-konbu-a .c-pre {
  position: absolute;
  display: block;
  left: 50%;
  top: -60px;
  transform: translateX(-50%);
  font-size: 2.8rem;
  font-weight: 700;
}
.heading-ut.type-konbu-a .c-text {
  display: block;
}

h3.heading-ut.type-konbu-a {
  margin-top: 60px;
  padding-top: 0;
  border-top: none;
  font-size: 1.8rem;
}
h3.heading-ut.type-konbu-a:after {
  display: none;
}
h3.heading-ut.type-konbu-a .c-pre {
  top: -35px;
  font-size: 2rem;
}
@media only screen and (max-width: 834px) {
  .heading-ut.type-konbu-a {
    margin-top: 0px;
    text-align: left;
  }
  h3.heading-ut.type-konbu-a {
    margin-top: 0px;
  }
  .heading-ut.type-konbu-a .c-text {
    padding-left: 50px;
  }
  h3.heading-ut.type-konbu-a .c-text {
    padding-left: 40px;
  }
  .heading-ut.type-konbu-a .c-pre {
    left: auto;
    top: 3px;
    transform: translateX(0);
    text-align: left;
  }
  h3.heading-ut.type-konbu-a .c-pre {
    top: -1px;
  }
  h3.heading-ut.type-konbu-a .c-text {
  }
}


/* .heading-ut-xx */

.heading-ut-a {
  padding: 0.45em 0.5em 0.4em;
  background: #e6e6e6;
  /* line-height: 1.3; 191216 del予定 */
  font-weight: normal;
}
.heading-ut-b {
  padding: 0.4em 0.5em 0.3em;
  background: #464646;
  color: #fff;
  /* line-height: 1.3; 191216 del予定 */
}
.heading-ut-c {
  padding-bottom: 0.3em;
  padding-left: 0.1em;
  border-bottom: solid 1px #666;
  /* line-height: 1.3; 191216 del予定 */
}
.heading-ut-d {
  padding: 0.1em 0 0.05em 0.5em;
  border-left: solid 4px #888;
  /* line-height: 1.3; 191216 del予定 */
}
.heading-ut-e {
  padding: 0.1em 0 0.2em 0.5em;
  border-left: solid 4px #888;
  border-bottom: solid 1px #888;
/*  line-height: 1.3;*/
  font-weight: normal;
}
.heading-ut-f {
  /* line-height: 1.3; 191216 del予定 */
  font-weight: bold;
}
.heading-ut-g {
  color: rgba(11,119,211, 1);
}
.heading-ut-h {
  font-weight: bold;
  color: rgba(11,119,211, 1);
}
.heading-ut-g.type-a,
.heading-ut-h.type-a {
  color: rgba(135,71,57, 1);
}
.heading-ut-i {
  font-weight: 500;
}
.heading-ut-j {
  padding: 4px 7px 2px;
  border: solid 1px #bbb;
}
.heading-ut-j.type-inline-block {
  display: inline-block;
}
.heading-ut-k {
  padding: 0.4em 0.5em 0.3em;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}
.heading-ut-l {
  padding: 0.4em 0.5em 0.3em;
  border-bottom: solid 2px #666;
  background: #f3f3f3;
}
.heading-ut-m {
  padding: 0.4em 1.5em 0.3em;
  border-radius: 2em;
  background: #464646;
  color: #fff;
}

/* .heading-ut-n */

.heading-ut-n {
  position: relative;
  /* border-top: solid 1px #ccc; */
}
.heading-ut-n > span {
  display: inline-block;
  padding-right: 10px;
  background: #fff;
}
.heading-ut-n:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 0.5px;
  background: #737373;
  z-index: -1;
}
.heading-ut-n.type-center {
  display: flex;
  justify-content: center;
}
.heading-ut-n.type-center > span {
  padding-left: 10px;
}
.heading-ut-n.type-right {
  display: flex;
  justify-content: end;
}
.heading-ut-n.type-right > span {
  padding-left: 10px;
  padding-right: 0px;
}

/* .heading-ut-o */

h3.heading-ut-o {
  position: relative;
  padding-top: 10px;
  border-top: 2px solid #eee;
}
h3.heading-ut-o:after {
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #666;
  content: "";
}


@media only screen and (max-width: 768px) {
} /* 0 - 768 */

/*  */

.heading-ut-pre {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 700;
}
.heading-ut-pre.type-okaka {
  color: #dfbf00;
}

/*  */

.heading-ut.type-label {
  display: inline-block;
  position: relative;
}
.heading-ut.type-label .c-label {
  position: absolute;
  left: calc( 100% + 20px );
  top: 0;
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Text
pre.text-ut-code
blockquote.text-ut-quote
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* p
- - - - - - - - - - - - - - - - - - - - - - - - - - */

p.lead-ut {
  margin-bottom: 40px;
  font-size: 2.1rem;
  line-height: 1.7;
}
p.paragraph-ut {
  margin-bottom: 24px;
  font-size: 1.8rem;
  line-height: 1.7;
}
p.notes-ut {
  margin-bottom: 24px;
  line-height: 1.8;
  font-size: 1.5rem;
}
@media only screen and (max-width: 640px) {
  p.paragraph-ut {
    margin-bottom: 18px;
  }
}


/* font style */

.bold-ut { font-weight: 700; }
.extrabold-ut { font-weight: 800; }
.italic-ut { font-style: italic; }
.underline-ut { text-decoration: underline; }
.deco-none-ut { text-decoration: none; }

.line-through-ut { text-decoration: line-through; }

.fweight-normal { font-weight: normal !important; }
.fstyle-normal { font-style: normal !important; }

/* highlighter なまえどうする？？ */
span.highlighter-ut { /* 蛍光ペン */
  margin-right: 3px;
  margin-left: 3px;
  padding: 2px 3px;
  background: #f2ff5d;
}
span.highlighter-ut-a {
  margin-right: 3px;
  margin-left: 3px;
  padding: 2px 3px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, rgb(255, 255, 102) 60%);
}

dd.hint-ut,
dt.hint-ut,
dl.hint-ut,
li.hint-ut,
ol.hint-ut,
ul.hint-ut,
strong.hint-ut,
span.hint-ut,
p.hint-ut {
  color: #737373 !important;
}
dd.notice-ut,
dt.notice-ut,
dl.notice-ut,
li.notice-ut,
ol.notice-ut,
ul.notice-ut,
strong.notice-ut,
span.notice-ut,
p.notice-ut {
  color: rgb(203, 104, 112) !important;
}
dd.emphasis-ut,
dt.emphasis-ut,
dl.emphasis-ut,
li.emphasis-ut,
ol.emphasis-ut,
ul.emphasis-ut,
strong.emphasis-ut,
span.emphasis-ut,
p.emphasis-ut {
  color: rgba(232,51,65, 1) !important;
}
dd.emphasis-ut-a,
dt.emphasis-ut-a,
dl.emphasis-ut-a,
li.emphasis-ut-a,
ol.emphasis-ut-a,
ul.emphasis-ut-a,
strong.emphasis-ut-a,
span.emphasis-ut-a,
p.emphasis-ut-a {
  color: rgba(9,144,73, 1) !important;
}
dd.emphasis-ut-b,
dt.emphasis-ut-b,
dl.emphasis-ut-b,
li.emphasis-ut-b,
ol.emphasis-ut-b,
ul.emphasis-ut-b,
strong.emphasis-ut-b,
span.emphasis-ut-b,
p.emphasis-ut-b {
  color: rgba(11,119,211, 1) !important;
}
span.caution-ut { /* 注意 */
  padding: 2px 3px;
  background: #ed961a;
  color: #fff;
}
span.emergency-ut { /* 警告 */
  padding: 2px 3px;
  background: #f00;
  color: #fff;
}
span.code-ut {
  margin-bottom: 24px;
  font-family: 'Source Code Pro', sans-serif;
  background: #eee;
  padding: 2px 5px 3px;
  font-size: 1.3rem;
}
span.weak-ut { /* 弱め控え目 */
  color: #777;
}

pre.code-ut {
  width: 100%;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 15px 10px;
  font-family: 'Source Code Pro', sans-serif;
  font-size: 14px;
  background: #f7f7f7;
  border: solid 1px #e7e7e7;
  /* white-space: nowrap; */
  overflow-x: scroll;
}


/* blockquote.text-ut-quote
- - - - - - - - - - - - - - - - - - - - - - - - - - */

blockquote.text-ut-quote {
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
  background: #f7f7f7;
  border-left: solid 3px #eee;
  padding: 20px 5px;
}


/* dl
dl.dl-ut-horizontal
標準は2つ横並び
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
type-two
type-three
*/

dl.dl-ut-horizontal {
  display: grid;
  grid-template-areas:
    "areaA areaB"
    "areaC areaD";
}

/* dt */

dl.dl-ut-horizontal > dt {
  padding: 5px 10px;
  text-align: center;
  color: #fff;
}
dl.dl-ut-horizontal > dt:first-child {
  background: #aaa;
  grid-area: areaA;
}
dl.dl-ut-horizontal > dt:nth-child(3) {
  margin-left: 20px;
  background: #999;
  grid-area: areaB;
}

/* dd */

dl.dl-ut-horizontal > dd {
  padding: 8px 0px;
}
dl.dl-ut-horizontal > dd:nth-child(2) {
  grid-area: areaC;
}
dl.dl-ut-horizontal > dd:nth-child(4) {
  margin-left: 20px;
  grid-area: areaD;
}

@media only screen and (max-width: 834px) {
  dl.dl-ut-horizontal {
    display: block;
  }
  dl.dl-ut-horizontal > dt:nth-child(3),
  dl.dl-ut-horizontal > dd:nth-child(4) {
    margin-left: 0px;
  }
}


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

/* separator */
/*
4 2x small
8 x small
24 small
40 none (normal)
60 medium
80 large
100 x large
120 2x large
*/

.separator-ut {
  clear: both;
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: solid 1px #777;
  border-bottom: none;
}
.separator-ut.type-2x-small {
  margin-top: 4px;
  margin-bottom: 4px;
}
.separator-ut.type-x-small {
  margin-top: 8px;
  margin-bottom: 8px;
}
.separator-ut.type-small {
  margin-top: 24px;
  margin-bottom: 24px;
}
.separator-ut.type-medium {
  margin-top: 60px;
  margin-bottom: 60px;
}
.separator-ut.type-large {
  margin-top: 80px;
  margin-bottom: 80px;
}
.separator-ut.type-x-large {
  margin-top: 100px;
  margin-bottom: 100px;
}
.separator-ut.type-2x-large {
  margin-top: 120px;
  margin-bottom: 120px;
}

.separator-ut.type-dotted {
  border-style: dotted;
}

/* blankspace */

.blankspace-ut {
  height: 40px;
}
.blankspace-ut.type-small {
  height: 24px;
}
.blankspace-ut.type-medium {
  height: 60px;
}
.blankspace-ut.type-large {
  height: 80px;
}
.blankspace-ut.type-x-large {
  height: 100px;
}

/* indent */

.indent-ut {
  margin-left: 2em;
}
.indent-ut.type-small {
  margin-left: 1em;
}
.indent-ut.type-medium {
  margin-left: 4em;
}
.indent-ut.type-large {
  margin-left: 8em;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Icon
.icon-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .icon-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.icon-ut {
  display: inline-block;
  position: relative;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  /*
  background-position: 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(/assets/img-leaf/icon/link-01-black.svg);
  background-size: 100% auto;
  background-color: transparent;
  */
}
.icon-ut:before {
  position: absolute;
  display: block;
  content: "";
  left: 1px;
  top: 44%;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
}
.icon-ut:before {
  /* background: url(/assets/img-leaf/icon/calendar-01-black.png) no-repeat 0 0; */
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/* 4px ごと */

.icon-ut.type-5x-small,
.icon-ut.type-5x-small:before {
  width: 16px;
  height: 16px;
}
.icon-ut.type-4x-small,
.icon-ut.type-4x-small:before {
  width: 20px;
  height: 20px;
}
.icon-ut.type-3x-small,
.icon-ut.type-3x-small:before {
  width: 24px;
  height: 24px;
}
.icon-ut.type-2x-small,
.icon-ut.type-2x-small:before {
  width: 28px;
  height: 28px;
}
.icon-ut.type-x-small,
.icon-ut.type-x-small:before {
  width: 32px;
  height: 32px;
}
.icon-ut.type-small,
.icon-ut.type-small:before {
  width: 36px;
  height: 36px;
}
.icon-ut.type-normal,
.icon-ut.type-normal:before {
  width: 40px;
  height: 40px;
}

/* 12px ごと */

.icon-ut.type-medium,
.icon-ut.type-medium:before {
  width: 48px;
  height: 48px;
}
.icon-ut.type-large,
.icon-ut.type-large:before {
  width: 60px;
  height: 60px;
}
.icon-ut.type-x-large,
.icon-ut.type-x-large:before {
  width: 72px;
  height: 72px;
}

/* 20px ごと */

.icon-ut.type-2x-large,
.icon-ut.type-2x-large:before {
  width: 80px;
  height: 80px;
}
.icon-ut.type-3x-large,
.icon-ut.type-3x-large:before {
  width: 100px;
  height: 100px;
}
.icon-ut.type-4x-large,
.icon-ut.type-4x-large:before {
  width: 120px;
  height: 120px;
}
.icon-ut.type-5x-large,
.icon-ut.type-5x-large:before {
  width: 140px;
  height: 140px;
}

.icon-ut.type-4x-small:before,
.icon-ut.type-3x-small:before,
.icon-ut.type-2x-small:before,
.icon-ut.type-x-small:before,
.icon-ut.type-small:before,
.icon-ut.type-medium:before,
.icon-ut.type-large:before,
.icon-ut.type-x-large:before,
.icon-ut.type-2x-large:before,
.icon-ut.type-3x-large:before,
.icon-ut.type-4x-large:before,
.icon-ut.type-5x-large:before {
  top: 50%;
}

@media only screen and (max-width: 640px) {
  .icon-ut.type-large-sp,
  .icon-ut.type-large-sp:before {
    width: 60px;
    height: 60px;
  }
}


/* .type-white-text
→ invert 反転した・白黒反転。白抜き 250302
*/

.icon-ut.type-white-text {
  border-radius: 100px;
}
.icon-ut.icon-pdf.type-white-text:before {
  background-image: url(/assets/img-leaf/icon/pdf-01-white.svg);
  background-position: center center;
  background-size: 70% auto;
}
.icon-ut.icon-phone.type-white-text:before {
  background-position: 43% 68%;
  background-position: 38% 56%;
  background-size: 70% auto;
}

/* shape */

.icon-ut.type-white-text.type-radius {
  border-radius: 8px;
}
.icon-ut.type-white-text.type-square {
  border-radius: 0;
}

/*
.type-outline-in-white
文字の外側に白い輪郭を付けるデザイン
250125 まだ実装してない
*/


/* .heading-ut-icon
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.heading-ut-icon {
  position: relative;
  padding-left: 64px;
}
.heading-ut-icon:before {
  position: absolute;
  display: block;
  content: "";
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
}
.heading-ut-icon:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/help-01-black.svg);
  background-size: 100% auto;
}


.heading-ut-icon.type-5x-small {
  padding-left: 28px;
}
.heading-ut-icon.type-5x-small:before {
  width: 16px;
  height: 16px;
}
.heading-ut-icon.type-4x-small {
  padding-left: 32px;
}
.heading-ut-icon.type-4x-small:before {
  width: 20px;
  height: 20px;
}
.heading-ut-icon.type-3x-small {
  padding-left: 36px;
}
.heading-ut-icon.type-3x-small:before {
  width: 24px;
  height: 24px;
}
.heading-ut-icon.type-2x-small {
  padding-left: 40px;
}
.heading-ut-icon.type-2x-small:before {
  width: 28px;
  height: 28px;
}
.heading-ut-icon.type-x-small {
  padding-left: 44px;
}
.heading-ut-icon.type-x-small:before {
  width: 32px;
  height: 32px;
}
.heading-ut-icon.type-small {
  padding-left: 48px;
}
.heading-ut-icon.type-small:before {
  width: 36px;
  height: 36px;
}
.heading-ut-icon.type-normal {
  padding-left: 48px;
}
.heading-ut-icon.type-normal:before {
  width: 40px;
  height: 40px;
}
.heading-ut-icon.type-medium {
  padding-left: 48px;
}
.heading-ut-icon.type-medium:before {
  width: 48px;
  height: 48px;
}
.heading-ut-icon.type-large {
  padding-left: 48px;
}
.heading-ut-icon.type-large:before {
  width: 60px;
  height: 60px;
}
.heading-ut-icon.type-x-large {
  padding-left: 48px;
}
.heading-ut-icon.type-x-large:before {
  width: 72px;
  height: 72px;
}
.heading-ut-icon.type-2x-large {
  padding-left: 48px;
}
.heading-ut-icon.type-2x-large:before {
  width: 80px;
  height: 80px;
}
.heading-ut-icon.type-3x-large {
  padding-left: 48px;
}
.heading-ut-icon.type-3x-large:before {
  width: 100px;
  height: 100px;
}
.heading-ut-icon.type-4x-large {
  padding-left: 48px;
}
.heading-ut-icon.type-4x-large:before {
  width: 120px;
  height: 120px;
}
.heading-ut-icon.type-5x-large {
  padding-left: 48px;
}
.heading-ut-icon.type-5x-large:before {
  width: 140px;
  height: 140px;
}


/* .heading-ut-icon.type-okaka
   真ん中の上で大きめなアイコン
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.heading-ut-icon.type-okaka {
  margin-top: 150px;
  padding-left: 0px;
  text-align: center;
}
.heading-ut-icon.type-okaka:before {
  left: 50%;
  top: -90px;
  width: 80px;
  height: 80px;
  transform: translateX(-50%);
}

.heading-ut-icon.type-okaka.type-5x-small {
  margin-top: 32px;
}
.heading-ut-icon.type-okaka.type-5x-small:before {
  top: -32px;
  width: 16px;
  height: 16px;
}

.heading-ut-icon.type-okaka.type-4x-small {
  margin-top: 40px;
}
.heading-ut-icon.type-okaka.type-4x-small:before {
  top: -40px;
  width: 20px;
  height: 20px;
}

.heading-ut-icon.type-okaka.type-3x-small {
  margin-top: 48px;
}
.heading-ut-icon.type-okaka.type-3x-small:before {
  top: -48px;
  width: 24px;
  height: 24px;
}

.heading-ut-icon.type-okaka.type-2x-small {
  margin-top: 80px;
}
.heading-ut-icon.type-okaka.type-2x-small:before {
  top: -40px;
  width: 28px;
  height: 28px;
}

.heading-ut-icon.type-okaka.type-x-small {
  margin-top: 80px;
}
.heading-ut-icon.type-okaka.type-x-small:before {
  top: -40px;
  width: 32px;
  height: 32px;
}

.heading-ut-icon.type-okaka.type-small {
  margin-top: 50px;
}
.heading-ut-icon.type-okaka.type-small:before {
  top: -50px;
  width: 36px;
  height: 36px;
}

.heading-ut-icon.type-okaka.type-normal {
  margin-top: 56px;
}
.heading-ut-icon.type-okaka.type-normal:before {
  top: -56px;
  width: 40px;
  height: 40px;
}

.heading-ut-icon.type-okaka.type-medium {
  margin-top: 64px;
}
.heading-ut-icon.type-okaka.type-medium:before {
  top: -64px;
  width: 48px;
  height: 48px;
}

.heading-ut-icon.type-okaka.type-large {
  margin-top: 78px;
}
.heading-ut-icon.type-okaka.type-large:before {
  top: -78px;
  width: 60px;
  height: 60px;
}

.heading-ut-icon.type-okaka.type-x-large {
  margin-top: 96px;
}
.heading-ut-icon.type-okaka.type-x-large:before {
  top: -96px;
  width: 72px;
  height: 72px;
}

.heading-ut-icon.type-okaka.type-2x-large {
  margin-top: 108px;
}
.heading-ut-icon.type-okaka.type-2x-large:before {
  top: -108px;
  width: 80px;
  height: 80px;
}

.heading-ut-icon.type-okaka.type-3x-large {
  margin-top: 120px;
}
.heading-ut-icon.type-okaka.type-3x-large:before {
  top: -120px;
  width: 100px;
  height: 100px;
}

.heading-ut-icon.type-okaka.type-4x-large {
  margin-top: 132px;
}
.heading-ut-icon.type-okaka.type-4x-large:before {
  top: -132px;
  width: 120px;
  height: 120px;
}

.heading-ut-icon.type-okaka.type-5x-large {
  margin-top: 144px;
}
.heading-ut-icon.type-okaka.type-5x-large:before {
  top: -144px;
  width: 140px;
  height: 140px;
}


/* .link-ut-icon
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.link-ut-icon {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}
.link-ut-icon:before {
  position: absolute;
  display: block;
  content: "";
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}
.link-ut-icon:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/link-01-blue.svg);
  background-size: 100% auto;
}

.link-ut-icon.type-tail {
  padding-left: 0;
  padding-right: 25px;
}
.link-ut-icon.type-tail:before {
  left: auto;
  right: 7px;
}

.link-ut-icon.type-5x-small:not(.type-tail) {
  padding-left: 28px;
}
.link-ut-icon.type-tail.type-5x-small {
  padding-right: 28px;
}
.link-ut-icon.type-5x-small:before {
  width: 16px;
  height: 16px;
}

.link-ut-icon.type-4x-small:not(.type-tail) {
  padding-left: 32px;
}
.link-ut-icon.type-tail.type-4x-small {
  padding-right: 32px;
}
.link-ut-icon.type-4x-small:before {
  width: 20px;
  height: 20px;
}

.link-ut-icon.type-3x-small:not(.type-tail) {
  padding-left: 36px;
}
.link-ut-icon.type-tail.type-3x-small {
  padding-right: 36px;
}
.link-ut-icon.type-3x-small:before {
  width: 24px;
  height: 24px;
}

.link-ut-icon.type-2x-small:not(.type-tail) {
  padding-left: 40px;
}
.link-ut-icon.type-tail.type-2x-small {
  padding-right: 40px;
}
.link-ut-icon.type-2x-small:before {
  width: 28px;
  height: 28px;
}

.link-ut-icon.type-x-small:not(.type-tail) {
  padding-left: 44px;
}
.link-ut-icon.type-tail.type-x-small {
  padding-right: 44px;
}
.link-ut-icon.type-x-small:before {
  width: 32px;
  height: 32px;
}

.link-ut-icon.type-small:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-tail.type-small {
  padding-right: 48px;
}
.link-ut-icon.type-small:before {
  width: 36px;
  height: 36px;
}

.link-ut-icon.type-normal:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-tail.type-normal {
  padding-right: 48px;
}
.link-ut-icon.type-normal:before {
  width: 40px;
  height: 40px;
}

.link-ut-icon.type-medium:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-tail.type-medium {
  padding-right: 48px;
}
.link-ut-icon.type-medium:before {
  width: 48px;
  height: 48px;
}

.link-ut-icon.type-large:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-tail.type-large {
  padding-right: 48px;
}
.link-ut-icon.type-large:before {
  width: 60px;
  height: 60px;
}

.link-ut-icon.type-x-large:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-x-tail.type-large {
  padding-right: 48px;
}
.link-ut-icon.type-x-large:before {
  width: 72px;
  height: 72px;
}

.link-ut-icon.type-2x-large:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-2x-tail.type-large {
  padding-right: 48px;
}
.link-ut-icon.type-2x-large:before {
  width: 84px;
  height: 84px;
}

.link-ut-icon.type-3x-large:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-3x-tail.type-large {
  padding-right: 48px;
}
.link-ut-icon.type-3x-large:before {
  width: 96px;
  height: 96px;
}

.link-ut-icon.type-4x-large:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-4x-tail.type-large {
  padding-right: 48px;
}
.link-ut-icon.type-4x-large:before {
  width: 108px;
  height: 108px;
}

.link-ut-icon.type-5x-large:not(.type-tail) {
  padding-left: 48px;
}
.link-ut-icon.type-5x-tail.type-large {
  padding-right: 48px;
}
.link-ut-icon.type-5x-large:before {
  width: 120px;
  height: 120px;
}

/* Button
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* icon */

a.button-ut.type-icon .c-text {
  position: relative;
  margin-left: 40px;
}
a.button-ut.type-icon .c-text:before {
  position: absolute;
  display: block;
  content: "";
  left: -10px;
  top: 50%;
  transform: translate(-100%, -50%);
  width: 24px;
  height: 24px;
}
a.button-ut.type-icon .c-text:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/mail-01-white.svg);
  background-size: 100% auto;
}

a.button-ut.type-icon.type-tail .c-text {
  margin-left: 0px;
  margin-right: 40px;
}
a.button-ut.type-icon.type-tail .c-text:before {
  left: auto;
  right: -10px;
  transform: translate(100%, -50%);
}

/* .type-fixed */

a.button-ut.type-icon.type-fixed {
  padding-left: 30px;
}
a.button-ut.type-icon.type-fixed .c-text {
  position: static;
  display: inline-block;
  margin-left: 40px;
  padding-left: 0px;
}

a.button-ut.type-icon.type-fixed .c-text:before {
  position: absolute;
  display: block;
  content: "";
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/mail-01-white.svg);
  background-size: 100% auto;
}

a.button-ut.type-icon.type-fixed.type-tail {
  padding-right: 30px;
}
a.button-ut.type-icon.type-fixed.type-tail .c-text {
  margin-left: 0px;
  margin-right: 20px;
  padding-right: 0px;
}
a.button-ut.type-icon.type-fixed.type-tail .c-text:before {
  left: auto;
  right: 30px;
}

/* .type-notext */

a.button-ut.type-icon.type-notext {
  padding: 30px;
}
a.button-ut.type-icon.type-notext:before {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/mail-01-white.svg);
  background-size: 100% auto;
}
a.button-ut.type-icon.type-notext.type-narrow {
  padding: 20px;
}

/*  */

a.button-ut.type-icon.type-5x-small {
  padding-left: 68px;
}
a.button-ut.type-icon.type-5x-small:before {
  width: 16px;
  height: 16px;
}
a.button-ut.type-icon.type-4x-small {
  padding-left: 72px;
}
a.button-ut.type-icon.type-4x-small:before {
  width: 20px;
  height: 20px;
}
a.button-ut.type-icon.type-3x-small {
  padding-left: 76px;
}
a.button-ut.type-icon.type-3x-small:before {
  width: 24px;
  height: 24px;
  transform: translateY(calc(-50% - 1px));
}
a.button-ut.type-icon.type-2x-small {
  padding-left: 80px;
}
a.button-ut.type-icon.type-2x-small:before {
  width: 28px;
  height: 28px;
}
a.button-ut.type-icon.type-x-small:before {
  width: 32px;
  height: 32px;
  transform: translateY(calc(-50% - 1px));
}
a.button-ut.type-icon.type-small {
  padding-left: 90px;
}
a.button-ut.type-icon.type-small:before {
  width: 36px;
  height: 36px;
}
a.button-ut.type-icon.type-normal {
  padding-left: 90px;
}
a.button-ut.type-icon.type-normal:before {
  width: 40px;
  height: 40px;
}
a.button-ut.type-icon.type-medium {
  padding-left: 90px;
}
a.button-ut.type-icon.type-medium:before {
  width: 48px;
  height: 48px;
}
a.button-ut.type-icon.type-large {
  padding-left: 90px;
}
a.button-ut.type-icon.type-large:before {
  width: 60px;
  height: 60px;
}
a.button-ut.type-icon.type-x-large {
  padding-left: 90px;
}
a.button-ut.type-icon.type-x-large:before {
  width: 72px;
  height: 72px;
}
a.button-ut.type-icon.type-2x-large {
  padding-left: 90px;
}
a.button-ut.type-icon.type-2x-large:before {
  width: 84px;
  height: 84px;
}
a.button-ut.type-icon.type-3x-large {
  padding-left: 90px;
}
a.button-ut.type-icon.type-3x-large:before {
  width: 96px;
  height: 96px;
}
a.button-ut.type-icon.type-4x-large {
  padding-left: 90px;
}
a.button-ut.type-icon.type-4x-large:before {
  width: 108px;
  height: 108px;
}
a.button-ut.type-icon.type-5x-large {
  padding-left: 90px;
}
a.button-ut.type-icon.type-5x-large:before {
  width: 120px;
  height: 120px;
}


/* .list-ut-icon
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.list-ut-icon {
  text-align: left;
}
.list-ut-icon > li {
  position: relative;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-left: 28px;
  /* font-size: 1.8rem; 250519 liで文字サイズ指定しない */
}
.list-ut-icon > li:before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
}
.list-ut-icon > li:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/check-01-black.svg);
  background-size: 100% auto;
}

.list-ut-icon.type-5x-small > li {
  padding-left: 24px;
}
.list-ut-icon.type-5x-small > li:before {
  top: 6px;
  width: 16px;
  height: 16px;
}
.list-ut-icon.type-4x-small > li {
  padding-left: 24px;
}
.list-ut-icon.type-4x-small > li:before {
  top: 3px;
  width: 20px;
  height: 20px;
}
.list-ut-icon.type-3x-small > li {
  padding-left: 32px;
}
.list-ut-icon.type-3x-small > li:before {
  top: 1px;
  width: 24px;
  height: 24px;
}
.list-ut-icon.type-2x-small > li {
  padding-left: 36px;
}
.list-ut-icon.type-2x-small > li:before {
  top: 0px;
  width: 28px;
  height: 28px;
}
.list-ut-icon.type-x-small > li {
  padding-left: 40px;
}
.list-ut-icon.type-x-small > li:before {
  top: -1px;
  width: 32px;
  height: 32px;
}
.list-ut-icon.type-small > li {
  padding-left: 48px;
}
.list-ut-icon.type-small > li:before {
  top: -5px;
  width: 36px;
  height: 36px;
}
.list-ut-icon.type-normal > li {
  padding-left: 48px;
}
.list-ut-icon.type-normal > li:before {
  top: -5px;
  width: 40px;
  height: 40px;
}
.list-ut-icon.type-medium > li {
  padding-left: 48px;
}
.list-ut-icon.type-medium > li:before {
  top: -5px;
  width: 48px;
  height: 48px;
}
.list-ut-icon.type-large > li {
  padding-left: 48px;
}
.list-ut-icon.type-large > li:before {
  top: -5px;
  width: 60px;
  height: 60px;
}
.list-ut-icon.type-x-large > li {
  padding-left: 48px;
}
.list-ut-icon.type-x-large > li:before {
  top: -5px;
  width: 72px;
  height: 72px;
}
.list-ut-icon.type-2x-large > li {
  padding-left: 48px;
}
.list-ut-icon.type-2x-large > li:before {
  top: -5px;
  width: 84px;
  height: 84px;
}
.list-ut-icon.type-3x-large > li {
  padding-left: 48px;
}
.list-ut-icon.type-3x-large > li:before {
  top: -5px;
  width: 96px;
  height: 96px;
}
.list-ut-icon.type-4x-large > li {
  padding-left: 48px;
}
.list-ut-icon.type-4x-large > li:before {
  top: -5px;
  width: 108px;
  height: 108px;
}
.list-ut-icon.type-5x-large > li {
  padding-left: 48px;
}
.list-ut-icon.type-5x-large > li:before {
  top: -5px;
  width: 120px;
  height: 120px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Btn
a.button-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* a.button-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.button-ut {
  /* display: inline-block; */
  /* display: block; 250504 アイコン効かなくなる */
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 20px 30px;
  border-radius: 100px;
  background: #555;
  /* text-align: center; */
  justify-content: center;
  line-height: 1.2;
  transition: 0.4s;
}
a.button-ut {
  /* border: solid 1px #000; */
  color: #fff;
  text-decoration: none;
}
a.button-ut:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}
a.button-ut.type-full {
  display: block;
}

/* type-flowing -> inline-block */

a.button-ut.type-flowing {
  display: inline-block;
  width: auto;
}

/* shape */

a.button-ut.type-radius { /* 250110 前は type-rounded だったが変えた */
  border-radius: 10px;
}
a.button-ut.type-square {
  border-radius: 0;
}

/* appearance */

a.button-ut.type-plain {
  border: solid 1px #ccc;
  background: #eee;
  color: #333;
  text-decoration: none;
}
a.button-ut.type-plain:hover {
  background: #ccc;
  color: #333;
}

a.button-ut.type-white {
  border: none;
  background: #fff;
  color: #333;
  text-decoration: none;
}
a.button-ut.type-white:hover {
  background: #333;
  color: #fff;
}

a.button-ut.type-frame {
  border: solid 1px #ccc;
  background: transparent;
  color: #333;
  text-decoration: none;
}
a.button-ut.type-frame:hover {
  background: #eeeeee2c;
  color: #333;
}
a.button-ut.type-frame-white-a {
  border: solid 2px #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

a.button-ut.type-no-background {
  background: none;
  color: #333;
  text-decoration: none;
}
a.button-ut.type-no-background:hover {
  background: #ccc;
  color: #333;
}

/*
blankspace
序列
1 normal
2 slim
3 compact
4 narrow 一番きつきつ
*/

a.button-ut.type-narrow {
  font-size: 1.6rem;
  padding: 10px 20px;
}
a.button-ut.type-narrow.type-icon {
  padding-left: 35px;
}
a.button-ut.type-narrow.type-icon:before {
  left: 20px;
}
a.button-ut.type-narrow.type-icon.type-tail {
  padding-left: 20px;
  padding-right: 35px;
}
a.button-ut.type-narrow.type-icon.type-tail:before {
  left: auto;
  right: 20px;
}

/* model */

a.button-ut.model-primary {
  background: #eb3d47;
  color: #fff !important;
  font-weight: 700;
}
a.button-ut.model-primary:hover {
  background: #eb3d46ac !important;
}
a.button-ut.model-secondary {
  background: #299CA6;
  color: #fff !important;
  font-weight: 700;
}
a.button-ut.model-secondary:hover {
  background: #299CA6ab !important;
}

a.button-ut.model-category {
  border: 2px solid #07ABB9;
  background: #fff;
  color: #07ABB9 !important;
}
a.button-ut.model-category.st-active {
  border: 2px solid #07ABB9;
  background: #07ABB9;
  color: #fff !important;
  font-weight: 700;
}
a.button-ut.model-category:hover {
  background: #E4F7F8 !important;
  color: #07ABB9 !important;
}

a.button-ut.model-sub-category {
  padding: 15px 20px;
  border: 1px solid #727272;
  background: #fff;
  color: #727272 !important;
}
a.button-ut.model-sub-category.st-active {
  border: 1px solid #727272;
  background: #727272;
  color: #fff !important;
  font-weight: 700;
}
a.button-ut.model-sub-category:hover {
  background: #f7f7f7 !important;
  color: #666 !important;
}
@media only screen and (max-width: 640px) {
  /* SPのときは hover を st-active と同じにする。そうしないとボタン以外をタップしないとactiveにならない 250310 */
  a.button-ut.model-sub-category:hover {
    border: 1px solid #727272;
    background: #727272 !important;
    color: #fff !important;
    font-weight: 700;
  }
}

a.button-ut.model-forward {
  border: solid 1px #ccc;
  background: transparent;
  color: #333;
  text-decoration: none;
  font-weight: 700;
}
a.button-ut.model-forward:hover {
  background: #eeeeee2c;
  color: #333;
}
a.button-ut.model-backward {
  background: none;
  color: #333;
  text-decoration: none;
  font-weight: 700;
}
a.button-ut.model-backward:hover {
  background: #ccc;
  color: #333;
}


/* a.button-ut.type-andes
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.button-ut.type-andes {
  flex-direction: column;
  padding: 15px 60px 15px 60px;
  border: solid 3px #ccc;
}
a.button-ut.type-andes .c-highlight {
  display: block;
  margin-bottom: 5px;
  font-size: 2.1rem;
  font-weight: 700;
}
a.button-ut.type-andes .c-sub {
  display: block;
  font-size: 1.4rem;
}
a.button-ut.type-andes > .in-button:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 40px;
  width: 42px;
  height: 42px;
  transform: translateY(-50%);
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
a.button-ut.type-andes > .in-button:before {
  background-image: url(/assets/img-leaf/icon/star-01-white.svg);
}
a.button-ut.type-andes > .in-button:after {
  position: absolute;
  display: block;
  top: 50%;
  right: 40px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
a.button-ut.type-andes > .in-button:after {
  background-image: url(/assets/img-leaf/icon/link-01-white.svg);
}


/* a.button-ut-control
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.button-ut-control {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background: rgba(60,60,60,0.3) url(/assets/img-leaf/icon/menu-01-black.svg) no-repeat scroll center center;
  background-size: 80% auto;
  line-height: 1.2;
  transition: background-color 0.5s;
}
a.button-ut-control.type-small {
  width: 36px;
  height: 36px;
}
a.button-ut-control:hover {
  background-color: rgba(60,60,60,0.7);
}
a.button-ut-control.type-menu {
  background-image: url(/assets/img-leaf/icon/menu-01-black.svg);
  background-size: 23px auto;
}
a.button-ut-control.type-close {
  background-image: url(/assets/img-leaf/icon/close-01-black.svg);
  background-size: 30px auto;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Label
.label-ut
.label-andes
.label-brocken
.label-caribou
.label-diamond
.label-everest
.label-fuji
= = = = = = = = = = = = = = = = = = = = = = = = = = */



/* .wrap-leaf
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.wrap-leaf {
  display: flex;
  justify-content: space-between;
}
.wrap-leaf.type-around {
  display: flex;
  justify-content: space-around;
}


/* .label-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.label-ut {
  position: relative;
  display: inline-block;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 3px;
  padding: 2px 12px;
  border-radius: 3px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;

  background: #f7f7f7;
  border: dotted 1px #e7e7e7;
  border: solid 1px #e7e7e7;
}
.label-ut.label-standard {
  background: #f7f7f7;
  border-color: #e7e7e7;
}
.label-ut.label-notice {
  background: #d1eff7;
  border-color: #64c1e1;
}
.label-ut.label-media {
  background: #d1eff7;
  border-color: #64c1e1;
}
.label-ut.label-event {
  background: #fad6a2;
  border-color: #ca8f87;
}
.label-ut.label-recommend {
  background: #f0dbd8;
  border-color: #ca8f87;
}


/* .type-twistballoon 両脇丸 */

.label-ut.type-twistballoon {
  border-radius: 100px;
}

/* .type-square */

.label-ut.type-square {
  border-radius: 0px;
}


/* .label-ut-discount
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.label-ut-discount {
  position: relative;
  padding: 5px 20px;
  border: solid 1px #e7e7e7;
  border-radius: 5px;
  background: #f7f7f7;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
.label-ut-discount .c-price {
  display: block;
  line-height: 1.2;
}
.label-ut-discount .c-text {
  display: block;
  line-height: 1.2;
}


.label-ut-discount.type-white-text {
  background: #333;
  color: #fff;
}


/* .label-ut-feature
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.label-ut-feature {
  position: relative;
  padding: 5px 20px;
  border: solid 1px #ddd;
  border-radius: 10px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
.label-ut-feature .c-pre {
  display: block;
  line-height: 1.2;
}
.label-ut-feature .c-text {
  display: block;
  line-height: 1.2;
  color: #666;
}


/* .label-ut-rating
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.label-ut-rating {
  /* display: flex;
  align-items: center; */
}
.label-ut-rating > .c-pic {
  width: auto;
}
.label-ut-rating > .c-text {
  display: block;
}
.label-ut-rating.type-chip {
  padding: 2px 8px;
  border-radius: 5px;
  background: #fff;
}

.label-ut-rating.type-line-1 {
  display: flex;
  align-items: center;
}
.label-ut-rating.type-line-1 > .c-text {
  margin-left: 5px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
List
= = = = = = = = = = = = = = = = = = = = = = = = = = */


ol[class*="list-ut"],
ul[class*="list-ut"] {
  margin-top: 3px;
  margin-bottom: 24px;
  line-height: 1.5;
  font-size: 1.8rem;
}

table ol[class*="list-ut"],
table ul[class*="list-ut"] {
  font-size: 1.6rem;
}

/* .list-ut-mark
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-mark > li {
  position: relative;
  padding: 3px 0 3px 20px;
}
ul.list-ut-mark > li:before {
  position: absolute;
  display: block;
  top: 14px;
  left: 2px;
  width: 6px;
  height: 6px;
  content: "";
  background: #666;
  border-radius: 4px;
  background-size: 100% auto;
}

ul.list-ut-mark.type-okaka > li:before {
  width: 8px;
  height: 8px;
  background-color: rgba(9,144,73, 1);
}
ul.list-ut-mark.type-square > li:before {
  top: 14px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 0;
}
ul.list-ut-mark.type-bar > li:before {
  top: 16px;
  left: 2px;
  width: 6px;
  height: 2px;
  border-radius: 0;
}

ul.list-ut-mark.type-link > li:before {
  position: absolute;
  display: block;
  top: 12px;
  left: 2px;
  width: 10px;
  height: 10px;
  content: "";
  background: url(/assets/img-leaf/icon/link-01-blue.svg) no-repeat 0 0;
  background-size: 100% auto;
}
ul.list-ut-mark.type-link > li.type-no-link:before {
  background: url(/assets/img-leaf/icon/link-01-black.svg) no-repeat 0 0;
  background-size: 100% auto;
}


/* .list-ut-number
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ol.list-ut-number {
  padding-left: 35px; /* 2桁の場合 */
  padding-left: 20px;
}
ol.list-ut-number > li {
  position: relative;
  padding: 3px 0 3px 5px;
  list-style-type: decimal;
}


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


ol.list-ut-number.type-horizontal,
ul.list-ut-mark.type-horizontal {
  display: flex;
  flex-wrap: wrap;
}
ol.list-ut-number.type-horizontal.type-center,
ul.list-ut-mark.type-horizontal.type-center {
  display: flex;
  justify-content: center;
}
ol.list-ut-number.type-horizontal > li,
ul.list-ut-mark.type-horizontal > li {
  margin-right: 40px;
}
ol.list-ut-number.type-horizontal > li:last-child,
ul.list-ut-mark.type-horizontal > li:last-child {
  margin-right: 0;
}

ul.list-ut-mark.type-no-mark > li {
  padding-left: 0;  
}
ul.list-ut-mark.type-no-mark > li:before {
  display: none;
}


/* .list-ut-notes
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-notes {
  margin-bottom: 24px;
  /* font-size: 1.5rem; */
  line-height: 1.3;
}
ul.list-ut-notes > li {
  position: relative;
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-left: 2.7em;
}
ul.list-ut-notes.type-horizontal > li {
  display: inline-block;
  width: auto;
  margin-right: 50px;
}
ul.list-ut-notes > li > .c-mark {
  position: absolute;
  left: 0;
  top: 0;
}
ul.list-ut-notes.type-sub > li {
  font-size: 1.6rem;
}

ul.list-ut-notes.adjust-01em > li { padding-left: 1em; }
ul.list-ut-notes.adjust-015em > li { padding-left: 1.5em; }
ul.list-ut-notes.adjust-02em > li { padding-left: 2em; }
ul.list-ut-notes.adjust-025em > li { padding-left: 2.5em; }
ul.list-ut-notes.adjust-03em > li { padding-left: 3em; }
ul.list-ut-notes.adjust-035em > li { padding-left: 3.5em; }
ul.list-ut-notes.adjust-04em > li { padding-left: 4em; }
ul.list-ut-notes.adjust-05em > li { padding-left: 5em; }
ul.list-ut-notes.adjust-06em > li { padding-left: 6em; }
ul.list-ut-notes.adjust-07em > li { padding-left: 7em; }
ul.list-ut-notes.adjust-08em > li { padding-left: 8em; }

ul.list-ut-notes.adjust-09em > li { padding-left: 9em; }
ul.list-ut-notes.adjust-10em > li { padding-left: 10em; }
ul.list-ut-notes.adjust-15em > li { padding-left: 15em; }
ul.list-ut-notes.adjust-20em > li { padding-left: 20em; }


/* .list-ut-words
- - - - - - - - - - - - - - - - - - - - - - - - - - */

dl.list-ut-words {
  display: flex;
  flex-wrap: wrap;
  clear: both;
  margin-bottom: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
}
dl.list-ut-words dt {
  width: 7em;
  margin-top: 7px;
  margin-bottom: 7px;
  font-weight: normal;
}
dl.list-ut-words dd {
  width: calc(100% - 7em);
  margin-top: 7px;
  margin-bottom: 7px;
}
dl.list-ut-words dt:last-child,
dl.list-ut-words dd:last-child {
  margin-bottom: 0;
}

dl.list-ut-words.adjust-01em dt { width: 1em; }
dl.list-ut-words.adjust-01em dd { width: calc(100% - 1em); }

dl.list-ut-words.adjust-015em dt { width: 1.5em; }
dl.list-ut-words.adjust-015em dd { width: calc(100% - 1.5em); }

dl.list-ut-words.adjust-02em dt { width: 2em; }
dl.list-ut-words.adjust-02em dd { width: calc(100% - 2em); }

dl.list-ut-words.adjust-025em dt { width: 2.5em; }
dl.list-ut-words.adjust-025em dd { width: calc(100% - 2.5em); }

dl.list-ut-words.adjust-03em dt { width: 3em; }
dl.list-ut-words.adjust-03em dd { width: calc(100% - 3em); }

dl.list-ut-words.adjust-035em dt { width: 3.5em; }
dl.list-ut-words.adjust-035em dd { width: calc(100% - 3.5em); }

dl.list-ut-words.adjust-04em dt { width: 4em; }
dl.list-ut-words.adjust-04em dd { width: calc(100% - 4em); }

dl.list-ut-words.adjust-05em dt { width: 5em; }
dl.list-ut-words.adjust-05em dd { width: calc(100% - 5em); }

dl.list-ut-words.adjust-06em dt { width: 6em; }
dl.list-ut-words.adjust-06em dd { width: calc(100% - 6em); }

dl.list-ut-words.adjust-07em dt { width: 7em; }
dl.list-ut-words.adjust-07em dd { width: calc(100% - 7em); }

dl.list-ut-words.adjust-08em dt { width: 8em; }
dl.list-ut-words.adjust-08em dd { width: calc(100% - 8em); }

dl.list-ut-words.adjust-09em dt { width: 9em; }
dl.list-ut-words.adjust-09em dd { width: calc(100% - 9em); }

dl.list-ut-words.adjust-10em dt { width: 10em; }
dl.list-ut-words.adjust-10em dd { width: calc(100% - 10em); }

dl.list-ut-words.adjust-15em dt { width: 15em; }
dl.list-ut-words.adjust-15em dd { width: calc(100% - 15em); }

dl.list-ut-words.adjust-20em dt { width: 20em; }
dl.list-ut-words.adjust-20em dd { width: calc(100% - 20em); }

@media only screen and (max-width: 640px) {
  dl.list-ut-words.adjust-10em dt,
  dl.list-ut-words.adjust-15em dt,
  dl.list-ut-words.adjust-20em dt {
    float: none;
    width: auto;
  }
  dl.list-ut-words.adjust-10em dd,
  dl.list-ut-words.adjust-15em dd,
  dl.list-ut-words.adjust-20em dd {
    clear: both;
    margin-left: 0;
  }
}


/* ul.list-ut-lead
- - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.list-ut-lead > li {
  position: relative;
  margin-bottom: 30px;
}
ul.list-ut-lead .c-pic {
  position: absolute;
  top: 4px;
  width: 48px;
}
ul.list-ut-lead .c-heading,
ul.list-ut-lead .c-lead {
  margin-left: 64px;
}
ul.list-ut-lead .c-heading {
  display: flex;
  align-items: center;
  min-height: 60px;
  font-size: 2.1rem;
  font-weight: bold;
}
ul.list-ut-lead .c-heading.type-underline {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: dashed 1px rgba(1, 60, 141, 1);
}


/* .list-ut-faq
- - - - - - - - - - - - - - - - - - - - - - - - - - */

dl.list-ut-faq {
  padding-bottom: 1em;
}
.list-ut-faq dt {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  /* border-top: dashed 2px #aaa; */
}
.list-ut-faq dd {
  margin: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.list-ut-faq dt span.faq-label {
  display: block;
  clear: both;
  float: left;
  width: 10%;
  font-size: 200%;
  color: #9f0a0d;
}
.list-ut-faq dd span.faq-label {
  display: block;
  clear: both;
  float: left;
  width: 10%;
  font-size: 200%;
  color: #0970f1;
}
.list-ut-faq dt span.faq-text,
.list-ut-faq dd span.faq-text {
  display: block;
  margin-left: 10%;
  padding-top: 0.72em;
  text-indent: 0;
}


/* .list-ut-pic
.c-picで囲わなくてもimg 100%
- - - - - - - - - - - - - - - - - - - - - - - - - - */

:where(.list-ut-pic) {
  margin: 0;
  padding: 0;
}

.list-ut-pic li {
  margin-bottom: 10px;
}
.list-ut-pic li:last-child {
  margin-bottom: 0px;
}
.list-ut-pic li img {
  width: 100%;
}
/* 250702 たぶん不要
.list-ut-pic a {
  display: block;
  position: relative;
}
.list-ut-pic a:after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1);
  opacity: 0;
  transition: opacity 0.3s;
}
.list-ut-pic li a img,
.list-ut-pic li img {
  width: 100%;
}
.list-ut-pic a:hover:after {
  opacity: 0.3;
}
*/
@media only screen and (max-width: 834px) {
  .list-ut-pic.type-center-tablet {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }
}

.list-ut-pic.type-horizontal {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.list-ut-pic.type-horizontal.type-center {
  justify-content: center;
}
.list-ut-pic.type-horizontal > li {
  margin-left: 20px;
}
.list-ut-pic.type-horizontal > li:first-child {
  margin-left: 0;
}

/* .type-height-match は nav.css に記述してある 250703 */


/* .list-ut-card
- - - - - - - - - - - - - - - - - - - - - - - - - - */




/* .list-ut-card
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.list-ut-card {
  margin: 0;
  padding: 0;
}
.list-ut-card li {
  margin-bottom: 10px;
}
.list-ut-card li:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 834px) {
  .list-ut-card.type-center-tablet {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }
}


/* Common
- - - - - - - - - - - - - - - - - - - - - - - - - - */


[class*="list-ut"] [class*="list-ut"] {
  margin-bottom: 0;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Card Vegetables and Fruit
.card-apple 旧.card-banana
.card-banana 旧.card-daikon

.card-carrot
.card-daikon 旧.link-ingen
.card-eggplant
.card-fennel
.card-ginger
.card-herb
.card-ingen

.card-jackfruit
.card-kiwifruit
.card-lemon

= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .card-apple
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-apple {
  position: relative;
  display: block;
  background: #f2f2f2;
}
.card-apple .c-heading {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 8px 15px 8px 15px;
  line-height: 1.2;
}
a.card-apple .c-heading {
  padding-right: 30px;
}
a.card-apple .c-heading:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  content: "";
  background: url(/assets/img-leaf/icon/link-01-blue.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.card-apple .c-pic img {
  width: 100%;
}
a.card-apple:after___ { /* 250128 無し */
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1);
  opacity: 0;
  transition: opacity 0.3s;
}
a.card-apple:hover {
  text-decoration: none;
}
a.card-apple:hover:after {
  opacity: 0.3;
}

/* .c-heading */

.card-apple.type-line-1 .c-heading { /* old .text-1line */
  min-height: 2.3em;
}
.card-apple.type-line-2 .c-heading {
  min-height: 3.5em;
}
.card-apple.type-line-3 .c-heading {
  min-height: 4.8em;
}

.card-apple .c-lead {
  padding: 0 15px 10px 15px;
}

/* ico position */

.card-apple.type-no-icon .c-heading {
  padding: 8px;
}
.card-apple.type-no-icon .c-heading:after {
  display: none;
}

.card-apple.type-head .c-heading {
  padding: 8px 8px 8px 30px;
}
.card-apple.type-head .c-heading:after {
  left: 10px;
  right: auto;
}

/* ico */

a.card-apple.icon-another .c-heading:after {
  background: url(/assets/img-leaf/icon/another-01-gray.png) no-repeat 0 0;
  background-size: 100% auto;
}
a.card-apple.icon-blank .c-heading:after {
  background: url(/assets/img-leaf/icon/blank-01-black.png) no-repeat 0 0;
  background-size: 100% auto;
}

/* type-border */

.card-apple.type-border .c-pic img {
  height: auto;
  border: solid 5px #dfdfdf;
  border-radius: 10px;
}
.card-apple.type-border .c-heading {
  background: transparent;
}
.card-apple.type-border:after {
  border-radius: 10px;
}

/* type-border-a */

.card-apple.type-border-a {
  height: auto;
  border: solid 5px #dfdfdf;
  border-radius: 10px;
}
.card-apple.type-border-a .c-pic img {
  height: auto;
  border-radius: 5px 5px 0 0;
}
.card-apple.type-border-a .c-heading {
  padding-left: 8px;
  padding-right: 35px;
  border-radius: 0 0 5px 5px;
}
/*
.card-apple.type-border-a .c-heading:after {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url(/assets/img-leaf/icon/ico_arrow-01-right.png) no-repeat 0 0;
  background-size: 100% auto;
}
.card-apple.type-border-a:after {
  left: -5px;
  top: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border-radius: 10px;
}
*/

/* type-border-b */

.card-apple.type-border-b .c-pic img {
  height: auto;
  border: solid 5px #dfdfdf;
}
.card-apple.type-border-b .c-heading {
  background: transparent;
}

/* type-border-c */

.card-apple.type-border-c {
  height: auto;
  border: solid 5px #dfdfdf;
}
.card-apple.type-border-c .c-pic img {
  height: auto;
}
.card-apple.type-border-c .c-heading {
  padding-left: 8px;
  padding-right: 35px;
}

/* .type-no-hover */

.card-apple.type-no-hover {
  background-color: transparent;
}
.card-apple.type-no-hover .c-heading {
  color: #333;
}
a.card-apple.type-no-hover .c-heading:after {
  background: url(/assets/img-leaf/icon/arrow-01-right.svg) no-repeat 0 0;
  background-size: 100% auto;
}
a.card-apple.type-no-hover:hover {
  background-color: transparent;
}
a.card-apple.type-no-hover:hover .c-heading {
  color: #333 !important;
}


/* .type-title */

.card-apple.type-title {
  background: #f2f2f2;
  color: #222;
}
.card-apple.type-title .p-head {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  line-height: 1.3;
}
.card-apple.type-title .c-heading {
  display: block;
  margin-bottom: 5px;
  font-size: 2.0rem;
  line-height: 1.1;
  font-weight: 700;
}
.card-apple.type-title .c-sub {
  display: block;
  margin-bottom: 5px;
}
.card-apple.type-title .c-pic {
  padding-left: 15px;
  padding-right: 15px;
}
.card-apple.type-title .c-heading {
  background: none;
  font-size: 1.4rem;
}


/* .card-banana
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-banana {
  position: relative;
  display: flex;
  flex-direction: row;
  background: #ddd;
  transition: background-color 0.3s;
}
.card-banana .c-pic {
  width: 30%;
}
.card-banana .c-pic img {
  width: 100%;
}
.card-banana.no-pic .c-info {
  width: auto !important;
}
.card-banana .c-heading.type-vertical-center {
  display: table;
}
.card-banana .c-heading.type-vertical-center .c-text {
  display: table-cell;
  vertical-align: middle;
}
.card-banana .c-info {
  padding: 10px 35px 10px 15px;
  width: 70%;
  line-height: 1.4;
}
.card-banana .c-info .c-date {
  display: block;
  margin-bottom: 2px;
  font-size: 1.3rem;
}
.card-banana .c-info .c-text {
  margin-bottom: 3px;
  font-size: 1.5rem;
  line-height: 1.3;
}
.card-banana .c-info .c-pic-sub {
  width: 100%;
  margin-top: 10px;
}
.card-banana .c-info .c-pic-sub img {
  width: calc(100% - 60px);
  margin-left: 40px;
  margin-right: 20px;
}
a.card-banana:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  content: "";
  background: url(/assets/img-leaf/icon/link-01-blue.svg) no-repeat 0 0;
  background-size: 100% auto;
}
a.card-banana:hover:before {
  background: url(/assets/img-leaf/icon/link-01-white.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.card-banana.type-arrow-bottom:before {
  top: auto;
  margin-top: 0;
  bottom: 14px;
}
a.card-banana:after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1); /* Customize */
  opacity: 0;
  transition: opacity 0.3s;
}
a.card-banana:hover {
  text-decoration: none;
}
a.card-banana:hover:after {
  opacity: 0.3;
}

.card-banana.type-a:before {
  left: 10px;
  right: auto;
  top: 50%;
  bottom: auto;
  margin-top: -7px;
}
.card-banana.type-a .c-info {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 33px;
}

.card-banana.adjust-pic10 .c-pic { width: 10%; }
.card-banana.adjust-pic10 .c-info { width: 90%; }
.card-banana.adjust-pic10.type-a:before {
  left: calc(10% + 10px);
}
.card-banana.adjust-pic20 .c-pic { width: 20%; }
.card-banana.adjust-pic20 .c-info { width: 80%; }
.card-banana.adjust-pic20.type-a:before {
  left: calc(20% + 10px);
}
.card-banana.adjust-pic30 .c-pic { width: 30%; }
.card-banana.adjust-pic30 .c-info { width: 70%; }
.card-banana.adjust-pic30.type-a:before {
  left: calc(30% + 10px);
}
.card-banana.adjust-pic40 .c-pic { width: 40%; }
.card-banana.adjust-pic40 .c-info { width: 60%; }
.card-banana.adjust-pic40.type-a:before {
  left: calc(40% + 10px);
}
.card-banana.adjust-pic50 .c-pic { width: 50%; }
.card-banana.adjust-pic50 .c-info { width: 50%; }
.card-banana.adjust-pic50.type-a:before {
  left: calc(50% + 10px);
}
.card-banana.adjust-pic60 .c-pic { width: 60%; }
.card-banana.adjust-pic60 .c-info { width: 40%; }
.card-banana.adjust-pic60.type-a:before {
  left: calc(60% + 10px);
}
.card-banana.adjust-pic70 .c-pic { width: 70%; }
.card-banana.adjust-pic70 .c-info { width: 30%; }
.card-banana.adjust-pic70.type-a:before {
  left: calc(70% + 10px);
}
.card-banana.adjust-pic80 .c-pic { width: 80%; }
.card-banana.adjust-pic80 .c-info { width: 20%; }
.card-banana.adjust-pic80.type-a:before {
  left: calc(80% + 10px);
}
.card-banana.adjust-pic90 .c-pic { width: 90%; }
.card-banana.adjust-pic90 .c-info { width: 10%; }
.card-banana.adjust-pic90.type-a:before {
  left: calc(90% + 10px);
}


/* .card-carrot
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-carrot {
  display: block;
  position: relative;
}
.card-carrot .c-heading {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background-color: rgba(0,0,0,0.5);
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
.card-carrot .c-pic img {
  width: 100%;
}
a.card-carrot:after {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0,0,0, 1);
  opacity: 0;
  transition: opacity 0.3s;
}
a.card-carrot:hover:after {
  opacity: 0.3;
}


/* .card-daikon
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-daikon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0;
  transition: border-color 0.4s;
  transition: background-color 0.4s;
}
a.card-daikon:link,
a.card-daikon:visited {
  color: #fff;
  text-decoration: none;
}
a.card-daikon:hover,
a.card-daikon:active {
  color: #ccc;
}
a.card-daikon:before {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1); /* Customize */
  opacity: 0;
  transition: opacity 0.3s;
}
a.card-daikon:hover:before {
  opacity: 0.3;
}

.card-daikon .c-pic img {
  width: 100%;
}
.card-daikon .c-heading {
  position: absolute;
  text-align: center;
}

.card-daikon.type-text:link,
.card-daikon.type-text:visited {
  color: #000;
  text-decoration: none;
}
.card-daikon.type-text:hover,
.card-daikon.type-text:active {
  color: #333;
}

.card-daikon.type-overlay:link,
.card-daikon.type-overlay:visited {
  color: #fff;
  text-decoration: none;
}
.card-daikon.type-overlay:hover,
.card-daikon.type-overlay:active {
  color: #ccc;
}
.card-daikon.type-overlay:before {
  opacity: 0.5;
}
.card-daikon.type-overlay:hover:before {
  opacity: 0.7;
}


/* .card-eggplant
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-eggplant {
  position: relative;
  display: block;
  padding: 10px;
  background: #f2f2f2;
}
.card-eggplant .c-title {
  font-size: 2.2rem;
  text-align: center;
}
.card-eggplant .c-sub {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 4px;
}
.card-eggplant .c-heading {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3.5em;
  padding-right: 20px;
}
a.card-eggplant .c-heading:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  content: "";
  background: url(/assets/img-leaf/icon/link-01-blue.svg) no-repeat 0 0;
  background-size: 100% auto;
}
a.card-eggplant:after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 1);
  opacity: 0;
  transition: opacity 0.3s;
}
a.card-eggplant:hover {
  text-decoration: none;
}
a.card-eggplant:hover:after {
  opacity: 0.3;
}

.card-eggplant .c-pic {
  margin-bottom: 4px;
}

/* .c-heading */

.card-eggplant.type-line-1 .c-heading {
  min-height: 2.3em;
}
.card-eggplant.type-line-2 .c-heading {
  min-height: 3.5em;
}
.card-eggplant.type-line-3 .c-heading {
  min-height: 4.8em;
}


/* .card-ginger
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ginger {
  position: relative;
  display: block;
}
a.card-ginger:hover,
a.card-ginger {
  text-decoration: none;
}

.card-ginger .c-pic {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}
.card-ginger .c-pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
a.card-ginger:hover .c-pic img {
  width: 105%;
}

.card-ginger .c-heading {
  padding: 24px 20px 15px 20px;
  font-weight: 700;
}
.card-ginger .c-lead {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 24px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Card

.card-ut
1 hydrogen 水素 【使用中】
2 helium ヘリウム 【使用中】
3 lithium リチウム 【使用中】
4 beryllium ベリリウム 【使用中】
5 boron ホウ素 【使用中】
6 carbon 炭素 【使用中】
7 nitrogen 窒素 【使用中】
8 oxygen 酸素
9 fluorine フッ素
10 neon ネオン

.card-ut-slim
.card-ut-head
.card-ut-plan
.card-ut-title-label
.card-ut-price
.card-ut-phone-icon
.card-ut-news-a
.card-ut-head-quote

= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .card-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* common */

.card-ut {
  display: block;
  padding: 20px;
}
.card-ut .c-heading {
  position: relative;
  margin-bottom: 12px;
  font-size: 2.0rem;
  font-weight: 700;
}
.card-ut:hover,
.card-ut .c-heading:hover {
  text-decoration: none;
}
.card-ut .c-lead {
  display: inline-block;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.5;
}

[class*="block-"].card-pdng-0 > .unit-ut > [class*="card-"],
.panel-ut.card-pdng-0 > .unit-ut > [class*="card-"] {
  padding: 0;
}
.panel-ut.card-pdng-10 > .unit-ut > [class*="card-"] {
  padding: 10px;
}
@media only screen and (max-width: 640px) {
  .panel-ut.card-pdng-0-sp > .unit-ut > [class*="card-"] {
    padding: 0;
  }
  .panel-ut.card-pdng-10-sp > .unit-ut > [class*="card-"] {
    padding: 10px;
  }
}


.card-ut .c-pic {
  display: flex;
  align-items: center;
}
.card-ut .c-pic img {
  object-fit: contain;
}
.card-ut .c-pic .icon-ut {
  margin-left: 0;
  margin-right: 0;
}

/* badge */

.card-ut .c-heading.badge-ut:after {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto;
  display: block;
  width: 56px;
  height: 30px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url(/assets/img-leaf/badge/new-01-black.svg);
}
.card-ut .c-heading.badge-ut.badge-new:after {
  background-image: url(/assets/img-leaf/badge/new-01-black.svg);
}

.card-ut .c-heading.badge-ut.type-line-1:after {
  top: -4px;
}
.card-ut .c-heading.badge-ut.type-line-2:after {
  top: -16px;
}
.card-ut .c-heading.badge-ut.type-line-3:after {
  top: -25px;
}
.card-ut .c-heading.badge-ut.type-line-4:after {
  top: -33px;
}

/* .card-ut.type-boron
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut.type-boron {
  display: block;
  text-align: center;
}
.card-ut.type-boron .c-pic {
  display: inline-block;
  width: 80px;
  margin-bottom: 16px;
}
.card-ut.type-boron .c-lead {
  text-align: center;
}

.card-ut.type-boron.type-left .c-pic {
  display: block;
  margin-right: auto;
  text-align: left;
}
.card-ut.type-boron.type-left .c-heading {
  text-align: left;
}
.card-ut.type-boron.type-left .c-lead {
  text-align: left;
}
.card-ut.type-boron .c-lead.type-left {
  text-align: left;
}

.card-ut.type-boron.type-right .c-pic {
  display: block;
  margin-left: auto;
  text-align: right;
}
.card-ut.type-boron.type-right .c-heading {
  text-align: right;
}
.card-ut.type-boron.type-right .c-lead {
  text-align: right;
}

.card-ut.type-boron.type-w48 .c-pic {
  width: 48px;
}
.card-ut.type-boron.type-w60 .c-pic {
  width: 60px;
}
.card-ut.type-boron.type-w120 .c-pic {
  width: 120px;
}
.card-ut.type-boron.type-w160 .c-pic {
  width: 160px;
}
@media only screen and (min-width: 641px) {
  .card-ut.type-boron.type-w100-sp-more .c-pic {
    width: 100px;
  }
  .card-ut.type-boron.type-w140-sp-more .c-pic {
    width: 140px;
  }
}
@media only screen and (max-width: 640px) {
  .card-ut.type-boron .c-pic {
    margin-bottom: 8px;
  }
}

/* .card-ut.type-hydrogen
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut.type-hydrogen {
  text-align: center;
}
.card-ut.type-hydrogen .c-pic {
  display: inline-block;
  width: 80px;
  margin-bottom: 16px;
}

.card-ut.type-hydrogen.type-w100 .c-pic {
  width: 100px;
}

@media only screen and (min-width: 641px) {
  .card-ut.type-hydrogen.type-w80-sp-more .c-pic {
    width: 80px;
  }
  .card-ut.type-hydrogen.type-w180-sp-more .c-pic {
    width: 180px;
  }
}
.card-ut.type-hydrogen.type-left .c-pic {
  text-align: left;
}
.card-ut.type-hydrogen.type-right .c-pic {
  text-align: right;
}

@media only screen and (max-width: 640px) {
  .card-ut.type-hydrogen {
    display: grid;
    /* grid-template-rows: 1rem 1fr; */
    grid-template-columns: 80px 1fr;
    grid-template-areas:
      "areaA areaB"
      "areaA areaC";
  }
  .card-ut.type-hydrogen .c-pic {
    grid-area: areaA;
  }
  .card-ut.type-hydrogen .c-heading {
    grid-area: areaB;
    margin-left: 15px;
    text-align: left;
  }
  .card-ut.type-hydrogen .c-lead {
    grid-area: areaC;
    margin-left: 15px;
  }
  .card-ut.type-hydrogen.type-no-lead {
    grid-template-columns: 80px 1fr;
    grid-template-areas:
      "areaA areaB";
  }
  .card-ut.type-hydrogen.type-no-lead .c-heading {
    display: flex;
    align-items: center;    
  }
}


/* .card-ut.type-helium
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut.type-helium {
  display: grid;
  /* grid-template-rows: 1rem 1fr; */
  grid-template-columns: 80px 1fr;
  grid-template-areas:
    "areaA areaB"
    "areaA areaC";
}
.card-ut.type-helium .c-pic {
  grid-area: areaA;
}
.card-ut.type-helium .c-heading {
  grid-area: areaB;
  margin-left: 15px;
  margin-left: 20px;
}
.card-ut.type-helium .c-lead {
  grid-area: areaC;
  margin-left: 15px;
  margin-left: 20px;
}

@media only screen and (max-width: 640px) {
  .card-ut.type-helium.type-sp-lead-full {
    grid-template-areas:
      "areaA areaB"
      "areaC areaC";
  }
  .card-ut.type-helium.type-sp-lead-full .c-heading {
    display: flex;
    align-items: center;
  }
  .card-ut.type-helium.type-sp-lead-full .c-lead {
    margin-top: 15px;
    margin-left: 0;
  }
}

.card-ut.type-helium.type-w40 {
  grid-template-columns: 40px 1fr;
}
.card-ut.type-helium.type-w40 .c-heading {
  margin-left: 15px;
  margin-bottom: 4px !important;
}
.card-ut.type-helium.type-w40 .c-lead {
  margin-left: 15px;
}
.card-ut.type-helium.type-w100 {
  grid-template-columns: 100px 1fr;
}
@media only screen and (max-width: 640px) {
  .card-ut.type-helium.type-w60-sp {
    grid-template-columns: 60px 1fr;
  }
}


/* .card-ut.type-lithium
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut.type-lithium {
  display: grid;
  grid-template-columns: 1fr 80px;
  grid-template-areas:
    "areaB areaA"
    "areaC areaA";
}
.card-ut.type-lithium .c-pic {
  grid-area: areaA;
}
.card-ut.type-lithium .c-heading {
  grid-area: areaB;
  margin-right: 15px;
}
.card-ut.type-lithium .c-lead {
  grid-area: areaC;
  margin-right: 15px;
}


/* .card-ut.type-beryllium
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut.type-beryllium {
  display: grid;
  /* grid-template-rows: 1rem 1fr; */
  grid-template-columns: 80px 1fr;
  grid-template-areas:
    "areaA areaB"
    "areaC areaC";
}
.card-ut.type-beryllium .c-pic {
  grid-area: areaA;
}
.card-ut.type-beryllium .c-heading {
  display: flex;
  align-items: center;
  grid-area: areaB;
  margin-left: 15px;
  margin-bottom: 0;
}
.card-ut.type-beryllium .c-lead {
  grid-area: areaC;
  margin-top: 15px;
  margin-left: 0;
}

/* .card-ut.type-carbon
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut.type-carbon {
  display: grid;
  /* grid-template-rows: 1rem 1fr; */
  grid-template-columns: 80px 1fr;
  grid-template-areas:
    "areaA areaB";
}
.card-ut.type-carbon .c-pic {
  grid-area: areaA;
}
.card-ut.type-carbon .c-heading {
  grid-area: areaB;
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-bottom: 0;
}
.card-ut.type-carbon .c-heading .c-sub {
  font-size: 13px;
}

@media only screen and (min-width: 641px) {
  .card-ut.type-carbon .c-heading .c-sub {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .card-ut.type-carbon .c-heading {
    flex-direction: column;
    align-items: normal;
  }
  .card-ut.type-carbon .c-heading .c-sub {
    margin-top: 8px;
  }
}


/* .card-ut.type-nitrogen
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut.type-nitrogen {
  display: grid;
  /* grid-template-rows: 1rem 1fr; */
  grid-template-columns: 80px 160px 1fr;
  grid-template-areas:
    "areaA areaB areaC";
}
.card-ut.type-nitrogen .c-pic {
  grid-area: areaA;
  display: flex;
  align-items: center;
}
.card-ut.type-nitrogen .c-heading {
  grid-area: areaB;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-left: 15px;
}
.card-ut.type-nitrogen .c-lead {
  grid-area: areaC;
  display: flex;
  align-items: center;
  margin-left: 15px;
}

@media only screen and (max-width: 640px) {
  .card-ut.type-nitrogen {
    grid-template-columns: 60px 100px 1fr;
  }
}


/*
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .card-ut-slim
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-slim {
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  background: #eee;
}

/* .card-ut-pic
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-pic {
  display: flex;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
  background: #eee;
}
.card-ut-pic .c-pic {
  width: 80px;
  margin-right: 10px;
}
.card-ut-pic.type-right {
  flex-direction: row-reverse;
}
.card-ut-pic.type-right .c-pic {
  margin-left: 10px;
  margin-right: 0px;
}


/* .card-ut-head
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-head {
  position: relative;
  padding: 0;
  /* border-radius: 0 0 20px 20px; */
  overflow: hidden;
}
.card-ut-head .p-head {
  padding: 20px 40px;
  background: #ccc;
  /* border-radius: 20px 20px 0 0; */
}
.card-ut-head .p-head [class*="heading-ut"] {
  margin-bottom: 0;
}
.card-ut-head .p-head .c-heading {
  text-align: center;
}
.card-ut-head .p-head .c-heading .c-text {
  display: block;
  margin-bottom: 8px;
  font-size: 2.1rem;
  font-weight: 700;
}
.card-ut-head .p-head .c-heading .c-sub {
  display: block;
  font-size: 1.8rem;
}
.card-ut-head .p-main {
  padding: 20px;
  background: #f9f9f9;
}
.card-ut-head .p-main .nav-ut-button {
  margin-top: 24px;
}
.card-ut-head .p-foot {
  padding: 10px 40px;
  background: #eee;
}

/*  */

.card-ut-head .p-head.type-link {
  padding: 0;
  background: #ccc;
}
.card-ut-head .p-head:not(.type-link) {
  padding: 20px 60px 20px 40px;
}
.card-ut-head .p-head.type-link a {
  display: block;
  position: relative;
  padding: 20px 60px 20px 40px;
  transition: background-color 0.4s;
}
.card-ut-head .p-head.type-link a {
  background: #ccc;
  color: #0068b7;
  text-decoration: none;
}
.card-ut-head .p-head.type-link a:hover {
  background: #f0f0f0;
  color: #0068b7;
}
.card-ut-head .p-head.type-link a:before {
  position: absolute;
  display: block;
  top: 50%;
  right: 12px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  content: "";
  background: url(/assets/img-leaf/icon/arrow-01-right.svg) no-repeat 0 0;
  background-size: 100% auto;
}

/* .card-ut-plan
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-plan {
  position: relative;
  background: #f3f3f3;
  padding: 30px 20px;
  /* border-radius: 20px; */
}

.card-ut-plan > .card-ut-price {
  margin-bottom: 10px;
}
.card-ut-plan > .c-heading {
  margin-bottom: 5px;
  padding: 30px 20px;
  border-radius: 10px;
  background: #ddd;
  font-size: 4.0rem;
  font-weight: 700;
  text-align: center;
}
.card-ut-plan > .c-info {
  padding: 10px 20px;
  background: #eee;
  text-align: center;
}
.card-ut-plan > .c-highlight {
  font-size: 24px;
}

/* .card-ut-plan-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-plan-a .in-card {
  padding: 32px 24px;
}
.card-ut-plan-a .c-heading {
  margin-bottom: 8px;
  font-size: 2.1rem;
  font-weight: 700;
}
.card-ut-plan-a .c-lead {
  margin-bottom: 8px;
}
.card-ut-plan-a .card-ut-price {
  margin-bottom: 16px;
}
.card-ut-plan-a .list-ut-icon li {
  font-size: 1.6rem;
}


/* .card-ut-lead
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-lead {
  position: relative;
  background: #fff;
  padding: 20px 20px;
  /* border-radius: 20px; */
}
.card-ut-lead h3.heading-ut-icon.type-okaka.type-2x-small {
  margin-top: 40px;
  margin-bottom: 16px;
  font-weight: 700;
}

/* .card-ut-title-label
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-title-label > .c-title .c-heading {
  font-size: 3.0rem;
  font-weight: 700;
}
@media only screen and (max-width: 834px) {
  .card-ut-title-label > .unit-ut:first-child {
    margin-bottom: 24px;
  }
  .card-ut-title-label > .c-label .c-pic {
    display: block;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* .card-ut-price
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-price {
  /* background: #ccc; */
  text-align: center;
}
.card-ut-price.type-left {
  text-align: left;
}
.card-ut-price.type-chip {
  padding: 10px 20px;
  border-radius: 20px;
  background: #fff;
}
.card-ut-price > .c-wrap > .c-text {
  font-weight: 700; 
}
.card-ut-price > .c-wrap > .c-price {
  font-size: 3.0rem;
  font-weight: 700; 
}
.card-ut-price > .c-wrap > .c-unit {
  font-size: 2.4rem;
  font-weight: 700; 
}
.card-ut-price > .c-sub {
  color: #777;
}
@media only screen and (max-width: 640px) {
}

/*  */

.card-ut-price.type-line-1 {
  display: flex;
  justify-content: center;
}
.card-ut-price.type-line-1 > .c-sub {
  display: flex;
  align-items: end;
  margin-bottom: 3px;
}


/* .card-ut-performance
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-performance .c-pre {
  display: block;
  font-size: 1.6rem;
}
.card-ut-performance .c-highlight {
  display: block;
  font-size: 3rem;
  font-weight: 700;
}
.card-ut-performance .c-sub {
  display: block;
  color: #999;
}


/* .card-ut-phone-icon
アイコンあり
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-phone-icon {
  display: flex;
  align-items: center;
}

a.card-ut-phone-icon {
  color: #222;
  text-decoration: none;
}
a.card-ut-phone-icon:hover {
  color: #0068b7;
}
.card-ut-phone-icon .c-wrap {
  margin-left: 10px;
}
.card-ut-phone-icon .c-pre {
  display: block;
  font-size: 1.3rem;
}
.card-ut-phone-icon .c-text {
  display: block;
  font-size: 3rem;
}
.card-ut-phone-icon .c-sub {
  display: block;
  font-size: 1.3rem;
}


/* .card-ut-phone
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-phone {
  display: block;
  padding: 20px 20px;
  text-align: center;
}
a.card-ut-phone {
  color: #222;
  text-decoration: none;
}
a.card-ut-phone:hover {
  color: #0068b7;
}
.card-ut-phone .c-title {
  display: block;
  margin-bottom: 16px;
  font-size: 2.0rem;
  font-weight: 700;
}
.card-ut-phone .c-text {
  display: block;
  font-size: 2.0rem;
  font-weight: 700;
}
.card-ut-phone .c-sub {
  display: block;
  margin-bottom: 12px;
  font-size: 1.6rem;
  font-weight: 700;
}
.card-ut-phone .c-note {
  display: block;
  font-size: 1.6rem;
}


/* a.card-ut-news-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-news-a {
  display: block;
  padding: 10px;
  background-color: rgba(255,255,255,0.7);
  color: #666;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 0.3s;
}
a.card-ut-news-a:hover {
  background-color: rgba(225,235,249,0.8);
}
.card-ut-news-a .c-meta {
  display: flex;
  color: #5d6970;
  margin-bottom: 5px;
}
.card-ut-news-a .c-meta .c-date {
  margin-right: 40px;
  padding-left: 3px;
  font-size: 1.8rem;
}
.card-ut-news-a .c-meta .c-label {
  height: 24px;
  font-size: 1.4rem;
  border-radius: 3px;
  padding: 5px 20px;
  text-align: center;
  line-height: 1;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .card-ut-news-a .c-meta .c-label {
    font-size: 0.9rem;
    margin-left: 90px;
  }
}
.card-ut-news-a .c-heading {
  line-height: 1.3;
}
a.card-ut-news-a:hover {
  text-decoration: none;
}

/* .card-ut-head-quote
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.card-ut-head-quote {
  position: relative;
  margin-top: 106px;
  padding: 0;
  overflow: visible;
  border-radius: 20px;
  background: #eee;
}
.card-ut-head-quote .p-head {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0px;
  bottom: 100%;
  transform: translateY(30px);
  width: calc( 100% - 40px );
  padding: 20px 20px;
  border: 2px solid #ccc;
  border-radius: 20px;
  background: #f7f7f7;
}
.card-ut-head-quote .p-head::before {
  position: absolute;
  display: block;
  left: 20px;
  top: -20px;
  width: 34px;
  height: 34px;
  content: "";
  background: url(/assets/img-leaf/icon/quote-01-black.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.card-ut-head-quote .p-main {
  padding: 60px 40px 40px 40px;
}

.card-ut-head-quote.type-line-1 {
  margin-top: 106px;
}
.card-ut-head-quote.type-line-1 .p-head {
  min-height: 68px;
}
.card-ut-head-quote.type-line-2 {
  margin-top: 130px;
}
.card-ut-head-quote.type-line-2 .p-head {
  min-height: 92px;
}
.card-ut-head-quote.type-line-3 {
  margin-top: 154px;
}
.card-ut-head-quote.type-line-3 .p-head {
  min-height: 116px;
}

/* .type-two */

.card-ut-head-quote.type-two .p-head:first-child {
  left: 0px;
  width: calc( ( 100% - 60px ) / 2 );
  transform: translateX(0); /* XだけだとYが効かない */
  transform: translate(0, 30px);
}
.card-ut-head-quote.type-two .p-head:nth-child(2) {
  left: auto;
  right: 30px;
  width: calc( ( 100% - 60px ) / 2 );
  transform: translateX(0); /* XだけだとYが効かない */
  transform: translate(0, 30px);
}

@media only screen and (max-width: 834px) {
  .card-ut-head-quote[class*="type-line"],
  .card-ut-head-quote {
    margin-top: 60px;
  }
  .card-ut-head-quote .p-head,
  .card-ut-head-quote.type-two .p-head:first-child,
  .card-ut-head-quote.type-two .p-head:nth-child(2) {
    position: relative;
    left: auto;
    right: auto;
    width: 100%;
    margin-bottom: 30px;
    transform: translate(0, 0);
  }
  .card-ut-head-quote .p-main {
    padding: 0px 30px 30px 30px;
  }
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Pic
.figure-ut
.figure-ut.type-float-left
.figure-ut.type-float-right
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .c-pic
- - - - - - - - - - - - - - - - - - - - - - - - - - */

a.c-pic:hover > img {
  opacity: 0.7;
  transition: 0.4s;
}

/* 幅 */

img.c-pic,
.c-pic > img {
  width: 100%;
}
picture.c-pic {
  display: block;
}

.c-pic.type-center,
.figure-ut.type-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.c-pic.type-right,
.figure-ut.type-right {
  display: block;
  margin-left: auto;
  margin-right: 0;
}
.c-pic.type-left,
.figure-ut.type-left {
  display: block;
  margin-left: 0;
  margin-right: auto;
}

/* .figure-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.figure-ut {
  margin-bottom: 24px; 
}
.figure-ut .c-heading {
  display: block;
  margin-bottom: 8px;
  text-align: center;
  font-weight: 700;
}
.figure-ut .c-pic {
  width: 100%;
  margin-bottom: 8px;
}
.figure-ut figcaption {
  text-align: center;
}

/* .figure-ut.type-float-left
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.figure-ut.type-float-left {
  clear: both;
  float: left;
  width: 30%;
  margin-right: 40px;
  margin-bottom: 24px;
  padding-top: 7px;
}

/* .figure-ut.type-float-right
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.figure-ut.type-float-right {
  clear: both;
  float: right;
  width: 30%;
  margin-left: 40px;
  margin-bottom: 24px;
  padding-top: 7px;
}


/*
.type-float-left
.type-float-right
共通
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.figure-ut.type-float-right > *:last-child,
.figure-ut.type-float-left > *:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 480px) {
  .figure-ut.type-float-right,
  .figure-ut.type-float-left {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
} /* 0 - 480 */

/*  */

.figure-ut > .panel-ut {
  margin-bottom: 8px;
}

/*
landscape 標準
square はlandscapeと同じでよいだろう
type-portrait
*/

.unit-ut.pic-ut-fit, /* .c-pic */
picture.c-pic.pic-ut-fit { /* .c-pic */
  position: relative;
  background: #ccc;
  overflow: hidden;
}
.unit-ut.pic-ut-fit > img,
picture.c-pic.pic-ut-fit > img {
  position: absolute;
  height: 100%;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.unit-ut.pic-ut-fit.fit-width > img,
picture.c-pic.pic-ut-fit.fit-width > img {
  position: absolute;
  height: auto;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* .pic-ut-arrange-parts
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.pic-ut-arrange-parts {
  display: block;
  position: relative;
}
.pic-ut-arrange-parts .c-parts-01 {
  position: absolute;
  left: 0px;
  top: 0px;
}

/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Form
.form-ut.model-standard
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* reset */

form.form-ut-search input[type="search"],
form.form-ut-search-compact input[type="search"],
form.form-ut.model-standard input[type="search"] {
  box-sizing: border-box;
}


/* .form-ut.model-standard
- - - - - - - - - - - - - - - - - - - - - - - - - - */


form.form-ut.model-standard fieldset {
  margin-bottom: 24px;
}

form.form-ut.model-standard fieldset legend {
  margin-bottom: 8px;
  font-size: 2.4rem;
  font-weight: 700;
}

form.form-ut.model-standard fieldset > .unit-ut {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-top: solid 1px #ccc;
}
form.form-ut.model-standard fieldset > .unit-ut:last-child {
  border-bottom: solid 1px #ccc;
}
form.form-ut.model-standard .p-head {
  display: flex;
  align-items: center;
  width: 200px;
  padding: 10px 20px;
  background: #eee;
}
form.form-ut.model-standard .p-main {
  width: calc(100% - 200px);
  padding: 25px 20px;
}
form.form-ut.model-standard .c-item ul { /* radio, checkbox */
  margin-bottom: 0;
}
form.form-ut.model-standard .c-item ul li { /* radio, checkbox */
  margin-top: 2px;
  margin-bottom: 2px;
}
form.form-ut.model-standard .c-item ul li label { /* radio, checkbox */
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 5px 5px 5px;
  border-radius: 5px;
  transition: background-color 0.4s;
}
form.form-ut.model-standard .c-item ul li label:hover { /* radio, checkbox */
  background: #ddd;
}
form.form-ut.model-standard .c-comment {
  margin-top: 5px;
  font-size: 1.4rem;
  color: #aaa;
}


form.form-ut.model-standard .c-button {
  position: relative;
  padding: 10px 40px;
  border: solid 1px #ccc;
  border-radius: 100px;
  background: rgba(255,255,255, 1);
  background-size: 20px auto;
  background-position: right 5px top 10px;
  font-size: 1.6rem;
  color: #333;
  transition: background-color 0.4s;
}
form.form-ut.model-standard .c-button:hover {
  background: rgba(235,235,235, 1);
}
form.form-ut.model-standard .c-submit {
  position: relative;
  padding: 10px 40px;
  border: solid 1px #000;
  border-radius: 100px;
  background: rgba(0,0,0, 1);
  background-size: 20px auto;
  background-position: right 5px top 10px;
  font-size: 1.6rem;
  color: #fff;
  transition: background-color 0.4s;
}
form.form-ut.model-standard .c-submit:hover {
  background: rgba(60,60,60, 1);
}


/* input */

form.form-ut.model-standard input[type="email"],
form.form-ut.model-standard input[type="password"],
form.form-ut.model-standard input[type="text"] {
  padding: 5px 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
}
form.form-ut.model-standard textarea {
  width: 100%;
  height: 10em;
  padding: 12px 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
  line-height: 1.8;
}


form.form-ut.model-standard input[type="radio"],
form.form-ut.model-standard input[type="checkbox"] {
  margin-top: 2px;
  margin-right: 7px;
  margin-left: 5px;
}
form.form-ut.model-standard input[type="radio"] + span,
form.form-ut.model-standard input[type="checkbox"] + span {
  padding-top: 2px;
}
form.form-ut.model-standard select {
  height: 40px;
  padding: 0 10px;
  border: solid 1px #ccc;
  border-radius: 5px;
  font-size: 1.6rem;
}
form.form-ut.model-standard input[type="file"] {
  margin-bottom: 4px;
  font-size: 1.6rem;
}

/* .input-ut-icon
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.input-ut-icon {
  position: relative;
}
.input-ut-icon input {
  width: 100%;
  padding: 6px 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
}
.input-ut-icon input::placeholder {
  color:#ccc;
}

.input-ut-icon > label,
.input-ut-icon > .icon-ut {
  position: absolute;
  right: 10px;
  top: 7px;
}

/* .input-ut-icon-title
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.input-ut-icon-title {
  position: relative;
}
.input-ut-icon-title input {
  width: 100%;
  padding: 6px 15px;
  border: solid 1px #ccc;
  border-radius: 5px;
}
.input-ut-icon-title input::placeholder {
  color:#ccc;
}

.input-ut-icon-title > label.type-center {
  display: flex;
  justify-content: center;
}
.input-ut-icon-title .heading-ut-icon {
  margin-bottom: 10px;
}





/* .form-ut-search
- - - - - - - - - - - - - - - - - - - - - - - - - - */

form.form-ut-search {
  position: relative;
}
form.form-ut-search input::placeholder {
  color:#ccc;
}
form.form-ut-search input.c-text {
  width: calc(100% - 50px);
  height: 40px;
  padding: 7px 10px;
  border-top: solid 1px #ccc;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-radius: 5px 0 0 5px;
  font-size: 1.6rem;
  color: #333;
  outline: none;
}
form.form-ut-search input[type="submit"].c-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 40px;
  border: none;
  border-radius: 0 5px 5px 0;
  background: rgba(0,0,0, 1) url(/assets/img-leaf/icon/search-01-white.svg) no-repeat;
  background-size: 20px auto;
  /* background-position: right 5px top 10px; */
  background-position: center center;
  font-size: 1.6rem;
  text-indent: -9999em;
  color: #fff;
  transition: background-color 0.4s;
}

/* .type-image-button */

form.form-ut-search.type-image-button {
  position: relative;
}
form.form-ut-search.type-image-button input.c-text {
  width: 100%;
  border-right: solid 1px #ccc;
  border-radius: 5px;
}
form.form-ut-search.type-image-button input.c-button {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
}

/* .type-text-button */

form.form-ut-search.type-text-button input.c-text {
  width: calc(100% - 150px - 10px);
  border-right: solid 1px #ccc;
  border-radius: 5px;
}
form.form-ut-search.type-text-button input[type="submit"].c-button {
  width: 150px;
  padding-left: 30px;
  border-radius: 100px;
  background-position: right 25px top 10px;
  text-align: left;
  text-indent: 0;
}


/* .form-ut-select-search
- - - - - - - - - - - - - - - - - - - - - - - - - - */

form.form-ut-select-search {
  position: relative;
}
form.form-ut-select-search select {
  width: calc(100% - 50px);
  height: 40px;
  padding: 7px 10px;
  border-top: solid 1px #ccc;
  border-right: none;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-radius: 5px 0 0 5px;
  font-size: 1.6rem;
  color: #333;
  outline: none;
}
form.form-ut-select-search input[type="submit"].c-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 40px;
  border: none;
  border-radius: 0 5px 5px 0;
  background: rgba(0,0,0, 1) url(/assets/img-leaf/icon/search-01-white.svg) no-repeat;
  background-size: 20px auto;
  /* background-position: right 5px top 10px; */
  background-position: center center;
  font-size: 1.6rem;
  text-indent: -9999em;
  color: #fff;
  transition: background-color 0.4s;
}
form.form-ut-select-search.type-plain input[type="submit"].c-button {
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  background-color: #fff;
  background-image: url(/assets/img-leaf/icon/search-01-black.svg);
}

/* .type-num-2 */

form.form-ut-select-search.type-num-2 {
  display: flex;
}
form.form-ut-select-search.type-num-2 select.c-primary {
  width: 30%;
}
form.form-ut-select-search.type-num-2 select.c-secondary {
  width: calc(70% - 50px);
  border-radius: 0;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Table
.table-ut-normal
.table-ut-compact
.table-ut-role
.table-ut-price
= = = = = = = = = = = = = = = = = = = = = = = = = = */


table.type-fixed {
  table-layout: fixed;
  width: 100%;
}

/* margin-bottom */

table.table-ut-compact,
table.table-ut-normal {
  margin-bottom: 24px;
  /* margin-top: 48px; */
  /* margin-bottom: 48px; */
}

table.table-ut-compact.fsize-medium th,
table.table-ut-compact.fsize-medium td,
table.table-ut-normal.fsize-medium th,
table.table-ut-normal.fsize-medium td {
  font-size: 1.8rem;
}

[class="heading-ut"] + [class*="table-ut"] {
  margin-top: 24px;
}

[class*="block-"] > table th > *:first-child,
[class*="block-"] > table td > *:first-child,
table[class*="table-ut"] th > *:first-child,
table[class*="table-ut"] td > *:first-child {
  margin-top: 0px;
}

[class*="block-"] > table th > *:last-child,
[class*="block-"] > table td > *:last-child,
table[class*="table-ut"] th > *:last-child,
table[class*="table-ut"] td > *:last-child {
  margin-bottom: 0px;
}

/* テーブルすぐ下の注釈 */

[class*="table-ut"] + p.notes-ut,
[class*="table-ut"] + ul.list-ut-notes,
[class*="table-ut"] + dl.list-ut-words {
  /* margin-top: -32px; */
}

/*  */

table[class*="table-ut"].type-line-bg-odd tr:nth-child(odd) {
  background: #f5f5f5;
}

table[class*="table-ut"].type-line-bg-even tr:nth-child(even) {
  background: #f5f5f5;
}

/*  */

table[class*="table-ut"].type-left th,
table[class*="table-ut"].type-left td {
  text-align: left;
}
table[class*="table-ut"] th.type-left,
table[class*="table-ut"] td.type-left {
  text-align: left !important;
}

table[class*="table-ut"].type-center th,
table[class*="table-ut"].type-center td {
  text-align: center;
}
table[class*="table-ut"] th.type-center,
table[class*="table-ut"] td.type-center {
  text-align: center;
}

table[class*="table-ut"].type-right th,
table[class*="table-ut"].type-right td {
  text-align: right;
}
table[class*="table-ut"] th.type-right,
table[class*="table-ut"] td.type-right {
  text-align: right;
}

/* 240820 col要素にはtext-align効かない
table[class*="table-ut"] col.col-center {
  text-align: center;
}
*/

/*  */

table[class*="table-ut"].type-nowrap th,
table[class*="table-ut"].type-nowrap td,
table[class*="table-ut"] tr.type-nowrap th,
table[class*="table-ut"] tr.type-nowrap td,
table[class*="table-ut"] th.type-nowrap,
table[class*="table-ut"] td.type-nowrap {
  white-space: nowrap;
}

/* .table-ut-normal
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-normal {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-top: solid 1px #d9d9d9;
  border-left: solid 1px #d9d9d9;
}
.table-ut-normal caption {
  padding: 0 0 5px;
  text-align: left;
}
.table-ut-normal th,
.table-ut-normal td {
  padding: 24px 15px;
  border-right: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  line-height: 1.5;
  /* vertical-align: middle; */
}
.table-ut-normal th {
  background: #f0f0f0;
  text-align: center;
}
.table-ut-normal td {
  background: transparent;
}
.table-ut-normal thead th {
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #d9d9d9;
}
.table-ut-normal tbody th {
  text-align: left;
}

.table-ut-normal.adjust-full {
  width: 100%;
}

/*  */

@media only screen and (max-width: 640px) {
  .table-ut-normal.type-sp-vertical th,
  .table-ut-normal.type-sp-vertical td {
    display: block;
  }
}

/*  */

.table-ut-normal.adjust-blankspace-compact th,
.table-ut-normal.adjust-blankspace-compact td {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* .type-okaka */

.table-ut-normal.type-okaka th {
  background: #D9D9D9;
  border-bottom: solid 1px #fff;
  font-weight: 700;
}
.table-ut-normal.type-okaka tr:last-child th {
  border-bottom: solid 1px #D9D9D9;
}


/* .table-ut-compact
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-compact {
  width: auto;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-top: solid 1px #d9d9d9;
  border-left: none;
}
table.table-ut-compact.type-okaka {
  border-left: solid 1px #d9d9d9;
}
.table-ut-compact tr > *:first-child {
  min-width: 30%;
}
.table-ut-compact th,
.table-ut-compact td {
  padding: 8px 20px;
  border-right: none;
  border-bottom: solid 1px #d9d9d9;
  font-size: 1.4rem;
  line-height: 1.3;
  vertical-align: middle;
}
.table-ut-compact.type-okaka th,
.table-ut-compact.type-okaka td {
  border-right: solid 1px #d9d9d9;
}
.table-ut-compact th {
  background: #f0f0f0;
  text-align: center;
}
.table-ut-compact td {
  background: transparent;
}
.table-ut-compact thead th {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #ddd;
}
.table-ut-compact tbody th {
  text-align: left;
}


/* .table-ut-terms
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-terms {
  width: 100%;
  border: solid 2px #eee;
}
.table-ut-terms thead th {
  padding: 5px 10px;
  background: #eee;
  text-align: center;
  font-weight: 700;
}
.table-ut-terms th,
.table-ut-terms td {
  padding: 5px 20px;
}
.table-ut-terms td {
  text-align: center;
}


/* .table-ut-definition
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-definition {
  width: auto;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-top: none;
  border-left: none;
}
.table-ut-definition th,
.table-ut-definition td {
  padding-left: 0;
  padding-right: 40px;
  padding: 8px 40px 8px 0;
  background: none;
  border: none;
  vertical-align: top;
}
.table-ut-definition th {
  font-weight: 700;
  white-space: nowrap;
}
.table-ut-definition td {
  padding-right: 0;
}
@media only screen and (max-width: 640px) {
  .table-ut-definition th {
    padding-right: 20px;
  }
}


/* .table-ut-role
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-role {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  border: none;
}
.table-ut-role th {
  width: 150px;
  text-align: left;
  padding: 19px 15px 15px;
  white-space: nowrap;
  border: none;
  background: rgba(0,0,0, 0.1); /* Customize */
  font-size: 1.2rem;
  text-align: right;
  vertical-align: top;
  line-height: 1.3;
}
.table-ut-role td {
  padding: 16px 15px 15px;
  border: none;
  line-height: 1.3;
  vertical-align: middle;
}
.table-ut-role tbody th {
  width: auto;
}


/* .table-ut-price
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-price {
  width: 70%;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-left: none;
}
.table-ut-price tbody th {
  width: 70%;
}
.table-ut-price th {
  text-align: left;
  padding: 13px 10px 12px;
  border-right: none;
  background: rgba(0,0,0, 0.1); /* Customize */
}
.table-ut-price td {
  padding: 0.4em 2em 0.3em;
  font-size: 1.313rem;
  font-weight: bold;
  text-align:center;
  white-space: nowrap;
  border-right: none;
  line-height: 1.3;
}




/* .table-ut-manyrows
- - - - - - - - - - - - - - - - - - - - - - - - - - */

table.table-ut-manyrows {
  width: auto;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  /* border-top: solid 1px #d9d9d9; */
  /* border-left: solid 1px #d9d9d9; */
}
.table-ut-manyrows caption {
  padding: 0 0 5px;
  text-align: left;
}
.table-ut-manyrows th,
.table-ut-manyrows td {
  padding: 10px 15px;
  /* border-right: solid 5px #fff; */
  border-bottom: solid 5px #fff;
  line-height: 1.5;
  /* vertical-align: middle; */
}
.table-ut-manyrows th:last-child,
.table-ut-manyrows td:last-child {
  /* border-right: none; */
}
.table-ut-manyrows tr:last-child th,
.table-ut-manyrows tr:last-child td {
  border-bottom: none;
}
.table-ut-manyrows th {
  background: #e5e5e5;
  text-align: center;
}
.table-ut-manyrows td {
  background: transparent;
}
.table-ut-manyrows thead th {
  padding-top: 1em;
  padding-bottom: 1em;
  /* border-bottom: solid 1px #d9d9d9; */
}
.table-ut-manyrows tbody th {
  text-align: left;
}

.table-ut-manyrows.adjust-full {
  width: 100%;
}


/* .table-ut-manyrows.type-okaka
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.table-ut-manyrows.type-okaka {
  empty-cells: show;
}

.table-ut-manyrows.type-okaka thead th {
  border-left: solid 1px #fff;
  background: #307fb4;
  font-size: 2.0rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.table-ut-manyrows.type-okaka thead th .c-sub {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
.table-ut-manyrows.type-okaka thead th:first-child {
  border-left: none;
}

.table-ut-manyrows.type-okaka td {
  border-left: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  text-align: center;
}
.table-ut-manyrows.type-okaka td:last-child {
  border-right: solid 1px #d9d9d9;
}
.table-ut-manyrows tr:last-child td {
  border-bottom: solid 1px #d9d9d9;
}

.table-ut-manyrows.type-okaka tbody th {
  border-left: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  background: #f5f5f5;
  text-align: center;
}


/* Icon Parts
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.list-ut-icon > li.icon-link:before,
.list-ut-icon.icon-link > li:before,
a.button-ut.type-icon.icon-link .c-text:before,
a.button-ut.type-icon.icon-link:before,
.link-ut-icon.icon-link:before,
.heading-ut-icon.icon-link:before,
.icon-ut.icon-link:before {
  background-image: url(/assets/img-leaf/icon/link-01-blue.svg);
}
.list-ut-icon > li.icon-blank:before,
.list-ut-icon.icon-blank > li:before,
a.button-ut.type-icon.icon-blank .c-text:before,
a.button-ut.type-icon.icon-blank:before,
.link-ut-icon.icon-blank:before,
.heading-ut-icon.icon-blank:before,
.icon-ut.icon-blank:before {
  background-image: url(/assets/img-leaf/icon/blank-01-black.svg);
}
.list-ut-icon > li.icon-pdf:before,
.list-ut-icon.icon-pdf > li:before,
a.button-ut.type-icon.icon-pdf .c-text:before,
a.button-ut.type-icon.icon-pdf:before,
.link-ut-icon.icon-pdf:before,
.heading-ut-icon.icon-pdf:before,
.icon-ut.icon-pdf:before {
  background-image: url(/assets/img-leaf/icon/pdf-02-red.svg);
}
.list-ut-icon > li.icon-pdf-03-red:before,
.list-ut-icon.icon-pdf-03-red > li:before,
a.button-ut.type-icon.icon-pdf-03-red .c-text:before,
a.button-ut.type-icon.icon-pdf-03-red:before,
.link-ut-icon.icon-pdf-03-red:before,
.heading-ut-icon.icon-pdf-03-red:before,
.icon-ut.icon-pdf-03-red:before {
  background-image: url(/assets/img-leaf/icon/pdf-03-red.svg);
}
.list-ut-icon > li.icon-calendar:before,
.list-ut-icon.icon-calendar > li:before,
a.button-ut.type-icon.icon-calendar .c-text:before,
a.button-ut.type-icon.icon-calendar:before,
.link-ut-icon.icon-calendar:before,
.heading-ut-icon.icon-calendar:before,
.icon-ut.icon-calendar:before {
  background-image: url(/assets/img-leaf/icon/calendar-01-black.svg);
}
.list-ut-icon > li.icon-help:before,
.list-ut-icon.icon-help > li:before,
a.button-ut.type-icon.icon-help .c-text:before,
a.button-ut.type-icon.icon-help:before,
.link-ut-icon.icon-help:before,
.heading-ut-icon.icon-help:before,
.icon-ut.icon-help:before {
  background-image: url(/assets/img-leaf/icon/help-01-black.svg);
}
.list-ut-icon > li.icon-menu:before,
.list-ut-icon.icon-menu > li:before,
a.button-ut.type-icon.icon-menu .c-text:before,
a.button-ut.type-icon.icon-menu:before,
.link-ut-icon.icon-menu:before,
.heading-ut-icon.icon-menu:before,
.icon-ut.icon-menu:before {
  background-image: url(/assets/img-leaf/icon/menu-01-black.svg);
}
.list-ut-icon > li.icon-close:before,
.list-ut-icon.icon-close > li:before,
a.button-ut.type-icon.icon-close .c-text:before,
a.button-ut.type-icon.icon-close:before,
.link-ut-icon.icon-close:before,
.heading-ut-icon.icon-close:before,
.icon-ut.icon-close:before {
  background-image: url(/assets/img-leaf/icon/close-01-black.svg);
}
.list-ut-icon > li.icon-download:before,
.list-ut-icon.icon-download > li:before,
a.button-ut.type-icon.icon-download .c-text:before,
a.button-ut.type-icon.icon-download:before,
.link-ut-icon.icon-download:before,
.heading-ut-icon.icon-download:before,
.icon-ut.icon-download:before {
  background-image: url(/assets/img-leaf/icon/download-01-black.svg);
}
.list-ut-icon > li.icon-download-01-white:before,
.list-ut-icon.icon-download-01-white > li:before,
a.button-ut.type-icon.icon-download-01-white .c-text:before,
a.button-ut.type-icon.icon-download-01-white:before,
.link-ut-icon.icon-download-01-white:before,
.heading-ut-icon.icon-download-01-white:before,
.icon-ut.icon-download-01-white:before {
  background-image: url(/assets/img-leaf/icon/download-01-white.svg);
}
.list-ut-icon > li.icon-search:before,
.list-ut-icon.icon-search > li:before,
a.button-ut.type-icon.icon-search .c-text:before,
a.button-ut.type-icon.icon-search:before,
.link-ut-icon.icon-search:before,
.heading-ut-icon.icon-search:before,
.icon-ut.icon-search:before {
  background-image: url(/assets/img-leaf/icon/search-01-black.svg);
}
.list-ut-icon > li.icon-mail:before,
.list-ut-icon.icon-mail > li:before,
a.button-ut.type-icon.icon-mail .c-text:before,
a.button-ut.type-icon.icon-mail:before,
.link-ut-icon.icon-mail:before,
.heading-ut-icon.icon-mail:before,
.icon-ut.icon-mail:before {
  background-image: url(/assets/img-leaf/icon/mail-01-black.svg);
}
.list-ut-icon > li.icon-mail-01-white:before,
.list-ut-icon.icon-mail-01-white > li:before,
a.button-ut.type-icon.icon-mail-01-white .c-text:before,
a.button-ut.type-icon.icon-mail-01-white:before,
.link-ut-icon.icon-mail-01-white:before,
.heading-ut-icon.icon-mail-01-white:before,
.icon-ut.icon-mail-01-white:before {
  background-image: url(/assets/img-leaf/icon/mail-01-white.svg);
}
.list-ut-icon > li.icon-phone:before,
.list-ut-icon.icon-phone > li:before,
a.button-ut.type-icon.icon-phone .c-text:before,
a.button-ut.type-icon.icon-phone:before,
.link-ut-icon.icon-phone:before,
.heading-ut-icon.icon-phone:before,
.icon-ut.icon-phone:before {
  background-image: url(/assets/img-leaf/icon/phone-01-black.svg);
}
.list-ut-icon > li.icon-phone-invert:before,
.list-ut-icon.icon-phone-invert > li:before,
a.button-ut.type-icon.icon-phone-invert .c-text:before,
a.button-ut.type-icon.icon-phone-invert:before,
.link-ut-icon.icon-phone-invert:before,
.heading-ut-icon.icon-phone-invert:before,
.icon-ut.icon-phone-invert:before {
  background-image: url(/assets/img-leaf/icon/phone-01-invert-vermilion.svg);
}
.list-ut-icon > li.icon-quote-open:before,
.list-ut-icon.icon-quote-open > li:before,
a.button-ut.type-icon.icon-quote-open .c-text:before,
a.button-ut.type-icon.icon-quote-open:before,
.link-ut-icon.icon-quote-open:before,
.heading-ut-icon.icon-quote-open:before,
.icon-ut.icon-quote-open:before {
  background-image: url(/assets/img-leaf/icon/quote-open-01-black.svg);
}
.list-ut-icon > li.icon-quote-close:before,
.list-ut-icon.icon-quote-close > li:before,
a.button-ut.type-icon.icon-quote-close .c-text:before,
a.button-ut.type-icon.icon-quote-close:before,
.link-ut-icon.icon-quote-close:before,
.heading-ut-icon.icon-quote-close:before,
.icon-ut.icon-quote-close:before {
  background-image: url(/assets/img-leaf/icon/quote-close-01-black.svg);
}
.list-ut-icon > li.icon-award:before,
.list-ut-icon.icon-award > li:before,
a.button-ut.type-icon.icon-award .c-text:before,
a.button-ut.type-icon.icon-award:before,
.link-ut-icon.icon-award:before,
.heading-ut-icon.icon-award:before,
.icon-ut.icon-award:before {
  background-image: url(/assets/img-leaf/icon/award-01-black.svg);
}
.list-ut-icon > li.icon-star:before,
.list-ut-icon.icon-star > li:before,
a.button-ut.type-icon.icon-star .c-text:before,
a.button-ut.type-icon.icon-star:before,
.link-ut-icon.icon-star:before,
.heading-ut-icon.icon-star:before,
.icon-ut.icon-star:before {
  background-image: url(/assets/img-leaf/icon/star-01-black.svg);
}
.list-ut-icon > li.icon-heart:before,
.list-ut-icon.icon-heart > li:before,
a.button-ut.type-icon.icon-heart .c-text:before,
a.button-ut.type-icon.icon-heart:before,
.link-ut-icon.icon-heart:before,
.heading-ut-icon.icon-heart:before,
.icon-ut.icon-heart:before {
  background-image: url(/assets/img-leaf/icon/heart-01-black.svg);
}
.list-ut-icon > li.icon-bookmark:before,
.list-ut-icon.icon-bookmark > li:before,
a.button-ut.type-icon.icon-bookmark .c-text:before,
a.button-ut.type-icon.icon-bookmark:before,
.link-ut-icon.icon-bookmark:before,
.heading-ut-icon.icon-bookmark:before,
.icon-ut.icon-bookmark:before {
  background-image: url(/assets/img-leaf/icon/bookmark-01-black.svg);
}
.list-ut-icon > li.icon-sns-facebook-02-black:before,
.list-ut-icon.icon-sns-facebook-02-black > li:before,
a.button-ut.type-icon.icon-sns-facebook-02-black .c-text:before,
a.button-ut.type-icon.icon-sns-facebook-02-black:before,
.link-ut-icon.icon-sns-facebook-02-black:before,
.heading-ut-icon.icon-sns-facebook-02-black:before,
.icon-ut.icon-sns-facebook-02-black:before {
  background-image: url(/assets/img-leaf/icon/sns-facebook-02-black.svg);
}
.list-ut-icon > li.icon-sns-facebook-02-white:before,
.list-ut-icon.icon-sns-facebook-02-white > li:before,
a.button-ut.type-icon.icon-sns-facebook-02-white .c-text:before,
a.button-ut.type-icon.icon-sns-facebook-02-white:before,
.link-ut-icon.icon-sns-facebook-02-white:before,
.heading-ut-icon.icon-sns-facebook-02-white:before,
.icon-ut.icon-sns-facebook-02-white:before {
  background-image: url(/assets/img-leaf/icon/sns-facebook-02-white.svg);
}
.list-ut-icon > li.icon-sns-instagram-02-black:before,
.list-ut-icon.icon-sns-instagram-02-black > li:before,
a.button-ut.type-icon.icon-sns-instagram-02-black .c-text:before,
a.button-ut.type-icon.icon-sns-instagram-02-black:before,
.link-ut-icon.icon-sns-instagram-02-black:before,
.heading-ut-icon.icon-sns-instagram-02-black:before,
.icon-ut.icon-sns-instagram-02-black:before {
  background-image: url(/assets/img-leaf/icon/sns-instagram-02-black.svg);
}
.list-ut-icon > li.icon-sns-instagram-02-white:before,
.list-ut-icon.icon-sns-instagram-02-white > li:before,
a.button-ut.type-icon.icon-sns-instagram-02-white .c-text:before,
a.button-ut.type-icon.icon-sns-instagram-02-white:before,
.link-ut-icon.icon-sns-instagram-02-white:before,
.heading-ut-icon.icon-sns-instagram-02-white:before,
.icon-ut.icon-sns-instagram-02-white:before {
  background-image: url(/assets/img-leaf/icon/sns-instagram-02-white.svg);
}
.list-ut-icon > li.icon-sns-x-01-white:before,
.list-ut-icon.icon-sns-x-01-white > li:before,
a.button-ut.type-icon.icon-sns-x-01-white .c-text:before,
a.button-ut.type-icon.icon-sns-x-01-white:before,
.link-ut-icon.icon-sns-x-01-white:before,
.heading-ut-icon.icon-sns-x-01-white:before,
.icon-ut.icon-sns-x-01-white:before {
  background-image: url(/assets/img-leaf/icon/sns-x-01-white.svg);
}
.list-ut-icon > li.icon-sns-youtube-01-white:before,
.list-ut-icon.icon-sns-youtube-01-white > li:before,
a.button-ut.type-icon.icon-sns-youtube-01-white .c-text:before,
a.button-ut.type-icon.icon-sns-youtube-01-white:before,
.link-ut-icon.icon-sns-youtube-01-white:before,
.heading-ut-icon.icon-sns-youtube-01-white:before,
.icon-ut.icon-sns-youtube-01-white:before {
  background-image: url(/assets/img-leaf/icon/sns-youtube-01-white.svg);
}
.list-ut-icon > li.icon-sns-line-01:before,
.list-ut-icon.icon-sns-line-01 > li:before,
a.button-ut.type-icon.icon-sns-line-01 .c-text:before,
a.button-ut.type-icon.icon-sns-line-01:before,
.link-ut-icon.icon-sns-line-01:before,
.heading-ut-icon.icon-sns-line-01:before,
.icon-ut.icon-sns-line-01:before {
  background-image: url(/assets/img-leaf/icon/sns-line-01.svg);
}
.list-ut-icon > li.icon-sns-line-02-black:before,
.list-ut-icon.icon-sns-line-02-black > li:before,
a.button-ut.type-icon.icon-sns-line-02-black .c-text:before,
a.button-ut.type-icon.icon-sns-line-02-black:before,
.link-ut-icon.icon-sns-line-02-black:before,
.heading-ut-icon.icon-sns-line-02-black:before,
.icon-ut.icon-sns-line-02-black:before {
  background-image: url(/assets/img-leaf/icon/sns-line-02-black.svg);
}
.list-ut-icon > li.icon-sns-line-02:before,
.list-ut-icon.icon-sns-line-02 > li:before,
a.button-ut.type-icon.icon-sns-line-02 .c-text:before,
a.button-ut.type-icon.icon-sns-line-02:before,
.link-ut-icon.icon-sns-line-02:before,
.heading-ut-icon.icon-sns-line-02:before,
.icon-ut.icon-sns-line-02:before {
  background-image: url(/assets/img-leaf/icon/sns-line-02.svg);
}
.list-ut-icon > li.icon-sns-line-03-white:before,
.list-ut-icon.icon-sns-line-03-white > li:before,
a.button-ut.type-icon.icon-sns-line-03-white .c-text:before,
a.button-ut.type-icon.icon-sns-line-03-white:before,
.link-ut-icon.icon-sns-line-03-white:before,
.heading-ut-icon.icon-sns-line-03-white:before,
.icon-ut.icon-sns-line-03-white:before {
  background-image: url(/assets/img-leaf/icon/sns-line-03-white.svg);
}
.list-ut-icon > li.icon-sns-twitter-01:before,
.list-ut-icon.icon-sns-twitter-01 > li:before,
a.button-ut.type-icon.icon-sns-twitter-01 .c-text:before,
a.button-ut.type-icon.icon-sns-twitter-01:before,
.link-ut-icon.icon-sns-twitter-01:before,
.heading-ut-icon.icon-sns-twitter-01:before,
.icon-ut.icon-sns-twitter-01:before {
  background-image: url(/assets/img-leaf/icon/sns-twitter-01.svg);
}
.list-ut-icon > li.icon-cr-jpn:before,
.list-ut-icon.icon-cr-jpn > li:before,
a.button-ut.type-icon.icon-cr-jpn .c-text:before,
a.button-ut.type-icon.icon-cr-jpn:before,
.link-ut-icon.icon-cr-jpn:before,
.heading-ut-icon.icon-cr-jpn:before,
.icon-ut.icon-cr-jpn:before {
  background-image: url(/assets/img-leaf/icon/cr-jpn.svg);
}
.list-ut-icon > li.icon-cr-usa:before,
.list-ut-icon.icon-cr-usa > li:before,
a.button-ut.type-icon.icon-cr-usa .c-text:before,
a.button-ut.type-icon.icon-cr-usa:before,
.link-ut-icon.icon-cr-usa:before,
.heading-ut-icon.icon-cr-usa:before,
.icon-ut.icon-cr-usa:before {
  background-image: url(/assets/img-leaf/icon/cr-usa.svg);
}
/* 装飾
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/*
.c-pic.type-frame →今後非推奨 (250613)
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
frame
- frame
- radius
- shadow
- frame-a
*/

.c-pic.type-frame {
  border: solid 3px #f3f3f3;
}
.c-pic.type-radius {
  overflow: hidden;
  border-radius: 10px;
}
.c-pic.type-radius-20 {
  overflow: hidden;
  border-radius: 20px;
}
.c-pic.type-radius-30 {
  overflow: hidden;
  border-radius: 30px;
}
.c-pic.type-shadow {
  box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);
}
.c-pic.type-frame-a {
  border: solid 3px #f3f3f3;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);
}


/*
.c-pic.edge-ut-xxx
solid
radius
shadow
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.c-pic.edge-ut-solid {
  border: solid 3px #f3f3f3;
}
.c-pic.edge-ut-radius {
  overflow: hidden;
  border-radius: 10px;
}
.c-pic.edge-ut-radius-20 {
  overflow: hidden;
  border-radius: 20px;
}
.c-pic.edge-ut-radius-30 {
  overflow: hidden;
  border-radius: 30px;
}
.c-pic.edge-ut-shadow {
  box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);
}

.c-pic.edge-ut-a {
  border: solid 3px #f3f3f3;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);
}

/*  */

.panel-ut.edge-ut-radius > .unit-ut > [class*="card-"],
.edge-ut-radius[class*="card-"],
.c-pic.edge-ut-radius {
  overflow: hidden;
  border-radius: 10px;
}
.panel-ut.edge-ut-radius-16 > .unit-ut > [class*="card-"],
.edge-ut-radius-16[class*="card-"],
.c-pic.edge-ut-radius-16 {
  overflow: hidden;
  border-radius: 16px;
}
.panel-ut.edge-ut-radius-20 > .unit-ut > [class*="card-"],
.edge-ut-radius-20[class*="card-"],
.c-pic.edge-ut-radius-20 {
  overflow: hidden;
  border-radius: 20px;
}
.panel-ut.edge-ut-radius-30 > .unit-ut > [class*="card-"],
.edge-ut-radius-30[class*="card-"],
.c-pic.edge-ut-radius-30 {
  overflow: hidden;
  border-radius: 30px;
}

/*
Edge Pattern
魚
amberjack ブリ類
bonito カツオ
catfish ナマズ
Dolphinfish
Eel
Flounder
Grouper
squid 烏賊イカ
*/

/* common */

.panel-ut[class*="model-"] .unit-ut .c-heading {
  margin-bottom: 15px;
  font-size: 2.1rem;
  font-weight: 700;
}

/* panel用 */
/* edge-ut-xxx はcardやc-picにつく edgeはpaddingがない */


/* squid
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.edge-ut-squid > .unit-ut > [class*="card-"],
.panel-ut.model-squid > .unit-ut {
  overflow: hidden;
  border-radius: 10px;
  background: #eee;
  background: #eef7fd;
}
.panel-ut.model-squid > .unit-ut {
  padding: 24px 40px;
}


/* bonito
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.model-bonito > .unit-ut,
.panel-ut.edge-ut-bonito > .unit-ut > [class*="card-"],
.edge-ut-bonito[class*="card-"],
.c-pic.edge-ut-bonito {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid #F5F5F5;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.10);
}
.panel-ut.model-bonito > .unit-ut { /* panel は余白あり */
  padding: 24px 40px;
  background: #fff;
}
@media only screen and (max-width: 640px) {
  .panel-ut.model-bonito > .unit-ut {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* panel badge
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut > .unit-ut.badge-ut {
  position: relative;
}
.panel-ut > .unit-ut.badge-ut:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: -13px;
  transform: translateX(-50%);
  width: 140px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url(/assets/img-leaf/badge/recommended-01-black.svg);
}
.panel-ut > .unit-ut.badge-ut.badge-recommended:after {
  background-image: url(/assets/img-leaf/badge/recommended-01-black.svg);
}
.panel-ut > .unit-ut.badge-ut.badge-most-popular:after {
  background-image: url(/assets/img-leaf/badge/recommended-01-black.svg);
}




/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Tab
.tab-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .tab-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.tab-ut > .p-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.tab-ut > .p-nav > li {
  width: calc((100% - 40px) / 2);
  width: calc((100%) / 2);
  margin-left: 40px;
  margin-left: 0;
}
.tab-ut > .p-nav.type-proportional > li {
  width: auto;
}
.tab-ut > .p-nav.type-proportional > li a {
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
}
.tab-ut > .p-nav > li a {
  display: block;
  padding: 10px 20px;
  background: #f3f3f3;
  text-decoration: none;
  transition: 0.4s;
}
.tab-ut > .p-nav > li a:hover {
  background: #e6e6e6;
}
.tab-ut > .p-nav > li a.st-active {
  background: #e6e6e6;
}
.tab-ut > .p-nav > li:first-child {
  margin-left: 0;
}

.tab-ut > .unit-ut {
  padding: 5px;
  border: solid #ddd 5px;
}
.tab-ut > .unit-ut > .in-unit {
  padding: 20px;
}
.tab-ut > .unit-ut > .in-unit > *:last-child,
.tab-ut > .unit-ut > *:last-child {
  margin-bottom: 0px;
}

/*  */

.block-tab-e.type-okaka > .unit-ut {
  margin-top: 40px;
  border-radius: 20px;
  border: 2px solid #F5F5F5;
}
.block-tab-e.type-okaka > .unit-ut {
  padding-top: 0px;
}
.tab-ut.type-okaka > .unit-ut > .in-unit {
  padding: 20px 40px;
}


/* Block Tab
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .block-tab-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-a > .p-nav {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  padding: 0;
  text-align: center;
  background: #fff;
}
.block-tab-a > .p-nav > li a {
  border-bottom: solid 3px #D4D4D4;
  background: #fff;
  color: #969696;
}
.block-tab-a > .p-nav > li a:hover {
  border-bottom: solid 3px #222;
  background: #fff;
  color: #222;
}
.block-tab-a > .p-nav > li a.st-active {
  border-bottom: solid 3px #2d4bc5;
  background: #fff;
  color: #2d4bc5;
}
.block-tab-a > .unit-ut {
  border: none;
}
@media only screen and (max-width: 834px) {
  .block-tab-a > .p-nav {
    width: 360px;
  }
}
@media only screen and (max-width: 480px) {
  .block-tab-a > .p-nav {
    width: 100%;
  }
}


/* .block-tab-a.type-okaka
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-a.type-okaka > .p-nav > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 13px;
  border-radius: 10px 10px 0 0;
}
.block-tab-a.type-okaka > .p-nav > li a:hover {
  border-bottom: solid 3px #ccc;
  background: #ccc;
}
.block-tab-a.type-okaka > .p-nav > li a.st-active {
  border-bottom: solid 3px #00B466;
  background: #00B466;
  color: #fff;
}

.block-tab-a.type-okaka > .p-nav > li a .c-heading {
  position: relative;
  padding-left: 40px;
}
.block-tab-a.type-okaka > .p-nav > li a .c-heading:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  content: "";
  background: url(/assets/img-leaf/icon/star-01-green.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.block-tab-a.type-okaka > .p-nav > li a:hover .c-heading:before {
  background-image: url(/assets/img-leaf/icon/star-01-gray.svg);
}
.block-tab-a.type-okaka > .p-nav > li a.st-active .c-heading:before {
  background-image: url(/assets/img-leaf/icon/star-01-white.svg);
}
.block-tab-a.type-okaka > .p-nav > li a.st-active:hover .c-heading:before {
  background-image: url(/assets/img-leaf/icon/star-01-gray.svg);
}

/* 2 */

.block-tab-a.type-okaka > .p-nav > li.case-bookmark a.st-active {
  border-bottom: solid 3px #DCC200;
  background: #DCC200;
  color: #fff;
}
.block-tab-a.type-okaka > .p-nav > li.case-bookmark a .c-heading:before {
  background-image: url(/assets/img-leaf/icon/bookmark-01-mustard.svg);
}
.block-tab-a.type-okaka > .p-nav > li.case-bookmark a.st-active .c-heading:before {
  background-image: url(/assets/img-leaf/icon/bookmark-01-white.svg);
}
.block-tab-a.type-okaka > .p-nav > li.case-bookmark a:hover .c-heading:before {
  background-image: url(/assets/img-leaf/icon/bookmark-01-gray.svg);
}

/*  */

.block-tab-a.type-okaka > .p-nav > li a.st-active:hover { /* 最後のほうに */
  border-bottom: solid 3px #ccc;
  background: #ccc;
  color: #fff;
}


/* .block-tab-a.type-konbu
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-a.type-konbu > .p-nav a {
  background: #ccc;
}


/* .block-tab-b
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-b > .p-nav {
  width: 380px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  border-bottom: none;
  font-size: 18px;
}
.block-tab-b > .p-nav li {
  background: none;
}

.block-tab-b > .p-nav li a {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  background: #fff;
  color: #CCCCCC;
  border: solid 1px #ccc;
}

.block-tab-b > .p-nav li.case-coffee a:hover,
.block-tab-b > .p-nav li.case-coffee a.st-active {
  background: #cdf6ff;
  color: #2d4bc5;
  border: solid 1px #cdf6ff;
  opacity: 1;
}
.block-tab-b > .p-nav li.case-tea a:hover,
.block-tab-b > .p-nav li.case-tea a.st-active {
  background: #f8f3cb;
  color: #747610;
  border: solid 1px #f8f3cb;
  opacity: 1;
}
.block-tab-b > .unit-ut {
  padding: 0;
  border: none;
}
@media only screen and (max-width: 768px) {
  .block-tab-b > .p-nav {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* .block-tab-b.type-okaka
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-b.type-okaka > .p-nav li.case-coffee a:hover,
.block-tab-b.type-okaka > .p-nav li.case-coffee a.st-active {
  background: #ED95BC;
  color: #fff;
  border: solid 1px #ED95BC;
  opacity: 1;
}
.block-tab-b.type-okaka > .p-nav li.case-tea a:hover,
.block-tab-b.type-okaka > .p-nav li.case-tea a.st-active {
  background: #428CBF;
  color: #fff;
  border: solid 1px #428CBF;
  opacity: 1;
}


/* .block-tab-c
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-c > .p-nav {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: center;
  background: #fff;
}
.block-tab-c > .p-nav li {
  width: calc( (100% - 20px ) /2 );
  margin-left: 20px;
}
.block-tab-c > .p-nav li:first-child {
  margin-left: 0;
}
.block-tab-c > .p-nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px 10px 0 0;
  background: transparent;
  font-size: 1.8rem;
  color: #222;
  transition: 0s;
}
.block-tab-c > .p-nav > li a:hover,
.block-tab-c > .p-nav > li a.st-active {
  padding-top: 10px;
  background: #fff;
  border-top: solid #ddd 5px;
  border-right: solid #ddd 5px;
  border-left: solid #ddd 5px;
}
.block-tab-c > .p-nav li a .icon-ut {
  margin-right: 15px;
}
.block-tab-c > .unit-ut {
  margin-top: -5px;
  border-radius: 20px;
}
.block-tab-c > .unit-ut > .in-unit {
  border-radius: 16px;
}

@media only screen and (max-width: 834px) {
  .block-tab-c > .p-nav {
    width: calc( 100% - 30px );
  }
  .block-tab-c > .p-nav li {
    width: calc( (100% - 0px ) /2 );
    margin-left: 0;
  }
}

/* .block-tab-d
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-d > .p-nav {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  border-bottom: none;
  font-size: 18px;
}
.block-tab-d > .p-nav li {
  width: 150px;
  margin-left: 20px;
  background: none;
}
.block-tab-d > .p-nav li a {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background: #fff;
  color: #222;
  font-weight: 700;
  border: solid 2px #fff;
}
.block-tab-d > .p-nav li a.st-active {
  background: #2d4bc5;
  color: #fff;
  border: solid 2px #2d4bc5;
}
.block-tab-d > .p-nav li a:hover {
  background: #fff;
  color: #222;
  border: solid 2px #2d4bc5;
}

.block-tab-d > .unit-ut {
  border: none;
}
@media only screen and (max-width: 768px) {
}

/* .block-tab-e
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-tab-e.type-num-3 > .p-nav li {
  width: calc((100%) / 3);
}
.block-tab-e.type-num-4 > .p-nav li {
  width: calc((100%) / 4);
}
.block-tab-e.type-num-5 > .p-nav li {
  width: calc((100%) / 5);
}
.block-tab-e.type-num-6 > .p-nav li {
  width: calc((100%) / 6);
}
.block-tab-e.type-num-7 > .p-nav li {
  width: calc((100%) / 7);
}
.block-tab-e.type-num-8 > .p-nav li {
  width: calc((100%) / 8);
}
.block-tab-e.type-num-9 > .p-nav li {
  width: calc((100%) / 9);
}
.block-tab-e.type-num-10 > .p-nav li {
  width: calc((100%) / 10);
}

.block-tab-e > .p-nav > li a {
  border-bottom: solid 3px #D4D4D4;
  text-align: center;
}
.block-tab-e > .unit-ut {
  padding: 0;
  padding-top: 30px;
  border: none;
}
@media only screen and (max-width: 640px) {
  .block-tab-e.tab-ut > .p-nav {
    overflow-x: scroll;
  }
  .block-tab-e > .p-nav > li a {
    white-space: nowrap;
  }
  .block-tab-e[class*="type-num-"] > .p-nav.type-sp-bisect li {
    width: calc((100%) / 2);
  }
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Accordion
.accordion-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .accordion-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.accordion-ut {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.accordion-ut > .unit-ut {
  position: relative;
  transition: 0.4s;
}
.accordion-ut > .unit-ut > .p-main,
.accordion-ut > .unit-ut > .p-head > a {
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}
.accordion-ut > .unit-ut > .p-main {
  display: none;
}
.accordion-ut > .unit-ut.st-active > .p-main {
  display: block;
}

/* .p-head */

.accordion-ut > .unit-ut > .p-head > a {
  position: relative;
}
.accordion-ut > .unit-ut > .p-head > a:after,
.accordion-ut > .unit-ut > a:after {
  position: absolute;
  display: block;
  content: "";
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/arrow-01-down.svg);
  background-size: 100% auto;
}
.accordion-ut > .unit-ut.st-active > .p-head > a:after,
.accordion-ut > .unit-ut.st-active > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up.svg);
}

.accordion-ut > .unit-ut > .p-head > a:visited,
.accordion-ut > .unit-ut > .p-head > a {
  display: block;
  padding: 10px 35px 10px 20px;
  font-size: 2rem;
  color: #333;
  transition: 0.4s;
}
.accordion-ut > .unit-ut > .p-head > a:hover {
  background-color: rgba(30,30,30, 0.1);
  text-decoration: none;
}
@media only screen and (max-width: 640px) {
  .accordion-ut > .unit-ut > .p-head > a:visited,
  .accordion-ut > .unit-ut > .p-head > a {
    padding-left: 10px;
  }
}

/* .p-main */

.accordion-ut > .unit-ut > .p-main {
  padding: 24px 20px;
}
.accordion-ut > .unit-ut > .p-main > *:last-child,
.accordion-ut > .unit-ut > .p-main > .in-unit > *:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 640px) {
  .accordion-ut > .unit-ut > .p-main {
    padding: 20px 10px;
  }
}


/* .accordion-ut.block-accordion-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.accordion-ut.block-accordion-a {
  border-top: none;
  border-right: none;
  border-left: none;
}
.accordion-ut.block-accordion-a > .unit-ut {
  margin-bottom: 20px;
  /* border: 1px solid #ccc; */
  background: #D9D9D9;
  border-radius: 10px;
}
.accordion-ut.block-accordion-a > .unit-ut:last-child {
  margin-bottom: 0;
}

/*  */

.accordion-ut.block-accordion-a > .unit-ut > .p-main,
.accordion-ut.block-accordion-a > .unit-ut > .p-head > a {
  border-bottom: none;
  text-decoration: none;
}
.accordion-ut.block-accordion-a > .unit-ut.st-active > .p-main {
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 0 0 10px 10px;
}

/* .p-head */

.accordion-ut.block-accordion-a > .unit-ut > .p-head > a {
  border-radius: 10px;
}
.accordion-ut.block-accordion-a > .unit-ut > .p-head > a:hover {
  background: #727272;
  color: #fff;
}
.accordion-ut.block-accordion-a > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down-white.svg);
}
.accordion-ut.block-accordion-a > .unit-ut.st-active > .p-head > a {
  border-radius: 10px 10px 0 0;
  background: #727272;
  color: #fff;
}

.accordion-ut.block-accordion-a > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up-white.svg);
}

/* .type-okaka */

.accordion-ut.block-accordion-a.type-okaka > .unit-ut {
  background: #fff;
  border: 1px solid #ccc;
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut.st-active > .p-main {
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut > .p-head > a:hover {
  background: #fff;
  color: #333;
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down.svg);
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut.st-active > .p-head {
  border-bottom: 1px solid #ccc;
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut.st-active > .p-head > a {
  background: #fff;
  color: #333;
}
.accordion-ut.block-accordion-a.type-okaka > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up.svg);
}


/* .accordion-ut.block-accordion-b
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.accordion-ut.block-accordion-b {
  border-top: none;
  border-right: none;
  border-left: none;
}
.accordion-ut.block-accordion-b > .unit-ut {
  margin-bottom: 20px;
  border-radius: 10px;
}
.accordion-ut.block-accordion-b > .unit-ut:last-child {
  margin-bottom: 0;
}

/*  */

.accordion-ut.block-accordion-b > .unit-ut > .p-main,
.accordion-ut.block-accordion-b > .unit-ut > .p-head > a {
  border-bottom: none;
  text-decoration: none;
}

.accordion-ut.block-accordion-b > .unit-ut > .p-head > a {
  border-radius: 10px;
  background: #D9D9D9;
}
.accordion-ut.block-accordion-b > .unit-ut > .p-head > a:hover {
  background: #727272;
  color: #fff;
}
.accordion-ut.block-accordion-b > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down-white.svg);
}
.accordion-ut.block-accordion-b > .unit-ut.st-active > .p-head > a {
  background: #727272;
  color: #fff;
}

.accordion-ut.block-accordion-b > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up-white.svg);
}


.accordion-ut.block-accordion-b.type-okaka > .unit-ut > .p-head > a {
  background: #fff;
  border: 1px solid #ccc;
}
.accordion-ut.block-accordion-b.type-okaka > .unit-ut > .p-head > a:hover,
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a:hover,
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a {
  color: #333;
}
.accordion-ut.block-accordion-b.type-okaka > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down.svg);
}
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a:hover:after,
.accordion-ut.block-accordion-b.type-okaka > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up.svg);
}

/* .accordion-ut.block-accordion-c
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.accordion-ut.block-accordion-c {
  border-top: none;
  border-right: none;
  border-left: none;
}
.accordion-ut.block-accordion-c > .unit-ut {
  margin-bottom: 20px;
  /* border: 1px solid #ccc; */
  background: #fff;
  border-radius: 10px;
  box-shadow: 4px 4px 8px 0px rgba(34, 34, 34, 0.08);
}
.accordion-ut.block-accordion-c > .unit-ut:last-child {
  margin-bottom: 0;
}

/*  */

.accordion-ut.block-accordion-c > .unit-ut > .p-main,
.accordion-ut.block-accordion-c > .unit-ut > .p-head > a {
  border-bottom: none;
  text-decoration: none;
}
.accordion-ut.block-accordion-c > .unit-ut.st-active > .p-main {
  background: #fff;
  border-radius: 0 0 10px 10px;
}

.accordion-ut.block-accordion-c > .unit-ut > .p-head > a {
  border-radius: 10px;
}
.accordion-ut.block-accordion-c > .unit-ut > .p-head > a:hover {
  background: #727272;
  color: #fff;
  background-color: rgba(0,104,183,.15);
  color: #0068b7;
}
.accordion-ut.block-accordion-c > .unit-ut > .p-head > a:hover:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-down-blue.svg);
}
.accordion-ut.block-accordion-c > .unit-ut.st-active > .p-head > a {
  border-radius: 10px 10px 0 0;
  background: #727272;
  color: #fff;
}

.accordion-ut.block-accordion-c > .unit-ut.st-active > .p-head > a {
  background-color: rgba(0,104,183,.15);
  color: #0068b7;
}
.accordion-ut.block-accordion-c > .unit-ut.st-active > .p-head > a:after {
  background-image: url(/assets/img-leaf/icon/arrow-01-up-blue.svg);
}


/* .block-accordion-d
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-accordion-d > .unit-ut {
  border-radius: 10px;
}
.block-accordion-d > .unit-ut > .p-head {
  margin-bottom: 15px;
}
.block-accordion-d > .unit-ut > .p-main {
  display: none;
}

.block-accordion-d > .unit-ut > .p-head .c-heading a {
  border-radius: 10px;
  font-size: 2.4rem;
  color: #222;
  text-decoration: none;
}
.block-accordion-d > .unit-ut > .p-head .c-heading a:hover {
  text-decoration: none;
}
.block-accordion-d > .unit-ut > .p-head .c-heading .icon-ut {
  margin-right: 20px;
}
.block-accordion-d > .unit-ut > .p-head .c-control {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 40px 10px 10px;
  transition: 0.4s;
}
.block-accordion-d > .unit-ut > .p-head .c-control:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  content: "";
  background: url(/assets/img-leaf/icon/plus-01.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.block-accordion-d > .unit-ut > .p-head .c-control:hover,
.block-accordion-d > .unit-ut.st-active .p-head .c-control {
  background: #eee;
}
.block-accordion-d > .unit-ut.st-active .p-head .c-control:after {
  background-image: url(/assets/img-leaf/icon/minus-01.svg);
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Modal
.modal-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .modal-ut
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = =
Model
.model-skeleton
.model-plain
.model-squid
  .type-attention
  .type-caution
.model-joyful
.model-honest
.model-resilient
= = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = =  */


/* Model common
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* .type-out-of-bounds */

.panel-ut[class*="model-"].type-out-of-bounds,
.panel-ut[class*="model-"].type-out-of-bounds {
  margin-top: 100px;
}
.panel-ut.type-out-of-bounds .c-out-of-bounds {
  display: block;
  margin-top: -100px;
}
.panel-ut.type-out-of-bounds > .unit-ut {
  overflow: visible;
}


/* .model-skeleton
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 250530
.panel-ut.model-skeleton .card-ut.type-boron .c-pic {
  margin-bottom: 20px;
}
*/


/* .panel-ut.model-plain
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.model-plain > .unit-ut {
  height: auto;
  padding: 24px 40px;
  border-radius: 10px;
  border: solid 2px #ccc;
  background: #fff;
}
.panel-ut.model-plain > .unit-ut {
}



/* お知らせ座布団用 */
/* .panel-ut.model-squid
- - - - - - - - - - - - - - - - - - - - - - - - - - */


.panel-ut.model-squid .card-ut .c-heading {
  font-size: 2.4rem;
  margin-left: 20px;
}
.panel-ut.model-squid .card-ut .c-lead {
  margin-left: 20px;
}
.panel-ut.model-squid .card-ut.type-beryllium .c-lead {
  margin-left: 0;
}
.panel-ut.model-squid .card-ut.type-helium .c-pic {
  display: flex;
  align-items: center;
}

.panel-ut.model-squid .heading-ut-icon {
  margin-bottom: 10px;
}

/* 余白 */
/* .type-compact */

.panel-ut.model-squid.type-no-blankspace > .unit-ut {
  padding: 0;
  /* overflow: hidden; 250217 なくてよい？？ */
}
.panel-ut.model-squid.type-compact > .unit-ut {
  padding: 20px 15px;
}

/* バリエーション */

.panel-ut.model-squid.type-white > .unit-ut {
  background: #fff;
}

.panel-ut.model-squid.type-plain > .unit-ut {
  height: auto;
  padding: 24px 40px;
  border-radius: 10px;
  border: solid 2px #ccc;
  background: #fff;
}

.panel-ut.model-squid.type-terms > .unit-ut {
  height: auto;
  padding: 24px 40px;
  border-radius: 0px;
  border: solid 2px #F5F5F5;
  background: #fff;
}

.panel-ut.model-squid.type-okaka > .unit-ut {
  background: #eefee1;
}
.panel-ut.model-squid.type-attention > .unit-ut {
  background: #fef7e1;
  border: solid 2px #ffba0a;
}
.panel-ut.model-squid.type-caution > .unit-ut {
  background: #e1424f;
  color: #fff;
}
.panel-ut.model-squid.type-quote > .unit-ut {
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
}
.panel-ut.model-squid.type-quote > .unit-ut:before {
  position: absolute;
  display: block;
  top: 24px;
  left: 24px;
  width: 20px;
  height: 20px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.panel-ut.model-squid.type-quote > .unit-ut:before {
  background-image: url(/assets/img-leaf/icon/quote-01-black.svg);
}
.panel-ut.model-squid.type-quote > .unit-ut:after {
  position: absolute;
  display: block;
  top: 24px;
  right: 24px;
  width: 20px;
  height: 20px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.panel-ut.model-squid.type-quote > .unit-ut:after {
  background-image: url(/assets/img-leaf/icon/quote-02-black.svg);
}
@media only screen and (max-width: 640px) {
  .panel-ut.model-squid.type-quote > .unit-ut {
    padding: 60px 24px;
  }
  .panel-ut.model-squid.type-quote > .unit-ut:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .panel-ut.model-squid.type-quote > .unit-ut:after {
    left: 50%;
    right: auto;
    top: auto;
    bottom: 24px;
    transform: translateX(-50%);
  }
}


/* .model-joyful
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.model-joyful > .unit-ut {
  height: auto;
  padding: 24px 40px;
  border-radius: 10px;
  background: #eee;
}


/* .model-honest
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.model-honest > .unit-ut {
  height: auto;
  padding: 24px 40px;
  border-radius: 10px;
  background: #eee;
}


/* .model-resilient
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.panel-ut.model-resilient > .unit-ut {
  padding: 24px 40px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 640px) {
  .panel-ut.model-resilient > .unit-ut {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.panel-ut.model-resilient.type-frame > .unit-ut,
.panel-ut > .unit-ut.type-frame {
  border: solid 1px #D7D7D7;
}

.panel-ut.model-bonito.type-no-blankspace > .unit-ut {
  padding: 0;
  overflow: hidden;
}

.panel-ut.model-resilient.type-no-blankspace > .unit-ut .card-apple {
  background: none;
}
.panel-ut.model-resilient.type-no-blankspace > .unit-ut .card-apple .c-heading {
  font-weight: 700;
}



.panel-ut.model-resilient-a > .unit-ut {
  overflow: hidden;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.12);
}

.panel-ut.model-resilient-a > .unit-ut .card-apple {
  background: none;
}
.panel-ut.model-resilient-a > .unit-ut .card-apple .c-heading {
  font-weight: 700;
}


/*  = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = =
Block
- Comparison
- Plan Table
- Free
- News
- Gallery
- その他
    - datepicker
= = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = =  */


/* Comparison
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .block-comparison-two
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-comparison-two {
  border-radius: 10px;
  background: #F8F8F8;
}
.block-comparison-two > div:first-child {
  border-radius: 10px 0 0 10px;
  background: #e8f5ff;
}
.block-comparison-two .unit-ut .in-unit {
  padding: 30px 60px 30px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  .block-comparison-two > div:first-child {
    border-radius: 10px 10px 0 0;
  }
  .block-comparison-two .unit-ut:first-child .in-unit {
    padding-bottom: 60px;
  }
  .block-comparison-two .unit-ut:nth-child(2) .in-unit {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 640px) {
  .block-comparison-two .unit-ut .in-unit {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.block-comparison-two .heading-ut-icon {
  display: inline-block;
  padding-left: 64px;
  font-size: 2.4rem;
  font-weight: 700;
}

/* deco */

.block-comparison-two > div:first-child {
  position: relative;
}
.block-comparison-two > div:first-child:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 100%;
  width: 56px;
  height: 56px;
  margin-top: -28px;
  margin-left: -28px;
  content: "";
  background: url(/assets/img-leaf/icon/vs-circle-01-gray.svg) no-repeat 0 0;
  background-size: 100% auto;
}
@media only screen and (max-width: 834px) {
  .block-comparison-two > div:first-child:before {
    top: 100%;
    left: 50%;
  }
}


/* .block-comparison-two-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-comparison-two-a > .unit-ut > .box-ut {
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  border-right: solid 2px #d9d9d9;
  border-bottom: solid 2px #d9d9d9;
  border-left: solid 2px #d9d9d9;
}

.block-comparison-two-a .p-head.type-line-2  {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-comparison-two-a .c-heading  {
  font-size: 24px;
  text-align: center;
}

/* deco */

.block-comparison-two-a > div:first-child {
  position: relative;
}
.block-comparison-two-a > div:first-child:before {
  position: absolute;
  display: block;
  /* top: 50%; */ /* 241205 縦中央 */
  top: 0;
  left: 100%;
  width: 56px;
  height: 56px;
  /* transform: translate(-23px, -50%); */ /* 241205 縦中央 */
  transform: translate(-23px, 24px);
  content: "";
  background: url(/assets/img-leaf/icon/vs-circle-01-gray.svg) no-repeat 0 0;
  background-size: 100% auto;
}
@media only screen and (max-width: 834px) {
  .block-comparison-two-a > div:first-child:before {
    top: 100%;
    left: 50%;
    transform: translate(-50%, -45%);
  }
}


/* .block-comparison-two-card
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-comparison-two-card .c-visual {
  margin-bottom: 20px;
}
.block-comparison-two-card .card-ut.type-beryllium .c-lead {
  margin-top: 0;
}
.block-comparison-two-card .card-ut.type-beryllium {
  grid-template-columns: 60px 1fr;
}


/* .block-table-comparison-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-table-comparison-a > table {
  width: 100%;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  overflow: hidden;
}
.block-table-comparison-a > table th,
.block-table-comparison-a > table td {
  padding: 24px 15px;
  border-right: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  line-height: 1.5;
}
.block-table-comparison-a > table th:last-child,
.block-table-comparison-a > table td:last-child {
  border-right: none;
}
.block-table-comparison-a > table tbody tr:last-child th,
.block-table-comparison-a > table tbody tr:last-child td {
  border-bottom: none;
}
.block-table-comparison-a > table thead th {
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #d9d9d9;
  background: #999;
  color: #fff;
  text-align: center;
}
.block-table-comparison-a > table tbody th {
  background: #ddd;
  text-align: center;
}
.block-table-comparison-a > table tbody td {
  background: #f0f0f0;
  text-align: center;
}


/* .block-table-comparison-b
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-table-comparison-b > .c-unit {
  display: block;
  margin-bottom: 5px;
  text-align: right;
}
.block-table-comparison-b > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  overflow: hidden;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  table-layout: fixed;
}
.block-table-comparison-b > table th,
.block-table-comparison-b > table td {
  padding: 15px 15px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  line-height: 1.5;
}
.block-table-comparison-b > table th {
  border-bottom: solid 1px #fff;
  background: #D9D9D9;
  text-align: center;
}
.block-table-comparison-b > table tbody tr:last-child th {
  border-bottom: solid 1px #ccc;
}
.block-table-comparison-b > table td {
  text-align: center;
}

.block-table-comparison-b > table .case-a {
  color: #F40004;
  font-weight: 700;
  line-height: 1.2;
}
.block-table-comparison-b > table .case-a .c-sub {
  font-size: 14px;
  font-weight: 400;
}
.block-table-comparison-b > table .case-b {
  color: #FF7300;
  font-weight: 700;
  line-height: 1.2;
}
.block-table-comparison-b > table .case-b .c-sub {
  font-size: 14px;
  font-weight: 400;
}
.block-table-comparison-b > table .case-c {
  color: #727272;
  font-weight: 700;
  line-height: 1.2;
}
.block-table-comparison-b > table .case-c .c-sub {
  font-size: 14px;
  font-weight: 400;
}

.block-table-comparison-b > table td.c-highlight {
  font-weight: 700;
  background: #FFF4F9;
}
.block-table-comparison-b > table span.c-highlight {
  color: #E573AA;
  font-weight: 700;
}
.block-table-comparison-b > table col.col-head {
  width: 160px;
}


/* Block Plan Table
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .block-plan-b
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-b {
  display: flex;
  flex-direction: row;
}

.block-plan-b .head-frame {
  width: 150px;
  margin-top: 20px;
  /* background: #ccc; */
}
.block-plan-b .main-frame {
  display: flex;
  flex-direction: row;
  width: calc(100% - 150px);
  /* background: #bbb; */
}

/* 高さ */

@media only screen and (min-width: 641px) {
  .block-plan-b .p-main dd.type-line-2-sp-more,
  .block-plan-b .head-frame ul li.type-line-2-sp-more {
    min-height: 69px;
  }
  .block-plan-b .p-main dd.type-line-3-sp-more,
  .block-plan-b .head-frame ul li.type-line-3-sp-more {
    min-height: 93px;
  }
  .block-plan-b .p-main dd.type-line-4-sp-more,
  .block-plan-b .head-frame ul li.type-line-4-sp-more {
    min-height: 117px;
  }
}
@media only screen and (max-width: 640px) {
  .block-plan-b .p-main dd.type-line-2-sp,
  .block-plan-b .head-frame ul li.type-line-2-sp {
    min-height: 69px;
  }
  .block-plan-b .p-main dd.type-line-3-sp,
  .block-plan-b .head-frame ul li.type-line-3-sp {
    min-height: 93px;
  }
  .block-plan-b .p-main dd.type-line-4-sp,
  .block-plan-b .head-frame ul li.type-line-4-sp {
    min-height: 117px;
  }
}


@media only screen and (max-width: 834px) {
  .block-plan-b {
    display: block;
  }
  .block-plan-b .head-frame {
    width: 100%;
  }
  .block-plan-b .main-frame {
    display: block;
    width: 100%;
  }
}

/* .head-frame */

.block-plan-b .head-frame .c-heading {
  margin-bottom: 25px;
  padding-top: 5px;
  font-size: 4.2rem;
  font-weight: 800;
  text-align: center;
}
.block-plan-b .head-frame ul li {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
  padding: 10px 0px;
  font-weight: 700;
}

/* .main-frame */

/* 列 */

.block-plan-b .main-frame .unit-ut {
  position: relative;
  width: calc( (100% - 60px) / 3);
  margin-left: 20px;
}
.block-plan-b.type-bisect .main-frame .unit-ut {
  width: calc( (100% - 60px) / 2);
}
.block-plan-b.type-quarter .main-frame .unit-ut {
  width: calc( (100% - 60px) / 4);
}
@media only screen and (max-width: 834px) {
  .block-plan-b.type-quarter .main-frame .unit-ut,
  .block-plan-b.type-bisect .main-frame .unit-ut,
  .block-plan-b .main-frame .unit-ut {
    width: 100%;
    margin-left: 0;
    /* margin-bottom: 60px; */
  }
}

.block-plan-b .main-frame .unit-ut {
  position: relative;
  padding-top: 20px;
}
.block-plan-b .main-frame .unit-ut.badge-ut:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: 7px;
  transform: translateX(-50%);
  width: 120px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url(/assets/img-leaf/badge/recommended-01-black.svg);
}
.block-plan-b .main-frame .unit-ut.badge-ut.badge-recommended:after {
  background-image: url(/assets/img-leaf/badge/recommended-01-black.svg);
}

@media only screen and (max-width: 834px) {
  .block-plan-b .head-frame ul {
    display: none;
  }
}

/* .p-head */

.block-plan-b .p-head {
  position: relative;
  min-height: 173px;
  margin-bottom: 8px;
}
.block-plan-b .p-head .c-control {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  content: "";
  background: url(/assets/img-leaf/icon/arrow-01-down.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.block-plan-b .p-head .c-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 15px;
  background: #ddd;
  font-size: 4.0rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.block-plan-b .p-head a.c-heading {
  position: relative;
  color: #222;
  text-decoration: none;
  transition: 0.4s;
}
.block-plan-b .p-head a.c-heading:before {
  position: absolute;
  display: block;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.block-plan-b .p-head a.c-heading:before {
  background-image: url(/assets/img-leaf/icon/arrow-01-right.svg);
}
.block-plan-b .p-head a.c-heading:hover {
  background: #ccc;
  text-decoration: none;
}

.block-plan-b .p-head .c-info {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  padding: 10px 20px;
  background: #eee;
}
.block-plan-b .p-head .c-highlight {
  font-size: 24px;
}

/* .p-main */

.block-plan-b dl.p-main { /* dl */
  margin-bottom: 0;
}
.block-plan-b dl.p-main dd > *:last-child {
  margin-bottom: 0px;
}

.block-plan-b .p-main dd,
.block-plan-b .p-main dt {
  display: flex;
  align-items: center;
  justify-content: center; /* 両方必要 */
  text-align: center; /* 両方必要 */
}
.block-plan-b .p-main dd.type-left,
.block-plan-b .p-main dt.type-left {
  justify-content: left;
  text-align: left;
}
.block-plan-b .p-main dd.type-vertical-start,
.block-plan-b .p-main dt.type-vertical-start {
  align-items: start;
}
.block-plan-b .p-main dt {
  display: none;
  padding: 10px 20px;
}
.block-plan-b .p-main dd {
  margin-bottom: 8px;
  padding: 10px 10px;
  background: #eee;
}
.block-plan-b .p-main dd:last-child {
  margin-bottom: 0;
}
.block-plan-b .p-main .c-highlight {
  color: rgba(232,51,65, 1);
}

@media only screen and (max-width: 834px) {
  .block-plan-b .main-frame .unit-ut.st-active .c-control {
    background-image: url(/assets/img-leaf/icon/arrow-01-up.svg);
  }
  .block-plan-b .p-head .c-info {
    padding-bottom: 40px;
  }
  .block-plan-b .p-head .c-control {
    display: block;
  }
  .block-plan-b .p-main {
    display: none;
  }
  .block-plan-b .p-main dt {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .block-plan-b .head-frame .c-heading {
    font-size: 3.2rem;
  }
}

/* .variation-1xxx */

.block-plan-b.variation-1xxx .unit-ut.case-1xxx .p-head .c-heading {
  background: #ddf8f4;
}
.block-plan-b.variation-1xxx .unit-ut.case-2xxx .p-head .c-heading {
  background: #caeee7;
}
.block-plan-b.variation-1xxx .p-head .c-heading {
  background: #b0f0e7;
}

/* .block-plan-b.type-okaka
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-b.type-okaka .p-head {
  margin-bottom: 0;
}
.block-plan-b.type-okaka .p-main dd {
  margin-bottom: 0;
}


.block-plan-b.type-okaka .p-head {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.block-plan-b.type-okaka .p-main {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.block-plan-b.type-okaka.type-square .p-main,
.block-plan-b.type-okaka.type-square .p-head {
  border-radius: 0;
}

/* .block-plan-b.model-scroll
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-b.model-scroll .p-head .c-heading,
.block-plan-b.model-scroll .head-frame .c-heading {
  min-height: 85px;
}
.block-plan-b.model-scroll .head-frame .c-heading {
  min-height: 189px;
  margin-bottom: 0;
}

.block-plan-b.model-scroll .p-main dd,
.block-plan-b.model-scroll .head-frame ul li {
  min-height: 44px;
  margin-bottom: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.block-plan-b.model-scroll .head-frame .c-info {
  display: flex;
  align-items: center;
  min-height: 92px;
}
@media only screen and (max-width: 1140px) {
  .block-plan-b.model-scroll {
    display: flex;
    position: relative;
  }
  .block-plan-b.model-scroll .head-frame {
    position: absolute;
    left: 0;
    top: 20px; /* badge */
    width: 150px;
  }
  .block-plan-b.model-scroll .main-frame {
    display: flex;
    width: 1100px;
    margin-left: 150px;
    padding-top: 20px; /* badge */
    overflow-x: scroll;
  }

  /* .head-frame */

  .block-plan-b.model-scroll .head-frame ul {
    display: block;
  }

  /* .main-frame */

  .block-plan-b.model-scroll .p-head,
  .block-plan-b.model-scroll .main-frame .unit-ut {
    width: calc( ( 1100px - 150px - 20px - 20px ) / 3 );
  }
  .block-plan-b.model-scroll .main-frame .unit-ut:first-child {
    margin-left: 0;
  }
  .block-plan-b.model-scroll .p-head .c-info {
    min-height: 94px;
    padding-bottom: 15px;
  }
  .block-plan-b.model-scroll .p-head .c-control {
    display: none;
  }
  .block-plan-b.model-scroll .p-main {
    display: block;
  }
  .block-plan-b.model-scroll .p-main dt {
    display: none;
  }
} /* 1140px */

@media only screen and (max-width: 834px) {
  .block-plan-b.model-scroll.type-quarter .main-frame .unit-ut,
  .block-plan-b.model-scroll.type-bisect .main-frame .unit-ut,
  .block-plan-b.model-scroll .main-frame .unit-ut {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .block-plan-b.model-scroll .main-frame .unit-ut {
    width: 200px;
  }
  .block-plan-b.model-scroll .p-head {
    width: 200px;
  }
}


/* .block-plan-b.model-scroll.type-okaka
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-b.model-scroll.type-okaka .head-frame .c-heading {
  min-height: 85px;
}

/* 見出し */

.block-plan-b.model-scroll.type-okaka .head-frame .c-info,
.block-plan-b.model-scroll.type-okaka .p-head .c-info {
  min-height: 94px;
  padding-bottom: 15px;
}

/* 通常 */

.block-plan-b.model-scroll.type-okaka .p-main dd,
.block-plan-b.model-scroll.type-okaka .head-frame ul li {
  min-height: 44px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 高さ .type-okaka */

@media only screen and (min-width: 641px) {
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-2-sp-more,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-2-sp-more {
    min-height: 69px;
  }
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-3-sp-more,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-3-sp-more {
    min-height: 93px;
  }
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-4-sp-more,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-4-sp-more {
    min-height: 117px;
  }
}
@media only screen and (max-width: 640px) {
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-2-sp,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-2-sp {
    min-height: 69px;
  }
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-3-sp,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-3-sp {
    min-height: 93px;
  }
  .block-plan-b.model-scroll.type-okaka .p-main dd.type-line-4-sp,
  .block-plan-b.model-scroll.type-okaka .head-frame ul li.type-line-4-sp {
    min-height: 117px;
  }
}


/*  */

.block-plan-b.model-scroll.type-okaka dl.p-main dd:last-child {
  padding-bottom: 30px;
}
.block-plan-b.model-scroll.type-okaka.type-horizontal-rule .p-main dd {
  border-top: solid 1px #d3d3d3;
}


/* .block-plan-b.model-expand
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-b.model-expand .head-frame .c-heading {
  min-height: 83px;
  margin-bottom: 0px;
}
.block-plan-b.model-expand .head-frame .c-label-heading {
  min-height: 90px;
}
.block-plan-b.model-expand .head-frame ul li {
  background: #f0f0f0;
  margin-bottom: 8px;
  padding: 10px 20px;
}

.block-plan-b.model-expand .p-head {
  margin-bottom: 8px;
}

@media only screen and (max-width: 834px) {
  .block-plan-b.model-expand .head-frame {
    display: none;
  }
  .block-plan-b.model-expand .main-frame {
    display: block;
    width: 100%;
  }

  .block-plan-b.model-expand .head-frame ul {
    display: none;
  }
  .block-plan-b.model-expand .p-head .c-control {
    display: none;
  }
  .block-plan-b.model-expand .p-head .c-info {
    padding-bottom: 15px;
  }
  .block-plan-b.model-expand .p-main {
    display: flex;
    flex-wrap: wrap;
  }
  .block-plan-b.model-expand .p-main dt {
    display: block;
    width: calc( 50% - 15px );
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 10px 20px;
    background: #f3f3f3;
  }
  .block-plan-b.model-expand .p-main dd {
    width: 50%;
  }
}


/* .block-table-sticky-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-table-sticky-a > table {
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  /* border-top: solid 1px #d9d9d9; */
  /* border-left: solid 1px #d9d9d9; */
}
.block-table-sticky-a > table .col-head {
  width: 260px;
}
.block-table-sticky-a > table th,
.block-table-sticky-a > table td {
  padding: 10px 15px;
  border-right: solid 5px #fff;
  border-bottom: solid 5px #fff;
  line-height: 1.5;
  /* vertical-align: middle; */
}
.block-table-sticky-a > table th:last-child,
.block-table-sticky-a > table td:last-child {
  border-right: none;
}
.block-table-sticky-a > table tbody tr:last-child th,
.block-table-sticky-a > table tbody tr:last-child td {
  border-bottom: none;
}
.block-table-sticky-a > table th {
  background: #f0f0f0;
  text-align: center;
}
.block-table-sticky-a > table td {
  background: #f7f7f7;
}
.block-table-sticky-a > table thead th {
  padding-top: 15px;
  padding-bottom: 15px;
}
.block-table-sticky-a > table tbody th {
  text-align: left;
}

.block-table-sticky-a > table .c-cross {
  font-weight: 700;
}
.block-table-sticky-a > table .case-a {
  background: #d6e9ca;
}
.block-table-sticky-a > table .case-b {
  background: #fdeff2;
}
.block-table-sticky-a > table .c-x-large {
  font-size: 2.8rem;
}
.block-table-sticky-a > table .c-large {
  font-size: 2.4rem;
}

@media only screen and (max-width: 834px) {
  .block-table-sticky-a > table th,
  .block-table-sticky-a > table td {
    padding: 8px 15px;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    line-height: 1.5;
  }
  .block-table-sticky-a > table th:last-child,
  .block-table-sticky-a > table td:last-child {
    border-right: none;
  }
  .block-table-sticky-a > table tr:last-child th,
  .block-table-sticky-a > table tr:last-child td {
    border-bottom: none;
  }
}

/* スクロール */

@media only screen and (max-width: 834px) {
  .block-table-sticky-a {
    overflow-y: auto;
    height: 600px;
    width: 100%;
  }
  .block-table-sticky-a > table {
    width: 700px;
  }
  .block-table-sticky-a > table th {
    white-space: nowrap;
  }
  .block-table-sticky-a thead th {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1; /* 240704 必要 */
  }
  .block-table-sticky-a tbody th {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1; /* 240704 必要 */
  }
  .block-table-sticky-a thead th:first-child {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2; /* 240704 必要 */
  }
  .block-table-sticky-a > table .col-head {
    width: 160px;
  }  
}


/* .block-table-sticky-old-a.type-okaka
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-table-sticky-a.type-okaka > table th {
  background: #eef7fd;
}


/* Block Free
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .block-free-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-free-a {
  display: flex;
  flex-direction: row;
  padding: 24px 40px;
  background: #eee;
}
.block-free-a .p-head {
  width: 540px;
}
.block-free-a .p-main {
  width: calc(100% - 540px);
}

.block-free-a .p-head {
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-template-areas:
    "areaB areaA"
    "areaC areaA";
}
.block-free-a .p-head img {
  width: 100%;
}
.block-free-a .p-head .c-apple {
  grid-area: areaA;
}
.block-free-a .p-head .c-banana {
  grid-area: areaB;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}
.block-free-a .p-head .c-banana picture {
  width: 60px;
}
.block-free-a .p-head .c-banana .c-heading {
  font-size: 2.4rem;
  margin-left: 20px;
}
.block-free-a .type-height-match > li {
  height: 40px;
}
.block-free-a .p-head .c-carrot {
  grid-area: areaC;
}
.block-free-a .p-main .c-heading {
  font-size: 2.4rem;
  margin-bottom: 15px;
}

@media only screen and (max-width: 834px) {
  .block-free-a {
    display: block;
  }
  .block-free-a .p-head {
    width: 100%;
    grid-template-columns: 1fr 150px;
    margin-bottom: 20px;
  }
  .block-free-a .p-head .c-banana {
    margin-bottom: 10px;
  }

  .block-free-a .c-carrot .nav-ut-button ul li {
    margin-bottom: 10px;
  }


  .block-free-a .p-main {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .block-free-a {
    padding-left: 15px;
    padding-right: 15px;
  }
}


/* .block-plan-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-plan-a .p-head {
  text-align: center;
}
.block-plan-a .p-main .c-heading .c-text {
  display: block;
  font-weight: 700;
}


.block-plan-a .label-ut-discount.type-white-text {
  margin-right: 10px;
}


/* .block-document-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-document-a .head-frame {
  display: flex;
  align-items: center;
  padding: 30px 50px;
  border-radius: 20px 20px 0 0;
  background: #666;
  font-size: 2.4rem;
  color: #fff;
}
.block-document-a .head-frame .c-heading {
  margin-right: 20px;
}
.block-document-a .main-frame {
  padding: 30px 50px;
  border-radius: 0 0 20px 20px;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
  border-left: solid 1px #666;
}


/* = = = = = = = = = = = = = = = = = = = = = = = = = =
News
.news-ut-list
dl.news-ut-lineup
.news-ut-lineflow
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .news-ut-list
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.news-ut-list .unit-ut {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: dotted 1px #999;
  transition: background-color 0.3s;
}
.news-ut-list a.unit-ut:link,
.news-ut-list a.unit-ut:visited {
  text-decoration: none;
}
.news-ut-list a.unit-ut:hover,
.news-ut-list a.unit-ut:active {
  background: #f0f0f0;
}
.news-ut-list .unit-ut:nth-child(even) {
  /* background: #f0f0f0; */
}
.news-ut-list .unit-ut:last-child {
  /* border: none; */
}
.news-ut-list a.unit-ut.display-disabled {
  text-decoration: none;
}
.news-ut-list a.unit-ut.display-disabled:hover {
  text-decoration: none;
  color: #333;
}
.news-ut-list .unit-ut .meta {
  width: 120px;
  padding: 5px;
  font-size: 1.4rem;
}
.news-ut-list .unit-ut .c-heading {
  width: calc(100% - 120px);
  line-height: 1.7;
}
.news-ut-list .unit-ut .c-date {
  display: block;
  margin-bottom: 10px;
}

@media only screen and (max-width: 568px) {
  .news-ut-list .unit-ut .meta {
    width: auto;
    float: none;
    margin-right: 0;
    margin-bottom: 0.5em;
  }
  .news-ut-list .unit-ut .c-heading {
    margin-left: 0;
  }
}


/* dl.news-ut-lineup
- - - - - - - - - - - - - - - - - - - - - - - - - - */

dl.news-ut-lineup {
  display: flex;
  flex-wrap: wrap;
}
dl.news-ut-lineup dt {
  width: 100px;
  font-size: 1.4rem;
  line-height: 1.3;
}
dl.news-ut-lineup dd {
  width: calc( 100% - 100px );
  margin-bottom: 1em;
  font-size: 1.3rem;
  line-height: 1.3;
}
dl.news-ut-lineup dt:last-child,
dl.news-ut-lineup dd:last-child {
  margin-bottom: 0;
}
dl.news-ut-lineup.dt-large dt { width: 15em; }
dl.news-ut-lineup.dt-large dd { margin-left: 15em; }

/* .news-ut-bar
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.news-ut-bar .unit-ut {
  display: flex;
  justify-content: center;
}
.news-ut-bar .unit-ut .c-meta {
  display: flex;
  align-items: center;
  /* width: 40px; */
  padding-top: 0.5em;
  padding-right: 5px;
  padding-bottom: 0.5em;
  padding-left: 5px;
  font-size: 1.4rem;
  line-height: 1.3;
}
.news-ut-bar .unit-ut .c-heading {
  display: flex;
  align-items: center;
  /* width: calc( 100% - 40px ); */
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.3rem;
  line-height: 1.3;
}


/* .news-ut-lineflow
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.news-ut-lineflow .in-news {
  position: relative;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  height: 30px;
  margin-top: 10px;
  overflow: hidden;
}
.news-ut-lineflow .in-news:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 100px;
  content: "";
  background: url(/assets/img-leaf/pattern/shadow-01.png) repeat-y 0 0;
  background-size: 100% auto;
}
.news-ut-lineflow .unit-ut {
  position: absolute;
}
.news-ut-lineflow .p-main {
  position: absolute;
  left: 100px;
  top: 0px;
  padding: 6px 10px 5px;
  white-space: nowrap;
  font-size: 1.4rem;
}
.news-ut-lineflow .p-foot {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 30px;
  padding: 6px 10px 5px;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}


/* Gallery
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .gallery-ut-linear
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.gallery-ut-linear .swiper-wrapper {
  height: 300px;
}
.gallery-ut-linear .swiper-slide {
  width: auto !important;
}
.gallery-ut-linear .swiper-slide img {
  height: 100%;
}
.gallery-ut-linear .swiper-wrapper {
  transition-timing-function: linear;
}


/* その他
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* .block-datepicker-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-datepicker-a .start-date {
  display: flex;
  padding-left: 176px;
}
.block-datepicker-a .end-date {
  display: flex;
  padding-left: 80px;
}
.block-datepicker-a .end-date .c-label,
.block-datepicker-a .start-date .c-label {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 1.6rem;
  font-weight: 700;
}
@media only screen and (max-width: 640px) {
  .block-datepicker-a .end-date,
  .block-datepicker-a .start-date {
    display: block;
    padding-left: 0;
  }
  .block-datepicker-a .end-date .c-label,
  .block-datepicker-a .start-date .c-label {
    font-size: 20px;
  }
  .block-datepicker-a .end-date .c-label {
    margin-top: 20px;
  }
}

/* .block-datepicker-b
- - - - - - - - - - - - - - - - - - - - - - - - - - */



/* .block-belt-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-belt-a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 480px) {
  .block-belt-a > .unit-ut > [class*="card-ut"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 834px) {
  .block-belt-a > .unit-ut {
    width: 50%;
  }
  .block-belt-a > .unit-ut:first-child > [class*="card-ut"],
  .block-belt-a > .unit-ut:nth-child(2) > [class*="card-ut"] {
    padding-bottom: 0;
  }
}

/* .type-divider */

.block-belt-a.type-divider > .unit-ut {
  position: relative;
}
.block-belt-a.type-divider > .unit-ut:after {
  position: absolute;
  display: block;
  left: calc( 100% + 30px );
  top: 0;
  width: 1px;
  height: 100%;
  content: "";
  background: #595959;
}
.block-belt-a.type-divider > .unit-ut:nth-child(2):after {
  left: calc( 100% + 30px );
}
/* .block-belt-a.type-divider > .unit-ut:nth-child(even):after, */
.block-belt-a.type-divider > .unit-ut:last-child:after {
  display: none;
}

.block-belt-a.type-divider {
  padding-top: 30px;
  padding-bottom: 30px;
}
.block-belt-a.type-divider > .unit-ut > [class*="card-ut"] {
  padding-top: 0;
  padding-bottom: 0;
}

@media only screen and (max-width: 834px) {
  .block-belt-a.type-divider > .unit-ut {
    width: 50%;
  }
  .block-belt-a.type-divider > .unit-ut:after {
    left: calc( 100% + -10px );
  }
  .block-belt-a.type-divider > .unit-ut:nth-child(even):after,
  .block-belt-a.type-divider > .unit-ut:last-child:after {
    display: none;
  }
  .block-belt-a.type-divider > .unit-ut:first-child,
  .block-belt-a.type-divider > .unit-ut:nth-child(2) {
    margin-bottom: 20px;
  }
  .block-belt-a.type-divider.type-num-3 > .unit-ut:nth-child(3) {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 640px) {
  .block-belt-a.type-divider.type-num-3 > .unit-ut:nth-child(3) {
    width: 200px;
  }
}


/* .block-belt-c
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-belt-c {
  display: flex;
  justify-content: space-between;
  padding-left: 100px;
  padding-right: 100px;
}
.block-belt-c .card-ut.type-helium {
  grid-template-columns: auto 1fr;
}
.block-belt-c .card-ut.type-helium .c-pic img {
  height: 60px;
  width: auto;
  display: block;
}

/*  = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = = = =
Section

azalea
begonia
camellia
dahlia
eryngium
freesia
gladiolus

Standard
Joyful
Honest
Resilient
= = = = = = = = = = = = = = = = = = = = = = = = = = =
= = = = = = = = = = = = = = = = = = = = = = = = =  */


/* .section-ut
= = = = = = = = = = = = = = = = = = = = = = = = = = */

section.section-ut {
  margin-bottom: 80px;
}
.section-ut > *:last-child {
  margin-bottom: 0px;
}
.section-ut:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}




/* Visual
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/*
.section-visual
common before
- - - - - - - - - - - - - - - - - - - - - - - - - - */

[class*="section-visual"].type-radius .in-container {
  overflow: hidden;
  border-radius: 10px;
}
[class*="section-visual"].type-radius-20 .in-container {
  overflow: hidden;
  border-radius: 20px;
}
[class*="section-visual"].type-radius-30 .in-container {
  overflow: visible;
}

/*  */

.l-container.section-visual-bg {
  position: relative;
  overflow: visible;
}
.l-container.section-visual-bg.type-out-of-bounds {
}
.section-visual-bg .c-bg-01 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1440px;
  height: 460px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.section-visual-bg .c-bg-01 {
  background-image: url(/assets/img-leaf/pattern/bg-pattern-01.png);
}

@media only screen and (max-width: 640px) {
  .section-visual-bg .c-bg-01 {
    width: 100%;
  }
}

/* .section-visual-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-a {
  position: relative;
  height: 500px;
}
.section-visual-a .in-container {
  position: absolute;
  width: 1440px;
  height: 500px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1280px) {
  .section-visual-a .in-container {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .section-visual-a .in-container,
  .section-visual-a {
    height: 578px;
    padding-left: 0;
    padding-right: 0;
  }
  .section-visual-a .c-bg-02,
  .section-visual-a .c-bg-01 {
    display: none;
  }
}

.section-visual-a .c-bg-01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgba(27, 255, 99, 0.30);
}
.section-visual-a .c-bg-02 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgb(255 105 27 / 30%);
}

.section-visual-a h1.c-heading {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 200;
}
.section-visual-a h1.c-heading .c-text {
  display: block;
  font-size: 3.6rem;
  font-weight: 800;
}
.section-visual-a h1.c-heading .c-highlight {
  display: block;
  font-size: 3.6rem;
  font-weight: 800;
  margin-bottom: 40px;
}
.section-visual-a h1.c-heading .c-sub {
  display: block;
  font-size: 1.8rem;
}

@media only screen and (max-width: 640px) {
  .section-visual-a h1.c-heading {
    position: relative;
    top: 0;
    padding-top: 30px;
    margin-bottom: 20px;
    color: #222;
  }
  .section-visual-a h1.c-heading .c-text {
    font-size: 2.4rem;
  }
  .section-visual-a h1.c-heading .c-highlight {
    margin-bottom: 20px;
    font-size: 2.4rem;
    color: rgb(27 255 99);
  }
  .section-visual-a h1.c-heading .c-sub {
    font-size: 1.8rem;
  }
}

/*  */

.section-visual-a .c-bg-04,
.section-visual-a .c-bg-03 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-visual-a .c-bg-04 img,
.section-visual-a .c-bg-03 img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

@media only screen and (max-width: 640px) {
  .section-visual-a .c-bg-04 img,
  .section-visual-a .c-bg-03 img {
    width: 100%;
    height: auto;
  }
}

.section-visual-a .p-main-01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
}
@media only screen and (max-width: 640px) {
  .section-visual-a .p-main-01 {
    position: relative;
    width: 100%;
    height: 200px;
  }
}

/*  */

.section-visual-a .p-main-02 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  z-index: 100;
}
@media only screen and (max-width: 640px) {
  .section-visual-a .p-main-02 {
    position: relative;
    left: 0;
    width: 100%;
    height: 200px;
  }
}

/*  */

.section-visual-a .nav-ut-handling {
  position: absolute;
  bottom: 40px;
}
.section-visual-a .nav-ut-handling li.c-heading {
  margin-bottom: 10px;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
}
.section-visual-a .nav-ut-handling.type-vertical li {
  z-index: 1; /* 250130 これがないと消えて（裏にいって）しまう。値はなんでもよいかも */
}

.section-visual-a .button-ut {
  width: 420px;
}
@media only screen and (min-width: 641px) {
  .section-visual-a .nav-ut-handling li.c-sub {
    display: none;
  }
}
@media only screen and (max-width: 920px) { /* (20 + 420 + 20)*2 = 920 */
  .section-visual-a .button-ut {
    width: 100%;
  }
  .section-visual-a .nav-ut-handling li.c-button .button-ut > .in-button:before {
    left: 15px;
    width: 32px;
    height: 32px;
  }
  .section-visual-a .nav-ut-handling li.c-button .button-ut > .in-button:after {
    right: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .section-visual-a .nav-ut-handling {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .section-visual-a .nav-ut-handling li.c-sub {
    margin-bottom: 0;
    color: #fff;
  }
  .section-visual-a .nav-ut-handling li.c-button .button-ut {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
  }
  .section-visual-a .nav-ut-handling li.c-button .button-ut .c-sub,
  .section-visual-a .nav-ut-handling li.c-button .button-ut .c-highlight,
  .section-visual-a .nav-ut-handling li.c-button .button-ut > .in-button:before {
    display: none;
  }
}


/* .section-visual-b
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-b {
  position: relative;
  background: #f7f7f7;
}
.section-visual-b .in-container {
  height: 275px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}

.section-visual-b .c-heading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
.section-visual-b .c-heading.type-icon {
  margin-top: 30px;
}
.section-visual-b .c-heading.type-icon:before {
  position: absolute;
  display: block;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/help-01-black.svg);
  background-size: 100% auto;
}

.section-visual-b .c-heading .c-text {
  display: block;
  margin-bottom: 15px;
  font-size: 3.6rem;
  font-weight: 700;
}
.section-visual-b .c-heading .c-sub {
  font-size: 2.1rem;
}
@media only screen and (max-width: 640px) {
  .section-visual-b .c-heading .c-text {
    font-size: 2.1rem;
  }
  .section-visual-b .c-heading .c-sub {
    font-size: 1.6rem;
  }
}
.section-visual-b .c-parts-01 {
  position: absolute;
  left: 50%;
  /* top: 50%; 縦真ん中 */
  top: 0;
  /* transform: translate(-50%, -50%); 縦真ん中 */
  transform: translateX(-50%);
  width: 1440px;
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/pattern/deco-1300-300.svg);
  background-size: auto 100%;
}
.section-visual-b .c-bg-gradation-01 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1440px;
  height: 360px;
  background: linear-gradient(93deg, rgba(247, 247, 247, 0.50) -1.11%, #E9FCFC 61.36%);
}
.section-visual-b .c-bg-gradation-02 {
  position: absolute;
  left: 1200px;
  top: 50%;
  transform: translateY(-50%);
  width: 1440px;
  height: 360px;
  background: #E9FCFC;
}


/* .section-visual-b.variation-01
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-b.variation-01 {
  overflow: visible;
}

.section-visual-b.variation-01 .c-bg-gradation-02,
.section-visual-b.variation-01 .c-bg-gradation-01,
.section-visual-b.variation-01 .in-container {
  height: 340px;
}
@media only screen and (max-width: 834px) {
  .section-visual-b.variation-01 .c-bg-gradation-02,
  .section-visual-b.variation-01 .c-bg-gradation-01,
  .section-visual-b.variation-01 .in-container {
    height: 700px;
  }
}

.section-visual-b.variation-01 .c-parts-01 {
  height: 500px;
  background-position: center 0;
  background-image: url(/assets/img-leaf/pattern/deco-01-1440-500.svg);
  background-size: 100% auto;
}
@media only screen and (max-width: 640px) {
  .section-visual-b.variation-01 .c-parts-01 {
    background-image: url(/assets/img-leaf/pattern/deco-01-sp.svg);
    background-size: auto 100%;
  }
}

.section-visual-b.variation-01 .in-container > .c-heading,
.section-visual-b.variation-01 .in-container > div {
  position: absolute;
  z-index: 200;
}
.section-visual-b.variation-01 .in-container > [class*="c-bg-gradation"] {
  z-index: 100;
}

.section-visual-b.variation-01 .c-bg-gradation-01 {
  top: 0;
  transform: translate(-50%, 0);
}
.section-visual-b.variation-01 .c-bg-gradation-02 {
  top: 0;
  transform: translate(0, 0);
}

.section-visual-b.variation-01 .in-container > .c-heading {
  top: 50px;
  transform: translate(-50%, 0);
}
.section-visual-b.variation-01 .panel-ut[class*="model-"] {
  width: calc( 100% - 200px );
  margin-top: 170px;
  margin-left: 100px;
  margin-right: 100px;
}
@media only screen and (max-width: 1140px) {
  .section-visual-b.variation-01 .panel-ut[class*="model-"] {
    width: calc( 100% - 40px );
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 834px) {
  .section-visual-b.variation-01 .panel-ut[class*="model-"] {
    flex-direction: column;
    width: calc( 100% - 40px );
  }
  .section-visual-b.variation-01 .panel-ut[class*="model-"] > .unit-ut {
    width: 260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (max-width: 834px) {
  .section-visual-b.variation-01 .panel-ut[class*="model-"] {
    margin-top: 210px;
  }
}


/* .section-visual-b.variation-02
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-b.variation-02 .heading-ut-icon {
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  width: 100%;
}
.section-visual-b.variation-02 .c-lead {
  position: absolute;
  left: 50%;
  top: 210px;
  transform: translateX(-50%);
  width: 100%;
  font-size: 2.0rem;
  font-weight: 700;
  text-align: center;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
  .section-visual-b.variation-02 .heading-ut-icon {
    top: -30px;
  }
  .section-visual-b.variation-02 .c-lead {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/*
.section-visual-c
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-c {
  position: relative;
  min-height: 366px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 120%;
}
.section-visual-c.l-container.type-bg-image {
  background-size: auto 100%;
}
.section-visual-c .in-container {
  height: 550px;
}
.section-visual-c.type-out-of-bounds {
  
}

@media only screen and (max-width: 834px) {
  .section-visual-c.l-container.type-bg-image {
    background-position: -820px 0;
  }
  .section-visual-c .in-container {
    height: 510px;
    padding: 0;
  }
}

/* .p-main */

.section-visual-c .p-main {
  width: 515px;
  height: inherit;
  padding-left: 50px;
  padding-top: 80px;
  background: rgba(27, 255, 99, 0.55);
}

.section-visual-c h1.c-heading {
  margin-bottom: 15px;
  font-size: 3.8rem;
  font-weight: 800;
  color: #fff;
}
.section-visual-c h1 .c-highlight {
  position: relative;
  display: inline-flex;
  font-size: 7.6rem;
  line-height: 1;
}
.section-visual-c h1 .c-highlight::before {
  position: absolute;
  display: block;
  content: "";
  top: 13px;
  right: -36px;
  width: 34px;
  height: 34px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/star-01-mustard.svg);
  background-size: 100% auto;
}
.section-visual-c h1 .c-medium {
  font-size: 4.6rem;
}

.section-visual-c a.button-ut.c-primary {
  padding-left: 40px;
  padding-right: 40px;
}
.section-visual-c a.button-ut.c-secondary {
  padding-left: 40px;
  padding-right: 40px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.section-visual-c a.button-ut.c-secondary:hover {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 4px 4px 14px 0px rgba(0, 0, 0, 0.15);
}

.section-visual-c .p-main .c-info {
  width: 340px;
  margin-bottom: 20px;
}
.section-visual-c .p-main .c-info {
  width: 340px;
  margin-bottom: 20px;
}

.section-visual-c .p-main .list-ut-icon {
  margin-top: 30px;
  margin-bottom: 30px;
}
.section-visual-c .p-main .list-ut-icon li {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 700;
}
.section-visual-c .p-main .list-ut-icon > li:before {
  top: 7px;
  background-image: url(/assets/img-leaf/icon/check-01-black.svg);
}
.section-visual-c .p-main .nav-ut-button.type-left ul li {
  margin-right: 20px;
}

@media only screen and (max-width: 834px) {
  .section-visual-c .p-main {
    width: auto;
    margin-top: 120px;
    padding: 60px 15px 20px;
  }
  .section-visual-c h1.c-heading {
    font-size: 3.0rem;
  }
  .section-visual-c h1 .c-highlight {
    font-size: 6.8rem;
  }
  .section-visual-c h1 .c-medium {
    font-size: 4.2rem;
  }
  .section-visual-c a.button-ut {
    font-size: 1.8rem;
  }
  .section-visual-c .p-main .c-info {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .section-visual-c .p-main .list-ut-icon li {
    font-size: 1.8rem;
  }
  .section-visual-c .nav-ut-button {
    margin-top: 30px;
  }
  .section-visual-c .nav-ut-button ul {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .section-visual-c .nav-ut-button ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .section-visual-c .nav-ut-button ul li:last-child {
    margin-bottom: 0px;
  }
  .section-visual-c .p-main .nav-ut-button.type-left ul li {
    margin-right: 0px;
  }
}

/* .p-sub */

.section-visual-c .p-sub {
  position: absolute;
  right: 30px;
  bottom: 70px;
  width: 197px;
}
@media only screen and (max-width: 834px) {
  .section-visual-c .p-sub {
    right: 10px;
    top: -110px;
    bottom: auto;
    width: 150px;
  }
}



/* .section-visual-d
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-d {
  position: relative;
  min-height: 366px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 120%;
}
.section-visual-d .in-container {
  height: 550px;
}

/*  */

.section-visual-d .c-bg-01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgb(220 220 220 / 50%);
}
.section-visual-d .c-bg-02 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 50%;
  height: 100%;
  background: rgb(204 204 204 / 50%);
}

/*  */

.section-visual-d h1.c-heading {
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translateX(-50%);
  margin-bottom: 15px;
  font-size: 5rem;
  font-weight: 800;
  color: #555;
}
.section-visual-d h1 .c-highlight {
  position: relative;
  display: inline-flex;
  font-size: 5rem;
  line-height: 1;
}
.section-visual-d h1 .c-highlight::before {
  position: absolute;
  display: block;
  content: "";
  top: -24px;
  right: -50px;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/star-01-mustard.svg);
  background-size: 100% auto;
}

/*  */

.section-visual-d [class*="c-parts"] img {
  width: 100%;
}

.section-visual-d .c-parts-01 { /* 画像文字 */
  position: absolute;
  left: 50%;
  top: 180px;
  width: 500px;
  transform: translateX(-50%);
}

@media only screen and (max-width: 640px) {
  .section-visual-d .c-parts-01 {
    width: 90%;
  }
}

/*  */

.section-visual-d .c-parts-03-pic,
.section-visual-d .c-parts-02-pic,
.section-visual-d .c-parts-03,
.section-visual-d .c-parts-02 {
  position: absolute;
  display: flex;
  align-items: center;
  top: 300px;
  width: 200px;
  padding-left: 20px;
  font-size: 2.4rem;
}
.section-visual-d .c-parts-02-pic,
.section-visual-d .c-parts-02 {
  left: 50%;
  transform: translateX(-100%);
  /* background: #ccc; */
}
.section-visual-d .c-parts-03-pic,
.section-visual-d .c-parts-03 {
  left: 50%;
  /* background: #ddd; */
}
.section-visual-d .c-parts-03 img,
.section-visual-d .c-parts-02 img {
  width: 64px;
  margin-right: 10px;
}

/* .c-parts-02, .c-parts-03 pic */

@media only screen and (max-width: 640px) {
  .section-visual-d .c-parts-03,
  .section-visual-d .c-parts-02 {
    flex-direction: column;
  }
  .section-visual-d .c-parts-03 img,
  .section-visual-d .c-parts-02 img {
    margin-right: 0;
  }
}

/* 脇にある画像 */

.section-visual-d .c-parts-04 {
  position: absolute;
  left: 60px;
  bottom: 5px;
  width: 200px;
}
.section-visual-d .c-parts-05 {
  position: absolute;
  right: 60px;
  bottom: 5px;
  width: 200px;
}
@media only screen and (max-width: 1100px) { /*  */
  .section-visual-d .c-parts-04 {
    left: 10px;
    width: 230px;
  }
  .section-visual-d .c-parts-05 {
    width: 230px;
  }
}
@media only screen and (max-width: 834px) { /*  */
  .section-visual-d .c-parts-05,
  .section-visual-d .c-parts-04 {
    display: none;
  }
}

.section-visual-d .nav-ut-handling {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
}


/* .section-visual-e
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-e.l-container.adjust-blankspace .in-container {
  padding-top: 0px;
  padding-bottom: 0px;
}


.section-visual-e.type-radius .in-container {
  overflow: hidden;
  border-radius: 10px;
}
.section-visual-e.type-radius-20 .in-container {
  overflow: hidden;
  border-radius: 20px;
}


.section-visual-e .p-main {
  padding-top: 40px;
}
@media only screen and (max-width: 1140px) {
  .section-visual-e .in-container {
    width: calc( 100% - 40px );
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 834px) {
  .section-visual-e .unit-ut:first-child {
    margin-bottom: 20px;
  }
  .section-visual-e .p-main {
    padding-top: 0px;
  }
}

/*  */

.section-visual-e .c-heading.c-deco {
}



/* .section-visual-f
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-f {
  position: relative;
}
.section-visual-f .in-container {
  height: 400px;
}
.section-visual-f .c-bg-01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 711px;
  aspect-ratio: 16 / 9;
  transform: translateX(-300px);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 100%;
}
.section-visual-f .p-main {
  position: absolute;
  left: 450px;
  top: 0;
  height: 100%;
  padding-top: 40px;
}
.section-visual-f .p-main .c-heading {
  margin-bottom: 24px;
}

@media only screen and (max-width: 834px) {
  .section-visual-f .in-container {
    height: auto;
  }
  .section-visual-f .c-bg-01 {
    position: relative;
    width: 100%;
    transform: translateX(0px);
  }
  .section-visual-f .p-main {
    position: relative;
    left: 0;
  }
}



/* .section-visual-g
背景写真。わりと自由
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-g {
  position: relative;
  min-height: 360px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 120%;
}



/* .section-visual-h
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-h {
  position: relative;
}
.section-visual-h.l-container.adjust-blankspace .in-container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
.section-visual-h .card-ut-title-label {
  margin-bottom: 24px;
}



.section-visual-h .nav-ut-horizontal {
  position: absolute;
  right: 0;
  top: 35px;
}
.section-visual-h .nav-ut-horizontal.type-proportional > li > a {
  height: auto;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.section-visual-h .nav-ut-horizontal.type-proportional > li:last-child > a {
  padding-right: 0;
}
.section-visual-h .nav-ut-horizontal.type-proportional > li > a:hover {
  background: none;
  text-decoration: underline;
}

@media only screen and (max-width: 834px) {
  .section-visual-h .in-container > .panel-ut > .unit-ut {
    margin-bottom: 10px;
  }
  .section-visual-h .in-container .p-main .c-title {
    margin-bottom: 10px;
  }
  .section-visual-h .in-container .p-main .c-label .c-pic {
    width: 100px !important;
  }
  
  .section-visual-h .in-container .p-main .c-label .type-line-1 {
    white-space: nowrap;
  }

  


  .section-visual-h .nav-ut-horizontal {
    display: none;
  }
  .section-visual-h.l-container.adjust-blankspace .in-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}


/* .section-visual-i
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-visual-i {
  position: relative;
  min-height: 366px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 100%;
}
.section-visual-i .in-container {
  height: 550px;
}

/*  */

.section-visual-i .c-bg-01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(220 220 220 / 50%);
}

.section-visual-i h1.c-heading {
  position: absolute;
  left: 50%;
  top: 200px;
  transform: translateX(-50%);
  margin-bottom: 15px;
  font-size: 5rem;
  font-weight: 800;
  color: #555;
}
.section-visual-i h1 .c-highlight {
  position: relative;
  display: inline-flex;
  font-size: 5rem;
  line-height: 1;
}
.section-visual-i h1 .c-highlight::before {
  position: absolute;
  display: block;
  content: "";
  top: -24px;
  right: -50px;
  width: 48px;
  height: 48px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/img-leaf/icon/star-01-mustard.svg);
  background-size: 100% auto;
}

@media only screen and (max-width: 640px) {
  .section-visual-i h1.c-heading {
    width: calc( 100% - 20px );
    text-align: center;
  }
}

/*  */

.section-visual-i [class*="c-parts"] img {
  width: 100%;
}

.section-visual-i .c-parts-01 { /* 画像文字 */
  position: absolute;
  left: 50%;
  top: 300px;
  width: 500px;
  transform: translateX(-50%);
}

@media only screen and (max-width: 640px) {
  .section-visual-i .c-parts-01 {
    top: 340px;
    width: calc( 100% - 20px );
  }
}

.section-visual-i .c-parts-02 { /* 挿絵画像 */
  position: absolute;
  left: 60px;
  bottom: 20px;
  width: 240px;
}
@media only screen and (max-width: 640px) {
  .section-visual-i .c-parts-02 {
    left: 50%;
    top: 30px;
    bottom: auto;
    width: 140px;
    transform: translateX(-50%);
  }
}

.section-visual-i .block-belt-c {
  position: absolute;
  left: 50%;
  top: 30px;
  width: 700px;
  transform: translateX(-50%);
}
.section-visual-i .block-belt-c {
  padding: 10px 60px;
  border: solid 1px #fff;
  border-radius: 10px;
}
@media only screen and (max-width: 640px) {
  .section-visual-i .block-belt-c {
    display: none;
  }
}
.section-visual-i .nav-ut-handling {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
}


/* .section-visual-xxx
common after
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/*
高さ
- - - - - - - - - - - - - - - - - - - - - - - - - - */

[class*="section-visual"].adjust-h240 .in-container {
  height: 240px;
}
[class*="section-visual"].adjust-h280 .in-container {
  height: 280px;
}
.section-visual-b.variation-02 .c-parts-01,
[class*="section-visual"].adjust-h320 .in-container {
  height: 320px;
}
[class*="section-visual"].adjust-h360 .in-container {
  height: 360px;
}

@media only screen and (max-width: 640px) {
  [class*="section-visual"].adjust-h240-sp .in-container {
    height: 240px;
  }
  [class*="section-visual"].adjust-h280-sp .in-container {
    height: 280px;
  }
  [class*="section-visual"].adjust-h440-sp .in-container {
    height: 440px;
  }
}


/* Bar
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/*
.section-bar-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-bar-a {
  color: #fff;
}


/* Belt
= = = = = = = = = = = = = = = = = = = = = = = = = = */


/* Bottom Menu
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .section-bottom-menu-a
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-bottom-menu-a {
  position: relative;
}
.section-bottom-menu-a .c-logo {
  width: 200px;
  margin-bottom: 40px;
}

.section-bottom-menu-a .p-head {
  display: flex;
  justify-content: space-between;
  min-height: 70px;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: solid 1px #ccc;
}
.section-bottom-menu-a .p-head .c-heading {
  display: flex;
  align-items: center;
}
.section-bottom-menu-a .p-head .c-heading .c-link {
  font-size: 1.8rem;
  font-weight: 700;
}
.section-bottom-menu-a .p-head .c-heading .c-sub {
  margin-left: 10px;
  font-size: 1.2rem;
}
.section-bottom-menu-a .p-head .c-nav {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.section-bottom-menu-a .p-head .c-nav li {
  margin-left: 20px;
}
.section-bottom-menu-a .p-head .c-nav a:not(.button-ut) {
  display: inline-block;
  margin-top: 3px;
}
.section-bottom-menu-a .p-head .c-nav .button-ut {
  padding: 5px 15px;
}

.section-bottom-menu-a .p-head h3.c-heading {
  font-size: 20px;
}
.section-bottom-menu-a .p-head h3.c-heading span {
  font-size: 12px;
}

.section-bottom-menu-a .level-2 h4.c-heading {
  position: relative;
  /* padding-left: 13px; */
  font-size: 1.6rem;
  font-weight: 700;
}
/*　250620 見出しのポッチ
.section-bottom-menu-a .level-2 h4.c-heading:before {
  position: absolute;
  display: block;
  left: 0px;
  top: 7px;
  width: 4px;
  height: 2px;
  content: "";
  background: #222;
}
*/
.section-bottom-menu-a .level-2 ul.list-ut-mark.type-bar > li {
  padding: 6px 0 6px 12px;
  line-height: 1.2;
}
.section-bottom-menu-a .level-2 ul.list-ut-mark.type-bar > li:before {
  left: 0px;
  top: 12px;
  width: 4px;
  height: 1px;
  background: #737373;
}
.section-bottom-menu-a .level-2 li {
  font-size: 1.4rem;
}


/* .section-terms
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.section-terms h2.heading-ut {
  margin-top: 24px;
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: 700;
}
.section-terms h3.heading-ut {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 0;
  border-top: none;
  font-size: 1.8rem;
  font-weight: 700;
}
.section-terms h3.heading-ut::after {
  display: none;
}
.section-terms h4.heading-ut {
  margin-bottom: 4px;
  padding-left: 0;
  border-left: none;
  font-weight: 700;
}
.section-terms .paragraph-ut {
  margin-bottom: 16px;
}
/* Writing
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.writing-ut {
  line-height: 1.8;
}

.writing-ut .key-visual {
  display: block;
  margin-bottom: 40px;
}

.ut5-anchor-list,
.writing-ut ul,
.writing-ut ol,
.writing-ut p,
.writing-ut h1 {
  margin-bottom: 24px;
  margin-bottom: 40px; /* 250424 try */
}
.writing-ut table {
  margin-top: 24px;
}
.writing-ut .clause-set-ut {
  margin-bottom: 40px;
}
.writing-ut .clause-ut {
  margin-top: 40px;
  margin-bottom: 40px;
}
.writing-ut .clause-ut.type-gist {
  margin-top: 24px;
  margin-top: 40px; /* 250424 try */
  margin-bottom: 24px;
  margin-bottom: 40px; /* 250424 try */
}

.writing-ut table,
.writing-ut blockquote,
.writing-ut pre,
.writing-ut h6,
.writing-ut h5,
.writing-ut h4,
.writing-ut h3,
.writing-ut h2 {
  margin-bottom: 24px;
  margin-bottom: 40px; /* 250424 try */
}

.writing-ut h1 {
  font-size: 3.0rem;
  line-height: 1.4;
  font-weight: normal;
}

.writing-ut h2 {
  position: relative;
  margin-top: 56px;
  margin-bottom: 32px;
  margin-bottom: 40px; /* 250424 try */
  padding-top: 15px;
  border-top: 2px solid #eee;
  font-size: 2.8rem;
}
.writing-ut h2:after {
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #2d4bc5;
  content: "";
}

.writing-ut h3 {
  font-size: 2.1rem;
  font-weight: bold;
}

.writing-ut h4 {
  font-size: 1.6rem;
  font-weight: bold;
}
.writing-ut h5 {
  font-size: 1.6rem;
}
.writing-ut h6 {
  font-size: 1.4rem;
}

/* .p-meta */

.writing-ut .p-meta {
  font-size: 1.4rem;
  text-align: right;
  margin-bottom: 40px;
}

.writing-ut ul.c-hashtag {
  margin-bottom: 5px;
}
.writing-ut ul.c-hashtag li {
  display: inline;
  padding-left: 10px;
}
.writing-ut ul.c-hashtag li:before {
  display: none;
}

.writing-ut .c-date {
  margin-bottom: 5px;
}


.writing-ut .p-meta > *:last-child {
  margin-bottom: 0px;
}

/* .main-visual */

.writing-ut .p-introduction {
  margin-bottom: 40px;
}
.writing-ut .p-introduction .c-pic {
  display: block;
  margin-bottom: 40px;
}

/* .p-table-of-contents */

.writing-ut .p-table-of-contents {
  position: relative;
  margin-bottom: 40px;
  padding: 15px 20px 15px 20px;
  background: #eee;
}
.writing-ut .p-table-of-contents .c-control {
  position: absolute;
  right: 25px;
  top: 20px;
}
.writing-ut .p-table-of-contents ul {
  margin-bottom: 0;
}
.writing-ut .p-table-of-contents ul li {
  position: relative;
  display: block;
  background: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.writing-ut .p-table-of-contents ul li:before {
  display: none;
}
.writing-ut .p-table-of-contents ul li:last-child {
  margin-bottom: 0;
}
.writing-ut .p-table-of-contents ul li.level-2 {
  margin-left: 20px;
}
.writing-ut .p-table-of-contents ul li.level-3 {
  margin-left: 40px;
}
.writing-ut .p-table-of-contents ul li a {
  display: inline-block;
  padding: 5px 10px 5px 25px;
  text-decoration: none;
  transition: background-color 0.4s;
}
.writing-ut .p-table-of-contents ul li a:after {
  display: block;
  position: absolute;
  top: 9px;
  left: 6px;
  width: 16px;
  height: 16px;
  content: "";
  background: url(/assets/img-leaf/icon/anchor-01.svg) no-repeat 0 0;
  background-size: 13px auto;
}
.writing-ut .p-table-of-contents ul li a:hover {
  background: #ddd;
}






/*  */

/* 250622 highlight.js 導入により不要
.writing-ut pre {
  width: 100%;
  font-family: 'Source Code Pro', sans-serif;
  font-size: 14px;
  background: #f7f7f7;
  border: solid 1px #eee;
  padding: 15px 10px;
  white-space: nowrap; 不要
  overflow-x: scroll;
}
*/

/* 250622 highlight.js カスタマイズ */

code.hljs {
  background: #f7f7f7;
}

/*  */

.writing-ut blockquote {
  margin-top: 24px;
  margin-bottom: 24px;
  margin-bottom: 40px; /* 250424 try */
  padding: 15px 5px 15px 15px;
  border-left: solid 10px #eee;
  background: #f7f7f7;
}


.writing-ut figure {
  margin-top: 40px;
  margin-bottom: 40px;
}
.writing-ut figure img {
  width: 100%;
}

/*  */

.writing-ut table {
  /* width: 100%; */
  border-collapse: separate;
  border-spacing: 0;
  empty-cells: show;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
}
.writing-ut table tr:first-child > *:first-child {
  width: 30%;
  width: auto;
}
.writing-ut table caption {
  padding: 0 0 5px;
  text-align: left;
}
.writing-ut table th,
.writing-ut table td {
  padding: 10px 20px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  line-height: 1.5;
  /* vertical-align: middle; */
}
.writing-ut table th {
  background: #f0f0f0;
  text-align: center;
}
.writing-ut table td {
  background: transparent;
}
.writing-ut table thead th {
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #ccc;
}

.writing-ut table.th-short th {
  width: 200px;
}
.writing-ut table { /* 順番 */
  width: auto;
}

.writing-ut table th > *:last-child,
.writing-ut table td > *:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 640px) {
  .writing-ut table th,
  .writing-ut table td {
    width: 100% !important;
    padding: 2% 3%;
  }
} /* 0 - 568 */

/*  */

.writing-ut ul {
  margin-bottom: 24px;
  margin-bottom: 40px; /* 250424 try */
  line-height: 1.5;
}
.writing-ut ul ul {
  margin-bottom: 0;
}
.writing-ut ul li {
  position: relative;
  padding: 3px 0 3px 24px;
}
.writing-ut ul li:before {
  position: absolute;
  display: block;
  top: 13px;
  left: 2px;
  width: 6px;
  height: 6px;
  content: "";
  background: #000;
  border-radius: 4px;
  background-size: 100% auto;
}

.writing-ut ol {
  margin-bottom: 24px;
  margin-bottom: 40px; /* 250424 try */
  padding-left: 18px;
  line-height: 1.5;
}
.writing-ut ol li {
  position: relative;
  padding: 3px 0 3px 5px;
  list-style-type: decimal;
}


/*  */

.writing-ut .link-card-ut {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  min-height: 140px;
  border: solid #dfdfdf 1px;
  border-radius: 4px;
  transition: 0.4s;
}
.writing-ut .link-card-ut:hover {
  border: solid #888 1px;
  text-decoration: none;
}
.writing-ut .link-card-ut .c-pic {
  width: 30%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(/assets/img-leaf/base/image-notfound.png);
}
.writing-ut .link-card-ut .c-pic img {
  width: 100%;
  border-radius: 0 3px 3px 0;
}
.writing-ut .link-card-ut .c-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70%;
  padding: 10px 15px;
}
.writing-ut .link-card-ut .c-heading {
  display: block;
  line-height: 1.5;
  margin-bottom: 5px;
}
.writing-ut .link-card-ut .c-sitename {
  display: block;
  color: #999;
  font-size: 14px;
  line-height: 1.1;
}
.writing-ut .link-card-ut .c-description {
  display: block;
  margin-bottom: 3px;
  color: #999;
  font-size: 14px;
  line-height: 1.2;
}
.writing-ut .link-card-ut .c-host {
  display: block;
  color: #999;
  font-size: 13px;
  line-height: 1.1;
}

/*  */

.writing-ut p.feeling-comment-ut {
  padding: 10px 20px;
  background: #f7f7f7;
  border-bottom: solid 3px #eee;
}

/*  */

.writing-ut .type-piece {
  padding: 10px 20px;
  background: #f7f7f7;
  border-bottom: solid 3px #eee;
}

.writing-ut .type-picture .unit-ut img {
  border: solid #eee 1px;
}
.writing-ut .type-picture .c-caption {
  display: block;
  margin-top: 5px;
  text-align: center;
  font-size: 15px;
  line-height: 1.2;
}

/* C - 640px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 640px) {
  .writing-ut h1 {
    font-size: 2.6rem;
    line-height: 1.4;
  }
} /* 640px以下 */


/* B - 480px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 480px) {

} /* 480px以下 */


/* A - 320px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 320px) {
  .writing-ut h1 {
    font-size: 2.4rem;
  }
  .writing-ut p {
    font-size: 1.4rem;
  }
} /* 320px以下 */


/* = = = = = = = = = = = = = = = = = = = = = = = = = =

W Tools Format: Base (after)

Layout
- display
  - PC or SP
- clearfix
- float
- clear
- overflow
- text-align
- vertical-align
- brake
Font
- font size
- line height
- letter spacing
Width
- aspect ratio
Height
Margin
Padding
Border
SP horizontal scrol etc.
Last margin

= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Layout
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* display */

.display-show { display: block !important; }
.display-hide { display: none !important; }

@media only screen and (max-width: 834px) {
  .display-show-tablet { display: block !important; }
  .display-hide-tablet { display: none !important; }
}

.display-disabled {
  background: #aaa;
}
.display-block { display: block !important; }
.display-inline-block { display: inline-block !important; }

/* PC or SP */

/* pc3 640 */
/* pc2 768 */
/* pc  834 これが基準 */
/* pc5 1024 */

.only-pc { display: block !important; }
@media only screen and (max-width: 834px) {
  .only-pc { display: none !important; }
}
br.only-pc { display: inline !important; } /* .only-pcの後 */
@media only screen and (max-width: 834px) {
  br.only-pc { display: none !important; }
}

.only-pc3 { display: block !important; }
@media only screen and (max-width: 640px) {
  .only-pc3 { display: none !important; }
}
br.only-pc3 { display: inline !important; } /* .only-pcの後 */
@media only screen and (max-width: 640px) {
  br.only-pc3 { display: none !important; }
}

.only-sp { display: none !important; }
@media only screen and (max-width: 640px) {
  .only-sp { display: block !important; }
}

br.only-sp { display: none !important; }
@media only screen and (max-width: 640px) {
  br.only-sp { display: inline !important; }
}

/* clearfix */

.clearfix:after {
  display: block;
  clear: both;
  content: '';
  overflow: hidden;
}

/* float */

.float-none { float: none; }
.float-left { float: left; }
.float-right { float: right; }

/* clear */

.clear-both { clear: both !important; }
.clear-none { clear: none !important; }

/* overflow */

.overflow-hidden  { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }

/* text-align */

.ta-left   { text-align: left; }
.ta-center { text-align: center; }
.ta-right  { text-align: right; }

@media only screen and (max-width: 640px) {
.ta-center-sp { text-align: center; }
}

.ta-left-important   { text-align: left !important; }
.ta-center-important { text-align: center !important; }
.ta-right-important  { text-align: right !important; }

/* vertical-align */

.va-top    { vertical-align: top; }
.va-middle { vertical-align: middle; }
.va-bottom { vertical-align: bottom; }

.va-top-important    { vertical-align: top !important; }
.va-middle-important { vertical-align: middle !important; }
.va-bottom-important { vertical-align: bottom !important; }

/* brake */

.br-all { word-break: break-all !important; }
.br-word { word-wrap: break-word !important; }
.br-none   { white-space: nowrap !important; }


/* Rollover ロールオーバー 透過 */

.roll-opacity-50 a:hover img { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; transition: 0.4s; }
a.roll-opacity-50:hover img  { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; transition: 0.4s; }
.roll-opacity a:hover img    { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; transition: 0.4s; }
a.roll-opacity:hover img     { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; transition: 0.4s; }


/* Font
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* font size */

.fsize-2x-small  { font-size: 1.0rem !important; }
.fsize-x-small   { font-size: 1.2rem !important; }
.fsize-small     { font-size: 1.4rem !important; }
.fsize-normal    { font-size: 1.6rem !important; }
.fsize-medium    { font-size: 1.8rem !important; } /* 通常の本文テキストと同じ */
.fsize-large     { font-size: 2.1rem !important; } /* h4 */
.fsize-x-large   { font-size: 2.4rem !important; } /* h3 */
.fsize-2x-large  { font-size: 3.2rem !important; } /* h2 */
.fsize-3x-large  { font-size: 4.0rem !important; } /* h1 */

.fsize-09 { font-size: 0.9rem !important; }
.fsize-10 { font-size: 1.0rem !important; }
.fsize-11 { font-size: 1.1rem !important; }
.fsize-12 { font-size: 1.2rem !important; }
.fsize-13 { font-size: 1.3rem !important; }
.fsize-14 { font-size: 1.4rem !important; }
.fsize-15 { font-size: 1.5rem !important; }
.fsize-16 { font-size: 1.6rem !important; }
.fsize-17 { font-size: 1.7rem !important; }
.fsize-18 { font-size: 1.8rem !important; }
.fsize-19 { font-size: 1.9rem !important; }
.fsize-20 { font-size: 2.0rem !important; }
.fsize-21 { font-size: 2.1rem !important; }
.fsize-22 { font-size: 2.2rem !important; }
.fsize-23 { font-size: 2.3rem !important; }
.fsize-24 { font-size: 2.4rem !important; }
.fsize-28 { font-size: 2.8rem !important; }
.fsize-32 { font-size: 3.2rem !important; }
.fsize-64 { font-size: 6.4rem !important; }

/* line-height */

.line-h-small    { line-height: 1.3 !important; }
.line-h-medium   { line-height: 1.8 !important; }
.line-h-large    { line-height: 2.2 !important; }

@media only screen and (max-width: 640px) {
  .line-h-medium    { line-height: 1.8 !important; }
}

.fweight-normal { font-weight: 400 !important; }

/* adjust letter-spacing */

.adjust-letter-spacing-1 {
  letter-spacing: 0.01em;
}
.adjust-letter-spacing-2 {
  letter-spacing: 0.015em;
}
.adjust-letter-spacing-3 {
  letter-spacing: 0.02em;
}
.adjust-letter-spacing-4 {
  letter-spacing: 0.025em;
}
.adjust-letter-spacing-5 {
  letter-spacing: 0.03em;
}

.adjust-letter-spacing-1-pack {
  letter-spacing: -0.01em;
}
.adjust-letter-spacing-2-pack {
  letter-spacing: -0.015em;
}
.adjust-letter-spacing-3-pack {
  letter-spacing: -0.02em;
}
.adjust-letter-spacing-4-pack {
  letter-spacing: -0.025em;
}
.adjust-letter-spacing-5-pack {
  letter-spacing: -0.03em;
}


/* Width
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* .w999
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* per */

.w01per { width: 1% !important; }
.w02per { width: 2% !important; }
.w03per { width: 3% !important; }
.w04per { width: 4% !important; }
.w05per { width: 5% !important; }

.w10per { width: 10% !important; }
.w15per { width: 15% !important; }

.w20per { width: 20% !important; }
.w25per { width: 25% !important; }

.w30per { width: 30% !important; }
.w1third { width: 33.3% !important; }
.w35per { width: 35% !important; }

.w40per { width: 40% !important; }
.w45per { width: 45% !important; }

.w50per { width: 50% !important; }
.w55per { width: 55% !important; }

.w60per { width: 60% !important; }
.w65per { width: 65% !important; }
.w2third { width: 66.6% !important; }

.w70per { width: 70% !important; }
.w75per { width: 75% !important; }

.w80per { width: 80% !important; }
.w85per { width: 85% !important; }

.w90per { width: 90% !important; }
.w95per { width: 95% !important; }
.w99per { width: 99% !important; }

.w100per { width: 100% !important; }

@media only screen and (max-width: 640px) {
  .w30per.sp100per,
  .w50per.sp100per,
  .w70per.sp100per {
    width: 100% !important;
  }
}

/* pixel */

@media only screen and (min-width: 835px) {
  .w400-pc { width: 400px !important; }
  .w500-pc { width: 500px !important; }
  .w560-pc { width: 560px !important; }
  .w600-pc { width: 600px !important; }
  .w700-pc { width: 700px !important; }
  .w800-pc { width: 800px !important; }
}
@media only screen and (min-width: 641px) {
  .w640-sp-more { width: 640px !important; } /* moreはspは含まれない */
  .w800-sp-more { width: 800px !important; }
}

@media only screen and (max-width: 834px) {
  .w50per-tablet { width: 50% !important; } /* -tablet-or-less と同じ */
  .w1100-tablet { width: 1100px !important; }
}
@media only screen and (max-width: 640px) {
  .w20per-sp { width: 20% !important; }
  .w30per-sp { width: 30% !important; }
  .w50per-sp { width: 50% !important; }
}

/*  */

.w260-center { width: 260px; margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 835px) {
  .w300-center-pc { width: 300px; margin-left: auto; margin-right: auto; }
  .w500-center-pc { width: 500px; margin-left: auto; margin-right: auto; }
  .w600-center-pc { width: 600px; margin-left: auto; margin-right: auto; }
  .w720-center-pc { width: 720px; margin-left: auto; margin-right: auto; }
}
@media only screen and (max-width: 834px) {
  .w100-center-tablet { width: 100px !important; margin-left: auto; margin-right: auto; }
  .w140-center-tablet { width: 140px !important; margin-left: auto; margin-right: auto; }
  .w200-center-tablet { width: 200px !important; margin-left: auto; margin-right: auto; }
}


/* .type-w999
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.type-w80  { width:  80px !important; }

/* .figure-ut etc
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.c-pic.type-w80,
.figure-ut.type-w80 {
  width: 80px;
}
.c-pic.type-w140,
.figure-ut.type-w140 {
  width: 140px;
}
.c-pic.type-w200,
.figure-ut.type-w200 {
  width: 200px;
}

/* .nav-ut-handling
250504
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.nav-ut-handling.type-w260 li {
  width: 260px;
}

@media only screen and (min-width: 641px) {
  .nav-ut-handling.type-w260-sp-more li {
    width: 260px;
  }
  .nav-ut-handling.type-w300-sp-more li {
    width: 300px;
  }
  .nav-ut-handling.type-w400-sp-more li {
    width: 400px;
  }
}
@media only screen and (min-width: 835px) {
  .nav-ut-handling.type-w260-pc li {
    width: 260px;
  }
  .nav-ut-handling.type-w300-pc li {
    width: 300px;
  }
}
@media only screen and (max-width: 640px) {
  .nav-ut-handling.type-w260 li {
      margin-bottom: 24px;
  }
  .nav-ut-handling.type-w260-sp-more li,
  .nav-ut-handling.type-w300-sp-more li,
  .nav-ut-handling.type-w400-sp-more li,
  .nav-ut-handling.type-w260-pc li,
  .nav-ut-handling.type-w300-pc li {
    width: calc( 100% - 20px );
    margin-bottom: 24px;
  }
  .nav-ut-handling.type-w260-sp-more li:last-child,
  .nav-ut-handling.type-w300-sp-more li:last-child,
  .nav-ut-handling.type-w400-sp-more li:last-child,
  .nav-ut-handling.type-w260-pc li:last-child,
  .nav-ut-handling.type-w300-pc li:last-child {
    margin-bottom: 0;
  }
}


/* aspect
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.aspect-ratio-1-1 {
  aspect-ratio: 1 / 1;
}

/* 3:2 */

.aspect-ratio-3-2 {
  aspect-ratio: 3 / 2;
}
.aspect-ratio-3-2.type-reverse {
  aspect-ratio: 2 / 3;
}
.aspect-ratio-2-3 {
  aspect-ratio: 2 / 3;
}
.aspect-ratio-2-3.type-reverse {
  aspect-ratio: 3 / 2;
}

/* 4:3 */

.aspect-ratio-4-3 {
  aspect-ratio: 4 / 3;
}
.aspect-ratio-4-3.type-reverse {
  aspect-ratio: 3 / 4;
}
.aspect-ratio-3-4 {
  aspect-ratio: 3 / 4;
}
.aspect-ratio-3-4.type-reverse {
  aspect-ratio: 4 / 3;
}


/* Height
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.h300 { height: 300px !important; }
.h350 { height: 350px !important; }
.h400 { height: 400px !important; }
.h420 { height: 420px !important; }
.h450 { height: 450px !important; }
.h500 { height: 500px !important; }
.h550 { height: 550px !important; }
.h600 { height: 600px !important; }
.h650 { height: 650px !important; }

@media only screen and (min-width: 835px) {
  .h200-pc { height: 200px !important; }
  .h338-pc { height: 338px !important; }
  .h340-pc { height: 340px !important; }
  .h377-pc { height: 377px !important; }
  .h380-pc { height: 380px !important; }
  .h440-pc { height: 440px !important; }
}
@media only screen and (max-width: 834px) {
  .h40-tablet { height: 40px !important; }
  .h50-tablet { height: 50px !important; }
  .h450-tablet { height: 450px !important; }
  .h570-tablet { height: 570px !important; }
}

.h01em  { height: 1em !important; }
.h015em { height: 1.5em !important; }
.h02em  { height: 2em !important; }
.h025em { height: 2.5em !important; }
.h03em  { height: 3em !important; }
.h035em { height: 3.5em !important; }
.h04em  { height: 4em !important; }
.h045em { height: 4.5em !important; }
.h05em { height: 5em !important; }
.h06em { height: 6em !important; }
.h07em { height: 7em !important; }
.h08em { height: 8em !important; }
.h09em { height: 9em !important; }
.h10em { height: 10em !important; }


/* Margin
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* Margin Padding
5x-small ?
4x-small ?
3x-small ?
2x-small ?
x-small  ?
small    24
normal   40 (default)
medium   ?
large    80
x-large  ?
2x-large ?
3x-large ?
4x-large ?
5x-large ?
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.mrgn-t-small { margin-top: 24px !important; }
.mrgn-b-small { margin-bottom: 24px !important; }

/* 2025-05 新方式 どうかな、、 */
.mrgn-t1 { margin-top: 8px !important; }
.mrgn-t2 { margin-top: 16px !important; }
.mrgn-t3 { margin-top: 24px !important; }
.mrgn-t4 { margin-top: 32px !important; }
.mrgn-t5 { margin-top: 40px !important; }
.mrgn-b1 { margin-bottom: 8px !important; }
.mrgn-b2 { margin-bottom: 16px !important; }
.mrgn-b3 { margin-bottom: 24px !important; }
.mrgn-b4 { margin-bottom: 32px !important; }
.mrgn-b5 { margin-bottom: 40px !important; }
.mrgn-tb1 { margin-top: 8px !important; margin-bottom: 8px !important; }
.mrgn-tb2 { margin-top: 16px !important; margin-bottom: 16px !important; }
.mrgn-tb3 { margin-top: 24px !important; margin-bottom: 24px !important; }
.mrgn-tb4 { margin-top: 32px !important; margin-bottom: 32px !important; }
.mrgn-tb5 { margin-top: 40px !important; margin-bottom: 40px !important; }

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

.mrgn-tb-small { margin-top: 24px; margin-bottom: 24px; }

@media only screen and (max-width: 834px) {
  .mrgn-b-small-tablet { margin-bottom: 24px !important; }
  .mrgn-b-zero-tablet { margin-bottom: 0 !important; } /* -tablet-less と同じ */
}
@media only screen and (max-width: 640px) {
  .mrgn-tb-normal-sp { margin-top: 40px; margin-bottom: 40px; }
}

.mrgn-t-normal { margin-top: 40px; }
.mrgn-b-normal { margin-bottom: 40px !important; }
.mrgn-tb-normal { margin-top: 40px; margin-bottom: 40px; }

.mrgn-t-large { margin-top: 80px; }
.mrgn-b-large { margin-bottom: 80px !important; }
.mrgn-tb-large { margin-top: 80px; margin-bottom: 80px; }

.mrgn-t-x-large { margin-top: 64px; }

/*  */

.mrgn-lr-260 { margin-left: 130px; margin-right: 130px; }
.mrgn-lr-300 { margin-left: 150px; margin-right: 150px; }
.mrgn-lr-380 { margin-left: 190px; margin-right: 190px; }

/* 241023 使わなかった
@media only screen and (max-width: 834px) {
  .mrgn-lr-20-tablet.l-container.adjust-blankspace {
    width: calc( 100% - 40px );
    margin-left: 20px;
    margin-right: 20px;
  }
}
*/

@media only screen and (max-width: 640px) {
  .mrgn-lr-260,
  .mrgn-lr-300,
  .mrgn-lr-380,
  .mrgn-lr-1third { margin-left: 0; margin-right: 0; }
}

.mrgn-lr-auto { margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 835px) {
  .mrgn-lr-auto-pc { margin-left: auto !important; margin-right: auto !important; }
  .mrgn-lr-auto-pc { margin-left: auto !important; margin-right: auto !important; }
  .mrgn-lr-40-pc { margin-left: 40px !important; margin-right: 40px !important; }
  .mrgn-lr-60-pc { margin-left: 60px !important; margin-right: 60px !important; }
  .mrgn-lr-100-pc { margin-left: 100px !important; margin-right: 100px !important; }
  .mrgn-lr-120-pc { margin-left: 120px !important; margin-right: 120px !important; }
  .mrgn-lr-140-pc { margin-left: 140px !important; margin-right: 140px !important; }
  .mrgn-lr-160-pc { margin-left: 160px !important; margin-right: 160px !important; }
  .mrgn-lr-180-pc { margin-left: 180px !important; margin-right: 180px !important; }
  .mrgn-lr-188-pc { margin-left: 188px !important; margin-right: 188px !important; }
  .mrgn-lr-190-pc { margin-left: 190px !important; margin-right: 190px !important; }
  .mrgn-lr-200-pc { margin-left: 200px !important; margin-right: 200px !important; }
  .mrgn-lr-220-pc { margin-left: 220px !important; margin-right: 220px !important; }
  .mrgn-lr-230-pc { margin-left: 230px !important; margin-right: 230px !important; }
  .mrgn-lr-240-pc { margin-left: 240px !important; margin-right: 240px !important; }
  .mrgn-lr-250-pc { margin-left: 250px !important; margin-right: 250px !important; }
  .mrgn-lr-260-pc { margin-left: 260px !important; margin-right: 260px !important; }
  .mrgn-lr-280-pc { margin-left: 280px !important; margin-right: 280px !important; }
  .mrgn-lr-300-pc { margin-left: 300px !important; margin-right: 300px !important; }
  .mrgn-lr-320-pc { margin-left: 320px !important; margin-right: 320px !important; }
  .mrgn-lr-340-pc { margin-left: 340px !important; margin-right: 340px !important; }
}

/*  */

.pdng-0 { padding: 0; }
.pdng-10 { padding: 10px; }
.pdng-20 { padding: 20px; }
.pdng-small { padding: 20px; }
.pdng-normal { padding: 40px; }
.pdng-t-normal { padding-top: 40px; }
.pdng-b-normal { padding-bottom: 40px; }

.pdng-t-large { padding-top: 80px; }
.pdng-b-large { padding-bottom: 80px; }
.pdng-tb-small { padding-top: 24px; padding-bottom: 24px; }
.pdng-tb-normal { padding-top: 40px; padding-bottom: 40px; }
.pdng-tb-large { padding-top: 80px; padding-bottom: 80px; }

.pdng-lr-20  { padding-right: 20px !important; padding-left: 20px !important; }
.pdng-lr-40  { padding-right: 40px !important; padding-left: 40px !important; }


@media only screen and (max-width: 834px) {
  .pdng-lr-0-tablet { padding-right: 0 !important; padding-left: 0 !important; }
  .pdng-tb-20-tablet  { padding-top: 20px !important; padding-bottom: 20px !important; }
  .pdng-tb-40-tablet  { padding-top: 40px !important; padding-bottom: 40px !important; }
}
@media only screen and (max-width: 640px) {
  .pdng-lr-20-sp { padding-right: 20px !important; padding-left: 20px !important; }
  .pdng-lr-30-sp { padding-right: 30px !important; padding-left: 30px !important; }
  .pdng-lr-40-sp { padding-right: 40px !important; padding-left: 40px !important; }
}

@media only screen and (min-width: 641px) {
  .pdng-lr-30-sp-more { padding-right: 30px !important; padding-left: 30px !important; }
  .pdng-lr-40-sp-more { padding-right: 40px !important; padding-left: 40px !important; }
}
@media only screen and (min-width: 835px) {
  .pdng-lr-20-pc  { padding-right: 20px !important; padding-left: 20px !important; }
  .pdng-lr-40-pc  { padding-right: 40px !important; padding-left: 40px !important; }
  .pdng-lr-50-pc  { padding-right: 50px !important; padding-left: 50px !important; }
  .pdng-lr-60-pc  { padding-right: 60px !important; padding-left: 60px !important; }
  .pdng-lr-80-pc  { padding-right: 80px !important; padding-left: 80px !important; }
  .pdng-lr-100-pc { padding-right: 100px !important; padding-left: 100px !important; }
  .pdng-lr-140-pc { padding-right: 140px !important; padding-left: 140px !important; }
  .pdng-lr-200-pc { padding-right: 200px !important; padding-left: 200px !important; }
}

/* Margin
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.mt0  { margin-top:  0   !important; }
.mt00 { margin-top:  0   !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mt01em  { margin-top: 1em !important; }

.mr0  { margin-right:  0   !important; }
.mr00 { margin-right:  0   !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }

.mb0  { margin-bottom:  0   !important; }
.mb00 { margin-bottom:  0   !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.mb60-sp40 { margin-bottom: 60px !important; }

@media only screen and (max-width: 640px) {
  .mb40-sp { margin-bottom: 40px !important; }
  .mb60-sp { margin-bottom: 60px !important; }
  .mb60-sp40 { margin-bottom: 40px !important; }
}

.ml0  { margin-left:  0   !important; }
.ml00 { margin-left:  0   !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml30 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }


/* Padding
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.pt0  { padding-top:  0   !important; }
.pt00 { padding-top:  0   !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }

.pr0  { padding-right:  0   !important; }
.pr00 { padding-right:  0   !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }
.pr90 { padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }

.pb0  { padding-bottom:  0   !important; }
.pb00 { padding-bottom:  0   !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }

.pl0  { padding-left:  0   !important; }
.pl00 { padding-left:  0   !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl30 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; }
.pl100 { padding-left: 100px !important; }


/* Border
- - - - - - - - - - - - - - - - - - - - - - - - - - */

.border-none  { border: none !important; }
.border-t-none { border-top: none !important; }
.border-r-none { border-right: none !important; }
.border-b-none { border-bottom: none !important; }
.border-l-none { border-left: none !important; }

table.border-none {
  border: none;
}
table.border-none th,
table.border-none td {
  border: none;
}


/* SP
= = = = = = = = = = = = = = = = = = = = = = = = = = */

/* smartphone horizontal scrol */

@media only screen and (max-width: 834px) {
  .scroll-horizontal-tablet {
    /* min-height: 450px; */
    overflow-x: auto;
  }
  .scroll-horizontal-tablet > .p-frame {
    height: 100%;
  }
  .scroll-horizontal-tablet > .p-frame.c-pic {
    width: auto;
  }
}

@media only screen and (max-width: 640px) {
  .scroll-horizontal-sp {
    height: 450px;
    overflow-x: auto;
  }
  .scroll-horizontal-sp > .p-frame {
    height: 100%;
  }
  .scroll-horizontal-sp > .p-frame.c-pic {
    width: auto;
  }
}


/* Last margin
= = = = = = = = = = = = = = = = = = = = = = = = = = */

.foot-frame > *:last-child,
.main-frame > *:last-child,
.head-frame > *:last-child,
.p-foot > *:last-child,
.p-main > *:last-child,
.p-head > *:last-child {
  margin-bottom: 0px;
}
/* = = = = = = = = = = = = = = = = = = = = = = = = = =

UI Kit Format: Print

= = = = = = = = = = = = = = = = = = = = = = = = = = */

@media print {

  .l-overlay-menu,
  .nav-global,
  /* .main_visual, */
  .l-header {
    display: none;
  }

  .l-footer .in-footer,
  .l-footer {
    width: 670px;
    margin-left: auto;
    margin-right: auto;
  }

  .l-footer .in-footer {
    padding: 0;
    text-align: center;
    background: #fff;
    color: #000;
  }

  .nav-btn-mobile-menu {
    display: none;
  }

  /*  */

  .new-page-before {
    break-before: page;
  }
  .new-page-after {
    break-after: page;
  }

} /* @media print */


/* End ui-ut5.css */
