@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(min-width:960px){

/*STYLE*/
.sp {
display:none;
}

p {
font-size:1rem;
line-height:150%;
letter-spacing:0.5px;
}

img {
width:100%;
height:auto;
}


/*GROBAL*/
#grobal {
display:none;
}


/*HEADER*/
header {
width:100%;
background:rgba(0,0,0,0.85);
position:fixed;
top:0;
z-index:999;
}

header .header_cts {
width:960px;
height:55px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
}

header .header_cts .logo {
width:250px;
}

header .header_cts .header_menu {
display:flex;
align-items:center;
}

header .header_cts .header_menu nav {
padding:0 7px;
line-height:100%;
}

header .header_cts .header_menu nav a {
font-size:85%;
font-weight:bold;
color:#fff;
}

header .header_cts .header_menu nav a:hover {
opacity:0.7;
}

header .members {
width:70px;
height:70px;
background:rgba(242,76,174,1);
margin-left:10px;
position:fixed;
right:15px;
top:15px;
}

header .members:hover {
opacity:0.7;
}


/*MV*/
.mv {
width:100%;
height:655px;
position:relative;
}

.mv .contact {
width:120px;
height:120px;
position:absolute;
right:20px;
bottom:20px;
z-index:99;
-webkit-animation:cta_btn 1s ease infinite alternate;
animation:cta_btn 1s ease infinite alternate;
}

.mv .contact a:hover {
opacity:0.7;
}


/*COMMON*/
.cts {
width:960px;
margin:0 auto;
padding:70px 0 0;
}

.symbol {
width:50px;
margin:0 auto 10px;
}

h2 {
text-align:center;
padding-bottom:20px;
}

h2 img {
width:auto;
height:30px;
}

h2 span {
}

h3 {
font-size:120%;
text-align:center;
padding-bottom:30px;
}

.maincopy {
text-align:center;
padding-bottom:30px;
}

.end_point {
width:5px;
height:5px;
margin:70px auto 0;
background:#c8c8c8;
}

.end_line {
width:1px;
height:50px;
margin:auto;
background:#c8c8c8;
}


/*CONCEPT*/
#concept {
background:#f0f0f0;
}

#concept .concepts {
width:900px;
margin:auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#concept .concepts .concept {
width:280px;
padding-bottom:30px;
}

#concept .concepts .concept:nth-child(n+4) {
padding-bottom:0;
}

#concept .concepts .concept .illust {
padding-bottom:15px;
}

#concept .concepts .concept .illust img {
border-radius:30vw;
}

#concept .concepts .concept .item {
font-size:110%;
font-weight:bold;
text-align:center;
padding-bottom:7px;
}

#concept .concepts .concept .details {
}

#concept .concepts .concept .details .detail {
display:flex;
font-size:80%;
}

#concept .concepts .concept .details .detail a {
color:#323232;
font-weight:bold;
}

#concept .concepts .concept .details .detail a:hover {
opacity:0.7;
}


/*NEWS*/
#top_news {
}

#top_news .news_area {
display:flex;
justify-content:space-between;
}

#top_news .news_area .topics_cts {
width:660px;
}

#top_news .news_area .topics {
}

#top_news .news_area .topics:first-child {
margin-bottom:40px;
}

#top_news .news_area .topics .topics_title1 {
background:#f24cae;
margin-bottom:12px;
color:#fff;
padding:5px 10px;
font-size:90%;
font-weight:bold;
}

#top_news .news_area .topics .topics_title2 {
background:#2e3192;
margin-bottom:12px;
color:#fff;
padding:5px 10px;
font-size:90%;
font-weight:bold;
}

#top_news .news_area .topics .topic {
background:#fafafa;
border:#e1e1e1 1px solid;
margin-bottom:15px;
position:relative;
}

#top_news .news_area .topics .topic:hover {
opacity:0.7;
}

#top_news .news_area .topics .topic .topic_cts {
display:flex;
justify-content:space-between;
padding:20px;
}

#top_news .news_area .topics .topic .topic_cts .photo {
width:100px;
height:100px;
overflow:hidden;
}

#top_news .news_area .topics .topic .topic_cts .photo img {
}

#top_news .news_area .topics .topic .topic_cts .details {
width:500px;
}

.cate_date {
display:flex;
align-items:center;
padding-bottom:3px;
}

.cate_date .cate {
margin-right:7px;
}

.cate_date .cate span {
font-size:70%;
color:#fff;
padding:4px 7px;
}

.cate_date .cate .event {
background:#00aadc;
}

.cate_date .cate .info {
background:#e6321e;
}

.cate_date .cate .blog {
background:#96be3c;
}

.cate_date .cate .voice {
background:#b487c8;
}

.cate_date .cate .bc {
background:#2e3192;
}

.cate_date .cate .etc {
background:#78c896;
}

.cate_date .date {
font-size:80%;
color:#646464;
}

.topics .topic .topic_cts .details .item {
font-size:110%;
font-weight:bold;
color:#323232;
padding-bottom:3px;
}

.topics .topic .topic_cts .details .detail {
font-size:80%;
color:#323232;
}

.topics .topic .topics_arrow {
width:20px;
height:20px;
position:absolute;
right:0;
bottom:0;
}

.topics .topic .topics_arrow img {
transform:scale(0.5);
transform-origin:right bottom;
}

#top_news .topics .mores {
width:160px;
margin:auto;
}

#top_news .topics .mores a {
display:flex;
align-items:center;
justify-content:center;
padding:7px 12px;
background:#2e3192;
}

#top_news .topics:first-child .mores a {
background:#f24cae;
}

#top_news .topics .mores .more {
color:#fff;
font-size:80%;
}

#top_news .topics .mores .arrow {
width:14px;
transform:scale(0.5);
transform-origin:right;
}

#top_news .news_area .facebook {
width:260px;
}


/*news*/
#news {
padding:55px 0 100px;
background:#f0f0f0;
}

#news .cts {
width:860px;
}

#news .topics {
}

#news .topics .topic {
background:#fafafa;
border:#e1e1e1 1px solid;
margin-bottom:15px;
position:relative;
}

#news .topics .topic:hover {
opacity:0.7;
}

#news .topics .topic .topic_cts {
display:flex;
justify-content:space-between;
padding:20px;
}

#news .topics .topic .topic_cts .photo {
width:100px;
height:100px;
overflow:hidden;
}

#news .topics .topic .topic_cts .photo img {
height:100%;
}

#news .topics .topic .topic_cts .details {
width:700px;
}

#news .topics_detail {
background:#fff;
border:#e1e1e1 1px solid;
padding:70px 80px;
}

#news .topics_detail .item {
font-size:150%;
font-weight:bold;
padding-bottom:30px;
}

#news .topics_detail .photo {
padding-bottom:30px;
}

#news .topics_detail .detail {
}

#news .topics_detail .galleries {
padding-top:30px;
display:flex;
justify-content:space-between;
}

#news .topics_detail .galleries .gallery {
width:340px;
}

#news .topics_detail .pdfs {
padding-top:30px;
}

#news .topics_detail .pdfs .pdf {
display:flex;
align-items:center;
padding-bottom:10px;
}

#news .topics_detail .pdfs .pdf:last-child {
padding-bottom:0;
}

#news .topics_detail .pdfs .pdf .icon {
width:30px;
margin-right:10px;
}

#news .topics_detail .pdfs .pdf .name {
}

#news .topics_detail .pdfs .pdf .name a {
color:#323232;
font-weight:bold;
}

#news .topics_detail .pdfs .pdf .name a:hover {
opacity:0.7;
}

#news .back_btn {
width:120px;
margin:15px auto 0;
text-align:center;
font-size:90%;
}

#news .back_btn a {
display:block;
background:#2e3192;
color:#fff;
padding:7px 12px;
}

#news .back_btn a:hover {
opacity:0.7;
}


/*PAGENATION*/
.pagenation {
display:flex;
justify-content:center;
align-items:center;
}

.pagenation p {
font-size:85%;
background:#fff;
color:#e1e1e1;
margin:0 4px;
}

.pagenation p.none {
padding:4px 10px;
border:#e1e1e1 1px solid;
}

.pagenation p.now {
padding:4px 10px;
background:#f24cae;
color:#fff;
}

.pagenation a {
display:block;
padding:4px 10px;
background:#2e3192;
color:#fff;
}

.pagenation a:hover {
opacity:0.7;
}



/*FLOORMAP*/
#floormap {
background:#1e1e1e url(../img/floormap_bg.png) bottom no-repeat;
padding-bottom:70px;
}

#floormap h3 {
color:#fff;
}

#floormap .floormap {
width:960px;
margin:auto;
padding-bottom:50px;
}

#floormap .rooms {
display:flex;
justify-content:space-between;
}

#floormap .rooms .room {
width:300px;
background:#fff;
padding:0 0 25px;
}

#floormap .rooms .room .photo {
padding-bottom:20px;
}

#floormap .rooms .room .name {
font-size:120%;
font-weight:bold;
text-align:center;
}

#floormap .rooms .room .kana {
font-size:70%;
color:#c8c8c8;
text-align:center;
padding-bottom:15px;
}

#floormap .rooms .room .detail {
width:240px;
margin:auto;
font-size:80%;
}

#floormap .rooms .room .attention {
width:240px;
margin:auto;
font-size:70%;
padding-top:7px;
}


/*GALLERY*/
#gallery {
}


/*PRICE*/
#price {
}

#price section {
width:800px;
margin:0 auto 70px;
}

#price .item {
font-size:110%;
font-weight:bold;
border-left:#f24cae 4px solid;
padding:5px 0 5px 12px;
margin-bottom:10px;
}

#price table {
width:100%;
border-collapse:collapse;
margin-bottom:10px;
}

#price table th, #price table td {
border:#e1e1e1 1px solid;
}

#price table th {
background:#323232;
font-size:80%;
color:#fff;
padding:7px 12px;
}

#price table td {
font-size:90%;
padding:12px 20px;
text-align:center;
}

#price table .title {
background:#f5f5f5;
font-weight:bold;
}

#price table .center {
text-align:center;
}

#price .attention {
font-size:80%;
color:#e61e1e;
display:flex;
}

#price .price {
font-weight:bold;
color:#e61e1e;
}

#price .occupied {
font-weight:bold;
color:#bbb;
}

#price .free {
font-weight:bold;
color:#329600;
}

#price .option {
font-size:90%;
font-weight:bold;
padding:20px 0 5px;
}

#price .corporation {
font-size:90%;
font-weight:bold;
padding:20px 0 5px;
}

#price .office .room {
width:210px;
}

#price .office .size {
width:250px;
}

#price .office .cost {
width:200px;
}

#price .office .status {
width:140px;
}

#price .coworking .plan {
width:460px;
}

#price .coworking .cost {
width:340px;
}

#price .rental .service {
width:360px;
}

#price .rental .cost {
width:250px;
}

#price .rental .memo {
width:190px;
}

#price .op_width {
width:460px;
}

#price .normal {
font-weight:normal;
}

#price .etc .equipments {
display:flex;
padding-bottom:15px;
}

#price .etc .equipments .equipment {
font-size:90%;
padding:5px 12px;
margin-right:10px;
background:#f0f0f0;
border:#e1e1e1 1px solid;
}



/*ACCESS*/
#access {
background:#646446;
}

#access h3 {
color:#fff;
}

#access p {
font-size:90%;
color:#fff;
display:flex;
}

#access .map {
width:960px;
height:550px;
margin-bottom:20px;
}

#access .name {
font-size:100%;
font-weight:bold;
}

#access .address {
color:#fff;
}

#access .access {
display:flex;
justify-content:space-between;
padding:50px 0;
}

#access .access .titles {
display:flex;
align-items:center;
border-bottom:#969678 1px solid;
padding-bottom:7px;
margin-bottom:10px;
}

#access .access .titles .icon {
width:30px;
margin-right:7px;
}

#access .access .titles .title {
font-weight:bold;
color:#fff;
}

#access .access .train {
width:460px;
}

#access .access .car {
width:460px;
}

#access .access .car .copy {
padding-bottom:10px;
}

#access .access .car .parking {
background:rgba(255,255,255,0.2);
padding:15px 20px;
margin-bottom:10px;
}

#access .access .car .parking .item {
font-weight:bold;
}

#access .access .car .detail {
}

#access .access .car .detail a {
font-weight:bold;
color:#f5e100;
}

#access .access .car .detail a:hover {
opacity:0.7;
}

#access .nearby_info {
display:flex;
justify-content:space-between;
}

#access .nearby_info p {
display:block;
}

#access .nearby_info .building {
width:460px;
}

#access .nearby_info .building .title {
background:#802151;
color:#fff;
font-weight:bold;
padding:10px;
margin-bottom:15px;
justify-content:center;
}

#access .nearby_info .surrounding {
width:460px;
}

#access .nearby_info .surrounding .title {
background:#003856;
color:#fff;
font-weight:bold;
padding:10px;
margin-bottom:15px;
justify-content:center;
}

#access .nearby_info .facilities {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#access .nearby_info .facilities .facility {
width:220px;
padding-bottom:20px;
}

#access .nearby_info .facilities .facility:nth-child(n+5) {
padding-bottom:0;
}

#access .nearby_info .facilities .facility .photo {
padding-bottom:7px;
}

#access .nearby_info .facilities .facility .item {
font-size:80%;
}

#access .nearby_info .facilities .facility .restaurant {
border:#969678 1px solid;
padding:5px 10px;
text-align:center;
justify-content:center;
margin-bottom:7px;
font-size:80%;
}

#access .nearby_info .facilities .facility .shop {
font-size:80%;
border-bottom:#969678 1px dotted;
padding-bottom:7px;
margin-bottom:7px;
letter-spacing:0;
}

#access .nearby_info .facilities .facility .shop span {
font-size:70%;
padding-left:5px;
}



/*FAQ*/
#faq {
background:#f0f0f0;
}

#faq .maincopy a {
font-weight:bold;
color:#323232;
}

#faq .maincopy a:before {
content:"　｜　";
}

#faq .maincopy a:first-child:before {
content:"";
}

#faq .maincopy a:hover {
opacity:0.7;
}

#faq section {
padding-bottom:50px;
}

#faq section:last-child {
padding-bottom:0;
}

#faq .title {
border-left:#2e3192 4px solid;
padding:5px 0 5px 12px;
font-weight:bold;
padding-bottom:10px;
margin-bottom:10px;
}

#faq .faq {
}

#faq .faq .question {
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
box-shadow:0 0 10px #ddd;
margin-bottom:12px;
cursor:pointer;
}

#faq .faq .question .q {
width:50px;
height:50px;
background:#2e3192;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
}

#faq .faq .question .item {
width:880px;
font-size:95%;
font-weight:bold;
padding-left:15px;
}

#faq .faq .question .before_icon {
width:30px;
color:#2e3192;
}

#faq .faq .question .before_icon:after {
font-family:"Font Awesome 5 Free";
content:"\f078";
font-size:70%;
font-weight:bold;
}

#faq .faq .question .after_icon:after {
font-family:"Font Awesome 5 Free";
content:"\f077";
font-size:70%;
font-weight:bold;
}

#faq .faq .answers {
display:none;
}

#faq .faq .answers .answer {
display:flex;
justify-content:space-between;
padding-bottom:30px;
}

#faq .faq .answers .answer .a {
width:50px;
height:50px;
background:#323232;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
}

#faq .faq .answers .answer .detail {
width:895px;
font-size:90%;
padding-top:5px;
}

#faq .faq .answers .answer .detail .graph {
width:80%;
margin:auto;
padding-top:20px;
}


/*CONTACT*/
#top_contact {
}

#top_contact .cta {
width:400px;
margin:auto;
-webkit-animation:cta_btn 1s ease infinite alternate;
animation:cta_btn 1s ease infinite alternate;
}

@keyframes cta_btn {
0%{transform:scale(1);}
100%{transform:scale(1.05);}
}

#top_contact .cta a:hover {
opacity:0.7;
}


/*SNS*/
#sns {
width:560px;
margin:auto;
padding-top:70px;
}

#sns .titles {
display:flex;
align-items:center;
padding-bottom:30px;
}

#sns .titles .title {
font-size:120%;
font-weight:bold;
position:absolute;
text-align:center;
left:0;
right:0;
}

#sns .titles .title span {
background:#fff;
padding:0 15px;
}

#sns .title_line {
width:100%;
height:1px;
background:#323232;
position:relative;
}

#sns .lines {
display:flex;
justify-content:center;
}

#sns .lines .line {
width:80px;
margin-right:30px;
}

#sns .lines .line a:hover {
opacity:0.7;
}

#sns .lines .line_qr {
width:80px;
}


/*SWIPER*/
.swiper_size {
width:480px;
margin:auto;
}


/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:50px;
height:50px;
right:15px;
bottom:15px;
z-index:100;
display:none;
}


/*ANIMATION*/
.marker_line {
position:relative;
font-size:110%;
font-weight:bold;
}

.inviewTitleLine {
width:0%;
height:4px;
background:#f24cae;
position:absolute;
bottom:-10px;
left:0;
transition:1s;
}

.TitleLine {
width:100%;
}



/*INVIEW*/
.inviewTitleRoll {
opacity:0;
transform:translate(0,-50%) rotate(180deg);
transition:0.5s;
}

.TitleRoll {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInUp {
opacity:0;
transform:translate(0,10%);
transition:1s ease;
}

.fadeInUp {
opacity:1;
transform:translate(0, 0);
}


/*FACILITY*/
#facility {
background:#f0f0f0;
padding:30px 0 25px;
}

#facility .facilities {
display:flex;
justify-content:center;
}

#facility .facilities .facility {
padding:0 20px;
text-align:center;
}

#facility .facilities .facility .icon {
width:50px;
margin:auto;
padding-bottom:5px;
}

#facility .facilities .facility .name {
font-size:70%;
text-align:center;
}


/*CONTACT*/
#contact {
padding:55px 0 70px;
background:#f0f0f0;
}

#contact .cts {
width:860px;
}

#contact .contacts {
background:#fff;
border:#e1e1e1 1px solid;
margin-bottom:15px;
padding:50px;
}

#contact .contacts .maincopy {
text-align:left;
padding-bottom:20px;
}

#contact .contacts .maincopy a {
color:#2e3192;
font-weight:bold;
}

#contact .contacts .maincopy a:hover {
opacity:0.7;
}

#contact .contacts .maincopy .attention {
font-size:80%;
color:#e61e1e;
}

#contact .contacts .contact {
display:flex;
align-items:center;
justify-content:space-between;
border-bottom:#e1e1e1 1px dotted;
padding-bottom:12px;
margin-bottom:12px;
}

#contact .contacts .contact:first-child {
border-top:#e1e1e1 1px dotted;
padding-top:12px;
}

#contact .contacts .contact .item {
width:22%;
font-weight:bold;
padding-left:10px;
}

#contact .contacts .contact .required {
font-size:80%;
color:#e61e1e;
padding-left:5px;
}

#contact .contacts .contact .detail {
width:75%;
}

#contact .contacts .contact .namestyle {
width:50%;
}

#contact .contacts .contact .mailstyle {
width:70%;
}

#contact .contacts .contact #email1 {
margin-bottom:10px;
}

#contact .contacts .contact .telstyle {
width:40%;
}

input[type="text"],input[type="tel"],input[type="email"],textarea {
padding:12px 15px;
font-size:100%;
}

#contact .contacts .contact .consent {
display:flex;
align-items:center;
}

#contact .contacts .contact .consent label {
font-size:100%;
font-weight:bold;
padding-left:7px;
cursor:pointer;
}

#contact .contacts .contact .consent .privacy {
font-size:85%;
padding-left:30px;
}

#contact .contacts .contact .consent .privacy a {
color:#2e3192;
}

#contact .contacts .contact .consent .privacy a:hover {
opacity:0.7;
}

input[type="checkbox"] {
background:#fff;
border:#323232 1px solid;
width:18px;
height:18px;
border-radius:9px;
cursor:pointer;
} 

input[type="checkbox"]:checked {
background:#f24cae;
}

.textstyle {
width:100%;
height:200px;
}

#contact .contacts .submit_btn {
text-align:center;
}

.submitstyle {
padding:12px 30px;
border-radius:30vw;
background:#2e3192;
border:none;
color:#fff;
font-size:100%;
font-weight:bold;
cursor:pointer;
}

.submitstyle:hover {
opacity:0.7;
}

.submitstyle:disabled {
background:#e1e1e1;
pointer-events:none;
}

.fixstyle {
padding:12px 30px;
border-radius:30vw;
background:#ccc;
border:none;
color:#fff;
font-size:100%;
font-weight:bold;
cursor:pointer;
margin-right:7px;
}

.fixstyle:hover {
opacity:0.7;
}

#contact .contacts .thanks {
text-align:center;
padding-bottom:70px;
}

#contact .contacts .thanks .title {
font-size:150%;
font-weight:bold;
color:#f24cae;
padding:50px 0;
}

#contact .contacts .thanks .detail {
padding-bottom:10px;
}

#contact .contacts .thanks .attention {
font-size:80%;
color:#f24cae;
}

#contact .back_btn {
width:150px;
margin:auto;
text-align:center;
font-size:90%;
}

#contact .back_btn a {
display:block;
background:#2e3192;
color:#fff;
padding:15px 20px;
}

#contact .back_btn a:hover {
opacity:0.7;
}

#contact .warning_area {
background:#fafafa;
padding:15px 20px;
margin-bottom:15px;
}

#contact .warning_area .warning {
font-size:80%;
color:#e61e1e;
}

#contact .warning_area .warning i {
color:#e61e1e;
padding-right:5px;
}


/*ROW*/
#row {
padding:55px 0 70px;
background:#f0f0f0;
}

#row p {
font-size:90%;
}

#row .cts {
}

#row .cts .rows {
background:#fff;
border:#e1e1e1 1px solid;
margin-bottom:15px;
padding:50px 60px;
}

#row .cts .rows .row {
display:flex;
justify-content:space-between;
border-bottom:#e1e1e1 1px dotted;
padding-bottom:12px;
margin-bottom:12px;
}

#row .cts .rows .row:last-child {
border:none;
padding-bottom:0;
margin-bottom:0;
}

#row .cts .rows .row .item {
width:20%;
font-weight:bold;
padding-left:10px;
}

#row .cts .rows .row .detail {
width:75%;
}

#row .cts .rows .row .detail p {
display:flex;
}

#row .cts .rows .row .detail p span:first-child {
padding-right:7px;
}

#row .cts .back_btn {
width:150px;
margin:auto;
text-align:center;
font-size:90%;
}

#row .cts .back_btn a {
display:block;
background:#2e3192;
color:#fff;
padding:15px 20px;
}

#row .cts .back_btn a:hover {
opacity:0.7;
}


/*FOOTER*/
footer {
background:#323232;
padding:50px 0 15px;
color:#fff;
}

footer p {
font-size:75%;
}

footer .logo {
width:280px;
margin:auto;
padding-bottom:10px;
}

footer .name {
font-size:80%;
font-weight:bold;
color:#fff;
text-align:center;
padding-bottom:20px;
}

footer .administrator {
font-size:80%;
font-weight:bold;
padding-bottom:3px;
}

footer .infos {
display:flex;
justify-content:center;
padding-bottom:30px;
}

footer .infos .info {
width:480px;
padding:5px 0 5px 20px;
}

footer .infos .info:first-child {
border-right:#969696 1px solid;
text-align:right;
padding:5px 20px 5px 0;
}

footer .facility {
font-size:80%;
font-weight:bold;
padding-bottom:3px;
}

footer .address {
}

footer .tel {
}

footer .mail {
}

footer .item {
color:#969696;
}

footer .rows {
display:flex;
justify-content:center;
}

footer .rows .row {
font-size:80%;
text-align:center;
padding:0 10px 15px;
}

footer .rows .row a {
color:#f24cae;
font-weight:bold;
}

footer .rows .row a:hover {
opacity:0.7;
}

footer .copyright {
font-size:70%;
color:#646464;
text-align:center;
}





}