@charset "utf-8";


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* remember: box-sizing is not supported by IE7 :( */
    outline: none;
    vertical-align: top;
}

html {
    width: 100%;
}

html,
body {
    font: normal 1em/2em 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "YakuHanJPs", "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #f9f5f0;
    color: #404048;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-align: left;
}

p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

a:focus {
    outline: none;
}

button {
    text-decoration: none;
    border: none;
}

/* ----- *::selection ----- */
*::-moz-selection {
    background: #404048;
    color: #f9f5f0;
}

*::selection {
    background: #404048;
    color: #f9f5f0;
}

/* ----- h1,h2,h3,h4,h5 ----- */
h1,
h2,
h3,
h4,
h5 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* ----- .cf ----- */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

/* ----- .transition03 ----- */
.transition03 {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.transition05 {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* ----- img----- */
img {
    width: 100%;
    height: auto;
}

/* ----- a ----- */
a {
    color: inherit;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus,
*:focus {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}

/* ----- p ----- */
p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.2;
    letter-spacing: 0.1em;
}

p a {
    border-bottom: #ffffff 1px dashed;
}

li a {
    /* border-bottom: #ffffff 1px solid; */
}

.wp-block-latest-posts a {
    line-height: 1.4;
    font-size: 15px
}




@media only screen and (min-width: 961px) {
    p a:hover {
        background: #f6f6f6;
        color: #f9f5f0;
        border-bottom: #ffffff 1px dashed;
    }
}

@media only screen and (max-width: 960px) {
    p {
        line-height: 2;
    }
}

@media only screen and (max-width: 640px) {
    p {
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 0.05em;
        line-height: 1.95;
    }
}

.t_italic {
    font-style: italic;
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
}

/* .lazyload,.lazyloading */
.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 750ms;
}

/* No scrollbar */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.if_pc {
    display: block
}

@media only screen and (max-width: 600px) {
    .if_pc {
        display: none
    }
}

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

#page

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

#page {
    height: 100%;
    position: relative;
    z-index: 4;
}

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

   #content

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

#content {
    padding-top: 20px;
}

@media only screen and (max-width: 960px) {
    #content {
        padding-top: 70px;
    }
}

/* .lazyload,.lazyloading */
.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 750ms;
}


/* .if_br sp 改行 */
.if_br {
    display: none;
}

@media only screen and (max-width: 768px) {
    .if_br {
        display: block;
    }
}



/* .if_br2 Pc 改行 */
.if_br2 {
    display: block;
}

@media only screen and (max-width: 568px) {
    .if_br2 {
        display: none;
    }
}



/* Read more */
.read-more {
    margin: 15px 3px;
    display: inline-block;
    width: 180px;
    max-width: 100%;
    color: #111;
    border: #111 1px solid;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.read-more:after {
    font-family: 'themify';
    content: "\e649";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    transition: right 0.3s ease;
}

.read-more:hover {
    color: #fff;
    border: #9E9E9E 1px solid;
    background: #111;
}

.read-more:hover:after {
    right: 10px;
}

@media only screen and (max-width: 800px) {
    .read-more {
        margin-top: 15px;
        font-size: 13px;
    }

    * .read-more:after {
        right: 10px;
    }

    .read-more:hover {
        color: #fff;
        border: #111 1px solid;
        background: #111;
    }
}

@media only screen and (max-width: 738px) {
    .read-more {
        margin-top: 10px;
        width: 140px;
        font-size: 12px;
        line-height: 30px;
        border: none;
        border: #111 1px solid;
        font-size: 12px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 1px;
        position: relative;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .read-more:after,
    .read-more:hover:after {
        right: 10px;
    }
}





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

Page

/* Read more1 */
.read-more1 {
    margin: 15px 3px;
    display: inline-block;
    max-width: 100%;
    padding: 5px 30px;
    color: #fff;
    border: #ff7776 1px solid;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #ff7776;
}

/*.read-more1:after { font-family: 'themify'; content: "\e649"; font-size: 10px; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0px; z-index: 1; -webkit-transition: right 0.3s ease; -moz-transition:right 0.3s ease; transition: right 0.3s ease; }*/
.read-more1:hover {
    color: #fff;
    background: #fe8887;
}

.read-more1:hover:after {
    right: 10px;
}

@media only screen and (max-width: 800px) {
    .read-more1 {
        margin-top: 15px;
        font-size: 13px;
    }

    .read-more1:after {
        right: 10px;
    }

    .read-more1:hover {
        color: #fff;
        border: #ffc6c5 1px solid;
        border-bottom: none;
    }
}

@media only screen and (max-width: 738px) {
    .read-more1 {
        margin-top: 10px;
        width: 100%;
        font-size: 12px;
        line-height: 30px;
        border: none;
        /* border:#111 1px solid; */
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 1px;
        position: relative;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 15px;
    }

    .read-more1:after,
    .read-more1:hover:after {
        right: 10px;
    }
}


.font_set_mincho {
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;

}

.i_mail {
    width: 50%;
    display: inline;
}

.i_mail:before {
    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f003";
    font-weight: normal;
    color: #016c6e;
    width: 50%;
    display: inline;
}

.i_phone {
    width: 50%;
    display: inline;
}

.i_phone:before {

    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    content: "\f095";
    font-weight: normal;
    color: #FF9800;
}



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

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

#page

----------------------------------------------------------- */
#page {
    height: 100%;
    background: #fefefe;
    position: relative;
    z-index: 4;
}





/* ======== #menu .btnClose ======== */
#menu .btnClose {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 50px;
    color: #111;
    overflow: hidden;
    text-indent: -999px;
    z-index: 100;
}

#menu .btnClose:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: 'Font Awesome 6 pro';
    content: "\e59b";
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    text-indent: 0;
    z-index: 1;
}

#menu .btnClose:after {
    position: absolute;
    top: 7px;
    left: 12px;
    right: 12px;
    bottom: 7px;
    content: "";
    /* border:#111 1px solid; webkit-border-radius:100%;-moz-border-radius:100%; border-radius:100%; */
}



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

jQuery.mmenu CSS

----------------------------------------------------------- */
#my-menu:not(.mm-menu) {
    display: none;
}

#menu:not(.mm-menu) {
    display: none;
}

/* jQuery.mmenu oncanvas CSS */
.mm-hidden {
    display: none !important;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu,
.mm-panels,
.mm-panels>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 6;
    letter-spacing: 1px;
}

.mm-panels>.mm-panel {
    margin-top: 50px;
    border-top: #ddd 1px solid;
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0;
}

.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

.mm-panel.mm-highest {
    z-index: 1;
}

.mm-panels,
.mm-panels>.mm-panel {
    background: inherit;
    /* border-color: inherit; */
    z-index: 6 !important;
}

.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    /* background: #fafafa; */
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px;
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 40px;
}

.mm-panels>.mm-panel:before,
.mm-panels>.mm-panel:after {
    content: '';
    display: block;
    height: 20px;
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.mm-vertical .mm-listview .mm-panel,
.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent;
}

.mm-vertical li.mm-opened>.mm-panel,
li.mm-vertical.mm-opened>.mm-panel {
    display: block;
}

/* .mm-listview ul */
.mm-listview ul {
    background: #fefefe;
}

.mm-listview,
.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-listview {
    font: inherit;
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1px;
}

.mm-listview a,
.mm-listview a:hover {
    text-decoration: none;
}

.mm-listview>li {
    position: relative;
    background: #fefefe;
}

.mm-listview>li,
.mm-listview>li:after,
.mm-listview>li .mm-next,
.mm-listview>li .mm-next:before {
    border-color: inherit;
    border-color: #eee;
}

.mm-listview>li>a,
.mm-listview>li>span.block {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 0 10px 0 30px;
    margin: 0;
    font-size: 12px;
    line-height: 50px;
}

.mm-listview>li>a.en {
    font-size: 13px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
    letter-spacing: 2.5px;
    padding-left: 20px;
}

.mm-listview>li>a.home {
    position: relative;
    z-index: 1;
    padding: 0 10px 0 50px;
}

.mm-listview>li>a.home:before {
    position: absolute;
    top: 8px;
    left: 15px;
    bottom: 0;
    width: 30px;
    font-size: 20px;
    text-align: left;
    /* font-family: 'FontAwesome';
    content: "\f015"; */
    content: url(../img/home_logo.svg);
    font-weight: normal;
    line-height: 45px;
    color: #9E9E9E;
}

.mm-listview>li>a.calendarArea,
.mm-listview>li>a.contact,
.mm-listview>li>a.tel {
    position: relative;
    z-index: 1;
    padding: 0 10px 0 45px;
    font-size: 12px;
    letter-spacing: 2px;
}

.mm-listview>li>a.calendarArea span.calendar {
    position: absolute;
    top: 8px;
    left: 30px;
    bottom: 8px;
    width: 35px;
    border: #333 1px dotted;
    border-top: #333 double;
    z-index: 2;
    text-align: center;
}

/* .calendarArea p */
.mm-listview>li>a.calendarArea span.calendar p {
    color: #111;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    line-height: 0;
}

.mm-listview>li>a.calendarArea span.calendar p.month {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 20px;
    font-size: 9px;
    text-transform: uppercase;
}

.mm-listview>li>a.calendarArea span.calendar p.day {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    line-height: 20px;
    font-size: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
}

.mm-listview>li>a.contact:before {
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    width: 35px;
    font-size: 20px;
    text-align: center;
    font-family: 'Font Awesome 6 pro';
    content: "\f003";
    font-weight: normal;
}

/*.mm-listview > li > a.tel:before{ position:absolute; top:0; left:30px; bottom:0; width:35px; content: ""; background:url(../images/telIconSp.png) center center no-repeat; background-size:20px 20px;}*/
.mm-listview>li>a.tel:before {
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    width: 35px;
    font-size: 24px;
    text-align: center;
    font-family: 'FontAwesome';
    content: "\f095";
    font-weight: normal;
}

.mm-listview>li>span.block {
    font-size: 13px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
    letter-spacing: 2.5px;
}

.mm-listview>li>span.block b {
    font-family: 'Open Sans';
    font-size: 0.9em;
    font-weight: 500;
    vertical-align: 0;
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.mm-listview>li:not(.mm-divider):after {
    left: 20px;
    left: 0;
}

/* .bgGray */
.mm-listview>li>.bgGray {
    background: #fafafa;
}

/* .mm-next */
.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.mm-listview .mm-next+a,
.mm-listview .mm-next+span {
    margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen+a,
.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0;
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px;
}

.mm-panels>.mm-panel>.mm-listview:first-child,
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: -20px;
}

/* .mm-inset */
.mm-listview .mm-inset {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mm-listview .mm-inset>li {
    padding: 0;
    position: relative;
    z-index: 1;
}

.mm-listview .mm-inset>li:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    content: "";
    border-top: #ededed 1px dashed;
    z-index: -1;
}

.mm-listview .mm-inset>li>a {
    display: block;
    padding: 0 10px 0 50px;
    font-size: 12px;
    line-height: 45px;
    letter-spacing: 2px;
    position: relative;
}

.mm-listview .mm-inset>li>a:before {
    position: absolute;
    top: 40%;
    left: 30px;
    width: 7px;
    height: 0;
    content: "";
    border-top: #d7d6d6 7px solid;
}

/* .SNS */
.mm-listview .mm-inset>li.youtubeIcon>a,
.mm-listview .mm-inset>li.facebookIcon>a,
.mm-listview .mm-inset>li.pinterestIcon>a,
.mm-listview .mm-inset>li.instagramIcon>a,
.mm-listview .mm-inset>li.tweeterIcon>a,
.mm-listview .mm-inset>li.blogIcon>a {
    font-size: 12px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    background: #fafafa;
    line-height: 40px;
}

.mm-listview .mm-inset>li.youtubeIcon>a:before,
.mm-listview .mm-inset>li.facebookIcon>a:before,
.mm-listview .mm-inset>li.pinterestIcon>a:before,
.mm-listview .mm-inset>li.instagramIcon>a:before,
.mm-listview .mm-inset>li.tweeterIcon>a:before,
.mm-listview .mm-inset>li.blogIcon>a:before {
    position: static;
    font-size: 18px;
    width: 20px;
    height: auto;
    margin-right: 5px;
    display: inline-block;
    border-top: none;
    font-family: 'FontAwesome';
    font-weight: normal;
    text-align: center;
}

.mm-listview .mm-inset>li.youtubeIcon>a:before {
    font-size: 15px;
    content: "\f167 "
}

.mm-listview .mm-inset>li.facebookIcon>a:before {
    content: "\f09a"
}

.mm-listview .mm-inset>li.pinterestIcon>a:before {
    content: "\f231 "
}

.mm-listview .mm-inset>li.instagramIcon>a:before {
    content: "\f16d"
}

.mm-listview .mm-inset>li.tweeterIcon>a:before {
    content: "\f099"
}

.mm-listview .mm-inset>li.blogIcon>a:before {
    font-size: 16px;
    content: "\f219"
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
}

.mm-listview .mm-spacer {
    padding-top: 40px;
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px;
}

.mm-prev:before,
.mm-next:after,
.mm-arrow:after {
    content: '';
    border: 1px solid transparent;
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px;
}

.mm-next:after,
.mm-arrow:after {
    border-top: none;
    border-left: none;
    right: 23px;
}

/* .mm-menu */
.mm-menu {
    background: #fefefe;
    /* border-color: #eee; */
    color: #111;
    border-right: #ededed 1px solid;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-navbar>*,
.mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
    color: #b09d7c;
    font-size: 13px;
    letter-spacing: 2px;
}

.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview>li .mm-next:after,
.mm-menu .mm-listview>li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
    tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu .mm-listview>li.mm-selected>span {
    background: rgba(255, 255, 255, 0.5);
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next,
.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0, 0, 0, 0.05);
}

.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}

/* jQuery.mmenu offcanvas addon CSS */
.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
}

html.mm-opened {
    overflow-x: hidden;
    position: relative;
}

html.mm-blocking {
    overflow: hidden;
}

html.mm-blocking body {
    overflow: hidden;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}

html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    width: 100%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0);
    }
}

/* jQuery.mmenu autoHeight addon CSS */
.mm-menu.mm-autoheight {
    max-height: 80%;
}

.mm-menu.mm-autoheight.mm-fullscreen {
    max-height: 100%;
}

.mm-menu.mm-measureheight>.mm-panels>.mm-panel {
    bottom: auto !important;
    height: auto !important;
}

/* jQuery.mmenu counters addon CSS */
em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%;
}

em.mm-counter {
    font-size: 12px;
    letter-spacing: 0;
}

em.mm-counter+a.mm-next {
    width: 90px;
}

em.mm-counter+a.mm-next+a,
em.mm-counter+a.mm-next+span {
    margin-right: 90px;
}

em.mm-counter+a.mm-fullsubopen {
    padding-left: 0;
}

.mm-vertical>.mm-counter {
    top: 12px;
    margin-top: 0;
}

.mm-vertical.mm-spacer>.mm-counter {
    margin-top: 40px;
}

.mm-nosubresults>.mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
    color: #111;
}

/* jQuery.mmenu dividers addon CSS */
.mm-divider>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none;
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-fixeddivider:after {
    content: none !important;
    display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
    display: block;
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.05);
}

/*
jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/*
jQuery.mmenu iconpanels addon CSS
*/
.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left;
    -moz-transition-property: -moz-transform, left;
    -ms-transition-property: -ms-transform, left;
    -o-transition-property: -o-transform, left;
    transition-property: transform, left;
}

.mm-iconpanel .mm-panel.mm-opened {
    border-left: 1px solid;
    border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px;
}

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.mm-subopened .mm-subblocker {
    opacity: 0.6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3;
}

/*
jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview>li:after,
.mm-listview.mm-border-none>li:after {
    content: none;
}

.mm-menu.mm-border-full .mm-listview>li:after,
.mm-listview.mm-border-full>li:after {
    left: 0 !important;
}

.mm-menu.mm-border-offset .mm-listview>li:after,
.mm-listview.mm-border-offset>li:after {
    right: 20px;
}

/*
jQuery.mmenu multiline extension CSS
*/
.mm-menu.mm-multiline .mm-listview>li>a,
.mm-menu.mm-multiline .mm-listview>li>span,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span {
    text-overflow: clip;
    white-space: normal;
}

/*
jQuery.mmenu pagedim extension CSS
*/
html.mm-pagedim #mm-blocker,
html.mm-pagedim-white #mm-blocker,
html.mm-pagedim-black #mm-blocker {
    opacity: 0;
}

html.mm-pagedim.mm-opening #mm-blocker,
html.mm-pagedim-white.mm-opening #mm-blocker,
html.mm-pagedim-black.mm-opening #mm-blocker {
    opacity: 0.3;
    transition: opacity 0.4s ease 0.4s;
}

html.mm-pagedim #mm-blocker {
    background: inherit;
}

html.mm-pagedim-white #mm-blocker {
    background: #fff;
}

html.mm-pagedim-black #mm-blocker {
    background: #000;
}

/*
jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.mm-menu.mm-right {
    left: auto;
    right: 0;
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
    }
}

/*
jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0 !important;
}

.mm-menu.mm-front {
    z-index: 6;
}

.mm-menu.mm-front,
.mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right,
.mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



/* .news  */
.news {
    /* display: inline-block; */
    /* width: 275px; */
    max-width: 100%;
    padding: 0;
    margin: 0 10px;
    color: #fefefe;
    background: #eee;
    /* border: #111 1px solid; */
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


@media only screen and (max-width: 738px) {
    .news {
        /* display: inline-block; */
        /* width: 80%; */
    }
}

.news:after {
    font-family: 'themify';
    content: "\f105";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:
        grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.news:hover {
    color: #fefefe;
    background: #ddd;
    border: #999 1px solid;
}

.news:hover:after {
    right: 10px;
}


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

.linkArea

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

.linkArea {
    text-align: center;
    padding: 10px 10px 10px;
}

.linkArea2 {
    text-align: center;
    margin-top: 40px;
    width: 100%;
    max-width: 300px;
    margin: 30px auto;
}

.linkArea3 {
    text-align: left;
    padding: 10px 10px 10px;
}

/* .btn  */
.btn {
    display: inline-block;
    width: 275px;
    max-width: 100%;
    padding: 0;
    margin: 0 10px;
    color: #fff;
    background: #726e6e;
    /* border: #3f3d3d 1px solid; */
    /* border-bottom: #3f3d3d 1px solid; */
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    line-height: 55px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 1px;
}

.btn:after {
    font-family: 'FontAwesome';
    content: "\e649";
    /* content: "\f16d"; */
    content: "\f105";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 55px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* .btn:after { font-family: 'FontAwesome'; 
content: "\f16d"; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
position: absolute; top: 0; right: 15px; z-index: 1; 
line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } */

.btn:hover {
    color: #fff;
    background: #999;
    border: #999 1px solid;
}

.btn:hover:after {
    right: 10px;
}


/* .btn2  */
.btn2 {
    display: inline-block;
    padding: 0;
    margin: 0 10px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    line-height: 55px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 1px;
}

.btn2:after {
    font-family: 'FontAwesome';
    content: "\e649";
    /* content: "\f16d"; */
    content: "\f105";
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 1;
    line-height: 55px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn2:hover {
    border-bottom: #999 1px solid;
}

.btn2:hover:after {
    right: 10px;
}









/* .btnBorder */
.btnBorder {
    color: #000;
    background: none;
    z-index: 1000;
}

.btnBorder:hover {
    color: #999;
    background: none;
    border: #999 1px solid;
}

/* .btnSmall */
.btnSmall {
    font-size: 13px;
    line-height: 30px;
    width: 150px;
    max-width: 100%;
    /* border: #999 2px solid; */
    /* border-bottom: #016c6e 2px solid; */
    z-index: 1000;
}

.btnSmall:after {
    line-height: 30px;
}

.btnSmall:hover {
    border: #999 0px solid;
}

/* .btnSmall */
.btnSmallBorder {
    font-size: 13px;
    line-height: 40px;
    width: 200px;
    max-width: 100%;
    color: #111;
    background: none;
    border: #111 1px solid;
    z-index: 1000;
}

.btnSmallBorder:after {
    line-height: 40px;
}

.btnSmallBorder:hover {
    color: #999;
    background: #f0fafe;
    background: none;
    border: #999 1px solid;
}

/* .btnBlue */
.btnBlue:hover {
    color: #fefefe;
    background: #999;
    border: #999 1px solid;
}

/* .btnBlueBorder */
.btnBlueBorder:hover {
    color: #999;
    background: #999;
    background: none;
    border: #999 1px solid;
}

/* .btnline */
.btnline {
    padding: 0;
    font-size: 13px;
    color: #607D8B;
    line-height: 30px;
    width: 100%;
    max-width: 130px;
    background: #fff;
    border-bottom: #016c6e 1px dashed;
}

.btnline:after {
    line-height: 30px;
}

.btnline:hover {
    border-bottom: #607D8B 1px solid;
}

/* .btnlong */
.btnlong {
    font-size: 13px;
    line-height: 40px;
    width: 250px;
    max-width: 100%;
    color: #111;
    background: none;
    border: #111 1px solid;
    z-index: 100;
}

.btnlong:after {
    line-height: 40px;
}

.btnlong:hover {
    color: #999;
    background: #f0fafe;
    background: none;
    border: #999 1px solid;
}






@media only screen and (max-width: 800px) {
    .linkArea {
        margin-top: 30px;
    }

    /* .btn  */
    .btn {
        margin: 10px 1% 0;
        font-size: 13px;
        line-height: 30px;
        width: 275px;
        max-width: 100%;
    }

    .btn:after {
        line-height: 30px;
        right: 10px;
    }

    .btn:hover {
        color: #fefefe;
        background: #000;
        border: #000 1px solid;
    }

    /* .btnBorder */
    .btnBorder:hover {
        color: #000;
        background: none;
        border: #000 1px solid;
    }

    /* .btnSmall */
    .btnSmall {
        line-height: 30px;
        width: 220px;
        max-width: 100%;
    }

    .btnSmall:after {
        line-height: 30px;
    }

    .btnSmall:hover {
        border: #000 1px solid;
    }

    .btnline {
        line-height: 30px;
        width: 220px;
        max-width: 100%;
    }

    .btnline:after {
        line-height: 30px;
    }

    .btnline:hover {
        border: #000 1px solid;
    }
}

@media only screen and (max-width: 738px) {
    .linkArea {
        margin-top: 25px;
    }

    /* .btn  */
    .btn {
        font-size: 13px;
        line-height: 30px;
        width: 250px;
        max-width: 100%;
    }

    .btn:after {
        line-height: 50px;
    }

    .btnSmall {
        line-height: 30px;
        width: 180px;
        max-width: 100%;
    }

    .btnSmall:after {
        line-height: 30px;
    }

    .btnline {
        line-height: 30px;
        width: 180px;
        max-width: 100%;
    }

    .btnline:after {
        line-height: 30px;
    }

    /* .btn:after { line-height: 50px; } */
    .btnBlue {
        line-height: 50px;
    }
}

@media only screen and (max-width: 414px) {
    /* .btn {font-size: 12px;width:230px;line-height: 50px;} */

}


/* 横配置
-------------------------------------------------------------*/

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

.l-lacing {
    text-align: left:
}

.r-lacing {
    text-align: right:
}


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

#w-coupon

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

.w-coupon {
    background: #016c6e;
    padding: 10px;
    height: 250px;
    width: 250px;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    color;
    #fff;
}

.w-coupon p {
    color: #fff;
    font-size: 18px;
    padding: 20px;
}

.w-coupon p span {
    color: #fff;
    font-size: 15px;
    padding: 20px;
}

.w-coupon h2 {
    color: #fff;
    font-size: 25px;
    line-height: 2.0;
    border-top: 1px dotted #fff;
    border-bottom: 1px dotted #fff;
}



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

#headline

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

.headline_top {
    padding-top: 12px;
}

@media only screen and (max-width: 600px) {
    .headline_top {
        padding: 60px 1em 30px;
    }
}


@media screen and (max-width:440px) {
    #content {
        padding-top: 60px;
        padding: 60px 1em;
    }
}








#headline {
    margin: 0 5% 0;
    height: 150px;
    position: relative;
    z-index: 1;
    /* max-width: 1500px; */
    px;
    */
    /* background: #fefefe; */
    margin: 0 auto;
}

#headline:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    /* background: #fff; */
    opacity: 0.2;
    z-index: 2;
}

#headline:before {
    /* position: absolute; */
    /* top: 15px; */
    /* left: 15px; */
    /* right: 15px; */
    /* bottom: 15px; */
    /* content: ""; */
    /* border: #fefefe 1px dotted; */
    /* border-bottom:none; */
    z-index: 3;
    opacity: 0.4;
    /* margin: 1%; */
}

#headline .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 100%;
    display: inline-block;
    color: #000;
    text-align: left;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
}

#headline h2.en {
    font-size: 35px;
    font-family: 'Catamaran', sans-serif;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 5px;
    position: relative;
    z-index: 3;
}

#headline h2.jp {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
}

@media only screen and (max-width: 1024px) {
    #headline {
        /* height:350px; */
    }
}

@media only screen and (max-width: 800px) {
    #headline {
        height: 300px;
    }

    #headline h2.en {
        font-size: 35px;
        letter-spacing: 4px;
        position: relative;
        z-index: 3;
    }

    #headline h2.jp {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 4px;
        line-height: 1;
        margin-top: 15px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 738px) {
    #headline {
        margin: 0;
        height: 150px;
    }

    #headline:before {
        top: 10px;
        left: 10px;
        right: 10px;
        display: none;
    }

    #headline:after {
        opacity: 0.3;
    }

    #headline h2.en {
        font-size: 30px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 414px) {
    #headline {
        height: 100px;
    }

    #headline h2.en {
        font-size: 23px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }

    #headline h2.jp {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 3px;
        line-height: 1;
        margin-top: 10px;
        position: relative;
        z-index: 3;
    }
}



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

#w_subpage_type

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

#w_subpage_type {
    /* padding: 0px 5% 60px; */
    /* position: relative; */
    /* z-index: 1; */
    /* border-top: #ededed 1px solid; */
    /* background: url(../images/noise.png) repeat #fefefe; */
}

#w_subpage_type:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    border-top: #ededed 1px solid;
    z-index: 2;
}



@media only screen and (max-width: 800px) {
    #w_subpage_type {
        padding: 80px 5%;
    }
}

@media only screen and (max-width: 738px) {
    #w_subpage_type {
        padding: 70px 5%;
        /* background: url(../images/noise2.png) repeat #fefefe; */
    }
}

@media only screen and (max-width: 414px) {
    #w_subpage_type {
        padding: 0px 5% 30px;
    }
}






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

#preloader

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

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: #fefefe;
    z-index: 99998;
}

/* .spinner */
.spinner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 70px;
    height: 70px;
    margin: auto;
    text-indent: -9999px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spin .5s linear infinite;
    -moz-animation: spin .5s linear infinite;
    -ms-animation: spin .5s linear infinite;
    -o-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0)
    }

    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }

    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:812px) {
    .spinner {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width:414px) {
    .spinner {
        width: 40px;
        height: 40px
    }
}


#content {
    /* padding-top: 70px !important; */
    /* margin-top: 150px; */
    padding-top: 12px;
    /* position: relative; */
    /* top: 300px; */
}

@media screen and (max-width:600px) {
    #content {
        /* padding-top: 60px;
        padding: 1em 1em 1em !important; */
        margin-bottom: 1em;
        padding: 60px 1em 30px !important;
    }
}

.l-container {
    max-width: 1680px !important;
    margin: 0 auto;
}




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

.central

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

.central {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

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

#breadcrumb

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

#breadcrumb {
    padding: 20px 12%;
    position: relative;
    /* top: 80px; */
    z-index: 1;
    border-top: #ededed 1px solid;
    border-bottom: #f5f5f5 1px solid;
    /* margin-bottom: 30px; */
    /* right: 0; */
    text-align: right;
}

#breadcrumb:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    border-top: #ededed 1px solid;
    z-index: 2;
}

#breadcrumb ol {
    font-size: 0;
    margin: 0;
    padding: 0;
    line-height: 1.8;
    line-height: 1;
}

#breadcrumb li {
    display: inline-block;
    /* display: inline; */
    zoom: 1;
    list-style: none;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    height: 20px;
    line-height: 20px;
}

/*#breadcrumb li:after { font-size: 6px; font-family: 'themify'; content: "\e649"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; }*/
#breadcrumb li:after {
    font-size: 10px;
    font-family: 'FontAwesome';
    content: "\f105";
    font-weight: normal;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
}


#breadcrumb li:last-child:after {
    display: none;
}

#breadcrumb li i {
    font-size: 16px;
    padding-right: 5px;
    font-weight: normal;
    line-height: 1.3;
}

#breadcrumb li a {
    border-bottom: #999 1px solid;
    position: relative;
    z-index: 1;
    height: 20px;
    line-height: 20px;
}

#breadcrumb li:first-child a:before {
    padding-right: 5px;
    font-size: 11px;
    font-family: 'themify';
    content: "\e69b";
}

#breadcrumb li:first-child a:before {
    padding-right: 5px;
    font-size: 1.2rem;
    font-family: 'FontAwesome';
    content: "\f015";
    padding-right: 10px;
    font-size: 15px;
    text-align: left;
    font-family: 'FontAwesome';
    /* content: "\f003"; */
    /* content: url(../images/icon_home.svg); */
    font-weight: normal;
    color: #3b3b3b;
}

#breadcrumb li a:after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    content: "";
    background: transparent;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#breadcrumb li a:hover:after {
    width: 100%;
    background: #d7e4ed;
}

#breadcrumb li a:hover {
    color: #aaa;
    border-bottom: #fffdfd 1px solid;
}

@media only screen and (max-width: 800px) {
    #breadcrumb {
        padding: 20px 5%;
        border-top: none;
    }

    #breadcrumb:before {
        display: none;
    }

    #breadcrumb li a {
        border-bottom: #aaa 1px solid;
        font-size: 13px;
    }

    #breadcrumb li a:hover:after {
        display: none;
    }

    #breadcrumb li a:hover {
        color: #000;
        border-bottom: #999 1px solid;
    }
}

@media only screen and (max-width: 414px) {
    #breadcrumb ol {
        font-size: 0;
        margin: -10px auto 0;
        padding: 0;
        display: block;
        text-align: left;
    }

    #breadcrumb li {
        font-size: 14px;
        margin: 10px 0 0;
        padding: 0;
        letter-spacing: 1px;
    }

    #breadcrumb li:after {
        margin: 0 5px;
    }

    #breadcrumb li:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 10em;
    }

    #breadcrumb li:first-child a {
        font-size: 0;
        width: auto;
        padding-bottom: 7px;
    }

    #breadcrumb li:first-child a:before {
        padding-right: 0;
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    #breadcrumb li:last-child {
        width: 6em;
    }
}


.sub_con_w {
    background: #fff;
    color: #000
}

.sub_con_b {
    background: #000;
    color: #fff
}

.sub_con_vision {
    background-image: url(../images/our-vision.webp);
    background-size: cover;
}




.sub_contents {
    padding: 4em 8em;
}









@media only screen and (max-width: 600px) {
    .sub_contents {
        padding: 1em 1em;
    }
}


.content_title {
    font-size: 4rem;
    display: flex;
    flex-direction: row;
    gap: 1em;
    height: 100px;
}

.content_title span {
    font-size: 2rem;
}

.content_title p {
    font-size: 1.5rem;
    line-height: 2
}


.sub_contents .wrap {
    display: flex;
    /* gap: 2em; */
    margin-top: 50px;
}

.sub_content_title {
    font-size: 2rem;
    display: flex;
    flex-direction: row;
    gap: 1em;
    /* height: 100px; */
    margin-bottom: 100px;
}







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

#headline

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

#headline,
#headline_h1 {
    margin: 0 5% 0;
    height: 150px;
    position: relative;
    z-index: 1;
    /* max-width: 1400px; */
    /* background: #fefefe; */
    margin: 0 auto;
    padding: 2em;
    /* width: calc(100% - 2.5em); */
}

#headline_h1 {
    height: 300px;
}

#headline:after,
#headline_h1:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    /* background: #fff; */
    opacity: 0.2;
    z-index: 2;
}

#headline:before,
#headline_h1:before {
    /* position: absolute; */
    /* top: 15px; */
    /* left: 15px; */
    /* right: 15px; */
    /* bottom: 15px; */
    /* content: ""; */
    /* border: #fefefe 1px dotted; */
    /* border-bottom:none; */
    z-index: 3;
    opacity: 0.4;
    /* margin: 1%; */
}

#headline .inner,
#headline_h1 .inner {
    position: absolute;
    top: 10%;
    left: 0%;
    right: 0;
    width: 100%;
    padding: 2em;
    max-width: 100%;
    display: inline-block;
    color: #000;
    text-align: left;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-0%, -00%);
    z-index: 4;
}

#headline_h1 h1.en {
    font-size: 7rem;
    /* font-family: 'Catamaran', sans-serif; */
    /* font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
    /* font-weight: 800; */
    font-family: "Balthazar", serif;
    line-height: 1;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
}

#headline_h1 h1.jp {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
}

#headline h2.en {
    font-size: 3.5rem;
    /* font-family: 'Catamaran', sans-serif; */
    /* font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
    /* font-weight: 800; */
    font-family: "Balthazar", serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 3px;
    position: relative;
    z-index: 3;
}

#headline h2.jp {
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
}

#headline .cWhite,
#headline_h1 .cWhite {
    color: #fff
}

#headline .cBlack,
#headline_h1 .cBlack {
    color: #000
}


@media only screen and (max-width: 1024px) {
    #headline {
        /* height:350px; */
    }
}

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

    #headline_h1 h1.en {
        font-size: 5rem;
        /* font-family: 'Catamaran', sans-serif; */
        /* font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
        /* font-weight: 800; */
        font-family: "Balthazar", serif;
        line-height: 1;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }

    #headline_h1 h1.jp {
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: 5px;
        line-height: 1;
        margin-top: 20px;
        position: relative;
        z-index: 3;
        font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    }

    #headline {
        height: 150px;
    }

    #headline h2.en {
        font-size: 35px;
        letter-spacing: 4px;
        position: relative;
        z-index: 3;
    }

    #headline h2.jp {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 4px;
        line-height: 1;
        margin-top: 15px;
        position: relative;
        z-index: 3;
    }
}

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

    #headline,
    #headline_h1 {
        margin: 0;
        height: 250px;
    }

    #headline:before,
    #headline_h1:before {
        top: 10px;
        left: 10px;
        right: 10px;
        display: none;
    }

    #headline:after,
    #headline_h1:after {
        opacity: 0.3;
    }

    #headline h2.en {
        font-size: 30px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }
}

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

    #headline,
    #headline_h1 {
        height: 150px;
    }

    #headline_h1 h1.en {
        font-size: 2rem;
        /* font-family: 'Catamaran', sans-serif; */
        /* font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
        /* font-weight: 800; */
        font-family: "Balthazar", serif;
        line-height: 1;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }

    #headline_h1 h1.jp {
        font-size: 1rem;
        font-weight: bold;
        letter-spacing: 5px;
        line-height: 1;
        margin-top: 20px;
        position: relative;
        z-index: 3;
        font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    }

    #headline h2.en {
        font-size: 19px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }

    #headline h2.jp {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 3px;
        line-height: 1;
        margin-top: 10px;
        position: relative;
        z-index: 3;
    }
}



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

.headlineImg

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

/* guide */
.headlineImgAbout {
    /* background: url(../guide/images/headline.jpg) bottom right no-repeat; */
    /* background-size:cover; */
    /* background: #fff; */
}




/* photography */
.headlineImgPhotography {
    background: url(../images/photography/headline_photography.jpg) center center no-repeat;
    background-size: cover;
}

/* location */
.headlineImgPhotography_location {
    background: url(../images/photography/headline_location.jpg) bottom center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_dress {
    background: url(../images/photography/headline_location_dress.jpg) top center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_kimono {
    background: url(../images/photography/headline_location_kimono.jpg) bottom center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_dress_kimono {
    background: url(../images/photography/headline_location_dress_kimono.jpg) bottom center no-repeat;
    background-size: cover;
}

.headlineImgPhotography_location_engagement {
    background: url(../images/photography/headline_location_engage.jpg) bottom right no-repeat;
    background-size: cover;
}

/* family */
.headlineImgPhotography_family {
    background: url(../images/photography/headline_family.jpg) center right no-repeat;
    background-size: cover;
}

/* wedding */
.headlineImgPhotography_wedding {
    background: url(../images/photography/headline_wedding.jpg) top center no-repeat;
    background-size: cover;
}

/* photogallery */
.headlineImgPhotogallery {
    background: url(../images/photogallery/headline.jpg) top center no-repeat;
    background-size: cover;
}

.headlineImgPhotogallery_wedding {
    background: url(../images/photogallery/weddingday/headline.jpg) center center no-repeat;
    background-size: cover;
}

.headlineImgPhotogallery_family {
    background: url(../images/photogallery/family/headline.jpg) top left no-repeat;
    background-size: cover;
}


/* work */
.headlineImgWork {
    background: url(../images/work/headline.jpg) top center no-repeat;
    background-size: cover;
}

.headlineImgWork_glass {
    background: url(../images/work/glass/headline.jpg) center center no-repeat;
    background-size: cover;
}

.headlineImgWork_jpainting {
    background: url(../images/work/jpainting/headline.jpg) top left no-repeat;
    background-size: cover;
}



/* flow */
.headlineImgFlow {
    background: url(../images/photography/flow/headline.jpg) bottom right no-repeat;
    background-size: cover;
}

/* about 
.headlineImgAbout {background: url(../profile/images/header_profile.jpg) bottom right no-repeat;background-size:cover;}
.headlineImgAbout_award { background: url(../images/about/award/headline.jpg) bottom right no-repeat; background-size:cover; }
.headlineImgAbout_company { background: url(../images/about/company/headline.jpg) bottom center no-repeat; background-size:cover; }

*/
/* story */
.headlineImgStory {
    background: url(../images/about/headline_story.jpg) top right no-repeat;
    background-size: cover;
}

/* volunteer */
.headlineImgVolunteer {
    background: url(../images/about/headline_volunteer.jpg) top right no-repeat;
    background-size: cover;
}




/* staff */
.headlineImgStaff {
    background: url(../images/staff/headline.jpg) center center no-repeat;
    background-size: cover;
}

.headlineImgStaff_recruit {
    background: url(../images/staff/recruit/headline.jpg) center center no-repeat;
    background-size: cover;
}

/* contact */
.headlineImgContact {
    background: url(../images/contact/headline.jpg) bottom center no-repeat;
    background-size: cover;
}

/* calendar */
.headlineImgCalendar {
    background: url(../images/calendar/headline.jpg) bottom left no-repeat;
    background-size: cover;
}


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

    /* photography */
    .headlineImgPhotography {
        background: url(../images/photography/headline_photographySp.jpg) center center no-repeat;
        background-size: cover;
    }

    /* location */
    .headlineImgPhotography_location {
        background: url(../images/photography/headline_locationSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_dress {
        background: url(../images/photography/headline_location_dressSp.jpg) center left no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_kimono {
        background: url(../images/photography/headline_location_kimonoSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_dress_kimono {
        background: url(../images/photography/headline_location_dress_kimonoSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotography_location_engagement {
        background: url(../images/photography/headline_location_engagementSp.jpg) bottom right no-repeat;
        background-size: cover;
    }

    /* family */
    .headlineImgPhotography_family {
        background: url(../images/photography/headline_familySp.jpg) center right no-repeat;
        background-size: cover;
    }

    /* wedding */
    .headlineImgPhotography_wedding {
        background: url(../images/photography/headline_weddingSp.jpg) top center no-repeat;
        background-size: cover;
    }

    /* photogallery */
    .headlineImgPhotogallery {
        background: url(../images/photogallery/headlineSp.jpg) top center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotogallery_wedding {
        background: url(../images/photogallery/weddingday/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    .headlineImgPhotogallery_family {
        background: url(../images/photogallery/family/headlineSp.jpg) top left no-repeat;
        background-size: cover;
    }


    /* work */
    .headlineImgWork {
        background: url(../images/works/headlineSp.jpg) top center no-repeat;
        background-size: cover;
    }

    .headlineImgWork_glass {
        background: url(../images/works/glass/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    .headlineImgWork_jpainting {
        background: url(../images/works/jpainting/headlineSp.jpg) top left no-repeat;
        background-size: cover;
    }





    /* flow */
    .headlineImgFlow {
        background: url(../images/photography/flow/headlineSp.jpg) bottom right no-repeat;
        background-size: cover;
    }

    /* about */
    .headlineImgAbout {
        background: url(../guide/images/headline.jpg) bottom right no-repeat;
        background-size: cover;
    }

    .headlineImgAbout_award {
        background: url(../guide/images/headline.jpg) bottom right no-repeat;
        background-size: cover;
    }

    .headlineImgAbout_company {
        background: url(.../guide/images/headline.jpg) center center no-repeat;
        background-size: cover;
    }

    /* story */
    .headlineImgStory {
        background: url(../images/about/headline_storySp.jpg) top right no-repeat;
        background-size: cover;
    }

    /* volunteer */
    .headlineImgVolunteer {
        background: url(../images/about/headline_volunteerSp.jpg) top right no-repeat;
        background-size: cover;
    }




    /* staff */
    .headlineImgStaff {
        background: url(../images/staff/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    .headlineImgStaff_recruit {
        background: url(../images/staff/recruit/headlineSp.jpg) center center no-repeat;
        background-size: cover;
    }

    /* contact */
    .headlineImgContact {
        background: url(../images/contact/headlineSp.jpg) bottom center no-repeat;
        background-size: cover;
    }

    /* calendar */
    .headlineImgCalendar {
        background: url(../images/calendar/headlineSp.jpg) bottom left no-repeat;
        background-size: cover;
    }
}


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

#w_headline

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

#w_headline {
    margin: 0 5% 90px;
    text-align: center;
}

#w_headline .headlinePlan {}

#w_headline .headlinePlan h3.no {
    display: block;
    width: 80px;
    height: 80px;
    margin: -40px auto 0;
    background: #fefefe;
    font-size: 18px;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_headline .headlinePlan h3.no:after {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_headline .headlinePlan h2.jp_plan {
    margin-top: 10px;
    font-size: 30px;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.8;
    text-align: center;
}

/* --- .descriptionArea --- */
#w_headline .descriptionArea {
    position: relative;
    z-index: 1;
    margin: 20px auto 0;
}

#w_headline .descriptionArea p {
    font-size: 14px;
    line-height: 2.4;
    letter-spacing: 2px;
    margin-top: 1em;
}

@media only screen and (max-width: 800px) {
    #w_headline {
        margin: 0 5% 80px;
    }

    #w_headline .headlinePlan h3.no {
        width: 70px;
        height: 70px;
        margin: -35px auto 0;
        font-size: 18px;
        line-height: 70px;
    }

    #w_headline .headlinePlan h2.jp_plan {
        /*margin-top:10px; */
        font-size: 25px;
    }
}

@media only screen and (max-width: 738px) {
    #w_headline {
        margin: 0 5% 70px;
    }

    #w_headline .headlinePlan h3.no {
        width: 60px;
        height: 60px;
        margin: -30px auto 0;
        font-size: 16px;
        line-height: 60px;
    }

    #w_headline .headlinePlan h2.jp_plan {
        /*margin-top:10px; */
        font-size: 20px;
        letter-spacing: 2px;
    }

    /* --- .conceptArea --- */
    #w_headline .descriptionArea {
        margin: 20px auto 0;
        padding: 0 2.5%;
        text-align: left;
    }

    #w_headline .descriptionArea p {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 1px;
        margin-top: 1em;
    }

    #w_headline .descriptionArea p br {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    #w_headline {
        margin: 0 5% 60px;
    }

    #w_headline .headlinePlan h2.jp_plan {
        margin-top: 5px;
        letter-spacing: 2px;
    }

    #w_headline .descriptionArea p {
        font-size: 12px;
    }
}





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

.headline

----------------------------------------------------------- */
.headline {
    text-align: center;
    margin-top: 45px;
    margin-bottom: 45px;
    /* overflow: auto; */
}

.headline {
    margin: 0 0 60px;
    text-align: center;
}


.headline h3.en {
    font-size: 35px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 5px;
    position: relative;
    z-index: 3;
    /* text-align: center; */
}

.headline h3.jp {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width: 800px) {
    .headline {
        margin-bottom: 40px;
    }

    .headline h3.en {
        font-size: 30px;
        letter-spacing: 4px;
    }

    .headline h3.jp {
        font-size: 14px;
        letter-spacing: 4px;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 738px) {
    .headline {
        margin-bottom: 35px;
    }

    .headline h3.en {
        font-size: 25px;
        letter-spacing: 3px;
    }

    .headline h3.jp {
        font-size: 13px;
        letter-spacing: 3px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .headline {
        margin-bottom: 10px;
        margin-top;
        margin-top: 20px;
    }

}



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

#w_photography_otherplan

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

#w_otherplan {
    padding: 90px 5%;
    position: relative;
    z-index: 1;
    border-top: #a3d9e0 1px solid;
    background: url(../images/noise.png) repeat #fefefe;
}

#w_otherplan:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    border-top: #ededed 1px solid;
    z-index: 2;
}

/* --- .planArea --- */
#w_otherplan .planArea {
    margin: -60px -1.5% 0;
    font-size: 0;
    text-align: left;
}

/* .photographyBox */
#w_otherplan .planBox {
    display: inline-block;
    margin: 80px 1.5% 0;
    width: 30.333%;
    position: relative;
    z-index: 2;
    background: #fefefe;
}

#w_otherplan .planBox:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: #ededed 1px solid;
    z-index: -1;
}

/* .inner */
#w_otherplan .planBox .inner {
    padding: 35px 5% 50px;
    text-align: center;
}

/* .imgArea */
#w_otherplan .planBox .imgArea {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#w_otherplan .planBox .imgArea img {
    width: 100%;
    height: auto;
}

/* h5 */
#w_otherplan .planBox h5 {
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px auto 0;
    background: #fefefe;
    font-size: 14px;
    ont-family: 'Catamaran', sans-serif;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_otherplan .planBox h5:after {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/* .txtArea */
#w_otherplan .planBox .txtArea {
    margin-top: -5px;
}

/* h3 */
#w_otherplan .planBox h3 {
    font-size: 12px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.8;
    position: relative;
    z-index: 4;
}

/* h4 */
#w_otherplan .planBox h4 {
    font-size: 17px;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 2;
    margin-bottom: 5px;
}

/* p.price */
#w_otherplan .planBox .txtArea p {
    font-size: 13px;
}

/* .linkArea */
#w_otherplan .planBox .linkArea {
    margin-top: 20px;
}



@media only screen and (max-width: 1024px) {
    #w_otherplan .planArea {
        margin: -60px -1% 0;
    }

    #w_otherplan .planBox {
        margin: 80px 1% 0;
        width: 31.333%;
    }

    #w_otherplan .planBox h4 {
        font-size: 16px;
        letter-spacing: 1.5px;
    }

    #w_otherplan .planBox .linkArea a {
        width: 180px;
    }
}


@media only screen and (max-width: 800px) {
    #w_otherplan {
        padding: 80px 5%;
    }

    #w_otherplan .planArea {
        margin: -40px -1.5% 0;
    }

    #w_otherplan .planBox {
        display: inline-block;
        margin: 60px 1.5% 0;
        width: 97%;
    }
}

@media only screen and (max-width: 738px) {
    #w_otherplan {
        padding: 70px 5%;
    }

    #w_otherplan .planArea {
        margin: -40px -1.5% 0;
    }

    #w_otherplan .planBox {
        margin: 50px 1.5% 0;
    }

    #w_otherplan .planBox .inner {
        padding: 30px 5% 45px;
    }

    #w_otherplan .planBox .linkArea {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 414px) {
    #w_otherplan {
        padding: 60px 5%;
    }

    #w_otherplan .planArea {
        margin: -40px -1.5% 0;
    }

    #w_otherplan .planBox {
        margin: 40px 1.5% 0;
    }
}

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


#w_other_link

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

#w_other_link {
    padding: 90px 5%;
    position: relative;
    z-index: 1;
    /* border-top: #ededed 1px solid; */
    /* background: url(../images/noise.png) repeat; */
}

#w_other_link:before {
    /* position: absolute; */
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    /* border-top: #ededed 1px solid; */
    z-index: 2;
}

/* .inner */
#w_other_link .inner {
    margin: 0;
}

/* ul */
#w_other_link .inner ul {
    font-size: 0;
    margin: 0 -1.5%;
    text-align: center;
}

#w_other_link .inner ul li {
    display: inline-block;
    margin: 0 1.5%;
    width: 47%;
    position: relative;
    z-index: 1;
    border: #ededed 1px solid;
    overflow: hidden;
}

#w_other_link .inner ul li a {
    display: block;
    color: #fefefe;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* .imgArea */
#w_other_link .inner .imgArea {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

#w_other_link .inner li:hover .imgArea {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/* .txtArea */
#w_other_link .inner .txtArea {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 300px;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    z-index: 3;
}

/* h3 */
#w_other_link .inner h3.en {
    font-size: 15px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 1;
}

#w_other_link .inner h3.jp {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2.5px;
    line-height: 1;
    margin-top: 10px;
}

/* a:before */
#w_other_link .inner ul li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #111;
    opacity: 0.4;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#w_other_link .inner ul li a:hover:before {
    background: #e4f5fd;
    opacity: 0.8;
}

/* a:after */
#w_other_link .inner ul li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: #fefefe 10px solid;
    opacity: 1;
    z-index: 2;
}

/* transition */
#w_other_link .inner ul li .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    color: #fefefe;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner ul li .arrow i {
    font-size: 12px;
    line-height: 40px;
}

#w_other_link .inner ul li .arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner ul li:hover .arrow {
    color: #111;
}

#w_other_link .inner ul li:hover .arrow:after {
    border: transparent 1px solid;
    background: #fefefe;
}

/* .arrow */
#w_other_link .inner ul li a:before,
#w_other_link .inner ul li .arrow,
#w_other_link .inner ul li .arrow:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



#w_other_link .inner2 {
    margin: 0;
}

/* ul */
#w_other_link .inner2 ul {
    font-size: 0;
    margin: 0 -1.5%;
    text-align: center;
}

#w_other_link .inner2 ul li {
    display: inline-block;
    margin: 0 1%;
    width: 22.5%;
    position: relative;
    z-index: 1;
    border: #ededed 1px solid;
    overflow: hidden;
}

#w_other_link .inner2 ul li a {
    display: block;
    color: #fefefe;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* .imgArea */
#w_other_link .inner2 .imgArea {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}

#w_other_link .inner2 li:hover .imgArea {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/* .txtArea */
#w_other_link .inner2 .txtArea {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 300px;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    z-index: 3;
}

/* h3 */
#w_other_link .inner2 h3.en {
    font-size: 10px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 1;
}

#w_other_link .inner2 h3.jp {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2.5px;
    line-height: 1;
    margin-top: 10px;
}

/* a:before */
#w_other_link .inner2 ul li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #111;
    opacity: 0.4;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#w_other_link .inner2 ul li a:hover:before {
    background: #e4f5fd;
    opacity: 0.8;
}

/* a:after */
#w_other_link .inner2 ul li a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border: #fefefe 10px solid;
    opacity: 1;
    z-index: 2;
}

/* transition */
#w_other_link .inner2 ul li .arrow {
    position: absolute;
    top: 45%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    color: #fefefe;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner2 ul li .arrow i {
    font-size: 16px;
    line-height: 20px;
}

#w_other_link .inner2 ul li .arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#w_other_link .inner2 ul li:hover .arrow {
    color: #111;
}

#w_other_link .inner2 ul li:hover .arrow:after {
    border: transparent 1px solid;
    background: #fefefe;
}

/* .arrow */
#w_other_link .inner2 ul li a:before,
#w_other_link .inner2 ul li .arrow,
#w_other_link .inner2 ul li .arrow:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




/* .linkArea */
#w_other_link .linkArea {
    margin-top: 50px;
}

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

    /* h3 */
    #w_other_link .inner h3.en {
        font-size: 16px;
    }

    #w_other_link .inner2 h3.en {
        font-size: 16px;
    }

    #w_other_link .inner2 ul {
        font-size: 0;
        margin: 0 -1.5%;
        text-align: center;
    }

    #w_other_link .inner2 ul li {
        display: inline-block;
        margin: 0 1.5%;
        width: 47%;
        position: relative;
        z-index: 1;
        border: #ededed 1px solid;
        overflow: hidden;
    }

    #w_other_link .inner2 ul li a {
        display: block;
        color: #fefefe;
        text-align: center;
        position: relative;
        z-index: 1;
    }

}

@media only screen and (max-width: 800px) {
    #w_other_link {
        padding: 80px 5%;
    }

    /* .inner */
    #w_other_link .inner {
        margin: 0;
    }

    /* ul */
    #w_other_link .inner ul {
        margin: -30px 0 0;
    }

    #w_other_link .inner ul li {
        display: block;
        margin: 30px 0 0;
        width: 100%;
    }

    /* h3 */
    #w_other_link .inner h3.en {
        font-size: 18px;
    }

    /* .imgArea */
    #w_other_link .inner li:hover .imgArea {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    /* .txtArea */
    #w_other_link .inner .txtArea {
        min-width: 300px;
    }

    /* a:before */
    #w_other_link .inner ul li a:hover:before {
        background: #111;
        opacity: 0.5;
    }

    /* transition */
    #w_other_link .inner ul li .arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        color: #fefefe;
        z-index: 3;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner ul li .arrow i {
        font-size: 12px;
        line-height: 40px;
    }

    #w_other_link .inner ul li .arrow:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        border: #fefefe 1px solid;
        z-index: -1;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner ul li:hover .arrow {
        color: #fefefe;
    }

    #w_other_link .inner ul li:hover .arrow:after {
        border: #fefefe 1px solid;
        background: none;
    }


    /* .inner */
    #w_other_link .inner2 {
        margin: 0;
    }

    /* ul */
    #w_other_link .inner2 ul {
        margin: -30px 0 0;
    }

    #w_other_link .inner2 ul li {
        display: block;
        margin: 30px 0 0;
        width: 100%;
    }

    /* h3 */
    #w_other_link .inner2 h3.en {
        font-size: 18px;
    }

    /* .imgArea */
    #w_other_link .inner2 li:hover .imgArea {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    /* .txtArea */
    #w_other_link .inner2 .txtArea {
        min-width: 300px;
    }

    /* a:before */
    #w_other_link .inner2 ul li a:hover:before {
        background: #111;
        opacity: 0.5;
    }

    /* transition */
    #w_other_link .inner2 ul li .arrow {
        position: absolute;
        top: 50%;
        right: 20px;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        color: #fefefe;
        z-index: 3;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner2 ul li .arrow i {
        font-size: 12px;
        line-height: 40px;
    }

    #w_other_link .inner2 ul li .arrow:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        border: #fefefe 1px solid;
        z-index: -1;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    #w_other_link .inner2 ul li:hover .arrow {
        color: #fefefe;
    }

    #w_other_link .inner2 ul li:hover .arrow:after {
        border: #fefefe 1px solid;
        background: none;
    }


    /* .linkArea */
    #w_other_link .linkArea {
        margin-top: 40px;
    }
}



@media only screen and (max-width: 738px) {
    #w_other_link {
        padding: 70px 5%;
    }
}

@media only screen and (max-width: 414px) {
    #w_other_link {
        padding: 60px 5%;
    }

    /* ul */
    #w_other_link .inner ul {
        margin: -25px 0 0;
    }

    #w_other_link .inner ul li {
        margin: 25px 0 0;
    }

    #w_other_link .inner .txtArea {
        min-width: 200px;
    }

    #w_other_link .inner h3.en {
        font-size: 16px;
    }

    #w_other_link .inner h3.jp {
        font-size: 12px;
        letter-spacing: 2px;
    }

    /* a:after */
    #w_other_link .inner ul li a:after {
        border: #fefefe 5px solid;
    }

    #w_other_link .inner ul li .arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    #w_other_link .inner ul li .arrow i {
        font-size: 10px;
        line-height: 30px;
    }


    /* ul */
    #w_other_link .inner2 ul {
        margin: -25px 0 0;
    }

    #w_other_link .inner2 ul li {
        margin: 25px 0 0;
    }

    #w_other_link .inner2 .txtArea {
        min-width: 200px;
    }

    #w_other_link .inner2 h3.en {
        font-size: 16px;
    }

    #w_other_link .inner2 h3.jp {
        font-size: 12px;
        letter-spacing: 2px;
    }

    /* a:after */
    #w_other_link .inner2 ul li a:after {
        border: #fefefe 5px solid;
    }

    #w_other_link .inner2 ul li .arrow {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    #w_other_link .inner2 ul li .arrow i {
        font-size: 10px;
        line-height: 30px;
    }





    /* .linkArea */
    #w_other_link .linkArea {
        margin-top: 35px;
    }
}



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

#inline_policy

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

#inline_policy {
    /* overflow: auto; */
    /* background: #fefefe; */
    /* padding: 50px 7.5%; */
    width: 920px;
    max-width: 100%;
}

#inline_policy h2 {
    font-size: 18px;
    /* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: bold; */
    letter-spacing: 2px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: center;
}

.policyArea {
    padding-bottom: 10px;
}

.policyBox {
    padding-top: 25px;
    margin-top: 25px;
    border-top: #ddd 1px dashed;
}

.policyBox:last-child {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: #ddd 1px dashed;
}

.policyBox h3 {
    font-size: 14px;
    /* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif; */
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.8;
}

/* p */
.policyBox p {
    margin-top: 3px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
}

/* ul.circle */
.policyBox ul.circle {
    margin: 10px 0 0 4em;
    padding: 0;
    list-style: circle;
    padding-left: 1em;
    text-align: left;
}

.policyBox ul.circle li {
    margin-top: 3px;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
}

/* ul.no */
.policyBox ul.no {
    margin: 0;
    padding: 0;
    padding-left: 0.5em;
    list-style: none;
    text-align: left;
    counter-reset: item;
}

.policyBox ul.no li {
    margin-top: 3px;
    padding-left: 3em;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    position: relative;
}

.policyBox ul.no li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "（" counters(item, "-")"）";
    counter-increment: item;
}


@media only screen and (max-width: 800px) {
    #inline_policy {
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .policyBox p {
        font-size: 13px;
        line-height: 2;
    }

    /* ul.circle */
    .policyBox ul.circle li {
        font-size: 13px;
    }

    /* ul.no */
    .policyBox ul.no li {
        font-size: 13px;
    }
}

@media only screen and (max-width: 738px) {
    #inline_policy h2 {
        font-size: 16px;
    }

    .policyBox h3 {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .policyBox p {
        font-size: 12px;
        line-height: 2;
    }

    /* ul.circle */
    .policyBox ul.circle li {
        font-size: 12px;
    }

    /* ul.no */
    .policyBox ul.no li {
        font-size: 12px;
    }
}

@media only screen and (max-width: 414px) {
    #inline_policy h2 {
        font-size: 14px;
    }
}


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

#scrollUp

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

#scrollUp {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1000;
}

#scrollUp a {
    width: 60px;
    height: 60px;
    display: block;
    color: #fefefe;
    background: #444;
    border: none;
    text-align: center;
    z-index: 11;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}

#scrollUp a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'FontAwesome';
    content: "\f106";
    font-size: 30px;
    line-height: 58px;
}

#scrollUp a:hover {
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

@media only screen and (max-width: 800px) {
    #scrollUp a:hover {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@media only screen and (max-width: 414px) {
    #scrollUp a {
        width: 50px;
        height: 50px;
    }

    #scrollUp a:before {
        font-size: 16px;
        line-height: 48px;
    }
}





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

slick.js

---------------------------------------------------------- */
/* Slider */
.slick-slider {
    touch-action: pan-y;
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0
}

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

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

.slick-track {
    top: 0;
    left: 0
}

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

.slick-track:after {
    clear: both
}

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

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

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

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

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

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

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

/* --- Dots --- */
.slick-dots {
    /* position:absolute; */
    bottom: -30px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 6px;
    z-index: 100;
    /* margin-top: 30px; */
    padding-top: 20px;
    display: block;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 6px;
    width: 6px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.slick-dots li button {
    background: 0 0;
    border: 1px solid #999;
    display: block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    padding: 2px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.slick-dots li.slick-active button {
    outline: 0;
    border: 2px solid #ffffff;
    background: #ffffff;
}

.slick-dots li button:before {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    content: "";
    border: 1px solid transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.slick-dots li.slick-active button:before {
    border: 1px solid #ffffff;
    content: ""
}

.locationSlider1 {
    max-width: 527px;
    margin: auto;
}

.locationSlider1 .slick-track {
    width: 100% !important;
}

.locationSlider3 .slick-dots {
    padding-top: 10px;
}


/*! Hint.css - v2.2.1 - 2016-03-26
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */

[data-hint] {
    position: relative;
    display: inline-block
}

[data-hint]:after,
[data-hint]:before {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    transition: .2s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

[data-hint]:hover:after,
[data-hint]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-hint]:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 4px solid transparent;
    z-index: 1000001
}

[data-hint]:after {
    content: attr(data-hint);
    background: #016c6e;
    color: #fff;
    padding: 8px 10px;
    font-size: 11px;
    font-family: Catamaran, sans-serif;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 1.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

[data-hint='']:after,
[data-hint='']:before {
    display: none !important
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
    border-bottom-color: #016c6e;
}

.hint--bottom-right:after,
.hint--bottom-right:before {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    margin-top: -8px;
    left: calc(50% - 4px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--bottom-right:focus:after,
.hint--bottom-right:focus:before,
.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--rounded:after {
    border-radius: 3px
}

.hint--bounce:after,
.hint--bounce:before {
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}


.padcal+div,
input.padcal+div>div.padcal-copy {
    display: inline-block;
    width: 50px;
    height: 52px;
    margin: 5px;
    padding-bottom: 5px;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}

input.padcal+div>div.padcal-copy {
    position: relative;
    float: left;
    width: 48px;
    top: -52px;
    z-index: 1;
}

.padcal+div.padcal-sun,
input.padcal+div>div.padcal-copy.padcal-sun {
    background-color: #feeeee;
    color: #900;
    border: 1px solid #d8aaaa;
}

.padcal+div.padcal-sun>div:first-child,
input.padcal+div>div.padcal-copy.padcal-sun>div:first-child {
    background-color: #900;
}

.padcal+div.padcal-mon,
.padcal+div.padcal-tue,
.padcal+div.padcal-wed,
.padcal+div.padcal-thu,
.padcal+div.padcal-fri,
input.padcal+div>div.padcal-copy.padcal-mon,
input.padcal+div>div.padcal-copy.padcal-tue,
input.padcal+div>div.padcal-copy.padcal-wed,
input.padcal+div>div.padcal-copy.padcal-thu,
input.padcal+div>div.padcal-copy.padcal-fri {
    background-color: #fefefe;
    color: #666;
    border: 1px solid #d8d8d8;
}

.padcal+div.padcal-mon>div:first-child,
.padcal+div.padcal-tue>div:first-child,
.padcal+div.padcal-wed>div:first-child,
.padcal+div.padcal-thu>div:first-child,
.padcal+div.padcal-fri>div:first-child,
input.padcal+div>div.padcal-copy.padcal-mon>div:first-child,
input.padcal+div>div.padcal-copy.padcal-tue>div:first-child,
input.padcal+div>div.padcal-copy.padcal-wed>div:first-child,
input.padcal+div>div.padcal-copy.padcal-thu>div:first-child,
input.padcal+div>div.padcal-copy.padcal-fri>div:first-child {
    background-color: #666;
}

.padcal+div.padcal-sat,
input.padcal+div>div.padcal-copy.padcal-sat {
    background-color: #eeeefe;
    color: #009;
    border: 1px solid #aaaad8;
}

.padcal+div.padcal-sat>div:first-child,
input.padcal+div>div.padcal-copy.padcal-sat>div:first-child {
    background-color: #009;
}

.padcal+div>div:first-child,
input.padcal+div>div.padcal-copy>div:first-child {
    height: 5px;
    clear: left;
}

.padcal+div>div:nth-child(2),
input.padcal+div>div.padcal-copy>div:nth-child(2) {
    font-size: xx-small;
    font-weight: normal;
}




/* -----------------------------------------------------------------------
layout
----------------------------------------------------------------------- */
.layout1 {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}

.inner {
    /* width: 1000px; */
    margin: 0 auto;
}

.viewPc {
    display: block;
}

.viewSp {
    display: none;
}

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

    .layout1,
    .inner {
        width: auto;
    }
}

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

    .layout1,
    .inner {
        width: auto;
    }

    .viewSp {
        display: block;
    }

    .viewPc {
        display: none;
    }
}




/* -----------------------------------------------------------------------
utility
----------------------------------------------------------------------- */
.leftBox {
    float: left;
    width: 50%;
    padding: 0 3%;
}

.rightBox {
    float: right;
}



/* -----------------------------------------------------------------------
#coupon WEBクーポン
----------------------------------------------------------------------- */
#coupon {
    padding: 48px 0 50px;
    /* background: url(../img/bg_paper01.jpg) repeat; */
}

section#coupon {}

#coupon .inner {
    max-width: 1000px;
    width: 100%;
    padding: 2%;
    border: 1px dashed #eee;
}

#coupon .rightBox {
    padding: 10px 0 0;
    width: 50%;
}

#coupon .rightBox .tit {
    width: 100%;
}

#coupon .rightBox .tit {
    font-size: 25px;
    color: #fa5c8d;
    line-height: 35px;
    font-weight: 600;
}

#coupon .rightBox .tit span {
    border-bottom: 3px solid;
}


#coupon .rightBox .txt {
    width: 100%;
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: 600;
}

#coupon .rightBox .btn {
    margin-left: 95px;
}

#coupon .leftBox img {
    width: 90%;
    margin: 5% auto;
    /* margin-left: -30px; */
    /* margin-right: 35px; */
}

@media screen and (max-width: 1024px) {
    #coupon .rightBox {
        width: 55%;
    }

    #coupon .rightBox .tit {
        width: 100%;
        font-size: 20px;
    }

    #coupon .rightBox .tit img {
        width: 100%;
        height: auto;
    }

    #coupon .rightBox .txt {
        width: 100%;
    }

    #coupon .leftBox {
        width: 40%;
        margin: 0;
    }

    #coupon .leftBox img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    #coupon {
        padding: 30px 6% 40px;
        background: url(../img/bg_paper01.jpg) repeat;
    }

    #coupon .rightBox {
        width: auto;
        padding: 23px 0 0;
        width: 100%;
        text-align: center
    }

    #coupon .rightBox .txt {
        margin: 10px 0 20px;
        font-size: 13px;
    }

    #coupon .rightBox .btn {
        margin-left: 0;
    }

    #coupon .leftBox {
        /* margin-left: -30px; */
        /* margin-right: 35px; */
        width: 100%;
    }

    #coupon .leftBox img {
        padding: 5%;
        width: 80%;
        margin: 20px 10%;
    }

}

@media screen and (max-width: 768px) {
    #coupon .leftBox img {
        padding: 5%;
        width: 90%;
        margin: 20px 5%;
    }

}


@media screen and (max-width: 500px) {
    #coupon .rightBox .tit {
        font-size: 18px;
    }

    #coupon .leftBox img {
        padding: 5%;
        width: 90%;
        margin: 20px 5%;
    }
}



/* ボタンエリア */
.btn_area {
    width: 100%;
    margin: 10px auto;
    text-align: center;
}


/* ボタン */
.bnt-massage {
    display: inline-block;
    /* min-width: 130px; */
    text-align: center;
    background-color: #000;
    font-size: 18px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 16px 10px 40px;
    position: relative;
    transition: .9s;
    border: 1px solid #FFF;
}

.bnt-massage:before {
    font-family: "FontAwesome";
    content: "\f0e0";
    position: absolute;
    left: 10px;
    top: 40%;
    margin-top: -10px;
}

.bnt-massage span {
    display: block;
    position: absolute;
    background-color: #ff6489;
    top: 0;
    left: 0;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    border-radius: 0 0 8px 0;
    z-index: -1;
    transition: .5s;
}

.bnt-massage:hover {
    border-radius: 8px 0 0;
}

.bnt-massage:hover span {
    transform: translateY(50px);
}


/* ボタン */
.btn-animation-02 {
    display: inline-block;
    /*  width: 200px;*/
    text-align: center;
    background-color: #ff7776;
    border: 2px solid #ff7776;
    font-size: 16px;
    color: #ff7776;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 24px;
    border-radius: 4px;
    position: relative;
}

.btn-animation-02 span {
    position: relative;
    z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
    content: "";
    display: block;
    background-color: #FFF;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: .2s;
}

.btn-animation-02::before {
    left: 0;
}

.btn-animation-02::after {
    right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
    width: 0;
    background-color: #FFF;
}

.btn-animation-02:hover {
    color: #FFF;
}




/* ボタン */
.btn-denim {
    display: inline-block;
    /*max-width: 180px;*/
    text-align: left;
    background-color: #293b6a;
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    padding: 8px 16px;
    border: 1px dashed #FFF;
    box-shadow: 0px 0px 0px 5px #293b6a;
    /* box-shadowで外枠を */
}

.btn-denim:hover {
    border-style: solid;
}


/*----------------------------------------------------
QCDS
------------------*/

.boxQcds {
    position: relative;
    margin: 2em 0;
    padding: 1.5em 1em;
    border: solid 3px #056d70;
    border-radius: 8px;
}

.boxQcds .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #056d70;
    font-weight: bold;
}

.boxQcds p {
    margin: 0;
    padding: 0;
}



/*----------------------------------------------------
QCDS
------------------*/

.boxQcds2 {
    position: relative;
    margin: 2em 0;
    padding: 2%;
    border: solid 1px #808080;
    border-radius: 3px;
}

.boxQcds2 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 30px;
    line-height: 1;
    font-size: 20px;
    background: #ffffff;
    color: #292323;
    font-weight: bold;
}

.boxQcds2 p {
    margin: 0;
    padding: 0;
    color: #292323;
}


.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    flex-wrap: wrap;
    margin: 0 1%;
    width: 98%;
}

/*flexの時左右の順番*/
.flex.x {
    flex-direction: row-reverse;
}

/*flexなし*/
.flex.non {
    display: block;
}

.flex .cnt {
    padding: 1%;
    width: calc(98% / 2);
}

.flex .cnt.left {
    width: 30%;
}

.flex .cnt.right {
    width: 70%;
}

.flex .spflex .cnt {
    width: 100%
}

.cnt img {
    width: 100%;
}

/*3カラム*/
.flex.clm3 .cnt {
    padding: 10px;
    width: calc(98% / 3);
}

@media screen and (max-width: 600px) {
    .flex .cnt {
        width: 98%;
    }

    .flex.clm3 .cnt {
        width: 98%;
    }

    /* spの場合flex */
    .flex .spflex {
        width: 98%;
    }

    .flex .spflex .cnt {
        padding: 1%;
        width: calc(98% / 2);
    }
}

span.b {
    font-weight: 600;
}

span.red {
    color: #d90000;
}

span.blue {
    color: #297fdf;
}

span.sen {
    background: linear-gradient(transparent 40%, #c7f2ff 0%);
    /*     border-bottom: solid 3px #297fdf; */
    text-decoration: none;
    border: none;
}

.box {
    margin: 20px auto 50px;
    /* border: solid 1px #006c6e; */
    padding: 10px;
    max-width: 1000px;
}

.box p {
    /* font-size: 1.1em; */
}

.box span.title {
    font-size: 1.4em;
    font-weight: 500;
    color: #d90000;
}

.box h3 {
    font-weight: 600;
    margin-bottom: 1rem;
}

.box .btn {
    margin-top: 1rem;
}

@media screen and (max-width: 600px) {
    .box span.title {
        font-size: 1.2em;
    }

    .box p {
        font-size: 1em;
    }
}

span.big {
    font-size: 1.5rem;
    padding: 0 0.3rem;
}

.sp {
    display: none;
}

@media screen and (max-width: 600px) {
    .sp {
        display: block;
    }

    .pc {
        display: none;
    }
}





/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */
.lity,
.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    outline: 0 !important
}

.lity-container,
.lity-wrap:before {
    vertical-align: middle;
    display: inline-block
}

.lity,
.lity-container,
.lity-wrap {
    outline: 0 !important
}

.lity-content:after,
.lity-wrap:before {
    content: ''
}

.lity,
.lity-content:after,
.lity-wrap {
    right: 0;
    bottom: 0;
    left: 0
}

.lity {
    white-space: nowrap;
    background: #fefefe;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.lity.lity-opened {
    opacity: 1;
    background: rgba(0, 0, 0, 0.1);
}

.lity.lity-closed {
    opacity: 0;
    background: #fefefe
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    text-align: center
}

.lity-wrap:before {
    height: 100%;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    white-space: normal;
    max-width: 100%;
    max-width: 90%;
    max-height: 100%
}

.lity-close,
.lity-close:before {
    line-height: 60px;
    text-align: center
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    transition: transform .5s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.lity-content:after {
    position: absolute;
    top: 0;
    display: block;
    width: auto;
    height: auto;
    z-index: -1;
    /* -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1); */
    /* box-shadow: 0 0 8px rgba(0, 0, 0, .1); */
}

.lity-close {
    z-index: 9994;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 5%;
    top: 10px;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    font-size: 0;
    font-style: normal;
    border: 0;
    color: #fefefe;
    background: #111;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 5px;
}

.lity-close:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: themify;
    content: "\e646";
    font-size: 16px;
    text-indent: 0;
    z-index: 1;
    line-height: 40px;
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}

#inline {
    overflow: auto;
    background: #fefefe;
    padding: 50px 7.5%;
    width: 1200px;
    max-width: 100%
}

.profileLeft {
    float: left;
    width: 35%
}

.profileRight {
    float: right;
    width: 60%
}


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

    .lity-close,
    .lity-close:before {
        line-height: 50px;
    }

    .lity-close {
        width: 50px;
        height: 50px;
    }

    .lity-close:before {
        font-size: 14px;
    }
}



/* ------------------------------------------
フェードインアニメーション
--------------------------------------------*/
.fadeIn {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
    -webkit-transform: translatey(50px);
    transform: translatey(50px);
}

.fadeIn.animated {
    opacity: 1;
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
}




/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* 
.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

 */




/* = footer#site-footer
---------------------------------------------------------------------*/

footer#site-footer {
    /*   font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
    letter-spacing: .1em;
    color: #000;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #333;
    /* border-top: 1px solid #ddd; */
}

footer#site-footer #site-footer-inner {
    position: relative;
    /* padding-bottom: 85px; */
}

footer#site-footer #site-footer-inner:after {
    content: "";
}


footer#site-footer .support-area {
    /* float: left; */
    /* width: 250px; */
    display: flex;
    flex-direction: row;
    align-items: center;
}

footer#site-footer .support-area ul.main {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px 0;
}

footer#site-footer .support-area ul.main li {
    /*   width:30%; */
    padding-right: 2%;
    font-size: 14px;
    text-align: left;
    line-height: 1.6;
}

.boxArea {
    position: relative;
    margin: 2em 1%;
    padding: 0.9em;
    border: solid 1px #1a1a1a;
    border-radius: 4px;
    width: 32%;
    min-height: 66px;
}

.boxArea .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 15px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    font-weight: bold;
}

.boxArea p {
    font-size: 15px;
}

.boxArea p a.tel {
    font-size: 22px;
}




@media screen and (max-width: 600px) {
    footer#site-footer .support-area {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .boxArea {
        position: relative;
        margin: 2em 1%;
        padding: 0.9em;
        border: solid 1px #1a1a1a;
        border-radius: 4px;
        width: 100%;
        min-height: 66px;
    }

    .boxArea p {
        margin: 10px 0;
        line-height: 1.6;
    }


}



footer#site-footer .logo-area {
    /* float: left; */
    /* width: 250px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    /* justify-content: center; */
    padding: 0 3em;
}

footer#site-footer .logo-area .sitelogo {
    width: 160px;
    /* height: 160px; */
}

footer#site-footer .logo-area .sitelogo._full {
    width: 150px;
    /* height: 60px; */
    /* background-image: url(../images/header_logo-24.svg); */
    /* display: none; */
}


footer#site-footer .meta-area {
    width: 280px;
}

footer#site-footer .logo-area .address {
    /*   width: 160px; */
    /* height: 160px; */
    padding: 10px;
    font-size: 0.9em;
}

footer#site-footer .logo-area .phone {
    padding: 10px;
}

footer#site-footer .logo-area .phone a {
    font-size: 1.3rem;
}

footer#site-footer .logo-area .phone a:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f095";
    padding-right: 5px;
    font-size: 0.8em;
}

/* line 201, ../_scss/style.scss */
footer#site-footer .meta-area .address {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 5px;
    /* color: #fff; */
}

footer#site-footer .logo-area .googlemap {
    padding: 10px;
}

footer#site-footer .logo-area .googlemap a {
    font-size: 1.3rem;
}

footer#site-footer .logo-area .googlemap a:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f3c5";
    padding-right: 5px;
    font-size: 0.8em;
}

footer#site-footer .meta-area .address {
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 5px;
    /* color: #fff; */
}

footer#site-footer .meta-area .address a {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 5px;
    color: #fff;
}



footer#site-footer .meta-area .contact {
    font-family: eb-garamond, serif;
    letter-spacing: .05em;
    font-size: 1.6rem;
    margin-bottom: 25px;
}

footer#site-footer .meta-area .contact a {
    color: #fff;
}



footer#site-footer .meta-area .contact .tel {
    display: inline-block;
    color: #fff;
}

footer#site-footer .meta-area .contact .tel a {
    color: #fff;
}


footer#site-footer .meta-area .contact .tel:after {
    display: inline-block;
    content: '/';
    padding: 0 5px;
}

footer#site-footer .meta-area ul.snslist {
    /* padding-left:30px; */
    margin-bottom: 15px;
}



footer#site-footer .meta-area ul.snslist li {
    display: inline-block;
    position: relative;
    margin-top: 10px;
}

footer#site-footer .meta-area ul.snslist li a {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-family: "Century Gothic", 'Abel', sans-serif;
    /* font-family: 'Abel', sans-serif; */
    letter-spacing: .05em;
    font-size: 1.2rem;
    font-weight: 400;
    /* color: #fff; */
}

footer#site-footer .meta-area ul.snslist li a:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9.5px;
    /* font-family: ''; */
    font-family: 'laquoh';
    /* font-weight: normal !important; */
    font-size: 17px;
    display: block;
    color: #b13433;
}

footer#site-footer .meta-area ul.snslist li.facebook {
    padding-right: 14px;
    margin-right: 12px;
}

/* line 228, ../_scss/style.scss */
footer#site-footer .meta-area ul.snslist li.facebook:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    width: 1px;
    height: 16px;
    background-color: #C2C2C2;

    display: block;
    content: '';
}

footer#site-footer .meta-area ul.snslist li.facebook a:before {
    /* font-family: 'Font Awesome 6 pro'; */
    content: "\e700";
    padding-right: 10px;
}

footer#site-footer .meta-area ul.snslist li.instagram a:before {
    content: '\e702';
    font-weight: 400;
}

footer#site-footer nav.sitemap {
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* text-align: right; */
    /* display: inline-block; */
    color: #000;
    padding: 0 3em;
}

footer#site-footer nav.sitemap ul li {
    display: inline-block;
    position: relative;
}

footer#site-footer nav.sitemap ul li:after {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    content: '';
}

footer#site-footer nav.sitemap ul li:last-child {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

footer#site-footer nav.sitemap ul li:last-child:after {
    display: none !important;
}

footer#site-footer nav.sitemap ul.main {
    /* padding-right: 210px; */
    border-bottom: 1px solid #585858;
}

footer#site-footer nav.sitemap ul.main li {
    font-size: 1.7rem;
    line-height: 48px;
    padding-right: 23px;
    color: #fff;
}

footer#site-footer nav.sitemap ul.main li a {
    font-size: 1.3rem;
    line-height: 48px;
    padding-right: 10px;
    /* color:#fff; */
    /* font-family: "Century Gothic",'Abel', sans-serif; */
}

footer#site-footer nav.sitemap ul.main li a {
    font-size: 0.7rem;
    line-height: 48px;
    padding-right: 0;
    /* color:#fff; */
    /* font-family: "Century Gothic",'Abel', sans-serif; */
}



footer#site-footer nav.sitemap ul.main li:before {
    /* margin-top: 0px; */
    /* width: 1px; */
    /* height: 20px; */
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    /* -webkit-transform: rotate(30deg); */
    /* transform: rotate(30deg); */
    /* background-color: #a9a9a9; */
    /* display: block; */
    /* content: ''; */
    /* font-family: 'Font Awesome 6 pro'; */
    /* content: "\f178"; */
    font-size: 10px;
    top: 0;
    padding-right: 5px;
    line-height: 1.5;
    position: relative;
}

footer#site-footer nav.sitemap ul.sub {
    margin-top: 28px;
}

footer#site-footer nav.sitemap ul.sub li {
    font-size: 1.4rem;
    padding-right: 15px;
    margin-right: 15px;
}

footer#site-footer nav.sitemap ul.sub li:after {
    margin-top: -1px;
    width: 3px;
    height: 3px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #000;
}

footer#site-footer nav.sitemap .button_reserve {
    position: absolute;
    right: 0;
    top: -30px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /*   font-family: "游ゴシック","YuGothic",'Hiragino Kaku Gothic ProN', Meiryo, メイリオ,  'PT Sans', 'Lucida Grande', sans-serif; */
    /* font-weight: bold; */
    font-size: 1.35rem;
    border: 1px solid #000;
    /* background-color: #000; */
    color: #000;
}

footer#site-footer nav.sitemap .button_reserve span {
    position: relative;
    z-index: 2;
    font-family: "Century Gothic", 'Abel', sans-serif;
}

footer#site-footer nav.sitemap .button_reserve:after {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #000;
    transform-origin: right top;
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -ms-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.pc footer#site-footer nav.sitemap .button_reserve:hover {
    color: #fff;
}

.pc footer#site-footer nav.sitemap .button_reserve:hover:after {
    transform-origin: left top;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

footer#site-footer #copyright {
    font-size: 0.8rem;
    letter-spacing: .1em;
    width: 100%;
    font-family: "Century Gothic", sans-serif;
    margin-top: 20px;
    text-align: center;
}

footer#site-footer #copyright small {
    font-size: 0.8rem;
    color: #fff;
    font-family: "Century Gothic", sans-serif;
}


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

    footer#site-footer .logo-area {
        /* width: 220px; */
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    footer#site-footer nav.sitemap {
        padding-top: 0;
        margin: 0 auto;
    }

    footer#site-footer nav.sitemap ul.main {
        /* padding-right: 0; */
        /* text-align: center; */
        display: flex;
        justify-content: flex-start;
        border-bottom: 1px solid #ddd;
    }

    footer#site-footer nav.sitemap ul.sub {
        margin-top: 18px;
    }
}

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

    footer#site-footer .logo-area {
        width: 205px;
        font-size: 1.1rem;
        text-align: center;
    }

    footer#site-footer .meta-area .address {
        font-size: 1.6rem;
        margin-bottom: 8px;
    }

    footer#site-footer .meta-area .contact {
        margin-bottom: 22px;
        font-size: 1.5rem;
    }

    footer#site-footer .meta-area .contact .tel {
        display: block;
        margin-bottom: 5px;
    }

    footer#site-footer .meta-area .contact .tel:after {
        display: none;
    }

    /* line 356, ../_scss/style.scss */
    footer#site-footer .meta-area ul.snslist li {
        display: block;
        font-family: "Century Gothic", sans-serif;
    }

    /* line 358, ../_scss/style.scss */
    footer#site-footer .meta-area ul.snslist li.facebook {
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 8px;
    }

    /* line 361, ../_scss/style.scss */
    footer#site-footer .meta-area ul.snslist li.facebook:after {
        display: none;
    }

    /* line 366, ../_scss/style.scss */
    footer#site-footer nav.sitemap {
        padding-top: 60px;
    }

    /* line 370, ../_scss/style.scss */
    footer#site-footer nav.sitemap ul.main li {
        font-size: 1.6rem;
        padding-right: 21px;
        margin-right: 21px;
        line-height: 1;
    }

    /* line 373, ../_scss/style.scss */
    footer#site-footer nav.sitemap ul.main li:after {
        margin-top: -9px;
        height: 18px;
    }

    /* line 376, ../_scss/style.scss */
    footer#site-footer nav.sitemap ul.sub {
        margin-top: 12px;
    }

    /* line 378, ../_scss/style.scss */
    footer#site-footer nav.sitemap ul.sub li {
        padding-right: 12px;
        margin-right: 12px;
    }
}

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

    /* line 389, ../_scss/style.scss */
    footer#site-footer #site-footer-inner {
        padding-bottom: 65px;
    }

    /* line 391, ../_scss/style.scss */
    footer#site-footer .meta-area .contact {
        font-size: 1.5rem;
    }

    /* line 393, ../_scss/style.scss */
    footer#site-footer .meta-area .contact .tel {
        display: inline-block;
        margin-bottom: 0;
    }

    /* line 395, ../_scss/style.scss */
    footer#site-footer .meta-area .contact .tel:after {
        display: inline-block;
    }

    /* line 399, ../_scss/style.scss */
    footer#site-footer .meta-area ul.snslist li {
        display: inline-block;
    }

    /* line 401, ../_scss/style.scss */
    footer#site-footer .meta-area ul.snslist li.facebook {
        padding-right: 14px;
        margin-right: 12px;
        margin-bottom: 0;
    }

    /* line 404, ../_scss/style.scss */
    footer#site-footer .meta-area ul.snslist li.facebook:after {
        display: block;
    }

    /* line 409, ../_scss/style.scss */
    footer#site-footer nav.sitemap {
        position: relative;
        right: auto;
        top: auto;
        padding-top: 0;
        text-align: left;
        width: 100%;
        float: left;
        margin-bottom: 40px;
    }

    /* line 416, ../_scss/style.scss */
    footer#site-footer nav.sitemap ul.main li {
        font-size: 1.7rem;
        padding-right: 23px;
        margin-right: 23px;
    }

    /* line 419, ../_scss/style.scss */
    footer#site-footer nav.sitemap ul.main li:after {
        margin-top: -10px;
        height: 20px;
    }

    footer#site-footer nav.sitemap ul.sub li {
        padding-right: 15px;
        margin-right: 15px;
    }
}

/* @media screen and (max-width: 667px) { */
@media screen and (max-width: 812px) {

    footer#site-footer {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    footer#site-footer #site-footer-inner {
        padding-bottom: 50px;
    }

    footer#site-footer .logo-area {
        width: 100%;
        flex-direction: column;
    }

    footer#site-footer .logo-area .sitelogo._full {
        margin-left: auto;
        margin-right: auto;
        width: 250px;
        height: 110px;
    }

    footer#site-footer .logo-area .sitelogo._full:hover {
        cursor: pointer;
    }

    footer#site-footer .meta-area {
        width: 100%;
        text-align: center;
    }

    footer#site-footer .meta-area .address {
        font-size: 1.5rem;
        padding: 10px;
        margin-top: 0;
    }

    footer#site-footer .logo-area .address {
        margin-top: 0;
    }

    footer#site-footer .logo-area .phone {
        margin-top: 0;
    }

    footer#site-footer .logo-area .googlemap {
        margin-top: 0;
    }

    footer#site-footer nav.sitemap {
        /* display: none; */
        /*
          position: relative; right: auto; top: auto;
          text-align: left;
          width: 100%; float: none; margin-bottom: 50px;
          padding-top: 60px;
          ul {
            &.main {
              li {
                font-size: 1.5rem;
                padding-right: 12px; margin-right: 12px;
                &:after {margin-top: -8px; height: 16px;}
              }
            }
            &.sub {
              font-size: 1.3rem; letter-spacing: .02em;
              li {padding-right: 10px; margin-right: 10px;}
            }
          }
    */
        padding: 2em;
    }

    /* line 465, ../_scss/style.scss */
    footer#site-footer #copyright {
        width: 100%;
        text-align: center;
    }
}

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

    footer#site-footer .logo-area .sitelogo._full {
        margin-left: auto;
        margin-right: auto;
        width: 160px;
        height: 80px;
    }
}


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



    footer#site-footer nav.sitemap ul.main {
        display: flex;
        border-bottom: none;
        /* flex-direction: row; */
        flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 1em;
    }

    /* line 416, ../_scss/style.scss */
    footer#site-footer nav.sitemap ul.main li {
        font-size: 1.7rem;
        padding-right: 0;
        margin-right: 0;
        width: 46%;
        font-size: 0.8rem !important;
        background: #555;
        text-align: center;
    }




    footer#site-footer nav.sitemap ul.sub {
        margin-top: 18px;
    }
}



/* ------------------------------------------
フェードインアニメーション
--------------------------------------------*/
.fadeIn {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
    -webkit-transform: translatey(50px);
    transform: translatey(50px);
}

.fadeIn.animated {
    opacity: 1;
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
}




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

header
   --------------------------------------------------------------------------------------------------- */

#headline {
    margin: 0 12px;
    height: 20.5vw;
    max-height: 300px;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

#headline:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #000;
    opacity: 0.195;
    z-index: 0;
}

#headline .inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: inline-block;
    color: #FBF9F7;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
    margin: 15px 0 0;
}

#headline .en {
    font-size: 42px;
    /* font-family: 'Inter', sans-serif; */
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.125em;
    text-transform: uppercase;
}

#headline .jp {
    margin-top: 14px;
    font-size: 15px;
    font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1.9;
}

#headline .jp .narrow {
    letter-spacing: 0.14em
}

#headline .jp .two-lines {
    font-size: 95%;
}

#headline .jp .two-lines .line {
    display: block;
}

#headline .jp .two-lines .line.line-1 {
    letter-spacing: 0.12em;
}


#headline.subpage {
    height: 30vw
}

@media only screen and (max-width: 960px) {
    #headline {
        margin: 0 10px;
        height: 45vw;
        max-height: 500px;
        min-height: 300px;
    }

    #headline .inner {
        margin: 0;
    }

    #headline .en {
        font-size: 40px;
        letter-spacing: 0.125em;
    }

    #headline .jp {
        margin-top: 16px;
        font-size: 14px;
        letter-spacing: 0.2em;
    }

    #headline .jp .narrow {
        letter-spacing: 0.12em
    }

    #headline.subpage {
        height: 32.5vw;
        min-height: 240px;
    }
}

@media only screen and (max-width: 738px) {
    #headline {
        margin: 0 10px;
        height: 45vw;
        max-height: 500px;
        min-height: 300px;
    }

    #headline .en {
        font-size: 35px;
    }

    #headline .jp {
        margin-top: 15px;
    }

    #headline.subpage {
        height: 33.5vw;
        min-height: 250px;
    }
}

@media only screen and (max-width: 640px) {
    #headline {
        margin: 0 10px;
        height: 42.5vw;
        min-height: 200px;
    }

    #headline .en {
        font-size: 28px;
    }

    #headline .jp {
        margin-top: 12px;
        font-size: 12px;
        letter-spacing: 0.15em;
    }

    #headline .jp .narrow {
        letter-spacing: 0.1em
    }

    #headline.subpage {
        height: 35vw;
        min-height: 220px;
    }
}

@media only screen and (max-width: 440px) {
    #headline {
        min-height: 180px;
        margin: 0;
    }

    #headline.subpage {
        min-height: 200px;
    }

    #headline .en {
        font-size: 26px;
    }

    #headline .jp {
        letter-spacing: 0.1em;
    }

    #headline .jp.narrow {
        letter-spacing: 0.06em
    }

    #headline .jp .two-lines .line.line-1 {
        letter-spacing: 0.08em;
    }

    #headline .jp .two-lines .line.line-2 {}
}

/* 
----------------------------------------------------------
#headline
----------------------------------------------------------*/

/* Plans */
#headline.about_us {
    background-image: url(../img/headline/header_about.webp);
    background-position: bottom center;
}

#headline.concept {
    background-image: url(../img/headline/header_content.webp);
    background-position: center center;
}

#headline.privacy {
    background-image: url(../img/headline/header_privacy.webp);
    background-position: center center;
}



#headline.news {
    background-image: url(../img/headline//header_news.webp);
    background-position: center center;
}

#headline.item {
    background-image: url(../img/headline/header_content.webp);
    background-position: center center;
}

#headline.necklace {
    background-image: url(../img/headline/header_necklace.webp);
    background-position: center center;
}

#headline.earrings {
    background-image: url(../img/headline/header_earrings.webp);
    background-position: center center;
}

#headline.bracelet {
    background-image: url(../img/headline/header_bracelet.webp);
    background-position: center center;
}

#headline.ring {
    background-image: url(../img/headline/header_ring.webp);
    background-position: center center;
}

#headline.earcuff {
    background-image: url(../img/headline/header_earcuff.webp);
    background-position: center center;
}

#headline.other {
    background-image: url(../img/headline/header_other.webp);
    background-position: center bottom;
}

#headline.recommend {
    background-image: url(../img/headline/header_recommend.webp);
    background-position: center center;
}

#headline.contact {
    background-image: url(../img/headline/header_contact.webp);
    background-position: center center;
}



#w_about {
    padding: 50px 6.5% 100px;
    /* position: relative; */
    z-index: 1;
    text-align: center;
}

@media only screen and (max-width: 440px) {
    #w_about {
        padding: 30px .5% 0px;
        /* position: relative; */
        z-index: 1;
        text-align: center;
    }
}



/* --- .nameArea --- */
#w_about .nameArea {
    margin: 80px 0 0;
    background: #FBF9F7;
    border: 1px solid #eeebe7;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#w_about .nameArea .con_txt {
    width: 90%;
    /* max-width: 80%; */
    margin: 5em auto 3em;
    background: #fff;
    padding: 2em;
    border-radius: 0.5em;
}

#w_about .nameArea .con_txt h3 {
    font-size: 20px;
    margin-bottom: 2em;
}



#w_about .nameArea .con_txt p {
    font-size: 16px;
}


@media only screen and (max-width: 600px) {
    #w_about .nameArea .con_txt {
        width: 90%;
        margin: 1em auto 3em;
        background: #fff;
        padding: 2em 1em;
        border-radius: 0.5em;
    }

    #w_about .nameArea .con_txt h3 {
        font-size: 20px;
        margin-bottom: 2em;
    }

    #w_about .nameArea .con_txt p {
        font-size: 14px;
    }

}




/* --- .inner --- */
#w_about .nameArea .inner {
    padding: 65px 3.5% 75px;
    /* position: relative; */
    z-index: 0;
    display: flex;
    gap: 2em;
}

/* .imgArea */
#w_about .nameArea .imgArea {
    /*float:left;*/
    /* position: absolute; */
    /* top: 50%; */
    /* left: 6.5%; */
    width: 35%;
    /* max-width: 300px; */
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#w_about .nameArea .imgArea:before {
    position: absolute;
    top: 10px;
    right: 20px;
    left: 20px;
    bottom: 10px;
    content: "";
    /* border-top: #eeebe7 1px solid; */
    /* border-bottom: #eeebe7 1px solid; */
    z-index: 2;
}

#w_about .nameArea .imgArea:after {
    position: absolute;
    top: 20px;
    right: 10px;
    left: 10px;
    bottom: 20px;
    content: "";
    /* border-right: #eeebe7 1px solid; */
    /* border-left: #eeebe7 1px solid; */
    z-index: 2;
}


#w_about .nameArea .imgArea h4 {
    font-size: 2.5em;
    line-height: 1.8;
    font-family: 'Playfair Display', YuMincho, "ProN W3", "Hiragino Mincho ProN", Verdana, serif;
    text-align: center;
}

#w_about .nameArea .imgArea h4 span {
    display: block;
    font-size: 2rem;
}

#w_about .nameArea .imgArea img {
    width: 50%;
    margin: 25%;
    height: auto;
}

/* .txtArea */
#w_about .nameArea .txtArea {
    float: right;
    width: 65.5%;
    text-align: left;
}

#w_about .nameArea .txtArea .txtBox {
    margin: 0 auto;
    /* max-width: 570px; */
}

#w_about .nameArea .txtArea h4 {
    margin: 0 0 30px;
    font-size: 55px;
    font-family: scotch-display, sans-serif;
    font-weight: 300;
    letter-spacing: 0.015em;
    position: relative;
    z-index: 0;
    line-height: 1.5;
    text-align: center;
}

#w_about .nameArea .txtArea h4 b {
    display: block;
    font-size: 15px;
    font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 400;
    vertical-align: 0;
}

#w_about .nameArea .txtArea p {
    font-size: 14px;
    line-height: 2.4;
}

#w_about .nameArea .sign {
    margin-top: 30px;
    width: 100%;
    height: 65px;
    background: url(../images/about/sign.png) center right no-repeat;
    display: none
}

#w_about .nameArea .imgArea_sp {
    display: none;
}

@media only screen and (max-width: 1024px) {
    #w_about .nameArea .txtArea p {
        font-size: 13px;
        line-height: 2.2;
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 960px) {
    #w_about .nameArea {
        margin: 70px 0 0;
    }

    #w_about .nameArea .inner {
        padding: 60px 6%;
    }

    #w_about .nameArea .imgArea {
        width: 27.5%;
    }

    #w_about .nameArea .imgArea:before {
        top: 5px;
        right: 15px;
        left: 15px;
        bottom: 5px;
    }

    #w_about .nameArea .imgArea:after {
        top: 15px;
        right: 5px;
        left: 5px;
        bottom: 15px;
    }

    #w_about .nameArea .txtArea {
        width: 60%;
    }

    #w_about .nameArea .txtArea h4 {
        margin: 0 0 30px;
        font-size: 40px;
        letter-spacing: 0.01em;
    }

    #w_about .nameArea .txtArea h4 b {
        font-size: 15px;
    }

    #w_about .nameArea .sign {
        margin-top: 25px;
        width: 100%;
        height: 58px;
        background-size: 150px 58px;
    }
}

@media only screen and (max-width: 738px) {
    #w_about .nameArea {
        margin: 60px 0 0;
    }

    #w_about .nameArea .inner {
        padding: 50px 6.5%;
        display: flex;
        flex-direction: column;
    }

    /* .imgArea */
    #w_about .nameArea .imgArea {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-width: 300px;
        /* min-width: 250px; */
        margin: 0 auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    #w_about .nameArea .imgArea:before {
        top: 5px;
        right: 15px;
        left: 15px;
        bottom: 5px;
    }

    #w_about .nameArea .imgArea:after {
        top: 15px;
        right: 5px;
        left: 5px;
        bottom: 15px;
    }

    #w_about .nameArea .txtArea {
        /* float: none; */
        width: 100%;
        margin-top: 20px;
    }

    #w_about .nameArea .txtArea .txtBox {
        max-width: 1000px;
        padding: 0 1.5%;
    }

    #w_about .nameArea .txtArea h4 {
        margin: 0 0 25px;
        font-size: 32px;
    }

    #w_about .nameArea .txtArea h4 b {
        font-size: 14px;
    }

    #w_about .nameArea .txtArea p {
        font-size: 14px;
        line-height: 2;
    }
}

@media only screen and (max-width: 640px) {
    #w_about .nameArea .txtArea h4 {
        margin: 0 0 20px;
        font-size: 32px;
    }

    #w_about .nameArea .txtArea p {
        font-size: 13px;
        line-height: 2;
    }
}

@media only screen and (max-width: 440px) {
    #w_about .nameArea {
        margin: 0 0 0;
    }

    #w_about .nameArea .inner {
        padding: 0px 6.5%;
        display: flex;
        flex-direction: column;
    }

    #w_about .nameArea .imgArea img {
        width: 50%;
        margin: 10% 25% 0;
    }

    #w_about .nameArea .imgArea h4 span {
        font-size: 1.2rem;
        text-align: center
    }


}



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


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

.block_about_award {
    padding: 110px 0 100px;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.block_about_award:before {
    position: absolute;
    top: 0;
    right: 10%;
    left: 0;
    bottom: 0;
    content: "";
    z-index: -2;
    background: #f0eae1;
    border-radius: 0 0 180px 0;
    -webkit-border-radius: 0 0 180px 0;
}

.block_about_award:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 25%;
    bottom: 0;
    content: "";
    z-index: -1;
    background: #efe5d5;
    border-radius: 180px 0 180px 0;
    -webkit-border-radius: 180px 0 180px 0;
}

/* .linkArea */
.block_about_award .linkArea {
    margin: 50px 0 0;
    text-align: center;
}

@media only screen and (max-width:960px) {
    .block_about_award {
        padding: 100px 0;
    }

    .block_about_award:before {
        left: 0;
        right: 0%;
        border-radius: 20vw 0 0 0;
        ;
        -webkit-border-radius: 20vw 0 0 0;
    }

    .block_about_award:after {
        left: 0;
        right: 25%;
        border-radius: 20vw 0 20vw 0;
        -webkit-border-radius: 20vw 0 20vw 0
    }

    .block_about_award .linkArea {
        margin: 35px 0 0;
        text-align: center;
    }
}

@media only screen and (max-width:640px) {
    .block_about_award {
        padding: 70px 0;
    }

    .block_about_award .linkArea {
        margin: 35px 0 0;
        text-align: center;
    }
}

/* .epSlider_award */
.epSlider_award {
    margin: 60px -5.5vw 0 0;
    padding: 0;
    position: relative;
    z-index: 0;
    list-style: none;
}

.epSlider_award .slick-track {
    display: flex !important;
}

.epSlider_award .slick-slide {
    height: inherit !important;
}

.epSlider_award .slick-list {
    padding: 0 6.5%;
}

.epSlider_award .slide {
    margin: 0 5.5vw 0 0;
    position: relative;
    z-index: 1;
    outline: none;
}

.epSlider_award .slide .img_area img {
    height: 27.5vw;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.epSlider_award .slide .t_caption {
    margin: 15px 0 0;
    font-size: 13px;
    line-height: 1.7;
}

/* --- arrows --- */
.epSlider_award .slick-prev,
.epSlider_award .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -40px;
    display: block;
    width: 25px;
    height: 25px;
    padding: 0;
    margin-top: -12px;
    cursor: pointer;
    color: #fafafa;
    border: none;
    outline: none;
    background: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 2;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.epSlider_award .slick-prev:before,
.epSlider_award .slick-next:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: 'themify';
    font-size: 0;
    line-height: 1;
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.epSlider_award .slick-prev {
    right: 5.5vw;
    margin-right: 10.5%;
}

.epSlider_award .slick-prev:before {
    background: url("../images/arrow_left.png") center center no-repeat;
    background-size: cover;
}

.epSlider_award .slick-next {
    right: 5.5vw;
    margin-right: 6.5%;
}

.epSlider_award .slick-next:before {
    background: url("../images/arrow_right.png") center center no-repeat;
    background-size: cover;
}

.epSlider_award .slick-prev.slick-disabled,
.epSlider_award .slick-next.slick-disabled {
    opacity: .25;
    cursor: default
}

@media only screen and (max-width:960px) {
    .epSlider_award {
        margin: 60px 0 0;
        padding: 0;
        position: relative;
        z-index: 0;
        list-style: none;
    }

    .epSlider_award .slick-track {
        display: flex !important;
    }

    .epSlider_award .slick-slide {
        height: inherit !important;
    }

    .epSlider_award .slick-list {
        padding: 0 5%;
    }

    .epSlider_award .slide {
        margin: 0 5vw 0 0;
    }

    .epSlider_award .slide .img_area img {
        height: 55vw;
    }

    .epSlider_award .slide .t_caption {
        margin: 12px 0 0;
    }

    .epSlider_award .slick-prev,
    .epSlider_award .slick-next {
        top: -55px;
        width: 24px;
        height: 24px;
        margin-top: 0px;
    }

    .epSlider_award .slick-prev {
        right: auto;
        left: 5%;
        margin-right: 0;
    }

    .epSlider_award .slick-next {
        right: 5%;
        margin-right: 0;
    }
}

@media only screen and (max-width:738px) {
    .epSlider_award {
        margin: 50px 0 0 0;
        padding: 0;
        position: relative;
        z-index: 0;
        list-style: none;
    }

    .epSlider_award .slick-track {
        display: flex !important;
    }

    .epSlider_award .slick-slide {
        height: inherit !important;
    }

    .epSlider_award .slick-list {
        padding: 0 4.5% 0 3.5%;
    }

    .epSlider_award .slide {
        margin: 0 3.5vw 0 0;
        position: relative;
        z-index: 1;
        outline: none;
    }

    .epSlider_award .slide .t_caption {
        margin: 12px 0 0;
        padding: 0 15px 0 0;
        font-size: 13px;
        line-height: 1.7;
    }

    .epSlider_award .slick-prev,
    .epSlider_award .slick-next {
        top: -35px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }

    .epSlider_award .slick-prev {
        left: 4.5%;
    }

    .epSlider_award .slick-next {
        right: 4.5%;
    }
}



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

　#w_other_link
    リンクバナー

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

#w_other_link {
    padding: 100px 6.5%;
    /* position: relative; */
    /* z-index: 1; */
}

#w_other_link.bg_color {
    background: #F1ECE7;
}

@media only screen and (max-width: 960px) {
    #w_other_link {
        padding: 100px 5%;
    }
}

@media only screen and (max-width: 640px) {
    #w_other_link {
        padding: 70px 3.5%;
    }
}

@media only screen and (max-width: 440px) {
    #w_other_link {
        padding: 50px 3.5% 0;
    }
}


.internal-link-items {
    font-size: 0;
    margin: -50px -2.5% 0;
    text-align: center;
    display: flex;
}

.internal-link-items .item {
    display: inline-block;
    margin: 50px 2.5% 0;
    width: 45%;
    position: relative;
    z-index: 1;
    /*background: #FBF9F7; border: #ede4da 1px solid;*/
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.internal-link-items .item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #111;
    opacity: 0.35;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Image */
.internal-link-items .item .imgArea {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-size: cover;
    background-position: center;
}

.internal-link-items .item .imgArea:before {
    content: '';
    display: block;
    padding-bottom: 50%;
    position: relative;
}

/* Custom layout -------------------------*/
.internal-link-items .item .imgArea.gallery {
    background-position: center bottom 0%;
}

.internal-link-items .item .imgArea.awards {
    background-position: right bottom 5%;
    background-size: 145% auto;
}

.internal-link-items .item .imgArea.company {
    background-size: 130% auto;
}

.internal-link-items .item .imgArea.about_us {
    background-position: center bottom 0%;
}

/* Text */
.internal-link-items .item .txtArea {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 300px;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    z-index: 3;
    color: #faf7f3;
}

/* h3 */
.internal-link-items .item .txtArea .en {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
}

.internal-link-items .item .txtArea .ja {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .15em;
    line-height: 1;
    margin-top: 10px;
}

/* Arrow  */
.internal-link-items .item .arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40px;
    text-align: center;
    height: 40px;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.internal-link-items .item .arrow i {
    font-size: 12px;
    line-height: 40px;
}

.internal-link-items .item .arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #F9F5F0;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-family: 'Font Awesome 6 pro';
    content: "\f061";
}


.internal-link-items .item .arrow:before {
    font-family: 'Font Awesome 6 pro';
    content: "\f061";
    font-size: 15px;
    line-height: 2.5;
}


/* Animation  */
.internal-link-items .item:before,
.internal-link-items .item .imgArea,
.internal-link-items .item .arrow,
.internal-link-items .item .arrow:after {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#w_other_link .linkArea {
    margin: 40px 0 0;
}


@media only screen and (max-width: 1024px) {
    .internal-link-items .item .txtArea .en {
        font-size: 20px;
    }
}

@media only screen and (min-width: 961px) {
    .internal-link-items .item:hover .imgArea {
        opacity: .7;
        -webkit-transform: scale(0.985, 0.985);
        transform: scale(0.985, 0.985);
    }

    .internal-link-items .item:hover:before {
        -webkit-transform: scale(0.985, 0.985);
        transform: scale(0.985, 0.985);
    }

    .internal-link-items .item:hover .arrow {
        color: #B78161
    }
}

@media only screen and (max-width: 960px) {
    .internal-link-items {
        margin: -35px -2% 0;
    }

    .internal-link-items .item {
        margin: 35px 2% 0;
        width: 46%;
    }

    .internal-link-items .item .txtArea .en {
        font-size: 18px;
    }

    .internal-link-items .item .txtArea .ja {
        font-size: 13px;
        font-weight: 500;
        letter-spacing: .15em;
        line-height: 1;
        margin-top: 10px;
    }

    .internal-link-items .item .arrow {
        right: 15px;
        width: 35px;
        height: 35px;
    }

    .internal-link-items .item .arrow i {
        font-size: 12px;
        line-height: 35px;
    }

    #w_other_link .linkArea {
        margin: 35px 0 0;
    }
}

@media only screen and (max-width: 640px) {
    .internal-link-items {
        margin: -25px 0 0;
        display: flex;
        flex-direction: column;
    }

    .internal-link-items .item {
        display: block;
        margin: 25px 0 0;
        width: 100%;
    }

    .internal-link-items .item .txtArea .en {
        font-size: 18px;
    }

    .internal-link-items .item .txtArea .ja {
        font-size: 12px;
        margin: 8px 0 0;
    }

    .internal-link-items .item .arrow {
        right: 15px;
        width: 30px;
        height: 30px;
    }

    .internal-link-items .item .arrow i {
        font-size: 10px;
        line-height: 30px;
    }

    #w_other_link .linkArea {
        margin: 30px 0 0;
    }
}


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

   #inline_policy

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

#inline_policy {
    /* overflow: auto; */
    /* background: #fbf9f8; */
    padding: 45px 7.5%;
    /* width: 920px; */
    /* max-width: 100%; */
    /* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
    /* -webkit-border-radius: 10px; */
    /* border-radius: 10px; */
    /* overflow: scroll; */
}

#inline_policy h2 {
    margin: 0 0 15px;
    font-size: 18px;
    font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 500;
    text-align: center;
    letter-spacing: .1em;
    line-height: 1.9;
}


.policyBox {
    padding-top: 30px;
    margin-top: 30px;
    border-top: #ddceb7 1px dotted;
}

.policyBox:last-child {
    margin-bottom: 25px;
    padding-bottom: 30px;
    border-bottom: #ddceb7 1px dotted;
}

.policyBox h3 {
    margin: 0 0 5px;
    font-size: 14px;
    font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 500;
    letter-spacing: .075em;
    line-height: 1.8;
}

/* p */
.policyBox p {
    margin-top: 3px;
    line-height: 1.8;
}

/* ul.circle */
.policyBox ul.circle {
    margin: 10px 0 0 4em;
    padding: 0;
    list-style: circle;
    padding-left: 1em;
    text-align: left;
}

.policyBox ul.circle li {
    margin-top: 3px;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.8;
}

/* ul.no */
.policyBox ul.no {
    margin: 0;
    padding: 0;
    padding-left: 0.5em;
    list-style: none;
    text-align: left;
    counter-reset: item;
}

.policyBox ul.no li {
    margin-top: 3px;
    padding-left: 3em;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.8;
    position: relative;
}

.policyBox ul.no li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "(" counters(item, "-")")";
    counter-increment: item;
}


@media only screen and (max-width: 960px) {
    #inline_policy {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 40px 5%;
    }

    #inline_policy h2 {
        margin: 0 0 15px;
        font-size: 16px;
    }

    /* ul.circle */
    .policyBox ul.circle li {
        font-size: 13px;
    }

    /* ul.no */
    .policyBox ul.no li {
        font-size: 13px;
    }
}

@media only screen and (max-width:640px) {
    #inline_policy {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 35px 5%;
        margin: 0 auto;
    }

    #inline_policy h2 {
        margin: 0 0 10px;
        font-size: 15px;
    }

    .policyBox {
        padding-top: 20px;
        margin-top: 20px;
    }

    .policyBox:last-child {
        margin-bottom: 15px;
        padding-bottom: 20px;
    }

    .policyBox h3 {
        margin: 0 0 5px;
        font-size: 13px;
    }

    .policyBox p {
        font-size: 12px;
    }

    .policyBox ul.circle li {
        font-size: 12px;
    }

    .policyBox ul.no li {
        font-size: 12px;
    }
}



.sec_area {
    margin-bottom: 100px;
    /* position: relative; */
    /* top: 100px; */
    background: #fff;
    padding: 60px;
    border-radius: 0.2em;
    position: relative;
    max-width: 1100px;
    margin: 0 auto 60px;
    border: 1px solid #ddd;
}

.sec_area h2 {
    margin-bottom: 20px
}

.sec_area img.img_setA {
    width: 150px;
    position: absolute;
    top: -30px;
    right: 50px;
}

.sec_area img.img_setB {
    width: 150px;
    position: absolute;
    top: -30px;
    right: 50px;
}

.sec_area img.img_setC {
    width: 250px;
    position: absolute;
    top: -45px;
    right: 50px;
}

.sec_area img.img_setD {
    width: 250px;
    position: absolute;
    top: -45px;
    right: 50px;
}

.sec_area .back_logo {
    background: url("../company/img/about_logo.png");
    background-size: 300px;
    width: 300px;
    height: 300px;
    position: absolute;
    right: 50px;
    opacity: 0.3;
}




@media all and (max-width: 900px) {

    .sec_area img.img_setC {
        width: 200px;
        position: absolute;
        top: -45px;
        right: 20px;
    }

    .sec_area img.img_setD {
        width: 200px;
        position: absolute;
        top: -45px;
        right: 20px;
    }


    .sec_area .back_logo {
        background-size: 200px;
        width: 200px;
        height: 200px;
        opacity: 0.3;
        top: 50px;
    }

}


@media all and (max-width: 900px) {
    .sec_area {
        padding: 0px;
        margin-bottom: 0
    }

}


.fadein {
    opacity: 0;
    transform: translateY(30px);
    transition-property: transform, opacity;
    transition-duration: 1.5s;
    transition-delay: 0s;
}

.fadein.is-active {
    opacity: 1;
    transform: translateY(0);
}



.lity,
.lity-wrap {
    z-index: 9990;
    position: fixed;
    top: 0;
    outline: 0 !important
}

.lity-container,
.lity-wrap:before {
    vertical-align: middle;
    display: inline-block
}

.lity,
.lity-container,
.lity-wrap {
    outline: 0 !important
}

.lity-content:after,
.lity-wrap:before {
    content: ''
}

.lity,
.lity-content:after,
.lity-wrap {
    right: 0;
    bottom: 0;
    left: 0
}

.lity {
    white-space: nowrap;
    background: #f8f5f1;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.lity.lity-opened {
    opacity: 1;
    background: rgba(243, 240, 233, .9);
}

.lity.lity-closed {
    opacity: 0;
    background: rgba(243, 240, 233, .9);
}

.lity * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lity-wrap {
    text-align: center
}

.lity-wrap:before {
    height: 100%;
    margin-right: -.25em
}

.lity-loader {
    z-index: 9991;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.8em;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.lity-loading .lity-loader {
    opacity: 1
}

.lity-container {
    z-index: 9992;
    position: relative;
    text-align: left;
    white-space: normal;
    max-width: 100%;
    max-width: 90%;
    max-width: 93%;
    max-height: 100%
}

.lity-content {
    z-index: 9993;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease
}

.lity-closed .lity-content,
.lity-loading .lity-content {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

.lity-content:after {
    position: absolute;
    top: 0;
    display: block;
    width: auto;
    height: auto;
    z-index: -1;
    /*-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1)*/
}

.lity-close {
    z-index: 9994;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 10px;
    top: 10px;
    -webkit-appearance: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    font-size: 0;
    font-style: normal;
    border: 0;
    color: #404048;
    background: #f9f5f0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.lity-close:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-family: themify;
    content: "\e646";
    font-size: 18px;
    text-indent: 0;
    z-index: 1;
    margin: auto;
}

.lity-close::-moz-focus-inner {
    border: 0;
    padding: 0
}

.lity-image img {
    max-width: 100%;
    display: block;
    line-height: 0;
    border: 0
}

.lity-iframe .lity-container {
    width: 100%;
    max-width: 964px
}

.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.lity-iframe-container iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.lity-hide {
    display: none
}

#inline {
    overflow: auto;
    background: #F9F5F0;
    padding: 50px 7.5%;
    width: 1200px;
    max-width: 100%
}

.profileLeft {
    float: left;
    width: 35%
}

.profileRight {
    float: right;
    width: 60%
}

@media only screen and (max-width: 738px) {
    #inline {
        padding: 40px 5%;
    }

    .lity-container {
        max-width: 100%;
    }

}



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

   .galleryArea

   ----------------------------------------------------------- */
#header .navArea ul.navi a.p_work:before {
    background: #ddd;
}

#header .navArea ul.navi a.p_work:hover:before {
    background: transparent;
}




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

   #w_gallery_list

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

#w_gallery_list {
    padding: 30px 5%;
    position: relative;
    z-index: 1;
}


@media only screen and (max-width: 800px) {
    #w_gallery_list {
        padding: 80px 5%;
    }
}

@media only screen and (max-width: 738px) {
    #w_gallery_list {
        padding: 70px 5%;
    }
}

@media only screen and (max-width: 414px) {
    #w_gallery_list {
        padding: 0px 5%;

    }

}


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

   #w_gallery_list2

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

#w_gallery_list2 {
    padding: 50px 5%;
    position: relative;
    z-index: 1;
}


@media only screen and (max-width: 800px) {
    #w_gallery_list2 {
        padding: 80px 5%;
    }
}

@media only screen and (max-width: 738px) {
    #w_gallery_list2 {
        padding: 70px 5%;
    }
}

@media only screen and (max-width: 414px) {
    #w_gallery_list2 {
        padding: 60px 5%;
    }
}



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

   #headline_sub

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

#headline_sub {
    margin: 0 5% 0;
    height: 90px;
    position: relative;
    z-index: 1;
    max-width: 1400px;
    background: #fefefe;
    margin: 50px auto 0;
    border-bottom: 1px solid #eee;
}

#headline_sub:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    /* background: #fff; */
    opacity: 0.2;
    z-index: 2;
}

#headline_sub:before {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    content: "";
    border: #fefefe 1px dotted;
    /* border-bottom:none; */
    z-index: 3;
    opacity: 0.4;
    /* margin: 1%; */
}

#headline_sub .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    max-width: 100%;
    display: inline-block;
    color: #000;
    text-align: left;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4;
}

#headline_sub h2.en {
    font-size: 30px;
    font-family: 'Catamaran', sans-serif;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 5px;
    position: relative;
    z-index: 3;
}

#headline_sub h2.jp {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 1;
    margin-top: 20px;
    position: relative;
    z-index: 3;
    font-family: 'Playfair Display', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
}

@media only screen and (max-width: 1024px) {
    #headline_sub {
        /* height:350px; */
    }
}

@media only screen and (max-width: 800px) {
    #headline_sub {
        height: 150px;
    }

    #headline_sub h2.en {
        font-size: 35px;
        letter-spacing: 4px;
        position: relative;
        z-index: 3;
    }

    #headline_sub h2.jp {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 4px;
        line-height: 1;
        margin-top: 15px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 738px) {
    #headline_sub {
        margin: 0;
        height: 250px;
    }

    #headline_sub:before {
        top: 10px;
        left: 10px;
        right: 10px;
        display: none;
    }

    #headline_sub:after {
        opacity: 0.3;
    }

    #headline_sub h2.en {
        font-size: 30px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
    }
}

@media only screen and (max-width: 414px) {
    #headline_sub {
        height: 50px;
        margin-top: 20px;
    }

    #headline_sub h2.en {
        font-size: 18px;
        letter-spacing: 3px;
        position: relative;
        z-index: 3;
        color: #01696c;
    }

    #headline_sub h2.jp {
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 3px;
        line-height: 1;
        margin-top: 10px;
        position: relative;
        z-index: 3;
    }
}


#komichi_Area {
    width: 100%;
    padding: 2% 5%;
    border-bottom: 1px dashed #ddd;
    overflow: auto;
}

#komichi_Area .txt_box {
    width: 40%;
    float: left;
    padding: 10px;
}

#komichi_Area .txt_box p {
    font-size: 18px;
    line-height: 1.5;
}

#komichi_Area .img_box {
    width: 50%;
    float: left;

}

#komichi_Area .img_box img {
    width: 100%;
    max-width: 150px;

}


@media only screen and (max-width: 414px) {
    #komichi_Area .txt_box {
        width: 100%;
        float: left;
        padding: 10px;
    }

    #komichi_Area .txt_box p {
        font-size: 16px;
        line-height: 1.5;
    }

    #komichi_Area .img_box {
        width: 100%;
        float: left;
    }

    #komichi_Area .img_box img {
        width: 90%;
        max-width: 150px;
    }

    #komichi_Area .img_box img {
        max-width: 414px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}



.txt_box_cf {
    clear: both;
}




#takashi_Area {
    width: 100%;
    padding: 2% 5%;
    border-bottom: 1px dashed #ddd;
    overflow: auto;
}

#takashi_Area .txt_box {
    width: 70%;
    float: left;
    padding: 10px;
}

#takashi_Area .txt_box p {
    font-size: 18px;
    line-height: 1.5;
}

#takashi_Area .img_box {
    width: 30%;
    float: left;

}

#takashi_Area .img_box img {
    width: 100%;
    max-width: 280px;
}

@media only screen and (max-width: 414px) {
    #takashi_Area .txt_box {
        width: 100%;
        padding: 10px;
    }

    #takashi_Area .txt_box p {
        font-size: 16px;
        line-height: 1.5;
    }

    #takashi_Area .img_box {
        width: 100%;
    }

    #takashi_Area .img_box img {
        width: 100%;
        max-width: 414px;
    }
}


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

   #galleryNavi

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

#galleryNavi {
    color: #111;
    position: relative;
    z-index: 1;
}

#galleryNavi ul {
    list-style: none;
    font-size: 0;
    text-align: center;
    /* border: #ddd 1px solid; */
    width: 100%;
    margin: 0 auto;
}

#galleryNavi li {
    display: inline-block;
    width: 32%;
    padding: 1%;
    position: relative;
    z-index: 1;
    /* border: 1px; */
}

#galleryNavi li:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    content: "";
    /* border-right: #ddd 1px dotted; */
    z-index: 2;
}

#galleryNavi li:last-child:after {
    display: none;
}

#galleryNavi li a {
    display: block;
    font-size: 14px;
    /* height: 50px; */
    position: relative;
    z-index: 1;
    border: 1px solid #eee;
    /* border-radius: 5px; */
}

#galleryNavi li a span.en {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    font-size: 14px;
    font-family: 'Catamaran', sans-serif;
    letter-spacing: 1.5px;
    font-weight: 600;
    line-height: 1;
}

#galleryNavi li a span.jp {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 1;
    line-height: 50px;
}

#galleryNavi li a:hover {
    color: #fff;
    background: #a4c2ce;
}

#galleryNavi li a.active {
    color: #fff;
    background: #a4c2ce;
    /* border-radius: 5px; */
    /* width: 100px; */
    /* height: 100px; */
}

/* 
#galleryNavi li a.active:before {position: absolute;top: 0;left: 20px;bottom: 0;font-size: 20px;font-family: 'themify';content: "\e64c";font-weight: normal;line-height: 50px;}
*/
#galleryNavi li a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    font-size: 10px;
    font-family: 'themify';
    content: "\e649";
    font-weight: normal;
    line-height: 50px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

#galleryNavi li a:hover:after {
    opacity: 1;
    -webkit-transform: translate(5px, 0px);
    -moz-transform: translate(5px, 0px);
    -o-transform: translate(5px, 0px);
    -ms-transform: translate(5px, 0px);
    transform: translate(5px, 0px);
}

#galleryNavi p {
    font-size: 22px;
    text-align: center;
    line-height: 1.0;
    font-weight: 600;
}

@media only screen and (max-width: 800px) {
    #galleryNavi li:last-child:after {
        display: none;
    }

    #galleryNavi li a:hover {
        color: #111;
        background: none;
    }

    #galleryNavi li a:hover {
        color: #7eccd6;
        background: #f0fafe;
    }

    #galleryNavi li a.active:before {
        left: 15px;
        font-size: 16px;
    }

    #galleryNavi li a:after {
        display: none;
    }
}

@media only screen and (max-width: 737px) {
    #galleryNavi li {
        width: 100%;
    }

    #galleryNavi li:last-child:after {
        display: none;
    }


}



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

   .controlArea

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

.controlArea fieldset {
    border: none;
}

.controlArea {
    font-size: 0;
    margin: 15px auto 0;
    text-align: center;
}

/* .controlBox */
.controlArea .controlBox {
    display: inline-block;
    margin: 35px auto 50px;
    width: 98%;
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 1200px;
}

.controlArea .controlBox label {
    display: block;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 15px;
    text-align: left;
    /* background: #7eccd6; */
    border-bottom: 1px solid #636363;
    padding: 10px;
}

.controlArea .controlBox button {
    display: inline-block;
    border: #ffffff 1px solid;
    background: #fefefe00;
    margin: -1px 0 0 -1px;
    width: 18%;
    font-size: 13px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 01%;
    color: #fff;
}

.controlArea .controlBox button.active {
    color: #cdd0d0;
    /* background: #a4c2ce; */
    font-weight: 600;
    font-size: 20px;
}

.controlArea .controlBox button:hover {
    color: #2a2a2a;
    background: #dfdfdf;
}

/* .areaBox */
.controlArea .areaBox {
    width: 76.666%;
}

.controlArea .areaBox button {
    width: auto;
    margin: 3px;
    padding: 0 15px;
    color: #111;
    background: #fefefe;
    border: #ddd 1px solid;
    font-size: 12px;
    line-height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.controlArea .areaBox button.active {
    border: #616161 1px solid;
}

/*clearBox*/
.controlArea .clearBox {
    width: 15.333%;
}

.controlArea .clearBox button {
    display: block;
    margin: -1px 0 0 -1px;
    width: 100%;
    color: #fefefe;
    background: #111;
    border: #111 1px solid;
}

.controlArea .clearBox button.active {
    border: #ddd 1px solid;
}

.controlArea .clearBox button:hover {
    border: #ddd 1px solid;
}

@media only screen and (max-width: 800px) {
    .controlArea .controlBox button {
        font-size: 12px;
    }

    .controlArea .controlBox button:hover {
        color: #111;
        background: none;
    }

    .controlArea .controlBox button.active:hover {
        color: #fefefe;
        background: #df313f;
    }

    .controlArea .areaBox button.active:hover {
        border: #7eccd6 1px solid;
    }
}

@media only screen and (max-width: 738px) {
    .controlArea .controlBox {
        margin: 35px 2% 0;
        width: 96%;
    }

    .controlArea .controlBox label {
        font-size: 12px;
        text-align: center;
        margin-bottom: 15px;
    }

    .controlArea .controlBox button {
        margin: -1px 0 0 -1px;
        font-size: 11px;
        letter-spacing: 0.5px;
        width: 50%;
    }

    .controlArea .areaBox button {
        width: auto;
        margin: 3px;
        padding: 0 10px;
        font-size: 11px;
        line-height: 30px;
    }

    .controlArea .clearBox button {
        display: block;
        margin: 3px auto;
        width: 200px;
        max-width: 100%;
        color: #fefefe;
        background: #111;
        border: #111 1px solid;
        line-height: 45px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
    }

    .controlArea .clearBox button.active {
        color: #fefefe;
        background: #111;
        border: #111 1px solid;
    }

    .controlArea .clearBox button:hover {
        color: #fefefe;
        background: #111;
        border: #111 1px solid;
    }
}

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

   .galleryArea

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

.galleryArea {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    displkay: flex;
}

.galleryArea {
    margin: 0 auto;
    font-size: 0;
    -webkit-backface-visibility: hidden;
    text-align: center;
    /*text-align:justify;*/
    text-align: left;
    line-height: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: space-evenly;
}

.galleryArea .mix,
.galleryArea .gap {
    display: inline-block;
    margin: 30px 0 60px;
    padding: 0;
    width: 31%;
}

#container .mix {
    /* display: none; */
}

/* --- .imgArea --- */
.galleryArea .imgArea {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #fefefe;
    border: #ededed 1px solid;
}

.galleryArea .imgArea:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: #fefefe;
    z-index: 5;
    opacity: 0;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.galleryArea .imgArea:hover:before {
    content: "";
    background:
        /* #e4f5fd; */
        opacity: 0.9;
}

.galleryArea .imgArea img {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.galleryArea .imgArea:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
}

/* span.plus */
.galleryArea .imgArea span.plus {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    z-index: 6;
    overflow: hidden;
    text-indent: -999px;
}

.galleryArea .imgArea span.plus:before {
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    margin-left: -25px;
    border-bottom: transparent 1px solid;
    width: 0px;
    height: 0;
    font-family: 'FontAwesome';
    content: "\f055";
}

/*.galleryArea .imgArea span.plus:before { position: absolute; top: 50%; left: 50%; margin-left: -25px; border-bottom: transparent 1px solid; width: 0px; height: 0; content: ""; }*/


.galleryArea .imgArea span.plus:after {
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    margin-top: -25px;
    /* border-right: transparent 1px solid; */
    height: 0;
    content: "";
}

.galleryArea .imgArea span.plus:before,
.galleryArea .imgArea span.plus:after {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.galleryArea .imgArea:hover span.plus:before {
    border-bottom: #fff 1px solid;
    width: 50px;
}

.galleryArea .imgArea:hover span.plus:after {
    border-right: #fff 1px solid;
    height: 50px;
}

/* --- .txtArea --- */
.galleryArea .txtArea {
    text-align: center;
}

.galleryArea .txtArea p.no {
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px auto 0;
    background: #fefefe;
    font-size: 14px;
    /*font-family: 'Catamaran', sans-serif;*/
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.galleryArea .txtArea p.no:after {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    content: "";
    border: #fefefe 1px solid;
    z-index: -1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.galleryArea h4 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.7;
    margin-top: -5px;
    position: relative;
    z-index: 4;
    margin-top: 5px;
}



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

    .galleryArea .mix,
    .galleryArea .gap {
        display: inline-block;
        margin: 60px 2% 0;
        width: 46%;
    }

    /* --- .imgArea --- */
    .galleryArea .imgArea {
        overflow: hidden;
        position: relative;
        z-index: 1;
        background: #fefefe;
        border: #ededed 1px solid;
    }

    .galleryArea .imgArea:before {
        display: none;
    }

    .galleryArea .imgArea:hover img {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .galleryArea .imgArea span.plus {
        display: none;
    }

    .galleryArea h4 {
        font-size: 13px;
    }
}

@media only screen and (max-width: 738px) {
    .galleryArea {
        margin: 10px -1.5% 0;
    }

    .galleryArea .mix,
    .galleryArea .gap {
        margin: 40px 1.5% 0;
        width: 47%;
    }

    .galleryArea .txtArea p.no {
        width: 40px;
        height: 40px;
        margin: -20px auto 0;
        font-size: 12px;
        line-height: 40px;
    }

    .galleryArea h4 {
        font-size: 12px;
    }

}

@media only screen and (max-width: 414px) {
    .galleryArea {
        margin: 10px -1.5% 0;
    }

    .galleryArea .mix,
    .galleryArea .gap {
        margin: 30px 1.5% 0;
    }

    .galleryArea .txtArea {
        padding: 0 2.5%;
    }

    .galleryArea h4 {
        font-size: 11px;
    }
}



.tx_comment {
    font-seiz: 18px;
    margin-top: 20px;
    font-weight: 600;
    color: #7c0027;
    text-align: center;
    border-top: 1px solid #eee;
    padding-top: 10px
}







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

   #w_gallery_detail

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

#w_gallery_detail {
    padding: 90px 5%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 800px) {
    #w_gallery_detail {
        padding: 80px 5%;
    }
}

@media only screen and (max-width: 738px) {
    #w_gallery_detail {
        padding: 70px 5%;
    }
}

@media only screen and (max-width: 414px) {
    #w_gallery_detail {
        padding: 60px 5%;
    }
}


/* --- #sidenavWrapper --- */
#sidenavWrapper {
    position: relative;
}

/* --- .navPlan --- */
#w_gallery_detail .infoArea {
    float: left;
    width: 30%;
    min-width: 250px;
}


@media only screen and (max-width: 800px) {
    #w_gallery_detail .infoArea {
        float: none;
        width: 100%;
        text-align: center;
    }
}







#w_gallery_detail dl.title {}

#w_gallery_detail dl.title dt {
    float: left;
    clear: left;
    width: 70px;
}

#w_gallery_detail dl.title dt span {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 14px;
    /*font-family: 'Catamaran', sans-serif; */
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    z-index: 3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fefefe;
    background: #111;
}

#w_gallery_detail dl.title dd {
    /*margin-left: 70px; */
    padding-top: 5px;
    font-size: 25px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Verdana, serif;
    letter-spacing: 1px;
    line-height: 1.7;
}

#w_gallery_detail .infoArea .illust {
    margin-top: 20px;
    width: 150px;
    height: 265px;
    background: url(../images/photography/illust.jpg) center center no-repeat;
    background-size: 150px 265px;
}

#w_gallery_detail .infoArea table {
    /*margin-left: 70px;*/
    border-collapse: separate;
    text-align: left;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.8;
}

.separate {
    border-collapse: separate;
}

#w_gallery_detail .infoArea table tr {}

#w_gallery_detail .infoArea table th {
    display: block;
    width: 100%;
    margin-top: 10px;
    color: #7eccd6;
    color: #aaa;
    font-size: 12px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 500;
    letter-spacing: 1.5px;
}

#w_gallery_detail .infoArea table td {
    display: block;
    width: 100%;
}

#w_gallery_detail .infoArea table tr.snsArea th {
    /*font-family: 'Satisfy', cursive; letter-spacing:0; font-weight:400;*/
}

#w_gallery_detail .snsArea {
    /*padding:0 0 30px; */
}

.fb-like {
    /* Facebook */
    display: inline-block;
    height: 20px;
    overflow: hidden;
}

.fb_iframe_widget span {
    vertical-align: top !important;
}

/* ul */
#w_gallery_detail .snsArea ul {
    list-style: none;
    font-size: 0;
}

#w_gallery_detail .snsArea ul li {
    display: inline-block;
    margin: 3px 5px 0 0;
}

#w_gallery_detail .snsArea ul li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #111;
    position: relative;
    z-index: 1;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#w_gallery_detail .snsArea ul li a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-family: 'themify';
    font-weight: normal;
}

#w_gallery_detail .snsArea ul li a.twitterBtn {
    color: #fefefe;
    background: #1da1f2;
}

#w_gallery_detail .snsArea ul li a.facebookBtn {
    color: #fefefe;
    background: #3765a3;
}

#w_gallery_detail .snsArea ul li a.twitterBtn:before {
    content: "\e74b";
}

#w_gallery_detail .snsArea ul li a.facebookBtn:before {
    content: "\e741";
}

#w_gallery_detail .snsArea ul li a.lineBtn:before {
    content: "";
}

/*#w_gallery_detail .snsArea ul li a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: #ededed 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }*/

.line-it-button img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media only screen and (max-width: 1050px) {
    #w_gallery_detail dl.title dd {
        font-size: 18px;
        line-height: 1.75;
    }
}

@media only screen and (max-width: 950px) {
    #w_gallery_detail dl.title dd {
        /*margin-left:65px;*/
        font-size: 16px;
        line-height: 1.75;
    }
}

@media only screen and (max-width: 800px) {
    #w_gallery_detail dl.title dt {
        float: none;
        width: 50px;
        margin: 0 auto;
    }

    #w_gallery_detail dl.title dd {
        margin: 20px 0 0;
        padding-top: 0;
    }

    /* --- table --- */
    #w_gallery_detail .infoArea table {
        margin-left: 0;
        text-align: center;
        width: 100%;
    }

    #w_gallery_detail .infoArea table tr,
    #w_gallery_detail .infoArea table th,
    #w_gallery_detail .infoArea table td {
        text-align: center;
    }

}

@media only screen and (max-width: 738px) {
    #w_gallery_detail dl.title dd {
        margin: 15px 0 0;
        font-size: 14px;
        line-height: 1.8;
    }

    #w_gallery_detail dl.title dd b {
        text-indent: -0.5em;
        font-size: 16px;
    }
}

/* --- .contentPlan --- */
#w_gallery_detail .contentGallery {
    float: right;
    width: 70%;
    margin-top: -80px;
    max-width: -webkit-calc(100% - 330px);
    max-width: calc(100% - 330px);
    max-width: -webkit-calc(100% - 310px);
    max-width: calc(100% - 310px);
    width: 65%;
    max-width: -webkit-calc(100% - 310px);
    max-width: calc(100% - 310px);
}

@media only screen and (max-width: 1024px) {
    #w_gallery_detail .contentGallery {
        max-width: -webkit-calc(100% - 280px);
        max-width: calc(100% - 280px);
    }
}

@media only screen and (max-width: 800px) {
    #w_gallery_detail .contentGallery {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 0px;
        padding-top: 20px;
    }
}


/* --- .contentBox --- */
#w_gallery_detail .contentBox {
    margin-top: 80px;
    text-align: center;
}

#w_gallery_detail .verticalL {
    width: 60%;
    margin: 80px auto 0;
}

#w_gallery_detail .contentBox img {}


@media only screen and (max-width: 800px) {
    #w_gallery_detail .verticalL {
        width: 100%;
    }

    #w_gallery_detail .contentBox,
    #w_gallery_detail .verticalL {
        margin-top: 50px;
    }
}

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

    #w_gallery_detail .contentBox,
    #w_gallery_detail .verticalL {
        margin-top: 40px;
    }
}

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

    #w_gallery_detail .contentBox,
    #w_gallery_detail .verticalL {
        margin-top: 30px;
    }
}

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

   #w_link

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

#w_link {
    padding: 90px 5%;
    position: relative;
    z-index: 1;
    border-top: #a3d9e0 1px solid;
}

#w_link:before {
    position: absolute;
    top: -1px;
    left: 5%;
    right: 5%;
    height: 0;
    content: "";
    border-top: #ededed 1px solid;
    z-index: 2;
}

#w_link .linkArea {
    margin-top: 0;
}


@media only screen and (max-width: 800px) {
    #w_link {
        padding: 80px 5%;
    }

    #w_link .linkArea {
        margin-top: 0;
    }
}

@media only screen and (max-width: 738px) {
    #w_link {
        padding: 60px 5% 70px;
    }

    #w_link .linkArea {
        margin-top: 0;
    }
}

@media only screen and (max-width: 414px) {
    #w_link {
        padding: 50px 5% 60px;
    }

    #w_link .linkArea {
        margin-top: 0;
    }
}



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

   #w_gallery_list_wedding_family

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

#w_gallery_list_wedding_family {
    padding: 90px 5% 0;
    position: relative;
    z-index: 1;
}


@media only screen and (max-width: 800px) {
    #w_gallery_list_wedding_family {
        padding: 80px 5% 0;
    }
}

@media only screen and (max-width: 738px) {
    #w_gallery_list_wedding_family {
        padding: 70px 5% 0;
    }
}

@media only screen and (max-width: 414px) {
    #w_gallery_list_wedding_family {
        padding: 60px 5% 0;
    }
}


.p-postList__item {
    width: 33.3333%
}

.p-postList__item {
    width: 33.3333%
}

@media only screen and (max-width: 600px) {
    .p-postList__item {
        width: 50% !important;
    }
}

/*===============================================
footer
===============================================*/
.ly_footer {
    margin-top: 0rem;
}

.is_hasSticky .ly_footer {
    overflow: hidden;
}

.pg_archiveTeam+.ly_footer,
.pg_archiveNews+.ly_footer,
.pg_company+.ly_footer {
    margin-top: 12rem;
}

.pg_top+.ly_footer,
.pg_service+.ly_footer,
.pg_hrSolution+.ly_footer,
.pg_bonus+.ly_footer {
    margin-top: 0;
}

/*===============================================
header
===============================================*/
.ly_header {
    position: fixed;
    width: 100%;
    z-index: 9998;
    mix-blend-mode: difference;
}

.ly_header_inner {
    align-items: center;
    height: var(--headerHeight);
    display: flex;
    justify-content: space-between;
    padding: 0 8rem;
}

@media screen and (max-width: 960px) {
    .ly_header_inner {
        padding: 0 1.6rem;
    }
}

.ly_headerNav_wrapper {
    align-items: center;
    display: flex;
}

/*===============================================
section
===============================================*/
.ly_sect_lv0 {
    margin-top: 11.2rem;
    margin-top: 5.2rem;
}

@media screen and (max-width: 560px) {
    .ly_sect_lv0 {
        margin-top: 8rem;
    }
}

.ly_sect_lv1 {
    margin-top: 12rem;
    padding-bottom: 12rem;
}

@media screen and (max-width: 560px) {
    .ly_sect_lv1 {
        margin-top: 8rem;
    }
}

.ly_sect_lv2 {
    margin-top: 8rem;
}

@media screen and (max-width: 560px) {
    .ly_sect_lv2 {
        margin-top: 6.4rem;
    }
}

/*===============================================
twoclumn
===============================================*/
.ly_twoColumn {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn {
        display: block;
        padding: 0 1.6rem;
    }

    .ly_twoColumn>*:last-child {
        margin-top: 8rem !important;
    }
}

.ly_twoColumn_sideArea {
    width: 40rem;
    flex-shrink: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn_sideArea {
        width: 100%;
        position: static;
        height: auto;
    }
}

.ly_twoColumn_mainArea {
    width: 100%;
    padding-left: 8rem;
    padding-right: 20rem;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn_mainArea {
        padding-left: 0;
        padding-right: 0;
    }
}

.ly_twoColumn.__reverse .ly_twoColumn_mainArea {
    padding-right: 8rem;
    padding-left: 20rem;
}

@media screen and (max-width: 960px) {
    .ly_twoColumn.__reverse .ly_twoColumn_mainArea {
        padding-right: 0;
        padding-left: 0;
    }
}

.ly_twoColumn.__rowReverse {
    flex-direction: row-reverse;
}





/*===============================================
                                                                                        footer
                                                                                        ===============================================*/
.bl_footer_contact {
    padding: 10.4rem 0 7.2rem;
    background-color: #23160a;
    position: relative;
}

@media screen and (max-width: 600px) {
    .bl_footer_contact {
        padding: 4.6rem 0 4.8rem;
    }
}

.bl_footer_contact_links {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 960px) {
    .bl_footer_contact_links {
        display: block;
    }
}

.bl_footer_contact_links a {
    border-radius: 0.8rem;
    width: min(32%, 32rem);
    height: 17.6rem;
    background-color: #333333;
    /* border: 0.1rem solid #888888; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding: 0 1.6rem 0 3.2rem;
    position: relative;
}

@media screen and (max-width: 960px) {
    .bl_footer_contact_links a {
        width: 100%;
    }
}

.bl_footer_contact_links a h3 {
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
}

.bl_footer_contact_links a h3.__enPg {
    margin-bottom: 0;
}

.bl_footer_contact_links a p {
    font-size: 1.4rem;
    color: #C9C9C9;
}

.bl_footer_contact_links a .obj {
    position: absolute;
    top: 0;
    right: 3rem;
    bottom: 0;
    left: auto;
    margin: auto;
    z-index: -1;
    opacity: 0.4;
    transition: all 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1.05, 0.7, 0.95);
}

.bl_footer_contact_links a:nth-child(1) .obj {
    width: 8rem;
}

.bl_footer_contact_links a:nth-child(2) .obj {
    width: 8rem;
}

.bl_footer_contact_links a:nth-child(3) .obj {
    width: 8rem;
    /* margin-top: 20px; */
}

@media screen and (max-width: 960px) {
    .bl_footer_contact_links a:not(:first-child) {
        margin-top: 1.6rem;
    }
}

@media (hover: none) {
    .bl_footer_contact_links a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_contact_links a:hover .obj {
        opacity: 1;
    }
}

.bl_footer_contact_cta {
    text-align: center;
}

.bl_footer_contact_cta a {
    display: inline-block;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 4rem;
}

.bl_footer_contact_cta a span {
    padding-left: 2.4rem;
    position: relative;
    padding-bottom: 0.4rem;
}

.bl_footer_contact_cta a span:after {
    content: "";
    width: calc(100% - 2.4rem);
    height: 0.1rem;
    background-color: #fff;
    bottom: 0;
    right: 0;
    position: absolute;
}

.bl_footer_contact_cta a span svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1rem;
}

.bl_footer_bottom {
    background-color: #2c251d;
    padding: 8rem 0 4rem;
    position: relative;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom {
        padding: 6.4rem 0 3.2rem;
    }
}

.bl_footer_bottom .ly_inner_wider {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bl_footer_bottom .ly_inner_wider h2.logo {
    width: 32rem;
    text-align: center;
}


.bl_footer_bottom .ly_inner_wider h2.logo img {
    width: 200px;
    /* margin: 0 auto; */
}




@media (hover: none) {
    .bl_footer_bottom .ly_inner_wider h2.logo {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_bottom .ly_inner_wider h2.logo:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 960px) {
    .bl_footer_bottom .ly_inner_wider {
        display: block;
        z-index: 1;
    }

    .bl_footer_bottom .ly_inner_wider h2.logo {
        width: min(100%, 56rem);
        margin: 0 auto 6.4rem;
    }
}

.bl_footer_bottom_menu {
    display: flex;
    justify-content: space-between;
    /* width: 86rem; */
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom .ly_inner_wider h2.logo {
        width: 250px;
        margin: 0 auto 6.4rem;
    }

    .bl_footer_bottom_menu {
        flex-wrap: wrap;
    }
}

.bl_footer_bottom_menu .block_wrapper {
    width: 24rem;
    width: 100%;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block_wrapper {
        width: calc(100% - 1.6rem);
    }
}

.bl_footer_bottom_menu .block:not(:last-child) {
    margin-bottom: 3.2rem;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block {
        margin-bottom: 2.4rem;
    }
}

@media (hover: none) {
    .bl_footer_bottom_menu .block a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_bottom_menu .block a:hover {
        opacity: 0.7;
    }
}

.bl_footer_bottom_menu .block .linkHeading {
    color: #fff;
    font-size: 2.2rem;
}

.bl_footer_bottom_menu .block .linkHeading a {
    color: #fff;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block .linkHeading {
        font-size: 1.9rem;
        line-height: 1.2;
    }
}

.bl_footer_bottom_menu .block .child_links {
    margin-top: 2.4rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* justify-content: center; */
    width: 100%;
    gap: 1em;
}

.ff_classico {
    font-family: classico-urw, sans-serif;
    font-family: "mic-32-new-rounded-web", sans-serif;
    font-weight: 400;
}

.wd_set {
    width: 48%;
}



@media screen and (max-width: 960px) {
    .bl_footer_bottom_menu .block .child_links {
        margin-top: 1.6rem;
    }
}

.bl_footer_bottom_menu .block .child_links p:not(:first-child) {
    /* margin-top: 1.6rem; */
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block .child_links p:not(:first-child) {
        /* margin-top: 1.2rem; */
    }
}

.bl_footer_bottom_menu .block .child_links p a {
    font-size: 1.4rem;
    color: #BCBCBC;
}

@media screen and (max-width: 560px) {
    .bl_footer_bottom_menu .block .child_links p a {
        font-size: 1.3rem;
        line-height: 1.6;
    }

    .wd_set {
        width: 47%;
    }
}

.bl_footer_last {
    /* background-color: #222; */
}

.bl_footer_last .ly_inner_wider {
    padding: 2.4rem 0 4rem;
    /* border-top: 0.1rem solid #707070; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 960px) {
    .bl_footer_last .ly_inner_wider {
        display: block;
    }
}

.bl_footer_last_list {
    display: flex;
}

@media screen and (max-width: 960px) {
    .bl_footer_last_list {
        flex-wrap: wrap;
    }
}

.bl_footer_last_list li:not(:last-child) {
    margin-right: 3.2rem;
}

@media screen and (max-width: 960px) {
    .bl_footer_last_list li:not(:last-child) {
        margin-right: 1.6rem;
    }
}

@media screen and (max-width: 960px) {
    .bl_footer_last_list li {
        margin-top: 1.6rem;
    }
}

.bl_footer_last_list li a {
    color: #fff;
    font-size: 1.3rem;
}

@media (hover: none) {
    .bl_footer_last_list li a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_last_list li a:hover {
        opacity: 0.7;
    }
}

.bl_footer_last .bl_footerCopyright {
    color: rgba(255, 255, 255, 0.32);
    display: block;
    font-size: 1.6rem;
    text-align: left;
}

@media screen and (max-width: 960px) {
    .bl_footer_last .bl_footerCopyright {
        margin-top: 3.2rem;
    }
}

@media screen and (max-width: 560px) {
    .bl_footer_last .bl_footerCopyright {
        font-size: 1.2rem;
    }
}

/*===============================================
localeswitch
===============================================*/
.bl_footer_localeSwich {
    display: block;
    margin-top: 3.2rem;
}

@media screen and (max-width: 560px) {
    .bl_footer_localeSwich {
        margin-top: 2.4rem;
    }
}

.bl_footer_localeSwich ul {
    display: flex;
    align-items: center;
}

.bl_footer_localeSwich ul li a {
    display: block;
    font-weight: bold;
    font-size: 2.2rem;
    transition: all 0.3s;
}

@media screen and (max-width: 560px) {
    .bl_footer_localeSwich ul li a {
        font-size: 2rem;
    }
}

.bl_footer_localeSwich ul span {
    display: block;
    font-weight: bold;
    font-size: 2.2rem;
    color: #fff;
    padding: 0 0.4rem;
}

@media screen and (max-width: 560px) {
    .bl_footer_localeSwich ul span {
        font-size: 2rem;
    }
}

.bl_footer_localeSwich.is_jp ul li.__jp a {
    color: #fff;
    opacity: 1;
}

.bl_footer_localeSwich.is_jp ul li.__en a {
    color: #fff;
    opacity: 0.4;
}

@media (hover: none) {
    .bl_footer_localeSwich.is_jp ul li.__en a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_localeSwich.is_jp ul li.__en a:hover {
        color: #fff;
        opacity: 1;
    }
}

.bl_footer_localeSwich.is_en ul li.__jp a {
    color: #fff;
    opacity: 0.4;
}

@media (hover: none) {
    .bl_footer_localeSwich.is_en ul li.__jp a {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active),
(-moz-touch-enabled: 0),
(hover: hover) {
    .bl_footer_localeSwich.is_en ul li.__jp a:hover {
        color: #fff;
        opacity: 1;
    }
}

.bl_footer_localeSwich.is_en ul li.__en a {
    color: #fff;
    opacity: 1;
}

.footer_set {
    padding: 0 5em;
}

.f_01 {
    width: 100%;
    max-width: 1680px;
    border-bottom: 1px solid #ddd;
}

.f_logo {}

.f_logo img {
    width: 200px;
    padding: 10px;
}

.f_02 {
    padding: 2em;
}

.f_02_wrap {
    display: flex;
    gap: 2em;
}

.f02_left {
    width: 55%;
}

.f02_left .list {
    display: flex;
    gap: 1em;
    margin: 30px 0;
}

.f02_left .list li a {
    color: #fff;
    font-size: 1.5rem;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.f02_left .list li {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5;
}

.f02_left .list li a:hover {
    color: #ddd;
    border-bottom: 1px solid #9c9c9c
}

.f_add {
    color: #fff
}

.c_name {}

.c_add {}

.num_area {
    display: flex;
    gap: 1em;
}

.c_tel {}

.c_tel:before {
    font-family: 'Font Awesome 6 pro';
    content: '\f095';
    padding-right: 2px
}

.c_fax:before {
    font-family: 'Font Awesome 6 pro';
    content: '\f1ac';
    padding-right: 2px
}

.other_site {
    margin-top: 10px;
    display: flex;
    gap: 1em;
}

.other_site p a {
    padding: 0 5px
}

.other_site p a:hover {
    background: #eee;
    color: #6d6969
}

.f02_right {
    background: #6d6969;
    padding: 50px;
    border-radius: 0.2em;
}

.f_copy {
    color: #fff
}

@media screen and (max-width: 560px) {
    .footer_set {
        padding: 0 1em;
    }

    .f_logo img {
        width: 130px;
        padding: 10px;
    }

    .f_02_wrap {
        display: flex;
        gap: 2em;
        flex-direction: column;
    }

    .f_02 {
        padding: 0.5em;
    }

    .f02_left {
        width: 100%;
    }

    .f02_left .list li a {
        color: #fff;
        font-size: 1.2rem;
        position: relative;
    }

    .f02_right {
        background: #6d6969;
        padding: 1em;
        border-radius: 0.2em;
    }

    .f_copy {
        margin-top: 20px;
        text-align: center
    }
}



/* ------------------------------------------
fe-do
--------------------------------------------*/
.fadeIn {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
    -webkit-transform: translatey(50px);
    transform: translatey(50px);
}

.fadeIn.animated {
    opacity: 1;
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
}




/*===============================================
footer
===============================================*/
.ly_footer {
    margin-top: 0rem;
}

.is_hasSticky .ly_footer {
    overflow: hidden;
}

.pg_archiveTeam+.ly_footer,
.pg_archiveNews+.ly_footer,
.pg_company+.ly_footer {
    margin-top: 12rem;
}

.pg_top+.ly_footer,
.pg_service+.ly_footer,
.pg_hrSolution+.ly_footer,
.pg_bonus+.ly_footer {
    margin-top: 0;
}

.c-fixBtn {
    align-items: center;
    background: #fff;
    border: 1px solid var(--color_main);
    border-radius: var(--swl-radius--8, 0);
    box-shadow: var(--swl-box_shadow);
    color: var(--color_main);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 52px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    opacity: .75;
    overflow: hidden;
    text-align: center;
    transition: all .25s;
    width: 52px
}



.smf-form--simple-table .smf-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 1px solid #eee;
    padding: 2rem;
    align-content: center;
    align-items: center;
}

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

    .wp-block-snow-monkey-forms-item {
        margin: 0 auto;
        width: 100%;
    }

    .smf-form--simple-table .smf-item {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        border-bottom: 1px solid #eee;
        padding: 2rem;
        align-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .smf-text-control input {
        width: 100%;
    }

    .mf-text-control__control {
        width: 100%
    }


}