@charset "UTF-8";
 /*
* Theme Name: temp_aplice
* Author: MONDO.llc
* Version: 
* Description: 
*/
 html {
     font-size: 62.5%; /* font-sizeは16pxの62.5%の10px */
     scroll-behavior: smooth;
 }
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-weight: normal;
     vertical-align: baseline;
     background: transparent;
 }
 body {
     line-height: 1;
 }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
 }
 ul {
     list-style: none;
 }
 blockquote, q {
     quotes: none;
 }
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
 }
 a {
     margin: 0;
     padding: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
 }
 /* change colours to suit your needs */
 ins {
     background-color: #ff9;
     color: #000;
     text-decoration: none;
 }
 /* change colours to suit your needs */
 mark {
     background-color: #ff9;
     color: #000;
     font-style: italic;
     font-weight: bold;
 }
 del {
     text-decoration: line-through;
 }
 abbr[title], dfn[title] {
     border-bottom: 1px dotted;
     cursor: help;
 }
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 /* change border colour to suit your needs */
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #cccccc;
     margin: 1em 0;
     padding: 0;
 }
 input, select {
     vertical-align: middle;
 }
 img {
     max-width: 100%;
     height: auto;
     border: none;
 }
 body {
     font-size: 1.5rem;
     line-height: 1.8;
     color: #333333;
     font-family: "Noto Serif JP", serif;
     letter-spacing: 0.1em;
 }
 main {
     width: 100%;
     min-width: 1054px;
     overflow: hidden;
     position: relative;
 }
 @media only screen and (max-width: 800px) {
     body {
         font-size: 1.4rem;
         background-attachment: scroll;
     }
     main {
         min-width: inherit;
         margin: -50px 0 0;
     }
 }
 /************************************ a:link a:hoverの設定*/
 a:link, a:visited {
     color: #333;
     text-decoration: none;
 }
 a:hover, a:active {
     text-decoration: underline;
 }
 /************************************ サイト幅の設定（meta内のviewportも同様の数値を記入　※960px以下の場合は960pxに設定するiPad向け）*/
 .container {
     max-width: 1230px;
     margin: auto;
 }
 @media only screen and (max-width: 800px) {
     .container {
         width: 100%;
     }
 }
 /************************************ コンテンツ*/
 .contents {
     float: left;
     width: 740px;
     padding: 0 0 80px;
 }
 @media only screen and (max-width: 800px) {
     .contents {
         float: none;
         width: auto;
         padding: 0 0 60px;
     }
 }
 /************************************テーブル (01_04 追加)*/
 .table-bordered {
     border-collapse: collapse;
     border: solid 1px #eeeeee;
     width: 100%;
 }
 .table-bordered th, .table-bordered td {
     border: solid 1px #eeeeee;
     padding: 5px 20px;
 }
 .table-bordered th {
     width: 20%;
     vertical-align: middle;
     color: #FFFFFF;
     background-color: #06b6bc;
 }
 /************************************テーブルレスポンシブ仕様 (01_04 追加)*/
 @media only screen and (max-width: 800px) {
     .sp-listlayout {
         border: none !important
     }
     .sp-listlayout tr {
         display: block;
         margin-bottom: 5px
     }
     .sp-listlayout th {
         border: none !important;
         display: list-item;
         width: 100%;
     }
     .sp-listlayout td {
         border: none !important;
         display: list-item;
         list-style: none;
         width: 100%;
     }
     .sp-listlayout {
         table-layout: fixed
     }
     .sp-listlayout * {
         word-wrap: break-word
     }
 }
 /************************************投稿本文内の表示崩れについて*/
 /*WP必須クラス*/
 .wp-caption {
     max-width: 100%;
     margin-bottom: 10px;
 }
 .wp-caption-text {
     padding: 10px;
     margin-bottom: 0;
 }
 .sticky {
     background: #FAFAFA;
     border-top: 4px solid #F00;
     margin-left: -20px;
     margin-right: -20px;
     padding: 18px 20px;
 }
 .gallery-caption {
     font-size: 0.8em;
 }
 .bypostauthor {
     color: #999;
 }
 .screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     height: 1px;
     overflow: hidden;
     position: absolute !important;
     width: 1px;
 }
 pre {
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     white-space: pre-wrap;
     word-wrap: break-word;
 }
 h1, h2, h3, h4, h5 {
     -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
 /*---投稿大枠---*/
 .postdata {
     text-align: left;
 }
 .postdata p {
     -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
 .postdata::after {
     clear: both;
     content: "";
     display: block;
 }
 /*---配置　右---*/
 .postdata .alignright {
     float: right;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 /*---配置　左---*/
 .postdata .alignleft {
     float: left;
     margin-right: 20px;
     margin-bottom: 20px;
 }
 /*---配置　中央---*/
 .postdata .aligncenter {
     clear: both;
     display: block;
     margin: 0 auto 20px;
 }
 /*---テーブル---*/
 .postdata table {
     border-left: 1px solid #bfbfbf;
     border-top: 1px solid #bfbfbf;
     border-right: 1px solid #bfbfbf;
 }
 .postdata table th {
     border-bottom: 1px solid #bfbfbf;
 }
 .postdata table td {
     border-bottom: 1px solid #bfbfbf;
 }
 /*---フォント---*/
 .postdata em {
     font-style: italic !important;
 }
 .postdata strong {
     font-weight: bold !important;
 }
 .postdata iframe {
     max-width: 100%;
 }
 /* スマホ時に回り込みを解除*/
 @media only screen and (max-width: 800px) {
     .postdata .alignright {
         float: none;
         display: block;
         margin: 0 auto 20px;
         text-align: center;
     }
     .postdata .alignleft {
         float: none;
         display: block;
         margin: 0 auto 20px;
         text-align: center;
     }
 }
 .postdata p {
     -ms-word-wrap: break-word;
     word-wrap: break-word;
 }
 /***************************/
 /********【アーカイブ】********/
 /***************************/
 /************************************詳細はこちらボタン(01_04 追加)*/
 /* more-btn */
 .more-btn a {
     background-color: #f9bab3;
     color: #FFFFFF;
     padding: 5px 10px;
 }
 .more-btn a:hover {
     text-decoration: none;
     background-color: #FCD2D3;
 }
 /************************************ 特記 スマホ時*/
 @media only screen and (max-width: 800px) {}
 /*WP用 投稿表示*/
 img.centered {
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 img.alignright {
     padding: 4px;
     margin: 0 0 2px 12px;
     display: inline;
 }
 img.alignleft {
     padding: 4px;
     margin: 0 12px 2px 0;
     display: inline;
 }
 .alignright {
     float: right;
 }
 .alignleft {
     float: left
 }
 /***************************/
 /********【ローディング】********/
 /***************************/
 #logo_loader {
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     z-index: 100000;
     background: url("images/shared/bg_opening.jpg") no-repeat center center/cover;
 }
 #logo_loader .f_logo {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 500px;
     height: 215px;
     text-align: center;
 }
 #logo_loader .f_logo img {
     width: 100%;
     height: auto;
     animation: loadLogo 1.5s ease-in-out;
     opacity: 1;
 }
 /****/
 @keyframes loadLogo {
     0% {
         opacity: 0;
     }
     50% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }
 /****/
 #logo_loader.open {
     animation-name: slideOut;
     animation-fill-mode: forwards;
     animation-duration: 2.0s;
     animation-delay: 2.0s;
     transition: ease-in-out;
 }
 @keyframes slideOut {
     0% {
         transform: translateY(0%);
     }
     50% {
         transform: translateY(0%);
     }
     100% {
         transform: translateY(100%);
     }
 }
 @media only screen and (max-width: 800px) {
     #logo_loader .f_logo {
         width: 300px;
     }
 }
 /***************************/
 /********【ヘッダー】********/
 /***************************/
 /****header****/
 .nav_main_ar {
     /* flexbox */
     display: flex;
     justify-content: space-between;
     align-items: center;
     /*fixedで上部固定*/
     /****/
     background: rgba(255, 255, 255, 0);
     width: 100%;
     z-index: 999;
     position: absolute;
     top: 0;
     transition: all .2s ease-in;
 }
 .nav_main_ar.clone-nav {
     position: fixed;
     background: rgba(255, 255, 255, 0.8);
     transition: all .2s ease-in;
     transform: translateY(-100%);
 }
 .nav_main_ar.is-show {
     transform: translateY(0);
 }
 /****/
 .nav_main_ar .logo {
     width: 25%;
     min-width: 140px;
     padding: 0 0 0 20px;
 }
 .nav_main_ar .logo img {
     width: 200px;
 }
 .nav_main_ar h1 {
     display: block;
     padding: 0px 0px;
 }
 /****/
 .nav_main_ar .nav_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 .nav_main_ar .nav_bx {}
 /****/
 .nav_main_ar .nav_top {
     margin: 5px 0 0px;
 }
 .nav_main_ar .nav_top {
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 .nav_main_ar .nav_top a, .nav_main_ar .nav_bottom ul a {
     font-weight: bold;
     display: block;
     padding: 10px 1vw;
     position: relative;
     transition: .3s;
 }
 .nav_main_ar .nav_top a:hover, .nav_main_ar .nav_bottom ul a:hover {
     text-decoration: none;
 }
 .nav_main_ar .nav_bottom ul a:after {
     position: absolute;
     left: 0;
     content: '';
     width: 100%;
     height: 3px;
     background: #82684A;
     bottom: 3px; /*アンダーラインがaタグの下端から現れる*/
     transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
     transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
     transition: transform 0.3s; /*変形の時間*/
 }
 .nav_main_ar .nav_top ul li a:hover:after, .nav_main_ar .nav_bottom ul a:hover:after {
     transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
 }
 .nav_main_ar .nav_top a {
     font-size: 1.3rem;
 }
 /****/
 .nav_main_ar .nav_top .bt_tel img {
     width: 250px;
     margin: 0 10px 0 0;
 }
 /****/
 .nav_main_ar .nav_top .bt_contact a, .nav_main_ar .nav_top .bt_request a {
     background: #fff;
     border: solid 2px #82684A;
     padding: 2px 25px;
     margin: 0 -2px 0 0;
 }
 .nav_main_ar .nav_top .bt_contact a:hover, .nav_main_ar .nav_top .bt_request a:hover {
     background: #82684A;
     border: solid 2px #82684A;
     padding: 2px 25px;
     color: #fff;
 }
 /****/
 .nav_main_ar .nav_top .bt_facebook {
     margin: 0 0px 0 -10px;
 }
 /****/
 .nav_main_ar .nav_bottom ul {
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 .nav_main_ar .nav_bottom ul a {
     font-size: 1.5rem;
 }
 /****/
 #link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09, #link10 {
     margin-top: -120px; /* 固定ナビの高さ分のネガティブマージン */
     padding-top: 120px; /* 打ち消し用のパディング */
 }
 @media only screen and (max-width: 800px) {
     #link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09, #link10 {
         margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
         padding-top: 80px; /* 打ち消し用のパディング */
     }
 }
 /********/
 .side_nav_ar {
     position: fixed;
     bottom: 40%;
     right: -80px;
     z-index: 11;
     transform: rotate(-90deg);
     transform-origin: bottom right;
     /* flexbox */
     display: flex !important;
     justify-content: center;
     align-items: flex-start;
 }
 .side_nav_ar .bt_tel a, .side_nav_ar .bt_contact a, .side_nav_ar .bt_request a, .side_nav_ar .bt_access a, .side_nav_ar .bt_news a, .side_nav_ar .bt_voice a {
     background: #fff;
     border-top: solid 1px #82684A;
     border-bottm: solid 1px #82684A;
     border-left: solid 1px #82684A;
     border-right: solid 1px #82684A;
     padding: 8px 30px;
     margin: 0 -1px 0 0;
     transition: .3s;
     display: block;
     font-size: 1.5rem;
 }
 .side_nav_ar .bt_contact a:hover, .side_nav_ar .bt_request a:hover {
     background: #82684A;
     color: #fff;
     text-decoration: none;
 }
 @media only screen and (max-width: 800px) {
     .side_nav_ar {
         padding: 5px 0 0;
         top: inherit;
         bottom: -1px;
         transform: rotate(0deg);
         width: 100%;
         right: 0px !important;
         box-shadow: 0px -3px 10px 3px rgba(0, 0, 0, 0.15);
         background: #fbfbfb;
         /* flexbox */
         align-content: start; /*複数行にした時の揃え*/
         flex-direction: row; /*子要素の並ぶ向き*/
         flex-wrap: wrap; /*子要素の折り返し*/
     }
     .side_nav_ar .bt_tel, .side_nav_ar .bt_contact, .side_nav_ar .bt_request, .side_nav_ar .bt_access, .side_nav_ar .bt_news, .side_nav_ar .bt_voice {
         width: 33.333%;
         border-bottom: solid 1px #ddd;
         border-left: solid 1px #ddd;
         border-right: solid 1px #ddd;
     }
     .side_nav_ar .bt_tel a, .side_nav_ar .bt_contact a, .side_nav_ar .bt_request a, .side_nav_ar .bt_access a, .side_nav_ar .bt_news a, .side_nav_ar .bt_voice a {
         padding: 6px 15px 6px 50px;
         margin: 0 -0.5px;
         font-size: 1.3rem;
         text-align: left;
         position: relative;
         border: none;
         background: #fbfbfb;
     }
     .side_nav_ar .bt_tel a:before, .side_nav_ar .bt_contact a:before, .side_nav_ar .bt_request a:before, .side_nav_ar .bt_access a:before, .side_nav_ar .bt_voice a:before, .side_nav_ar .bt_news a:before {
         position: absolute;
         content: "";
         margin: 3px 0 0 -35px;
     }
     .side_nav_ar .bt_tel a:before {
         background: url("images/shared/ico_tel_fix.svg") no-repeat center center/cover;
         width: 15px;
         height: 20px;
     }
     .side_nav_ar .bt_contact a:before {
         background: url("images/shared/ico_mail_fix.svg") no-repeat center center/cover;
         width: 18px;
         height: 12px;
         top: 11px;
     }
     .side_nav_ar .bt_request a:before {
         background: url("images/shared/ico_order_fix.svg") no-repeat center center/cover;
         width: 22px;
         height: 18px;
     }
     .side_nav_ar .bt_access a:before {
         background: url("images/shared/ico_access_fix.svg") no-repeat center center/cover;
         width: 19px;
         height: 17px;
     }
     .side_nav_ar .bt_voice a:before {
         background: url("images/shared/ico_voice_fix.svg") no-repeat center center/cover;
         width: 26px;
         height: 18px;
     }
     .side_nav_ar .bt_news a:before {
         background: url("images/shared/ico_news_fix.svg") no-repeat center center/cover;
         width: 17px;
         height: 17px;
     }
     .side_nav_ar .bt_tel a:hover, .side_nav_ar .bt_contact a:hover, .side_nav_ar .bt_request a:hover, .side_nav_ar .bt_access a:hover, .side_nav_ar .bt_news a:hover, .side_nav_ar .bt_voice a:hover {
         background: #fff;
         color: inherit;
         text-decoration: none;
     }
 }
 /***************************/
 /********【フッター】********/
 /***************************/
 /*------footer-----*/
 #foot_ar {
     position: relative;
     width: 100%;
     min-width: 1054px;
     background: #F8F4EE;
     margin: 0px 0 0;
     padding: 100px 0 5px;
 }
 #foot_ar .bx_ar {
     margin: 0 0 50px;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: center;
 }
 #foot_ar .bx_l {
     width: 35%;
     text-align: center;
 }
 #foot_ar .bx_r {
     width: 70%;
     padding: 0 0 0 5%;
 }
 #foot_ar .logo_ar {
     margin: 0 0 10px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 #foot_ar .logo {
     width: 300px;
     margin: 0 20px 0 0;
 }
 #foot_ar .sns {
     width: 15%;
     text-align: center;
 }
 #foot_ar .add {
     margin: 0 0 40px;
 }
 #foot_ar .tel {
     margin: 0 0 40px;
 }
 #foot_ar iframe {
     width: 700px;
     height: 450px;
     filter: grayscale(1);
 }
 #foot_ar .nav {
     border-top: solid 1px #82684A;
     border-bottom: solid 1px #82684A;
     padding: 30px 0;
     margin: 0 0 50px;
 }
 #foot_ar .nav ul {
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
 }
 #foot_ar .nav ul li a {
     padding: 0 1.5em;
     display: block;
     transition: .1s;
 }
 #foot_ar .nav ul li a:hover {
     text-decoration: none;
     transform: scale(1.1);
 }
 #foot_ar .copy {
     font-size: 1.2rem;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     #foot_ar {
         min-width: inherit;
         margin: 80px 0 0;
         padding: 80px 0 120px;
     }
     #foot_ar .bx_ar {
         /* flexbox */
         display: block;
     }
     #foot_ar .bx_l {
         width: 100%;
         text-align: center;
         margin: 0 0 50px;
     }
     #foot_ar .bx_r {
         width: 100%;
         padding: 0 0 0 0%;
     }
     #foot_ar .logo_ar {
         margin: 0 0 40px;
         /* flexbox */
         justify-content: center;
         align-content: start; /*複数行にした時の揃え*/
         flex-direction: row; /*子要素の並ぶ向き*/
         flex-wrap: wrap; /*子要素の折り返し*/
     }
     #foot_ar .logo {
         width: 100%;
         margin: 0 auto 10px;
     }
     #foot_ar .logo img {
         width: 250px;
         margin: 0 auto 10px;
     }
     #foot_ar .sns {
         width: 10%;
     }
     #foot_ar .add {
         margin: 0 0 20px;
     }
     #foot_ar .tel {
         margin: 0 0 20px;
     }
     #foot_ar iframe {
         width: 100%;
         height: 450px;
     }
     #foot_ar .nav {
         padding: 20px 0;
     }
     #foot_ar .nav ul li a {
         padding: .5em 1.5em;
     }
     #foot_ar .copy {
         font-size: 1.1rem;
     }
 }
 /*------pagetop-----*/
 .pagetop_ar {
     position: relative;
     z-index: 12000;
 }
 .pagetop_btn {
     width: 60px;
     height: 60px;
     display: block !important;
     right: 20px;
     cursor: pointer;
     margin: 0 0 20px;
     z-index: 10;
     position: fixed;
     bottom: -80px;
 }
 @media only screen and (max-width: 800px) {
     .pagetop_btn {
         width: 50px;
         height: 50px;
         right: 5px;
         margin: 0 0 0px;
         bottom: 80px !important;
     }
 }
 /***************************/
 /********【index】********/
 /***************************/
 /********common********/
 .top_ttl_ar {
     margin: 0 0 60px;
 }
 .top_ttl_ar .ttl_eng {
     font-family: "Cormorant Garamond", serif;
     font-size: 7.0rem;
     color: #C09C90;
     margin: 0 0 20px;
 }
 .top_ttl_ar .ttl_jp {
     font-size: 2.4rem;
     font-weight: 500;
 }
 @media only screen and (max-width: 800px) {
     .top_ttl_ar {
         margin: 0 0 60px;
     }
     .top_ttl_ar .ttl_eng {
         font-family: "Cormorant Garamond", serif;
         font-size: 3.6rem;
         line-height: 1.2em;
     }
     .top_ttl_ar .ttl_jp {
         font-size: 1.6rem;
     }
 }
 /********/
 .top_subttl_ar {
     margin: 0 0 150px
 }
 .top_subttl_ar .eng {
     font-family: "Cormorant Garamond", serif;
     font-size: 2.8rem;
     color: #fff;
     opacity: 0.6;
 }
 .top_subttl_ar .jp {
     font-size: 2.4rem;
     color: #fff;
 }
 @media only screen and (max-width: 800px) {
     .top_subttl_ar {
         margin: 0 0 60px
     }
     .top_subttl_ar .eng {
         font-size: 2.4rem;
     }
     .top_subttl_ar .jp {
         font-size: 2.0rem;
     }
 }
 /*------slider-----*/
 /****slick****/
 .top_slider_ar {
     width: 100%;
     position: relative;
 }
 /****/
 .top_slider_ar .top_slider_bx {
     margin: auto;
     position: relative;
 }
 .top_slider {
     visibility: hidden;
     display: none;
     opacity: 0;
     transition: .5s;
 }
 .top_slider.slick-initialized {
     visibility: visible;
     display: block;
     opacity: 1;
 }
 .top_slider_ar .bx_catch {
     color: #fff;
     text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);
     position: absolute;
     z-index: 3;
     top: 50%;
     left: 10%;
     transform: translate(0%, -50%);
 }
 .top_slider_ar .catch_jp {
     font-size: 3.8vw;
     margin: 0 0 60px;
     text-align: left;
 }
 .top_slider_ar .catch_txt {
     font-size: 1.6vw;
     text-align: left;
     line-height: 1.8;
 }
 .top_slider_ar .bx_img {
     z-index: 1;
     padding: 0px 0 0;
     margin: 0 0% 0 0;
 }
 /****news****/
 .top_slider_ar .post_ar {
     position: absolute;
     bottom: 50px;
     right: 0;
     z-index: 5;
     max-width: 500px;
     width: 30vw;
     margin: 0 20px 0 0;
     color: #82684A;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .top_slider_ar .bx_ttl {
     width: 25%;
     text-align: center;
 }
 .top_slider_ar .bx_post {
     width: 75%;
     border-left: solid 1px #82684A;
     padding: 0 20px;
     font-size: 1.4rem;
 }
 .top_slider_ar .post_cate {
     background: #82684A;
     color: #fff;
     font-size: 1.3rem;
     display: inline-block;
     padding: 2px 10px;
 }
 .top_slider_ar .ttl {
     font-size: 3.6rem;
 }
 .top_slider_ar .post_ttl {
     /****末尾を三点リーダー****/
     width: 100%;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 .top_slider_ar .post_btn a {
     display: block;
     color: #82684A;
 }
 .top_slider_ar .post_ar a:hover {
     text-decoration: none;
 }
 @media only screen and (max-width: 800px) {
     .top_slider_ar {
         padding: 0px 0 50px;
     }
     .top_slider {
         height: inherit;
     }
     /****/
     .top_slider_ar .top_slider_bx {
         text-align: center;
         margin: auto;
         /* flexbox */
         display: block;
     }
     /****/
     .top_slider_ar .bx_catch {
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: 100%;
         padding: 0 20px;
     }
     /****/
     .top_slider_ar .catch_jp {
         font-size: 3.6rem;
         margin: 0 0 60px;
         text-align: center;
     }
     .top_slider_ar .catch_txt {
         font-size: 1.8rem;
         text-align: center;
     }
     /****/
     .top_slider_ar .post_ar {
         position: static;
         max-width: 100%;
         width: 100%;
         margin: 50px 0 0;
         padding: 0 20px;
         /* flexbox */
         display: block;
     }
     .top_slider_ar .bx_ttl {
         width: 100%;
         text-align: left;
         margin: 0 0 10px;
     }
     .top_slider_ar .bx_post {
         width: 100%;
         border-left: none;
         padding: 0 0px;
         font-size: 1.3rem;
     }
     .top_slider_ar .ttl {
         font-size: 2.4rem;
     }
     .top_slider_ar .post_cate {
         margin: 0 0 5px;
     }
     .top_slider_ar .post_ttl {
         /****末尾を三点リーダー****/
         -webkit-line-clamp: 2;
     }
 }
 /********01********/
 #cont01_ar {
     clear: both;
     padding: 100px 0px 0px;
 }
 #cont01_ar .bt {
     padding: 30px 0 0;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     #cont01_ar {
         clear: both;
         padding: 0px 0px 0px;
     }
     #cont01_ar .bt {
         padding: 0px 0 0;
     }
 }
 /********02********/
 #cont02_ar {
     clear: both;
     padding: 100px 0px;
 }
 #cont02_ar .txt {
     font-size: 1.6rem;
     margin: 0 0 50px;
 }
 #cont02_ar .bx_ar {
     margin: 0 -1%;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 #cont02_ar .bx {
     width: 48%;
     margin: 0 1%;
 }
 #cont02_ar .bg_l, #cont02_ar .bg_r {
     padding: 160px 20px 0;
     border-radius: 5px;
 }
 #cont02_ar .bg_l {
     background: url("images/top_con_01.png") no-repeat center center/cover;
 }
 #cont02_ar .bg_r {
     background: url("images/top_con_02.png") no-repeat center center/cover;
 }
 #cont02_ar .bt {
     text-align: right;
 }
 @media only screen and (max-width: 800px) {
     #cont02_ar {
         clear: both;
         padding: 100px 0px 0px;
     }
     #cont02_ar .txt {
         font-size: 1.5rem;
     }
     #cont02_ar .bx_ar {
         margin: 0 0%;
         /* flexbox */
         display: block;
     }
     #cont02_ar .bx {
         width: 100%;
         margin: 0 0% 30px;
     }
     #cont02_ar .bg_l, #cont02_ar .bg_r {
         padding: 80px 20px 0;
     }
 }
 /********03********/
 #cont03_ar {
     width: 100%;
     min-width: 1054px;
     /*background: url("images/top_con_03.jpg") no-repeat center center/cover;
	 background-attachment: fixed;*/
     clear: both;
     padding: 100px 0px;
 }
 @media only screen and (max-width: 800px) {
     #cont03_ar {
         min-width: inherit;
         padding: 50px 0px 50px 0px;
         /*background-attachment: scroll;*/
     }
 }
 /********04********/
 #cont04_ar {
     clear: both;
     padding: 100px 0px;
 }
 #cont04_ar .txt {
     font-size: 1.6rem;
     margin: 0 0 50px;
 }
 #cont04_ar .bx_ar {
     margin: 0 -1%;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 #cont04_ar .bx {
     width: 31.333%;
     margin: 0 1%;
 }
 #cont04_ar .bg_l, #cont04_ar .bg_c, #cont04_ar .bg_r {
     padding: 120px 20px 0;
     border-radius: 5px;
 }
 #cont04_ar .bg_l {
     background: url("images/top_con_04.png") no-repeat center center/cover;
 }
 #cont04_ar .bg_c {
     background: url("images/top_con_05.png") no-repeat center center/cover;
 }
 #cont04_ar .bg_r {
     background: url("images/top_con_06.png") no-repeat center center/cover;
 }
 #cont04_ar .top_subttl_ar {
     margin: 0 0 80px;
 }
 #cont04_ar .bt {
     text-align: right;
 }
 @media only screen and (max-width: 800px) {
     #cont04_ar {
         clear: both;
         padding: 100px 0px 100px;
     }
     #cont04_ar .txt {
         font-size: 1.5rem;
     }
     #cont04_ar .bx_ar {
         margin: 0 0%;
         /* flexbox */
         display: block;
     }
     #cont04_ar .bx {
         width: 100%;
         margin: 0 0% 30px;
     }
     #cont04_ar .bg_l, #cont04_ar .bg_c, #cont04_ar .bg_r {
         padding: 80px 20px 0;
     }
     #cont04_ar .top_subttl_ar {
         margin: 0 0 60px;
     }
 }
 /********05********/
 #cont05_ar {
     width: 100%;
     min-width: 1054px;
     /*background: url("images/top_con_07.jpg") no-repeat center center/cover;
	 background-attachment: fixed;*/
     clear: both;
     padding: 150px 0px;
 }
 #cont05_ar .bt {
     margin: 50px 0px 0px;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     #cont05_ar {
         min-width: inherit;
         padding: 80px 0px 100px;
         /*background-attachment: scroll;*/
     }
 }
 /********06********/
 #cont06_ar {
     clear: both;
     padding: 100px 0px;
 }
 #cont06_ar .bx_ar {
     margin: 0 -1%;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 #cont06_ar .bx {
     width: 48%;
     margin: 0 1%;
 }
 #cont06_ar .bg_l, #cont06_ar .bg_r {
     padding: 100px 20px 0;
     border-radius: 5px;
 }
 #cont06_ar .bg_l {
     background: url("images/top_con_08.png") no-repeat center center/cover;
 }
 #cont06_ar .bg_r {
     background: url("images/top_con_09.png") no-repeat center center/cover;
 }
 #cont06_ar .top_subttl_ar {
     margin: 0 0 60px;
 }
 #cont06_ar .bt {
     text-align: right;
 }
 @media only screen and (max-width: 800px) {
     #cont06_ar {
         clear: both;
         padding: 100px 0px 0px;
     }
     #cont06_ar .bx_ar {
         margin: 0 0%;
         /* flexbox */
         display: block;
     }
     #cont06_ar .bx {
         width: 100%;
         margin: 0 0% 30px;
     }
     #cont06_ar .bg_l, #cont06_ar .bg_r {
         padding: 80px 20px 0;
     }
     #cont06_ar .top_subttl_ar {
         margin: 0 0 60px;
     }
 }
 /********07********/
 #cont07_ar {
     clear: both;
     padding: 0 0 150px;
 }
 @media only screen and (max-width: 800px) {
     #cont07_ar {
         min-width: inherit;
         padding: 50px 0px 50px 0px;
     }
 }
 /***************************/
 /********【common】********/
 /***************************/
 /********【animation】********/
 .eachTextAnime span {
     opacity: 0;
     font-weight: bold;
 }
 .eachTextAnime.appeartext span {
     animation: text_anime_on .3s ease-out forwards;
 }
 @keyframes text_anime_on {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }
 /****under_visible_amination****/
 .visible_amination_r {
     clip-path: inset(0% 100% 0% 0);
     /*clip-path: inset(上 右 下 左);*/
     transition: 1s;
 }
 .visible_amination_r.isActive {
     transition: clip-path 2.5s /*cubic-bezier(0.175, 0, 0.175, 1) 1.75s*/ ;
     clip-path: inset(0 0 0 0);
     transition-delay: 500ms;
 }
 @media only screen and (max-width: 800px) {
     .visible_amination_r.isActive {
         transition-delay: 150ms;
     }
 }
 /********【button】********/
 .css_bt_st a {
     display: inline-block;
     padding: 15px 1em;
     text-align: center;
     vertical-align: middle;
     min-width: 280px;
     transition: .3s;
     position: relative;
 }
 .css_bt_st a:after {
     position: absolute;
     content: "";
     background: url(images/shared/btn_arr_bk.svg) no-repeat center center/cover;
     width: 61px;
     height: 9px;
     right: 20px;
     top: 50%;
     transform: translate(0%, -50%);
     transition: .3s;
 }
 .css_bt_st a:hover {
     color: #82684A !important;
     text-decoration: none;
 }
 .css_bt_st a:hover:after {
     right: 0px;
 }
 .css_bt_fo {
     font-size: 1.6rem;
     font-weight: 600;
 }
 .css_bt_st a:link {
     color: #82684A;
 }
 /****/
 .css_bt_st_wh a {
     display: inline-block;
     padding: 15px 1em;
     text-align: center;
     vertical-align: middle;
     min-width: 280px;
     transition: .3s;
     position: relative;
 }
 .css_bt_st_wh a:after {
     position: absolute;
     content: "";
     background: url(images/shared/btn_arr_wh.svg) no-repeat center center/cover;
     width: 61px;
     height: 9px;
     right: 20px;
     top: 50%;
     transform: translate(0%, -50%);
     transition: .3s;
 }
 .css_bt_st_wh a:hover {
     color: #fff !important;
     text-decoration: none;
 }
 .css_bt_st_wh a:hover:after {
     right: 0px;
 }
 .css_bt_fo_wh {
     font-size: 1.6rem;
     font-weight: 600;
 }
 .css_bt_st_wh a:link {
     color: #fff;
 }
 @media only screen and (max-width: 800px) {
     .css_bt_st a, .css_bt_st_wh a {
         padding: 10px 1em;
     }
     .css_bt_st a:after, .css_bt_st_wh a:after {
         width: 50px;
         height: 7px;
         right: 30px;
         top: 50%;
     }
     .css_bt_st a:hover:after, .css_bt_st_wh a:hover:after {
         right: 20px;
     }
     .css_bt_fo, .css_bt_fo_wh {
         font-size: 1.4rem;
     }
 }
 /****/
 .css_bt_st_ico a {
     display: inline-block;
     padding: 15px 3em 15px 5em;
     text-align: center;
     vertical-align: middle;
     min-width: 400px;
     transition: .3s;
     position: relative;
     border-radius: 50px;
     transition: .3s;
     background: #fff;
     box-shadow: 0 0 0 2px #82684A, 0 0 0 4px #fff, 0 0 0 8px #82684A;
 }
 .css_bt_st_ico.store a:after, .css_bt_st_ico.bag a:after, .css_bt_st_ico.store a:after, .css_bt_st_ico.mail a:after {
     position: absolute;
     content: "";
     left: 40px;
     top: 50%;
     transform: translate(0%, -50%);
     -webkit-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
 }
 .css_bt_st_ico.store a:after {
     background: url("images/shared/ico_store_bk.svg") no-repeat center center/cover;
     width: 41px;
     height: 40px;
 }
 .css_bt_st_ico.bag a:after {
     background: url("images/shared/ico_bag_bk.svg") no-repeat center center/cover;
     width: 34px;
     height: 39px;
 }
 .css_bt_st_ico.mail a:after {
     background: url("images/shared/ico_mail_bk2.svg") no-repeat center center/cover;
     width: 43px;
     height: 32px;
 }
 .css_bt_st_ico a:hover {
     transform: scale(1.05);
     text-decoration: none;
 }
 .css_bt_fo_ico {
     font-size: 2.4rem;
     font-weight: 600;
 }
 .css_bt_st_ico a:link {
     color: #82684A;
 }
 @media only screen and (max-width: 800px) {
     .css_bt_st_ico a {
         display: inline-block;
         padding: 10px 2em 10px 4em;
         min-width: 300px;
     }
     .css_bt_st_ico.store a:after {
         width: 31px;
         height: 30px;
     }
     .css_bt_st_ico.bag a:after {
         width: 24px;
         height: 29px;
     }
     .css_bt_st_ico.mail a:after {
         width: 33px;
         height: 22px;
     }
     .css_bt_fo_ico {
         font-size: 1.6rem;
     }
 }
 /********【table】********/
 .common_tbl2 {
     width: 100%;
 }
 .common_tbl2 th {
     text-align: left;
     vertical-align: top;
     padding: 1em 1em;
 }
 .common_tbl2 td {
     text-align: left;
     vertical-align: top;
     padding: 1em 1em;
 }
 .tbl_pad {
     display: block;
     padding: 0 0 20px;
 }
 @media only screen and (max-width: 800px) {
     .common_tbl2 th {
         width: 100%;
         text-align: left;
         list-style: none !important;
         padding: 0.5em 1em;
         -webkit-text-size-adjust: 100%;
         background: #A89177;
         color: #fff;
     }
     .common_tbl2 td {
         width: 100%;
         text-align: left;
         padding: 1em 1em;
         -webkit-text-size-adjust: 100%;
     }
 }
 /****SP時横スクロール****/
 /*@media only screen and (max-width: 800px) {
.tbl_scroll {
	overflow: auto;
	white-space: nowrap;
    -webkit-text-size-adjust: 100%;
}
.tbl_scroll::-webkit-scrollbar {
	 height: 5px;
}
.tbl_scroll::-webkit-scrollbar-track {
 	background: #F1F1F1;
}
.tbl_scroll::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
}
}*/
 /********【list】********/
 .disc_list_style {
     text-align: left;
 }
 .disc_list_style ul li {
     list-style-position: inside;
     list-style: disc;
     margin: 0px 0px 7px 20px;
 }
 .decimal_list_style {
     text-align: left;
 }
 .decimal_list_style ul li {
     list-style-position: inside;
     list-style: decimal;
     margin: 0px 0px 7px 20px;
 }
 /********【post】********/
 .no_comment {
     padding: 40px 0;
     text-align: center;
     font-size: 14px;
     color: #333;
 }
 /********【sigle contents】********/
 strong {
     font-weight: bold;
 }
 .topics_sec section ul {
     padding-left: 1.5em;
 }
 .topics_sec section ul li {
     list-style: outside disc;
 }
 .topics_sec section ol {
     padding-left: 1.5em;
 }
 .topics_sec section ol li {}
 .topics_sec section em {
     font-style: italic; /*斜体*/
 }
 .aligncenter {
     margin: 0 auto !important;
     text-align: center !important;
     display: block;
 }
 .postdata p, .postdata ul, .postdata ol {
     margin-bottom: 20px;
 }
 .postdata ul li {
     list-style: disc;
 }
 .postdata ol li {
     list-style: decimal;
 }
 .postdata strong {
     font-weight: bold;
 }
 .postdata em {
     font-style: italic;
 }
 .postdata a {
     text-decoration: underline;
 }
 .postdata a:hover {
     text-decoration: none;
 }
 /********【headline】********/
 .h2_st {
     padding: 140px 0;
     background: url("images/shared/h2_bg.png") no-repeat center top/100% 330px;
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 .h2_st .txt_ar {
     position: relative;
     z-index: 2;
     width: 80vw;
     min-width: 650px;
     margin: 0 -10vw 0 10vw;
     background: rgba(130, 104, 74, 0.75);
     color: #fff;
     padding: 0em 2vw 1em;
     border-radius: 5px;
 }
 .h2_st .eng {
     font-family: "Cormorant Garamond", serif;
     font-size: 3.0vw;
     line-height: 1.6em;
 }
 .h2_st .eng::first-letter {
     text-transform: uppercase;
 }
 .h2_st .jp {
     font-size: 1.4vw;
     position: relative;
     padding: 0 0 0 100px;
 }
 .h2_st .jp:before {
     position: absolute;
     content: "";
     background: #fff;
     ;
     width: 80px;
     height: 1px;
     left: 0px;
     top: 21px;
 }
 .h2_st .img {
     position: relative;
     z-index: 1;
     max-width: 1200px;
 }
 @media only screen and (max-width: 800px) {
     .h2_st {
         padding: 0px 0 0;
         background: none;
         margin: 140px 0 100px;
         /* flexbox */
         display: block;
     }
     .h2_st .txt_ar {
         width: 90%;
         min-width: inherit;
         margin: 0 auto -200px;
         padding: 1em 20px;
         text-align: center;
     }
     .h2_st .eng {
         font-size: 2.4rem;
     }
     .h2_st .jp {
         font-size: 2.0rem;
         padding: 0 0 0 0px;
     }
     .h2_st .jp:before {
         display: none;
     }
     .h2_st .img img {
         width: 100%;
         height: 300px;
         object-fit: cover;
         font-family: 'object-fit: cover;';
     }
 }
 /****/
 .h3 {
     text-align: center;
     margin: 0 0 50px;
     color: #C09C90;
 }
 .h3 .jp {
     font-size: 1.8rem;
     margin: 0 0 10px;
     position: relative;
     letter-spacing: 0.2em;
 }
 .h3 .jp:after {
     position: absolute;
     content: "";
     background: #C09C90;
     width: 120px;
     height: 1px;
     left: 0px;
     right: 0;
     bottom: -10px;
     margin: auto;
 }
 .h3 .eng {
     font-family: "Cormorant Garamond", serif;
     font-size: 4.8rem;
     letter-spacing: 0.1em;
 }
 .h3 .eng::first-letter {
     font-size: 6.0rem;
 }
 @media only screen and (max-width: 800px) {
     .h3 {
         margin: 0 0 30px;
     }
     .h3 .eng {
         font-size: 2.8rem;
     }
     .h3 .eng::first-letter {
         font-size: 4.0rem;
     }
 }
 /****/
 .h4 {
     text-align: center;
     margin: 0 0 40px;
 }
 .h4 .jp {
     font-size: 2.4rem;
     color: #82684A;
     position: relative;
     letter-spacing: 0.2em;
 }
 .h4 .jp:before, .h4 .jp:after {
     position: absolute;
     content: "";
     background: #82684A;
     width: 120px;
     height: 1px;
     left: 0px;
     right: 0;
     margin: auto;
 }
 .h4 .jp:before {
     bottom: -10px;
 }
 .h4 .jp:after {
     top: -10px;
 }
 @media only screen and (max-width: 800px) {
     .h4 {
         text-align: center;
         margin: 0 0 30px;
     }
     .h4 .jp {
         font-size: 1.8rem;
     }
     .h4 .jp:before {
         bottom: -5px;
     }
     .h4 .jp:after {
         top: -5px;
     }
 }
 /****/
 .h5 {
     margin: 0 0 20px;
 }
 .h5 .jp {
     font-size: 2.0rem;
     letter-spacing: 0.2em;
 }
 @media only screen and (max-width: 800px) {
     .h5 {
         margin: 0 0 10px;
     }
     .h5 .jp {
         font-size: 1.6rem;
     }
 }
 /**************************/
 /********下層ページ用********/
 /**************************/
 /***************************/
 /********【common】********/
 /***************************/
 /********/
 .pager_ar {
     width: 100%;
     text-align: center;
     margin: 0 0 100px;
     overflow: hidden;
 }
 @media only screen and (max-width: 800px) {
     .pager_ar {
         margin: 0 0 0px;
     }
 }
 /********/
 .common_faq_ar {
     border-bottom: solid 1px #82684A;
     padding: 0 0 50px;
     margin: 0 0 50px;
 }
 .common_faq_ar .bx_q {
     width: 100%;
     margin: 0 0 40px;
     padding: 0 0 0 80px;
     position: relative;
 }
 .common_faq_ar .bx_q:before {
     position: absolute;
     content: "";
     background: url("images/shared/ico_q.svg") no-repeat center center/cover;
     width: 60px;
     height: 60px;
     left: 0px;
     top: -12px;
 }
 .common_faq_ar .ttl {
     font-size: 2.0rem;
     font-weight: bold;
 }
 .common_faq_ar .bx_a {
     width: 90%;
     margin: 0 0 0 10%;
     padding: 0 0 0 80px;
     position: relative;
 }
 .common_faq_ar .bx_a:before {
     position: absolute;
     content: "";
     background: url("images/shared/ico_a.svg") no-repeat center center/cover;
     width: 60px;
     height: 60px;
     left: 0px;
     top: -12px;
 }
 .common_faq_ar .txt {
     font-size: 1.8rem;
 }
 @media only screen and (max-width: 800px) {
     .common_faq_ar {
         padding: 0 0 30px;
         margin: 0 0 30px;
     }
     .common_faq_ar .bx_q {
         width: 100%;
         margin: 0 0 20px;
         padding: 0 0 0 50px;
     }
     .common_faq_ar .bx_q:before {
         width: 40px;
         height: 40px;
         top: -5px;
     }
     .common_faq_ar .ttl {
         font-size: 1.6rem;
     }
     .common_faq_ar .bx_a {
         padding: 0 0 0 50px;
         width: 93%;
         margin: 0 0 0 7%;
     }
     .common_faq_ar .bx_a:before {
         width: 40px;
         height: 40px;
         left: 0px;
         top: -5px;
     }
     .common_faq_ar .txt {
         font-size: 1.4rem;
     }
 }
 /********/
 .common_case_ar .bx {
     width: 60%;
 }
 .common_case_ar .bx.left {
     margin: 0 40% 60px 0%;
 }
 .common_case_ar .bx.right {
     margin: 0 0 60px 40%;
 }
 .common_case_ar .ttl_ar {
     background: #A89177;
     color: #fff;
     padding: 10px 20px;
     height: 65px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .common_case_ar .num {
     position: relative;
     z-index: 1;
 }
 .common_case_ar .num:before {
     position: absolute;
     content: "";
     background: #A89177;
     width: 120px;
     height: 120px;
     border-radius: 50%;
     left: -50px;
     top: 0;
 }
 .common_case_ar .num span {
     font-size: 7.0rem;
     position: relative;
     z-index: 2;
     display: block;
     left: -10px;
     top: -8px;
 }
 .common_case_ar .eng {
     font-size: 2.4rem;
     padding: 0 .5em;
     position: relative;
     z-index: 2;
 }
 .common_case_ar .ttl {
     font-size: 2.0rem;
 }
 .common_case_ar .txt {
     border: solid 1px #82684A;
     padding: 40px 50px;
     background: #fff;
 }
 @media only screen and (max-width: 800px) {
     .common_case_ar .bx {
         width: 100%;
     }
     .common_case_ar .bx.left {
         margin: 0 0% 30px 0%;
     }
     .common_case_ar .bx.right {
         margin: 0 0 30px 0%;
     }
     .common_case_ar .ttl_ar {
         padding: 3px 20px;
         height: 45px;
     }
     .common_case_ar .num:before {
         width: 60px;
         height: 60px;
         left: -30px;
         top: 5px;
     }
     .common_case_ar .num span {
         font-size: 4.0rem;
         left: -13px;
         top: -3px;
     }
     .common_case_ar .eng {
         font-size: 1.8rem;
     }
     .common_case_ar .ttl {
         font-size: 1.8rem;
     }
     .common_case_ar .txt {
         padding: 30px 20px;
     }
 }
 /********/
 .common_menu_bx {
     padding: 0 0 80px;
 }
 .common_menu_bx .name {
     font-size: 2.0rem;
     padding: 0 0 10px;
     margin: 0 0 15px;
     border-bottom: solid 1px #707070;
 }
 .common_menu_bx .price_ar {
     margin: 0 0 10px;
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: baseline;
 }
 .common_menu_bx .min {
     font-size: 2.0rem;
 }
 .common_menu_bx .price {
     font-size: 2.4rem;
     color: #AB0707;
 }
 .common_menu_bx .tax {
     font-size: 1.4rem;
     padding: 0 0 0 5px;
 }
 .common_menu_bx .course {
     font-size: 1.6rem;
	 padding: 0 10px 0 0;
 }
 .common_menu_bx .reccomend {
     font-weight: bold;
     margin: 0 0 5px;
 }
 @media only screen and (max-width: 800px) {
     .common_menu_bx {
         padding: 0 0 50px;
     }
     .common_menu_bx .name {
         font-size: 1.6rem;
         padding: 0 0 5px;
         margin: 0 0 10px;
     }
     .common_menu_bx .price_ar {
         margin: 0 0 5px;
     }
     .common_menu_bx .min {
         font-size: 1.5rem;
     }
     .common_menu_bx .price {
         font-size: 1.8rem;
     }
     .common_menu_bx .tax {
         font-size: 1.3rem;
     }
	  .common_menu_bx .course {
     font-size: 1.4rem;
 }
 }
 /********/
 .common_num_ar {
     background: #fff;
     padding: 20px 30px;
     margin: 0 auto 40px;
     max-width: 850px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .common_num_ar .bx_ttl {
     width: 25%;
     border-left: solid 1px #82684A;
     padding: 20px 20px;
     font-family: "Cormorant Garamond", serif;
     color: #C09C90;
     line-height: 0.8;
     text-align: center;
 }
 .common_num_ar .bx_txt {
     width: 75%;
 }
 .common_num_ar .eng {
     font-size: 2.6rem;
 }
 .common_num_ar .num {
     font-size: 6.7rem;
 }
 .common_num_ar .ttl {
     font-size: 2.0rem;
     margin: 0 0 10px;
 }
 .common_num_ar .txt {
     font-size: 1.6rem;
 }
 @media only screen and (max-width: 800px) {
     .common_num_ar {
         padding: 20px 20px 30px;
         margin: 0 auto 40px;
         /* flexbox */
         display: block;
     }
     .common_num_ar .bx_ttl {
         width: 100%;
         border-left: none;
         padding: 0px 0 20px;
     }
     .common_num_ar .bx_txt {
         width: 100%;
     }
     .common_num_ar .eng {
         font-size: 2.2rem;
     }
     .common_num_ar .num {
         font-size: 5.0rem;
     }
     .common_num_ar .ttl {
         font-size: 1.8rem;
         text-align: center;
     }
     .common_num_ar .txt {
         font-size: 1.4rem;
     }
 }
 /****/
 .common_comment {
     font-size: 2.2rem;
     text-align: center;
     margin: 0 0 50px;
     line-height: 2.0;
 }
 @media only screen and (max-width: 800px) {
     .common_comment {
         font-size: 1.8rem;
         text-align: left;
         margin: 0 0 40px;
     }
 }
 /****slick****/
 .arc_voice a {
     transition: .3s;
     display: block;
 }
 .arc_voice a:hover {
     transform: scale(1.05);
     text-decoration: none;
 }
 .arc_voice .bx {
     text-align: center;
 }
 .arc_voice .img {
     text-align: center;
     padding: 0 10px;
 }
 .arc_voice .img img {
     width: 100%;
     max-width: 360px;
     max-height: 240px;
     object-fit: cover;
     font-family: 'object-fit: cover;'; /*IE対策*/
     margin: auto;
 }
 .arc_voice .cate_ar {
     font-size: 1.3rem;
     display: block;
     max-width: 70%;
     padding: 2px 20px;
     background: rgba(130, 104, 74, 1);
     border-radius: 30px;
     margin: -20px auto 10px;
     position: relative;
     z-index: 2;
 }
 .arc_voice .cate_ar span {
     color: #fff;
     font-size: 1.3rem;
 }
 .arc_voice .detail_ar {
     padding: 0 15px;
 }
 .arc_voice .detail {
     margin: 0 0 5px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .arc_voice .detail .com {
     width: 30%;
     text-align: right;
     font-size: 1.3rem;
 }
 .arc_voice .detail .post {
     /****末尾を三点リーダー****/
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     padding: 0 0 0 10px;
 }
 .arc_voice .detail .unit {
     width: 15%;
     font-size: 1.3rem;
     text-align: left;
 }
 @media only screen and (max-width: 800px) {
     /****slick****/
     .arc_voice {
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .arc_voice a:hover {
         transform: scale(1.0);
     }
     .arc_voice .bx {
         text-align: center;
         padding: 0px 0 0;
     }
     .arc_voice .img {
         text-align: center;
         padding: 0 5px;
     }
     .arc_voice .img img {
         max-width: 375px;
         max-height: 200px;
     }
     .arc_voice .cate_ar {
         font-size: 1.2rem;
         padding: 2px 10px;
     }
     .arc_voice .cate_ar span {
         font-size: 1.2rem;
     }
     .arc_voice .detail_ar {
         padding: 0 0px;
     }
 }
 .common_arc_post {
     max-width: 900px;
     margin: auto;
 }
 .common_arc_post .bx_post {}
 .common_arc_post .post_ar {
     overflow: hidden;
     position: relative;
 }
 .common_arc_post .post_ar a {
     display: block;
     border-bottom: solid 1px #A89177;
     padding: 0 0 25px;
     margin: 0 0 30px;
     transition: .5s;
 }
 .common_arc_post .post_ar a:hover {
     text-decoration: none;
 }
 /* scroll animation */
 .common_arc_post .post_ar a:hover:before {
     position: absolute;
     content: "";
     width: 10px;
     height: 10px;
     border-radius: 50%;
     transition-duration: .5s;
     background: #82684A;
     bottom: 26px;
     right: 0;
     padding: 0 0px 0 0;
     margin: 0 0px 0 0;
     animation: fix02 1.0s ease-in-out;
 }
 @keyframes fix02 {
     0% {
         left: 0%;
     }
     100% {
         left: 99%;
         right: 0;
     }
 }
 .common_arc_post .post_ar a:hover:after {
     position: absolute;
     content: "";
     width: 100%;
     height: 1px;
     transition-duration: .5s;
     background: #fff;
     bottom: 30px;
     border-bottom: solid 1px #82684A;
     animation: fix03 1.0s ease-in-out;
 }
 @keyframes fix03 {
     0% {
         left: -100%;
     }
     100% {
         left: 0%;
     }
 }
 /* End scroll animation */
 .common_arc_post .post_cat_ar {
     margin: 0 0 5px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .common_arc_post .post_date {
     font-size: 1.5rem;
 }
 .common_arc_post .post_date span {
     padding: 0 10px;
 }
 .common_arc_post .post_cat span {
     font-size: 1.2rem;
     background: #82684A;
     color: #fff;
     border-radius: 15px;
     padding: 3px 2em;
     margin: 0 0 0 10px;
 }
 .common_arc_post .post_ttl {
     font-size: 1.8rem;
     /****末尾を三点リーダー****/
     width: 100%;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }
 .common_arc_post .bt {
     padding: 20px 0 0;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .common_arc_post {
         min-width: inherit;
         padding: 0px 0px 0px 0px;
     }
     .common_arc_post .bx_ttl {
         width: 15%;
         max-width: 60px;
     }
     .common_arc_post .top_common_ttl_ar .eng {
         margin: 20px 0 50px 0px;
     }
     .common_arc_post .bx_post {
         width: 85%;
         padding: 0 0 0 15px;
     }
     .common_arc_post .post_ar {
         margin: 0 0 20px;
     }
     .common_arc_post .post_ar a {
         padding: 0 0 15px;
         margin: 0 0 15px;
     }
     /* scroll animation */
     .common_arc_post .post_ar a:hover:after {
         bottom: 15px;
     }
     /* End scroll animation */
     .common_arc_post .post_date {
         font-size: 1.3rem;
     }
     .common_arc_post .post_date span {
         padding: 0 5px;
     }
     .common_arc_post .post_cat {
         margin: -2px 0 0 0px;
     }
     .common_arc_post .post_cat span {
         font-size: 1.1rem;
         padding: 2px 1em;
         margin: 0 0 0 5px;
     }
     .common_arc_post .post_ttl {
         font-size: 1.5rem;
     }
     .common_arc_post .post_ar a:hover:before {
         width: 6px;
         height: 6px;
         bottom: 12px;
     }
 }
 @keyframes fix03 {
     0% {
         left: 0%;
     }
     100% {
         left: 98%;
         right: 0;
     }
 }
 /***************************/
 /********【page_concept】********/
 /***************************/
 /********【common】********/
 .page_concept {}
 /********【cont01】********/
 .page_concept .cont01 {
     padding: 0 0 200px;
 }
 .page_concept .cont01 .txt {
     margin: 0 0 50px;
 }
 .page_concept .cont01 .name_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: center;
 }
 .page_concept .cont01 .position {
     color: #82684A;
     padding: 0 20px 0 0;
 }
 @media only screen and (max-width: 800px) {
     .page_concept .cont01 {
         padding: 0 0 100px;
     }
     .page_concept .cont01 .txt {
         margin: 0 0 40px;
     }
     .page_concept .cont01 .name_ar {
         text-align: center;
         /* flexbox */
         display: block;
     }
     .page_concept .cont01 .position {
         color: #82684A;
         padding: 0 0px 10px;
     }
     .page_concept .cont01 .name {
         max-width: 200px;
         margin: 0 auto;
     }
 }
 /********【cont02】********/
 .page_concept .cont02 {
     padding: 0 0 100px;
 }
 .page_concept .cont02 .txt {
     text-align: center;
     margin: 0 0 50px;
 }
 @media only screen and (max-width: 800px) {
     .page_concept .cont02 {
         padding: 0 0 50px;
     }
     .page_concept .cont02 .txt {
         text-align: left;
         margin: 0 0 40px;
     }
 }
 /********【cont03】********/
 .page_concept .cont03 {
     padding: 0 0 200px;
 }
 .page_concept .cont03 .logo {
     text-align: center;
     margin: 0 0 50px;
 }
 .page_concept .cont03 .bx_ar {
     margin: 0 0 100px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_concept .cont03 .bx_img {
     width: 50%;
 }
 .page_concept .cont03 .bx_com {
     width: 50%;
     padding: 0 5%;
 }
 .page_concept .cont03 .img {
     text-align: center;
 }
 .page_concept .cont03 .txt {
     margin: 0 0 40px;
 }
 @media only screen and (max-width: 800px) {
     .page_concept .cont03 {
         padding: 0 0px;
     }
     .page_concept .cont03 .logo {
         max-width: 250px;
         margin: 0 auto 30px;
     }
     .page_concept .cont03 .bx_ar {
         margin: 0 0 80px;
         padding: 0 20px;
         /* flexbox */
         display: block;
     }
     .page_concept .cont03 .bx_img {
         margin: 0 0 30px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_concept .cont03 .bx_com {
         width: 100%;
         padding: 0 0%;
     }
     .page_concept .cont03 .txt {
         margin: 0 0 30px;
     }
 }
 /********【cont04】********/
 .page_concept .cont04 {
     width: 100%;
     min-width: 1054px;
     padding: 150px 20px 250px;
     margin: 0 0 -100px;
 }
 .page_concept .cont04 .com {
     font-size: 1.6rem;
     text-align: center;
     line-height: 2.4em;
     margin: 0 0 60px;
 }
 .page_concept .cont04 .txt {
     line-height: 2.0em;
     margin: 0 0 30px;
 }
 @media only screen and (max-width: 800px) {
     .page_concept .cont04 {
         min-width: inherit;
         padding: 80px 0px;
         margin: 0 0 -80px;
     }
     .page_concept .cont04 .com {
         font-size: 1.5rem;
         margin: 0 0 50px;
     }
     .page_concept .cont04 .txt {
         line-height: 2.0em;
         margin: 0 0 30px;
     }
 }
 /***************************/
 /********【page_menu】********/
 /***************************/
 /********【common】********/
 .page_menu {}
 /********【cont01】********/
 .page_menu .cont01 {
     padding: 0 0 200px;
 }
 .page_menu .cont01 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 .page_menu .cont01 .img {
     width: 50%;
     text-align: center;
 }
 .page_menu .cont01 .img img {
     border-radius: 5px;
 }
 .page_menu .cont01 .img a {
     display: block;
     transition: .3s;
 }
 .page_menu .cont01 .img a:hover {
     transform: scale(1.05);
 }
 @media only screen and (max-width: 800px) {
     .page_menu .cont01 {
         padding: 0 0 100px;
     }
     .page_menu .cont01 .bx_ar {
         /* flexbox */
         display: block;
     }
     .page_menu .cont01 .img {
         width: 90%;
         margin: 0 auto 20px;
     }
 }
 /********【cont02】********/
 .page_menu .cont02 {
     width: 100%;
     min-width: 1054px;
     padding: 150px 20px;
 }
 .page_menu .cont02 .txt {
     font-size: 1.8rem;
     line-height: 2.6em;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_menu .cont02 {
         min-width: inherit;
         padding: 100px 0px;
     }
     .page_menu .cont02 .txt {
         font-size: 1.5rem;
         line-height: 2.4em;
         text-align: left;
     }
 }
 /********【cont03】********/
 .page_menu .cont03 {
     padding: 150px 0px 0;
 }
 .page_menu .cont03 .bx_ar {
     margin: 80px 0 80px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_menu .cont03 .bx_img {
     width: 40%;
 }
 .page_menu .cont03 .bx_txt {
     width: 60%;
     padding: 0 0 0 5%;
 }
 .page_menu .cont03 .txt {
     margin: 0 0 20px;
 }
 .page_menu .cont03 .notice {
     text-align: right;
     font-size: 1.3rem;
 }
 .page_menu .cont03 .menu_ar {
     margin: 0 -2%;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
 }
 .page_menu .cont03 .common_menu_bx {
     width: 46%;
     margin: 0 2%;
 }
 @media only screen and (max-width: 800px) {
     .page_menu .cont03 {
         padding: 100px 0px 0;
     }
     .page_menu .cont03 .bx_ar {
         margin: 50px 0 50px;
         /* flexbox */
         display: block;
     }
     .page_menu .cont03 .bx_img {
         margin: 0 0 30px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_menu .cont03 .bx_txt {
         width: 100%;
         padding: 0 0 0 0%;
     }
     .page_menu .cont03 .notice {
         font-size: 1.2rem;
     }
     .page_menu .cont03 .menu_ar {
         margin: 0 0%;
         /* flexbox */
         display: block;
     }
     .page_menu .cont03 .common_menu_bx {
         width: 100%;
         margin: 0 0%;
     }
 }
 /********【cont04】********/
 .page_menu .cont04 {
     padding: 150px 0px 0;
 }
 .page_menu .cont04 .bx_ar {
     margin: 80px 0 80px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_menu .cont04 .bx_img {
     width: 40%;
 }
 .page_menu .cont04 .bx_txt {
     width: 60%;
     padding: 0 0 0 5%;
 }
 .page_menu .cont04 .txt {
     margin: 0 0 20px;
 }
 .page_menu .cont04 .notice {
     text-align: right;
     font-size: 1.3rem;
 }
 .page_menu .cont04 .common_menu_bx {
     width: 100%;
     margin: 0 0%;
 }
 @media only screen and (max-width: 800px) {
     .page_menu .cont04 {
         padding: 100px 0px 0;
     }
     .page_menu .cont04 .bx_ar {
         margin: 50px 0 50px;
         /* flexbox */
         display: block;
     }
     .page_menu .cont04 .bx_img {
         margin: 0 0 30px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_menu .cont04 .bx_txt {
         width: 100%;
         padding: 0 0 0 0%;
     }
     .page_menu .cont04 .notice {
         font-size: 1.2rem;
     }
 }
 /********【cont05】********/
 .page_menu .cont05 {
     width: 100%;
     min-width: 1054px;
     padding: 150px 20px;
     margin: 100px 0 0;
 }
 .page_menu .cont05 .txt {
     font-size: 1.8rem;
     line-height: 2.6em;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_menu .cont05 {
         min-width: inherit;
         padding: 100px 0px;
         margin: 50px 0 0;
     }
     .page_menu .cont05 .txt {
         font-size: 1.5rem;
         line-height: 2.4em;
         text-align: left;
     }
 }
 /***************************/
 /********【page_protein】********/
 /***************************/
 /********【common】********/
 .page_protein {}
 /********【cont01】********/
 .page_protein .cont01 {
     width: 100%;
     min-width: 1054px;
     padding: 150px 0px;
 }
 .page_protein .cont01 .txt {
     font-size: 1.8rem;
     line-height: 2.6em;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_protein .cont01 {
         min-width: inherit;
         padding: 150px 0px;
     }
     .page_protein .cont01 .txt {
         font-size: 1.6rem;
         text-align: left;
     }
 }
 /********【cont02】********/
 .page_protein .cont02 {
     padding: 150px 0;
 }
 .page_protein .cont02 .bx_ar {
     margin: 0 0 50px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_protein .cont02 .bx_img {
     width: 50%;
 }
 .page_protein .cont02 .bx_com {
     width: 50%;
     padding: 0 5%;
 }
 .page_protein .cont02 .img {
     text-align: center;
 }
 .page_protein .cont02 .txt {
     margin: 0 0 40px;
 }
 @media only screen and (max-width: 800px) {
     .page_protein .cont02 {
         padding: 150px 0 50px;
     }
     .page_protein .cont02 .logo {
         max-width: 250px;
         margin: 0 auto 30px;
     }
     .page_protein .cont02 .bx_ar {
         margin: 0 0 80px;
         padding: 0 20px;
         /* flexbox */
         display: block;
     }
     .page_protein .cont02 .bx_img {
         margin: 0 0 30px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_protein .cont02 .bx_com {
         width: 100%;
         padding: 0 0%;
     }
     .page_protein .cont02 .txt {
         margin: 0 0 30px;
     }
 }
 /********【cont03】********/
 .page_protein .cont03 {
     width: 100%;
     min-width: 1054px;
     padding: 150px 0px;
     margin: 0 0 150px;
 }
 .page_protein .cont03 .txt {
     font-size: 1.8rem;
     line-height: 2.6em;
     text-align: center;
     margin: 0 0 60px;
 }
 .page_protein .cont03 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_protein .cont03 .bx {
     width: 50%;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
 }
 .page_protein .cont03 .ttl {
     width: 100%;
     text-align: center;
     font-size: 2.4rem;
     padding: 10px 20px;
 }
 .page_protein .cont03 .ttl.bg_l {
     background: #F8F4EE;
 }
 .page_protein .cont03 .ttl.bg_r {
     background: #A89177;
     color: #fff;
 }
 .page_protein .cont03 .sub_bx {
     width: 50%;
 }
 .page_protein .cont03 .bg_wh {
     background: rgba(255, 255, 255, 0.6);
 }
 .page_protein .cont03 .bg_gl {
     background: rgba(235, 235, 235, 0.6);
 }
 .page_protein .cont03 .img {
     text-align: center;
     margin: 0 0 20px;
 }
 .page_protein .cont03 .sub_ttl {
     font-size: 1.6rem;
     text-align: center;
     margin: 0 0 10px;
     padding: 0 20px;
 }
 .page_protein .cont03 .sub_txt {
     padding: 0 20px 20px;
     font-size: 1.3rem;
     min-height: 300px;
 }
 @media only screen and (max-width: 800px) {
     .page_protein .cont03 {
         min-width: inherit;
         padding: 150px 0px 0;
         margin: 0 0 100px;
     }
     .page_protein .cont03 .txt {
         font-size: 1.6rem;
         text-align: left;
     }
     .page_protein .cont03 .bx_ar {
         /* flexbox */
         display: block;
     }
     .page_protein .cont03 .bx {
         width: 100%;
         margin: 0 0 40px;
         /* flexbox */
         display: block;
     }
     .page_protein .cont03 .ttl {
         font-size: 1.8rem;
         padding: 5px 20px;
     }
     .page_protein .cont03 .img {
         padding: 20px 20px 0 20px;
     }
     .page_protein .cont03 .sub_bx {
         width: 100%;
     }
     .page_protein .cont03 .sub_txt {
         padding: 0 20px 30px;
         min-height: inherit;
     }
 }
 /********【cont04】********/
 .page_protein .cont04 {
     clear: both;
     padding: 100px 0 0;
 }
 .page_protein .cont04 .bx_ar {
     margin: 0 -1.5%;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_protein .cont04 .bx {
     width: 30.333%;
     margin: 0 1.5%;
 }
 .page_protein .cont04 .img {
     text-align: center;
     margin: 0 0 20px;
 }
 .page_protein .cont04 .ttl {
     font-size: 1.8rem;
     margin: 0 0 10px;
 }
 @media only screen and (max-width: 800px) {
     .page_protein .cont04 {
         clear: both;
     }
     .page_protein .cont04 .bx_ar {
         margin: 0 0%;
         /* flexbox */
         display: block;
     }
     .page_protein .cont04 .bx {
         width: 100%;
         margin: 0 0% 40px;
         ;
     }
     .page_protein .cont04 .ttl {
         font-size: 1.6rem;
         margin: 0 0 10px;
     }
 }
 /********【cont05】********/
 .page_protein .cont05 {
     clear: both;
     padding: 150px 0;
 }
 .page_protein .cont05 .com {
     font-size: 1.8rem;
     text-align: center;
 }
 .page_protein .cont05 .h4 {
     margin: 0 0 80px;
 }
 @media only screen and (max-width: 800px) {
     .page_protein .cont05 {
         padding: 50px 0;
     }
     .page_protein .cont05 .com {
         font-size: 1.6rem;
         text-align: left;
     }
     .page_protein .cont05 .h4 {
         margin: 0 0 50px;
     }
 }
 /********【cont06】********/
 .page_protein .cont06 {
     width: 100%;
     min-width: 1054px;
     padding: 150px 0;
 }
 @media only screen and (max-width: 800px) {
     .page_protein .cont06 {
         min-width: inherit;
         padding: 100px 0 50px;
         margin: 100px 0 0;
     }
 }
 /********【cont07】********/
 .page_protein .cont07 {
     clear: both;
     padding: 150px 0;
 }
 .page_protein .h4 {
     clear: both;
     margin: 0 0 60px;
 }
 /****/
 .page_protein .cont07 .bx_ar01 {
     margin: 0 0 50px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .page_protein .cont07 .bx_txt01 {
     width: 40%;
     text-align: center;
 }
 .page_protein .cont07 .bx_img01 {
     width: 60%;
 }
 .page_protein .cont07 .com01 {
     font-size: 2.8rem;
 }
 .page_protein .cont07 .ttl01 {
     font-size: 3.6rem;
     margin: 0 0 40px;
     font-weight: bold;
 }
 .page_protein .cont07 .txt01 {
     font-size: 2.2rem;
 }
 .page_protein .cont07 .img01 {}
 /****/
 .page_protein .cont07 .bx_ar02 {
     margin: 0 -1% 80px;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 .page_protein .cont07 .img02 {
     width: 48%;
     margin: 0 1%;
     text-align: center;
 }
 /****/
 .page_protein .cont07 .price_ar {
     border-bottom: solid 1px #707070;
     padding: 0 0 15px;
     margin: 0 0 30px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: baseline;
 }
 .page_protein .cont07 .name {
     font-size: 2.2rem;
     width: 75%;
 }
 .page_protein .cont07 .detail {
     font-size: 1.6rem;
     padding: 0 1em;
 }
 .page_protein .cont07 .price {
     font-size: 2.8rem;
     text-align: right;
     width: 25%;
 }
 .page_protein .cont07 .tax {
     font-size: 1.4rem;
     text-align: right;
 }
 /***/
 .page_protein .cont07 .btn_ar {
     margin: 80px 0 0;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }
 .page_protein .cont07 .bt {
     width: 40%;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_protein .cont07 {
         clear: both;
         padding: 100px 0 50px;
     }
     .page_protein .h4 {
         clear: both;
         margin: 0 0 40px;
     }
     /****/
     .page_protein .cont07 .bx_ar01 {
         margin: 0 0 50px;
         /* flexbox */
         display: block;
     }
     .page_protein .cont07 .bx_txt01 {
         width: 100%;
         margin: 0 0 50px;
     }
     .page_protein .cont07 .bx_img01 {
         width: 100%;
         text-align: center;
     }
     .page_protein .cont07 .com01 {
         font-size: 2.0rem;
     }
     .page_protein .cont07 .ttl01 {
         font-size: 3.0rem;
         margin: 0 0 30px;
     }
     .page_protein .cont07 .txt01 {
         font-size: 1.6rem;
     }
     /****/
     .page_protein .cont07 .bx_ar02 {
         margin: 0 0% 50px;
         /* flexbox */
         display: block;
     }
     .page_protein .cont07 .img02 {
         width: 80%;
         max-width: 330px;
         margin: 0 auto 20px;
         text-align: center;
     }
     /****/
     .page_protein .cont07 .price_ar {
         padding: 0 0 10px;
         margin: 0 0 20px;
         /* flexbox */
         display: block;
     }
     .page_protein .cont07 .name {
         font-size: 1.8rem;
         width: 100%;
     }
     .page_protein .cont07 .detail {
         font-size: 1.4rem;
         display: block;
         padding: 0 .5em;
     }
     .page_protein .cont07 .price {
         font-size: 2.0rem;
         text-align: right;
         width: 100%;
     }
     .page_protein .cont07 .tax {
         font-size: 1.3rem;
     }
     /***/
     .page_protein .cont07 .btn_ar {
         margin: 50px 0 0;
         /* flexbox */
         display: block;
     }
     .page_protein .cont07 .bt {
         width: 100%;
         text-align: center;
         margin: 0 0 30px;
     }
 }
 /***************************/
 /********【page_school】********/
 /***************************/
 /********【common】********/
 .page_school {}
 /********【cont01】********/
 .page_school .cont01 {
     padding: 0 0 200px;
 }
 .page_school .cont01 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_school .cont01 .bx_img {
     width: 35%;
 }
 .page_school .cont01 .bx_txt {
     width: 65%;
     padding: 0 0 0 5%;
 }
 .page_school .cont01 .ttl {
     font-size: 2.4rem;
     margin: 0 0 20px;
 }
 .page_school .cont01 .txt {
     margin: 0 0 40px;
 }
 .page_school .cont01 .name_ar {
     background: #A89177;
     color: #fff;
     padding: 10px 20px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: baseline;
 }
 .page_school .cont01 .com {
     font-size: 1.5rem;
     padding: 0 1em 0 0;
 }
 .page_school .cont01 .name {
     font-size: 2.0rem;
 }
 @media only screen and (max-width: 800px) {
     .page_school .cont01 {
         padding: 50px 0 100px;
     }
     .page_school .cont01 .bx_ar {
         /* flexbox */
         display: block;
     }
     .page_school .cont01 .bx_img {
         margin: 0 0 20px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_school .cont01 .bx_txt {
         width: 100%;
         padding: 0 0 0 0%;
     }
     .page_school .cont01 .ttl {
         font-size: 2.0rem;
     }
     .page_school .cont01 .txt {
         margin: 0 0 30px;
     }
     .page_school .cont01 .name_ar {
         padding: 10px 20px;
         margin: 0 0 20px;
         text-align: center;
         /* flexbox */
         display: block;
     }
     .page_school .cont01 .com {
         font-size: 1.4rem;
         padding: 0 0em 0 0;
     }
     .page_school .cont01 .name {
         font-size: 1.8rem;
     }
 }
 /********【cont02】********/
 .page_school .cont02 {
     padding: 0 0 80px;
 }
 .page_school .cont02 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .page_school .cont02 .bx_img {
     width: 40%;
 }
 .page_school .cont02 .bx_txt {
     width: 60%;
     padding: 0 0 0 5%;
 }
 .page_school .cont02 .txt {
     margin: 0 0 20px;
 }
 .page_school .cont02 .notice {
     text-align: right;
     font-size: 1.3rem;
     margin: 0 0 20px;
 }
 .page_school .cont02 .com {
     font-size: 1.5rem;
	 padding: 10px 0 0;
 }
 .page_school .cont02 .plan_bx {
     background: #fff;
     padding: 30px 30px;
     border: solid 1px #707070;
     margin: 50px 0 0;
 }
 .page_school .cont02 .date {
     font-size: 1.5rem;
     font-weight: bold;
     margin: 0 0 5px;
 }
 .page_school .cont02 .plan {
     margin: 0 0 20px;
 }
 @media only screen and (max-width: 800px) {
     .page_school .cont02 .bx_ar {
         margin: 0px 0 0px;
         /* flexbox */
         display: block;
     }
     .page_school .cont02 .bx_img {
         margin: 0 0 20px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .page_school .cont02 .bx_txt {
         width: 100%;
         padding: 0 0 0 0%;
     }
     .page_school .cont02 .notice {
         font-size: 1.2rem;
     }
     .page_school .cont02 .com {
         font-size: 1.4rem;
     }
     .page_school .cont02 .plan_bx {
         padding: 20px 20px;
         margin: 30px 0 0;
     }
     .page_school .cont02 .date {
         font-size: 1.4rem;
     }
 }
 /********【cont03】********/
 .page_school .cont03 {
     padding: 0 0 100px;
 }
 @media only screen and (max-width: 800px) {
     .page_school .cont03 {
         padding: 0 0 50px;
     }
 }
 /********【cont04】********/
 .page_school .cont04 {
     padding: 0 0 100px;
 }
 .page_school .cont04 .bt {
     padding: 80px 0 20px;
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_school .cont04 {
         padding: 0 0 0px;
     }
 }
 /***************************/
 /********【page_company】********/
 /***************************/
 /********【common】********/
 .page_company {}
 /********【cont01】********/
 .page_company .cont01 {
     padding: 0 0 200px;
 }
 .page_company .cont01 .bx_ar {
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-end;
 }
 .page_company .cont01 .bx_txt {
     width: 65%;
     padding: 0 5% 0 0;
 }
 .page_company .cont01 .bx_img {
     width: 35%;
 }
 .page_company .cont01 .ttl {
     font-size: 2.4rem;
     margin: 0 0 20px;
 }
 .page_company .cont01 .txt {
     margin: 0 0 40px;
 }
 .page_company .cont01 .name_ar {
     background: #A89177;
     color: #fff;
     padding: 10px 20px;
     /* flexbox */
     display: flex;
     justify-content: flex-end;
     align-items: baseline;
 }
 .page_company .cont01 .com {
     font-size: 1.5rem;
     padding: 0 1em 0 0;
 }
 .page_company .cont01 .name {
     font-size: 2.0rem;
 }
 @media only screen and (max-width: 800px) {
     .page_company .cont01 {
         padding: 100px 0 100px;
     }
     .page_company .cont01 .bx_ar {
         /* flexbox */
         display: block;
     }
     .page_company .cont01 .bx_img {
         width: 100%;
         max-width: 350px;
         margin: 0 auto 0px;
     }
     .page_company .cont01 .bx_txt {
         width: 100%;
         padding: 0 0 0 0%;
     }
     .page_company .cont01 .ttl {
         font-size: 2.0rem;
     }
     .page_company .cont01 .txt {
         margin: 0 0 0px;
     }
     .page_company .cont01 .name_ar {
         padding: 10px 20px;
         margin: 0 0 20px;
         text-align: center;
         /* flexbox */
         display: block;
     }
     .page_company .cont01 .com {
         font-size: 1.4rem;
         padding: 0 0em 0 0;
     }
     .page_company .cont01 .name {
         font-size: 1.8rem;
     }
 }
 /********【cont02】********/
 .page_company .cont02 {
     padding: 0 0 100px;
 }
 .page_company .cont02 .common_tbl2 {
     max-width: 700px;
     margin: auto;
 }
 .page_company .cont02 .common_tbl2 th {
     width: 30%;
 }
 @media only screen and (max-width: 800px) {
     .page_company .cont02 {
         padding: 0 0 50px;
     }
     .page_company .cont02 .common_tbl2 th {
         width: 100%;
     }
 }
 /********【cont03】********/
 .page_company .cont03 {
     margin: 0 0 -110px;
 }
 .page_company .cont03 iframe {
     width: 100%;
     height: 750px;
     filter: grayscale(1);
 }
 @media only screen and (max-width: 800px) {
     .page_company .cont03 {
         margin: 0 0 -90px;
     }
     .page_company .cont03 iframe {
         height: 500px;
     }
 }
 /***************************/
 /********【page_archives】********/
 /***************************/
 .page_archives .single .cont01 {
     width: 100%;
     min-width: 1054px;
 }
 .page_archives .single .cont01 .pager_ar {
     margin: 0 auto 120px;
     text-align: center;
 }
 .page_archives .single .cont01 .detail_bx {
     margin: 0 auto 120px;
 }
 .page_archives .single .cont01 .post_cat_ar {
     margin: 0 0 80px;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: baseline;
 }
 .page_archives .single .cont01 .post_date {
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: baseline;
 }
 .page_archives .single .cont01 .post_date span {
     padding: 0 10px;
 }
 .page_archives .single .cont01 .post_cat span {
     font-size: 1.3rem;
     background: #82684A;
     color: #fff;
     border-radius: 15px;
     padding: 3px 2em;
     margin: 0 0 0 10px;
 }
 .page_archives .single .cont01 .post_ttl {
     font-size: 2.2rem;
     margin: 0 0 50px;
     text-align: center;
     overflow: inherit;
     display: block;
 }
 .page_archives .single .cont01 .post_txt {
     line-height: 2.0em;
 }
 @media only screen and (max-width: 800px) {
     .page_archives .single .cont01 {
         min-width: inherit;
         margin: 50px 0 0
     }
     .page_archives .single .cont01 .pager_ar {
         width: 100%;
         margin: 0 auto 0px;
     }
     .page_archives .single .cont01 .detail_bx {
         width: 100%;
         margin: 0 auto 80px;
         padding: 0 0px;
     }
     .page_archives .single .cont01 .post_cat_ar {
         text-align: center;
         margin: 0 0 50px;
         /* flexbox */
         display: block;
     }
     .page_archives .single .cont01 .post_date {
         margin: 0 0 10px;
     }
     .page_archives .single .cont01 .post_cat span {
         font-size: 1.2rem;
     }
     .page_archives .single .cont01 .post_ttl {
         font-size: 1.8rem;
         margin: 0 0 40px;
         text-align: left;
     }
 }
 /***************************/
 /********【archive_voice】********/
 /***************************/
 .common_category {
     margin: 0 0 50px;
 }
 .common_category .txt {
     text-align: center;
     padding: 20px 0 50px;
 }
 .common_category ul {
     max-width: 800px;
     margin: auto;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: flex-start;
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
 }
 .common_category ul li {}
 .common_category ul li a {
     display: block;
     padding: 10px 2em;
     margin: 0 2em 2.5em;
     text-align: center;
     min-width: 300px;
     border-radius: 50px;
     transition: .3s;
     background: #fff;
     box-shadow: 0 0 0 2px #82684A, 0 0 0 4px #fff, 0 0 0 8px #82684A;
     font-size: 1.6rem;
     font-weight: 600;
 }
 .common_category ul li a:hover {
     transform: scale(1.05);
     text-decoration: none;
 }
 @media only screen and (max-width: 800px) {
     .common_category {
         margin: 0 0 40px;
     }
     .common_category .txt {
         text-align: center;
         padding: 10px 0 50px;
     }
     .common_category ul {
         padding: 0 20px;
         /* flexbox */
         display: block;
     }
     .common_category ul li {}
     .common_category ul li a {
         padding: 5px 2em;
         margin: 0 0em 2em;
         min-width: 250px;
         font-size: 1.6rem;
         box-shadow: 0 0 0 1px #82684A, 0 0 0 3px #fff, 0 0 0 5px #82684A;
     }
 }
 /********【common】********/
 /********【cont01】********/
 .archive_voice .cont01 {
     padding: 0 0 50px;
 }
 @media only screen and (max-width: 800px) {
     .archive_voice .cont01 {
         padding: 50px 0 50px;
     }
 }
 /********【cont02】********/
 .archive_voice .cont02 {
     padding: 0 0 100px;
 }
 .archive_voice .cont02 .bx_ar {
     margin: 0 -1.5%;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
 }
 .archive_voice .cont02 .arc_voice {
     width: 30.333%;
     margin: 0 1.5% 50px;
 }
 @media only screen and (max-width: 800px) {
     .archive_voice .cont02 {
         padding: 0 0 50px;
     }
     .archive_voice .cont02 .bx_ar {
         margin: 0 0%;
         /* flexbox */
         display: block;
         justify-content: flex-start;
         align-items: flex-start;
         align-content: start; /*複数行にした時の揃え*/
         flex-direction: row; /*子要素の並ぶ向き*/
         flex-wrap: wrap; /*子要素の折り返し*/
     }
     .archive_voice .cont02 .arc_voice {
         width: 100%;
         margin: 0 0% 40px;
     }
 }
 /***************************/
 /********【single voice】********/
 /***************************/
 /********【cont01】********/
 .archive_voice .single {
     padding: 0 0 0px;
 }
 /****/
 .archive_voice .single .bx_ar {
     margin: 0 0 20px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .archive_voice .single .bx_img {
     width: 70%;
     text-align: center;
     min-height: 400px;
 }
 .archive_voice .single .bx_img img {
     width: 840px;
     height: 550px;
     object-fit: cover;
     font-family: 'object-fit: cover;'; /*IE対策*/
 }
 .archive_voice .single .bx_txt {
     width: 30%;
     padding: 0 0 0 5%;
     text-align: center;
 }
 .archive_voice .single .cate_ar {
     display: inline-block;
     margin: 0 0 40px;
 }
 .archive_voice .single .detail .post {
     font-size: 1.6rem;
 }
 /****/
 .archive_voice .single .thumb_ar {
     margin: 0 0 60px;
 }
 .archive_voice .single .thumb_ar ul {
     margin: 0 -1%;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
 }
 .archive_voice .single .thumb_ar ul li {
     width: 23%;
     margin: 0 1%;
 }
 .archive_voice .single .thumb_ar ul li.current {
     opacity: .6;
 }
 .archive_voice .single .thumb_ar ul li img {
     width: 290px;
     height: 193px;
     object-fit: cover;
     font-family: 'object-fit: cover;'; /*IE対策*/
     transition: .3s;
 }
 .archive_voice .single .thumb_ar ul li img:hover {
     opacity: .7;
 }
 /****/
 .archive_voice .single .post_com {
     max-width: 900px;
     margin: 0 auto 100px;
     line-height: 2.0em;
 }
 /****/
 .archive_voice .single .bx_ba_ar {
     margin: 0 0 80px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 .archive_voice .single .bx_l, .archive_voice .single .bx_c, .archive_voice .single .bx_r {
     text-align: center;
 }
 .archive_voice .single .bx_l {
     width: 45%;
 }
 .archive_voice .single .bx_c {
     width: 10%;
     padding: 0px 10px 0;
 }
 .archive_voice .single .bx_r {
     width: 45%;
 }
 .archive_voice .single .img {
     text-align: center;
 }
 .archive_voice .single .bx_l img, .archive_voice .single .bx_r img {
     width: 500px;
     height: 333px;
     object-fit: cover;
     font-family: 'object-fit: cover;'; /*IE対策*/
     transition: .3s;
 }
 .archive_voice .single .bx_l img:hover, .archive_voice .single .bx_r img:hover {
     opacity: 0.7;
 }
 .archive_voice .single .arr {
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .archive_voice .single {
         padding: 0 0 50px;
     }
     /****/
     .archive_voice .single .bx_ar {
         margin: 0 0 10px;
         /* flexbox */
         display: block;
     }
     .archive_voice .single .bx_img {
         min-height: 66.7vw;
         margin: 0 0 10px;
         /****画面幅100％****/
         width: 100vw;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
     }
     .archive_voice .single .bx_img img {
         width: 600px;
         height: 400px;
     }
     .archive_voice .single .bx_txt {
         width: 100%;
         padding: 0 0 30px;
     }
     /****/
     .archive_voice .single .thumb_ar {
         margin: 0 0 30px;
     }
     .archive_voice .single .thumb_ar ul li img {
         width: inherit;
         height: 80px;
         min-width: 80px;
         max-width: 200px;
     }
     /****/
     .archive_voice .single .post_com {
         margin: 0 auto 50px;
     }
     /****/
     .archive_voice .single .bx_ba_ar {
         margin: 0 0 40px;
     }
     .archive_voice .single .bx_l, .archive_voice .single .bx_r {
         width: 47.5%;
     }
     .archive_voice .single .bx_c {
         width: 5%;
         padding: 0px 5px 0;
     }
     .archive_voice .single .bx_l img, .archive_voice .single .bx_r img {
         width: 180px;
         height: 140px;
     }
 }
 /***************************/
 /********【page_contact】********/
 /***************************/
 /********【cont01】********/
 .page_contact .cont01 {
     padding: 0 0 200px;
 }
 .page_contact .cont01 .com {
     line-height: 2.0em;
     max-width: 850px;
     margin: 0 auto 100px;
     text-align: center;
 }
 .page_contact .cont01 .top {
     text-align: center;
 }
 @media only screen and (max-width: 800px) {
     .page_contact .cont01 {
         padding: 0 0 100px;
     }
     .page_contact .cont01 .com {
         margin: 0 auto 50px;
         text-align: left;
     }
 }
 /***************************/
 /********【page_policy】********/
 /***************************/
 /********【01】*******/
 .page_policy .cont01 {
     max-width: 1000px;
     margin: 0 auto 200px;
 }
 .page_policy .cont01 .txt {
     margin: 0 0 40px;
     line-height: 2.2em;
 }
 @media only screen and (max-width: 800px) {
     .page_policy .cont01 {
         max-width: 1000px;
         margin: 0 auto 100px;
     }
     .page_policy .cont01 .txt {
         margin: 0 0 30px;
         line-height: 2.0em;
     }
 }
 /****under_visible_amination_l****/
 .amination_bottom_top {
     clip-path: inset(100% 0 0);
     transition: 1s;
 }
 .amination_bottom_top.isActive {
     transition: clip-path 1s cubic-bezier(0.175, 0, 0.175, 1) 0.5s;
     clip-path: inset(0 0 0 0);
     transition-delay: 600ms;
 }
 @media only screen and (max-width: 800px) {
     .amination_bottom_top.isActive {
         transition-delay: 300ms;
     }
 }