@charset "UTF-8";
/**************************************
	base
***************************************/
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600,700&display=swap&subset=japanese");

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-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
td,
th,
p,
ul,
li,
dt,
dd {
    font-size: 1em;
}

ul li {
    list-style: none;
}

article,
header,
footer,
aside,
figure,
figcaption,
nav,
    {
    display: block;
}

body {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img {
    vertical-align: bottom;
}

/*break point
-----------------------*/
/*color
-----------------------*/
/*font family
-----------------------*/
@font-face {
    font-family: 'myriad pro';
    src: url("../fonts/myriadpro-regular.eot");
    /* ie9 compat modes */
    src: url("../fonts/myriadpro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-regular.woff2") format("woff2"), url("../fonts/myriadpro-regular.woff") format("woff"), url("../fonts/myriadpro-regular.ttf") format("truetype"), url("../fonts/myriadpro-regular.svg#svgfontname") format("svg");
    /* legacy ios */
}

@font-face {
    font-family: 'Adobe Caslon Pro';
    src: url("../fonts/acaslonpro-regular.eot");
    /* ie9 compat modes */
    src: url("../fonts/acaslonpro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/acaslonpro-regular.woff2") format("woff2"), url("../fonts/acaslonpro-regular.woff") format("woff"), url("../fonts/acaslonpro-regular.ttf") format("truetype"), url("../fonts/acaslonpro-regular.svg#svgfontname") format("svg");
    /* legacy ios */
}

/* render text
----------------------*/
html {
    color: #292929;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: normal;
}

body {
    font-family: "Myriad Pro", "Adobe Caslon Pro", "Noto Serif JP", serif;
}

html,
body {
    position: relative;
    min-width: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: #292929;
}

img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    border-radius: 4px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

.clearfix::before,
.clearfix::after {
    content: '';
    display: table;
}

.clearfix::after {
    clear: both;
}

/******************************
base sp
*******************************/


.anchor {
    position: relative;
}

.anchor a.anchor__links {
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0px;
    width: 100px;
    height: 100px;
    top: -5px;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .anchor {
        position: relative;
    }

    .anchor a.anchor__links {
        position: absolute;
        left: 0px;
        width: 100px;
        height: 100px;
        top: -10px;
    }

    html {
        min-width: 100%;
        overflow-x: hidden;
    }

    html,
    body {
        min-width: 100%;
    }

    body {
        overflow: hidden;
    }

    img {
        border-radius: 4px;
    }

    .no-border-radius-sp {
        border-radius: 0;
    }
}

/**************************************

common.scss

***************************************/
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

.section h2,
.section h3 {
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.hoverFadeAnchorBoxItem {
    transition: all .3s linear;
}

.hoverFade {
    transition: all 0.3s linear;
}

.hoverFade:hover {
    opacity: 0.6;
}

/*
==========================================
DISCOVER bg-hover-animation-container
==========================================
*/

.white-bg {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 20px;
    top: 0;
    z-index: 2;
}

.white-bg-for-credits {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 15px;
    top: -42px;
    z-index: 2;
}

.querymodal {
    padding: 0;
    max-width: 1080px;
    background: transparent;
}

.querymodal iframe {
    width: 100%;
    height: 607px;
}

@media screen and (max-width: 767px) {
    .querymodal iframe {
        height: 44vw;
    }
}

.blocker {
    z-index: 25 !important;
}

.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 1080px !important;
    box-sizing: border-box;
    width: 90%;
    background: transparent !important;
    padding: 0 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 #000 !important;
    -moz-box-shadow: 0 0 0 #000 !important;
    -o-box-shadow: 0 0 0 #000 !important;
    -ms-box-shadow: 0 0 0 #000 !important;
    box-shadow: 0 0 0 #000 !important;
    text-align: left;
}

@media screen and (max-width: 767px) {
    main {
        position: relative;
        transition: all 0.4s linear;
        left: 0;
        margin-left: 0;
        min-width: 100%;
    }

    main.opened {
        margin-left: 68%;
        min-width: 100%;
        overflow-y: hidden;
    }

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .section h2,
    .section h3 {
        font-size: 22px;
    }
}

.btn {
    display: inline-block;
    padding: 10px 15px;
    outline: 0;
    border: 1px solid #d70b30;
    background: transparent;
    border-radius: 5px;
    width: 100%;
    max-width: 179px;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: "Myriad Pro";
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
}

.btn-primary {
    border: 1px solid #333;
    background: #333;
}

.btn-secondary {
    border: 1px solid #777;
    background: #777;
}

.btn__ghost {
    border: 1px solid #d70b30;
    background: transparent;
}

.btn__ghost:hover {
    background: #d70b30;
    color: white;
}

.btn__ghost-alt {
    border: 1px solid white;
    color: white;
}

.btn__ghost-alt:hover {
    border: 1px solid #d70b30;
    background: #d70b30;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .btn {
        font-size: 12px;
        max-width: 135.5px;
        padding: 13px;
        transition: unset !important;
    }

    .btn__ghost {
        transition: unset !important;
    }

    .btn__ghost:hover {
        background: transparent;
        border: 1px solid #d70b30;
        color: #000;
    }

    .btn__ghost-alt {
        transition: unset;
    }

    .btn__ghost-alt:hover {
        /*        background: transparent !important;*/
        color: white !important;
    }
}

/**************************************
header
***************************************/
.side-nav {
    display: none;
}

header {
    padding: 0 33px 0 20px;
    position: fixed;
    z-index: 24;
    background: white;
    width: 100%;
    box-sizing: border-box;
    top: 0;
}

header .language__selector.sp-inline {
    display: none;
}

header .header-toggle {
    display: none;
}

header .logo-sp {
    display: none;
}

header .select-sp {
    display: none;
}

header .header-container {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 5;
}

header img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-36%, -50%);
    width: 41px;
    height: 38px;
    margin: auto;
}

@media screen and (min-width: 870px) and (max-width: 1000px) {
    header img {
        transform: translate(-45%, -50%);
    }
}

@media screen and (min-width: 768px) and (max-width: 869px) {
    header img {
        transform: translate(-30%, -50%);
    }
}

header .arrows-sp {
    display: none;
}

header ul {
    display: flex;
    align-items: center;
}

header ul li {
    display: inline-block;
    padding: 32px 26px 30px 26px;
    padding: 26px;
    transition: all .5s ease;
}

header ul li:nth-child(1) {
    padding: 29px 12px 23px 26px;
}

header ul li:nth-child(2) {
    padding: 29px 18px 23px 26px;
}

header ul li:nth-child(3) {
    padding: 29px 26px 23px 26px;
}

.first-time-visitor {
    padding: 29px 30px 23px 26px !important;
}

.en {
    padding: 29px 20px 23px 30px !important;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    header ul li {
        padding: 29px 16px 23px 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 869px) {
    header ul li {
        padding: 29px 8px 23px 8px;
    }
}

header ul li.arrow-down {
    cursor: pointer;
    position: relative;
}

header ul li.arrow-down:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background: center/10px 10px no-repeat url(../img/icons/select.svg);
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    header ul li.arrow-down:after {
        right: -15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 869px) {
    header ul li.arrow-down:after {
        right: -10px;
    }
}

header ul li.arrow-down .language__selector {
    position: absolute;
    top: 60px;
    left: -120px;
    background-color: #FBFBFB;
    box-shadow: 0px 0px 9px 2px #a2a2a296;
    display: none;
    border-radius: 4px;
}

header ul li.arrow-down .language__selector ul.language__selector__container {
    padding: 30px 40px 35px;
    width: 120px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}

header ul li.arrow-down .language__selector ul.language__selector__container li {
    padding: 10px 0 0px;
    box-sizing: border-box;
}

header ul li.arrow-down .language__selector ul.language__selector__container li:before {
    display: none;
}

header ul li.arrow-down .language__selector.sp-inline {
    display: none;
}

header ul li.arrow-down {
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: "Myriad Pro";
    font-weight: 600;
    transition: all 0.3s linear;
}

header ul li.arrow-down a {
    color: black;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    font-weight: 100;
}

header ul li.arrow-down:hover {
    color: #d70b30;
}

header ul li a {
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: "Myriad Pro";
    font-weight: 600;
    transition: all 0.3s linear;
}

header ul li a:hover {
    color: #d70b30;
}

header ul:last-child li:last-child {
    margin-right: 0;
    position: relative;
}

header ul:last-child li:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    background: #000;
    height: 18px;
}

.arrows-sp {
    color: black;
    font-family: "Myriad Pro";
    font-weight: 600;
}

.arrows-sp ul.language-toggle-sp li:before {
    display: none;
}

/****************************** header sp
*******************************/
@media screen and (max-width: 767px) {
    .side-nav {
        position: fixed;
        height: 100vh;
        background: #f1f2ec;
        width: 80%;
        z-index: 9999;
        box-shadow: 0px 2px 3px #777;
        overflow-y: scroll;
        left: -80%;
        display: block;
        transition: all 0.4s linear;
    }

    .side-nav.opened {
        left: 0;
        width: 100%;
        max-width: 255px;
    }

    .side-nav .list {
        padding: 50px 5px 0 44.5px;
    }

    .side-nav .list .list-title {
        position: relative;
    }

    .side-nav .list .list-title:after {
        content: "";
        position: absolute;
        top: -3px;
        left: -30px;
        width: 20px;
        height: 20px;
        background: center/20px 20px no-repeat url(../img/icons/sp-gnav-flower.png);
    }

    .side-nav .list .list-title,
    .side-nav .list .list-title-header {
        font-family: "Adobe Caslon Pro";
        font-size: 18px;
        font-weight: 900;
        position: relative;
    }

    .side-nav .list .list-title img,
    .side-nav .list .list-title-header img {
        display: none;
        position: absolute;
        top: 2px;
        left: -30px;
        width: 20px;
        height: 20px;
    }

    .side-nav .list .inner-list {
        margin-left: 13px;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .side-nav .list .inner-list li a {
        padding: 12px 0;
        display: inline-block;
    }

    .side-nav .list .inner-list li a.first-item {
        padding: 20px 0 12px 0;
        display: inline-block;
    }

    .side-nav .list .inner-list li a.last-item {
        padding: 12px 0 17px 0;
        display: inline-block;
    }

    .side-nav .list02 {
        padding-left: 45px;
    }

    .side-nav .list02 li a {
        display: inline-block;
        margin-bottom: 25px;
        font-family: "Adobe Caslon Pro";
    }

    .side-nav .logo-sp {
        display: block;
    }

    .side-nav .logo-sp img {
        position: absolute;
        top: 18px;
        left: 50%;
        transform: translateX(-50%);
        width: 23px;
        height: 22px;
        margin: auto;
    }

    .side-nav .nav-social {
        display: flex;
        padding-left: 51px;
    }

    .side-nav .nav-social a img {
        width: 30px;
        height: 30px;
        margin-right: 20px;
        margin-bottom: 60px;
    }

    header {
        padding: 3px 0;
        height: auto;
        padding-left: 0;
        position: fixed;
        transition: all 0.4s linear;
        left: 0;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        box-sizing: border-box;
    }

    header.opened {
        left: 68%;
    }

    header .header-toggle {
        display: block;
        position: relative;
        height: 13px;
        width: 24px;
        margin: 15px 15px 15px 22px;
    }

    header .header-toggle span {
        position: absolute;
        height: 2px;
        width: 100%;
        background: #2b2b2b;
        transition: 0.3s;
    }

    header .header-toggle span:nth-child(1) {
        top: 0;
        left: 0;
    }

    header .header-toggle span:nth-child(2) {
        top: 56%;
        left: 0;
        transform: translateY(-50%);
    }

    header .header-toggle span:nth-child(3) {
        bottom: -1px;
        left: 0;
    }

    header.opened .header-toggle span:nth-child(1) {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    header.opened .header-toggle span:nth-child(2) {
        opacity: 0;
        visibility: hidden;
    }

    header.opened .header-toggle span:nth-child(3) {
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }

    header .logo-sp {
        display: block;
    }

    header .logo-sp img {
        width: 23.5px;
        height: 22px;
        margin: 0;
        position: static;
        transform: none;
    }

    header .language-toggle {
        display: inline-block !important;
        margin: 17px 20px 11px 2px;
        position: relative;
        color: #292929;
        font-family: "Myriad Pro";
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

    header .language-toggle img.arrow {
        padding-left: 5px;
        padding-bottom: 3px;
        position: unset;
        top: 6px;
        left: 25px;
        transform: translateY(0);
        width: 15px;
        height: 7px;
        margin: auto;
    }

    header .language-toggle:after {
        display: none;
    }

    header .language-toggle .language__selector {
        position: absolute;
        bottom: -5px;
        right: -10px;
        transform: translateY(100%);
        background-color: #FBFBFB;
        box-shadow: 0px 0px 9px 2px #a2a2a296;
        display: none;
        border-radius: 4px;
        box-sizing: border-box;
    }

    header .language-toggle .language__selector ul.language__selector__container {
        min-width: 138px;
        padding: 20px 10px 25px 30px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    header .language-toggle .language__selector ul.language__selector__container li {
        padding: 13px 0 0px;
        box-sizing: border-box;
    }

    header .language-toggle .language__selector ul.language__selector__container li a {
        color: black;
        cursor: pointer;
        font-size: 14px;
        font-family: 'Noto Serif', serif;
        font-weight: 100;
    }

    header .language-toggle .language__selector ul.language__selector__container li:before {
        display: none;
    }

    header .language-toggle .language__selector.sp-inline {
        display: none;
    }

    header .logo-pc {
        display: none;
    }

    header .arrows-sp {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 9px;
        background-image: url("../img/icons/select.svg");
        background-position: calc(100% - .5rem), 100% 0;
        background-size: 12px 20px;
        background-repeat: no-repeat;
        display: inline-block;
        background-color: transparent;
        outline: 0;
        z-index: 999;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 0.5em 1.8em 0.5em 1em;
        border: 0;
    }

    header ul {
        width: 30%;
    }

    header .select-sp {
        display: inline-block;
        border: 0;
        padding: 0;
        font-weight: 600;
        background: 0;
        position: absolute;
        top: 18px;
        right: 10px;
        font-family: 'Myriad Pro';
        font-size: 18px;
    }

    header .header-container {
        flex-wrap: wrap;
        padding: 0;
        height: 0;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
        display: none;
    }

    header .header-container ul {
        flex: 0 100%;
    }

    header .header-container ul li {
        display: block;
        padding: 10px 26px 10px 0;
    }

    header .header-container.opened {
        transition: all 0.3s ease-in-out;
        height: 190px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
TOP PAGE PC
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.topPage__kv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    padding: 20px;
    box-sizing: border-box;
}

.notTopPage {
    padding: 20px;
    background-color: #fff;
    position: relative;
}

@media screen and (min-width: 768px) {
    .topPage__kv {
        padding-top: 73px;
        min-width: 100%;
    }
}

/*
==========================================
Animated KV
==========================================
*/
.modal-mode {
    background-image: url(../img/sp-modal-img.png);
    background-position: center;
    background-size: cover;
}

.video-background {
    background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
    overflow: hidden;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-foreground {
        width: 300%;
        left: -100%;
    }
}

/* ==================================================
section_keyvisual
================================================== */
.topPage__section_keyvisual {
    overflow: hidden;
    background-color: #333333;
    color: #ffffff;
    height: 1055px;
    height: calc(100vh - 94px);
}

.video_background {
    position: relative;
    height: 100%;
    z-index: 1;
    background-color: #222633;
    opacity: 0.8;
    color: #ffffff;
}

.novideo.video_background {
    -webkit-background-size: cover;
    background-size: cover;
}

.novideo.video_background img {
    display: none;
}

.video_background iframe {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.video_background_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.topPage__kv__bg__img {
    position: relative;
    width: 100%;
    height: 100%;
}

.topPage__kv__bg__img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}

.video__titleContainer {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.video__titleContainer h1 {
    margin-bottom: 8px;
    font-size: 60px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
    position: relative;
}

.video__titleContainer p {
    font-size: 20px;
    letter-spacing: 0.04em;
    font-family: "Myriad Pro";
}

.topPage__kv__backstretch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.topPage__kv__backstretch:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}

.topPage__kv__heading {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*    margin-top: -65px;*/
    color: #fff;
    text-align: center;
}

.topPage__kv__heading h1 {
    margin-bottom: 8px;
    font-size: 60px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
    position: relative;
}

.topPage__kv__heading p {
    font-size: 20px;
    letter-spacing: 0.04em;
    font-family: "Myriad Pro";
}

.video-loop {
    position: absolute;
    bottom: 13%;
    left: 0;
    right: 0;
    z-index: 1;
    transform: translateY(-50%);
}

.play-btn {
    margin: 0 auto;
    /*
    position: absolute;
    bottom: 95px;
    left: 0;
    right: 0;
    z-index: 1;
*/
    width: 50px;
    text-align: center;
    display: block;
}

/**********************************************
topPage section02
**********************************************/
.topPage__section__background {
    position: unset;
    top: 0;
    width: 100%;
    height: calc(100vh + 0.9vh);
    background: white;
}

.topPage__section02 {
    margin-top: 0;
    position: relative;
    padding-top: 160px;
    z-index: 6;
    background: #fbfbfb;
    transition: all .1s ease;
}

.white-bg-top {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 20px;
    top: 0;
    z-index: 2;
}

.topPage__section02__trunks {
    position: absolute;
    top: 30px;
    left: -16px;
    width: 363px;
    height: 174px;
    z-index: 1;
}

.topPage__section02__petal {
    position: absolute;
    width: 114px;
    top: 52px;
    right: 37px;
}

.topPage__section02__petal02 {
    position: absolute;
    width: 305px;
    top: 437px;
    right: 0;
}

.topPage__section02__container {
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
    max-width: 900px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 3;
}

.topPage__section02__bg__kv {
    position: relative;
    z-index: 9;
    height: 600px;
    border-radius: 4px;
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/2qleWMFqB1vN2hR0VHPfHZ/5b9172c7f5e42bd4802b1437f23fbfc3/img_home_pc_004.jpg");
}

.topPage__section02__welcome__info {
    width: 100%;
    max-width: 715px;
    margin: 0 auto;
    margin-top: -86px;
    box-sizing: border-box;
    position: relative;
    top: 0;
    z-index: 30;
    padding: 75px 95px 62px;
    background: #f1f2ec;
    border-radius: 4px;
}

.btn {
    padding: 16px 0 12px;
}

.topPage__section02__welcome__info h2 {
    margin-bottom: 30px;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.topPage__section02__welcome__info p {
    margin-bottom: 40px;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.88;
    font-family: "Myriad Pro";
}

/**********************************************
topPage section03
**********************************************/
.topPage__section03 {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background: #fbfbfb;
    z-index: 6;
}

.topPage__section03__petal {
    position: absolute;
    width: 303px;
    top: 75px;
    left: 0;
}

.topPage__section03__petal02 {
    position: absolute;
    width: 305px;
    bottom: 0;
    right: 0;
}

.topPage__section03__animationcontainer {
    padding: 79px 0 114px;
    position: relative;
    box-sizing: border-box;
}

.topPage__section03__description h3 {
    margin-bottom: 48px;
}

.topPage__section03__description p {
    margin: 0 auto 90px;
    width: 100%;
    max-width: 701px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
}

.topPage__section03__thumbnails {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    transition: all 1s linear;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .topPage__section03__thumbnails {
        justify-content: space-around;
    }
}

.big_thumbnail {
    margin: 0 auto;
    max-width: 1080px;
}

.topPage__section03__thumbnail__big {
    position: relative;
    overflow: hidden;
}

.topPage__section03__thumbnail__big:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: scale(1.02);
    transition: all 4s ease;
    background-size: cover;
}

.topPage__section03__thumbnail__big.img1 {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/2yXiEC5J5VP0LEPZ09boum/6973e620ce182ce606df28482f4e6d16/img_home_pc_006.jpg");
}

.topPage__section03__thumbnail__big.img2 {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/4zKFrNOpNxz7fqn8HIlMNS/427e5d537c7489ca29d3319a6f0b1945/img_home_pc_007.jpg");
}

.topPage__section03__thumbnail__big.img3 {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/494GVJ0vrCAlG4vrJ0ErKl/da4ef66e4dcb48af61db1a93695f05a7/img_home_pc_008.jpg");
}

.topPage__section03__thumbnail__big.img4 {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/73YfdNNmFmOOc0pzU6Mtvq/8504418be3f78e83a73e2a0aacca1ac2/img_home_pc_009.jpg");
}

.topPage__section03__thumbnail__big.img5 {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/1KJyqJ3Zx4JuoMcBFnqlpR/9d2314a0c1a192a439de2b382f914629/img_home_pc_010.jpg");
}

.topPage__section03__thumbnail__big.img6 {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6rrEy4qNOyy1vAyS1mNzqf/89597b3c82bd688a7bd3249d5c93dcbe/img_home_pc_011.jpg");
}

.topPage__section03__thumbnail__big:hover::after {
    transform: scale(1.05);
}

.topPage__section03__thumbnail__big.zooming::after {
    transform: scale(1.05);
}

.topPage__section03__thumbnail__big__cover {
    transition: all 4s ease;
    overflow: hidden;
    flex: 0 97%;
}

.topPage__section03__thumbnail__big__cover:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transform: scale(1.02);
    transition: all 4s ease;
    background-size: cover;
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/4BCcvJ3pRcvOzLVDv4nXPH/82525e944166d17c9e69db1765fb4436/img_home_pc_005.jpg");
}

.topPage__section03__thumbnail__big__cover:hover::after {
    transform: scale(1.05);
}

.topPage__section03__thumbnail__big__cover.zooming::after {
    transform: scale(1.05);
}

.topPage__section03 .btn__ghost {
    margin-top: 32px;
}

.centered-petal {
    margin: 0 auto 36px;
    width: 52px;
    height: 46px;
    display: block;
    text-align: center;
}

.centered-petal.extra--margin {
    top: 78px;
}

.thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 31px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: "Adobe Caslon Pro";
    border-radius: 4px;
    transition: all 4s ease;
}

.thumbnail:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    border-radius: 4px;
    transition: all 0.3s linear;
}

.thumbnail p {
    color: white;
    font-size: 30px;
    letter-spacing: 0.02em;
    position: relative;
    z-index: 9;
}

.topPage__section03__thumbnail__big {
    /*    width: 330px;*/
    flex: 1 0 30%;
    height: 340px;
    transition: all 6s linear;
    /*    background-size: auto 100%;*/
    transform: scale(1);
    background-position-x: 50%;
    background-position-y: 50%;
}

.topPage__section03__thumbnail__big {
    height: 340px;
}

.topPAge__section03__thumbnailOverflowContainer {
    margin-bottom: 31px;
    flex: 1 0 30%;
    border-radius: 4px;
    overflow: hidden;
    height: 340px;
    position: relative;
}

.topPAge__section03__thumbnailOverflowContainer:nth-child(2) {
    margin: 0 30px;
}

.topPAge__section03__thumbnailOverflowContainer:nth-child(5) {
    margin: 0 30px;
}

.topPage__section03__thumbnail__pContent {
    padding: 0 10px;
    width: 100%;
    font-family: "Adobe Caslon Pro";
    color: white;
    font-size: 30px;
    letter-spacing: 0.02em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    box-sizing: border-box;
    cursor: pointer;
}

.topPage__section03__thumbnail__pContent:hover .topPage__section03__thumbnail__big::before {
    background: rgba(0, 0, 0, 0.6);
}

.topPage__section03__thumbnail__pContent:hover .topPage__section03__thumbnail__big {
    transform: scale(1.1);
}

.topPAge__section03__thumbnailOverflowContainer:hover .topPage__section03__thumbnail__big {
    transform: scale(1.1);
}

.topPAge__section03__thumbnailOverflowContainer:hover .topPage__section03__thumbnail__big::before {
    background: rgba(0, 0, 0, 0.6);
}

.topPage__section03__thumbnail__big:hover {
    transform: scale(1.1);
}

.topPage__section03__thumbnail__big:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.topPage__section03__thumbnail__big__cover {
    height: 507px;
    flex: 0 100%;
    background-size: 100% 100%;
    transition: all 0.3s linear;
}

.topPage__section03__thumbnail__big__cover:hover {
    background-size: 120% 120%;
}

.topPage__section03__thumbnail__big__cover:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.thumbnail--small {
    flex: 0 218px;
    height: 218px;
    margin-bottom: 8px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s linear;
}

.thumbnail--small:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s linear;
    z-index: 3;
}

.thumbnail--small:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 38px;
    width: 38px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s linear;
    z-index: 5;
    background-image: url("../img/ig-ghost-white.png");
}

.thumbnail--small:hover::before {
    opacity: 1;
}

.thumbnail--small:hover::after {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .centered-petal {
        margin-bottom: 16.5px;
        width: 32.5px;
        height: auto;
    }

    .btn {
        padding: 11px 0 8px;
        max-width: 133px;
    }

    .thumbnail {
        margin-right: 0;
    }

    .thumbnail p {
        font-size: 40px;
    }

    .topPage__section03__thumbnail__big {
        width: 100%;
    }

    .topPage__section03__thumbnail__big:hover::before {
        background: rgba(0, 0, 0, 0.6);
    }

    .topPage__section03__thumbnail__big__cover {
        background-size: cover;
        background-position-x: 25%;
    }

    .topPage__section03__thumbnail__big__cover:hover {
        background-size: cover;
    }

    .topPage__section03__thumbnail__big__cover:before {
        background-size: 120% 120%;
    }

    .topPage__section03__thumbnail__big__cover:hover::before {
        background: rgba(0, 0, 0, 0.6);
    }

    .thumbnail--small:hover::before {
        opacity: 0;
    }

    .thumbnail--small:hover::after {
        opacity: 0;
    }
}

/**********************************************
section04
**********************************************/
.topPage__section04 {
    background-color: #fbfbfb !important;
    position: relative;
}

.topPage__section04 {
    background: #fbfbfb;
    overflow: hidden;
    z-index: 7;
}

.topPage__section04:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.topPage__section04:hover::after {
    transform: scale(1.03);
}

.topPage__section04__animationcontainer {
    position: relative;
    z-index: 6;
}

.topPage__section04__animationcontainer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.topPage__section04__animationcontainer:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/2PyZZsapQPa9nToaQjUrcb/499f9e77cb595c4c7ae6a185e1d989da/img_home_pc_012.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.topPage__section04__animationcontainer:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.topPage__section04__animationcontainer:hover::after {
    transform: scale(1.03);
}

.topPage__section04:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.topPage__section04__container {
    padding: 245.5px 0;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.topPage__section04__container h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.topPage__section04__container p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 75px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.topPage__section04__container .btn {
    position: relative;
    z-index: 9;
}

/**********************************************
topPage section05
**********************************************/
.topPage__section05 {
    text-align: center;
    box-sizing: border-box;
    position: relative;
    background: #fbfbfb;
    z-index: 6;
}

.topPage__section05__animationcontainer {
    position: relative;
    padding: 78px 0 79px;
    z-index: 6;
}

.topPage__section05__petal {
    position: absolute;
    width: 305px;
    top: -70px;
    right: 0;
}

.topPage__section05 h3 {
    font-size: 32px;
    margin-bottom: 60px;
}

.topPage__section05__map {
    display: flex;
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
    background: transparent;
    justify-content: center;
    align-items: center;
}

.topPage__section05__map_img {
    margin: 0 auto;
    height: 80%;
    width: 100%;
    max-width: 896px;
    border-radius: 4px;
}

/**********************************************
topPage anchorBox
**********************************************/
.topPage__anchorBox {
    padding-bottom: 100px
}

.topPage__anchorBox__container {
    padding: 44px 40px 10px 40px;
    width: calc(100% - 19vw);
    max-width: 896px;
    margin: 0 auto;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
}

.topPage__anchorBox__item {
    padding: 0 13px 0 30px;
    display: inline-block;
    margin-bottom: 30px;
    text-align: center;
}

.topPage__anchorBox__item a {
    font-size: 16px;
    letter-spacing: 0.02em;
    display: inline-block;
    position: relative;
}

.topPage__anchorBox__item a:hover {
    color: #db2849;
}

.topPage__anchorBox__item a:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 2px;
    transform: translateY(-50%);
    transform: rotate(-90deg);
    height: 11px;
    width: 7px;
    background-image: url(../img/learn/learn-down-arrow.png);
    background-size: cover;
}

/*-- Safari 10.1+ --*/
@media not all and (min-resolution:.001dpcm) {
    .topPage__anchorBox__item a:before {
        content: "";
        position: absolute;
        left: -17px;
        top: 2px;
        transform: translateY(-50%);
        transform: rotate(-90deg);
        height: 11px;
        width: 7px;
        background-image: url(../img/learn/learn-down-arrow.png);
        background-size: cover;
    }
}

/**********************************************
topPage section06 PC
**********************************************/
.topPage__section06 {
    position: relative;
    z-index: 7;
    background: #fbfbfb;
    overflow: hidden;
}

.topPage__section06__animationcontainer {
    padding: 0 0 79px;
    box-sizing: border-box;
    position: relative;
}

.topPage__section06 .extra--margin {
    top: 78px;
}

.topPage__section06__petal {
    position: absolute;
    width: 306px;
    top: 0;
    left: 0;
    z-index: -1;
}

.topPage__section06__petal2 {
    position: absolute;
    width: 256px;
    top: 256px;
    left: 0;
    z-index: -1;
}

.topPage__section06 h3 {
    margin-bottom: 60px;
    text-align: center;
}

.topPage__section06__info {
    display: flex;
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
    padding: 48px 0 6px;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.topPage__section06__info__item {
    margin-bottom: 42px;
    width: 265px;
    font-size: 16px;
    letter-spacing: 0.03em;
    transition: all 0.3s linear;
    color: black;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.topPage__section06__info__item:hover {
    color: #d70b30;
}

.topPage__section06__info__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 72%;
}

.topPage__section06__info img {
    width: 30px;
    margin-right: 14px;
    height: auto;
    display: inline-block;
}

.topPage__section06__info .icon-pc {
    display: inline-block;
}

.topPage__section06__info .icon-sp {
    display: none;
}

.topPage__section06__info p {
    display: inline;
    flex: 0 90%;
}

.topPage__section06__info p:hover {
    color: #d70b30;
}

/**********************************************
topPage section07 PC
**********************************************/
.topPage__section07 {
    box-sizing: border-box;
    position: relative;
    background: #fbfbfb;
    z-index: 11;
}

.topPage__section07__petal {
    position: absolute;
    width: 250px;
    top: 247px;
    right: 0;
    z-index: -1;
}

.topPage__section07__petal02left {
    position: absolute;
    width: 250px;
    top: -60px;
    left: 0;
    z-index: -1 !important;
}

.topPage__section07__petal03left {
    position: absolute;
    width: 250px;
    top: 700px;
    left: 0;
    z-index: -1 !important;
}

.topPage__section07__ig {
    text-align: center;
}

.topPage__section07__ig img {
    width: 38px;
    margin: 0 auto 44px;
}

.topPage__section07__ig p {
    margin-bottom: 55px;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.topPage__section07__igContainer {
    margin: 0 auto;
    width: 100%;
}

.topPage__section07__igContainer .topPage__section07__igBlock {
    margin: 0 auto;
    width: 100%;
}

.topPage__section07__instagram__item__container {
    margin: 0 auto;
    position: relative;
    z-index: 10;
    max-width: 896px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.topPage__section07__instagram__item {
    width: 24.332%;
    padding: 0 0 8px;
}

.topPage__section07__instagram__item:hover a:after,
.topPage__section07__instagram__item:hover a:before {
    opacity: 1;
}

.topPage__section07__instagram__item a {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: "Adobe Caslon Pro";
    border-radius: 4px;
    position: relative;
}

.topPage__section07__instagram__item a img {
    height: 100%;
}

.topPage__section07__instagram__item a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    opacity: 0;
    transition: all 0.3s linear;
    z-index: 3;
}

.topPage__section07__instagram__item a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 38px;
    width: 38px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s linear;
    z-index: 5;
    background-image: url("../img/icons/instagram_logo_white.svg");
}

.topPage__section07__igContainer .btn {
    display: block;
    margin: 55px auto 120px;
}

.topPage__section07__posts {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

.topPage__section07 .viewmore-ig {
    text-align: center;
}

.topPage__section07__columns {
    display: flex;
    width: 100%;
    max-width: 897px;
    margin: 0 auto;
    padding-bottom: 160px;
    justify-content: space-between;
}

.topPage__section07__columns__column {
    flex: 0 277px;
    padding: 0 0;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-align: center;
    cursor: pointer;
}

.topPage__section07__columns__column .img_block {
    flex: 0 277px;
    padding: 50px 0;
    cursor: pointer;
}

.topPage__section07__columns__column img {
    width: 277px;
    border-radius: 4px;
}

.topPage__section07 .floating-petal {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 181px;
    height: 222px;
    z-index: -1;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
TOP PAGE SP
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {

    .modal {
        width: 100% !important;
        height: 100%;
    }

    .querymodal iframe {
        width: 100%;
        height: 100%;
    }

    .blocker {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        z-index: 1;
        padding: 0 !important;
        padding-top: 50px !important;
        box-sizing: border-box;
        background-color: #000 !important;
        text-align: center;
    }

    .modal a.close-modal {
        top: -37.5px !important;
        right: 14.5px !important;
        background-image: url(../img/icons/modal-close.webp) !important;
    }

    section {
        flex: 0 100%;
    }

    .topPage__section01 {
        order: 1;
    }

    .topPage__section06 {
        order: 2;
    }

    .topPage__section02 {
        order: 3;
    }

    .topPage__section03 {
        order: 4;
    }

    .topPage__section04 {
        order: 5;
    }

    .topPage__section05 {
        order: 6;
    }

    .topPage__section07 {
        order: 7;
    }

    .topPage__section01 {
        margin: 0 10px;
        min-height: calc(100vh - 68px);
    }

    */

    /**********************************************
section01 SP
**********************************************/
    .topPage__kv__heading {
        top: 50%;
        transform: translate(-50%, 50%);
    }

    .video-mode {
        /*        top: 21%;*/
        top: 190px;
    }

    .topPage__kv__heading .video-mode {
        top: 21%;
    }

    .topPage__kv__heading p {
        font-size: 14px;
    }

    .topPage__kv {
        margin: 0 auto;
        padding: 10px 10px;
        padding-top: 44px;
    }

    .notTopPage {
        padding: 20px;
    }

    .topPage__kv__heading {
        padding: 0 10px;
        margin-bottom: 40px;
        width: 100%;
        box-sizing: border-box;
    }

    .topPage__kv__heading h1 {
        margin-bottom: 10px;
        font-size: 30px;
        font-family: "Adobe Caslon Pro";
    }

    /**********************************************
section02 SP
**********************************************/
    .white-bg-top {
        position: absolute;
        width: 100%;
        background-color: #fff;
        height: 10px;
        top: 0;
        z-index: 2;
    }

    .topPage__section02 {
        padding-top: 0;
    }

    .topPage__section02__trunks {
        display: none;
    }

    .topPage__section02__petal {
        z-index: -1;
        display: none;
    }

    .topPage__section02__container {
        padding-bottom: 30px;
    }

    .topPage__section02__petal,
    .topPage__section02__petal02 {
        max-width: 150px;
    }

    .topPage__section02__bg__kv {
        height: 376px;
        background-size: cover;
        background-position: center;
        position: relative;
        z-index: 3;
        background-image: url(https://images.ctfassets.net/zk4rsh4y8c7i/1NRYiVocR5GelIemSCEJkO/15d3d6c60b28fd3c7f0a9e4a369e2809/img_sp_welcome.jpg);
    }

    .topPage__section02__welcome__info__container {
        padding: 0 23px;
        box-sizing: border-box;
    }

    .topPage__section02__welcome__info {
        margin-top: -60px;
        padding: 40.5px 28px 46.00px;
        width: 100%;
        max-width: 100%;
    }

    .topPage__section02__welcome__info h2 {
        margin: 0 auto 20px;
        max-width: 190px;
        font-size: 22px;
    }

    .topPage__section02__welcome__info p {
        margin-bottom: 22px;
        font-size: 14px;
    }


    /**********************************************
section03 SP
**********************************************/
    .topPage__section03 {
        padding: 0 23px 69px;
    }

    .topPage__section03__petal,
    .topPage__section03__petal02 {
        max-width: 150px;
    }

    .topPage__section03__animationcontainer {
        padding-top: 0;
        padding-bottom: 0;
    }


    .topPage__section03__description h3 {
        margin-bottom: 30px;
        position: relative;
        z-index: 9;
    }

    .topPage__section03__description p {
        font-size: 14px;
        width: 100%;
        max-width: 295px;
        margin-bottom: 40px;
        position: relative;
        z-index: 9;
    }

    .middle-child {
        margin: 0;
    }

    .topPage__section03__thumbnail__big:nth-child(odd) {
        margin-right: 21.5px;
    }

    .topPage__section03__thumbnail__big__cover {
        height: 329px;
        margin-bottom: 21.5px;
    }

    .topPage__section03__thumbnail__big__cover p {
        font-size: 20px;
    }

    .topPAge__section03__thumbnailOverflowContainer {
        margin-bottom: 21.5px;
        flex: 1 0 47%;
        height: 153px;
    }

    .topPage__section03__thumbnail__pContent {
        font-size: 20px;
    }

    .topPAge__section03__thumbnailOverflowContainer:nth-child(2),
    .topPAge__section03__thumbnailOverflowContainer:nth-child(5) {
        margin: 0;
    }

    .topPAge__section03__thumbnailOverflowContainer:nth-child(odd) {
        margin-right: 21.5px;
    }

    .topPage__section03__thumbnail__big {
        flex: 1 0 47%;
        height: 153px;
        margin-bottom: 21.5px;
    }

    @media screen and (min-width: 320px) and (max-width: 403px) {

        .topPage__section03__thumbnail__big,
        .topPAge__section03__thumbnailOverflowContainer {
            flex: 1 0 30%;
        }
    }

    .topPage__section03__thumbnail__big p {
        font-size: 20px;
    }

    .topPage__section03 .btn__ghost {
        margin-top: 20.5px;
    }

    /**********************************************
section04 SP
**********************************************/
    .topPage__section04 {
        margin-bottom: 0;
        position: relative;
    }

    .topPage__section04__container {
        padding: 144px 0 144px;
    }

    .topPage__section04__container h3 {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .topPage__section04__container p {
        font-size: 14px;
        width: 100%;
        max-width: 296.5px;
        margin-bottom: 30px;
    }

    .topPage__section04__container a:hover {
        border: 1px solid white;
    }

    /**********************************************
section05 SP
**********************************************/
    .topPage__section05 {
        padding: 0 11.5px 25px;
        padding: 0 23px 25px;
    }

    .topPage__section05__petal {
        max-width: 102px;
    }

    .topPage__section05__animationcontainer {
        margin-bottom: 50px;
        padding: 28px 0 79px;
        padding-bottom: 0;
    }

    .topPage__section05 h3 {
        font-size: 22px;
        margin-bottom: 40px;
    }

    .topPage__section05__map {
        position: relative;
        z-index: 9;
        max-width: 100%;
    }

    /**********************************************
section06 SP
**********************************************/
    .topPage__section06 {
        order: 2;
    }

    .topPage__section06__animationcontainer {
        padding: 86px 0 55px;
        box-sizing: border-box;
        position: relative;
    }

    .topPage__section06__trunks {
        position: absolute;
        width: 224px;
        left: 0;
        z-index: -1;
        top: -31px;
    }

    .topPage__section06__petal {
        display: none;
    }

    .topPage__section06__petal.sp {
        position: absolute;
        width: 84.5px;
        right: 37px;
        left: unset;
        top: 25px;
    }

    .topPage__section06 .centered-petal {
        display: none;
    }

    .topPage__section06__info {
        border: 0;
        width: 100%;
        max-width: 103%;
    }

    .topPage__section06__info .topPage__section06__info__item {
        display: flex;
        flex: 45%;
        margin-bottom: 28px;
        font-size: 14px;
        align-content: center;
    }

    .topPage__section06__info .topPage__section06__info__item:nth-child(even) {
        justify-content: center;
    }

    .topPage__section06__info .topPage__section06__info__item a {
        display: flex;
    }

    .topPage__section06__info .topPage__section06__info__item a:hover {
        color: black;
    }

    .topPage__section06__info .topPage__section06__info__item:nth-last-child(2) {
        margin-bottom: 0;
    }

    .topPage__section06__info .topPage__section06__info__item:last-child {
        margin-bottom: 0;
    }

    .topPage__section06__info img {
        margin-right: 15px;
        width: 29.5px;
        height: 28.5px;
    }

    .topPage__section06__info .icon-pc {
        display: none;
    }

    .topPage__section06__info .icon-sp {
        display: inline-block;
    }

    .topPage__section06__info p {
        padding-top: 3px;
        align-self: center;
        width: 100%;
        max-width: 100%;
    }


    /**********************************************
section areapoints SP
**********************************************/
    .topPage__anchorBox {
        width: 100%;
        max-width: 100%;
        border: 1px solid #c0c0c0;
        border-radius: 4px;
        padding: 0;
        margin: 0 auto 41px;
        position: relative;
        z-index: 4;
    }

    .topPage__anchorBox__container {
        width: 100%;
        max-width: unset;
        padding: 25px 30px 0 30px;
        display: flex;
        flex-wrap: wrap;
        border: 0;
        text-align: left;
        justify-content: space-around;
        font-size: 0;
        letter-spacing: 0;
    }

    .topPage__anchorBox__item {
        /* width: 50%; */
        margin-bottom: 20px;
        margin-right: 0;
        padding: 0 0 0 14px;
        text-align: left;
        flex: 1 0 33%;
    }

    .topPage__anchorBox__item:nth-child(even) {
        padding-right: 0;
    }

    .topPage__anchorBox__item:nth-child(1n) {
        margin-bottom: 20px;
    }

    .topPage__anchorBox__item a {
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: 0.02em;
    }

    .topPage__anchorBox__item a:before {
        top: 5px;
        left: -13px;
        height: 11px;
        width: 7px;
        transform: translateY(0);
        transform: rotate(-90deg);
    }

    /*-- Safari 10.1+ --*/
    @media not all and (min-resolution:.001dpcm) {
        .topPage__anchorBox__item a:before {
            top: 5px;
            left: -13px;
            height: 11px;
            width: 7px;
            transform: translateY(0);
            transform: rotate(-90deg);
        }
    }

    /**********************************************
section07 SP
**********************************************/
    .topPage__section07 {
        padding: 0 22.5px;
    }

    .topPage__section07__petal,
    .topPage__section07__petal02left,
    .topPage__section07__petal03left {
        max-width: 150px;
    }

    .topPage__section07__ig p {
        margin-bottom: 36.50px;
        font-size: 22px;
    }

    .topPage__section07__ig img {
        width: 25px;
        height: 25px;
        margin: 0 auto 20px;
    }

    .topPage__section07 .floating-petal {
        width: 102px;
        height: auto;
        bottom: 10px;
    }

    .topPage__section07__posts {
        justify-content: space-around;
    }

    .topPage__section07__posts .thumbnail {
        flex: 0 48%;
        height: 161px;
    }

    .topPage__section07__igContainer {
        margin: 0 auto;
        width: 100%;
    }

    .topPage__section07__igBlock {
        margin: 0 auto;
        width: 100%;
    }

    .topPage__section07__instagram__item {
        width: 48%;
        padding: 1.5% 0;
    }

    @media screen and (min-width: 320px) and (max-width: 375px) {
        .topPage__section07__instagram__item {
            padding: 3.5px 0;
            width: 49%;
        }
    }

    .topPage__section07__instagram__item:hover a:after,
    .topPage__section07__instagram__item:hover a:before {
        opacity: 1;
    }

    .topPage__section07__instagram__item a img {
        border-radius: 4px;
    }

    .topPage__section07__igContainer .btn {
        display: block;
        margin: 38px auto 60px;
    }

    .topPage__section07__columns {
        flex-wrap: wrap;
        padding-bottom: 100px;
        margin-bottom: 0;
        position: relative;
        z-index: 9;
    }

    .topPage__section07__columns__column {
        margin-bottom: 5px;
        flex: 0 100%;
        padding: 64.5px 0;
    }

    .topPage__section07__columns__column:hover {
        opacity: 1;
    }

    .topPage__section07_columns_link {
        margin: 0 auto;
    }

    .topPage__section07__columns__column {
        flex: 0 100%;
        padding: 10px 0;
        cursor: pointer;
    }

    .topPage__section07__columns__column:last-child {
        flex: 0 100%;
        padding: 22.5px 0 0 0;
        margin-bottom: 0;
        cursor: pointer;
    }

    .topPage__section07__columns__column.first__item {
        padding-top: 0;
    }

    .topPage__section07__columns__column:hover {
        opacity: 1;
    }

    .topPage__section07__columns__column img {
        width: 100%;
        max-width: 100%;
    }
}

/**********************************************
========================================== ========================================== ==========================================
COMMON CLASSES and ELEMENTS
KV PC
========================================== ========================================== ==========================================
**********************************************/

/**********************************************
COMMON discoverCommon__section02 PC
**********************************************/
.discoverCommon__section02 {
    padding: 92px 0 94px;
    position: relative;
    background-color: #fbfbfb;
    transition: all .2s ease !important;
}

.white-bg.contemporary-page {
    top: -42px;
}

.discoverPage {
    padding-bottom: 94px;
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .discoverCommon__section02 {
        padding-top: 190px;
    }
}

.discoverCommon__section02 p {
    width: 100%;
    max-width: 710px;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    text-align: center;
}

.discoverCommon__section02__trunk {
    position: absolute;
    left: 0;
    top: 25px;
    width: 260px;
}

.discoverCommon__section02__petals {
    position: absolute;
    top: 40px;
    right: 43px;
    width: 122px;
}

/*
==========================================
COMMON CSS
DISCOVER PAGE SP
==========================================
*/
@media screen and (max-width: 767px) {

    .discover .common__descriptionBanner__info a::before {
        content: '' !important;
        margin-right: 10px;
        width: 12px;
        height: 12px;
    }

    /**********************************************
COMMON discoverCommon__section02 SP
**********************************************/
    .discoverCommon__section02 {
        padding: 120px 0 70px;
    }

    .discoverCommon__section02.commonPaddingBottom70pc,
    .planCommon__section02.commonPaddingBottom70pc {
        padding-bottom: 70px;
    }

    .discoverCommon__withAnchorBox {
        padding: 120px 0 40px;
    }

    .commonSection2__padding50pxSP,
    .artEvents__common__section02__animationcontainer.commonSection2__padding50pxSP,
    .planCommon__section02.commonSection2__padding50pxSP {
        padding-bottom: 42px;
    }

    .discoverCommon__section02.mtp__sground__paddingB45__SP {
        padding-bottom: 45px;
    }

    .white-bg.contemporary-page {
        top: 0;
    }

    .discoverCommon__section02__trunk {
        width: 169px;
        top: 17px;
    }

    .discoverCommon__section02__petals {
        width: 71.5px;
        top: 30px;
        right: 19px;
    }

    .discoverCommon__section02 p {
        padding: 0 40px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
DISCOVER PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

.discover__section03__banner:before {
    border-radius: 4px;
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/1fnWjzTuozgPwHWx9dloBv/d695ddfbc4a412337a996c181cd9e7a6/img_discover_pc_002.jpg");
}

.discover__section03__banner:hover::after {
    background: rgba(0, 0, 0, 0.5);
}

.discover__section04__trunk {
    width: 160px;
    position: absolute;
    top: -120px;
    right: 0;
}

.discover__section04__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/7ayufwOeUTLaItZeuFpRk2/86b21e706e78a62b9f03754247a16205/img_discover_pc_003.jpg");
}

.discover__section05 {
    position: relative;
}

.discover__section05__petal {
    position: absolute;
    width: 200px;
    left: 0;
    top: 155px;
}

.discover__main .floatReveal {
    z-index: 3;
}

.discover__section05__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/70mXXwM6vzuaC3zXkMgRVx/f4861c77de9d119371d85aa1cfba3bfb/img_discover_pc_004.jpg");
}

.discover__section06 {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 180px;
}

.discover__section06:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.discover__section06.dimmed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.discover__section06:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/1feSncsFwLsM7VQrsVxi7A/5c1097c7f7396e6716abeacebfa87ea1/img_discover_pc_005.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.discover__section06:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.discover__section06:hover::after {
    transform: scale(1.03);
}

.discover__section06:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.discover__section06__container {
    padding: 230.5px 0;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.discover__section06 h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.discover__section06 p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 75px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.discover__section06 .btn {
    position: relative;
    z-index: 9;
}

.discover__section07__trunk {
    position: absolute;
    left: 0;
    top: -108px;
    width: 197px;
}

.discover__section07__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/7Bz0Xu0GM0cOIu0Oo9JDUc/1752ce6d9f82861afb1518c4058cd615/img_discover_pc_006.jpg");
}

.discover__section08__trunk {
    width: 260px;
    position: absolute;
    top: -120px;
    right: 0;
}

.discover__section08__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/249GZYa0R0kXNAdlwo1tF3/8a4b19c75acef6bc1df2513b7247ff87/img_discover_pc_007.jpg");
}

.discover__section09__petal {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    max-width: 305px;
}

.discover__section09__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/sRrLxDsA00RDLFwFY8uQT/4727a6676993af38f8c445017872973a/img_discover_pc_008.jpg");
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
DISCOVER PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width:767px) {

    .discover__section05__petal {
        width: 150px;
    }

    .discover__section04__trunk {
        top: 259.25px;
        max-width: 81px;
    }

    .discover__section06__container {
        padding: 118px 0 118px;
    }

    .discover__section06__container h3 {
        margin-bottom: 25px;
        font-size: 22px;
    }

    .discover__section06__container p {
        margin: 0 auto 30px;
        max-width: 296.5px;
        font-size: 14px;
    }

    .discover__section07__trunk {
        left: -15px;
        top: 256.5px;
        max-width: 80px;
    }

    .discover__section08__trunk {
        top: 260px;
        max-width: 125.5px;
    }

    .discover__section09__petal {
        top: 250px;
        max-width: 150px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
AMULETS PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
/**********************************************
AMULETS section03 PC
**********************************************/
.amulets .amulets__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.amulets .amulets__section03__petal {
    position: absolute;
    top: -100px;
    left: 0;
    width: 306px;
    z-index: -1;
}

.amulets .amulets__section03__petal02 {
    position: absolute;
    right: 0;
    bottom: 225px;
    width: 306px;
    z-index: -1;
}

}

/**********************************************
AMULETS section04 PC
**********************************************/
.amulets__section04 {
    position: relative;
    padding: 0 0 0;
}

.amulets__section04__petal {
    position: absolute;
    top: 345px;
    left: 0;
    width: 306px;
}

/**********************************************
AMULETS section-content PC
**********************************************/
.amulets__section__content {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.section-content.area-points-content {
    position: relative;
}

.amulets__section__content[class*="__petal"] {
    z-index: -1;
}

.amulets__section__content__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.amulets__section__content h2,
.amulets__section__content h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.amulets__section__content__banner {
    margin-bottom: 92px;
}

.amulets__section__content p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 80px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.amulets__section__content p.no-mb {
    font-family: "Myriad Pro";
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 15px;
    margin-bottom: 0;
}

.amulets__section__content p.last {
    margin-bottom: 120px;
}

.amulets__section__content__subBanners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 55px;
}

.amulet-image {
    position: relative;
}

.amulets__section__content__subBanners.last {
    margin-bottom: 110px;
}

.amulets__section__content__subBanners.mb__80px {
    margin-bottom: 80px;
}

.amulets__section__content__subBanners img {
    width: 100%;
    max-width: 419px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
AMULETS PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {

    /**********************************************
AMULETS section-content SP
**********************************************/
    .amulets__section__content {
        padding: 0px 0 0;
    }

    .amulets__section__content__banner {
        display: block;
        width: calc(100% - 46px);
        max-width: 100%;
        margin: 0 auto 35px;
        border-radius: 4px;
    }

    .amulets__section__content h2,
    .amulets__section__content h3 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .amulets__section__content p {
        margin: 0 auto 35px;
        padding: 0 40px;
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }

    .amulets__section__content p.no-mb {
        font-size: 10px;
        margin-bottom: 11px;
    }

    .amulets__section__content p.amulets-title-sp {
        width: 100%;
        padding: 0;
        max-width: 100%;
        font-size: 10px;
        margin-top: 11px;
        margin-bottom: 25px;
    }

    .amulets__section__content p.p-sp-mb {
        margin-bottom: 25px;
    }

    .amulets__section__content p.last {
        margin-bottom: 60px;
    }

    .amulets__section__content__subBanners {
        margin: 0 auto;
        width: calc(100% - 80px);
        flex-wrap: wrap;
        margin-bottom: 18px;
        justify-content: center;
    }

    .sp__no__mb {
        margin-bottom: 0;
    }

    .amulets__section__content__subBanners.mb__80px {
        margin-bottom: 40px;
    }

    .amulets__section__content__subBanners.last {
        margin-bottom: 61px;
    }

    .amulets__section__content__subBanners.no-mb {
        margin-bottom: 28px;
    }

    .amulets__section__content__subBanners img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 29px;
    }

    .amulets__section__content__subBanners img.margin-bottom-first-image {
        margin-bottom: 29.5px;
    }

    .amulets__section__content__subBanners img.no-mb {
        margin-bottom: 0;
    }

    /**********************************************
    AMULETS section03 SP
    **********************************************/
    .amulets__section03__petal02 {
        max-width: 150px;
    }

    .amulets__section03__petal {
        max-width: 150px;
    }

    /**********************************************
    AMULETS section04 SP
    **********************************************/
    .amulets__section04__petal {
        top: 500px;
        z-index: -1 !important;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
CONTEMPORARY-ART PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.contemporary__section02 {
    margin-bottom: 157px;
    background-color: #fbfbfb;
    position: relative;
}

.contemporary__section02.first-child {
    margin-bottom: 203px;
}

.contemporary__section02.last-item {
    margin-bottom: 110px;
}

.contemporary__section02:after {
    margin: 0 auto;
    width: 712px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #f1f2ec;
    z-index: 1;
    border-radius: 4px;
}

.contemporary__section02__encounterArtPage {
    margin-top: 45px;
}

.contemporary__section02__animationcontainer {
    padding: 84px 0 0;
    position: relative;
    z-index: 3;
}

.contemporary__section02__flexContainer {
    display: flex;
    justify-content: center;
}

.contemporary__section02__flexContainer__content {
    margin-top: 70px;
    width: 368px;
}

.contemporary__section02__flexContainer__content.first {
    margin-top: 95px;
    margin-left: 116px;
    width: 436px;
}

.contemporary__section02__flexContainer__content.simon-content {
    margin-top: 81px;
    margin-left: 116px;
    width: 436px;
}

.contemporary__section02__flexContainer__content.pierre-content {
    margin-top: 81px;
    margin-left: 116px;
    width: 436px;
}

.contemporary__section02__flexContainer__content.left {
    margin-right: 90px;
}

.contemporary__section02__flexContainer__content.right {
    margin-left: 90px;
}

.contemporary__section__content h2,
.contemporary__section__content h3 {
    margin-bottom: 70px;
    text-align: left;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.contemporary__section02__flexContainer__content h2 {
    margin-bottom: 45px;
    text-align: left;
}

.contemporary__section02__flexContainer__content h2.names {
    margin-bottom: 22px;
    text-align: left;
}

.contemporary__section02__flexContainer__imgContent {
    width: 620px;
}

.contemporary__section02__flexContainer__imgContent.ryan-gander {
    margin-top: -40px;
    width: 343px;
}

.contemporary__section02__flexContainer__imgContent.simon {
    margin-top: -100px;
    width: 343px;
}

.contemporary__section02__flexContainer__imgContent.pierre {
    margin-top: -60px;
    width: 343px;
}

.contemporary__section02__flexContainer__imgContent-block {
    margin-right: 62px;
    width: 415px;
}

.contemporary__section02__flexContainer__imgContent-block:last-child {
    margin-right: 0;
}

.contemporary__section02__bird {
    margin: 0 auto;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 58px;
}

.contemporary__section02__petal {
    position: absolute;
    top: -100px;
    left: -30px;
    width: 306px;
}

.contemporary__section02__petal02 {
    position: absolute;
    right: 0;
    bottom: -325px;
    width: 306px;
}

.contemporary__section02__petal02-pierre {
    position: absolute;
    right: 0;
    top: 0;
    width: 306px;
}

@media screen and (max-width: 767px) {
    .contemporary__section02__petal02-pierre {
        width: 150px;
        z-index: 2;
    }
}

.contemporary__section02__petal02-air-we-breath {
    position: absolute;
    right: 0;
    bottom: -715px;
    width: 306px;
}

.contemporary__section02__petal022 {
    position: absolute;
    right: 0;
    top: -330px;
    width: 306px;
}

@media screen and (max-width: 767px) {
    .contemporary__section02__petal022 {
        width: 150px;
        top: -178px;
    }
}

.contemporary__section02__petal01-simon {
    position: absolute;
    left: 0;
    top: 1410px;
    width: 306px;
}

.contemporary__section02__petal01-simon-sp-time {
    position: absolute;
    left: 0;
    top: 1410px;
    width: 306px;
}

@media screen and (max-width: 767px) {
    .contemporary__section02__petal01-simon-sp-time {
        width: 150px;
        top: 1560px;
    }
}

/*
==========================================
CONTEMPORARY secion-content PC
==========================================
*/
.contemporary__section__content {
    position: relative;
    padding: 0 0 0 0;
    box-sizing: border-box;
    z-index: 2;
}

@media screen and (min-width: 768px) and (max-width: 1070px) {
    .contemporary__section__content {
        padding: 0 30px;
    }
}

.contemporary__section__content.area-points-content {
    position: relative;
}

.contemporary__section__content [class*="__petal"] {
    z-index: -1;
}

.contemporary__section__content__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.contemporary__section__content__centered-petal {
    width: 48px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) !important;
}

.contemporary__section__content__banner {
    margin-bottom: 100px;
}

.contemporary__section__content p {
    width: 100%;
    max-width: 528px;
    margin: 0 auto 70px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.contemporary__section__content p.exomind {
    width: 100%;
    max-width: 528px;
    margin: 15px 0 70px;
    line-height: 1.88;
    letter-spacing: 0.03em;
    font-size: 12px;
}

.contemporary__section__content p.right.encounter-art-credits {
    width: 100%;
    max-width: 528px;
    margin: 15px 0 10px;
    line-height: 1.88;
    letter-spacing: 0.03em;
    font-size: 12px;
}

.contemporary__section__content p.encounter-art-credits {
    width: 100%;
    max-width: 528px;
    margin: 15px 0 10px;
    line-height: 1.88;
    letter-spacing: 0.03em;
    font-size: 12px;
}

.contemporary__section__content p.encounter-art-credits-artist {
    width: 100%;
    margin: 15px 20px 15px 0;
    font-size: 12px;
}

.contemporary__section__content p.section-3 {
    margin-top: 78px;
}

.contemporary__section__content p.section-3:last-child {
    margin-bottom: 0;
}

.contemporary__section__content__sub-banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 99px;
}

.contemporary__section__content__sub-banners img {
    width: 100%;
    max-width: 419px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
CONTEMPORARY-ART PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width:767px) {
    .contemporary__section02 {
        margin-bottom: 78px;
        background-color: #fbfbfb;
        position: relative;
    }

    .contemporary__section02.first-child {
        margin-bottom: 78px;
    }

    .contemporary__section02.forpierre {
        margin-bottom: 70px;
    }

    .contemporary__section02.last-child {
        margin-bottom: 51.5px;
    }

    .contemporary__section02:after {
        margin: 0 auto;
        width: calc(100% - 80px);
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background: #f1f2ec;
        z-index: 1;
    }

    .contemporary__section02__encounterArtPage {
        margin-top: 0;
    }

    .contemporary__section02__animationcontainer {
        padding: 84px 0 0;
        position: relative;
    }

    .contemporary__section02__flexContainer {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .contemporary__section02__flexContainer.left-aligned-flex {
        justify-content: flex-start;
    }

    .contemporary__section02__flexContainer #image {
        order: 1;
    }

    .contemporary__section02__flexContainer.image-block {
        justify-content: flex-start;
        margin: 0 auto;
        margin-right: 0;
        width: 94%;
    }

    .contemporary__section02__flexContainer.image-block-2 {
        margin: 0 auto;
        margin-left: 0;
        justify-content: flex-end;
        width: 94%;
    }

    .contemporary__section02__flexContainer__content {
        order: 2;
        margin-top: 62%;
        width: 100%;
    }

    .contemporary__section02__flexContainer__content.exomind {
        order: 2;
        margin-top: 0;
        width: 100%;
    }

    .contemporary__section02__flexContainer__content.art {
        order: 2;
        margin-top: 25px;
        width: 100%;
    }

    .contemporary__section02__flexContainer__content.not-first-content {
        margin-top: 20px;
        padding-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding-right: 23px;
        padding-left: 70px;
    }

    .contemporary__section02__flexContainer__content.pierre-content {
        padding-top: 0;
    }

    .contemporary__section02__flexContainer__content.first {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0 23px 0 70px;
        width: 100%;
    }

    @media screen and (max-width: 375px) {

        .contemporary__section02__flexContainer__content.first {
            padding-top: 0;
        }
    }

    .contemporary__section02__flexContainer__content.left {
        padding-right: 70px;
        padding-left: 23px;
        margin-right: 0;
        box-sizing: border-box;
    }

    .contemporary__section02__flexContainer__content.right {
        padding-right: 23px;
        padding-left: 70px;
        margin-left: 0;
        box-sizing: border-box;
    }

    .contemporary__section02__flexContainer__content h2 {
        font-size: 22px;
        margin-bottom: 20px;
        text-align: left;
    }

    .contemporary__section02__flexContainer__imgContent {
        width: 301px;
        width: 78%;
    }

    .contemporary__section02__flexContainer__imgContent img {
        border-radius: 0;
    }

    .contemporary__section02__flexContainer__imgContent img.sp-radius-right {
        border-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .contemporary__section02__flexContainer__imgContent img.sp-radius-left {
        border-radius: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .contemporary__section02__flexContainer__imgContent.first {
        position: absolute;
        top: 0;
        left: 0;
    }

    .contemporary__section02__flexContainer__imgContent.second {
        position: relative;
        top: 0;
        right: 0;
        transform: translateX(14%);
    }

    .contemporary__section02__flexContainer__imgContent.third {
        position: relative;
        top: 0;
        left: 0;
        transform: translateX(-14%);
    }

    .contemporary__section02__flexContainer__imgContent.fourth {
        position: absolute;
        top: 0;
        right: 0;
    }

    .contemporary__section02__flexContainer__imgContent.ryan-gander {
        margin-top: -30px;
        margin-bottom: 17px;
        width: 45%;
        position: relative;
        left: 0;
        padding-left: 23px;
        /*        top: -30px;*/
    }

    @media screen and (max-width: 375px) {

        .contemporary__section02__flexContainer__imgContent.simon,
        .contemporary__section02__flexContainer__imgContent.pierre,
        .contemporary__section02__flexContainer__imgContent.pierre {
            width: 100%;
            max-width: 165px;
            /*            height: 165px;*/
        }
    }

    .contemporary__section02__flexContainer__imgContent.simon {
        margin-top: -30px;
        width: 100%;
        max-width: 165px;
        position: relative;
        left: 50%;
        top: 0;
        transform: translateX(-63%);
    }

    .contemporary__section02__flexContainer__imgContent.pierre {
        margin: 0;
        margin-top: -30px;
        margin-bottom: 0;
        width: 45%;
        position: relative;
        right: 50%;
        padding-left: 23px;
        /* top: -30px; */
        transform: translateX(-50%);
    }

    .contemporary__section02__flexContainer__imgContent-block {
        padding-right: 18%;
        margin-right: 0;
        margin-bottom: 40px;
        width: 100%;
        box-sizing: border-box;
    }

    .contemporary__section02__flexContainer__imgContent-block.right-image {
        padding-left: 18%;
        padding-right: 0;
    }

    .contemporary__section02__flexContainer__imgContent-block:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .contemporary__section02__bird {
        margin: 0 auto;
        position: absolute;
        top: -25px;
        right: 0;
        left: 0;
        width: 35px;
    }

    .contemporary__section__anchor__box__petal {
        position: absolute;
        top: 1300px;
        left: 0;
        width: 200px;
    }

    .contemporary__section02__petal {
        position: absolute;
        top: 134px;
        left: 0;
        width: 150px;
    }

    .contemporary__section02__petal02 {
        position: absolute;
        right: 0;
        bottom: -93px;
        width: 150px;
    }

    /*
==========================================
CONTEMPORARY section-content SP
==========================================
*/
    .contemporary__section__content {
        position: relative;
        padding: 0 0 0;
        box-sizing: border-box;
        z-index: 2;
    }

    .contemporary__section__content.area-points-content {
        position: relative;
    }

    .contemporary__section__content [class*="__petal"] {
        z-index: -1;
    }

    .contemporary__section__content__container {
        width: 87%;
        max-width: 896px;
        margin: 0 auto;
    }

    .contemporary__section__content__centered-petal {
        width: 48px;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%) !important;
    }

    .contemporary__section__content h2,
    .contemporary__section__content h3 {
        margin-bottom: 15px;
        text-align: left;
        font-size: 22px;
        letter-spacing: 0.04em;
        font-family: "Adobe Caslon Pro";
    }

    .contemporary__section__content__banner {
        margin-bottom: 32px;
    }

    .contemporary__section__content p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 40px;
        line-height: 1.88;
        font-size: 14px;
        letter-spacing: 0.03em;
    }

    .contemporary__section__content p.encounter-art-credits-artist {
        margin-top: 11px;
        font-size: 10px;
    }

    .contemporary__section__content p.exomind {
        width: 100%;
        max-width: 100%;
        margin: 11px 0 40px;
        line-height: 1.88;
        font-size: 10px;
        letter-spacing: 0.03em;
    }

    .contemporary__section__content p.right.encounter-art-credits {
        font-size: 10px;
        margin-top: 11px;
    }

    .contemporary__section__content p.encounter-art-credits {
        font-size: 10px;
        margin-top: 11px;
    }

    .contemporary__section__content p.section-3 {
        margin-top: 40px;
        box-sizing: border-box;
        padding-left: 12%;
        width: 87%;
    }

    .contemporary__section__content p.section-3:last-child {
        padding-left: 0;
        padding-right: 12%;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .contemporary__section__content__sub-banners {
        display: flex;
        justify-content: space-between;
        margin-bottom: 99px;
    }

    .contemporary__section__content__sub-banners img {
        width: 100%;
        max-width: 419px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
EXPERIENCES PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.experience main {
    background-color: #fbfbfb;
}

.experience__section__content__container {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.experience__section__content__container.area-points-content {
    position: relative;
}

.experience__section__content__container [class*="__petal"] {
    z-index: -1;
}

.experience__section__content__container__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.experience__section__content__centered__petal {
    width: 48px;
    position: relative;
    margin: 0 auto 32px;
    display: block;
}

.experience__section__content__container h2,
.experience__section__content__container h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.experience__section__content__container__banner {
    margin-bottom: 100px;
}

.experience__section__content__container p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 80px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.experience__section__content__container p.no-mb {
    font-family: "Myriad Pro";
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 10px;
    margin-bottom: 0;
}

.experience__section__content__container__sub-banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 99px;
}

.experience__section__content__container__sub-banners img {
    width: 100%;
    max-width: 419px;
}

/**********************************************
EXPERIENCE section03 PC
**********************************************/
.experience__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.experience__section03__petal {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}

.experience__section03__petal__approach {
    position: absolute;
    right: 0;
    top: 210px;
    width: 360px;
}

.experience__section03__petal__temizuya {
    position: absolute;
    top: 160px;
    left: 0;
    width: 360px;
}

.experience__section03__petal__fortunes {
    position: absolute;
    right: 0;
    top: 210px;
    width: 360px;
}

.experience__section03__petal__shuin {
    position: absolute;
    top: 160px;
    left: 0;
    width: 360px;
}

.experience__section03__petal__festival {
    position: absolute;
    right: 0;
    top: 210px;
    width: 360px;
}

.experience__section03__petal__tasting {
    position: absolute;
    top: 160px;
    left: 0;
    width: 360px;
}

.experience__section03__moreBtn {
    margin: 0 auto;
    margin-bottom: 88px;
    width: 100%;
    max-width: 712px;
}

.experience__section03__moreBtn a {
    font-size: 16px;
    position: relative;
    z-index: 5;
    transition: color 0.4s linear;
    font-family: "Adobe Caslon Pro";
}

.experience__section03__moreBtn a img {
    margin-right: 10px;
    width: 15px;
    vertical-align: middle;
}

.experience__section03__moreBtn a:hover {
    color: #d70b30;
}

.experience__section03__moreBtn a .pc-img {
    display: inline-block;
}

.experience__section03__moreBtn a .sp-img {
    display: none;
}

.experience__section03__moreBtn a::before {
    content: '' !important;
    margin-right: 10px;
    margin-bottom: 4px;
    padding-right: 7px;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../img/icons/button_viewmore_black.svg);
    background-size: cover;
    vertical-align: top;
    transition: all 0.4s linear;
}

.experience__section03__moreBtn a:hover::before {
    background-image: url(../img/icons/button_viewmore_red.svg);
}

.experience__section03__disAligned__content {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.experience__section03__disAligned__content.praySection:before {
    content: '';
    position: absolute;
    top: 375px;
    left: 0;
    height: 650px;
    width: 590px;
    width: 35%;
    width: 42vw;
    background: #f1f2ec;
    z-index: 1;
}

.experience__section03__disAligned__content:before {
    content: '';
    position: absolute;
    top: 200px;
    left: 0;
    height: 650px;
    width: 590px;
    width: 35%;
    width: 42vw;
    background: #f1f2ec;
    z-index: 1;
}

.experience__section03__disAligned__content.right:before {
    content: '';
    position: absolute;
    top: 200px;
    right: 0;
    left: unset;
    height: 650px;
    width: 590px;
    width: 35%;
    width: 35vw;
    background: #f1f2ec;
    z-index: 1;
}

.meet-the-people .experience__section03__disAligned__content:before,
.experience__section03__disAligned__content.amusementPark:before,
.experience__section03__disAligned__content.gettingToDazaifu:before {
    height: 700px;
}


.experience__section03__disAligned__content.thirdSet:before {
    height: 700px;
    z-index: 0;
}

.experience__section03__content__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
}

.experience__section03__content__container .image-thumbnail {
    margin-bottom: 70px;
    width: 100%;
    max-width: 896px;
    align-self: flex-end;
    position: relative;
    z-index: 2;
}

.experience__section03__content__container .image-thumbnail.image-left {
    align-self: flex-start;
}

.experience__section03__mainContent {
    margin: 0 auto;
    width: 100%;
    max-width: 712px;
    position: relative;
    z-index: 2;
}

.experience__section03__mainContent h2 {
    margin-bottom: 30px;
    font-family: "Adobe Caslon Pro";
    font-size: 32px;
    letter-spacing: 0.04em;
}

.experience__section03__mainContent p {
    margin-bottom: 90px;
    font-family: "Myriad Pro";
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
}

.experience__section03__mainContent p.withFlowerBelow {
    margin-bottom: 70px;
}

.experience__section03__mainContent p.more-btn-container {
    margin-bottom: 30px;
}

.firstTimeVisitors__section03 p.more-btn-container {
    margin-bottom: 30px;
}

.experience__section03__mainContent p.plan__dazaifuSightseeing {
    margin-bottom: 120px;
}

/**********************************************
EXPERIENCE full-width PC
**********************************************/
.experience__fullWidth__box {
    background: #fbfbfb;
    position: relative;
    /*    margin-bottom: 80px;*/
    margin-bottom: 100px;
}

.experience__fullWidth__box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    transition: all 0.4s linear;
}

.experience__fullWidth__box__bg {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background: #fbfbfb;
}

.experience__fullWidth__box__bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.experience__fullWidth__box__bg.dimmed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.experience__fullWidth__box__bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/1SUq5HAef8ppJQ7HMFCV1v/e0a2b798994b98ddbd1c923359f9b2d2/img_experience_pc_002.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.experience__fullWidth__box__bg.amulets:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6ziuqYNHSPKqrRtBTDISIA/c7e5c25c3c01fb1b7a7b558931d11d29/img_experience_pc_006.jpg");
}

.experience__fullWidth__box__bg.morning-prayer:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/7sw9S1OMj9KqG3FFtQK2m2/c121216da7957b1ac9f2920d22c0bb33/img_experience_pc_010.jpg");
}

.experience__fullWidth__box__bg:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.experience__fullWidth__box__bg:hover::after {
    transform: scale(1.03);
}

.experience__fullWidth__box__bg:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.experience__fullWidth__box__bg.morning-prayer:hover::before {
    background: rgba(0, 0, 0, 0.3);
}

.experience__fullWidth__box__bg.morning-prayer:hover::after {
    transform: scale(1);
}

.experience__fullWidth__box__container {
    padding: 245.5px 0;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.experience__fullWidth__box__container.amuletsSection {
    padding: 185.5px 0;
}

.experience__fullWidth__box__container.morningPrayerSection {
    padding: 193.5px 0;
}

.experience__fullWidth__box h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.experience__fullWidth__box p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 75px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.experience__fullWidth__box .btn {
    position: relative;
    z-index: 9;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
EXPERIENCES PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {

    /**********************************************
experience full-width bg SP
**********************************************/
    .experience__fullWidth__box {
        margin-bottom: 40px;
    }

    .experience__fullWidth__box .amulets {
        margin-bottom: 50px;
    }

    .experience__fullWidth__box__bg:after {
        background-image: url("../img/discover/experience/the-basics-bg-sp.png");
    }

    .experience__fullWidth__box__bg.amulets:after {
        background-image: url("../img/discover/experience/amulets-bg-sp.png");
    }

    .experience__fullWidth__box__bg.morning-prayer:after {
        background-image: url("../img/discover/experience/prayer-bg-sp.png");
    }

    .experience__fullWidth__box__container {
        padding: 157px 0 157px;
    }

    .experience__fullWidth__box__container.amuletsSection {
        padding: 40px 0;
    }

    .experience__fullWidth__box__container.morningPrayerSection {
        padding: 52px 0 11px !important;
    }

    .experience__fullWidth__box__container h3 {
        margin-bottom: 25px;
        font-size: 22px;
    }

    .experience__fullWidth__box__container p {
        margin: 0 auto 30px;
        max-width: 296.5px;
        font-size: 14px;
    }

    /**********************************************
EXPERIENCE section-content SP
**********************************************/
    .experience__section__content__container {
        padding: 0px 0 0;
    }

    .experience__section__content__centered__petal {
        margin-bottom: 18.5px;
        width: 33px;
    }

    .experience__section__content__container__banner {
        display: block;
        width: 100%;
        max-width: 90%;
        margin: 0 auto 30.5px;
        border-radius: 4px;
    }

    .experience__section__content__container h2,
    .experience__section__content__container h3 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .experience__section__content__container p {
        width: 100%;
        max-width: 84%;
        margin: 0 auto 40.5px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
    }

    .experience__section__content__container__sub-banners {
        margin: 0 auto;
        width: 84%;
        display: block;
        flex-wrap: wrap;
        margin-bottom: 38px;
    }

    .experience__section__content__container__sub-banners .amulet-image {
        margin-bottom: 37.5px;
    }

    .experience__section__content__container__sub-banners img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 29px;
    }

    .experience__section__content__container__sub-banners img:last-child {
        margin-bottom: 0;
    }

    /**********************************************
EXPERIENCE petals bg SP
**********************************************/
    .experience__section03__petal {
        max-width: 150px;
    }

    .experience__section03__petal__approach {
        position: absolute;
        right: 0;
        top: 255px;
        width: 150px;
    }

    .experience__section03__petal__temizuya {
        position: absolute;
        top: 270px;
        left: 0;
        width: 150px;
    }

    .experience__section03__petal__fortunes {
        position: absolute;
        right: 0;
        top: 255px;
        width: 150px;
    }

    .experience__section03__petal__shuin {
        position: absolute;
        top: 270px;
        left: 0;
        width: 150px;
    }

    .experience__section03__petal__ema {
        position: absolute;
        right: 0;
        top: 255px;
        width: 150px;
    }

    .experience__section03__petal__festival {
        position: absolute;
        right: 0;
        top: 255px;
        width: 150px;
    }

    .experience__section03__petal__tasting {
        position: absolute;
        top: 270px;
        left: 0;
        width: 150px;
    }

    .experience__section03__moreBtn {
        margin-bottom: 50px;
    }

    .experience__section03__moreBtn a {
        font-size: 14px;
    }

    .sp__moreBtn {
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .experience__section03__disAligned__content {
        margin: 0 auto;
        width: 100%;
        position: relative;
    }

    .experience__section03__disAligned__content:before {
        content: '';
        position: absolute;
        top: 108px;
        left: 0;
        height: 350px;
        width: 590px;
        width: 35%;
        width: 47vw;
        background: #f1f2ec;
        z-index: 1;
    }

    .meet-the-people .experience__section03__disAligned__content:before,
    .experience__section03__disAligned__content.amusementPark:before,
    .experience__section03__disAligned__content.gettingToDazaifu:before {
        height: 350px;
    }


    .experience__section03__disAligned__content.praySection:before {
        content: '';
        position: absolute;
        top: 218px;
        right: unset;
        left: 0;
        height: 350px;
        width: 590px;
        width: 35%;
        width: 47vw;
        background: #f1f2ec;
        z-index: 1;
    }

    .experience__section03__disAligned__content.right:before {
        content: '';
        position: absolute;
        top: 108px;
        right: 0;
        left: unset;
        height: 350px;
        width: 590px;
        width: 35%;
        width: 47vw;
        background: #f1f2ec;
        z-index: 1;
    }

    .experience__section03__disAligned__content.thirdSet:before {
        height: 350px;
    }

    .experience__section03__content__container {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
    }

    .experience__section03__content__container .image-thumbnail {
        margin-bottom: 40px;
        width: 100%;
        max-width: 100%;
        align-self: flex-end;
        position: relative;
        z-index: 2;
        padding-left: 40px;
        padding-right: 23px;
        box-sizing: border-box;
    }

    @media screen and (min-width:320px) and (max-width:375px) {
        .experience__section03__content__container .image-thumbnail {
            margin: 0 auto 40px;
            max-width: 100%;
            height: 209px;
        }

        .experience__section03__content__container .image-thumbnail img {
            border-radius: 0;
            max-width: 100%;
            width: 100%;
            height: 209px;
        }
    }

    .experience__section03__content__container .image-thumbnail img {
        border-radius: 0;
    }

    .experience__section03__content__container .image-thumbnail img.border-radius-4-sp {
        border-radius: 4px;
    }

    .experience__section03__content__container .image-thumbnail.image-left {
        padding-right: 40px;
        padding-left: 23px;
        align-self: flex-start;
    }

    .experience__section03__mainContent {
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
        max-width: 100%;
        position: relative;
        z-index: 2;
        box-sizing: border-box;
    }

    .experience__section03__mainContent h2 {
        margin-bottom: 18px;
        font-family: "Adobe Caslon Pro";
        font-size: 22px;
        letter-spacing: 0.04em;
    }

    .experience__section03__mainContent p {
        margin-bottom: 40px;
        font-family: "Myriad Pro";
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 1.88;
    }

    .experience__section03__mainContent p.withFlowerBelow {
        margin-bottom: 35px;
    }


    .experience__section03__mainContent p.plan__dazaifuSightseeing {
        margin-bottom: 60px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
EXPERIENCES/VISIT PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
/**********************************************
EXPERIENCE/VISIT video-container PC
**********************************************/
.experience__visit__video__container {
    margin: 0 auto 80px;
    width: 100%;
}

.experience__visit__video {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
}

.experience__visit__video .thumbnail {
    margin: 0 auto;
    width: 100%;
}

.experience__visit__video .thumbnail a {
    display: block;
}

/**********************************************
EXPERIENCE/VISIT pave-nav PC
**********************************************/
.experience__visit__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.experience__visit__section03__firstRightLeaf {
    position: absolute;
    top: 750px;
    right: 0;
    width: 250px;
}

.experience__visit__section03__leftLeaf {
    position: absolute;
    top: 700px;
    left: 0;
    width: 250px;
}

.experience__visit__section03__rightLeaf {
    position: absolute;
    right: 0;
    bottom: -300px;
    width: 250px;
}

.experience__section03__section__content {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.experience__section03__section__content.area-points-content {
    position: relative;
}

.experience__section03__section__content [class*="__petal"] {
    z-index: -1;
}

.experience__section03__section__content__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.experience__section03__section__content h2,
.experience__section03__section__content h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.experience__section03__section__content__banner {
    margin-bottom: 92px;
    position: relative;
}

.experience__section03__section__content p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 80px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.experience__section03__section__content p.last {
    margin: 0 auto 110px;
}

.experience__section03__section__content p.withFlowerBelow {
    margin-bottom: 70px;
}

.experience__section03__section__content__sub-banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 99px;
}

.experience__section03__section__content__sub-banners img {
    width: 100%;
    max-width: 419px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
EXPERIENCES/VISIT PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {

    /**********************************************
EXPERIENCE/VISIT video-container SP
**********************************************/
    .experience__visit__video__container {
        margin: 0 auto 40px;
        width: 100%;
    }

    .experience__visit__video {
        margin: 0 auto;
        padding: 0 23px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .experience__visit__video img {
        border-radius: 4px;
    }

    .experience__visit__video .thumbnail {
        margin: 0 auto;
        width: 100%;
    }

    .experience__visit__video .thumbnail a {
        display: block;
    }

    .experience__visit__section03__petal {
        max-width: 150px;
    }

    .experience__visit__section03__petal02 {
        max-width: 150px;
    }

    .experience__visit__section03__firstleftLeaf {
        position: absolute;
        top: 421px;
        left: 0;
        width: 15px;
    }

    .experience__visit__section03__firstRightLeaf {
        position: absolute;
        top: 500px;
        right: 0;
        width: 150px;
    }

    .experience__visit__section03__leftLeaf {
        position: absolute;
        top: -30px;
        left: 0;
        width: 150px;
    }

    .experience__visit__section03__rightLeaf {
        position: absolute;
        right: 0;
        bottom: 400px;
        width: 150px;
    }

    /**********************************************
EXPERIENCE/VISIT section content SP
**********************************************/
    .experience__section03__section__content {
        padding: 0px 0 0;
    }

    .experience__section03__section__content__banner {
        display: block;
        width: calc(100% - 46px);
        max-width: 100%;
        margin: 0 auto 30.5px;
        border-radius: 4px;
        position: relative;
        z-index: 1;
    }

    .experience__section03__section__content__banner.not-full-width {
        max-width: 90%;
    }

    .experience__section03__section__content h2,
    .experience__section03__section__content h3 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .experience__section03__section__content p {
        margin: 0 auto 40.5px;
        width: 100%;
        padding: 0 40px;
        max-width: 100%;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }

    .experience__section03__section__content p.withFlowerBelow {
        margin-bottom: 35px;
    }

    .experience__section03__section__content p.last {
        margin-bottom: 74.5px;
    }

    .experience__section03__section__content__sub-banners {
        flex-wrap: wrap;
        margin-bottom: 38px;
    }

    .experience__section03__section__content__sub-banners img {
        width: 100%;
        max-width: 90%;
        margin: 0 auto 29px;
    }

    .experience__section03__section__content__sub-banners img:last-child {
        margin-bottom: 0;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
HISTORY PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .learn main {
        z-index: 1;
    }
}

.learn__section__content {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.learn__section__content.area-points-content {
    position: relative;
}

.learn__section__content [class*="__petal"] {
    z-index: -1;
}

.learn__section__content__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}


.learn__section__content h2,
.learn__section__content h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.learn__section__content__banner {
    margin-bottom: 92px;
}

.learn__section__content p {
    margin: 0 auto 110px;
    width: 100%;
    max-width: 712px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.learn__section__content p.text__aboveSubBanners,
.amulets__section__content p.text__aboveSubBanners {
    margin: 0 auto 90px;
}

.learn__section__content p.withFlowerBelow {
    margin: 0 auto 70px;
}

.learn__section__content__sub__banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 92px;
}

.learn__section__content__sub__banners img {
    width: 100%;
    max-width: 419px;
}

.learn__section03__animationContainer {
    padding: 0 0 0;
    position: relative;
}

.learn__section03__petal {
    position: absolute;
    top: -100px;
    left: 0;
    width: 306px;
}

.learn__section03__petal02 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 306px;
}

.learn__section04 {
    position: relative;
    padding: 0 0 0;
}

.learn__section04__petal {
    position: absolute;
    top: 200px;
    left: 0;
    width: 306px;
}


.learn__section05 {
    margin: 120px auto 0;
    width: 100%;
}

.learn__section05__container {
    margin: 0 auto;
    padding-bottom: 70px;
    width: 100%;
    background-color: transparent;
}

.learn__section05__banner {
    margin: 0 auto;
    /*    padding-top: 41.5vw;*/
    padding-top: 800px;
    padding-bottom: 36px;
    width: 100%;
    /*    max-width: 1280px;*/
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/discover/sugawara.jpg);
    background-position: top;
    position: relative;
    z-index: 3;
}

.learn__section05__content {
    margin: 0 auto;
    padding: 80px 165px 105px 165px;
    box-sizing: border-box;
    width: calc(100% - 56px);
    /*    max-width: 1224px;*/
    background-color: #fff;
}

.learn__section05__content h3 {
    margin-bottom: 40px;
    font-size: 32px;
    letter-spacing: 0.04em;
    text-align: center;
    font-family: "Adobe Caslon Pro";
}

.learn__section05__content p {
    margin: 0 auto;
    width: 100%;
    max-width: 896px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    padding-right: 0;
}

.learn__section06__petal {
    position: absolute;
    top: 0;
    right: 0;
    width: 306px;
}

.learn__section06__petal02 {
    position: absolute;
    bottom: -220px;
    left: 0;
    width: 306px;
}

.learn__section07__petal {
    position: absolute;
    top: 510px;
    right: 0;
    width: 306px;
}

.learn__section08__petal {
    position: absolute;
    top: 510px;
    left: 0;
    width: 306px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
HISTORY PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

@media screen and (max-width: 767px) {
    .learn__section03__petal {
        max-width: 150px;
    }

    .learn__section03__petal02 {
        max-width: 150px;
    }

    .learn__section04__petal {
        max-width: 150px;
    }

    .learn__section06__petal,
    .learn__section06__petal02 {
        max-width: 150px;
    }

    .learn__section06__petal {
        top: 290px;
    }

    .learn__section06__petal02 {
        top: 990px;
    }

    .learn__section07__petal {
        top: 360px;
        max-width: 150px;
    }

    .learn__section08__petal {
        max-width: 150px;
        top: 530px;
    }

    .learn__section__content {
        padding: 0px 0 0;
    }

    .learn__section__content__banner {
        display: block;
        width: calc(100% - 46px);
        max-width: 100%;
        margin: 0 auto 35px;
        border-radius: 4px;
    }

    .learn__section__content h2,
    .learn__section__content h3 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 88%;
        margin: 0 auto 35px;
    }

    .learn__section__content p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 35px;
        padding: 0 40px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }

    .learn__section__content p.belowSugawara {
        margin: 0 auto 61px;
    }

    .learn__section__content p.text__aboveSubBanners,
    .amulets__section__content p.text__aboveSubBanners {
        margin: 0 auto 35px;
    }

    .learn__section__content p.withFlowerBelow {
        margin: 0 auto 35px;
    }

    .learn__section__content p.last-p {
        margin-bottom: 56px;
    }

    .learn__section__content__sub__banners {
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
        display: block;
        flex-wrap: wrap;
        margin-bottom: 38px;
        box-sizing: border-box;
    }

    .learn__section__content__sub__banners .amulet-image {
        margin-bottom: 37.5px;
    }

    .learn__section__content__sub__banners img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 29px;
    }

    .learn__section__content__sub__banners img:last-child {
        margin-bottom: 0;
    }

    .learn__section04__petal {
        top: 500px;
    }


    .learn__section05__banner__sp {
        width: 100%;
        height: 310px;
        background-repeat: no-repeat;
        background-size: 130%;
        background-image: url(../img/discover/sugawara.png);
        background-position: top;
    }

    .learn__section05 {
        margin: 0 auto;
        width: 100%;
    }

    .learn__section05__container {
        margin: 0 auto;
        padding-bottom: 20px;
        width: 100%;
        background-color: transparent;
    }

    .learn__section05__banner {
        margin: 0 auto;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 3;
    }

    .learn__section05__content {
        margin: 0 auto;
        padding: 50px 17px 35px 17px;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
    }

    .learn__section05 {
        padding: 0 23px 26px 23px;
        margin-bottom: 39.5px;
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        position: relative;
        box-sizing: border-box;
        background-color: #000000;
        /*        background-image: url(../img/discover/sugawara-bg.png);*/
    }


    .learn__section05:after {
        content: '';
        position: absolute;
        top: -12%;
        right: 0;
        background-image: url(../img/discover/sugawara-bg.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        height: 40%;
    }

    .learn__section05__content h3 {
        margin-bottom: 30px;
        text-align: center;
        font-size: 22px;
        letter-spacing: 0.04em;
    }

    .learn__section05__content p {
        padding-right: 0;
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: 0.05em;
        padding: 0;
    }


    .learn__section08__petal {
        top: 710px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
MEET-THE-PEOPLE PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.mtp__section__content {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.mtp__section__content.area-points-content {
    position: relative;
}

.mtp__section__content [class*="__petal"] {
    z-index: -1;
}

.mtp__section__content__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.mtp__section__content h2,
.mtp__section__content h3 {
    margin-bottom: 70px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.mtp__section__content__banner {
    margin-bottom: 100px;
}

.mtp__section__content p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 80px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.mtp__section__content p.no-mb {
    font-family: "Myriad Pro";
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 10px;
    margin-bottom: 0;
}

.mtp__section__content__sub-banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 99px;
}

.mtp__section__content__sub-banners img {
    width: 100%;
    max-width: 419px;
}

.mtp__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.mtp__section03__petal {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}

.mtp__section03__petal02 {
    position: absolute;
    right: 0;
    bottom: -1245px;
    width: 244px;
}

.mtp__section03__petalyasuyoshi {
    position: absolute;
    top: 1950px;
    left: 0;
    width: 312px;
}

.mtp__section03__petalizumi {
    position: absolute;
    right: 0;
    bottom: -4120px;
    width: 330px;
}

.mtp__section03__petalyoshinori {
    position: absolute;
    top: 520px;
    left: 0;
    width: 312px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
MEET-THE-PEOPLE PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .mtp__section03__petal {
        max-width: 150px;
    }

    .mtp__section03__petal02 {
        max-width: 160px;
        position: absolute;
        right: 0;
        bottom: -1000px;
        width: 150px;
    }

    .mtp__section03__petalyasuyoshi {
        position: absolute;
        top: 1517px;
        left: 0;
        width: 150px;
    }

    .mtp__section03__petalizumi {
        position: absolute;
        right: 0;
        bottom: -3000px;
        width: 150px;
    }

    .mtp__section03__petalyoshinori {
        position: absolute;
        top: 33px;
        left: 0;
        width: 150px;
    }

    .mtp__section03__petaleri {
        position: absolute;
        top: 507px;
        right: 0;
        width: 150px;
    }

    .mtp__section__content {
        padding: 0px 0 0;
    }

    .mtp__section__content__banner {
        display: block;
        width: 100%;
        max-width: 90%;
        margin: 0 auto 30.5px;
        border-radius: 4px;
    }

    .mtp__section__content h2,
    .mtp__section__content h3 {
        font-size: 22px;
        letter-spacing: 0.04em;
        width: 100%;
        max-width: 330.5px;
        margin: 0 auto 35px;
    }

    .mtp__section__content p {
        width: 100%;
        max-width: 84%;
        margin: 0 auto 40.5px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
SHRINE GROUNDS PAGE PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.grounds__section__thumbnail {
    margin: 0 auto 40px;
    width: 100%;
}

.grounds__section__thumbnail__animationcontainer {
    position: relative;
}

.grounds__section__thumbnail__petal {
    position: absolute;
    top: 0;
    left: 0;
    width: 306px;
}

.grounds__section__thumbnail__container {
    margin: 0 auto;
    width: 100%;
    max-width: 896px;
}

.grounds__section__thumbnail__container img {
    width: 100%;
    border-radius: 4px;
}

.grounds__section__content {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.grounds__section__content.area-points-content {
    position: relative;
}

.grounds__section__content [class*="__petal"] {
    z-index: -1;
}

.grounds__section__content__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.grounds__section__content h2,
.grounds__section__content h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.grounds__section__content__banner {
    margin-bottom: 92px;
}

.grounds__section__content p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 90px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.grounds__section__content p.no-mb {
    font-family: "Myriad Pro";
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 10px;
    margin-bottom: 0;
}

.grounds__section__content__sub__banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 92px;
}

.grounds__section__content__sub__banners img {
    width: 100%;
    max-width: 419px;
}

.grounds__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.grounds__section03__petal {
    position: absolute;
    top: 0;
    left: 0;
    width: 244px;
}

.grounds__section03__petal02 {
    position: absolute;
    right: 0;
    bottom: -155px;
    width: 244px;
}

.grounds__section03__petalhonden {
    position: absolute;
    right: 0;
    top: 510px;
    width: 306px;
}

.grounds__section03__petaltobiune {
    position: absolute;
    bottom: -2275px;
    left: 0;
    width: 306px;
}

.grounds__section03__petalmusuem {
    position: absolute;
    right: 0;
    top: -90px;
    width: 306px;
}

.grounds__section03__petalshrine {
    position: absolute;
    top: 0;
    left: 0;
    width: 306px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
SHRINE GROUNDS PAGE SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .grounds__section__thumbnail {
        margin: 0 auto 40px;
        width: 100%;
    }

    .grounds__section__thumbnail__animationcontainer {
        position: relative;
    }

    .grounds__section__thumbnail__petal {
        position: absolute;
        top: -46px;
        left: 0;
        width: 150px;
    }

    .grounds__section__thumbnail__container {
        margin: 0 auto;
        padding: 0 23px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .grounds__section__thumbnail__container img {
        width: 100%;
    }

    .grounds__section03__petal {
        max-width: 150px;
    }

    .grounds__section03__petal02 {
        max-width: 150px;
    }

    .grounds__section03__petalhonden {
        position: absolute;
        right: 0;
        top: 375px;
        width: 150px;
    }

    .grounds__section03__petaltobiune {
        position: absolute;
        bottom: -1535px;
        left: 0;
        width: 150px;
    }

    .grounds__section03__petalmusuem {
        position: absolute;
        right: 0;
        top: 335px;
        width: 150px;
    }

    .grounds__section03__petalshrine {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
    }

    .grounds__section__content {
        padding: 0px 0 0;
    }

    .grounds__section__content__banner {
        display: block;
        width: calc(100% - 46px);
        max-width: 100%;
        margin: 0 auto 35px;
        border-radius: 4px;
    }

    /*
    @media screen and (max-width: 375px) {
        .grounds__section__content__banner {
            height: 210px;
        }
    }
*/

    .grounds__section__content h2,
    .grounds__section__content h3 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .grounds__section__content p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 35px;
        padding: 0 40px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }

    .grounds__section__content p.last-item {
        margin-bottom: 55px;
    }

    .grounds__section__content__sub__banners {
        margin: 0 auto;
        width: calc(100% - 80px);
        display: block;
        flex-wrap: wrap;
        margin-bottom: 38px;
    }

    .grounds__section__content__sub__banners .amulet-image {
        margin-bottom: 37.5px;
    }

    .grounds__section__content__sub__banners img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 29px;
    }

    .grounds__section__content__sub__banners img:last-child {
        margin-bottom: 0;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
NATURE AND SEASONS ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.nature main .section__background {
    position: unset;
    top: 0;
    width: 100%;
    height: calc(100vh + 0.9vh);
    background: white;
}

.nts__seasons__section {
    margin: 0 auto;
    width: 100%;
}

.nts__seasons__section__container {
    margin: 0 auto;
    width: 100%;
}

.nts__seasons__section__flower__container {
    margin: 0 auto 59px;
    width: 100%;
    position: relative;
}

.nts__seasons__section__flower__container.withFlowerBelow {
    margin-bottom: 70px;
}

.nts__seasons__section__flower__container:last-child {
    margin-bottom: 140px;
}

.nts__seasons__section__flower__container__petals {
    width: 303px;
    position: absolute;
    top: 35px;
}

.nts__seasons__section__flower__container__petals.left {
    left: 0;
}

.nts__seasons__section__flower__container__petals.right {
    right: 0;
}

.nts__seasons__section__item {
    margin: 0 auto;
    width: 100%;
    max-width: 896px;
}

.nts__seasons__section__item__heading {
    /*    margin: 0 auto 60px;*/
    margin: 0 auto 0;
    width: 100%;
    text-align: center;
}

.nts__seasons__section__item__heading h2 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.nts__seasons__section__item__thumbnail {
    margin: 0 auto 92px;
}

.nts__seasons__section__item__thumbnail:before {
    display: none;
}

.nts__seasons__section__item__content p {
    width: 100%;
    max-width: 701px;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
NATURE AND SEASON ELEMENTS SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .nts__seasons__section {
        margin: 0 auto;
        width: 100%;
    }

    .nts__seasons__section__container {
        margin: 0 auto;
        width: 100%;
    }

    .nts__seasons__section__flower__container {
        margin: 0 auto;
        width: 100%;
        position: relative;
    }

    .nts__seasons__section__flower__container.withFlowerBelow {
        margin-bottom: 0;
    }

    .nts__seasons__section__flower__container:last-child {
        margin-bottom: 60px;
    }

    .nts__seasons__section__flower__container__petals {
        width: 150px;
        position: absolute;
        top: 35px;
    }

    .nts__seasons__section__flower__container__petals.left {
        left: 0;
    }

    .nts__seasons__section__flower__container__petals.right {
        right: 0;
    }

    .nts__seasons__section__item {
        margin: 0 auto 35px;
        width: 100%;
        max-width: 100%;
    }

    .nts__seasons__section__item.last-child {
        margin-bottom: 60px;
    }

    .nts__seasons__section__item__heading {
        margin: 0 auto 35px;
        padding: 0 23px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .nts__seasons__section__item__heading h2 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .nts__seasons__section__item__thumbnail {
        margin: 0 auto 37px;
        width: calc(100% - 46px);
    }

    .nts__seasons__section__item__thumbnail img {
        border-radius: 4px;
    }

    .nts__seasons__section__item__content p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 40px;
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 1.88;
        font-family: "Myriad Pro";
        box-sizing: border-box;
    }
}

/*
========================================== ========================================== ==========================================
==
==
ARTS-AND-EVENTS COMMON ELEMENTS PC
==
==
========================================== ========================================== ==========================================
*/
/*
==========================================
ARTS-AND-EVENTS Section02 COMMON PC
==========================================
*/
.artEvents__common__section02 {
    background-color: #fbfbfb;
    position: relative;
}

.artEvents__common__section02__animationcontainer {
    position: relative;
    padding: 92px 0 94px;
    transition: all .1s ease;
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
    .artEvents__common__section02__animationcontainer {
        padding-top: 240px;
    }
}

.artEvents__common__section02__bird1 {
    position: absolute;
    left: 0;
    top: 37px;
    width: 210px;
}

.artEvents__common__section02__bird2 {
    position: absolute;
    top: 53px;
    right: 0;
    width: 178px;
}

.artEvents__common__section02 p {
    width: 100%;
    max-width: 705px;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    text-align: center;
}

.arts-and-events .floatReveal {
    z-index: 3;
}

.arts-and-events main {
    overflow: hidden;
}

.artEvents__section__container .keyimage-credits {
    position: absolute;
    margin-bottom: 0;
    bottom: 20px;
    font-size: 12px;
    left: 20px;
    z-index: 9;
    line-height: normal;
    color: white;
}

.artEvents__section__container {
    background: #fbfbfb;
    position: relative;
}

.artEvents__section__container:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    transition: all 0.4s linear;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
ARTS-AND-EVENTS COMMON ELEMENTS SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {

    .artEvents__common__section02 {
        padding: 0;
    }

    .artEvents__common__section02__animationcontainer {
        padding: 120px 0 70px;
    }

    .events .artEvents__common__section02__animationcontainer {
        padding: 120px 0 42px;
    }


    .artEvents__common__section02__bird1 {
        width: 100%;
        max-width: 92.5px;
        top: 17px;
    }

    .artEvents__common__section02__bird2 {
        width: 100%;
        max-width: 92.5px;
        top: 30px;
        right: 0;
    }

    .artEvents__common__section02 p {
        width: 100%;
        padding: 0 40px;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
ARTS-AND-EVENTS Page ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

.artEvents__section__bg {
    position: relative;
    overflow: hidden;
    background: #fbfbfb;
    margin-bottom: 10px;
}

.artEvents__section__bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.artEvents__section__bg.dimmed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.artEvents__section__bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.artEvents__section__bg.events-bg {
    margin-bottom: 120px;
}

.artEvents__section__bg.arts:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/3VYFV8JHkW58vhKzSdrTb9/ca62345daf3595deb44d54bc145ff1f9/img_artAndEvents_pc_002.jpg?q=65");
}
.artEvents__section__bg.keidai:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/537Q7nLbVc79L1KnlHLxDZ/c630a213de998e94c5878dda4f4a0a8f/img_KedaiArtMuseum_pc_001.jpg?q=65");
    }

.artEvents__section__bg.events-bg:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/4vwYqrwZgKjreUcrLufJo7/67d87522e054157eeabbe6da075e99b1/img_artAndEvents_pc_003.jpg?q=65");
}

.artEvents__section__bg:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.artEvents__section__bg:hover::after {
    transform: scale(1.03);
}

.artEvents__section__bg:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.artEvents__section__content__container {
    padding: 230.5px 0;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.artEvents__section__container h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.artEvents__section__container p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 75px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.artEvents__section__container .btn {
    position: relative;
    z-index: 9;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
ARTS-AND-EVENTS Page ELEMENTS SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width:767px) {
    .artEvents__section__bg {
        margin-bottom: 10px;
    }

    .artEvents__section__bg.events-bg {
        margin-bottom: 60px;
    }

    .artEvents__section__bg.events-bg:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6TnbdS8dSHniy9CwnlNyTp/01ebbff3683aa67d935fd35026edb555/img_artAndEvents_sp_003.jpg");
    }

    .artEvents__section__bg.arts:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/3E5IlU3VqZnvXYrozJs3UG/28a7077dbbd52f9ff47cea963e191453/img_artAndEvents_sp_002.jpg");
    }

    .artEvents__section__bg.keidai:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/7uZ5Fh3R7UaJUKycWAv3p/c68658f71098022c79f409357cdf875f/img_KedaiArtMuseum_sp_001.jpg?q=65");
    }

    .artEvents__section__content__container {
        padding: 118px 0 118px;
    }

    .artEvents__section__content__container.eventsSection {
        padding: 105px 0 105px;
    }

    .artEvents__section__content__container h3 {
        margin-bottom: 25px;
        font-size: 22px;
    }

    .artEvents__section__content__container p {
        margin: 0 auto 30px;
        max-width: 296.5px;
        font-size: 14px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
about-art Page ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.aboutArt__anchor__box {
    margin: 0 auto;
    width: 100%;
    background: #fbfbfb;
    padding-bottom: 120px;
}

.aboutArt__anchor__box__container {
    padding: 45px 35px 20px 49px;
    width: calc(100% - 19vw);
    max-width: 896px;
    margin: 0 auto;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
}

.aboutArt__anchor__box__item {
    margin-right: 0;
    padding: 0 20px;
    margin-bottom: 31px;
    text-align: center;
}

@media screen and (max-width: 470px) {
    .aboutArt__anchor__box__item {
        flex: 0 100%;
        width: 100%;
    }
}

.aboutArt__anchor__box__item:nth-last-child(2) {
    margin-bottom: 31px;
}

.aboutArt__anchor__box__item:last-child {
    margin-right: 0;
}

.aboutArt__anchor__box__item a {
    font-size: 16px;
    letter-spacing: 0.02em;
    display: inline-block;
    position: relative;
}

.aboutArt__anchor__box__item a:hover {
    color: #db2849;
}

.aboutArt__anchor__box__item a:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    height: 11px;
    width: 7px;
    background-image: url("../img/learn/learn-down-arrow.png");
    background-size: cover;
}

.aboutArt__section03 {
    background-color: #fbfbfb;
    padding-bottom: 84px;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1090px) {
    .aboutArt__section03 {
        padding: 30px
    }
}

.aboutArt__section03__animationcontainer {
    padding: 84px 0 0;
    position: relative;
}

.aboutArt__section03__animationcontainer:after {
    margin: 0 auto;
    width: 712px;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #f1f2ec;
    z-index: -1;
    border-radius: 4px;
}

.aboutArt__flex__section__container {
    display: flex;
    justify-content: center;
}

.aboutArt__flex__section__container .content {
    margin-top: 70px;
    width: 368px;
}

.aboutArt__flex__section__container .content.left {
    margin-right: 90px;
}

.aboutArt__flex__section__container .content.right {
    margin-left: 78px;
}

.aboutArt__flex__section__container .content h2 {
    margin-bottom: 30px;
    text-align: left;
}

.aboutArt__flex__section__container .image {
    margin-bottom: 80px;
    width: 620px;
    height: 413px;
}

.aboutArt__flex__section__container .image img {
    height: 413px;
}

.aboutArt__flex__section__container .image-block {
    margin-right: 60px;
    width: 418px;
    height: 100%;
}

.aboutArt__flex__section__container .image-block:last-child {
    margin-right: 0;
}

.aboutArt__section__content p.encounter-art-credits {
    width: 100%;
    max-width: 528px;
    margin: 15px 0 15px 0;
    line-height: 1.88;
    letter-spacing: 0.03em;
    font-size: 12px;
}

.aboutArt__section03__bird {
    margin: 0 auto;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 58px;
}

.aboutArt__section03__petal {
    position: absolute;
    top: -58px;
    left: -30px;
    width: 146px;
}

.aboutArt__section03__petal02 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 146px;
}

.aboutArt__section__content {
    position: relative;
    padding: 48px 0 90px;
    box-sizing: border-box;
    z-index: 2;
}

.aboutArt__section__content.area-points-content {
    position: relative;
}

.aboutArt__section__content [class*="__petal"] {
    z-index: -1;
}

.aboutArt__section__content__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.aboutArt__section__content__centered-petal {
    width: 48px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) !important;
}

.aboutArt__section__content h2,
.aboutArt__section__content h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.aboutArt__section__content__banner {
    margin-bottom: 70px;
    border-radius: 4px;
}

.aboutArt__section__content p {
    width: 100%;
    max-width: 528px;
    margin: 0 auto 70px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.aboutArt__section__content p.section-3 {
    margin-top: 70px;
}

.aboutArt__section__content p.section-3:last-child {
    margin-bottom: 0;
}

.aboutArt__section__content__sub-banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 99px;
}

.aboutArt__section__content__sub-banners img {
    width: 100%;
    max-width: 419px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
ARTS-AND-EVENTS Page ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .aboutArt__anchor__box {
        margin: 0 auto;
        width: 100%;
        background: #fbfbfb;
        padding-bottom: 100px;
    }

    .aboutArt__anchor__box__container {
        padding: 30px 39px 0px 30px;
        width: 87%;
        max-width: 896px;
        margin: 0 auto;
        border: 1px solid #c0c0c0;
        border-radius: 2px;
        text-align: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .aboutArt__anchor__box__item {
        padding: 0 0 0 14px;
        display: inline-block;
        margin-right: 0;
        margin-bottom: 27px;
        flex: 1 0 35%;
        text-align: left;
    }

    .aboutArt__anchor__box__item:nth-child(odd) {
        padding-right: 10px;
    }

    .aboutArt__anchor__box__item:last-child {
        margin-right: 0;
    }

    .aboutArt__anchor__box__item a {
        font-size: 14px;
        letter-spacing: 0.02em;
        display: inline-block;
        position: relative;
    }

    .aboutArt__anchor__box__item a:hover {
        color: #db2849;
    }

    .aboutArt__anchor__box__item a:before {
        content: "";
        position: absolute;
        left: -12px;
        top: 7px;
        transform: translateY(-50%);
        height: 11px;
        width: 7px;
        background-image: url("../img/learn/learn-down-arrow.png");
        background-size: cover;
    }

    .aboutArt__section03 {
        padding-bottom: 60px;
        background-color: #fbfbfb;
        position: relative;
    }

    .aboutArt__section03__animationcontainer {
        padding: 84px 0 0;
        position: relative;
    }

    .aboutArt__section03__animationcontainer:after {
        margin: 0 auto;
        width: calc(100% - 80px);
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background: #f1f2ec;
        z-index: -1;
    }

    .aboutArt__flex__section__container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .aboutArt__flex__section__container #image {
        order: 1;
    }

    .aboutArt__flex__section__container.image-block {
        justify-content: flex-start;
        margin: 0 auto;
        margin-right: 0;
        width: 94%;
    }

    .aboutArt__flex__section__container.image-block-2 {
        margin: 0 auto;
        margin-left: 0;
        justify-content: flex-end;
        width: 94%;
    }

    .aboutArt__flex__section__container .content {
        order: 2;
        margin-top: 62%;
        width: 87%;
    }

    .aboutArt__flex__section__container .content.left {
        padding-right: 14%;
        margin-right: 0;
        box-sizing: border-box;
    }

    .aboutArt__flex__section__container .content.right {
        padding-left: 14%;
        margin-left: 0;
        box-sizing: border-box;
    }

    .aboutArt__flex__section__container .content h2 {
        font-size: 22px;
        margin-bottom: 20px;
        text-align: left;
    }

    .aboutArt__flex__section__container .image {
        width: 301px;
        width: 78%;
        height: auto;
    }

    .aboutArt__flex__section__container .image img {
        border-radius: 4px;
        height: 100%;
    }

    .aboutArt__flex__section__container .image.first {
        position: absolute;
        top: 0;
        right: 0;
    }

    .aboutArt__flex__section__container .image.first img {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .aboutArt__flex__section__container .image.second {
        position: absolute;
        top: 0;
        left: 0;
    }

    .aboutArt__flex__section__container .image.second img {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .aboutArt__flex__section__container .image-block {
        padding-right: 18%;
        margin-right: 0;
        margin-bottom: 40px;
        width: 100%;
        box-sizing: border-box;
    }

    .aboutArt__flex__section__container .image-block img {
        border-radius: 4px;
    }

    .aboutArt__flex__section__container .image-block.right-image {
        padding-left: 18%;
        padding-right: 0;
    }

    .aboutArt__flex__section__container .image-block:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }

    .aboutArt__section__content p.encounter-art-credits {
        width: 100%;
        max-width: 528px;
        margin: 11px 0 11px;
        line-height: 1.88;
        letter-spacing: 0.03em;
        font-size: 10px;
    }

    .aboutArt__section03__bird {
        margin: 0 auto;
        position: absolute;
        top: -25px;
        right: 0;
        left: 0;
        width: 35px;
    }

    .aboutArt__section03__petal {
        position: absolute;
        top: -100px;
        left: 0;
        width: 80px;
    }

    .aboutArt__section03__petal02 {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 80px;
    }

    .aboutArt__section__content {
        position: relative;
        padding: 34.5px 0 60px;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .aboutArt__section__content.area-points-content {
        position: relative;
    }

    .aboutArt__section__content [class*="__petal"] {
        z-index: 0;
    }

    .aboutArt__section__content__container {
        width: calc(100% - 46px);
        max-width: 896px;
        margin: 0 auto;
    }

    .aboutArt__section__content__centered-petal {
        width: 48px;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%) !important;
    }

    .aboutArt__section__content h2,
    .aboutArt__section__content h3 {
        margin-bottom: 35px;
        text-align: center;
        font-size: 22px;
        letter-spacing: 0.04em;
        font-family: "Adobe Caslon Pro";
    }

    .aboutArt__section__content__banner {
        margin-bottom: 32px;
        position: relative;
        border-radius: 4px;
    }

    .aboutArt__section__content p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 40px;
        line-height: 1.88;
        font-size: 14px;
        letter-spacing: 0.03em;
    }

    .aboutArt__section__content p.section-3 {
        margin-top: 40px;
        box-sizing: border-box;
        padding-left: 12%;
        width: 87%;
    }

    .aboutArt__section__content p.section-3:last-child {
        padding-left: 0;
        padding-right: 12%;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .aboutArt__section__content__sub-banners {
        display: flex;
        justify-content: space-between;
        margin-bottom: 99px;
    }

    .aboutArt__section__content__sub-banners img {
        width: 100%;
        max-width: 419px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
events Page ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

.eventsPage__section03 {
    margin: 0 auto;
    padding-bottom: 108px;
    width: 100%;
    background-color: #fbfbfb;
    position: relative;
}

@media screen and (min-width: 768px) and (max-width: 1090px) {
    .eventsPage__section03 {
        padding: 0 30px;
        box-sizing: border-box;
    }
}

.eventsPage__section03__petalsLeft {
    position: absolute;
    left: 0;
    top: 110px;
    width: 146px;
    z-index: 1;
}

.eventsPage__section03__petalsRight {
    position: absolute;
    bottom: 280px;
    right: 0px;
    width: 205px;
    z-index: 1;
}

.eventsPage__section03__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
}

.eventsPage__section03__flexContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: all .5s ease;
}

@media screen and (max-width: 1010px) {
    .eventsPage__section03__flexContainer {
        justify-content: space-evenly;
    }
}

.eventsPage__section03__eventsBlock {
    margin-bottom: 50px;
    width: 319px;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}

.eventsPage__section03__eventsBlock a {
    overflow: hidden;
}

.eventsPage__section03__eventsBlock:hover .eventsPage__section03__eventsBlock__thumbnail__img {
    transform: scale(1.05);
}

.eventsPage__section03__eventsBlock__thumbnailContainer {
    overflow: hidden;
    height: 213px;
    margin: 0 auto 19px;
    border-radius: 5px;
}

.eventsPage__section03__eventsBlock__thumbnail__img {
    width: 100%;
    transition: all .5s ease;
}

.eventsPage__section03__eventsBlock__date {
    margin: 0 auto 11px;
    width: 100%;
}

.eventsPage__section03__eventsBlock__date h2 {
    font-family: "Myriad Pro";
    font-size: 16px;
    letter-spacing: 0.03em;
    color: #292929;
}

.eventsPage__section03__eventsBlock__title {
    margin: 0 auto 17px;
    width: 100%;
}

.eventsPage__section03__eventsBlock__title h1 {
    font-family: "Adobe Caslon Pro";
    font-size: 22px;
    letter-spacing: 0.04em;
    color: #292929;
}

.eventsPage__section03__eventsBlock__details {
    margin: 0 auto;
    width: 100%;
}

.eventsPage__section03__eventsBlock__details p {
    font-size: 16px;
    font-family: "Myriad Pro";
    letter-spacing: 0.03em;
    line-height: 1.4;
    color: #292929;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
events Page ELEMENTS SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .eventsPage__section03 {
        margin: 0 auto;
        padding-bottom: 36.5px;
        width: 100%;
        background-color: #fbfbfb;
        position: relative;
    }

    .eventsPage__section03__petalsLeft {
        position: absolute;
        left: 0;
        top: 110px;
        width: 80px;
        z-index: 20;
    }

    .eventsPage__section03__petalsRight {
        position: absolute;
        bottom: 146px;
        right: 0px;
        width: 80px;
        z-index: 20;
    }

    .eventsPage__section03__container {
        margin: 0 auto;
        width: calc(100% - 46px);
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) and (max-width: 1010px) {
    .eventsPage__section03__flexContainer {
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {
    .eventsPage__section03__eventsBlock {
        margin-bottom: 26px;
        width: 47%;
        box-sizing: border-box;
        position: relative;
        z-index: 21;
    }

    .eventsPage__section03__eventsBlock:hover .eventsPage__section03__eventsBlock__thumbnail__img {
        transform: scale(1);
    }

    .eventsPage__section03__eventsBlock__thumbnailContainer {
        margin-bottom: 10px;
        height: auto;
    }

    .eventsPage__section03__eventsBlock__thumbnail__img {
        margin: 0 auto 2px;
        width: 100%;
    }

    .eventsPage__section03__eventsBlock__thumbnail__img img {
        border-radius: 4px;
    }

    @media screen and (max-width: 375px) {
        .eventsPage__section03__eventsBlock__thumbnail__img img {
            height: 107px;
        }
    }

    .eventsPage__section03__eventsBlock__date {
        margin: 0 auto 6px;
        width: 100%;
    }

    .eventsPage__section03__eventsBlock__date h2 {
        font-family: "Myriad Pro";
        font-size: 14px;
        letter-spacing: 0.04em;
        color: #292929;
    }

    .eventsPage__section03__eventsBlock__title {
        margin: 0 auto 10px;
        width: 100%;
    }

    .eventsPage__section03__eventsBlock__title h1 {
        font-family: "Adobe Caslon Pro";
        font-size: 16px;
        letter-spacing: 0.04em;
        color: #292929;
    }

    .eventsPage__section03__eventsBlock__details {
        margin: 0 auto;
        width: 100%;
    }

    .eventsPage__section03__eventsBlock__details p {
        font-size: 14px;
        letter-spacing: 0.04em;
        line-height: 1.5;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
events Page COMMON ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

.bgColor__eventsPage {
    background-color: #fbfbfb;
}

.eventsCommon__pageTitle {
    margin: 79px auto 0;
    padding: 70px 0 46px 0;
    width: 100%;
    position: relative;
    transition: all .1s linear;
}

@media screen and (min-width: 768px) and (max-width: 1290px) {
    .eventsCommon__pageTitle {
        padding-bottom: 30px;
    }
}

.eventsCommon__pageTitle img {
    width: 150px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.eventsCommon__pageTitle__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
}

.eventsCommon__pageTitle__heading {
    text-align: center;
}

.eventsCommon__pageTitle__heading h2 {
    font-size: 40px;
    font-family: "Adobe Caslon Pro";
    letter-spacing: 0.04em;
    position: relative;
}

.eventsCommon__pageTitle__heading p {
    font-family: "Adobe Caslon Pro";
    letter-spacing: 0.04em;
    font-size: 28px;
}

.eventsCommon__pageKV {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
    height: 720px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 4px;
    color: white;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 768px) and (max-width: 1140px) {
    .eventsCommon__pageKV {
        max-width: 95%;
        box-sizing: border-box;
    }
}

.eventsCommon__pageKV.candlelight {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/4m0uAMtcSv1M7ZerTSzCpF/ec8cdf859a179c37ff78b85a45ac2140/img_candlelightKagura_pc_001.jpg");
}

.eventsCommon__pageKV.greatPurification {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6k4LpHvLjFATHUJAYofCgl/878fe62231795fafb0c625df0872b849/img_greatPurificationCeremony_pc_001.jpg");
}

.eventsCommon__pageKV.jinkoshiki {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/7wRsheLPkjwaq0bo2z8cYA/34190938cb6fd993d855162b1611bbd8/img_jinkoshikiGrandProcession_pc_001.jpg");
}

.eventsCommon__pageKV.onisubeFestival {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/4BrKt0mnQGB5hzT7lEpEpG/5624b965dddbeb1ffcb6d676980ef1aa/img_onisubeFestival_pc_001.jpg");
}

.eventsCommon__pageKV.plumBlossom {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/39QUD13vSYfcdXRHRnuwU7/35f8fbbffada22f6fc55b11bafce4e98/img_poetryCompositionCeremony_pc_001.jpg");
}

.eventsCommon__pageKV.poetry {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/39QUD13vSYfcdXRHRnuwU7/35f8fbbffada22f6fc55b11bafce4e98/img_poetryCompositionCeremony_pc_001.jpg");
}

.eventsCommon__pageKV.setsubun {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/3MgeKTrSdK7znkbvGh3j9a/fef43dba605cd56e64960c95960b2737/img_setsubunFestival_pc_001.jpg");
}

.eventsCommon__pageKV.specialPrayer {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6q0IdJgFPXUYA8yizCNn6c/2568e4af4b05e9a0835105edcacbd6e0/img_special-prayerForExamSuccess_pc_001.jpg");
}

.eventsCommon__pageKV.summerTenjin {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/21fthXChxN4BboVJBLjasu/89dfeb6ce6e3e10fa69b122e36cacc84/img_summerTenjinFestival_pc_001.jpg");
}

.eventsCommon__pageKV.usokaeFestival {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/2inov8LMWSvV1TqFuFgIkG/c9e9f383342bbaf9c1fb8ad914db7e72/img_usokaeFestival_pc_001.jpg");
}

.eventsCommon__pageKV__animationcontainer {
    padding: 0 15px;
    position: relative;
    box-sizing: border-box;
}

.eventsCommon__pageKV__contentContainer h1 {
    margin-bottom: 28px;
    font-size: 60px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
    position: relative;
}

.eventsCommon__pageKV__contentContainer h1 span {
    position: absolute;
    left: 50%;
    top: -182px;
    transform: translateX(-50%);
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: "Myriad Pro";
    font-weight: 800;
}

.eventsCommon__pageKV p {
    font-size: 20px;
    letter-spacing: 0.04em;
}

.eventsCommon__pageHeading {
    margin: 77px auto 65px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

.eventsCommon__pageHeading__container {
    margin: 0 auto;
    width: 100%;
}

.eventsCommon__pageHeading__content {
    margin: 0 auto;
    width: 100%;
    display: block;
}

.eventsCommon__pageHeading__content h2 {
    text-align: center;
    font-size: 32px;
    font-family: "Adobe Caslon Pro";
    letter-spacing: 0.04em;
}

.eventsCommon__pageSection03 {
    margin: 0 auto;
    width: 100%;
    position: relative;
    transition: all .1s ease;
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
    .eventsCommon__pageSection03 {
        padding: 0 30px;
        box-sizing: border-box;
    }
}

.eventsCommon__pageSection03 img.petals__left {
    position: absolute;
    left: 0;
    top: -210px;
    width: 168px;
}

.eventsCommon__pageSection03 img.petals__right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 224px;
}

.eventsCommon__pageSection03 img.petals__right-onisube {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 224px;
}

.eventsCommon__pageSection03 img.bird__bottom {
    position: absolute;
    right: 0;
    top: 250px;
    width: 202px;
}

.eventsCommon__pageSection03 img.bird__bottom-jinkoshiki {
    position: absolute;
    right: 0;
    top: 510px;
    width: 202px;
}

.eventsCommon__pageSection03 img.bird__bottom-setsubun {
    position: absolute;
    right: 0;
    top: 280px;
    width: 202px;
}

.eventsCommon__pageSection03 img.bird__bottom-usokae {
    position: absolute;
    right: 0;
    top: 320px;
    width: 202px;
}

.eventsCommon__pageSection03__container {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
    position: relative;
}

.eventsCommon__pageSection03__flex__container {
    margin-bottom: 130px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.eventsCommon__pageSection03__content {
    padding-right: 30px;
    width: 712px;
}

.eventsCommon__pageSection03__content p {
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.9;
    font-family: "Myriad Pro";
}

.eventsCommon__pageSection03__content img {
    margin: 50px 0 50px;
    border-radius: 4px;
}

.eventsCommon__pageSection03__content img:last-child {
    margin-bottom: 0;
}

.eventsCommon__pageSection03__dateDetails {
    padding: 26px 26px 23px 31px;
    width: 252px;
    background-color: white;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    box-sizing: border-box;
}

.eventsCommon__pageSection03__dateDetails p {
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.5;
    font-family: "Myriad Pro";
}

.eventsCommon__pageSection03__dateDetails p:nth-child(odd) {
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .eventsCommon__pageTitle {
        margin: 54px auto 0;
        padding: 44px 0 30px 0;
        width: 100%;
        position: relative;
    }
}

@media screen and (max-width: 767px) and (max-width: 425px) {
    .eventsCommon__pageTitle {
        padding-top: 44px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
events Page COMMON ELEMENTS SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

@media screen and (max-width: 767px) {
    .eventsCommon__pageTitle img {
        width: 84px;
        position: absolute;
        top: 20px;
        left: -13px;
    }

    .eventsCommon__pageTitle__container {
        margin: 0 auto;
        width: 100%;
        max-width: 1080px;
        position: relative;
        z-index: 2;
    }

    .eventsCommon__pageTitle__heading {
        text-align: center;
    }

    .eventsCommon__pageTitle__heading h2 {
        font-size: 27px;
        font-family: "Adobe Caslon Pro";
        letter-spacing: 0.04em;
    }

    .eventsCommon__pageTitle__heading p {
        text-align: center;
        font-size: 14px;
        font-family: "Adobe Caslon Pro";
        letter-spacing: 0.04em;
        line-height: 1.66;
    }

    .eventsCommon__pageKV {
        width: calc(100% - 46px);
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        height: 100%;
        background-image: none !important;
        color: white;
        z-index: 9;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .eventsCommon__pageKV.candlelight {
        background-image: none;
    }

    .eventsCommon__pageKV.greatPurification {
        background-image: none;
    }

    .eventsCommon__pageKV__animationcontainer {
        padding: 0;
        position: relative;
        box-sizing: border-box;
    }

    .eventsCommon__pageKV__contentContainer img {
        border-radius: 4px;
    }

    .eventsCommon__pageKV__contentContainer h1 {
        margin-bottom: 28px;
        font-size: 60px;
        letter-spacing: 0.04em;
        font-family: "Adobe Caslon Pro";
        position: relative;
    }

    .eventsCommon__pageKV__contentContainer h1 span {
        position: absolute;
        left: 50%;
        top: -182px;
        transform: translateX(-50%);
        font-size: 16px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-family: "Myriad Pro";
        font-weight: 800;
    }

    .eventsCommon__pageKV p {
        font-size: 20px;
        letter-spacing: 0.04em;
    }

    .eventsCommon__pageHeading {
        margin: 36.5px auto 35.5px;
        padding: 0;
        width: 100%;
    }

    .eventsCommon__pageHeading__container {
        margin: 0 auto;
        padding: 0 25px;
        width: 100%;
        box-sizing: border-box;
    }

    .eventsCommon__pageHeading__content {
        margin: 0 auto;
        width: 100%;
        display: block;
    }

    .eventsCommon__pageHeading__content h2 {
        text-align: center;
        font-size: 18px;
        font-family: "Adobe Caslon Pro";
        letter-spacing: 0.04em;
        line-height: 1.66;
    }

    .eventsCommon__pageHeading__content p {
        font-size: 14px;
    }

    .eventsCommon__pageSection03 {
        margin: 0 auto;
        width: 100%;
        position: relative;
    }

    .eventsCommon__pageSection03 img.petals__left {
        position: absolute;
        left: 0;
        top: 108px;
        width: 80px;
        z-index: 2;
    }

    .eventsCommon__pageSection03 img.petals__right {
        position: absolute;
        right: 0;
        bottom: 116px;
        width: 80px;
    }

    .eventsCommon__pageSection03 img.petals__right-onisube {
        position: absolute;
        right: 0;
        bottom: 560px;
        width: 80px;
    }

    .eventsCommon__pageSection03 img.bird__bottom,
    .eventsCommon__pageSection03 img.bird__bottom-jinkoshiki,
    .eventsCommon__pageSection03 img.bird__bottom-setsubun,
    .eventsCommon__pageSection03 img.bird__bottom-usokae {
        display: none;
    }

    .eventsCommon__pageSection03__container {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        position: relative;
        z-index: 1;
    }

    .eventsCommon__pageSection03__flex__container {
        margin-bottom: 60px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        position: relative;
        z-index: 3;
    }

    .eventsCommon__pageSection03 .floatReveal {
        z-index: 0 !important;
    }

    .eventsCommon__pageSection03__content {
        padding-right: 0;
        order: 2;
        margin: 0 auto;
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
        position: relative;
        z-index: 2;
    }

    .eventsCommon__pageSection03__content p {
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.87;
        font-family: "Myriad Pro";
    }

    .eventsCommon__pageSection03__dateDetails {
        margin: 0 auto;
        margin-bottom: 40px;
        order: 1;
        padding: 20px 25px 19px 25px;
        width: calc(100% - 46px);
        border: 1px solid #c0c0c0;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .eventsCommon__pageSection03__dateDetails__block {
        flex: 1;
    }

    .eventsCommon__pageSection03__dateDetails p {
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.87;
        font-family: "Myriad Pro";
    }

    .eventsCommon__pageSection03__dateDetails p:nth-child(odd) {
        font-weight: bold;
    }
}

/*
========================================== ========================================== ==========================================
plan page PC
========================================== ========================================== ==========================================
/**********************************************
COMMON planCommon__section02 PC
**********************************************/
.planCommon__section02 {
    padding: 92px 0 94px;
    position: relative;
    background-color: #fbfbfb;
    transition: all .1s linear !important;
}

.model-course-detail .planCommon__section02 {
    padding-bottom: 69px;
}

.white-bg.contemporary {
    top: -42px;
}

.planPage-padding {
    padding-bottom: 94px;
}

.discover .planCommon__section02 {
    padding-bottom: 160px;
}

@media screen and (min-width: 768px) and (max-width:1075px) {
    .planCommon__section02 {
        padding-top: 210px;
    }
}

.planCommon__section02__branchLeft {
    position: absolute;
    left: 0;
    top: 17px;
    width: 176px;
}

.planCommon__section02__branchRight {
    position: absolute;
    top: 58px;
    right: 0;
    width: 153px;
    width: 131px;
}

.planCommon__section02__branchRight__planIndex {
    position: absolute;
    top: 53px;
    right: 0;
    width: 153px;
}

.planCommon__section02 p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    text-align: center;
}

/*
========================================== ========================================== ==========================================
dazaifu-sightseeing SP
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {

    /**********************************************
COMMON planSection02 SP
**********************************************/
    .planCommon__section02 {
        padding: 120px 0 72px;
    }

    .model-course-detail .planCommon__section02 {
        padding-bottom: 42px;
    }

    .white-bg.contemporary {
        top: 0;
    }

    .planCommon__section02__branchLeft {
        position: absolute;
        left: 0;
        top: 15px;
        width: 111.5px;
    }

    .planCommon__section02__branchRight {
        position: absolute;
        top: 15px;
        right: 0;
        width: 103px;
    }

    .planCommon__section02 p {
        padding: 0 40px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
dazaifu-sightseeing/ page PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
/**********************************************
DAZAIFU-SIGHTSEEING section-content PC
**********************************************/
.sightSeeing__sectionContent__container {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.sightSeeing__sectionContent__container.area-points-content {
    position: relative;
}

.sightSeeing__sectionContent__container [class*="__petal"] {
    z-index: -1;
}

.sightSeeing__sectionContent {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.sightSeeing__sectionContent h2 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.sightSeeing__sectionContent__container__banner {
    margin-bottom: 92px;
}

.sightSeeing__sectionContent p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 30px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.sightSeeing__sectionContent p.monzenchi {
    margin-bottom: 90px;
}

.sightSeeing__sectionContent p.no-mb {
    font-family: "Myriad Pro";
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 10px;
    margin-bottom: 0;
}

.sightSeeing__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.sightSeeing__section03__petal {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}

.sightSeeing__section03__petal__kamado {
    position: absolute;
    top: 785px;
    left: 0;
    width: 150px;
}

.sightSeeing__section03__petal__ig {
    position: absolute;
    top: 310px;
    right: 0;
    width: 110px;
}

.sightSeeing__section03__petal__musuem {
    position: absolute;
    top: 595px;
    left: 0;
    width: 170px;
}

.sightSeeing__section03__petal__park {
    position: absolute;
    top: 600px;
    right: 0;
    width: 123px;
}

.sightSeeing__section03__petal__machi {
    position: absolute;
    top: 725px;
    left: 0;
    width: 170px;
}

.sightSeeing__section03__petal__temple {
    position: absolute;
    top: 600px;
    right: 0;
    width: 123px;
}

.sightSeeing__section03__buttonContainer {
    margin: 0 auto;
    max-width: 712px;
    margin-bottom: 95px;
}

.sightSeeing__section03__buttonAnchor {
    font-size: 16px;
    position: relative;
    z-index: 5;
    transition: color 0.4s linear;
}

.sightSeeing__section03__buttonAnchor:hover {
    color: #d70b30;
}

.sightSeeing__section03__buttonAnchor .pc-img {
    display: inline-block;
}

.sightSeeing__section03__buttonAnchor .sp-img {
    display: none;
}

.sightSeeing__section03__buttonAnchor::before {
    margin-top: 2px;
    content: '' !important;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../img/icons/button_viewmore_black.svg);
    background-size: cover;
    vertical-align: top;
    transition: all 0.4s linear;
}

.sightSeeing__section03__buttonAnchor:hover::before {
    background-image: url(../img/icons/button_viewmore_red.svg);
}


/*
==========================================
dazaifu-sightseeing/  PC
==========================================
*/
.sightSeeing__instagram {
    box-sizing: border-box;
    position: relative;
    background: #fbfbfb;
    z-index: 11;
}

.sightSeeing__instagram__petal {
    position: absolute;
    width: 250px;
    top: 247px;
    right: 0;
    z-index: -1;
}

.sightSeeing__instagram__petal02left {
    position: absolute;
    width: 250px;
    top: -60px;
    left: 0;
    z-index: -1;
}

.sightSeeing__instagram__petal03left {
    position: absolute;
    width: 250px;
    top: 700px;
    left: 0;
    z-index: -1;
}

.sightseeing__profileContainer {
    text-align: center;
}

.sightseeing__profileContainer img {
    width: 38px;
    margin: 0 auto 44px;
}

.sightseeing__profileContainer p {
    margin-bottom: 70px;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.sightSeeing__instagramPost__container {
    margin: 0 auto;
    width: 100%;
}

.sightSeeing__instagramPost__blockContainer {
    margin: 0 auto;
    width: 100%;
}

.sightSeeing__instagramPost__itemsContainer {
    margin: 0 auto;
    position: relative;
    z-index: 10;
    max-width: 897px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    list-style: none;
}

.sightSeeing__instagramPost__item {
    list-style: none;
    width: 24%;
    padding: .5%;
}

.sightSeeing__instagramPost__item:hover a:after,
.sightSeeing__instagramPost__item:hover a:before {
    opacity: 1;
}

.sightSeeing__instagram__posts {
    display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sightSeeing__instagramPost__item__anchorLink {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    font-family: "Adobe Caslon Pro";
    border-radius: 4px;
    position: relative;
}

.sightSeeing__instagramPost__item__thumbnail {
    height: 100%;
}

.sightSeeing__instagramPost__item__anchorLink:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s linear;
    z-index: 3;
    border-radius: 4px;
}

.sightSeeing__instagramPost__item__anchorLink:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 38px;
    width: 38px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 0.3s linear;
    z-index: 5;
    background-image: url("../img/icons/instagram_logo_white.svg");
}

.sightSeeing__instagramPost__container .btn {
    display: block;
    margin: 55px auto 100px;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
dazaifu-sightseeing SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width:767px) {

    /**********************************************
dazaifu-sightseeing/ section-content SP
**********************************************/
    .sightSeeing__section03__petal {
        max-width: 80px;
    }

    .sightSeeing__section03__petal__kamado {
        position: absolute;
        top: 340px;
        left: 0;
        width: 80px;
    }

    .sightSeeing__section03__petal__ig {
        position: absolute;
        top: 926px;
        right: 0;
        width: 80px;
    }

    .sightSeeing__section03__petal__musuem {
        position: absolute;
        top: 232px;
        left: 0;
        width: 80px;
    }

    .sightSeeing__section03__petal__park {
        position: absolute;
        top: 1303px;
        right: unset;
        left: 0;
        width: 80px;
    }

    .sightSeeing__section03__petal__machi {
        position: absolute;
        top: 458px;
        left: 0;
        width: 80px;
    }

    .sightSeeing__section03__petal__temple {
        position: absolute;
        top: 467px;
        right: 0;
        width: 80px;
    }

    .sightSeeing__section03__buttonContainer {
        margin-bottom: 40px;
    }

    .sightSeeing__section03__buttonContainer.last-learnmore {
        max-width: 84%;
    }

    .sightSeeing__sectionContent__container {
        padding: 0px 0 0;
    }

    .sightSeeing__sectionContent__container__banner {
        display: block;
        width: calc(100% - 46px);
        max-width: 100%;
        margin: 0 auto 30.5px;
        padding: 0;
        border-radius: 4px;
        box-sizing: border-box;
    }

    .sightSeeing__sectionContent h2 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .sightSeeing__sectionContent p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 30px;
        padding: 0 40px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }

    .sightSeeing__sectionContent p.monzenchi {
        margin-bottom: 40.5px;
    }

    /*
==========================================
dazaifu-sightseeing/ Instagram SP
==========================================
*/
    .sightSeeing__instagram {
        padding: 0 19px;
    }

    .sightSeeing__instagram__petal {
        max-width: 102px;
    }

    .sightseeing__profileContainer p {
        margin-bottom: 36.50px;
        font-size: 22px;
    }

    .sightseeing__profileContainer img {
        margin-bottom: 19.5px;
        width: 25.5px;
    }

    .sightSeeing__instagram__posts {
        justify-content: space-around;
    }

    .sightSeeing__instagram__posts .thumbnail {
        flex: 0 48%;
        height: 161px;
    }

    .sightSeeing__instagramPost__container {
        margin: 0 auto;
        width: 100%;
    }

    .sightSeeing__instagramPost__blockContainer {
        margin: 0 auto;
        width: 100%;
    }

    .sightSeeing__instagramPost__item {
        width: 48%;
        padding: 1%;
    }

    .sightSeeing__instagramPost__item:hover a:after,
    .sightSeeing__instagramPost__item:hover a:before {
        opacity: 1;
    }

    .sightSeeing__instagramPost__item__thumbnail {
        border-radius: 4px;
    }

    .sightSeeing__instagramPost__container .btn {
        display: block;
        margin: 40.5px auto 60.5px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
faq/ pc
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.faq__mainContainer {
    background: #fbfbfb;
    padding: 89px 0;
}

.faq__introduction {
    margin: 72px auto 20px;
    width: 100%;
}

.faq__introduction__animationcontainer {
    position: relative;
}

.faq__introduction__branchLeft {
    position: absolute;
    left: 0;
    top: -55px;
    width: 176px;
}

.faq__introduction__branchRight {
    position: absolute;
    top: -55px;
    right: 0;
    width: 153px;
}

.faq__introduction__contentContainer {
    margin: 0 auto;
    width: 100%;
    max-width: 709px;
}

.faq__introduction__content__headText {
    margin-bottom: 80px;
    font-size: 40px;
    letter-spacing: 0.04em;
    text-align: center;
    font-family: "Adobe Caslon Pro";
}

.faq__introduction__content__subText {
    width: 100%;
    max-width: 705px;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    text-align: center;
}

/**********************************************
faq/ section 03 PC
**********************************************/
.faq__section03 {
    margin-bottom: 20px;
}

.faq__section03:last-child {
    margin-bottom: 0;
}

.faq__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.faq__section03__petal {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}

.faq__section03__petal__transportation {
    position: absolute;
    top: 510px;
    left: 0;
    width: 150px;
}

.faq__section03__petal__dazaifu {
    position: absolute;
    top: 675px;
    right: 0;
    width: 150px;
}

.faq__section03__petal__passes {
    position: absolute;
    top: 650px;
    left: 0;
    width: 150px;
}

.faq__sectionContent {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.faq__sectionContent.area-points-content {
    position: relative;
}

.faq__sectionContent [class*="__petal"] {
    z-index: 1;
}

.faq__sectionContent__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.faq__sectionContent__centeredLeaf {
    width: 48px;
    position: relative;
    margin: 0 auto 32px;
    display: block;
}

.faq__sectionContent h2 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.faq__sectionContent p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 48px;
    line-height: 1.7;
    font-size: 16px;
    letter-spacing: 0.03em;
    position: relative;
    z-index: 2;
}

.faq__sectionContent p.no-mb {
    font-family: "Myriad Pro";
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 10px;
    margin-bottom: 0;
}

.faq__qaContainer {
    margin: 0 auto;
    width: 100%;
    max-width: 896px;
    display: flex;
    flex-direction: row;
}

.faq__qaBlock__container {
    margin: 0 auto;
    width: 100%;
}

.faq__qaBlock__container:nth-child(1) {
    padding-right: 63px;
    box-sizing: border-box;
}

.faq__qaBlock__flexContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.faq__qaBlock__questionContainer p {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.03em;
    font-family: "Myriad Pro";
}

.faq__qaBlock__answerContainer p {
    font-size: 16px;
    letter-spacing: 0.03em;
    font-family: "Myriad Pro";
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
faq/SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .faq__mainContainer {
        padding-bottom: 53.5px;
        padding-top: 55px;
        box-sizing: border-box;
    }

    .faq__introduction {
        margin: 48px auto 20px;
    }

    .faq__introduction h1 {
        margin-bottom: 43px;
        font-size: 30px;
    }

    .faq__introduction__branchLeft {
        position: absolute;
        left: 0;
        top: -40px;
        width: 111.5px;
    }

    .faq__introduction__branchRight {
        position: absolute;
        top: -40px;
        right: 0;
        width: 103px;
    }

    .faq__introduction__contentContainer {
        margin: 0 auto;
        width: 100%;
        max-width: 709px;
    }

    .faq__introduction__content__headText {
        margin-bottom: 34.5px;
        font-size: 30px;
        letter-spacing: 0.04em;
        text-align: center;
        font-family: "Adobe Caslon Pro";
    }

    .faq__introduction__content__subText {
        margin-top: 20px;
        padding: 0 23px;
        font-size: 14px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    .faq__qaContainer {
        margin: 0 auto;
        padding: 0 23px;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }

    .faq__qaBlock__container {
        margin: 0 auto;
        width: 100%;
    }

    .faq__qaBlock__container:nth-child(1) {
        padding-right: 0;
        box-sizing: border-box;
    }

    .faq__qaBlock__flexContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .faq__qaBlock__questionContainer p {
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.03em;
        font-family: "Myriad Pro";
    }

    .faq__qaBlock__answerContainer p {
        margin-bottom: 28px;
        font-size: 14px;
        letter-spacing: 0.03em;
        font-family: "Myriad Pro";
    }

    .faq__qaBlock__answerContainer p.last {
        margin-bottom: 0;
    }

    .faq__sectionContent {
        padding: 0px 0 0;
    }

    .faq__sectionContent__centeredLeaf {
        margin-bottom: 18.5px;
        width: 32.5px;
    }

    .faq__sectionContent__banner {
        display: block;
        width: 100%;
        max-width: 90%;
        margin: 0 auto 30.5px;
        border-radius: 4px;
    }

    .faq__sectionContent h2 {
        font-size: 22px;
        letter-spacing: 0.04em;
        width: 100%;
        max-width: 330.5px;
        margin: 0 auto 28px;
    }

    .faq__sectionContent__container p {
        width: 100%;
        max-width: 84%;
        margin: 0 auto 27px;
        font-size: 16px;
        letter-spacing: 0.03em;
        line-height: 1.71;
    }
}

/*
========================================== ========================================== ==========================================
first-time-visitors/ PC
========================================== ========================================== ==========================================
*/
.white-bg-ftv {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 15px;
    top: -28px;
    z-index: 2;
}

/**********************************************
first-time-visotors/ planSection03 PC
**********************************************/
.firstTimeVisitors__sectionContent {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.firstTimeVisitors__sectionContent.area-points-content {
    position: relative;
}

.firstTimeVisitors__sectionContent [class*="__petal"] {
    z-index: -1;
}

.firstTimeVisitors__sectionContent__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.firstTimeVisitors__sectionContent h2,
.firstTimeVisitors__sectionContent h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.firstTimeVisitors__sectionContent__banner {
    margin-bottom: 92px;
}

.firstTimeVisitors__sectionContent p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 30px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
}

.firstTimeVisitors__sectionContent p.download-below {
    margin-bottom: 85px;
}

.firstTimeVisitors__sectionContent p.no-mb {
    font-family: "Myriad Pro";
    font-size: 12px;
    letter-spacing: 0.03em;
    margin-top: 10px;
    margin-bottom: 0;
}

.firstTimeVisitors__sectionContent__sub-banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 99px;
}

.firstTimeVisitors__sectionContent__sub-banners img {
    width: 100%;
    max-width: 419px;
}

.firstTimeVisitors__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.firstTimeVisitors__section03__petal {
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
}

.firstTimeVisitors__section03__petal__about {
    position: absolute;
    top: 740px;
    left: 0;
    width: 170px;
}

.firstTimeVisitors__section03__petal__unique {
    position: absolute;
    top: 620px;
    right: 0;
    width: 170px;
}

.firstTimeVisitors__section03__petal__seasons {
    position: absolute;
    top: 670px;
    left: 0;
    width: 170px;
}

.firstTimeVisitors__section03__petal__getting {
    position: absolute;
    top: 620px;
    right: 0;
    width: 170px;
}

.firstTimeVisitors__section03__petal__download {
    position: absolute;
    top: 900px;
    left: 0;
    width: 170px;
}

.firstTimeVisitors__moreBtn {
    margin: 0 auto;
    max-width: 712px;
    margin-bottom: 95px;
}

.firstTimeVisitors__moreBtn a {
    font-size: 16px;
    position: relative;
    z-index: 5;
    transition: color 0.4s linear;
}

.firstTimeVisitors__moreBtn a img {
    margin-right: 10px;
    width: 15px;
    vertical-align: middle;
}

.firstTimeVisitors__moreBtn a:hover {
    color: #d70b30;
}

.firstTimeVisitors__moreBtn a .pc-img {
    display: inline-block;
}

.firstTimeVisitors__moreBtn a .sp-img {
    display: none;
}

.firstTimeVisitors__moreBtn a::before {
    margin-top: 2px;
    content: '' !important;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../img/icons/button_viewmore_black.svg);
    background-size: cover;
    vertical-align: top;
    transition: all 0.4s linear;
}

.firstTimeVisitors__moreBtn a:hover::before {
    background-image: url(../img/icons/button_viewmore_red.svg);
}

.firstTimeVisitors__disAligned__section {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.firstTimeVisitors__disAligned__section:before {
    content: '';
    position: absolute;
    top: 200px;
    left: 0;
    height: 700px;
    width: 590px;
    width: 35%;
    width: 47vw;
    background: #f1f2ec;
    z-index: 1;
}

.firstTimeVisitors__disAligned__section.right:before {
    content: '';
    position: absolute;
    top: 200px;
    right: 0;
    left: unset;
    height: 650px;
    width: 590px;
    width: 35%;
    width: 35vw;
    background: #f1f2ec;
    z-index: 1;
}

.firstTimeVisitors__sectionContentContainer {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
}

.firstTimeVisitors__sectionContent__imageThumbnail {
    margin-bottom: 70px;
    width: 100%;
    max-width: 896px;
    align-self: flex-end;
    position: relative;
    z-index: 2;
}

.firstTimeVisitors__sectionContent__imageThumbnail.image-left {
    align-self: flex-start;
}

.firstTimeVisitors__sectionContent__details {
    margin: 0 auto;
    width: 100%;
    max-width: 712px;
    position: relative;
    z-index: 2;
}

.firstTimeVisitors__sectionContent__details h2 {
    margin-bottom: 30px;
    font-family: "Adobe Caslon Pro";
    font-size: 32px;
    letter-spacing: 0.04em;
}

.firstTimeVisitors__sectionContent__details p {
    margin-bottom: 38px;
    font-family: "Myriad Pro";
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
}

.firstTimeVisitors__sectionContent__details p.no-more-btn {
    margin-bottom: 90px;
}

.firstTimeVisitors__fullBgBox {
    background: #fbfbfb;
    position: relative;
    margin-bottom: 94px;
}

.firstTimeVisitors__fullBgBox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    transition: all 0.4s linear;
}

.firstTimeVisitors__fullBgBox__containerBG {
    position: relative;
    overflow: hidden;
    background: #fbfbfb;
}

.firstTimeVisitors__fullBgBox__containerBG:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.firstTimeVisitors__fullBgBox__containerBG.dimmed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.firstTimeVisitors__fullBgBox__containerBG:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-image: url("../img/discover/experience/the-basics-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.firstTimeVisitors__fullBgBox__containerBG.art:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/2HThKuNEFrlymejRZ6QEio/1e20d2c4ce50d163ad34699c840b21e5/img_firstTimeVisitors_pc_004.jpg");
}

.firstTimeVisitors__fullBgBox__containerBG.morning-prayer:after {
    background-image: url("../img/discover/experience/prayer-bg.png");
}

.firstTimeVisitors__fullBgBox__containerBG:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.firstTimeVisitors__fullBgBox__containerBG:hover::after {
    transform: scale(1.03);
}

.firstTimeVisitors__fullBgBox__containerBG:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.firstTimeVisitors__fullBgBox__contentContainer {
    padding: 215.5px 0;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.firstTimeVisitors__fullBgBox h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.firstTimeVisitors__fullBgBox p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 75px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.planPageCommon__keyimage__credits.absolute {
    position: absolute;
    margin-bottom: 0;
    bottom: 20px;
    font-size: 12px;
    left: 33px;
    z-index: 9;
    color: white;
    line-height: normal;
}

.firstTimeVisitors__fullBgBox .btn {
    position: relative;
    z-index: 9;
}

/**********************************************
first-time-visotors/ download-section PC
**********************************************/
.firstTimeVisitors__downloadSection {
    margin: 0 auto 126px;
    width: 100%;
}

.firstTimeVisitors__downloadSection__container {
    margin: 0 auto;
    width: 100%;
    max-width: 712px;
}

.firstTimeVisitors__downloadSection__contentItemsContainer {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.firstTimeVisitors__downloadSection__contentItem {
    width: 50%;
}

.firstTimeVisitors__downloadSection__contentItem:nth-child(2) {
    margin-bottom: 28px;
}

.firstTimeVisitors__downloadSection__contentItem a {
    display: flex;
    align-items: baseline;
}

.firstTimeVisitors__downloadSection__contentItem a p {
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
    color: #292929;
}

.firstTimeVisitors__downloadSection__contentItem a img {
    margin-right: 11px;
    vertical-align: top;
    width: 12px;
    height: 14px;
}

/*
========================================== ========================================== ==========================================
first-time-visitors/ SP
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .white-bg-ftv {
        position: absolute;
        width: 100%;
        background-color: #fff;
        height: 15px;
        top: -42px;
        z-index: 2;
    }

    /**********************************************
first-time-visitors/ section03 PC
**********************************************/
    .firstTimeVisitors__section03__petal {
        max-width: 244px;
    }

    .firstTimeVisitors__section03__petal__about {
        position: absolute;
        top: 358px;
        left: 0;
        width: 80px;
    }

    .firstTimeVisitors__section03__petal__unique {
        position: absolute;
        top: 255px;
        right: 0;
        width: 80px;
    }

    .firstTimeVisitors__section03__petal__seasons {
        position: absolute;
        top: 315px;
        left: 0;
        width: 80px;
    }

    .firstTimeVisitors__section03__petal__getting {
        position: absolute;
        top: 290px;
        right: 0;
        width: 80px;
    }

    .firstTimeVisitors__section03__petal__download {
        position: absolute;
        top: 900px;
        left: 0;
        width: 170px;
    }

    .firstTimeVisitors__moreBtn {
        margin-bottom: 40px;
    }

    .firstTimeVisitors__moreBtn.last-learnmore {
        max-width: 84%;
    }

    .firstTimeVisitors__disAligned__section {
        margin: 0 auto;
        width: 100%;
        position: relative;
    }

    .firstTimeVisitors__disAligned__section:before {
        content: '';
        position: absolute;
        top: 108px;
        left: 0;
        height: 350px;
        width: 590px;
        width: 35%;
        width: 47vw;
        background: #f1f2ec;
        z-index: 1;
    }

    .firstTimeVisitors__disAligned__section.right:before {
        content: '';
        position: absolute;
        top: 108px;
        right: 0;
        left: unset;
        height: 350px;
        width: 590px;
        width: 35%;
        width: 47vw;
        background: #f1f2ec;
        z-index: 1;
    }

    .firstTimeVisitors__sectionContentContainer {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: flex-start;
    }

    .firstTimeVisitors__sectionContent__imageThumbnail {
        margin-bottom: 40px;
        width: 100%;
        max-width: 100%;
        align-self: flex-end;
        position: relative;
        z-index: 2;
        padding-right: 23px;
        padding-left: 40px;
        box-sizing: border-box;
    }

    .firstTimeVisitors__sectionContent__imageThumbnail.image-left {
        padding-right: 40px;
        padding-left: 23px;
        align-self: flex-start;
    }

    .firstTimeVisitors__sectionContent__details {
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
        max-width: 100%;
        position: relative;
        z-index: 2;
        box-sizing: border-box;
    }

    .firstTimeVisitors__sectionContent__details h2 {
        margin-bottom: 18px;
        font-family: "Adobe Caslon Pro";
        font-size: 22px;
        letter-spacing: 0.04em;
    }

    .firstTimeVisitors__sectionContent__details p {
        margin-bottom: 40px;
        font-family: "Myriad Pro";
        font-size: 14px;
        letter-spacing: 0.02em;
        line-height: 1.88;
    }

    .firstTimeVisitors__sectionContent__details p.no-more-btn {
        margin-bottom: 50px;
    }

    /**********************************************
first-time-visitors/ anchorBox PC
**********************************************/
    .firstTimeVisitors__sectionContent {
        padding: 0px 0 0;
    }

    .firstTimeVisitors__sectionContent__banner {
        display: block;
        width: calc(100% - 46px);
        max-width: 100%;
        margin: 0 auto 34px;
        padding: 0;
        border-radius: 4px;
        box-sizing: border-box;
        overflow: hidden;
    }

    @media screen and (max-width: 375px) {

        .firstTimeVisitors__sectionContent__banner,
        .sightSeeing__sectionContent__container__banner {
            height: 210px;
        }
    }

    .firstTimeVisitors__sectionContent h2,
    .firstTimeVisitors__sectionContent h3 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .firstTimeVisitors__sectionContent p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 40.5px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .firstTimeVisitors__sectionContent p.download-below {
        margin-bottom: 30px;
    }

    .firstTimeVisitors__fullBgBox {
        margin-bottom: 50px;
    }

    .firstTimeVisitors__fullBgBox__containerBG:after {
        background-image: url("../img/discover/experience/the-basics-bg-sp.png");
    }

    .firstTimeVisitors__fullBgBox__containerBG.amulets:after {
        background-image: url("../img/discover/experience/amulets-bg-sp.png");
    }

    .firstTimeVisitors__fullBgBox__containerBG.art:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6ebzd2cl0nPgd84N5qEimq/69861d6cbd226742ceb441992b3c5906/img_firstTimeVisitors_sp_004.jpg");
    }

    .firstTimeVisitors__fullBgBox__containerBG.morning-prayer:after {
        background-image: url("../img/discover/experience/prayer-bg-sp.png");
    }

    .firstTimeVisitors__fullBgBox__contentContainer {
        padding: 79px 0 79px;
    }

    .firstTimeVisitors__fullBgBox__contentContainer h3 {
        margin-bottom: 25px;
        font-size: 22px;
    }

    .firstTimeVisitors__fullBgBox__contentContainer p {
        margin: 0 auto 30px;
        max-width: 296.5px;
        font-size: 14px;
    }

    /**********************************************
first-time-visitors/ download-section PC
**********************************************/
    .firstTimeVisitors__downloadSection {
        margin: 0 auto 56.5px;
        width: 100%;
    }

    .firstTimeVisitors__downloadSection__container {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .firstTimeVisitors__downloadSection__contentItemsContainer {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
    }

    .firstTimeVisitors__downloadSection__contentItem {
        width: 100%;
        margin-bottom: 25px;
    }

    .firstTimeVisitors__downloadSection__contentItem:last-child {
        margin-bottom: 0;
    }

    .firstTimeVisitors__downloadSection__contentItem a {
        display: flex;
        align-items: baseline;
    }

    .firstTimeVisitors__downloadSection__contentItem a p {
        margin: 0;
        padding: 0;
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: 0.04em;
        font-family: "Adobe Caslon Pro";
        color: #292929;
    }

    .firstTimeVisitors__downloadSection__contentItem a img {
        margin-right: 9px;
        vertical-align: top;
        width: 10px;
        height: 12px;
    }
}


/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
getting-to-dazaifu-tenmangu/ PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
*/

/**********************************************
getting-to-dazaifu-tenmangu/ section-content PC
**********************************************/
.gettingToDazaifu__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.gettingToDazaifu__section03__firstleftLeaf {
    position: absolute;
    top: 750px;
    left: 0;
    width: 160px;
}

.gettingToDazaifu__section03__leftLeaf {
    position: absolute;
    top: 500px;
    left: 0;
    width: 160px;
}

.gettingToDazaifu__section03__rightLeaf {
    position: absolute;
    right: 0;
    bottom: 126px;
    width: 160px;
}

.gettingToDazaifu__sectionContent {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.gettingToDazaifu__sectionContent [class*="__petal"] {
    z-index: -1;
}

.gettingToDazaifu__sectionContent__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.gettingToDazaifu__sectionContent h2,
.gettingToDazaifu__sectionContent h3 {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.gettingToDazaifu__sectionContent__banner {
    margin-bottom: 92px;
    position: relative;
    z-index: 2;
}

/*
==========================================
MAP IFRAME GOOGLE API
==========================================
*/
#map_canvas {
    margin-bottom: 92px;
    width: 100%;
    max-width: 900px;
    height: 600px;
    border-radius: 4px;
}

.gm-style-iw-d {
    overflow: hidden !important;
}

.gm-style-iw-d div {
    color: red;
    font-size: 12px;
    text-align: center;
    font-family: "Myriad Pro";
    font-weight: bold;
    line-height: 1.4;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+/Edge */
    user-select: none;
    /* Standard */
}

.gm-style-iw-d div br {
    height: 5px;
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 54px;
    left: 56px;
    transform: translate(-50%, -100%);
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    box-sizing: border-box;
    text-shadow: 1px 1px rgba(255, 255, 255, 1);
    text-align: left;
    transition: all.5s ease;
}

.gm-style .gm-style-iw-t::after {
    display: none;
}

.gm-style .gm-style-iw-c button {
    display: none !important;
}

.gmnoprint,
.gm-fullscreen-control {
    display: none !important;
}

a[href^="http://maps.google.com/maps"] {
    display: none !important
}

a[href^="https://maps.google.com/maps"] {
    display: none !important
}

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display: none;
}

.gmnoprint div {
    background: none !important;
}

/*
==========================================
END OF GOOGLE MAP API
==========================================
*/
.gettingToDazaifu__sectionContent p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 80px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
    position: relative;
    z-index: 2;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
getting-to-dazaifu-tenmangu/ SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width:767px) {
    .gettingToDazaifu__sectionContent {
        padding: 0px 0 0;
    }

    .gettingToDazaifu__sectionContent__banner {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 30.5px;
        border-radius: 4px;
    }

    .gettingToDazaifu__section03__firstleftLeaf {
        position: absolute;
        top: 750px;
        left: 0;
        width: 80px;
    }

    .gettingToDazaifu__section03__leftLeaf {
        position: absolute;
        top: 500px;
        left: 0;
        width: 80px;
    }

    .gettingToDazaifu__section03__rightLeaf {
        position: absolute;
        right: 0;
        bottom: 126px;
        width: 80px;
    }

    #map_canvas {
        margin: 0 auto 37px;
        max-width: 100%;
        width: 100%;
        height: 300px;
    }

    .gettingToDazaifu__sectionContent__banner.not-full-width {
        max-width: 100%;
        width: calc(100% - 46px);
    }

    .gettingToDazaifu__sectionContent h2,
    .gettingToDazaifu__sectionContent h3 {
        font-size: 22px;
        letter-spacing: 0.01em;
        width: 100%;
        max-width: 85%;
        margin: 0 auto 35px;
    }

    .gettingToDazaifu__sectionContent p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto 40.5px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        padding: 0 40px;
        box-sizing: border-box;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
recommended-itineraries/ PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.model-courses main .floatReveal {
    z-index: 3;
}

.recommendedItineraries__fullBgWidth__section {
    background: #fbfbfb;
    position: relative;
    margin-bottom: 10px;
}

.recommendedItineraries__fullBgWidth__section.last-item {
    margin-bottom: 92px;
}

.recommendedItineraries__fullBgWidth__section:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    transition: all 0.4s linear;
}

.recommendedItineraries__fullBgWidth__section__bg {
    position: relative;
    overflow: hidden;
    background: #fbfbfb;
}

.recommendedItineraries__fullBgWidth__section__bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.recommendedItineraries__fullBgWidth__section__bg.dimmed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.recommendedItineraries__fullBgWidth__section__bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.recommendedItineraries__fullBgWidth__section__bg.half-day:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6vCkcCex2PV8vZQl9wIJja/793759cfec60450f1dd96d84a349b175/img_recommendedItineraries_pc_002.jpg");
}

.recommendedItineraries__fullBgWidth__section__bg.full-day:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/4amSJURhEdxpyyVRFEPmPT/4efab6a14badca4536efe5e5880e2dbd/img_full-day_pc_001.jpg");
}

.recommendedItineraries__fullBgWidth__section__bg.two-days:after {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/nWtY8BW5yY6lL7T6AnW05/5c2425013f873da98cd368fd5a4ac2bb/img_recommendedItineraries_pc_004.jpg");
}

.recommendedItineraries__fullBgWidth__section__bg:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.recommendedItineraries__fullBgWidth__section__bg:hover::after {
    transform: scale(1.03);
}

.recommendedItineraries__fullBgWidth__section__bg:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.recommendedItineraries__fullBgWidth__contentContainer {
    padding: 230.5px 0;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.recommendedItineraries__fullBgWidth__contentContainer.fullDaySection {
    padding: 245.5px 0;
}

.recommendedItineraries__fullBgWidth__contentContainer.twoDaysSection {
    padding: 200.5px 0;
}

.recommendedItineraries__fullBgWidth__section h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.recommendedItineraries__fullBgWidth__section p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 75px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.recommendedItineraries__fullBgWidth__section .btn {
    position: relative;
    z-index: 9;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
recommended-itineraries/ SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .recommendedItineraries__fullBgWidth__section {
        margin-bottom: 10px;
    }

    .recommendedItineraries__fullBgWidth__section.last-item {
        margin-bottom: 58.5px;
    }

    .recommendedItineraries__fullBgWidth__section__bg.half-day:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/1LldcJ5k3nAL1FdrDjm6sJ/6842df62458a6671446fbf699578cbce/img_recommendedItineraries_sp_002.jpg");
    }

    .recommendedItineraries__fullBgWidth__section__bg.full-day:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/NRfxs23MJ3hrnxaVr3TUf/7c87bd8710908be606647e68418345c2/img_full-day_sp_001.jpg");
    }

    .recommendedItineraries__fullBgWidth__section__bg.two-days:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/3qgt2wQkc4vnB8Da7qZrsZ/75daf65f3b83328d735cdd39b9f8a2a4/img_recommendedItineraries_sp_004.jpg");
    }

    .recommendedItineraries__fullBgWidth__contentContainer {
        padding: 105px 0 105px !important;
    }

    .recommendedItineraries__fullBgWidth__contentContainer.fullDaySection {
        padding: 131px 0 131px !important;
    }

    .recommendedItineraries__fullBgWidth__contentContainer.twoDaysSection {
        padding: 66px 0 66px !important;
    }

    .recommendedItineraries__fullBgWidth__contentContainer h3 {
        margin-bottom: 25px;
        font-size: 22px;
    }

    .recommendedItineraries__fullBgWidth__contentContainer p {
        margin: 0 auto 30px;
        max-width: 296.5px;
        font-size: 14px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
recommended-itineraries/full-day PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

.ri__cPage__common__section03__animationcontainer {
    padding: 0 0 0;
    position: relative;
}

.ri__cPage__common__section03__firstleftLeaf {
    position: absolute;
    top: 750px;
    left: 0;
    width: 160px;
}

.ri__cPage__common__section03__leftLeaf {
    position: absolute;
    top: 500px;
    left: 0;
    width: 160px;
}

.ri__cPage__common__section03__rightLeaf {
    position: absolute;
    right: 0;
    bottom: 126px;
    bottom: 600px;
    width: 160px;
}

.ri__cPage__common__sectionContent {
    position: relative;
    padding: 0 0;
    box-sizing: border-box;
}

.ri__cPage__common__sectionContent.area-points-content {
    position: relative;
}

.ri__cPage__common__sectionContent [class*="__petal"] {
    z-index: -1;
}

.ri__cPage__common__sectionContent__container {
    width: 100%;
    max-width: 896px;
    margin: 0 auto;
}

.ri__cPage__common__sectionContent__container.full {
    max-width: 100%;
}

.ri__cPage__common__sectionContent__centeredLeaf {
    width: 48px;
    position: relative;
    margin: 0 auto 32px;
    display: block;
}

.ri__cPage__common__sectionContent__otherCourserHeading {
    margin-bottom: 60px;
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.ri__cPage__common__sectionContent__article__title {
    margin: 38px auto 25px;
    width: 100%;
    max-width: 712px;
    display: block;
    font-size: 24px;
    text-align: left;
    font-family: "Adobe Caslon Pro";
    position: relative;
    z-index: 2;
}

.ri__cPage__common__sectionContent__banner {
    margin-bottom: 100px;
}

.ri__cPage__common__sectionContent__article__img {
    margin: 0 auto;
    margin-top: 0;
    width: 100%;
    max-width: 712px;
    display: block;
    border-radius: 4px;
}

.ri__cPage__common__sectionContent p {
    width: 100%;
    max-width: 712px;
    margin: 0 auto 40px;
    line-height: 1.88;
    font-size: 16px;
    letter-spacing: 0.03em;
    position: relative;
    z-index: 2;
}

.ri__cPage__common__sectionContent p.textImage {
    margin-bottom: 0;
}

.ri__cPage__common__sectionContent p.keyimage-credits {
    font-size: 12px;
    margin-top: 15px;
}

.ri__cPage__common__sectionContent__outline {
    margin: 0 auto;
    background-color: #f1f2ec;
    padding: 40px;
    width: calc(100% - 80px);
    max-width: 632px;
}

.ri__cPage__common__sectionContent__outline h4 {
    font-size: 24px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
}

.ri__cPage__common__sectionContent__start {
    margin: 0 auto 60px;
    margin-top: 0;
    background-color: #f1f2ec;
    padding: 20px 0;
    max-width: 712px;
    width: 100%;
}

.ri__cPage__common__sectionContent__start h4 {
    font-size: 24px;
    letter-spacing: 0.04em;
    text-align: center;
    font-family: "Adobe Caslon Pro";
}

.ri__cPage__common__sectionContent .other__courses {
    font-size: 0;
    display: block;
}

.ri__cPage__common__sectionContent .other__courses .course {
    background: #fbfbfb;
    position: relative;
    margin-bottom: 0;
    width: 50%;
    display: inline-block;
}

.ri__cPage__common__sectionContent .other__courses .course.last-item {
    margin-bottom: 92px;
}

.ri__cPage__common__sectionContent .other__courses .course:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fbfbfb;
    transition: all 0.4s linear;
}

.ri__cPage__common__sectionContent .other__courses .course__bg {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    background: #fbfbfb;
}

@media screen and (max-width:: 767px) {

    .ri__cPage__common__sectionContent .other__courses .course__bg:last-child {
        margin-bottom: 0;
    }
}

.ri__cPage__common__sectionContent .other__courses .course__bg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.ri__cPage__common__sectionContent .other__courses .course__bg.dimmed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.ri__cPage__common__sectionContent .other__courses .course__bg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.ri__cPage__common__sectionContent .other__courses .course__bg.half-day:after {
    background-image: url("../img/plan/model-courses/half-day.png");
}

.ri__cPage__common__sectionContent .other__courses .course__bg.full-day:after {
    background-image: url("../img/plan/model-courses/full-day.png");
}

.ri__cPage__common__sectionContent .other__courses .course__bg.two-days:after {
    background-image: url("../img/plan/model-courses/two-days.png");
}

.ri__cPage__common__sectionContent .other__courses .course__bg:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.ri__cPage__common__sectionContent .other__courses .course__bg:hover::after {
    transform: scale(1.03);
}

.ri__cPage__common__sectionContent .other__courses .course__bg:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.ri__cPage__common__sectionContent .other__courses .course__container {
    padding: 165px 0 125px;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.ri__cPage__common__sectionContent .other__courses .course h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 30px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.ri__cPage__common__sectionContent .other__courses .course p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 85px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.ri__cPage__common__sectionContent .other__courses .course .btn {
    position: relative;
    z-index: 9;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
recommended-itineraries/full-day SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

@media screen and (max-width: 767px) {
    .ri__cPage__common__section03__petal {
        max-width: 244px;
    }

    .ri__cPage__common__section03__petal02 {
        max-width: 244px;
    }

    .ri__cPage__common__section03__firstleftLeaf {
        position: absolute;
        top: 421px;
        left: 0;
        width: 99px;
        z-index: -1;
    }

    .ri__cPage__common__section03__leftLeaf {
        position: absolute;
        top: 250px;
        left: 0;
        width: 80px;
        z-index: -1;
    }

    .ri__cPage__common__section03__rightLeaf {
        position: absolute;
        right: 0;
        bottom: 400px;
        width: 80px;
        z-index: -1;
    }

    .ri__cPage__common__sectionContent {
        padding: 0px 0 0;
    }

    .ri__cPage__common__sectionContent__centeredLeaf {
        margin-bottom: 15px;
        width: 32.5px;
    }

    .ri__cPage__common__sectionContent__banner {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 30.5px;
        border-radius: 4px;
    }

    .ri__cPage__common__sectionContent__banner.not-full-width {
        max-width: 90%;
    }

    .ri__cPage__common__sectionContent__otherCourserHeading {
        font-size: 22px;
        letter-spacing: 0.04em;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 35px;
    }

    .ri__cPage__common__sectionContent__article__title {
        margin: 30px auto 19px;
        padding: 0 40px;
        width: 100%;
        /*        max-width: 289.5px;*/
        max-width: 100%;
        display: block;
        font-size: 22px;
        box-sizing: border-box;
    }

    .ri__cPage__common__sectionContent__banner {
        margin-bottom: 100px;
    }

    .ri__cPage__common__sectionContent__article__img {
        margin: 0 auto;
        margin-top: 40px;
        max-width: 100%;
        width: calc(100% - 46px);
    }

    .ri__cPage__common__sectionContent p {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 40px;
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.71;
        box-sizing: border-box;
    }

    .ri__cPage__common__sectionContent p.keyimage-credits {
        padding: 0 23px;
        font-size: 10px;
        margin-top: 11px;
    }

    .ri__cPage__common__sectionContent__outline {
        margin: 0 auto;
        width: 100%;
        max-width: calc(90% - 30px);
        padding: 30px 15px;
    }

    .ri__cPage__common__sectionContent__outline h4 {
        font-size: 18px;
    }

    .ri__cPage__common__sectionContent__start {
        margin: 0 auto;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 13px 0;
        width: 100%;
        max-width: 90%;
        display: block;
    }

    .ri__cPage__common__sectionContent__start.second__day {
        margin-top: 50px;
    }


    .ri__cPage__common__sectionContent__start h4 {
        font-size: 18px;
    }

    .ri__cPage__common__sectionContent .other__courses {
        font-size: 0;
        display: block;
    }

    .ri__cPage__common__sectionContent .other__courses .course {
        width: 100%;
        display: block;
    }

    .ri__cPage__common__sectionContent .other__courses .course.last-item {
        margin-bottom: 58.5px;
    }

    .ri__cPage__common__sectionContent .other__courses .course__bg.half-day:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/1LldcJ5k3nAL1FdrDjm6sJ/6842df62458a6671446fbf699578cbce/img_recommendedItineraries_sp_002.jpg");
    }

    .ri__cPage__common__sectionContent .other__courses .course__bg.full-day:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/53gdsSGdN5O73bzo2lIdnw/4391ae2d158487495e5842e1e9cb909e/img_recommendedItineraries_sp_003.jpg");
    }

    .ri__cPage__common__sectionContent .other__courses .course__bg.two-days:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/3qgt2wQkc4vnB8Da7qZrsZ/75daf65f3b83328d735cdd39b9f8a2a4/img_recommendedItineraries_sp_004.jpg");
    }

    .ri__cPage__common__sectionContent .other__courses .course__container {
        padding: 80px 0 70px;
    }

    .ri__cPage__common__sectionContent .other__courses .course__container h3 {
        margin-bottom: 24px;
        font-size: 22px;
    }

    .ri__cPage__common__sectionContent .other__courses .course__container p {
        margin: 0 auto 65.5px;
        max-width: 296.5px;
        font-size: 12px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
plan/ PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

.plan .descriptionBanner__info a::before {
    content: '' !important;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../img/icons/button_viewmore_black.svg);
    background-size: cover;
    vertical-align: middle;
    transition: all 0.4s linear;
}

.plan .descriptionBanner__info a:hover::before {
    background-image: url(../img/icons/button_viewmore_red.svg);
}

.plan main .floatReveal {
    z-index: 3;
}

.planIndex__section03__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/SZ5kKEqgvaN4wckdMX6AR/e1e05de429248278b8bfbdf4365cfe9c/img_plan_pc_002.jpg");
}

.planIndex__section04__trunk {
    width: 160px;
    position: absolute;
    top: -120px;
    right: 0;
}

.planIndex__section04__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/6IwgQNY4C7RrOEm7EuGQJv/04f51a15d7185c18d36ef3a61afadf5b/img_plan_pc_003.jpg");
}

.planIndex__section06 {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 182px;
}

.planIndex__section06:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 8;
    transition: all 0.4s linear;
}

.planIndex__section06.dimmed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.planIndex__section06:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all 5s ease;
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/MZJY0ywg37O8NvS5VOJsL/b13b9b9509f05d1a6c55bd5d2a670679/img_plan_pc_004.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.planIndex__section06:hover::before {
    background: rgba(0, 0, 0, 0.6);
}

.planIndex__section06:hover::after {
    transform: scale(1.03);
}

.planIndex__section06:hover .btn {
    background: #d70b30;
    border: 1px solid #d70b30;
}

.planIndex__section06__container {
    padding: 230.5px 0;
    color: white;
    text-align: center;
    box-sizing: border-box;
}

.planIndex__section06 h3 {
    font-size: 31.99px;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
    position: relative;
    z-index: 9;
    font-family: "Adobe Caslon Pro";
}

.planIndex__section06 p {
    width: 100%;
    max-width: 706px;
    margin: 0 auto 75px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    position: relative;
    z-index: 9;
}

.planIndex__section06 .btn {
    position: relative;
    z-index: 9;
}

.planIndex__section07__trunk {
    position: absolute;
    left: 0;
    top: -108px;
    width: 348px;
}

.planIndex__section07__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/JNofxsplYpK9DiV1VR2jZ/e3aa88ce8c1f62faa563705f1fb52d65/img_plan_pc_005.jpg");
}

.planIndex__section08__trunk {
    width: 171px;
    position: absolute;
    top: -45px;
    right: 0;
}

.planIndex__section08__banner:before {
    background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/IQeXVobHwJhCiWmNX8Ks2/e2524ea62ce90396e163437748bd0d65/img_plan_pc_006.jpg");
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
plan/ SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .plan .descriptionBanner__info a::before {
        content: '' !important;
        margin-right: 10px;
        width: 12px;
        height: 12px;
    }

    .planIndex__section04__trunk {
        top: 259.25px;
        max-width: 81px;
    }

    .planIndex__section06 {
        margin-bottom: 15px;
    }

    .planIndex__section06:after {
        background-image: url("https://images.ctfassets.net/zk4rsh4y8c7i/sjhA99ngeCUz6DXMDJsJ9/a8943f054ee9e09c5faba21be4abd370/img_plan_sp_004.jpg");
    }

    .planIndex__section06__container {
        padding: 105px 0 105px;
    }

    .planIndex__section06__container h3 {
        margin-bottom: 25px;
        font-size: 22px;
    }

    .planIndex__section06__container p {
        margin: 0 auto 30px;
        max-width: 296.5px;
        font-size: 14px;
    }

    .planIndex__section03__trunk {
        left: 7px;
        top: 278.5px;
        max-width: 48px;
        position: absolute;
        width: 348px;
    }

    .planIndex__section07__trunk {
        left: 7px;
        top: 252.5px;
        max-width: 71.3px;
    }

    .planIndex__section08 {
        margin-bottom: 43.5px;
    }

    .planIndex__section08__trunk {
        top: 270.5px;
        width: 90px;
        right: 0;
        left: auto;
    }

    .planIndex__section09__petal {
        top: 250px;
        max-width: 155px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
contact page PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.contactPage__mainContainer {
    background: #fbfbfb;
    margin-top: 72px;
    padding: 89px 0 114px;
}

.contactPage__section01 {
    margin: 0 auto 74px;
    width: 100%;
}

.contactPage__section01__container {
    margin: 0 auto;
    width: 100%;
    max-width: 712px;
}

.contactPage__section01__container h1 {
    margin-bottom: 50px;
    font-size: 40px;
    letter-spacing: 0.04em;
    text-align: center;
    font-family: "Adobe Caslon Pro";
}

.contactPage__section01__container p {
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    text-align: center;
}

.contactPage__section02 {
    margin: 0 auto;
    width: 100%;
}

.contactPage__section02__container {
    margin: 0 auto;
    width: 100%;
    max-width: 712px;
}

.contactPage__section02__contactFormContainer {
    margin: 0 auto;
    width: 100%;
}

.contactPage__section02__contactForm__flexContainer {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contactPage__section02__contactForm__flexContainer.last-child {
    margin-bottom: 60px;
}

.contactPage__section02__contactForm__flexContainer .label {
    flex: 1;
}

.contactPage__section02__contactForm__flexContainer .label p {
    font-size: 16px;
    font-family: "Myriad Pro";
    letter-spacing: 0.03em;
    color: #292929;
}

.contactPage__section02__contactForm__flexContainer .label.textarea {
    align-self: flex-start;
}

.contactPage__section02__contactForm__flexContainer .input {
    flex: 2;
}

.contactPage__section02__contactForm__flexContainer .input input {
    padding: 0 10px;
    width: 528px;
    height: 56px;
    border-radius: 4px;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
}

.contactPage__section02__contactForm__flexContainer .input textarea {
    padding: 10px;
    width: 528px;
    height: 400px;
    resize: none;
    border-radius: 4px;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
}

.contactPage__section02__contactFormContainer .button {
    text-align: right;
    cursor: pointer;
}

.contactPage__section02__contactFormContainer .button button {
    cursor: pointer;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
contact page SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .contactPage__mainContainer {
        margin-top: 0;
        padding: 55px 0 69.5px;
        box-sizing: border-box;
    }

    .contactPage__section01 {
        margin: 45px auto 47px;
        width: 100%;
    }

    .contactPage__section01__container {
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .contactPage__section01__container h1 {
        margin-bottom: 35px;
        font-size: 30px;
        letter-spacing: 0.04em;
        text-align: center;
        font-family: "Adobe Caslon Pro";
    }

    .contactPage__section01__container p {
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1.88;
        text-align: left;
    }

    .contactPage__section02 {
        margin: 0 auto;
        width: 100%;
    }

    .contactPage__section02__container {
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .contactPage__section02__contactFormContainer {
        margin: 0 auto;
        width: 100%;
    }

    .contactPage__section02__contactForm__flexContainer {
        margin-bottom: 30.5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .contactPage__section02__contactForm__flexContainer.last-child {
        margin-bottom: 39.5px;
    }

    .contactPage__section02__contactForm__flexContainer .label {
        margin-bottom: 12.5px;
        flex: 1;
    }

    .contactPage__section02__contactForm__flexContainer .label p {
        font-size: 14px;
        font-family: "Myriad Pro";
        letter-spacing: 0.03em;
        color: #292929;
    }

    .contactPage__section02__contactForm__flexContainer .label.textarea {
        align-self: flex-start;
    }

    .contactPage__section02__contactForm__flexContainer .input {
        width: 100%;
        flex: 1;
    }

    .contactPage__section02__contactForm__flexContainer .input input {
        padding: 0 10px;
        width: 100%;
        height: 44.5px;
        border-radius: 5px;
        border: 1px solid #c0c0c0;
        box-sizing: border-box;
    }

    .contactPage__section02__contactForm__flexContainer .input textarea {
        width: 100%;
        height: 325px;
        resize: none;
        border-radius: 5px;
        border: 1px solid #c0c0c0;
        box-sizing: border-box;
    }

    .contactPage__section02__contactFormContainer .button {
        width: 135px;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
    }

    .contactPage__section02__contactFormContainer .button button {
        cursor: pointer;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
sitemap PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

.sitemap__mainContainer {
    padding: 84px 0 46px;
    background-color: #fbfbfb;
}

.sitemap__section01 {
    margin: 79px auto 0;
    width: 100%;
    max-width: 709px;
}

.sitemap__section01__h1 {
    margin-bottom: 0;
    font-size: 40px;
    letter-spacing: 0.04em;
    text-align: center;
    font-family: "Adobe Caslon Pro";
}

.sitemap__section02 {
    margin: 52px auto 20px;
    width: 100%;
    max-width: 712px;
}

.sitemap__section02__innerContainer {
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.sitemap__section02__flexItem {
    width: 33.33%;
    margin-bottom: 0;
}

/*

.sitemap__section02__flexItem:last-child {
    width: 100%;
    max-width: 100%;
}
*/

.sitemap__section02__flexItem:nth-of-type(-n+3) {
    border-bottom: 1px solid #eaece9;
    margin-bottom: 20px;
}

.sitemap__section02__childPages__container {
    margin: 33px 0 50px 25px;
    padding-left: 12px;
}

.sitemap__section02__childPages__item {
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: 0.03em;
    margin-bottom: 15px;
}

.sitemap__section02__childPages__item a {
    transition: color 0.4s linear;
    font-size: 16px;
}

.sitemap__section02__childPages__item a:hover {
    color: #d70b30;
}


.sitemap__common__h3 {
    font-size: 24px;
    letter-spacing: 0.03em;
    position: relative;
    font-weight: 600;
    font-family: "Adobe Caslon Pro";
}

.sitemap__common__h3 a {
    transition: all .2s ease;
}

.sitemap__common__h3 a:hover {
    color: #d70b30;
}

.sitemap__common__h3::before {
    position: relative;
    top: 3.5px;
    content: '';
    background-image: url(../img/floats03/learn-petal-centered.png);
    width: 24px;
    height: 24px;
    margin-right: 15px;
    display: inline-block;
    background-size: cover;
    vertical-align: baseline;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
sitemap SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

@media screen and (max-width: 767px) {
    .sitemap__mainContainer {
        padding: 55px 23px 46px;
        box-sizing: border-box;
    }

    .sitemap__section01 {
        margin: 48px auto 0;
    }

    .sitemap__section01__h1 {
        margin-bottom: 0;
        font-size: 30px;
    }

    .sitemap__section02 {
        margin: 38px auto 20px;
    }

    .sitemap__common__h3 {
        font-size: 18px;
    }

    .sitemap__common__h3::before {
        content: '';
        width: 17px;
        height: 17px;
        margin-right: 8px;
    }

    .sitemap__section02__childPages__container {
        margin: 13px 0 42px 25px;
        padding-left: 0px;
    }

    .sitemap__section02__childPages__container.no__margin-bottom {
        margin-bottom: 25px;
    }

    .sitemap__section02__childPages__item {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 19px;
    }

    .sitemap__section02__childPages__item a {
        font-size: 16px;
    }

    .sitemap__section02__innerContainer {
        flex-wrap: nowrap;
        justify-content: center;
    }

    .sitemap__section02__flexItem {
        width: 100%;
        max-width: 100%;
    }

    @media screen and (max-width: 375px) {
        .sitemap__section02__flexItem {
            max-width: 150px;
        }
    }


    .sitemap__section02__flexItem:first-child {
        padding-right: 19px;
    }

    .sitemap__section02__flexItem:last-child {
        width: 100%;
        max-width: 150px;
    }

    .sitemap__section02__flexItem:nth-of-type(-n+3) {
        border-bottom: 1px solid #eaece9;
        margin-bottom: 20px;
    }

    .sp__no__border__bottom {
        border-bottom: 0 !important;
    }

    .sp_last_sitemap__section02__flexItem {
        width: 100%;
        margin-bottom: -30px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
privacy-policy PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.PrivacyAndTermsPolicy__page {
    margin: 0 auto;
    width: 100%;
}

.PrivacyAndTermsPolicy__mainContentContainer {
    margin: 0 auto;
    padding: 89px 0;
    width: 100%;
}

.PrivacyAndTermsPolicy__sectionHeading {
    margin: 75px auto 0;
    width: 100%;
}

.PrivacyAndTermsPolicy__sectionHeading__h1 {
    margin-bottom: 0;
    font-size: 40px;
    letter-spacing: 0.04em;
    text-align: center;
    font-family: "Adobe Caslon Pro";
}

.PrivacyAndTermsPolicy__section02 {
    margin: 0 auto;
    width: 100%;
}

.PrivacyAndTermsPolicy__section02__contentContainer {
    margin: 55px auto 20px;
    max-width: 709px;
}

.PrivacyAndTermsPolicy__section02__contentContainer.termsPageCopyRightSection {
    margin: 48px auto 20px;
}

.PrivacyAndTermsPolicy__section02__contentContainer.yourChoicesSection {
    margin: 0 auto 20px;
}

.PrivacyAndTermsPolicy__section02__h2Container {
    margin-bottom: 50px;
    font-size: 24px;
    font-family: "Adobe Caslon Pro";
    letter-spacing: 0.04em;
}

.PrivacyAndTermsPolicy__section02__h2Container.privacyPolicyOfDazaifuTenmangu {
    margin-bottom: 25px;
}

.termsPage__h2 {
    margin-bottom: 35px;
}

.PrivacyAndTermsPolicy__section02__blockContentContainer {
    margin-bottom: 50px;
}

.termsOfUse__section02__blockContentContainer {
    margin-bottom: 30px;
}

.termsOfUse__section02__blockContentContainer.yourRights {
    margin-bottom: 47px;
}

.PrivacyAndTermsPolicy__section02__h3Content {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.04em;
}

.PrivacyAndTermsPolicy__section02__h3Content.fw_normal {
    font-weight: normal;
}

.PrivacyAndTermsPolicy__section02__paragraphContent {
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: 0.03em;
}

.PrivacyAndTermsPolicy__listContainer {
    margin: 0;
    padding-left: 1em;
}

.PrivacyAndTermsPolicy__listItem {
    margin-bottom: 0;
    list-style-type: disc;
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: 0.03em;
}

.termsOfUse__listContainer {
    margin-bottom: 40px;
    padding-left: 12px;
}

.termsOfUse__listItem {
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: 0.03em;
    margin-bottom: 15px;
    list-style-type: circle;
}

/*
==========================================
privacy-policy SP
==========================================
*/

@media screen and (max-width: 767px) {

    .PrivacyAndTermsPolicy__page {
        margin: 0 auto;
        width: 100%;
    }

    .PrivacyAndTermsPolicy__mainContentContainer {
        margin: 0 auto;
        padding: 55px 23px 20px;
        width: 100%;
        max-width: 100%;
        min-width: unset;
        box-sizing: border-box;
    }

    .PrivacyAndTermsPolicy__sectionHeading {
        margin: 48px auto 0;
        width: 100%;
    }

    .PrivacyAndTermsPolicy__sectionHeading__h1 {
        margin-bottom: 40px;
        font-size: 30px;
        letter-spacing: 0.04em;
        text-align: center;
        font-family: "Adobe Caslon Pro";
    }

    .PrivacyAndTermsPolicy__section02 {
        margin: 0 auto;
        width: 100%;
    }

    .PrivacyAndTermsPolicy__section02__contentContainer {
        max-width: 709px;
        margin: 0 auto 20px;
    }

    .PrivacyAndTermsPolicy__section02__contentContainer.termsPageCopyRightSection {
        margin: 0 auto 20px;
    }

    .PrivacyAndTermsPolicy__section02__h2Container {
        font-size: 20px;
        margin-bottom: 22.5px;
        font-family: "Adobe Caslon Pro";
        letter-spacing: 0.04em;
    }

    .PrivacyAndTermsPolicy__section02__h2Container.privacyPolicyOfDazaifuTenmangu {
        margin-bottom: 17px;
    }

    .termsPage__h2 {
        margin-bottom: 24px;
    }

    .PrivacyAndTermsPolicy__section02__blockContentContainer {
        margin-bottom: 28px;
    }

    .termsOfUse__section02__blockContentContainer {
        margin-bottom: 34px;
    }

    .termsOfUse__section02__blockContentContainer.yourRights {
        margin-bottom: 25px;
    }

    .PrivacyAndTermsPolicy__section02__paragraphContent {
        font-size: 14px;
    }

    .PrivacyAndTermsPolicy__section02__h3Content {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.04em;
    }

    .termsOfUse__sph3 {
        margin-bottom: 25.5px;
    }

    .PrivacyAndTermsPolicy__listContainer {
        margin: 0;
        padding-left: 1em;
    }

    .PrivacyAndTermsPolicy__listItem {
        font-size: 14px;
        margin-bottom: 0;
        list-style-type: disc;
    }

    .termsOfUse__listContainer {
        margin-bottom: 20px;
        padding-left: 12px;
    }

    .termsOfUse__listItem {
        line-height: 1.5;
        font-size: 14px;
        margin-bottom: 15px;
        list-style-type: circle;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
cookie-policy PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.cookiePolicy__table {
    margin: 0 auto;
    max-width: 1080px;
    width: 100vw;
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
    .cookiePolicy__table {
        margin: 0 0 77px;
        min-width: 1080px;
    }
}

.cookiePolicy__table tr:first-child {
    background: #fff;
    text-align: left;
}

.cookiePolicy__table tr:first-child th {
    padding-left: 22px;
}

.cookiePolicy__table td,
.cookiePolicy__table th {
    border: 1px solid #c0c0c0;
    word-break: break-all;
    box-sizing: border-box;
}

.cookiePolicy__table th {
    padding: 10px;
}

.cookiePolicy__table td {
    padding: 20px;
}

.cookiePolicy__table td:nth-of-type(2),
.cookiePolicy__table td:nth-of-type(3) {
    width: 150px;
}

.cookiePolicy__table td:nth-of-type(4),
.cookiePolicy__table td:nth-of-type(5) {
    width: 28.5%;
    max-width: 310px;
}

.cookiePolicy__listContainer {
    padding-left: 1em;
    margin: 0;
}

.cookiePolicy__list__item {
    margin-bottom: 0;
    list-style-type: disc;
}

.cookiePolicy__list__item p {
    margin: 0;
}

.cookiePolicy__list__item div {
    margin: 30px 0 30px 44px;
}

.cookiePolicy__list__item div.inner-block {
    margin: 0 0 0 20px;
}

.cookiePolicy__tableContainer {
    margin: 50px 0;
    transition: all .1s ease;
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
    .cookiePolicy__tableContainer {
        margin: 0 30px;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
    .cookiePolicy__tableContainer {
        display: block;
        overflow-x: scroll;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
cookie-policy SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .cookiePolicy__tableContainer {
        margin: 25px 0 35px;
        overflow: scroll;
    }

    .cookiepolicy {
        padding-bottom: 0;
        padding-top: 0;
        box-sizing: border-box;
    }

    .cookiePolicy__mainContainer {
        margin: 0 auto;
        width: 100%;
        width: 100%;
    }

    .terms.cookiepolicy main section .cookiePolicy__tableContainer {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 40px;
    }

    .cookiePolicy__table {
        margin: 0;
        width: 950px;
        min-width: 950px;
    }

    .cookiePolicy__table th {
        padding: 5px;
    }

    .cookiePolicy__table td {
        padding: 10px;
        word-break: break-word;
    }

    .cookiePolicy__list__item p {
        margin: 0;
    }

    .cookiePolicy__list__item div {
        margin: 23.5px 0 20px 17px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
COMMON page__nav ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.common__page__nav {
    background: #f6f6f6;
    padding-top: 28px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width:767px) {
    .common__page__nav {
        padding-top: 0;
    }
}

.common__page__nav__container {
    display: flex;
    width: 100%;
    max-width: 713px;
    position: relative;
    padding: 33px 0 30.5px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dcdcdc;
}

.common__page__nav__item {
    display: inline-block;
}

.common__page__nav__item:first-child {
    text-align: left;
    margin-left: 26px;
}

.common__page__nav__item:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 7px;
    background-image: url("../img/learn/learn-left-arrow.png");
}

.common__page__nav__item:last-child {
    text-align: right;
    margin-right: 26px;
}

.common__page__nav__item:last-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 7px;
    background-image: url("../img/learn/learn-right-arrow.png");
}

.common__page__nav__item a {
    font-size: 16px;
    letter-spacing: 0.02em;
    transition: all 0.4s ease;
}

.common__page__nav__item a:hover {
    color: #d70b30;
}

/**********************************************
COMMON pave__nav SP
**********************************************/
@media screen and (max-width: 767px) {
    .common__page__nav__container {
        width: 100%;
        max-width: 294.5px;
    }

    .common__page__nav__item:first-child::before {
        width: 10px;
        height: 6px;
        background-size: cover;
    }

    .common__page__nav__item:last-child::after {
        width: 10px;
        height: 6px;
        background-size: cover;
    }

    .common__page__nav__item a {
        font-size: 14px;
        line-height: 1.14;
        letter-spacing: 0.02em;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
COMMON anchorBox ELEMENTS PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/

/*centered flower*/
.centered__icon__item {
    width: 48px;
    position: relative;
    margin: 0 auto 32px;
    display: block;
}

@media screen and (max-width:767px) {
    .centered__icon__item {
        margin-bottom: 14px;
        width: 33px;
    }

    .model-course-detail .centered__icon__item {
        margin-top: 30px;
        margin-bottom: 19px;
    }
}

.common__anchorBox {
    padding-bottom: 100px;
}

.contemporary-pc {
    padding-bottom: 100px;
}

.common__anchorBox__mb__flower {
    padding-bottom: 80px;
}

.nature-pc,
.aboutArtPage {
    padding-bottom: 120px;
}

.faq-pc {
    padding-bottom: 75px;
}

.common__anchorBoxContainer {
    padding: 44px 40px 10px 40px;
    width: calc(100% - 19vw);
    max-width: 896px;
    margin: 0 auto;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
}

.common__anchorBox__item {
    padding: 0 13px 0 30px;
    display: inline-block;
    margin-bottom: 30px;
    text-align: center;
}

.common__anchorBox__item:nth-child(n + 7) {
    margin-bottom: 30px;
}

@media screen and (min-width: 871px) and (max-width: 1021px) {
    .common__anchorBox__item:nth-child(9) {
        margin-bottom: 30px;
    }
}

.common__anchorBox__item:last-child {
    margin-right: 0;
}

.common__anchorBox__item a {
    font-size: 16px;
    letter-spacing: 0.02em;
    display: inline-block;
    position: relative;
}

.common__anchorBox__item a:hover {
    color: #db2849;
}

.common__anchorBox__item a:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 8px;
    transform: translateY(-50%);
    height: 11px;
    width: 7px;
    background-image: url(../img/learn/learn-down-arrow.png);
    background-size: cover;
}

/**********************************************
COMMON anchorBox SP
**********************************************/
@media screen and (max-width: 767px) {
    .common__anchorBox {
        width: calc(100% - 46px);
        max-width: 100%;
        border: 1px solid #c0c0c0;
        border-radius: 4px;
        padding: 0;
        margin: 0 auto 41px;
        position: relative;
        z-index: 4;
    }

    .contemporary-pc {
        margin-bottom: 80px;
        padding-bottom: 0;
    }

    .common__anchorBox__mb__flower {
        margin-bottom: 39.5px;
        padding-bottom: 0;
    }

    .aboutArtPage {
        padding-bottom: 0;
        margin-bottom: 60px;
    }

    .contemporary-art {
        margin-bottom: 77px;
    }

    .nature-pc {
        margin-bottom: 28.5px;
        padding-bottom: 0;
    }

    .nearby-pc,
    .faq-pc,
    .getting-to-dazaifu-pc {
        padding-bottom: 0;
    }

    .common__anchorBoxContainer {
        width: 100%;
        max-width: unset;
        padding: 25px 30px 0 30px;
        display: flex;
        flex-wrap: wrap;
        border: 0;
        text-align: left;
        justify-content: space-around;
        font-size: 0;
        letter-spacing: 0;
    }

    .common__anchorBox__item {
        margin-right: 0;
        padding: 0 0 0 14px;
        text-align: left;
        flex: 1 0 33%;
        margin-bottom: 20px;
    }

    .common__anchorBox__item:nth-child(even) {
        padding-right: 0;
    }

    .common__anchorBox__item:nth-child(n + 8) {
        margin-bottom: 20px;
    }

    .common__anchorBox__item:nth-child(n + 9) {
        margin-bottom: 20px;
    }

    .common__anchorBox__item a {
        font-size: 14px;
        line-height: 1.71;
        letter-spacing: 0.02em;
    }

    .common__anchorBox__item a:before {
        top: 5px;
        left: -13px;
        height: 11px;
        width: 7px;
        transform: translateY(0);
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
COMMON descriptionBanner ELEMENTS PC
plan index and discover index page
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
/*Discover page, Plan page*/
.common__descriptionBanner__info a::before {
    content: '' !important;
    margin-right: 10px;
    margin-bottom: 4px;
    padding-right: 7px;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url(../img/icons/button_viewmore_black.svg);
    background-size: cover;
    vertical-align: middle;
    transition: all 0.4s linear;
}

.common__descriptionBanner__info a:hover::before {
    background-image: url(../img/icons/button_viewmore_red.svg);
}

.common__bg__hover__animation__container {
    background-color: #fbfbfb;
    cursor: pointer;
}

.common__bg__hover__animation__container.discoverPageIndex,
.common__bg__hover__animation__container.planPageIndex {
    margin-top: 60px;
}

@media screen and (max-width:767px) {

    .common__bg__hover__animation__container.discoverPageIndex,
    .common__bg__hover__animation__container.planPageIndex {
        margin-top: 0;
    }
}

/*discoverPage*/
.common__bg__hover__animation__container:hover .discover__section03__banner:before,
.common__bg__hover__animation__container:hover .discover__section04__banner:before,
.common__bg__hover__animation__container:hover .discover__section05__banner:before,
.common__bg__hover__animation__container:hover .discover__section07__banner:before,
.common__bg__hover__animation__container:hover .discover__section08__banner:before,
.common__bg__hover__animation__container:hover .discover__section09__banner:before,
/*planIndexPage*/
.common__bg__hover__animation__container:hover .planIndex__section03__banner:before,
.common__bg__hover__animation__container:hover .planIndex__section04__banner:before,
.common__bg__hover__animation__container:hover .planIndex__section05__banner:before,
.common__bg__hover__animation__container:hover .planIndex__section07__banner:before,
.common__bg__hover__animation__container:hover .planIndex__section08__banner:before,
.common__bg__hover__animation__container:hover .planIndex__section09__banner:before {
    transform: scale(1.05);
}

/*discoverPage*/
.common__bg__hover__animation__container.ds1:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.ds2:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.ds3:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.ds4:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.ds5:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.ds6:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.ds7:hover .common__descriptionBanner__info a {
    color: #d70b30;
}

.common__bg__hover__animation__container.ds1:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.ds2:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.ds3:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.ds4:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.ds5:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.ds6:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.ds7:hover .common__descriptionBanner__info a:before {
    background-image: url(../img/icons/button_viewmore_red.svg);
}

.common__bg__hover__animation__container.ds1:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.ds2:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.ds3:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.ds4:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.ds5:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.ds6:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.ds7:hover .common__descriptionBanner__info:before {
    background: #e1e5d6;
}

/*planPageIndex*/
.common__bg__hover__animation__container.planPageHover:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.planPageHover2:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.planPageHover3:hover .common__descriptionBanner__info a,
.common__bg__hover__animation__container.planPageHover4:hover .common__descriptionBanner__info a {
    color: #d70b30;
}

.common__bg__hover__animation__container.planPageHover:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.planPageHover2:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.planPageHover3:hover .common__descriptionBanner__info a:before,
.common__bg__hover__animation__container.planPageHover4:hover .common__descriptionBanner__info a:before {
    background-image: url(../img/icons/button_viewmore_red.svg);
}

.common__bg__hover__animation__container.planPageHover:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.planPageHover2:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.planPageHover3:hover .common__descriptionBanner__info:before,
.common__bg__hover__animation__container.planPageHover4:hover .common__descriptionBanner__info:before {
    background: #e1e5d6;
}

/*discoverPage*/
.common__bg__hover__animation__container:hover .discover__section03__banner:after,
.common__bg__hover__animation__container:hover .discover__section04__banner:after,
.common__bg__hover__animation__container:hover .discover__section05__banner:after,
.common__bg__hover__animation__container:hover .discover__section07__banner:after,
.common__bg__hover__animation__container:hover .discover__section08__banner:after,
.common__bg__hover__animation__container:hover .discover__section09__banner:after,
/*planIndexPage*/
.common__bg__hover__animation__container:hover .planIndex__section03__banner:after,
.common__bg__hover__animation__container:hover .planIndex__section04__banner:after,
.common__bg__hover__animation__container:hover .planIndex__section05__banner:after,
.common__bg__hover__animation__container:hover .planIndex__section07__banner:after,
.common__bg__hover__animation__container:hover .planIndex__section08__banner:after,
.common__bg__hover__animation__container:hover .planIndex__section09__banner:after {
    background: rgba(0, 0, 0, 0.5);
}

.common__descriptionBanner {
    display: flex;
    align-items: end;
    margin-bottom: 118px;
    position: relative;
}

.common__descriptionBanner.last-item {
    margin-bottom: 100px;
}

.discover__section09 {
    margin-bottom: 90px;
}

.discoverPage__amuletsSection {
    margin-bottom: 60px;
}

.common__descriptionBanner__info {
    flex: 0 61%;
    margin-left: 102px;
    padding: 88px 0;
    order: 1;
}

.common__descriptionBanner__info:before {
    content: "";
    position: absolute;
    width: 48%;
    height: 100%;
    left: 0;
    top: 0;
    background: #f1f2ec;
    z-index: 2;
    border-radius: 4px;
    transition: all .4s ease;
}

.common__descriptionBanner__info h2 {
    margin-bottom: 25px;
    font-size: 32px;
    font-family: "Adobe Caslon Pro";
    position: relative;
    z-index: 5;
}

.common__descriptionBanner__info p {
    margin-bottom: 33px;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.88;
    padding-right: 108px;
    position: relative;
    z-index: 5;
}

.common__descriptionBanner__info a {
    font-size: 16px;
    position: relative;
    z-index: 5;
    transition: color 0.4s linear;
    font-family: "Adobe Caslon Pro";
}

.common__descriptionBanner__info a img {
    margin-right: 10px;
    width: 15px;
    vertical-align: middle;
}

.common__descriptionBanner__info a:hover {
    color: #d70b30;
}

.common__descriptionBanner__info a .pc-img {
    display: inline-block;
}

.common__descriptionBanner__info a .sp-img {
    display: none;
}

.common__descriptionBanner__banner {
    height: 482px;
    display: block;
    position: relative;
    top: -60px;
    width: 100%;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    order: 2;
    z-index: 6;
    overflow: hidden;
    border-radius: 4px;
}

.no-br-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.no-br-left {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.common__descriptionBanner__info.no-br-right:before {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.common__descriptionBanner__info.no-br-left:before {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.common__descriptionBanner__banner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1.02);
    transition: all 4s ease;
}

.common__descriptionBanner__banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s linear;
}

.common__descriptionBanner__banner:hover::before {
    transform: scale(1.05);
}

.common__descriptionBanner__banner:hover::after {
    background: rgba(0, 0, 0, 0.5);
}

.common__descriptionBanner.common__descriptionBanner--ltr .common__descriptionBanner__info {
    order: 2;
}

.common__descriptionBanner.common__descriptionBanner--ltr .common__descriptionBanner__info:before {
    left: unset;
    right: 0;
}

.common__descriptionBanner.common__descriptionBanner--ltr .common__descriptionBanner__banner {
    order: 1;
}

/* ==========================================
COMMON descriptionBanner SP
========================================== */
@media screen and (max-width:767px) {
    .common__descriptionBanner {
        margin-bottom: 16px;
        flex-wrap: wrap;
    }

    .common__descriptionBanner.last-item {
        margin-bottom: 16px;
    }

    .discover__section06 {
        margin-bottom: 15px;
    }

    .discover__section09 {
        /*        margin-bottom: 30px;*/
        margin-bottom: 60.5px;
    }

    .common__descriptionBanner__banner {
        order: 1 !important;
        top: 0;
        height: 249.5px;
        background-size: cover;
        border-radius: 0;
    }

    .common__descriptionBanner__banner:hover:before {
        transform: scale(1.05);
    }

    .common__descriptionBanner__banner:hover:after {
        background: rgba(0, 0, 0, 0);
    }

    .common__descriptionBanner__info {
        order: 2 !important;
        padding: 40px;
        margin-left: 0;
        flex: 0 100%;
        box-sizing: border-box;
    }

    .common__descriptionBanner__info:before {
        width: 100%;
        height: 100%;
        z-index: 0;
        border-radius: 4px;
    }

    .common__descriptionBanner__info h2 {
        font-size: 22px;
    }

    .common__descriptionBanner__info p {
        font-size: 14px;
        padding-right: 0;
    }

    .common__descriptionBanner__info a {
        font-size: 14px;
        font-family: "Adobe Caslon Pro";
    }

    .common__descriptionBanner__info a img {
        width: 12px;
    }

    .common__descriptionBanner__info a .pc-img {
        display: none;
    }

    .common__descriptionBanner__info a .sp-img {
        display: inline-block;
        position: relative;
        top: -3px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
COMMON KV PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.commonPage__kv {
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    color: white;
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 12px;
    box-sizing: border-box;
}

.commonPage__kv.sidesPadding20 {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.discover__page__keyimage__credits {
    margin: -42px auto 0;
    position: absolute;
    bottom: 30px;
    font-size: 12px;
    left: 30px;
    z-index: 9;
    color: white;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .commonPage__kv {
        padding-top: 73px;
        min-width: 100%;
    }
}

.commonPage__kv__container {
    position: relative;
    width: 100%;
    height: 100%;
}

.artEvents__common__page__keyimage__credits {
    margin: -12px auto 0;
    position: absolute;
    text-align: left;
    bottom: 20px;
    font-size: 12px !important;
    left: 20px;
    z-index: 9;
    color: white;
}

.commonPage__kv__container::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}


.commonPage__kv__backstretch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

/*

.commonPage__kv__backstretch:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
}
*/

.commonPage__kv__contentContainer {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    padding: 0 15px;
    box-sizing: border-box;
}

.commonPage__kv__contentContainer h1 {
    margin-bottom: 8px;
    font-size: 60px;
    letter-spacing: 0.04em;
    font-family: "Adobe Caslon Pro";
    position: relative;
}

.commonPage__kv__contentContainer h1 span {
    position: absolute;
    left: 50%;
    top: -216px;
    transform: translateX(-50%);
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: "Myriad Pro";
    font-weight: 800;
}

.commonPage__kv__contentContainer p {
    font-size: 20px;
    letter-spacing: 0.04em;
    font-family: "Myriad Pro";
}

/* ==================================================
Common KV SP
================================================== */
@media screen and (max-width:767px) {
    .commonPage__kv {
        padding: 10px;
    }

    .commonPage__kv.sidesPadding20 {
        padding: 10px;
    }

    .artEvents__common__page__keyimage__credits {
        margin: -27px auto 0;
        padding: 0 20px;
        width: 100%;
        position: absolute;
        bottom: 20px;
        font-size: 12px;
        left: 0;
        z-index: 9;
        color: white;
        text-align: left;
        box-sizing: border-box;
    }

    .commonPage__kv__contentContainer h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .commonPage__kv__contentContainer h1 span {
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: -119px;
        right: 0;
        left: 0;
        transform: translateY(0);
        font-size: 12px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-family: "Myriad Pro";
        font-weight: 800;
    }

    .commonPage__kv__contentContainer p {
        font-size: 14px;
        letter-spacing: 0.04em;
        font-family: "Myriad Pro";
    }
}

/*
==========================================
BreadCrumbs PC
==========================================
*/
.breadcrumbs {
    padding: 42px 0;
    background: #f6f6f6;
    position: relative;
}

.breadcrumbs__container {
    text-align: center;
}

.breadcrumbs__item {
    display: inline-block;
    font-size: 14px;
    margin-right: 52px;
    position: relative;
}

.breadcrumbs__item a {
    color: #9a9a9a;
    transition: text-decoration 0.4s linear;
}

.breadcrumbs__item a.active {
    text-decoration: underline;
}

.breadcrumbs__item a:hover {
    text-decoration: underline;
}

.breadcrumbs__item:before {
    content: ">";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    color: #9a9a9a;
}

.breadcrumbs__item:last-child {
    margin-right: 8px;
}

.breadcrumbs__item:last-child:before {
    display: none;
}

.breadcrumbs__item.experience:before {
    display: none;
}

.visit .breadcrumbs__item:nth-child(3):before {
    display: none;
}

.visit .breadcrumbs__item:last-child:before {
    display: block;
    content: ">";
    position: absolute;
    left: -30px;
    right: unset;
    top: 50%;
    transform: translateY(-50%);
    color: #9a9a9a;
}

@media screen and (max-width: 767px) {

    .breadcrumbs {
        padding: 28px 0;
        position: relative;
        z-index: 1;
    }

    .breadcrumbs__item {
        margin-right: 38px;
        font-size: 12.00px;
    }

    .breadcrumbs__item:before {
        right: -23px;
    }

    .visit .breadcrumbs__item:last-child:before {
        left: -23px;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
footer PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
footer {
    box-sizing: border-box;
    padding: 51px 0 22px;
    background: #191919;
    position: relative;
    z-index: 20;
}

@media screen and (max-width: 767px) {
    footer {
        padding: 30px 0 19px 0;
    }
}

footer .social {
    display: flex;
    justify-content: space-between;
    width: 94px;
    margin: 0 auto 51px;
}

@media screen and (max-width: 767px) {
    footer .social {
        margin-bottom: 30.5px;
    }
}

footer .social img {
    width: 30px;
    height: 30px;
}

footer .footer-links {
    text-align: center;
    margin-bottom: 54px;
}

@media screen and (max-width: 767px) {
    footer .footer-links {
        margin-bottom: 30.5px;
    }
}

footer .footer-links li {
    display: inline-block;
    padding: 0 14px;
    position: relative;
}

footer .footer-links li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: white;
}

footer .footer-links li:first-child {
    padding-left: 0;
}

footer .footer-links li:first-child:before {
    display: none;
}

footer .footer-links a {
    color: white;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: all 0.3s linear;
}

footer .footer-links a:hover {
    text-decoration: underline;
}

footer .copy {
    text-align: center;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.05em;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
footer SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    footer .hoverFade:hover {
        opacity: 1 !important;
    }

    footer ul {
        width: 100%;
        max-width: 320px;
        margin: 0 auto 60px;
    }

    footer ul li {
        margin-bottom: 18px;
    }

    footer ul li:before {
        left: -2px;
    }

    footer ul li:nth-of-type(4)::before {
        display: none;
    }

    footer ul li a:hover {
        transition: none;
        opacity: 1 !important;
    }

    footer ul li:last-child {
        margin-bottom: 0;
    }

    footer ul li:nth-last-child(2) {
        margin-bottom: 0;
    }

    footer .footer-links li {
        display: inline-block;
        padding: 0 12px;
        position: relative;
    }

    footer .footer-links a {
        color: white;
        font-size: 12px;
        letter-spacing: 0.05em;
        text-decoration: none;
        transition: all 0.3s linear;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
Margins Classes
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
/* margin classes */
.mgt_0 {
    margin-top: 0 !important;
}

.mgt_5 {
    margin-top: 5px !important;
}

.mgt_10 {
    margin-top: 10px !important;
}

.mgt_15 {
    margin-top: 15px !important;
}

.mgt_20 {
    margin-top: 20px !important;
}

.mgt_25 {
    margin-top: 25px !important;
}

.mgt_30 {
    margin-top: 30px !important;
}

.mgt_35 {
    margin-top: 35px !important;
}

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

.mgt_45 {
    margin-top: 45px !important;
}

.mgt_50 {
    margin-top: 50px !important;
}

.mgt_55 {
    margin-top: 55px !important;
}

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

.mgt_65 {
    margin-top: 65px !important;
}

.mgt_70 {
    margin-top: 70px !important;
}

.mgt_75 {
    margin-top: 75px !important;
}

.mgt_80 {
    margin-top: 80px !important;
}

.mgt_85 {
    margin-top: 85px !important;
}

.mgt_90 {
    margin-top: 90px !important;
}

.mgt_95 {
    margin-top: 95px !important;
}

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

@media screen and (max-width: 768px) {
    .mgt_0 {
        margin-top: 0 !important;
    }

    .mgt_5 {
        margin-top: 0.78125% !important;
    }

    .mgt_10 {
        margin-top: 1.5625% !important;
    }

    .mgt_15 {
        margin-top: 2.34375% !important;
    }

    .mgt_20 {
        margin-top: 3.125% !important;
    }

    .mgt_25 {
        margin-top: 3.90675% !important;
    }

    .mgt_30 {
        margin-top: 4.6875% !important;
    }

    .mgt_35 {
        margin-top: 5.46875% !important;
    }

    .mgt_40 {
        margin-top: 6.25% !important;
    }

    .mgt_45 {
        margin-top: 7.03125% !important;
    }

    .mgt_50 {
        margin-top: 7.8125% !important;
    }

    .mgt_55 {
        margin-top: 8.59375% !important;
    }

    .mgt_60 {
        margin-top: 9.375% !important;
    }

    .mgt_65 {
        margin-top: 10.15625% !important;
    }

    .mgt_70 {
        margin-top: 10.9375% !important;
    }

    .mgt_75 {
        margin-top: 11.71875% !important;
    }

    .mgt_80 {
        margin-top: 12.5% !important;
    }

    .mgt_85 {
        margin-top: 13.28125% !important;
    }

    .mgt_90 {
        margin-top: 14.0625% !important;
    }

    .mgt_95 {
        margin-top: 14.84375% !important;
    }

    .mgt_100 {
        margin-top: 15.625% !important;
    }
}

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

.mgb_5 {
    margin-bottom: 5px !important;
}

.mgb_10 {
    margin-bottom: 10px !important;
}

.mgb_15 {
    margin-bottom: 15px !important;
}

.mgb_20 {
    margin-bottom: 20px !important;
}

.mgb_25 {
    margin-bottom: 25px !important;
}

.mgb_30 {
    margin-bottom: 30px !important;
}

.mgb_35 {
    margin-bottom: 35px !important;
}

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

.mgb_45 {
    margin-bottom: 45px !important;
}

.mgb_50 {
    margin-bottom: 50px !important;
}

.mgb_55 {
    margin-bottom: 55px !important;
}

.mgb_60 {
    margin-bottom: 60px !important;
}

.mgb_65 {
    margin-bottom: 65px !important;
}

.mgb_70 {
    margin-bottom: 70px !important;
}

.mgb_75 {
    margin-bottom: 75px !important;
}

.mgb_80 {
    margin-bottom: 80px !important;
}

.mgb_85 {
    margin-bottom: 85px !important;
}

.mgb_90 {
    margin-bottom: 90px !important;
}

.mgb_95 {
    margin-bottom: 95px !important;
}

.mgb_100 {
    margin-bottom: 100px !important;
}

@media screen and (max-width: 738px) {
    .mgb_0 {
        margin-bottom: 0 !important;
    }

    .mgb_5 {
        margin-bottom: 0.78125% !important;
    }

    .mgb_10 {
        margin-bottom: 1.5625% !important;
    }

    .mgb_15 {
        margin-bottom: 2.34375% !important;
    }

    .mgb_20 {
        margin-bottom: 3.125% !important;
    }

    .mgb_25 {
        margin-bottom: 3.90675% !important;
    }

    .mgb_30 {
        margin-bottom: 4.6875% !important;
    }

    .mgb_35 {
        margin-bottom: 5.46875% !important;
    }

    .mgb_40 {
        margin-bottom: 6.25% !important;
    }

    .mgb_45 {
        margin-bottom: 7.03125% !important;
    }

    .mgb_50 {
        margin-bottom: 7.8125% !important;
    }

    .mgb_55 {
        margin-bottom: 8.59375% !important;
    }

    .mgb_60 {
        margin-bottom: 9.375% !important;
    }

    .mgb_65 {
        margin-bottom: 10.15625% !important;
    }

    .mgb_70 {
        margin-bottom: 10.9375% !important;
    }

    .mgb_75 {
        margin-bottom: 11.71875% !important;
    }

    .mgb_80 {
        margin-bottom: 12.5% !important;
    }

    .mgb_85 {
        margin-bottom: 13.28125% !important;
    }

    .mgb_90 {
        margin-bottom: 14.0625% !important;
    }

    .mgb_95 {
        margin-bottom: 14.84375% !important;
    }

    .mgb_100 {
        margin-bottom: 15.625% !important;
    }
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
Cookie Bar PC
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
.cookieBar {
    width: calc(100% + (27px * 2));
    margin: 0 -20px;
    padding: 12px 20px;
    justify-content: space-between;
    align-items: center;
    color: white;
    background-color: #2b2b2b;
    text-align: left;
    box-sizing: border-box;

    display: none;
}

.cookieBar.js-active {
    display: flex;
}

.cookieBar__text {
    font-size: 14px;
    font-family: "Myriad Pro", "Adobe Caslon Pro", "Noto Serif JP", serif;
    line-height: normal;
}

.cookieBar__btn {
    margin-left: 0;
    height: 100%;
    color: white;
    font-family: serif;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #d70b30;
    border-radius: 50px;
    padding: 3px 11px 2px 11px;
    text-align: right;
    box-sizing: border-box;
    font-family: "Myriad Pro", "Adobe Caslon Pro", "Noto Serif JP", serif;
}

.cookieBar__btn:hover {
    background-color: darkred;
}

.cookieBar__text__link {
    color: white;
    text-decoration: underline;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cookieBar__text__link:hover {
    color: darkred;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
cookie Bar SP
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
@media screen and (max-width: 767px) {
    .cookieBar {
        width: 100%;
        margin: 0;
        padding: 16px 20px;
        align-items: center;
        font-size: 12px;
        background-color: #2b2b2b;
        color: white;
        text-align: center;
        box-sizing: border-box;
    }

    .cookieBar__btn {
        padding: 3px 11px;
        width: 55px;
        margin-left: 15px;
        height: auto;
        text-align: center;
        font-size: 11px;
        font-family: "Myriad Pro", "Adobe Caslon Pro", "Noto Serif JP", serif;
        box-sizing: border-box;
    }

    .cookieBar__text {
        display: block;
        flex: 2;
        padding-bottom: 0;
        text-align: left;
        font-size: 12px;
        line-height: 14px;
        font-family: "Myriad Pro", "Adobe Caslon Pro", "Noto Serif JP", serif;
    }
}

/**********************************************
========================================== ========================================== ==========================================
discover-dazaifu-tenmangu base CSS
========================================== ========================================== ==========================================
**********************************************/
/*
.floatReveal {
    z-index: 3;
}
*/

.flowers__reveal {
    z-index: 3;
}

.floatReveal.topPage {
    z-index: 0;
}

.discover .amulets__section03 {
    background-color: #fbfbfb;
}

.contemporary,
.learn,
.visit,
.meet-the-people,
.grounds,
.nature,
.arts,
.events,
.candlelight,
.first-time-visitors,
.getting-to-dazaifu {
    overflow-x: hidden;
}

.discover__main,
.learn,
.amulets,
.contemporary,
.nearby,
.visit,
.meet-the-people,
.grounds,
.nature,
.arts,
.candlelight,
.first-time-visitors,
.getting-to-dazaifu,
.model-course-detail,
.planIndex__main,
.privacy-policy,
.PrivacyAndTermsPolicy__page,
.cookiepolicy {
    background-color: #fbfbfb;
}

/*
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
==
==
Custom CSS
==
==
========================================== ========================================== ==========================================
========================================== ========================================== ==========================================
*/
/*
**
**
First Time Visitors
**
**
*/
.first-time-visitors .section02 .white-bg {
    top: -28px;
}

.first-time-visitors main .section01 .white-bg-for-credits-left {
    position: absolute;
    width: 15px;
    background-color: #fff;
    height: 100%;
    left: -15px;
    top: 0;
    z-index: 2;
}

.first-time-visitors main .section01 .white-bg-for-credits-right {
    position: absolute;
    width: 15px;
    background-color: #fff;
    height: 100%;
    right: -15px;
    top: 0;
    z-index: 2;
}

@media screen and (max-width:767px) {
    .first-time-visitors .section02 .white-bg {
        top: -42px;
    }
}


/*
**
**
events/ BR TAGS
**
**
*/
.setsubun-br-422 {
    display: none;
}

@media screen and (max-width: 422px) {
    .setsubun-br-422 {
        display: block;
    }
}

.great-purification-br-517 {
    display: none;
}

.great-purification-br-487 {
    display: block;
}

@media screen and (max-width: 486px) {
    .great-purification-br-487 {
        display: none;
    }
}

@media screen and (min-width: 487px) and (max-width: 517px) {
    .great-purification-br-517 {
        display: block;
    }
}

.poetry-title-br-353 {
    display: none;
}

.poetry-purification-br-353 {
    display: none;
}

.great-purification-br-336 {
    display: none;
}

@media screen and (max-width: 353px) {
    .poetry-purification-br-353 {
        display: block;
    }

    .poetry-title-br-353 {
        display: block;
    }
}

@media screen and (max-width: 335px) {
    .great-purification-br-336 {
        display: block;
    }
}


@media screen and (max-width: 322px) {
    .poetry-title-br-353 {
        display: none;
    }
}


.summer-br-577 {
    display: none;
}

.summer-br-345 {
    display: none;
}

@media screen and (min-width: 395px) and (max-width: 577px) {
    .summer-br-577 {
        display: block;
    }
}

@media screen and (min-width: 320px) and (max-width: 390px) {
    .summer-br-577 {
        display: block;
    }
}

@media screen and (min-width: 320px) and (max-width: 345px) {
    .summer-br-345 {
        display: block;
    }
}




.special-br-715 {
    display: none;
}

.special-br-408 {
    display: none;
}

@media screen and (min-width: 320px) and (max-width: 714px) {
    .special-br-715 {
        display: block;
    }
}

@media screen and (min-width: 329px) and (max-width: 408px) {
    .special-br-408 {
        display: block;
    }
}


/*PC arts and events/events*/
.plum-pc-br-1016 {
    display: block;
}

.candle-light-br {
    display: block;
}

@media screen and (max-width: 1016px) {
    .plum-pc-br-1016 {
        display: none;
    }

    .candle-light-br {
        display: none;
    }
}