@charset "utf-8";

img { max-width: 100%; }

.navList > li.guide span::before,
.navList > li.guide span::after { width: 50%; }

.guide .pageTit { background: url(/static/images/guide/bg_guide.jpg) no-repeat center center; background-size: cover; }
.guideHall .titBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: stretch; z-index: -1; }
.guideHall .titBg .bgImg { width: 50%; }
.guideHall .titBg .bgImg img { width: 100%; height: 250px; object-fit: cover; }

.guideHall .pageTit h1 { padding: 100px 0; }
.guideHall .pageTit h1 br { display: none; }

.exampleCont .exampleInr { padding: 0 0 20px; }
.exampleCont .photo { width: 50%; float: left; display: flex; flex-wrap: wrap; }
.exampleCont .photo .span1 { width: 50%; position: relative; }
.exampleCont .photo .span1:before{ content: ""; display: block; padding-top: 100%; }
.exampleCont .photo .span1 dt img{ position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover; }
.exampleCont .photo .span2 { width: 100%; position: relative; }
.exampleCont .photo .span2:before{ content: ""; display: block; padding-top: 50%; }
.exampleCont .photo .span2 dt img{ position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover; }
.exampleCont .photo dl dd { position: absolute; width: 100%; top: 0; right: 0; z-index: 1; background: rgba(255,255,255,0.65); text-align: center; font-size: 1.6em; line-height: 20px; font-weight: bold; padding: 10px 0; vertical-align: middle; }
.exampleCont .photo dl dd span { display: inline-block; font-size: 0.8em; line-height: 20px; font-weight: bold; }
.exampleCont .map { width: 50%; float: right; background: #F0F0F0; border: 1px solid #DEDEDE; padding: 10px; }
.exampleCont .facility { display: flex; justify-content: center; text-align: center; }
.exampleCont .facility .useF { width: 270px; text-align: center; font-size: 1.6em; line-height: 30px; font-weight: bold; padding: 10px; box-sizing: border-box; }
.exampleCont .facility .useF.eh18 { background: #E3E8F5; border: 1px solid #2F6CB2; }
.exampleCont .facility .useF.eh911 { background: #FCE3D6; border: 1px solid #D32D26; }
.exampleCont .facility .useF.ch { background: #E0F0E2; border: 1px solid #43974E; }
.exampleCont .facility .useF.meh { background: #FFF8E0; border: 1px solid #F4CA44; }
.exampleCont .facility .useF.oeh { background: #DEDEDE; border: 1px solid #6F6F6F; }
.exampleCont .plus_box { width: 50px; height: 50px; padding: 15px; }
.exampleCont .plus_box .plus_i { display: block; width: 20px; height: 20px; transform-origin: center center; transition-duration: 0.2s; position: relative; }
.exampleCont .plus_box .plus_i:after { display: flex; content: ''; background: #6F6F6F; width: 20px; height: 2px; position: absolute; top: 9px; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transform-origin: center center; }
.exampleCont .plus_box .plus_i:before { display: flex; content: ''; background: #6F6F6F; width: 2px; height: 20px; position: absolute; top: 0; left: 9px; -webkit-transform: rotate(0deg); transform: rotate(0deg); transform-origin: center center; }

.outline .textCont { float: left; width: 50%; padding: 0 5vw 0 0; }
.outline .textCont .jpTit { font-size: 2.8em; font-weight: bold; }
.outline .textCont .enTit { font-size: 2.0em; font-weight: 500; color: #6F6F6F; padding: 0 0 30px; }
.outline .textCont p { font-size: 1.6em; line-height: 1.5; padding: 0 0 10px; }
.outline .mapCont { float: right; width: 50%; background: #F0F0F0; border: 1px solid #DEDEDE; padding: 10px; text-align: center; }
.outline .mapCont img { max-height: 360px; }

.guideInr .thumbCont ul { display: flex; }
.guideInr .thumbCont ul li.thumb { width: calc( 50% - 140px ); }
.guideInr .thumbCont ul li.thumb img { display: block; height: 280px; object-fit: cover; width: 100%; }
.guideInr .thumbCont ul li.map { width: 280px; padding: 10px; }
.guideInr .thumbCont ul li.map img { height: 260px; }
.eh1-8 .thumbCont ul li.map { background: #E3E8F5; }
.eh9-11 .thumbCont ul li.map { background: #FCE3D6; }
.conference .thumbCont ul li.map { background: #E0F0E2; }
.eventhall .thumbCont ul li.map { background: #FFF8E0; }
.guideInr .txt { background: #F0F0F0; padding: 10px; }
.guideInr .txt p { font-size: 1.6em; line-height: 1.5; }
.guideInr .purpose table { border-collapse:collapse; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }
.guideInr .purpose table th { font-size: 1.6em; font-weight: 700; line-height: 1.75; text-align: left; background: #F0F0F0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top; padding: 10px; text-align: center; width: 200px; }
.guideInr .purpose table td { font-size: 1.6em; line-height: 1.75; text-align: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; vertical-align: middle; padding: 10px; }
.cooperation p { font-size: 1.6em; line-height: 1.5; }
.cooperation .leftCont { float: left; width: 50%; padding: 0 5vw 0 0; }
.cooperation .rightCont { float: right; width: 50%; }
.cooperation .rightCont .exampleInr { float: left; width: 50%; }
.cooperation .rightCont .exampleInr img { display: block; height: 200px; object-fit: cover; width: 100%; }


.guideInr .moreBtn a { position: relative; display: block; width: 235px; text-align: center; font-size: 1.6em; font-weight: 500; line-height: 30px; padding: 10px 20px 10px 10px; border-radius: 4px; box-sizing: border-box; transition: all 0.3s; }
.guideInr .moreBtn a:before { position: absolute; top: 10px; right: 10px; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.guideInr .moreBtn a:hover:before { color: #fff; }
.eh1-8 .moreBtn a { border: 1px solid #2F6CB2; }
.eh9-11 .moreBtn a { border: 1px solid #D32D26; }
.conference .moreBtn a { border: 1px solid #43974E; }
.eventhall .moreBtn a { border: 1px solid #F4CA44; }
.cooperation .moreBtn a { border: 1px solid #6F6F6F; }
.eh1-8 .moreBtn a:hover { background: #2F6CB2; color: #fff; font-weight: 700; }
.eh9-11 .moreBtn a:hover { background: #D32D26; color: #fff; font-weight: 700; }
.conference .moreBtn a:hover { background: #43974E; color: #fff; font-weight: 700; }
.eventhall .moreBtn a:hover { background: #F4CA44; color: #fff; font-weight: 700; }
.cooperation .moreBtn a:hover { background: #6F6F6F; color: #fff; font-weight: 700; }
.eh1-8 .moreBtn a:before { color: #2F6CB2; }
.eh9-11 .moreBtn a:before { color: #D32D26; }
.conference .moreBtn a:before { color: #43974E; }
.eventhall .moreBtn a:before { color: #F4CA44; }
.cooperation .moreBtn a:before { color: #6F6F6F; }

.outlineCont01 { padding: 0 50px 40px; margin: 0 auto; }
.outlineCont02 {  padding: 0 0 40px; margin: 0 auto; }
.outlineCont02 h4 { font-size: 2.4em; font-weight: bold; padding: 0 0 10px; }
.outlineCont02 ul { padding: 0 0 20px 20px; }
.outlineCont02 ul li { font-size: 1.6em; font-weight: bold; list-style: disc; padding: 0 0 5px; }
.outlineCont02 .txt { font-size: 1.6em; line-height: 1.5; padding: 0 0 40px; }
.outlineCont02 .leftCont { float: left; width: 50%; padding: 0 20px 0 0; }
.outlineCont02 .rightCont { float: right; width: 50%; padding: 0 0 0 20px; }
.floormapCont { padding: 0; margin: 0 auto; }

.outlineCont03 {}
.outlineCont03 .photoList { display: flex; align-items: center; justify-content: flex-start; list-style: none; flex-wrap: wrap; }
.outlineCont03 .photoList li { width: calc(( 100% - 30px ) / 4 ); margin: 0 10px 10px 0; }
.outlineCont03 .photoList li:nth-child(4n) { margin-right: 0; }
.outlineCont03 .photoList li a { display: block; position: relative; transition: all 0.3s; }
.outlineCont03 .photoList li a:hover { opacity: 0.8; }
.outlineCont03 .photoList li a p { position: absolute; bottom: 0; left: 0; z-index: 1; display: block; background: rgba(0,0,0,0.5); color: #fff; font-size: 1.6em; padding: 5px 10px; text-align: center; }

.virtualInr { position:relative; width:800px; height:0; padding-top:400px; margin: 0 auto 40px; }
.virtualInr iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.supplement { width:800px; font-size: 1.4em; line-height: 1.5; margin: 0 auto; }

.dl_btn_list {}
.dl_btn_list li { display:flex; padding:10px 15px; border:1px solid #ddd; justify-content:space-between;}
.dl_btn_list li + li { margin-top: 15px;}
.dl_btn_list li .btn_area { width:; display:flex; justify-content:right; align-items:center;}
.dl_btn_list li .btn_area a { background:#6f6f6f; color:#fff; padding:8px 12px; border-radius:4px; font-size:1.4em; line-height:1; transition:0.3s;}
.dl_btn_list li .btn_area a:hover { opacity:0.7;}
.dl_btn_list li .btn_area a + a { margin-left: 10px;}
.dl_btn_list li .tx {}
.dl_btn_list li .name { font-size:1.7em; font-weight:700;}
.dl_btn_list li .desc { font-size:1.3em; margin-top:3px; color:#777; }
.dl_btn_list.column2 { display:flex; flex-wrap:wrap;}
.dl_btn_list.column2 li { width:calc( ( 100% - 15px ) / 2 ); margin-top:0;}
.dl_btn_list.column2 li + li { margin-top:0;}
.dl_btn_list.column2 li:nth-of-type(2n) { margin-left: 15px;}
.dl_btn_list.column2 li:nth-of-type(n + 3) { margin-top: 15px;}
.dl_btn_list.column2 li .tx { max-width:300px; } 

.faqLink { padding: 10px 0; }
.faqLink p { font-size: 1.6em; text-align: left; }

.btnList { display: flex; align-items: center; justify-content: flex-start; list-style: none; flex-wrap: wrap; }
.btnList li { width: calc(( 100% - 80px ) / 3 ); border: 1px solid #c1c1c1; border-radius: 4px; overflow: hidden; margin: 0 40px 0 0; }
.btnList li:last-child { margin-right: 0; }
.btnList li a { display: block; transition: all 0.3s; }
.btnList li a:hover { background: #6F6F6F; opacity: 0.8; }
.btnList li a p { position: relative; display: block; font-size: 1.6em; font-weight: 700; line-height: 30px; padding: 10px; text-align: center; }
.btnList li a p:before { position: absolute; top: 10px; right: 10px; color: #6F6F6F; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.btnList li a:hover p { color: #fff; }
.btnList li a:hover p:before { color: #fff; }

.documentlist { display: flex; align-items: center; justify-content: flex-start; list-style: none; flex-wrap: wrap; }
.documentlist li { width: calc(( 100% - 30px ) / 4 ); border: 1px solid #c1c1c1; border-radius: 4px; overflow: hidden; margin: 0 10px 0 0; }
.documentlist li:last-child { margin-right: 0; }
.documentlist li a { display: block; transition: all 0.3s; }
.documentlist li a:hover { background: #6F6F6F; opacity: 0.8; }
.documentlist li a p { position: relative; display: block; font-size: 1.4em; font-weight: 700; line-height: 30px; padding: 10px; text-align: center; }
.documentlist li a p:before { position: absolute; top: 10px; right: 10px; color: #6F6F6F; font-weight: 900; content: "\f105"; transition: all 0.3s; }
.documentlist li a:hover p { color: #fff; }
.documentlist li a:hover p:before { color: #fff; }

.dataTable th { min-width: 100px; }
.dataTable td { text-align: center; }
.dataTable.td_tl td { text-align: left; }

.layoutBox { border: 1px solid #ccc; border-radius: 4px; background: #F0F0F0; margin: 0 auto 20px; }
.layoutBox .boxInr { display: flex; padding: 10px; }
.layoutBox .boxInr:nth-child(3) { display: block; padding: 10px 10px 10px 25%; }
.layoutBox .thumb { width: 25%; }
.layoutBox .thumb img { width: 100%; }
.layoutBox .all { width: 75%; padding: 0 0 0 10px; }
.layoutBox .layoutA { width: 100%; padding: 10px; border-top: 1px solid #ccc; }
.layoutBox .layoutB { width: 100%; padding: 10px; border-top: 1px solid #ccc; }
.layoutBox .roomName { padding: 10px; border-bottom: 1px solid #ccc; position: relative; }
.layoutBox h3 { font-size: 1.8em; line-height: 30px; padding: 0 0 0 15px; border-left: 5px solid #6F6F6F; }
.layoutBox .roomName a { display: block; position: absolute; right: 10px; top: 13px; background: #6F6F6F; border-radius: 4px; padding: 2px 5px; transition: all 0.3s; }
.layoutBox .roomName a img { display: inline-block; width: 20px; height: 20px; }
.layoutBox .roomName a span { display: inline-block; font-size: 13px; line-height: 20px; color: #fff; font-weight: bold; margin: 0 0 0 5px; }
.layoutBox .roomName a:hover { opacity: 0.8; }
.layoutBox .tit { position: relative; }
.layoutBox .tit h4 { font-size: 1.6em; font-weight: bold; line-height: 30px; padding: 0 5px; }
.layoutBox .titInr { padding: 10px 0; }
.layoutBox .titInr dl { display: inline-block; margin: 0 5px; }
.layoutBox .titInr dl dt { display: inline-block; font-size: 1.3em; line-height: 20px; text-align: right; padding: 2px 0 2px 8px; font-weight: bold; }
.layoutBox .titInr dl dt:after { content: ' ： '; display: inline-block; font-size: 1.3em; line-height: 20px; }
.layoutBox .titInr dl dd { display: inline-block; font-size: 1.4em; line-height: 20px; text-align: left; padding: 2px 8px 2px 0; }
.layoutBox .layoutData { display: flex; width: 100%; }
.layoutBox .layoutData dl { width: calc(( 100% - 50px) / 5 ); margin: 0 5px; border: 1px solid #ccc; background: #fff; }
.layoutBox .layoutData dt { font-size: 1.3em; line-height: 1.4; text-align: center; padding: 2px; font-weight: bold; }
.layoutBox .layoutData dd { font-size: 1.4em; line-height: 1.4; text-align: center; padding: 2px; border-top: 1px solid #ccc; }
.layoutBox .layoutData dd a { display: block; position: relative; max-width: 300px; background: #6F6F6F; border-radius: 4px; color: #fff; font-weight: bold; text-align: center; padding: 2px; }
.layoutBox .layoutData dl.noData { border: none; background: transparent; }
.layoutBox .layoutData dl.noData dt { display: none; }
.layoutBox .layoutData dl.noData dd { display: none; }

.lb-outerContainer { width:1000px!important; height:700px!important; }
.lb-container { display: flex; align-items: center; justify-content:center; width: 100%; height: 100%; padding:15px; }
.lightbox .lb-image { width: auto!important; height: auto!important; max-width:100%!important;  max-height:100%!important; border: 0!important; border-radius:0!important;}
.lb-dataContainer { width:1000px!important; }
.lb-cancel { background: url(/static/js/lightbox2/loading.gif) no-repeat; }
.lb-nav a.lb-prev { background: url(/static/js/lightbox2/prev.png) left 48% no-repeat; }
.lb-nav a.lb-next { background: url(/static/js/lightbox2/next.png) right 48% no-repeat; }
.lb-data .lb-close { background: url(/static/js/lightbox2/close.png) top right no-repeat; }


.layoutBox a { transition: all 0.3s; }
.layoutBox a:hover { opacity: 0.8; }

.lb-data .lb-caption { color: #fff; }

.cont03 .contInr { padding: 0; }
.cont03 .pointList { display: flex; flex-wrap: wrap; }
.cont03 .pointCont { width: calc(( 100% - 60px ) / 4 ); margin-right: 20px; }
.cont03 .pointCont:nth-child(4n) { margin-right: 0; }
.cont03 dl { padding: 0 0 10px; }
.cont03 dl dt { text-align: left; padding: 10px 0; }
.cont03 dl dt span { display: inline-block; padding: 10px; background:#F0F0F0; border-radius: 50%; }
.cont03 dl dt span img { width: 24px; height: 24px; }
.cont03 dl dt h4 { display: inline-block; padding: 10px; text-align: left; font-size: 2.0rem; font-weight: bold; line-height: 24px; color: #6F6F6F; vertical-align: middle; }
.cont03 dl dd { font-size: 1.4rem; line-height: 1.2; color: #3D3F46; margin: 0 0 10px; text-indent:-1rem; margin-left: 1rem;}
.cont03 .tableBtn a { text-align: center; padding: 5px; font-size: 1.4rem; color:#6F6F6F; border: 2px solid #6F6F6F; display: block;}
.cont03 .tableBtn a:hover { color:#fff; border: 2px solid #0D5CA9; background: #6F6F6F url("/static/images/conferencehall/arrows_btn_ov.png") no-repeat right center; }
.cont03 .contInr.cleanCont { background: transparent; border-top: 1px solid #ccc; }
.cont03 .cleanCont .txtCont { float: left; width: 50%; }
.cont03 .cleanCont .txtCont p { padding: 0 0 10px; }
.cont03 .cleanCont .thumbCont { float: right; width: 50%; padding: 0 0 0 20px; }
.cont03 .cleanCont .thumbCont ul li { float: left; width: calc( 100% / 3 ); padding: 0 0 0 10px; }
.cont03 .cleanCont .thumbCont ul li img { width: 100%; }



/* en  */
.en .dataTable th { font-size:1.4em; word-break:break-word;}
.en .cont03 dl dt h4 { width:190px; }
.en .layoutBox .titInr dl dt:after { content:":"; margin:0 3px; }
.en .exampleCont .facility .useF { width:300px; }


/* ───────────────────────────────────────────────────────────────────────────
 1200px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1200px){
  .btnList li { width: calc(( 100% - 40px ) / 3 ); margin-right: 20px; }
}

/* ───────────────────────────────────────────────────────────────────────────
 1023px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1023px){
  .outline .textCont .jpTit { font-size: 2.4em; font-weight: bold; }
  .outline .textCont .enTit { font-size: 1.8em; font-weight: 500; color: #6F6F6F; padding: 0 0 30px; }
  .outline .textCont { width: 60%; }
  .outline .mapCont { width: 40%; }
  .outline .mapCont img { max-height: 300px; }
  .guideInr .thumbCont ul li.thumb { width: calc( 50% - 110px ); }
  .guideInr .thumbCont ul li.thumb img { height: 220px; }
  .guideInr .thumbCont ul li.map { width: 320px; }
  .guideInr .thumbCont ul li.map img { height: 300px; }
  .outlineCont02 .leftCont { float: none; width: 100%; padding: 0 0 40px; }
  .outlineCont02 .rightCont { float: none; width: 100%; padding: 0; }

  .virtualInr { position:relative; width:100%; height:0; padding-top:50%; margin: 0 auto 30px; }
  .supplement { width:100%; }
  .btnList li { width: calc(( 100% - 20px ) / 3 ); margin-right: 10px; }
  .btnList li a p { line-height: 30px; }
  .documentlist li { width: calc(( 100% - 40px ) / 2 ); margin: 0 20px 20px 0; }
  .documentlist li a p { line-height: 30px; }

  .lb-outerContainer { width:85vw!important; height:60vw!important; }
  .lb-dataContainer { width:85vw!important; }

  .outlineCont03 .photoList li { width: calc(( 100% - 20px ) / 3 ); margin: 0 10px 10px 0; }
  .outlineCont03 .photoList li:nth-child(4n) { margin-right: 10px; }
  .outlineCont03 .photoList li:nth-child(3n) { margin-right: 0; }
  .outlineCont03 .photoList li a p { font-size: 1.4em; }

  .cont03 dl dt h4 { font-size: 1.8rem; }
  .cont03 .pointCont { width: calc(( 100% - 30px ) / 2 ); margin-bottom: 20px; }
  .cont03 .pointCont:nth-child(2n) { margin-right: 0; }

}

/* ───────────────────────────────────────────────────────────────────────────
 767px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:767px){
  .guideHall .pageTit h1 { padding: 80px 0; line-height: 40px; }
  .guideHall .pageTit h1.line02 { padding: 60px 0; line-height: 40px; }
  .guideHall .pageTit h1 br { display: block; }
  .guideHall .titBg .bgImg img { height: 200px; }
	.exampleCont .photo { width: 100%; float: none; }
	.exampleCont .photo dl dd span { display: none; }
	.exampleCont .map { width: 100%; float: none; }
	.exampleCont .facility { display: block; }
	.exampleCont .facility .useF { margin: 0 auto; padding: 5px; width: 100%; }
	.exampleCont .plus_box { margin: 0 auto; width: 40px; height: 40px; padding: 10px; }
  .outline .textCont { float: none; width: 100%; padding: 0; }
  .outline .textCont p { font-size: 1.5em; }
  .outline .mapCont { float: none; width: 100%; }
  .outline .mapCont img { max-height: 280px; }
  .guideInr .thumbCont ul { display: block; }
  .guideInr .thumbCont ul li.thumb { width: 100%; }
  .guideInr .thumbCont ul li.thumb img { display: block; height: 240px; }
  .guideInr .thumbCont ul li.map { width: 100%; text-align: center; }
  .guideInr .thumbCont ul li.map img { height: 280px; }
  .guideInr .txt p { font-size: 1.5em; }
  .guideInr .purpose table { display: block; }
  .guideInr .purpose table tbody { display: block; width: 100%; }
  .guideInr .purpose table tr { display: block; width: 100%; }
  .guideInr .purpose table th { display: block; font-size: 1.5em; line-height: 1.5; padding: 10px; width: 100%; }
  .guideInr .purpose table td { display: block; font-size: 1.5em; line-height: 1.5; padding: 10px; width: 100%; }
  .cooperation p { font-size: 1.5em; }
  .cooperation .leftCont { float: none; width: 100%; padding: 20px 0 0; }
  .cooperation .rightCont { float: none; width: 100%; }
  .guideInr .moreBtn a { font-size: 1.5em; margin: 0 auto; }
  .outlineCont01 { padding: 0 0 20px; }
  .outlineCont02 h4 { font-size: 2em; }
  .outlineCont02 ul li { font-size: 1.5em; }
  .outlineCont02 .txt { font-size: 1.5em; }
  .roomList table { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .roomList .dataTable th.lv03 { text-align: left; }

  .dl_btn_list {}
  .dl_btn_list li { display:block;}
  .dl_btn_list li + li { margin-top: 10px;}
  .dl_btn_list li .btn_area { margin-top: 5px;}
  .dl_btn_list li .btn_area a { padding:8px 15px 10px;}
  .dl_btn_list.column2 { display:block;}
  .dl_btn_list.column2 li { width: auto;}
  .dl_btn_list.column2 li + li { margin-top:10px;}
  .dl_btn_list.column2 li:nth-of-type(2n) { margin-left: 0;}
  .dl_btn_list.column2 li:nth-of-type(n + 3) { margin-top: 10px;}
  .dl_btn_list.column2 li .tx { max-width:none; } 


  .faqDetail dt .question { width: 35px; height: 35px; font-size: 1.8rem; line-height: 35px; }
  .faqDetail dt .inr { width: calc( 100% - 35px ); font-size: 1.6rem; padding: 5px 0 5px 10px; line-height: 25px; }
  .faqDetail dd .answer { width: 35px; height: 35px; font-size: 1.8rem; line-height: 35px; }
  .faqDetail dd .inr { width: calc( 100% - 35px ); font-size: 1.5rem; padding: 5px 0 5px 10px; line-height: 25px; }

  .btnList { display: block; }
  .btnList li { width: 100%; margin: 0 0 20px; }
  .documentlist { display: block; }
  .documentlist li { width: 100%; margin: 0 0 20px; }

  .layoutBox .boxInr { display: block; padding: 10px; }
  .layoutBox .boxInr:nth-child(3) { padding: 0 10px 10px; }
  .layoutBox .thumb { width: 100%; }
  .layoutBox .all { width: 100%; padding: 0; }
  .layoutBox .tit h4 { padding: 10px 5px 0; }
  .layoutBox .titInr dl { margin: 0 2px; }
  .layoutBox .titInr dl dt { display: block; border-right: none; border-bottom: 1px solid #ccc; text-align: center; padding: 2px 8px; }
  .layoutBox .titInr dl dt:after { display: none; }
  .layoutBox .titInr dl dd { display: block; text-align: center; padding: 2px 8px; }
  .layoutBox .layoutData dl { width: calc(( 100% - 20px) / 5 ); margin: 0 2px; }
  .layoutBox .layoutA { padding: 0 0 10px; }
  .layoutBox .layoutB { padding: 0 0 10px; }
  .layoutBox .roomName a { right: 10px; top: 10px; padding: 2px; }
  .layoutBox .roomName a img { width: 26px; height: 26px; }
  .layoutBox .roomName a span { display: none; }

  .outlineCont03 .photoList li { width: calc(( 100% - 10px ) / 2 ); margin: 0 10px 10px 0; }
  .outlineCont03 .photoList li:nth-child(4n) { margin-right: 10px; }
  .outlineCont03 .photoList li:nth-child(3n) { margin-right: 10px; }
  .outlineCont03 .photoList li:nth-child(2n) { margin-right: 0; }

  .cont03 dl { padding: 0 0 10px; }
  .cont03 dl dt { display:flex; align-items:center;}
  .cont03 dl dt span { margin-right: 5px;}
  .cont03 dl dt h4 { padding: 0; font-size: 1.8rem; line-height: 1.2; }
  .cont03 .cleanCont { padding: 20px 10px 0; }
  .cont03 .cleanCont .txtCont { float: none; }
  .cont03 .cleanCont .txtCont p { padding: 0 0 10px; }
  .cont03 .cleanCont .thumbCont { float: none; padding:0; }
  .cont03 .cleanCont .thumbCont ul li { padding:0; }

}