/*!
Author: CLOVERLAND
*/


html {
  /* 1 */
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #ffffff;
  color: #333333;
}


/* Headings
========================================================================== */

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
  margin: 0 0 20px 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  text-transform: none;
}
/* Add margin if adjacent element */
* + h1,
* + .uk-h1,
* + h2,
* + .uk-h2,
* + h3,
* + .uk-h3,
* + h4,
* + .uk-h4,
* + h5,
* + .uk-h5,
* + h6,
* + .uk-h6 {
  margin-top: 40px;
}
/*
 * Sizes
 */
h1,
.uk-h1 {
  font-size: 1.7rem;
  line-height: 1.3;
}
h2,
.uk-h2 {
  font-size: 1.5rem;
  line-height: 1.4;
}
h3,
.uk-h3 {
  font-size: 1.25rem;
  line-height: 1.4;
}
h4,
.uk-h4 {
  font-size: 1rem;
  line-height: 1.4;
}
h5,
.uk-h5 {
  font-size: 1rem;
  line-height: 1.4;
}
h6,
.uk-h6 {
  font-size: 0.875rem;
  line-height: 1.4;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  h1,
  .uk-h1 {
    font-size: 2.625rem;
      font-weight: 700;
  }
  h2,
  .uk-h2 {
    font-size: 2rem;
      font-weight:700;
  }
    h3,
.uk-h3 {
  font-size: 1.5rem;
    font-weight: 700;
    }
}


/* Color
========================================================================== */

:root {
    /* #ffffff */
    --color-white: 255, 255, 255;
    /* #222222 */
    --color-black: 34, 34, 34;
    /* #808a9f */
    --color-gray: 160, 172, 173;
    /* #eeeeee */
    --color-silver: 238, 238, 238;
    /* #e3170a */
    --color-red: 227, 23, 10;
    /* #ff81a6 */
    --color-pink: 255, 129, 166;
    /* #ffe8c2 */
    --color-beige: 255, 232, 194;
    /* #5fad56 */
    --color-green: 95, 173, 86;
    /* #2d93ad */
    --color-blue: 45, 147, 173;
}

.bg-white {
    background-color: rgba(var(--color-white), 1);
}

.color-white {
    color: rgba(var(--color-white), 1);
}

.border-white {
    border: solid 1px rgba(var(--color-white), 1);
}

.bg-white-transparent {
    background-color: rgba(var(--color-white), .8);
}

.bg-black {
    background-color: rgba(var(--color-black), 1);
}

.color-black {
    color: rgba(var(--color-black), 1);
}

.border-black {
    border: solid 1px rgba(var(--color-black), 1);
}

.bg-gray {
    background-color: rgba(var(--color-gray), 1);
}

.color-gray {
    color: rgba(var(--color-gray), 1);
}

.border-gray {
    border: solid 1px rgba(var(--color-gray), 1);
}

.bg-silver {
    background-color: rgba(var(--color-silver), 1);
}

.color-silver {
    color: rgba(var(--color-silver), 1);
}

.border-silver {
    border: solid 1px rgba(var(--color-silver), 1);
}

.color-red {
    color: rgba(var(--color-red), 1);
}

.border-red {
    border: solid 1px rgba(var(--color-red), 1);
}

.bg-red {
    background-color: rgba(var(--color-red), 1);
}

.color-pink {
    color: rgba(var(--color-pink), 1);
}

.border-pink {
    border: solid 1px rgba(var(--color-pink), 1);
}

.border-pink-left {
    border-left: solid 2px rgba(var(--color-pink), 1);
}

.bg-pink {
    background-color: rgba(var(--color-pink), 1);
}

.bg-pink-transparent {
    background-color: rgba(var(--color-pink), .2);
}

.color-beige {
    color: rgba(var(--color-beige), 1);
}

.border-beige {
    border: solid 1px rgba(var(--color-beige), 1);
}

.bg-beige {
    background-color: rgba(var(--color-beige), 1);
}

.bg-beige-transparent {
    background-color: rgba(var(--color-beige), .5);
}

.color-green {
    color: rgba(var(--color-green), 1);
}

.border-green {
    border: solid 1px rgba(var(--color-green), 1);
}

.bg-green {
    background-color: rgba(var(--color-green), 1);
}

.bg-green-transparent {
    background-color: rgba(var(--color-green), .5);
}

.color-blue {
    color: rgba(var(--color-blue), 1);
}

.border-blue {
    border: solid 1px rgba(var(--color-blue), 1);
}

.bg-blue {
    background-color: rgba(var(--color-blue), 1);
}


/* Basic style
========================================================================== */

a:hover,
a:focus,
a:active {
	color: #666666;
}

a:active,
a:hover {
  outline: none;
}
/*
 * Style
 */
a,
.uk-link {
  color: #222222;
  text-decoration: underline;
  cursor: pointer;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #666666;
  text-decoration: underline;
}

.font-basic {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
}

ul,
ol {
	margin: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0;
}

dt {
    font-size: 1rem;
    color: #222222;
}

dd {
    margin-left: 0;
}

.uk-description-list > dt {
  color: #222222;
  font-size: 1rem;
  font-weight: normal;
  text-transform: none;
}

.uk-table th {
    font-size: 1rem;
    font-weight: 700;
    color: #444444;
}

.uk-table-middle, .uk-table-middle th {
    vertical-align: middle!important;
}

.uk-list-circle, .uk-list-decimal, .uk-list-disc, .uk-list-hyphen, .uk-list-square {
    padding-left: 20px;
}

select {
	border: 1px solid rgba(238, 238, 238, 1); /* #eeeeee */
}

textarea {
	width: 100%;
}

.img-hover:hover {
    opacity: 0.8;
}

.new-line {
    display: block;
}

.border-radius-04 {
    border-radius: 4px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-20 {
    border-radius: 20px;
}

.border-radius-circle {
    border-radius: 50%;
}

.bg-silver-white-vertical {
    background: #FFFFFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(var(--color-silver), .5) 50%, rgba(var(--color-silver), .5) 100%);
}

.bg-pink-white-horizontal {
    background: linear-gradient(90deg, rgba(var(--color-pink), 1) 0%, rgba(var(--color-pink), 1) 40%, #fff 40%, #fff 100%);
}

.bg-green-white-horizontal {
    background: linear-gradient(90deg, rgba(var(--color-green), 1) 0%, rgba(var(--color-green), 1) 40%, #fff 40%, #fff 100%);
}

.bg-white-sq { /* https://www.svgbackgrounds.com/set/free-svg-backgrounds-and-patterns/ */
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23DDDDDD'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23DDDDDD'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23DDDDDD'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.bg-pink-stripe {
    background-color: rgba(var(--color-pink), .2);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 3rem 3rem;
}

.bg-silver-wave {
    background-color: #f5f5f5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='5' stroke-opacity='0.7'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
}

.bg-little-pluses {
    background-color: #f5f5f5;
    background-image: url("img/texture/little-pluses.png");
}

.bg-church {
    background-color: rgba(var(--color-green), .8);
    background-image: url("img/texture/church.png");
}


/* Nav style
========================================================================== */

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
  min-height: 70px;
  padding: 0;
  font-size: 1rem;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
  text-decoration: none;
}

.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  color: rgba(var(--color-white), 1);
  text-transform: none;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}

.uk-navbar-toggle {
    color: rgba(var(--color-pink), 1);
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  color: rgba(var(--color-white), .8);
}

.uk-navbar-nav > li > a:active {
  color: rgba(var(--color-white), .8);
}

.uk-navbar-nav > li.uk-active > a {
  color: rgba(var(--color-white), 1);
}

@media (max-width: 959px) {
    .uk-navbar-nav > li > a,
    .uk-navbar-item,
    .uk-navbar-toggle {
        min-height: 50px;
    }
}

@media (max-width:639px) {
    .uk-navbar-nav > li > a,
    .uk-navbar-item,
    .uk-navbar-toggle {
        min-height: 50px;
    }
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: var(--color-orange);
}

.uk-navbar-item {
  color: #222222;
}

.header-logo {
    width: 233px;
    height: 60px;
}

@media (max-width:639px) {
    .header-logo {
        width: 233px;
        height: 60px;
    }
}

.toggle-button a {
    color: rgba(var(--color-pink), 1);
}

.toggle-button a:hover {
    color: rgba(var(--color-pink), .8);
}


/* Off canvas
========================================================================== */

.uk-offcanvas-bar {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: -270px;
  /* 2 */
  box-sizing: border-box;
  width: 270px;
  padding: 20px 20px;
  background: rgba(34, 34, 34, 1); /* #222222 */
  /* 3 */
  overflow-y: auto;
}

.uk-offcanvas-bar {
  color: rgba(255, 255, 255, 1);
}

.uk-offcanvas-bar .uk-nav-default > li > a {
  color: rgba(255, 255, 255, 1);
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
  color: rgba(255, 255, 255, 0.9);
}

.uk-navbar-toggle-menu {
    margin-right: 5px;
}


/* Main-nav
========================================================================== */

.main-nav-box {
    background: rgba(var(--color-pink), 1);
}

@media (max-width: 639px) { /* スマホでcontainerリセット .uk-containerカットで無効中  */
    .main-nav-box .uk-container {
        padding-left: 0;
        padding-right: 0;
    }
}

#main-nav .current {
    background-color: #ffffff;
    color: none; /* 未使用 */
}

.nav-box {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    width: 100%;
}

/* .nav-box > ul {
    border-left: solid 1px rgba(255, 255, 255, 1);
    border-right: solid 1px rgba(255, 255, 255, 1);
} */

.main-navbar-nav {
    display: flex;
    margin: 0;
    padding: 20px 0 20px 0;
    list-style: none;
}

.main-navbar-nav ul {
    margin: 0;
}

.main-navbar-nav > li {
    float: left;
    width: 20%;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

@media (max-width: 639px) {
    .main-navbar-nav > li {
        width: 33.33%;
    }
}

.main-navbar-nav > li + li {
    border-left: solid 1px rgba(255, 255, 255, 1);
}

.main-navbar-nav > li > a:hover {
  color: rgba(var(--color-white), .8);
}

.main-navbar-nav > li > a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    color: rgba(var(--color-white), 1);
    min-height: 30px;
}

@media (max-width: 959px) {
    .main-navbar-nav > li > a {
        font-size: 0.875rem;
        font-weight: 700;
    }
}

@media (max-width: 639px) {
    .main-navbar-nav > li > a {
        font-size: 0.875rem;
        font-weight: 700;
    }
}

.uk-navbar-dropdown-nav > li > a,
.uk-navbar-dropdown-nav > .uk-nav-header {/*センタリングを左に戻す*/
    text-align: left;
}


/* Side fixed nav
========================================================================== */

.nav-fixed-side {
    position: fixed;
    z-index: 998;
    bottom: 0;
    right: 0;
}

.nav-fixed-side .uk-iconnav-vertical {
    margin: 0;
}

.nav-fixed-side ul li {
    margin: 0;
    padding: 0;
}

.nav-fixed-side ul li + li {
    border-top: solid 1px rgba(255, 255, 255, .1);
    background-clip: padding-box;
}

.nav-fixed-side .uk-iconnav-vertical a {
    color: #fff;
    text-decoration: none;
    background: rgba(var(--color-green), 1);
    padding: 10px;
    transition: 0.3s;
}

.nav-fixed-side .uk-iconnav-vertical a:hover {
    color: #f5f5f5;
    background: rgba(var(--color-green), .8);
    text-decoration: none;
    transition: 0.3s;
}

.nav-fixed-side .fa-solid {
    margin: 0 auto;
}


/* Breadcrumb style
========================================================================== */

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 10px;
    font-size: .875rem;
    color: #999;
}


/* Button style
========================================================================== */

.uk-button {
    border-radius: 100vmax;
}

.uk-button-small {
    padding: 0 15px;
    line-height: 28px;
    font-size: 0.875rem;
}

.uk-button-large {
    padding: 0 40px;
    line-height: 53px;
    font-size: 0.875rem;
    font-weight: 700;
}

.uk-button-default {
  background-color: transparent;
  color: rgba(var(--color-pink), 1);
  border: 1px solid rgba(var(--color-pink), 1);
}
.uk-button-default:hover {
  background-color: transparent;
  color: rgba(var(--color-pink), .8);
  border-color: rgba(var(--color-pink), 1);
}
.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: transparent;
  color: rgba(var(--color-pink), 1);
  border-color: rgba(var(--color-pink), 1);
}

.uk-button-primary {
  background-color: rgba(var(--color-pink), 1);
  color: #fff;
  border: 1px solid transparent;
}
.uk-button-primary:hover {
  background-color: rgba(var(--color-pink), .8);
  color: #fff;
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: rgba(var(--color-pink), 1);
  color: #fff;
}

.uk-button-secondary {
  background-color: rgba(var(--color-green), 1);
  color: #fff;
  border: 1px solid transparent;
}
.uk-button-secondary:hover {
  background-color: rgba(var(--color-green), .8);
  color: #fff;
}
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: rgba(var(--color-green), 1);
  color: #fff;
}

.uk-button-danger {
  background-color: rgba(var(--color-red), 1);
  color: #ffffff;
  border: 1px solid transparent;
}

.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: rgba(var(--color-red), .8);
  color: #fff;
}

.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: rgba(var(--color-red), 1);
  color: #fff;
}

.uk-button-large-xxx {
    position: relative; /* largeボタンに右アイコン */
}

.uk-button-large-xxx::after{
    content: '';
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}


/* Home and Page
========================================================================== */

.heading-home-service {
    display: block;
    margin: 0 auto;
}

.home-style-us {
    background: linear-gradient(180deg, rgba(var(--color-pink), 0) 0%, rgba(var(--color-pink), 0) 60%, #e1ede9 60%, #e1ede9 100%);
    border-bottom: solid 4px rgba(var(--color-pink), 1);
    padding: 0 20px;
}

.home-about-box {
    background-position: center top;
    background-color: rgba(32, 109, 32, .2);
    background-image: url(img/page/home-bg-honten.jpg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 60px 0 60px;
}

.page-title-stripe {
	padding: 70px 0;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,rgba(var(--color-pink), .1) 3px, rgba(var(--color-pink), .1) 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,rgba(var(--color-pink), .1) 3px, rgba(var(--color-pink), .1) 7px);
}

.page-title-sq {
    /* https://www.svgbackgrounds.com/set/free-svg-backgrounds-and-patterns/ */
    padding: 70px 0;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23DDDDDD'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23DDDDDD'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23DDDDDD'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.page-title-bottom-line {
    padding: 70px 0;
    border-bottom: 1px solid #fff;
    position: relative;
}
.page-title-bottom-line::after {
    content: "";
    display: block;
    border-bottom: 2px solid rgba(var(--color-pink), 1);
    width: 80px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    margin: auto;
}

.page-title-top-bottom-line {
    padding: 70px 0;
    background: rgba(var(--color-silver), .5);
    position: relative;
}
.page-title-top-bottom-line::before {
    content: "";
    display: block;
    border-top: 2px solid rgba(var(--color-pink), 1);
    width: 80px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}
.page-title-top-bottom-line::after {
    content: "";
    display: block;
    border-bottom: 2px solid rgba(var(--color-pink), 1);
    width: 80px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.page-title-dot-pink {
    background-image: radial-gradient(rgba(var(--color-pink), 1) 1px, transparent 1px), radial-gradient(rgba(var(--color-pink), 1) 1px, transparent 1px);
    background-size: calc(20 * 1px) calc(20 * 1px);
    background-position: 0 0, calc(10 * 1px) calc(10 * 1px)
}

.heading-bottom-arrow-box {
    position: relative;
    background-color: rgba(var(--color-pink), 1);
    margin: 0;
    padding: 30px 20px;
}

.heading-bottom-arrow-box:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid rgba(var(--color-pink), 1);
}

.heading-bg-pink-tb-line {
    background: rgba(var(--color-pink), 1);
    color: #ffffff;
    padding: 15px 10px;
    margin: 3px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 3px rgba(var(--color-pink), 1), 0 -3px rgba(var(--color-pink), 1);
}

.heading-bg-green-tb-line {
    background: rgba(var(--color-green), 1);
    color: #ffffff;
    padding: 15px 10px;
    margin: 3px 0;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 3px rgba(var(--color-green), 1), 0 -3px rgba(var(--color-green), 1);
}

.heading-bg-silver-left-pink {
    display: flex;
    align-items: center;
    padding: 20px 15px;
    background-color: rgba(var(--color-silver), .5);
    color: #333333;
}

.heading-bg-silver-left-pink::before {
    display: inline-block;
    width: 6px;
    height: 1.5em;
    margin-right: .5em;
    background-color: rgba(var(--color-pink), 1);
    content: '';
}

.heading-left-pink {
    padding: 10px 0 10px 15px;
    border-left: solid 6px rgba(var(--color-pink), 1);
}

.heading-left-pink span {
    display: block;
    font-size: 0.875rem;
}

.heading-left-green {
    padding: 10px 0 10px 15px;
    border-left: solid 6px rgba(var(--color-green), 1);
}

.heading-left-green span {
    display: block;
    font-size: 0.875rem;
}

.heading-icon-check-pink {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.heading-icon-check-pink::before {
    width: 0.8em;
    height: 0.4em;
    border-bottom: 4px solid rgba(var(--color-pink), 1);
    border-left: 4px solid rgba(var(--color-pink), 1);
    transform: rotate(-45deg) translate(2px, -2px);
    content: '';
}

.heading-icon-circle-pink {
  padding-left: 1.75rem;
  position: relative;
}

.heading-icon-circle-pink::before {
  content: '●';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: rgba(var(--color-pink), 1);
}

.heading-tag-pink {
    position: relative;
    display: inline-block;
    padding: 0.5em 1em 0.5em 2em;
    border-radius: 2rem 4px 4px 2rem;
    background-color: rgba(var(--color-pink), 1);
    color: #ffffff;
    margin: 0;
}

.heading-tag-pink::before {
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
}


.flow-step-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flow-step-number {
    padding-left: 0;
    border-bottom: solid 1px #dddddd;
}

.flow-step-number > li {
    list-style-type: none;
    display: flex;
    padding: 20px 0;
    border-top: solid 1px #dddddd;
}

.flow-step-number > li dl dt {
    font-size: 1.2em;
    line-height: 2;
    font-weight: bold;
    margin-bottom: 10px;
}

.flow-step-number > li .flow-step-icon {
    line-height: 1;
    font-size: 2em;
    font-weight: bold;
    color: rgba(var(--color-pink), 1);
    text-align: center;
    width: 70px;
    position: relative;
    margin-top: 0;
}

.flow-step-number > li .flow-step-icon::before {
    content: 'STEP';
    font-size: 0.3em;
    display: block;
    margin-bottom: 3px;
    letter-spacing: 1px;
}

.flow-step-number > li .flow-step-icon::after {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 40px);
    background-color: #dddddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    margin: auto;
}

.flow-step-number > li dl dd {
    margin: 0;
}

.flow-step-number > li dl {
    width: calc(100% - 70px);
    margin-top: 0.8em;
}

.faq-box {
  margin: 0 auto;
}

.faq-box .faq dt,
.faq-box .faq dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
  padding: 15px;
}

.faq-box .faq dt {
    background: #F5F5F5;
}

.faq-box .faq dt p {
    margin: 0;
    padding-left: 20px;
    font-weight: 700;
    width: 100%;
}

.faq-box .faq dd p {
    margin: 0;
    padding-left: 20px;
    width: 100%;
}

.faq-box .faq dt::before {
    content: "Q";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: rgba(var(--color-black), 1);
    border-radius: 4px;
    width: 40px;
    height: 40px;
}

.faq-box .faq dd::before {
    content: "A";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: rgba(var(--color-red), 1);
    border-radius: 4px;
    width: 40px;
    height: 40px;
}

.price-option-icon {
    width: 60%;
    margin: auto;
    display: block;
}

.terms-list {
    list-style-type: decimal;
}

.terms-list li + li {
    margin-top: 15px;
}

.terms-list-style-hidden {
    list-style: none;
}

.terms-list-return {/* 約款の中にあるURL折り返し指定 */
    overflow-wrap: anywhere;
}






.img-zoom-link-box {
    position: relative;
}
.img-zoom-link {
    overflow: hidden;
    border: solid 6px rgba(var(--color-yellow), 1);
    border-radius: 50%;
}
.img-zoom-link img {
    transition-duration: 0.5s;
}
.img-zoom-link:hover img {
    transform: scale(1.1);
}
.img-zoom-link-box .img-zoom-link-button {
    position: absolute;
    bottom: 20px;
    right: 0;
    max-width: 90%;
    padding: 0;
}

.img-zoom-box {
    position: relative;
}
.img-zoom {
    overflow: hidden;
    border-radius: 10px;
}
.img-zoom img {
    transition-duration: 0.5s;
}
.img-zoom:hover img {
    transform: scale(1.1);
}





/* External style
========================================================================== */

iframe {
    max-width: 100% !important;
}

.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Footer style
========================================================================== */

.footer-nav {
    background:rgba(var(--color-green), 1);
}

.footer-nav a {
    font-size: 1rem;
    text-decoration: none;
}

.footer-nav li a {
	color: rgba(var(--color-white), 1);
	text-decoration: none;
}

.footer-nav li a:hover,
.footer-nav li a:active {
	color: rgba(var(--color-white), .8);
}

.footer-nav-list-triangle {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-nav-list-triangle > li {
    position: relative;
    padding: 0 0 0 1em;
}
.footer-nav-list-triangle > li::before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 0.3em solid transparent;
    border-left: 0.4em solid rgba(var(--color-white), 1);
    content: "";
}

.footer-tel {
    width: 50%;
}