@charset "UTF-8";
/*------------------------------------------------------------
Default
------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;900&display=swap');
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
button,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
}

html {
font-size: 62.5%;
}

body,
table,
input,
textarea,
select,
option,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.1;
font-family: 'Noto Sans Japanese', 'Helvetica Neue', HelveticaNeue, '游ゴシック体', YuGothic, '游ゴシック Medium',
'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Sogoe UI', Verdana, 'メイリオ', Meiryo, sans-serif;
}

b,
strong,
.bold {
font-family: 'Noto Sans Japanese', 'Helvetica Neue', HelveticaNeue, '游ゴシック体', YuGothic, '游ゴシック',
'Yu Gothic', 'Sogoe UI', Verdana, 'メイリオ', Meiryo, sans-serif;
}

/* IE11だけに適応 */
_:lang(x)::-ms-backdrop,
.selector {
font-family: 'Segoe UI', 'メイリオ', Meiryo, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}

table,
input,
textarea,
select,
option {
line-height: 1.1;
}

ol,
ul {
list-style: none;
}

blockquote,
q {
quotes: none;
}

:focus {
outline: 0;
}

ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

img {
vertical-align: middle;
}

a {
text-decoration: none;
color: #000;
}

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*------------------------------------------------------------
Top page
------------------------------------------------------------*/
/*------------------------------------------------------------
Layout
------------------------------------------------------------*/
.wrapper {
margin: 0 auto;
width: 100%;
}

.container {
margin: 0 auto;
width: 100%;
max-width: 1160px;
padding: 0 20px;
}

@media screen and (max-width: 767px) {
.container {
padding: 0 15px;
}
}

main {
display: block;
}

.l-main {
padding-top: 70px;
}

@media screen and (max-width: 767px) {
.l-main {
padding-top: 52px;
}
}

.c-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
position: fixed;
background-color: #fff;
z-index: 9999;
width: 100%;
top: 0;
left: 0;
}

@media screen and (max-width: 767px) {
.c-header {
padding: 15px;
}
}

.c-header__logo {
width: 183px;
}

@media screen and (max-width: 767px) {
.c-header__logo {
width: 136px;
}
}

.c-header__logo a {
display: block;
font-size: 14px;
font-weight: bold;
}

.c-header__logo a:hover {
opacity: 0.3;
}

.c-header__logo img {
max-width: 100%;
}

.c-header__right {
width: calc(100% - 183px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

@media screen and (max-width: 767px) {
.c-header__right {
display: none;
position: fixed;
width: 100%;
left: 0;
top: 52px;
height: 100vh;
background-color: #fff;
z-index: 99987;
overflow: auto;
}
}

.c-header__right .btn_orange,
.c-header__right .btn_login {
width: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 70px;
background-color: #ffa143;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 4px solid #ffa143;
}

@media screen and (max-width: 767px) {
.c-header__right .btn_orange,
.c-header__right .btn_login {
width: 100%;
height: 60px;
}
}

.c-header__right .btn_orange:hover,
.c-header__right .btn_login:hover {
background-color: #fff;
}

.c-header__right .btn_orange:hover .sub,
.c-header__right .btn_orange:hover .main,
.c-header__right .btn_login:hover .sub,
.c-header__right .btn_login:hover .main {
color: #ffa143;
}

.c-header__right .btn_orange .sub,
.c-header__right .btn_login .sub {
font-size: 1rem;
color: #fff;
line-height: 15px;
display: block;
text-align: center;
font-family: 'Raleway', sans-serif;
}

.c-header__right .btn_orange .main,
.c-header__right .btn_login .main {
font-size: 1.4rem;
color: #fff;
font-weight: bold;
line-height: 21px;
text-align: center;
display: block;
}

.c-header__right .btn_login {
background-color: #ff7165;
margin-left: 2px;
display: none;
border: 4px solid #ff7165;
}

@media screen and (max-width: 767px) {
.c-header__right .btn_login {
margin-left: 0;
margin-top: 3px;
}
}

.c-header__right .btn_login:hover .sub,
.c-header__right .btn_login:hover .main {
color: #ff7165;
}

.c-header__right__btn {
width: 242px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

@media screen and (max-width: 767px) {
.c-header__right__btn {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

.c-header__btn {
display: none;
position: absolute;
width: 40px;
height: 20px;
top: 20px;
right: 15px;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}

@media screen and (max-width: 767px) {
.c-header__btn {
display: block;
}
}

.c-header__btn:before {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
position: absolute;
width: 26px;
height: 2px;
right: 0;
background-color: #000000;
content: '';
top: 0;
}

.c-header__btn:after {
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
position: absolute;
right: 0;
width: 26px;
height: 2px;
background-color: #000000;
content: '';
top: 10px;
}

.c-header__btn.open:before {
-webkit-transform: rotateZ(45deg) translate(4px, 4px);
-ms-transform: rotate(45deg) translate(4px, 4px);
transform: rotateZ(45deg) translate(4px, 4px);
}

.c-header__btn.open:after {
-webkit-transform: rotateZ(-45deg) translate(3px, -4px);
-ms-transform: rotate(-45deg) translate(3px, -4px);
transform: rotateZ(-45deg) translate(3px, -4px);
}

.c-header__navsp {
display: none;
}

@media screen and (max-width: 767px) {
.c-header__navsp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 35px;
}
}

.c-header__navsp li {
width: 50%;
margin-bottom: 25px;
}

.c-header__navsp li:first-child {
border-left: 1px solid #000000;
}

.c-header__navsp li:nth-child(3) {
border-right: 0;
}

.c-header__navsp li a {
font-size: 1.2rem;
color: #000000;
font-weight: bold;
line-height: 18px;
display: block;
text-align: center;
}

.c-header__navsp li + li {
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

.navigation {
width: calc(100% - 242px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 767px) {
.navigation {
width: 100%;
}
}

.navigation__menu {
display: table;
}

@media screen and (max-width: 767px) {
.navigation__menu {
display: block;
width: 100%;
}
}

.navigation__menu > li {
cursor: pointer;
display: inline-block;
}

@media screen and (min-width: 768px) {
.navigation__menu > li:hover .navigation__menu__block {
color: #fff;
}
.navigation__menu > li:hover .navigation__menu__sub01 {
visibility: visible;
opacity: 1;
}
.navigation__menu > li:hover.green {
background-color: #34d590;
}
.navigation__menu > li:hover.green .navigation__menu__sub01 {
background-color: #34d590;
}
.navigation__menu > li:hover.blue {
background-color: #54d3e3;
}
.navigation__menu > li:hover.blue .navigation__menu__sub01 {
background-color: #54d3e3;
}
.navigation__menu > li:hover.pink {
background-color: #fca0c1;
}
.navigation__menu > li:hover.pink .navigation__menu__sub01 {
background-color: #fca0c1;
}
.navigation__menu > li:hover.green_01 {
background-color: #9dde22;
}
.navigation__menu > li:hover.green_01 .navigation__menu__sub01 {
background-color: #9dde22;
}
.navigation__menu > li:hover.orange {
background-color: #ffbe46;
}
.navigation__menu > li:hover.orange .navigation__menu__sub01 {
background-color: #ffbe46;
}
}

@media screen and (max-width: 767px) {
.navigation__menu > li {
display: block;
position: relative;
}
.navigation__menu > li:after {
content: '';
width: 15px;
height: 15px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_add.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 25px;
top: 23px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.navigation__menu > li .navigation__menu__block {
color: #000000;
}
.navigation__menu > li.orange:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_right_black.svg');
}
}

@media screen and (max-width: 767px) {
.navigation__menu > li.active .navigation__menu__block {
color: #fff;
}
.navigation__menu > li.active .navigation__menu__sub01 {
background-color: #fff;
}
.navigation__menu > li.active:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_sub_white.svg');
top: 30px;
}
.navigation__menu > li.active.green {
background-color: #fff;
}
.navigation__menu > li.active.green .navigation__menu__block {
background-color: #34d590;
}
.navigation__menu > li.active.blue {
background-color: #fff;
}
.navigation__menu > li.active.blue .navigation__menu__block {
background-color: #54d3e3;
}
.navigation__menu > li.active.pink {
background-color: #fff;
}
.navigation__menu > li.active.pink .navigation__menu__block {
background-color: #fca0c1;
}
.navigation__menu > li.active.green_01 {
background-color: #fff;
}
.navigation__menu > li.active.green_01 .navigation__menu__block {
background-color: #9dde22;
}
.navigation__menu > li.active.orange {
background-color: #fff;
}
.navigation__menu > li.active.orange .navigation__menu__block {
background-color: #ffbe46;
}
}

.navigation__menu__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 70px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
color: #000000;
}

@media screen and (max-width: 767px) {
.navigation__menu__block {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 60px;
padding: 0 25px;
background-color: #f5f5f5;
margin-bottom: 3px;
}
}

.navigation__menu__block .sub {
font-size: 1rem;
line-height: 15px;
display: block;
text-align: center;
font-family: 'Raleway', sans-serif;
}

.navigation__menu__block .main {
font-size: 1.4rem;
font-weight: bold;
line-height: 21px;
text-align: center;
}

.navigation__menu__sub01 {
position: fixed;
width: 100%;
left: 0;
top: 70px;
height: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
opacity: 0;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub01 {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none;
top: 0;
height: auto;
padding: 0 25px;
margin-bottom: 25px;
opacity: 1;
visibility: visible;
}
}

.navigation__menu__sub01 > li {
position: relative;
}

.navigation__menu__sub01 > li span, .navigation__menu__sub01 > li a {
font-size: 1.6rem;
font-weight: bold;
color: #fff;
line-height: 24px;
text-align: center;
padding: 24px 25px;
position: relative;
display: block;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub01 > li span, .navigation__menu__sub01 > li a {
color: #000000;
text-align: left;
font-size: 1.3rem;
line-height: 19px;
padding: 15px 10px;
border-bottom: 1px solid #c8c8c8;
}
.navigation__menu__sub01 > li span:before, .navigation__menu__sub01 > li a:before {
content: '';
width: 11px;
height: 11px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_add.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 23px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
}

.navigation__menu__sub01 > li span:after, .navigation__menu__sub01 > li a:after {
content: '';
height: 4px;
width: 100%;
background-color: #fff;
position: absolute;
bottom: 4px;
left: 0;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub01 > li span:after, .navigation__menu__sub01 > li a:after {
display: none;
}
}

@media screen and (max-width: 767px) {
.navigation__menu__sub01 > li.active span:before {
background-image: url(https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_sub_black.svg);
top: 25px;
}
}

.navigation__menu__sub01 > li:before {
content: '';
width: 1px;
height: 12px;
background-color: #fff;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
.navigation__menu__sub01 > li:before {
display: none;
}
}

.navigation__menu__sub01 > li:last-child:after {
content: '';
width: 1px;
height: 12px;
background-color: #fff;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
.navigation__menu__sub01 > li:last-child:after {
display: none;
}
}

.navigation__menu__sub01 > li:hover span:after, .navigation__menu__sub01 > li:hover a:after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}

.navigation__menu__sub01 > li:hover .navigation__menu__sub02 {
opacity: 1;
visibility: visible;
}

.navigation__menu__sub02 {
position: fixed;
width: 100%;
left: 0;
top: 142px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
opacity: 0;
background-color: #fff;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02 {
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none;
top: 0;
height: auto;
padding: 0 10px;
margin-bottom: 25px;
opacity: 1;
visibility: visible;
}
}

.navigation__menu__sub02 li a {
font-size: 1.4rem;
color: #000000;
font-weight: bold;
line-height: 21px;
display: block;
padding: 30px 25px;
white-space: nowrap;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02 li a {
font-size: 1.2rem;
line-height: 18px;
padding: 15px 10px;
border-bottom: 1px solid #c8c8c8;
font-weight: 400;
position: relative;
}
.navigation__menu__sub02 li a:after {
content: '';
width: 4.5px;
height: 9px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_right_black.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 23px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
}

.navigation__menu__sub02 li a:hover {
text-decoration: underline;
}

.navigation__menu__sub02.green li a:hover {
color: #34d590;
}

.navigation__menu__sub02.blue li a:hover {
color: #54d3e3;
}

.navigation__menu__sub02.pink li a:hover {
color: #fca0c1;
}

.navigation__menu__sub02.green_01 {
padding-top: 30px;
padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02.green_01 {
padding-top: 15px;
margin-bottom: 0;
padding-bottom: 0;
}
}

.navigation__menu__sub02.green_01 li {
padding: 0 10px;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02.green_01 li {
padding: 0;
margin-bottom: 15px;
}
.navigation__menu__sub02.green_01 li:last-child {
margin-bottom: 0;
}
}

.navigation__menu__sub02.green_01 li:last-child img{
width: 110px;
height: 52px;
border-radius: 7px;
}

.navigation__menu__sub02.green_01 li .title {
font-size: 1.4rem;
color: #000000;
line-height: 21px;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02.green_01 li .title {
font-size: 1.2rem;
color: #b4b4b4;
line-height: 18px;
}
}

.navigation__menu__sub02.green_01 li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
padding-top: 15px;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02.green_01 li a {
display: block;
padding: 15px 10px;
}
}

.navigation__menu__sub02.green_01 li a figure {
width: 110px;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02.green_01 li a figure {
display: none;
}
}

.navigation__menu__sub02.green_01 li a figure img {
max-width: 100%;
}

.navigation__menu__sub02.green_01 li a:hover .text {
color: #9dde22;
text-decoration: underline;
}

.navigation__menu__sub02.green_01 li .text {
font-size: 1.4rem;
color: #000000;
font-weight: bold;
line-height: 21px;
padding-left: 20px;
}

li.green_01:hover .main a {
    color: #fff;
}

@media screen and (max-width: 767px) {
.navigation__menu__sub02.green_01 li .text {
font-size: 1.2rem;
line-height: 18px;
font-weight: normal;
padding-left: 0;
}
}

.c-footer {
background-color: #000000;
padding-top: 40px;
padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
.c-footer {
padding: 30px 35px;
}
}

.c-footer__inline {
max-width: 750px;
width: 100%;
margin: 0 auto;
}

.c-footer__tt {
font-size: 2rem;
line-height: 3rem;
font-weight: bold;
text-align: center;
color: #bbbbbb;
}

@media screen and (max-width: 767px) {
.c-footer__tt {
font-size: 1.6rem;
line-height: 24px;
}
}

.c-footer__sns {
text-align: center;
margin-top: 20px;
margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
.c-footer__sns {
margin-top: 30px;
margin-bottom: 40px;
}
}

.c-footer__sns a {
display: inline-block;
padding: 10px 15px;
}

.c-footer__sns a img {
max-width: 100%;
}

.c-footer__sns a:hover {
opacity: 0.5;
}

.c-footer__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 767px) {
.c-footer__nav {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}

.c-footer__nav li {
width: 20%;
text-align: center;
position: relative;
border-left: 1px solid #fff;
}

@media screen and (max-width: 767px) {
.c-footer__nav li {
width: 50%;
margin-bottom: 20px;
}
}

.c-footer__nav li:last-child {
border-right: 1px solid #fff;
}

@media screen and (max-width: 767px) {
.c-footer__nav li:nth-child(2n) {
border-right: 1px solid #fff;
}
}

.c-footer__nav li a {
font-size: 1.2rem;
font-weight: bold;
color: #fff;
line-height: 18px;
display: block;
position: relative;
}

.c-footer__nav li a:after {
position: absolute;
bottom: -8px;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-footer__nav li a:hover:after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}

.c-footer__nav02 {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 40px;
}
}

.c-footer__nav02__text {
font-size: 1rem;
color: #bbbbbb;
line-height: 15px;
margin-top: 16px;
padding-left: 7px;
}

@media screen and (max-width: 767px) {
.c-footer__nav02__text {
margin-top: 0;
}
}

.c-footer__nav02__link {
font-size: 1rem;
color: #bbbbbb;
line-height: 15px;
margin-top: 16px;
padding-right: 7px;
display: block;
text-align: right;
}

@media screen and (max-width: 767px) {
.c-footer__nav02__link {
margin-top: 0;
}
}

.c-footer__nav02__link:hover {
opacity: 0.8;
}

.c-footer__nav02__link img {
margin-right: 5px;
}

.c-footer__nav02 dl {
width: 352px;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl {
width: 100%;
}
}

.c-footer__nav02 dl dt {
font-size: 1.2rem;
font-weight: bold;
color: #fff;
line-height: 18px;
padding-bottom: 10px;
border-bottom: 1px solid #646464;
margin-bottom: 10px;
padding-left: 7px;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dt {
margin-bottom: 0;
}
}

.c-footer__nav02 dl dd {
padding-bottom: 30px;
border-bottom: 1px solid #646464;
padding-left: 7px;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dd {
border-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
}

.c-footer__nav02 dl dd ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dd ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

.c-footer__nav02 dl dd ul li {
width: 33%;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dd ul li {
width: 100%;
margin-bottom: 10px;
}
}

.c-footer__nav02 dl dd ul h3 {
font-size: 1rem;
line-height: 15px;
font-weight: bold;
color: #fff;
margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dd ul h3 {
padding: 13px 10px;
border-bottom: 1px solid #646464;
margin-bottom: 0;
position: relative;
}
.c-footer__nav02 dl dd ul h3:after {
content: '+';
font-size: 1.1rem;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.c-footer__nav02 dl dd ul h3.active:after {
content: '-';
}
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dd ul .list {
display: none;
padding: 0 10px;
}
}

.c-footer__nav02 dl dd ul a {
font-size: 1rem;
line-height: 15px;
color: #bbbbbb;
position: relative;
padding-left: 10px;
display: block;
margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dd ul a {
padding: 12px 20px;
border-bottom: 1px solid #646464;
margin-bottom: 0;
}
}

.c-footer__nav02 dl dd ul a:hover {
opacity: 0.8;
}

.c-footer__nav02 dl dd ul a:before {
content: '';
width: 4px;
height: 8px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_white.svg');
background-size: contain;
position: absolute;
background-repeat: no-repeat;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl dd ul a:before {
left: 10px;
}
}

@media screen and (max-width: 767px) {
.c-footer__nav02 dl .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}

.c_title_01 {
font-size: 7.2rem;
font-family: 'Raleway', sans-serif;
line-height: 85px;
font-weight: 900;
}

@media screen and (max-width: 767px) {
.c_title_01 {
font-size: 4.8rem;
line-height: 56px;
text-align: center;
}
}

.c_title_01 span {
font-size: 2rem;
font-weight: bold;
line-height: 30px;
font-family: 'Noto Sans CJK JP', sans-serif;
display: block;
}

@media screen and (max-width: 767px) {
.c_title_01 span {
font-size: 1.4rem;
line-height: 21px;
}
}

.c_title_01.green {
color: #34d590;
}

.c_title_01.blue {
color: #54d3e3;
}
.c_title_04.blue {
color: #54d3e3;
border-bottom: 1px solid #54d3e3;
}
.c_title_05.blue {
color: #54d3e3;
border-bottom: 1px solid #54d3e3;
}

.c_title_01.green_01 {
color: #9dde22;
}

.community_title_01 {
font-size: 3.6rem;
font-weight: normal;
line-height: 54px;
color: #54d3e3;
text-align: center;
}

.c_title_02 {
font-size: 3.6rem;
font-weight: bold;
line-height: 54px;
color: #34d590;
text-align: center;
}

.c_title_03 {
font-size: 2rem;
color: #fff;
line-height: 30px;
font-weight: bold;
text-align: center;
}

.c_title_03 span {
font-size: 4rem;
display: block;
font-weight: 900;
line-height: 50px;
font-family: 'Raleway', sans-serif;
}

@media screen and (max-width: 767px) {
.c_title_02,.c_title_01 {
font-size: 2rem;
line-height: 30px;
}
.c_title_03 {
font-size: 16px;
line-height: 24px;
}

.c_title_03 span {
font-size: 32px;
}
}

.c_title_04 {
font-size: 1.6rem;
color: #34d590;
line-height: 24px;
font-weight: bold;
text-align: center;
}

.c_title_04 span {
font-size: 4.8rem;
display: block;
font-weight: 900;
line-height: 56px;
font-family: 'Raleway', sans-serif;
}

@media screen and (max-width: 767px) {
.c_title_04 span {
font-size: 2.8rem;
line-height: 42px;
}
}

.c_title_05 {
font-size: 2.4rem;
line-height: 36px;
color: #34d590;
padding-bottom: 10px;
border-bottom: 1px solid #34d590;
font-weight: bold;
margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
.c_title_05 {
font-size: 1.6rem;
border-bottom: 2px solid #34d590;
line-height: 24px;
}
}

.c_title_06 {
font-size: 1.8rem;
color: #000000;
font-weight: bold;
line-height: 26px;
padding: 10px;
background-color: #f5f5f5;
text-align: center;
border-radius: 6px;
margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
.c_title_06 {
font-size: 1.6rem;
line-height: 24px;
padding: 8px;
}
}

.c_text01 {
font-size: 1.6rem;
line-height: 24px;
color: #000000;
}

@media screen and (max-width: 767px) {
.c_text01 {
font-size: 1.3rem;
line-height: 19px;
}
}

.btn_grey {
font-size: 1.6rem;
color: #fff;
text-align: center;
display: block;
line-height: 52px;
width: 100%;
max-width: 320px;
border-radius: 30px;
background-color: #b4b4b4;
border: 4px solid #b4b4b4;
margin: 0 auto;
position: relative;
}

@media screen and (max-width: 359px) {
.btn_grey {
max-width: 300px;
}
}

.btn_grey:hover {
border: 4px solid #000000;
background-color: #fff;
color: #000000;
}

.btn_grey:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_01_black.svg');
}

.btn_grey:after {
content: '';
width: 20px;
height: 8px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_01.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.btn_01 {
font-size: 1.8rem;
color: #fff;
text-align: center;
display: block;
line-height: 40px;
width: 100%;
max-width: 320px;
border-radius: 24px;
margin: 0 auto;
font-weight: bold;
position: relative;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 767px) {
.btn_01 {
font-size: 1.6rem;
}
}

.btn_01.green {
background-color: #34d590;
border: 4px solid #34d590;
}

.btn_01.green:hover {
color: #34d590;
background-color: #fff;
}

.btn_01.green:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_01_green.svg');
}

.btn_01.blue {
background-color: #54d3e3;
border: 4px solid #54d3e3;
}

.btn_01.blue:hover {
color: #54d3e3;
background-color: #fff;
}

.btn_01.blue:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_01_blue.svg');
}

.btn_01.grey {
background-color: #b4b4b4;
border: 4px solid #b4b4b4;
}

.btn_01.grey:hover {
color: #000000;
background-color: #fff;
border: 4px solid #000000;
}

.btn_01.grey:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_01_black.svg');
}

.btn_01.white {
background-color: #fff;
color: #000000;
border: 4px solid #fff;
}

.btn_01.white:hover {
border: 4px solid #000000;
}

.btn_01.white:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_black.svg');
}

.btn_01.orange {
background-color: #ffa143;
border: 4px solid #ffa143;
}

.btn_01.orange:hover {
color: #ffa143;
background-color: #fff;
}

.btn_01.orange:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_01_orange.svg');
}

.btn_01:after {
content: '';
width: 20px;
height: 8px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_01.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.btn_register {
width: 100%;
max-width: 720px;
height: 120px;
background-color: #34d590;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 80px;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
font-size: 1.6rem;
font-weight: bold;
line-height: 34px;
border: 4px solid #34d590;
color: #fff;
margin: 0 auto;
position: relative;
}

@media screen and (max-width: 767px) {
.btn_register {
height: 90px;
font-size: 1.4rem;
line-height: 27px;
}
}

.btn_register:hover {
color: #34d590;
background-color: #fff;
}

.btn_register:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_big_green.svg');
}

.btn_register:after {
content: '';
width: 30px;
height: 12px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/top/icon_btn_big.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
.btn_register:after {
right: 20px;
}
}

.btn_register span {
font-size: 3.6rem;
font-family: 'Raleway', sans-serif;
font-weight: 900;
}

@media screen and (max-width: 767px) {
.btn_register span {
font-size: 3rem;
}
}

.register_btn_page {
width: 95%;
padding-bottom: 30px;
max-width: 1120px;
margin: 0 auto;
width: 100%;
display: flex;
justify-content: flex-end;
}

@media screen and (max-width: 767px) {
.register_btn_page {
margin-top: -30px;
margin-bottom: 40px;
}
}

.btn_register_price{
width: 200px;
height: 40px;
background-color: #ffa143;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 80px;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
font-size: 1.6rem;
font-weight: bold;
line-height: 34px;
border: 4px solid #ffa143;
color: #fff;
position: relative;
}

.btn_register_price:hover {
color: #ffa143;
background-color: #fff;
}

.btn_register_price:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_big_orange.svg');
}

.btn_register_price:after {
content: '';
width: 10px;
height: 4px;
background-image: url(https://atomica.co.jp/wp-content/themes/atomica/img/top/icon_btn_big.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
.btn_register_price {
right: 20px;
}
}

.btn_show {
font-size: 1.6rem;
color: #000000;
display: table;
margin: 0 auto;
font-family: 'Raleway', sans-serif;
font-weight: 900;
position: relative;
padding-left: 18px;
cursor: pointer;
line-height: 24px;
display: none;
}

@media screen and (max-width: 767px) {
.btn_show {
display: table;
margin-bottom: 30px;
padding-bottom: 5px;
border-bottom: 1px solid #000000;
}
}

.btn_show:before {
content: '';
width: 9px;
height: 9px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_show_more.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 7px;
}

.btn_show.change:before {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_btn_show_less.svg');
}

.fixed_right {
position: fixed;
right: 30px;
bottom: 20px;
width: 180px;
height: 72px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/top/icon_01@2x.png');
background-size: contain;
background-repeat: no-repeat;
padding: 11px 0 0 13px;
z-index: 98;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
.fixed_right {
width: 200px;
height: 92px;
}
}

@media screen and (max-width: 767px) {
.fixed_right {
right: 10px;
bottom: 10px;
}
}

.fixed_right:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_01_orange.svg');
}

.fixed_right:hover p {
color: #fff;
}

.fixed_right:hover p:before {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_mail_white.svg');
}

.fixed_right p {
font-size: 1.1rem;
position: relative;
padding-left: 31px;
line-height: 17px;
}

.fixed_right p span {
font-weight: bold;
}

.fixed_right p:before {
content: '';
width: 22px;
height: 16px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/top/icon_mail.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.nav_sec01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 60px;
margin-bottom: 60px;
position: relative;
}

@media screen and (max-width: 767px) {
.nav_sec01 {
margin-bottom: 20px;
}
}

.nav_sec01 li {
width: 360px;
margin-right: 20px;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.nav_sec01 li {
width: 300px;
margin-right: 10px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.nav_sec01 li {
width: 280px;
}
}

@media screen and (max-width: 767px) {
.nav_sec01 li:not(.slick-current) {
opacity: 0.5;
}
}

.nav_sec01 li:last-child {
margin-right: 0;
}

.nav_sec01 li.color_01 {
background-color: #ff7165;
}

.nav_sec01 li.color_02 {
background-color: #ffa143;
}

.nav_sec01 li.color_03 {
background-color: #ffbe46;
}

.nav_sec01__img {
padding: 30px;
background-color: #fff;
}

@media screen and (max-width: 767px) {
.nav_sec01__img {
padding: 10px;
}
}

.nav_sec01__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.nav_sec01__cont {
padding: 20px;
}

@media screen and (max-width: 767px) {
.nav_sec01__cont {
padding: 20px 15px;
}
}

.nav_sec01__cont h3 {
font-size: 3rem;
color: #000000;
font-family: 'Raleway', sans-serif;
font-weight: 900;
text-align: center;
}

@media screen and (max-width: 767px) {
.nav_sec01__cont h3 {
font-size: 2rem;
line-height: 24px;
}
}

.nav_sec01__cont p {
font-size: 1.2rem;
line-height: 18px;
text-align: center;
color: #000000;
margin-top: 10px;
}

@media screen and (max-width: 767px) {
.nav_sec01__cont p {
font-size: 1rem;
line-height: 15px;
}
}

.nav_slider {
position: relative;
}

.nav_slider__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

@media screen and (max-width: 767px) {
.nav_slider__flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

@media screen and (max-width: 767px) {
.nav_slider li {
width: 300px;
margin-right: 10px;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.nav_slider li {
width: 280px;
}
}

@media screen and (max-width: 767px) {
.nav_slider li:not(.slick-current) {
opacity: 0.5;
}
}

.nav_slider__img {
width: 50%;
height: 360px;
border: 4px solid #000000;
border-right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
border-radius: 24px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.nav_slider__img {
width: 100%;
border-radius: 0;
border: 0;
height: 180px;
}
}

.nav_slider__img p {
font-size: 1rem;
color: #fff;
font-weight: bold;
line-height: 15px;
position: absolute;
right: 10px;
bottom: 15px;
text-align: right;
}

.nav_slider__cont {
width: 50%;
padding: 20px 40px;
border: 4px solid #000000;
border-left: 0;
border-radius: 24px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
background-color: #fff;
position: relative;
}

@media screen and (max-width: 767px) {
.nav_slider__cont {
width: 100%;
border-radius: 0;
border: 0;
padding: 30px 20px 20px;
text-align: center;
}
}

.nav_slider__cont__sub {
font-size: 1.4rem;
color: #000000;
font-weight: bold;
line-height: 21px;
}

@media screen and (max-width: 767px) {
.nav_slider__cont__sub {
font-size: 1.2rem;
line-height: 18px;
}
}

.nav_slider__cont__tt {
font-size: 3rem;
color: #000000;
font-family: 'Raleway', sans-serif;
line-height: 35px;
font-weight: 900;
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.nav_slider__cont__tt {
font-size: 2.4rem;
margin-bottom: 5px;
}
}

.nav_slider__cont__text {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
}

@media screen and (max-width: 767px) {
.nav_slider__cont__text {
font-size: 1rem;
line-height: 15px;
}
}

.nav_slider__cont__name {
font-size: 1.2rem;
font-weight: bold;
line-height: 18px;
position: absolute;
top: 20px;
right: 20px;
}

@media screen and (max-width: 767px) {
.nav_slider__cont__name {
font-size: 1rem;
line-height: 15px;
top: 10px;
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}

.nav_slider__cont__name.green {
color: #34d590;
}

.nav_slider__cont__name.blue {
color: #54d3e3;
}

.nav_slider__cont .btn_01 {
position: absolute;
bottom: 30px;
left: 60px;
}

@media screen and (max-width: 767px) {
.nav_slider__cont .btn_01 {
position: relative;
left: auto;
bottom: auto;
margin-top: 20px;
max-width: 240px;
}
}

.slick-arrow {
width: 60px;
height: 60px;
background-size: contain;
background-color: transparent;
border-radius: 50%;
position: absolute;
top: calc(100% / 2 - 50px);
-webkit-transform: translateY(calc(-100% / 2 + 50px));
-ms-transform: translateY(calc(-100% / 2 + 50px));
transform: translateY(calc(-100% / 2 + 50px));
z-index: 7;
color: transparent;
cursor: pointer;
}

@media screen and (max-width: 767px) {
.slick-arrow {
width: 40px;
height: 40px;
}
}

.slick-prev {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: -30px;
}

@media screen and (max-width: 767px) {
.slick-prev {
left: 0px;
}
}

.slick-next {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: -30px;
}

@media screen and (max-width: 767px) {
.slick-next {
right: 0px;
}
}

.pagingInfo {
width: 100px;
height: 30px;
color: #fff;
background-color: #000000;
font-size: 1.6rem;
font-weight: bold;
display: table;
margin: 0 auto;
text-align: center;
border-radius: 15px;
line-height: 30px;
letter-spacing: 4px;
margin-top: 20px;
padding-left: 7px;
}

.slider_show {
width: 880px;
position: relative;
z-index: 2;
}

@media screen and (max-width: 767px) {
.slider_show {
width: 100%;
}
.slider_show .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.slider_show .slick-slide {
height: inherit !important;
}
}

.nav_slider_access__item {
border: 4px solid #000000;
width: 508px;
border-radius: 24px;
position: relative;
padding-bottom: 80px;
margin: 10px auto 0 auto;
}
.community_slider {
width: 840px;
height: 422px;
font-size: 14px;
background-color: black;
}

@media screen and (max-width: 767px) {
.nav_slider_access__item {
width: 300px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.nav_slider_access__item {
max-width: 280px;
}
}

.nav_slider_access__item:not(.slick-current) {
opacity: 1;
}

.nav_slider_access__item .btn_01 {
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
.nav_slider_access__item .btn_01 {
max-width: 240px;
bottom: 20px;
}
}

.nav_slider_access__img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 240px;
position: relative;
overflow: hidden;
border-radius: 18px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

@media screen and (max-width: 767px) {
.nav_slider_access__img {
height: 142px;
}
}

.nav_slider_access__img p {
font-size: 1.2rem;
color: #fff;
font-weight: bold;
line-height: 18px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.nav_slider_access__cont {
text-align: center;
padding: 20px 30px 40px;
}

@media screen and (max-width: 767px) {
.nav_slider_access__cont {
padding: 20px 20px 0;
}
}

.nav_slider_access__cont__tt {
font-size: 2.4rem;
font-weight: bold;
line-height: 36px;
color: #000000;
margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
.nav_slider_access__cont__tt {
font-size: 2rem;
line-height: 30px;
}
}

.nav_slider_access__cont__text {
font-size: 1.3rem;
line-height: 19px;
color: #000000;
}

@media screen and (max-width: 767px) {
.nav_slider_access__cont__text {
font-size: 1.2rem;
line-height: 18px;
}
}

.nav_slider_access__cont__text02 {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
margin-top: 30px;
}

@media screen and (max-width: 767px) {
.nav_slider_access__cont__text02 {
font-size: 1rem;
line-height: 15px;
margin-top: 15px;
text-align: left;
}
}

.nav_slider_access .has-icon {
position: absolute;
top: -28px;
left: -10px;
}

@media screen and (max-width: 767px) {
.nav_slider_access .has-icon {
width: 120px;
top: -8px;
}
}

.nav_slider_access .has-icon img {
max-width: 100%;
}

.nav_acc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 767px) {
.nav_acc {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

.nav_acc li {
text-align: center;
border-radius: 24px;
width: 550px;
padding: 40px 30px;
position: relative;
}

@media screen and (max-width: 767px) {
.nav_acc li {
border-radius: 0;
width: 100%;
padding: 30px 40px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.nav_acc li {
padding: 30px 20px;
}
}

.nav_acc li:first-child {
background-color: #ffe474;
margin-right: 20px;
}

@media screen and (max-width: 767px) {
.nav_acc li:first-child {
margin-right: 0;
}
}

.nav_acc li:last-child {
background-color: #ffa143;
}

.nav_acc__sub {
font-size: 2rem;
font-weight: bold;
line-height: 30px;
color: #000000;
}

@media screen and (max-width: 767px) {
.nav_acc__sub {
font-size: 1.4rem;
line-height: 21px;
}
}

.nav_acc__main {
font-size: 4.8rem;
font-weight: 900;
line-height: 56px;
color: #000000;
font-family: 'Raleway', sans-serif;
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.nav_acc__main {
margin-bottom: 5px;
}
}

.nav_acc__text {
font-size: 1.6rem;
line-height: 24px;
color: #000000;
margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
.nav_acc__text {
font-size: 1.4rem;
line-height: 21px;
margin-bottom: 20px;
}
}

.nav_acc .has-icon {
position: absolute;
width: 180px;
top: -18px;
left: -18px;
}

@media screen and (max-width: 767px) {
.nav_acc .has-icon {
width: 130px;
left: 15px;
top: -25px;
}
}

.nav_acc .has-icon img {
max-width: 100%;
}

.nav_img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
margin-top: 150px;
}

@media screen and (max-width: 767px) {
.nav_img {
margin-top: 90px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

.nav_img li {
width: 50%;
height: 400px;
}

@media screen and (max-width: 767px) {
.nav_img li {
width: 100%;
height: 246px;
}
}

.nav_img li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.nav_icon_01 {
max-width: 920px;
width: 100%;
margin: 0 auto;
margin-top: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
.nav_icon_01 {
margin-top: 90px;
}
}

.nav_icon_01 li {
width: 120px;
margin-right: 40px;
margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
.nav_icon_01 li {
width: 30%;
margin-right: 5%;
margin-bottom: 20px;
}
.nav_icon_01 li:nth-child(3n) {
margin-right: 0;
}
}

.nav_icon_01 li:nth-child(6n) {
margin-right: 0;
}

.nav_icon_01__image {
width: 100%;
height: 90px;
border-radius: 12px;
overflow: hidden;
line-height: 90px;
text-align: center;
}

.nav_icon_01__image img {
max-width: 100%;
}

@media screen and (max-width: 767px) {
.nav_icon_01__image {
height: 75px;
line-height: 75px;
}
.nav_icon_01__image img {
max-height: 60px;
}
}

.nav_icon_01__text {
font-size: 1.2rem;
color: #000000;
line-height: 18px;
margin-top: 10px;
text-align: center;
}

@media screen and (max-width: 767px) {
.nav_icon_01__text {
font-size: 1rem;
line-height: 15px;
}
}

.nav_image_text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 150px;
}

.nav_image_text.mt0 {
margin-top: 0;
}

@media screen and (max-width: 767px) {
.nav_image_text {
margin-top: 90px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}

.nav_image_text li {
width: 49%;
}

@media screen and (max-width: 767px) {
.nav_image_text li {
width: 100%;
margin-bottom: 60px;
}
}

.nav_image_text__image {
width: 100%;
height: 320px;
border-radius: 24px;
overflow: hidden;
border: 4px solid #000000;
}

@media screen and (max-width: 767px) {
.nav_image_text__image {
height: 200px;
}
}

.nav_image_text__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.nav_image_text__tt {
font-size: 1.8rem;
color: #34d590;
line-height: 27px;
margin-top: 10px;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.nav_image_text__tt.blue {
color: #54d3e3;
font-weight: normal;
}

@media screen and (max-width: 767px) {
.nav_image_text__tt {
font-size: 2rem;
line-height: 30px;
margin-top: 30px;
padding: 0 15px;
}
}

.nav_image_text__txt {
font-size: 1.4rem;
color: #000000;
line-height: 21px;
margin-top: 10px;
text-align: center;
padding: 0 10px;
}

@media screen and (max-width: 767px) {
.nav_image_text__txt {
font-size: 1.3rem;
line-height: 19px;
padding: 0 15px;
}
}

@media screen and (max-width: 767px) {
.nav_image_text.custom {
margin-top: 30px;
}
}

.nav_image_text.custom li {
width: 24%;
}

@media screen and (max-width: 767px) {
.nav_image_text.custom li {
width: 48.5%;
margin-bottom: 30px;
margin-right: 3%;
}
.nav_image_text.custom li:nth-child(2n) {
margin-right: 0;
}
}

.nav_image_text.custom .nav_image_text__image {
height: 200px;
}

@media screen and (max-width: 767px) {
.nav_image_text.custom .nav_image_text__image {
height: 125px;
}
}

.nav_image_text.custom .nav_image_text__tt {
font-size: 1.5rem;
line-height: 22px;
}

@media screen and (max-width: 767px) {
.nav_image_text.custom .nav_image_text__tt {
font-size: 1.2rem;
line-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0 5px;
}
}

.nav_image_text.custom .nav_image_text__txt {
font-size: 1.2rem;
line-height: 18px;
}

@media screen and (max-width: 767px) {
.nav_image_text.custom .nav_image_text__txt {
font-size: 1rem;
line-height: 15px;
padding: 0 5px;
}
}

.nav_anchor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 767px) {
.nav_anchor {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}

.nav_anchor a {
width: 180px;
height: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 2px solid #34d590;
border-radius: 12px;
font-size: 1.2rem;
color: #fff;
line-height: 18px;
font-weight: bold;
position: relative;
padding-bottom: 10px;
background-color: #34d590;
margin-right: 20px;
}

@media screen and (max-width: 767px) {
.nav_anchor a {
width: 49%;
margin-right: 2%;
margin-bottom: 5px;
}
.nav_anchor a:nth-child(2n) {
margin-right: 0;
}
}

.nav_anchor a:last-child {
margin-right: 0;
}

.nav_anchor a:hover {
color: #34d590;
background-color: #fff;
}

.nav_anchor a:hover:after {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_anchor_green.svg');
}

.nav_anchor a:after {
content: '';
width: 12px;
height: 6px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_anchor_white.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

.nav_anchor a span {
font-size: 1.6rem;
font-weight: 900;
line-height: 24px;
}

.nav_img_two {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 150px;
}

@media screen and (max-width: 767px) {
.nav_img_two {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
margin-top: 90px;
}
}

.nav_img_two__left {
width: 550px;
height: 660px;
border: 4px solid #000000;
overflow: hidden;
border-radius: 24px;
}

@media screen and (max-width: 767px) {
.nav_img_two__left {
height: 414px;
width: 100%;
margin-bottom: 20px;
}
}

.nav_img_two__left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.nav_img_two__right {
width: 550px;
}

@media screen and (max-width: 767px) {
.nav_img_two__right {
width: 100%;
}
}

.nav_img_two__right p {
height: 320px;
border: 4px solid #000000;
overflow: hidden;
border-radius: 24px;
}

@media screen and (max-width: 767px) {
.nav_img_two__right p {
height: 200px;
}
}

.nav_img_two__right p:first-child {
margin-bottom: 20px;
}

.nav_img_two__right p img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.nav_service {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.nav_service li {
width: 49%;
font-size: 12px;
line-height: 37px;
text-align: center;
background-color: #f5f5f5;
border-radius: 6px;
margin-right: 2%;
margin-bottom: 10px;
font-weight: 600;
}

@media screen and (max-width: 767px) {
.nav_service li {
font-size: 1rem;
font-weight: bold;
line-height: 35px;
}
}

.nav_service li:nth-child(2n) {
margin-right: 0;
}

.nav_images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 150px;
}

@media screen and (max-width: 767px) {
.nav_images {
margin-top: 100px;
}
}

.nav_images li {
width: 550px;
height: 320px;
border-radius: 24px;
border: 4px solid #000000;
overflow: hidden;
margin-right: 20px;
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.nav_images li {
width: 100%;
margin-right: 0;
height: 200px;
}
}

.nav_images li:nth-child(2n) {
margin-right: 0;
}

.nav_images li:last-child {
margin-bottom: 0;
}

.nav_images li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.lower_page {
text-align: center;
padding: 30px;
background-color: #f5f5f5;
margin-top: 70px;
}

@media screen and (max-width: 767px) {
.lower_page {
margin-top: 52px;
}
}

.lower_page__sub {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
}

.lower_page__tt {
margin-bottom: 8px;
margin-top: 10px;
}

.lower_page__tt img {
max-width: 100%;
}

.lower_page__text {
font-size: 1.4rem;
font-weight: bold;
font-family: 'Raleway', sans-serif;
font-weight: 900;
line-height: 21px;
padding-bottom: 10px;
position: relative;
margin-bottom: 10px;
}

.lower_page__text:before {
content: '';
width: 320px;
height: 1px;
background-color: #dcdcdc;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

@media screen and (max-width: 359px) {
.lower_page__text:before {
width: 280px;
}
}

.lower_page__name {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
font-weight: bold;
}

.lower_page__mainvisual {
width: 100%;
height: 480px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.lower_page__mainvisual {
height: 360px;
}
}

.lower_page__mainvisual img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}

.lower_page__mainvisual:before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0;
z-index: 1;
}

.lower_page__mainvisual .c_title_01 {
color: #fff;
text-align: center;
z-index: 3;
position: relative;
}

@media screen and (max-width: 767px) {
.lower_page__mainvisual .c_title_01 {
font-size: 3.6rem;
line-height: 42px;
}
.lower_page__mainvisual .c_title_01 span {
font-size: 1.6rem;
line-height: 24px;
}
.contact_page__main .c_title_01 {
font-size: 3.6rem;
line-height: 42px;
}
.contact_page__main .c_title_01 span {
font-size: 1.6rem;
line-height: 24px;
}
}

.menu_lower_page {
position: relative;
}

@media screen and (max-width: 767px) {
.menu_lower_page {
padding-top: 25px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
}

.menu_lower_page ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 78px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

@media screen and (max-width: 767px) {
.menu_lower_page ul {
display: none;
max-width: 200px;
margin-top: 8px;
position: absolute;
z-index: 87;
background-color: #fff;
width: 100%;
height: auto;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.menu_lower_page ul {
max-width: 150px;
}
}

.menu_lower_page ul li a {
font-size: 1.2rem;
color: #000000;
line-height: 20px;
font-weight: bold;
display: block;
width: 150px;
text-align: center;
border-left: 1px solid #dcdcdc;
position: relative;
}

@media screen and (max-width: 767px) {
.menu_lower_page ul li a {
width: 100%;
border-left: 0;
text-align: left;
padding-left: 10px;
padding-bottom: 5px;
}
}

.menu_lower_page ul li a:before {
content: '';
width: 100%;
height: 1px;
background-color: #000000;
position: absolute;
left: 0;
bottom: -15px;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}

@media screen and (max-width: 767px) {
.menu_lower_page ul li a:before {
display: none;
}
}

.menu_lower_page ul li:last-child a {
border-right: 1px solid #dcdcdc;
}

@media screen and (max-width: 767px) {
.menu_lower_page ul li:last-child a {
border-right: 0;
}
}

.menu_lower_page ul li.active a:before,
.menu_lower_page ul li:hover a:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}

.menu_lower_page__link {
width: 120px;
line-height: 28px;
background-color: #34d590;
border-radius: 14px;
text-align: center;
display: block;
color: #fff;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 2px solid #34d590;
}

.menu_lower_page__link_blue {
background-color: #54d3e3;
border: 2px solid #54d3e3;
}

@media screen and (max-width: 767px) {
.menu_lower_page__link {
right: 15px;
}
}

.menu_lower_page__link:hover {
color: #34d590;
background-color: #fff;
}

.menu_lower_page__link_blue:hover {
color: #54d3e3;
background-color: #fff;
}

.menu_lower_page__select {
display: none;
}

@media screen and (max-width: 767px) {
.menu_lower_page__select {
display: block;
}
}

.menu_lower_page__select select {
border: 0;
border-bottom: 1px solid #000000;
max-width: 200px;
width: 100%;
font-size: 1.2rem;
font-weight: bold;
line-height: 18px;
padding: 0 10px 5px 5px;
background-image: url(https://nobeoka-coworking.jp/wp-content/themes/atomica/img/ko_coworking/icon_bottom_black.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}

@media screen and (max-width: 359px) {
.menu_lower_page__select select {
max-width: 150px;
}
}

.top__head {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

@media screen and (max-width: 599px) {
.top__head {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: calc(var(--vh, 1vh) * 100);
}
}

.top__head .slider_show{
width: 100%;
}

.top__head  .nav_slider__img {
width: 100%;
height: 100vh;
border: none;
border-right: 0;
border-radius: 0;
}

.top__head .prev-slide_top {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: 15px;
}

@media screen and (max-width: 359px) {
.top__head .prev-slide_top {
left: -10px;
}
}

.top__head .prev-slide_top:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev_hover.svg');
}

.top__head .next-slide_top {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: 15px;
}

@media screen and (max-width: 359px) {
.top__head .next-slide_top {
right: -10px;
}
}

.top__head .next-slide_top:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next_hover.svg');
}

.top__head__img {
position: absolute;
}

.top__head__img img {
max-width: 100%;
}

.top__head__img.layer01 {
width: 495px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
.top__head__img.layer01 {
width: 320px;
}
}

.top__head__img.layer02 {
width: 100%;
bottom: -120%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.top__head__img.layer02 {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
bottom: auto !important;
top: 150%;
width: 1366px;
height: 768px;
}
.top__head__img.layer02 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}

@media screen and (max-width: 767px) and (min-width: 600px) {
.top__head__img.layer02 {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
bottom: auto !important;
top: 150%;
width: 768px;
height: 500px;
opacity: 0;
}
.top__head__img.layer02 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}

@media screen and (max-width: 599px) {
.top__head__img.layer02 {
max-width: 767px;
min-width: 375px;
width: 100%;
height: 349px;
}
}

@media screen and (max-width: 767px) {
.top__head__img.layer02 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}

.top__head__img.layer03 {
width: 866px;
opacity: 0;
position: relative;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: 450ms;
animation-duration: 450ms;
-webkit-animation-delay: 5.5s;
animation-delay: 5.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

@media screen and (max-width: 767px) and (max-width: 600px) {
.top__head__img.layer03 {
width: auto;
}
}

@media screen and (max-width: 599px) {
.top__head__img.layer03 {
margin-top: 85px;
text-align: center;
}
}

@media screen and (max-width: 359px) {
.top__head__img.layer03 {
margin-top: 70px;
}
}

@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3) translate3d(0, 0, 0);
transform: scale(0.3) translate3d(0, 0, 0);
}
50% {
opacity: 0.9;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
opacity: 1;
-webkit-transform: scale(0.89);
transform: scale(0.89);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
}
}

@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3) translate3d(0, 0, 0);
transform: scale(0.3) translate3d(0, 0, 0);
}
50% {
opacity: 0.9;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
80% {
opacity: 1;
-webkit-transform: scale(0.89);
transform: scale(0.89);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translate3d(0, 0, 0);
transform: scale(1) translate3d(0, 0, 0);
}
}

.top_sec01 {
padding-top: 90px;
padding-bottom: 100px;
background-color: #fff;
}

@media screen and (max-width: 767px) {
.top_sec01 {
padding-top: 60px;
padding-bottom: 150px;
position: relative;
}
.top_sec01 .slick-slide {
height: inherit !important;
}
.top_sec01 .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.top_sec01 .container {
padding: 0;
}
.top_sec01 .slick-prev {
display: none;
}
.top_sec01 .slick-next {
display: none;
}
.top_sec01 .btn_grey {
margin-top: 30px;
}
}

.top_sec01__tt {
font-size: 7.2rem;
line-height: 85px;
font-family: 'Raleway', sans-serif;
text-align: center;
color: #ffbe46;
font-weight: 900;
}

@media screen and (max-width: 767px) {
.top_sec01__tt {
font-size: 3.6rem;
line-height: 42px;
}
}

.top_sec01__tt span {
color: #000000;
}

.top_sec01__tt01 {
font-size: 3.6rem;
color: #ffbe46;
line-height: 48px;
text-align: center;
margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
.top_sec01__tt01 {
font-size: 2rem;
line-height: 29px;
margin-bottom: 15px;
}
}

.top_sec01 .c_text01 {
text-align: center;
}

@media screen and (max-width: 767px) {
.top_sec01 .c_text01 {
padding: 0 40px;
}
}

@media screen and (max-width: 767px) {
.top_sec01 .slider-nav {
display: block;
width: 300px;
position: absolute;
top: 50%;
left: 50%;
height: 40px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.top_sec01 .slider-nav .prev-slide {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: -25px;
}
.top_sec01 .slider-nav .prev-slide:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev_hover.svg');
}
.top_sec01 .slider-nav .next-slide {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: -25px;
}
.top_sec01 .slider-nav .next-slide:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next_hover.svg');
}
}

.top_sec01 .pagingInfo {
display: none;
}

@media screen and (max-width: 767px) {
.top_sec01 .pagingInfo {
display: block;
}
}

.prev-slide_01 {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: -25px;
}

@media screen and (max-width: 359px) {
.prev-slide_01 {
left: -10px;
}
}

.prev-slide_01:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev_hover.svg');
}

.next-slide_01 {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: -25px;
}

@media screen and (max-width: 359px) {
.next-slide_01 {
right: -10px;
}
}

.next-slide_01:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next_hover.svg');
}

.top_sec02 {
overflow: hidden;
}

@media screen and (max-width: 767px) {
.top_sec02 {
overflow: inherit;
background-color: #f5f5f5;
}
}

.top_sec02 .container {
position: relative;
padding-top: 100px;
padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
.top_sec02 .container {
padding-top: 120px;
padding-bottom: 155px;
padding-left: 0;
padding-right: 0;
}
}

.top_sec02 .container:before {
content: '';
width: 200%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #f5f5f5;
border-top-right-radius: 220px;
border-bottom-right-radius: 220px;
z-index: -1;
}

@media screen and (max-width: 767px) {
.top_sec02 .container:before {
display: none;
}
}

.top_sec02 .c_text01 {
margin-top: 10px;
}

@media screen and (max-width: 767px) {
.top_sec02 .c_text01 {
margin-top: 30px;
text-align: center;
padding: 0 35px;
}
}

.top_sec02 .prev-slide_02 {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: -25px;
}

@media screen and (max-width: 359px) {
.top_sec02 .prev-slide_02 {
left: -10px;
}
}

.top_sec02 .prev-slide_02:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev_hover.svg');
}

.top_sec02 .next-slide_02 {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: -25px;
}

@media screen and (max-width: 359px) {
.top_sec02 .next-slide_02 {
right: -10px;
}
}

.top_sec02 .next-slide_02:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next_hover.svg');
}

.top_sec02 .image_abs {
right: -87px;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
.top_sec02 .image_abs {
right: -57px;
top: 10px;
}
}

@media screen and (max-width: 767px) {
.top_sec02 .image_abs {
width: 218px;
right: auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -92px;
height: auto;
}
}

.top_sec02 .slider_show {
margin-top: 50px;
}

.top_sec02 .slider-nav {
display: block;
width: 880px;
position: absolute;
top: 45%;
left: 50%;
height: 40px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
.top_sec02 .slider-nav {
width: 300px;
top: 42%;
}
}

.image_abs {
position: absolute;
top: 20px;
z-index: 0;
width: 468px;
height: 360px;
}

.image_abs img {
max-width: 100%;
}

.top_sec03 {
background-color: #f5f5f5;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.top_sec03 {
overflow: inherit;
background-color: #fff;
}
}

.top_sec03 .container {
position: relative;
padding-top: 100px;
padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
.top_sec03 .container {
padding-top: 120px;
padding-left: 0;
padding-right: 0;
}
}

.top_sec03 .container:before {
content: '';
width: 200%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border-top-left-radius: 220px;
border-bottom-left-radius: 220px;
z-index: 0;
}

@media screen and (max-width: 767px) {
.top_sec03 .container:before {
display: none;
}
}

.top_sec03 .c_title_01 {
text-align: right;
position: relative;
}

@media screen and (max-width: 767px) {
.top_sec03 .c_title_01 {
text-align: center;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.top_sec03 .c_title_01 {
max-width: 280px;
margin: 0 auto;
font-size: 4rem;
}
}

.top_sec03 .c_text01 {
text-align: right;
position: relative;
margin-top: 10px;
}

@media screen and (max-width: 767px) {
.top_sec03 .c_text01 {
text-align: center;
padding: 0 35px;
}
}

.top_sec03 .image_abs {
left: -14px;
}

@media screen and (max-width: 767px) {
.top_sec03 .image_abs {
width: 195px;
height: 180px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: -90px;
}
}

.top_sec03 .slider_show {
margin-left: auto;
margin-top: 65px;
}

@media screen and (max-width: 767px) {
.top_sec03 .slider_show {
margin-top: 50px;
}
}

.top_sec03 .slider-nav {
display: block;
width: 880px;
position: absolute;
top: 45%;
left: 50%;
height: 40px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
.top_sec03 .slider-nav {
width: 300px;
top: 42%;
}
}

.top_sec03 .prev-slide_03 {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: -25px;
}

@media screen and (max-width: 359px) {
.top_sec03 .prev-slide_03 {
left: -10px;
}
}

.top_sec03 .prev-slide_03:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev_hover.svg');
}

.top_sec03 .next-slide_03 {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: -25px;
}

@media screen and (max-width: 359px) {
.top_sec03 .next-slide_03 {
right: -10px;
}
}

.top_sec03 .next-slide_03:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next_hover.svg');
}

.top_sec04 {
padding-top: 100px;
<!-- background-color: #f5f5f5; -->
overflow: hidden;
}

@media screen and (max-width: 767px) {
.top_sec04 {
padding-top: 60px;
padding-bottom: 0;
}
}

.top_sec04 .c_title_01 {
text-align: center;
}

.top_sec04 .c_text01 {
text-align: center;
margin-top: 10px;
}

.top_sec04 .slider_show {
width: 100%;
margin-top: 50px;
}

.top_sec04 .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}

.top_sec04 .slick-slide {
height: inherit !important;
}

.top_sec04 .slick-list {
overflow: inherit;
}

.top_sec04 .slider-nav {
width: 508px;
position: absolute;
top: 44%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
.top_sec04 .slider-nav {
width: 300px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.top_sec04 .slider-nav {
width: 280px;
}
}

.top_sec04 .slider-nav .prev-slide {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: -40px;
}

@media screen and (max-width: 767px) {
.top_sec04 .slider-nav .prev-slide {
left: -25px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.top_sec04 .slider-nav .prev-slide {
left: -10px;
}
}

.top_sec04 .slider-nav .prev-slide:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev_hover.svg');
}

.top_sec04 .slider-nav .next-slide {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: -40px;
}

@media screen and (max-width: 767px) {
.top_sec04 .slider-nav .next-slide {
right: -25px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.top_sec04 .slider-nav .next-slide {
right: -10px;
}
}

.top_sec04 .slider-nav .next-slide:hover {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next_hover.svg');
}


.top_sec05 {
margin-bottom: 105px;
}
.top_sec05 .embed_social__flex {
display: flex;
}

.top_sec05 .embed_social-item {
padding: 0 15px;
}

.top_sec05 .item-instagram {
width: 60%;
}

.top_sec05 .item-facebook {
width: 40%;
}

@media screen and (max-width: 767px) {
.top_sec05 .embed_social__flex {
display: block;
}

.top_sec05 .item-instagram {
width: 100%;
}

.top_sec05 .item-facebook {
width: 100%;
}
}

.top_sec06 {
text-align: center;
margin: 20px 0;
}

@media screen and (max-width: 1440px) {
.top_sec06 img {
width: 100%;
}
}


.top_access {
background-color: #f5f5f5;
padding-top: 100px;
padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
.top_access {
padding-top: 60px;
padding-bottom: 0;
}
}

.top_access .c_title_01 {
text-align: center;
}

.top_access__img {
width: 720px;
margin: 0 auto;
margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
.top_access__img {
width: 280px;
}
}

.top_access__img img {
max-width: 100%;
}

@media screen and (max-width: 767px) {
.top_access .c_title_01.green span {
font-size: 1.6rem;
line-height: 24px;
}
}

.top_access .btn_register {
margin-top: 30px;
margin-bottom: 80px;
}

.ko_co__sec01 {
margin-top: 30px;
}

@media screen and (max-width: 767px) {
.ko_co__sec01 {
margin-top: 60px;
}
}

.ko_co__sec01 .btn_register {
margin-top: 0px;
margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.ko_co__sec01 .btn_register {
margin-top: 60px;
}
}

.ko_event__sec04.mb .btn_register {
margin-top: 30px;
}

@media screen and (max-width: 767px) {
.ko_event__sec04.mb .btn_register {
margin-top: 60px;
}
}

.ko_co__sec01 .c_text01 {
max-width: 720px;
width: 100%;
text-align: center;
margin: 0 auto;
margin-top: 30px;
}

@media screen and (max-width: 767px) {
.ko_co__sec01 .c_text01 {
margin-top: 20px;
max-width: 300px;
}
}

.ko_co__sec01 .c_title_02,.c_title_01 {
max-width: 720px;
width: 100%;
margin: 0 auto;
}

@media screen and (max-width: 767px) {
.ko_co__sec01 .c_title_02,.c_title_01 {
max-width: 300px;
}
}

.ko_co__sec01.sec02 {
margin-top: 60px;
}

@media screen and (max-width: 767px) {
.ko_co__sec01.sec02 {
margin-top: 30px;
}
}

.ko_event__sec04 .slider_show {
width: 100%;
margin-top: 50px;
margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.ko_event__sec04 .slider_show {
margin-top: 60px;
margin-bottom: 30px;
}
}

.ko_event__sec04 .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}

.ko_event__sec04 .slick-slide {
height: inherit !important;
}

.ko_event__sec04 .slider-nav {
width: 508px;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
.ko_event__sec04 .slider-nav {
width: 300px;
}
}

.ko_event__sec04 .slider-nav .prev-slide {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_prev.svg');
left: -200px;
}

@media screen and (max-width: 767px) {
.ko_event__sec04 .slider-nav .prev-slide {
left: -25px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.ko_event__sec04 .slider-nav .prev-slide {
left: -10px;
}
}

.ko_event__sec04 .slider-nav .next-slide {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_next.svg');
right: -200px;
}

@media screen and (max-width: 767px) {
.ko_event__sec04 .slider-nav .next-slide {
right: -25px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.ko_event__sec04 .slider-nav .next-slide {
right: -10px;
}
}

.ko_co__sec03 {
margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03 {
margin-top: 90px;
}
}

.ko_co__sec03__top {
background-color: #34d590;
margin-bottom: 60px;
}

.ko_co__sec03__top_blue {
background-color: #54d3e3;
}
.ko_co__sec03__top_pink {
background-color: #FCA0C1;
}

.ko_co__sec03__dl {
max-width: 1160px;
width: 100%;
padding: 0 20px;
margin: 40px auto 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
}

.ko_co__sec03__dl .left {
background-color: #b4b4b4;
color: #fff;
text-align: center;
padding: 30px;
max-width: 246px;
width: 100%;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__dl .left {
max-width: 100%;
}
}

.ko_co__sec03__dl .left a {
display: block;
}

.ko_co__sec03__dl .left__sub {
font-size: 1.2rem;
line-height: 18px;
display: block;
color: #fff;
}

.ko_co__sec03__dl .left__sub:last-child {
display: none;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__dl .left__sub:last-child {
display: block;
}
}

.ko_co__sec03__dl .left__txt {
font-size: 1.4rem;
line-height: 21px;
font-weight: 900;
font-family: 'Raleway', sans-serif;
color: #fff;
}

.ko_co__sec03__dl .left__txt02 {
font-size: 1.6rem;
line-height: 24px;
font-weight: bold;
color: #fff;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__dl .left__txt02 {
margin-bottom: 10px;
}
}

.ko_co__sec03__dl .left__img {
max-width: 100%;
margin-top: 8px;
margin-bottom: 8px;
}

.ko_co__sec03__dl .left__img01 {
margin-top: 10px;
margin-bottom: 5px;
}

.ko_co__sec03__dl .right {
width: calc(100% - 246px);
padding-left: 55px;
padding-top: 50px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__dl .right {
width: 100%;
padding: 30px 20px 10px;
}
}

.ko_co__sec03__dl .right .btn_01 {
margin: 0;
line-height: 52px;
max-width: 402px;
font-size: 2.4rem;
border-radius: 30px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__dl .right .btn_01 {
line-height: 40px;
margin-bottom: 20px;
font-size: 1.6rem;
max-width: 280px;
}
}

.ko_co__sec03__dl .right__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__dl .right__flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
}
}

.ko_co__sec03__dl .right__text {
font-size: 1.3rem;
line-height: 19px;
font-weight: bold;
color: #fff;
}

.ko_co__sec03__bottom {
background-color: #54d3e3;
border-radius: 24px;
padding: 30px 0 50px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom {
padding: 30px 32.5px 0;
}
}

.ko_co__sec03__bottom .nav_slider_access__img {
height: 282px;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom .nav_slider_access__img {
height: 198px;
}
}

.ko_co__sec03__bottom .nav_slider_access__item {
border: 0;
padding-bottom: 0;
width: 400px;
opacity: 1;
margin-right: 0;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom .nav_slider_access__item {
width: 100%;
margin-bottom: 50px;
}
}

.ko_co__sec03__bottom .nav_slider_access {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 820px;
margin: 0 auto;
margin-top: 30px;
}

.ko_co__sec03__bottom .nav_slider_access_community {
display: block;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom .nav_slider_access {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}

.ko_co__sec03__bottom .nav_slider_access__cont__tt {
font-size: 2rem;
line-height: 30px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom .nav_slider_access__cont__tt {
margin-bottom: 5px;
}
}

.ko_co__sec03__bottom .nav_slider_access__cont__text {
font-size: 1.4rem;
line-height: 21px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom .nav_slider_access__cont__text {
font-size: 1.2rem;
line-height: 18px;
}
}

.ko_co__sec03__bottom .nav_slider_access__cont {
padding: 20px 0;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom .nav_slider_access__cont {
padding: 10px 0;
}
}

.ko_co__sec03__bottom .btn_01 {
position: relative;
left: auto;
bottom: auto;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
margin-top: 20px;
line-height: 52px;
max-width: 320px;
border-radius: 30px;
}

@media screen and (max-width: 767px) {
.ko_co__sec03__bottom .btn_01 {
line-height: 40px;
font-size: 1.6rem;
margin-top: 15px;
}
}

.slide_koworking .nav_slider_access__img {
height: 422px;
border: 4px solid #000000;
border-radius: 26px;
overflow: hidden;
}

/* @media screen and (max-width: 767px) {
.slide_koworking .nav_slider_access__img {
height: 215px;
}
} */

.slide_koworking .nav_slider_access__item {
border: 0;
padding-bottom: 0;
}

.slide_koworking__text {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
margin-top: 10px;
padding: 0 10px;
}

@media screen and (max-width: 767px) {
.slide_koworking__text {
font-size: 1rem;
line-height: 15px;
}
}

.ko_meeting__calendar {
width: 100%;
max-width: 720px;
height: 540px;
margin: 0 auto;
}

@media screen and (max-width: 767px) {
.ko_meeting__calendar {
padding: 0 20px;
height: 229px;
overflow: hidden;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.ko_meeting__calendar {
padding: 0;
}
}

.ko_meeting__calendar iframe {
width: 100%;
height: 100%;
}

.ko_meeting__calendar img {
max-width: 100%;
}

.ko_meeting__calendar table.mv-daynames-table {
background: #fff !important;
}

.ko_meeting__calendar td.st-dtitle {
background: #fff !important;
border: 1px solid #000 !important;
border-bottom: none !important;
}

.ko_meeting__calendar td.st-dtitle.st-dtitle-today {
background: #f0f0f0 !important;
}

.ko_meeting__calendar .st-bg-table {
border-collapse: collapse;
}

.ko_meeting__calendar .st-grid {
border-collapse: collapse !important;
}

.ko_meeting__calendar .view-cap {
display: none !important;
}

.ko_meeting__calendar .mv-event-container {
border: none;
}

.ko_meeting__calendar .rb-n {
background: #000 !important;
}

.ko_meeting__calendar .view-container-border {
padding: 0 !important;
}

.ko_meeting__calendar td.st-bg {
border: 1px solid #000 !important;
}

.ko_meeting__calendar td.st-bg-today {
background: #f0f0f0 !important;
}

.ko_meeting__calendar .footer {
display: none;
}

.ko_meeting__tt {
font-size: 2.4rem;
color: #34d590;
line-height: 36px;
text-align: center;
margin-top: 150px;
margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
.ko_meeting__tt {
margin-top: 90px;
margin-bottom: 20px;
font-size: 2rem;
line-height: 30px;
}
}

.ko_event__tt {
font-size: 3rem;
line-height: 45px;
color: #34d590;
font-weight: 900;
position: relative;
padding-left: 50%;
height: 160px;
padding-top: 10px;
}

.ko_event__tt.blue {
color: #54d3e3;
font-weight: normal;
}

@media screen and (max-width: 767px) {
.ko_event__tt {
height: auto;
font-size: 2rem;
line-height: 30px;
text-align: center;
max-width: 300px;
margin: 0 auto;
padding-left: 0;
padding-top: 0;
}
}

.ko_event__tt:before {
content: '';
width: 480px;
height: 160px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/ko_event/img_icon.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 50px;
top: 0;
}

.ko_event__tt_case_study:before {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/community/atomatch/case_study.png');
}

.ko_event__tt_voice:before {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/community/atomatch/voice.png');
}

.ko_event__tt_step:before {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/community/meet/step.png');
}

@media screen and (max-width: 767px) {
.ko_event__tt:before {
width: 300px;
height: 100px;
left: 50%;
top: -120px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.ko_event__tt:before {
width: 250px;
top: -90px;
}
}

.ko_event__nav {
margin-bottom: 150px;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 767px) {
.ko_event__nav {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 75px;
}
}

.ko_event__nav li {
width: 24%;
margin-right: 1.66%;
position: relative;
}

@media screen and (max-width: 767px) {
.ko_event__nav li {
width: 100%;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #c8c8c8;
padding-bottom: 15px;
margin-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
}
}

.ko_event__nav li:nth-child(4n) {
margin-right: 0;
}

.ko_event__nav li:hover .ko_event__nav__img {
position: relative;
}

.ko_event__nav li:hover .ko_event__nav__img:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}

.ko_event__nav li:hover .ko_event__nav__img:after {
content: 'VIEW MORE';
font-size: 2rem;
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 900;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.ko_event__nav li > a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

.ko_event__nav__img {
width: 100%;
height: 170px;
overflow: hidden;
border-radius: 24px;
border: 4px solid #000000;
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.ko_event__nav__img {
width: 120px;
height: 80px;
border-radius: 12px;
margin-bottom: 0;
}
}

.ko_event__nav__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.ko_event__nav__tt {
font-size: 1.5rem;
line-height: 22px;
font-weight: bold;
color: #000000;
margin-bottom: 20px;
padding: 0 10px;
text-align: center;
}

@media screen and (max-width: 767px) {
.ko_event__nav__tt {
font-size: 1.2rem;
line-height: 18px;
padding: 0;
margin-bottom: 0;
text-align: left;
}
}

.ko_event__nav__text {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
padding: 0 10px;
text-align: center;
}

@media screen and (max-width: 767px) {
.ko_event__nav__text {
display: none;
}
}

@media screen and (max-width: 767px) {
.ko_event__nav__cont {
width: calc(100% - 120px);
padding-left: 10px;
position: relative;
padding-bottom: 20px;
}
}

.ko_event__nav__link {
font-size: 1rem;
font-weight: 900;
color: #000000;
text-align: right;
display: table;
margin-left: auto;
font-family: 'Raleway', sans-serif;
position: relative;
padding-left: 10px;
display: none;
position: absolute;
right: 0;
bottom: 0;
}

@media screen and (max-width: 767px) {
.ko_event__nav__link {
display: table;
}
}

.ko_event__nav__link:hover {
opacity: 0.8;
}

.ko_event__nav__link::before {
content: '';
width: 4px;
height: 8px;
 background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/common/icon_r_black.svg');
background-size: contain;
position: absolute;
background-repeat: no-repeat;
left: 0;
top: 48%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.ko_event__sec04 {
padding-top: 150px;
}

.ko_event__sec04.mb {
margin-bottom: 150px;
}

.ko_event__sec04 .c_text01 {
max-width: 720px;
width: 100%;
text-align: center;
margin: 0 auto;
margin-top: 30px;
}

.ko_event__sec04 .c_title_02,.c_title_01 {
max-width: 720px;
width: 100%;
margin: 0 auto;
}

@media screen and (max-width: 767px) {
.ko_event__sec04 {
padding-top: 180px;
}
.ko_event__sec04.mb {
margin-bottom: 90px;
}
.ko_event__sec04 .c_text01 {
margin-top: 20px;
max-width: 300px;
}
.ko_event__sec04 .c_title_02,.c_title_01 {
max-width: 300px;
}
}

@media screen and (max-width: 767px) and (max-width: 359px) {
.ko_event__sec04 {
padding-top: 140px;
}
}

.ko_event__sec05 {
margin-bottom: 150px;
}

@media screen and (max-width: 767px) {
.ko_event__sec05 {
margin-bottom: 90px;
margin-top: 45px;
}
}

.ko_event__sec05 .btn_grey {
margin-top: 30px;
max-width: 402px;
}

@media screen and (max-width: 767px) {
.ko_event__sec05 .btn_grey {
line-height: 48px;
max-width: 280px;
}
}

@media screen and (max-width: 767px) {
.ko_event__sec02 {
margin-bottom: 0 !important;
}
.ko_event__sec02 .nav_image_text li:last-child {
margin-bottom: 0;
}
}

.ko_webinar__image {
width: 100%;
height: 408px;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
margin-top: 150px;
}

@media screen and (max-width: 767px) {
.ko_webinar__image {
height: 246px;
margin-top: 90px;
}
}

.ko_webinar__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.contact_page__main {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
margin-top: 70px;
padding-top: 65px;
}

.contact_page__main .c_title_01 {
color: #000;
text-align: center;
position: relative;
}

.contact_frame {
margin: 60px 0 150px;
}

.ko_plan__head {
margin-top: 90px;
margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
.ko_plan__head {
margin-top: 60px;
margin-bottom: 20px;
}
}

.ko_plan__head .c_title_01 {
color: #000000;
text-align: center;
margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.ko_plan__head .c_title_01 {
font-size: 3.6rem;
line-height: 42px;
margin-bottom: 50px;
}
.ko_plan__head .c_title_01 span {
font-size: 1.6rem;
}
}

.ko_plan__sec01 {
padding-top: 70px;
margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
.ko_plan__sec01 {
margin-bottom: 20px;
}
}

.ko_plan__sec01 .c_title_04 {
margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.ko_plan__sec01 .c_title_04 {
margin-bottom: 30px;
}
}

.ko_plan__sec01 .ko_webinar__image {
max-width: 728px;
margin: 0 auto;
margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.ko_plan__sec01 .ko_webinar__image {
height: 192px;
margin-bottom: 30px;
}
}

.ko_plan__sec01 .btn_01 {
margin-left: auto;
margin-right: 0;
margin-top: 60px;
}

@media screen and (max-width: 767px) {
.ko_plan__sec01 .btn_01 {
margin-right: auto;
margin-top: 0;
max-width: 280px;
}
}

.ko_plan__sec01#event .ko_plan__nav .right,
.ko_plan__sec01#webinar .ko_plan__nav .right {
padding-left: 0;
}

.ko_plan__sec01#coworking .ko_plan__nav {
width: 100%;
max-width: 520px;
}

@media screen and (max-width: 767px) {
.ko_plan__sec01#coworking .ko_plan__nav {
max-width: 100%;
}
}

.ko_plan__sec01#coworking .ko_plan__nav li {
width: 100%;
margin-right: 0;
}

.ko_plan__sec01#coworking .ko_plan__nav .custom-height {
min-height: 180px;
}

.ko_plan__sec01 .c_title_06.mt10 {
margin-top: 10px;
}

@media screen and (max-width: 767px) {
.ko_plan__sec01 .ko_meeting__calendar {
padding: 0;
margin-bottom: 30px;
}
}

@media screen and (max-width: 767px) {
.ko_plan__dl {
padding: 0 10px;
margin-bottom: 30px;
}
}

.ko_plan__dl.mt40 {
margin-top: 40px;
}

.ko_plan__dl > dd {
padding: 0 10px;
}

.ko_plan__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

@media screen and (max-width: 767px) {
.ko_plan__nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}

.ko_plan__nav li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 47.5%;
padding-bottom: 25px;
border-bottom: 1px solid #c8c8c8;
margin-bottom: 20px;
margin-right: 5%;
}

@media screen and (max-width: 767px) {
.ko_plan__nav li {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 10px;
margin-bottom: 10px;
position: relative;
margin-right: 0;
}
}

.ko_plan__nav li:nth-child(2n) {
margin-right: 0;
}

.ko_plan__nav .left {
width: calc(100% - 220px);
}

@media screen and (max-width: 767px) {
.ko_plan__nav .left {
width: 100%;
margin-bottom: 10px;
}
}

.ko_plan__nav .left__tt {
font-size: 1.8rem;
line-height: 27px;
color: #000000;
margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
.ko_plan__nav .left__tt {
font-size: 1.4rem;
line-height: 21px;
}
}

.ko_plan__nav .left__text {
font-size: 1.4rem;
line-height: 21px;
color: #000000;
margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
.ko_plan__nav .left__text {
font-size: 1.2rem;
line-height: 18px;
}
}

.ko_plan__nav .left__text01 {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
}

.ko_plan__nav .right {
width: 220px;
padding-left: 20px;
text-align: right;
}

@media screen and (max-width: 767px) {
.ko_plan__nav .right {
width: 100%;
padding-left: 0;
}
}

.ko_plan__nav .right__price {
font-size: 1.4rem;
font-weight: bold;
color: #ffa143;
line-height: 27px;
margin-bottom: 10px;
width: 200px;
}

@media screen and (max-width: 767px) {
.ko_plan__nav .right__price {
font-size: 1.8rem;
margin-bottom: 0;
width: 100%;
}
}

.ko_plan__nav .right__note {
font-size: 1.6rem;
font-weight: bold;
color: #ffa143;
}

@media screen and (max-width: 767px) {
.ko_plan__nav .right__note {
font-size: 1.3rem;
}
}

.ko_plan__nav .right__state {
font-size: 1.2rem;
color: #fff;
font-weight: bold;
display: inline-block;
padding: 5px 10px;
line-height: 18px;
background-color: #ff4141;
border-radius: 4px;
}

@media screen and (max-width: 767px) {
.ko_plan__nav .right__state {
position: absolute;
top: 0;
right: 0;
}
}

.ko_plan__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.ko_plan__flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
margin-top: 20px;
}
}

.ko_plan__flex dl {
width: 540px;
}

@media screen and (max-width: 767px) {
.ko_plan__flex dl {
width: 100%;
}
}

.ko_plan__flex .ko_plan__nav {
display: block;
}

.ko_plan__text {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
margin-top: 10px;
}

@media screen and (max-width: 767px) {
.ko_plan__text {
margin-top: 0;
}
}

.ko_plan__text01 {
font-size: 1.4rem;
line-height: 21px;
color: #000000;
margin-top: 10px;
}

@media screen and (max-width: 767px) {
.ko_plan__text01 {
font-size: 1.2rem;
line-height: 22px;
}
}

.ko_access__sec01 {
margin-bottom: 150px;
}

@media screen and (max-width: 767px) {
.ko_access__sec01 {
margin-bottom: 90px;
}
}

.ko_access__sec01__inline {
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}

@media screen and (max-width: 767px) {
.ko_access__sec01__inline {
padding: 0 15px;
}
}

.ko_access__sec01 .btn_01 {
margin: 0;
}

@media screen and (max-width: 767px) {
.ko_access__sec01 .btn_01 {
max-width: 280px;
}
}

.ko_access__map {
width: 100%;
height: 480px;
border-radius: 24px;
border: 4px solid #000000;
margin-bottom: 30px;
position: relative;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.ko_access__map {
height: 230px;
margin-bottom: 20px;
}
}

.ko_access__map iframe {
width: 100%;
height: 100%;
}

.ko_access__tt {
font-size: 2.4rem;
line-height: 36px;
text-align: center;
color: #000000;
margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
.ko_access__tt {
font-size: 2rem;
line-height: 30px;
}
}

.ko_access__tt01 {
font-size: 1.8rem;
color: #000000;
line-height: 27px;
padding-bottom: 10px;
border-bottom: 1px solid #c8c8c8;
margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
.ko_access__tt01 {
font-size: 1.6rem;
font-weight: 24px;
margin: 0 10px;
margin-bottom: 50px;
}
}

.ko_access__text {
font-size: 1.3rem;
color: #000000;
line-height: 19px;
text-align: center;
}

.ko_access__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 50px;
}

@media screen and (max-width: 767px) {
.ko_access__flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}

.ko_access .btn_01--style1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 48px;
line-height: 18px;
padding-top: 5px;
margin-left: 20px;
}

@media screen and (max-width: 767px) {
.ko_access .btn_01--style1 {
margin-left: 0;
margin-top: 20px;
}
}

.ko_access .btn_01--style1 span {
font-size: 1rem;
}

.navi_access {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

@media screen and (max-width: 767px) {
.navi_access {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}

.navi_access li {
width: 220px;
position: relative;
margin-right: 30px;
}

@media screen and (max-width: 767px) {
.navi_access li {
margin-right: 0;
width: 100%;
margin-bottom: 50px;
}
}

.navi_access li:nth-child(3) {
margin-right: 0;
}

@media screen and (max-width: 767px) {
.navi_access li:nth-child(3) {
margin-bottom: 0;
}
}

.navi_access__block {
position: relative;
}

@media screen and (max-width: 767px) {
.navi_access__block {
margin: 0 50px;
}
}

.navi_access__img {
width: 100%;
height: 170px;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
.navi_access__img {
height: 195px;
}
}

.navi_access__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.navi_access__text {
font-size: 1.2rem;
line-height: 18px;
color: #000000;
padding: 0 10px;
}

@media screen and (max-width: 767px) {
.navi_access__text {
padding: 0 20px;
text-align: center;
}
}

.navi_access__icon {
position: absolute;
top: -15px;
left: -20px;
width: 60px;
}

.navi_access__icon img {
max-width: 100%;
}

@media (min-width: 768px) {
.sp-only {
display: none;
}
}

@media screen and (max-width: 767px) {
.pc-only {
display: none;
}
.pc_tab {
display: none;
}
}

@media screen and (max-width: 599px) {
.pc_tablet {
display: none;
}
}
@media screen and (min-width: 600px) {
.spsm-only {
display: none;
}
}

#atomica_nobeoka-Map {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

#atomica_miyazaki-Map {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

#atomica_kitakyushu-Map {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.nav_slider_community_item_top {
padding: 20px 40px;
background-color: white;
}

.nav_slider_community_item_header {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}

.nav_slider_community_item_title {
display: block;
}

.nav_slider_community_item_title_text {
font-size: 20px;
font-weight: bold;
margin-top: 10px;
}

.nav_slider_community_item_case {
color: #54d3e3;
display: flex;
}

.nav_slider_community_item_case_text {
font-family: 'Raleway';
align-self: flex-end;
margin-right: 4px;
font-size: 16px;
}

.nav_slider_community_item_case_number {
font-size: 48px;
align-self: flex-end;
}

.nav_slider_community_item_content {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}

.nav_slider_community_item_description {
display: block;
/* width: 460px; */
}

.nav_slider_community_item_description_title {
color: white;
background-color: #54d3e3;
text-align: left;
border-radius: 6px;
margin-bottom: 10px;
padding: 10px;
}

.nav_slider_community_item_description_title_text {
font-size: 20px;
margin-top: 10px;
}

.nav_slider_community_item_description_detail {
display: flex;
align-items: center;
}

.nav_slider_community_item_description_detail_point {
color: #54d3e3;
font-weight: bold;
font-size: 30px;
}

.nav_slider_access__item_footer {
color: white;
font-size: 24px;
text-align: center;
margin-top: 20px;
}

.community_atomatch_voice {
width: 900px;
border: 4px solid #000000;
border-radius: 24px;
margin: 30px auto 0;
overflow: hidden;
}

.community_atomatch_voice {
width: 900px;
border: 4px solid #000000;
border-radius: 24px;
margin: 30px auto 0;
overflow: hidden;
}

.community_atomatch_voice_header {
height: 69px;
padding: 20px 40px;
background-color: black;
color: white;
font-size: 20px;
text-align: center;
}

.community_atomatch_voice_content {
display: flex;
padding: 30px;
}

.community_atomatch_voice_message {
font-size: 14px;
margin-left: 20px;
}

.community_atomatch_voice_message_header {
display: flex;
margin-bottom: 20px;
}
.community_atomatch_voice_message_content {
max-width: 800px;
}

.community_atomatch_voice_message_header_name {
font-size: 20px;
font-weight: bold;
margin-right: 20px;
}
.community_atomatch_voice_message_grad_trigger {
display: none;
}

@media screen and (max-width: 767px) {
.community_atomatch_voice {
width: 100%;
border: 4px solid #000000;
border-radius: 24px;
margin: 30px auto 0;
overflow: hidden;
}

.community_atomatch_voice_header {
height: 69px;
padding: 10px;
background-color: black;
color: white;
font-size: 16px;
text-align: center;
}

.community_atomatch_voice_content_image {
width: 625px;
}

.community_atomatch_voice_content {
display: flex;
padding: 30px;
padding-bottom: 50px;
}

.community_atomatch_voice_message {
font-size: 14px;
margin-left: 20px;
width: 120px;
}

.community_atomatch_voice_message_header {
font-size: 10px;
display: block;
margin-bottom: 20px;
}

.community_atomatch_voice_message_header_name {
font-size: 14px;
font-weight: bold;
margin-right: 20px;
margin-bottom: 10px;
}
.community_atomatch_voice_message_content {
margin-top: 70px;
transform: translateX(-45%);
width: 230px;
font-size: 12px;
}

.community_atomatch_voice_message_grad_btn {
margin: auto;
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 148px;
font-size: 1.3rem;
text-align: center;
}
.community_atomatch_voice_message_grad_btn::before {
content: "+ VIEW MORE"
}
.community_atomatch_voice_message_grad_item {
position: relative;
overflow: hidden;
height: 80px; /*隠した状態の高さ*/
}
.community_atomatch_voice_message_grad_item::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 20px; /*グラデーションで隠す高さ*/
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#fff 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
content: "";
}
.community_atomatch_voice_message_grad_trigger:checked ~ .community_atomatch_voice_message_grad_btn::before {
content: "- CLOSE";
}
.community_atomatch_voice_message_grad_trigger:checked ~ .community_atomatch_voice_message_grad_item {
height: auto;;
}
.community_atomatch_voice_message_grad_trigger:checked ~ .community_atomatch_voice_message_grad_item::before {
display: none;
}
}
.community_hearing_title {
font-size: 36px;
color: #54d3e3;
text-align: center;
margin-bottom: 30px;
}

.community_hearing_message {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
}
.community_hearing .btn_01 {
max-width: 720px;
height: 120px;
font-size: 2.4rem;
border-radius: 80px;
line-height: 100px;
}

.ko_co__sec03__bottom .community_info {
/* height: 282px; */
margin: auto;
}

.ko_event__tt_step {
margin-top: 150px;
}

.community_flex {
display: flex;
}

.responsive_image {
width: 100%;
height: auto;
}

.community_atomatch_voice_message_content {
max-width: 800px;
}

.com_plan_nav_anchor a {
border: 2px solid #54d3e3;
background-color: #54d3e3;
}

@media screen and (max-width: 767px) {
.community_title_01 {
font-size: 20px;
line-height: 30px;
}

.community_flex {
display: block;
}
.nav_slider_community_item_top {
padding: 20px 15px;
}
.nav_slider_community_item_case {
position: absolute;
right: 20px;
top: 5px;
}
.nav_slider_community_item_content {
display: block;
}
.nav_slider_community_item_title {
margin-top: 20px;
}
.nav_slider_community_item_case_text {
font-size: 12px;
}
.nav_slider_community_item_case_number {
font-size: 36px;
}
.nav_slider_community_item_title {
font-size: 10px;
}
.nav_slider_community_item_title_text {
font-size: 16px;
}
.nav_slider_community_item_description_title {
font-size: 10px;
max-width: 265px;
}
.nav_slider_community_item_description_title_text {
font-size: 16px;
}
.nav_slider_community_item_description_detail {
font-size: 10px;
}
.nav_slider_community_item_description_detail_point {
font-size: 20px;
}
.slide_community .nav_slider_access__img {
height: 560px;
}
.nav_slider_community_item_description_detail {
max-width: 260px;
margin-top: 5px;
}
.nav_slider_community_item_img {
max-width: 200px;
max-height: 144px;
margin: auto;
margin-top: 20px;
}
.nav_slider_access__item_footer {
font-size: 16px;
}
.nav_slider_community_item_top {
height: 87%;
}
.nav_slider_access__item community_flex {
display: block;
}
}

.ko_company__sec01 {
margin-bottom: 150px;
}

.ko_company__sec01__inline {
width: 100%;
max-width: 920px;
margin: 0 auto;
padding: 0 20px;
}

.about_us_policy_title {
font-size: 28px;
font-weight: bold;
padding-bottom: 10px;
margin: 40px 0;
border-bottom: 1px solid #C8C8C8;
}

.about_us_policy_content {
font-size: 16px;
margin: 0 10px;
line-height: 24px;
}

.about_us_policy_content_top {
font-size: 20px;
margin-bottom: 30px;
}

.about_us_company_row {
font-size: 16px;
padding-bottom: 30px;
margin: 0 20px;
display: flex;
border-bottom: 2px dashed #C8C8C8;
margin-bottom:30px;
}

.about_us_company_item_title {
height: 18px;
font-size: 18px;
width: 150px;
font-weight: bold;
border-right: 2px solid #C8C8C8;
}
.about_us_company_item_value {
margin-left: 30px;
}

.about_us_company_item_url {
margin-bottom: 10px;
line-height: 24px;
text-decoration: underline;
}

.about_us_company_item_officer {
margin-bottom: 10px;
line-height: 24px;
}

.about_us_guide_title {
font-size: 20px;
font-weight: bold;
text-align: left;
margin-top: 50px;
margin-bottom: 30px;
}

.about_us_guide_content_main {
<!-- counter-reset: item;
list-style-type: none; -->
padding-left: 0;
}

.about_us_guide_content_main > li {
font-size: 16px;
line-height: 19.5px;
<!-- text-indent: -26px; -->
padding-left: 20px;
margin-bottom: 15px;
text-decoration: underline;
opacity: 0.7;
}

<!-- .about_us_guide_content_inner {
list-style: revert;
padding-left: 15px;
font-size: 12px;
line-height: 18px;
margin-top: 15px;
}
.about_us_guide_content_inner > li {
padding-left: 30px;
margin-bottom: 10px;
}

.about_us_guide_content_bottom {
text-align: end;
font-size: 13px;
line-height: 19.5px;
margin-top: 60px;
} -->

@media screen and (max-width: 767px) {
.ko_company__sec01 {
margin-bottom: 90px;
}
.ko_company__sec01__inline {
padding: 0 15px;
}

.about_us_policy_content {
font-size: 13px;
line-height: 19.5px;
}

.about_us_policy_content_top {
font-size: 14px;
}

.about_us_company_row {
font-size: 13px;
display: block;
}

.about_us_company_item_title {
font-size: 14px;
border-right: none;
}
.about_us_company_item_value {
margin-top: 20px;
margin-left: 0;
}
}

.post_page__mainvisual {
width: 100%;
height: 240px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.post_page__mainvisual {
height: 180px;
}
}

.post_page__mainvisual img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}

.post_page__mainvisual:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}

.post_page__mainvisual .c_title_01 {
text-align: center;
z-index: 3;
position: relative;
}

.faqCategoryList {
width: 100%;
max-width: 264px;
height: 25px;
margin: auto;
display: block;
position: relative;
margin-bottom: 50px;
}
@media only screen and (max-width: 767) {
.faqCategoryList {
max-width: 270px;
margin: 0px auto 0px;
display: none;
}
}
.faqCategoryList > span {
width: 100%;
height: 100%;
padding: 2px 0px 0px 0px;
border-bottom: #c8c8c8 1px solid;
box-sizing: border-box;
position: relative;
cursor: pointer;
display: -ms-flexbox;
-js-display: flex;
-webkit-display: flex;
-webkit-flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-display: flex;
-ms-flex-wrap: wrap;
-ms-justify-content: flex-start;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.faqCategoryList > span::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 3px 0 3px;
border-color: #000 transparent transparent transparent;
position: absolute;
top: 6px;
right: 5px;
z-index: 10;
pointer-events: none;
}
.faqCategoryList > span .value {
width: calc(100% - 125px);
height: 1em;
padding: 0px 15px 0px 23px;
box-sizing: border-box;
display: block;
font-family: "Lato", sans-serif;
font-size: 100%;
font-weight: 400;
line-height: 1;
letter-spacing: 0.05em;
color: #fff;
overflow: hidden;
}
.faqCategoryList ul {
width: 100%;
height: auto;
position: absolute;
top: 24px;
left: 0px;
overflow: hidden;
z-index: 2;
}
.faqCategoryList ul li {
width: 100%;
height: auto;
background: #fff;
border: #c8c8c8 1px solid;
border-bottom: none;
box-sizing: border-box;
}
.faqCategoryList
ul
li:last-of-type {
border: #c8c8c8 1px solid;
}
.faqCategoryList ul li:hover {
background: #000;
}
.faqCategoryList ul li:hover a {
color: #fff;
}
.faqCategoryList ul li a {
width: 100%;
height: auto;
padding: 6px 15px 6px 15px;
display: block;
box-sizing: border-box;
font-family: "Lato", sans-serif;
font-size: 100%;
font-weight: 400;
line-height: 1.25;
letter-spacing: 0.05em;
color: #000;
}
.faqCategoryName {
width: 100%;
max-width: 760px;
height: 25px;
margin: auto;
display: block;
position: relative;
margin-bottom: 30px;
font-size: 28px;
font-weight: bold;
padding-bottom: 50px;
border-bottom: 1px solid #C8C8C8;
}
.faqItem {
width: 100%;
max-width: 760px;
height: 60px;
margin: auto;
display: block;
position: relative;
margin-bottom: 30px;
font-size: 14px;
background-color: #F5F5F5;
padding: 10px;
border-radius: 10px;
font-weight: bold;
cursor: pointer;
}
.faqItem.open {
width: 100%;
max-width: 760px;
height: auto;
margin: auto;
display: block;
position: relative;
margin-bottom: 30px;
font-size: 14px;
background-color: #FFE474;
padding: 10px;
border-radius: 10px;
font-weight: bold;
border: 4px solid #000000;
}
.faqTitle {
padding: 10px;
margin-left: 50px;
}

.faqTitle:after {
font-size: 14px;
line-height: 1;
position: absolute;
top: calc(50% - 9px);
right: 20px;
content: "＋";
}
.faqItem.open > .faqTitle:after {
  content: "ー";
}
.faqTitle:before {
content: '';
width: 40px;
height: 40px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/faq/question.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 10px;
top: 10px;
-webkit-transition: 0.3s all;
-o-transition: 0.3s all;
transition: 0.3s all;
}
.faqItem.open > .faqTitle:before {
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/faq/question_open.svg');
}
.faqItem > .faqContent {
display: none;
font-size: 14px;
font-weight: normal;
margin-left: 60px;
margin-top: 20px;
margin-bottom: 10px;
}
.faqItem.open > .faqContent {
display: block;
}

.post_detail_page__mainvisual {
width: 100%;
height: 520px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
background-color: #F5F5F5;
}

.post_detail_page__mainvisual img {
width: 600px;
height: 400px;
display: flex;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
}

@media screen and (max-width: 767px) {
.post_detail_page__mainvisual {
height: 330px;
}
.post_detail_page__mainvisual img {
width: 345px;
height: 230px;
}
}


.post_detail_page__mainvisual:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}

.post_detail_page__mainvisual .c_title_01 {
text-align: center;
z-index: 3;
position: relative;
}

.newsCategoryList {
width: 100%;
max-width: 800px;
height: auto;
margin: auto;
display: flex;
position: relative;
margin-bottom: 50px;
flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
.newsCategoryList {
max-width: 360px;
margin: 0px auto 0px;
}
}

.newsCategoryList > div {
min-width: 180px;
height: auto;
margin: 10px;
position: relative;
font-size: 14px;
font-weight: bold;
background-color: #FCA0C1;
padding: 10px;
border-radius: 20px;
text-align: center;
}

@media screen and (max-width: 767px) {
.newsCategoryList > div {
min-width: 160px;
}
}

.newsCategoryList > div > a {
color: white;
}

.newsContentsList {
width: 100%;
max-width: 1200px;
height: auto;
margin: auto;
display: flex;
position: relative;
margin-bottom: 50px;
flex-wrap: wrap;
}
@media only screen and (max-width: 767) {
.newsContentsList {
max-width: 360px;
margin: 0px auto 0px;
display: none;
}
}

.newsContentsList > a {
min-width: 360px;
height: auto;
margin: 10px;
position: relative;
padding: 10px;
}
.newsItem {
cursor: pointer;
}
.newsImg {
width: 360px;
height: 240px;
}

@media screen and (max-width: 767px) {
.newsImg {
width: 345px;
height: 230px;
}
}
.newsImg > img {
width: 360px;
height: 240px;
display: flex;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.newsImg > img {
width: 345px;
height: 230px;
}
}
.newsItem:hover .newsImg:before {
content: '';
width: 360px;
height: 240px;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 24px;
overflow: hidden;
cursor: pointer;
}

.newsItem:hover .newsImg:after {
content: 'VIEW MORE';
font-size: 2rem;
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 900;
position: absolute;
top: 35%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
}
.newsInfo {
display: flex;
margin: 15px 0;
font-size: 12px;
}
.newsTitle {
max-width: 340px;
max-height: 56px;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.newsContent {
max-width: 340px;
max-height: 53px;
font-size: 12px;
margin-bottom: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
letter-spacing: 1px;
}

.newsTags {
display: flex;
position: absolute;
right: 0;
bottom: 0;
}
.newsTag {
display: flex;
margin-left: 5px;
}
.newsTagName {
color: #FCA0C1;
margin-left: 2px;
}

.pagination {
width: 100%;
max-width: 800px;
height: auto;
margin: auto;
display: flex;
position: relative;
margin-bottom: 100px;
flex-wrap: wrap;
justify-content: center;
}

.pagination > .page-numbers {
height:30px;
width:30px;
border-radius:50%;
line-height:30px;
text-align:center;
background-color: #FCA0C1;
color: white;
margin: 10px;
}

.pagination > .prev {
background-color: white;
color: #FCA0C1;
font-size: 18px;
}

.news_event_link_title {
width: 100%;
max-width: 800px;
height: auto;
margin: 50px auto;
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
color: #FCA0C1;
font-size: 36px;
}

@media screen and (max-width: 767px) {
.news_event_link_title {
font-size: 20px;
}
}
.news_event_link_text {
width: 100%;
max-width: 800px;
height: auto;
margin: auto;
margin-bottom: 50px;
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
font-size: 16px;
}

.post_detail_section {
padding: 50px 200px;
}

@media screen and (max-width: 767px) {
.post_detail_section {
padding: 15px;
}
}

.news_title_title {
width: 100%;
height: auto;
margin: 20px 0;
position: relative;
flex-wrap: wrap;
font-size: 36px;
font-weight: bold;
}

.news_title_tag {
width: 100%;
height: 38px;
padding: 13px;
margin-bottom: 20px;
position: relative;
background-color: #F5F5F5;
display: flex;
}

.news_title_share {
width: 100%;
text-align: end;
}

.news_recommend:before {
content: '';
width: 480px;
height: 160px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/news/recommend_icon.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 50px;
top: 0;
}


@media screen and (max-width: 767px) {
.news_recommend {
height: 80px;
}
.news_recommend:before {
width: 300px;
height: 100px;
background-image: url('https://nobeoka-coworking.jp/wp-content/themes/atomica/img/news/recommend_icon.svg');
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 150px;
top: 0;
}
}

.news_recommend_section {
margin: 100px 0;
}

.news_contents {
margin-top: 30px;
line-height: 30px;
margin-bottom: 22px;
color: #4b4b4b;
overflow: hidden;
font-size: 16px;
}

.news_contents >h1 {
margin-top: 32px;
}
.news_contents > h2 {
line-height: 50px;
margin-top: 32px;
font-size: 40px;
}
.news_contents >h3 {
line-height: 46px;
;margin-top: 32px;
font-size: 36px;
}
.news_contents >h4 {
line-height: 40px;
margin-top: 32px;
font-size: 30px;
}
.news_contents >h5 {
line-height: 36px;
margin-top: 32px;
font-size: 26px;
}
.news_contents >h6 {
line-height: 32px;
margin-top: 32px;
font-size: 22px;
}

.news_contents >figure {
max-width: 768px;
<!-- margin: 50px auto; -->
overflow: hidden;
border-radius: 24px;
border: 4px solid #000000;
}

.news_contents img {
height: auto;
}

.eventRow {
height: 340px;
width: 100%;
padding-top: 40px;
}

.eventItem {
max-width: 960px;
height: 240px;
display: flex;
border: 4px solid #000000;
border-radius: 24px;
overflow: hidden;
cursor: pointer;
margin: auto;
background: white;
margin-top: -40px;
}

.eventImg {
width: 360px;
height: 240px;
}
.eventImg > img {
width: 360px;
height: 240px;
display: flex;
overflow: hidden;
cursor: pointer;
margin-top: -4px;
}
.eventItem:hover .eventImg:before {
content: 'VIEW MORE';
font-size: 2rem;
color: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 900;
width: 360px;
height: 240px;
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 24px 0 0 24px;
overflow: hidden;
cursor: pointer;
margin-top: -4px;
align-items: center;
justify-content: center;
display: flex;
}

.eventSchedule {
display: flex;
margin: 10px 20px 0;
}

.eventScheduleDate {
font-size: 20px;
margin-right: 30px;
}
.eventScheduleTime {
font-size: 14px;
align-self: flex-end;
}
.eventTitle {
margin: 30px 20px;
font-size: 16px;
}
.event_date, .event_place, .event_fee {
display: flex;
border-bottom: 1px dashed #000000;
margin-bottom: 20px;
padding-bottom: 40px;
}

.event_title_condition {
margin: 50px 0;
}
.event_title_condition_text {
font-size: 16px;
max-width: 430px;
}

.event_date_title, .event_place_title, .event_fee_title {
padding-right: 40px;
margin-right: 20px;
border-right: 1px solid #000000;
min-width: 120px;
font-size: 18px;
font-weight: bold;
}
.event_title_condition {
display: flex;
justify-content: space-between;
}

.event_title_condition_map {
width: 415px;
height: 270px;
}
.event_title_condition_map > img {
width: 415px;
height: 270px;
display: flex;
overflow: hidden;
cursor: pointer;
margin-top: -4px;
border-radius: 24px;
border: 4px solid #000000;
}
.eventMonth {
display: flex;
font-size: 48px;
padding: 10px;
background: #FFFFFF;
opacity: 50%;
height: 110px;
width: 110px;
padding-bottom: 50px;
margin-top: -40px;
border-radius: 0 0 24px 0;
}
.eventMonthText {
font-size: 16px;
align-self: flex-end;
}
.newEvent {
position: absolute;
margin-left: -10px;
margin-top: -30px;
}

.eventTag {
display: flex;
margin-left: 5px;
}
@media screen and (max-width: 767px) {
.eventMonth {
display: none;
}
.eventItem {
max-width: 345px;
height: auto;
max-height: 488px;
display: block;
margin-top: 0;
}
.eventRow {
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.eventTag {
justify-content: flex-end;
margin: 10px;
}

.event_date, .event_place, .event_fee {
display: block;
margin-bottom: 20px;
}

.event_date_title, .event_place_title, .event_fee_title {
border-right: none;
margin-bottom: 20px;
}
.event_title_condition {
display: block;
}
.event_title_condition_map > img {
width: 345px;
}
}

.flex_end {
display: flex;
justify-content: flex-end;
}

.contact_link {
text-decoration: underline !important;
}

.nav_margin {
margin-top: 8px;
}

.top__head__img img{
width: 100%
}