@charset "UTF-8";
/* CSS Document */
.slick-dots { bottom:-40px!important;}

#main_img{ background: url("../../spa/img/tit.jpg") no-repeat center center;background-size: cover;}
#lead_col h2 { margin-right:35px; font-weight: 600;}
#lead_col h2 span { display: block;}
#lead_col p.v_rl.lead span:not([class]) {text-combine-upright: all; -ms-text-combine-horizontal: all; -webkit-text-combine: horizontal;}
section {position: relative;}                 

@media screen and (max-width: 600px) {
                #lead_col h2 { margin-right:0;}
}


/* ---------------------------------------------------
Cnav
------------------------------------------------------ */
#cnav { padding:0 0 50px 0; text-align: center;}

@media screen and (max-width: 600px) {
                    #cnav { padding:50px 0;}
                    #cnav li { font-size:14px;}
                    #cnav li a::after,
                    #cnav li a:hover::after{right:5px;}
}
/* ---------------------------------------------------
C_item
------------------------------------------------------ */
article>h1 { font-size:24px; margin-bottom:30px; padding-bottom:30px; line-height: 1; position: relative; text-align: center; }
article>h1 span.en { color:#b2a9a5; display: block; font-size:90px; 
                font-family: garamond-premier-pro, serif; font-weight: 400; font-style: normal;font-variant-caps: small-caps;}
article>h1::after{content:""; display: block; background:#78a325; height:4px; width:64px; position: absolute; bottom:0; left:50%; margin-left:-32px;}
article>h1+p { text-align: center;}
.c_item { display: flex; flex-wrap: wrap; padding:50px 0 80px;}
.c_item h2 { line-height: 1.5; padding-bottom:0;}
.c_item h2::after{content:none;}
.c_item.type1 { -webkit-box-direction: reverse;-ms-flex-direction: row-reverse; flex-direction: row-reverse; padding:50px 0;}
.c_item .box_ojc{ height: 640px; width: 62.5%;}
.c_item .box_ojc img {height: 640px; width: 100%;}
.c_item .box_txt{ width: 37.5%; min-width:360px; position: relative; box-sizing: border-box; }
.c_item .b_nm {text-align: center; margin-bottom: 45px; width:350px; }
.c_item .b_nm b{ font-size: 40px; font-weight: 600;line-height: 2em; margin-bottom:30px; width:2em; 
                   -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.c_item .b_nm b span{ color:#78a325; font-size:60px;}

.c_item .b_nm>span {background: #46230d;color: #fff;display: block; font-size: 16px; margin: 0 auto 30px; padding: 2px 10px;text-align: center; width: 7rem; }
.c_item .b_nm small { font-size:12px; display: block;}
.c_item .b_nm small span { display: block; font-size:18px; }

.c_item .box_txt p,
.c_item .box_txt>ul { padding-bottom:15px; width:350px;}
.c_item .box_txt>ul li{ padding-left:1em; text-indent: -1em;}

.c_item .box_info { border:1px solid; display: flex; flex-wrap: wrap;  margin: 80px auto 80px; padding:15px 50px; width:1100px; box-sizing: border-box;}
.c_item .box_info dt,
.c_item .box_info dd {border-bottom:1px solid rgba(70,35,13,1); padding:10px 0;}
.c_item .box_info dt:last-of-type,
.c_item .box_info dd:last-of-type { border-bottom: none;}
.c_item .box_info dt { box-sizing: border-box; padding-right:50px; border-right:1px solid; width:170px;}
.c_item .box_info dd { box-sizing: border-box; padding-left:50px; width:800px;}
.c_item .box_info dd ul { display: flex;} 
.c_item .box_info dd small { font-size:12px;}
.c_item .box_info dd p { margin-top:25px; }

.c_item.type1 .box_txt { padding-left:50px;}
.c_item.type2 .box_txt { padding-right:50px;}
.c_item.type2 h2,
.c_item.type2 .box_txt p,
.c_item.type2 .box_txt>ul {clear: both; float: right;}

@media screen and (max-width: 600px) {
                    article>h1 span.en { font-size:60px;}
                    .c_item { display: block; padding:50px 0;}
                    .c_item.type1 { padding:35px 0;}
                    .c_item .box_ojc{ display: block; height:auto; width: 100%;}
                    .c_item .box_ojc img { height:auto; width: 100%;}
                    .c_item .box_txt{ min-width:0; margin:0 auto; width: 92%; }
                    .c_item .b_nm { margin:0 auto 15px ; width:100%; }
                    .c_item .b_nm b{ width:auto; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;}
                    .c_item .b_nm>span {margin: 0 auto 10px;}
                    .c_item .box_txt p,
                    .c_item .box_txt>ul { margin:0 auto; width: 92%;}
                    .c_item .box_img { margin:60px auto 25px auto; width:96%;}
                    .c_item .box_info { border:1px dotted rgba(70,35,13,.5); display:block; margin: 60px auto 0; padding:15px 20px; text-align:center; width:90%; }
                    .c_item .box_info dt {background: rgba(208,205,205,.35); border:0; padding:5px 0 ; text-align: center;width:100%;}
                    .c_item .box_info dt:not(:nth-of-type(1)) { margin-top:20px;}
                    .c_item .box_info dt:last-of-type { border:0;}
                    .c_item .box_info dd { border-bottom: none; padding:10px 0 ; width:100%;}
                    .c_item .box_info dd span.wbr { display: block; font-size:14px;}
                    .c_item .box_info dd ul { display:block;}
                    .c_item .box_info dd p { margin-top:25px; text-align: left;}
                    
                    .c_item.type1 .box_txt { padding-left:0;}
                    .c_item.type2 .box_txt { padding-right:0;}
                    .c_item.type2 h2,
                    .c_item.type2 .box_txt p,
                    .c_item.type2 .box_txt>ul { float:none;}
}
@media screen and (max-width: 321px) {
                     .c_item .box_info dd span.wbr2 { display: block; padding-bottom:5px;}
}

/* ---------------------------------------------------
Note
------------------------------------------------------ */
#note { background: url("../../room/img/bg_01.jpg")no-repeat; background-size: cover; padding:0;margin:0 auto; width:90%;}
#note .inner { margin:0 auto; position: relative; width:1100px;}
#note .inner::after { content:""; clear:both; display: block; height:0;}
#note h3 {float:left; padding:90px 0 0 0; margin:0 0 0 30px; font-size:24px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; 
                 position: relative; height:300px; line-height: 1; text-align: left; width:1em; }
#note h3 span.en{ font-size:18px; margin-top:20px;}
#note h3::before { content:""; display: block; height:85px; width:1px; background:#46230d; position: absolute; left:50%; top:0;}
#note dl { float:right; display: flex; flex-wrap:wrap; margin:50px 0 80px; width:900px;}
#note dt,
#note dd { box-sizing: border-box; border-bottom: 1px solid rgba(74,52,39,.3); padding:10px;}
#note dt { border-right: 1px solid rgba(74,52,39,.3); text-align: center; width:20%;}
#note dd { width:80%;}

@media screen and (max-width: 600px) {
                    #note { width:100%;}
                    #note .inner { margin:0 auto; width:90%;}
                    #note h3 {float:none; padding:50px 0 0 0; margin:0; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;
                                     height:auto; line-height: 1.5; text-align: center; width:100%;}
                    #note h3 span.en{ display: block; margin-top:0;}
                    #note h3::before { height:45px;}
                    #note dl { float:none; display:block; margin:20px 5% ; padding-bottom:20px; width:90%;}
                    #note dt,
                    #note dd {border-bottom:0; padding:5px; width:100%; }
                    #note dt {border:1px solid rgba(74,52,39,.3);}
                    #note dd { text-align: left;}
}