@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

@font-face {
    font-family: 'mincho';
    src: url('fonts/ShipporiMinchoRyu-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
}
@media screen and (max-width: 1024px) {
    /* 1024pxまでの幅の場合に適応される */
}
@media screen and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */
}
@media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
}
@media screen and (max-width: 320px) {
    /* 320pxまでの幅の場合に適応される */
}


/* Simplicityの打ち消しスタイルを書く */

#h-top{
    min-height: auto;
}
/* Simplicity子テーマ用のスタイルを書く */

* {
    box-sizing: border-box;
}
.ojf {
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.mincho {
    font-family: 'mincho';
}

.tate {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    line-height: 1.5em;
    display: inline-block;
}

.horiz {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
    text-align: center;
}

.tate p {
    margin-left: 1em;
}

ul,
menu,
dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

canvas,
iframe,
video,
svg {
    max-width: 100%
}

.overflow-container {
    overflow-y: scroll
}

.aspect-ratio {
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.aspect-ratio--object {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.enable {
    opacity: 1;
}

.disable {
    opacity: 0;
}

@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/NotoSerifCJKjp-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/NotoSerifCJKjp-Bold.otf) format('opentype');
}

* {
    box-sizing: border-box;
}

iframe {
    border: none;
}

html,
body {
    width: 100%;
    margin:0;
    padding:0;
    display: block;
    position: relative;
    /* height: 100%; */
    color: #4e5365;
    font-family: "Rounded Mplus 1c";
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
#body {
    margin-top: 0px;
}

a {
    text-decoration: none;
}

.anchor150 {
    padding-top: 150px;
    margin-top: -150px;
    display: block;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.color_0 {
    background: #eae7dc;
    background: #baccdd;
}

.w-40 {
    width: 40%;
}

.min {
    font-family: 'Noto Serif Japanese', Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia, HGS明朝E, メイリオ, Meiryo, serif;
}

.page {
    /*max-width: 1600px;*/
    margin: 0 auto;
    /* height: 100%; */
    box-sizing: border-box;
}

#container {
    /*padding-top:80px;*/
    width: 100%;
    margin:0;
    padding:0;
    /* height: 100%; */
    position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.header_area::before {
    content: "";
    display: block;
    height: 3px;
    background: -moz-linear-gradient(left, #4caf50 0%, #2196f3 37%, #3f51b5 73%, #9c27b0 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(left, #4caf50 0%, #2196f3 37%, #3f51b5 73%, #9c27b0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #4caf50 0%, #2196f3 37%, #3f51b5 73%, #9c27b0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #4caf50 0%, #2196f3 37%, #3f51b5 73%, #9c27b0 100%);
    /* IE10+ */
    background: -moz-linear-gradient(left, #dd6b90 0%, #ffbacf 50%, #dd6b90 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(left, #dd6b90 0%, #ffbacf 50%, #dd6b90 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #dd6b90 0%, #ffbacf 50%, #dd6b90 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #dd6b90 0%, #ffbacf 50%, #dd6b90 100%);
    /* IE10+ */
    background: -moz-linear-gradient(left, #333 0%, #999 50%, #333 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(left, #333 0%, #999 50%, #333 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #333 0%, #999 50%, #333 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #333 0%, #999 50%, #333 100%);
    /* IE10+ */
}

.header_area {
    width: 100%;
    height: 80px;
    display: block;
    position: fixed;
    top: -80px;
    left: 0;
    background: #FFF;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    box-shadow: 1px 1px 1px #ccc;
    opacity: 0;
    transition: all 300ms 0s ease;
}

.shop_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 auto;
}

.shop_box>div {
    padding: 40px;
    box-sizing: border-box;
    text-align: center;
    width: calc(100% / 3);
}

.shop_box>div img {
    width: 70%;
    height: auto;
    border-radius: 20px;
    border: 4px solid #FFF;
    box-shadow: 1px 1px 1px #ccc;
}

.shop_box .shop_status {
    padding: 10px 0;
    font-size: 20px;
    color: #FFF;
}

.shop_box .shop_1 .shop_status {
    background: #f6ac19;
}

.shop_box .shop_2 .shop_status {
    background: #ec6d66;
}

.shop_box .shop_3 .shop_status {
    background: #35b597;
}

.shop_box dl,
.shop_box dt,
.shop_box dd {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: left;
}

.shop_box dl {
    background: #f8f6f0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 20px auto;
}

.shop_box dt,
.shop_box dd {
    padding: 10px 10px 0 10px;
    border-top: 1px solid #ccc;
}

.shop_box dt {
    width: 20%;
    float: left;
}

.shop_box dd {
    background: #fff;
    margin-left: 20%;
    padding-bottom: 10px;
    height: 100%;
    border-left: 1px solid #ccc;
}

.shop_box dd:after {
    content: '';
    display: block;
    clear: both;
}

.shop_box .shop_3 .exception {
    margin-top: 2em;
}

.shop_box .shop_btn {
    display: inline-block;
}

.shop_box .shop_btn a {
    padding: 5px 10px;
    border-radius: 5px;
    background: #007fbd;
    color: #FFF;
    margin: 0 5px;
}

div.video {
    position: relative;
    max-height: 500px;
    overflow: hidden;
    /*box-shadow: 1px 1px -1px #333;*/
}

div.video::after {
    content: "";
    background: url(images/main_face_bk.png);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.page_face {
    width: 100%;
    height: 24%;
    background: url(images/main_bg.png);
    background-position: center middle;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

#site-title img {
    height: 50px;
    width: auto;
    margin-top: 10px;
}

#site-title {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia, HGS明朝E, メイリオ, Meiryo, serif;
    margin: 0;
    padding: 5px 0 0 5px;
    position: relative;
    text-align: center;
}

#site-title span {
    font-size: 0.5em;
    position: absolute;
    top: 82px;
    left: 30px;
    padding-left: 4px;
    display: none;
}

h2 {
    color: #666;
}

.page_face #site-title {
    margin-top: 30px;
}

.page_face #site-description {
    text-align: center;
    color: white;
    font-size: 1.4em;
}

#header-in,
#navi-in,
#body-in,
#footer-in {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
}

.box_0 {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.cha {
    font-size: 20px;
    margin-top: 60px;
}

.box_1 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px;
}

.box_area {
    width: 1200px;
    margin: 0 auto;
}

.news_box {
    width: 1000px;
    margin: 0 auto;
}

.news_box h2 {
    text-align: center;
    margin-bottom: 1em;
}

.news_box h2 img {
    width: 130px;
    height: auto;
    margin-right: 1em;
}

.news_area {
    padding: 30px;
    border-radius: 10px;
    background: #f8f6f0;
    border: 1px dashed #d4d0c1;
}

.news_area dl dt {
    font-size: 1.2em;
    color: #d8464b;
}

.news_area dl dd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #666;
}

.about_menu {
    clear: both;
    width: 1000px;
    margin: 60px auto;
}

.about_menu>div {
    float: left;
    width: 50%;
    padding: 30px;
    text-align: center;
    font-size: 20px;
}

.about_menu>div img {
    border: 4px solid #ccc;
    margin-bottom: 8px;
    transition: all 300ms 0s ease;
}

.about_menu>div img:hover {
    border: 4px solid #3b5bbe;
    opacity: 0.8;
}

.menu {
    margin-top: 120px;
    padding: 20px 5%;
    margin: 120px auto 0 auto;
}

.menu ul {
    display: flex;
    flex-wrap: wrap;
}

.menu li {
    list-style: none;
    width: calc(100%/6);
    font-size: 18px;
    text-align: center;
    padding: 0 8px;
}

.menu li a {
    width: 100%;
    padding: 20px 0;
    font-weight: bold;
    color: #999;
}

.menu li a:hover {
    text-decoration: none;
    color: #2a88df;
}

.menu li a::after {
    margin-top: 8px;
    content: "";
    height: 5px;
    background: #ccc;
    width: 100%;
    display: block;
    border-radius: 3px;
}

.menu li a:hover::after {
    background: #2a88df;
}

.topics_area {
    margin: 10px 0 60px 0;
    display: flex;
    flex-wrap: wrap;
}

.topics_box {
    width: 48%;
    margin: 1%;
    padding: 20px;
    position: relative;
}

.topics_box a {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0);
    transition: all 300ms 0s ease;
    border: 2px solid #ccc;
}

.topics_box a:hover {
    background: rgba(52, 161, 168, 0.1);
    transition: all 300ms 0s ease;
    border: 2px solid #34a1a8;
}

.topics_box .topics_thumb {
    width: 30%;
    margin-right: 1em;
    height: 100%;
    float: left;
}

.topics_box .topics_box_content {}

.topics_box .topics_box_content .date {
    padding: 0 0 5px 0;
    margin-bottom: 5px;
    font-weight: bold;
}

.topics_box .topics_box_content .date span {
    background: #2986e5;
    padding: 2px 5px;
    color: #FFF;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.box_0::after,
.box_1::after,
.about_menu::after,
.topics_area::after,
.topics_box .topics_box_content::after {
    content: "";
    display: block;
    clear: both;
}

.access_box{
    padding:20px;
    width: 900px;
    margin:20px auto 20px auto;
    font-size: 1.4em;
    color:#aaa;
/*    background: #efefef;
    border:1px solid #aaa;*/
    text-align: center;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia, HGS明朝E, メイリオ, Meiryo, serif;
}
.access_box span{

    font-size: 1.6em;
}

/* .box_img_1 {
    width: 100%;
    height: 30%;
    background: url(images/box_img_01_bg.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
} */

.box_1 h2,
.box_0 h2 {
    line-height: 35px;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px dashed #3b5bbe;
    margin-bottom: 20px;
    color: #3b5bbe;
}

.box_1 h2 img,
.box_0 h2 img {
    position: relative;
    top: 3px;
}

table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto 20px auto;
}

table td,
table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1em 1em;
}

table th {
    text-align: center;
}

.sub_logo {
    padding-top: 20px;
}

.img_left {
    width: 45%;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.img_right {
    width: 45%;
    height: auto;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}


/*.main_face{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.main_face .flexbox{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin:0 auto;
    height: 100%;
}


.main_face .flexbox>div{
    padding:0px;
    box-sizing: border-box;
    text-align: center;
    width:calc(100% / 4);
    overflow: hidden;
    position: relative;
    height: calc(100% -120px;)
}
.main_face .flexbox>div img{
    height: 100%;
    width: auto;
    position: absolute;
    left:0;
    top: 0;
}
.main_face .flexbox>div.face_sec_0 img{left:-600px;}*/

.catch {
    display: block;
    width: 600px;
    height: 200px;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
    position: absolute;
    margin: auto;
    text-align: center;
    line-height: 100px;
    font-size: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: bolder;
    background: rgba(255, 255, 255, 0.6);
}

.main_face {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 50px;
}

.main_face2 {
    position: relative;
    z-index: 1;
    /* padding-bottom: 200px; */
}

.main_face2.enable{
    transition: all 300ms 0s ease;
    opacity: 1;
    display: block;
}
.main_face2.disable{
    transition: all 300ms 0s ease;
    opacity: 0;
    display: none;
}

.flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    height: 100%;
}

.face_sec_0,
.face_sec_1,
.face_sec_2,
.face_sec_3 {
    padding: 0px;
    box-sizing: border-box;
    text-align: center;
    display: block;
    width: calc(100% / 2);
    overflow: hidden;
    position: relative;
    transition: all 300ms 0s ease;
}

.face_sec_0:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_0.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face_sec_1:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_1.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face_sec_2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_2.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face_sec_3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_3.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    opacity: 1;
    transition: all 300ms 0s ease;
}

.face_sec_0:hover:after,
.face_sec_1:hover:after,
.face_sec_2:hover:after,
.face_sec_3:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.face_sec_0 .cc,
.face_sec_1 .cc,
.face_sec_2 .cc,
.face_sec_3 .cc {
    color: rgba(255, 255, 255, 0.8);
    font-weight: bold;
    font-size: 50px;
    top: 48%;
    position: relative;
    z-index: 1;
    transition: all 300ms 0s ease;
}

.face_sec_0:hover .cc,
.face_sec_1:hover .cc,
.face_sec_2:hover .cc,
.face_sec_3:hover .cc {
    color: rgba(0, 0, 0, 0.8);
}


/* Large devices: Desktops (≥1200px) */


/*@media (min-width: 1200px) {

    .main_face .flexbox .face_sec_1:after,
    .main_face .flexbox .face_sec_3:after{
        background-position: 0% 25%;
    }
}
@media (min-width: 1500px) {

    .main_face .flexbox .face_sec_1:after,
    .main_face .flexbox .face_sec_3:after{
        background-position: 0% 35%;
    }
}
@media (min-width: 1800px) {

    .main_face .flexbox .face_sec_1:after,
    .main_face .flexbox .face_sec_3:after{
        background-position: 0% 45%;
    }
}*/


/*.main_face:after{
    content:"";
    display: block;
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/bg_01.png) repeat;
    z-index: 2;
}*/

.face2_sec_0,
.face2_sec_1,
.face2_sec_2,
.face2_sec_3,
.face2_sec_4,
.face2_sec_5,
.face2_sec_6,
.face2_sec_7,
.face2_sec_8,
.face2_sec_9 {
    max-width: 1260px;
    height: 100%;
    margin: 0px auto 0px auto;
    padding: 240px 30px 0px 30px;
    position: relative;
    min-height: 720px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.8);
}



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

.face2_sec_0 img,
.face2_sec_1 img,
.face2_sec_2 img,
.face2_sec_3 img,
.face2_sec_4 img,
.face2_sec_5 img,
.face2_sec_6 img,
.face2_sec_7 img,
.face2_sec_8 img,
.face2_sec_9 img {
    max-width: 100%;
    height: auto;
    opacity: 0;
}

.face2_sec_0 .img,
.face2_sec_2 .img,
.face2_sec_3 .img,
.face2_sec_6 .img,
.face2_sec_8 .img,
.face2_sec_9 .img {
    width: 60%;
    height: 100%;
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0;
    max-height: 500px;
}

.face2_sec_0 .text,
.face2_sec_2 .text,
.face2_sec_3 .text,
.face2_sec_6 .text,
.face2_sec_8 .text,
.face2_sec_9 .text {
    width: 50%;
    padding: 120px 20px;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 240px;
    right: 0;
    opacity: 0;
}

.face2_sec_1 .img,
.face2_sec_4 .img,
.face2_sec_5 .img,
.face2_sec_7 .img {
    width: 60%;
    height: 100%;
    float: right;
    position: relative;
    display: block;
    overflow: hidden;
    opacity: 0;
    max-height: 500px;
}

.face2_sec_1 .text,
.face2_sec_4 .text,
.face2_sec_5 .text,
.face2_sec_7 .text {
    width: 50%;
    text-align: right;
    padding: 120px 20px;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 240px;
    left: 0;
    opacity: 0;
}



.face2_sec_1 .img {
    height: 100%;
    overflow: hidden;
}

.face2_sec_0 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_0.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_1 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_1.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_2 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_2.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_3 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_3.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_4 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_4.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_5 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_5.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}
.face2_sec_6 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_6.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_7 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_7.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_8 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_8.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_9 .img::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/main_face_9.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
}

.face2_sec_0 .text .st1 a,
.face2_sec_2 .text .st1 a,
.face2_sec_3 .text .st1 a,
.face2_sec_6 .text .st1 a,
.face2_sec_8 .text .st1 a,
.face2_sec_9 .text .st1 a {
    padding: 20px;
    background: #222;
    color: white;
    position: absolute;
    bottom: -70px;
    left: -50px;
    display: block;
    text-decoration: none;
    transition: 1s all ease 0s;
}

.face2_sec_1 .text .st1 a,
.face2_sec_4 .text .st1 a,
.face2_sec_5 .text .st1 a,
.face2_sec_7 .text .st1 a {
    padding: 20px;
    background: #222;
    color: white;
    position: absolute;
    bottom: -70px;
    right: -50px;
    display: block;
    text-decoration: none;
    transition: 1s all ease 0s;
}
.face2_sec_0 .text .st1 a:hover,
.face2_sec_1 .text .st1 a:hover,
.face2_sec_2 .text .st1 a:hover,
.face2_sec_3 .text .st1 a:hover,
.face2_sec_4 .text .st1 a:hover,
.face2_sec_5 .text .st1 a:hover,
.face2_sec_6 .text .st1 a:hover,
.face2_sec_7 .text .st1 a:hover,
.face2_sec_8 .text .st1 a:hover,
.face2_sec_9 .text .st1 a:hover{
    background:#ec6d66;
}

.face2_sec_2 .text .st2 a{
    padding: 17px 20px;
    background: #222;
    color: white;
    position: absolute;
    bottom: -70px;
    left: 200px;
    display: block;
    text-decoration: none;
    transition: 1s all ease 0s;
}
.face2_sec_2 .text .st2 a:hover{
  background:#ec6d66;
}

.face2_sec_0 .text b,
.face2_sec_1 .text b,
.face2_sec_2 .text b,
.face2_sec_3 .text b,
.face2_sec_4 .text b,
.face2_sec_5 .text b,
.face2_sec_6 .text b,
.face2_sec_7 .text b,
.face2_sec_8 .text b,
.face2_sec_9 .text b {
    font-size: 2em;
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.face2_sec_0 .text b:after,
.face2_sec_1 .text b:after,
.face2_sec_2 .text b:after,
.face2_sec_3 .text b:after,
.face2_sec_4 .text b:after,
.face2_sec_5 .text b:after,
.face2_sec_6 .text b:after,
.face2_sec_7 .text b:after,
.face2_sec_8 .text b:after,
.face2_sec_9 .text b:after {
    display: block;
    content: "";
    border-bottom: 1px solid #666;
    position: relative;
}

.face2_sec_0 .text b:after,
.face2_sec_2 .text b:after,
.face2_sec_4 .text b:after,
.face2_sec_6 .text b:after,
.face2_sec_8 .text b:after,
.face2_sec_9 .text b:after {
    left: -25%;
}

.face2_sec_1 .text b:after,
.face2_sec_4 .text b:after,
.face2_sec_5 .text b:after,
.face2_sec_7 .text b:after {
    left: 25%;
}

@media screen and (max-width: 768px) {
    .face2_sec_0,
    .face2_sec_1,
    .face2_sec_2,
    .face2_sec_3,
    .face2_sec_4,
    .face2_sec_5,
    .face2_sec_6,
    .face2_sec_7,
    .face2_sec_8,
    .face2_sec_9 {
        max-width: 1260px;
        height: 100%;
        margin: 0px auto 0px auto;
        padding: 90px 30px 0px 30px;
        position: relative;
        min-height: auto;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.8);
    }
    .face2_sec_0 .img,
    .face2_sec_2 .img,
    .face2_sec_3 .img,
    .face2_sec_6 .img,
    .face2_sec_8 .img,
    .face2_sec_9 .img {
        width: 100%;
        height: 100%;
        float: none;
        position: relative;
        display: block;
        overflow: hidden;
        opacity: 0;
        max-height: 300px;
    }
    .face2_sec_0 .text,
    .face2_sec_2 .text,
    .face2_sec_3 .text,
    .face2_sec_6 .text,
    .face2_sec_8 .text,
    .face2_sec_9 .text {
        width: 100%;
        padding: 5px;
        background: rgba(255, 255, 255, 0);
        position: relative;
        display: block;
        box-sizing: border-box;
        top: 0;
        right: 0;
        opacity: 0;
        font-size:14px;
    }
    .face2_sec_1 .img,
    .face2_sec_4 .img,
    .face2_sec_5 .img,
    .face2_sec_7 .img {
        width: 100%;
        height: 100%;
        float: none;
        position: relative;
        display: block;
        overflow: hidden;
        opacity: 0;
        max-height: 300px;
    }

    .face2_sec_1 .text,
    .face2_sec_4 .text,
    .face2_sec_5 .text,
    .face2_sec_7 .text {
        width: 100%;
        text-align: left;
        padding: 5px;
        background: rgba(255, 255, 255, 0);
        position: relative;
        display: block;
        box-sizing: border-box;
        top: 0;
        left: 0;
        opacity: 0;
        font-size:14px;
    }
    .face2_sec_0 .text b,
    .face2_sec_1 .text b,
    .face2_sec_2 .text b,
    .face2_sec_3 .text b,
    .face2_sec_4 .text b,
    .face2_sec_5 .text b,
    .face2_sec_6 .text b,
    .face2_sec_7 .text b,
    .face2_sec_8 .text b,
    .face2_sec_9 .text b {
        font-size: 1.5em;
        display: block;
        color: #999;
        margin-bottom: 10px;
    }

    .face2_sec_0 .text b:after,
    .face2_sec_1 .text b:after,
    .face2_sec_2 .text b:after,
    .face2_sec_3 .text b:after,
    .face2_sec_4 .text b:after,
    .face2_sec_5 .text b:after,
    .face2_sec_6 .text b:after,
    .face2_sec_7 .text b:after,
    .face2_sec_8 .text b:after,
    .face2_sec_9 .text b:after {
        display: block;
        content: "";
        border-bottom: 1px solid #666;
        position: relative;
    }

    .face2_sec_0 .text b:after,
    .face2_sec_2 .text b:after,
    .face2_sec_4 .text b:after,
    .face2_sec_6 .text b:after,
    .face2_sec_8 .text b:after,
    .face2_sec_9 .text b:after {
        left: -25%;
    }

    .face2_sec_1 .text b:after,
    .face2_sec_4 .text b:after,
    .face2_sec_5 .text b:after,
    .face2_sec_7 .text b:after {
        left: -25%;
    }
    .face2_sec_0 .text .st1 a,
    .face2_sec_2 .text .st1 a,
    .face2_sec_3 .text .st1 a,
    .face2_sec_6 .text .st1 a,
    .face2_sec_8 .text .st1 a,
    .face2_sec_9 .text .st1 a,
    .face2_sec_2 .text .st2 a {
        padding: 10px;
        background: #222;
        color: white;
        position: relative;
        bottom: inherit;
        left: inherit;
        display: block;
        text-align:center;
        margin-top:10px;
        text-decoration: none;
        transition: 1s all ease 0s;
    }

    .face2_sec_1 .text .st1 a,
    .face2_sec_4 .text .st1 a,
    .face2_sec_5 .text .st1 a,
    .face2_sec_7 .text .st1 a {
        padding: 10px;
        background: #222;
        color: white;
        position: relative;
        bottom: inherit;
        right: inherit;
        display: block;
        text-align:center;
        margin-top:10px;
        text-decoration: none;
        transition: 1s all ease 0s;
    }
}

.face2_sec_0 .img:hover:after,
.face2_sec_1 .img:hover:after,
.face2_sec_2 .img:hover:after,
.face2_sec_3 .img:hover:after,
.face2_sec_4 .img:hover:after,
.face2_sec_5 .img:hover:after,
.face2_sec_6 .img:hover:after,
.face2_sec_7 .img:hover:after,
.face2_sec_8 .img:hover:after ,
.face2_sec_9 .img:hover:after{
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.face2_sec_0:after,
.face2_sec_1:after,
.face2_sec_2:after,
.face2_sec_3:after,
.face2_sec_4:after,
.face2_sec_5:after,
.face2_sec_6:after,
.face2_sec_7:after,
.face2_sec_8:after,
.face2_sec_9:after,
.face2_about:after {
    content: "";
    display: block;
    clear: both;
}

.face2_sec_0 .cc {
    font-size: 50px;
    display: block;
    position: relative;
    top: 200px;
}

.pro_title {
    padding: 100px 0 0 0;
    text-align: center;
    font-size: 2em;
    display: block;
    color: #999;
    margin-bottom: 10px;
}

.face2_about .flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 auto;
}

.face2_about .flexbox .pro_left {
    width: 50%;
    padding: 0 20px 0 0;
}

.face2_about .flexbox h4 {
    border-bottom: solid 3px #adaca7;
    position: relative;
    font-size: 1.5em;
    padding: 10px;
}

.face2_about .flexbox h4:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #807f7a;
    bottom: -3px;
    width: 30%;
    left: 0;
}

.face2_about .flexbox p {
    font-size: 0.9em;
    padding: 0.2em;
}

.face2_about .flexbox ul {
    /* margin-left: 20px; */
}

.face2_about .flexbox ul li {
    list-style: none;
    padding: 5px;
    font-size: 0.9em;
    margin-bottom: 8px;
    border-bottom: 1px dashed #ccc;
}

.face2_about .flexbox ul li span {
    background: #bc9389;
    color: #FFF;
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 0.5em;
}

.face2_about .flexbox .pro_right {
    width: 50%;
    padding: 0 0 0 20px;
}

.reno_01,
.reno_02,
.reno_03,
.kitchen_01 {
    clear: both;
    max-width: 1200px;
    margin: 0 auto 0 auto;
    position: relative;
    padding-top:200px;
    opacity: 0;
}

.reno_02 {
    margin-bottom: 80px;
}

.reno_title,
.kitchen_title {
    font-size: 2em;
    text-align: center;
    color: #999;
    margin-bottom: 50px;
    line-height: 1.8em;
}
.kitchen_title span{
    font-size: 0.7em;
}

.reno_01 img,
.reno_02 img,
.reno_03 img,
.kitchen_01 img {
    max-width: 100%;
    height: auto;
}

.reno_01 .flexbox,
.reno_02 .flexbox,
.reno_03 .flexbox,
.kitchen_01 .flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
}

.reno_02 .flexbox div {
    width: calc(100% / 6);
    text-align: center;
    margin-bottom: 10px;
}

.reno_03 .flexbox div {
    width: calc(100% / 3);
    margin-bottom: 10px;
    padding: 20px;
}

.reno_03 .flexbox div.before {
    text-align: center;
    font-size: 1.5em;
    color: #999;
}

.reno_03 .flexbox div.after {
    text-align: center;
    font-size: 1.5em;
    color: #333;
}

.reno_01 .img,
.kitchen_01 .img {
    width: 50%;
}

.kitchen_01 .img img{
    width: 100%;
    /* height: 460px; */
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.reno_01 .text .ja_area,
.kitchen_01 .text .ja_area {
    /*height: 400px;*/
}
.reno_01 .text .ja_area p,
.kitchen_01 .text .ja_area p{
    margin-bottom: 1em;
}
.reno_01 .text .ja_area ul,
.kitchen_01 .text .ja_area ul{
    margin-left: 2em;
}
.kitchen_01 .text .ja_area {
    text-align: left;
}

.kitchen_01 .blog_area{
    margin-bottom: 100px;
}
.kitchen_01 .blog_area h4{
    font-size: 2em;
    margin-bottom: 0.5em;
}
.ruleve_gallery{
    max-width:1200px;
    margin:20px auto;
}
.image_gallery .gallery,
.ruleve_gallery .gallery{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.image_gallery .gallery-columns-2 .gallery-item,
.ruleve_gallery .gallery-columns-2 .gallery-item {
    width: calc(100% / 2);
}
.image_gallery .gallery-columns-3 .gallery-item,
.ruleve_gallery .gallery-columns-3 .gallery-item {
    width: calc(100% / 3);
}
.image_gallery .gallery-columns-4 .gallery-item,
.ruleve_gallery .gallery-columns-4 .gallery-item {
    width: calc(100% / 4);
}
.image_gallery .gallery-columns-5 .gallery-item,
.ruleve_gallery .gallery-columns-5 .gallery-item {
    width: calc(100% / 5);
}

.image_gallery .gallery-columns-2 .gallery-item,
.image_gallery .gallery-columns-3 .gallery-item,
.image_gallery .gallery-columns-4 .gallery-item,
.image_gallery .gallery-columns-5 .gallery-item,
.image_gallery .gallery-columns-6 .gallery-item,
.ruleve_gallery .gallery-columns-2 .gallery-item,
.ruleve_gallery .gallery-columns-3 .gallery-item,
.ruleve_gallery .gallery-columns-4 .gallery-item,
.ruleve_gallery .gallery-columns-5 .gallery-item,
.ruleve_gallery .gallery-columns-6 .gallery-item {
    text-align: center;
}
.image_gallery dl,
.ruleve_gallery dl {
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

@media (min-width: 1200px) {
    .reno_01 .img,
    .kitchen_01 .img {
        width: 50%;
    }
    .reno_01 .text,
    .kitchen_01 .text {
        width: 50%;
        text-align:right;
        padding:20px;
    }
    .reno_01 .image_gallery,
    .kitchen_01 .image_gallery {
        margin: 100px auto 0 auto;
    }
    .post_video {
        text-align: center;
        margin: 100px auto 0 auto;
    }
    
}
@media (max-width: 900px) {
    .reno_title, .kitchen_title {
        font-size: 1.2em;
        text-align: center;
        color: #999;
        margin-bottom: 20px;
    }
    .reno_01, .reno_02, .reno_03, .kitchen_01 {
        clear: both;
        margin: 0 auto 0 auto;
        position: relative;
        padding-top: 90px;
        opacity: 0;
    }
    .kitchen_01 .img img {
        width: 100%;
        height: 260px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    .reno_01 .img,
    .kitchen_01 .img {
        width: 100%;
    }
    .reno_01 .text,
    .kitchen_01 .text {
        width: 100%;
        text-align: center;
        padding:20px 10px 20px 10px ;
        font-size:13px;

    }
    .reno_01 .text .ja_area,
    .kitchen_01 .text .ja_area {
        height: auto;
    }
    
    .tate{
        line-height: 1.2em;
        -webkit-writing-mode: horizontal-tb;
        -moz-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        -ms-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }
    /* .reno_01 .text span,
    .kitchen_01 .text span {
        -webkit-text-combine: horizontal;
        -ms-text-combine-horizontal: all;
        text-combine-upright: all;
        position: relative;
        left:-13px;
      } */
    .reno_01 .image_gallery,
    .kitchen_01 .image_gallery{
        
    }
    .post_video{
        text-align: center;
        margin: 0px auto 20px auto;
    }
    .image_gallery dl {
        display: block;
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        margin:0;
    }
    .ruleve_gallery dl {
        display: block;
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        margin:0;
    }
    
}




.sample {
    width: 100%;
    padding: 50px 5%;
    max-width: 1600px;
    margin: 0 auto;
}
.sample_box .new{
    background: rgba(230, 29, 86, 0.8);
    color: white;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -10px;
    left: -10px;
    text-align: center;
    line-height: 50px;
}
.sample .flexbox>div {
    width: calc(100% / 5 - 10px);
    padding: 15px 15px 50px 15px;
    margin: 5px;
    display: block;
    position: relative;
    border: 1px solid #ccc;
}

.sample .flexbox>div img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.sample .flexbox>div .sample_text h4 {
    padding: 5px;
    background: #333;
    color: #FFF;
}

.sample .flexbox>div .sample_text p {
    font-size: 14px;
}

.sample .flexbox>div .sample_text p.sample_btn {
    text-align: center;
}

.sample .flexbox>div .sample_text p.sample_btn a {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    width: 70%;
    font-size: 14px;
    padding: 5px 10px;
    margin: 10px auto;
    background: #333;
    color: white;
    border-radius: 3px;
    display: inline-block;
}
@media screen and (max-width: 1400px) {

    .sample .flexbox>div .sample_text h4 {
        font-size: 14px
    }
    .sample .flexbox>div .sample_text p {
        font-size: 12px;
    }

}
@media screen and (max-width: 960px) {
    .sample {
        width: 100%;
        padding: 5px 0 0 0;
        margin: 0 auto;
        overflow-y: auto;
    }
    .sample::-webkit-scrollbar {
        height: 10px;
    }
    .sample::-webkit-scrollbar-track {
        margin: 0 2px;
        background: #ccc;
        border-radius: 5px;
    }
    .sample::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #666;
    }
    .sample_box {
        width: 1200px;
        padding: 50px 0 5px 0;
        margin: 0 auto;
    }
    .sample_box .new{
        background: rgba(230, 29, 86, 0.8);
        color: white;
        width: 50px;
        height: 50px;
        position: absolute;
        top: -10px;
        left: -10px;
        text-align: center;
        line-height: 50px;
    }

    .sample .flexbox>div {
        width: calc(100% / 5 - 10px);
        padding: 5px 5px 50px 5px;
        margin: 5px;
        display: block;
        position: relative;
        border: 1px solid #ccc;
    }
    .sample2 {
        width: 100%;
        padding: 50px 20px;
        max-width: 100%;
        margin: 0 auto;
    }
    .sample .flexbox>div .sample_text p {
        font-size: 10px;
    }
    .sample .flexbox>div .sample_text p.sample_btn a {
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        width: 70%;
        font-size: 12px;
        padding: 3px 5px;
        margin: 5px auto;
        background: #333;
        color: white;
        border-radius: 3px;
        display: inline-block;
    }
}
@media screen and (max-width: 768px) {
    /* 768pxまでの幅の場合に適応される */
}
@media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適応される */
}
@media screen and (max-width: 320px) {
    /* 320pxまでの幅の場合に適応される */
}





@media (min-width: 1200px) {
    .cat_box {
        width: 100%;
        padding: 200px 0 50px 0;
        min-width:1200px;
        max-width: 1600px;
        margin: 0 auto;
    }
}
@media (max-width: 1200px) {
    .cat_box {
        width: 100%;
        padding: 90px 0 20px 0;
        max-width: 1600px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .cat_box .flexbox>div {
        width: calc(100% / 4 - 10px);
        padding: 15px 15px 50px 15px;
        margin: 5px;
        display: block;
        position: relative;
    }
}
@media (max-width: 1200px) {
    .cat_box .flexbox>div{
            width: calc(100% / 3 - 10px);
            padding: 15px 15px 40px 15px;
            margin: 5px;
            display: block;
            position: relative;
    }
}
@media (max-width: 850px) {

    .cat_box .flexbox>div {
        width: calc(100% / 2 - 10px);
        padding: 0;
        margin: 5px;
        display: block;
        position: relative;
    }
}

@media (min-width: 1200px) {
    .cat_box img{
        width: 300px;
        height: 300px;
        object-fit: cover;
        border:4px solid #FFF;
        font-family: 'object-fit: cover;';
    }
}
@media (max-width: 1200px) {
    .cat_box img{
        width: 275px;
        height: 275px;
        object-fit: cover;
        border:4px solid #FFF;
        font-family: 'object-fit: cover;';
    }
}
.cat_box_img{
    text-align: center;
    display: block;
}
@media (max-width: 500px){
    .cat_box_img img{
        width: 200px;
        height: 200px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
}
.cat_box img:hover{
    border:4px solid #d7e2ba;
    opacity: 0.9; 
}

.cat_box_btn a{
    width: 70%;
    font-size: 14px;
    padding: 5px 10px;
    margin: 10px auto;
    background: #333;
    background: #cbd69c;
    background: #01557f;
    color: white;
    border-radius: 3px;
    display: block;
    text-align: center;
    text-decoration: none;
}
.cat_box_title{
    font-size: 0.9em;
    text-align: center;
}
.maker_area table{
    margin-bottom:100px;
}
.maker_area table tr td{
    width:25%;
}
.maker_area table tr td:nth-child(1),
.maker_area table tr td:nth-child(3) {
    background: #efefef;

}

.sample2 {
    width: 100%;
    padding: 50px 5%;
    max-width: 1600px;
    margin: 0 auto;
}

.sample2 .flexbox>div {
    width: calc(100% / 5 - 10px);
    margin: 5px;
    display: block;
    position: relative;
}

.sample2 .flexbox>div img {
    max-width: 100%;
    height: auto;
}

.sec_2b {
    margin: 150px auto 100px auto;
    width: 1000px;
    padding: 60px;
    background: #eee;
    opacity: 0;
}

.sec_2c {
    margin: 0px auto 100px auto;
    width: 1000px;
    padding: 60px;
    background: #eee;
    opacity: 0;
}

.sec_2b .sec_2b_img,
.sec_2c .sec_2b_img {
    width: 30%;
}

.sec_2b .sec_2b_img img,
.sec_2c .sec_2b_img img {
    width: 100%;
    height: auto;
}

.sec_2b .sec_2b_text,
.sec_2c .sec_2b_text {
    width: 70%;
    padding-left: 30px;
}

.sec_2b .sec_2b_text p,
.sec_2c .sec_2b_text p {
    font-size: 14px;
    margin: 0 0 0.8em 0;
}

.sec_5a {
    margin: 0px auto 0px auto;
    width: 1140px;
    padding: 60px;
    opacity: 0;
}

.sec_5a p {
    font-size: 0.9em;
    line-height: 1.7em;
}


.btn_box{
    text-align: center;
    margin:100px auto;

}

.btn_box a{
    display: inline-block;
    padding: 15px 70px;
    border-radius: 40px;
    text-decoration: none;
    margin:20px; 
    color: #333;
    /* background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%); */
    background: #FFF;
    transition: .4s;
    border:2px dashed #db6f05;
}

.btn_box a:hover {
    /* background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%); */
    border:2px solid #db6f05;
    color:#db6f05;
}

@media screen and (max-width: 1140px) {
    .sec_5a {
        margin: 0px auto 0px auto;
        width: 100%;
        padding:10px;
        opacity: 0;
    }
    .face2_about .flexbox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .face2_about {
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .face2_about .flexbox .pro_left {
        width: 100%;
        padding: 10px;
    }
    .face2_about .flexbox .pro_right {
        width: 100%;
        padding: 10px;
    }
    .face2_about .flexbox .pro_left img,
    .face2_about .flexbox .pro_right img{
        max-width:100%;
        height: auto;
    }
}

@media screen and (max-width:960px){
    .pro_title {
        padding: 20px 0 0 0;
        text-align: center;
        font-size: 1.4em;
        display: block;
        color: #999;
        margin-bottom: 10px;
    }
}


.face {
    width: 100%;
    height: 100vh;
    
    display: block;
    position: relative;
}
.face .layer_1,
.face .layer_2,
.face .layer_3{
    display: block;
    position: absolute;
    width:100%;
    height: 100vh;
}

.face .left {
    width: 50%;
    height: 94vh;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}


.face .left .face_logo {
    width: 40%;
    position: relative;
    z-index: 1;
    transition: all 300ms 0s ease;
    padding: 60px;
    box-sizing: border-box;
}

.face .left .face_logo img {
    max-width: 100%;
    height: auto;
}

.face .right {
    width: 50%;
    height: 94vh;
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 1);
    right: 0;
    top: 0;
}



.face .loopslider {
    height: 94vh;
}

.face .loopslider .slick-list,
.face .loopslider .slick-track {
    height: 94vh;
}

.face .left .item1,
.face .left .item2,
.face .left .item3,
.face .left .item4 {
    width: inherit;
    height: 94vh;
    display: block;
    overflow: hidden;
}

.face .left:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    background-image: url(images/bg_01.png), url(images/face.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    overflow: hidden;
    z-index: -1;
}

.face .left .item1:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    background-image: url(images/bg_01.png), url(images/face2025_01.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    overflow: hidden;
}

.face .left .item2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    background-image: url(images/bg_01.png), url(images/face2025_02.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    overflow: hidden;
}

.face .left .item3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    background-image: url(images/bg_01.png), url(images/face2025_03.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    overflow: hidden;
}
.face .left .item4:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    background-image: url(images/bg_01.png), url(images/face2025_04.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    overflow: hidden;
}

.face .left .item1:hover:after,
.face .left .item2:hover:after,
.face .left .item3:hover:after,
.face .left .item4:hover:after {
    /*    opacity: .8;*/
    /*    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);*/
}

.face .right {
    padding: 60px;
}

.face .left2 {
    width: 50%;
    height: 94vh;
    overflow: hidden;
    display: block;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 0;
    top: 0;
}

.face .right2 {
    width: 50%;
    height: 94vh;
    overflow: hidden;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.face .right2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/face2.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    overflow: hidden;
}

.face .right2:hover:after {
    opacity: .8;
    /*    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);*/
}

.face .right2 .face_logo {
    width: 40%;
    position: relative;
    z-index: 2;
    transition: all 300ms 0s ease;
    padding: 60px;
    box-sizing: border-box;
}

.face .right2.face_logo img {
    max-width: 100%;
    height: auto;
}

.face .left2 {
    padding: 60px;
    position: relative;
}

.face .left3 {
    width: 50%;
    height: 94vh;
    overflow: hidden;
    display: block;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 0;
    top: 0;
}

.face .right3 {
    width: 50%;
    height: 94vh;
    overflow: hidden;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.face .right3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(images/bg_01.png), url(images/face6.jpg);
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-position: center center, center center;
    transition: all 300ms 0s ease;
    overflow: hidden;
}

.face .right3:hover:after {
    opacity: .8;
    /*    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);*/
}

.face .right3 .face_logo {
    width: 40%;
    position: relative;
    z-index: 2;
    transition: all 300ms 0s ease;
    padding: 60px;
    box-sizing: border-box;
}

.face .right3.face_logo img {
    max-width: 100%;
    height: auto;
}

.face .left3 {
    padding: 60px;
    position: relative;
}

.face .hidden {
    opacity: 0;
    z-index: -1;
}

.face .visible {
    opacity: 1;
    z-index: 100;
}

.right .face_menu,
.left2 .face_menu,
.left3 .face_menu {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

.right .face_menu a,
.left2 .face_menu a,
.left3 .face_menu a {
    color: #111;
}



@media screen and (max-width: 1480px) {
    .right .face_menu,
    .left2 .face_menu {
        font-size: 12px;
    }
}

@media screen and (max-width: 900px) {
    .face .left {
        width: 100%;
        height: 80vh;
        display: block;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        z-index:-1;
    }
    .face .right {
        padding:10px;
        width: 100%;
        height: 80vh;
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 1);
        right: 0;
        top: 0;
        background:rgba(255, 255, 255, 0.7)
    }
    .face .left2 {
        width: 100%;
        height: 80vh;
        display: block;
        overflow: hidden;
        position: absolute;
        background: rgba(255, 255, 255, 1);
        right: 0;
        top: 0;
        background:rgba(255, 255, 255, 0.7)

    }
    .face .right2 {
        padding:10px;
        width: 100%;
        height: 80vh;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index:-1;
    }
    .face .left3 {
        width: 100%;
        height: 80vh;
        display: block;
        overflow: hidden;
        position: absolute;
        background: rgba(255, 255, 255, 1);
        right: 0;
        top: 0;
        background:rgba(255, 255, 255, 0.7)

    }
    .face .right3 {
        padding:10px;
        width: 100%;
        height: 80vh;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index:-1;
    }
}

#main {
    width: 73%;
}

#sidebar {
    width: 23%;
}

.entry-card-content {
    padding-top: 10px;
}

.btn_1 a {
    display: block;
    width: 200px;
    padding: 20px;
    text-align: center;
    background: #3b5bbe;
    color: white;
    margin: 10px auto;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.5em;
    border: 2px solid #FFF;
}

.btn_1 a:hover {
    border: 2px solid #3b5bbe;
    color: #3b5bbe;
    background: #FFF;
}

.header_fix_menu {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 25px;
    right: 15px;
    background: rgba(237, 134, 179, 0.9);
    z-index: 5;
}

#line_btn a {
    background: #25af00;
    box-shadow: 0 5px 0 #219900;
    font-size: 95%;
    position: relative;
    display: block;
    padding: 10px;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    width: 280px;
    margin: 0 0 5% 0;
}

#line_btn a i {
    font-size: 1.5em;
    margin-right: 0.5em;
}

#sns_btn {
    position: relative;
    font-size: 40px;
}

#sns_btn i {
    margin-right: 0.2em;
    margin-bottom: 0.2em;
}

#sns_btn a.twitter i {
    color: #1da1f2;
}

#sns_btn a.facebook i {
    color: #3b599f;
}
#sns_btn a.pinterest i {
    color: #bf1326;
}
#sns_btn a.houzz img,
#sns_btn a.line img,
#sns_btn a.youtube img,
#sns_btn span.mail_btn2 img {
    width:39px;
    height:39px;
    position: relative;
    top:4px;
    margin-right: 0.1em;
}
#sns_btn span.mail_btn2 img{
    cursor: pointer;
}

#sns_btn a.insta i:before {
    /* background: #e4007f; */
    background: -webkit-linear-gradient(top, rgba(89, 47, 197, 1) 0%, rgba(215, 51, 78, 1) 35%, rgba(234, 81, 76, 1) 75%, rgba(251, 131, 45, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.calendar {
    width: 96%;
    padding: 2%;
    box-sizing: border-box;
}
footer{
    margin-top:200px;
}
#footer {
    transition: all 300ms 0s ease;
    width: 100%;
    z-index: 9999;
    clear: both;
    background-color: #333;
    color: #fff;
    padding: 5px;
}
footer.active #footer {
    bottom: 0;
}

#page-top{z-index:9999}
#page-top a {
    color: #fff;
    padding: 7px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
    background-color: #ed86b3;
    background-color: #666;
    line-height: 100%;
    border-radius: 4px;
    font-size: 11px;
    border: 2px solid #fff;
}

.sns_box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 auto;
}

.sns_box>div {
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    width: calc(100% / 3);
}

.sm_youtube{
    display: none;
}


@media (min-width: 1200px) {
    .image_gallery .gallery-columns-6 .gallery-item img,
    .ruleve_gallery .gallery-columns-6 .gallery-item img{
        width: 190px;
        height:190px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    .image_gallery .gallery-columns-6 .gallery-item,
    .ruleve_gallery .gallery-columns-6 .gallery-item{
        width: calc(100% / 6);
    }
}
@media (max-width: 1200px) {
    .image_gallery .gallery-columns-6 .gallery-item img,
    .ruleve_gallery .gallery-columns-6 .gallery-item img {
        width: 150px;
        height:150px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
}
@media (max-width: 1200px) {
    .image_gallery .gallery-columns-6 .gallery-item,
    .ruleve_gallery .gallery-columns-6 .gallery-item{
        width: calc(100% / 6);
    }
}
@media (max-width: 1000px) {
    .image_gallery .gallery-columns-6 .gallery-item,
    .ruleve_gallery .gallery-columns-6 .gallery-item{
        width: calc(100% / 5);
    }
}
@media (max-width: 800px) {
    .image_gallery .gallery-columns-6 .gallery-item,
    .ruleve_gallery .gallery-columns-6 .gallery-item{
        width: calc(100% / 4);
    }
}
@media (max-width: 650px) {
    .image_gallery .gallery-columns-6 .gallery-item,
    .ruleve_gallery .gallery-columns-6 .gallery-item{
        width: calc(100% / 3);
    }
}

@media (max-width: 500px) {
    .image_gallery .gallery-columns-6 .gallery-item,
    .ruleve_gallery .gallery-columns-6 .gallery-item{
        width: calc(100% / 2);
    }
    .image_gallery .gallery-columns-6 .gallery-item img,
    .ruleve_gallery .gallery-columns-6 .gallery-item img {
        width: 200px;
        height:200px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
}


.drawer-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    width: 600px;
    height: 100%;
    padding: 20px 0;
    background: #d8454b;
    background: #ed86b3;
    background: #333;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    opacity: 0;
}

.drawer-menu h2 {
    font-size: 12px;
}

.drawer-menu h2 img {
    width: 50%;
    height: auto;
    margin: 0 auto;
}

.drawer-menu object {
    width: 50%;
    height: auto;
    margin: 0 auto;
}

.drawer-menu svg {
    width: 100%;
}

.drawer-menu li {
    text-align: left;
    list-style: none;
}

.drawer-menu li a {
    text-decoration: none;
}

.drawer-menu li i {
    margin-right: 1em;
}

.drawer-menu p a {
    display: block;
    padding: 0.4em 1.0em;
    margin-bottom: 1em;
    border-bottom:1px solid #fff;
    font-size: 110%;
    color: #fff;
    -webkit-transition: all .8s;
    transition: all .8s;
}
.drawer-menu ul{
    margin-bottom:2em;
}
.drawer-menu li a {
    display: block;
    padding: 0.4em 1.0em;
    font-size: 100%;
    color: #fff;
    -webkit-transition: all .8s;
    transition: all .8s;
}

.drawer-menu li a:hover {
    color: #1a1e24;
    background: #fff;
}
.drawer-menu p a:hover {
    color: #1a1e24;
    background: #fff;
}

.drawer-menu h2 {
    text-align: center;
    color: #ccc;
}

.drawer-menu .menu_info {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.drawer-menu .menu_info h2 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    border-bottom: 1px dotted #fff;
}

.drawer-menu .menu_info ul li {
    text-align: left;
    display: block;
    color: #fff;
    margin-left: 10px;
}

.drawer-menu .menu_info i {
    margin-right: 0;
}


/* checkbox */

.check {
    display: none;
}


/* menu button - label tag */

.menu-btn {
    position: fixed;
    top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    right: 20px;
    width: 60px;
    height: 60px;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    border: 3px solid #333;
    z-index: 1002;
    opacity: 0;
    top: -100px;
    transition: all 300ms 0s ease;
}

.bar {
    position: absolute;
    top: 12px;
    left: 7px;
    display: block;
    width: 40px;
    height: 3px;
    background: #333;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.bar.middle {
    top: 22px;
    opacity: 1;
}

.bar.bottom {
    top: 32px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

.menu-btn__text {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    color: #333;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    visibility: visible;
    opacity: 1;
}

.menu-btn:hover .bar {
    background: #999;
}

.menu-btn:hover .menu-btn__text {
    color: #999;
}

.close-menu {
    position: fixed;
    top: 0;
    right: 600px;
    width: 100%;
    height: 100vh;
    background: transparent;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}


/* checked */

.check:checked~.drawer-menu {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 2;
}

.check:checked~#container {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-600px);
    -ms-transform: translateX(-600px);
    transform: translateX(-600px);
}

.check:checked~.menu-btn .menu-btn__text {
    visibility: hidden;
    opacity: 0;
}

.check:checked~.menu-btn .bar.top {
    width: 48px;
    top: 8px;
    left: 12px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check:checked~.menu-btn .bar.middle {
    opacity: 0;
}

.check:checked~.menu-btn .bar.bottom {
    width: 48px;
    top: 41px;
    left: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.check:checked~.close-menu {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    background: rgba(0, 0, 0, 0.5);
    visibility: visible;
    opacity: 1;
    z-index: 3;
}

.check:checked~.close-menu:before {
    content: "";
    z-index: -1;
    -webkit-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.header_fix_menu {
    display: none;
}

.loader {
    text-align: center;
    font-size: 30px;
    color: #ec6d66;
    margin: 100px 0 0 0;
}

.face .movie,
#loopslider {
    opacity: 0;
}

.mc-list .sharing,
.mc-list .mc_edit_links {
    display: none;
}

.mc-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mc-list li {
    width: 48%;
    margin: 1% !important;
    border: 1px solid #ccc !important;
    display: block;
}

.mc-main .list-event {
    border-top: 1px solid #d1d1d1;
    margin: 0 !important;
    padding: 0.5em !important;
}

.mc-main .list-event .event-title {
    margin: 0 0 5px !important;
    display: inline-block;
    font-size: 16px !important;
    padding: 5px 8px !important;
}


/* animation*/

.absolute_logo {
    display: block;
    width: 300px;
    height: 150px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.absolute_logo img {
    max-width: 100%;
    height: auto;
}

.animation_0a {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.animation_0b {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.animation_0c {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 6.5s;
    animation-delay: 6.5s;
}

.animation_1 {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
}

.animation_2 {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.animation_3 {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.animation_3a,
.animation_3b,
.animation_3c,
.animation_3d,
.animation_3e {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
}

.animation_3a {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.animation_3b {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.animation_3c {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.animation_3d {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.animation_3e {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


/**/

.mail_btn {
    position: fixed;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    padding: 5px 0 0 0;
    right: 90px;
    width: 60px;
    height: 60px;
    font-size: 10px;
    line-height: 0.2em;
    text-align: center;
    cursor: pointer;
    border: 3px solid #333;
    text-align: center;
    color: #333;
    display: block;
    font-size: 30px;
    text-decoration: none;
    z-index: 1002;
    opacity: 0;
    top: -100px;
    transition: all 300ms 0s ease;
}

.mail_btn span {
    font-size: 12px;
}

.phone_num{
    position: fixed;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia, HGS明朝E, メイリオ, Meiryo, serif;
    color:white;
    opacity: 0;
    font-size: 1.2em;
    top: -100px;
    z-index: 1002;
    right:180px;
}

.phone_num span{

    font-size: 1.4em;
}


/** Modal */

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 94%;
    height: 94%;
    margin: 3%;
    padding: 10px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    z-index: 10000;
}
.modal .fields {
    position:relative;
    width: 100%;
    height:92%;
    height: calc(100% - 64px);
    overflow: auto;
    padding:20px;
    border:1px solid #ccc;
    border-radius: 2px;
}
.modal .mo_menu ul{
    /* border-bottom:1px solid #ccc; */
}

.modal .mo_menu ul li {
    list-style: none;
    display: inline-block;
    background: #ccc;
    color: #333;
    padding: 10px 20px;
    margin-right: 1.5em;
   
}


.modal .mo_menu ul li.active {
    background: #94cf4e;
    color: #fff;
}
.modal .mo_menu ul li:hover {
    cursor:pointer;
    background: #94cf4e;
    color: #fff;
}
.modal .newsletter .newsletter_field {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    opacity: 0;
    transition: all 300ms 0s ease;
}

.modal .newsletter_field_left {
    width: 20%;
    padding-top: 5px;
    text-align: center;
}
.modal .newsletter_field_left img{
    max-width: 100%;
    height: auto;
}

.modal .newsletter_field_right {
    width: 76%;
    padding-left: 2%;
}

.modal .newsletter_field_right dl dt,
.modal .inquiry_field dl dt {
    margin-bottom: 5px;
}
.modal .newsletter_field_right dl dt span,
.modal .inquiry_field dl dt span{
    display: inline-block;
    background: tomato;
    color:white;
    font-size:0.7em;
    padding:1px 6px;
    position: relative;
    top: -2px;
}

.modal .newsletter_field_right dl dd,
.modal .inquiry_field dl dd {
    margin-bottom: 10px;
    margin-left:0;
    padding-left:0;
}
span.wpcf7-list-item {
    margin:0 5px 0 0 !important;
}

.modal .newsletter_field_right input[type="submit"] {
    display: block;
    width: 150px;
}

.modal .inquiry .inquiry_field {
    display: block;
    width: 90%;
    position: absolute;
    opacity: 0;
    padding-top: 10px;
    transition: all 300ms 0s ease;
}

.modal .inquiry .inquiry_field h4 {
    color: #94cf4e;
    font-size: 1.3em;
}

.modal .inquiry .inquiry_field p b {
    font-size: 2em;
    color: #007fbd;
    margin-right: 1em;
}

.modal .inquiry .inquiry_field textarea {
    height: 80px;
}

.modal .active .inquiry_field,
.modal .active .newsletter_field {
    opacity: 1;
    z-index: +1;
}

.modal-close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    z-index: 10001;
}


/** Overlay */

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}
#face_youtube_btn{
    cursor: pointer;
    position:absolute;
    top:260px;
    right:350px;
    width:350px;
    height:200px;
    z-index: 10500;
}
#face_youtube_btn2{
    cursor: pointer;
    position:absolute;
    top:480px;
    right:350px;
    width:350px;
    height:200px;
    z-index: 10500;
}
#face_youtube_btn2 img{
    max-width: 100%;
}
#reform_youtube_btn{
    cursor: pointer;
    position:absolute;
    top:250px;
    right:50px;
    width:210px;
    height:120px;
    z-index: 10500;
}
@media screen and (min-width:1279px) {
    #reform_youtube_btn{
        cursor: pointer;
        position:absolute;
        top:180px;
        right:-70px;
        width:350px;
        height:200px;
        z-index: 10500;
    }
}


#face_youtube_btn img,
#reform_youtube_btn img{
    max-width:100%;
    height:auto;
    opacity: 1;
}
#face_youtube,
#reform_youtube{
    display: none;
}
#face_youtube.active,
#reform_youtube.active{
    display: block;
    position: fixed;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.8);
    z-index:20000;
}
#face_youtube.active div.iframe,
#reform_youtube.active div.iframe{
    width:800px;
    height:450px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    z-index: 20002;
}
#face_youtube_cls,
#reform_youtube_cls{
    width:35px;
    height:35px;
    color:white;
    font-size:3em;
    position: absolute;
    top:-45px;
    right:-45px;
    cursor:pointer;
}

.g_menu1 a,
.g_menu2 a,
.g_menu3 a {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia, HGS明朝E, メイリオ, Meiryo, serif;
    
    font-size: 36px;
    text-align: right;
    font-weight: bolder;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    margin-bottom:1em;

}
.g_menu1 b, .g_menu2 b, .g_menu3 b {
    font-size: 0.8em;
    margin:0 2px;
    position: relative;
    top: -3px;
}
.g_menu1 i,
.g_menu2 i,
.g_menu3 i {
    font-size:26px;

}
.g_menu1 a:hover,
.g_menu2 a:hover,
.g_menu3 a:hover {
    font-size: 36px;
    font-weight: bolder;
    color: #333;
    cursor: pointer;

}

.g_menu1 a span,
.g_menu2 a span,
.g_menu3 a span{
    font-size:15px;
    color:#999;
    display: block;
    position: relative;
    top:-5px;
}
.layer_2 .g_menu2 a span,
.layer_2 .g_menu3 a span,
.layer_3 .g_menu2 a span,
.layer_3 .g_menu1 a span{
    text-align: left;
}

.mt_20p {
    margin-top: 20%;
}

.g_menu1 a:hover,
.g_menu2 a:hover,
.g_menu3 a:hover {
    /* font-size: 45px; */
    color: #aaa;
}

.design_box {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -50px;
    left:0;
    right: 0;
    font-size: 50px;
    margin: auto;
    text-shadow: 1px 1px 1px #FFF;
    display: block;
    text-align: center;
}


.design_box a {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    z-index: +1;
    text-decoration: none;
    font-size: 16px;
    color:#333;
    font-weight: bold;
    text-shadow: white 2px 0px 0px,
    white -2px 0px 0px,
    white 0px -2px 0px,
    white 0px 2px 0px,
    white 2px 2px 0px,
    white -2px 2px 0px,
    white 2px -2px 0px,
    white -2px -2px 0px,
    white 1px 2px 0px,
    white -1px 2px 0px,
    white 1px -2px 0px,
    white -1px -2px 0px,
    white 2px 1px 0px,
    white -2px 1px 0px,
    white 2px -1px 0px,
    white -2px -1px 0px,
    white 1px 1px 0px,
    white -1px 1px 0px,
    white 1px -1px 0px,
    white -1px -1px 0px;
}
.design_box a i {
    text-align: center;
    font-size: 50px;
    color: #111;
    text-decoration: none;
}

.fix_active {
    opacity: 1;
    top: 0;
}

.fix_active2 {
    opacity: 1;
    top: 10px;
}
.fix_active3 {
    opacity: 1;
    top: 20px;
}

.w_60 input {
    width: 60%;
}

.w_30 input {
    width: 30%;
}



.fixed_rota{
    display: none;
    background: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    text-align: center;
    position: fixed;
    z-index: 11100;
}
.fixed_rota img{
    width:300px;
    height:300px;
    position: absolute;
    top: 0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

.registration{
    padding:100px 50px;
}

.registration dd{
    margin-left: 0px;
}
/* Large devices: Desktops (≥1200px) */

.ba_box{

    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.ba_box .flexbox{
    align-items: flex-end;
    margin-bottom:50px;
}
.ba_box .ba_box_left,
.ba_box .ba_box_right{
    width:50%;
    text-align:center;
    font-size:24px;
}
.ba_box .flexbox div{
    width: calc(100% / 6 );
    text-align:center;
}
.ba_box .flexbox img{
    width: 190px;
    height: 190px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

#mailmag_btn{
    width: 50px;
    height: 250px;
    position: fixed;
    bottom: 80px;
    right: 0;
    margin: auto;
    z-index: 9999;
}

.voice{
    width: 150px;
    height: 150px;
    position: fixed;
    bottom: 80px;
    left: 10px;
    z-index: 9999;
}

.voice img{
    width: 140px;
    height: 140px;
}

.plan_area{
    width: 100%;
}
.plan_area h2{
    font-size: 2em;
    margin:80px auto;
    text-align: center;
    line-height: 2em;
}
.plan_area .plan_select{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
}
.plan_area .plan_select .plan_select_left,
.plan_area .plan_select .plan_select_right{
    width:50%;
    cursor: pointer;
}
.plan_area .plan_select .plan_select_left .plan_select_img img,
.plan_area .plan_select .plan_select_right .plan_select_img img{
    width: 100%;
    height: auto;
    filter: saturate(10%);
    transition: all 0.7s ease-in-out;
    transform: scale(1,1);
}
.plan_area .plan_select .plan_select_left.active .plan_select_img img,
.plan_area .plan_select .plan_select_right.active .plan_select_img img{
    filter: saturate(100%);
}
.plan_area .plan_select .plan_select_left .plan_select_img,
.plan_area .plan_select .plan_select_right .plan_select_img{
    overflow: hidden;
    position: relative;
    min-height: 400px;
    width: 100%;
}
.plan_area .plan_select .plan_select_left:hover .plan_select_img img,
.plan_area .plan_select .plan_select_right:hover .plan_select_img img{
    transform: scale(1.2,1.2);
    filter: saturate(50%);
}
.plan_area .plan_select .plan_select_left .plan_select_img span,
.plan_area .plan_select .plan_select_right .plan_select_img span{
    display: inline-block;
    background: #fff;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    width:300px;
    text-align: center;
    font-weight: 800;
    padding:20px 50px;
}
.plan_area .plan_select .plan_select_left .plan_select_text,
.plan_area .plan_select .plan_select_right .plan_select_text{
    padding:80px;
}
.plan_area .plan_select .plan_select_left .plan_select_text{
    border-right:1px solid #ccc;
}
.plan_area .plan_select .plan_select_left .plan_select_text p.s_btn,
.plan_area .plan_select .plan_select_right .plan_select_text p.s_btn{
    text-align: center;
    margin-top: 1em;
}
.plan_area .plan_select .plan_select_left .plan_select_text p.s_btn .s_btn,
.plan_area .plan_select .plan_select_right .plan_select_text p.s_btn .s_btn{
    display: inline-block;
    padding:20px 40px;
    border:2px solid #e0c79b;
    color:#e0c79b;
}
.plan_area .plan_select .plan_select_left.active .plan_select_text p.s_btn .s_btn,
.plan_area .plan_select .plan_select_right.active .plan_select_text p.s_btn .s_btn{
    border:2px solid #e0c79b;
    color:white;
    background: #e0c79b;
}
.plan_area h2 span{
    font-size: 1.5rem;
}
.plan_area .plan_images{
    width: 100%;
}
.plan_area .plan_images img{
    width: 100%;
    height: auto;
}
.plan_area .plan_header{
    padding:10px;
    text-align: center;
    margin-bottom: 2em;
}
.plan_area .plan_header h4{
    font-size: 1.8em;
}
.plan_area .plan_box{
    width:100%;
    max-width:1220px;
    margin: 30px auto;
}
.plan_area .plan_list{
    background: #f0ece6;
    padding:30px;
}
.plan_area .plan_list p{
    font-weight: 900;
    margin-bottom: 1em;
    font-size: 1.1em;
}
.plan_area .plan_list .plan_list01,
.plan_area .plan_list .plan_list02{
    width:50%;
    padding:20px;
}
.plan_area .plan_list .plan_list01 ul{
    list-style: url(images/st_icon.png) ;
    margin-left: 2em;
}
.plan_area .plan_list .plan_list02 ul{
    list-style: url(images/c_icon.png) ;
    margin-left: 2em;
}
.plan_area .plan_list .plan_list01 ul li,
.plan_area .plan_list .plan_list02 ul li{
    margin-bottom: 0.5em;
}
.plan_area .plan_price{
    text-align: center;
    padding:20px;
    border-bottom: 2px dotted #ddd;
}
.plan_area .plan_price .price{
    font-size: 1.3em;
}
.plan_area .plan_img{
    width: 100%;
    max-width: 900px;
    margin:0 auto 50px auto;
}
.plan_area .plan_img img{
    max-width: 100%;
    height: auto;
}
.plan_area .plan_price .price span{
    font-size: 1.3em;
}
.plan_area .plan_price .price_ex{
    font-size: 1rem;
    color:tomato;
}
.plan_area .plan_00,
.plan_area .plan_01,
.plan_area .plan_02{
    display: none;
}
.plan_area .plan_00{
    text-align: center;
    font-size: 2em;

    opacity: 0;
    transition: all 0.8s ease-in-out;
}
.plan_area .plan_00.active,
.plan_area .plan_01.active,
.plan_area .plan_02.active{
    display: block;
    opacity: 1;
}
.plan_area .plan_option{
    padding:50px;
    background: #ddd;
}
.plan_area .plan_option ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.plan_area .plan_option ul li{
    width: 33%;
    padding:0 10px;
    margin:0 0 0.5em 0;
}
.plan_area .designer_image{
    width:100%;
    max-width:900px;
    margin:0 auto 50px auto;
}
.plan_area .designer_image img{
    width: 100%;
    height: auto;
}
.plan_area .plan_01 .plan_header.ma{
    background: url(images/plan_01bg.png) no-repeat;
    background-position: center 50px ;
}
.plan_area .plan_02 .plan_header.ma{
    background: url(images/plan_02bg.png) no-repeat;
    background-position: center 50px;
}
.plan_area .designer_text{
    width:100%;
    max-width:900px;
    margin:0 auto 50px auto;
}
.plan_area .designer_text p{

    margin-bottom: 1em;
}
@media screen and (max-width:820px){
    .plan_area .plan_select .plan_select_left .plan_select_img,
    .plan_area .plan_select .plan_select_right .plan_select_img{
        overflow: hidden;
        position: relative;
        min-height: 200px;
        width: 100%;
    }
}

@media screen and (max-width:600px){
    .plan_area{
        font-size: 0.8em;
    }
    .plan_area .plan_select .plan_select_left .plan_select_img,
    .plan_area .plan_select .plan_select_right .plan_select_img{
        overflow: hidden;
        position: relative;
        min-height: 100px;
        width: 100%;
    }
    .plan_area h2 {
        font-size: 1.3em;
        margin: 30px auto;
        text-align: center;
        line-height: 1.5em;
    }
    .plan_area h2 span{
        font-size: 0.9em;
    }
    .plan_area .plan_select .plan_select_left,
    .plan_area .plan_select .plan_select_right{
        width:100%;
    }
    
    .plan_area .plan_select .plan_select_left .plan_select_text,
    .plan_area .plan_select .plan_select_right .plan_select_text{
        padding:10px;
        
    }
    .plan_area .plan_list .plan_list01,
    .plan_area .plan_list .plan_list02{
        width:100%;
        padding:10px;
    }
    .plan_area .plan_option ul li {
        width: 100%;
        padding: 0 10px;
        margin: 0 0 0.3em 0;
    }
    .plan_area .plan_00{
        text-align: center;
        font-size: 1.3em;
        padding:50px 10px;
        opacity: 0;
        transition: all 0.8s ease-in-out;
        font-weight: bold;
    }
}

@media (min-width: 1280px) {}

@media screen and (max-width: 1480px) {
    .page_content_cat2_box1 ul li {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        display: inline-block;
        background: #02a878;
        color: #FFF;
        text-align: center;
        margin: 15px 10px;
    }
    .page_content_cat2_box1 ul li p {
        position: relative;
        display: block;
        top: 50px;
    }
}

@media screen and (max-width: 1110px) {
    div#header-in,
    div#navi-in,
    div#body-in,
    div#footer-in {
        width: 100%;
    }
}


/* Medium devices: Desktops (≥992px) */

@media (max-width: 991px) {
    .bana_area_01>div {
        height: auto;
        overflow-y: auto;
    }
    .phone_num{
        opacity:0;
        display:none;
    }
}

@media (max-width: 767px) {

    * {
        line-height: 1.8em;
    }
    body {
        overflow-x: hidden;
        width: 100%;
    }
    .box_b1,
    .inq_box,
    .news_box {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    .header_area {
        width: 100%;
        height: 60px;
        display: block;
        position: fixed;
        top: 0;
        z-index: 10000;
        box-shadow: 1px 1px 1px #333;
    }
    #container {
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
    }
    #site-title{
        text-align: left;
    }
    #site-title img {
        height: 42px;
        width: auto;
        margin-top: 5px;
    }
    .main_face .face_menu {
        display: none;
    }
    .main_face .cc {
        position: absolute;
        top: 50px;
        left: 5%;
        font-size: 16px;
        z-index: 3;
        color: white;
        font-weight: bold;
        text-shadow: 2px 2px 2px #333;
    }
    #h-top #site-title a {
        font-size: 14px !important;
    }
    #site-title span {
        font-size: 0.5em;
        position: absolute;
        top: 50px;
        left: 70px;
        padding-left: 1px;
    }
    #site-description {
        text-align: center;
        color: white;
        font-size: 1em;
    }
    .menu {
        display: none;
    }
    .box_area {
        width: 100%;
    }
    .page_content_cat1_box1,
    .page_content_cat1_box3 {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
    }
    .page_content_cat1_box1 .st3 {
        flex-wrap: wrap;
        margin: 80px auto 0 auto;
    }
    .page_content_cat1_box2 {
        width: 100%;
        flex-wrap: wrap;
    }
    .page_content_cat1_box1 .st3>div {
        width: 98%;
    }
    .page_content_cat1_box2>div {
        width: 98%;
    }
    .b_title_1,
    .b_title_1b,
    .b_title_2,
    .b_title_3,
    .b_title_4,
    .b_title_5 {
        font-size: 16px;
        padding: 10px 4px;
    }
    .shop_box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .shop_box>div {
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        width: calc(100%);
    }
    .inq_area {
        padding: 10px;
        font-size: 14px;
    }
    .inq_area .phone {
        font-size: 18px;
    }
    .inq_area .phone span {
        font-size: 20px;
        color: #da454b;
    }
    .inq_area .inq_btn a {
        padding: 5px 10px;
        display: inline-block;
        color: #FFF;
        background: #007fbd;
        border-radius: 5px;
        margin-right: 0.5em;
    }
    .box_a0,
    .box_a3_1,
    .box_a3_2 {
        width: 100%;
        height: auto;
        font-size: 14px;
        text-align: left;
        padding: 60px 0 60px 5%;
        line-height: 1.5em;
        background-size: cover;
        margin-bottom: 80px;
        text-shadow: 1px 1px 1px #FFF;
        position: relative;
        z-index: 1;
    }
    .box_a0 {
        background: url(images/box_a0.png) no-repeat top;
    }
    .box_a3_1 {
        background: url(images/box_a3_1.png) no-repeat top;
    }
    .box_a3_2 {
        background: url(images/box_a3_2.png) no-repeat top;
    }
    .box_a0:after,
    .box_a3_1:after,
    .box_a3_2:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.7);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .box_a0 h2,
    .box_a3_1 h4,
    .box_a3_2 h4,
    .box_a0 p,
    .box_a3_1 p,
    .box_a3_2 p {
        position: relative;
        z-index: 3;
    }
    .box_a3_1 h4,
    .box_a3_2 h4,
    .mc-main.list .my-calendar-month,
    .mc-main .heading,
    .page_content_cat1_box1 .st1 {
        font-size: 16px;
    }
    .box_b1 {
        margin: 0px auto 80px auto;
        border-radius: 0px;
        font-size: 12px;
        background: #fadbd9;
        text-align: left;
        padding: 10px;
        line-height: 1.5em;
        color: #666;
        box-sizing: border-box;
    }
    .box_b1 h4 {
        color: #e61772;
        text-align: center;
        font-size: 16px;
    }
    .face {
        width: 100%;
        height: 80vh;
        display: block;
        position: relative;
    }
    .face div.flexbox {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .face div.flexbox>div {
        padding: 0;
        box-sizing: border-box;
        text-align: center;
        width: calc(100%);
        height:80vh;
    }
    .g_menu1,
    .g_menu2,
    .g_menu3 {
        font-size: 36px;
        text-align: center;
        font-weight: bolder;
        color: #666;
        cursor: pointer;
        margin-bottom:1em;
        text-shadow: white 2px 0px 0px,
        white -2px 0px 0px,
        white 0px -2px 0px,
        white 0px 2px 0px,
        white 2px 2px 0px,
        white -2px 2px 0px,
        white 2px -2px 0px,
        white -2px -2px 0px,
        white 1px 2px 0px,
        white -1px 2px 0px,
        white 1px -2px 0px,
        white -1px -2px 0px,
        white 2px 1px 0px,
        white -2px 1px 0px,
        white 2px -1px 0px,
        white -2px -1px 0px,
        white 1px 1px 0px,
        white -1px 1px 0px,
        white 1px -1px 0px,
        white -1px -1px 0px;
    }
    .mt_20p {
        margin-top: 5%;
    }
    .g_menu1 a,
    .g_menu2 a,
    .g_menu3 a {f
        color:#666;
        text-align: center;
    }
    .layer_2 .g_menu1 a span,
    .layer_2 .g_menu2 a span,
    .layer_2 .g_menu3 a span,
    .layer_3 .g_menu1 a span,
    .layer_3 .g_menu2 a span,
    .layer_3 .g_menu3 a span {
        color:#666;
        text-align: center;
    }
    .design_box {
        width: 100px;
        height: 100px;
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        font-size: 50px;
        margin: auto;
        text-shadow: 1px 1px 1px #FFF;
        display: block;
        text-align: center;
        z-index:2;
    }
    .header_fix_menu img {
        width: 50%;
        height: auto;
        margin: 8px;
    }
    .main_face {
        margin-bottom: 20px;
    }
    .news_box h2 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 1em;
    }
    .news_box img {
        width: 40% !important;
        height: auto;
    }
    .news_area {
        padding: 10px;
        border-radius: 0px;
        background: #f8f6f0;
        border: 1px dashed #d4d0c1;
        font-size: 14px;
    }
    div.video::after {
        content: "";
        background: none;
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .box_1 h2,
    .box_0 h2 {
        line-height: 20px;
        font-size: 1.0em;
        text-align: center;
        letter-spacing: 0.1em;
        padding: 10px 0;
        border-bottom: 1px dashed #aa996f;
        margin-bottom: 10px;
    }
    .box_1 p,
    .box_0 p {
        font-size: 0.8em;
    }
    .box_1 ul li,
    .box_0 ul li {
        font-size: 0.8em;
    }
    .box_1 ul,
    .box_0 ul {
        padding: 8px 16px;
    }
    .box_1 h2 img,
    .box_0 h2 img {
        width: 10%;
        height: auto;
        top: 2px;
    }
    .topics_area {
        margin: 10px 0 60px 0;
        display: flex;
        flex-wrap: wrap;
    }
    .topics_box {
        width: 98%;
        margin: 1%;
        padding: 20px;
        position: relative;
    }
    .about_menu {
        clear: both;
        width: 98%;
        margin: 30px auto;
    }
    .about_menu>div {
        float: left;
        width: 50%;
        padding: 30px;
        text-align: center;
        font-size: 14px;
    }
    .cha {
        font-size: 16px;
        margin-top: 30px;
        padding: 0 20px;
    }
    .taiken_area h4 {
        color: #3b5bbe;
        font-size: 1.0em;
        font-weight: bold;
        letter-spacing: 0.2em;
    }
    /*    table td,
    table th {
        font-size: 0.7em;
    }*/
    #list {
        border-top: 2px dashed #f7b3bc;
    }
    #list article {
        border-bottom: 2px dashed #f7b3bc;
        padding: 20px 0;
    }
    #list article h2 {
        font-size: 0.7em;
    }
    .entry-snippet {
        opacity: 0;
    }
    .top_face {}
    .page_content_cat2_box1 ul li {
        width: 96%;
        height: auto;
        border-radius: 5px;
        display: block;
        background: #02a878;
        color: #FFF;
        text-align: center;
        margin: 2%;
        box-sizing: border-box;
        padding-bottom: 20px;
    }
    .page_content_cat2_box1 ul li p {
        position: relative;
        display: block;
        top: 10px;
        font-size: 12px;
    }
    .page_content_cat2_box1 ul li span {
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 0.2em;
        border-bottom: 2px solid #fff;
        width: 80%;
        margin: 0 auto 0.2em auto;
    }
    .page_content_cat2_box3 dl {
        width: 96%;
        margin: 50px 2%;
    }
    .page_content_cat2_box3 dt {
        width: 100%;
        float: none;
        color: white;
        font-size: 16px;
        padding-left: 60px;
        padding-bottom: 15px;
    }
    .page_content_cat2_box3 dd {
        background: #fff;
        margin-left: 0;
        padding-bottom: 10px;
        height: 100%;
        border-left: none;
        font-size: 12px;
    }
    .page_content_cat2_box2 .st1 {
        font-size: 16px;
    }
    .page_content_cat2_box2 .st2,
    .page_content_cat2_box5 .st2 {
        font-size: 16px;
    }
    .page_content_cat2_box5 .box5_st3 p {
        font-size: 14px;
        padding-top: 10px;
    }
    .page_content_cat2_box5 .box5_st3 img {
        width: 26%;
        float: left;
        margin-right: 10px;
        padding-top: 20px;
    }
    .page_content_cat2_box5 .flexbox {
        flex-wrap: wrap;
    }
    .page_content_cat2_box5 .flexbox>div {
        width: 100%;
        padding: 10px;
    }
    .page_content_cat2_box5 .flexbox>div:first-child {
        padding: 10px;
    }
    .hm_menu_check {
        /* チェックボックスを隠す */
        display: none;
    }
    .hm_wrap {
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    .hm_title img {
        height: 80px;
        width: auto;
    }
    /* ▽▽メニューボタン▽▽ */
    .hm_btn {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        float: right;
        margin: 30px 20px 0 0;
        z-index: 4000;
    }
    .hm_btn::before {
        -webkit-box-shadow: #FFF 0 12px 0;
        box-shadow: #FFF 0 12px 0;
    }
    .hm_btn::after {
        bottom: 0;
    }
    .hm_btn::before,
    .hm_btn::after {
        width: 30px;
        height: 6px;
        background: #FFF;
        display: block;
        content: '';
        position: absolute;
        -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
        transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
    }
    /* △△メニューボタン△△ */
    .hm_menu_wrap {
        width: 100%;
        height: 10000px;
        background: rgba(237, 134, 179, 0.9);
        position: absolute;
        right: -100%;
        top: 0;
        -webkit-transition: left 0.4s;
        transition: left 0.4s;
    }
    /* ▽▽開閉時のアニメーション▽▽ */
    .hm_menu_check:checked~.hm_title {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .hm_menu_check:checked~.hm_btn::before {
        -webkit-box-shadow: transparent 0 0 0;
        box-shadow: transparent 0 0 0;
        -webkit-transform: rotate(45deg) translate3d(8px, 9px, 0);
        transform: rotate(45deg) translate3d(8px, 9px, 0);
    }
    .hm_menu_check:checked~.hm_btn::after {
        -webkit-transform: rotate(-45deg) translate3d(8px, -9px, 0);
        transform: rotate(-45deg) translate3d(8px, -9px, 0);
    }
    .hm_menu_check:checked~.hm_menu_wrap {
        left: 0;
    }
    /* △△開閉時のアニメーション△△ */
    /* ▽▽メニュー内のリストスタイル▽▽ */
    .hm_list {
        list-style-type: none;
        margin: 100px 20px 10px 20px;
        padding: 0;
    }
    .hm_list {
        border-top: 1px dashed #FFF;
    }
    .hm_list li a {
        color: #FFF;
        display: block;
        overflow: hidden;
        padding: 18px 0;
        position: relative;
        text-decoration: none;
        z-index: 1000;
        border-bottom: 1px dashed #FFF;
        text-align: center;
    }
    .hm_list i {
        margin: 0 0.5em;
    }
    /* .hm_list li a::before {

        background: #eee;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 100%;
        left: 0;
        -webkit-transition: bottom 0.4s;
        transition: bottom 0.4s;
        z-index: -1;
    } */
    .hm_list li a:hover::before {
        bottom: 0;
    }
    .hm_list li a:hover::after {
        opacity: 0.5;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .taiken_area h4,
    .taiken_area .taiken_text {
        text-align: center;
    }
    #line_btn a {
        margin: 5% auto 5% auto;
    }
    #sns_btn a:first-of-type i {
        margin-left: 0.2em;
    }
    #sns_btn {
        text-align: center;
    }
    #sns_btn i {
        margin-bottom: 0;
    }
    .hm_menu_wrap .face_menu {
        padding: 10px;
        margin: 120px 20px 20px 20px;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.9);
    }
    .hm_menu_wrap .face_menu .face_menu_01,
    .hm_menu_wrap .face_menu .face_menu_02,
    .hm_menu_wrap .face_menu .face_menu_03,
    .hm_menu_wrap .face_menu .face_menu_04 {
        width: 46%;
        margin: 2%;
        float: left;
        text-align: center;
        display: block;
        position: relative;
    }
    .hm_menu_wrap .face_menu .face_menu_img {
        width: 80%;
        margin: 0 auto;
        background: #333;
        border-radius: 50%;
        border: 2px solid #FFF;
    }
    .hm_menu_wrap .face_menu .face_menu_img img {
        width: 80%;
        height: auto;
    }
    .hm_menu_wrap .face_menu .face_menu_title {
        width: 86%;
        height: auto;
        margin: 5px auto;
        color: white;
        font-size: 12px;
        padding: 5px 0;
        box-sizing: border-box;
        border: 2px solid #FFF;
    }
    .hm_menu_wrap .face_menu .face_menu_text {
        font-size: 10px;
    }
    .hm_menu_wrap .face_menu .face_menu_01 .face_menu_img,
    .hm_menu_wrap .face_menu .face_menu_01 .face_menu_title {
        background: #d8464b;
    }
    .hm_menu_wrap .face_menu .face_menu_02 .face_menu_img,
    .hm_menu_wrap .face_menu .face_menu_02 .face_menu_title {
        background: #f6ac19;
    }
    .hm_menu_wrap .face_menu .face_menu_03 .face_menu_img,
    .hm_menu_wrap .face_menu .face_menu_03 .face_menu_title {
        background: #35b597;
    }
    .hm_menu_wrap .face_menu .face_menu_04 .face_menu_img,
    .hm_menu_wrap .face_menu .face_menu_04 .face_menu_title {
        background: #007fbd;
    }
    .hm_menu_wrap .face_menu::after {
        content: "";
        display: block;
        clear: both;
    }
    .hm_menu_wrap .face_menu a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .drawer-menu {
        box-sizing: border-box;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 10px 0;
        background: #222;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        opacity: 0;
        overflow:auto;
    }
    .drawer-menu h2 {
        text-align: left;
        color: #ccc;
    }
    .drawer-menu h2 img{
        height:48px;
        width:auto;
        margin:0 0 30px 10px;
    }
    .close-menu {
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        height: 100vh;
        background: transparent;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        visibility: hidden;
        opacity: 0;
    }
    .menu-btn {
        display: none;
        position: fixed;
        top: 12px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        padding: 10px;
        right: 10px;
        width: 60px;
        height: 60px;
        font-size: 10px;
        text-align: center;
        cursor: pointer;
        border: 3px solid #db434f;
        z-index: 1000;
    }
    .news_area dl,
    .news_area dd,
    .news_area dt {
        margin: 0;
        padding: 0;
    }
    .news_area dt,
    .shop_1 h2,
    .shop_2 h2,
    .shop_3 h2,
    .box_a0 h2,
    .box_a1 h4,
    .box_a1 h5,
    .box_a3_1 h4,
    .box_a3_2 h4,
    .face .sec_1 h4,
    .face .sec_2 h4,
    .face .sec_3 h4,
    .page_content_cat1_box1 .st3_title,
    .page_content_cat1_box2 h4,
    .page_content_cat1_box3 h4,
    .page_content_cat3_box2 .st2,
    .page_content_cat3_box4 .st2,
    .page_content_cat3_box3 .st2,
    .page_content_cat3_box5 h4,
    .page_content_cat2_box5 .flexbox .box5_st1_01 h4,
    .page_content_cat2_box5 .flexbox .box5_st1_02 h4,
    .page_content_cat2_box5 .flexbox .box5_st2 h4,
    .page_content_cat2_box4 .q,
    .page_inq_box1 .st3 {
        font-size: 16px
    }
    .news_area dd,
    .shop_box dt,
    .shop_box dd,
    .inq_area .inq_btn,
    .inq_area,
    .box_a0 p,
    .box_a1 p,
    .box_a3_1 p,
    .box_a3_2 p,
    .face p,
    .page_content_cat1_box1 .st3_text,
    .page_content_cat1_box1 p,
    .page_content_cat1_box2 p,
    .page_content_cat1_box3 p,
    .page_content_cat3_box2 p,
    .page_content_cat3_box4 p,
    .page_content_cat3_box3 p,
    .page_content_cat3_box5 p,
    .page_content_cat3_box5 dl,
    .cat3_btn a,
    .page_content_cat2_box5 .flexbox .box5_st1_01 p,
    .page_content_cat2_box5 .flexbox .box5_st1_02 p,
    .page_content_cat2_box5 .flexbox .box5_st2 p,
    .page_content_cat2_box5 p,
    .page_content_cat2_box4 .a {
        font-size: 12px
    }
    .page_content_cat4_box1 {
        padding: 10px;
    }
    .page_content_cat4_box1 .st1 {
        font-size: 20px;
    }
    .page_content_cat4_box1 .st2,
    .page_content_cat4_box2 .st2,
    .page_inq_box1 .st2 {
        font-size: 16px;
        padding: 8px 5px;
    }
    .page_content_cat4_box1 p,
    .page_content_cat4_box2 p,
    .page_content_cat4_box1 table,
    .page_content_cat4_box1 ol,
    .page_content_cat4_box1 ul {
        font-size: 12px;
    }
    .page_content_cat4_box1 ol,
    .page_content_cat4_box1 ul {
        padding-left: 24px;
    }
    .page_content_cat4_box1 ol li,
    .page_content_cat4_box1 ul li {
        padding: 0;
        margin: 0;
    }
    .page_content_cat4_box1 table th,
    .page_content_cat4_box1 table td {
        padding: 5px 3px;
    }
    .page_content_cat1_box3 {
        width: 98%;
        margin: 10px 1%;
    }
    .page_content_cat3_box2 img+p+div {
        border: 1px solid #ccc;
        padding: 0 10px 10px 10px;
        margin: 10px 1%;
        width: 98%;
        font-size: 12px;
    }
    span.price {
        color: #d8464b;
        font-size: 16px;
    }
    .shop_box .shop_status {
        padding: 8px 0;
        font-size: 16px;
        color: #FFF;
    }
    .shop_box>div {
        padding-bottom: 40px;
        margin-bottom: 10px;
        border-bottom: 1px dashed #ccc;
    }
    .shop_box>div::after {
        content: "";
        clear: both;
        display: block;
    }
    .box_a2 ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 auto 30px auto;
    }
    .box_a2 {
        text-align: center;
        padding: 40px 10px 40px 10px;
        line-height: 1.5em;
    }
    .box_a2 h4 {
        color: #35b597;
        text-align: center;
        font-size: 16px;
    }
    .box_a2 ul li {
        list-style: none;
        box-sizing: border-box;
        text-align: center;
        box-sizing: border-box;
        width: calc(100% / 2);
        margin-bottom: 10px;
    }
    .box_a2 ul li span {
        color: #35b597;
        font-weight: 700;
    }
    .box_a2 ul li p {
        margin: 10px 10px;
        padding: 10px 5px;
        border-radius: 3px;
        background: #d7f0ea;
        height: 100%;
        font-size: 12px;
        position: relative;
        box-sizing: border-box;
    }
    .sec_a1 img,
    .sec_a2 img {
        width: 120px;
        height: auto;
        border-radius: 50%;
        float: right;
        margin-top: 1em;
        margin-left: 2em;
        margin-right: 0;
    }
    .page_content_cat4_box2 {
        padding: 10px;
        max-width: 1040px;
        margin: 0 auto;
    }
    .page_content_cat4_box2>div {
        flex-wrap: wrap;
    }
    .page_content_cat4_box2 .box2_img,
    .page_content_cat4_box2 .box2_text {
        width: 100%;
        padding: 10px;
    }
    .page_content_cat4_box2 .box2_img {
        text-align: center;
    }
    .page_content_cat4_box2 .box2_img img {
        margin: 0 auto;
        width: 80%;
        height: auto;
    }
    .page_content_cat3_box2 img,
    .page_content_cat3_box3 img {
        width: 80%;
        display: block;
        height: auto;
        margin: 10px auto;
        float: none;
    }
    .page_content_cat3_box6 {
        flex-wrap: wrap;
    }
    .page_content_cat3_box6 .box6_img {
        width: 100%;
        padding-right: 0px;
        text-align: center;
    }
    .page_content_cat3_box6 .box6_img img {
        width: 45%;
        height: auto;
        float: left;
    }
    .page_content_cat3_box6 .box6_text {
        width: 100%;
        padding-left: 0px;
    }
    .page_content_cat3_box6 .box6_text dl {
        font-size: 12px;
    }
    .page_inq_box1 {
        padding: 10px;
    }
    .page_inq_box1 dl,
    .page_inq_box1 dt,
    .page_inq_box1 dd {
        margin: 0;
        padding: 0;
    }
    .page_inq_box1 dt,
    .page_inq_box1 dd {
        padding: 10px 10px 0 10px;
        border-top: 1px solid #ccc;
    }
    .page_inq_box1 dl {
        background: #FFF;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        background: #EFEFEF;
        width: 98%;
        margin: 20px 1%;
    }
    .page_inq_box1 dt {
        width: 100%;
        float: none;
        font-size: 16px;
    }
    .page_inq_box1 dd {
        background: #fff;
        margin-left: 0;
        padding-bottom: 10px;
        border-left: none;
        font-size: 12px;
    }
    .page_inq_box1 dd select {
        max-width: 100%;
    }
    .page_inq_box1 dd:after {
        content: '';
        display: block;
        clear: both;
    }
    .message_area {
        padding: 10px;
        flex-wrap: wrap;
    }
    .message_area .profile {
        width: 100%;
        padding-right: 0px;
        text-align: center;
        padding-top: 0px;
    }
    .message_area .profile img {
        width: 40%;
        height: auto;
    }
    .message_area .message {
        width: 100%;
        padding-left: 0;
        line-height: 1.8em;
        font-size: 12px;
    }
    .message_area .message h4 {
        padding: 5px 0px;
        color: #d8454b;
        font-size: 16px;
    }
    .mc-main caption,
    .mc-main.list .my-calendar-month,
    .mc-main .heading {
        font-size: 16px !important;
    }
    .mail_btn {
        position: fixed;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        padding: 0px 0 0 0;
        right: 80px;
        width: 50px;
        height: 50px;
        font-size: 10px;
        line-height: 0.1em;
        text-align: center;
        cursor: pointer;
        border: 3px solid #333;
        text-align: center;
        color: #333;
        display: block;
        font-size: 20px;
        text-decoration: none;
        z-index: 10002;
        opacity: 0;
        top: -100px;
        transition: all 300ms 0s ease;
    }
    .mail_btn span {
        font-size: 10px;
        position: absolute;
        text-align:center;
        display: block;
        width:100%;
        bottom:0px;
    }

    .menu-btn {
        position: fixed;
        top: 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        padding: 10px;
        right: 20px;
        width: 50px;
        height: 50px;
        font-size: 10px;
        text-align: center;
        cursor: pointer;
        border: 3px solid #333;
        z-index: 10002;
        opacity: 0;
        top: -100px;
        transition: all 300ms 0s ease;
    }
    .bar {
        position: absolute;
        top: 8px;
        left: 7px;
        display: block;
        width: 30px;
        height: 3px;
        background: #333;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }
    
    .bar.middle {
        top: 16px;
        opacity: 1;
    }
    
    .bar.bottom {
        top: 24px;
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
    }
    
    .menu-btn__text {
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        color: #333;
        -webkit-transition: all .5s;
        transition: all .5s;
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    .menu-btn:hover .bar {
        background: #333;
    }
    
    .menu-btn:hover .menu-btn__text {
        color: #333;
    }
    .check:checked~.menu-btn .bar.top {
        width: 38px;
        top: 8px;
        left: 10px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    .check:checked~.menu-btn .bar.middle {
        opacity: 0;
    }
    
    .check:checked~.menu-btn .bar.bottom {
        width: 38px;
        top: 34px;
        left: 10px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        padding: 10px;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
        z-index: 10005;
    }
    .mo_menu li{
        font-size:0.7em;
    }
    .modal .newsletter .newsletter_field {
        position: absolute;
        height:90%;
        overflow-y:auto; 
        opacity: 0;
        transition: all 300ms 0s ease;
    }
    .modal .newsletter_field_left {
        width: 50%;
        padding-top: 50px;
        text-align: center;
        display: none;
        font-size:10px;
    }
    .modal .newsletter_field_left  img{
        max-width:100%;
        height:auto;
    }
    .modal .newsletter_field_right {
        width: 100%;
        padding-left: 0;
        font-size:14px;
    }
    .modal .newsletter_field_right dl dd,
    .modal .inquiry_field dl dd{
        margin-inline-start: 0px;
        margin-left:0;
    }
    .modal .newsletter_field_right dl dd input,
    .modal .inquiry_field dl dd input{
        padding:3px;
    }
    
    .modal .newsletter_field_right dl dt,
    .modal .inquiry_field dl dt {
        margin-bottom: 0px;
    }
    
    .modal .newsletter_field_right dl dd,
    .modal .inquiry_field dl dd {
        margin-bottom: 5px;
    }
    
    .modal .newsletter_field_right input[type="submit"],
    .modal .inquiry .inquiry_field  input[type="submit"] {
        display: block;
        width: 150px;
        padding:10px 0;
        margin:0 auto;
    }

    .modal-close-btn {
        position: absolute;
        right: 10px;
        top:auto;
        bottom: 10px;
        font-size: 20px;
        z-index: 10001;
    }
    
    .modal .inquiry .inquiry_field {
        display: block;
        width: 100%;
        position: absolute;
        opacity: 0;
        padding-top: 20px;
        transition: all 300ms 0s ease;
        font-size:14px;
        box-sizing:border-box;
    }
    
    .modal .inquiry .inquiry_field h4 {
        color: #94cf4e;
        font-size: 1em;
    }
    
    .modal .inquiry .inquiry_field p b {
        font-size: 1.5em;
        color: #007fbd;
        margin-right: 1em;
    }
    
    .modal .inquiry .inquiry_field textarea {
        height: 80px;
        width:90%;
    }
    .fix_active {
        opacity: 1;
        top: 0;
    }
    .fix_active2 {
        opacity: 1;
        top: 5px;
    }
    .modal .active .inquiry_field,
    .modal .active .newsletter_field {
        opacity: 1;
        z-index: +1;
    }
    .registration{
        padding:60px 10px;
    }
    .registration h2{
        font-size:1.2em;
    }
    .access_box {
        padding: 20px;
        width: 100%;
        margin: 20px auto 20px auto;
        font-size: 1.4em;
        color: #aaa;
        text-align: center;
        font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", Georgia, HGS明朝E, メイリオ, Meiryo, serif;
    }
    .ba_box .flexbox div{
        width: calc(100% / 2 );
        text-align:center;
    }
    .ba_box .flexbox img{
        width: 200px;
        height: 200px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    #face_youtube_btn,
    #reform_youtube_btn{
        display: none;
    }
    .sm_youtube{
        display: block;
    }
    .sm_youtube iframe{
        width:90%;
        margin:120px 5% 0px 5%;
        height:200px;
    }
    .voice{
        width: 90px;
        height: 90px;
        position: absolute;
        bottom: auto;
        top: 10px;
        left: 10px;
    }
    .voice img{
        width: 90px;
        height: 90px;
    }
    #mailmag_btn{
        width: 30px;
        height: 150px;
        position: fixed;
        bottom: 80px;
        right: 0;
        margin: auto;
        z-index: 9999;
    }
    #mailmag_btn img{
        width: 30px;
        height: 150px;
    }
    .plan_area .designer_text{
        padding:0 20px;
    }
}

@media screen and (max-width: 639px) {
    #h-top #site-description {
        font-size: 0.7em;
        line-height: 140%;
        margin-bottom: 10px;
    }
}