@charset "utf-8";
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body,button,input,select,textarea {color: #2b2b2b;font-family: Lato, sans-serif;font-size: 14px;font-weight: 400;line-height: 2;overflow: auto;}
a {color: #212121;text-decoration: none;outline: none;}
a:focus {outline: none;}
a:hover,a:active {outline: 0;outline: none;}
a:active,a:hover {color: #7FD6F7;}
h1,h2,h3,h4,h5,h6 {clear: both;font-weight: 700;margin: 36px 0 12px;}
h1 {font-size: 26px;line-height: 1.3846153846;}
h2 {font-size: 24px;line-height: 1;}
h3 {font-size: 22px;line-height: 1.0909090909;}
h4 {font-size: 20px;line-height: 1.2;}
h5 {font-size: 18px;line-height: 1.3333333333;}
h6 {font-size: 16px;line-height: 1.5;}
address {font-style: italic;margin-bottom: 24px;}
abbr[title] {border-bottom: 1px dotted #2b2b2b;cursor: help;}
b,strong {font-weight: 700;}
cite,dfn,em,i {font-style: italic;}
mark,ins {background: #fff9c0;text-decoration: none;}
p {margin-bottom: 24px;}
code,kbd,tt,var,samp,pre {font-family: monospace, serif;font-size: 15px;-webkit-hyphens: none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height: 1.6;}
pre {border: 1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom: 24px;max-width: 100%;overflow: auto;padding: 12px;white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
blockquote,q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
blockquote {color: #767676;font-size: 19px;font-style: italic;font-weight: 300;line-height: 1.2631578947;margin-bottom: 24px;}
blockquote cite,blockquote small {color: #2b2b2b;font-size: 16px;font-weight: 400;line-height: 1.5;}
blockquote em,blockquote i,blockquote cite {font-style: normal;}
blockquote strong,blockquote b {font-weight: 400;}
small {font-size: smaller;}
big {font-size: 125%;}
sup,sub {font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
dl {margin-bottom: 24px;}
dt {font-weight: bold;}
dd {margin-bottom: 24px;}
li,ul,ol {list-style: none;margin: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 20px;}
img {-ms-interpolation-mode: bicubic;border: 0;vertical-align: middle;}
figure {margin: 0;}
fieldset {border: 1px solid rgba(0, 0, 0, 0.1);margin: 0 0 24px;padding: 11px 12px 0;}
legend {white-space: normal;}
button,input,select,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 100%;margin: 0;max-width: 100%;vertical-align: baseline;}
button,input {line-height: normal;}
input,textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table,th,td {border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin-bottom: 24px;width: 100%;}
caption,th,td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: bold;}
td {border-width: 0 1px 1px 0;}
del {color: #767676;}
hr {background-color: rgba(0, 0, 0, 0.1);border: 0;height: 1px;margin-bottom: 23px;}

img {width: 100%;height: auto;}
.tit {margin: 0;font-size:32px;font-weight: 500;text-align: center;position: relative;letter-spacing: 0.4rem;margin-bottom: 72px;}
.tit:after {content: ''; display: block;width: 56px;height: 3px;background-color: #000;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);}
.en {font-family:'Cinzel', serif;}

.sp {
    display: none;
}
.pc {
    display: block;
}
@media(max-width:768px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}



/***************************************************************
************ SETTING *******************************************
***************************************************************/
.header {position: fixed;right: 0;top:0;display:flex;justify-content: space-between;height: 80px;padding-right: 80px;background-color: #000;z-index: 100;}
.header .logo {background-color:#FFF;}
.header .logo a {width:100px;height: 80px;display: flex;justify-content: center;align-items: center;}
.header .logo a img {width: 72%;margin-left: 1%;}
.header .menu_tit {width:100px;height: 80px;display: flex;justify-content: center;align-items: center;color: #FFF;font-size: 16px;font-weight: 700;}
.header .menu_tit img {width: 50%;}
.drawer-nav {overflow: auto;-webkit-overflow-scrolling: touch;}
ul.drawer-menu {padding: 100px 5% 40px;box-sizing: border-box;width: 50%;margin: 0 auto;}
ul.drawer-menu li {padding: 3rem 0 1.5rem;border-bottom: solid 1px #9e9e9e;text-align: center;}
ul.drawer-menu li a {display: block;text-align: center;position: relative;}
/*ul.drawer-menu li a::before,ul.drawer-menu li a::after{position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;transition: all  0.3s ease;}
ul.drawer-menu li a::before{right: 0.9rem;width: 1.8rem;height: 1px;background: #000;}
ul.drawer-menu li a::after{right: 1rem;width: 12px;height: 11px;border-top: 1px solid #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}*/
ul.drawer-menu li .remark {font-size: 14px;margin-bottom: 16px;}
ul.drawer-menu li .tit {font-size: 32px;margin-bottom: 32px;}
ul.drawer-menu li .tel_num {font-size: 27px;}
ul.drawer-menu li .tel_num span {font-size: 14px;}
.sns_box {width: 100%;padding-top: 6rem;}
.sns_box .tits {text-align: center;margin: 0 0 2rem;}
.sns_box .tits img {width:151px;}
.sns_box .in {display: flex;justify-content: center;}
.sns_box .in img {width: 80px;height: auto;margin: 0 1rem;}
.wrap {width: 100%;margin: 0;padding: 0;}
.mv {width: 100%;height: 100vh;overflow: hidden;position: relative;}
.mv img.mv_bk {width: 100%;height: auto;position: fixed;}
.mv .logo {width: 256px; position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);margin: 0;padding: 0;}
.mv .logo img {width: 100%;height: auto;}
.mv .logo .open_txt {width: 179px;padding-top: 1.5rem;}
.mv .logo .open_txt img {width: 100%;height: auto;}
.concept {position: relative;width: 100%;box-sizing: border-box;padding: 80px 40px 40px;background-image: url(../img/sec_bk.jpg);}
.concept .in {box-sizing: border-box;border:solid 6px #000;position: relative;padding: 40px 0;}
.concept .in:before {width: 6px;height: 100%;position: absolute;background-color: #000;content: '';left: -6px;top: 0;}
.concept .in .tit {}
.concept .in .concept_img {width: 87%;margin-left: -46px;}
.concept .in .concept_img img {z-index: 1;}
.btn_more {height: 48px;margin-left: 50%;transform: translate(-50%,0);margin-top: 32px;display: inline-block;letter-spacing: 0.1rem;}
.btn_more a {color: #FFF;background-color: #000;border: solid 1px #000;line-height: 48px;display: block;box-sizing: border-box; padding: 0 4rem 0 1.5rem;text-decoration: none;transition: all  0.3s ease;}
.txt_area .btn_more {position: relative;}
.btn_more::before,.btn_more::after{position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;transition: all  0.3s ease;}
.btn_more::before{right: 0.9rem;width: 1.8rem;height: 1px;background: #FFF;}
.btn_more::after{right: 1rem;width: 12px;height: 11px;border-top: 1px solid #FFF;/* border-right: 1px solid #FFF; */-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.btn_more:hover:before{right: 0.9rem;width: 1.8rem;height: 1px;background: #000;}
.btn_more:hover:after{right: 1rem;width: 12px;height: 11px;border-top: 1px solid #000;/* border-right: 1px solid #FFF; */-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.btn_more a:hover {color: #000;background-color: #FFF;border: solid 1px #000;}
.txt_area {padding: 40px;box-sizing: border-box;background-color: #FFF;width: 65%;margin: -40px 0 0 35%;position: relative;-webkit-box-shadow: -0.5rem 0.5rem 1rem rgba(0,0,0,0.30);box-shadow: -0.5rem 0.5rem 1rem rgba(0,0,0,0.30);}
.txt_area h2 {margin: 0 0 1.0rem;padding: 0;font-size: 28px;line-height: 1.6;}
.txt_area p {margin: 0;padding: 0;font-size: 16px;}
.service {position: relative;width: 100%;box-sizing: border-box;padding: 80px 40px 40px;background-image: url(../img/sec_bk.jpg);}
.service .in {box-sizing: border-box;border:solid 6px #000;position: relative;margin-bottom: 32px;}
.service .in a {width: 100%;height: auto;overflow: hidden;position: relative;display:block;}
.service .in a .bk {position: relative;}
.service .in a .bk img {width: 100%;height: auto;transition: all  0.3s ease;}
.service .in a:hover .bk img {transform:scale(1.1,1.1);}
.service .in a .s_tit {position: absolute;top:40%;left: 50%;transform: translate(-50%,-50%);}
.service .in a .s_tit img {width: auto;height: 114px;}
.service .in a .btn_more {position: absolute;border: solid 1px #000;left: 50%;top:calc(45% + 2.3rem); height: 48px;margin-left: 0%;transform: translate(-50%,0);margin-top: 0px;display: inline-block;color: #FFF;background-color: #000;line-height: 48px;padding: 0 4rem 0 1.5rem;transition: all  0.3s ease;}
.service .in a:hover .btn_more {color: #000;background-color: #FFF;border: solid 1px #000;}
a:hover .btn_more::before{right: 0.9rem;width: 1.8rem;height: 1px;background: #000;}
a:hover .btn_more::after{right: 1rem;width: 12px;height: 11px;border-top: 1px solid #000;/* border-right: 1px solid #FFF; */-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.members {position: relative;width: 100%;box-sizing: border-box;padding: 80px 0 0px;background-image: url(../img/sec_bk.jpg);}
.members .in {box-sizing: border-box;position: relative;}
.members .in .bk {position: relative;}
.members .in .bk img {width: 100%;height: auto;}
.members .in .tit_s {position: absolute;display: inline-block;text-align: center;color: #FFF;font-size: 18px;font-weight: 700;line-height: 56px;box-sizing: border-box;border: solid 3px #FFF;padding: 0 1.5rem;top:30%;left: 50%;transform: translate(-50%,-50%);}
.members .in p {position: absolute;text-align: center;color: #FFF;font-size: 16px; top:calc(30% + 60px);left: 50%;transform: translate(-50%,0);}
.btn_more {position: absolute;top:60%;transform: translate(-50%,0);}
.access {position: relative;width: 100%;box-sizing: border-box;padding: 120px 40px 40px;background-image: url(../img/sec_bk.jpg);}
.access .tit {}
.access .in {box-sizing: border-box;border:solid 6px #008045;position: relative;padding: 40px 0;}
.access .in:before {width: 6px;height: 100%;position: absolute;background-color: #008045;content: '';left: -6px;top: 0;}
.access .in:after {width: 6px;height: 100%;position: absolute;background-color: #008045;content: '';right: -6px;top: 0;}
.access .in .map {background-color: #a1a1a1;width:calc(100% + 92px);box-sizing: border-box;padding: 0;margin:0 -46px;}
.access .in .map iframe {width: 100%;height: 450px;vertical-align: bottom;}
.access .in .txt_area {padding: 40px;box-sizing: border-box;background-color: #FFF;width: 65%;margin: -40px 35% 0 0%;position: relative;-webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.30);box-shadow: -0.5rem 0.5rem 1rem rgba(0,0,0,0.30);}
.sns {position: relative;width: 100%;box-sizing: border-box;padding: 80px 40px 40px;background-image: url(../img/sec_bk.jpg);}
.sns .in {max-width: 992px;margin: 0 auto 0;display: flex;justify-content: space-between;}
.sns .in .sns_l {width: 50%;}
.sns .in .sns_r {width: 39%;}
.sns .in .sns_r .title {font-family:'Cinzel', serif;font-size: 20px;line-height: 96px;font-weight: 700;border-bottom: solid 6px #000;border-top: solid 6px #000;text-align: center;}
.sns .in .sns_r ul {padding-top: 64px;}
.sns .in .sns_r ul li {text-align: center;margin-bottom: 36px;}
.sns .in .sns_r ul li .sns_name {font-family:'Cinzel', serif;font-size: 14px;font-weight: 700; margin: 0 0 0.5rem;}
.sns .in .sns_r ul li .ico {width: 46px;margin: 0 auto;}
.footer {width: 100%;background-color: #333;position: relative;padding: 40px 0 40px;}
.footer .in {width: 100%;max-width: 1100px; box-sizing: border-box;padding: 40px;margin: 0 auto;color: #FFF;display: flex;justify-content: space-between;}
.footer .in .footer_l {width: 50%;margin-bottom: 16px;}
.footer .in .footer_l .f_logo {width: 200px;}
.footer .in .footer_l .add_box {}
.footer .in .footer_l .add_box .name {font-size: 16px;}
.footer .in .footer_l .add_box .add {font-size: 14px;}
.footer .sns_box {width: 50%;padding-top: 0rem;}
.footer .sns_box .title {width: 100%;margin: 0 auto 1.5rem;text-align: center;}
.footer .sns_box .title img {width:88px;margin: 0 auto;}
.footer .sns_box .sns_b {width:100%;display:flex;justify-content: center;}
.footer .sns_box .sns_b img {width:46px;margin: 0 1rem;}
.footer .copy {font-size: 9px;color: #FFF;text-align: center;}


@media(max-width:768px) {
	.tit {margin: 0;font-size:24px;font-weight: 500;text-align: center;position: relative;letter-spacing: 0.4rem;margin-bottom: 2rem;}
	.header {width: 100%;box-sizing: border-box; position: fixed;right: 0;top:0;display:flex;justify-content: space-between;height: 65px;padding-right: 65px;background-color: #000;z-index: 100;}
	.header .logo a {width:65px;height: 65px;display: flex;justify-content: center;align-items: center;}
	.header .logo a img {width: 72%;margin-left: 1%;}
	.header .menu_tit {width:70px;height: 65px;display: flex;justify-content: center;align-items: center;}
	.header .menu_tit img {width: 75%;}
	ul.drawer-menu {padding:65px 24px 40px 65px;box-sizing: border-box;width: auto;}
	ul.drawer-menu li {padding:1.5rem 41px 1.5rem 0;border-bottom: solid 1px #9e9e9e;}
	ul.drawer-menu li a img {width: auto;height:2.4rem;position: relative; }
	ul.drawer-menu li a::before{right: -2.1rem;}
	ul.drawer-menu li a::after{right: -2rem;}
	.sns_box {width: 100%;padding-top: 1rem;padding-right: 41px;box-sizing: border-box;}
	.sns_box .tits {text-align: center;margin: 0 0 1rem;}
	.sns_box .tits img {width:30%;}
	.sns_box .in img {width: 45px;height: auto;margin: 0 1rem;}	
	.wrap {overflow: hidden;}
	.concept {padding: 5%;}
	.concept .in {padding-bottom:10%;border:solid 3px #000;position: relative;padding: 5% 0;}
	.concept .in:before {width: 3px;height: 100%;position: absolute;background-color: #000;content: '';left: -3px;top: 0;}
	.concept .in:after {width: 3px;height: 100%;position: absolute;background-color: #000;content: '';right: -3px;top: 0;}
	.concept .in .concept_img {width: 112%;margin-left: -6%;}
	.btn_more a {padding: 0 3rem 0 1.0rem;white-space: nowrap;}
	.txt_area .btn_more {white-space: nowrap;}
	.txt_area {padding: 5%;box-sizing: border-box;background-color: #FFF;width: 90%;margin: -5% 0 0 5%;position: relative;}
	.txt_area h2 {margin: 0 0 1.0rem;padding: 0;font-size: 5vw;text-align: center;line-height: 1.6;}
	.txt_area p {font-size:4.0vw;text-align: justify;}
	.service {padding: 40px 5% 40px;}
	.service .in {border:solid 3px #000;margin-bottom:3rem;}
	.service .in a {overflow:visible;}
	.service .in a .s_tit img {width: auto;height:5rem;}
	.service .in a .btn_more {top: auto;bottom: 0;transform: translate(-50%,50%); white-space: nowrap;}
	.members {padding: 0 0 0px;}
	.members .in {margin-bottom: 0px;}
	.members .in .tit_s {font-size: 4vw;line-height: 2.5;letter-spacing: 0.14rem;border: solid 2px #FFF;top: 25%;white-space: nowrap;}
	.members .in p {font-size: 3.2vw;top: calc(30% + 30px);width: 100%;}
	.btn_more {top:55%;}	
	.access {padding:10% 5% 5%;}
	.access .map {padding: 0;}
	.access .map iframe {height: 350px;}
	.access .in {box-sizing: border-box;border:solid 3px #000;position: relative;padding: 5% 0;}
	.access .in:before {width: 3px;height: 100%;position: absolute;background-color: #000;content: '';left: -3px;top: 0;}
	.access .in:after {width: 3px;height: 100%;position: absolute;background-color: #000;content: '';right: -3px;top: 0;}
	.access .in .map {width: calc(110% + 6px);margin: 0 calc(-5% - 3px);}
	.access .in .map iframe {width: 100%;height: 350px;vertical-align: bottom;}
	.access .in .txt_area {padding: 5%;box-sizing: border-box;background-color: #FFF;width: 90%;margin: -5% 0 0 5%;position: relative;}
	.sns {padding:5%;}
	.sns .in {max-width:100%;margin: 0 auto 0;display:block;}
	.sns .in .sns_l {width: 100%;margin-bottom: 2rem;}
	.sns .in .sns_r {width: 100%;}
	.sns .in .sns_r .title {ont-size: 4.5vw;letter-spacing: 0.14rem; line-height: 48px;border-bottom: solid 3px #000;border-top: solid 3px #000;}
	.sns .in .sns_r ul {padding-top: 3rem;}
	.sns .in .sns_r ul li {text-align: center;margin-bottom: 3rem;}
	.sns .in .sns_r ul li .sns_name {font-size: 4vw;}
	.sns .in .sns_r ul li .ico {width: 40px;}
	.footer .in {padding: 5%;margin: 0 auto;color: #FFF;display:block;}
	.footer .in .footer_l {width: 100%;display:block;}
	.footer .in .footer_l .f_logo {width: 127px;margin: 0 auto 0;}
	.footer .in .footer_l .add_box {margin-left:0px;text-align: center;}
	.footer .sns_box {width: 100%;padding-top: 0rem;padding-right: 0px}
.footer .sns_box .title {width: 100%;margin: 0 auto 1.5rem;text-align: center;}
.footer .sns_box .title img {width:88px;margin: 0 auto;}
.footer .sns_box .sns_b {width:100%;display:flex;justify-content: center;}
.footer .sns_box .sns_b img {width:46px;margin: 0 1rem;}
.footer .copy {font-size: 9px;color: #FFF;text-align: center;}
}



/***************************************************************
************ CAFE&BAR ******************************************
***************************************************************/
.cafebar .mv {background-image: url(../img/mv_cafebar.jpg);background-position: center center;background-size: cover;}
.cafebar .mv .logo {width: 100px;}
h2.page_title {position: absolute;left: 50%;top:calc(50% + 30px);font-size: 32px;font-weight: 500;letter-spacing: 0.4rem; color: #FFF;transform: translate(-50%,0);}
.intro {width: 100%;box-sizing: border-box;padding: 0px 0 40px;background-image: url(../img/sec_bk.jpg);}
.intro .in {width: 944px;margin: 0 auto;}
.intro .in .txt_area {}
.intro .in .txt_area h2 {}
.intro .in .txt_area p {}
.menu {width: 100%;box-sizing: border-box;padding: 40px 0 40px;background-image: url(../img/sec_bk.jpg);}
.menu .in {width: 944px;margin: 0 auto;box-sizing: border-box;border: solid 6px #000;padding:72px 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.menu .in .col {width: 50%;margin-bottom: 2rem;text-align: center;}
.menu .in .col .ph {width: 280px;margin: 0 auto 0.5rem;}
.menu .in .col .ph img {width: 100%;}
.menu .in .col .title {font-size: 18px;font-weight: 700;}
.menu .in .col p {font-size: 14px;line-height: 1.4;}
.rem {width: 776px;box-sizing: border-box;padding: 40px 0 0;border-top: solid 1px #000;position: relative;margin: 0 auto;text-align: center;}
.rem:before {content: '';display: block;width: 100%;height: 1px;background-color: #000;position: absolute;left: 0;top:-8px;}
.rem p {text-align: center;margin: 0 0 2rem;padding: 0;}
.rem .btn_more {position: relative;top:auto;margin: 0 auto;transform: translate(0,0);}
.btn_more.blank:before {right: 2.4rem;}
.btn_more.blank:after {right: 2.5rem;}
.btn_more.blank a {padding: 0 5rem 0 1.5rem;font-family:'Cinzel', serif; }
.btn_more.blank a:after {content: '';display: block;position: absolute;width: 12px;height: 10px;background-image: url(../img/ico_blank.png);background-position: center center;background-size: contain;right: 12px;top:17px;}
.btn_more.blank a:hover:after {background-image: url(../img/ico_blank_o.png);}
.banner_area {width: 100%;box-sizing: border-box;padding: 40px 0 40px;background-image: url(../img/sec_bk.jpg);}
.banner_area .in {width: 944px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.banner_area .in a {width: 47.5%;box-sizing: border-box;border: solid 6px #000;position: relative;overflow: hidden;}
.banner_area .in a .bk {position: relative;}
.banner_area .in a .bk img {width: 100%;height: auto;transition: all  0.3s ease;}
.banner_area .in a:hover .bk img {transform:scale(1.1,1.1);}
.banner_area .in a .s_tit {position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);}
.banner_area .in a .s_tit img {width: auto;height: 7.5rem;}
.banner_area .in a .btn_more {position: absolute;border: solid 1px #000;left: 50%;top:calc(45% + 2.3rem); height: 48px;margin-left: 0%;transform: translate(-50%,0);margin-top: 0px;display: inline-block;color: #FFF;background-color: #000;line-height: 48px;padding: 0 4rem 0 1.5rem;transition: all  0.3s ease;}
.banner_area .in a:hover .btn_more {color: #000;background-color: #FFF;border: solid 1px #000;}


@media(max-width:768px) {
	.intro .in {width: 90%;margin: 0 auto;}
	.menu .in {width: 90%;margin: 0 auto;box-sizing: border-box;border: solid 3px #000;padding:5% 0;display:block;position: relative;}
	.menu .in:before {width: 3px;height: 100%;position: absolute;background-color: #000;content: '';left: -3px;top: 0;}
	.menu .in:after {width: 3px;height: 100%;position: absolute;background-color: #000;content: '';right: -3px;top: 0;}
	.menu .in .col {width: 114%;margin-bottom: 2rem;text-align: center;margin-left: -7%;}
	.menu .in .col .ph {width: 85%;margin: 0 0 0.5rem 0;}
	.menu .in .col:nth-child(even) .ph {width: 85%;margin: 0 0 0.5rem 15%;}
	.menu .in .col .ph img {width: 100%;}
	.menu .in .col .title {font-size: 18px;font-weight: 700;}
	.menu .in .col p {font-size: 14px;line-height: 1.4;}
	.rem {width: 90%;box-sizing: border-box;padding: 40px 0 0;border-top: solid 1px #000;position: relative;margin: 0 auto;text-align: center;}
	.rem:before {content: '';display: block;width: 100%;height: 1px;background-color: #000;position: absolute;left: 0;top:-8px;}
	.rem p {text-align: center;margin: 0 0 2rem;padding: 0;}
	.banner_area .in {width: 90%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
	.banner_area .in a {width: 100%;box-sizing: border-box;border: solid 3px #000;position: relative;overflow: visible;margin-bottom: 3rem;}
	.banner_area .in a .s_tit img {width: auto;height: 4.5rem;}
	.banner_area .in a .btn_more {top: auto;bottom: 0;transform: translate(-50%,50%); white-space: nowrap;}
}



/***************************************************************
************ COWORKING *****************************************
***************************************************************/
.coworking .mv {background-image: url(../img/mv_coworking.jpg);background-position: center center;background-size: cover;}
.coworking .mv .logo {width: 100px;}
.information {width: 100%;box-sizing: border-box;padding: 40px 0 40px;background-image: url(../img/sec_bk.jpg);}
.information .inner {width:100%;margin: 0 auto;box-sizing: border-box;position: relative;padding-bottom: 72px;}
.information .inner:before {width: 944px;height: 100%;position: absolute; content: '';display: block;box-sizing: border-box;border-left: solid 6px #000;border-right: solid 6px #000;border-bottom: solid 6px #000;left: 50%;transform: translate(-50%,0);}
.information .in {width: 944px;margin: 0 auto;box-sizing: border-box;border-top: solid 6px #000;padding: 72px 0;}
.information .in .ico_o{width: 776px;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.information .in .ico_o .ico_col {width: 25%;margin: 0 0 3rem;}
.information .in .ico_o .ico_col .ph {width: 112px;height: 112px;margin: 0 auto;border-radius: 10px;background-color: #000;}
.information .in .ico_o .ico_col .name {font-size: 16px;font-weight: 700; text-align: center;}
.information .in .rem {width: 776px;}
.information .in .rem ul {padding:0 2rem 3rem;}
.information .in .rem ul li {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 16px;font-weight: 700;}
.information .in .rem ul li .th {width: 20%;text-align: left}
.information .in .rem ul li .td {width: 75%;text-align: left}
.information .in .img {}
.information .in .img img {}


@media(max-width:768px) {
	.coworking .mv {background-image: url(../img/mv_coworking_sp.jpg);background-position: center center;background-size: cover;}
.information {width: 100%;box-sizing: border-box;padding: 5% 0;background-image: url(../img/sec_bk.jpg);}
.information .inner {width:100%;margin: 0 auto;box-sizing: border-box;position: relative;padding-bottom: 2rem;}
.information .inner:before {width: 90%;height: 100%;position: absolute; content: '';display: block;box-sizing: border-box;border-left: solid 3px #000;border-right: solid 3px #000;border-bottom: solid 3px #000;left: 50%;transform: translate(-50%,0);}
.information .in {width: 90%;margin: 0 auto;box-sizing: border-box;border-top: solid 3px #000;padding: 2rem 0;}
.information .in .ico_o{width: 90%;margin: 0 auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.information .in .ico_o .ico_col {width: 50%;margin: 0 0 3rem;}
.information .in .ico_o .ico_col .ph {width: 112px;height: 112px;margin: 0 auto;border-radius: 10px;background-color: #000;}
.information .in .ico_o .ico_col .name {font-size: 16px;font-weight: 700; text-align: center;}
.information .in .rem {width: 90%;}
.information .in .rem ul {padding:0 2rem 0rem;}
.information .in .rem ul li {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;font-size: 16px;font-weight: 700;}
.information .in .rem ul li .th {width: 100%;text-align: left}
.information .in .rem ul li .td {width: 105%;text-align: left}
}