@charset "UTF-8";
/*
               .
              /=\\
             /===\ \
            /=====\' \
           /=======\'' \
          /=========\ ' '\
         /===========\''   \
        /=============\ ' '  \
       /===============\   ''  \
      /=================\' ' ' ' \
     /======= ITCSS =====\' ' '  ' \
    /=====================\' '   ' ' \
   /=======================\  '   ' /
  /=========================\   ' /
 /===========================\'  /
/=============================\/

www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528
*/
/* Generic / Reset
##################################### */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main{
    display: block;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/* Elements
##################################### */
:root {
    font-size: 62.5%;
    /*scroll-behavior: smooth;*/
    --vh: 1vh;
}

:root.js-navi-open,
:root.js-navi-open body {
    overflow: hidden;
}

body {
    position: relative;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: futura-pt, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    line-height: 1.6;
    color: #000;
    background: #fff;
    overflow-anchor: auto;
    margin:0;
}

@media (max-width: 900px) {
    body:not(.home):not(.single-introduction),
    body.search-results {
        padding-top: 7rem;
    }
    
    .sp-none{
	    display:none;
    }
}

a,
a:hover,
a:focus,
a:active {
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    text-decoration: none;
    color: inherit;
}

::-moz-selection {
    color: #fff;
    background: #6e98cc;
}

::selection {
    color: #fff;
    background: #6e98cc;
}

button,
[type="button"],
[type="submit"] {
    cursor: pointer;
}

em {
    font-style: normal;
}

p {
    line-height: 2.4;
}

img,
svg,
iframe {
    display: block;
    max-width: 100%;
}

img,
svg {
    height: auto;
}



@media (min-width: 901px) {
	.sp-only {
	    display: none;
	}
}
@media (max-width: 900px) {
	.pc-only {
	    display: none;
	}
}




/* wp-block-library-cssから必要分だけ抜き出し
##################################### */

/* テキスト背景色 */
p.has-background {
	padding: 20px 30px;
}

/* ドロップキャップ */
.has-drop-cap:not(:focus)::first-letter {
	float: left;
	font-size: 8.4em;
	line-height: 0.68;
	font-weight: 100;
	margin: 0.05em 0.1em 0 0;
	text-transform: uppercase;
	font-style: normal;
}

.has-drop-cap:not(:focus)::after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

/* テーブル */
.wp-block-table {
  width: 100%;
}

/* テーブル ストライプ */
.wp-block-table.is-style-stripes {
	border-spacing: 0;
	border-collapse: inherit;
	background-color: transparent;
	border-bottom: 1px solid #f3f4f5;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #f3f4f5;
}

/* テーブル 均一幅 */
.wp-block-table .has-fixed-layout {
	table-layout: fixed;
	width: 100%;
}

.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
	word-break: break-word;
}

/* 引用 */
.wp-block-quote.is-style-large,
.wp-block-quote.is-large {
	margin: 0 0 16px;
	padding: 0 1em;
}

.wp-block-quote.is-style-large p,
.wp-block-quote.is-large p {
	font-size: 24px;
	font-style: italic;
	line-height: 1.6;
}

.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
	font-size: 18px;
	text-align: right;
}


/* メディアとテキスト */
.wp-block-media-text {
	display: grid;
	grid-template-rows: auto;
	align-items: center;
	grid-template-areas: "media-text-media media-text-content";
	grid-template-columns: 50% auto;
}
.wp-block-media-text .wp-block-media-text__media {
	grid-area: media-text-media;
	margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
	word-break: break-word;
	grid-area: media-text-content;
	padding: 0 8%;
}

.wp-block-media-text {
    display: flex;
    align-items: center;
}
.wp-block-media-text.has-media-on-the-right {
    flex-direction: row-reverse;
}
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content {
    width: 50%;
}
.wp-block-media-text .wp-block-media-text__content {
	padding: 0 0 0 8%;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 8% 0 0;
}


.o-prose .wp-block-media-text h2,
.o-prose .wp-block-media-text h3,
.o-prose .wp-block-media-text h4,
.o-prose .wp-block-media-text p{
	margin-top:0;
}

@media screen and (max-width: 480px) {
    .wp-block-media-text {
        display: block;
    }
	.wp-block-media-text .wp-block-media-text__media,
	.wp-block-media-text .wp-block-media-text__content {
	    width: 100%;
	}
    .wp-block-media-text .wp-block-media-text__content {
        padding: 8% 0 !important;
    }
}

.aligncenter img{
	margin-right: auto;
	margin-left: auto;
}




/* Objects
##################################### */
/* Prose
################################################################# */
.o-prose {
    /**
    *
    * Default
    *
    */
    font-size: 1em;
    line-height: 1.75;
    /**
    *
    * Gutenburg Overwrites
    *
    */
}

.o-prose a {
    text-decoration: none;
    color: #6e98cc;
}

.o-prose a:hover {
    border-bottom: 1px solid;
}

.o-prose abbr {
    border-bottom: 1px dotted;
    cursor: help;
}

.o-prose cite {
    font-style: italic;
}

.o-prose hr {
    display: block;
    height: 1px;
    margin-bottom: 1.4em;
    margin-top: 1.4em;
    background: #e6e6e6;
    border: none;
}

.o-prose img {
    vertical-align: text-bottom;
}

.o-prose ins {
    background-color: #0f0;
    text-decoration: none;
}

.o-prose mark {
    background-color: #ff0;
}

.o-prose small {
    font-size: 0.8em;
}

.o-prose strong {
    font-weight: 700;
}

.o-prose sub,
.o-prose sup {
    font-size: 0.8em;
}

.o-prose sub {
    vertical-align: sub;
}

.o-prose sup {
    vertical-align: super;
}

.o-prose p,
.o-prose dl,
.o-prose ol,
.o-prose ul,
.o-prose blockquote,
.o-prose pre,
.o-prose table {
    margin-bottom: 1.4em;
}

.o-prose p:last-child,
.o-prose dl:last-child,
.o-prose ol:last-child,
.o-prose ul:last-child,
.o-prose blockquote:last-child,
.o-prose pre:last-child,
.o-prose table:last-child {
    margin-bottom: 0;
}

.o-prose p:empty {
    display: none;
}

.o-prose h1,
.o-prose h2,
.o-prose h3,
.o-prose h4,
.o-prose h5,
.o-prose h6 {
    font-weight: 700;
    line-height: 1.2;
}

.o-prose h1:first-child,
.o-prose h2:first-child,
.o-prose h3:first-child,
.o-prose h4:first-child,
.o-prose h5:first-child,
.o-prose h6:first-child {
    margin-top: 0;
}

.o-prose h1 {
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
}

.o-prose h2 {
    font-size: 1.75em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
}

.o-prose h3 {
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
}

.o-prose h4 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
}

.o-prose h5 {
    font-size: 1.1em;
    margin-bottom: 1.27273em;
    margin-top: 1.27273em;
}

.o-prose h6 {
    font-size: 1em;
    margin-bottom: 1.4em;
    margin-top: 1.4em;
}

.o-prose dd {
    margin-left: 1.4em;
}

.o-prose ol,
.o-prose ul {
    list-style-position: outside;
    margin-left: 1.4em;
}

.o-prose ol {
    list-style-type: decimal;
}

.o-prose ol ol {
    list-style-type: lower-alpha;
}

.o-prose ol ol ol {
    list-style-type: lower-roman;
}

.o-prose ol ol ol ol {
    list-style-type: lower-greek;
}

.o-prose ol ol ol ol ol {
    list-style-type: decimal;
}

.o-prose ol ol ol ol ol ol {
    list-style-type: lower-alpha;
}

.o-prose ul {
    list-style-type: disc;
}

.o-prose ul ul {
    list-style-type: circle;
}

.o-prose ul ul ul {
    list-style-type: square;
}

.o-prose ul ul ul ul {
    list-style-type: circle;
}

.o-prose ul ul ul ul ul {
    list-style-type: disc;
}

.o-prose ul ul ul ul ul ul {
    list-style-type: circle;
}

.o-prose blockquote {
    border-left: 4px solid #e6e6e6;
    padding: 0.6em 1.2em;
}

.o-prose blockquote p {
    margin-bottom: 0;
}

.o-prose code,
.o-prose kbd,
.o-prose samp,
.o-prose pre {
    background-color: #f2f2f2;
    color: #333;
    font-size: 0.9em;
}

.o-prose code,
.o-prose kbd,
.o-prose samp {
    border-radius: 3px;
    line-height: 1.77778;
    padding: 0.1em 0.4em 0.2em;
    vertical-align: baseline;
}

.o-prose pre {
    overflow: auto;
    padding: 1em 1.2em;
}

.o-prose pre code {
    background: none;
    font-size: 1em;
    line-height: 1em;
}

.o-prose figure {
    margin-bottom: 2.8em;
    text-align: center;
}

.o-prose figure:first-child {
    margin-top: 0;
}

.o-prose figure:last-child {
    margin-bottom: 0;
}

.o-prose figcaption {
    font-size: 0.8em;
    margin-top: 0.875em;
}

.o-prose table {
    width: 100%;
}

.o-prose table pre {
    white-space: pre-wrap;
}

.o-prose th,
.o-prose td {
    font-size: 1em;
    padding: 0.7em;
    border: 1px solid #e6e6e6;
    line-height: 1.4;
}

.o-prose thead tr,
.o-prose tfoot tr {
    background-color: #f5f5f5;
}

.o-prose thead th,
.o-prose thead td,
.o-prose tfoot th,
.o-prose tfoot td {
    font-size: 0.9em;
    padding: 0.77778em;
}

.o-prose thead code,
.o-prose tfoot code {
    background-color: #fff;
}

.o-prose tbody tr {
    background-color: #fff;
}

.o-prose .blocks-gallery-grid {
    /* ul */
    margin-left: 0;
}

.o-prose .blocks-gallery-grid li {
    padding-left: 0;
}

.o-prose .wp-block-button {
    color: inherit;
}

.o-prose .wp-block-button__link {
    /* a */
    color: #fff;
}

.o-prose .wp-block-button__link:hover {
    border-bottom: none;
    opacity: 0.7;
}

/* Slick Official Styles
################################################################# */
/* Slick (slick.css)
----------------------------------------------- */
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.slick-slider.slick-track,
.slick-slider.slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: hand;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slick Theme (slick-theme.css)
----------------------------------------------- */
/* Slider */
.slick-loading .slick-list {
    background: #fff url("vendor/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
    src: url("vendor/slick/fonts/slick.eot?#iefix") format("embedded-opentype"),
        url("vendor/slick/fonts/slick.woff") format("woff"),
        url("vendor/slick/fonts/slick.ttf") format("truetype"),
        url("vendor/slick/fonts/slick.svg#slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
    /* button */
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1005;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    display: block;
    font-size: 20px;
    opacity: 0.75;
    color: #000;
    display: inline-block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.slick-prev {
    left: -25px;
}

.slick-prev:before {
    content: "\f053";
}

.slick-next {
    right: -25px;
}

.slick-next:before {
    content: "\f054";
}

/* Dots */
.slick-dots {
    position: absolute;
    z-index: 1005;
    bottom: 3rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    color: #fff;
}

.slick-dots li button:active,
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.slick-dots li button:active:before,
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    font-size: 3rem;
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 0.3em rgba(50, 50, 50, 0.6);
    opacity: 0.5;
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
}

/* Hide slick pictures before page load
----------------------------------------------- */
.slick-slider:not(.slick-initialized) .slick-slide:not(:first-of-type) {
    position: absolute;
    left: -5000px;
}

/* Text
----------------------------------------------- */
.o-sect-tit {
    margin-bottom: 4.8rem;
    text-align: center;
}

.o-sect-tit__tit {
    font-size: 2.4rem;
    line-height: 1.2;
/*
    font-family: futura-pt, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
*/
    font-weight: 500;
    font-style: normal;
}

.o-sect-tit--small .o-sect-tit__tit {
    font-size: 2rem;
}

.o-sect-tit__sub {
    margin-top: 0.6em;
    font-size: 1.1rem;
}

.o-sect-tit--small .o-sect-tit__sub {
    font-size: 1.2rem;
}

@media (min-width: 900px) {
    .o-sect-tit__tit {
        font-size: 4rem;
/*
        font-family: futura-pt, -apple-system, BlinkMacSystemFont,
            "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p",
            sans-serif;
*/
        font-weight: 500;
        font-style: normal;
    }
    .o-sect-tit--med .o-sect-tit__tit {
        font-size: 3.5rem;
    }
    .o-sect-tit--small .o-sect-tit__tit {
        font-size: 2.5rem;
    }
    .o-sect-tit__sub {
        font-size: 1.8rem;
    }
    .o-sect-tit--small .o-sect-tit__sub {
        font-size: 1.6rem;
    }
}

.o-skewer-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 1.6em;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}

.o-skewer-tit:before,
.o-skewer-tit:after {
    content: "";
    display: block;
    width: 1.2em;
    margin: 0 0.75em;
    height: 1px;
    background: #707070;
}

@media (min-width: 900px) {
    .o-skewer-tit {
        margin-bottom: 2em;
        font-size: 2.8rem;
    }
}

.o-bar-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto 1.2em;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
}

.o-bar-tit:after {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    content: "";
    display: block;
    width: 1px;
    height: 1px;
    margin-left: 1.2em;
    background: #707070;
}

@media (min-width: 900px) {
    .o-bar-tit {
        font-size: 2.3rem;
    }
}


.has-huge-font-size{
	font-size:4.2rem;
}
.has-vivid-red-color{
	color:#c2292c
}




/* Containers
----------------------------------------------- */
.o-wrapper {
    max-width: 144rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.o-wrapper--thin {
    max-width: 104rem;
}

.o-wrapper--thick {
    padding-left: 4rem;
    padding-right: 4rem;
}

@media (min-width: 900px) {
    .o-wrapper {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}

.o-box {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.o-box--thick {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

.o-box--grey {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: #f7f7f7;
}

.o-box--hide {
    overflow: hidden;
}

@media (min-width: 900px) {
    .o-box {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }
    .o-box--thick {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
    .o-box--grey {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

.o-center-text {
    text-align: center;
    line-height: 3;
}

@media (min-width: 900px) {
    .o-center-text {
        font-size: 1.8rem;
    }
}

/* Buttons
----------------------------------------------- */
.o-bttn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 14em;
    padding: 1em 1em;
    line-height: 1.2;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-style: normal;
    color: #000;
    background: transparent;
    border: 0;
}

.o-bttn:hover,
.o-bttn:focus,
.o-bttn:active {
    color: #000;
    background: #fff;
}

.o-bttn--blue {
    background: #212f4a;
    border-color: #212f4a;
}

.o-bttn--blue:hover,
.o-bttn--blue:focus,
.o-bttn--blue:active {
    color: #212f4a !important;
    background: #fff;
}

.o-bttn--white {
    color: #212f4a !important;
    background: #fff;
    border-color: #212f4a;
}

.o-bttn--white:hover,
.o-bttn--white:focus,
.o-bttn--white:active {
    color: #fff !important;
    background: #212f4a;
}

.o-bttn--grey {
    color: #000 !important;
/*
    background: #eaeaea;
    border-color: #eaeaea;
*/
}
.o-bttn--grey:hover {
	opacity: .6;
}
.o-bttn--grey::after {
	content: "";
	display: inline-block;
	background: url(/core/wp-content/themes/toyooka-kaban-theme/images/common/arrow.svg);
	width: 11px;
	height: 10px;
	margin-left: .3em;
}

.o-bttn--grey:hover,
.o-bttn--grey:focus,
.o-bttn--grey:active {
    color: #000 !important;
    background: #fff;
}

.o-bttn > i {
    margin-right: 0.4em;
    font-size: 1.2em;
}

@media (min-width: 900px) {
    .o-bttn {
        font-size: 1.6rem;
    }
}

.o-arch-bttn {
    margin-top: 4rem;
    text-align: center;
}

@media (min-width: 900px) {
    .o-arch-bttn {
        margin-top: 6rem;
    }
}

.o-arch-bttn-wrap{
	text-align:center;
	padding-top:3rem;
	padding-bottom:5rem;
}
.o-arch-bttn-wrap .o-arch-bttn{
	font-size: 1.6rem;
	color: #212f4a;
	background: #fff;
	border-radius: 200vh;
	border: 1px solid #212f4a;
	padding: 0.8em 1.5em;
	margin-top: 0rem;
	margin-bottom:0.5rem;
}
.o-arch-bttn-wrap .o-arch-bttn:hover{
	color:#fff;
	background: #212f4a;
}



/* Media
----------------------------------------------- */
.o-media-container {
    width: 100%;
}

.o-media-container div {
    width: 100%;
    position: relative;
    padding-bottom: 100%;
}

.o-media-container iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

@media (min-width: 600px) {
    .o-media-container div {
        padding-bottom: 55%;
    }
}

.o-sr-content {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: none;
}

/* Misc
----------------------------------------------- */
/* Utilities
##################################### */
/* Text
----------------------------------------------- */
.u-centered,
.has-text-align-center {
    text-align: center;
}

.u-margin-lr-auto {
    margin-left: auto;
    margin-right: auto;
}

.u-sans {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

.u-overflow-hidden {
    overflow: hidden;
}

/* Misc
----------------------------------------------- */
/* Components
##################################### */
/* Desktop Header
----------------------------------------------- */
.c-desk-head {
    position: sticky;
    z-index: 3000;
    left: 0;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem;
    background: #fff;
    -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
    -webkit-transition: padding 800ms ease;
    transition: padding 800ms ease;
}

.c-desk-head__logo {
    display: block;
}

.c-desk-head__logo img {
    width: 23rem;
    transition: all 0.3s ease-in-out 0s;
}

.c-desk-head__subbar,
.c-desk-head__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.c-desk-head__link {
    display: block;
    margin-right: 1.4rem;
    font-size: 1.9rem;
    letter-spacing: 0.125em;
}

.c-desk-head__link > i {
    display: block;
    font-size: 1.2em;
}

.c-desk-head__deal {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 1em;
    color: #3F4C6A;
    border-bottom: 1px solid;
}

.c-desk-head__deal i {
    margin-right: 0.25em;
}

.c-desk-head__bttn {
    padding: 0.5em 1em;
    font-size: 1.4rem;
    border-radius: 200vh;
}

.c-desk-head__bttn:focus,
.c-desk-head__bttn:active {
    color: #fff;
}

.c-desk-head__bttn:not(:last-child) {
    margin-right: 0.4em;
}

.c-desk-head__bttn--trip {
    padding-left: 1.5em;
    padding-right: 2em;
    color: #534741;
    background: url("img/trip-suitcase-bg.svg") no-repeat 80% 70%/80% auto,
        #e6dfd1;
}

.c-desk-head__bttn--trip:hover {
    color: #534741;
}

.c-desk-head__bttn--blue {
    color: #fff;
    background: #212f4a;
}

.c-desk-head__bttn--white {
    color: #212f4a;
    background: #fff;
    border: 1px solid #212f4a;
}

.c-desk-head__bttn--white i,
.c-desk-head__bttn--blue i {
    margin-right: 0.7em;
}

.c-desk-head__bttn--white:hover {
    background: #212f4a;
}

.c-desk-head__bttn--white:hover,
.c-desk-head__bttn--blue:hover {
    color: #fff;
}

.c-desk-head__nav {
    margin-top: 1em;
    font-size: 1.6rem;
}

.c-desk-head__nav > a {
    position: relative;
    display: inline-block;
}

.c-desk-head__nav > a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.3em;
    left: 50%;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width 0.3s ease-in;
    transform: translateX(-50%);
}

.c-desk-head__nav > a:hover:before {
    width: 100%;
    /* transform: translateX(0); */
}

.c-desk-head__nav > a:not(:first-child) {
    margin-left: 1em;
}

.c-desk-head__nav > a:not(:last-child) {
    margin-right: 1em;
}


html.js-scrolled .c-desk-head {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
html.js-scrolled .c-desk-head__bttn {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}
html.js-scrolled .c-desk-head__nav {
    margin-top: 0.3em;
}
html.js-scrolled .c-desk-head__logo img {
    width: 16rem;
}



@media (max-width: 900px) {
    .c-desk-head{
        display: none;
    }
    
}
@media (max-width: 1199px) {
    .c-desk-head__bttn--blue i,
    .c-desk-head__bttn--white i {
        display: none;
    }
    
}
@media (min-width: 1200px) {
    .c-desk-head__nav {
        font-size: 1.8rem;
    }
    .c-desk-head__nav > a:not(:first-child) {
        margin-left: 2em;
    }
    .c-desk-head__nav > a:not(:last-child) {
        margin-right: 2em;
    }
    
	.c-desk-head__bttn {
	    font-size: 1.6rem;
	}
}

/* Mobile Navi 
----------------------------------------------- */
@media (min-width: 900px) {
    .c-mob-logo,
    .c-mob-hamburger,
    .c-mob-navi {
        display: none;
    }
}

.c-mob-logo,
.c-mob-hamburger {
    z-index: 3000;
    top: 1.5rem;
}

.c-mob-logo {
    position: absolute;
    left: 1.5rem;
}

.c-mob-logo img {
    width: 12rem;
}

.c-mob-hamburger,
body.search-results .c-mob-hamburger {
    position: fixed;
    right: 1.5rem;
    width: 2.75rem;
    color: #000;
}

/* White */
.page-wallet .c-mob-hamburger,
.home .c-mob-hamburger {
    color: #fff;
}

.home .c-mob-hamburger svg {
    -webkit-filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.5));
}
body.search-results .c-mob-hamburger svg{
    -webkit-filter: none;
    filter: none;
}

.c-mob-navi {
    position: fixed;
    z-index: 3001;
    inset: 0;
    overflow-y: scroll;
    padding: 2rem 0;
    background: #fff;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 600ms ease, -webkit-transform 400ms ease;
    transition: opacity 600ms ease, -webkit-transform 400ms ease;
    transition: transform 400ms ease, opacity 600ms ease;
    transition: transform 400ms ease, opacity 600ms ease,
        -webkit-transform 400ms ease;
}

html.js-navi-open .c-mob-navi {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
}

.c-mob-navi__head,
.c-mob-navi__nav,
.c-mob-navi__bttns,
.c-mob-navi__foot {
    padding-left: 2rem;
    padding-right: 2rem;
}

.c-mob-navi__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-mob-navi__head > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-mob-navi__head > div > a {
    /* login button */
    display: block;
    margin-right: 1em;
    padding: 0.8em 1.6em;
    min-width: 0;
    font-weight: 600;
}

.c-mob-navi__logo {
    display: block;
    width: 13rem;
}

.c-mob-navi__close {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.c-mob-navi__close svg {
    width: 2.5rem;
}

.c-mob-navi__wrap {
    padding: 2rem 0;
}

.c-mob-navi__nav {
    margin-bottom: 2rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #707070;
}

.c-mob-navi__nav > a {
    display: block;
    position: relative;
    width: 50%;
    padding: 1.3em 1em;
    text-align: center;
    border-top: 1px solid #707070;
}

.c-mob-navi__nav > a:nth-child(odd) {
    padding-right: 2em;
    padding-left: 0;
}

.c-mob-navi__nav > a:nth-child(odd):after {
    right: 1.3em;
}

.c-mob-navi__nav > a:nth-child(even):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 16.25%;
    width: 1px;
    height: 65%;
    background: #707070;
}

.c-mob-navi__nav > a:nth-child(even):after {
    right: 0.2em;
}

.c-mob-navi__nav > a:after {
    content: "\f054";
    display: inline-block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #707070;
}

.c-mob-navi__bttns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-mob-navi__bttns .o-bttn {
    padding: 0.75em 1em;
}

@media (min-width: 450px) {
    .c-mob-navi__bttns .o-bttn {
        font-size: 1.8rem;
    }
}

.c-mob-navi__bttns .o-bttn--blue {
    width: calc(50% - 0.5rem);
    min-width: 0;
}

.c-mob-navi .c-mob-navi__signup,
.c-mob-navi .c-mob-navi__bttns .o-bttn--white {
    width: 100%;
    margin-top: 1.4rem;
}

.c-mob-navi__signup {
    /* .o-bttn */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.4rem;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    letter-spacing: -0.05em;
}

.c-mob-navi__signup > img {
    height: 4.2rem;
    margin-right: 0.7em;
}

.c-mob-navi__signup > div {
    line-height: 1.2;
    text-align: left;
}

.c-mob-navi__signup > div small {
    display: block;
    font-size: 1.4rem;
}

.c-mob-navi__signup > div em {
    display: block;
    font-size: 1.7rem;
}

.c-mob-navi__banners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    margin: 3rem 0;
    padding: 2rem 3rem;
    background: #f2eded;
}

.c-mob-navi__banners > a {
    display: block;
    width: calc(50% - 0.75rem);
}

.c-mob-navi__banners > a:nth-child(2) {
    margin-left: 1.5rem;
}

.c-mob-navi__foot {
    text-align: center;
}

.c-mob-navi__lang {
    position: relative;
    font-size: 2.1rem;
    padding-bottom: 0.8em;
    margin-bottom: 1em;
}

.c-mob-navi__lang::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 3em);
    display: block;
    width: 6em;
    height: 1px;
    background: currentColor;
}

.c-mob-navi__lang a {
    padding: 0 0.4em;
}

.c-mob-navi__sns {
    margin-top: 0.5em;
    font-size: 2.5rem;
}

.c-mob-navi__sns a {
    margin: 0 0.35em;
    color: #212f4a;
}

/* Slider Bars
----------------------------------------------- */
.c-slider-bars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.4;
    pointer-events: none;
}

.c-slider-bars__item {
    /*li*/
    font-family: futura-pt, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.c-slider-bars__item.js-active,
.c-slider-bars__item.slick-active {
    color: #fff;
}

.c-slider-bars__bar {
    position: relative;
    width: 3em;
    height: 1px;
    background: #999;
    overflow: hidden;
}

.c-slider-bars__item.js-active + .c-slider-bars__bar {
    background: #fff;
}

/* Banner Grid
----------------------------------------------- */
.c-banner-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-banner-grid a {
    display: block;
}

.c-banner-grid img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.c-banner-grid__cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.c-banner-grid {
    padding:0;
    margin:0;
    list-style:none;
}

@media (max-width: 600px) {
    .c-banner-grid > * {
        width: 100%;
    }
    .c-banner-grid > *:not(:first-child) {
        margin-top: 1rem;
    }
    .c-banner-grid__cols > a,
    ul.c-banner-grid > li.bnr:nth-child(3),
    ul.c-banner-grid > li.bnr:nth-child(4) {
        width: calc(50% - 0.5rem);
    }
    .c-banner-grid__rows > a:nth-child(2) {
        margin-top: 1rem;
    }
}

@media (min-width: 600px) {
    .c-banner-grid > a {
        width: calc(50% - 0.8rem);
        margin-bottom: 1.6rem;
    }
    .c-banner-grid__cols {
        width: calc(66.66% - 0.8rem);
    }
    .c-banner-grid__cols > a {
        width: calc(50% - 0.8rem);
    }
    .c-banner-grid__cols img {
        height: 100%;
    }
    .c-banner-grid__rows {
/*         width: calc(33.33% - 0.8rem); */
        width: calc(34.2% - 0.8rem);
        margin-left: 1.6rem;
    }
    .c-banner-grid__rows * {
		width:100%;
    }
    .c-banner-grid__rows > a:nth-child(2){
        margin-top: 1.6rem;
    }
    .c-banner-grid__rows .g{
        margin-top: 2rem;
    }
    .c-banner-grid__rows .g:first-child{
        margin-top: 0rem;
    }
    .c-banner-grid__rows .g *{
        margin: 0;
    }
    
    ul.c-banner-grid > li.bnr {
        width: calc(50% - 0.8rem);
        margin-bottom: 1.6rem;
    }
    ul.c-banner-grid > li.bnr:nth-child(n+3) {
/*         width: calc(33.33% - 0.8rem); */
        width: calc(32.6% - 0.8rem);
    }
    ul.c-banner-grid .c-banner-grid__rows {
        margin-left: 0rem;
    }
}

/* Category Row
----------------------------------------------- */
.c-cat-row {
    /* ul */
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    font-size: 1rem;
}

.c-cat-row__item,
.c-cat-row__item a {
    display: block;
}

.c-cat-row__item.js-active a {
    border-bottom: 2px solid #c2292c;
}

.c-cat-row__item a {
    margin: 0.4em 1em 0;
    padding-bottom: 0.2em;
    cursor: pointer;
    border-bottom: 1px solid currentColor;
}

@media (min-width: 600px) {
    .c-cat-row {
        font-size: 2rem;
    }
}

/* Post Grid
----------------------------------------------- */
.c-post-grid {
    /*ul*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;

/*
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
*/
}

.c-cat-row ~ .c-post-grid {
    margin-top: 3rem;
}

.c-post-grid__item,
.c-post-grid__item > a {
    display: block;
    width: 100%;
}

.c-post-grid__item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1.4rem;
}

.c-post-grid__img {
    width: 22%;
    max-width: 118px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.c-post-grid__img div {
    width: 100%;
    position: relative;
    padding-bottom: 100%;
}

.c-post-grid__img div img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.c-post-grid__wrap {
    width: 78%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 2.5rem;
}

.c-post-grid__date {
    font-size: 1.1rem;
    color: #999;
}

.c-post-grid__tit {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.5;
}

@media (min-width: 600px) {
    .c-post-grid__date {
        font-size: 1.75rem;
    }
    .c-post-grid__tit {
        font-size: 1.75rem;
    }
}

@media (max-width: 900px) {
    .c-post-grid__item {
        max-width: 60rem;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid #999;
    }
}

@media (min-width: 900px) {
    .c-post-grid__item {
        width: calc(50% - 2rem);
    }
    .c-post-grid__item:nth-child(2n) {
        margin-left: 4rem;
    }
}

@media (min-width: 1200px) {
    .c-post-grid__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .c-post-grid__date {
        margin-right: 3.8rem;
        margin-right: 6.4rem;
    }
}

/* Post List
----------------------------------------------- */
.c-post-list {
    list-style: none;
}

.c-post-list__item {
    width: 100%;
    padding-bottom: 3rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #707070;
}

.c-post-list__item > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c-post-list__item > a:after {
    margin-left: 2rem;
    font-size: 2.5rem;
    flex-shrink: 0;

    content: "\f054";
    display: block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.c-post-list__img {
    margin-right: 2rem;
    width: 10rem;
    flex-shrink: 0;
}

.c-post-list__img div {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 87.5%;
}

.c-post-list__img div img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.c-post-list__wrap {
    flex: 1 1 100%;
}

.c-post-list__wrap p {
    font-size: 1.3rem;
    line-height: 1.4;
}

.c-post-list__wrap time {
    display: block;
    margin-top: 0.8em;
    font-size: 1.1rem;
    color: #727272;
}

@media (min-width: 800px) {
    .c-post-list__item {
        padding-bottom: 5rem;
        margin-bottom: 3.5rem;
    }

    .c-post-list__item > a:after {
        margin-left: 3rem;
        font-size: 4rem;
    }

    .c-post-list__img {
        margin-right: 7rem;
        width: 20rem;
    }

    .c-post-list__wrap p {
        font-size: 2rem;
    }

    .c-post-list__wrap time {
        margin-top: 0.8em;
        font-size: 2rem;
    }
}

/* B to B Banner
----------------------------------------------- */
.c-btob-banner {
    position: relative;
    padding: 4rem 2rem;
    text-align: center;
    color: #fff;
    background: url("img/top/top-for-business.jpg");
}

.c-btob-banner:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.c-btob-banner > * {
    position: relative;
    z-index: 2;
}

.c-btob-banner__wrap {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.c-btob-banner__tit {
    margin-bottom: 1.6em;
}

.c-btob-banner__bttn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.6em auto 0;
    font-weight: 600;
    text-transform: uppercase;
}

.c-btob-banner__bttn:after {
    content: "";
    display: block;
    margin-left: 1em;
    width: 3em;
    height: 1em;
    background: url("img/fold-arrow-long-white.svg") no-repeat center
        center/100% auto;
}

@media (min-width: 900px) {
    .c-btob-banner {
        padding: 7rem 5.5rem;
    }
    .c-btob-banner__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .c-btob-banner__tit,
    .c-btob-banner__bttn {
        margin: 0;
    }
    .c-btob-banner__tit {
        text-align: left;
    }
    .c-btob-banner__txt {
        text-align: left;
    }
    .c-btob-banner__bttn {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media (min-width: 1200px) {
    .c-btob-banner__txt {
        font-size: 1.6rem;
    }
    .c-btob-banner__bttn {
        font-size: 1.6rem;
    }
}

/* Footer
----------------------------------------------- */
.c-footer {
    padding: 3rem 0;
    background: #f2eded;
    overflow: hidden;
}

.c-footer__logo {
    display: block;
    width: 100%;
    max-width: 9.5rem;
    margin: 0 auto 1.5rem;
}

.c-footer__nav {
    display: none;
}

.c-footer__bttns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.c-footer__bttns-seco {
    text-align: center;
    text-transform: uppercase;
    margin-top: 1em;
}

.c-footer__bttns-seco a {
    display: inline-block;
    margin: 0 1em;
    padding: 0 0.2em 0.1em;
    border-bottom: 1px solid currentColor;
}

.c-footer__bttns-seco a i {
    margin-right: 0.5em;
}

.c-footer__bttns-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-footer__bttns-main .o-bttn {
    padding-left: 1.4em;
    padding-right: 1.4em;
    min-width: 12em;
}

.c-footer__bttns-main .o-bttn:not(:first-child) {
    margin-left: 1em;
}

.c-footer__signup {
    display: none;
}

.c-footer__banners {
    display: none;
}

.c-footer__sns {
    margin: 3rem 0;
    text-align: center;
    color: #212f4a;
}

.c-footer__sns a {
    display: inline-block;
    margin: 0 0.5em;
    font-size: 2.1rem;
}

.c-footer__copy {
    margin-top: 3.25rem;
    font-size: 1rem;
    text-align: center;
}

@media (min-width: 600px) {
    .c-footer {
        padding: 5rem 2.2rem 2rem;
    }
    .c-footer__logo {
        max-width: 17rem;
        margin: 0 auto 4rem;
    }
    .c-footer__bttns-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-footer__bttns-seco {
        margin-top: 0;
        margin-bottom: 4.5rem;
    }
    .c-footer__bttns-seco a {
        font-size: 2.1rem;
    }
    .c-footer__banners {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 4.4rem;
    }
    .c-footer__banners a {
        display: block;
        width: calc(50% - 1.8rem);
        max-width: 41rem;
    }
    .c-footer__banners a:last-child {
        margin-left: 3.6rem;
    }
    .c-footer__banners img {
        width: 41rem;
    }
    .c-footer__sns {
        margin: 6rem 0 8rem;
    }
    .c-footer__sns a {
        font-size: 2.7rem;
    }
    .c-footer__copy {
        margin-top: 8rem;
        font-size: 1.4rem;
    }
    .c-footer__copy br {
        display: none;
    }
}

@media (min-width: 900px) {
    .c-footer__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 4rem;
    }
    .c-footer__nav > a {
        display: inline-block;
        margin: 0 1em;
        font-size: 1.8rem;
    }
    .c-footer__bttns-main .o-bttn:not(:first-child) {
        margin-left: 2em;
    }
    .c-footer__signup {
        /* .o-bttn */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        letter-spacing: -0.05em;
    }
    .c-footer__signup > img {
        height: 4.2rem;
        margin-right: 0.7em;
    }
    .c-footer__signup > div {
        line-height: 1.2;
        text-align: left;
    }
    .c-footer__signup > div small {
        display: block;
        font-size: 1.5rem;
    }
    .c-footer__signup > div em {
        display: block;
        font-size: 1.8rem;
    }
}

@media (min-width: 1200px) {
    .c-footer__bttns-main .o-bttn {
        min-width: 22.5em;
    }
}

.c-footer-contact {
    /*ul*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.2rem 3%;
    list-style: none;
    border-top: 1px solid #999;
}

.c-footer-contact__item {
    /*li*/
    display: block;
    width: 50%;
    padding: 1.5rem 0;
}

.c-footer-contact__item:nth-of-type(1) {
    padding-right: 3rem;
}

.c-footer-contact__item:nth-of-type(2) {
    padding-left: 3rem;
    border-left: 1px dashed #999;
}

.c-footer-contact__text {
    margin-bottom: 1em;
    font-size: 1.2rem;
    text-align: center;
}

.c-footer-contact__text .btn{
	font-size:0.9em;
}
.c-footer-contact__text .btn a{
	color:#cc0000;
}

.c-footer-contact__env {
    font-size: 2rem;
}

.c-footer-contact__env i {
    /*i*/
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 0.4em;
    width: 2em;
    height: 2em;
    font-size: 1em;
    color: #212f4a;
    border: 1px solid currentColor;
    border-radius: 200vh;
}

.c-footer-contact__num a,
.c-footer-contact__num span {
    display: inline-block;
}

.c-footer-contact__num a:nth-child(1),
.c-footer-contact__num span:nth-child(1) {
    min-width: 3em;
}

@media (max-width: 899px) {
	.c-footer-contact__text,
	.c-footer-contact__nums p{
		line-height:1.7;
	}
	.c-footer-contact__nums p{
		text-align: center;
	}
	.c-footer-contact__item:nth-of-type(1) {
		padding-right: 1.5rem;
	}
	.c-footer-contact__item:nth-of-type(2) {
		padding-left: 1.0rem;
	}
}

@media (min-width: 900px) {
    .c-footer-contact {
        border-top: none;
    }
    .c-footer-contact__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .c-footer-contact__text {
        text-align: left;
        margin: 0 1em 0 0;
    }
    .c-footer-contact__text .code {
        display: none;
    }
    .c-footer-contact__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .c-footer-contact__env {
        margin: 0 0.5em 0 0;
    }
}

@media (min-width: 1200px) {
    .c-footer-contact__text {
        font-size: 1.7rem;
        line-height: 1.8;
    }
    .c-footer-contact__env {
        font-size: 2.5rem;
        margin-right: 0.8em;
    }
    .c-footer-contact__nums {
        font-size: 1.9rem;
    }
    .c-footer-contact__nums p {
        line-height:1.8;
        margin:0;
    }
}

/* Footer Certified Companies
----------------------------------------------- */
.c-footer-cert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    
    flex-wrap: wrap;
}

.c-footer-cert .g.g-3{
	margin-bottom:15px;
}

.c-footer-cert .g.g-3:not(:first-child) {
    margin-left: 1rem;
}

.c-footer-cert .g.g-3 a {
    display: block;
}

.c-footer-cert .g.g-3 img {
    width: 100%;
}

.c-footer-cert .g-col {
    float: none;
}

.c-footer-cert .g-3 {
    min-width: 0px;
    max-width: none;
}

@media (min-width: 900px) {
    .c-footer-cert .g.g-3:not(:first-child) {
        margin-left: 2rem;
    }
}

/* Second Header
----------------------------------------------- */
.c-sec-head {
    position: relative;
}
.c-sec-head-noimg{
/* 	height:200px; */
}
.c-sec-head.c-sec-head-noimg::before{
	background: transparent;
}
.c-sec-head-noimg .c-sec-head__wrap{
	color:#000;
}

.c-sec-head:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.c-sec-head__img {
    width: 100%;
}

.c-sec-head__img .c-sec-head__img_item {
    position: relative;
    overflow: hidden;
    padding-bottom: Clamp(18rem, 33%, 49rem);
}

.c-sec-head__img .c-sec-head__img_item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.post-type-archive-trip .c-sec-head__img div {
    /* Trip */
    padding-bottom: 0;
}

.post-type-archive-trip .c-sec-head__img img {
    /* Trip */
    position: static;
    height: auto;
}

.c-sec-head__wrap {
    width: 100%;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    padding: 0 3%;
}

.c-sec-head__eng {
    font-size: 1.9em;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.c-sec-head__tit {
    font-size: 1em;
}

@media (min-width: 900px) {
    .c-sec-head__wrap {
        font-size: 2rem;
    }
}


.page-template-default .c-sec-head__wrap{
	max-width: 1200px;
	color: inherit;
	margin: 0 auto;
	padding: 10vw 5% 5vw;
	position: static;
	transform: translateY(0);
}
.page-template-default .c-sec-head::before{
	display:none;
}




/* Second Title
----------------------------------------------- */
.c-sec-title {
    padding: 4.5rem 2rem 3.25rem;
    text-align: center;
}

.c-sec-title__eng {
    font-size: 2.25rem;
    line-height: 1.6;
    text-transform: uppercase;
}

.c-sec-title__tit {
    font-size: 1.4rem;
    font-weight: 600;
}

@media (min-width: 900px) {
    .c-sec-title {
        padding: 7.8rem 2rem 8.5rem;
    }
    .c-sec-title__eng {
        font-size: 4.5rem;
    }
    .c-sec-title__tit {
        font-size: 2rem;
    }
}

/* Checklist (about lead)
----------------------------------------------- */
.c-checklist__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.c-checklist__item,
.c-checklist__item > * {
    position: relative;
    z-index: 1;
}

.c-checklist__item--right:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}

.c-checklist__img {
    display: none;
}

.c-checklist__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1em;
    font-size: 1.6rem;
    font-weight: 600;
}

.c-checklist__num {
    position: relative;
    margin-right: 0.7em;
    padding-right: 0.7em;
    text-align: center;
}

.c-checklist__num:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 0.8em);
    right: 0;
    width: 2px;
    height: 1.6em;
    background: #c2292c;
}

.c-checklist__num small,
.c-checklist__num em {
    display: block;
    line-height: 1;
}

.c-checklist__num small {
    font-size: 0.75em;
}

.c-checklist__num em {
    font-size: 1.5em;
    font-weight: bolder;
}

.c-checklist__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-checklist__item--left .c-checklist__txt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.c-checklist__item--right .c-checklist__txt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.c-checklist__txt p {
    width: calc(100% - 13rem);
    line-height: 1.8;
}

.c-checklist__txt img {
    width: 11rem;
}

.c-checklist__bttn {
    margin-top: 2.5rem;
    text-align: center;
}

@media (min-width: 600px) {
    .c-checklist__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-checklist__item.c-checklist__item--left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .c-checklist__item.c-checklist__item--right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .c-checklist__img {
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover;";
        width: calc(38% - 2rem);
    }
    .c-checklist__wrap {
        width: calc(62% - 2rem);
    }
    .c-checklist__txt p {
        width: 100%;
        line-height: 2.6;
    }
    .c-checklist__txt img {
        display: none;
    }
}

@media (min-width: 900px) {
    .c-checklist__item {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .c-checklist__img {
        width: calc(38% - 4rem);
    }
    .c-checklist__wrap {
        width: calc(62% - 4rem);
    }
    .c-checklist__tit {
        display: block;
        font-size: 2.8rem;
        text-align: center;
    }
    .c-checklist__num {
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 1em;
        padding-bottom: 0.2em;
    }
    .c-checklist__num:before {
        top: 100%;
        right: calc(50% - 0.8em);
        width: 1.6em;
        height: 2px;
    }
    .c-checklist__bttn {
        margin-top: 5rem;
    }
    .c-checklist__bttn .o-bttn {
        font-size: 1.4rem;
    }
}

@media (min-width: 1200px) {
    .c-checklist__txt p {
        font-size: 1.8rem;
    }
    .c-checklist__bttn .o-bttn {
        font-size: 1.8rem;
    }
}

/* Timeline (about history)
----------------------------------------------- */
.c-timeline-bg {
    position: relative;
}

.c-timeline-bg:before {
    display: block;
    position: absolute;
    content: "2020";
    z-index: -1;
    right: -6rem;
    top: 0;
    font-size: Min(20vw, 25rem);
    font-weight: 600;
    line-height: 1;
    color: #f0eded;
}

.c-timeline {
    /*ul*/
    position: relative;
    list-style: none;
    padding-top: 5rem;
    padding-left: 5rem;
}

.c-timeline:after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #707070;
}

.c-timeline__item {
    /*li*/
    display: block;
    max-width: 33rem;
    margin-right: auto;
}

.c-timeline__year {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.4em;
}

.c-timeline__year:after,
.c-timeline__year:before {
    content: "";
    display: block;
    position: absolute;
}

.c-timeline__year:before {
    right: calc(100% + 1rem);
    top: 50%;
    width: 4rem;
    height: 1px;
    background: #707070;
}

.c-timeline__year:after {
    z-index: 2;
    right: calc(100% + 4.2rem);
    top: calc(50% - 0.75rem);
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/nugget.svg) no-repeat center center/contain;
}

.c-timeline__img {
    width: 100%;
    max-width: 45rem;
}

.c-timeline__img--badge {
    width: 10rem;
    margin-left: auto;
    margin-right: auto;
}

.c-timeline__txt {
    margin-top: 0.7em;
}

.c-timeline__bttn {
    margin-top: 2em;
    text-align: center;
}

@media (max-width: 900px) {
    .c-timeline__item + .c-timeline__item {
        margin-top: 5rem !important;
    }
}

@media (min-width: 900px) {
    .c-timeline {
        /*ul*/
        padding-right: 5rem;
    }
    .c-timeline:after {
        left: 50%;
    }
    .c-timeline__item {
        width: 42%;
        max-width: none;
    }
    .c-timeline__item:nth-child(odd) {
        margin-right: 0;
        margin-left: auto;
    }
    .c-timeline__item:nth-child(even) .c-timeline__year {
        text-align: right;
    }
    .c-timeline__year {
        font-size: 4rem;
        margin-bottom: 0.4em;
    }
    .c-timeline__year:before {
        right: calc(100% + 0.5rem);
        width: 18%;
    }
    .c-timeline__item:nth-child(even) .c-timeline__year:before {
        right: -21%;
    }
    .c-timeline__year:after {
        right: 117.5%;
    }
    .c-timeline__item:nth-child(even) .c-timeline__year:after {
        right: -21%;
    }
    .c-timeline__img,
    .c-timeline__txt {
        max-width: 45rem;
    }
    .c-timeline__item:nth-child(even) .c-timeline__img,
    .c-timeline__item:nth-child(even) .c-timeline__txt {
        margin-left: auto;
    }
    .c-timeline__txt {
        margin-top: 1em;
        font-size: 1.8rem;
        line-height: 1.75;
    }
    .c-timeline #year-2018 {
        margin-top: -20rem;
        margin-bottom: 20rem;
    }
    .c-timeline #year-2014 {
        margin-top: -26rem;
        margin-bottom: 26rem;
    }
    .c-timeline #year-2006 {
        margin-top: -65rem;
        margin-bottom: 65rem;
    }
    .c-timeline #year-1971 {
        margin-top: -55rem;
        margin-bottom: 55rem;
    }
    .c-timeline #year-1953 {
        margin-top: -50rem;
        margin-bottom: 50rem;
    }
    .c-timeline #year-1936 {
        margin-top: -90rem;
        margin-bottom: 90rem;
    }
    .c-timeline #year-1925 {
        margin-top: -100rem;
        margin-bottom: 100rem;
    }
    .c-timeline #year-1900 {
        margin-top: -90rem;
        margin-bottom: 90rem;
    }
    .c-timeline #year-1893 {
        margin-top: -110rem;
        margin-bottom: 110rem;
    }
    .c-timeline #year-1881 {
        margin-top: -95rem;
        margin-bottom: 95rem;
    }
    .c-timeline #year-1668 {
        margin-top: -135rem;
        margin-bottom: 135rem;
    }
    .c-timeline #year-1580 {
        margin-top: -140rem;
        margin-bottom: 140rem;
    }
    .c-timeline #year-1473 {
        margin-top: -135rem;
        margin-bottom: 135rem;
    }
    .c-timeline #year-712 {
        margin-top: -170rem;
        margin-bottom: 170rem;
    }
    .c-timeline #year-27 {
        margin-top: -170rem;
    }
}

/* About Menu
----------------------------------------------- */
.c-about-menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-about-menu__item {
    /*a*/
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 0.75rem);
    margin-bottom: 1.5rem;
    padding: 1.8em 1.4em;
    padding-right: 3.6em;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    background: #fff;
}

.c-about-menu__item:before {
    display: inline-block;
    content: "";
    margin-right: 0.5em;
    width: 0.8em;
    height: 0.8em;
    background: url("img/nugget.svg") no-repeat center center/contain;
}

.c-about-menu__item:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 1.6em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    min-width: 3rem;
    height: 0.5em;
    background: url("img/fold-arrow.svg") no-repeat center bottom/contain;
}

.c-about-menu__item--home {
    width: calc(100%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 3em;
    padding-bottom: 3em;
    background: url("img/about/about-footer-menu.bg.png") no-repeat left
            bottom/auto 85%,
        #fff;
}

@media (min-width: 450px) {
    .c-about-menu__item {
        font-size: 1.4rem;
    }
}

@media (min-width: 600px) {
    .c-about-menu__item {
        font-size: 1.8rem;
    }
}

@media (min-width: 900px) {
    .c-about-menu__item {
        font-size: 2.2rem;
    }
}

@media (min-width: 1050px) {
    .c-about-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .c-about-menu__item--home {
        width: 45%;
        margin-bottom: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-right: 4.6em;
        background: url("img/about/about-footer-menu.bg.png") no-repeat left
                bottom/auto 85%,
            #fff;
        background-size: auto 70%, 100% 100%;
    }
    .c-about-menu__wrap {
        width: calc(55% - 3rem);
    }
    .c-about-menu__item:nth-child(3),
    .c-about-menu__item:nth-child(4) {
        margin-bottom: 0;
    }
}

/* Page Intro
----------------------------------------------- */
.c-page-intro__tit,
.c-page-intro__subtit {
    font-weight: 600;
    text-align: center;
}

.c-page-intro__tit {
    font-size: 2.4rem;
}

.c-page-intro__subtit {
    margin-top: 0.5em;
    font-size: 1.7rem;
}

.c-page-intro__text {
    margin-top: 1em;
    line-height: 2.4;
}

.c-page-intro__text:only-child {
    margin-top: 0;
}

@media (min-width: 900px) {
    .c-page-intro__tit {
        font-size: 2.2rem;
    }
    .c-page-intro__subtit {
        font-size: 1.9rem;
    }
    .c-page-intro__text {
/*         font-size: 1.8rem; */
        text-align: center;
    }
}

/* Login Banner
----------------------------------------------- */
.c-login-banner {
    padding: 4rem 2rem;
    text-align: center;
    background: #f7f7f7;
}

.c-login-banner p {
    margin-bottom: 1em;
}

@media (min-width: 900px) {
    .c-login-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 6rem 7rem;
        font-size: 1.8rem;
    }
    .c-login-banner p {
        margin-bottom: 0;
    }
    .c-login-banner span {
        display: block;
        width: 4em;
        height: 1px;
        margin-left: 2em;
        margin-right: 3em;
        background: #707070;
    }
}

/* Detail List
----------------------------------------------- */
.c-detail-list {
    /* ul */
    list-style: none;
}

.c-detail-list__item {
    /* li */
    display: block;
}

.c-detail-list__item:not(:first-child) {
    margin-top: 4rem;
}

.c-detail-list__tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 1.6rem;
    font-weight: 600;
}

.c-detail-list__tit:after {
    content: "";
    display: block;
    width: 3em;
    height: 1px;
    margin-left: 1.6em;
    background: currentColor;
}

.c-detail-list__txt {
    margin-top: 0.8em;
    line-height: 1.8;
}

@media (min-width: 900px) {
    .c-detail-list__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .c-detail-list__item:not(:first-child) {
        margin-top: 9rem;
    }
    .c-detail-list__tit {
        width: 15em;
        margin-right: 4em;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .c-detail-list__txt {
        margin: 0;
        width: calc(100% - 19em);
    }
}

@media (min-width: 1200px) {
    .c-detail-list__tit {
        font-size: 2rem;
    }
    .c-detail-list__txt {
        font-size: 1.8rem;
    }
}

/* Brands Search
----------------------------------------------- */
.c-brands-search {
    position: relative;
    margin: 45px auto;
    padding: 25px 20px 20px;
    border-bottom: 1px solid #707070;
}

.c-brands-search .searchandfilter ul > li > ul:not(.children) {
    margin-left: auto;
}

.c-brands-search__ico {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 2rem;
    line-height: 1;
}

.c-brands-search__ico .fa-search {
    margin: 0 1em;
}

.c-brands-search__ico:before,
.c-brands-search__ico:after {
    flex-grow: 1;
    content: "";
    display: block;
    height: 1px;
    width: 1px solid;
    background: #707070;
}

.c-brands-search__tit {
    margin-bottom: 1em;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

/* .c-brands-search__list, */
.c-brands-search .sf-field-taxonomy-brand_type > ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* .c-brands-search__item, */
.c-brands-search .sf-level-0 {
    width: 50%;
    padding-right: 0.4em;
    margin-bottom: 1em;
    line-height: 1.2;
}

.c-brands-search__item label {
    letter-spacing: -0.05em;
}

.c-brands-search__item input {
    margin: 0 0.5em 0 0;
}

.c-brands-search .searchandfilter ul{
	padding-left:0;
}

@media (min-width: 500px) {
    /* .c-brands-search__item, */
    .c-brands-search .sf-level-0 {
        width: 33.3%;
    }
}

@media (min-width: 700px) {
    /* .c-brands-search__item, */
    .c-brands-search .sf-level-0 {
        font-size: 1.6rem;
    }
}

@media (min-width: 1000px) {
    .c-brands-search {
        margin: 100px auto;
        padding: 35px 0 45px;
    }

    .c-brands-search__ico {
        font-size: 2.4rem;
    }

    .c-brands-search__ico .fa-search {
        margin: 0 3em;
    }

    .c-brands-search__tit {
        margin-bottom: 1.2em;
        font-size: 3rem;
    }

    /* .c-brands-search__list, */
    .c-brands-search .sf-field-taxonomy-brand_type > ul {
        max-width: 1000px;
        margin: 0 auto;
        justify-content: center;
    }

    /* .c-brands-search__item, */
    .c-brands-search .sf-level-0 {
        width: auto;
        font-size: 1.9rem;
        margin: 0 1.2em;
        padding-right: 0;
    }
}

/* Brands List / Item
----------------------------------------------- */
/*
 List
*/
.c-brand-list {
    /*ul*/
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
}

/*
 Item
*/
.c-brand-item {
    width: calc(50% - 1rem);
    margin-right: 2rem;
    margin-bottom: 4.5rem;
}

.c-brand-item:nth-child(2n) {
    margin-right: 0;
}

.c-brand-item__img {
    width: 100%;
}

.c-brand-item__img div {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}

.c-brand-item__img div img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.c-brand-item__tit {
    position: relative;
    width: calc(100% - 3rem);
    margin: -2em auto 0;
    padding: 0.8em 0.5em 1.5em;
    font-weight: bold;
    text-align: center;
    border-radius: 1em;
    background: #fff;
}

.c-brand-item__type {
    /* ul */
    width: 100%;
    padding: 0.4em 0.2em 0.45em;
    text-align: center;
    list-style: none;
    line-height: 1;
    background: #f7f7f7;
    border-radius: 0.7rem;
}

.c-brand-item__type li {
    display: inline-block;
    font-size: 1.1rem;
    text-transform: capitalize;
    letter-spacing: -0.02em;
}

.c-brand-item__type li:not(:first-child):before {
    content: " | ";
}

.c-brand-item__bttns {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.c-brand-item__bttns .o-bttn {
    width: calc(100% - 2em);
    padding-left: 1em;
    padding-right: 1em;
    min-width: 0;
    font-size: 1.1rem;
}

.c-brand-item__bttns .o-bttn:nth-child(2) {
    margin-top: 0.7em;
}

@media (max-width: 900px) {
    .c-brand-list {
        max-width: 60rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 901px) {
    .c-brand-item {
        width: calc(25% - 2.25rem);
        margin-right: 3rem;
        margin-bottom: 14rem;
    }

    .c-brand-item:nth-child(2n) {
        margin-right: 3rem;
    }

    .c-brand-item:nth-child(4n) {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .c-brand-item__tit {
        font-size: 2rem;
    }

    .c-brand-item__type li {
        font-size: 1.6rem;
    }

    .c-brand-item__bttns .o-bttn {
        font-size: 1.9rem;
    }
}

/* Content Block
----------------------------------------------- */
.c-content-block + .c-content-block {
    margin-top: 4rem;
}

@media (min-width: 900px) {
    .c-content-block + .c-content-block {
        margin-top: 6rem;
    }
}

/* Content Gallery
----------------------------------------------- */
.c-content-gallery,
.c-content-gallery__slide,
.c-content-gallery__slide img {
    width: 100%;
}

.c-content-gallery {
    /*ul*/
    list-style: none;
}

.c-content-gallery.slick-slider {
    padding-right: 3rem;
}

.c-content-gallery__slide {
    /*li*/
    display: block;
}

.slick-slider .c-content-gallery__slide {
    margin-right: 1rem;
}

.c-content-gallery__slide img {
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.c-content-gallery .slick-list {
    overflow: visible;
}

.c-content-gallery .slick-prev {
    left: 0;
}

.c-content-gallery .slick-prev.slick-disabled:before,
.c-content-gallery .slick-next.slick-disabled:before {
    opacity: 0;
}

.c-content-gallery .slick-next {
    right: 40px;
}

@media (min-width: 900px) {
    .c-content-gallery.slick-slider {
        padding-right: 23%;
    }

    .slick-slider .c-content-gallery__slide {
        /*li*/
        margin-right: 4rem;
    }

    .c-content-gallery .slick-prev,
    .c-content-gallery .slick-next {
        width: 6rem;
        height: 6rem;
    }

    .c-content-gallery .slick-prev:before,
    .c-content-gallery .slick-next:before {
        font-size: 6rem;
    }

    .c-content-gallery .slick-prev {
        left: -1rem;
    }

    .c-content-gallery .slick-next {
        right: calc(23% - 1rem);
    }
}

/* Content Title
----------------------------------------------- */
.c-content-title {
    margin: 2em 0 0.6em;
    padding-bottom: 0.25em;
    /* border-bottom: 1px solid currentColor; */
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

@media (min-width: 900px) {
    .c-content-title {
        margin: 7rem 0 5rem;
        font-size: 2.7rem;
    }
}

/* Content Text
----------------------------------------------- */
.c-content-text {
    line-height: 1.6;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

@media (min-width: 900px) {
    .c-content-text {
        font-size: 1.8rem;
        line-height: 2.5;
    }
}

/* Content Buttons
----------------------------------------------- */
.c-content-buttons {
    margin-top: 4.5rem;
    text-align: center;
}

.c-content-buttons .o-bttn {
    display: flex;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}

.c-content-buttons .o-bttn + .o-bttn {
    margin-top: 0.7em;
}

@media (min-width: 600px) {
    .c-content-buttons {
        margin-top: 11rem;
    }

    .c-content-buttons .o-bttn {
        display: inline-flex;
        padding-left: 2em;
        padding-right: 2em;
        width: auto;
    }

    .c-content-buttons .o-bttn + .o-bttn {
        margin-top: 0;
        margin-left: 0.7em;
    }
}

/* Area Section
----------------------------------------------- */
.c-area-sect {
    padding-top: 3.5rem;
    background: #fff;
    text-align: center;
}

.c-area-sect__tit {
    position: relative;
    z-index: 0;
    display: inline-block;
    font-size: 2rem;
    font-weight: bold;
}

.c-area-sect__tit:before,
.c-area-sect__tit:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.c-area-sect__tit:before {
    z-index: -1;
    bottom: -2em;
    width: 6em;
    height: 6em;
    border-radius: 6em;
    background: #fff;
}

.c-area-sect__tit:after {
    z-index: 1;
    bottom: -0.6em;
    width: 1.4em;
    height: 1px;
    background: currentColor;
}

.c-area-sect__tit .fa-map-pin {
    display: block;
    margin-bottom: 0.7em;
}

.c-area-sect__list {
    /*ul*/
    padding-top: 6rem;
    padding-bottom: 3rem;
    list-style: none;
    background: #f5f5f5;
}

@media (min-width: 1000px) {
    .c-area-sect {
        padding-top: 10rem;
    }

    .c-area-sect__tit {
        font-size: 2.8rem;
    }

    .c-area-sect__list {
        /*ul*/
        padding-top: 12.5rem;
        padding-bottom: 8rem;
    }
}

/* Area Item
----------------------------------------------- */
.c-area-item {
    /*li*/
    display: block;
    padding: 3rem 2rem;
    background: #fff;
    text-align: left;
    border-radius: 1.4rem;
}

.c-area-item + .c-area-item {
    margin-top: 2.3rem;
}

.c-area-item__tit {
    margin-bottom: 0.6em;
    font-size: 1.6rem;
    font-weight: bold;
}

.c-area-item__add {
    font-size: 1.2rem;
    line-height: 2;
}

.c-area-item__bttn {
    margin-top: 1.6em;
    text-align: center;
}

@media (min-width: 700px) {
    .c-area-item {
        /*li*/
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .c-area-item + .c-area-item {
        margin-top: 4.5rem;
    }

    .c-area-item__tit {
        width: 24%;
        margin-bottom: 0;
    }

    .c-area-item__add {
        width: 48%;
    }

    .c-area-item__bttn {
        width: 24%;
        align-self: flex-end;
        text-align: right;
        margin-top: 0;
    }
}

@media (min-width: 1000px) {
    .c-area-item {
        /*li*/
        padding: 6rem 6.5rem;
        border-radius: 2.4rem;
    }

    .c-area-item__tit {
        font-size: 2.2rem;
    }

    .c-area-item__add {
        font-size: 1.8rem;
    }

    .c-area-item__bttn {
        font-size: 1.7rem;
    }
}

/* PageNavi
----------------------------------------------- */
.wp-pagenavi {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.8rem;
    margin-top: 3em;
}

.wp-pagenavi > * {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    line-height: 1;
    letter-spacing: -0.05em;
    border-radius: 200vh;
    margin: 0 0.25em;
}

.wp-pagenavi > a {
    color: #000;
}

.wp-pagenavi > span {
    color: #fff;
    background: #000;
}

/* Blog Title
----------------------------------------------- */
.c-blog-title {
    margin-bottom: 3.5rem;
}

.c-blog-title__date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1em;
    font-size: 1.2rem;
    line-height: 1;
    color: #9c9c9c;
}

.c-blog-title__date:after {
    content: "";
    display: block;
    margin-left: 1em;
    width: 2.5em;
    height: 1px;
    background: #000;
}

.c-blog-title__tit {
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 2em;
    font-size: 1.6rem;
    font-weight: bold;
}

.c-blog-title__tit:before,
.c-blog-title__tit:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
}

.c-blog-title__tit:before {
    width: 100%;
    background: #cccccc;
}

.c-blog-title__tit:after {
    width: 5em;
    background: #000;
}

@media (min-width: 900px) {
    .c-blog-title {
        margin-bottom: 7rem;
    }

    .c-blog-title__date {
        font-size: 1.7rem;
    }

    .c-blog-title__tit {
        font-size: 2.4rem;
    }
}

/* Blog Content
----------------------------------------------- */
.c-blog-content {
    margin-bottom: 10rem;
}

@media (min-width: 900px) {
    .c-blog-content {
        font-size: 1.7rem;
    }
}

/* Blog Share
----------------------------------------------- */
.c-blog-share {
    margin-bottom: 3rem;
}

.c-blog-share__tit,
.c-blog-share__sns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-blog-share__tit {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.08em;
}

.c-blog-share__tit:before,
.c-blog-share__tit:after {
    content: "";
    display: block;
    margin: 0 0.8em;
    width: 1.2em;
    height: 1px;
    background: currentColor;
}

.c-blog-share__sns {
    margin-top: 1em;
    font-size: 2.2rem;
    line-height: 1;
    color: #999999;
}

.c-blog-share__sns a {
    margin: 0 0.7em;
}

@media (min-width: 900px) {
    .c-blog-share__tit {
        font-size: 2.4rem;
    }

    .c-blog-share__sns {
        font-size: 3.1rem;
    }
}

/* Brand Single
----------------------------------------------- */
/* --- Header --- */
.c-brand-head {
    display: block;
    position: relative;
    width: 100%;
}

/* .c-brand-head__tit {
    padding: 1.5em 1em;
    font-size: 2rem;
    text-align: center;
    letter-spacing: 0.08em;
}

.c-brand-head__back {
    position: absolute;
    top: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    width: 1.2em;
    height: 1.2em;

    color: #fff;
    background: #000;
} */

.c-brand-head__back:hover,
.c-brand-head__back:active,
.c-brand-head__back:focus {
    color: #fff;
}

.c-brand-head__gall {
    position: relative;
}

.c-brand-head__gall img {
    /*img*/
    width: 100%;
    min-height: 30rem;
    max-height: 78rem;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

@media (min-width: 900px) {
    /* .c-brand-head__tit {
        font-size: 3rem;
    }

    .c-brand-head__back {
        font-size: 4.5rem;
    } */

    .c-brand-head__gall:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.3);
    }


}

/* --- Title --- */
.c-brand-tit {
    position: relative;
    padding: 2.5rem 3rem;
    text-align: center;
}

.c-brand-tit__tit {
    font-size: 2.4rem;
    font-weight: bold;
}

.c-brand-tit__tit:before,
.c-brand-tit__tit:after {
    content: "";
    display: block;
    position: absolute;
    width: 1em;
    height: 1em;
}

.c-brand-tit__tit:before {
    left: 0;
    top: 0;
    border-top: 1px solid;
    border-left: 1px solid;
}

.c-brand-tit__tit:after {
    right: 0;
    bottom: 0;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.c-brand-tit__sub {
    font-size: 1.2rem;
}

.c-brand-tit__type {
    /* ul */
    display: inline-block;
    margin-top: 1em;
    padding: 0.5em 0.5em;
    text-align: center;
    list-style: none;
    line-height: 1;
    background: #f7f7f7;
    font-size: 1.1rem;
    border-radius: 0.7rem;
}

.c-brand-tit__type li {
    display: inline-block;
    text-transform: capitalize;
    letter-spacing: -0.02em;
}

.c-brand-tit__type li:not(:first-child):before {
    content: "｜";
}

@media (min-width: 900px) {
    .c-brand-tit {
        position: relative;
        padding: 5rem 2rem 4rem;
        text-align: center;
    }

    .c-brand-tit__tit {
        font-size: 4.2rem;
    }

    .c-brand-tit__sub {
        margin-top: 0.4em;
        font-size: 1.8rem;
    }

    .c-brand-tit__type {
        margin-top: 2em;
        font-size: 1.9rem;
    }
}

/* --- Intro --- */
.c-brand-intro {
}

.c-brand-intro__tit {
    margin-bottom: 1em;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.c-brand-intro__txt {
}

@media (min-width: 900px) {
    .c-brand-intro__tit {
        font-size: 3rem;
    }

    .c-brand-intro__txt {
        max-width: 98rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

/* --- Repeater (Banners) --- */
.c-brand-bnnrs {
    background: #f5f5f5;
}

.c-brand-bnnrs__item {
    position: relative;
}

.c-brand-bnnrs__item + .c-brand-bnnrs__item {
    padding-top: 2rem;
}

.c-brand-bnnrs__wrap {
    padding: 3rem 2rem 4rem;
}

.c-brand-bnnrs__tit {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.c-brand-bnnrs__tit + .c-brand-bnnrs__txt {
    margin-top: 2em;
}

.c-brand-bnnrs__img {
    width: 100%;
}

.c-brand-bnnrs__img img {
    width: 100%;
}

.c-brand-bnnrs__img img:first-of-type {
    display: none;
}

@media (min-width: 900px) {
    .c-brand-bnnrs__item--black {
        color: #000;
    }

    .c-brand-bnnrs__item--white {
        color: #fff;
        text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.2);
    }

    .c-brand-bnnrs__item {
        padding-left: 5%;
        padding-right: 5%;
    }

    .c-brand-bnnrs__wrap {
        position: relative;
        z-index: 2;
        max-width: 65rem;
        padding: 11rem 0 11.5rem;
    }

    .c-brand-bnnrs__item--left .c-brand-bnnrs__wrap {
        margin-right: auto;
    }

    .c-brand-bnnrs__item--right .c-brand-bnnrs__wrap {
        margin-left: auto;
    }

    .c-brand-bnnrs__tit {
        font-size: 2.8rem;
        text-align: left;
    }

    .c-brand-bnnrs__txt {
        font-size: 1.8rem;
    }

    .c-brand-bnnrs__tit + .c-brand-bnnrs__txt {
        margin-top: 1.4em;
    }

    .c-brand-bnnrs__img,
    .c-brand-bnnrs__img:after,
    .c-brand-bnnrs__img img {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        font-family: "object-fit: cover;";
    }

    .c-brand-bnnrs__img,
    .c-brand-bnnrs__img img {
        z-index: 0;
    }

    .c-brand-bnnrs__img img:first-of-type {
        display: block;
    }

    .c-brand-bnnrs__img img:last-of-type {
        display: none;
    }

    .c-brand-bnnrs__img:after {
        content: "";
        z-index: 1;
        width: 100%;
        background: rgba(0, 0, 0, 0.4);
    }
}

/* --- Product Section Title --- */
.c-brand-sect-tit {
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 2rem;
    font-weight: bold;
}

.c-brand-sect-tit:before,
.c-brand-sect-tit:after {
    content: "";
    display: block;
    margin: 0 0.3em;
    width: 2em;
    height: 1px;
    background: currentColor;
}

@media (min-width: 900px) {
    .c-brand-sect-tit {
        font-size: 3.5rem;
    }
}

/* --- Product Series --- */
.c-brand-series {
    background: #f7f7f7;
}

.c-brand-series__wrap {
    padding: 3rem 2rem;
}

.c-brand-series__tit {
    margin-top: 0.8em;
    font-size: 2rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
}

.c-brand-series__tit em,
.c-brand-series__tit small {
    display: block;
}

.c-brand-series__tit em {
    margin: -0.8em auto 0;
    display: table;
    padding: 0.4em;
    font-size: 1em;
    font-family: "Lato", sans-serif;
    line-height: 1;
    color: #fff;
    background: #000;
}

.c-brand-series__tit small {
    padding: 0.8em 0;
    font-size: 0.8em;
    font-weight: bold;
}

.c-brand-series__txt {
    margin-top: 2.8rem;
    line-height: 1.8;
}

.c-brand-series__img {
    width: 100%;
}

@media (min-width: 900px) {
    .c-brand-series {
        display: flex;
        align-items: center;
    }

    .c-brand-series:nth-child(odd) {
        flex-direction: row-reverse;
    }

    .c-brand-series:nth-child(even) {
        flex-direction: row;
    }

    .c-brand-series__wrap,
    .c-brand-series__img {
        width: 50%;
    }
}

@media (min-width: 1100px) {
    .c-brand-series__wrap {
        padding: 3rem 4rem;
    }

    .c-brand-series__tit {
        font-size: 2.4rem;
    }
}

@media (min-width: 1250px) {
    .c-brand-series__txt {
        font-size: 1.8rem;
        line-height: 2.5;
    }
}

@media (min-width: 1400px) {
    .c-brand-series:nth-child(odd) .c-brand-series__wrap {
        margin-right: auto;
    }

    .c-brand-series:nth-child(even) .c-brand-series__wrap {
        margin-left: auto;
    }

    .c-brand-series__wrap {
        width: 48%;
    }

    .c-brand-series__tit {
        font-size: 3.2rem;
    }
}

/* --- Factory Shop --- */
.c-brand-fact .c-brand-sect-tit {
    margin-bottom: 1.6em;
}

.c-brand-fact__gall {
    width: 100%;
}
.c-brand-fact__gall img{
    width: 100%;
}

.c-brand-fact__tit {
    margin-top: 3.5rem;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
}

.c-brand-fact__txt {
    margin-top: 2.5rem;
}

@media (min-width: 900px) {
    .c-brand-fact__tit {
        margin-top: 5rem;
        font-size: 2.8rem;
    }

    .c-brand-fact__txt {
        margin-top: 5rem;
        font-size: 1.8rem;
    }
}

/* --- Factory Footer --- */
.c-brand-foot {
    margin-top: 5rem;
    margin-bottom: 4rem;
    text-align: center;
}

.c-brand-foot__bttns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.c-brand-foot__bttns .o-bttn {
    min-width: 0;
}

.c-brand-foot__bttns a {
    width: calc(50% - 0.5rem);
}

.c-brand-foot__bttns a:not(:nth-child(1)):not(:nth-child(2)) {
    width: 100%;
    margin-top: 1rem;
}

.c-brand-foot__sns {
    max-width: 30rem;
    margin: 2em auto;
    font-size: 2rem;
    line-height: 1;
}

.c-brand-foot__sns a {
    margin: 0 0.3em;
}

/* .c-brand-foot__close {
    font-size: 3rem;
    line-height: 1;
} */

@media (max-width: 899px) {
    .c-brand-foot {
        max-width: 34rem;
    }
}

@media (min-width: 900px) {
    .c-brand-foot {
        max-width: 54rem;
    }
}

@media (min-width: 1201px) {
    .c-brand-foot {
        max-width: 64rem;
        margin-top: 18rem;
        margin-bottom: 23rem;
    }

    .c-brand-foot__bttns .o-bttn {
        font-size: 2rem;
    }

    .c-brand-foot__bttns a {
        width: calc(50% - 1rem);
    }
    
    .c-brand-foot__bttns a:not(:nth-child(1)):not(:nth-child(2)) {
        width: 100%;
        margin-top: 2rem;
    }

    .c-brand-foot__sns {
        font-size: 4rem;
    }

    /* .c-brand-foot__close {
        font-size: 5rem;
    } */
}

/* Form
----------------------------------------------- */
.c-form {
/*
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
*/
}

.c-form p {
    line-height: 1.8;
}

.c-form,
.c-form input,
.c-form textarea,
.c-form .o-bttn {
/*     font-size: 1.6rem; */
}

.c-form .o-bttn {
    margin: 0 0.3em 0.6em;
}

.c-form input:not([type="checkbox"]),
.c-form textarea {
    display: block;
    font-size: 1.8rem;
    background: rgba(0,0,0,0.05);
	padding: 5px 15px;
    width: 100%;
    max-width: 100%;
    border: none;
    box-shadow: none;
}

.c-form input:not([type="checkbox"]) + input:not([type="checkbox"]) {
    margin-top: 0.8em;
}

.c-form textarea {
    resize: vertical;
}

.c-form__control + .c-form__control {
    margin-top: 2em;
}

.c-form__label {
    display: block;
    margin-bottom: 0.8em;
}

.c-form__label--req:before {
    content: "必要";
    margin-right: 1em;
    padding: 0.1em 0.2em;
    font-size: 0.8em;
    line-height: 1;
    color: #fff;
    background: #f80000;
    border-radius: 0.2em;
}

.c-form__input .horizontal-item {
    display: block;
    margin-top: 0.5em;
}

.c-form__input .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}

.c-form__note {
    margin-top: 1em;
}

.c-form__privacy {
    margin: 2em auto;
}

.c-form__privacy a {
    border-bottom: 1px solid;
}

.c-form__bttns {
    text-align: center;
}

.c-form__bttns button {
	width: 100%;
	background: #fff;
	border: 1px solid #959595;
	padding: 18px 0;
	transition: .5s;
}
.c-form__bttns button:hover {
	background: #000000;
	color: #FFFFFF;
}

@media (min-width: 650px) {
    .c-form__control {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .c-form__label {
        width: 13em;
    }

    .c-form__input {
        width: calc(100% - 13em);
    }
}

@media (min-width: 900px) {
    .c-form,
    .c-form input,
    .c-form textarea,
    .c-form .o-bttn {
/*         font-size: 1.8rem; */
    }

    .c-form__control + .c-form__control {
        margin-top: 3em;
    }

    .c-form__label {
        margin-top: 0.5em;
        margin-bottom: 0;
    }

    .c-form__input--check {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .c-form__input .horizontal-item {
/*         width: 50%; */
        padding-right: 1em;
        margin-bottom: 0.5em;
    }

    .c-form__privacy {
        margin: 4em auto;
    }
}

/* Form Product
----------------------------------------------- */
.c-form-prod {
    max-width: 28rem;
    padding: 2rem;
    border: 1px solid #ccc;
    border-radius: 2rem;
}

.c-form-prod__img {
    width: 100%;
    margin-bottom: 2rem;
}

.c-form-prod,
.c-form-prod__img img {
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
}

.c-form-prod__det:not(:last-child) {
    padding-bottom: 0.3em;
    border-bottom: 1px dashed #ccc;
}

.c-form-prod__det:not(:first-child) {
    margin-top: 0.6em;
}

@media (min-width: 800px) {
    .c-form-prod {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 60rem;
        padding: 2rem 3rem;
    }

    .c-form-prod__img,
    .c-form-prod__img img {
        max-width: 20rem;
        margin: 0;
    }

    .c-form-prod__wrap {
        width: calc(100% - 200px);
        padding-left: 3rem;
    }

    .c-form-prod__det {
        font-size: 1.8rem;
    }
}

/* Simple Slider
----------------------------------------------- */
.c-simple-slider .slick-arrow:before {
    color: #fff;
    text-shadow: 0 0 0.2em rgba(0, 0, 0, 0.6);
}

.c-simple-slider .slick-prev {
    left: 15px;
}

.c-simple-slider .slick-next {
    right: 15px;
}

.c-simple-slider .slick-slide {
    padding:0 10px;
}

@media (min-width: 900px) {
    .c-simple-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .c-simple-slider .slick-arrow:before {
        font-size: 40px;
    }

    .c-simple-slider .slick-prev {
        left: 35px;
    }

    .c-simple-slider .slick-next {
        right: 35px;
    }
}

/* Center Slider
----------------------------------------------- */
.c-center-slider .slick-arrow:before {
    color: #fff;
}

.c-center-slider .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: #000;
    border-radius: 200vh;
    transform: translateY(-50%);
}

.c-center-slider .slick-prev {
    left: 2.5rem;
}

.c-center-slider .slick-next {
    right: 3.5rem;
}

.c-center-slider .g.g-3 {
    margin-left: 5px;
    margin-right: 5px;
}

.c-center-slider .g.g-3 a {
    display: block;
}

.c-center-slider .g.g-3 img {
    width: 100%;
}

.c-center-slider .g-col {
    float: none;
}

.c-center-slider .g-3 {
    min-width: 0px;
    max-width: none;
}

/* Trumps
##################################### */
/* Hero
----------------------------------------------- */
.t-hero {
    width: 100%;
    position: relative;
}

.t-hero__banner {
    position: absolute;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.9);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
}

.t-hero__banner img {
    margin: 0 auto;
}

.t-hero__slider {
    width: 100%;
}

.t-hero__slide {
    width: 100%;
}

.t-hero__slide > div {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.t-hero__slide img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.t-hero .slick-dots {
    color: #999;
    display: flex !important;
}

@media (max-width: 900px) {
    .t-hero__banner {
        width: 100%;
        left: 0;
        right: 0;
        top: 50%;
        padding: 5% 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 1);
    }
    .t-hero__banner img {
        width: 54%;
    }
    .t-hero__slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: rgba(0, 0, 0, 1);
    }
    .t-hero__slide > div {
        padding-bottom: 50%;
    }
    
    .t-hero__slide .t-hero__slide_t {
        margin-bottom:27%;
    }
    .t-hero__slide .t-hero__slide_b {
        margin-top:27%;
    }
    
}

@media (min-width: 900px) {
    .t-hero__banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 33.33%;
        height: 100%;
        left: 33.33%;
        top: 0;
        bottom: 0;
        padding: 0 2%;
    }
    .t-hero__banner img {
        width: 100%;
        margin-bottom: 6rem;
    }
    .t-hero__slide {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .t-hero__slide > div {
        width: 50%;
        padding-bottom: 50%;
    }
    
    .t-hero__slide::after{
	    content:"";
	    display:block;
	    width:100%;
	    height:100%;
	    background:rgba(0,0,0,0.25);
	    position:absolute;
	    top:0;
	    left:0;
    }
}

/* Top - Certified Products
----------------------------------------------- */
.t-top-cert-prods {
    overflow: hidden;
}

.t-top-cert-prods__wrap {
    text-align: center;
}

.t-top-cert-prods--sp .t-top-cert-prods__wrap .o-arch-bttn {
    display: none;
}

.t-top-cert-prods__prods {
    margin-top: 4rem;
}

.t-top-cert-prods--sp .t-top-cert-prods__prods {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.t-top-cert-prods--pc .t-top-cert-prods__prods .o-arch-bttn {
    display: none;
}

.t-top-cert-prods--sp .t-top-cert-prods__slider .slick-list {
    overflow: visible;
}

.t-top-cert-prods__slider .slick-prev,
.t-top-cert-prods__slider .slick-next {
    top: calc(50% - 2rem);
}

.t-top-cert-prods--sp .t-top-cert-prods__slider .slick-prev {
    left: -1rem;
}

.t-top-cert-prods--pc .t-top-cert-prods__slider .slick-prev {
    left: -1.4rem;
}

.t-top-cert-prods--sp .t-top-cert-prods__slider .slick-next {
    right: -1rem;
}

.t-top-cert-prods--pc .t-top-cert-prods__slider .slick-next {
    right: -0.4rem;
}

.t-top-cert-prods--sp .t-top-cert-prods__slider .slick-arrow:before {
    font-size: 2.4rem;
}

.t-top-cert-prods--pc .t-top-cert-prods__slider .slick-arrow:before {
    font-size: 5rem;
}

.t-top-cert-prods__slide {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.t-top-cert-prods--sp .t-top-cert-prods__slide {
    margin: 0 0.8rem;
}

.t-top-cert-prods--pc .t-top-cert-prods__slide {
    margin: 0 2.4rem;
}

.t-top-cert-prods__prod {
    display: block;
    text-align: center;
}

.t-top-cert-prods--sp .t-top-cert-prods__prod {
    width: calc(50% - 0.8rem);
}

.t-top-cert-prods--pc .t-top-cert-prods__prod {
    width: calc(33.33% - 1.4rem);
    margin-top: 1.4rem;
}

.t-top-cert-prods__prod img {
    width: 100%;
}

.t-top-cert-prods__prod p {
    margin-top: 0.4em;
    font-size: 1.3rem;
    font-weight: 600;
}

@media (min-width: 1200px) {
    .t-top-cert-prods.t-top-cert-prods--pc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .t-top-cert-prods__wrap {
        width: 32%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .t-top-cert-prods__prods {
        width: calc(69% - 6rem);
        margin-top: 0;
        padding-left: 4rem;
        padding-right: 3rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .t-top-cert-prods--pc .t-top-cert-prods__slider .slick-prev {
        left: -3.8rem;
    }
    .t-top-cert-prods--pc .t-top-cert-prods__slider .slick-next {
        right: -1.8rem;
    }
}

/* Top - About
----------------------------------------------- */
.t-top-about {
    /* .o-wrapper / a */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 2.5%;
    padding-right: 2rem;
    background: #efeceb;
}

.t-top-about__img {
    width: 60%;
    max-width: 520px;
}

.t-top-about__img img {
    width: 100%;
}

.t-top-about__wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 2rem;
    padding-left: 1em;
    padding-bottom: 1em;
}

.t-top-about__wrap > p {
    display: none;
}

.t-top-about__tit {
    font-family: futura-pt, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.t-top-about__tit p {
    font-size: 0.81em;
    line-height: 1.4;
}

.t-top-about__tit h2 {
    font-size: 1em;
}

.t-top-about__bttn {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1em;
    margin-left: auto;
    padding: 0 1.2em 0.1em 0.4em;
    font-size: 0.56em;
    font-weight: 600;
    text-transform: uppercase;
    font-family: futura-pt, -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.t-top-about__bttn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url("img/fold-arrow.svg") no-repeat center bottom/100% auto;
}

@media (max-width: 600px) {
    .t-top-about__img img {
        max-width: 481px;
    }
    .t-top-about__img img:nth-child(2) {
        display: none;
    }
}

@media (max-width: 900px) {
    .t-top-about__wrap > p {
        display: none;
    }
}

@media (min-width: 450px) {
    .t-top-about__wrap {
        font-size: 2.8rem;
    }
}

@media (min-width: 600px) {
    .t-top-about__img {
        max-width: 782px;
    }
    .t-top-about__img img:nth-child(1) {
        display: none;
    }
    .t-top-about__wrap {
        font-size: 3.2rem;
    }
}

@media (min-width: 1000px) {
    .t-top-about__wrap > p {
        display: block;
        font-size: 1.6rem;
    }
}

@media (min-width: 1200px) {
    .t-top-about {
        padding-right: 6.5rem;
    }
    .t-top-about__wrap {
        padding-bottom: 1.4em;
    }
    .t-top-about__wrap > p {
        margin-top: 1em;
        font-size: 1.8rem;
    }
    .t-top-about__bttn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 2.6em;
        padding: 0;
    }
    .t-top-about__bttn:before {
        position: static;
        margin-left: 1em;
        width: 3em;
        height: 1em;
        background-image: url("img/fold-arrow-long.svg");
        background-position: center center;
    }
}

/* Top - Mini Banners
----------------------------------------------- */
.t-top-minibnnrs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    font-weight: 600;
}

.t-top-minibnnrs__item,
.t-top-minibnnrs__item:hover {
    color: #fff;
}

.t-top-minibnnrs__item--blue {
    background: #b8c8d1;
}

.t-top-minibnnrs__item--pink {
    background: #dcc0c0;
}

.t-top-minibnnrs__item p {
    width: 55%;
}

.t-top-minibnnrs__item img {
    width: 45%;
}

.t-top-minibnnrs__item p {
    padding: 0 1.5em;
}

@media (min-width: 600px) {
    .t-top-minibnnrs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 120rem;
        margin-left: auto;
        margin-right: auto;
    }
    .t-top-minibnnrs__item {
        width: calc(50% - 1rem);
    }
}

@media (min-width: 900px) {
    .t-top-minibnnrs__item {
        margin-top: 6rem;
        width: calc(50% - 3rem);
    }
}

@media (min-width: 1200px) {
    .t-top-minibnnrs__item p {
        font-size: 2rem;
    }
}

/* Top - Certified Companies First
----------------------------------------------- */
.t-top-cert-first {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background-color: #fff;
}

.home .t-top-cert-first {
    padding-bottom: 0 !important;
}

.t-top-cert-first__tit {
    margin-bottom: 2em;
    text-align: center;
}

.t-top-cert-first .g.g-2,
.t-top-cert-first__list {
    /* ul */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.t-top-cert-first__item > a:before,
.t-top-cert-first__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.t-top-cert-first .g-col,
.t-top-cert-first__item {
    /* li */
    position: relative;
    display: block;
}

.t-top-cert-first .g-col {
    width: calc(50% - 0.9rem);
}

.t-top-cert-first__item {
    width: 100%;
}

.t-top-cert-first__item > a {
    display: block;
    position: relative;
    padding-bottom: 100%;
}

.t-top-cert-first__item > a:before {
    content: "";
    z-index: 1;
    display: block;
    background: rgba(0, 0, 0, 0.25);
}

.t-top-cert-first__img {
    z-index: 0;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.t-top-cert-first__ico {
    position: absolute;
    z-index: 2;
    top: 1em;
    left: 1em;
    width: 100%;
    max-width: 10rem;
    max-height: 4.5rem;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain;";
    -o-object-position: left center;
    object-position: left center;
}

.t-top-cert-first__name {
    position: absolute;
    z-index: 3;
    line-height: 1.4;
    letter-spacing: -0.06em;
    left: 0.75em;
    bottom: 0.75em;
    color: #fff;
}

.t-top-cert-first__name small,
.t-top-cert-first__name em {
    display: block;
}

.t-top-cert-first__name small {
    font-size: 1rem;
}

.t-top-cert-first__name em {
    font-size: 1.3rem;
}

@media (max-width: 900px) {
    .t-top-cert-first {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    /* .t-top-cert-first__item:nth-child(3),
    .t-top-cert-first__item:nth-child(4), */
    .t-top-cert-first .g-col:nth-child(3),
    .t-top-cert-first .g-col:nth-child(4),
    .t-top-cert-first .g-col:nth-child(5),
    .t-top-cert-first .g-col:nth-child(6) {
        margin-top: 1.8rem;
    }
}

@media (min-width: 500px) and (max-width: 900px) {
    .t-top-cert-first__name small {
        font-size: 1.1rem;
    }
    .t-top-cert-first__name em {
        font-size: 1.7rem;
    }
}

@media (min-width: 900px) {
    .t-top-cert-first {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    /* .t-top-cert-first__list */
    .t-top-cert-first .g.g-2 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .t-top-cert-first .g-col:not(:first-child) {
        margin-left: 1rem;
    }
}

@media (min-width: 1200px) {
    /* .t-top-cert-first__item:not(:first-child), */
    .t-top-cert-first .g-col:not(:first-child) {
        margin-left: 2rem;
    }
}

@media (min-width: 1500px) {
    .t-top-cert-first__name small {
        font-size: 1.1rem;
    }
    .t-top-cert-first__name em {
        font-size: 1.7rem;
    }
}

/* Top - Trip
----------------------------------------------- */
.t-top-trip {
    /*a*/
    display: block;
}

.t-top-trip img {
    width: 100%;
}

@media (max-width: 600px) {
    .t-top-trip {
        margin: 2.2rem auto;
    }
    .t-top-trip img:last-child {
        display: none;
    }
}

@media (min-width: 600px) {
    .t-top-trip {
        margin: 13rem auto 16rem;
    }
    .t-top-trip img:first-child {
        display: none;
    }
}

/* Top - Trip
----------------------------------------------- */
.t-top-insta {
    width: 100%;
}

/* About - Lead
----------------------------------------------- */
.t-about-sustain {
    padding-top: 6.5rem;
    padding-bottom: 9rem;
    text-align: center;
    background: #f2f2f2;
}

.t-about-sustain__img {
    width: 80%;
    margin: 0 auto 30px;
}

.t-about-sustain__tit,
.t-about-sustain__sub {
    font-weight: 600;
}

.t-about-sustain__tit {
    font-size: 2rem;
}

.t-about-sustain__sub {
    margin-top: 0.8rem;
    font-size: 1.2rem;
}

.t-about-sustain__text,
.t-about-sustain__bttn {
    margin-top: 3rem;
}

@media (max-width: 599px) {
    .t-about-sustain__img {
        margin: 0 auto 30px;
        padding: 40px;
        background: #fff;
    }
    .t-about-sustain__text {
        text-align: left;
    }
    .t-about-sustain__text br {
        display: none;
    }
}

@media (min-width: 600px) {
    .t-about-sustain {
        margin-top: 16rem;
    }
    .t-about-sustain__img {
        max-width: 42rem;
        margin-top: -14rem;
    }
    .t-about-sustain__tit {
        font-size: 4rem;
    }
    .t-about-sustain__sub {
        font-size: 2rem;
    }
    .t-about-sustain__text {
        font-size: 1.8rem;
    }
    .t-about-sustain__bttn .o-bttn {
        font-size: 1.8rem;
    }
}

/* About - Links
----------------------------------------------- */
.t-about-links {
    max-width: 40rem;
}

.t-about-links__item {
    position: relative;
    display: block;
    text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.3);
}

.t-about-links__item:last-child {
    margin-top: 2rem;
}

.t-about-links__item,
.t-about-links__item:hover,
.t-about-links__item:active,
.t-about-links__item:hover {
    color: #fff;
}

.t-about-links__item:before,
.t-about-links__item span,
.t-about-links__item p,
.t-about-links__item span:before {
    position: absolute;
}

.t-about-links__item:before {
    z-index: 1;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.t-about-links__item img {
    width: 100%;
    z-index: 0;
}

.t-about-links__item p {
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
}

.t-about-links__item span {
    z-index: 2;
    bottom: 1em;
    right: 1em;
    line-height: 1;
}

.t-about-links__item span:before {
    content: "";
    display: block;
    width: 140%;
    height: 50%;
    left: -20%;
    bottom: -0.5em;
    background: url("img/fold-arrow-long-white.svg") no-repeat center
        center/100% auto;
}

@media (min-width: 800px) {
    .t-about-links {
        max-width: 100%;
        display: flex;
        align-items: stretch;
        justify-content: center;
    }

    .t-about-links__item {
        width: calc(50% - 1rem);
    }

    .t-about-links__item:last-child {
        margin-top: 0;
        margin-left: 2rem;
    }
}

@media (min-width: 1000px) {
    .t-about-links__item p {
        font-size: 2.4rem;
    }

    .t-about-links__item span {
        bottom: 1.5em;
        right: 2em;
        font-size: 1.8rem;
    }
}

/* Warranty
----------------------------------------------- */
.t-warranty-trademark {
    padding: 3rem 2rem 5rem;
    background: #f2f2f2;
    border-radius: 3rem;
}

.t-warranty-trademark > h2,
.t-warranty-trademark > h3 {
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
}

.t-warranty-trademark > h2 {
    margin-bottom: 1em;
    font-size: 2rem;
}

.t-warranty-trademark > h3 {
    font-size: 1.6rem;
    margin-bottom: 2em;
}

.t-warranty-trademark__list {
    /* ul */
    list-style: none;
}

.t-warranty-trademark__item {
    position: relative;
    margin-top: 7rem;
    padding: 5rem 2rem 4rem;
    background: #fff;
    border-radius: 3rem;
}

.t-warranty-trademark__item > h2,
.t-warranty-trademark__item > h3 {
    text-align: center;
}

.t-warranty-trademark__item > h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: calc(50% - 3em);
    top: -3em;
    width: 6em;
    height: 6em;
    color: #fff;
    line-height: 1;
    border-radius: 200vh;
}

.t-warranty-trademark__item > h3 {
    margin-top: 0.6em;
    margin-bottom: 1em;
    font-size: 1.6rem;
    font-weight: 600;
}

.t-warranty-trademark__item > p {
    line-height: 2;
}

.t-warranty-trademark__item:nth-child(1) > h2 {
    background: #b0c7ce;
}

.t-warranty-trademark__item:nth-child(2) > h2 {
    background: #ceb0b0;
}

@media (max-width: 1200px) {
    .t-warranty-trademark {
        max-width: 60rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 600px) {
    .t-warranty-trademark {
        padding: 7rem 6rem 6rem;
    }
}

@media (min-width: 1200px) {
    .t-warranty-trademark > h2 {
        font-size: 2.6rem;
    }
    .t-warranty-trademark > h3 {
        font-size: 2.2rem;
    }
    .t-warranty-trademark__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .t-warranty-trademark__item {
        width: calc(50% - 2rem);
        padding: 9rem 6rem 7rem;
    }
    .t-warranty-trademark__item > h2,
    .t-warranty-trademark__item > h3 {
        font-size: 2.2rem;
    }
    .t-warranty-trademark__item > p {
        font-size: 1.8rem;
    }
}

.t-warranty-sect-wrap {
    margin-bottom: 0;
}

.t-warranty-sect-wrap + .o-box.o-box--grey {
    margin-top: 0;
}

.t-warranty-sect + .t-warranty-sect {
    margin-top: 4rem;
}

@media (min-width: 900px) {
    .t-warranty-sect + .t-warranty-sect {
        margin-top: 7.5rem;
    }
    .t-warranty-sect p {
        font-size: 1.8rem;
    }
}

@media (max-width: 1200px) {
    .t-warranty-dual__img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4.5rem;
    }
}

@media (min-width: 1200px) {
    .t-warranty-dual {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .t-warranty-dual__img {
        width: 52%;
    }
    .t-warranty-dual__wrap {
        width: calc(48% - 5rem);
    }
}

.t-warranty-panels__item:last-child {
    margin-top: 4rem;
}

.t-warranty-panels__img {
    /*img*/
    width: 83%;
}

.t-warranty-panels__item--left .t-warranty-panels__img {
    margin-left: auto;
}

.t-warranty-panels__txt {
    /*p*/
    position: relative;
    width: 75%;
    margin-top: -2em;
    padding: 2.5em 3em;
    line-height: 1.95;
    background: rgba(255, 255, 255, 0.9);
}

.t-warranty-panels__item--right .t-warranty-panels__txt {
    margin-left: auto;
}

@media (min-width: 900px) {
    .t-warranty-panels__item {
        max-width: 60rem;
        margin-left: auto;
        margin-right: auto;
    }
    .t-warranty-panels__txt {
        /*p*/
        font-size: 1.8rem;
    }
}

@media (min-width: 1200px) {
    .t-warranty-panels {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .t-warranty-panels__item {
        width: calc(50% - 3rem);
        margin: 0;
    }
    .t-warranty-panels__item:last-child {
        margin-top: 0;
    }
    .t-warranty-panels__img {
        margin-right: auto !important;
    }
    .t-warranty-panels__txt {
        margin-left: auto !important;
        margin-top: -3.5em;
    }
}

/* Guarantee
----------------------------------------------- */
.t-guarantee-about > h2,
.t-guarantee-about > h3 {
    margin-bottom: 3rem;
    text-align: center;
    font-weight: 600;
}

.t-guarantee-about > h2 {
    font-size: 2rem;
}

.t-guarantee-about > h3 {
    font-size: 1.5rem;
}

.t-guarantee-about__dual,
.t-guarantee-about__dual > div {
    margin-top: 3rem;
}

.t-guarantee-about__dual > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.t-guarantee-about__dual > div img {
    width: calc(50% - 1rem);
}

@media (max-width: 900px) {
    .t-guarantee-about p br {
        display: none;
    }
}

@media (min-width: 900px) {
    .t-guarantee-about > h2,
    .t-guarantee-about > h3 {
        margin-bottom: 8rem;
    }
    .t-guarantee-about > h2 {
        font-size: 3rem;
    }
    .t-guarantee-about > h3 {
        font-size: 2.2rem;
    }
    .t-guarantee-about__dual {
        margin-top: 8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .t-guarantee-about__dual > p,
    .t-guarantee-about__dual > div {
        width: 50%;
    }
    .t-guarantee-about__dual > p {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 6rem;
    }
    .t-guarantee-about__dual > div {
        max-width: 62rem;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .t-guarantee-about p {
        font-size: 1.8rem;
    }
}

.t-guarantee-merits__wrap > h2,
.t-guarantee-merits__wrap > p {
    text-align: center;
}

.t-guarantee-merits__wrap > h2 {
    margin-bottom: 1.4em;
    font-size: 2rem;
    font-weight: 600;
}

.t-guarantee-merits__wrap > p {
    margin-bottom: 2rem;
}

.t-guarantee-merits__points {
    /*ul*/
    list-style: none;
}

.t-guarantee-merits__item {
    /*li*/
    display: block;
    text-align: center;
}

.t-guarantee-merits__item + .t-guarantee-merits__item {
    margin-top: 5rem;
}

.t-guarantee-merits__item img {
    width: 75%;
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 200vh;
    /* temp */
}

.t-guarantee-merits__item h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.6em;
}

.t-guarantee-merits__bttn {
    margin-top: 3rem;
    text-align: center;
}

.t-guarantee-merits__bttn .o-bttn {
    margin-top: 2em;
}

@media (min-width: 900px) {
    .t-guarantee-merits {
        margin-bottom: 0;
    }
    .t-guarantee-merits__wrap > h2 {
        font-size: 3rem;
    }
    .t-guarantee-merits__wrap > p {
        margin-bottom: 5rem;
        font-size: 1.8rem;
    }
    .t-guarantee-merits + .o-box {
        margin-top: 0;
    }
    .t-guarantee-merits__points {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .t-guarantee-merits__item {
        width: calc(25% - 1rem);
    }
    .t-guarantee-merits__item + .t-guarantee-merits__item {
        margin-top: 0;
    }
    .t-guarantee-merits__item img {
        width: 100%;
        max-width: 392px;
    }
    .t-guarantee-merits__item p br {
        display: none;
    }
    .t-guarantee-merits__bttn p {
        font-size: 1.8rem;
    }
}

@media (min-width: 1200px) {
    .t-guarantee-merits__item {
        max-width: 29rem;
    }
    .t-guarantee-merits__item h3 {
        font-size: 2rem;
    }
    .t-guarantee-merits__item p {
        font-size: 1.8rem;
    }
}

/* Privacy Policy
----------------------------------------------- */
.t-privacy-contact {
    position: relative;
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem 2rem;
    text-align: center;
/*
    border: 1px solid #cccccc;
    border-radius: 1.5rem;
*/
}

.t-privacy-contact__tit {
    position: absolute;
    top: 0;
    left: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60%;
    font-size: 1.6rem;
    font-weight: 600;
    background: #fff;
}

.t-privacy-contact__subtit,
.t-privacy-contact__add {
    font-size: 1.2rem;
}

.t-privacy-contact__subtit {
    font-weight: 600;
}

.t-privacy-contact__num {
    margin-top: 1em;
    font-size: 1.6rem;
    line-height: 1.4;
}

.t-privacy-contact__num span {
    display: block;
}

.t-privacy-contact .o-bttn {
    min-width: 0;
    margin-top: 1.4em;
/*
    padding: 1em 2em;
    border-radius: 200vh;
*/
}

@media (min-width: 600px) {
    .t-privacy-contact {
/*
        padding: 5rem 2rem;
        border-radius: 3rem;
*/
    }
    .t-privacy-contact__tit {
        font-size: 2rem;
    }
    .t-privacy-contact__subtit,
    .t-privacy-contact__add {
        font-size: 1.8rem;
    }
    .t-privacy-contact__num {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0.6em;
        font-size: 2.2rem;
    }
    .t-privacy-contact__num span:last-child {
        margin-left: 1.4em;
    }
    .t-privacy-contact .o-bttn {
        font-size: 1.8rem;
    }
}

@media (min-width: 900px) {
    .t-privacy-contact {
        margin-bottom: 11rem;
    }
}

/* SDGs - Dual
----------------------------------------------- */
.t-sdgs-dual__img {
    width: 100%;
    margin-top: 3rem;
}

@media (min-width: 600px) {
    .t-sdgs-dual {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .t-sdgs-dual__txt {
        width: calc(47% - 4rem);
    }
    .t-sdgs-dual__img {
        width: 53%;
        margin-top: 0;
    }
}

@media (min-width: 900px) {
    .t-sdgs-dual__txt {
        font-size: 1.8rem;
    }
}

@media (min-width: 1200px) {
    .t-sdgs-dual__img {
        width: calc(53% - 4rem);
    }
}

/* SDGs - Greybox
----------------------------------------------- */
.t-sdgs-greybox {
    padding: 3rem 2rem 4rem;
    border-radius: 1.8rem;
    background: #f7f7f7;
}

.t-sdgs-greybox + .t-sdgs-greybox {
    margin-top: 3rem;
}

.t-sdgs-greybox__badge {
    max-width: 100%;
    height: 6rem;
    margin-left: auto;
    margin-bottom: 3rem;
}

.t-sdgs-greybox__cover {
    width: 9rem;
    margin: 0 auto 5rem;
}

@media (min-width: 900px) {
    .t-sdgs-greybox {
        padding: 5rem 5rem 10rem;
    }
    .t-sdgs-greybox + .t-sdgs-greybox {
        margin-top: 10rem;
    }

    .t-sdgs-greybox__badge {
        height: 8.5rem;
    }
}

.t-sdgs-greybox-dual__img {
    width: 100%;
}

.t-sdgs-greybox-dual__cont {
    margin-top: 3rem;
}

.t-sdgs-greybox-dual__bttn {
    margin-top: 4rem;
    text-align: center;
}

@media (min-width: 700px) {
    .t-sdgs-greybox-dual {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .t-sdgs-greybox-dual__img,
    .t-sdgs-greybox-dual__cont {
        width: 50%;
    }
    .t-sdgs-greybox-dual__cont {
        margin-top: 0;
        margin-left: 3rem;
    }
    .t-sdgs-greybox-dual__bttn {
        margin-top: 5rem;
    }
}

@media (min-width: 1200px) {
    .t-sdgs-greybox-dual__cont {
        font-size: 1.8rem;
        margin-left: 6rem;
    }
}

/* SDGs - CEnters
----------------------------------------------- */
.t-sdgs-centers {
    /*ul*/
    list-style: none;
    margin-top: 6rem;
}

.t-sdgs-centers__item {
    /*li*/
    position: relative;
    display: block;
    padding: 4rem 3rem;
    border-radius: 2rem;
    background: #fff;
}

.t-sdgs-centers__item:before,
.t-sdgs-centers__item:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.t-sdgs-centers__item:before {
    top: -2rem;
    width: 1px;
    height: 3.5rem;
    background: #707070;
}

.t-sdgs-centers__item:after {
    top: -3rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("img/nugget.svg") no-repeat center center/contain;
}

.t-sdgs-centers__item + .t-sdgs-centers__item {
    margin-top: 6rem;
}

.t-sdgs-centers__item > h3 {
    margin-bottom: 1em;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
}

.t-sdgs-centers__dual > img {
    width: 100%;
    margin-bottom: 2rem;
}

.t-sdgs-centers__dual > div > h4 {
    margin-bottom: 1em;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}

.t-sdgs-centers__bttn {
    text-align: center;
    margin-top: 3rem;
}

@media (min-width: 900px) {
    .t-sdgs-centers__item {
        padding: 6rem 5.5rem;
    }
    .t-sdgs-centers__item > h3 {
        font-size: 2.8rem;
    }
    .t-sdgs-centers__dual {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .t-sdgs-centers__dual > img {
        width: 52%;
        margin-bottom: 0;
        margin-right: 3rem;
    }
    .t-sdgs-centers__dual > div {
        width: 48%;
    }
}

@media (min-width: 1400px) {
    .t-sdgs-centers__dual > div > h4 {
        font-size: 2.4rem;
    }
    .t-sdgs-centers__dual > div p {
        font-size: 1.8rem;
    }
}

/* SDGs - Topics / Topic
----------------------------------------------- */
.t-sdgs-topics {
    /*ul*/
    width: 100%;
    list-style: none;
}

@media (max-width: 599px) {
    .t-sdgs-topics .t-sdgs-topic {
        width: 100%;
    }
    .t-sdgs-topics .t-sdgs-topic:not(:first-child) {
        margin-top: 2rem;
    }
}

@media (min-width: 600px) {
    .t-sdgs-topics {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .t-sdgs-topics .t-sdgs-topic {
        width: calc(50% - 1rem);
        margin-top: 2rem;
    }
    .t-sdgs-topics .t-sdgs-topic:nth-child(1),
    .t-sdgs-topics .t-sdgs-topic:nth-child(2) {
        margin-top: 0 !important;
    }
}

@media (min-width: 900px) {
    .t-sdgs-topics .t-sdgs-topic {
        width: calc(50% - 1.5rem);
        margin-top: 3rem;
    }
}

.t-sdgs-topic {
    /*li*/
    display: block;
    padding: 2rem 2rem 4rem;
    border-radius: 2rem;
    background: #f2f2f2;
}

.t-sdgs-topic__badge {
    max-width: 100%;
    height: 6rem;
    margin-left: auto;
    margin-bottom: 3rem;
}

.t-sdgs-topic__tit {
    margin-bottom: 2em;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}

.t-sdgs-topic__txt {
    line-height: 1.6;
}

.t-sdgs-topic__img {
    margin-top: 4rem;
}

.t-sdgs-topic__bttn {
    margin-top: 3rem;
    text-align: center;
}

@media (min-width: 1200px) {
    .t-sdgs-topic {
        padding: 4rem 4rem 7rem;
    }
    .t-sdgs-topic__badge {
        height: 8.5rem;
        margin-bottom: 5.5rem;
    }
    .t-sdgs-topic__tit {
        font-size: 2.2rem;
    }
    .t-sdgs-topic__txt {
        font-size: 1.8rem;
    }
    .t-sdgs-topic__bttn {
        margin-top: 5rem;
    }
}

/* SDG - Intro
----------------------------------------------- */
.t-sdg-intro__badge {
    margin-left: auto;
    margin-bottom: 3.5rem;
    height: 3rem;
}

.t-sdg-intro__img {
    margin: 0 auto 2.5rem;
    max-width: 10rem;
}

.t-sdg-intro__tit {
    margin-bottom: 2em;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.t-sdg-intro__txt {
    line-height: 1.6;
}

@media (min-width: 900px) {
    .t-sdg-intro__img-box {
        position: relative;
        margin-bottom: 5rem;
    }

    .t-sdg-intro__badge {
        position: absolute;
        top: 50%;
        right: 0;
        height: 6rem;
        transform: translateY(-50%);
        margin-bottom: 0;
    }

    .t-sdg-intro__img {
        margin-bottom: 0;
        max-width: 18rem;
    }

    .t-sdg-intro__tit {
        margin-bottom: 1em;
        font-size: 2.7rem;
    }

    .t-sdg-intro__txt {
        font-size: 1.8rem;
        line-height: 2.5;
    }
}

/* Shop Single
----------------------------------------------- */
/* ---- Title ---- */
.t-shop-sing-tit {
    position: relative;
    padding: 4.5rem 2rem 5.5rem;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
}

.t-shop-sing-tit:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 3rem;
    left: calc(50% - 1em);
    width: 2em;
    height: 1px;
    background: currentColor;
}

@media (min-width: 900px) {
    .t-shop-sing-tit {
        padding: 8rem 2rem 8.5rem;
        font-size: 3rem;
    }

    .t-shop-sing-tit:after {
        bottom: 7rem;
    }
}

/* ---- Intro ---- */
.t-shop-sing-intro {
    /*section*/
    padding-bottom: 4.5rem;
}

.t-shop-sing-intro__map {
    width: 100%;
}

.t-shop-sing-intro__map div {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 60%;
}

.t-shop-sing-intro__map div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.t-shop-sing-intro__cont {
    padding: 3rem 2rem 0;
}

.t-shop-sing-intro__add {
    line-height: 2;
}

.t-shop-sing-intro__bttn {
    margin-top: 2em;
    text-align: center;
}

.t-shop-sing-intro__bttn .o-bttn {
    margin: 0 0.2em 0.3em;
}

.t-shop-sing-intro__sns {
    margin-top: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.t-shop-sing-intro__sns a {
    font-size: 2rem;
    margin: 0 0.45em;
}

@media (min-width: 750px) {
    .t-shop-sing-intro {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        max-width: 138rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .t-shop-sing-intro__cont,
    .t-shop-sing-intro__map {
        width: 50%;
    }

    .t-shop-sing-intro__cont {
        padding: 0;
        padding-left: 4rem;
    }
}

@media (min-width: 900px) {
    .t-shop-sing-intro__add {
        font-size: 1.8rem;
    }

    .t-shop-sing-intro__sns a {
        font-size: 3rem;
    }
}

@media (min-width: 1400px) {
    .t-shop-sing-intro__map {
        width: 58%;
    }

    .t-shop-sing-intro__cont {
        width: 42%;
        padding-left: 5rem;
    }
}

/* Shop Single
----------------------------------------------- */
.t-features-grid,
.t-features-grid__item,
.t-features-grid__item > a,
.t-features-grid__item img {
    width: 100%;
    display: block;
}

.t-features-grid {
    /*ul*/
    list-style: none;
}

.t-features-grid__item {
    /*li*/
    margin-bottom: 2rem;
}

@media (min-width: 600px) {
    .t-features-grid {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .t-features-grid__item {
        width: calc(50% - 1.5rem);
        margin-bottom: 3rem;
    }
}




/* youtube動画 */
.wp-block-embed-youtube .wp-block-embed__wrapper,
.movie-wrap{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*20221115*/
a.o-bttn.sdgs {
    display: none;
}


.single-maker .m_nintei_icon{
	display:none !important;
}