 @charset "UTF-8";
 /*
* Theme Name: temp_woodtec-architect
* Author: 
* 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: 500;
   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.6;
   font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
   font-weight: 500;
   font-style: normal;
   letter-spacing: 0.01em;
 }
 @media only screen and (max-width: 800px) {
   body {
     font-size: 1.4rem;
   }
 }
 /************************************ a:link a:hoverの設定*/
 a:link {
   color: #000;
   text-decoration: none;
 }
 a:hover, a:active, a:visited {
   text-decoration: underline;
   color: #000;
 }
 /************************************ サイト幅の設定（meta内のviewportも同様の数値を記入　※960px以下の場合は960pxに設定するiPad向け）*/
 .container {
   /*max-width: 1240px;*/
   max-width: 1200px;
   min-width: 1000px;
 }
 @media only screen and (max-width: 800px) {
   .container {
     width: 100%;
     min-width: inherit;
   }
 }
 /************************************ コンテンツ*/
 /************************************テーブルレスポンシブ仕様*/
 @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;
 }
 /***************************/
 /********【ヘッダー】********/
 /***************************/
 #link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09, #link10 {
   margin-top: -80px !important;
   padding-top: 80px !important;
 }
 @media only screen and (max-width: 800px) {
   #link01, #link02, #link03, #link04, #link05, #link06, #link07, #link08, #link09, #link10 {
     margin-top: -50px !important;
     padding-top: 50px !important;
   }
 }
 /****/
 .head_ar {
   width: 100%;
   /*min-width: 1054px;*/
   height: 75px;
   position: fixed;
   top: 0;
   z-index: 10;
   padding: 0px 240px 0px 2vw;
   box-shadow: 0px 5px 10px 10px rgba(0, 0, 0, 0.15); /*左右　上下　ぼかし　広がり*/
   background: #fff;
 }
 .head_ar .bx_ar {
   /* flexbox */
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .head_ar .logo {
   padding: 10px 0 0;
 }
 .head_ar .logo img {
   width: 186px;
 }
 /****/
 .head_ar .nav_bx {
   margin: -5px 0 0;
   /* flexbox */
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
 .head_ar .nav_bx ul {
   /* flexbox */
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
 .head_ar .nav_bx ul li.mega {
   padding: 28px 20px 23px 20px;
   position: relative;
 }
 .head_ar .nav_bx ul li {
   font-size: 1.8rem;
   font-weight: bold;
 }
 .head_ar .nav_bx ul li .no_link {
   font-weight: bold;
   position: relative;
   padding: 0px 25px 0px 0px;
   cursor: pointer;
   transition: .3s;
 }
 .head_ar .nav_bx ul li a {
   display: block;
   padding: 28px 1vw 23px;
   transition: .3s;
 }
 .head_ar .nav_bx ul li a:hover, .head_ar .nav_bx ul li .no_link:hover {
   text-decoration: none;
   opacity: 0.5;
 }
 /**/
 .head_ar .nav_bx ul li ul {
   padding: 30px 30px 20px;
   display: block;
 }
 .head_ar .nav_bx ul li ul li {
   border-bottom: solid 1px #657C92;
   padding: 0 0 10px;
   margin: 0 0 15px;
   /* flexbox */
   display: flex;
   justify-content: flex-end;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .head_ar .nav_bx ul li ul li a {
   padding: 5px 10px;
 }
 .head_ar .nav_bx ul li ul li .sub_ttl {
   font-size: 2.2rem;
   font-weight: bold;
   width: 40%;
 }
 .head_ar .nav_bx ul li ul li .link {
   font-size: 1.6rem;
   font-weight: bold;
   width: 60%;
   position: relative;
   padding: 0 0 0 5px;
 }
 .head_ar .nav_bx ul li ul li .link:before {
   position: absolute;
   content: "";
   background: url("images/shared/arr_yy_bl.svg") no-repeat left center/cover;
   width: 8px;
   height: 10px;
   left: 0px;
   top: 12px;
 }
 /****/
 .head_ar .nav_bx .img_logo {
   width: 104px;
   height: 23px;
   margin: -5px 0 0;
 }
 /****/
 .head_ar .bt {
   position: fixed;
   right: 0;
   top: 0;
 }
 .head_ar .bt a {
   max-width: 234px;
   max-height: 148px;
   background: #657C92;
   color: #fff;
   font-size: 2.0rem;
   font-weight: bold;
   display: flex;
   justify-content: center;
   align-items: center;
   transition: .3s;
   padding: 0 10px;
   width: 22vw;
   height: 10vw;
 }
 .head_ar .bt a:hover {
   text-decoration: none;
   background: #93A9BE;
 }
 /****megamenu****/
 .head_ar .nav_bx li.mega {
   transition: .3s;
   position: relative;
 }
 .head_ar .nav_bx li.mega:after {
   position: absolute;
   content: "";
   background: url("images/shared/arr_down_bk.svg") no-repeat center bottom/cover;
   width: 18px;
   height: 12px;
   right: 20px;
   top: 37px;
   transition: .3s;
 }
 .head_ar .nav_bx li.mega:hover:after {
   transform: rotate(-180deg);
 }
 /*
 .head_ar .nav_bx li.mega:hover {
	 transform: translateX(5px);
 }
*/
 .head_ar .nav_bx li.mega .megamenu {
   border-top: solid 7px #657C92;
   background: #E6E6E6;
   max-height: 0;
   width: 500px;
   position: absolute;
   transition: all .5s ease-in;
   z-index: 10;
   margin: 0 0 0 -145px;
   visibility: hidden;
   /*top: -630px;*/
   top: 78px;
   left: 0;
   right: 0;
   box-shadow: 0px 5px 10px 10px rgba(0, 0, 0, 0.15); /*左右　上下　ぼかし　広がり*/
   animation-name: fadeInFromBottom; /* 定義したアニメーション名を指定 */
   animation-duration: .5s; /* アニメーションの時間（例: 1秒） */
   animation-timing-function: ease-out; /* アニメーションの速度カーブ */
   animation-fill-mode: forwards; /* アニメーション終了後、最後のスタイルを維持す*/
 }
 .head_ar .nav_bx li.mega:hover .megamenu {
   max-height: 9999px;
   visibility: visible;
   animation-name: fadeInFromTop; /* 定義したアニメーション名を指定 */
   animation-duration: .5s; /* アニメーションの時間（例: 1秒） */
   animation-timing-function: ease-out; /* アニメーションの速度カーブ */
   animation-fill-mode: forwards; /* アニメーション終了後、最後のスタイルを維持す*/
 }
 @keyframes fadeInFromTop {
   from {
     opacity: 0;
     /*top: -630px;*/
   }
   to {
     opacity: 1; /* 最終不透明 */
     /*top: 78px;*/
   }
 }
 @keyframes fadeInFromBottom {
   from {
     opacity: 1; /* 最終不透明 */
     /*top: 78px;*/
   }
   to {
     opacity: 0;
     /*top: -630px;*/
   }
 }
 .megamenu:before {
   position: absolute;
   content: "";
   background: url("images/shared/arr_tt_up_bl.svg") no-repeat center top/cover;
   width: 48px;
   height: 20px;
   margin: auto;
   left: 0px;
   right: 0;
   top: -20px;
   z-index: 9;
 }
 .megamenu-inner {
   /* flexbox */
   display: flex;
   justify-content: space-around; /*水平方向の揃え*/
   align-items: center; /*垂直方向の揃え*/
   align-content: space-around; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 @media only screen and (max-width: 800px) {
   .head_ar {
     min-width: inherit;
     height: 50px;
     padding: 0px 0px 0px 0px;
     box-shadow: 0px 3px 7px 7px rgba(0, 0, 0, 0.15); /*左右　上下　ぼかし　広がり*/
   }
   .head_ar .logo {
     padding: 7px 0 0 10px;
   }
   .head_ar .logo img {
     width: 110px;
   }
   /****/
   .head_ar .bt {
     position: fixed;
     right: 50px;
     top: 0;
   }
   .head_ar .bt a {
     width: 137px;
     height: 50px;
     font-size: 1.3rem;
     padding: 0 5px;
   }
 }
 /* ハンバーガーメニュー */
 .humberger {
   cursor: pointer;
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   width: 50px;
   height: 50px;
   z-index: 12000;
 }
 .humberger:after {
   position: absolute;
   content: "MENU";
   font-size: 0.9rem;
   font-weight: bold;
   left: 12px;
   bottom: 8px;
 }
 .humberger span {
   background: #595757;
   position: absolute;
   left: 50%;
   width: 25px;
   height: 2px;
   transform: translateX(-50%);
   transition: 0.4s;
 }
 .humberger span:nth-of-type(1) {
   top: 12px;
 }
 .humberger span:nth-of-type(2) {
   top: 38%;
   transform: translate(-50%, -50%);
 }
 .humberger span:nth-of-type(3) {
   bottom: 24px;
 }
 .is-open .humberger span:nth-of-type(1) {
   transform: translate(-50%, 9px) rotate(-45deg);
   width: 25px;
   height: 2px;
   top: 14px;
   left: 27px;
 }
 .is-open .humberger span:nth-of-type(2) {
   opacity: 0;
 }
 .is-open .humberger span:nth-of-type(3) {
   transform: translate(-50%, -9px) rotate(45deg);
   width: 25px;
   height: 2px;
   top: 32px;
   left: 28px;
 }
 .is-open .humberger:after {
   content: "";
 }
 .overlay {
   background: transparent;
   position: fixed;
   pointer-events: none;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   z-index: 1000; /****/
   transition: 0.2s;
 }
 .is-open .overlay {
   pointer-events: auto;
 }
 /* ナビ本体 */
 .sp-navi {
   -webkit-text-size-adjust: 100%;
   position: fixed;
   top: 0;
   right: 0;
   z-index: 11000; /****/
 }
 .sp-navi.is-open .sp-navi-inner {
   transform: translate3d(0, 0, 0);
 }
 .sp-navi .sp-navi-inner {
   background-color: #E6E6E6;
   position: fixed;
   top: 0;
   right: 0;
   overflow: scroll;
   overflow-x: hidden;
   overflow-y: auto;
   width: 285px;
   height: 100%;
   transition: .5s;
   transform: translate3d(110%, 0, 0);
   box-shadow: -3px 0px 7px 7px rgba(0, 0, 0, 0.15); /*左右　上下　ぼかし　広がり*/
   padding: 60px 20px 20px;
   z-index: 1200; /****/
 }
 /**** accordion ****/
 .acc-ttl, .acc-ttl-arr {
   cursor: pointer;
   position: relative;
   font-size: 1.8rem;
   font-weight: bold;
   border-top: solid 1px #657C92;
   padding: 10px 0;
 }
 .acc-ttl-arr::after {
   content: "";
   position: absolute;
   right: 0px;
   top: 50%;
   transition: all 0.5s ease-in-out;
   display: block;
   width: 12px;
   height: 12px;
   border-top: solid 2px #000;
   border-right: solid 2px #000;
   transform: translateY(-50%) rotate(135deg);
   transform-origin: center center;
 }
 .acc-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height .5s ease-in-out;
   padding: 0px 0px;
 }
 .acc-content {
   display: block !important;
   width: 100%;
 }
 .acc-content li.ttl {
   font-size: 1.8rem;
   font-weight: bold;
   padding: 10px 0 0px;
   position: static;
   line-height: inherit;
   border-bottom: none;
 }
 .acc-content li.ttl:before {
   display: none;
 }
 .acc-content li {
   font-size: 1.5rem;
   font-weight: bold;
   position: relative;
   line-height: 1.3em;
   display: block;
   border-bottom: solid 1px #657C92;
   padding: 5px 0 9px 25px;
 }
 .acc-content li.non_bor {
   border-bottom: none;
 }
 .acc-content li:before {
   position: absolute;
   content: "";
   background: url("images/shared/arr_yy_bl.svg") no-repeat right center/cover;
   width: 6px;
   height: 10px;
   margin: 4px 0 0 -10px;
 }
 .acc-item a {
   display: block;
   padding: 0;
 }
 .acc-item a:hover {
   text-decoration: none;
 }
 .acc-item.is-open .acc-content {
   max-height: 1000px;
 }
 .acc-item.is-open .acc-ttl-arr::after {
   transform: translateY(-50%) rotate(315deg);
 }
 .acc-item .logo img {
   width: 110px;
 }
 /***************************/
 /********【フッター】********/
 /***************************/
 /****common****/
 .common_bt_ar {
   margin: 0 -1%;
   text-align: center;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .common_bt_ar a {
   display: block;
   transition: .3s;
 }
 .common_bt_ar a:hover {
   text-decoration: none;
   opacity: 0.7;
 }
 .common_bt_ar .bt100 {
   width: 100%;
   margin: 0 1% 20px;
 }
 .common_bt_ar .bt50 {
   width: 48%;
   margin: 0 1% 20px;
 }
 @media only screen and (max-width: 800px) {
   .common_bt_ar .bt100 {
     margin: 0 1% 10px;
   }
   .common_bt_ar .bt100 img, .common_bt_ar .bt img {
     width: 100%;
   }
   .common_bt_ar .bt50 {
     margin: 0 1% 10px;
   }
 }
 /****foot_bt_ar****/
 .foot_bt_ar {
   width: 100%;
   /*min-width: 1054px;*/
   background: #8C9EAE;
   padding: 50px 0;
 }
 .foot_bt_ar .bx_ar {
   margin: 0 -2%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 .foot_bt_ar .bx {
   position: relative;
   width: 29.333%;
   height: 210px;
   margin: 0 2%;
   background: #fff;
   padding: 20px 30px;
   text-align: center;
 }
 .foot_bt_ar .ico_sample, .foot_bt_ar .ico_mail, .foot_bt_ar .ico_tel {
   width: 100%;
 }
 .foot_bt_ar .ico_sample img {
   max-width: 70px;
   padding: 15px 0 0;
 }
 .foot_bt_ar .ico_mail img {
   max-width: 70px;
   padding: 25px 0 0;
 }
 .foot_bt_ar .ico_tel img {
   max-width: 50px;
   padding: 0px 0 0;
 }
 .foot_bt_ar .bt a {
   display: block;
   background: #657C92;
   color: #fff;
   padding: 5px;
   width: 90%;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   bottom: 20px;
 }
 .foot_bt_ar .bt a span {
   display: block;
   border: solid 1px #fff;
   color: #fff;
   font-size: 1.6rem;
   font-weight: bold;
   padding: 15px 20px;
 }
 .foot_bt_ar .txt_ar {
   color: #657C92;
   font-weight: bold;
 }
 .foot_bt_ar .com {
   font-size: 2.0rem;
   font-weight: bold;
 }
 .foot_bt_ar .notice {
   font-size: 1.3rem;
   margin: 0 0 5px;
   position: relative;
   display: inline-block;
   padding: 0 20px;
   font-weight: bold;
 }
 .foot_bt_ar .notice:before, .foot_bt_ar .notice:after {
   position: absolute;
   content: "";
   background: #657C92;
   width: 17px;
   height: 1px;
   top: 10px;
 }
 .foot_bt_ar .notice:before {
   left: 0px;
 }
 .foot_bt_ar .notice:after {
   right: 0px;
 }
 .foot_bt_ar .tel {
   font-size: 2.4rem;
   line-height: 1.2;
   font-weight: bold;
 }
 .foot_bt_ar .bx a {
   color: #657C92;
   transition: .3s;
 }
 .foot_bt_ar .bx a:hover {
   opacity: 0.7;
   /*transform: translateX(5px);*/
   text-decoration: none;
 }
 @media only screen and (max-width: 800px) {
   .foot_bt_ar {
     min-width: inherit;
     padding: 20px 0 10px;
   }
   .foot_bt_ar .bx_ar {
     margin: 0 0%;
     /* flexbox */
     display: block;
   }
   .foot_bt_ar .bx {
     width: 100%;
     height: 115px;
     margin: 0 0% 10px;
     padding: 20px 15px;
     /* flexbox */
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .foot_bt_ar .ico_sample, .foot_bt_ar .ico_mail, .foot_bt_ar .ico_tel {
     width: 25%;
     padding: 0 15px 0 0;
   }
   .foot_bt_ar .ico_sample img {
     max-width: 50px;
     padding: 0px 0 0;
   }
   .foot_bt_ar .ico_mail img {
     max-width: 55px;
     padding: 0px 0 0;
   }
   .foot_bt_ar .ico_tel img {
     max-width: 45px;
     padding: 0px 0 0;
   }
   .foot_bt_ar .bt {
     width: 75%;
   }
   .foot_bt_ar .bt a {
     width: 100%;
     position: static;
   }
   .foot_bt_ar .txt_ar {
     width: 75%;
   }
   .foot_bt_ar .bt a span {
     font-size: 1.4rem;
     padding: 12px 30px;
   }
   .foot_bt_ar .com {
     font-size: 1.5rem;
   }
   .foot_bt_ar .notice {
     font-size: 1.1rem;
     margin: 0 0 5px;
     padding: 0 15px;
   }
   .foot_bt_ar .notice:before, .foot_bt_ar .notice:after {
     width: 10px;
     top: 8px;
   }
   .foot_bt_ar .tel {
     font-size: 1.8rem;
   }
 }
 /*------footer info-----*/
 #foot_info_ar {
   width: 100%;
   /*min-width: 1054px;*/
   background: #1E1E1E;
   padding: 60px 0 40px;
   clear: both;
 }
 @media only screen and (max-width: 800px) {
   #foot_info_ar {
     min-width: inherit;
     padding: 20px 0 10px;
   }
 }
 /*------footer-----*/
 #foot_ar {
   width: 100%;
   /*min-width: 1054px;*/
   padding: 20px 0 15px;
   background: #000;
 }
 #foot_ar .bx_ar {
   /* flexbox */
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
 }
 #foot_ar .bx_l {
   width: 50%;
 }
 #foot_ar .logo {
   width: 140px;
 }
 #foot_ar .foot_nav ul {
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 #foot_ar .foot_nav ul li a {
   color: #989898;
   display: block;
   padding: 0em 1em 0em 0;
 }
 #foot_ar .bx_r {
   width: 50%;
   color: #989898;
   text-align: right;
 }
 #foot_ar .name {
   font-size: 1.4rem;
 }
 #foot_ar .copy {
   font-size: 1.2rem;
 }
 @media only screen and (max-width: 800px) {
   #foot_ar {
     width: 100%;
     min-width: inherit;
     padding: 30px 0 20px;
     margin: 0px 0 0;
   }
   #foot_ar .bx_ar {
     /* flexbox */
     display: block;
     justify-content: space-between;
     align-items: flex-end;
   }
   #foot_ar .bx_l {
     width: 100%;
   }
   #foot_ar .logo {
     width: 100px;
   }
   #foot_ar .foot_nav ul li a {
     font-size: 1.3rem;
     padding: 1em 1em 0em 0;
   }
   #foot_ar .bx_r {
     width: 100%;
     text-align: left;
     padding: 20px 0 0;
   }
   #foot_ar .name {
     font-size: 1.2rem;
   }
   #foot_ar .copy {
     font-size: 1.0rem;
   }
 }
 /***************************/
 /********【index】********/
 /***************************/
 .top_main_img {
   width: 100%;
   /*min-width: 1054px;*/
   margin: 75px 0 0;
 }
 .top_main_img .bg {
   background: url("images/top_main_01.jpg") no-repeat center center/cover;
   text-align: center;
   padding: 150px 0px 90px;
   position: relative;
   z-index: 1;
   margin: 0px 0 0;
 }
 .top_main_img .logo {
   max-width: 560px;
   margin: 0 auto 40px;
 }
 .top_main_img .ttl_l {
   font-size: 4.2rem;
   font-weight: bold;
   margin: 0 0 20px;
 }
 .top_main_img .ttl_s {
   font-size: 1.7rem;
   font-weight: 500;
   line-height: 1.8;
 }
 @media only screen and (max-width: 800px) {
   .top_main_img {
     width: 100%;
     min-width: inherit;
     margin: 50px 0 0;
   }
   .top_main_img .bg {
     background: url("images/top_main_01sp.jpg") no-repeat center center/cover;
     padding: 75px 20px;
   }
   .top_main_img .logo {
     max-width: 235px;
     margin: 0 auto 20px;
   }
   .top_main_img .ttl_l {
     font-size: 2.0rem;
     font-weight: bold;
     margin: 0 0 0px;
   }
   .top_main_img .ttl_s {
     font-size: 1.4rem;
     text-align: center;
     padding: 40px 0 10px;
   }
 }
 #cont01_ar {
   padding: 80px 0;
   overflow: hidden;
 }
 /****slick****/
 .slider_project .slick-track {
   float: none;
   display: flex;
   /*(589 / 2) + (24 / 2) = 306.5px*/
   left: -300.5px;
   gap: 24px;
   transform: none;
 }
 .slider_project .slick-track .slick-slide {
   width: 100%;
   max-width: 574px;
 }
 .slider_project .slick-arrow {
   width: 1200px;
   margin: auto;
   left: 0;
   right: 0;
 }
 @media only screen and (max-width: 800px) {
   .slider_project .slick-track {
     left: 0px;
     gap: 10px;
   }
   .slider_project .slick-track .slick-slide {
     max-width: 300px;
   }
   .slider_project .slick-arrow {
     width: 100%;
     bottom: -51px;
     top: inherit;
   }
 }
 /****End slick****/
 #cont01_ar .slick-list {
   overflow: inherit;
 }
 #cont01_ar .slider_project a {
   transition: .3s;
   display: block;
 }
 #cont01_ar .slider_project a:hover {
   transform: scale(1.03);
   text-decoration: none;
 }
 #cont01_ar .bt {
   text-align: center;
   padding: 20px 0 0;
 }
 @media only screen and (max-width: 800px) {
   #cont01_ar {
     min-width: inherit;
     padding: 20px 0px 50px 0px;
   }
 }
 #cont02_ar {
   width: 100%;
   /*min-width: 1054px;*/
   background: #E6E6E6;
   padding: 80px 0;
 }
 /****/
 #cont02_ar .bx_ar01 {
   margin: 0 0 80px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 #cont02_ar .bx_txt01 {
   width: 36%;
   padding: 0 20px 0 0;
 }
 #cont02_ar .bx_img01 {
   width: 64%;
 }
 #cont02_ar .ttl01 {
   border-bottom: solid 1px #231815;
   padding: 0 0 10px;
   margin: 0 0 20px;
   line-height: 1.3;
 }
 #cont02_ar .txt01 {
   margin: 0 0 40px;
 }
 #cont02_ar .bt01 {}
 #cont02_ar .img01 {
   text-align: center;
 }
 #cont02_ar .ttl_ar02 {}
 /****/
 #cont02_ar .bx_ar02 {
   margin: 0 -2% 40px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 #cont02_ar .bx_img02 {
   width: 46%;
   margin: 0 2%;
 }
 #cont02_ar .ttl02 {
   margin: 0 0 20px;
   position: relative;
   z-index: 1;
 }
 #cont02_ar .ttl02:after {
   position: absolute;
   z-index: 2;
   content: "";
   background: #231815;
   width: 100%;
   height: 1px;
   right: 0px;
   top: 20px;
   display: block;
 }
 #cont02_ar .ttl02 span {
   position: relative;
   z-index: 3;
   background: #E6E6E6;
 }
 #cont02_ar .img01 a, #cont02_ar .img02 a {
   display: block;
   transition: .3s;
 }
 #cont02_ar .img01 a:hover, #cont02_ar .img02 a:hover {
   transform: scale(1.03);
 }
 @media only screen and (max-width: 800px) {
   #cont02_ar {
     min-width: inherit;
     background: #E6E6E6;
     padding: 50px 0 0;
   }
   /****/
   #cont02_ar .bx_ar01 {
     margin: 0 0 40px;
     /* flexbox */
     display: block;
   }
   #cont02_ar .bx_txt01 {
     width: 100%;
     padding: 0 0px 0 0;
   }
   #cont02_ar .bx_img01 {
     width: 100%;
   }
   #cont02_ar .ttl01 {
     margin: 0 0 15px;
   }
   #cont02_ar .txt01 {
     margin: 0 0 20px;
   }
   #cont02_ar .bt01 {
     text-align: center;
   }
   #cont02_ar .img01 {
     text-align: center;
     margin: 0 0 20px;
   }
   #cont02_ar .ttl_ar02 {}
   /****/
   #cont02_ar .bx_ar02 {
     margin: 0 0% 0px;
     /* flexbox */
     display: block;
   }
   #cont02_ar .bx_img02 {
     width: 100%;
     margin: 0 0% 30px;
   }
   #cont02_ar .bx_img02.bottom_mg {
     margin: 0 0% 10px;
   }
   #cont02_ar .ttl02 {
     margin: 0 0 10px;
   }
 }
 /********【common gallery】********/
 .common_gallery_bx {
   position: relative;
 }
 .common_gallery_ico_new {
   position: absolute;
   left: 0;
   top: 0;
   background: #FF0000;
   color: #fff;
   padding: 2px 5px;
   font-weight: bold;
 }
 .common_gallery_bx a {
   display: block;
 }
 .common_gallery_img {
   text-align: center;
   width: 100%;
   max-width: 575px;
   margin: 0 auto 10px;
 }
 .common_gallery_img img {
   width: 586px;
   height: 392px;
   object-fit: cover;
   font-family: 'object-fit: cover;'; /*IE対策*/
 }
 /****/
 .common_gallery_ar {
   padding: 0 0px 10px;
 }
 .common_gallery_name {
   margin: 0 0 10px;
   /****末尾を三点リーダー****/
   width: 100%;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
 .common_gallery_item {
   margin: 0 0 5px;
   font-feature-settings: "palt";
   /****末尾を三点リーダー****/
   width: 100%;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
 .common_gallery_item ul {
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: baseline;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .common_gallery_item ul li {
   padding: 0 1em 0em 0;
   /****末尾を三点リーダー****/
   width: 100%;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
 /* 2つ目以降のリスト項目を非表示 */
 .common_gallery_item ul li:nth-child(n + 2) {
   display: none;
 }
 @media only screen and (max-width: 800px) {
   .common_gallery_img {
     max-width: 300px;
   }
   .common_gallery_img img {
     width: 300px;
     height: 207px;
   }
   /****/
   .common_gallery_name {
     margin: 0 0 10px;
     /****末尾を三点リーダー****/
     width: 100%;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
   }
   .common_gallery_item {
     padding: 0 0 0 5px;
   }
   .common_gallery_item span {
     padding: 0 0 0 5px;
   }
 }
 /***************************/
 /********【common】********/
 /***************************/
 /********【fade】********/
 .fade {
   transition: .3s;
 }
 .fade:hover {
   opacity: 0.7;
 }
 /********【button】********/
 .css_bt_st a {
   display: inline-block;
   padding: 15px 1em;
   text-align: center;
   vertical-align: middle;
   min-width: 320px;
   background: #657C92;
   transition: .3s;
   position: relative;
   color: #fff;
 }
 .css_bt_st a:hover {
   opacity: 0.6;
   text-decoration: none;
 }
 .css_bt_fo {
   font-size: 1.8rem;
   font-weight: bold;
 }
 .css_bt_st a:link, .css_bt_st_wh a:hover, .css_bt_st_wh a:visited {
   color: #fff;
 }
 @media only screen and (max-width: 800px) {
   .css_bt_st a {
     padding: 7px 1em;
     min-width: 250px;
   }
   .css_bt_fo {
     font-size: 1.6rem;
     color: #fff;
   }
 }
 .css_bt_st_wh a {
   display: inline-block;
   padding: 10px 1em;
   text-align: center;
   vertical-align: middle;
   min-width: 280px;
   border: solid 1px #657C92;
   background: #fff;
   transition: .3s;
   position: relative;
   color: #657C92;
   font-feature-settings: "palt";
 }
 .css_bt_st_wh a:after {
   position: absolute;
   content: "";
   background: url("images/shared/btn_arr_bl.svg") no-repeat center center;
   width: 25px;
   height: 8px;
   right: 10px;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
 }
 .css_bt_st_wh a:hover {
   background: #657C92;
   color: #fff !important;
   text-decoration: none;
 }
 .css_bt_st_wh a:hover:after {
   background: url("images/shared/btn_arr_wh.svg") no-repeat center center;
 }
 .css_bt_fo_wh {
   font-size: 1.6rem;
   font-weight: 700;
 }
 .css_bt_st_wh a:hover {
   color: #fff;
 }
 .css_bt_st_wh a:visited {
   color: #657C92;
 }
 @media only screen and (max-width: 800px) {
   .css_bt_st_wh a {
     padding: 5px 1em;
     min-width: 250px;
     color: #657C92 !important;
   }
   .css_bt_fo_wh {
     font-size: 1.5rem;
   }
   .css_bt_st_wh a:hover {
     border: solid 1px #657C92;
     background: #fff;
     color: #657C92 !important;
   }
   .css_bt_st_wh a:hover:after {
     background: url("images/shared/btn_arr_bl.svg") no-repeat center center;
   }
 }
 /****/
 .css_bt_st_wh_s a {
   display: inline-block;
   padding: 8px 3em 8px 1.5em;
   vertical-align: middle;
   min-width: 200px;
   background: #fff;
   transition: .3s;
   position: relative;
   color: #000;
   border-radius: 12px;
 }
 .css_bt_st_wh_s a:after {
   position: absolute;
   content: "";
   background: url("images/shared/btn_arr_bl.svg") no-repeat center center;
   width: 25px;
   height: 8px;
   right: 10px;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
 }
 .css_bt_st_wh_s a:hover {
   /*background: #657C92;
   color: #fff !important;*/
   transform: translateX(5px);
   text-decoration: none;
 }
 /*
 .css_bt_st_wh_s a:hover:after {
   background: url("images/shared/btn_arr_wh.svg") no-repeat center center;
 }
*/
 .css_bt_fo_wh_s {
   font-size: 1.8rem;
   font-weight: 700;
 }
 .css_bt_fo_wh_s a:visited {
   color: #000;
 }
 /*
 .css_bt_st_wh_s a:hover {
   color: #fff;
 }
*/
 @media only screen and (max-width: 800px) {
   .css_bt_st_wh_s a {
     padding: 5px 3em 5px 1em;
     min-width: 160px;
   }
   .css_bt_fo_wh_s {
     font-size: 1.4rem;
   }
 }
 /****/
 .css_bt_st_item a {
   display: inline-block;
   padding: 20px 1em;
   text-align: center;
   vertical-align: middle;
   min-width: 280px;
   position: relative;
   border-radius: 5px;
   transition: .3s;
 }
 .css_bt_st_item a:after {
   position: absolute;
   content: "";
   background: url(images/shared/btn_arr_bk.svg) no-repeat center center;
   width: 13px;
   height: 14px;
   right: 20px;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
 }
 .css_bt_st_item a:hover {
   text-decoration: none;
   transform: translateX(5px);
 }
 .css_bt_fo_item {
   font-size: 2.0rem;
   font-weight: 700;
 }
 .css_bt_st_item a:visited {
   color: inherit
 }
 @media only screen and (max-width: 800px) {
   .css_bt_st_item a {
     padding: 5px 1em;
     min-width: 150px;
   }
   .css_bt_st_item a:after {
     width: 10px;
     height: 10px;
     right: 10px;
   }
   .css_bt_fo_item {
     font-size: 1.4rem;
   }
 }
 /****/
 .css_bt_st_pk a {
   display: inline-block;
   padding: 5px 3em 5px 1.5em;
   vertical-align: middle;
   min-width: 200px;
   background: #fff;
   transition: .3s;
   position: relative;
   color: #DC5140;
   border: solid 1px #DC5140;
 }
 .css_bt_st_pk a:after {
   position: absolute;
   content: "";
   background: url("images/shared/btn_arr_pk.svg") no-repeat center center;
   width: 25px;
   height: 8px;
   right: 10px;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
   -ms-transform: translate(0%, -50%);
 }
 .css_bt_st_pk a:hover {
   background: #DC5140;
   color: #fff !important;
   text-decoration: none;
 }
 .css_bt_st_pk a:hover:after {
   background: url("images/shared/btn_arr_wh.svg") no-repeat center center;
 }
 .css_bt_fo_pk {
   font-size: 1.8rem;
   font-weight: 700;
 }
 .css_bt_st_pk a:hover {
   color: #fff;
 }
 .css_bt_st_pk a:visited {
   color: #DC5140;
 }
 @media only screen and (max-width: 800px) {
   .css_bt_st_pk a {
     padding: 5px 1em;
     min-width: 160px;
   }
   .css_bt_fo_pk {
     font-size: 1.4rem;
   }
 }
 /********【table】********/
 .common_tbl3col {
   width: 100%;
   border: none;
   border-top: solid 1px #000;
   border-bottom: solid 1px #000;
   margin: 0 0 10px;
   font-size: 2.0rem;
   text-align: center;
   background: #fff;
   line-height: 1.4;
 }
 .common_tbl3col thead th {
   border-bottom: solid 1px #000;
   background: #B8C3CD;
   padding: 15px 0 10px;
   text-align: center;
   font-weight: 700;
   border-right: solid 1px #000;
 }
 .common_tbl3col thead th:last-child {
   border-right: none;
 }
 .common_tbl3col tbody th, .common_tbl3col tbody td {
   padding: 10px 10px;
   border-bottom: solid 1px #000;
   vertical-align: middle;
   letter-spacing: 0;
   font-weight: 700;
   border-right: solid 1px #000;
 }
 .common_tbl3col tbody th {
   background: #E3E7EB;
 }
 .common_tbl3col tbody td:last-child {
   border-right: none;
 }
 .common_tbl3col tbody td.tbl_r {
   width: 25%;
 }
 .common_tbl3col tbody td .table_none {
   width: 32px;
 }
 @media only screen and (max-width: 540px) {
   .common_tbl3col {
     margin: 0 0 5px;
     font-size: 1.3rem;
   }
   .common_tbl3col thead th, .common_tbl3col tbody th, .common_tbl3col tbody td {
     padding: 5px 10px;
   }
   /****SP時横スクロール****/
   .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;
   }
   .tbl_comment {
     text-align: center;
     font-size: 1.3rem;
     padding: 5px 0 0;
   }
   .common_tbl3col tbody td .table_none {
     width: 22px;
   }
 }
 /********【headline】********/
 .h3_ar {
   text-align: center;
   margin: 0 0 40px;
 }
 .h3_ar .ttl_eng {
   font-family: "Roboto", sans-serif;
   font-size: 4.0rem;
   font-weight: 700;
 }
 .h3_ar .ttl_jp {
   font-size: 2.0rem;
   font-weight: 700;
 }
 @media only screen and (max-width: 800px) {
   .h3_ar {
     margin: 0 0 20px;
   }
   .h3_ar .ttl_eng {
     font-size: 3.0rem;
     line-height: 1.3em;
   }
   .h3_ar .ttl_jp {
     font-size: 1.6rem;
   }
 }
 /**************************/
 /********下層ページ用********/
 /**************************/
 /***************************/
 /********【common】********/
 /***************************/
 /********【page setting】********/
 .common_under_page {
   padding: 50px 0 0px;
 }
 @media only screen and (max-width: 800px) {
   .common_under_page {
     padding: 80px 0 50px;
   }
 }
 /********【bread nav】********/
 .breadcrumb {
   width: 100%;
   /*min-width: 1054px;*/
   padding: 0 20px 0 10vw;
   overflow: hidden;
   height: auto;
   margin: 110px 0 10px;
 }
 .breadcrumb_fo, .breadcrumb span {
   font-size: 1.4rem;
   font-weight: 600;
 }
 .breadcrumb_fo ul {
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .breadcrumb_fo ul li {
   display: block;
   padding: 5px 25px 5px 0px;
   position: relative;
 }
 .breadcrumb_fo ul li:after {
   position: absolute;
   content: ">";
   right: 8px;
   top: 5px;
   font-size: 1.2rem;
 }
 .breadcrumb_fo ul li:last-child:after {
   display: none;
 }
 .breadcrumb_fo ul li a {
   display: block;
 }
 @media only screen and (max-width: 800px) {
   .breadcrumb {
     min-width: inherit;
     padding: 0 15px;
     margin: 0 0 7px;
   }
   .breadcrumb_fo {
     font-size: 1.2rem;
   }
   .breadcrumb_fo ul li {
     display: block;
     padding: 3px 20px 3px 0px;
   }
   .breadcrumb_fo ul li:after {
     top: 4px;
     font-size: 1.0rem;
   }
 }
 /***************************/
 /********【archive_gallery】********/
 /***************************/
 /********【cont01】********/
 .archive_gallery .cont01 .com {
   text-align: center;
   margin: 0 0 40px;
 }
 /********【cont02】********/
 .archive_gallery .cont02 .bx_ar {
   margin: 0 -1%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .archive_gallery .cont02 .common_gallery_bx {
   width: 31.333%;
   margin: 0 1% 40px;
 }
 .archive_gallery .cont02 .common_gallery_img img {
   width: 386px;
   height: 257px;
 }
 .archive_gallery .cont02 .common_gallery_bx a {
   display: block;
   transition: .3s;
 }
 .archive_gallery .cont02 .common_gallery_bx a:hover {
   transform: scale(1.03);
   text-decoration: none;
 }
 @media only screen and (max-width: 800px) {
   .archive_gallery .cont02 .bx_ar {
     margin: 0 -2%;
   }
   .archive_gallery .cont02 .common_gallery_bx {
     width: 46.0%;
     margin: 0 2% 20px;
   }
   .archive_gallery .cont02 .common_gallery_img img {
     min-width: 170px;
     min-height: 90px;
     width: 48vw;
     height: 30vw;
   }
   .archive_gallery .cont02 .common_gallery_name {
     margin: 0 0 5px;
     -webkit-line-clamp: 2;
     line-height: 1.3;
   }
   .archive_gallery .cont02 .common_gallery_item {
     margin: 0 0 0px;
     padding: 0 0 0 0px;
     -webkit-line-clamp: 2;
   }
   .archive_gallery .cont02 .common_gallery_item span {
     padding: 0 0 0 0px;
   }
 }
 /********【ナビゲーション】********/
 .gallery_nav_ar {
   background: #E3EEF1;
   padding: 20px 25px;
   margin: 0 0 50px;
 }
 .gallery_nav_ar .nav {
   border-bottom: solid 1px #657C92;
   padding: 0 0 15px;
   margin: 0 0 15px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 .gallery_nav_ar .nav.bor_non {
   border-bottom: none;
   padding: 0 0 0px;
   margin: 0 0 0px;
 }
 .gallery_nav_ar .ttl {
   width: 14%;
   font-size: 1.6rem;
   font-weight: 700;
   color: #657C92;
 }
 .gallery_nav_ar ul {
   width: 90%;
   border-left: solid 1px #657C92;
   padding: 0 0 0 20px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .gallery_nav_ar ul li a {
   text-align: center;
   display: block;
   min-width: 124px;
   font-size: 1.6rem;
   font-weight: 700;
   color: #8496A8;
   background: #fff;
   padding: 5px 20px;
   margin: 5px 10px 5px 0;
   transition: .3s;
 }
 .gallery_nav_ar ul li.w-pref a {
   min-width: 65px;
   padding: 5px 8px;
 }
 .gallery_nav_ar ul li:last-child a {
   margin: 5px 0px 5px 0;
 }
 .gallery_nav_ar ul li a span {
   font-weight: 700;
 }
 /* 現在選択中のリンクだけ強調 */
 .gallery_nav_ar ul li a:hover, .gallery_nav_ar ul li a:active {
   color: #fff;
   background: #8496A8;
   text-decoration: none;
 }
 .gallery_nav_ar ul li:has(> a[aria-current="page"]) a {
   background: #8496A8;
   color: #fff;
   pointer-events: none;
 }
 .gallery_nav_ar ul li a[aria-current="page"] {
   background: #8496A8;
   color: #fff;
 }
 .gallery_nav_ar ul li a.is-current, .gallery_nav_ar ul li.is-active a, .gallery_nav_ar ul li.is-current a {
   background: #8496A8;
   color: #fff;
   pointer-events: none;
 }
 @media only screen and (max-width: 800px) {
   .gallery_nav_ar {
     background: #E3EEF1;
     padding: 15px 15px 10px;
     margin: 0 0 40px;
   }
   .gallery_nav_ar .nav {
     width: 100%;
     border-bottom: none;
     padding: 0 0 0px;
     margin: 0 0 0px;
     /* flexbox */
     display: block;
   }
   .gallery_nav_ar ul {
     width: 100%;
     border-left: none;
     padding: 0 0 0 0px;
     margin: 0 -5px;
   }
   .gallery_nav_ar ul li {
     min-width: inherit;
     width: 46%;
     margin: 0px 2%;
   }
   .gallery_nav_ar ul li.w25 {
     min-width: inherit;
     width: 21.0%;
     margin: 0px 2%;
   }
   .gallery_nav_ar ul li.w33 {
     min-width: inherit;
     width: 29.333%;
     margin: 0px 2%;
   }
   .gallery_nav_ar ul li.w100 {
     min-width: inherit;
     width: 100%;
     margin: 0px 0%;
   }
   .gallery_nav_ar ul li a, .gallery_nav_ar ul li:last-child a {
     min-width: inherit;
     width: 100%;
     font-size: 1.3rem;
     padding: 5px 5px;
     margin: 5px 2.5px;
     letter-spacing: -0.05em;
     line-height: 1.2;
   }
 }
 /********【アコーディオン】********/
 .accordion .toggle {
   display: none;
 }
 .accordion .Label { /*タイトル*/
   padding: 0 0 10px;
   border-bottom: solid 1px #657C92;
   display: block;
   transition: all 0.3s;
   font-size: 1.5rem;
   font-weight: 700;
   color: #657C92;
   text-align: center;
 }
 .accordion .Label::before { /*矢印*/
   content: "";
   width: 12px;
   height: 12px;
   border-top: 2px solid #657C92;
   border-right: 2px solid #657C92;
   position: absolute;
   top: calc(50% - 12px);
   right: 20px;
   transform: rotate(135deg);
   transition: 0.3s;
 }
 .accordion .toggle:checked + .Label::before {
   transform: rotate(-45deg) !important;
   top: calc(50% - 3px);
 }
 .accordion .Label, .content {
   backface-visibility: hidden;
   transform: translateZ(0);
   transition: 0.5s;
 }
 .accordion .content {
   height: 0;
   margin: 0 0 10px;
   overflow: hidden;
   opacity: 0;
 }
 .accordion .toggle:checked + .Label + .content { /*開閉時*/
   height: auto;
   padding: 20px 0 0;
   transition: .5s;
   opacity: 1;
 }
 /***************************/
 /********【single_gallery】********/
 /***************************/
 /********【common】********/
 .single_gallery {}
 /********【cont01】********/
 .single_gallery .cont01 {
   padding: 0 0 100px;
 }
 .single_gallery .cont01 .bx_ar {
   margin: 0 0 80px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .single_gallery .cont01 .bx_l {
   width: 67%;
   padding: 0 40px 0 0;
   text-align: center;
 }
 .single_gallery .cont01 .bx_r {
   width: 33%;
   /*position: sticky;*/
   top: 0;
   padding: 100px 0 0;
   margin: -100px 0 0;
 }
 @media only screen and (max-width: 1670px) {
   .single_gallery .cont01 .bx_r {
     padding: 120px 0 0;
     margin: -120px 0 0;
   }
 }
 .single_gallery .cont01 .bx_l p img {
   margin: 0 0 20px;
 }
 /****/
 .single_gallery .cont01 .ttl_ar {
   margin: 0 0 30px;
 }
 .single_gallery .cont01 .ttl {
   line-height: 1.4;
   margin: 0 0 5px;
 }
 .single_gallery .cont01 .pref {}
 .single_gallery .cont01 .detail_ar {
   background: #E3EEF1;
   padding: 0 20px 20px;
 }
 .single_gallery .cont01 .com {
   background: #657C92;
   padding: 10px 20px;
   margin: 0 -20px -15px;
   text-align: center;
 }
 .single_gallery .cont01 .item_name_ar {
   margin: 30px 0 10px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_gallery .cont01 .item_name_ar .item_name {
   padding: 0 0px 5px;
   position: relative;
   line-height: 1.4;
   font-feature-settings: "palt";
 }
 .single_gallery .cont01 .item_img_auto {
   margin: 0 0 5px;
   text-align: center;
 }
 .single_gallery .cont01 .item_img_auto img {
   width: auto;
   max-height: 356px;
   min-height: 60px;
   object-fit: cover;
   object-position: right top;
   font-family: 'object-fit: cover;';
 }
 .single_gallery .cont01 .item_img {
   margin: 0 0 5px;
   text-align: center;
 }
 .single_gallery .cont01 .item_img img {
   width: auto;
   max-height: 356px;
   min-height: 60px;
   object-fit: cover;
   object-position: center center;
   font-family: 'object-fit: cover;';
 }
 .single_gallery .cont01 .item_bt {
   text-align: center;
   margin: 0 0 10px;
 }
 .single_gallery .cont01 .item_bt a {
   width: 100%;
 }
 /****/
 .single_gallery .cont01 .bt {
   text-align: center;
 }
 @media only screen and (max-width: 800px) {
   .single_gallery .cont01 {
     padding: 0 0 50px;
   }
   .single_gallery .cont01 .bx_ar {
     margin: 0 0 20px;
     /* flexbox */
     display: block;
   }
   .single_gallery .cont01 .bx_l {
     width: 100%;
     padding: 0 0px 0 0;
   }
   .single_gallery .cont01 .bx_l figure {
     margin: 0 0 10px;
   }
   .single_gallery .cont01 .bx_r {
     width: 100%;
     position: static;
     /*position: sticky;打消しパディング*/
     padding: 0px 0 0;
     margin: -0px 0 0;
   }
   .single_gallery .cont01 .bx_l p img {
     margin: 0 0 10px;
   }
   /****/
   .single_gallery .cont01 .ttl_ar {
     margin: 0 0 0px;
     text-align: left;
   }
   .single_gallery .cont01 .ttl {
     line-height: 1.4;
     margin: 0 0 10px;
     padding: 0 0 5px;
     border-bottom: solid 1px #222;
   }
   .single_gallery .cont01 .pref {
     text-align: right;
     margin: 0 0 10px;
   }
   .single_gallery .cont01 .detail_ar {
     background: #E3EEF1;
     padding: 0 20px 15px;
     margin: 50px 0 0;
     /****画面幅100％****/
     width: 100vw;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
   }
   .single_gallery .cont01 .com {
     padding: 5px 15px;
     margin: 0 -20px 0;
   }
   .single_gallery .cont01 .item_name_ar {
     margin: 20px 0 5px;
     text-align: left;
     line-height: 1.4;
   }
   .single_gallery .cont01 .item_name_ar_sp ul li {
     margin: 0 0 5px;
     line-height: 1.3;
     border-bottom: 1px dotted #aaa;
     padding: 0px 0 5px;
     font-size: 1.3rem;
     letter-spacing: -0.05em;
     font-feature-settings: "palt";
     font-weight: 700;
   }
   .single_gallery .cont01 .item_img_auto {
     margin: 0 0 5px;
   }
   .single_gallery .cont01 .item_img_auto img {
     width: 100%;
     max-height: 50px;
     min-height: 45px;
   }
   .single_gallery .cont01 .item_img {
     margin: 0 0 5px;
   }
   .single_gallery .cont01 .item_img img {
     max-height: 180px;
     min-height: 150px;
   }
   .single_gallery .cont01 .bt a {
     width: 100%;
   }
   .sp_gallery_cat-other {
     width: 100%;
     margin: 0 0 10px;
     line-height: 1.4;
     border-bottom: 1px solid #aaa;
     padding: 0 0 10px;
   }
   .sp_gallery_cat-other:last-child {
     border-bottom: none;
   }
   .single_gallery .cont01 .bt {
     text-align: center;
     margin: 0 0 -80px;
   }
   .single_gallery .archive_gallery.common_under_page {
     padding: 80px 0 10px;
   }
   .single_gallery.common_under_page {
     padding: 70px 0 10px;
   }
 }
 /********【cont02】********/
 @media only screen and (max-width: 800px) {}
 /***************************/
 /********【page_message】********/
 /***************************/
 /********【common】********/
 /********【h2_ar】********/
 .page_message .h2_ar {
   width: 100%;
   /*min-width: 1054px;*/
   height: 570px;
   overflow: hidden;
   margin: -46px 0 50px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 .page_message .h2_ar .bx_l, .page_message .h2_ar .bx_r {
   height: 570px;
 }
 .page_message .h2_ar .bx_l {
   width: 32%;
   max-width: 700px;
   padding: 70px 0 0 5%;
   min-width: 550px;
 }
 .page_message .h2_ar .bx_r {
   min-width: 68%;
   max-width: 100%;
 }
 @media only screen and (min-width: 1921px) {
   .page_message .h2_ar .bx_r {
     width: 100%;
   }
   .page_message .h2_ar .bx_l {
     width: 100%;
   }
 }
 /****/
 .page_message .h2_ar .bg_img_message-hard {
   background: url("images/message-hard/h2_message-hard.webp")no-repeat center center/cover;
 }
 .page_message .h2_ar .bg_img_message-hard-jp {
   background: url("images/message-hard-jp/h2_message-hard-jp.webp")no-repeat center center/cover;
 }
 .page_message .h2_ar .bg_img_message-hotel {
   background: url("images/message-hotel/h2_message-hotel.webp")no-repeat center center/cover;
 }
 .page_message .h2_ar .bg_img_message-kids {
   background: url("images/message-kids/h2_message-kids.webp")no-repeat center center/cover;
 }
 .page_message .h2_ar .bg_img_message-care {
   background: url("images/message-care/h2_message-care.webp")no-repeat center center/cover;
 }
 .page_message .h2_ar .bg_img_message-order {
   background: url("images/message-order/h2_message-order.webp")no-repeat center center/cover;
 }
 /****/
 .page_message .h2_ar .eng {
   display: block;
   max-width: 450px;
 }
 .page_message .h2_ar .eng span {
   position: relative;
   display: block;
   font-weight: 700;
   letter-spacing: 0.03em;
 }
 .page_message .h2_ar .eng span:after {
   position: absolute;
   content: "";
   background: #222;
   width: 100%;
   height: 1px;
   left: 0px;
   bottom: 0px;
 }
 .page_message .h2_ar .jp {
   width: 100%;
   font-size: 3.5rem;
   font-weight: 700;
   line-height: 1.3;
   margin: 0 0 20px;
   letter-spacing: -0.05em;
 }
 .page_message .h2_ar .jp span {
   font-size: 1.8rem;
   font-weight: 700;
 }
 .page_message .h2_ar .bt {
   width: 100%;
 }
 .page_message .h2_ar .ico_ar {
   margin: 40px 0 0;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 .page_message .h2_ar .txt {
   font-size: 1.2rem;
   padding: 0 0 0 10px;
   font-weight: 600;
 }
 @media only screen and (max-width: 800px) {
   .page_message .h2_ar {
     min-width: inherit;
     height: auto;
     margin: -30px 0 20px;
     /* flexbox */
     display: block;
   }
   .page_message .h2_ar .bx_l, .page_message .h2_ar .bx_r {
     height: auto;
   }
   .page_message .h2_ar .bx_l {
     width: 100%;
     max-width: inherit;
     padding: 40px 20px;
     min-width: inherit;
   }
   .page_message .h2_ar .bx_r {
     width: 100%;
     height: 250px;
   }
   /****/
   .page_message .h2_ar .eng {
     max-width: 300px;
   }
   .page_message .h2_ar .jp {
     font-size: 2.0rem;
   }
   .page_message .h2_ar .jp span {
     font-size: 1.5rem;
   }
   .page_message .h2_ar .ico_ar {
     margin: 20px 0 0;
   }
 }
 /****/
 .page_message .bnr_floating {
   position: sticky;
   top: 10vw;
   margin: -120px 0 0;
   z-index: 6;
   right: 1.5vw;
   width: 300px;
   float: right;
 }
 .page_message .bnr_floating a {
   display: block;
   transition: .3s;
 }
 .page_message .bnr_floating a:hover {
   transform: scale(1.03);
 }
 @media only screen and (max-width: 800px) {
   .page_message .bnr_floating {
     position: static;
     margin: 0px auto 10px;
     width: 280px;
     float: none;
     text-align: center;
   }
 }
 /********【common_main_com 】********/
 .page_message .common_main_com .com {
   font-size: 2.0rem;
   line-height: 1.8;
   font-weight: 700;
   text-align: center;
   margin: 0 auto 40px;
   width: 100%;
   overflow: hidden;
 }
 .page_message .common_main_com .ttl_ar {
   text-align: center;
   margin: 0 0 20px;
 }
 .page_message .common_main_com .ttl {
   font-size: 4.0rem;
   font-weight: 700;
   display: inline-block;
   padding: 0 40px;
   position: relative;
 }
 .page_message .common_main_com .ttl:before, .page_message .common_main_com .ttl:after {
   position: absolute;
   content: "";
   width: 11px;
   height: 35px;
   top: 31%;
 }
 .page_message .common_main_com .ttl:before {
   background: url("images/shared/ttl_bg_l.svg") no-repeat center center/cover;
   left: 0px;
 }
 .page_message .common_main_com .ttl:after {
   background: url("images/shared/ttl_bg_r.svg") no-repeat center center/cover;
   right: 0px;
 }
 .page_message .common_main_com .ttl span {
   font-size: 4.8rem;
   font-weight: 700;
   padding: 0 10px;
 }
 /****/
 .page_message .common_main_com .nav_ar {
   margin: 0 0 10px;
 }
 .page_message .common_main_com .nav_ar ul {
   margin: 0 -1%;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .page_message .common_main_com .nav_ar ul li {
   width: 31.333%;
   margin: 0 1% 20px;
 }
 .page_message .common_main_com .nav_ar ul li a {
   display: block;
   transition: .3s;
 }
 .page_message .common_main_com .nav_ar ul li a:hover {
   transform: translateY(5px);
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_main_com .com {
     font-size: 1.5rem;
     line-height: 1.6;
     text-align: left;
     margin: 0 0 40px;
   }
   .page_message .common_main_com .ttl {
     font-size: 2.2rem;
     padding: 0 30px;
     line-height: 1.3;
     display: block;
   }
   .page_message .common_main_com .ttl:before, .page_message .common_main_com .ttl:after {
     width: 16px;
     height: 40px;
     top: 31%;
   }
   .page_message .common_main_com .ttl span {
     font-size: 2.6rem;
     font-weight: 700;
     padding: 0 10px;
   }
 }
 /********【common_anchor_ar 】********/
 .page_message .common_anchor_ar {
   border-radius: 10px;
   padding: 15px 30px 15px 40px;
   margin: 40px 0 0;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 .page_message .common_anchor_ar .bx_l {
   width: 50%;
 }
 .page_message .common_anchor_ar .bx_r {
   width: 50%;
   padding: 0 0 0 20px;
 }
 .page_message .common_anchor_ar .ttl_ar {
   background: #fff;
   padding: 20px 0px 30px;
   ;
   text-align: center;
   border-top-style: solid;
   border-top-width: 3px;
   border-bottom-style: solid;
   border-bottom-width: 3px;
 }
 .page_message .common_anchor_ar .ttl_s {
   font-size: 2.0rem;
   font-weight: 700;
   margin: 0 0 5px;
 }
 .page_message .common_anchor_ar .ttl_l {
   font-size: 3.5rem;
   font-weight: 700;
   line-height: 1.2;
 }
 .page_message .common_anchor_ar .ttl_l span {
   font-size: 2.4rem;
   font-weight: 700;
 }
 .page_message .common_anchor_ar .ttl_l span.sss {
   font-size: 2.0rem;
   font-weight: 700;
   display: inline-block;
   vertical-align: middle;
   transform: translateY(-2px);
 }
 .page_message .common_anchor_ar .img {
   text-align: center;
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_anchor_ar {
     margin: 0 0 20px;
     border-radius: 0px;
     padding: 20px 20px 10px;
     /* flexbox */
     display: block;
     /****画面幅100％****/
     width: 100vw;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
   }
   .page_message .common_anchor_ar .bx_l {
     width: 100%;
   }
   .page_message .common_anchor_ar .bx_r {
     width: 100%;
     padding: 20px 0 0 0px;
   }
   .page_message .common_anchor_ar .ttl_s {
     font-size: 1.6rem;
     margin: 0 0 10px;
   }
   .page_message .common_anchor_ar .ttl_l {
     font-size: 2.2rem;
   }
   .page_message .common_anchor_ar .ttl_l span {
     font-size: 1.6rem;
   }
   .page_message .common_anchor_ar .ttl_l span.sss {
     font-size: 1.6rem;
     font-weight: 700;
     display: block;
     vertical-align: middle;
     transform: translateY(-2px);
   }
 }
 /********【common_com_message】********/
 .page_message .common_arr_message {
   max-width: 318px;
   text-align: center;
   margin: 10px auto 5px;
 }
 .page_message .common_com_message {
   font-size: 3.0rem;
   font-weight: 700;
   text-align: center;
   margin: 0 0 20px;
   line-height: 1.3;
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_com_message {
     font-size: 2.0rem;
     line-height: 1.4;
   }
 }
 /********【bx_test_4col_ar】********/
 .page_message .bx_test_4col_ar {
   margin: 0 -1% 50px 0;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_4col_ar .bx01 {
   width: 24%;
 }
 .page_message .bx_test_4col_ar .bx02 {
   width: 24%;
   padding: 0 20px;
 }
 .page_message .bx_test_4col_ar .bx03 {
   width: 46%;
   margin: 0 2%;
 }
 .page_message .bx_test_4col_ar .bx04 {
   width: 46%;
   margin: 0 2%;
 }
 .page_message .bx_test_4col_ar .bx_sp {
   width: 52%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_4col_ar .txt01, .page_message .bx_test_4col_ar .txt02, .page_message .bx_test_4col_ar .txt03, .page_message .bx_test_4col_ar .txt04 {
   margin: 0 0 20px;
   line-height: 1.4;
   letter-spacing: 0;
 }
 .page_message .bx_test_4col_ar .img01, .page_message .bx_test_4col_ar .img02, .page_message .bx_test_4col_ar .img03, .page_message .bx_test_4col_ar .img04 {
   text-align: center;
 }
 @media only screen and (max-width: 800px) {
   .page_message .bx_test_4col_ar {
     margin: 0 0% 30px;
     /* flexbox */
     display: block;
   }
   .page_message .bx_test_4col_ar .bx01, .page_message .bx_test_4col_ar .bx02, .page_message .bx_test_4col_ar .bx03, .page_message .bx_test_4col_ar .bx04 {
     width: 100%;
   }
   .page_message .bx_test_4col_ar .bx02 {
     padding: 0 0px;
   }
   .page_message .bx_test_4col_ar .bx03 {
     width: 48%;
     margin: 0 1%;
   }
   .page_message .bx_test_4col_ar .bx04 {
     width: 48%;
     margin: 0 1%;
   }
   .page_message .bx_test_4col_ar .bx_sp {
     width: 100%;
     margin: 0 -1%;
   }
   .page_message .bx_test_4col_ar .txt01, .page_message .bx_test_4col_ar .txt02, .page_message .bx_test_4col_ar .txt03, .page_message .bx_test_4col_ar .txt04 {
     font-size: 1.3rem;
   }
   .page_message .bx_test_4col_ar .img01, .page_message .bx_test_4col_ar .img02, .page_message .bx_test_4col_ar .img03, .page_message .bx_test_4col_ar .img04 {
     margin: 0 0 20px;
   }
   .page_message .bx_test_4col_ar .img03, .page_message .bx_test_4col_ar .img04 {
     margin: 0 0 5px;
   }
 }
 /****/
 .page_message .common_heading_test {
   font-size: 1.8rem;
   font-weight: 700;
   margin: 0 0 7px;
   padding: 2px 10px;
   text-align: center;
 }
 .page_message .common_ttl_test {
   font-size: 2.0rem;
   font-weight: 700;
   margin: 0 0 5px;
   padding: 0 0 0 15px;
   position: relative;
 }
 .page_message .common_ttl_test.non_bor {
   padding: 0 0 0 0px;
   position: static;
 }
 .page_message .common_ttl_test span.ico {
   display: inline-block;
   margin: 0 0 0px 10px;
   transform: translateY(8px);
 }
 .page_message .common_ttl_test span.notice {
   display: inline-block;
   padding: 0 0 0 10px;
   font-size: 1.4rem;
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_heading_test {
     font-size: 1.5rem;
     margin: 0 0 0px;
     padding: 2px 5px;
     letter-spacing: 0;
   }
   .page_message .common_ttl_test {
     font-size: 1.8rem;
     padding: 0 0 0 10px;
     line-height: 1.4;
   }
   .page_message .common_ttl_test span.notice {
     display: block;
     padding: 0 0 0 0px;
     font-size: 1.2rem;
   }
 }
 /********【common_hygienic_ar】********/
 .page_message .common_hygienic_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_message .common_hygienic_ar .bx100 {
   width: 96%;
   border-top: solid 1px #3A5977;
   border-bottom: solid 1px #3A5977;
   padding: 20px 50px 15px;
   margin: 0 2% 30px;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .page_message .common_hygienic_ar .bx50 {
   width: 46%;
   margin: 0 2%;
 }
 /****/
 .page_message .common_hygienic_ar .logo {
   width: 28%;
 }
 .page_message .common_hygienic_ar .com {
   width: 72%;
   font-size: 2.2rem;
   color: #3A5977;
   font-weight: 700;
   padding: 0 0 0 30px;
   line-height: 1.4;
 }
 /****/
 .page_message .common_hygienic_ar .sec01, .page_message .common_hygienic_ar .sec02, .page_message .common_hygienic_ar .sec03, .page_message .common_hygienic_ar .sec04, .page_message .common_hygienic_ar .sec05 {
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .common_hygienic_ar .sec01.bor, .page_message .common_hygienic_ar .sec02.bor, .page_message .common_hygienic_ar .sec03.bor, .page_message .common_hygienic_ar .sec04.bor, .page_message .common_hygienic_ar .sec05.bor {
   border-bottom: dashed 1px #3A5977;
   padding: 0 0 15px;
   margin: 0 0 20px;
 }
 .page_message .common_hygienic_ar .sec03 {
   /* flexbox */
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 /****/
 .page_message .common_hygienic_ar .num_ar {
   width: 7%;
 }
 .page_message .common_hygienic_ar .num {
   background: #3A5977;
   font-size: 3.0rem;
   font-weight: 700;
   text-align: center;
   color: #fff;
   padding: 1px 10px;
   width: 45px;
 }
 .page_message .common_hygienic_ar .txt_ar {
   width: 75%;
   padding: 8px 15px 0px;
 }
 .page_message .common_hygienic_ar .txt_ar.w100 {
   width: auto;
 }
 .page_message .common_hygienic_ar .ttl {
   font-size: 2.2rem;
   font-weight: 700;
   margin: 0 0 10px;
 }
 .page_message .common_hygienic_ar .txt {
   font-size: 1.5rem;
   letter-spacing: 0
 }
 .page_message .common_hygienic_ar .ico_ar {
   width: 18%;
   padding: 8px 0px 0;
 }
 .page_message .common_hygienic_ar .ico {
   text-align: right;
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_hygienic_ar {
     margin: 0 0%;
     /* flexbox */
     display: block;
   }
   .page_message .common_hygienic_ar .bx100 {
     width: 100%;
     padding: 20px 0px 15px;
     margin: 0 0% 30px;
     /* flexbox */
     display: block;
   }
   .page_message .common_hygienic_ar .bx50 {
     width: 100%;
     margin: 0 0%;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     align-items: stretch; /*隣の要素に合わせる*/
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
   }
   /****/
   .page_message .common_hygienic_ar .logo {
     width: 100%;
     text-align: center;
     margin: 0 0 15px;
   }
   .page_message .common_hygienic_ar .logo img {
     max-width: 250px;
   }
   .page_message .common_hygienic_ar .com {
     width: 100%;
     font-size: 1.6rem;
     padding: 0 0 0 0px;
   }
   /****/
   .page_message .common_hygienic_ar .sec01, .page_message .common_hygienic_ar .sec02, .page_message .common_hygienic_ar .sec03, .page_message .common_hygienic_ar .sec04, .page_message .common_hygienic_ar .sec05 {
     border-bottom: dashed 1px #3A5977;
     padding: 0 0 10px;
     margin: 0 0 15px;
     /* flexbox */
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
   }
   /****/
   .page_message .common_hygienic_ar .num_ar {
     width: 10%;
   }
   .page_message .common_hygienic_ar .num {
     font-size: 2.0rem;
     padding: 4px 10px;
     width: 40px;
   }
   .page_message .common_hygienic_ar .txt_ar {
     width: 90%;
     padding: 6px 20px 0px;
   }
   .page_message .common_hygienic_ar .ttl {
     font-size: 1.8rem;
     font-weight: 700;
     margin: 0 0 5px;
   }
   .page_message .common_hygienic_ar .txt {
     width: 100%;
     font-size: 1.5rem;
     padding: 10px 0 0;
   }
   .page_message .common_hygienic_ar .ico_ar {
     width: 100%;
     text-align: center;
   }
   .page_message .common_hygienic_ar .ico {
     max-width: 100px;
     margin: auto;
   }
 }
 /****/
 .page_message .common_hygienic_ar .sec03_img_ar {
   margin: 10px -1% 0;
   text-align: center;
   width: 100%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .common_hygienic_ar .sec03_com {
   width: 31.333%;
   margin: 0 1%;
   font-size: 1.8rem;
   font-weight: 700;
   line-height: 1.4;
   border: solid 1px #000;
   padding: 41px 10px;
 }
 .page_message .common_hygienic_ar .sec03_bx_img {
   width: 31.333%;
   margin: 0 1%;
 }
 .page_message .common_hygienic_ar .sec03_ttl {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1.4;
   background: #E5E2E1;
   margin: 0 0 10px;
   padding: 5px 5px;
   letter-spacing: 0;
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_hygienic_ar .sec03_img_ar {
     /* flexbox */
     align-items: stretch; /*隣の要素に合わせる*/
     align-content: start; /*複数行にした時の揃え*/
     flex-direction: row; /*子要素の並ぶ向き*/
     flex-wrap: wrap; /*子要素の折り返し*/
   }
   .page_message .common_hygienic_ar .sec03_com {
     width: 98%;
     font-size: 1.6rem;
     padding: 10px 10px;
     margin: 0 0 10px;
   }
   .page_message .common_hygienic_ar .sec03_bx_img {
     width: 48%;
     margin: 0 1%;
   }
   .page_message .common_hygienic_ar .sec03_ttl {
     font-size: 1.4rem;
     margin: 0;
   }
 }
 /********【common_other_series】********/
 .page_message .common_other_series .ttl {
   font-size: 2.2rem;
   font-weight: 700;
   text-align: center;
   margin: 0 0 40px;
 }
 .page_message .common_other_series .bx_ar {
   margin: 0 -1.5%;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .page_message .common_other_series .bnr {
   width: 30.333%;
   margin: 0 1.5% 20px;
 }
 .page_message .common_other_series .bnr a {
   display: block;
   transition: .3s;
 }
 .page_message .common_other_series .bnr a:hover {
   transform: scale(1.03);
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_other_series .ttl {
     font-size: 1.6rem;
     margin: 0 0 30px;
   }
   .page_message .common_other_series .bx_ar {
     margin: 0 0%;
     /* flexbox */
     display: block;
   }
   .page_message .common_other_series .bnr {
     width: 100%;
     margin: 0 0% 5px;
     text-align: center;
   }
   .page_message .common_other_series .bnr img {
     width: 90%;
     margin: 0 auto;
   }
 }
 /********【product_ar】********/
 .page_message .product_ar {
   width: 100%;
   /*min-width: 1054px;*/
   padding: 60px 0;
   margin: 80px 0 0;
 }
 @media only screen and (max-width: 800px) {
   .page_message .product_ar {
     min-width: inherit;
     padding: 40px 0;
     margin: 50px 0 0;
   }
 }
 /********【series_ar】********/
 .page_message .series_ar {
   padding: 60px 0 20px;
 }
 .page_message .series_ar .h3_ar {
   margin: 0 0 10px;
 }
 .page_message .series_ar .ttl {
   margin: 0 0 20px;
 }
 @media only screen and (max-width: 800px) {
   .page_message .series_ar {
     padding: 50px 0 0;
   }
 }
 /********【bx_test_2col_ar】********/
 .page_message .bx_test_2col_ar {
   margin: 0 -2% 50px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_2col_ar .bx01 {
   width: 46%;
   margin: 0 2%;
 }
 .page_message .bx_test_2col_ar .bx02 {
   width: 46%;
   margin: 0 2%;
 }
 /**** メッセージキッズ（優れた耐摩耗性能用） ****/
 .page_message .bx_test_2col_ar .bx02.kids_ext01 {
   width: 43%;
   margin: 0 2% 0 5%;
   position: relative;
 }
 .page_message .bx_test_2col_ar .bx02.kids_ext01:before {
   position: absolute;
   content: "";
   background: url("images/message-kids/arr_message-kids_sp.png") no-repeat center center/cover;
   width: 57px;
   height: 320px;
   left: -68px;
   top: 160px;
 }
 /**** End メッセージキッズ（優れた耐摩耗性能用） ****/
 .page_message .bx_test_2col_ar .experiment {
   border-top: solid 1px #595757;
   border-bottom: solid 1px #595757;
   margin: 0 0 20px;
   padding: 10px 0 5px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_2col_ar .experiment.bor_none {
   border: none;
   margin: 0 0 20px;
   padding: 0px 0 0px;
 }
 .page_message .bx_test_2col_ar .experiment .txt_ar, .page_message .bx_test_2col_ar .experiment .img_ar {
   width: 75%;
   padding: 0 20px 0 0;
 }
 /**** メッセージホテル（木質防音直貼りフローリングは…/フローリングは掃除がしやすく…/メッセージホテルは厚みが薄い…） ****/
 .page_message.hotel .bx_test_2col_ar .experiment .txt_ar {
   width: 74%;
 }
 .page_message.hotel .bx_test_2col_ar .experiment .img_ar {
   width: 26%;
   padding: 0 0px 0 0;
 }
 .page_message.hotel .bx_test_2col_ar .experiment .txt_ar02 {
   width: 64%;
   padding: 0 20px 0 0;
 }
 .page_message.hotel .bx_test_2col_ar .experiment .img_ar02 {
   width: 36%;
   padding: 0 0px 0 0;
 }
 .page_message.hotel .bx_test_2col_ar .img02.height_adjustment01 {
   padding: 10px 0px 0 0;
 }
 @media only screen and (max-width: 800px) {
   .page_message.hotel .bx_test_2col_ar .experiment .txt_ar, .page_message.hotel .bx_test_2col_ar .experiment .txt_ar02 {
     width: 100%;
   }
   .page_message.hotel .bx_test_2col_ar .experiment .img_ar, .page_message.hotel .bx_test_2col_ar .experiment .img_ar02 {
     width: 100%;
     text-align: center;
   }
 }
 /**** End メッセージホテル（木質防音直貼りフローリングは、 軽量床衝撃音を抑えます） ****/
 .page_message .bx_test_2col_ar .txt01, .page_message .bx_test_2col_ar .txt02 {
   margin: 0 0 20px;
   line-height: 1.4;
   letter-spacing: 0;
 }
 .page_message .bx_test_2col_ar .img01, .page_message .bx_test_2col_ar .img02 {
   text-align: center;
 }
 /****/
 .page_message .bx_test_2col_ar .bx_ar {
   margin: 0 0 10px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_2col_ar .bx_ar .w40 {
   width: 40%;
   padding: 0 15px 0 0;
 }
 .page_message .bx_test_2col_ar .bx_ar .w60 {
   width: 60%;
 }
 @media only screen and (max-width: 800px) {
   .page_message .bx_test_2col_ar {
     margin: 0 0% 30px;
     /* flexbox */
     display: block;
   }
   .page_message .bx_test_2col_ar .bx01, .page_message .bx_test_2col_ar .bx02, .page_message .bx_test_2col_ar .bx02.kids_ext01 {
     width: 100%;
     margin: 0 0%;
   }
   .page_message .bx_test_2col_ar .bx02 {
     padding: 0 0px;
   }
   /**** メッセージキッズ（優れた耐摩耗性能用） ****/
   .page_message .bx_test_2col_ar .bx02.kids_ext01:before {
     display: none;
   }
   /**** End メッセージキッズ（優れた耐摩耗性能用） ****/
   .page_message .bx_test_2col_ar .experiment {
     margin: 0 0 20px;
     padding: 5px 0 10px;
     /* flexbox */
     display: block;
   }
   .page_message .bx_test_2col_ar .experiment .txt_ar {
     width: 100%;
     padding: 0 0px 0 0;
   }
   .page_message .bx_test_2col_ar .experiment .img_ar {
     text-align: center;
     margin: -10px 0 0;
   }
   .page_message .bx_test_2col_ar .txt01, .page_message .bx_test_2col_ar .txt02 {
     font-size: 1.3rem;
   }
   .page_message .bx_test_2col_ar .img01, .page_message .bx_test_2col_ar .img02 {
     margin: 0 0 10px;
   }
   /****/
   .page_message .bx_test_2col_ar .bx_ar {
     margin: 0 0 10px;
     /* flexbox */
     display: block;
     justify-content: flex-start;
     align-items: flex-start;
   }
   .page_message .bx_test_2col_ar .bx_ar .w40 {
     width: 100%;
     padding: 0 0px 0 0;
   }
   .page_message .bx_test_2col_ar .bx_ar .w60 {
     width: 100%;
   }
 }
 /********【bx_test_3col_ar】********/
 .page_message .bx_test_3col_ar {
   margin: 0 -2%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_3col_ar .bx01 {
   width: 36%;
   margin: 0 2%;
 }
 .page_message .bx_test_3col_ar .bx02 {
   width: 33%;
   margin: 0 1%;
 }
 /** **/
 .page_message .bx_test_3col_ar .bx02 .txt_ar {
   margin: 0 0 15px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: stretch; /*隣の要素に合わせる*/
 }
 .page_message .bx_test_3col_ar .bx02 .ttl_sub {
   width: 30%;
   background: #E6E6E5;
   font-size: 1.6rem;
   font-weight: 700;
   text-align: center;
   line-height: 1.3;
   height: 100%;
   padding: 35px 10px;
 }
 .page_message .bx_test_3col_ar .bx02 .txt02 {
   width: 70%;
   padding: 0 0 0 15px;
 }
 .page_message .bx_test_3col_ar .bx02 .img02 {
   margin: 10px 0 0;
 }
 /** **/
 .page_message .bx_test_3col_ar .bx03 {
   width: 23%;
   margin: 0 2%;
 }
 /** **/
 .page_message .bx_test_3col_ar .bx03 .commmon_img_title {
   padding: 5px 10px;
   min-height: inherit;
 }
 .page_message .bx_test_3col_ar .bx03 .txt03 {
   font-size: 1.5rem;
   font-weight: 700;
   margin: 0 0 0px;
 }
 /** **/
 .page_message .bx_test_3col_ar .experiment {
   border-top: solid 1px #595757;
   border-bottom: solid 1px #595757;
   margin: 0 0 20px;
   padding: 10px 0 5px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_3col_ar .experiment.bor_none {
   border: none;
   margin: 0 0 20px;
   padding: 0px 0 0px;
 }
 .page_message .bx_test_3col_ar .experiment .txt_ar {
   width: 75%;
   padding: 0 20px 0 0;
 }
 .page_message .bx_test_3col_ar .txt01, .page_message .bx_test_3col_ar .txt02, .page_message .bx_test_3col_ar .txt03 {
   margin: 0 0 20px;
   line-height: 1.4;
   letter-spacing: 0;
 }
 .page_message .bx_test_3col_ar .img01, .page_message .bx_test_3col_ar .img02, .page_message .bx_test_3col_ar .img03 {
   text-align: center;
 }
 @media only screen and (max-width: 800px) {
   .page_message .bx_test_3col_ar {
     margin: 0 0% 30px;
     /* flexbox */
     display: block;
   }
   .page_message .bx_test_3col_ar .bx01, .page_message .bx_test_3col_ar .bx02, .page_message .bx_test_3col_ar .bx03 {
     width: 100%;
     margin: 0 0%;
   }
   .page_message .bx_test_3col_ar .bx02 {
     padding: 0 0px;
   }
   /** **/
   .page_message .bx_test_3col_ar .bx02 .txt_ar {
     margin: 0 0 10px;
     /* flexbox */
     display: block;
   }
   .page_message .bx_test_3col_ar .bx02 .ttl_sub {
     width: 100%;
     font-size: 1.5rem;
     padding: 10px 10px;
     margin: 0 0 10px;
   }
   .page_message .bx_test_3col_ar .bx02 .txt02 {
     width: 100%;
     padding: 0 0 0 0px;
   }
   .page_message .bx_test_3col_ar .bx02 .img02 {
     margin: 0px 0 0;
   }
   /** **/
   .page_message .bx_test_3col_ar .txt01, .page_message .bx_test_3col_ar .txt02, .page_message .bx_test_3col_ar .txt03 {
     font-size: 1.3rem;
   }
   .page_message .bx_test_3col_ar .img01, .page_message .bx_test_3col_ar .img02, .page_message .bx_test_3col_ar .img03 {
     margin: 0 0 10px;
   }
 }
 /********【commmon_img_title】********/
 .commmon_img_title {
   font-size: 2.2rem;
   font-weight: 700;
   padding: 10px 10px;
   text-align: center;
   margin: 0 0 10px;
   line-height: 1.3;
   /*min-height: 66px;*/
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: center; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .commmon_img_title span {
   font-size: 2.2rem;
   font-weight: 700;
   display: block;
 }
 @media only screen and (max-width: 800px) {
   .commmon_img_title {
     font-size: 1.6rem;
     padding: 10px 10px;
     min-height: inherit;
     /* flexbox */
     display: block;
   }
   .commmon_img_title span {
     font-size: 1.6rem;
     font-weight: 700;
     display: inline;
   }
 }
 /********【bx_test_1col_ar】********/
 .page_message .bx_test_1col_ar {
   margin: 0 0 50px;
 }
 .page_message .bx_test_1col_ar.w580 {
   max-width: 580px;
   margin: 0 auto;
 }
 .page_message .bx_test_1col_ar.w580 .commmon_img_title {
   margin: 0 auto 20px;
 }
 .page_message .bx_test_1col_ar .bx_ar {
   margin: 0 0 20px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
 }
 .page_message .bx_test_1col_ar .bx_ar .txt01 {
   width: 60%;
   padding: 0 15px 0 0;
 }
 .page_message .bx_test_1col_ar .bx_ar .img01 {
   width: 40%;
   text-align: center;
 }
 .page_message .bx_test_1col_ar .img01 {
   text-align: center;
 }
 @media only screen and (max-width: 800px) {
   .page_message .bx_test_1col_ar {
     margin: 0 0 40px;
   }
   .page_message .bx_test_1col_ar .bx_ar {
     /* flexbox */
     display: block;
   }
   .page_message .bx_test_1col_ar .bx_ar .txt01 {
     width: 100%;
     padding: 0 0px 10px;
   }
   .page_message .bx_test_1col_ar .bx_ar .img01 {
     width: 45%;
     margin: auto;
   }
 }
 /***************************/
 /********【hard】********/
 /***************************/
 /********【common_main_com】********/
 @media only screen and (max-width: 800px) {
   .page_message .common_main_com .nav_ar.message-hard {
     margin: 0 0 50px;
     width: 100%;
   }
   .page_message .common_main_com .nav_ar ul {
     margin: 0 0%;
     /* flexbox */
     display: block;
   }
   .page_message .common_main_com .nav_ar.message-hard ul li {
     width: 85%;
     margin: 0 auto 5px;
   }
 }
 /********【cont02】********/
 .page_message.hard .cont02 {
   padding: 0 0 0px;
 }
 /***************************/
 /********【hard_jp】********/
 /***************************/
 /****【common_main_com】****/
 .page_message .common_main_com .nav_ar.message-hard-jp {
   width: 785px;
   margin: 0 auto 60px;
 }
 .page_message .common_main_com .nav_ar.message-hard-jp ul li {
   width: 47%;
   margin: 0 1.5% 20px;
 }
 @media only screen and (max-width: 800px) {
   .page_message .common_main_com .nav_ar.message-hard-jp {
     margin: 0 0 50px;
     width: 100%;
   }
   .page_message .common_main_com .nav_ar.message-hard-jp ul li {
     width: 85%;
     margin: 0 auto 5px;
   }
 }
 /********【cont02】********/
 .page_message.hard_jp .cont02 .com_ar {
   margin: 25px 0 -45px;
   text-align: center;
 }
 .page_message.hard_jp .cont02 .common_com_message {
   background: #fff;
   padding: 0 20px;
   display: inline-block;
 }
 /**** ****/
 .page_message.hard_jp .cont02 .bx_ar {
   max-width: 900px;
   margin: 0px auto 0;
   border: solid 1px #3BA3C4;
   padding: 50px 40px 40px;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .page_message.hard_jp .cont02 .bx_img {
   width: 29.333%;
   margin: 0 2% 20px;
 }
 .page_message.hard_jp .cont02 .img {
   text-align: center;
   margin: 0 0 5px;
 }
 .page_message.hard_jp .cont02 .name {
   font-size: 2.0rem;
   font-weight: 700;
   text-align: center;
 }
 /**** ****/
 .page_message.hard_jp .cont02 .common_arr_message {
   margin: -10px auto 0;
 }
 .page_message.hard_jp .cont02 .common_com_message.disp_block {
   display: block;
   padding: 10px 0 0px;
 }
 .page_message.hard_jp .cont02 .ttl_hard_jp {
   font-size: 3.0rem;
   font-weight: 700;
   text-align: center;
   padding: 5px 10px;
   margin: 0 0 20px;
 }
 .page_message.hard_jp .cont02 .txt_hard_jp {
   font-size: 2.0rem;
   font-weight: 700;
   text-align: center;
   margin: 0 0 20px;
 }
 /**** ****/
 .page_message.hard_jp .cont02 .bx_ar02 {
   margin: 0px -2% 60px;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 @media only screen and (max-width: 800px) {
   .page_message.hard_jp .cont02 .com_ar {
     margin: 20px 0 -45px;
   }
   .page_message.hard_jp .cont02 .common_com_message {
     padding: 0 15px;
   }
   /**** ****/
   .page_message.hard_jp .cont02 .bx_ar {
     padding: 40px 10px 20px;
   }
   .page_message.hard_jp .cont02 .bx_img {
     width: 46%;
     margin: 0 2% 10px;
   }
   .page_message.hard_jp .cont02 .name {
     font-size: 1.6rem;
   }
   /**** ****/
   .page_message.hard_jp .cont02 .ttl_hard_jp {
     font-size: 1.8rem;
     margin: 0 0 10px;
   }
   .page_message.hard_jp .cont02 .txt_hard_jp {
     font-size: 1.4rem;
     text-align: left;
   }
   /**** ****/
   .page_message.hard_jp .cont02 .bx_ar02 {
     margin: 0px -2% 40px;
   }
 }
 /********【cont03】********/
 .page_message.hard_jp .cont03 {
   padding: 0px 0;
   margin: 0px 0 80px;
 }
 .page_message.hard_jp .cont03 .bx_ar {
   max-width: 720px;
   margin: 0 auto;
 }
 .page_message.hard_jp .cont03 .txt {
   margin: 10px 0 20px;
 }
 .page_message.hard_jp .cont03 .notice {
   padding: 10px 0 0 60px
 }
 @media only screen and (max-width: 800px) {
   .page_message.hard_jp .cont03 {
     margin: 0px 0 40px;
   }
   .page_message.hard_jp .cont03 .notice {
     padding: 5px 0 0 0px
   }
 }
 /***************************/
 /********【hotel】********/
 /***************************/
 /********【common_main_com】********/
 @media only screen and (max-width: 800px) {
   .page_message .common_main_com .nav_ar.message-hotel {
     margin: 0 0 50px;
     width: 100%;
   }
   .page_message .common_main_com .nav_ar.message-hotel ul li {
     width: 85%;
     margin: 0 auto 5px;
   }
 }
 /********【cont02】********/
 .page_message.hotel .cont03 {
   padding: 0px 0;
   margin: 0px 0 30px;
 }
 /***************************/
 /********【kids】********/
 /***************************/
 /********【common】********/
 .page_message.kids .ttl_ar {
   padding: 30px 0 40px;
 }
 .page_message.kids .ttl_ar .ttl_s {
   margin: 0 0 20px;
 }
 @media only screen and (max-width: 800px) {
   .page_message.kids .ttl_ar {
     padding: 20px 0 30px;
   }
   .page_message.kids .ttl_ar .ttl_s {
     margin: 0 0 10px;
   }
 }
 /********【common_main_com】********/
 @media only screen and (max-width: 800px) {
   .page_message .common_main_com .nav_ar.message-kids {
     margin: 0 0 50px;
     width: 100%;
   }
   .page_message .common_main_com .nav_ar.message-kids ul li {
     width: 85%;
     margin: 0 auto 5px;
   }
 }
 /********【cont02】********/
 .page_message.kids .common_hygienic_ar {
   margin: 0px 0 60px;
 }
 /********【cont03】********/
 .page_message.kids .cont03 {
   padding: 0px 0;
   margin: 0px 0 30px;
 }
 /***************************/
 /********【care】********/
 /***************************/
 /********【common_main_com】********/
 @media only screen and (max-width: 800px) {
   .page_message .common_main_com .nav_ar.message-care {
     margin: 0 0 50px;
     width: 100%;
   }
   .page_message .common_main_com .nav_ar.message-care ul li {
     width: 85%;
     margin: 0 auto 5px;
   }
 }
 /********【common】********/
 .page_message.care .w900 {
   max-width: 900px;
   margin: 0 auto 60px;
 }
 @media only screen and (max-width: 800px) {
   .page_message.care .w900 {
     margin: 0 auto 50px;
   }
   .page_message.care .w900 .bx_test_3col_ar .img01 {
     margin: 0 0 0px;
   }
   .page_message.care .w900 .bx_test_3col_ar .bx01 {
     margin: 0 0 20px !important;
   }
 }
 /**** ****/
 .page_message.care .cont02 .com_ar {
   margin: 25px 0 -45px;
   text-align: center;
 }
 .page_message.care .cont02 .com_ar span {
   display: inline-block;
   background: #fff;
   padding: 0 20px;
   font-weight: 700;
 }
 /**** ****/
 .page_message.care .cont02 .bx_ar02 {
   margin: 0px auto 0;
   border: solid 1px #DC5140;
   padding: 50px 40px 40px;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .page_message.care .cont02 .bx_data {
   width: 46%;
   margin: 0 2% 20px;
 }
 .page_message.care .cont02 .img {
   text-align: center;
   margin: 0 0 5px;
 }
 /**** ****/
 .page_message.care .common_ttl_test_underline {
   margin: 0 0 20px;
   position: relative;
   z-index: 1;
   display: inline-block;
 }
 .page_message.care .common_ttl_test_underline:before {
   position: absolute;
   content: "";
   background: #FBE2E1;
   width: 100%;
   height: 16px;
   left: 0px;
   bottom: 5px;
 }
 .page_message.care .common_ttl_test_underline span {
   font-size: 2.8rem;
   font-weight: 700;
   margin: 0 0 20px;
   position: relative;
   z-index: 3;
 }
 .page_message.care .common_ttl_test_underline02 {
   width: 100%;
   font-size: 2.8rem;
   font-weight: 700;
   margin: 0 0 20px;
   position: relative;
   z-index: 1;
   display: inline-block;
   text-align: center;
 }
 .page_message.care .common_ttl_test_underline02 span {
   color: #DC5140;
   font-weight: 700;
   background: url("images/message-care/graph_message-care03.svg") no-repeat left bottom 0px/100% auto;
   padding: 0 3px 5px;
 }
 /**** ****/
 .page_message.care .cont02 .common_arr_message {
   margin: -10px auto 20px !important;
 }
 @media only screen and (max-width: 800px) {
   /**** ****/
   .page_message.care .cont02 .com_ar {
     margin: 10px 0 -35px;
   }
   .page_message.care .cont02 .com_ar span {
     padding: 0 10px;
   }
   /**** ****/
   .page_message.care .cont02 .bx_ar02 {
     margin: 0px auto 0;
     border: solid 1px #DC5140;
     padding: 30px 15px 10px;
     /* flexbox */
     display: block;
   }
   .page_message.care .cont02 .bx_data {
     width: 100%;
     margin: 0 0% 30px;
   }
   /**** ****/
   .page_message.care .common_ttl_test_underline:before {
     height: 10px;
   }
   .page_message.care .common_ttl_test_underline span {
     font-size: 1.8rem;
   }
   .page_message.care .common_ttl_test_underline02 {
     font-size: 2.0rem;
   }
   /**** ****/
   .page_message.care .cont02 .common_arr_message {
     margin: -10px auto 20px !important;
   }
 }
 /**** ****/
 .page_message.care .cont03 {
   margin: 0px 0 60px;
 }
 .page_message.care .cont02 .bx_test_3col_ar {
   margin: 15px -2% 60px;
 }
 .page_message.care .cont02 .bx_test_3col_ar .bx01 {
   width: 33%;
 }
 .page_message.care .cont02 .bx_test_3col_ar .bx02 {
   width: 48%;
 }
 .page_message.care .cont02 .bx_test_3col_ar .txt_ar {
   border-bottom: dashed 1px #231815;
   padding: 0 0 10px;
 }
 .page_message.care .cont02 .bx_test_3col_ar .txt_ar:last-child {
   border-bottom: none;
 }
 @media only screen and (max-width: 800px) {
   .page_message.care .cont02 .bx_test_3col_ar {
     margin: 10px 0% 50px;
   }
   .page_message.care .cont02 .bx_test_3col_ar .bx01 {
     width: 100%;
   }
   .page_message.care .cont02 .bx_test_3col_ar .bx02 {
     width: 100%;
     margin: 0 0 20px;
   }
   .page_message.care .cont02 .bx_test_3col_ar .txt_ar {
     border-bottom: none;
     padding: 0 0 10px;
   }
 }
 /***************************/
 /********【order】********/
 /***************************/
 /********【common】********/
 .page_message.order .ico {
   display: inline-block;
   padding: 3px 20px;
   margin: 0 0 10px;
 }
 .page_message.order .num {
   font-size: 3.6rem;
   font-weight: 700;
 }
 @media only screen and (max-width: 800px) {
   .page_message.order .ico {
     padding: 0px 10px;
     margin: 0 0 5px;
   }
   .page_message.order .num {
     font-size: 2.4rem;
   }
 }
 /********【cont01】********/
 .page_message.order .cont01 {
   margin: auto;
   padding: 0 0 30px;
   position: relative;
   text-align: center;
 }
 .page_message.order .cont01 .com {
   font-size: 3.2rem;
   font-weight: 700;
   margin: 0 0 40px;
   line-height: 1.4;
 }
 .page_message.order .cont01 .img {
   margin: 0 0 40px;
 }
 .page_message.order .cont01 .txt {
   font-size: 2.0rem;
   font-weight: 700;
   margin: 0 0 30px;
 }
 .page_message.order .cont01 .notice_ar {
   margin: 0 0 50px;
 }
 .page_message.order .cont01 .notice {
   font-size: 2.6rem;
   font-weight: 700;
   display: inline-block;
   border-bottom: 1px solid #567852;
   padding: 0 10px 5px;
 }
 /****/
 .page_message.order .cont01 .bx_ar {
   /* flexbox */
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding: 0 0 70px;
 }
 .page_message.order .cont01 .bx_ar:after {
   position: absolute;
   content: "";
   background: url("images/message-order/ico_message-order01.svg")no-repeat center center/cover;
   width: 40px;
   height: 40px;
   right: 0px;
   left: 0;
   bottom: 0px;
   margin: auto;
 }
 .page_message.order .cont01 .bx {
   width: 20%;
   max-width: 180px;
   background: #c4d0c2;
   padding: 35px 20px 0;
   position: relative;
 }
 .page_message.order .cont01 .bx:after {
   position: absolute;
   content: "";
   background: url("images/message-order/ico_message-order02.svg")no-repeat center center/cover;
   width: 30px;
   height: 30px;
   right: -50px;
   top: 40%;
 }
 .page_message.order .cont01 .bx:last-child:after {
   display: none;
 }
 .page_message.order .cont01 .num {
   font-size: 2.8rem;
   font-weight: 700;
   background: #567852;
   color: #fff;
   padding: 1px 15px;
   margin: 0 0 20px;
   display: inline-block;
 }
 .page_message.order .cont01 .type {
   width: 100%;
   font-size: 3.0rem;
   font-weight: 700;
   line-height: 1.2
 }
 @media only screen and (max-width: 800px) {
   .page_message.order .cont01 {
     padding: 0 0 0px;
   }
   .page_message.order .cont01 .com {
     font-size: 2.0rem;
     margin: 0 0 30px;
     font-feature-settings: "palt";
   }
   .page_message.order .cont01 .img {
     margin: 0 0 30px;
   }
   .page_message.order .cont01 .txt {
     font-size: 1.5rem;
     margin: 0 0 20px;
     text-align: left;
   }
   .page_message.order .cont01 .notice {
     font-size: 2.0rem;
   }
   /****/
   .page_message.order .cont01 .bx_ar {
     /* flexbox */
     display: block;
     padding: 0 0 20px;
   }
   .page_message.order .cont01 .bx {
     width: 100%;
     padding: 20px 20px 5px;
     margin: 0 auto 50px;
   }
   .page_message.order .cont01 .bx:after {
     width: 25px;
     height: 25px;
     right: 0px;
     left: 0;
     margin: auto;
     bottom: -35px;
     top: inherit;
   }
   .page_message.order .cont01 .bx:last-child:after {
     display: none;
   }
   .page_message.order .cont01 .num {
     font-size: 2.0rem;
     margin: 0 0 10px;
   }
   .page_message.order .cont01 .type {
     font-size: 2.2rem;
   }
 }
 /********【cont02】********/
 .page_message.order .cont02 {
   margin: auto;
   padding: 0 0 50px;
 }
 .page_message.order .cont02 .bx_ar {
   text-align: center;
 }
 .page_message.order .cont02 .ttl_ar_bor {
   border-bottom: 2px solid #567852;
   display: inline-block;
 }
 .page_message.order .cont02 .ttl_ar {
   margin: 0 0 5px;
   /* flexbox */
   display: flex;
   justify-content: center;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .page_message.order .cont02 .ico {}
 .page_message.order .cont02 .from, .page_message.order .cont02 .ttl {
   font-size: 3.8rem;
   font-weight: 700;
   padding: 0 10px;
 }
 .page_message.order .cont02 .com {
   font-size: 2.0rem;
   font-weight: 700;
   margin: 10px 0 30px;
 }
 @media only screen and (max-width: 800px) {
   .page_message.order .cont02 {
     padding: 0px 0 0px;
   }
   .page_message.order .cont02 .bx_ar {
     padding: 40px 15px;
     /****画面幅100％****/
     width: 100vw;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
   }
   .page_message.order .cont02 .ico {}
   .page_message.order .cont02 .from, .page_message.order .cont02 .ttl {
     font-size: 1.8rem;
     font-weight: 700;
     padding: 0 0 5px;
   }
   .page_message.order .cont02 .ttl {
     width: 100%;
   }
   .page_message.order .cont02 .com {
     font-size: 1.6rem;
     margin: 10px 0 20px;
   }
 }
 /********【cont03】********/
 .page_message.order .cont03 {
   width: 100%;
   /*min-width: 1054px;*/
   background: #c4d0c2;
   padding: 80px 0;
 }
 .page_message.order .cont03 .ttl_l {
   font-size: 3.8rem;
   font-weight: 700;
   text-align: center;
   margin: 0 0 50px;
 }
 @media only screen and (max-width: 800px) {
   .page_message.order .cont03 {
     min-width: inherit;
     padding: 40px 0;
   }
   .page_message.order .cont03 .ttl_l {
     font-size: 2.0rem;
     margin: 0 0 0px;
   }
 }
 /********【order mail form】********/
 .page_message.order .comfirm_txt_ar {
   text-align: center;
 }
 .page_message.order .comfirm_txt_ar .jp {
   font-size: 2.4rem;
   font-weight: 700;
   margin: 50px 0;
 }
 .page_message.order .comfirm_txt_ar .eng {
   font-family: "Roboto", sans-serif;
   font-size: 1.5rem;
   font-weight: 700;
 }
 .page_message.order .comfirm_txt_ar .com {
   font-size: 1.6rem;
   font-weight: 700;
   margin: 0 0 50px;
 }
 .page_message.order .comfirm_txt_ar .bt {
   text-align: center;
 }
 /***************************/
 /********【archive product】********/
 /***************************/
 /********【common】********/
 .common_product_name_ar {
   margin: 0 0 20px;
   vertical-align: middle;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 .common_product_name_ar .eng {
   font-size: 4.0rem;
   font-weight: 700;
   position: relative;
   padding: 0 0 0 30px;
 }
 .common_product_name_ar .eng:before {
   position: absolute;
   content: "";
   width: 20px;
   height: 50px;
   left: 0px;
   top: 6px;
 }
 .common_product_name_ar .jp {
   font-size: 2.0rem;
   font-weight: 700;
   padding: 0 0 0 2em;
 }
 @media only screen and (max-width: 800px) {
   .common_product_name_ar {
     margin: 0 0 10px;
     /* flexbox */
     display: block;
   }
   .common_product_name_ar .eng {
     font-size: 2.0rem;
     padding: 0 0 0 15px;
   }
   .common_product_name_ar .eng:before {
     width: 8px;
     height: 24px;
     top: 4px;
   }
   .common_product_name_ar .jp {
     font-size: 1.6rem;
     padding: 0 0 0 15px;
   }
 }
 /********【common】********/
 .archive_product {
   padding: 50px 0;
 }
 @media only screen and (max-width: 800px) {
   .archive_product {
     padding: 100px 0;
   }
 }
 /********【cont01】********/
 .archive_product .cont01 .com {
   text-align: center;
   margin: 0 0 30px;
 }
 .archive_product .cont01 .tbl_ar {
   margin: 0 0 60px;
 }
 @media only screen and (max-width: 800px) {
   .archive_product .cont01 .com {
     margin: 0 0 40px;
   }
   .archive_product .cont01 .tbl_ar {
     margin: 0 0 40px;
   }
 }
 /********【table】********/
 .archive_product .common_tbl3col .tbl_l {
   width: 30%;
 }
 .archive_product .common_tbl3col .tbl_c1 {
   width: 30%;
 }
 .archive_product .common_tbl3col .tbl_c2 {
   width: 20%;
 }
 .archive_product .common_tbl3col .tbl_r {
   width: 20%;
 }
 /***************************/
 /********【single product】********/
 /***************************/
 /********【common】********/
 /****hard****/
 .single_product.bg_message-hard .h2_ar, .single_product.bg_message-hard .cont03 .processing:before, .single_product.bg_message-hard .cont05 .place_ttl:before {
   background: #A2CADD;
 }
 /****hotel****/
 .single_product.bg_message-hotel .h2_ar {
   background: #B4C2D7;
 }
 .single_product.bg_message-hotel .cont03 .processing:before, .single_product.bg_message-hotel .cont05 .place_ttl:before {
   background: #1B2E56;
 }
 /****kids****/
 .single_product.bg_message-kids .h2_ar {
   background: #FCCC08;
 }
 .single_product.bg_message-kids .cont03 .processing:before, .single_product.bg_message-kids .cont05 .place_ttl:before {
   background: #FCCF00;
 }
 /****care****/
 .single_product.bg_message-care .h2_ar {
   background: #E59E87;
 }
 .single_product.bg_message-care .cont03 .processing:before, .single_product.bg_message-care .cont05 .place_ttl:before {
   background: #E37466;
 }
 /********【cont01】********/
 .single_product .cont01 {
   margin: 0 0 25px;
 }
 .single_product .cont01 .h2_ar {
   border-radius: 10px;
   padding: 40px 30px 10px;
   /* flexbox */
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 /****/
 .single_product .cont01 .bx_ttl {
   width: auto;
   padding: 0 50px 0 0;
 }
 .single_product .cont01 .bx_ico {
   width: 25%;
   margin: 10px 0 0;
 }
 .single_product .cont01 .bx_notice {
   width: 100%;
 }
 /****/
 .single_product .cont01 .ttl_ar {
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont01 .comment {
   width: 100%;
   font-size: 2.2rem;
   font-weight: 700;
   line-height: 1.2;
 }
 .single_product .cont01 .ttl {
   font-size: 3.8rem;
   font-weight: 700;
 }
 .single_product .cont01 .order {
   font-size: 1.8rem;
   font-weight: 700;
   padding: 0 0 0 1em;
 }
 .single_product .cont01 .bx_ico ul {
   /* flexbox */
   display: flex;
   justify-content: flex-end;
   align-items: center
 }
 .single_product .cont01 .bx_ico ul li {
   padding: 0 0 0 10px;
 }
 .single_product .cont01 .notice {
   font-size: 1.1rem;
   font-weight: 500;
   padding: 20px 0 0;
 }
 @media only screen and (max-width: 800px) {
   .single_product .cont01 {
     margin: -30px 0 30px;
   }
   .single_product .cont01 .h2_ar {
     margin: 0 0 0px;
     border-radius: 0px;
     padding: 40px 20px 10px;
     /* flexbox */
     display: block;
     /****画面幅100％****/
     width: 100vw;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
   }
   /****/
   .single_product .cont01 .bx_ttl {
     width: 100%;
     padding: 0 0px 0 0;
   }
   .single_product .cont01 .bx_ico {
     width: 100%;
     margin: 0px 0 0;
   }
   .single_product .cont01 .bx_notice {
     width: 100%;
   }
   /****/
   .single_product .cont01 .ttl_ar {
     /* flexbox */
     display: block;
   }
   .single_product .cont01 .comment {
     font-size: 1.4rem;
   }
   .single_product .cont01 .ttl {
     font-size: 2.0rem;
     margin: 0 0 0px;
     letter-spacing: -0.05em;
   }
   .single_product .cont01 .order {
     font-size: 1.3rem;
     padding: 0 0 20px;
     font-feature-settings: "palt";
   }
   .single_product .cont01 .bx_ico ul {
     /* flexbox */
     justify-content: flex-start;
   }
   .single_product .cont01 .bx_ico ul li {
     padding: 0 5px 5px;
   }
   .single_product .cont01 .bx_ico ul li img {
     width: auto;
     height: 45px;
   }
   .single_product .cont01 .notice {
     padding: 10px 0 0;
   }
 }
 /********【cont02】********/
 .single_product .cont02 {
   margin: 0 0 10px;
 }
 .single_product .cont02 .ttl {
   font-size: 1.4rem;
   /* font-size: clamp(最小px, 理想vw, 最大px); */
   font-size: clamp(1.2rem, 1.4rem, 1.4rem);
   font-weight: 700;
   margin: 0 0 3px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
 }
 @media only screen and (max-width: 1000px) {
   .single_product .cont02 .ttl {
     font-size: 1.1rem;
   }
 }
 .single_product .cont02 .ttl span.ico {
   padding: 0 0 0 10px;
   display: block;
   margin: 0 0 -5px;
 }
 .single_product .cont02 .construction_list {
   margin: 0 0 5px;
 }
 .single_product .cont02 .construction_list ul {
   margin: 0 -5px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont02 .construction_list ul li {
   width: 140px;
   border: solid 1px #000;
   border-radius: 3px;
   padding: 4px 5px;
   margin: 0 5px 10px;
   text-align: center;
   font-size: 1.5rem;
   font-weight: 700;
   letter-spacing: -0.02em;
   line-height: 1.2;
   font-feature-settings: "palt";
 }
 .single_product .cont02 .construction_list ul li span {
   font-size: 1.1rem;
   font-weight: 700;
 }
 /****/
 .single_product .cont02 .performance_ar {
   margin: 0 -5px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont02 .performance_bx_2col, .single_product .cont02 .performance_bx_1col {
   margin: 0 0.5%;
 }
 .single_product .cont02 .performance_bx_2col {
   width: 27.5%;
 }
 .single_product .cont02 .performance_bx_1col {
   width: 13.5%;
 }
 .single_product .cont02 .performance_list {}
 .single_product .cont02 .performance_list ul {
   margin: 0 -0.5%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont02 .performance_bx_2col .performance_list ul li, .single_product .cont02 .performance_bx_1col .performance_list ul li {
   border: 1px solid #BEBFBF;
   text-align: center;
   font-size: 1.15rem;
   font-weight: 700;
   letter-spacing: -0.08em;
   line-height: 1.2;
   padding: 5px 2px;
   color: #BEBFBF;
   font-feature-settings: "palt";
 }
 .single_product .cont02 .performance_bx_2col .performance_list ul li {
   width: 49%;
   margin: 0 0.5% 5px;
 }
 .single_product .cont02 .performance_bx_1col .performance_list ul li {
   width: 100%;
   margin: 0 0% 5px;
 }
 .single_product .cont02 .performance_list ul li.active {
   background: #717071;
   color: #fff;
 }
 @media only screen and (max-width: 800px) {
   .single_product .cont02 {
     margin: 0 0 20px;
   }
   .single_product .cont02 .ttl span.ico {
     padding: 0 0 0 5px;
     display: block;
     margin: 0 0 -3px;
   }
   .single_product .cont02 .construction_list ul li {
     width: auto;
     padding: 4px 5px;
     margin: 0 3px 6px;
     font-size: 1.4rem;
   }
   /****/
   .single_product .cont02 .performance_ar {
     margin: 0 0px;
     /* flexbox */
     display: block;
   }
   .single_product .cont02 .performance_bx_2col, .single_product .cont02 .performance_bx_1col {
     margin: 0 0% 10px;
     width: 100%;
   }
   .single_product .cont02 .performance_list ul {
     margin: 0 -0.5%;
   }
   .single_product .cont02 .performance_bx_2col .performance_list ul li, .single_product .cont02 .performance_bx_1col .performance_list ul li {
     width: 49%;
     margin: 0 0.5% 5px;
   }
 }
 /********【cont03】********/
 .single_product .cont03 {
   margin: 0 0 100px;
 }
 .single_product .cont03 p, .single_product .cont03 h4, .single_product .cont03 span {
   font-weight: 700;
 }
 .single_product .cont03 .loop_ar {
   margin: 0 0 5px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 /****/
 .single_product .cont03 .lumber {
   width: 100%;
   margin: 40px 0 10px;
 }
 .single_product .cont03 .lumber span {
   font-size: 2.0rem;
   border: 1px solid #231815;
   padding: 5px 5px;
   display: inline-block;
 }
 .single_product .cont03 .processing {
   width: 100%;
   font-size: 1.8rem;
   margin: 10px 0 5px;
   padding: 0 0 0 15px;
   position: relative;
 }
 .single_product .cont03 .processing:before {
   position: absolute;
   content: "";
   width: 8px;
   height: 18px;
   left: 0px;
   top: 5px;
 }
 /****/
 .single_product .cont03 .post_ar {
   width: 100%;
   /* flexbox */
   display: flex;
   justify-content: flex-end;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 /****/
 .single_product .cont03 .img_ar {
   width: 50%;
   padding: 0 10px 0 0;
 }
 .single_product .cont03 .img {
   text-align: left;
 }
 /****/
 .single_product .cont03 .detail_ar {
   width: 50%;
   line-height: 1.3;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: center;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 /****/
 .single_product .cont03 .material_ar {
   width: 100%;
 }
 .single_product .cont03 .material {
   font-size: 1.8rem;
 }
 .single_product .cont03 .material span.kana {
   font-size: 1.4rem;
   padding: 0 0 0 .5em;
 }
 /****/
 .single_product .cont03 .sound_ar {
   padding: 0 10px 0 0;
 }
 .single_product .cont03 .sound {
   width: 55px;
   margin: 0 0 5px;
 }
 /****/
 .single_product .cont03 .name_ar {
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: baseline;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont03 .name_item {
   font-size: 1.8rem;
 }
 /****/
 .single_product .cont03 .price_ar {
   width: 100%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: baseline;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont03 .price_tax {
   font-size: 1.1rem;
 }
 .single_product .cont03 .price_list {
   font-size: 1.5rem;
 }
 .single_product .cont03 .price_list span {
   display: inline-block;
 }
 .single_product .cont03 .price_meter {
   font-size: 1.3rem;
 }
 .single_product .cont03 .price_comment {
   font-size: 1.3rem;
   position: relative;
   padding: 0 0 0 1em;
 }
 .single_product .cont03 .price_comment:before {
   position: absolute;
   content: "|";
   left: 0px;
   top: 0px;
 }
 @media only screen and (max-width: 800px) {
   .single_product .cont03 {
     margin: 0 0 20px;
   }
   .single_product .cont03 .loop_ar {
     margin: 0 0 15px !important;
   }
   /****/
   .single_product .cont03 .lumber {
     margin: 10px 0 10px;
   }
   .single_product .cont03 .lumber span {
     font-size: 1.5rem;
     padding: 3px 5px;
   }
   .single_product .cont03 .processing {
     font-size: 1.5rem;
     padding: 0 0 0 12px;
   }
   .single_product .cont03 .processing:before {
     width: 6px;
     height: 15px;
     top: 4px;
   }
   /****/
   .single_product .cont03 .post_ar {
     /* flexbox */
     display: block;
   }
   /****/
   .single_product .cont03 .img_ar {
     width: 100%;
     padding: 0 0px 0px;
   }
   .single_product .cont03 .img {
     text-align: center;
   }
   .single_product .cont03 .img img {
     max-width: 100%;
     min-height: 45px;
     object-fit: cover;
     object-position: left top;
     font-family: 'object-fit: cover;'; /*IE対策*/
   }
   /****/
   .single_product .cont03 .detail_ar {
     width: 100%;
     /* flexbox
     display: block; */
     align-items: flex-start;
   }
   /****/
   .single_product .cont03 .material {
     font-size: 1.5rem;
     margin: 0 0 5px;
   }
   .single_product .cont03 .material span.kana {
     font-size: 1.2rem;
     padding: 0 0 0 5px;
   }
   /****/
   .single_product .cont03 .sound_ar {
     padding: 0 0px 0 0;
     text-align: left;
     margin: 0 0px;
     width: 22%;
   }
   .single_product .cont03 .name_main_ar {
     width: 100%;
     margin: 0 0 10px;
   }
   .single_product .cont03 .sound {
     font-size: 1.3rem;
     max-width: inherit;
     margin: 0 5px;
     display: inline-block;
   }
   /****/
   .single_product .cont03 .name_item {
     font-size: 1.6rem;
     padding: 0px 0 3px;
   }
   /****/
   .single_product .cont03 .price_ar {
     padding: 0px 0 0;
     line-height: 1.4;
   }
   .single_product .cont03 .price_tax {
     font-size: 1.0rem;
   }
   .single_product .cont03 .price_list {
     font-size: 1.4rem;
   }
   .single_product .cont03 .price_meter {
     font-size: 1.2rem;
   }
   .single_product .cont03 .price_comment {
     font-size: 1.2rem;
   }
 }
 /********【herringbone】********/
 .single_product .cont03 .loop_ar.herringbone .post_ar {
   align-items: flex-start;
 }
 .single_product .cont03 .loop_ar.herringbone .post_ar .img_ar {
   width: 35%;
 }
 .single_product .cont03 .loop_ar.herringbone .post_ar .detail_ar {
   width: 65%;
   padding: 0 0 0 50px;
 }
 .single_product .cont03 .loop_ar.herringbone .post_ar .img_ar_herringbone {
   width: 100%;
 }
 @media only screen and (max-width: 800px) {
   .single_product .cont03 .loop_ar.herringbone .post_ar {
     display: block;
   }
   .single_product .cont03 .loop_ar.herringbone .post_ar .img_ar {
     width: 100%;
   }
   .single_product .cont03 .loop_ar.herringbone .post_ar .detail_ar {
     width: 100%;
     padding: 10px 0px;
   }
   .single_product .cont03 .loop_ar.herringbone .post_ar .img_ar_herringbone {
     margin: 0 0 20px;
     text-align: center;
   }
 }
 /********【cont04】********/
 .single_product .cont04 {
   margin: 0 0 20px;
 }
 .single_product .cont04 .drawing_ar {
   margin: 0 0 -6px;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-end; /*隣の要素に合わせる*/
   align-content: center; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont04 .drawing_ttl, .single_product .cont04 .drawing_subttl {
   width: 100%;
   font-size: 2.0rem;
   font-weight: 700;
   text-align: center;
   padding: 10px 20px;
 }
 .single_product .cont04 .drawing_ttl {
   background: #E6E6E5;
   border-top: 1px solid #231815;
   border-bottom: 1px solid #231815;
 }
 .single_product .cont04 .drawing_subttl {
   background: #EFEEEE;
   border-top: 1px solid #231815;
   border-bottom: 1px solid #231815;
   margin: -1px 0 0;
 }
 .single_product .cont04 .drawing_bx {
   width: 50%;
 }
 .single_product .cont04 .drawing_subttl.left, .single_product .cont04 .drawing_bx.left {
   border-right: 1px solid #231815;
 }
 .single_product .cont04 .drawing_img {
   text-align: right;
   padding: 40px 20px 5px;
   border-bottom: 1px solid #231815;
 }
 .single_product .cont04 .drawing_comment {
   font-size: 1.2rem;
   font-weight: 700;
   margin: 15px 0 60px;
 }
 @media only screen and (max-width: 800px) {
   .single_product .cont04 {
     margin: 0 0 20px;
   }
   .single_product .cont04 .drawing_ar {
     margin: 0 0 10px;
     /* flexbox */
     display: block;
   }
   .single_product .cont04 .drawing_ttl, .single_product .cont04 .drawing_subttl {
     width: 100%;
     font-size: 1.5rem;
     padding: 5px 15px;
   }
   .single_product .cont04 .drawing_subttl {
     position: static;
   }
   .single_product .cont04 .drawing_bx {
     position: static;
     width: 100%;
     height: inherit;
     padding: 0px 0px 0px;
   }
   .single_product .cont04 .drawing_subttl.left, .single_product .cont04 .drawing_bx.left {
     border-right: none;
   }
   .single_product .cont04 .drawing_img {
     position: static;
     padding: 30px 0 5px;
     text-align: center;
   }
   .single_product .cont04 .drawing_comment {
     font-size: 1.1rem;
     font-weight: 700;
     margin: 0 0 30px;
   }
 }
 /********【cont05】********/
 .single_product .cont05 {
   margin: 0 0 100px;
 }
 .single_product .cont05 .place_ar {}
 .single_product .cont05 .place_ttl {
   font-size: 2.2rem;
   font-weight: 700;
   padding: 0 0 0 15px;
   position: relative;
   margin: 0 0 15px;
 }
 .single_product .cont05 .place_ttl:before {
   position: absolute;
   content: "";
   width: 8px;
   height: 18px;
   left: 0px;
   top: 7px;
 }
 .single_product .cont05 .place_com {
   margin: 0 0 10px;
 }
 .single_product .cont05 .place_com ul {
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: baseline;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont05 .place_com ul li {
   font-size: 1.5rem;
   font-weight: 700;
 }
 /****/
 .single_product .cont05 .common_tbl3col {
   font-size: 1.8rem;
 }
 .single_product .cont05 .common_tbl3col tbody th, .common_tbl3col tbody td {
   padding: 10px 10px;
 }
 .single_product .cont05 .common_tbl3col thead th {
   background: #E6E6E5
 }
 .single_product .cont05 .common_tbl3col .tbl_l {
   background: none;
 }
 .single_product .cont05 .common_tbl3col .tbl_r img {
   max-width: 17px;
 }
 /****order****/
 .common_tbl3col td.tbl_order {
   width: 75%;
   text-align: center;
 }
 .common_tbl3col .tbl_order span.ttl {
   display: block;
   font-size: 2.4rem;
   font-weight: 700;
   margin: 0 0 5px;
 }
 .common_tbl3col .tbl_order span.txt {
   display: block;
   font-size: 1.6rem;
   font-weight: 700;
 }
 @media only screen and (max-width: 800px) {
   .single_product .cont05 {
     margin: 0 0 50px;
   }
   .single_product .cont05 .place_ttl {
     font-size: 1.6rem;
     padding: 0 0 0 12px;
     margin: 0 0 10px;
   }
   .single_product .cont05 .place_ttl:before {
     width: 6px;
     height: 15px;
     top: 4px;
   }
   .single_product .cont05 .place_com ul {
     /* flexbox */
     display: block;
   }
   .single_product .cont05 .place_com ul li {
     font-size: 1.3rem;
   }
   /****/
   .single_product .cont05 .common_tbl3col {
     font-size: 1.3rem;
   }
   .single_product .cont05 .common_tbl3col tbody th, .common_tbl3col tbody td {
     padding: 10px 5px;
   }
   /****order****/
   .common_tbl3col td.tbl_order {
     width: 75%;
   }
   .common_tbl3col .tbl_order span.ttl {
     font-size: 1.6rem;
   }
   .common_tbl3col .tbl_order span.txt {
     font-size: 1.3rem;
   }
 }
 /********【cont06】********/
 .single_product .cont06 {
   margin: 0 0 80px;
 }
 .single_product .cont06 .btn_ar {
   margin: 0 0 50px;
 }
 .single_product .cont06 .btn_ar ul {
   margin: 0 -2%;
   /* flexbox */
   display: flex;
   justify-content: flex-start;
   align-items: flex-end;
   align-content: start; /*複数行にした時の揃え*/
   flex-direction: row; /*子要素の並ぶ向き*/
   flex-wrap: wrap; /*子要素の折り返し*/
 }
 .single_product .cont06 .btn_ar ul li {
   width: 46%;
   margin: 0 2% 20px;
 }
 .single_product .cont06 .btn_ar ul li a {
   display: block;
   border-bottom: 1px solid #657C92;
   padding: 0 0 10px;
   position: relative;
   transition: .3s;
 }
 .single_product .cont06 .btn_ar ul li a:after {
   position: absolute;
   content: "";
   background: url("images/shared/btn_arr_bl.svg") no-repeat center center/cover;
   width: 25px;
   height: 8px;
   right: 0px;
   top: 10px;
 }
 .single_product .cont06 .btn_ar ul li a:hover {
   text-decoration: none;
   transform: translateX(5px);
 }
 .single_product .cont06 .btn_ar ul li span {
   font-size: 1.8rem;
   font-weight: 700;
   color: #657C92;
 }
 .single_product .cont06 .btn_ar ul li span.character {
   position: relative;
   padding: 0 30px 0 0;
 }
 .single_product .cont06 .btn_ar ul li span.character:after {
   position: absolute;
   content: "";
   background: url("images/product/common/ico_character.svg") no-repeat center center/cover;
   width: 21px;
   height: 21px;
   right: 0px;
   top: 0px;
 }
 .single_product .cont06 .bt {
   text-align: center;
 }
 @media only screen and (max-width: 800px) {
   .single_product .cont06 {
     margin: 0 0 0px;
   }
   .single_product .cont06 .btn_ar {
     margin: 0 0 20px;
   }
   .single_product .cont06 .btn_ar ul {
     margin: 0 0%;
     /* flexbox */
     display: block;
   }
   .single_product .cont06 .btn_ar ul li {
     width: 100%;
     margin: 0 0% 15px;
   }
   .single_product .cont06 .btn_ar ul li a {
     padding: 0 0 5px;
   }
   .single_product .cont06 .btn_ar ul li a:after {
     width: 20px;
     height: 6px;
     top: 12px;
   }
   .single_product .cont06 .btn_ar ul li span {
     font-size: 1.5rem;
   }
   .single_product .cont06 .btn_ar ul li span.character {
     padding: 0 20px 0 0;
   }
   .single_product .cont06 .btn_ar ul li span.character:after {
     width: 16px;
     height: 16px;
     top: 1px;
   }
 }
 /***************************/
 /********【01-product-message-hard-03】********/
 /***************************/
 .single_product .page_message .bx_test_2col_ar {
   /* flexbox */
   justify-content: space-between;
 }
 .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar {
   margin: 0 1%;
   width: 48%;
   /* flexbox */
   display: flex;
   justify-content: flex-end;
   align-items: flex-start;
 }
 .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .ttl {
   font-size: 1.8rem;
   font-weight: 700;
   margin: 10px 0 0px;
 }
 .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .name {
   font-size: 2.0rem;
   font-weight: 700;
 }
 .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .price {
   font-size: 1.5rem;
   font-feature-settings: "palt";
 }
 .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .price span {
   font-size: 1.1rem;
 }
 @media only screen and (max-width: 800px) {
   .single_product .page_message .bx_test_2col_ar {
     /* flexbox */
     justify-content: space-between;
   }
   .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar {
     margin: 0 -2%;
     width: 100%;
   }
   .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .bx01 {
     margin: 0 2%;
     width: 46%;
   }
   .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .ttl {
     font-size: 1.5rem;
   }
   .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .name {
     font-size: 1.6rem;
   }
   .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .price {
     font-size: 1.2rem;
   }
   .single_product .page_message .bx_test_2col_ar .bx_test_inner2col_ar .price span {
     font-size: 1.0rem;
   }
 }
 /***************************/
 /********【ACF管理画面-施工事例-投稿画面-チェックボックス】********/
 /***************************/
 .acf-checkbox-list.acf-bl::before {
   display: none !important;
 }
 /***************************/
 /********【404】********/
 /***************************/
 .page404 {
   padding: 150px 0px 200px;
   text-align: center;
 }
 .page404 .com {
   font-size: 2.0rem;
   font-weight: 700;
   margin: 0 0 50px;
 }
 @media only screen and (max-width: 800px) {
   .page404 {
     padding: 120px 20px 100px;
   }
   .page404 .com {
     font-size: 1.5rem;
     margin: 0 0 30px;
   }
 }
 /***************************/
 /********【no_comment】********/
 /***************************/
 .no_comment {
   text-align: center;
   padding: 100px 0;
   width: 100%;
 }
 @media only screen and (max-width: 800px) {
   .no_comment {
     padding: 50px 0;
   }
 }
 /***************************/
 /********【pagination_ar】********/
 /***************************/
 .pagination_ar {
   text-align: center;
   padding: 0px 0 50px;
   width: 100%;
 }
 @media only screen and (max-width: 800px) {
   .pagination_ar {
     padding: 0px 0;
   }
 }
 /***************************/
 /********【商品詳細　メッセージホテル（※無遮音タイプには、防音性能はありません。）】********/
 /***************************/
 .notice_message_hotel {
   padding: 5px 0 0;
   font-size: 1.3rem;
   font-weight: 600;
 }
 @media only screen and (max-width: 800px) {
   .notice_message_hotel {
     padding: 0px 0 0;
     font-size: 1.2rem;
   }
 }