@charset "utf-8";

.___________________PC-MAIN____________________{}




.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____page-ttl_____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

#page-ttl{}

#page-ttl .inner{
 min-width: 1200px;
 height: 200px;
  display: flex;
  justify-content: center; /* 横センター */
  align-items: center;     /* 縦センター */
}

/* 画像の余白・ズレ防止（必要なら） */
#page-ttl h1{
  text-align: center;
  margin: 0;
}
#page-ttl h1 img{
  display: block;
}

#page-ttl .ttl-box h1 img{
 height: 30px;
 width: auto;
}

#page-ttl .ttl-box h1 span:nth-of-type(2){
 margin-top: 3px;
 display: block;
}

._{}

#page-ttl.large .inner{
 height: 270px;
}

#page-ttl.large h1 span:nth-of-type(2){
 display: none;
}

#page-ttl.large .ttl-box h1 img{
  height: 62px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____ttl_____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.main-ttl{
 margin-bottom: 45px;
}

.main-ttl span{}
.main-ttl span:nth-of-type(1){}

.main-ttl span:nth-of-type(1) img{
 height: 50px;
 margin-right: 20px;
}

.main-ttl span:nth-of-type(2){
 height: 50px;
 font-size: 22px;
 line-height: 30px;
 font-weight: 600;
 position: relative;
 top: 15px;
 vertical-align: -10px;
}

.main-ttl + p.txt{
 font-size: 17px;
 line-height: 30px;
 font-weight: 400;
}

._{}

.sub-ttl{
 margin-bottom: 40px;
}

.sub-ttl span:nth-of-type(1){
 margin-right: 15px;
}

.sub-ttl span:nth-of-type(1) img{
 height: 28px;
}

.sub-ttl span:nth-of-type(2){
 font-size: 16px;
 font-weight: 600;
 color: #000000;
 position: relative;
 top: 5px;
}

._{}

.common-ttl{
 margin-bottom: 25px;
 border-bottom: 1px solid #ebebeb;
 padding-bottom: 15px;
}

.common-ttl span:nth-of-type(1){
 margin-right: 15px;
}

.common-ttl span:nth-of-type(1) img{
 height: 28px;
}

.common-ttl span:nth-of-type(2){
 font-size: 16px;
 font-weight: 600;
 color: #000000;
 position: relative;
 top: 5px;
}

._{}

.txt-ttl{
 font-size: 24px;
 line-height: 30px;
 font-weight: 600;
 margin-bottom: 40px;
 border-bottom: 1px solid #565656;
 padding-bottom: 15px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____section_____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

main section{
 clear: both;
 padding-top: 100px;
 padding-bottom: 100px;
}

main section:last-of-type{
 margin-bottom: 0px;
}

main section::after,
main .sub-section::after{
	content: "";
	display: block;
 clear: both;
}

section.reset{
 clear: none;
 padding-top: 0px;
 padding-bottom: 0px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____00_TOP-PAGE____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.TOP-PAGE{}

 body.TOP-PAGE{
	/*ナビ固定設定解除*/
	padding-top: 0px!important;
}

.TOP-PAGE main section{
 padding-top: 140px;
 padding-bottom: 140px;
}

._{}

.TOP-PAGE h3.ttl{
 padding-left: 5.73%;
 margin-bottom: 40px;
}

.TOP-PAGE h3.ttl span{
 display: block;
}

.TOP-PAGE h3.ttl span:nth-of-type(1){}

.TOP-PAGE h3.ttl span:nth-of-type(2){
 font-size: 16px;
 line-height: 30px;
 font-weight: 400;
 margin-top: 5px;
}

._{}

.TOP-PAGE #discover {
 padding-bottom: 0px!important;
 position: relative;
 z-index: 10;
 background: #FFFFFF;
}

.TOP-PAGE #discover .inner{
 width: var(--main-width);
 margin: var(--margin-auto);
}

.TOP-PAGE #discover ul{

}

.TOP-PAGE #discover ul li{
 margin-bottom: 10px;
}

.TOP-PAGE #discover ul li:last-of-type{
 margin-bottom: 0px!important;
}

._{}

.TOP-PAGE #contents-list{
 padding-bottom: 0px!important;
 position: relative;
 z-index: 10;
 background: #FFFFFF;
}

.TOP-PAGE #contents-list .inner {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr)); /* 横4列 */
 gap: 4px;                                        /* 縦横とも4px */
 padding-left: 5.73%;
 padding-right: 5.73%;
 min-width: 1200px
}

/* ついでに安全対策（中のaや画像がはみ出さないように） */
.TOP-PAGE #contents-list .box {
 min-width: 0;
 position: relative;
}

.TOP-PAGE #contents-list .box a {
  display: block;
  height: 100%;
}

.TOP-PAGE #contents-list .item {
 overflow: hidden;
}

.TOP-PAGE #contents-list .item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .25s ease;
  transform: scale(1);
}

.TOP-PAGE #contents-list .box a:hover .item img {
  transform: scale(1.03);
}

.TOP-PAGE #contents-list .ttl-box {
 width: 100%;
 background-color: rgba(0,0,0,0.5);
 position: absolute;
 bottom: 0;
 padding-top: 6.5%;
 padding-bottom: 5%;
 padding-left: 25px;
 padding-right: 25px;
}

.TOP-PAGE #contents-list .ttl-box h4{

}

.TOP-PAGE #contents-list .ttl-box h4 span{
 display: block;
}

.TOP-PAGE #contents-list .ttl-box h4 span:nth-of-type(1) img{
 width: 100%;
 display: block;
}


.TOP-PAGE #contents-list .ttl-box h4 span:nth-of-type(2){
 color: #FFFFFF;
 padding-top: 2%;
}

._{}

.TOP-PAGE #topics-slider {
 padding-bottom: 0px!important; 
 position: relative;
 z-index: 10;
 background: #FFFFFF;
}

/*
.TOP-PAGE #topics-slider .box-summary{
 padding-left: 5.73%;
 padding-right: 5.73%;
 display: grid;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 gap: 20px;
}


.TOP-PAGE #topics-slider .box{
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 8px;
  min-width: 0;
}

.TOP-PAGE #topics-slider .box .item{
 width: 100%;
 aspect-ratio: 4 / 3;  
 overflow: hidden;
 border: 1px solid #F0F0F0;
}

.TOP-PAGE #topics-slider .box .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.TOP-PAGE #topics-slider .box dl dt{
 font-family: "IBM Plex Sans JP", sans-serif;
 font-size: 15px;
 line-height: 22px!important;
 font-weight: 700;
 margin-top: 5px;
}

.TOP-PAGE #topics-slider .box dl dt{

}

.TOP-PAGE #topics-slider .box dl dt img{
 height: 13px;
 margin-top: 3px;
}
*/

._{}

.TOP-PAGE #movie{
 text-align: center;
 position: relative;
 z-index: 10;
 background: #FFFFFF;
 padding-top: 200px;
}

.TOP-PAGE #movie .inner{
  padding-right: 110px;
  padding-left: 110px;
}

.TOP-PAGE #movie video{
  display: block;
  width: 100%;
  height: auto;
}

.TOP-PAGE #movie h3{}

.TOP-PAGE #movie .txt{
 font-size: 24px;
 line-height: 40px;
 font-weight: 500;
 margin-top: 50px;
 margin-bottom: 50px;
}

.TOP-PAGE #movie .txt .dh{
  display: inline-block;      /* 安定 */
  line-height: 1;             /* 余計な上下を減らす */
  vertical-align: baseline;   /* 基本はこれ */
}

.TOP-PAGE #movie .txt .dh img{
 height: 1em;                /* 文字サイズと同じ高さ */
 width: auto;
 display: inline-block;
 vertical-align: -0.12em;    /* 微調整（0〜-0.2emで調整） */
 margin-right: 0.3vw;
}

.TOP-PAGE #movie dl{

}

.TOP-PAGE #movie dl dt{
 font-size: 48px;
 line-height: 68px;
 font-weight: 500;
 letter-spacing: clamp(0.05em, 0.5vw, 0.1em);
 margin-top: 50px;
 margin-bottom: 50px;
}

.TOP-PAGE #movie dl dd{

}

._{}

.TOP-PAGE #products-list {
 background-color: #f7f7f7; 
 position: relative;
 z-index: 10;
}

.TOP-PAGE #products-list .inner{
 min-width: 1200px;
 width: 81.25%;
 margin-right: auto;
 margin-left: auto;
}

/* products list */
.TOP-PAGE #products-list .box-summary{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px; /* 左右・上下 */
}

/* 画像リンク周りの余計な隙間対策（任意だけど入れとくと安定） */
.TOP-PAGE #products-list .box-summary .box a{ display:block; }
.TOP-PAGE #products-list .box-summary .box img{ display:block; width:100%; height:auto; }

/* 7番目だけ横1列（2カラム分を占有） */
.TOP-PAGE #products-list .box-summary .box:nth-child(7){
  grid-column: 1 / -1;
}

._{}
/* -----------------------------------------
基礎工事：共通バナー
----------------------------------------- */

#construction-list{
 min-width: 1200px;
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 20px;
 margin-top: 100px;
 position: relative;
 z-index: 10;
 background-color: #f7f7f7; 
}

#construction-list .item img{
  width: 100%;
  height: auto;
  display: block;
}

#construction-list dl{

}

#construction-list dl dt{
 font-size: 20px;
 font-weight: 600;
 margin-top: 15px;
 margin-bottom: 15px;
}

#construction-list dl dd{
 font-size: 14px;
 line-height: 24px;
 font-weight: 400;
}

._{}
/* -----------------------------------------
3バナー：プライスリスト/ご購入前/アパレル 
----------------------------------------- */

#products-footer-banner{
 min-width: 1200px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px; /* row/column 両方 40px */
 position: relative;
 z-index: 10;
 background-color: #f7f7f7;
}

/* 任意：リンク要素をカード化して高さ揃えたい場合 */
#products-footer-banner .box > a{
  display: block;
  height: 100%;
}

/* 任意：画像を崩さずフィットさせたい場合 */
#products-footer-banner .item img{
  width: 100%;
  height: auto;
  display: block;
}

#products-footer-banner dl{

}

#products-footer-banner dl dt{
 font-size: 20px;
 font-weight: 600;
 margin-top: 15px;
 margin-bottom: 15px;
}

#products-footer-banner dl dd{
 font-size: 14px;
 line-height: 22px;
 font-weight: 400;
}

._{}

#sns-summary{
 background: #FFFFFF;
 position: relative;
 z-index: 10;
}

#sns-summary .inner{
 width: var(--main-width);
 margin: var(--margin-auto);
}

#sns-summary h3 span a{
 text-decoration: underline;
 font-size: 13px;
 line-height: 13px;
 font-weight: 400;
 display: block;
 margin-top: -5px;
}

#sns-summary h3 span a{
 text-decoration: none;
}

.TOP-PAGE #sns-summary .inner .instagram-feed{
 height: 1200px!important;
 overflow: scroll;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01_01_CONCEPT____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.CONCEPT{}

.CONCEPT #local-nav li:nth-of-type(1) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

#concept{}

#concept .inner{
 min-width: 1200px;
}

#concept img{
 width: 100%;
}

._{}

#whats{

}

#whats .inner{
 width: 89.58%; 
 min-width: 1200px;
 margin: var(--margin-auto);
 padding-top: 100px;
 padding-bottom: 140px;
}

#whats h2.ttl{
 width: 66.04%;
 margin-bottom: 100px;
}

#whats h2.ttl span{
 display: block;
}

#whats h2.ttl span:nth-of-type(1) img{
 width: 100%;
}

#whats h2.ttl span:nth-of-type(2){
 margin-top: 10px;
 margin-left: 10px;
}

/* =========================
   #whats：2カラム＋左右高さ揃え
========================= */
#whats .box-summary{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 100px;
  align-items: stretch; /* 左右の.boxの高さを揃える */
}

#whats .box{
  display: flex;
  flex-direction: column;
  height: 100%;
 /*background-color: #9A6768;*/
}

#whats .box h3.ttl{
 margin-bottom: 45px;
}

#whats .box h3.ttl img{
 transform: scale(0.95);
 transform-origin: left;
}

#whats .box .card{
  display: flex;
  gap: 40px;
  flex: 1;
  min-height: 0;
}

#whats .box .card .item{
 display: flex;
 align-items: center;  /*  縦中央 */
 /*background-color: #8A080B;*/
}

#whats .box .card .item img{
  display: block;
  max-width: 100%;
  height: auto;
}

/* テキスト側を伸ばす */
#whats .box .txt-box{
 flex: 1;
 /*background-color: #29BF12;*/
}

#whats .box .txt-box p{
 margin-bottom: 20px;
}

#whats .box .txt-box p:last-of-type{
 margin-bottom: 0px!important;
}

#whats .box .txt-box p span{
 display: block;
}

#whats .box .txt-box .logo-odoroki img{
 width: 100%;
}

#whats .box:nth-child(1) .txt-box{ flex: 0 0 55%; }
#whats .box:nth-child(2) .txt-box{ flex: 0 0 52%; }
#whats .box:nth-child(3) .txt-box{ flex: 0 0 55%; }
#whats .box:nth-child(4) .txt-box{ flex: 0 0 55%; }

#whats .box:nth-child(1) .card .item{ transform: translateX(0px); }
#whats .box:nth-child(2) .card .item{ transform: translateX(0px); }
#whats .box:nth-child(3) .card .item{ transform: translateX(0px); }
#whats .box:nth-child(4) .card .item{ transform: translateX(0px); }

._{}

#why {}

#why .inner{
 padding-top: 100px;
 margin-top: -100px;
 width: 89.58%;
 min-width: 1200px;
 margin-right: auto;
 margin-left: auto;
}

#why h2.ttl{
 width: 58.65%;
 margin-bottom: 100px;
}

#why h2.ttl span{
 display: block;
}

#why h2.ttl span:nth-of-type(1) img{
 width: 100%;
}

#why h2.ttl span:nth-of-type(2){
 margin-top: 10px;
 margin-left: 10px;
}

#why .point{
 display: grid;
 grid-template-columns: auto 1fr; /* 左：画像 / 右：テキスト */
 gap: 15px;
 align-items: start; /* 上揃え（中央にしたければ center） */
 margin-bottom: 80px;
 /*background-color: #6F2021;*/

}

#why .point .item {
}

#why .point .item img {
}

#why .point .txt-box {
 padding-left: 60px;
}

#why .point .txt-box .ttl {
 margin-bottom: 50px;
}

#why .point .txt-box .ttl img {
}

#why .point .txt-box p{
 margin-bottom: 20px;
}

#why .point .txt-box p:last-of-type{
 margin-bottom: 0px!important;
}

/* =========================
   外側：並び（3と8だけ全幅）
========================= */
#why .box-summary{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 100px;
  align-items: stretch; /* 左右の.boxの高さ揃え */
}

#why .box:nth-child(3),
#why .box:nth-child(8){
  grid-column: 1 / -1; /* 3と8は横いっぱい */
}

/* box自体は縦積み（ttlの下にcard） */
#why .box{
 display: flex;
 flex-direction: column;
 height: 100%;
 /*
 background-color: #7E2F31;
 */
}

#why .box h3.ttl{
 margin-bottom: 45px;
}

#why .box h3.ttl img{
 transform: scale(0.95);
 transform-origin: left;
}


/* =========================
   通常：cardは縦2段（txt / item）
========================= */
#why .box .card{
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

/* テキスト側を伸ばす */
#why .box .txt-box{
 /*background-color: #2416A3;*/
}

#why .box .txt-box p{
 margin-bottom: 10px;
}

#why .box .txt-box p:last-of-type{
 margin-bottom: 0px!important;
}

#why .box .item{
 margin-top: auto; /* itemを下に寄せたいなら（任意） */
 /*background-color: #781B1D;*/
}

#why .box:nth-of-type(1) .item{
 margin-top: 40px;
}

/* =========================
   3と8だけ：cardを横2列（txt | item）
========================= */
#why .box:nth-child(3) .card,
#why .box:nth-child(8) .card{
  flex-direction: row;
  gap: 15px;                 /* 好きな間隔 */
  align-items: flex-start;
}

#why .box:nth-child(3) .txt-box,
#why .box:nth-child(8) .txt-box{
  flex: 1;
}

#why .box:nth-child(3) .item,
#why .box:nth-child(8) .item{
 margin-top: -100px;             /* 横並びの時はauto不要 */
 flex: 0 0 auto;
 /*background-color: #1AD118;*/
}

#why .box:not(:nth-child(3)):not(:nth-child(8)) .item img{
 margin: var(--margin-auto);
  display: block;
  max-width: 100%;
  height: auto;
}

#why .box:nth-of-type(1) .item{
 /*background-color: #B05067;*/
}

#why .box:nth-of-type(2) .item{
 /*background-color: #D000A8;*/
}

#why .box:nth-of-type(3) .item{
 /*background-color: #1200FF;*/
 margin-left: 5%;
}

#why .box:nth-of-type(4) .item{
 /*background-color: #00BBFF;*/
 margin-top: 3%;
}

#why .box:nth-of-type(5) .item{
 /*background-color: #00FF9B;*/
}

#why .box:nth-of-type(6) .item{
 /*background-color: #0AFF00;*/
}

#why .box:nth-of-type(7) .item{
 /*background-color: #FFF500;*/
 margin-top: 3%;
}

#why .box:nth-of-type(8) .item{
 /*background-color: #FF5700;*/
 margin-left: 5%;
}

._{}

#why #why-footer{
 width: 80.47%;
 margin: var(--margin-auto);
 text-align: center;
 margin-top: 100px;
}

#why #why-footer img{
 width: 100%;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-01_PLAY____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.PLAY{}

.PLAY #local-nav li:nth-of-type(2) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-02_INSIDE-STORY____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.INSIDE-STORY{}

.INSIDE-STORY #local-nav li:nth-of-type(3) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

._{}

.INSIDE-STORY #page-ttl{
 background-color: #f4f4f4;
}

._{}

.INSIDE-STORY #story-header {
 padding-top: 150px;
 }

.INSIDE-STORY #story-header .inner {

}

.INSIDE-STORY #story-header .ttl  {
 width: 45%;
 margin: var(--margin-auto); 
 min-width: 720px;
 }

.INSIDE-STORY #story-header .ttl img {
 width: 100%;
}

._{}

.INSIDE-STORY #story-list {
 min-width: 1200px;
 padding-bottom: 160px;
}

.INSIDE-STORY #story-list #profile{}

.INSIDE-STORY #story-list #profile .top-col {
 color: #767676!important;
 font-size: 13px;
 line-height: 24px;
 font-weight: 400;
 padding-top: 90px;
 padding-left: 60px;
 padding-bottom: 90px;
 padding-right: 60px;
 position: relative;
 background-color: #f6f6f6;
}

.INSIDE-STORY #story-list #profile .top-col p:nth-of-type(2) {
 font-size: 13px;
 line-height: 20px;
 text-align: right;
 margin-top: 24px;
}

.INSIDE-STORY #story-list #profile .top-col::before {
 width: 52px;
 height: 41px;
 content: "";
 display: block;
 background-image: url(../../image/inside-story/qm_top.png);
 background-size: cover;
 position: absolute;
 top: 20px;
 left: 20px;
}

.INSIDE-STORY #story-list #profile .top-col::after {
 width: 52px;
 height: 41px;
 content: "";
 display: block;
 background-image: url(../../image/inside-story/qm_top.png);
 background-size: cover;
 position: absolute;
 bottom: 20px;
 right: 20px;
}

.INSIDE-STORY #story-list #profile .bottom-col .sign{
 text-align: right;
 line-height: 20px;
}

.INSIDE-STORY #story-list #profile .bottom-col .sign{
 text-align: right;
 line-height: 20px;
}

.INSIDE-STORY #story-list #profile h3 img{
 width: 481px;
}


.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-03_TOPICS____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.TOPICS{}

.TOPICS #local-nav ul li:nth-of-type(4) a{
 color: var(--color-or);
}

._{}

.TOPICS #page-ttl{
 background-color: #f4f4f4;
}

.TOPICS #topics-list{
 padding-top: 80px;
 padding-bottom: 80px;
}

.TOPICS #topics-list .inner{
 background-color: #FFFFFF;
 padding-top: 80px;
 padding-left: 5.73%;
 padding-right: 5.73%;
}

.TOPICS #topics-list .box{
 margin-bottom: 60px;
 counter-increment: div;
 position: relative;
/* ヘッダーの高さ分を指定 */
 scroll-margin-top: 200px;
}

.TOPICS #topics-list .inner{
 display: grid;
}

/* 1920基準：5列 */
.TOPICS #topics-list .inner{
 grid-template-columns: repeat(3, 1fr);
 gap: 45px;
}

/* 1366：4列 */
@media (max-width: 1366px){
  .TOPICS #topics-list .inner{
    grid-template-columns: repeat(3, 1fr);
    gap: 25px!important;
  }
}

/* 1200：3列（ここで縮小停止したいなら min-width:1200 とセット） */
@media (max-width: 1200px){
  .TOPICS #topics-list .inner{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 縮小停止：1200未満は横スクロールにする（= 以降変化なし） */
.TOPICS #topics-list{
  min-width: 1200px;
}

.TOPICS #topics-list .box::before{
 content: counter(div);
 color: var(--color-or);
 font-size: 60px;
 display: block;
 font-family: 'Poppins', sans-serif;
 font-style: italic;
 font-weight: 800;
 position: absolute;
 top: -15px;
 left: 20px;
 -moz-text-shadow: 3px 2px 0px rgba(255, 255, 255, 0.8);
 -webkit-text-shadow: 3px 2px 0px rgba(255, 255, 255, 0.8);
 -ms-text-shadow: 3px 2px 0px rgba(255, 255, 255, 0.8);
 text-shadow: 3px 2px 0px rgba(255, 255, 255, 0.8);
}


.TOPICS #topics-list .box .item{
 margin-bottom: 10px;
 /* box-shadow */
 box-shadow: 0px 0px 0px 1px #e4e4e4 ;
}

.TOPICS #topics-list .box .item img{
 width: 100%;
}

.TOPICS #topics-list .box dl {
 font-family: "IBM Plex Sans JP", sans-serif;
}

.TOPICS #topics-list .box dl dt{
 font-size: 20px;
 line-height: 28px;
 font-weight: 700;
 margin-top: 10px;
 margin-bottom: 20px;
}

.TOPICS #topics-list .box dl dt img{
 height: 18px;
 margin-top: 2px;
}

.TOPICS #topics-list .box dl dd{}

.TOPICS #topics-list .box dl dd p{
 font-size: 13px;
 line-height: 22px;
 font-weight: 400;
 margin-bottom: 10px;
}

.TOPICS #topics-list .box dl dd .external-link {
 margin-top: 10px;
}

.TOPICS #topics-list .box dl dd .external-link a{
 display: inline-block;
 padding-left: 25px;
 background-image: url(../../image/common/extern-link_bk.png);
 background-repeat: no-repeat;
 background-position: left 4px;
 background-size: 16px auto;
 text-decoration: none;
 color: #000000;
}

.TOPICS #topics-list .box dl dd .external-link a:hover{
 text-decoration: underline;
}

.TOPICS #topics-list .box dl dd .insta {
 margin-top: 10px;
}

.TOPICS #topics-list .box dl dd .insta a{
 display: inline-block;
 padding-left: 25px;
 background-image: url("../../image/common/icon_instagram.png");
 background-repeat: no-repeat;
 background-position: left 2px;
 background-size: 20px auto;
 text-decoration: none;
 color: #000000;
}

.TOPICS #topics-list .box dl dd .insta a:hover{
 text-decoration: underline;
}



.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-04_OFFICE____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.OFFICE{}

.OFFICE #local-nav li:nth-of-type(5) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

._{}

.OFFICE #office-detail{}

.OFFICE #office-detail #main-image{}

.OFFICE #office-detail #main-image p{
 width: 88.54%; 
 min-width: 1200px; 
 margin: var(--margin-auto); 
 position: relative;
}

.OFFICE #office-detail #main-image .num{}

.OFFICE #office-detail #main-image img{
 width: 100%;
}

.OFFICE #office-detail .inner{
 width: 81.25%;
 min-width: 1200px;
 margin: var(--margin-auto); 
}

.OFFICE #office-detail .inner > .txt{
 font-size: 16px;
 line-height: 28px;
 margin-top: 40px;
 margin-bottom: 40px;
}

.OFFICE #office-detail .box ul{}

.OFFICE #office-detail .box.img p{
 margin-bottom: 10px;
}

.OFFICE #office-detail .box.img .item img{
 width: 100%;
}

.OFFICE #office-detail .box.info {
 background-color: #efefef;
 padding-top: 20px;
 padding-bottom: 20px;
 padding-left: 40px;
 padding-right: 40px;
 margin-top: 15px;
 margin-bottom: 15px;
}

.OFFICE #office-detail .box.info ul li {
 display: inline-block;
 margin-right: 10px;
}

.OFFICE #office-detail .box.info ul li span{
 margin-right: 5px;
}

.OFFICE #office-detail .box.info ul li span img {
 height: 15px;
 vertical-align: -2px;
}

.OFFICE #office-detail .box.info ul li {
 font-size: 14px;
 line-height: 24px;
 font-weight: 400;
}

._{}

.OFFICE #office-footer {}

.OFFICE #office-footer .inner {
 width: 81.25%;
 min-width: 1200px;
 margin: var(--margin-auto); 
}

.OFFICE #office-footer .ttl-box{
 margin-bottom: 40px; 
}

.OFFICE #office-footer .ttl-box .img-ttl {
 width: 75.58%;
}

.OFFICE #office-footer .ttl-box .img-ttl img {
 width: 100%;
}

.OFFICE #office-footer .ttl-box h4 {
 font-size: clamp(20px, 1.8vw, 26px);
 line-height: 36px;
 font-weight: 700;
 margin-top: 10px;
}

.OFFICE #office-footer .box {
}

.OFFICE #office-footer .box .item {
 float: right;
 margin-left: 20px;
 margin-bottom: 20px;
}

.OFFICE #office-footer .box .item span {
 font-size: 12px;
 font-weight: 400;
 display: block;
 text-align: right; 
}

.OFFICE #office-footer .box .item img {}

.OFFICE #office-footer .box .txt-body {}

.OFFICE #office-footer .box .txt-body p {
 padding-bottom: 20px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-05_YUICHIRO____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.YUICHIRO{}

.YUICHIRO #local-nav li:nth-of-type(6) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

._{}

.YUICHIRO #yuichiro-matsumoto .inner{
 min-width: 1200px;
 padding-left: 5.73%;
 padding-right: 5.73%;
}

.YUICHIRO #yuichiro-matsumoto .box {
}

.YUICHIRO #yuichiro-matsumoto .box:nth-of-type(1) .item {
 margin-top: 0px!important;
}

.YUICHIRO #yuichiro-matsumoto .box .item {
 margin-top: 20px;
 margin-bottom: 20px;
}

.YUICHIRO #yuichiro-matsumoto .box .item img {
 width: 100%;
}

.YUICHIRO #yuichiro-matsumoto .box h2 {
 text-align: center;
 margin-top: 100px;
 margin-bottom: 100px;
}

.YUICHIRO #yuichiro-matsumoto .box h2 img {
 width: 66.35%;
}

.YUICHIRO #yuichiro-matsumoto .box .txt-box {
}

.YUICHIRO #yuichiro-matsumoto .box .txt-box p {
 font-size: 16px;
 line-height: 28px;
 font-weight: 400;
 margin-bottom: 20px;
}

.YUICHIRO #yuichiro-matsumoto .box .txt-box p:last-of-type {
 margin-bottom: 0px!important;
}

.YUICHIRO #yuichiro-matsumoto .box .ttl {
 font-size: 22px;
 line-height: 32px;
 font-weight: 600;
 margin-bottom: 10px;
}

._{}

.YUICHIRO #yuichiro-matsumoto .profile {
 padding-top: 140px;
 padding-bottom: 100px;
}

.YUICHIRO #yuichiro-matsumoto .profile .box{
 width: 35.42%;
 margin: var(--margin-auto);
}

.YUICHIRO #yuichiro-matsumoto .profile .item {
}

.YUICHIRO #yuichiro-matsumoto .profile .item img {
 width: 100%;
}

.YUICHIRO #yuichiro-matsumoto .profile .txt {
 width: 89.8%;
 margin: var(--margin-auto);
 font-size: 13px;
 line-height: 22px;
 font-weight: 400;
 margin-top: 40px;
 word-break: break-all;
 letter-spacing: 0px;
}

._{}

.YUICHIRO #yuichiro-matsumoto .instagram-feed {
}

.YUICHIRO #yuichiro-matsumoto .instagram-feed .inner{
 width: 1200px;
 margin: var(--margin-auto);
}

.YUICHIRO #yuichiro-matsumoto .instagram-feed .ttl {
 text-align: center;
 margin-bottom: 20px;
}

.YUICHIRO #yuichiro-matsumoto .instagram-feed .ttl img {
 height: 35px;
}

.YUICHIRO #yuichiro-matsumoto .instagram-feed iframe.snapwidget-widget {
}

.YUICHIRO #yuichiro-matsumoto .instagram-feed .scroll{
 height: 1200px!important;
 overflow: scroll;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-06_GO-TO-EXH____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.GO-TO-EXH{}

.GO-TO-EXH #local-nav li:nth-of-type(7) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

.GO-TO-EXH #exh-header {
 margin-bottom: 65px;
}

.GO-TO-EXH #exh-header .inner{
 min-width: 1200px;
 padding-left: 5.73%;
 padding-right: 5.73%;
}

.GO-TO-EXH #exh-header .main-image img{
 width: 100%;
}

._{}

.GO-TO-EXH #niiza-exh{
 margin-bottom: 120px;
}

.GO-TO-EXH #niiza-exh .inner {
 width: 81.25%;
 min-width: 1200px;
 margin: var(--margin-auto);
}

.GO-TO-EXH #niiza-exh .txt-box{
}

.GO-TO-EXH #niiza-exh .txt-box p{
 font-size: 16px;
 line-height: 30px;
 margin-bottom: 15px;
}

.GO-TO-EXH #niiza-exh .txt-box p:nth-of-type(1){
 font-size: 20px;
 font-weight: 600;
 margin-bottom: 10px;
}

.GO-TO-EXH #niiza-exh .txt-box p:last-of-type{
 margin-bottom: 0px;
}

.GO-TO-EXH #niiza-exh .txt-box p b{
 font-size: 26px;
 font-weight: 700;
 margin-left: -12px;
 margin-right: -10px;
}

.GO-TO-EXH #niiza-exh .logo-odoroki {
 margin-top: 6%;
 margin-bottom: 6.5%;
 text-align: center;
}

.GO-TO-EXH #niiza-exh .logo-odoroki img{
 height: 30px;
}

.GO-TO-EXH #niiza-exh ul{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px; /* 好きに */
  align-items: stretch; /* 2|3|4の高さ揃え */
}

/* 1 を上段で全幅 */
.GO-TO-EXH #niiza-exh ul li:nth-child(1){
  grid-column: 1 / -1;
}

/* 2,3,4 は下段3列（指定しなくても並ぶけど明示） */
.GO-TO-EXH #niiza-exh ul li:nth-child(2){ grid-column: 1; }
.GO-TO-EXH #niiza-exh ul li:nth-child(3){ grid-column: 2; }
.GO-TO-EXH #niiza-exh ul li:nth-child(4){ grid-column: 3; }

/* 画像の基本 */
.GO-TO-EXH #niiza-exh ul img{
  display: block;
  width: 100%;
  height: auto;
}

/* 2,3 は「高さ揃え」優先でトリミングOKなら（不要なら消してOK） */
.GO-TO-EXH #niiza-exh ul li:nth-child(2) img,
.GO-TO-EXH #niiza-exh ul li:nth-child(3) img{
  height: 100%;
  object-fit: cover;
}

/* 4 は縦センター寄せ */
.GO-TO-EXH #niiza-exh ul li:nth-child(4){
  display: flex;
  flex-direction: column;
  justify-content: center; /* 縦センター */
}

.GO-TO-EXH #niiza-exh ul li:nth-child(4) img{
 width: 70%;
 margin: var(--margin-auto);
}

.GO-TO-EXH #niiza-exh ul li:nth-child(4) .view-more{
 margin-top: 20px;
}

._{}

.GO-TO-EXH #other-exh {}

.GO-TO-EXH #other-exh .inner{
 width: 81.25%;
 min-width: 1200px;
 margin: var(--margin-auto);
}

.GO-TO-EXH #other-exh .main-image {
 margin-bottom: 60px;
}

.GO-TO-EXH #other-exh .main-image img{
 width: 100%;
}

.GO-TO-EXH #other-exh .box{
 display: grid;
 grid-template-columns: 19.2% minmax(0, 1fr);
 column-gap: 75px;
 align-items: start;
 border-bottom: 1px solid var(--color-or);
 padding-bottom: 35px;
 margin-bottom: 60px;
}

.GO-TO-EXH #other-exh .box:last-of-type{
 margin-bottom: 60px!important;
}

.GO-TO-EXH #other-exh .box .top-col {}

.GO-TO-EXH #other-exh .box .top-col ul {}

.GO-TO-EXH #other-exh .box .top-col ul li:nth-of-type(1) {
 width: 75%;
 margin-bottom: 10%;
}

.GO-TO-EXH #other-exh .box .top-col .view-more {
 margin-top: 10px;
}

.GO-TO-EXH #other-exh .box .bottom-col {}

.GO-TO-EXH #other-exh .box img{
  width: 100%;
  height: auto;
  display: block;
}

._{}

.GO-TO-EXH #old-exh {
 margin-bottom: 80px;
 overflow: hidden;
}

.GO-TO-EXH #old-exh .inner{
  width: 81.25%;
  min-width: 1200px;
  margin: var(--margin-auto);
}

.GO-TO-EXH #old-exh .box {
 width: 50%;
 margin-bottom: 60px;
 position: relative; 
}

.GO-TO-EXH #old-exh .box:nth-of-type(odd) {
 float: left;
 padding-right: 40px;
 box-shadow: 1px 0 0 0 var(--color-or);
}

.GO-TO-EXH #old-exh .box:nth-of-type(even) {
 float: right;
 padding-left: 40px;
}

.GO-TO-EXH #old-exh .box::after {
 content: "";
 height: 1px;
 width: 100%;
 background-color: var(--color-or);
 display: block;
 position: absolute;
 bottom: -30px;
}

.GO-TO-EXH #old-exh .box:nth-of-type(odd)::after {
 left: 0;
}

.GO-TO-EXH #old-exh .box:nth-of-type(even)::after {
 right: 0;
}

.GO-TO-EXH #old-exh .box ul {}

.GO-TO-EXH #old-exh .box ul li{}

.GO-TO-EXH #old-exh .box ul li:nth-of-type(1) {
 width: 30%;
 float: left;
}

.GO-TO-EXH #old-exh .box ul li:nth-of-type(2) {
 width: 40%;
 float: right;
}

.GO-TO-EXH #old-exh .box ul li img {
 width: 100%;
}

.GO-TO-EXH #old-exh .box ul li .item {}

.GO-TO-EXH #old-exh .box ul li .item img {
 width: 100%;
}

.GO-TO-EXH #old-exh .box ul li .view-more {
 margin-top: 10px;
}

.GO-TO-EXH #old-exh .box ul li .view-more img{
 margin-top: 10px;
}


.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-07_HISTORY____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.HISTORY{}

.HISTORY #local-nav ul li:nth-of-type(8) a{
 color: #e60012!important; 
}

._{}

.HISTORY #contents-header {
 background-color: #eae5d9;
 overflow: hidden;
 padding-top: 80px;
 padding-bottom: 80px;
}

.HISTORY #contents-header .inner {
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
}

.HISTORY #contents-header .inner .top-col {
 width: 600px;
 float: left;
 position: relative;
}

.HISTORY #contents-header .inner .top-col dl {
position: absolute;
top: 50%;
left: 0%;
transform: translate(0%,-50%);
}

.HISTORY #contents-header .inner .top-col dl dt {
 font-size: 30px;
 font-weight: 700;
 letter-spacing: 2px;
}

.HISTORY #contents-header .inner .top-col dl dt b {
 display: block;
 margin-top: 15px;
}

.HISTORY #contents-header .inner .top-col dl dt b img {
}

.HISTORY #contents-header .inner .top-col dl dd {
 font-size: 20px;
 line-height: 36px;
 font-weight: 500;
 border-top: 1px solid #7b7b7b;
 margin-top: 20px;
 padding-top: 25px;
}

.HISTORY #contents-header .inner .bottom-col {
 width: 600px;
 float: right;
}

.HISTORY #contents-header .inner .bottom-col .item {
 text-align: right;
 padding-right: 30px;
}

.HISTORY #contents-header .inner .bottom-col .item img {
}

.HISTORY .content-body {
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
 overflow: hidden;
 padding-bottom: 100px;
 padding-top: 60px;
}

.HISTORY .content-body .txt {
 font-size: 16px;
 line-height: 36px;
 margin-bottom: 20px;
}

.HISTORY .content-body .sign {
 margin-top: 30px;
 float: right;
}

.HISTORY .content-body .sign img {
 height: 82px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-08_AWARD-MEDIA____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.AWARD-MEDIA{}

.AWARD-MEDIA #local-nav li:nth-of-type(9) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

._{}

.AWARD-MEDIA .common-box-list {
 padding-bottom: 100px!important;
}

.AWARD-MEDIA .common-box-list .box {
 margin-top: 80px!important;
}

.AWARD-MEDIA .common-ttl span:nth-of-type(1) img {
 height: 22px;
}

.AWARD-MEDIA .common-ttl span:nth-of-type(2)  {
 color: #000000;
 font-size: 14px;
 font-weight: 400;
 top: 2px; 
}

._{}

.AWARD-MEDIA #pickup {}

.AWARD-MEDIA #pickup aside {
 border: 1px solid #cecece;
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
 margin-top: 60px;
}

.AWARD-MEDIA #pickup aside .item{
 float: left;
 margin-right: 35px;
}

.AWARD-MEDIA #pickup aside .item img{
 width: 150px;
}

.AWARD-MEDIA #pickup aside h5{
 font-size: 14px;
 margin-bottom: 10px;
}

.AWARD-MEDIA #pickup aside .txt{
 font-size: 13px;
 line-height: 22px;
 overflow: hidden;
}

._{}

.AWARD-MEDIA #news-list {
 background-color: #f4f4f4;
}

.AWARD-MEDIA #news-list .inner{
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
 background-color: #FFFFFF;
 padding-left: 120px;
 padding-right: 120px;
 padding-top: 120px;
 padding-bottom: 120px;
}

.AWARD-MEDIA #news-list .scroll {}

.AWARD-MEDIA #news-list a{
 display: block;
}

.AWARD-MEDIA #news-list dl{
 border-bottom: 1px solid #c9c9c9;
 padding-top: 20px;
 padding-bottom: 20px;
 overflow: hidden;
 clear: both;
}

.AWARD-MEDIA #news-list dl dt{
 letter-spacing: 1px;
 float: left;
 width: 320px;
}

.AWARD-MEDIA #news-list dl dt .date {
 width: 100px;
 font-family: 'Rubik', sans-serif;
 font-size: 14px;
 font-weight: 600;
 line-height: 24px;
 float: left;
 padding-top: 3px;
}

.AWARD-MEDIA #news-list dl dt .cat-name {
 font-family: 'Noto Sans JP', sans-serif;
 font-size: 13px;
 font-weight: 400;
 line-height: 24px;
 text-align: center;
 display: inline-block;
 margin-left: 15px;
 /* box-shadow */
 box-shadow: 0px 0px 0px 1px #c9c9c9 inset;
 padding-right: 15px;
 padding-left: 15px;
 color: #282828;
 float: left;
 margin-top: 3px;
}

.AWARD-MEDIA #news-list dl dd{
 font-size: 14px;
 line-height: 24px;
 margin-top: 3px;
 overflow: hidden;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____01-09_AREA____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.AREA{}

.AREA #local-nav li:nth-of-type(10) a{
 color: var(--color-or)!important;
 font-weight: 600;
}

._{}

.AREA #contents-header {
 background-color: #f1f1f1;
 overflow: hidden;
 padding-top: 80px;
 padding-bottom: 80px;
}

.AREA #contents-header .inner{
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
}

.AREA #contents-header .top-col {
 width: 805px;
 float: left;
}

.AREA #contents-header .bottom-col {
 width: 200px;
 float: right;
}

.AREA #contents-header .bottom-col .area-nav {
}

.AREA #contents-header .bottom-col .area-nav .ttl {
 background-color: #686868;
 color: #FFFFFF;
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
}

.AREA #contents-header .bottom-col .area-nav ul {}
.AREA #contents-header .bottom-col .area-nav ul li {}

.AREA #contents-header .bottom-col .area-nav ul li a {
 font-size: 15px;
 line-height: 50px;
 display: block;
 border-bottom: 1px solid #B1B1B1;
 background-image: url(../../image/area/marker.png);
 background-size: auto 7px;
 background-repeat: no-repeat;
 background-position: 5px center;
 padding-left: 25px;
}

._{}

 .AREA .exh-hall-list .box .item{
 position: relative;
}

 .AREA .exh-hall-list .box .item::after{
 width: 15px;
 height: 15px;
 content: "";
 display: block;
 background-image: url(../../image/area/common/marker.png);
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 right: 5px;
 bottom: 5px;
}

 .AREA #area-info{
 background-color: #f1f1f1;
 padding-bottom: 40px;
 padding-left: 0px;
 }
 
 .AREA #area-info .inner{
 width: 1200px;
 margin-left: auto;
 margin-right: auto;
 background-color: #FFFFFF;
 padding-left: 30px;
 padding-right: 30px;
 padding-top: 20px;
 padding-bottom: 20px;
 }
 
.AREA #area-info .inner dl{

 }
 
.AREA #area-info .inner dl dt{
 font-size: 20px;
 line-height: 32px;
 font-weight: 600;
 margin-bottom: 10px;
 background-image: url(../../image/icon/icon_m_06.png);
 background-repeat: no-repeat;
 background-size: 26px auto;
 padding-left: 35px;
 background-position: left center;
} 
 
.AREA #area-info .inner dl dd{
 font-size: 16px;
 line-height: 30px;
 font-weight: 400;
}

._{}


.AREA #area-header{}

.AREA #area-header .inner{
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
}

.AREA #area-header p{
 font-size: 16px;
 line-height: 30px;
 font-weight: 500;
}

.AREA .area-main-ttl{
 font-size: 15px;
 line-height: 22px;
 font-weight: 500;
 border-top: 1px solid #000000;
 padding-top: 20px;
 margin-bottom: 60px;
}

 .AREA .area-main-ttl span {
 display: block;
 margin-bottom: 5px;
}

.AREA .area-main-ttl span img{
 height: 24px;
}

.AREA .area-sub-ttl{
 font-size: 16px;
 border-left: 3px solid #000000;
 padding-left: 15px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.AREA .area-sub-ttl > img{
 height: 17px;
 vertical-align: middle
}
 
.AREA .area-sub-ttl span{
 display: block;
}

.AREA .area-sub-ttl span img{
 display: none;
 height: 16px;
}

.AREA .exh-hall-list .sub-section{
 margin-bottom: 60px;
}

._{}

.AREA .exh-hall-list .col{
 display: grid;
 grid-template-columns: 400px 300px 1fr;
 gap: 20px;
 align-items: stretch; /* 高さ揃え */
 margin-bottom: 20px;
 padding-bottom: 40px;
 padding-top: 25px;
 border-bottom: 1px solid #DBDBDB;
} 

.AREA .exh-hall-list .col:last-of-type{
 border-bottom: none;
}

/*/ 縦センター
.AREA .exh-hall-list .col .box{
  display: flex;
  flex-direction: column; 
  justify-content: center; 
} 
*/

.AREA .exh-hall-list .col .box:nth-of-type(1){
 /*background-color: #C55B5C;*/
 display: flex;
 gap: 15px;
} 

.AREA .exh-hall-list .col .box:nth-of-type(2){
 /*background-color: #2165CD;*/
} 
 
._{}

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li{
 font-size: 14px;
 line-height: 18px;
 font-weight: 400;
 margin-bottom: 8px;
 position: relative;
 padding-left: 25px;
 word-break: break-all;
} 

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li::before{
 width: 18px;
 height: 18px;
 content: "";
 background-size: cover;
 position: absolute;
 left: 0;
 top: 0;
} 

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li:nth-of-type(1)::before{
 background-image: url(../../image/icon/icon_s_03.png);
} 

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li:nth-of-type(2)::before{
 background-image: url("../../image/icon/icon_s_07.png");
} 

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li:nth-of-type(3)::before{
 background-image: url("../../image/icon/icon_s_05.png");
} 

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li:nth-of-type(4)::before{
 background-image: url("../../image/icon/icon_m_01.png");
} 
 
.AREA .exh-hall-list .col .box:nth-of-type(2) ul li:nth-of-type(2){} 

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li:nth-of-type(3){}

.AREA .exh-hall-list .col .box:nth-of-type(2) ul li:nth-of-type(4) a{
 color: #ea5504;
}

._{}

.AREA .exh-hall-list .col .box:nth-of-type(3){
 /*background-color: #D3B935;*/
} 

.AREA .exh-hall-list .col .box:nth-of-type(3) p{
 /*background-color: #D3B935;*/
 font-size: 13px;
 line-height: 24px;
 font-weight: 500;
 margin-bottom: 5px;
} 

.AREA .exh-hall-list .col .box:nth-of-type(3) ul{

} 

.AREA .exh-hall-list .col .box:nth-of-type(3) ul li{
 font-size: 13px;
 line-height: 24px;
 font-weight: 400;
 display: inline-block;
 border: 1px solid #9E9E9E;
 padding-top: 5px;
 padding-left: 8px;
 padding-right: 8px;
 padding-bottom: 5px;
} 

.AREA .exh-hall-list .col .box:nth-of-type(3) ul li span{
 display: none;
} 

.AREA .exh-hall-list .col .box:nth-of-type(3) .annotation{
 font-size: 13px;
 line-height: 18px;
 font-weight: 400;
} 

.AREA .exh-hall-list .col .box:nth-of-type(3) ul li img{
 height: 12px;
 display: block;
} 

._{}
 
.AREA .exh-hall-list .inner{
 width: 1200px;
 margin-left: auto;
 margin-right:auto;
 }
 
.AREA .exh-hall-list .box .item{
 width: 140px;
 float: left;
 margin-right: 30px;
}

.AREA .exh-hall-list .box .item img{
 width: 100%;
}

.AREA .exh-hall-list .box .area-name{
 display: none;
}

.AREA .exh-hall-list .box dl{
 width: 230px;
 float: left;
 /*background-color: #87ABE9;*/
}

.AREA .exh-hall-list .box dl dt{
 font-size: 16px;
 line-height: 24px;
 font-weight: 500;
}

.AREA .exh-hall-list .box dl dt img{
 height: 14px;
 position: relative;
 display: block;
}

.AREA .exh-hall-list .box dl dt img:nth-of-type(1){
 margin-bottom: 5px;
}

.AREA .exh-hall-list .box dl dt img:nth-of-type(2){
 margin-bottom: 5px;
}

.AREA .exh-hall-list .box dl dd{
 font-size: 13px;
 line-height: 20px;
 font-weight: 400;
 color: #4c4c4c;
 margin-top: 10px;
}

.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____P03-00_PRICE____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
.PRICE{}

.PRICE #price-list-dl {
 overflow: hidden;
 padding-bottom: 80px;
}

.PRICE #price-list-dl .inner{
 border-top: 1px solid #ebebeb;
 padding-top: 40px;
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
}

.PRICE #price-list-dl .top-col{
 width: 400px;
 float: left;

}

.PRICE #price-list-dl .top-col .btn{}

.PRICE #price-list-dl .bottom-col{
 width: 800px; 
 float: right;
}

.PRICE #price-list-dl .bottom-col .txt{
 margin-top: 12px;
}


.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}
._____P04-00_PARTNER____{}
.XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX{}

.PARTNER{}

._{}

.PARTNER #main-image{
 background-color: #000000;
 text-align: center;
} 

.PARTNER #main-image img{} 

._{}

.PARTNER #forms{}

.PARTNER #forms .inner{
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
}

.PARTNER #forms .txt {
 font-size: 16px;
 line-height: 30px;
 font-weight: 400;
 margin-bottom: 20px;
}

.PARTNER #forms .txt b {
 font-weight: 600;
 color: #ea5504;
}

/*
.PARTNER #form .required {
 font-family:'メイリオ', 'Meiryo', sans-serif;
 font-size: 10px;
 line-height: 18px;
 font-weight: 400;
 width: 30px;
 background-color: #000000;
 color: #FFFFFF;
 display: block;
 text-align: center;
 margin-left: 0px!important;
}
*/

.PARTNER #forms .clearfix {
 overflow: hidden;
 margin-bottom: 60px;
 margin-top: 80px;
}

.PARTNER #forms .top-col {
 width: 580px;
 float: left;
}

.PARTNER #forms .bottom-col {
 width: 580px;
 float: right;
}

._{}

.PARTNER #forms #question-list{
 clear: both; 
}

.PARTNER #forms #question-list .box{
 border-bottom: 1px dotted #9B9B9B;
 padding-bottom: 30px;
 margin-bottom: 60px;
}

._{}

.PARTNER #thanks{}

.PARTNER #thanks .inner{
 width: 1200px;
 margin-right: auto;
 margin-left: auto;
}

.PARTNER #back-home a{
 font-size: 13px;
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 25px;
 padding-right: 30px;
 display: inline-block;
 text-align: center;
 font-weight: 300;
 color: #FFFFFF;
 margin-right: 10px;
 background-image: url(../../image/common/common-marker_wt.png);
 background-repeat: no-repeat;
 background-size: auto 11px;
 background-position: right 10px center;
 background-color: #000000;
 margin-top: 10px;
}