@charset "UTF-8";
.con_gallery { max-width: 1200px; margin: auto; width: 95%; }

body .br_btm { border-bottom: 1px solid #ebebeb; }
body .st_ttl { font-size: 150%; font-weight: normal; line-height: 2; margin-bottom: 1.5em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { body .st_ttl { font-size: 150%; } }
@media only screen and (max-width: 767px) { body .st_ttl { font-size: 134%; } }
@media only screen and (max-width: 767px) { body .st_ttl { margin-bottom: 1em; } }

html.lower #contents .imgpattern { background: url(../../about/images/img_main.jpg) no-repeat center/cover; }
html.lower #contents .imgpattern h2 { text-shadow: 0 0 30px rgba(11, 32, 25, 0.8); }

.con_slider { padding: 6em 0 2.5em; }
@media only screen and (max-width: 767px) { .con_slider { padding: 4em 0 1.5em; } }
.con_slider .box_txt { margin-bottom: 3em; }
@media only screen and (max-width: 767px) { .con_slider .box_txt { margin-bottom: 1.5em; } }
.con_slider .box_txt .txt { max-width: 530px; margin: 0 auto; }
@media only screen and (max-width: 767px) { .con_slider .box_txt .txt { max-width: none; } }
.con_slider .container .box_slider { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3.5em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_slider .container .box_slider { margin-bottom: 5em; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider { margin-bottom: 2em; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider { display: block; } }
.con_slider .container .box_slider [class^="box_img_lf"] { margin-bottom: 0 !important; width: 74.2%; padding-top: 0.7em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_slider .container .box_slider [class^="box_img_lf"] { width: 68%; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider [class^="box_img_lf"] { width: 100%; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider [class^="box_img_lf"] { padding-top: 0; } }
.con_slider .container .box_slider .box_right { display: flex; flex-direction: column; width: 23.5%; }
@media only screen and (min-width: 1200px) { .con_slider .container .box_slider .box_right { justify-content: space-between; padding-bottom: 20px; } }
@media print { .con_slider .container .box_slider .box_right { justify-content: space-between; padding-bottom: 20px; } }
@media only screen and (max-width: 1199px) { .con_slider .container .box_slider .box_right { width: 100%; margin: auto; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right { width: 90%; padding-top: .5em; } }
@media only screen and (max-width: 1199px) { .con_slider .container .box_slider .box_right .st_ttl { order: 2; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right .st_ttl { text-align: center; margin-top: 1em; } }
@media only screen and (min-width: 768px) { .con_slider .container .box_slider .box_right .txt { margin-bottom: auto; } }
@media only screen and (max-width: 1199px) { .con_slider .container .box_slider .box_right .txt { order: 3; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right .txt.sp_center { text-align: center; } }
.con_slider .container .box_slider .box_right [class^="js-dots"] { display: flex; align-items: center; }
@media only screen and (min-width: 1200px) { .con_slider .container .box_slider .box_right [class^="js-dots"] { margin-top: 25px; } }
@media print { .con_slider .container .box_slider .box_right [class^="js-dots"] { margin-top: 25px; } }
@media only screen and (max-width: 1199px) { .con_slider .container .box_slider .box_right [class^="js-dots"] { justify-content: flex-end; order: 0; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right [class^="js-dots"] { justify-content: center; } }
.con_slider .container .box_slider .box_right [class^="js-dots"] .prev, .con_slider .container .box_slider .box_right [class^="js-dots"] .next { text-align: center; cursor: pointer; }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right [class^="js-dots"] .prev, .con_slider .container .box_slider .box_right [class^="js-dots"] .next { margin-top: .2em; } }
.con_slider .container .box_slider .box_right [class^="js-dots"] .prev:before, .con_slider .container .box_slider .box_right [class^="js-dots"] .next:before { margin: 0 !important; color: #403c38; font-size: 142%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_slider .container .box_slider .box_right [class^="js-dots"] .prev:before, .con_slider .container .box_slider .box_right [class^="js-dots"] .next:before { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right [class^="js-dots"] .prev:before, .con_slider .container .box_slider .box_right [class^="js-dots"] .next:before { font-size: 126%; } }
.con_slider .container .box_slider .box_right [class^="js-dots"] .prev { order: 0; margin-right: 2.5em; }
.con_slider .container .box_slider .box_right [class^="js-dots"] .prev:before, .con_slider .container .box_slider .box_right [class^="js-dots"] .prev:after { font-family: FontAwesome; }
.con_slider .container .box_slider .box_right [class^="js-dots"] .prev > * { vertical-align: middle; }
.con_slider .container .box_slider .box_right [class^="js-dots"] .prev:before { content: ""; margin-right: .5em; }
.con_slider .container .box_slider .box_right [class^="js-dots"] .next { order: 2; margin-left: 2.5em; }
.con_slider .container .box_slider .box_right [class^="js-dots"] .next:before, .con_slider .container .box_slider .box_right [class^="js-dots"] .next:after { font-family: FontAwesome; }
.con_slider .container .box_slider .box_right [class^="js-dots"] .next > * { vertical-align: middle; }
.con_slider .container .box_slider .box_right [class^="js-dots"] .next:before { content: ""; margin-right: .5em; }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul { text-align: right; bottom: -2.5em; z-index: 1; width: auto; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); position: static; transform: translate(0); width: auto !important; order: 1; }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right [class^="js-dots"] ul { bottom: .5em; width: 100%; text-align: center; } }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul li { position: relative; width: 4px; height: 0; padding-top: 4px; margin: 0; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transition: background 300ms; -moz-transition: background 300ms; -o-transition: background 300ms; transition: background 300ms; background: #cbcbcb; }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul li:not(.slick-active) button { cursor: pointer; }
.mouse .con_slider .container .box_slider .box_right [class^="js-dots"] ul li:not(.slick-active):hover, .touch .con_slider .container .box_slider .box_right [class^="js-dots"] ul li:not(.slick-active).touchstart { background: #868482; }
.touch .con_slider .container .box_slider .box_right [class^="js-dots"] ul li:not(.slick-active) { -webkit-tap-highlight-color: transparent; }
.touch .con_slider .container .box_slider .box_right [class^="js-dots"] ul li:not(.slick-active).touchend { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul li:not(:first-child) { margin-left: 1.5em; }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right [class^="js-dots"] ul li:not(:first-child) { margin-left: 1em; } }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul li.slick-active { background-color: #403c38; }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right [class^="js-dots"] ul li { width: 1em; padding-top: 1em; } }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul li button { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; margin: 0; padding: 0; }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul li { vertical-align: middle; }
.con_slider .container .box_slider .box_right [class^="js-dots"] ul li.slick-active { width: 10px; padding-top: 10px; }
@media only screen and (max-width: 767px) { .con_slider .container .box_slider .box_right [class^="js-dots"] ul li { width: .5em; padding-top: .5em; }
  .con_slider .container .box_slider .box_right [class^="js-dots"] ul li.slick-active { width: 1em; padding-top: 1em; } }

.con_list { padding: 5em 0; }
@media only screen and (max-width: 767px) { .con_list { padding: 3em 0; } }
.con_list .container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.con_list .container .box_item { width: 32.5%; border: 1px solid #ebebeb; margin-bottom: 0; }
@media only screen and (max-width: 767px) { .con_list .container .box_item { width: 100%; } }
@media only screen and (max-width: 767px) { .con_list .container .box_item { margin-bottom: 1.5em; } }
.con_list .container .box_item img { width: 100%; }
.con_list .container .box_item .box_txt { padding: 2em 2.5em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_list .container .box_item .box_txt { padding: 1em; } }
@media only screen and (max-width: 767px) { .con_list .container .box_item .box_txt { padding: 1em 1.5em; } }
.con_list .container .box_item .box_txt .st_ttl { text-align: center; margin-bottom: 1em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_list .container .box_item .box_txt .st_ttl { letter-spacing: 0; } }
.con_list .container .box_item .box_txt .txt { line-height: 2.5; margin-bottom: 1.5em; }
@media only screen and (max-width: 767px) { .con_list .container .box_item .box_txt .txt { margin-bottom: 1em; } }
.con_list .container .box_item .box_txt .btn { text-align: center; }
.con_list .container .box_item .box_txt .btn a { width: 100%; }

.con_gallery { padding: 5.5em 0 12em; }
@media only screen and (max-width: 767px) { .con_gallery { padding: 4em 0 5em; } }
.con_gallery .title { font-weight: normal; text-align: center; font-size: 200%; font-weight: normal; margin-bottom: 1.5em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_gallery .title { font-size: 184%; } }
@media only screen and (max-width: 767px) { .con_gallery .title { font-size: 167%; } }
@media only screen and (max-width: 767px) { .con_gallery .title { margin-bottom: 1em; } }
.con_gallery .box_tab #tab { margin-bottom: 3em; }
@media only screen and (max-width: 767px) { .con_gallery .box_tab #tab { margin-bottom: 2em; } }
.con_gallery .box_tab #tab ul { text-align: center; }
.con_gallery .box_tab #tab ul li { cursor: pointer; display: inline-block; padding: 0 2em; }
@media only screen and (max-width: 767px) { .con_gallery .box_tab #tab ul li { padding: 0 0.4em; } }
.con_gallery .box_tab #tab ul li.active { cursor: default; position: relative; }
.con_gallery .box_tab #tab ul li.active::after { content: "\f107"; font-family: FontAwesome; position: absolute; top: 0; left: 38%; transform: translate(50%, 50%); font-size: 1.6em; color: #000; }
.con_gallery .box_tab #panel .box_panel { display: none; }
.con_gallery .box_tab #panel .box_panel:first-child { display: block; }
.con_gallery .box_tab #panel .box_panel .box_flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.con_gallery .box_tab #panel .box_panel .box_flex a { width: 32.66667%; margin-right: 1%; float: left; margin-bottom: 1%; overflow: hidden; }
.con_gallery .box_tab #panel .box_panel .box_flex a:nth-of-type(3n) { margin-right: 0; }
.con_gallery .box_tab #panel .box_panel .box_flex a img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; }
.con_gallery .box_tab #panel .box_panel .box_flex a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; }