/*

	viewport settings

**************************************************/
/*

	font setting

**************************************************/
/*

	clearfix settings

**************************************************/
/*

	boxsizing settings

**************************************************/
/*

	opacity settings

**************************************************/
/*

	border-radius settings

**************************************************/
/*

	drop shadow settings

**************************************************/
/*

	vertical align setting

**************************************************/
/*

	flexbox layout setting

**************************************************/
/*

	hover transition

**************************************************/
#mainArea {
  /* common
--------------------------------------------------*/
  /* hero
--------------------------------------------------*/
  /* lead
--------------------------------------------------*/
  /* info
--------------------------------------------------*/
  /* newsevent
--------------------------------------------------*/
  /* coworkingspace
--------------------------------------------------*/
  /* howtouse
--------------------------------------------------*/
  /* access
--------------------------------------------------*/
  /* cap
--------------------------------------------------*/
  /* cap
--------------------------------------------------*/ }
  #mainArea.pbMainArea {
    overflow: inherit !important; }
  #mainArea h1, #mainArea h2, #mainArea h3, #mainArea h4, #mainArea h5, #mainArea h6 {
    margin: 0;
    padding: 0; }
  #mainArea img {
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 1; }
  #mainArea a {
    text-decoration: none; }
    #mainArea a:hover {
      text-decoration: none; }
  #mainArea ul {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0; }
    #mainArea ul li {
      margin: 0;
      padding: 0;
      list-style: none; }
  #mainArea ol {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0; }
    #mainArea ol li {
      margin: 0;
      padding: 0;
      list-style: none; }
  #mainArea dl {
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0; }
    #mainArea dl dt, #mainArea dl dd {
      margin: 0;
      padding: 0;
      list-style: none; }
  #mainArea .sct {
    width: 100%;
    text-align: center; }
  #mainArea .sct_in {
    margin: 0 auto;
    width: 100%;
    max-width: 1080px; }
  #mainArea .ico_mail01 {
    margin: 0 0.5em 0 0;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    font-size: 100%;
    line-height: 1;
    vertical-align: middle;
    background: url(./ico_mail01_img01_org.png) no-repeat 50% 50%;
    background-size: contain; }
  #mainArea .ico_link01 {
    margin: 0 0.5em 0 0;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    font-size: 100%;
    line-height: 1;
    vertical-align: middle;
    background: url(./ico_link01_img01_org.png) no-repeat 50% 50%;
    background-size: contain; }
  #mainArea .ico_pdf01 {
    margin: 0 0.5em 0 0;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    font-size: 100%;
    line-height: 1;
    vertical-align: middle;
    background: url(./ico_pdf01_img01_rgl.png) no-repeat 50% 50%;
    background-size: contain; }
  #mainArea .sw_pc {
    display: inline-block; }
  #mainArea .sw_tb {
    display: none; }
  #mainArea .sw_sp {
    display: none; }
  @media (max-width: 960px) and (min-width: 768px) {
    #mainArea .sct_in {
      max-width: calc( 100% - 40px); }
    #mainArea .sw_tb {
      display: inline-block; } }
  @media (max-width: 768px) {
    #mainArea .sct_in {
      max-width: calc( 100% - 40px); }
    #mainArea .sw_pc {
      display: none; }
    #mainArea .sw_tb {
      display: none; }
    #mainArea .sw_sp {
      display: inline-block; } }
  #mainArea .hero .sct {
    position: relative; }
  #mainArea .hero .sct > i {
    /*display: inline-block;
	content: '';*/
    width: calc( ( 870 / 1400 ) * 100%);
    height: 435px;
    background: url(../img/hero_tit_bgi01_pc.png) no-repeat 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0; }
    #mainArea .hero .sct > i.js_fadein {
      -webkit-transform: translateX(200vw);
      -ms-transform: translateX(200vw);
      transform: translateX(200vw); }
  #mainArea .hero .sct_in {
    max-width: 1400px; }
  #mainArea .hero__box {
    width: calc( ( 530 / 1400 ) * 100%);
    height: 435px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #mainArea .hero__box.js_fadein {
      -webkit-transform: translateX(-200vw);
      -ms-transform: translateX(-200vw);
      transform: translateX(-200vw); }
  #mainArea .hero__box_tit {
    width: 100%;
    max-width: calc( 530px); }
  #mainArea .hero__box_tit small {
    margin-top: -20px;
    margin-bottom: 1.0em;
    display: block;
    font-size: 18px;
    line-height: 1.6;
    color: #000; }
  #mainArea .hero__box_tit strong {
    display: block;
    font-size: 48px;
    line-height: 1.0;
    color: #ea650d; }
  #mainArea .hero__box_tit strong i {
    margin: 0 auto;
    width: 55%;
    display: block; }
  #mainArea .hero__box_tit strong i img {
    display: block; }
  @media (max-width: 768px) {
    #mainArea {
      /*.hero .sct::after {
		display: none;
	}*/ }
      #mainArea .hero .sct > i {
        /*display: block;
		content: '';*/
        width: calc( 100%);
        height: 60vw;
        background: url(../img/hero_tit_bgi01_sp.png) no-repeat 50% 50%;
        background-size: cover;
        position: relative; }
        #mainArea .hero .sct > i.js_fadein {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0);
          -webkit-transform: translateY(200px);
          -ms-transform: translateY(200px);
          transform: translateY(200px); }
      #mainArea .hero .sct_in {
        max-width: 100%; }
      #mainArea .hero__box {
        width: calc( 100%);
        height: auto;
        display: block;
        padding: 15px 20px; }
        #mainArea .hero__box.js_fadein {
          -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
          transform: translateX(0);
          -webkit-transform: translateY(200px);
          -ms-transform: translateY(200px);
          transform: translateY(200px); }
      #mainArea .hero__box_tit {
        width: 100%;
        max-width: 100%; }
      #mainArea .hero__box_tit small {
        margin-top: 0;
        margin-bottom: 0.5em;
        font-size: 14px; }
      #mainArea .hero__box_tit strong {
        font-size: 28px; }
      #mainArea .hero__box_tit strong i {
        width: 55%;
        max-width: 156px; }
      #mainArea .hero__box_tit strong i img {
        display: block; } }
  #mainArea .lead .sct {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: reverse;
    flex-direction: reverse; }
  #mainArea .lead .sct > i {
    display: inline-block;
    /*content: '';*/
    width: calc( ( 530 / 1400 ) * 100%);
    height: 360px;
    background: url(../img/lead_tit_bgi01_pc.png) no-repeat 50% 50%;
    background-size: cover; }
    #mainArea .lead .sct > i.js_fadein {
      -webkit-transform: translateX(-200vw);
      -ms-transform: translateX(-200vw);
      transform: translateX(-200vw); }
  #mainArea .lead .sct_in {
    max-width: 1400px; }
  #mainArea .lead__box {
    width: calc( ( 870 / 1400 ) * 100%);
    max-width: calc( 870px);
    height: 360px;
    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;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #mainArea .lead__box.js_fadein {
      -webkit-transform: translateX(200vw);
      -ms-transform: translateX(200vw);
      transform: translateX(200vw); }
  #mainArea .lead__box_txt {
    margin-top: 35px;
    margin-bottom: 35px;
    max-width: 550px; }
  #mainArea .lead__box_txt p {
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 2.0;
    text-align: left; }
  #mainArea .lead__box_txt p strong {
    font-weight: bold;
    color: #ea650d; }
  #mainArea .lead__box_nav {
    max-width: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  #mainArea .lead__box_nav ul {
    width: calc( 100% - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    line-height: 1.0;
    color: #ea650d;
    text-align: left; }
  #mainArea .lead__box_nav ul li a {
    display: block;
    color: #ea650d;
    text-align: center; }
    #mainArea .lead__box_nav ul li a:hover {
      text-decoration: underline; }
  #mainArea .lead__box_nav p {
    width: 30px; }
  #mainArea .lead__box_nav p a {
    display: block; }
  #mainArea .lead__box_nav p a img {
    display: block;
    line-height: 1; }
  @media (max-width: 768px) {
    #mainArea .lead .sct {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    #mainArea .lead .sct > i {
      display: block;
      /*content: '';*/
      width: calc( 100% - 20px);
      height: 45vw;
      background: url(../img/lead_tit_bgi01_sp.png) no-repeat 50% 50%;
      background-size: cover;
      margin-left: 20px; }
      #mainArea .lead .sct > i.js_fadein {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px); }
    #mainArea .lead .sct_in {
      max-width: 100%; }
    #mainArea .lead__box {
      width: calc( 100%);
      max-width: calc( 100%);
      height: auto;
      padding: 0 20px 20px 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      #mainArea .lead__box.js_fadein {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px); }
    #mainArea .lead__box_txt {
      margin-top: 0;
      margin-bottom: 0;
      max-width: calc( 100vw - 60px); }
    #mainArea .lead__box_txt p {
      margin-bottom: 0.5em;
      font-size: 14px;
      line-height: 1.5; }
    #mainArea .lead__box_nav {
      max-width: 100%;
      display: block;
      text-align: right; }
    #mainArea .lead__box_nav ul {
      width: calc( 100%);
      font-size: 11px;
      margin-top: 1.5em;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    #mainArea .lead__box_nav ul li {
      margin: 0 0.8em; }
    #mainArea .lead__box_nav p {
      width: 25px;
      display: inline-block;
      margin-top: 15px; } }
  #mainArea .info {
    padding: 95px 0 80px 0; }
  #mainArea .info .sct_in {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  #mainArea .info__box {
    width: 48%; }
    #mainArea .info__box.js_fadein {
      -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
      transform: translateY(200px); }
  #mainArea .info__box_tit {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    text-align: left; }
  #mainArea .info__box ul {
    font-size: 13px;
    line-height: 1.2;
    text-align: left; }
  #mainArea .info__box ul li {
    margin-bottom: 0.5em; }
  #mainArea .info__box ul li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #mainArea .info__box ul li > a:hover {
      color: #ea650d; }
  #mainArea .info__box ul li > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  #mainArea .info__box ul li span {
    display: block;
    line-height: 1.8; }
  #mainArea .info__box ul li span.info__box_list--date {
    width: 10em; }
  #mainArea .info__box ul li span.info__box_list--time {
    width: 5em; }
  #mainArea .info__box ul li span.info__box_list--cont {
    width: calc( 100% - 16em); }
  #mainArea .info__box p {
    margin-top: 75px;
    font-size: 14px;
    line-height: 1.0;
    vertical-align: middle;
    text-align: right; }
  #mainArea .info__box p a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    #mainArea .info__box p a::before {
      display: inline-block;
      content: '';
      width: 1.2em;
      height: 1.2em;
      background: url(../img/ico_link01_img01_org.png) no-repeat 50% 50%;
      background-size: cover;
      margin-right: 1em; }
  @media (max-width: 768px) {
    #mainArea .info {
      padding: 20px 20px 25px 20px; }
    #mainArea .info .sct_in {
      max-width: 100%;
      display: block; }
    #mainArea .info__box {
      width: 100%; }
    #mainArea .info__box_tit {
      margin-bottom: 10px;
      font-size: 18px;
      color: #000; }
    #mainArea .info__box ul {
      margin-bottom: 20px;
      display: block;
      font-size: 10px;
      line-height: 1.2; }
    #mainArea .info__box ul li a {
      display: block; }
    #mainArea .info__box ul li > div {
      display: block; }
    #mainArea .info__box ul li span {
      display: inline-block;
      line-height: 1.5;
      font-size: 12px; }
    #mainArea .info__box ul li span.info__box_list--date {
      width: 10em; }
    #mainArea .info__box ul li span.info__box_list--time {
      width: 5em; }
    #mainArea .info__box ul li span.info__box_list--cont {
      width: calc( 100%); }
    #mainArea .info__box p {
      margin-top: 15px;
      font-size: 11px; }
    #mainArea .info__box p a::before {
      width: 1.0em;
      height: 1.0em; } }
  #mainArea .newsevent {
    padding: 95px 0 80px 0; }
  #mainArea .newsevent .sct_in {
    text-align: left; }
  #mainArea .newsevent__box.js_fadein {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px); }
  #mainArea .newsevent__box_tit {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    text-align: left; }
  #mainArea .newsevent__box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 13px;
    line-height: 1.2;
    text-align: left; }
  #mainArea .newsevent__box ul li {
    width: calc( ( 100% - 60px ) / 3); }
  #mainArea .newsevent__box ul li a {
    display: block; }
    #mainArea .newsevent__box ul li a:hover {
      text-decoration: underline; }
  #mainArea .newsevent__box ul li strong {
    margin-bottom: 1em;
    display: block; }
  #mainArea .newsevent__box ul li span {
    display: block;
    line-height: 1.8; }
  #mainArea .newsevent__box p {
    margin-top: 75px;
    font-size: 14px;
    line-height: 1.0;
    vertical-align: middle;
    text-align: right; }
  #mainArea .newsevent__box p a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
    #mainArea .newsevent__box p a::before {
      display: inline-block;
      content: '';
      width: 1.2em;
      height: 1.2em;
      background: url(../img/ico_link01_img01_org.png) no-repeat 50% 50%;
      background-size: cover;
      margin-right: 1em; }
  @media (max-width: 768px) {
    #mainArea .newsevent {
      padding: 20px 20px 25px 20px; }
    #mainArea .newsevent .sct_in {
      max-width: 100%; }
    #mainArea .newsevent__box_tit {
      margin-bottom: 10px;
      font-size: 18px;
      color: #000; }
    #mainArea .newsevent__box > div {
      width: calc( 100% + 20px);
      overflow-x: scroll;
      overflow-y: auto; }
    #mainArea .newsevent__box ul {
      margin-bottom: 20px;
      display: block;
      font-size: 10px;
      line-height: 1.2;
      width: calc( ( 80vw + 20px ) * 3);
      letter-spacing: -.4em; }
    #mainArea .newsevent__box ul li {
      letter-spacing: normal;
      display: inline-block;
      width: calc( 80vw);
      margin-right: 20px; }
    #mainArea .newsevent__box ul li a {
      display: block; }
    #mainArea .newsevent__box ul li strong {
      margin-bottom: 0em; }
    #mainArea .newsevent__box ul li span {
      line-height: 1.5;
      font-size: 12px; }
    #mainArea .newsevent__box p {
      margin-top: 15px;
      font-size: 11px; }
    #mainArea .newsevent__box p a::before {
      width: 1.0em;
      height: 1.0em; } }
  #mainArea .coworkingspace .sct_in {
    max-width: 100%; }
  #mainArea .coworkingspace__box_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: reverse;
    flex-direction: reverse; }
  #mainArea .coworkingspace__box_head > i {
    display: inline-block;
    /*content: '';*/
    width: calc( 100% - 35.0%);
    height: 400px;
    background: url(../img/coworkingspace_tit_bgi01_pc.png) no-repeat 50% 50%;
    background-size: cover; }
    #mainArea .coworkingspace__box_head > i.js_fadein {
      -webkit-transform: translateX(-200vw);
      -ms-transform: translateX(-200vw);
      transform: translateX(-200vw); }
  #mainArea .coworkingspace__box_head > div {
    width: calc( 35.0%);
    max-width: calc( 500px);
    height: 400px;
    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;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #mainArea .coworkingspace__box_head > div.js_fadein {
      -webkit-transform: translateX(200vw);
      -ms-transform: translateX(200vw);
      transform: translateX(200vw); }
  #mainArea .coworkingspace__box_tit {
    margin-bottom: 20px;
    width: 100%;
    max-width: 230px;
    font-size: 25px;
    line-height: 1.6;
    text-align: left;
    color: #000; }
  #mainArea .coworkingspace__box_head dl {
    width: 100%;
    max-width: 230px;
    text-align: left; }
  #mainArea .coworkingspace__box_head dl dt {
    margin-top: 0.2em;
    margin-bottom: 0.6em;
    font-size: 18px;
    font-weight: normal; }
    #mainArea .coworkingspace__box_head dl dt:first-of-type {
      margin-top: 0; }
  #mainArea .coworkingspace__box_head dl dd {
    margin-bottom: 1.5em; }
  #mainArea .coworkingspace__box_feature {
    margin: 0 auto;
    padding: 105px 0 60px 0;
    max-width: 1100px; }
  #mainArea .coworkingspace__box_feature ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    #mainArea .coworkingspace__box_feature ul.js_fadein {
      -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
      transform: translateY(200px); }
  #mainArea .coworkingspace__box_feature ul li {
    width: calc( 100%);
    max-width: calc( ( 100% - 250px ) / 6);
    text-align: center; }
  #mainArea .coworkingspace__box_feature ul li i {
    margin-bottom: 25px;
    display: block; }
  #mainArea .coworkingspace__box_feature ul li i img {
    display: block; }
  #mainArea .coworkingspace__box_link ul {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    text-align: center; }
    #mainArea .coworkingspace__box_link ul.js_fadein {
      -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
      transform: translateY(200px); }
  #mainArea .coworkingspace__box_link ul li {
    margin: 0 10px 20px 10px;
    width: 100%;
    max-width: 400px;
    display: inline-block; }
  #mainArea .coworkingspace__box_link ul li a {
    width: 100%;
    height: 60px;
    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;
    color: #fff;
    background: #ea650d;
    border-radius: 5px;
    overflow: hidden; }
  @media (max-width: 768px) {
    #mainArea .coworkingspace__box_head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    #mainArea .coworkingspace__box_head > i {
      display: inline-block;
      /*content: '';*/
      width: calc( 100% - 20px);
      height: 45vw;
      background: url(../img/coworkingspace_tit_bgi01_sp.png) no-repeat 50% 50%;
      background-size: cover; }
      #mainArea .coworkingspace__box_head > i.js_fadein {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px); }
    #mainArea .coworkingspace__box_head > div {
      width: calc( 100%);
      max-width: calc( 100%);
      height: auto;
      padding: 15px 20px; }
      #mainArea .coworkingspace__box_head > div.js_fadein {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px); }
    #mainArea .coworkingspace__box_tit {
      margin-bottom: 10px;
      width: 100%;
      max-width: 100%;
      font-size: 18px; }
    #mainArea .coworkingspace__box_head dl {
      width: 100%;
      max-width: 100%;
      font-size: 13px; }
    #mainArea .coworkingspace__box_head dl dt {
      margin-top: 0.2em;
      margin-bottom: 0.2em;
      font-size: 16px; }
      #mainArea .coworkingspace__box_head dl dt:first-of-type {
        margin-top: 0; }
    #mainArea .coworkingspace__box_head dl dd {
      margin-bottom: 1.0em; }
    #mainArea .coworkingspace__box_feature {
      margin: 0 auto;
      padding: 0 20px 10px 20px;
      max-width: 100%; }
    #mainArea .coworkingspace__box_feature ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-flow: wrap;
      flex-flow: wrap;
      font-size: 10px; }
    #mainArea .coworkingspace__box_feature ul li {
      max-width: calc( ( 100% - 40px ) / 3);
      margin-bottom: 20px; }
    #mainArea .coworkingspace__box_feature ul li i {
      margin-bottom: 5px; }
    #mainArea .coworkingspace__box_link ul {
      padding: 0 20px;
      font-size: 16px; }
    #mainArea .coworkingspace__box_link ul li {
      margin: 0 0 15px 0;
      width: 100%;
      max-width: 100%;
      display: block; }
    #mainArea .coworkingspace__box_link ul li a {
      width: 100%;
      height: 45px; } }
  #mainArea .howtouse {
    padding: 60px 0 85px 0; }
  #mainArea .howtouse .sct_in {
    max-width: 980px; }
  #mainArea .howtouse__box.js_fadein {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px); }
  #mainArea .howtouse__box_tit {
    margin-bottom: 50px;
    font-size: 26px;
    line-height: 1;
    color: #000; }
  #mainArea .howtouse__box_step {
    margin-bottom: 55px; }
  #mainArea .howtouse__box_step ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  #mainArea .howtouse__box_step ul li {
    width: calc( ( 100% - 80px ) / 3);
    position: relative; }
    #mainArea .howtouse__box_step ul li::after {
      display: inline-block;
      content: '';
      width: 1em;
      height: 1em;
      background: url(../img/ico_arrow01_img01_org.png) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 7em;
      right: -10%; }
    #mainArea .howtouse__box_step ul li:last-of-type::after {
      display: none; }
  #mainArea .howtouse__box_step ul li div i {
    margin: 0 auto 1.2em auto;
    display: block;
    width: 48%; }
  #mainArea .howtouse__box_step ul li div strong {
    margin-bottom: 0.5em;
    display: block;
    font-size: 20px;
    color: #ea650d;
    line-height: 1; }
  #mainArea .howtouse__box_step ul li div span {
    margin-top: 1.5em;
    display: block;
    line-height: 1.8;
    text-align: left; }
  #mainArea .howtouse__box_link ul {
    font-size: 16px;
    color: #fff;
    line-height: 1;
    text-align: center;
    letter-spacing: -.4em; }
  #mainArea .howtouse__box_link ul li {
    letter-spacing: normal;
    margin: 0 10px 20px 10px;
    width: 100%;
    max-width: 400px;
    display: inline-block; }
  #mainArea .howtouse__box_link ul li a {
    width: 100%;
    height: 60px;
    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;
    color: #ea650d;
    border: 1px solid #ea650d;
    border-radius: 5px;
    overflow: hidden;
    position: relative; }
    #mainArea .howtouse__box_link ul li a::after {
      display: inline-block;
      content: '';
      width: 0.5em;
      height: 0.5em;
      background: url(../img/ico_link01_img02_org.png) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1em;
      margin: auto; }
  @media (max-width: 960px) and (min-width: 768px) {
    #mainArea .howtouse .sct_in {
      max-width: calc( 100% - 40px); } }
  @media (max-width: 768px) {
    #mainArea .howtouse {
      padding: 15px 0 20px 0; }
    #mainArea .howtouse .sct_in {
      max-width: calc( 100% - 40px); }
    #mainArea .howtouse__box_tit {
      margin-bottom: 20px;
      font-size: 15px; }
    #mainArea .howtouse__box_step {
      margin-bottom: 5px; }
    #mainArea .howtouse__box_step ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    #mainArea .howtouse__box_step ul li {
      width: calc( ( 100% - 110px ));
      position: relative;
      margin-left: 110px;
      margin-bottom: 40px;
      min-height: 110px; }
      #mainArea .howtouse__box_step ul li::after {
        display: none; }
      #mainArea .howtouse__box_step ul li::before {
        display: inline-block;
        content: '';
        width: 1em;
        height: 1em;
        background: url(../img/ico_arrow01_img01_org.png) no-repeat 50% 50%;
        background-size: contain;
        position: absolute;
        bottom: -25px;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transform: rotate(90deg) translateY(55px);
        -ms-transform: rotate(90deg) translateY(55px);
        transform: rotate(90deg) translateY(55px); }
      #mainArea .howtouse__box_step ul li:last-of-type::before {
        display: none; }
    #mainArea .howtouse__box_step ul li div {
      text-align: left; }
    #mainArea .howtouse__box_step ul li div i {
      margin: 0;
      width: 90px;
      position: absolute;
      top: 0;
      left: -110px; }
    #mainArea .howtouse__box_step ul li div strong {
      margin-bottom: 0em;
      font-size: 15px; }
    #mainArea .howtouse__box_step ul li div > strong:first-of-type {
      width: 90px;
      position: absolute;
      top: 100px;
      left: -110px;
      text-align: center; }
    #mainArea .howtouse__box_step ul li div span {
      margin-top: 0.5em;
      line-height: 1.4;
      font-size: 13px; }
    #mainArea .howtouse__box_link ul {
      font-size: 14px; }
    #mainArea .howtouse__box_link ul li {
      margin: 0 0 15px 0;
      width: 100%;
      max-width: 100%;
      display: block; }
    #mainArea .howtouse__box_link ul li a {
      width: 100%;
      height: 45px; } }
  #mainArea .access__box_head {
    margin-bottom: 85px;
    position: relative; }
  #mainArea .access__box_head > div {
    width: calc( 41.4%);
    height: 422px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    #mainArea .access__box_head > div.js_fadein {
      -webkit-transform: translateX(-200vw);
      -ms-transform: translateX(-200vw);
      transform: translateX(-200vw); }
  #mainArea .access__box_head > i,
  #mainArea .access__box_head > iframe {
    display: inline-block;
    width: calc( 100% - 41.4%);
    height: 422px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0; }
    #mainArea .access__box_head > i.js_fadein,
    #mainArea .access__box_head > iframe.js_fadein {
      -webkit-transform: translateX(200vw);
      -ms-transform: translateX(200vw);
      transform: translateX(200vw); }
    #mainArea .access__box_head > i img,
    #mainArea .access__box_head > iframe img {
      min-width: calc( 100% - 41.4%);
      min-height: 422px;
      -o-object-fit: cover;
      object-fit: cover;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
  #mainArea .access__box_tit {
    margin-top: 0.6em;
    margin-bottom: 1.4em;
    width: 100%;
    max-width: 400px;
    font-size: 25px;
    line-height: 1.6;
    text-align: left;
    color: #000; }
  #mainArea .access__box_head p {
    margin-bottom: 2em;
    width: 100%;
    max-width: 400px;
    font-size: 14px;
    text-align: left; }
  #mainArea .access__box_head dl {
    width: 100%;
    max-width: 400px;
    font-weight: normal;
    text-align: left; }
  #mainArea .access__box_head dl dt {
    margin-top: 0.2em;
    margin-bottom: 0.6em; }
    #mainArea .access__box_head dl dt:first-of-type {
      margin-top: 0; }
  #mainArea .access__box_head dl dd {
    margin-bottom: 1.5em; }
  #mainArea .access__box_link {
    margin: 0 20px; }
  #mainArea .access__box_link ul {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    text-align: center; }
    #mainArea .access__box_link ul.js_fadein {
      -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
      transform: translateY(200px); }
  #mainArea .access__box_link ul li {
    margin: 0 10px 20px 10px;
    width: 100%;
    max-width: 400px;
    display: inline-block; }
  #mainArea .access__box_link ul li a {
    width: 100%;
    height: 60px;
    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;
    color: #fff;
    background: #ea650d;
    border-radius: 5px;
    overflow: hidden; }
  @media (max-width: 768px) {
    #mainArea .access__box_head {
      margin-bottom: 20px;
      margin-left: 20px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      width: calc( 100% - 20px); }
    #mainArea .access__box_head > div {
      width: calc( 100%);
      height: auto;
      padding: 20px 20px 20px 0; }
      #mainArea .access__box_head > div.js_fadein {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px); }
    #mainArea .access__box_head > i,
    #mainArea .access__box_head > iframe {
      display: block;
      width: calc( 100%);
      height: 63vw;
      position: relative; }
      #mainArea .access__box_head > i.js_fadein,
      #mainArea .access__box_head > iframe.js_fadein {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(200px);
        -ms-transform: translateY(200px);
        transform: translateY(200px); }
      #mainArea .access__box_head > i img,
      #mainArea .access__box_head > iframe img {
        min-width: calc( 100% - 20px);
        min-height: 63vw; }
    #mainArea .access__box_tit {
      margin-top: 0;
      margin-bottom: 5px;
      width: 100%;
      max-width: 100%;
      font-size: 18px; }
    #mainArea .access__box_head p {
      margin-bottom: 1em;
      width: 100%;
      max-width: 100%;
      font-size: 14px;
      line-height: 1.3; }
    #mainArea .access__box_head dl {
      width: 100%;
      max-width: 100%;
      font-size: 13px; }
    #mainArea .access__box_head dl dt {
      margin-top: 0.2em;
      margin-bottom: 0.2em; }
      #mainArea .access__box_head dl dt:first-of-type {
        margin-top: 0; }
    #mainArea .access__box_head dl dd {
      margin-bottom: 1.0em;
      font-weight: normal; }
    #mainArea .access__box_head dl dd a {
      color: #ea650d; }
      #mainArea .access__box_head dl dd a::before {
        display: inline-block;
        content: '';
        width: 1em;
        height: 1em;
        background: url(../img/ico_blank01_img01_org.png) no-repeat 50% 50%;
        background-size: contain;
        vertical-align: middle;
        margin-right: 0.5em; }
      #mainArea .access__box_head dl dd a:hover {
        text-decoration: underline; }
    #mainArea .access__box_link ul {
      font-size: 18px; }
    #mainArea .access__box_link ul li {
      margin: 0 0 15px 0;
      width: 100%;
      max-width: 100%;
      display: block; }
    #mainArea .access__box_link ul li a {
      width: 100%;
      height: 45px; } }
  #mainArea .js_fadein {
    opacity: 0;
    /*transform: translateY(100px);
  filter: blur(5px);*/
    -webkit-transition: all 1.6s;
    -o-transition: all 1.6s;
    transition: all 1.6s; }
  #mainArea .js_scrollin {
    opacity: 1 !important;
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important; }
  #mainArea .notice {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    line-height: 1;
    vertical-align: middle;
    color: #000;
    position: absolute;
    bottom: -1.5em;
    right: 0; }
  #mainArea .cap {
    display: none;
    _display: block;
    opacity: 0.5;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999; }
    @media (max-width: 640px) {
      #mainArea .cap {
        top: 3px; } }
    #mainArea .cap i {
      margin: 0 auto;
      width: 1400px;
      display: inline-block; }
      @media (max-width: 640px) {
        #mainArea .cap i {
          width: 100%; } }

/* header
--------------------------------------------------*/
header {
  margin-bottom: 0; }