@charset "UTF-8";
/* CSS Document */
#main_img {background: url("../../facilities/img/tit.jpg") no-repeat center center;background-size: cover;}
#lead_col .box_txt{ height:330px;}
#lead_col h2 {margin-right:55px; font-weight: 600;}
#lead_col h2 span { display: block;}
#note { margin:0 auto; text-align: center; width:1200px;}
#cnav { margin:0 auto; width:1085px;}
#cnav ul { display: flex; flex-wrap: wrap; width:100%;}
#cnav li { border:0; font-size:16px; margin-bottom:15px; width:25%;}
#cnav li:last-of-type { border:0;}
#cnav li a {background:rgba(70,35,13,.05); padding:15px 0; text-align: center;}
#cnav li a::after { font-size: 20px; bottom:auto; left:auto; right:10%; top:30%; margin-left:0;transform: rotate(135deg);}
#cnav li a:hover::after {right:10%; top:40%;}

@media screen and (max-width: 600px) {
                    #lead_col h2 {margin-right:0;}
                    #lead_col .box_txt{ height:auto;}
                    #note { width:90%;}
                    #cnav { width:100%;}
                    #cnav ul {} 
                    #cnav li { width:50%;margin-bottom:10px;}
                    #cnav li a::after { content:none;}
}
@media screen and (max-width: 321px) {
                    #cnav li { font-size:13px;}
}



/* ---------------------------------------------------
index C_item
------------------------------------------------------ */
.index .c_item { display: flex; flex-wrap: wrap; margin:0 auto; padding:50px 0 100px; position: relative; }
.index .c_item .box_ojc{ margin-top:80px; height: 640px; width: 62.5%;overflow: hidden;}
.index .c_item .box_ojc img { height: 640px; max-width:950px;}
.index .c_item .box_txt{padding-top:80px; width: 37.5%; min-width:360px; box-sizing: border-box; }
.index .c_item h2 {font-size:36px; margin-bottom:30px; line-height: 1.5; padding-bottom:0; text-align: center; width:360px; position: inherit;}
.index .c_item h2::after {content:none;}
.index .c_item h2 span.wbr{ display: block;}
.index .c_item h2 span.en{ margin-bottom:40px; position: absolute; top:0; left:0; text-align: center; width:100%;}
.index .c_item h2 + p {position: relative; padding-top:30px;}
.index .c_item h2 + p::before {content:""; display: block; background:#78a325; height:4px; width:64px; position: absolute; top:0; left:50%; margin-left:-32px;}
.index .c_item .box_txt p.note { font-size:20px; margin-bottom:35px;}
.index .c_item .box_txt p,
.index .c_item .box_txt>ul { padding-bottom:15px; width:360px;}
.index .c_item .box_txt>ul li{ padding-left:1em; text-indent: -1em;}
.index .c_item .box_txt dl  { display: flex; flex-wrap: wrap; margin: 20px 0; box-sizing: border-box; width:360px;}
.index .c_item .box_txt dt { box-sizing: border-box; padding:10px; border-right:1px solid rgba(70,35,13,.3); border-bottom:1px solid rgba(70,35,13,.3); width:6em;}
.index .c_item .box_txt dd { box-sizing: border-box; padding:10px; border-bottom:1px solid rgba(70,35,13,.3); width:-webkit-calc(100% - 6em); width:calc(100% - 6em); }
.index .c_item .box_txt dd ul { display: flex;}
.index .c_item .box_txt dd small { font-size:12px;}
.index .c_item .box_txt .l_btn a{ display: block; padding:5px; position: relative;}
.index .c_item .box_txt .l_btn a::before,
.index .c_item .box_txt .l_btn a::after {background:rgba(70,35,13,.7); content:""; display: block; position: absolute; transition: .7s;}
.index .c_item .box_txt .l_btn a::before { bottom:0; left:0; height:1px; width:222px;}
.index .c_item .box_txt .l_btn a::after { bottom:5px; left:210px; height:1px; width:15px; transform: rotate(45deg);}
.index .c_item .box_txt .l_btn a:hover::before { bottom:0; left:10px; height:1px; width:222px;}
.index .c_item .box_txt .l_btn a:hover::after { bottom:5px; left:220px; height:1px; width:15px; transform: rotate(45deg);}

@media screen and (max-width: 600px) {
                    .index .c_item { flex-direction: column; padding:25px 0 50px;}
                    .index .c_item .box_ojc{ height:auto; margin:0 auto; width:100%;}
                    .index .c_item .box_ojc img { height: auto; max-width:100%;}
                    .index .c_item .box_txt{ margin:0 auto; min-width:0;padding-top:0; width: 90%;}
                    .index .c_item h2 { font-size:24px; text-align: center; width:100%;}
                    .index .c_item h2 span.en{ margin:0 auto;line-height: 1; position:relative; }
                    .index .c_item .box_txt p.note { font-size:16px; margin-bottom:15px;}
                    .index .c_item .box_txt p,
                    .index .c_item .box_txt>ul { padding-bottom:15px; width:100%;}
                    .index .c_item .box_txt dl  { flex-direction: column; margin: 20px 0; text-align: center; width:100%;}
                    .index .c_item .box_txt dt { background:rgba(208,205,205,.5); border:0; padding:10px; width:100%;}
                    .index .c_item .box_txt dd { border:0; padding:10px; width:100%;}
}

.slide_single .slick-dots { bottom:-40px!important;}

.index .c_item.type1 { -webkit-box-direction: reverse;-ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.index .c_item.type1 .box_ojc img { float:right;}
.index .c_item.type1 .box_txt { padding-left:50px;}
.index .c_item.type2 .box_txt { padding-right:50px;}
.index .c_item.type2 h2,
.index .c_item.type2 .box_txt>p,
.index .c_item.type2 .box_txt>ul,
.index .c_item.type2 .box_txt>dl{clear: both; float: right;}

.index .c_item.type3 { width:1200px;}
.index .c_item.type3 .box_ojc{padding-top:80px; height: auto;}
.index .c_item.type3 .box_ojc img { height: auto;}
.index .c_item.type3 .box_ojc div img { position: relative; z-index: 2;}
.index .c_item.type3 .box_ojc div p { background:rgba(255,255,255,.75); padding:3px; position: absolute; z-index: 3; right:0; bottom:0; }
.index .c_item.type3 .box_txt { padding:80px 50px 0 50px;}

.index .c_item.type4{ float:left; margin: 0 10px; width:-webkit-calc(100% / 3 - 20px); width:calc(100% / 3 - 20px);}
.index .c_item.type4 h2 { text-align: center; margin-bottom:25px; width:100%;}
.index .c_item.type4 h2 span.en{ font-size:36px; margin:0 auto; position: relative;}
.index .c_item.type4 .box_txt{ padding-top:0; margin-top:20px; min-width:100%; width:100%;}
.index .c_item.type4 .box_txt p{ margin:0 auto; width:90%;}
.index .c_item.type4 .box_txt dl{ min-width:70%; margin: 20px auto; width:70%;}
.index .c_item.type4 .box_txt dt { width:7em;}
.index .c_item.type4 .box_txt dd { width:-webkit-calc(100% - 7em); width:calc(100% - 7em);}

@media screen and (max-width: 600px) {
                    .index .c_item.type1 .box_txt { padding-left:0;}
                    .index .c_item.type2 .box_txt { padding-right:0;}
                    .index .c_item.type2 h2,
                    .index .c_item.type2 .box_txt>p,
                    .index .c_item.type2 .box_txt>ul,
                    .index .c_item.type2 .box_txt>dl{float: none;}
                    .index .c_item.type3 {width:90%;}
                    .index .c_item.type3 .box_txt { padding:0 ;}
                    .index .c_item.type3 .box_ojc{padding-top:10px;}
                    .index .c_item.type3 .box_ojc div p {background: none; position:relative; text-align: center;}
                    .index .c_item.type4 { float:none; margin: 0 ; width:100%;}
                    .index .c_item.type4 .box_txt dl{ min-width:0; margin: 10px auto; width:90%;}
                    .index .c_item.type4 .box_txt dt { width:100%;}
                    .index .c_item.type4 .box_txt dd { width:100%;}
}

.index .c_item#sec2{ -webkit-box-direction: reverse;-ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.index .c_item#sec4 .box_txt dt { width:9em;}
.index .c_item#sec4 .box_txt dd { width:-webkit-calc(100% - 9em); width:calc(100% - 9em); }
.index .c_item#sec4 .box_txt dd span.wbr { display: block;}

.c_wrap {}
.c_wrap::after{content:"";clear:both; display: block; height:0;}
@media screen and (max-width: 600px) {
                    .index .c_item#sec2 h2 span.en { font-size:44px;}
                    .index .c_item#sec4 .box_txt dt { width:100%;}
                    .index .c_item#sec4 .box_txt dd { width:100%;}
                    .index .c_item#sec8 h2 span.en { font-size:44px;}
}

/* ---------------------------------------------------
Content
------------------------------------------------------ */
.content main h2 + p { font-size:18px; padding-bottom:35px; text-align: center;}
.content .c_item { display: flex; flex-wrap: wrap; padding:50px 0 80px; position: relative; }
.content .c_item.type1 { -webkit-box-direction: reverse;-ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.content .c_item .box_ojc{ height: 600px; width: 62.5%;}
.content .c_item .box_ojc img { float:left; margin-left:50px; height: 600px;}
.content .c_item .box_txt{ padding-right:50px; width: 37.5%; min-width:360px; box-sizing: border-box; }
.content .box_txt .en{ float:right;color:#b2a9a5; display: block; font-size:45px; font-weight: normal; font-variant-caps:small-caps;line-height: 1;
                font-family: garamond-premier-pro, serif; font-weight: 400; font-style: normal; padding:20px 0 40px;text-align: center; width:360px;}
.content .c_item .box_txt p,
.content .c_item .box_txt dl{ float:right; width:360px;}
.content .c_item h3{ font-size:36px; margin-bottom:40px; padding-top:30px; position: relative; text-align: center; width:100%;}
.content .c_item h3::before { content:""; display: block; background:#78a325; height:4px; width:40px; position: absolute; top:0; left:50%; margin-left:-20px;}
@media screen and (max-width: 600px) {
                    .content main h2 + p { margin:0 auto;text-align: left; width:90%;}
                    .content .c_item { display:block; padding:25px 0 40px;}
                    .content .c_item .box_ojc{ height: auto; width: 100%;}
                    .content .c_item .box_ojc img { float:none; margin-left:0; height: auto;}
                    .content .c_item .box_txt{ padding-right:0; width:100%; min-width:100%; }
                    .content .box_txt .en{float:none; font-size:40px; padding:10px 0 20px; width:100%;}
                    .content .c_item .box_txt p,
                    .content .c_item .box_txt dl{ float:none; margin:0 5% 10px; width:90%;}
                    .content .c_item h3{ font-size:30px; margin-bottom:20px; padding-top:10px;}
                    .content .c_item h3::before { }
}

.content .c_item.type1 .box_ojc img {float:right; margin:0 50px 0 0;}
.content .c_item.type1 .box_txt{ padding:0 0 0 50px;}
.content .c_item.type1 .box_txt .en,
.content .c_item.type1 .box_txt p,
.content .c_item.type1 .box_txt dl{ float:left;}
@media screen and (max-width: 600px) {
                    .content .c_item.type1 .box_ojc img {float:none; margin:0 25px 0 0;}
                    .content .c_item.type1 .box_txt{ padding:0;}
                    .content .c_item.type1 .box_txt .en,
                    .content .c_item.type1 .box_txt p,
                    .content .c_item.type1 .box_txt dl{ float:none;}
}

.f01 #sec1 { margin-top:50px;}
.f01 #sec1 .box_txt {display: flex; margin:50px auto; width:930px;}
.f01 #sec1 .box_txt .en {font-size:60px; padding-right:80px;}
.content.f01 #sec1 h3{ font-size:36px; margin-bottom:40px; padding-top:0; position: relative; text-align: center; width:100%;}
.content.f01 #sec1 h3::before { content:""; display: block; background:#78a325; height:4px; width:40px; position: absolute; top:0; left:50%; margin-left:-20px;}
@media screen and (max-width: 600px) {
                    .f01 #sec1 { margin-top:20px;}
                    .f01 #sec1 .box_txt {display: block; margin:20px auto; width:90%;}
                    .f01 #sec1 .box_txt .en {font-size:40px; padding-right:0;}
                    .content.f01 #sec1 h3{ font-size:30px; margin-bottom:20px;}
}

.hall .c_item .box_txt { width:34%;}
.hall .c_item h3 { font-size:20px; float:right; margin:0 125px 80px 0; text-align: center; width:66px;
                    -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.hall .c_item h3 b { font-size:40px;}
.hall .c_item dl {clear:both; display: flex; flex-wrap: wrap; margin:0 auto; width:350px;}
.hall .c_item dt,
.hall .c_item dd{ background:rgba(70,35,13,.1); border:0; margin-bottom:8px; padding:5px; box-sizing: border-box;}
.hall .c_item dt { width:8em;}
.hall .c_item dd { width:-webkit-calc(100% - 8em); width:calc(100% - 8em);}
.hall .c_item .layout { margin:30px auto; width:600px;}
.hall .c_item.type1 h3 {float:left; margin:0 0 80px 125px;}

.list_tb {margin:80px auto; width:1200px;}
.list_tb h4 { font-size:36px; text-align: center;}
.list_tb table {border: 1px solid rgba(70,35,13,.1); border-collapse: collapse; width:100%; }
.list_tb td { border: 1px solid rgba(70,35,13,.1); padding: 10px; text-align: center;}
.list_tb th { background:rgba(70,35,13,.1); border: 1px solid rgba(70,35,13,.1); padding: 10px; vertical-align: middle; }
.list_tb #table_head td { background:rgba(70,35,13,.2); padding: 10px 0;}

@media screen and (max-width: 600px) {
                    .hall .c_item { padding:40px 0; width:100%;}
                    .hall .c_item .box_txt ,
                    .hall .c_item .img { width:100%; }
                    .hall .c_item .layout { margin:30px auto; width:90%;}
                    .hall .c_item h3 { float:none; margin:0 0 30px 0; width:100%; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;}
                    .hall .c_item h3 b { font-size:30px;}
                    .hall .c_item dl { display: block; width:80%;}
                    .hall .c_item dt,
                    .hall .c_item dd { text-align: center; width:100%;}
                    .hall .c_item dd{ background:none;}
                    .hall .c_item .layout { margin:15px 10%; width:80%;}
                    .hall .c_item.type1 h3 {float:none; margin:0 0 30px 0;}
                    .list_tb {margin:40px auto; width:auto;}
                    .list_tb h4 { font-size:26px; }
                    .list_tb table {overflow: auto; width:800px; margin:0 10px; }
                    .sc_tb + p {margin:10px auto; width:90%;}
}