/*
Theme Name: Knowledge Society RWD テーマ
Author: S-Produce.
Description: ナレッジソサエティ専用テーマ
Version: 0.1
Text Domain: knowledge-society */

@import url("reset.css");
@import url("textsettings.css");

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ------ 基本設定 basic ------ */

body {
  font-size: 14px;
  font-family:'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
  color: #444;
  background:#fff;
  font-weight: 200;
  padding-top: 110px;
}
a {
  outline: none;
  text-decoration:none;
  color: #4cace2;
}
a:hover {
  color: #4cace2;
  text-decoration:underline;
}
img {
  max-width: 100%;
}

.clear{ clear: both;}
.center{ text-align:center !important;}
.text-left { text-align: left !important;}

.m-t{ margin-top: -50px !important;}
.m-b{ margin-bottom: 110px;}
.m-tb{ margin: 50px 0;}
.img_btm_m { margin-bottom: 50px;}
.sub_t{ font-size: 180% !important;}
.small { font-size: .7em;}

.smp {
  display: none;
}

@media screen and (max-width: 640px) {
  .smp {
    display: inline;
  }
}

.title-page {
  margin-top: 50px;
  margin-bottom: 50px;
  font-size:40px;
  font-weight:normal;
}
.title-page2 {
  text-align:center;
  margin-bottom:30px;
  font-size:40px;
  font-weight:normal;
}
.title-pink {
  margin-bottom:20px;
  font-size:20px;
  font-weight:normal;
  color:#ee87b4;
}
.title-blue {
  margin-bottom:20px;
  font-size:20px;
  font-weight:normal;
  color:#005d9c;
}
.title-sky{
  margin-bottom:20px;
  font-size:20px;
  font-weight:normal;
  color:#4cace2;
}
.title-black {
  margin-bottom:15px;
  padding:5px 0 5px 0;
  border:1px solid #4d4d4d;
  color:##4d4d4d;
  text-align:center;
  width:220px;
}
.title-black2 {
  margin-bottom:15px;
  padding:5px 0 5px 0;
  border:1px solid #4d4d4d;
  color:##4d4d4d;
  text-align:center;
  width:99%;
}
.style-left {
  float:left;
}
.blue-title {
  margin-bottom:20px;
  font-size:20px;
  color:#005d9c;
}
.subtitle {
  margin-bottom:20px;
  font-size:20px;
}
.nextpage {
  clear:both;
  margin:0 auto;
  margin:60px 0 60px 0;
  font-size:20px;
  text-align: center;
}
.nextpage p {
  display:inline;
  vertical-align:middle;
}
.nextpage img {
  padding: 0 16px;
  vertical-align:middle;
}
.text-center {
  text-align: center;
}

.text-def {
  text-align: left;
  vertical-align: top;
}

.header_01 {
  font-weight: 200;
  font-size: 32px;
  color: #4CACE2;
}

.header_01 a,.header_01 a:hover{
  color: #4CACE2;
  text-decoration: none;
}

.header_02 {
  font-weight: 500;
  font-size: 22px;
  color: #4CACE2;
  letter-spacing: -1px;
}

.header_02 a,.header_02 a:hover{
  color: #4CACE2;
  text-decoration: none;
}

.header_03 {
  font-weight: 200;
  font-size: 26px;
  color: #333;
  margin-bottom: 16px;
}

.header_vo {
  font-weight: 200;
  font-size: 24px;
  color: #333;
  margin-bottom: 16px;
}

.header_vo span{
  font-size: 16px;
}

.header_04 {
  font-weight: 200;
  font-size: 48px;
  color: #fff;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
}

.header_05 {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
  letter-spacing: -1px;
}

.header_06 {
  font-weight: 700;
  font-size: 30px;
  color: #005d9c;
}

.header_07 {
  font-weight: 200;
  font-size: 38px;
  color: #fff;
  letter-spacing: 2px;
}

a.share_jump {
  display: block;
  margin: 1em 0;
  text-align: right;
}

.circle_p {
  margin: 18px;
  color: #4CACE2;
}
span.circle {
  margin-right: 6px;
  padding: 1px 4px;
  border: 1px solid #4CACE2;
  border-radius: 14px;
}
span.black {
  margin: 0 18px;
  color: #333 !important;
}

.banner_b {
  margin: 60px auto 100px;
  padding: 10px;
  max-width: 600px;
  text-align: center;
  border-radius: 10px;
  background: #005D9C;
  color: #fff;
  display: block;
  border: 1px solid #005D9C;
  transition: .3s;
}

.banner_b:hover {
  color: #005D9C;
  background: #fff;
  border: 1px solid #005D9C;
  text-decoration: none;
}

.banner_c {
  margin: 20px auto 100px;
  padding: 10px;
  max-width: 1000px;
  font-size: 18px;
  text-align: center;
  border-radius: 10px;
  background: #005D9C;
  color: #fff;
  display: block;
  border: 1px solid #005D9C;
  transition: .3s;
}

.banner_c:hover {
  color: #005D9C;
  background: #fff;
  border: 1px solid #005D9C;
  text-decoration: none;
}

.banner_d {
  overflow: hidden;
  margin: 0 auto 120px;
  padding: 6px 10px;
  max-width: 600px;
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
  background: #fff;
  color: #4CACE2;
  display: block;
  border: 1px solid #4CACE2;
  transition: .3s;
}

.banner_d:hover {
  color: #fff;
  background: #4CACE2;
  border: 1px solid #4CACE2;
  text-decoration: none;
}


table.cyan th {
  color: #fff !important;
  background: #4CACE2;
  text-align: center !important;
}

table.cyan th ,table.cyan td {
  border: 1px solid #4CACE2 !important;
}

table.cyan ul {
  margin: 10px 16px 10px 24px;
  padding: 0;
}

table.cyan ul li {
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.cyan strong {
  color: #005D9C;
  font-size: 1.1em;
  font-weight: 200;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  body {
    padding-top: 48px;
  }
  .title-page {
  text-align: center;
  }
  .rwd_txt:after {
  content:attr(data-label);
  }
  .rwd_txt img {
  display:none;
  }
  .header_01 {
  font-size: 24px;
  text-align: center;
  }
  .header_03 {
  font-size: 21px;
  text-align: center;
  }
  .header_vo {
    font-size: 24px;
    margin-bottom: 12px;
    text-align: center;
  }
  .header_vo span{
    font-size: 12px;
  }
  .sub_t{ font-size: 100% !important;}
  p{ word-wrap:break-word !important;}
}

/* ------ 基本ボックス設定 contents_box ------ */

.home h2 {
  margin: 80px 0 20px;
  text-align: center;
}

.style-center {
  margin:0 auto;
  width:1000px;
}
.style-center:after {
  display: block;
  clear: both;
  content: "";
}
@media screen and (max-width: 768px) and (orientation:portrait) {
  .style-center {
  width:100%;
  }
  .style-center:after {
  display: block;
  clear: both;
  content: "";
  }
}

.contents_box {
  margin: 40px 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) and (orientation:portrait) {
  .contents_box {
  margin: 0;
  }
}


/* ------ 投稿系（ブログ）設定 entry ------ */

.entry-title {
  margin-bottom:30px;
  font-size:40px;
  font-weight:normal;
}
.entry-content {
  min-height:300px;
}
.archive-title {
  margin-top:40px;
  font-size:16px;
}
.style-page {
  margin-bottom:40px;
  min-height:300px;
}
.style-page .style-bottom {
  margin-bottom:40px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .archive-title {
  text-align: center;
  }
}



/* ------ フォント設定 font ------ */
.tel-teaser p,.footer-online span,.title-room-pink span,.room-pagetop p,.title-room-blue2 span,.title-room-blue span,.title-room-gray span,.room-style-list span,.service-circle p,.service-circle2 p,.ppd,.left-free p,.right-free p,.color-p,.color-db,.color-b,.number p,.review-tel,.bg-room-b span,.bg-room-b2 span,.tel2-l,.play p,.pages,.head-tel1,p.number-preview,li.planlist h3,.price {
  font-family: 'Montserrat', sans-serif;
  font-weight:bold;
}
.title-share,.backtop p,.rss span {
  font-family: 'Montserrat', sans-serif;
}


/* ------ スライダー設定 slider ------ */

.hide{  display:none;}


/* ------ テーブル設定 style-table ------ */

.style-table {
  margin-top:40px;
  width:100%;
}
.style-table table {
  width:100%;
}
.style-table th {
  color:#4cace2;
}
.style-table th,.style-table td {
  padding:5px 10px 5px 10px;
  border:1px solid #7dc1e7;
}

.access_box table{
  margin-bottom: 60px;
}

.access_box h2.header_01{
  margin: 60px auto 60px;
}

.access_route {
  margin: 60px auto 80px;
}

.access_route ul {
 overflow: hidden;
 margin: 18px 0;
}

.access_route ul li {
 margin: 0 0 5% 0;
 width: 49%;
 float: left;
}

.access_route ul li:nth-child(even) {
  margin-left: 2%;
}

ul.map_route {
  overflow: hidden;
}
ul.map_route li{
  margin: 2em 0;
  width: 50%;
  float:left;
}

ul.map_route li a{
  display: block;
  margin: 0 5%;
  padding: .4em 1em;
  width: 90%;
  border-radius: 2em;
  border: 1px solid #0052AF;
  color: #0052AF;
  text-align: center;
  float:left;
  box-sizing: border-box;
}

ul.map_route li a:hover{
  text-decoration: none;
  background: #0052AF;
  color: #fff;
}

.access_youtube {
  display: flex;
  justify-content: space-between;
}

.access_youtube_box {
  width: 49%;
}

.index_bottom_comment {
  overflow: hidden;
}

.index_bottom_comment table{
  margin: 0px auto 80px;
  width: 580px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .index_bottom_comment table{
  margin: 0 auto;
  width: 96%;
  }
  table.style-table {
  margin: 0 auto 60px;
  width: 96%!important;
  }
  .access_route ul li {
  margin: 2%;
  width: 45%;
  height: 180px;
  float: left;
  }
  .access_youtube {
  display: block;
  }
  .access_youtube_box {
  display: block;
  margin: 0 auto;
  width: 90%;
  }
}


.index_bottom_access_l {
  padding-right: 20px;
  width: 580px;
  float: left;
}

.index_bottom_access_r {
  width: 400px;
  float: right;
}


/* ------ ヘッダー header ------ */

#header-set {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  background: #fff;
  z-index: 101;
}

.logo {
  margin-top: 10px;
  margin-bottom: 6px;
  width:235px;
  float: left;
}
.header-info {
  margin-top:8px;
  float:right;
  width:740px;
  height:40px;
  text-align:right;
}
.header-info li {
  float:left;
  margin-left:15px;
  font-size:9px;
  text-align:center;
}
.header-info ul {
  float:right;
}
.header-info li a {
  color:#005d9c;
}
li.header-access a {
  color:#4cace2;
}
.header-word {
  width:330px;
  margin-top: 14px;
  font-size: 12px;
  text-align: left;
  float:left;
}
.header-tel {
  width: 400px;
  float: right;
  text-align: left;
}
.header-tel a {
  color:#005aa0;
  text-decoration:underline;
}
.header-tel1 {
  margin-top: 8px;
  font-size: 32px;
  font-weight: bold;
  color: #005aa0;
  font-family: Helvetica, Arial, sans-serif;
  line-height: .5;
  float: right;
}
.header-tel2 {
  font-size:9px;
  color:#4C4C4C;
        font-weight: normal;
}
ul.header_banner{
  margin: 0;
  padding: 0;
  float: right;
}
ul.header_banner li{
  margin: 0;
  padding: 0;
}
ul.header_banner li{
  width: 90px!important;
}
ul.header_banner li a:hover{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
a.header_access {
  text-decoration: none;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .logo {
  margin: 0 auto;
  display: block;
  width:235px;
  float: none;
  display: none;
  }
  .header-info {
  display: none;
  }
  .index_bottom_access_l {
  padding-right: 0;
  width: 96%;
  float: none;
  }
}





/* ------ nav ------ */
@media screen and (min-width: 769px) {
  #nav {
  background: #00468C;
  }
  .dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  }
  .dropmenu:before, .dropmenu:after{
    content: "";
    display: table;
  }
  .dropmenu:after{
    clear: both;
  }
  .dropmenu a{
  color: #fff;
  display: block;
  }
  .dropmenu a:hover{
  text-decoration: none;
  color: #00468C;
  background: #fff;
  }
  .dropmenu li{
    position: relative;
    width: 14.2%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .dropmenu li a{
    display: block;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
  }
  .dropmenu li ul{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
  }
  .dropmenu li ul li{
    background: #00468C;
    width: 242px;
  }
  .dropmenu li ul li a{
    margin: 0;
    padding: 12px 0;
    border: 1px solid #00468C;
    border-top: 1px solid #fff;
    text-align: center;
  }

  .dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
  }
  .dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  }
}


.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 14px;
  box-sizing: border-box;
  background: #00468C;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #00468C;
    font-weight: bold; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

.smp_logo {
  position: absolute;
  top: 14px;
  left: 6px;
  z-index: 1000;
  display:none;
}

a.smp_logo{
  color: #fff!important;
}
a.smp_logo:hover{
  color: #fff!important;
  text-decoration: none;
}

.slicknav_menu {display:none;}

/*Media Queries*/
@media screen and (max-width: 768px) {
  .js #menu {display:none;}
  .js .slicknav_menu {display:block;}
  .smp_logo {display:block;}
}


/* ------ index ------ */


.index_plan_box {
  margin-right: 35px;
  padding: 14px;
  width: 280px;
  border-radius: 12px;
  border: 1px solid #4CACE2;
  float: left;
  text-align: center;
  height: 630px;
}

.index_plan_box h3{
  margin: 12px 0;
}

.index_plan_box p{
  text-align: left;
}

p.index_plan_plice{
  margin: 10px;
  color: #4CACE2;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}

p.index_plan_des{
  font-size: 13px;
  height: 110px;
}

.index_plan_box ul {
  overflow: hidden;
}
.index_plan_box ul li{
  margin: 2px 2px !important;
  padding: 1px 10px !important;
  color: #fff;
  background: #4CACE2;
  border-radius: 10px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  float: left;
}

.index_plan_box_fullw{
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 30px;
  width: 970px;
  clear: both;
  height: 100px;
}

.index_plan_box_fullw ul{
  margin: auto;
  width: 570px;
}

.index_plan_box_fullw_bottom {
  height: 140px;
  margin-bottom: 80px;
}

.index_plan_wp {
  width: 1000px;
  position: relative;
  overflow: hidden;
}

.index_plan_wp > div:nth-child(3n) {
    margin-right: 0;
}


@media screen and (max-width: 768px) and (orientation:portrait) {
  .index_plan_box {
  margin: 10px auto;
  padding: auto;
  width: 91%;
  }
  .index_plan_wp {
  margin: 0 auto;
  width: 91%;
  }
  .index_plan_box_fullw{
  width: 91%;
        padding-bottom: 4em;
        overflow: hidden;
  }
  .index_plan_box_fullw ul{
  margin: auto;
  width: 91%;
  }
  .index_plan_box_fullw_bottom {
  height: 240px;
  }
}


.img_zoom {
  margin: 0 auto;
  width: 246px;
  height: 246px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.img_zoom img {
  transition: .3s ease-in-put;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  position: relative;
  z-index: 0;
}
.img_zoom img:hover {
  transform: scale(1.2, 1.2);
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
}

figure {
  margin-top: 16px;
  overflow: hidden;
  width: 1000px;
  position: relative;
  z-index: 1;
}
figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  -webkit-transition: .8s;
  transition: .8s;
  opacity: 0;
  color: #fff;
}
figure:hover figcaption {
  opacity: .8;
}
.transform {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}
figure:hover .transform {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
p.cap{
  margin-top: 140px;
  text-align: center;
  font-size: 30px;
  opacity: .9;
}

a.btn{
  display: inline-block;
  width: 750px;
  margin: 12px 113px 40px;
  padding: 8px 10px;
  border: 1px solid #EE85B1;
  background: #EE85B1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
  transition: .3s;
  border-radius: 18px;
  font-size: 21px;
  font-weight: bold;
}


.btn2{
  display: block;
  max-width: 760px;
  margin: 12px auto 40px;
  padding: 8px 10px;
  border: 1px solid #EE85B1;
  color: #EE85B1;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
  transition: .3s;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: .1em;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  a.btn {
  margin: 12px 2% auto;
  padding: 8px 2%;
  width: 90%;
  font-size: 14px;
  }
  figure {
  width: 100%;
  }
}

a.btn_eff:hover {
  color: #EE85B1;
  background: transparent;
}

a.btn span{
  font-size: 13px;
}


/* ------ インデックスイメージ ------ */

.image_slider {
  text-align: center;
  position: relative;
}

.firstview-slide {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.firstview-slide h2{  margin-top: 120px;font-size: 36px;font-weight: 600;}
.firstview-slide h3{  font-size: 36px!important;}

@media screen and (max-width: 940px) and (orientation:portrait) {
.firstview-slide h2{  margin-top: 36px;font-size: 16px;font-weight: 600;}
.firstview-slide h3{  font-size: 12px!important;}
}


.main-visual {
  max-height: 600px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.main-visual video {
  display: block;
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
}
.main-visual:before {
  z-index: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:rgba(0,0,0,0.4);
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .main-visual {
    height: 300px;
    background:url(./images/bg.png) center center / cover no-repeat;
  }
  .main-visual video {
  display: none;
  }
}


#slider1 h2 {
  font-size: 32px;
  font-weight: 400;
  padding-top: 70px;
}

#slider1 h3 {
  font-size: 16px!important;
}

#slider1 img.index_image_logo {
  margin: 0 auto;
  width: 247px;
  hegiht: 63px;
}

.slide_01 {
  height: 500px;
  background:url(./images/slide_bg_01.jpg) center center / cover no-repeat;
}

.slide_02 {
  height: 500px;
  background:url(./images/slide_bg_02.jpg) center center / cover no-repeat;
}

.slide_03 {
  height: 500px;
  background:url(./images/slide_bg_03.jpg) center center / cover no-repeat;
}

.slide_04 {
  height: 500px;
  background:url(./images/slide_bg_04.jpg) center center / cover no-repeat;
}

.slide_05 {
  height: 500px;
  background:url(./images/slide_bg_05.jpg) center center / cover no-repeat;
}

.slide_06 {
  height: 500px;
  background:url(./images/cloud_01.jpg) center center / cover no-repeat;
}

.index_banner_box {
  margin: 4em auto 0;
  width: 800px;
}

.banner_box {
  margin-top: 60px;
}

.banner_free {
  margin: 0 20px;
  padding: 0 6px ;
  border: 1px solid #666;
  border-radius: 5px;
  font-size: 13px;
  vertical-align: 1px;
}

a.image_btn:hover > span.banner_free {
  border: 1px solid #fff;
}

a.image_btn{
  display: inline-block;
  margin: 12px 10px 40px;
  padding: 8px 120px;
  border: 1px solid #fff;
  background: #fff;
  color: #333;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  border-radius: 18px;
  font-size: 16px;
}

.index_banner_box a.image_btn {
  padding: 8px 0;
  width: 370px;
}

a.image_btn:hover {
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}

.fv_btn {
  padding-top: .2em!important;
  line-height: 1.6!important;
  font-size: 14px!important;
}
.btn_b {
  font-size: 24px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .image_slider {
  height: 300px;
  }
  .slide_01,.slide_02,.slide_03,.slide_04,.slide_05,.slide_06 {
  height: 300px;
  }
  #slider1 h2 {
  padding-top: 0;
  font-size: 21px;
  font-weight: 400;
  }
  #slider1 h3 {
  font-size: 12px!important;
  }
  #slider1 img.index_image_logo {
  width: 123px;
  hegiht: 31px;
  }
  .index_banner_box {
  margin: 1em auto 0;
  width: 100%;
  }
  .banner_box {
  margin-top: 20px;
  }
  a.image_btn{
  font-size: 14px;
  margin: 12px 10px 10px;
  padding: 8px 20px;
  }
  .index_banner_box a.image_btn {
  padding: 8px 20px;
  width: auto;
  }
  .fv_btn {
    padding-top: .2em!important;
    line-height: 1.4!important;
    font-size: 10px!important;
  }
  .btn_b {
    font-size: 16px;
  }
}


.news_box {
  padding: 0 10px;
  width: 480px;
  float: left;
}

.news_tab {
  padding: 10px 20px;
  border: 1px solid #4CACE2;
}

ul.news_tab li{
  line-height: 1.7;
}

.news_cat{
  margin-right: 10px;
  padding: 2px 10px;
  font-size: 11px;
  background: #00599C;
  color: #fff;
}

.news_cat a{
  color: #fff;
  text-decoration: none;
}

/* ------ index お客様の声 ------ */

.index_koe_wp{
  margin: 10px 0 30px;
  overflow: hidden;
}

.index_koe_box{
  margin: 20px 14px 0;
  width: 138px;
  float: left;
}

.index_koe_box a{
  color: #555;
  text-decoration: none;
}

.index_koe_box h2,.index_koe_box h3{
  margin: 0;
  font-size: 13px;
  text-align: center;
}

.index_koe_box p{
  margin: 0;
  font-size: 12px;
}

.index_koe_box img{
  border-radius: 69px;
}

.concept_image {
  background:url(./images/concept_00.png) center center / cover no-repeat;
}

.concept h2 {
  margin-bottom: 40px;
}

.concept h4 {
  margin: 30px 0 10px;
  font-size: 18px;
}

.concept ul li{
  padding: 3px 0;
  font-size: 13px;
}

.concept_plan_box{ 
  margin: 0 auto;
  padding-top: 30px;
  width: 1000px;
}

.concept_plan_box{ 
  margin: 0 auto;
  padding-top: 30px;
  width: 1000px;
}

.concept_plan_box ul li{
  margin: 2px 6px;
  padding: 2px 6px;
  color: #fff;
  background: #4CACE2;
  border-radius: 10px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  float: left;
}


/* ------ パンくずリスト breadcrumbs ------ */

.breadcrumbs_wp {
  background: #eee;
}
.breadcrumbs {
  margin: 0 auto;
  padding: 4px 10px;
  width: 980px;
  font-size: 10px;
  color: #555;
}
.breadcrumbs a.current-item {
  color: #555;
  text-decoration: none;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .breadcrumbs {
  padding: 4px 1%;
  width: 98%;
  }
}


/* ------ フッター footer ------ */

p.footer_text {
  color: #fff;
  font-size: 14px;
  margin-bottom: 1em;
}

.backtop {
  margin:0 auto;
  margin-top:20px;
  padding:10px 0 0 39px;
  width:192px;
  height:30px;
  font-size:14px;
  background:#005d9c;
  color:#fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.backtop a {
  width:192px;
  height:30px;
}
.backtop a {
  color:#fff;
}
.backtop-detail {
  background:url(./images/backtop-arrow.png) no-repeat 5px;
}
.backtop-detail p {
  padding-left:28px;
}

#footer-frame {
  margin-bottom: -22px;
  padding:20px 0 100px 0;
  width:100%;
  background:#005d9c;
}

.site-info {
  margin-bottom:20px;
  padding:10px;
  background:#fff;
  border-radius: 4px;
  overflow: hidden;
}
.site-info li {
  float:left;
}

.tel {
  margin:0 10px 0 25px;
  width:340px;
}
.tel2 {
  margin-right: 30px;
  width:230px;
}
.tel2 a {
  text-decoration:underline;
  color:#005d9c;
}
.tel-1 {
  padding: 0 0 8px 0;
  font-size:11px;
  text-align: left;
}
.tel-2 {
  padding: 8px 0 0 0;
  font-size:10px;
  text-align: left;
}
.tel-l {
  float:left;
  font-size:9px;
  color:#005d9c;
}
.tel-r {
        padding-left: 10px;
  float:left;
  text-align:right;
  font-size:18px;
}
.tel2-1 {
  padding: 0;
  font-size:11px;
}
.tel2-l {
  float:none;
  font-size:30px;
  color:#005d9c;
}
.tel2-r {
  float:none;
  font-size:10px;
}

.footer-info {
  margin-top:4px;
}
.footer-online {
  float:left;
  padding:10px;
  background:#fff;
  width:264px;
  font-size:14px;
  text-align:center;
  border-radius: 4px;
}
.footer-menu1 {
  width:490px;
}
.footer-menu1,.footer-menu2,.footer-menu3 {
  float:left;
  margin-left:20px;
  /* height:150px; */
  color:#fff;
}
.footer-menu1 li,.footer-menu2 li,.footer-menu3 li{
  margin-top:5px;
}
.footer-menu1 ul {
  float:left;
  margin-right:40px;
}
.footer-menu2,.footer-menu3 {
  width:150px;
}
.footer-menu1 a,.footer-menu2 a,.footer-menu3 a {
  color:#fff;
}
.footermenu-title {
  font-weight:bold;
}
.title-online {
  text-align:center;
  margin:16px 0 20px 0;
  font-size:19px;
}
.footer-menu4 {
  clear: both;
  overflow: hidden;
}
.footer-menu4 a {
  color:#fff;
}
.footer-menu4 li {
  float:left;
  padding:20px 15px 5px 0;
}
.copyright {
  float:right;
  padding:20px 0 5px 0;
  color:#fff;
}
/* hover時半透明 */
a img.linkimg{
background:none!important;
}
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
.site-info a:hover,.footer-online a:hover,.institution3 a:hover,.institution4 a:hover,.room-pagetop a:hover,.play a:hover,.play p a:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
  filter: alpha(opacity=40); /* IE */
  -moz-opacity:0.4; /* Firefox(old) */
  -khtml-opacity: 0.4; /* Safari(old) */
  opacity: 0.4;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  p.footer_text {
  padding: 0 1em;
  }
  .site-info {
  margin:20px 10px;
  padding:10px;
  background:#fff;
  border-radius: 4px;
  overflow: hidden;
  }
  .site-info li {
  display:block;
  float:none;
  text-align: center;
  }
  .tel,.tel2,.tel-1,.tel-l,.tel-r,.tel2-1,.tel2-l,.tel2-r {
  margin:0;
  width:100%;
  float: none;
  text-align: center;
  font-size: 13px;
  }
  .tel2 a {
  text-decoration:none;
  color:#005d9c;
  }
  .tel2-l {
  font-size:30px;
  color:#005d9c;
  }
  .footer-info {
  display:block;
  float:none;
  text-align: center;
  }
  .myButton-footer {
  margin: 0 auto;
  display: inline-block;
  width: 80%;
  }
  .footer-online {
  margin:20px auto;
  padding:10px;
  background:#fff;
  width:90%;
  float:none;
  font-size:14px;
  text-align:center;
  border-radius: 4px;
  }
  .footer-menu1,.footer-menu2 {
  display: none;
  }
  .footer-menu4 li {
  float:none;
  text-align: center;
  }
  .copyright {
  float:none;
  padding:10px 0 40px 0;
  color:#fff;
  text-align: center;
  }
}




/* ------ トップページ ------ */
.index_bloglist {
  margin: 0;
  width: 320px;
  float: right;
}
.index_bloglist ul li.bloglist{
  margin:0 0 12px 0;
}
.index_bloglist ul li.bloglist:last-child{
  margin:0 0 60px 0;
}
.index_bloglist ul li.bloglist img:hover{
  filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .index_bloglist {
  margin: 0;
  width: 100%;
  float: none;
  overflow: hidden;
  }
  .index_bloglist img{
  margin: 0 1%;
  margin-bottom: 10px;
  width: 48%;
  float: left;
  }
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .index_bottom_comment p {
  margin: 10px;
  }
}


/* ------ ワーキングスタイル working_style ------ */

.working_style_image {
  background:url(./images/working_style_01.jpg) center center / cover no-repeat;
}

.working_style_wp2{
  margin: 60px auto 60px;
  padding: 0;
  width: 1000px;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}



@media screen and (max-width: 768px) and (orientation:portrait) {
  .working_style_wp2{
  margin: 20px auto 60px;
  padding: 0;
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  }
}


/* ------- 各サービス（シェア・バーチャルオフィスメンバー）設定 ------------------------------------------------------- */

.image_wp {
  min-height: 500px;
  text-align: center;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

p.virtual_service_icon {
  display: block;
  margin: 0 auto !important;
  width: 1180px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
p.virtual_service_icon {
    width: auto;
  }
}


.virtual_office_image{
  background:url(./images/cloud_01.jpg) center center / cover no-repeat;
}

.share_office_image{
  background:url(./images/free_address_01.jpg) center center / cover no-repeat;
}

.share_office_image2{
  padding: 110px 0 130px;
  width: 100%;
  height: 260px;
  text-align: center;
  background:url(./images/plan_sub_02.jpg) center center / cover no-repeat;
}

.rental_office_image{
  background:url(./images/rental_bg.png) center center / cover no-repeat;
}

.rental_space_image{
  background:url(./images/rental_space_bg.png) center center / cover no-repeat;
}

.expert_image{
  background:url(./images/expert_bg.png) center center / cover no-repeat;
}

.wenmember_image{
  background:url(./images/wenmember_bg.jpg) center center / cover no-repeat;
}

.onecoin_image_01{ background:url(./images/onecoin_bg_01.jpg) center center / cover no-repeat;}
.onecoin_image_02{ background:url(./images/onecoin_bg_02.jpg) center center / cover no-repeat;}
.onecoin_image_03{ background:url(./images/onecoin_bg_03.jpg) center center / cover no-repeat;}
.onecoin_image_04{ background:url(./images/onecoin_bg_04.jpg) center center / cover no-repeat;}

.bg_sumi {
  position: relative;
}
.bg_sumi:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: rgba(0,0,0,.3);
  z-index: 2;
}

.image_box {
  position: relative;
  z-index: 3;
}

.virtual_faq {
  margin-bottom: 80px;
}

.virtual_faq dl{
  text-align: left!important;
}

.image_link {
  transition: .7s;
}

.image_link:hover {
  opacity: .7;
}

.onecoin_tokuten {
  display: block;
  margin: 2em auto 1em;
  padding: 1.5em 1em;
  max-width: 620px;
  text-align: center!important;
  font-size: 18px;
  font-weight: 700;
  color: #08488B!important;
  border: 1px solid #08488B;
  letter-spacing: .03em;
  position: relative;
}

.onecoin_tokuten_h {
  display: inline-block;
  position: absolute;
  top: -.8em;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0 1em;
  width: 320px;
  color: #08488B;
  background: #fff;
  font-size: 16px;
  font-weight: bold;
}

.onecoin_tokuten p {
  margin: 0!important;
  padding: 0!important;
  text-align: center!important;
}

.onecoin_tokuten p span {
  display: inline-block;
  padding: 0 .3em;
  color: #e76da2;
  font-weight: 900;
  font-size: 24px;
}

.onecoin_btn {
  display: inline-block;
  margin-top: .8em;
  padding: .2em 1.4em;
  color: #fff!important;
  background: #e76da2;
  border: 1px solid #e76da2;
  border-radius: 18px;
  font-weight: 500;
  letter-spacing: .05em;
  transition: .7s;
}

.onecoin_btn:hover {
  background: #fff;
  color: #e76da2!important;
  text-decoration: none;
}

.one_coin_cp_none {
  text-align: center;
  padding: 1em;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: .05em;
}

.onecoin .header_04{
  font-size: 38px;
}

@media screen and (max-width:640px){
  .onecoin .header_04{
    font-size: 18px;
  }

}


.onecoin2_image{
  background:url(./images/onecoin2_bg.jpg) center center / cover no-repeat;
}

.share_office_blog_box {
  padding: 0 0 60px;
}

.share_office_blog_box ul li{
  text-align: left;
}

p.share_office_blog_box_p {
  text-align: center!important;
}

ul.blog_list {
  overflow: hidden;
  margin-top: 20px;
}
ul.blog_list li{
  overflow: hidden;
}
ul.blog_list li a img{
  margin-right: 1em;
  width: 120px;
  float: left;
}
ul.blog_list li p{
  margin: 0;
  padding: 0;
  font-size: 14px;
}
ul.blog_list li a.list_title{
  color: #4CACE2;
  font-size: 18px;
}

ul.rental_list {
  margin: 10px auto!important;
  width: 280px!important;
}


.cloud_wp2{
  margin: 20px auto;
  padding: 0;
  width: 1000px;
  overflow: hidden;
  text-align: center;
  display: ;
  font-size: 16px;
  line-height: 1.5;
  clear: both;
}

.cloud_wp2 h2{
  margin: 80px auto 30px;
  padding: 0;
}

.cloud_wp2 p{
  margin: 30px auto 40px;
  padding: 0;
  text-align: left;
}

.cloud_wp2 table {
  margin: 0 auto 120px;
  width: 720px;
}

table.free_address {
  width: 940px;
}

.cloud_wp2 th.b,.cloud_wp2 td.b {
  text-align: center;
  font-weight: bold;
}

.cloud_wp2 th {
  padding: 10px 20px;
  border: 1px solid #efefef;
  vertical-align: middle;
}

.cloud_wp2 td {
  padding: 10px 20px;
  border: 1px solid #efefef;
  vertical-align: middle;
}

.cloud_wp2 tr.c {
  background: #fcfcfc;
}

.cloud_wp2 img.left {
  width: 180px;
  float: left;
}

.cloud_wp2 .pice-dblue {
  background: #00468C;
  color: #fff;
  text-align: center;
}

.cloud_wp2 .price-table {
  margin-top: 40px;
  margin-bottom: 20px;
}

.cloud_wp2 .price-table td{
  text-align: left;
}

.price-table2 {
  width: 1000px;
}

.price-table2 tr{
  background: #fff;
}

.price-table2 th{
  text-align: left!important;
  vertical-align: middle;
  background: transparent!important;
}

.price-table2 td{
  width: 320px;
  text-align: center;
  vertical-align: middle;
  background: transparent!important;
}

.price-table2 tr:first-child th{
  text-align: center!important;
  background: #eee!important;
} 

.price-table2 tr:nth-child(odd) {
  background: #fafafa!important;
}

.price-table2 td:last-child {
  text-align: left;
}

table.price-table_photo {
  margin-top: 0;
}

table.rental-price {
  width: 680px;
}

table.rental-price th{
  width: 180px;
}

table.rental-price td:last-child {
  text-align: center!important;
}

hr.cloud {
  margin: 60px 0;
  padding: 0;
  color: #cde5f6;
}

hr.cloud2 {
  margin: -10px 0 38px;
  padding: 0;
  color: #cde5f6;
}


.cloud_wp2_box {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
  font-size: 16px;
}

.cloud_wp2_box img.left {
  padding-right: 40px;
  float: left;
}

.cloud_wp2_box img.right {
  padding-left: 40px;
  float: right;
}

.cloud_wp2_box p {
  margin: 0;
  padding: 6px 0;
}

.cloud_wp3{
  margin: 10px 0;
  padding: 50px 0;
  color: #fff;
  background: #4cace2;
  overflow: hidden;
  text-align: center;
  font-size: 16px;
}

.cloud_wp3 img{
  margin: 0 100px;
}

.free_address_wp3 img{
  margin: 0 10px;
}

.cloud_wp3 p{
  margin: 20px 0;
}

img.cloud_center {
  margin: 100px auto 20px;
  width: 72px;
  display: block;
}

.cloud_option_box {
  margin: 0 20px 80px;
  width: 280px;
  float: left;
}

.cloud_option_box img {
  margin: 0;
  padding: 0;
  text-align: center;
}

.cloud_option_box p {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
}

h2.cloud_meeting {
  padding-top: 80px;
  clear: both;
}

.cloud_bottom {
  margin-bottom: 80px;
}

.cloud_bottom a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.loopslider {
  margin-bottom: 40px;
}

.point {
  margin: 30px auto;
  padding: 20px;
  max-width: 960px;
  border-radius: 10px;
  border: 1px solid #EF84B2;
  position: relative;
}

.point h4{
  padding: 3px;
  font-size: 15px;
  font-weight: normal;
  color: #EF84B2;
  background: #fff;
  display: inline;
  position: absolute;
  top: -1em;
}


.point2 {
  margin: 30px 10px;
  padding: 10px 19px;
  width: 440px;
  height: 100px;
  border-radius: 10px;
  border: 1px solid #4CACE2;
  position: relative;
  float: left;
}

.point2 h4{
  padding: 3px;
  font-size: 15px;
  font-weight: normal;
  color: #4CACE2;
  background: #fff;
  position: absolute;
  top: -1em;
}

img.share-point-img {
  max-width: 320px;
}

.hreview-aggregate {
  margin: 30px auto;
  padding: 30px 20px;
  max-width: 720px;
  border-radius: 10px;
  border: 1px solid #49ACE6;
  position: relative;
}

.hreview-aggregate h4{
  padding: 3px;
  font-size: 15px;
  font-weight: normal;
  color: #49ACE6;
  background: #fff;
  display: inline;
  position: absolute;
  top: -1em;
  left: 19em;
}

ul.nw {
  overflow: hidden;
}

ul.nw li{
  width: 33%;
  padding: 1em;
  float: left;
  box-sizing: border-box;
}

ul.nw li img{
  margin: 0 auto 1em;
  width: 70%;
}

.vo_nav {
  margin: 60px auto 0;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vo_nav > * {
  display: flex;
  margin: .6em 0;
  width: 24%;
}

.vo_nav > * a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.6em .8em;
  color: #fff;
  background: #00468c;
  /* color: #000;
  background: rgba(255,255,255,.6); */
  font-size: 14px;
  border: 1px solid #fff;
  letter-spacing: .1em;
  transition: .7s;
  position: relative;
}
.vo_nav > * a:hover{
  text-decoration: none;
  /* background: rgba(255,255,255,1); */
  opacity: .6;
}

.vo_nav > * a:before{
  content: ' ';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 25px 48px;
  border-color: transparent transparent #fff100 transparent;
  z-index: 1;
}
.vo_nav > * a:after{
  content: 'click';
  display: block;
  position: absolute;
  bottom: 1px;
  right: 2px;
  font-size: 8px;
  color: #1a1a1a;
  z-index: 2;
}


.vo_jisseki {
  margin: 3em auto;
  padding: 1em;
  max-width: 600px;
  border: 1px solid #333;
  background: rgba(0, 70, 140, .07);
  text-align: center;
}

.vo_jisseki_text {
  font-size: 12px;
}

.vo_attent {
  display: inline-block;
  padding: .4em 2em!important;
  color: #fff;
  background: #ee85b1;
  font-size: 18px;
  letter-spacing: .05em;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .vo_nav {
    margin: 10px 0 0;
  }
  .vo_nav > * {
    display: flex;
    margin: .2em 0;
    width: 49.5%;
  }
  .vo_nav > * a{
    padding: 1.4em .4em 2em;
    font-size: 12px;
  }
  .cloud_wp1{
  width: 100%;
  height: auto;
  overflow:auto;
  }
  .free_address_wp1_box{
  width: 100%;
  height: auto;
  position: static;
  background:url(./images/free_address_01.jpg) no-repeat;
  background-size:cover;
  }
  .cloud_wp2{
  margin: 20px auto;
  width: 96%;
  text-align: left;
  }
  .free_address_wp1_box img{
  margin: 150px 0 0px;
  }
  .cloud_wp2 table {
  width: 100%;
  }
  .cloud_wp2_box {
  margin: 0 auto;
  width: 96%;
  overflow: hidden;
  text-align: center;
  }
  .cloud_wp2_box img.left,.cloud_wp2_box img.right {
  padding: 0;
  float: none;
  }
  .cloud_wp2_box p{
  text-align: left;
  }
  .cloud_wp3 p{
  margin: 10px;
  }
  .cloud_wp3 img{
  margin: 0;
  }
  .free_address_wp3 img{
  margin: 0;
  }
  .cloud_option_box {
  margin: 0 0 80px;
  width: 100%;
  float: none;
  text-align: center;
  }
  table.free_address {
  width: 100%;
  }
  .hreview-aggregate h4{
  left: 2em;
  }
  .point {
  margin: 30px 9px;
  }
  .point2 {
  max-width: 85%;
  height: auto;
  float: none;
  }
  .image_wp {
  min-height: 300px;
  }
  .image_wp h1{
    font-size: 24px;
  }
  .image_wp h2{
    font-size: 16px;
  }
  ul.nw li{
    width: 100%;
    float: none;
    text-align: center;
  }
hr.cloud2 {
  margin: 30px 0;
}
}

/*----------------- 施設内覧 facilities_guide -----------------*/

.facilities_guide_image{
  background:url(./images/facility_01.jpg) center center / cover no-repeat;
}

.facility_gallery {
  margin: 100px auto 0;
  width: 1000px;
  text-align: center;
  overflow: hidden;
}

.facility_gallery ul {
  margin-bottom: 120px;
  overflow: hidden;
}

.facility_gallery ul li {
  float: left;
}

.facility_gallery ul li img{
  vertical-align:bottom;
}

.facility_gallery ul li a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

p.guide_text {
  padding: 30px 0 30px;
  text-align: left;
}

.indoor {
  margin: 20px auto;
  padding: 0;
  width: 1000px;
  height: 480px;
}

.faci_youtube {
  margin: 0 0 120px;
}

.faci_youtube .left{
  margin-right: 14px;
  float: left;
}

.faci_youtube .right{
  margin-left: 14px;
  float: right;
}

.faci_youtube p,.faci_youtube a{
  text-align: left;
}

.faci_youtube ul{
  margin: 10px 0;
  float: none;
  text-align: left;
}

.faci_youtube ul li{
  margin: 4px 0;
  float: none;
  text-align: left;
}

.faci_youtube_cont {
  margin: 42px 0 0;
}

.faci_youtube_image {
  padding-top: 40px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .facility_gallery {
  margin: 100px auto 0;
  width: 100%;
  text-align: center;
  overflow: hidden;
  }
  .facility_gallery ul li {
  margin: 20px auto;
  width: 100%;
  display: block;
  float: none;
  }
  .facility_gallery h2{
  margin: 0 auto;
  width: 96%;
  }
  p.guide_text {
  margin: 0 auto;
  padding: 10px 0 30px;
  width: 96%;
  }
  .indoor {
  margin: 20px auto;
  padding: 0;
  width: 96%;
  height: 300px;
  }
}



/* ------ ご利用料金設定 price ------ */

.price-table {
  margin-top: 50px;
  width:100% !important;
}
.price-table th {
  padding:5px 10px 5px 10px;
  width:368px;
  border:1px solid #8f8988;
  vertical-align:middle;
  text-align:left;
}
.price-table td {
  padding:5px;
  width:368px;
  text-align:center;
  border:1px solid #8f8988;
  vertical-align:middle;
}

table.price-table-a {
  margin-top: 50px;
  width:100% !important;
  table-layout: fixed;
}
th.price-table-b {
  width: 140px;
}
td.price-table-c {
  width: 265px;
}
span.n-small{
  font-weight: normal !important;
  font-size: 12px !important;
}

.price-table span {
  font-size:20px;
}
.price-dblue {
  padding:10px 0 10px 0;
  background:#005d9c;
  color:#fff !important;
}
.price-blue {
  padding:10px 0 10px 0;
  background:#4cace2;
  color:#fff;
}
.price-g {
  background:#eeeeef;
}
.price-b {
  background:#c8c9ca;
}
.price-b th,.price-b2 td {
  font-weight:bold;
}
.price-b2 {
  background:#c8c9ca;
}
.price-b2 th,.price-b td {
  font-weight:bold;
  text-align: center;
}
.price-b3 {
  background:#c8c9ca;
}
.price-b3 th,.price-b3 td {
  font-weight:bold;
  text-align: center;
}
.price-pay {
  float:left;
  margin:10px 0 30px 0;
}
.price-point {
  float:right;
  margin:10px 0 30px 0;
  width: 24%;
}
.cell_null {
  border-left: none !important;
  background: #fff;
}
.cell_null2 {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  background: #fff;
}
span.faci_500 {
  font-size: 1.4em;
  color: #F085B3!important;
  font-weight: bold!important;
}

span.free_500 {
  font-size: 1.2em;
  font-weight: bold!important;
}
th.price-500 {
  padding: 20px!important;
  text-align: center;
}
span.faci_kome {
  font-size: 1em!important;
  color: #F085B3!important;
  font-weight: normal!important;
}

.fee_image {
  padding: 1%;
  float: left;
  width: 31%;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .price-table {
    display: block;
    position: relative;
    width: auto;
    font-size: 12px;
  }
  .price-table th,.price-table td{
    width: auto;
  }
  .price-pay {
    text-align: center;
    float:none;
  }
  .fee_image {
    float: none;
    width: 98%;
  }
  th.price-table-b {
    width: auto;
  }
  td.price-table-c {
    width: auto;
  }
}

/*----------------- coworking 下層SEO対策ページ -----------------*/

.plan_sub {
  margin: 40px auto 0;
  width: 1000px;
}

.plan_sub h1 img{
  margin: 0;
  padding: 0;
}

.plan_sub h2{
  margin: 100px auto 20px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #4CACE2;
}

.plan_sub h3{
  margin: 100px auto 40px;
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  color: #4CACE2;
}

.plan_sub p{
  margin: 18px auto;
  font-size: 16px;
  line-height: 1.7;
}

.plan_sub table{
  margin: 40px auto 60px;
}

.plan_sub table th{
  padding: 10px;
  border: 1px solid #aaa;
  background: #eee;
  text-align: center;
  font-weight: bold;
}

.plan_sub table td{
  padding: 10px;
  border: 1px solid #aaa;
  background: #fafafa;
}

.plan_sub ul{
  margin: 60px;
}

.plan_sub ul li{
  padding: 2px;
  font-size: 18px;
  list-style-type: square;
}

ul.plan_sub_menu {
  margin: 10px 0 20px !important;
  padding: 0!important;
  width: 100%;
  overflow: hidden;
}

ul.plan_sub_menu li{
  width: 202px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style-type: none!important;
  text-align: center;
  font-weight: bold;
  background: #fafafa;
  float: left;
  border: 1px solid #ddd;
}

ul.plan_sub_menu li a{
  padding: 6px 0;
  display: block;
  color: #005D9C;
}

ul.plan_sub_menu li a:hover{
  background: #eee;
  text-decoration: none;
}

ul.plan_sub_menu_bottom {
  margin: 80px 0 120px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .plan_sub {
  margin: 0 auto 0;
  width: 100%;
  }
  .plan_sub ul{
  margin: 40px 30px;
  }
  .plan_sub ul li{
  font-size: 16px;
  }
  ul.plan_sub_menu {
  margin: 0;
  }
  ul.plan_sub_menu li{
  width: 100%;
  float: left;
  }
  ul.expert_menu {
  margin: 0;
  }
  ul.expert_menu li{
  width: 100% !important;
  float: none;
  }
  .plan_sub p{
  margin: 18px auto;
  width: 96%;
  font-size: 14px;
  line-height: 1.5;
  }
  .plan_sub table{
  margin: 40px auto 60px;
  display: block;
  position: relative;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
  }
}

/*----------------- 会社概要 -----------------*/

.map {
  width: 1000px;
  height: 450px;
}
@media screen and (max-width: 768px) and (orientation:portrait) {
.map {
  width: 100%;
  height: 200px;
  }
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.index_bottom_comment h2{
  margin: 80px 0 20px;
  text-align: center;
}


/*----------------- サイトマップ -----------------*/

.sitemap{
  margin-bottom:60px;
}
.sitemap p{
  margin-bottom:15px;
  font-size:120%;
}
.sitemap li{
  line-height:180%;
}
.sitemap .col2{
  float:left;
  width:48%;
}

/*----------------- プライバシーポリシー -----------------*/
.policy-list li {
  float:left;
  margin:30px 50px 0 0;
}



/*----------------- サンクスページ -----------------*/

.thanks{
  margin: 50px auto 200px;
  width: 1000px;
}

.thanks h2{
  margin-bottom: 18px;
  font-size: 42px;
  font-weight: normal;
}
@media screen and (max-width: 768px) and (orientation:portrait) {
.thanks {
  margin: 0 auto;
  width: 96%;
  }
}


/*----------------- 審査・契約について-----------------*/

.number {
  float:left;
  margin-bottom:40px;
  padding-top:7px;
  padding-left: 1px;
  width:100px;
  height:90px;
  font-size:58px;
  text-align:center;
  -moz-border-radius:104px;
      -webkit-border-radius:104px;
      border-radius:104px;
  border:2px solid #4cace2;
  color:#4cace2;
  vertical-align:middle;
  position: relative;
}
.review-frame {
  float:right;
  width:860px;
}
.title-review {
  margin-bottom:10px;
  font-weight:bold;
  font-size:20px;
}
.review .style-bottom {
  margin-bottom:0px;
}
#content div.review div.style-bottom p{
  margin-bottom: 30px;
}
.review-point {
  margin-top:30px;
  color:#4cace2;
  text-align:center;
}
.review-point p{
  text-align:center;
}
.left-review {
  float:left;
  margin-top:30px;
  padding:20px;
  width:378px;
  height:215px;
  background:#f7f7f7;
  border:1px solid #4cace2;
}
.left-review .subtitle-review,.left-review3 .subtitle-review {
  color:#4cace2;
  font-size:20px;
  text-align:center;
  margin-bottom:20px;
}
.right-review .subtitle-review,.right-review3 .subtitle-review {
  color:#005d9c;
  font-size:20px;
  text-align:center;
  margin-bottom:20px;
}
.right-review {
  float:right;
  margin-top:30px;
  padding:20px;
  width:378px;
  height:215px;
  background:#f7f7f7;
  border:1px solid #005d9c;
}
.right-review span {
  display:block;
  text-align:center;
}
.review-tel {
  margin:20px 0 0 0;
  font-size:40px;
  color:#005d9c;
  text-align:center;
}
.review-tel a {
  color:#005d9c;
  text-decoration:underline;
}

.myButton-info {
  -moz-box-shadow: 0px 4px 0px 0px #367797;
  -webkit-box-shadow: 0px 4px 0px 0px #367797;
  box-shadow: 0px 4px 0px 0px #367797;
  background-color:#4cace2;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:20px;
  padding:20px 46px;
  text-decoration:none;
  text-shadow:0px 1px 0px #4cace2;
}
.infobtn a:hover {
  color:#fff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
  filter: alpha(opacity=40); /* IE */
  -moz-opacity:0.4; /* Firefox(old) */
  -khtml-opacity: 0.4; /* Safari(old) */
  opacity: 0.4;
  text-decoration:none;
}
.left-review .infobtn {
  margin-top:30px;
}
.left-review2 {
  float:left;
  width:403px;
}
.right-review2 {
  padding-top:10px;
  float:right;
  width:440px;
}
.right-review2 .link {
  margin-top:20px;
  color:#4cace2;
}
.reivew-p {
  margin:45px 0 20px 0;
  text-align:center;
  color:#ec89b4;
}

.left-review3 {
  float:left;
  margin-top:30px;
  padding:20px;
  width:378px;
  height:370px;
  background:#f7f7f7;
  border:1px solid #4cace2;
}
.right-review3 {
  float:right;
  margin-top:30px;
  padding:20px;
  width:378px;
  height:340px;
  background:#f7f7f7;
  border:1px solid #005d9c;
}
.t-center {
  margin-top:40px;
  text-align:center;
  padding: 5px 0;
  background-color: #f7f7f7;
}
.infobtn {
  margin:0 auto;
  width:302px;
}
.left-review4 {
  float:left;
  margin-top:30px;
  width:410px;
}
.right-review4 {
  float:right;
  margin-top:30px;
  width:410px;
}
.left-review5 {
  float:left;
  width:420px;
}
.right-review5 {
  float:right;
  width:370px;
  text-align:center;
}
.t-blue {
  margin-bottom:10px;
  color:#4cace2;
}
.t-dblue {
  margin-bottom:10px;
  color:#005d9c;
}
.review-b-list li {
  float:left;
  padding:5px 0 5px 0;
  width:370px;
  background:#4cace2;
  color:#fff;
  font-size:20px;
  text-align:center;
}
.review-b-list li.space {
  margin-left:0;
}
.review-db-list li {
  float:left;
  padding:5px 0 5px 0;
  width:370px;
  background:#005d9c;
  color:#fff;
  font-size:20px;
  text-align:center;
}
.review-db-list li.space {
  margin-left:0;
}
.review-db-list p {
  padding:15px 0 15px 0;
}
.arrow-center {
  clear:both;
  margin:0 auto;
  padding:20px;
  width:32px;
}
.review-p2 {
  padding:15px 0 15px 0;
  background:#ee87b4;
  font-size:20px;
  color:#fff;
}
.center-text {
  text-align:center;
}

.review article {
  border-bottom:4px solid #f2f2f2;
  margin-bottom:30px;
  padding-bottom:30px;
}

.review_table {
  margin: 40px 0 60px;
  width: 100%;
  border: 1px solid #ddd;
}

.review_table th{
  padding: 8px;
  background: #F7F7F7;
  font-weight: normal;
}

.review_table td{
  padding: 8px;
  border: 1px solid #ddd;
  font-size: 13px;
}


@media screen and (max-width: 768px) and (orientation:portrait) {
  .review {
  margin: 0 auto;
  width: 96%;
  }
  .number {
  float:none;
  margin: 20px auto 40px;
  }
  .review-frame,.right-review,.left-review,.right-review2,.left-review2,.right-review3,.left-review3,.right-review4,.left-review4,.right-review5,.left-review5,.review-db-list li {
  width: 99%;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align:left;
  }
  .review-frame p{
  margin: 0 auto;
  width: 96%;
  }
  .review-point p{
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  display: inline;
  }
  .myButton-info {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  padding:20px 0;
  text-align: center;
  display: block;
  }
  .review-b-list li,.review-db-list li {
  float:none;
  margin:10px auto;
  width:90%;
  text-align: center;
  }
  .review-b-list li.space,.review-db-list li.space {
  margin-left:auto;
  }
  .review-p2 {
  text-align: center;
  }
  .title-review {
  font-size:28px;
  text-align: center;
  }
}


/* -------求人情報------------------------------------------------------- */

.bg-recruit {
  margin-bottom:40px;
  width:100%;
  background:#2e77aa;
  height:213px;
}
.bg-recruit-in {
  margin:0 auto;
  width:100%;
  height:213px;
  background:url(./images/recruit/bg-recruit.png) no-repeat;
  background-size:cover;
}
.bg-recruit-in h2 {
  padding-top:84px;
  color:#fff;
  text-align:center;
  font-size:30px;
  font-weight:normal;
}
.recruit-word h3 {
  margin-bottom:40px;
  color:#005D9C;
  font-weight:bold;
  font-size:20px;
}
.recruit-word {
  width:100%;
  padding-bottom:40px;
  margin-bottom:40px;
  border-bottom:4px solid #F2F2F2;
}
.recruit-word,.recruit-frame {
  width:100%;
  padding-bottom:63px;
  margin-bottom:40px;
  border-bottom:4px solid #F2F2F2;
}
.recruit-frame h3 {
  margin-bottom:40px;
  font-size:28px;
  font-weight:normal;
text-align: center;
}
.recruit-subtitle {
  margin-bottom:40px;
  font-size:20px;
  font-weight:bold;
  color:#005D9C;
}
.recruit-frame img {
  margin-bottom:40px;
}
.recruit-frame img.right{ float: right;}
.recruit_content {
  margin-bottom:40px;
}
.recruit-frame table {
  margin-bottom:60px;
  width:998px;
  border:1px solid #10ace7;
  background:#ebf7fd;
clear: both;
}
.recruit-frame th {
  padding:9px 20px;
  color:#10ace7;
  border-right:1px solid #10ace7;
  vertical-align:middle;
text-align: center;
}
.recruit-frame td {
  padding:9px 23px 9px 23px;
}
.recruit-frame tr {
  border-bottom:1px solid #10ace7;
}
p.recruitbtn {
  text-align:center;
}
.recruit-blog {
  width:100%;
  padding-bottom: 0px;
  margin-bottom:60px;
  border-bottom:4px solid #F2F2F2;
}
.recruit-blog .header_03 {
  text-align: center;
}
.myButton-recruit {
  -moz-box-shadow: 0px 3px 0px 0px #c37196;
  -webkit-box-shadow: 0px 3px 0px 0px #c37196;
  box-shadow: 0px 3px 0px 0px #c37196;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ee87b4), color-stop(1, #ee87b4));
  background:-moz-linear-gradient(top, #ee87b4 5%, #ee87b4 100%);
  background:-webkit-linear-gradient(top, #ee87b4 5%, #ee87b4 100%);
  background:-o-linear-gradient(top, #ee87b4 5%, #ee87b4 100%);
  background:-ms-linear-gradient(top, #ee87b4 5%, #ee87b4 100%);
  background:linear-gradient(to bottom, #ee87b4 5%, #ee87b4 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee87b4', endColorstr='#ee87b4',GradientType=0);
  background-color:#ee87b4;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:20px;
  padding:20px 115px;
  text-decoration:none;
}
.recruitbtn a:hover {
  color:#fff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
  filter: alpha(opacity=40); /* IE */
  -moz-opacity:0.4; /* Firefox(old) */
  -khtml-opacity: 0.4; /* Safari(old) */
  opacity: 0.4;
  text-decoration:none;
}
.recruitbtn:active {
  position:relative;
  top:1px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .recruit-word{
  margin: 0 auto;
  width: 96%;
  }
  .recruit-frame img.right {
  float: none;
  }
  .recruit-frame table {
  width: 100%;
  }
  .news_box {
  margiin: 1em auto;
  padding: 0 10px;
  width: 94%;
  float: none;
  }
}

/* -------フリートライアル  ・　施設の内覧------------------------------------------------------- */

.page-id-2291 article h1{
  margin-top: 50px;
  margin-bottom: 50px;
  font-size:40px;
  font-weight:normal;
}

.free_wp{
  margin: 0 auto 0;
  padding-bottom: 10px;
  width: 1000px;
  overflow: hidden;
}

h1.free_banner, p.free_banner{
  margin: 40px;
  text-align: center;
}

.free_wp2{
  margin: 40px 0;
  padding-bottom: 20px;
  background: #4cace2;
  color: #fff;
  overflow: hidden;
}

.free_wp2 h3{
  margin: 0;
  padding: 2px 0;
  text-align: center;
  background: #005d9c;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.free_wp2 h4{
  margin: 0 auto;
  padding: 20px 0;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
}

.free_wp h4{
  margin: 0 auto;
  padding: 20px 0;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
}

.free_box1{
  margin: 40px 15px 30px;
  width: 300px;
  height: 262px;
  background: #fff;
  float: left;
  color: #555;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.free_box1 h5{
  margin: 20px 0;
  font-size: 24px;
  font-weight: bold;
  color: #005d9c;
  text-align: center;
}

.free_box1 p{
  margin: 14px;
  font-size: 16px;
}

.free_box2{
  margin: 0px 11px 30px;
  width: 308px;
  height: 355px;
  background: #ebeadf;
  float: left;
  color: #555;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.free_box2 h5{
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fff;
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
  background: #005d9c;
}

.free_box2 p{
  margin: 14px;
  font-size: 14px;
}

p.free_star{
  margin: 40px 0 0;
  text-align: center;
}

.free_3point p{
  font-size: 16px;
}

a.free_point1 {
  margin: 28px 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
}

a.virtual_point {
  margin: 28px 0;
  font-size: 24px;
  font-weight: bold;
  color: #333;
  display: inline-block;
}

table.virtual {
  margin: 30px 0;
}

table.virtual th{
  text-align: center !important;
  text-align: center !important;
}

table.virtual_table2 {
  margin: 30px 0;
  width: 500px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  table.virtual_table2,table.style-table2 {
  display: block;
  position: relative;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  }
}

span.free_point2 {
  padding: 14px 0;
  font-size: 24px;
  font-weight: bold;
  color: #005d9c;
  display: inline-block;
}

span.free_point3 {
  padding: 14px 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
}

.free_wp3{
  margin: 0 auto;
  padding-bottom: 20px;
  width: 940px;
  background: #ebeadf;
  overflow: hidden;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.free_wp3 h3{
  margin: 0;
  padding: 2px 0;
  text-align: center;
  background: #005d9c;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
}

.free_wp3 h4{
  margin: 30px 0 8px;
  text-align: center;
  color: #005d9c;
  font-weight: bold;
  font-size: 24px;
}

.free_wp3 p{
  margin: 30px 0 20px;
  text-align: center;
}

.free_wp3 ul{
  margin: 10px 0 0;
  padding: 0 0 30px;
}

.free_wp3 ul li{
  margin: 8px;
  padding: 4px 8px;
  background: #fff;
  float: left;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

ul.free_ul1{
  margin-left: 28px;
  overflow: hidden;
}

ul.free_ul2{
  margin-left: 220px;
  overflow: hidden;
}

ul.virtual_ul{
  margin-left: 280px;
}

.virtual_box1 {
  width: 1000px;
  height: 307px;
  background: url(./images/virtual_05.jpg);
  position: relative;
}

p.virtual_yuubin {
  width: 460px;
  position: absolute;
  top: 158px;
  left: 23px;
  color: #333;
}

p.virtual_front {
  width: 460px;
  position: absolute;
  top: 158px;
  left: 523px;
  color: #333;
}


p.free_arrow{
  margin-top: -40px;
  text-align: center;
}

.free_koe_box1 {
  margin: 14px 0 14px 33px;
  padding: 20px 18px;
  width: 700px;
  background: #fff;
  position: relative;
  color: #555;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
  clear: both;
}
.free_koe_box1:after {
  content:"";
  position:absolute;
  width:33px;
  height:80px;
  top:20px;
  left:-33px;
  background: url(./images/free_13.jpg);
}

.free_koe_box2 {
  margin: 14px 33px 14px 0;
  padding: 20px 18px;
  width: 700px;
  background: #fff;
  position: relative;
  color: #555;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
  float: right;
}
.free_koe_box2:after {
  content:"";
  position:absolute;
  width:33px;
  height:80px;
  top:20px;
  right: -33px;
  background: url(./images/free_14.jpg);
}

.free_koe_box1 h4{
  font-size: 24px;
  color: #005d9c;
  margin: 3px 0;
  padding: 0;
}

.free_koe_box2 h4{
  font-size: 24px;
  color: #005d9c;
  margin: 3px 0;
  padding: 0;
}

.free_tel a{
  font-size: 26px;
  font-weight: bold;
}

h4.koe_w {
  color: #eb7bac;
}

h4.bg_w { color: #333 !important;}

h4.nairan_b {
  font-size: 36px !important;
  color: #005d9c;
  text-align: center;
}

.nairan_siyou {
  margin: 30px 0 0;
}



.backup {
  margin-top:50px;
}

.backup-left {
  float:left;
  width:200px;
}
.backup-right {
  float:right;
  width:760px;
}
.title-backup {
  margin-bottom:20px;
  font-weight:normal;
  font-size:40px;
}
.backup-left2 {
  float:left;
  width:470px;
}
.backup-left2 ul,.backup-right2 ul {
  clear:both;
  margin-top:20px;
}
.backup-left2 span,.backup-right2 span {
  clear:both;
  font-weight:bold;
  font-size:20px;
}
.backup-right2 {
  float:right;
  width:470px;
}
.backup-left2 li,.backup-right2 li {
  float:left;
}
.backup-left2 section,.backup-right2 section {
  padding-top:40px;
}
.backup .L1 li {
  line-height:36px;
}
.color-db {
  margin-right:20px;
  width:178px;
  height:36px;
  background:#005d9c;
  text-align:center;
  color:#fff;
  font-weight:bold;
  line-height: 36px;
  font-size:16px;
}
.color-b {
  margin-right:20px;
  width:178px;
  height:36px;
  background:#51ade0;
  text-align:center;
  color:#fff;
  font-weight:bold;
  line-height: 36px;
  font-size:16px;
}
.color-p {
  margin-right:20px;
  width:176px;
  height:34px;
  background:#fff;
  text-align:center;
  color:#ec89b4;
  border:1px solid #ec89b4;
  font-weight:bold;
  line-height: 34px;
  font-size:16px;
}
.top1 li {
  margin-top:10px;
}
.top2 li {
  margin-top:5px;
}
.backup-tel {
  padding-top:36px;
}
.backup-point {
  margin-top:20px;
  font-size:20px;
  font-weight:bold;
}
.backup-point span {
  margin-left:20px;
  font-size:14px;
  font-weight:normal;
}
.backup-style {
  float:left;
  margin:10px 0 0 0;
  width:350px;
}
.backup-style li {
  float:left;
  margin-top:10px;
}
.backup-style span {
  font-size:20px;
  font-weight:bold;
}
.backup-style p {
  margin-top:20px;
}
.backup-en {
  padding-top:25px;
}
.backup-co {
  padding-top:32px;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .page-id-2291 article h1{
  margin-top: 30px auto;
  font-size:32px;
  text-align: center;
  }
  .page-id-2291 .style-center {
  margin: 0 auto;
  width: 96%;
  float: none;
  }
  .title-black,.title-black2 {
  text-align:center;
  width:99%;
  }
  .backup-right2,.backup-left2 {
  text-align:center;
  width:100%;
  }
  .facilities_preview_top img {
  width: 100%;
  height: auto;
  }
  .free_wp,.free_wp3 {
  margin: 10px auto;
  width: 96%;
  float: none;
  }
  .free_wp h4{
  font-size: 16px;
  }
  .free_box1,.free_box2{
  margin: 40px auto 30px;
  width: 100%;
  height: auto;
  float: left;
  }
  .free_box2 img {
  width: 100%;
  height: auto;
  }
  .free_star {
  display:none;
  }
  ul.free_ul1,ul.free_ul2{
  margin: 10px;
  overflow: hidden;
  }
  .free_koe_box1,.free_koe_box2 {
  margin: 10px auto;
  padding: 5px;
  width: 96%;
  clear: both;
  }
  .free_koe_box1:after,.free_koe_box2:after {
  position:static;
  width:auto;
  height:auto;
  background: none;
  }
}




/* -------バーチャルオフィスLP virtual_office_lp1 ------------------------------------------------------- */

.style-table2 {
  width:100%;
}
.style-table2 table {
  width:100%;
}
.style-table2 th {
  color:#4cace2;
  vertical-align:middle;
  padding:5px 10px 5px 10px;
  border:1px solid #7dc1e7;
}
.style-table2 td {
  padding:5px 10px 5px 10px;
  border:1px solid #7dc1e7;
  text-align:center;
  width:128px;
}
.style-table3 {
  width:100%;
}
.style-table3 table {
  width:100%;
}
.style-table3 th {
  color:#4cace2;
  vertical-align:middle;
  padding:5px 5px 5px 5px;
  border:1px solid #7dc1e7;
}
.style-table3 td {
  padding:5px 5px 5px 5px;
  border:1px solid #7dc1e7;
  text-align:center;
  width:137px;
}
.va td {
  vertical-align:middle;
}
.bg-blue3 {
  background:#deeff9;
}
.bg-blue2 {
  background:#edf7fc;
}


.line {
  padding-bottom:30px;
  border-bottom:1px dotted #d2d2d2;
}
.btn_top {
  cursor: pointer;
}
.fb-like iframe {
  max-width: none!important;
  z-index: 9999;
        overflow: visible;
}

.fb-page {
  float: left;
  width:500px;
}

.fbfluid {
  padding-top:20px;
  clear: both;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  ul.virtual_ul{
  margin: 10px;
  overflow: hidden;
  }
  p.virtual_yuubin,p.virtual_front {
  margin: 20px auto;
  width: 96%;
  position: static;
  color: #fff;
  float: none;
  }
  .virtual_box1 {
  width: 100%;
  height: auto;
  background: none;
  }
  .backup-left,.backup-right,.backup-left2,.backup-right2 {
  float:none;
  width:100%;
  }
  .backup-left,.backup-right h2,.backup-right p{
  text-align: center;
  }
  .backup-style {
  float:none;
  margin:10px 0;
  width:100%;
  }
  ul.L1 li{
  margin: 10px auto;
  width: 98%;
  text-align: center;
  }
  .style-table2 th,.style-table2 td{
  width: auto;
  }
  .fb-page {
  float: none;
  width: auto;
  }
  .fbfluid .fbcomments,
  .fbfluid .fb_iframe_widget,
  .fbfluid .fb_iframe_widget[style],
  .fbfluid .fb_iframe_widget iframe[style],
  .fbfluid .fbcomments iframe[style],
  .fbfluid .fb_iframe_widget span{
  width: 100%! important;
  }
        .index_koe_box {
        width: 42%;
        border-radius: 50%;
        height: 340px;
        }
}



/* -------いろはセミナー------------------------------------------------------- */

.iroha_seminar_box{
  margin: 0;
  padding: 0 0 20px;
  overflow:hidden;
}

.iroha_seminar_box h1{
  margin: 0 auto;
  max-width: 1000px;
}

.iroha_seminar_h {
padding: 1.6em 0  .6em;
text-align: center;
}


.iroha_seminar_box img{
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.iroha_seminar_box h2{
  margin: 1em;
  font-size: 28px;
  color: #005D9C;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

.iroha_seminar_box p{
  text-align: center;
}

img.iroha_medaru {
  display: block;
  max-width: 800px;
  margin: 0 auto;
}


.koushi_box_wp {
  padding: 1em 0;
  overflow: hidden;
}

.other_iroha {
  overflow: hidden;
  box-sizing: border-box;
}

.other_iroha li{
  box-sizing: border-box;
  padding: 1em;
  width: 50%;
  float: left;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .other_iroha li{
    width: 100%;
    float: none;
  }
}

/* -------セミナー------------------------------------------------------- */

.co_form {
  width: 100% !important;
}

.coworking_seminar_wp1{
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20px;
  overflow:hidden;
}

.coworking_seminar_wp1 img{
  margin-top: 0;
  padding-top: 0;
  width: 100%;
  height: 100%;
}

.coworking_seminar h2{
  margin-bottom: 12px;
  font-size: 22px;
  color: #005D9C;
  font-weight: bold;
}

.coworking_seminar h3{
  padding: 4px 10px;
  width: 700px;
  font-size: 18px;
  color: #fff;
  background: #005D9C;
  text-align: center;
  overflow: hidden;
}

.coworking_seminar ul {
  margin: 16px 10px 40px;
}

.coworking_seminar ul li{
  padding: 6px 0;
  font-size: 16px;
  list-style-type: none;
  color: #000;
}

.coworking_seminar ul li:before {
  padding: 0 10px 0 0;
  content: "●";
  color: #4CACE2;
}

.coworking_seminar ul.li_number {
  padding-left: 36px;
}
.coworking_seminar ul.li_number li {
  list-style-type: decimal;
}
.coworking_seminar ul.li_number li:before {
  padding: 0;
  content: "";
}

.iroha_seminar p {
  margin: 1em 0;
}

.iroha_seminar h4 {
  margin-top: 2em;
  font-size: 1.4em;
  color: #005D9C;
}

.iroha_seminar h5 {
  margin-top: 1em;
  font-size: 1.1em;
  color: #005D9C;
}

.iroha_seminar li p {
  margin-left: 2em;
}

.iroha_koushi {
  overflow: hidden;
}

.iroha_koushi_photo{
  width: 30%;
  float: right;
}

.iroha_koushi img{
  padding-left: 2%;
  padding-bottom: 18px;
  width: 98%;
}

.iroha_koushi_box {
  width: 70%;
  float:left;
}

img.coworking_seminar_image {
  margin: 24px 0 10px;
}

p.coworking_seminar_p {
  margin-bottom: 14px;
}

span.coworking_seminar_date {
  font-size: 20px;
}

span.coworking_seminar_date ul li{
  margin: 14px 0;
}

.coworking_seminar_bottom {
  overflow: hidden;
  margin-top: 100px;
  margin-bottom: 80px;
}

.seminar_wp1{
  margin-top:0;
  padding-bottom: 10px;
  width: 100%;
  overflow:hidden;
}

.seminar_wp1 img{
  width: 100%;
}

.seminar_wp2{
  margin: 20px auto;
  padding: 0;
  width: 1000px;
  overflow: hidden;
  text-align: center;
  display: ;
}

.seminar_wp3{
  margin: 20px auto;
  padding: 80px 0 0;
  width: 1000px;
  overflow: hidden;
}

.seminar_wp{
  margin: 60px 0 0;
  background: url(./images/seminar/seminar_line.jpg) repeat-x;
}

.seminar_l {
  width: 190px;
  float: left;
  text-align: center;
}

.seminar_r {
  width: 810px;
  float: right;
}

.seminar_r table strong {
  font-size: 18px;
}

.seminar_r #event_description_radio label{
  display: block;
  padding-left: 250px;
}

.seminar_r #event_description_radio{
  margin-top: -16px !important;
}

a.seminar_form {
  margin: 30px 0 20px;
  display: block;
  text-align: center;
}

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

.lp_form_link a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.seminar_wp table {
  margin: 0 0 20px;
  width: 800px;
}

.seminar_wp th {
  padding: 20px;
  width: 180px;
  background: #f7f7f7;
  border: 1px solid #cdcdcd;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  vertical-align: middle;
}

.seminar_wp td {
  padding: 16px 10px 16px 20px;
  border: 1px solid #cdcdcd;
  vertical-align: middle;
}

.seminar_wp img.left {
  width: 180px;
  float: left;
}

.seminar_wp p.right {
  padding-bottom: 80px;
  width: 620px;
  float: right;
}

.clear { clear: both;}

.seminar_wp h4 img {
  margin: 60px 0 30px;
}

.seminar_wp a.live {
  margin: 0 10px;
}

.seminar_wp span.red {
  color: #ff0000;
}

.seminar_wp .big {
  font-size: 18px;
}

.seminar_wp .bold {
  font-weight: bold;
}

.seminar_wp .ma {
  margin: 28px 0;
}

.seminar_footer {
  margin: 120px 0 80px;
}

.logo_box img{
  margin: 10px;
}

.seminar_syusai {
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.seminar_syusai p{
  margin: 0;
  width: 700px;
  float: right;
  text-align: center;
}

.seminar_syusai p img{
  margin: 10px;
}

img.syusai_left {
  margin-top: 18px;
  float: left;
}

.seminar_syusai p a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a.seminar_form:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.logo_box a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.seminar_r h3 img{
  padding-bottom: 20px;
}

.seminar_r p{
  margin-bottom: 14px;
}

img.google_logo {
  margin-left: -16px !important;
}


ul.seminar_boss_list {
  clear: both;
}

ul.seminar_boss_list li{
  padding: 4px 0;
}

.lp h2{
  margin-bottom: 14px;
  font-size: 24px;
  color: #11619B;
}

.lp h3{
  margin-bottom: 14px;
  padding: 4px 10px;
  font-size: 18px;
  color: #fff;
  background: #005D9C;
  text-align: center;
}

.lp h4{
  margin: 6px 0;
  font-size: 18px;
}

.lp {
  line-height: 1.6;
}


.boss_top_image{
  background:url(./images/boss_top_image.jpg) center center / cover no-repeat;
}

.staff_top_image{
  background:url(./images/staff_top_image.jpg) center center / cover no-repeat;
}

.shareoffice_contents_top_image{
  background:url(./images/shareoffice_contents_top_image.jpg) center center / cover no-repeat;
}

.virtualoffice_contents_top_image{
  background:url(./images/virtualoffice_contents_top_image.jpg) center center / cover no-repeat;
}

.coworking_contents_top_image{
  background:url(./images/coworking_contents_top_image.jpg) center center / cover no-repeat;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  a.seminar_form {
  margin: 30px auto 20px;
  width: 90%;
  }
  .seminar_l {
  width: 100%;
  float: none;
  text-align: center;
  }
  .seminar_r {
  width: 100%;
  float: none;
  }
  .rwd_txt_seminar {
  color:#0A5E9A;
  font-size:2rem;
  font-weight:bold;
  margin-bottom: 20px;
  }
  .seminar_wp2{
  margin: 20px auto;
  padding: 0;
  width: 96%;
  overflow: hidden;
  text-align: center;
  }
  .seminar_wp3{
  margin: 20px auto;
  padding: 80px 0 0;
  width: 96%;
  overflow: hidden;
  }
  .seminar_wp table {
  width: 100%;
  }
  .coworking_seminar h3{
  padding: 4px 0;
  width: 100%;
  }
  .seminar_r h3 img{
  margin: 10px auto;
  display: block;
  }
  .seminar_r p.right img{
  margin: 10px auto;
  display: block;
  }
  .seminar_wp img.left {
  margin: 10px auto;
  float: none;
  }
  .seminar_wp p.right {
  width: 100%;
  float: none;
  }
  .seminar_syusai p{
  width: 100%;
  float: none;
  }
  .rwd_txt:after {
  content:attr(data-label);
  }
  .rwd_txt img {
  display:none;
  }
}



/*----------------- お客様の声 -----------------*/

.voice_top_image{
  background:url(./images/voice_top_image.jpg) center center / cover no-repeat;
}

.cutomers-frame {
  float: left;
  padding:19px;
  margin:0 10px 20px 10px;
  width:273px;
  background:#f7f7f7;
  border:1px solid #005D9C;
}
.cutomers-frame li {
  font-size:16px;
  text-overflow: ellipsis;
  -moz-text-overflow:ellipsis; /* Firefox */
  -o-text-overflow: ellipsis; /* Opera */
}
.myButton-customer {
  -moz-box-shadow: 0px 4px 0px 0px #002f5e;
  -webkit-box-shadow: 0px 4px 0px 0px #002f5e;
  box-shadow: 0px 4px 0px 0px #002f5e;
  background-color:#005e9c;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:20px;
  margin-top:10px;
  padding:10px 50px;
  text-decoration:none;
}
.customerbtn a:hover {
  color:#fff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
  filter: alpha(opacity=40); /* IE */
  -moz-opacity:0.4; /* Firefox(old) */
  -khtml-opacity: 0.4; /* Safari(old) */
  opacity: 0.4;
  text-decoration:none;
}
p.customerbtn {
  text-align:center;
}
.customer-sum {
   margin-bottom: 11px;
   width: 256px;
   height: 256px;
}
.customer-title {
  font-size:18px;
  font-weight:bold;
  line-height:1.3;
  height:76px;
}
.customer-detail {
  height:130px;
}
#content-customers {
  padding-top: 10px;
}
.customer-mini {
  margin-bottom:14px;
  font-size:20px;
}
.title-customer {
  margin-bottom:20px;
  width:100%;
  background:#005D9C;
}
.title-customer h1 {
  padding:20px 0 20px 0;
  font-size:40px;
  color:#fff;
  font-weight:normal;
}
.word-customer {
  margin-bottom:40px;
}
.left-customer {
  float:left;
  margin-bottom:60px;
  width:500px;
}
.left-customer img{
  display:block;
  margin:auto;
}
.table-customer {
  float:right;
  margin-bottom:60px;
  width:470px;
  font-size:20px;
}
.table-customer a,.table-customer th {
  color:#4CACE2;
  width:85px;
}
.table-customer th,.table-customer td {
  padding:10px;
}
.table-customer .bg-lblue {
  background:#ebf7fd;
}
.bg-youtube {
  margin-bottom:60px;
  width:100%;
  background:#ebf7fd;
}
.content-youtube {
  margin:0 auto;
  width:640px;
  line-height:0;
}
.customer-line {
  padding-top:40px;
  margin-top:40px;
  width:100%;
  border-top:4px solid #f2f2f2;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .cutomers-frame {
  float: none;
  padding: 10px auto;
  margin: 10px;
  width: auto;
  }
  .customer-sum {
  width: 100%;
  height: auto;
  }
  .myButton-customer {
  margin:10px auto;
  padding:10px auto;
  width: 60%;
  }
  .left-customer {
  float:none;
  margin:10px auto 60px;
  width:96%;
  }
  .left-customer img{
  width: 86%;
  height: auto;
  margin: 10px auto;
  }
  .table-customer {
  float:none;
  margin: 10px auto 60px;
  width: 96%;
  font-size: 18px;
  }
  .title-customer h1 {
  padding:20px 10px;
  font-size:30px;
  }
  .customer_box,.word-customer {
  margin: 10px auto;
  width: 96%;
  }
  .customer-mini {
  text-align: center;
  }
}


/*----------------- 専門家 -----------------*/

.expert_header {
  margin: 20px 0 30px;
  padding: 20px 40px;
  background: #00599c;
  color: #fff;
  font-size: 24px;
}

.expert_header p{
  margin: 0 auto;
  width: 1000px;
}

.expert_header p a{
  color: #fff;
}

.expert_single h1 {
  color: #00599c;
  font-size: 28px;
}

p.expert_tokui {
  padding-top: 14px;
}

.expert_wp {
  padding-bottom: 120px;
}

ul.expert_menu {
  margin: 10px 0 20px !important;
  padding: 0 0 60px!important;
  width: 100%;
  overflow: hidden;
}

ul.expert_menu li{
  width: 33%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style-type: none!important;
  text-align: center;
  font-weight: bold;
  background: #fafafa;
  float: left;
  border: 1px solid #ddd;
}

ul.expert_menu li a{
  padding: 6px 0;
  display: block;
  color: #005D9C;
}

ul.expert_menu li a:hover{
  background: #eee;
  text-decoration: none;
}


.expert_wp h3{
  margin: 0 0 20px;
  text-align: center;
  font-size: 210%;
  color: #005D9C;
}

.expert-frame {
  margin: 16px;
  padding-top: 30px;
  float: left;
  width: 300px;
  height: 400px;
}
.expert-frame-archive img{
  width: 100%;
  border-radius: 50%;
}
.expert-frame-archive p{
  text-align: center;
}
p.expert-frame-archive-sm {
  margin: 6px;
  font-size: 10px;
  lint-height: 1.1;
}

.expert-word-main {
  margin: 50px auto;
}

img.expert_single_image {
  margin: 0 20px 20px 0;
  float: left;
  width: 200px;
  height: auto;
}
.expert_single_table {
  clear: both;
  margin: 0;
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.expert_single_table th{
  padding: 16px;
  width: 130px;
  border: 1px solid #ccc;
  vertical-align: middle;
  background: #fcfcfc;
  color: #333;
}
.expert_single_table td{
  padding: 16px;
  border: 1px solid #ccc;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .expert-frame {
  float: none;
  padding: 10px auto;
  margin: 10px auto;
  width: 84%;
  }
  .expert-frame-archive img {
  width: 100%;
  height: auto;
  }
  .myButton-expert {
  margin:10px auto;
  padding:10px auto;
  width: 90%;
  }
  .expert_cat_wp {
  margin: 60px 10px;
  }
  .expert-word-main {
  margin: 30px 10px;
  }
  img.expert_single_image {
  margin: 0 10px 20px;
  float: none;
  width: 94%;
  height: auto;
  }
  .expert_box { margin: 0 10px 20px;}
  .expert_single_table {
  margin: 0 10px;
  }
  .expert_single_table th{
  padding: 10px;
  width: 80px;
  }
}

/*-------- ワンコインページ -----------------*/

.onecoin_image {
  margin-bottom: 80px;
}

.onecoin2_image {
  margin-bottom: 80px;
}

ul.onecoin_list_box {
  overflow: hidden;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

ul.onecoin_list_box li{
  box-sizing: border-box;
  padding: .8em 1em;
  width: 50%;
  text-align: center;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fafafa;
  font-size: 18px;
  float: left;
}

.onecoin .cloud_wp2 h2.header_01 {
  margin-top: 0 !important;
}

.onecoin hr.cloud {
  margin: 100px auto !important;
}


.oc_500 {
  font-size: 16px;
  text-align: center!important;
}

.oc_500 span{
  display: inline-block;
  margin: 0 .4em;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #EA6FA7;
}

.oc_point {
  border: 1px solid #EA6FA7;
  border-radius: 10px;
  padding: 1em 2em!important;
  line-height: 1.9!important;
}

.oc_point span{
  color: #EA6FA7;
  font-weight: bold;
}

.oc_point2 {
  border: 1px solid #ddd;
  background: #f1f1f1;
  letter-spacing: 3px;
  font-size: 1.2em;
  padding: .6em 1em!important;
  line-height: 1.9!important;
}

.oc_point3 {
  text-align: center!important;
  color: #EA6FA7;
  font-weight: bold;
  font-size: 28px;
}

.oc_center {
  text-align: center!important;
}

.oc_point4 {
  text-align: left!important;
  color: #EA6FA7;
  font-weight: normal;
  font-size: 21px;
  border: 1px solid #EA6FA7;
  border-radius: 10px;
  padding: 1em 2em!important;
}

.oc_point4 li{
  margin: .4em 0;
}

.oc_point_box {
  border: 1px solid #42A1E2;
  border-radius: 10px;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: .5em 1em;
  position: relative;
}

.oc_point_box h3{
  display: inline-block;
  background: #fff;
  padding: 0 .5em;
  color: #42A1E2;
  font-weight: normal;
  letter-spacing: 2px;
  position: absolute;
  top: -13px;
  left: 30px;
}

.oc_point_box p{
  margin: .7em 0;
  padding: 0;
  line-height: 2;
}

.oc_blue {
  color: #fff;
  background: #13478D;
}

.oc_pink {
  color: #fff;
  background: #ea6fa7;
}

table.oc-table {
  width: 100%;
}

table.oc-table th{
  background: #f1f1f1;
}

table.oc-table th,
table.oc-table td{
  border: 1px solid #ccc;
}

td.oc_half {
  padding: 0!important;
}

td.oc_half span{
  display: block;
  margin: 0!important;
  padding: .6em!important;
  width: 50%;
  color: #fff;
  background: #ea6fa7;
}

a.onecoin_topbanner {
  display: block;
  transition: .7s;
  margin-top: .5em;
  padding: .2em .5em;
  font-size: 12px;
  color: #fff;
  background-color: #ee85b1;
  border: 1px solid #ee85b1;
  border-radius: 16px;
  text-decoration: none;
}

a.onecoin_topbanner:hover {
  opacity: .5;
  color: #ee85b1;
  background-color: #fff;
  border: 1px solid #ee85b1;
}


@media screen and (max-width: 768px) and (orientation:portrait) {
ul.onecoin_list_box li{
  width: 100%;
  font-size: 14px;
  float: none;
}
.oc_500 span{
  display: block;
  margin: 0 auto;
}
.oc_point {
  border-radius: 5px;
  padding: .5em 1em!important;
}
.oc_point span{
  font-weight: normal;
}
.onecoin hr.cloud {
  margin: 50px auto !important;
}
.oc_point2 {
  letter-spacing: 2px;
  font-size: 1em;
  padding: .5em 1em!important;
}
.oc_point3 {
  text-align: left!important;
  font-weight: bold;
  font-size: 14px;
}
.oc_point4 {
  font-size: 16px;
  border-radius: 5px;
  padding: .5em 1em!important;
}
.oc_point_box {
  border-radius: 5px;
}
.oc_point_box h3{
  display: inline-block;
  letter-spacing: 1px;
  position: static;
}
.oc_point_box p{
  margin: .9em 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.8;
}
.oc_youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.oc_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
table.oc-table {
  font-size: 10px;
  margin-bottom: 0;
}
table.oc-table th,
table.oc-table td{
  padding: .3em;
}
td.oc_half span{
  display: block;
  margin: 0!important;
  padding: 0!important;
  width: 50%;
  color: #fff;
  background: #ea6fa7;
}
.onecoin .header_01 {
  font-size: 21px;
}
}


/* ------ イベント関係 event ------ */

.event_top_image{
  background:url(./images/event_top_image.jpg) center center / cover no-repeat;
}

.event-frame {
  padding: 15px 19px;
  margin:0 20px 20px 0;
  width:953px;
  background:#f7f7f7;
  border:1px solid #47a1d2;
  border-left:8px solid #47a1d2;
  overflow: hidden;
}

.event-rec {
  padding: 5px 19px;
}

.myButton-event {
  -moz-box-shadow: 0px 4px 0px 0px #367797;
  -webkit-box-shadow: 0px 4px 0px 0px #367797;
  box-shadow: 0px 4px 0px 0px #367797;
  background-color:#4cace2;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:20px;
  padding:20px 82px;
  text-decoration:none;
  text-shadow:0px 1px 0px #4cace2;
}
.eventbtn a:hover {
  color:#fff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
  filter: alpha(opacity=40); /* IE */
  -moz-opacity:0.4; /* Firefox(old) */
  -khtml-opacity: 0.4; /* Safari(old) */
  opacity: 0.4;
  text-decoration:none;
}
.event-title {
  margin-bottom:10px;
  font-size:18px;
  font-weight:bold;
}
.event-category {
  padding-top:6px;
  margin-bottom:6px;
  color:#fff;
  font-size:12px;
}

.event-rec p.event-title {
  margin-bottom: 0;
}
.event-rec p.event-category {
  padding-top: 0;
  margin-bottom: 2px;
}

.event-category span{
  padding:1px 5px;
  margin: 0 6px 6px 0;
  background:#EE87B4;
  font-size:11px;
}
.event-st {
  margin-bottom:8px;
  font-size:16px;
}
.event-img {
  float: left;
  padding-right:15px;
  margin-bottom:6px;
  width:350px;
}
.event-date {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.eventbtn {
  margin-bottom:19px;
  text-align:center;
}
#event_new , #event_old {
  overflow: hidden;
}
.event-ar-left {
  overflow: hidden;
  margin-top: 30px;
  padding:20px;
  width:960px;
  background:#ecf5fb;
}
.event-ar-left li {
  margin: 10px 20px;
  float: left;
  font-size:16px;
}
.title-event-ar {
  margin-bottom:20px;
  font-size:20px;
  font-weight:bold;
  color:#48a2d3;
  text-align: center;
}
.event-ar-right {
  margin-top:30px;
  overflow: hidden;
  padding:20px;
  width:960px;
  background:#ecf5fb;
}
.event-ar-right li {
  margin: 10px 20px;
  float: left;
  font-size:16px;
}
.title-arc {
  margin:40px 0;
  font-size:40px;
  color:#005D92;
  font-weight:normal;
}
.bottom-ar {
  margin-bottom:40px;
}
.style-tops {
  margin-top:30px;
}
#content-event .style-center img{
  display: block;
  margin: 0 auto 20px;
}
.event-day {
  float:left;
  margin-bottom:20px;
  font-size:20px;
}
.event-stop {
  float:right;
  margin-bottom:20px;
  font-size:20px;
  color:#EE87B4;
}
.event-img2 {
  margin-bottom:10px;
}
.event-free {
  margin-bottom:30px;
}
.event-onoff {
  padding-bottom:30px;
}
.event-onoff {
  margin-bottom:25px;
  text-align:center;
}
.event-table table {
  margin-bottom:60px;
  width:996px;
  border:1px solid #10ace7;
  background:#ebf7fd;
  clear:both;
}
.event-table th {
  padding:9px 0 9px 23px;
  color:#10ace7;
  border-right:1px solid #10ace7;
  width:115px;
  vertical-align:middle;
}
.event-table td {
  padding:9px 0 9px 23px;
}
.event-table tr {
  border-bottom:1px solid #10ace7;
}
.event-table li {
  float:left;
  margin-right:10px;
}
th.bg-dblue {
  background:#d9effa;
}
td.bg-white {
  background:#fff;
}

#content-event {
  margin: 10px 0 40px 0;
}
.event-main {
  margin-bottom:40px;
}

.event-word-main {
  margin: 40px 0;
}
.event-ol {
  margin:0 auto;
  width:1000px;
}

ul.event_news {
  margin: 0 0 30px;
  padding: 14px;
  border: 1px solid #ccc;
}

ul.event_news li{
  padding: 3px 0;
}

h2.event_news {
  margin: 80px 0 10px;
  font-size: 24px;
  text-align: center;
}

h2.event_news img{
  padding-top: 18px;
}

.title-speaker {
  margin-bottom:36px;
  font-size:20px;
  color:#EE87B4;
}
.style-speaker {
  margin-bottom:40px;
  padding: 0 0 0 220px;
  position: relative;
}
.style-speaker img {
  float:left;
  margin-right:40px;
  left: 0;
  position: absolute;
  top: 0;
}


/* イベント スピーカー紹介 */
.style-speaker img{float:left;margin:0 20px 20px 0; width:200px;height:200px}
.style-speaker p img {
height: 200px;
width: 200px;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.style-speaker p img {
height: auto;
margin-left: -10%;
margin-top: 0%;
}
.style-speaker strong,.style-speaker p,.style-speaker ol,.style-speaker li{float:left;width:70%}
.style-speaker p:first-child{float:left;width:220px}
.style-speaker blockquote{font-style:italic;padding-left:0.8em}


@media screen and (max-width: 768px) and (orientation:portrait) {
  .event-ol {
  margin:0 auto;
  width: 96%;
  }
  .event-ol-rec {
  overflow: hidden;
  width: 94%;
  }
  img.event-main {
  height: auto;
  }
  .event-word-main,.event-ar-left,.event-ar-right {
  margin: 0 auto;
  max-width: 90%;
  }
  .event-frame {
  margin: 10px auto;
  padding: 10px auto;
  width: 100%;
  border:1px solid #47a1d2;
  border-top:7px solid #47a1d2;
        box-sizing: border-box;
  }
  .event-img{
  width: 98%;
  }
  #content-event,.event_image img {
  margin: 10px auto 40px !important;
  width: 96% !important;
  }
  .event-table table {
  display: block;
  position: relative;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
  }
  .event-table th,.event-table td{
  width: auto;
  }
  .fb-comments {
  margin: 10px auto !important;
  width: 96% !important;
  overflow-x: auto;
  white-space: nowrap;
  }
  .style-speaker {
  margin: 10px auto40px;
  padding: 0;
  width: 96%;
  position: relative;
  }
  .style-speaker p img {
  float:none;
  margin:20px auto;
  width: 90%;
  position: static;
  }
  .style-speaker img{float:left;margin:0 20px 20px 0; width:200px;height:200px}
  .style-speaker p img {
  height: auto;
  width: 100%;
  }
  .style-speaker p img {
  height: auto;
  margin-left:  0;
  }
  .style-speaker strong,.style-speaker p,.style-speaker ol,.style-speaker li{float:none;width:100%}
  .style-speaker p:first-child{float:none;width:100%}
}



/* ------ 起業のノウハウ設定 know_how ------ */


.knowhow_box {
  padding: 20px 0;
  border-bottom: 1px dashed #ccc;
  overflow: hidden;
}
.knowhow_box a img {
  width: 16%;
  float: left;
}
.knowhow_box_wp {
  width: 83%;
  float: right;
}
.knowhow_box h1 {
  margin: .1em 0;
  font-size: 21px;
  font-weight: normal;
}
h2.archives_h {
  margin: .1em 0;
  font-size: 21px;
  font-weight: normal;
}
p.knowhow_box_date {
  font-size: 12px;
  text-align: right;
}
.knowhow_box_cat {
  padding: 0 6px;
  font-size: 6px;
  background: #47A1D2;
}
.knowhow_box_cat a{
  color: #fff!important;
}


.column_box {
  margin: 4px;
  padding: 10px;
  width: 300px;
  border: 1px solid #47A1D2;
  border-top:7px solid #47A1D2;
  background: #F7F7F7;
  float: left;
  overflow: hidden;
}

.column_box h1{
  padding: 4px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #555;
}

.column_box h1 a{
  color: #555;
}

.column_box h1 a:hover{
  color: #555;
}

.column_box h1 a:visited{
  color: #555;
}

p.column_date{
  font-weight: bold;
  color: #2e83a2;
}

p.column_body {
  margin-bottom: 5px;
  padding: 8px 0;
  font-size: 12px;
  line-height: 1.8;
  border-bottom: 1px solid #eee;
}

p.column_com a{
  margin: 5px;
  padding: 2px 5px;
  font-size: 11px;
  color: #fff;
  background: #EE87B4;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  display: inline-block;
  float: right;
}

p.column_com a:hover{
  color: #fff;
  text-decoration: none;
}

p.column_com:hover{
  background: #3a9bbe;
}

.column_navi {
  margin: 20px auto;
  text-align: center;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .column_box {
  margin: 10px auto;
  width: 94%;
  float: none;
  }
}

/* ------ 起業のノウハウブログ部分設定 know_how ------ */

.b-m{
  margin-bottom: 2em;
}

.blog-main {
  margin-bottom:40px;
}
.blog-left {
  margin: 60px 0;
  float:left;
  width: 660px;
}
.blog-right {
  float:right;
  margin:60px 0;
  padding:20px;
  width:260px;
  background:#EDEDED;
}
.blog-right li a {
  color:#4C4C4C;
}
.title-blog a {
  color: #333;
}
.title-blog a:hover {
  text-decoration: none;
  border-bottom: 1px solid #333;
}
.blog-st li {
    float:left;
    margin:0 20px 30px 0;
    color:#ec89b4;
}
.blog-st li a {
  color:#ec89b4;
}
.blog-day {
  padding-left:25px;
  background:url(../images/blog/know_how/btn-blogst.png)  no-repeat 0 3px;
}
.blog-category {
  padding-left:27px;
  background:url(../images/blog/know_how/btn-blogst2.png)  no-repeat 0 3px;
}
.blog-category a {
  margin-right:10px;
}
.blog-rss {
  margin-bottom:40px;
  text-align:center;
}
.blog-rss a {
  color:#333;
}
.blog-rss img {
  margin-left:11px;
}
.blog-right-content {
  margin-bottom:40px;
}
.blog-right-title {
  margin-bottom:13px;
  font-size:20px;
  font-weight:bold;
  color:#4C4C4C;
}
.blog-banner li {
  margin-bottom:15px;
}
section.blog-rss a:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
  filter: alpha(opacity=40); /* IE */
  -moz-opacity:0.4; /* Firefox(old) */
  -khtml-opacity: 0.4; /* Safari(old) */
  opacity: 0.4;
}
.blog-content {
  margin-bottom:60px;
}
.pager {
  font-size:20px;
}
.prev-page img {
  padding:0 15px 0 0;
  vertical-align:middle;
}
.next-page img {
  padding:0 0 0 15px;
  vertical-align:middle;
}
.rounded {
  width:134px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.blog-search {
    padding:14px 80px 15px 46px;
  margin-left:2px;
    background: url(../images/blog/zoom.png) no-repeat 8px 10px;
}
.light {
  margin-bottom:40px;
}

input.blog-search  {
  margin-bottom:5px;
  border:none;
}
.light input[type=text]{
    background-color:#fff;
}
input#submit_button {
  -moz-box-shadow: 0px 3px 0px 0px #c25d8b;
  -webkit-box-shadow: 0px 3px 0px 0px #c25d8b;
  box-shadow: 0px 3px 0px 0px #c25d8b;
  background-color:#ec89b4;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:14px;
  padding:10px 117px;
  text-decoration:none;
}

input#submit_button_02 {
  background-color: #00347C;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-size: 14px;
  margin-top: .8em;
  padding: 10px 117px;
  text-decoration: none;
  border: none;
  outline: none;
  appearance: none;
}

.blog-content {
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 1;
}

.blog-content p,.entry-content p{
  margin: 21px 0;
}

.blog-content h2{
    position: relative;
    color: #222;
    /* font-size: 1.143em; */
    font-size: 1.4em;
    font-weight: bold;
    margin: 2.5em 0 1.5em;
    padding: 0 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #0067AD;
}

.blog-content h2:before{
    content: "";
    position: absolute;
    background: #4CACE2;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.blog-content h2:after{
    content: "";
    position: absolute;
    background:#0067AD;
    top: 1em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.blog-content h3{
  font-size: 1.28em;
  margin: 2.6em 0 1.4em;
  padding: .2em .6em;
  border-left: 6px solid #0067AD;
  background: #f7f7f7;
  letter-spacing: .05em;
}
.blog-content h4{
  font-size: 1em;
  margin: 1em 0 .7em;
  padding: .2em .6em;
  border-left: 4px solid #0067AD;
  letter-spacing: .05em;
}
.blog-content h5{
  margin: 1em 0 .7em;
  font-size: 1em;
  letter-spacing: .05em;
}


.blog-content ul{
  margin: 4em 3em;
}
.blog-content ul li{
  margin: 0.5em 0;
  list-style-type: disc;
}

.blog-right-title {
  text-align: center;
}
.blog-right-content ul li{
  font-size: 13px;
  margin: 0.3em 0;
  padding: 0.5em 0.5em 0.7em;
  border-bottom: 1px dashed #ccc;
}

.blog-content table{
width: 100% !important;
border-collapse: collapse;
box-sizing: border-box;
}
.blog-content table th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
border: 1px solid #b9b9b9;
box-sizing: border-box;
}
.blog-content table td{
padding: 6px;
border: 1px solid #b9b9b9;
box-sizing: border-box;
}

.know_how_rec {
  margin: 30px 0;
}
.know_how_rec h3 {
  color: #55BAE6;
  font-size: 21px;
  padding: 6px;
}
.know_how_rec ul{
  border-top: 1px dashed #b9b9b9;
}
.know_how_rec ul li {
  padding: 12px 6px;
  border-bottom: 1px dashed #b9b9b9;
}
.know_how_rec a {
  color: #666;
}

.know_how_top_image{
  background: url(./images/know_how_top_image.jpg) center center / cover no-repeat;
}

.know_how_top_image h1{
  margin: 40px auto 0;
  max-width: 1000px;
  font-size: 42px;
  font-weight: 100;
}

.know-how-blog{
  margin: 0 auto;
  padding: 0 10px;
  max-width: 820px;
  overflow: hidden;
  text-align: justify;
}

.know-how-blog .pager{
  margin: 80px auto;
}

p.know_how_cat_date {
  margin: 120px auto 0;
  padding-top: 30px;
  width: 420px;
  color: #fff;
  line-height: 2;
  border-top: 1px solid #ccc;
}

p.know_how_cat_date a {
  color: #fff;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .blog-left {
  float:none;
  margin:20px auto;
  width: 96%;
  }
  .blog-right {
  float:none;
  margin:20px auto;
  padding: 20px 3%;
  width: 90% !important;
  }
  .rounded {
  width: 90%;
  }
  .blog-search {
  margin: 10px auto;
  padding:14px 20px;
  }
  .blog-st li {
  float:none;
  margin: 10px auto;
  }
  .light,.blog-banner li {
  text-align: center;
  }
  .know_how_top_image{
  height: 300px;
  }
  .know_how_top_image h1{
  padding: 20px 0 40px;
  width: 94%;
  font-size: 24px;
  }
  p.know_how_cat_date {
  margin-top: 10px;
  padding-top: 10px;
  width: 70%;
  line-height: 1.4;
  }
  .knowhow_box {
  margin: 0 auto;
  width: 96%;
  }
  .knowhow_box a img {
  width: 100%;
  float: none;
  }
  .knowhow_box_wp {
  width: 100%;
  float: none;
  }
  .knowhow_box_cat {
  font-size: 12px;
  }
  .blog-content table th{
  width: auto;
  }
}


#event_room {
  margin-top: 70px;
}


/* ------ ニュースリスト設定 news ------ */

.rss {
  float:right;
  position:static;
  padding-top:15px;
}
.rss a {
  text-decoration:none;
}
.rss span {
  position:relative;
  bottom:12px;
  display:inline;
}
.rss img {

  padding-left:10px;
  width:37px;
  height:37px;
}
.rss a:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE */
  filter: alpha(opacity=40); /* IE */
  -moz-opacity:0.4; /* Firefox(old) */
  -khtml-opacity: 0.4; /* Safari(old) */
  opacity: 0.4;
}
.pdf {
  float:right;
  padding-top:10px;
  background:url(./images/news/pdf.png) no-repeat;
  width:223px;
  height:64px;
}
.link-pdf {
  padding:10px 0 0 7px;
}
.bg-blue {
  padding:10px 0 10px 0;
  clear:both;
  background:#005d9c;
  color:#fff;
}
.bg-blue a {
  color:#fff;
}
.bg-blue li {
  float:left;
  margin-right:30px;
}
.list-news {
  margin:40px 0 40px 0;
  min-height:500px;
}
.list-news li {
  margin-bottom:25px;
  vertical-align:middle;
}
ul.newslist_style li {
  margin: 0;
  padding: 0 16px;
  border-right: 1px solid #fff;
}
ul.newslist_style li:last-child{
  border-right: none;
}

.news-category {
  float:left;
  display:block;
  margin-right:20px;
  padding:5px 15px 5px 15px;
  background:#dceef8;
  color:#51ade0;
  text-align:center;
  width:120px;
}
.news-link {
  display:block;
  padding-top:5px;
}
.day {
  float:left;
  display:block;
  padding-top:5px;
  width:120px;
}
.day2 {
  margin-bottom:20px;
  color:#005d9c;
}

.news-top {
  margin-bottom:40px;
  border-bottom:4px solid #F2F2F2;
}
.news-pager {
  float:right;
  margin-top:15px;
}
.prev-page-news {
  float:left;
}
.prev-page-news img {
  margin-right:11px;
}
.next-page-news {
  float:right;
  margin-left:60px;
}
.next-page-news img {
  margin-left:11px;
}

.top_news_titile{
  font-size:20px;
  font-weight:bold;
}
.top_news {
  margin:10px 0;
  min-height:30px;
}
.top_news li {
  margin-bottom:15px;
  vertical-align:middle;
}


@media screen and (max-width: 768px) and (orientation:portrait) {
  .bg-blue li {
  float:none;
  margin: 0;
  padding: 10px 0;
  }
  ul.newslist_style li {
  margin: 0;
  padding: 10px;
  border-right: none;
  border-bottom: 1px solid #fff;
  display: block;
  width: 100%;
  }
  .list-news li {
  margin: 0;
  padding: 10px 0;
  font-size: 11px;
  border-bottom: 1px dashed #ccc
  }
  .news-category,.day,.news-link {
  float:none;
  margin: 0;
  padding: 0  0 0 10px;
  display: inline;
  background: #fff;
  }
  .news-link {
  display: block;
  }
  .entry-header,.entry-content{
  margin: 0 auto;
  width: 96%;
  }
}



/* ------ FAQ設定 paq ------ */

.bg-faq {
  margin:30px 0 30px 0;
  padding-top:30px;
  background:#005D9C;
  width:100%;
}
.bg-faq a {
  color:#fff;
}
.bg-faq li {
  float:left;
  margin-bottom:30px;
  width:250px;
}
.subtitle-faq {
  margin:20px 0;
  color:#005D9C;
  font-weight:bold;
  font-size:20px;
}
#faq_list dl:nth-child(2n),#faq_list2 dl:nth-child(2n) {background:#ebf7fd;}
#faq_list dl,#faq_list2 dl {padding:20px;}
#faq_list dt,#faq_list2 dt {color:#4CACE2;cursor:pointer;}
#faq_list dt a:hover,#faq_list2 dt a:hover {
  text-decoration:underline;
}
#faq_list dd,#faq_list2 dd {margin:20px 0 0 30px;color:#4C4C4C}
#faq_list {
  padding-bottom:20px;
  border-bottom:5px solid #F2F2F2;
}
#faq1,#faq2,#faq3,#faq4,#faq5,#faq6,#faq7,#faq8,#faq9,#faq10,#faq11,#faq12{
  margin-top: -194px;
  padding-top: 194px;
}
@media screen and (max-height: 859px) {
  #faq1,#faq2,#faq3,#faq4,#faq5,#faq6,#faq7,#faq8,#faq9,#faq10,#faq11,#faq12{
    margin-top: 0px; /* リンク位置上昇分 */
      padding-top: 0px; /* 上昇分を戻す分 */
    }
}

#faq_list2 {
  margin-top: 20px;
  padding-bottom:20px;
  margin-bottom:60px;
  border-bottom:5px solid #F2F2F2;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .bg-faq ul{
  padding-left:10px;
  }
  .subtitle-faq {
  text-align: center;
  }
}


/* ------ ページナビ設定 pagenavi ------ */

.wp-pagenavi {
  padding-top:19px;
  clear: both;
}
.wp-pagenavi a{
  margin-bottom:10px;
}
.wp-pagenavi .current {
  margin-right:20px;
  background-color:#0c5f9a;
  -moz-border-radius:42px;
  -webkit-border-radius:42px;
  border-radius:42px;
  display:inline-block;
  color:#ffffff;
  font-size:17px;
  padding:9px 16px;
  text-decoration:none;
}
.wp-pagenavi .page,.wp-pagenavi .first,.wp-pagenavi .last {
  margin-right:20px;
  background-color:#dceef8;
  -moz-border-radius:42px;
  -webkit-border-radius:42px;
  border-radius:42px;
  display:inline-block;
  cursor:pointer;
  color:#005e9c;
  font-size:17px;
  padding:9px 16px;
  text-decoration:none;
}
.wp-pagenavi .page:hover,.wp-pagenavi .first:hover,.wp-pagenavi .last:hover {
  background-color:#005e9c;
  color:#fff;
}
.wp-pagenavi .page:active,.wp-pagenavi .first:active,.wp-pagenavi .last:active {
  position:relative;
}
.previouspostslink {
  margin-right:20px;
}
div.wp-pagenavi-frame {
  padding-top:30px;
}

/* ------ ページング設定 page ------ */
.pages {
  float:left;
  margin-right:30px;
  padding:30px 30px 0 0;
  color:#4cace2;
  font-size:16px;
  font-weight:normal;
}
.prev-page {
  float:left;
  padding: 20px 0;
  font-size: 14px;
}
.next-page {
  float:right;
  padding: 20px 0;
  font-size: 14px;
}
@media screen and (max-width: 768px) and (orientation:portrait) {
  .pager {
  margin-top: 20px;
  margin-left: 10px;
  }
}

/* ------ シェアボックス設定 share ------ */

.share {
  clear:both;
  margin-top:20px;
  margin-bottom:36px;
  padding:19px 0 5px 0;
  border:1px solid #4cace2;
  width:998px;
}
.share li {
  float:left;
}
.share-teaser {
  padding:20px 0 10px 0;
  background:#fff;
  width:100%;
}
.share-list {
  margin:0 auto;
  width:1000px;
}
.share-list li {
  float:left;
}
.title-share {
  padding: 6px 40px 20px 40px;
  color:#51ade0;
  font-size:20px;
}
.title-share2 {
  padding:6px 80px 20px 30px;
  color:#51ade0;
  font-size:20px;
}
.fb {
  padding-top:10px;
}
.twitter{
  margin-left:100px;
}
.google {
  padding-top:9px;
}
.hatena {
  padding-top:10px;
}
.pocket-btn {
  padding-top:10px;
}
.twitter-share-button {
  padding-top:10px;
}
@media screen and (max-width: 768px) and (orientation:portrait) {
  .share {
  clear:both;
  margin: 20px auto;
  padding: 10px 5px;
  border:1px solid #4cace2;
  width: 90%;
  }
  .share-list {
  width:100%;
  }
  .share-list li {
  float:none;
  text-align: center;
  }
  .fb,.twitter,.google,.hatena,.pocket-btn,.twitter-share-button {
  margin:0;
  padding: 10px 0;
  }
}

/* ------ トップへ戻る設定 othetopfixed ------ */

div.tothetopfixed {
  position: fixed;
  right: 15px;
  bottom: 100px;
  z-index: 1500;
}

div.tothetopfixed a {
  display: block;
  color: #fff !important;
  padding: 10px;
  margin: 0;
  background-color: #005d9c;
  border-radius: 5px;
  font-size: 0.8em;
  text-decoration: none;
}

div.tothetopfixed a:hover {
  background: #008dec;
  color: #ffffff;
}
@media screen and (max-width: 768px) and (orientation:portrait) {
div.tothetopfixed {
  display: none;
}
}

/* ------ ボタン myButton ------ */

.myButton {
  box-shadow: 0px 3px 0px 0px #c37196;
  background-color:#ee87b4;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:17px;
  padding:24px 85px 18px;
  text-decoration:none;
}
.myButton:hover {
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}
.myButton-footer {
  box-shadow: 0px 3px 0px 0px #c37196;
  background-color:#ee87b4;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:17px;
  padding:26px 24px 19px;
  text-decoration:none;
}
.myButton-footer:hover {
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}
.myButton-faq {
  box-shadow: 0px 3px 0px 0px #c37196;
  background-color:#ee87b4;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:17px;
  padding:20px 78px 18px;
  text-decoration:none;
}
.myButton-faq:hover {
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}
.myButton:active {
  position:relative;
  top:1px;
}
.myButton3 {
  background-color:#cccccc;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:20px;
  padding:20px 78px 18px;
  text-decoration:none;
}
.myButton2 {
  margin:0 0 3px 2px;
  box-shadow: 0px 3px 0px 0px #00345e;
  background-color:#005e9c;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:17px;
  padding:25px 60px;
  text-decoration:none;
}
.footer-online .myButton2 a {
  color:#fff;
}
.myButton2:hover {
  background-color:#005e9c;
  text-decoration:none;
  color:#fff;
}
.myButton2:active {
  position:relative;
  top:1px;
}

/*------------------------------------------
// User style start
// change
----------------------------------------- */

.general-button  {
  border-radius: 5px;
  background-color: #4385bf;
}

.general-button:before  {
  border-radius: 5px;
  border-bottom: 0px solid rgba(46,93,135, 0);
  background-color: rgba(46,93,135, 0);
}

.button-content  {
  border-radius: 0px 0px 5px 5px;
  padding: 6px 7.5px;
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 7.5px;
  line-height: 1.5em;
  font-size: 18px;
}

.icon-font  {
  padding: 0px 7.5px;
  font-size: 27px;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  top: -3px;
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
  background-color: #4e8cc2;
}

.general-button:hover:before  {
  border-bottom: 3px solid rgba(46,93,135, 0);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

.general-button:hover .button-content  {
  box-shadow: 0px 3px 0px 0px rgba(46,93,135, 1);
  transition: all 30ms;
  -moz-transition: all 30ms;
  -webkit-transition: all 30ms;
  -o-transition: all 30ms;
}

/*----------------- at active -----------------*/

.general-button:active  {
  background-color: #3b77ad;
  box-shadow: 0px 1.6px 0px 0px rgba(39,80,116, 1) inset;
}

.general-button:active:before  {
  top: -3px;
  padding-bottom: 3px;
  border-bottom: 0px solid rgba(46,93,135, 0);
}

.general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.general-button  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.general-button:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  transition-timing-function: ease-in-out;
}

.general-button:hover:before  {
  transition-timing-function: ease-in-out;
}

.general-button:hover .button-content  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.general-button:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active .button-content  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .general-button:hover  {
  top: 0px;
  background-color: #4385bf;
}

.touch .general-button:hover:before  {
  border-bottom: 0px solid rgba(46,93,135, 0);
}

.touch .general-button:hover .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 1);

}

/*----------------- at active -----------------*/

.touch .general-button:active  {
  background-color: #3b77ad;
  box-shadow: 0px 1.6px 0px 0px rgba(39,80,116, 1) inset;
}

.touch .general-button:active:before  {
  top: -3px;
  padding-bottom: 3px;
  border-bottom: 0px solid rgba(46,93,135, 0);
}

.touch .general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(46,93,135, 0);
}

/*------------------------------------------
// Touch style end
----------------------------------------- */



/* ------ フォーム部分 form ------ */

.page-id-29 article h1,.page-id-1639 article h1,.page-id-2440 article h1{
  margin-top: 50px;
  margin-bottom: 50px;
  font-size:40px;
  font-weight:normal;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .page-id-29 article h1,.page-id-1639 article h1,.page-id-2440 article h1{
  text-align: center;
  }
  .page-id-29 #inquiry_area,.page-id-1639 #inquiry_area,.page-id-2440 #inquiry_area,.page-id-14268 #inquiry_area{
  margin: 0 auto;
  width: 96%;
  }
  .form_area input,.form_area textarea,.form_area select{
  margin: 0 auto;
  width: 98% !important;
  }
  .form_area dt,.form_area dd {
  margin: 10px auto;
  width: 98%;
  float: none;
  }
  .wpcf7-form-control{
  width: 100%;
  display: inline-block;
  float: none;
  }
  .seminar_r #event_description_radio label{
  padding-left: 0;
  }
  .seminar_r #event_description_radio{
  margin-top: 0 !important;
  }
}


/*----- widget内部カスタマイズ -----*/
.twitter-timeline {
  background: #fff;
}

/*----- サイトマップ -----*/

.sitemap_wp {
  margin: 50px auto;
  width: 980px;
}

.sitemap_wp ul{
  margin: 2em 0;
}

ul.children {
  margin: 0 0 0 2em;
}

/*----------------- RWD用ボックス -----------------*/

@media screen and (max-width: 768px) and (orientation:portrait) {
  .rwd_box {
  margin: 0 auto;
  width: 96%;
  }
}


/*----------------- ボトム固定ナビ -----------------*/

.bottom_fixed_cta {
  display: none;
}

.bottom_fixed_cta_pc_wp {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background: none;
  z-index: 100;
}

ul.bottom_fixed_cta_pc {
  display: block;
  margin: 0 auto;
  padding: .2em 0;
  width: 1000px;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}

ul.bottom_fixed_cta_pc li{
  display: block;
  padding: 0;
  width: 33%;
  text-align: center;
  float: left;
  box-sizing: border-box;
}
ul.bottom_fixed_cta_pc.one_col li{
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
  box-sizing: border-box;
}
ul.bottom_fixed_cta_pc.two_col li{
  display: block;
  padding: 0;
  width: 50%;
  text-align: center;
  float: left;
  box-sizing: border-box;
}


ul.bottom_fixed_cta_pc li a{
  display: block;
  margin: 0 auto;
  padding: 0 1em;
  width: 95%;
  color: #fff;
  background: #f4901e;
  font-size: 20px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 10px;
  letter-spacing: 3px;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 2;
  transition: .25s linear;
}
ul.bottom_fixed_cta_pc li a:before{
  display: block;
  position: absolute;
  z-index: -1;
  left: -30%;
  top: -50%;
  content: " ";
  width: 30px;
  height: 100px;
  transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
  background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
  animation: shiny 6s infinite linear;
}

ul.bottom_fixed_cta_pc li a:hover{
  text-decoration: none;
  opacity: .8;
}

ul.bottom_fixed_cta_pc.two_col li a{
  padding: 0 1em;
  width: 97%;
  font-size: 20px;
  border-radius: 10px;
  letter-spacing: 1px;
}

.cta_text {
  display: block;
  padding-bottom: 4px;
  font-size: 10px;
  letter-spacing: .05em;
}
@keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-webkit-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-moz-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  ul.bottom_fixed_cta_pc {
    display: none;
  }
  ul.bottom_fixed_cta {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #00498F;
    color: #fff;
    z-index: 100;
  }
  ul.bottom_fixed_cta li{
    display: block;
    padding: 0;
    width: 33%;
    text-align: center;
    float: left;
    box-sizing: border-box;
    border-left: 1px solid #fff;
  }
  ul.bottom_fixed_cta.two_col li{
    width: 50%;
  }
  ul.bottom_fixed_cta.one_col li{
    width: 100%;
    float: none;
  }
  ul.bottom_fixed_cta li:first-child{
    border-left: none;
  }
  ul.bottom_fixed_cta li a{
    display: block;
    margin: 0 auto;
    padding: .6em 0;
    width: 100%;
    color: #fff!important;
    background: #00498F;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px;
    letter-spacing: 3px;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 2;
    transition: .25s linear;
  }
  ul.bottom_fixed_cta li a:before{
    display: block;
    position: absolute;
    z-index: -1;
    left: -30%;
    top: -50%;
    content: " ";
    width: 30px;
    height: 100px;
    transform: rotate(30deg);
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
    background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
      background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
      background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
    animation: shiny 4s infinite linear;
  }
  
  ul.bottom_fixed_cta li a:hover{
    text-decoration: none;
    opacity: .8;
  }
}







/*----------------- table修正分 -----------------*/


.price-table3 {
  margin: 2em auto;
  width: 1000px;
  text-align: left;
}

.price-table3 th{
  padding: 1em;
  border: 1px solid #aaa;
  vertical-align: middle;
}

.price-table3 td{
  width: 300px;
  padding: 1em;
  border: 1px solid #aaa;
  vertical-align: middle;
}

.price-table3 tr:first-child th{
  text-align: center;
  background: #eee;
}

.price-table3 tr:nth-child(odd) {
  background: #fafafa;
}

@media screen and (max-width: 768px) and (orientation:portrait) {
  .price-table3 {
    width: 96%;
  }
  .price-table3 th,.price-table3 td {
    display: block;
    width: 100%;
    border-bottom: none;
    box-sizing: border-box;
    text-align: center;
  }
  .price-table3 tr:nth-child(odd) {
    background: #fff;
  }
  .price-table3 tr:first-child th{
    border-bottom: 1px solid #aaa;
  }
  .price-table3 th {
    margin-top: .8em;
    background: #fafafa;
  }
  .price-table3 td:last-child {
    border-bottom: 1px solid #aaa;
  }
}

table.price-table4 {
  margin: 2em auto 6em;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 600px;
  text-align: center;
}
table.price-table4 th,
table.price-table4 td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 10px;
  vertical-align: middle;
}
table.price-table4 th {
  background-color: #eee;
}
table.price-table4 tbody th {
  width: 120px;
}

@media screen and (max-width: 768px) {
  table.price-table4 {
    margin: 2em auto 3em;
    width: 96%;
    display: block;
    position: relative;
  }
}


table.price-table5 {
  margin: 2em auto 6em;
  width: 900px;
  text-align: center;
}
table.price-table5 th,
table.price-table5 td {
  border: 1px solid #999;
  padding: 12px;
  vertical-align: middle;
}
table.price-table5 th {
  background-color: #eee;
}

@media screen and (max-width: 768px) {
  table.price-table5 {
    margin: 2em auto 3em;
    width: 96%;
  }
  table.price-table5 th,
  table.price-table5 td {
    display: block;
    width: 92%;
    border-top: none;
  }
  table.price-table5 tr:nth-child(2) th{
    border-top: 1px solid #999;
  }
  table.price-table5 tr:first-child {
    display: none;
  }
}

/*----------------- ブログ画像投稿 修正分 -----------------*/

img.alignleft { padding-right: 2em; }
img.alignright { padding-left: 2em; }

.submit-button {
  text-align: center;
}

.recruit_interview {
  padding: 0 1em;
  max-width: 94%;
}



.file_dl_list {
  margin: 40px auto 60px!important;
  max-width: 800px!important;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  list-style-type: none!important;
}

.file_dl_list li{
  list-style-type: none!important;
  width: 48%
}

.file_dl_list li a{
  display: block;
  padding: .4em 1em;
  font-size: 14px;
  text-align: center;
  letter-spacing: .1em;
  color: #00468c!important;
  border: 1px solid #00468c;
  text-decoration: none!important;
  transition: .7s;
}

.file_dl_list li a:hover{
  color: #fff!important;
  background: #00468c;
}

.font-normal {font-weight: normal!important;}

.recruit_why {
  width: 1000px;
  overflow: hidden;
  padding: 0 1em 40px;
}

.recruit_why h3{
  margin-top: 2em;
}

.recruit_why p{
  margin: 1em 0;
}

.recruit_why img{
  display: block;
  margin: 1em auto;
}
@media screen and (max-width: 768px) {
  .recruit_why {
    width: 93%;
  }
}

/*-- バーチャルLPポイント --*/

.volp_point {
  margin: auto;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.volp_point li{
  margin-bottom: 20px;
  width: 240px;
  height: 240px;
  color: #5AABDC;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: .05em;
  border: 5px solid #5AABDC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

@media screen and (max-width: 768px) {
  .volp_point li{
    margin-bottom: 10px;
    width: 110px;
    height: 110px;
    color: #5AABDC;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .05em;
    border: 3px solid #5AABDC;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}


/*-- 東京サテライトオフィス --*/

.index_plan_wp_satellite {
  margin: auto;
  max-width: 720px;
}

.index_plan_wp_satellite > * {
  width: 40%;
  height: auto;
}

.satellite_office_image{
  background:url(./images/satellite_office_image_01.jpg) center center / cover no-repeat;
}

.satellite_01 {
  margin-top: 1.5em;
  padding: .4em 1em;
  background: #fff;
  letter-spacing: .1em;
  font-size: 1.6em;
  border-radius: 24px;
}

.satellite_02 {
  letter-spacing: .1em;
  font-size: 1.6em;
  text-align: center!important;
}

.satellite_02 span{
  color: #F97F19;
}

.satellite_03 {
  display: block;
  margin: 1.5em!important;
  padding: .4em 1em!important;
  background: #F97F19;
  color: #fff;
  letter-spacing: .1em;
  font-size: 1.2em;
  text-align: center!important;
}

.satellite_04 {
  text-align: center!important;
}

.satellite_point {
  margin: 80px auto 30px;
  padding: 20px;
  max-width: 960px;
  border-radius: 10px;
  border: 1px solid #EF84B2;
  position: relative;
}

.satellite_point h4{
  margin: auto;
  padding: 3px;
  width: 120px;
  font-size: 18px;
  font-weight: normal;
  color: #EF84B2;
  background: #fff;
  display: inline;
  position: absolute;
  top: -1em;
  left: 0;
  right: 0;
  text-align: center;
}


@media screen and (max-width: 768px) {
  .index_plan_wp_satellite > * {
    width: 90%;
  }
  .satellite_02 {
    font-size: 1.1em;
  }
  .satellite_03 {
    display: block;
    margin: 1.5em 0!important;
    padding: .3em .5em!important;
    font-size: 1em;
  }
}

.flex_c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-id-17282 {
  padding-top: 0;
}

.page-id-17282 .bottom_fixed_cta_pc_wp,
.page-id-17282 .bottom_fixed_cta {
  display: none;
}

.f_big {
  font-size: 1.3em;
}


/* 円グラフ */

.kaisetasu_circle {
  padding: 10px 0;
  text-align: center;
}

.chart {
  position: relative;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  margin: auto;
  width: 200px;
  height: 200px;
}

.chart figcaption {
  padding: 50px 25px;
  width: 100px;
  height: 50px;
  border: 20px solid #ccc;
  border-radius: 100px;
  line-height: 50px;
  background: none;
}

.chart .kaisetasu_circle_item {
  position: absolute;
  top: 65px;
  left: 62px;
  max-width: 100px;
  max-height: 100px;
  color: #1a1a1a!important;
  font-size: 16px;
  letter-spacing: .05em;
}

.kaisetasu_circle_item + svg .outer {
  stroke: #0d84ce;
}

.chart svg {
  position: absolute;
  top: 0;
  left: 0;
}

.outer {
  fill: transparent;
  stroke: #333;
  stroke-width: 20;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  -moz-transform: rotate(-89deg) translateX(-190px);
}

.chart:hover .outer {
  stroke-dashoffset: 534 !important;
  -webkit-animation-play-state: paused;
}

.chart[data-percent='100'] .outer {
  stroke-dashoffset: 0;
  -webkit-animation: show100 2s;
  animation: show100 2s;
}

@-webkit-keyframes show100 {
  from {
    stroke-dashoffset: 537;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes show100 {
  from {
    stroke-dashoffset: 537;
  }
  to {
    stroke-dashoffset: 0;
  }
}


/* 目次プラグイン調整 */

#ez-toc-container {
  margin: 2em 0!important;
}


/* バーチャルオフィス用設定 */

.voa_block {
  font-size: 16px;
}

.voa_fv {
  padding: 60px 1em 80px;
  background-image: url(./images/virtual/virtual_bg.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.voa_fv_item {
  max-width: 1000px;
  width: 1000px;
}

.voa_fv_list {
  margin: 1em 0;
  display: flex;
  justify-content: space-between;
}
.voa_fv_list > * {
  width: 24%;
}

/* short */
.voa_fv_short {
  padding: 14px 1em 7px;
  background-image: url(./images/virtual/virtual_bg.jpg);
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.voa_fv_item_short {
  max-width: 1000px;
  width: 1000px;
}

.voa_fv_list_short {
  margin: .4em 0;
  display: flex;
  justify-content: space-between;
}
.voa_fv_list_short > * {
  width: 24%;
}
.voa_fv_list_short > * img{
  display: block;
  margin: 0;
  padding: 0;
}
.voa_fv_list_short > * a{
  display: block;
  transition: all .7s ease-in-out 0s;
}
.voa_fv_list_short > * a:hover{
  opacity: .77;
  text-decoration: none;
}
.voa_btn_01_short {
  display: block;
  margin: .5em auto;
  padding: .1em 1em;
  max-width: 430px;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  border-radius: 14px;
  color: #fff!important;
  background-color: #e76da2;
  letter-spacing: .05em;
}
.voa_btn_01_short span{
  display: block;
  margin: .3em 0 0;
  padding: .1em .5em;
  font-size: 14px;
  letter-spacing: .03em;
  border-top: 1px solid #fff;
}
.voa_btn_01_short span.voa_btn_01_text{
  display: block;
  margin: -2em 0 0;
  padding: .1em .5em;
  font-size: 21px;
  letter-spacing: .03em;
  border-top: none;
}
.voa_fv_short a{
  transition: all .7s ease-in-out 0s;
}
.voa_fv_short a:hover{
  opacity: .77;
  text-decoration: none;
}
.voa_form_text {
  font-size: 13px!important;
}
@media screen and (max-width: 640px) {
  .voa_btn_01_short {
    margin: 1em auto 5px;
    padding: .3em .4em;
    font-size: 1.4em;
  }
  .voa_btn_01_short span{
    padding: .3em .2em;
    font-size: 12px;
  }
  .voa_btn_01_short span.voa_btn_01_text{
    margin: -1.6em 0 0;
    font-size: 18px;
  }
  .voa_form_text {
    font-size: 12px!important;
  }
}




.voa_btn_01 {
  display: block;
  margin: 1em auto;
  padding: .2em 1em;
  max-width: 580px;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  border-radius: 14px;
  color: #fff!important;
  background-color: #e76da2;
  letter-spacing: .05em;
}
.voa_btn_01 span{
  display: inline-block;
  padding: .3em .5em;
  font-size: 14px;
  letter-spacing: .03em;
  border-top: 1px solid #fff;
}
.voa_fv a{
  transition: all .7s ease-in-out 0s;
}
.voa_fv a:hover{
  opacity: .77;
  text-decoration: none;
}

.voa_star {
  padding: 1em;
  background-color: #f7f7f7;
}

.voa_star_item {
  margin: 60px auto;
  padding: 2em 1em;
  max-width: 740px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #004380;
}

.voa_star_item h2 {
  font-size: 24px;
  font-weight: bold;
  color: #004380;
  letter-spacing: .05em;
}
.voa_star_item .voa_star_item_image {
  margin: 1em auto;
  max-width: 420px;
}

.voa_h_01 {
  display: block;
  margin: 0 auto 1em;
  padding: 1em .5em;
  max-width: 280px;
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  background-color: #004380;
  border-radius: 38px;
  text-align: center;
  letter-spacing: .01em;
}
.voa_h_02 {
  margin: 0 auto 1em;
  font-size: 32px;
  font-weight: normal;
  text-align: center;
  letter-spacing: .01em;
}

.voa_point {
  margin: auto;
  padding: 60px 1em;
  max-width: 1000px;
}

.voa_point_item {
  position: relative;
}
.voa_point_item:nth-child(2n+1) {
  flex-direction: row-reverse;
}
.voa_point_item:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  width: 60%;
  height: 100%;
  background-color: #f7f7f7;
  z-index: 1;
}
.voa_point_item:nth-child(2n+1):before {
  left: 0;
}
.voa_point_item:nth-child(2n):before {
  right: 0;
}
.voa_point_item {
  margin: 1em 0;
  display: flex;
  justify-content: space-between;
}
.voa_point_item > * {
  width: calc( 50% - 1em );
}

.voa_point_image {
  margin: 3em 0;
  color: #fff;
  background-color: #e76da2;
  position: relative;
  z-index: 2;
}
.voa_point_image h4 {
  padding: 1em;
  text-align: center;
}
.voa_point_image p {
  padding: 0 1.5em 1em;
}

.voa_point_text {
  margin: 1em 0;
  padding: 1em 1.5em;
  background-color: #f7f7f7;
  position: relative;
  z-index: 2;
}
.voa_point_text h3 {
  margin: .5em 0;
  font-size: 32px;
  font-weight: bold;
  color: #004380;
  letter-spacing: .05em;
}
.voa_point_text h4 {
  margin: .5em 0;
  padding: .5em 0;
  font-size: 18px;
  font-weight: bold;
}
.voa_point_text p {
  line-height: 1.7;
}


.voa_option {
  padding: 30px 1em;
  background-color: #f7f7f7;
}
.voa_option_block {
  margin: 1em auto;
  padding: 0 1em 1em;
  max-width: 1000px;
  border: 1px solid #d5d5d5;
  background-color: #fff;
}

.voa_h_03 {
  margin-bottom: 30px;
  text-align: center;
}

.voa_option_item {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
}

.voa_option_image {
  width: 20%;
  padding-left: 3%;
  font-weight: bold;
  color: #004380;
  text-align: center;
  font-weight: bold;
}

.voa_option_text {
  width: 72%;
}
.voa_option_text h3 {
  padding-bottom: .8em;
  font-size: 21px;
  font-weight: bold;
  color: #004380;
  letter-spacing: .05em;
}
.voa_option_text p {
  line-height: 1.7;
}

.voa_point2 {
  padding: 60px 1em;
  background-color: #004380;
}
.voa_h_04 {
  display: block;
  margin: 0 auto 1em;
  padding: .6em .5em;
  max-width: 230px;
  font-size: 38px;
  font-weight: bold;
  color: #004380;
  background-color: #fff;
  border-radius: 38px;
  text-align: center;
  letter-spacing: .01em;
}
.voa_point2_block {
  margin: auto;
  max-width: 1000px;
  color: #fff;
  line-height: 1.9;
}
.voa_em {
  color: #ffef5a;
}
.voa_h_05 {
  display: block;
  margin: 0 auto 1em;
  font-size: 24px;
  font-weight: normal;
  border-radius: 21px;
  text-align: center;
  letter-spacing: .03em;
  color: #fff;
}

.vo_jisseki {
  background-color: #fff;
}

.voa_voice {
  margin: auto;
  max-width: 1000px;
  background-color: #fff;
}

.voa_seido_point {
  display: block;
  margin: 3em auto;
  padding: .5em 1em;
  max-width: 480px;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff!important;
  background-color: #e76da2;
  letter-spacing: .05em;
}
.voa_seido_point span{
  display: inline-block;
  padding: .3em .5em;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: .03em;
}

.voa_seido {
  margin: auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
}

.voa_seido > * {
  width: 48%;
  color: #fff;
}
.voa_seido > * h3{
  padding: .8em .4em;
  letter-spacing: .05em;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
  background-color: #e76da2;
}

.voa_point_4 {
  background-color: #004380;
}

.voa_comparison {
  margin: 60px auto;
  max-width: 1000px;
}

.voa_table {
  margin: 30px auto;
  width: 100%;
}
.voa_table th,
.voa_table td{
  padding: .8em;
  border: 2px solid #fff;
  vertical-align: middle;
  font-weight: normal;
}
.voa_table th{
  text-align: center;
  color: #fff;
  background-color: #004380;
  white-space: nowrap;
}
.voa_table td{
  /* padding-left: 60px; */
  background-color: #f7f7f7;
  position: relative;
}
.score_wp {
  display: flex;
  align-items: center;
}
.score_wp > * {
  width: 100%;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .score_wp > *:nth-child(2) {
    flex:1;
  }
}
.score_wp > *:first-child {
  width: 50px;
  padding-right: 6px;
}
.voa_table td.score span.score_icon{
  /* content: " "; */
  display: block;
  margin: auto 0;
  width: 32px;
  height: 32px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  /* position: absolute;
  top: .8em;
  left: .8em; */
}
.voa_table td.score_1 span.score_icon{  background-image: url(./images/virtual/virtual_score_1@2x.png);}
.voa_table td.score_2 span.score_icon{  background-image: url(./images/virtual/virtual_score_2@2x.png);}
.voa_table td.score_3 span.score_icon{  background-image: url(./images/virtual/virtual_score_3@2x.png);}
.voa_table td.score_4 span.score_icon{  background-image: url(./images/virtual/virtual_score_4@2x.png);}
.voa_table td.score_5 span.score_icon{
  background-image: url(./images/virtual/virtual_score_5@2x.png);
  height: 70px;
}

.voa_table td span{
  font-size: 1.5em;
}
.voa_table tr:first-child th:nth-child(1) { background-color: #fff;}
.voa_table tr:first-child th:nth-child(2) { background-color: #4bace1;}
.voa_table tr:first-child th:nth-child(3) { background-color: #333333;}
.voa_table tr:first-child th:nth-child(4) { background-color: #333333;}

.voa_table tr td:nth-child(2) {
  background-color: #dcf4ff!important;
}

.voa_h_06 {
  margin: 0 auto 1em;
  font-size: 21px;
  font-weight: normal;
  text-align: center;
  letter-spacing: .01em;
  color: #004380;
}

.voa_comp_point_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.voa_comp_point {
  box-sizing: border-box;
  margin: 30px 0;
  padding: 2em 19px 1.5em;
  width: 48%;
  border-radius: 10px;
  border: 1px solid #004380;
  position: relative;
}

.voa_comp_point h4{
  box-sizing: border-box;
  padding: 3px;
  font-size: 15px;
  font-weight: normal;
  color: #004380;
  background: #fff;
  position: absolute;
  top: -1em;
}

.voa_price {
  padding: 60px 1em;
  color: #fff;
  background-color: #004380;
}

.voa_price table {
  color: #333;
  background-color: #fff;
}

.voa_price_01,
.voa_price_02 {
  margin: 1em;
  text-align: center;
  font-size: 1.1em;
  letter-spacing: .05em;
}
.voa_price_01 span{
  display: inline-block;
  padding: 0 .5em;
  font-size: 1.8em;
  font-weight: bold;
}
.voa_price_02 span{
  display: inline-block;
  padding: 0 .5em;
  font-size: 1.6em;
  font-weight: bold;
}
.voa_price_02 {
  margin-bottom: 3em;
}

.voa_blog {
  margin: auto;
  padding: 10px 1em 60px;
  max-width: 1000px;
}

.voa_price .virtual_faq {
  margin: 3em auto;
  max-width: 1000px;
  background-color: #fff;
}


@media screen and (max-width: 640px) {
  .voa_fv {
    padding: 40px 1em;
  }
  .voa_fv_list {
    margin: .7em 0;
    display: flex;
    justify-content: space-between;
  }
  .voa_btn_01 {
    margin: 1em auto;
    padding: .3em .4em;
    font-size: 1.4em;
  }
  .voa_btn_01 span{
    padding: .3em .2em;
    font-size: 12px;
  }
  .voa_star_item {
    margin: 20px auto;
    padding: 1.5em 1em;
  }
  .voa_star_item h2 {
    font-size: 18px;
  }
  .voa_star_item .voa_star_item_image {
    max-width: 230px;
  }
  .voa_h_01 {
    padding: .4em .5em;
    max-width: 160px;
    font-size: 21px;
    border-radius: 18px;
  }
  .voa_h_02 {
    font-size: 16px;
  }
  .voa_point {
    padding: 20px 1em;
  }
  .voa_point_item:nth-child(2n+1) {
    flex-direction: column-reverse;;
  }
  .voa_point_item:before {
    display: none;
  }
  .voa_point_item {
    margin: 1em 0;
    flex-wrap: wrap;
    flex-direction: column-reverse;;
  }
  .voa_point_item > * {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .voa_point_image {
    margin: 0 0 1em;
  }
  .voa_point_image h4 {
    padding: 1em;
  }
  .voa_point_image p {
    padding: 0 1.5em 1em;
  }
  .voa_point_text {
    box-sizing: border-box;
    margin: 1em 0 0;
    padding: 1.5em 1em;
    background-color: #f7f7f7;
  }
  .voa_point_text h3 {
    font-size: 26px;
    text-align: center;
  }
  .voa_point_text h4 {
    text-align: center;
  }
  .voa_option {
    padding: 20px 1em;
    background-color: #f7f7f7;
  }
  .voa_option_block {
    margin: 1em auto;
    padding: 0 1em 1em;
    max-width: 800px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
  }
  .voa_h_03 {
    margin-bottom: 30px;
  }
  .voa_option_item {
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  .voa_option_image {
    margin: 2em auto;
    width: 80%;
    padding: 0;
  }
  .voa_option_text {
    width: 100%;
  }
  .voa_option_text h3 {
    padding-bottom: .8em;
    font-size: 16px;
  }
  .voa_point2 {
    overflow: hidden;
    padding: 20px 1em;
  }
  .voa_h_04 {
    margin: 1em auto;
    padding: .3em .4em;
    font-size: 1.4em;
  }
  .voa_h_05 {
    font-size: 16px;
  }
  .voa_seido_point {
    margin: 1em auto;
    font-size: 1.2em;
  }
  .voa_seido_point span{
    font-size: 12px;
  }
  .voa_seido {
    flex-wrap: wrap;
  }
  .voa_seido > * {
    margin: 1em 0;
    width: 100%;
  }
  .voa_seido > * h3{
    padding: .4em;
    letter-spacing: .05em;
    font-weight: normal;
    text-align: center;
    background-color: #e76da2;
  }
  .voa_comparison {
    margin: 20px auto;
    width: 100%;
  }
  .voa_comparison > p {
    padding: 0 1em;
  }
  .voa_table_wp {
    overflow: auto;
    white-space: wrap;
    -webkit-overflow-scrolling: touch;
  }
  .voa_table {
    margin: 30px auto;
    width: 880px;
  }
  .voa_table::-webkit-scrollbar{
    height: 5px;
  }
  .voa_table::-webkit-scrollbar-track{
    background: #F1F1F1;
  }
  .voa_table::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .voa_h_06 {
    font-size: 18px;
    padding: 1em;
  }
  .voa_comp_point_block {
    padding: 0 1em;
    flex-wrap: wrap;
  }
  .voa_comp_point {
    margin: 10px 0;
    width: 100%;
  }
  .voa_comp_point h4{
    padding: 3px;
    font-size: 15px;
    font-weight: normal;
    color: #004380;
    background: #fff;
    position: absolute;
    top: -1em;
  }
  .voa_price {
    padding: 20px 1em;
  }
  .voa_price_01,
  .voa_price_02 {
    font-size: 1em;
  }
  .voa_price_01 span{
    font-size: 1.4em;
  }
  .voa_price_02 span{
    font-size: 1.2em;
  }
  .voa_blog {
    padding: 20px 1em;
  }
  .voa_price .virtual_faq {
    margin: 20px auto;
  }
}


/* ---------------------------------------------------------------- *
  フォームの設定
* ---------------------------------------------------------------- */

.mw_block {
  margin: 30px auto;
  padding: 1em;
  max-width: 860px;
  text-align: center;
}
.mw_block p{
  display: block!important;
  margin: 1em 0;
  font-size: 16px;
}

.mw_block_mt {
  margin-top: 50px;
}

.mw_block .header_01{
  margin: 1em auto  1.6em;
  text-align: center;
}

.text_notice {
  color: #f00;
  font-size: 14px!important;
  margin-bottom: .4em;
}

.text_notice a{
  color: #f00!important;
  text-decoration: none;
}

.mw .contact {
  padding: 0 1em;
}

.mw .required {
  display: inline-block;
  margin-left: 1em;
  padding: 1px .6em;
  background: #92243A;
  color: #fff;
  font-size: 8px;
  font-weight: bold;
  float: right;
}

.mw .any {
  display: inline-block;
  margin-right: 1em;
  padding: 1px .6em;
  background: #999;
  color: #fff;
  font-size: 8px;
  font-weight: bold;
}

.mw .contact_form {
  margin: 1em auto;
  width: 860px;
  text-align: left;
  font-size: 16px;
}

.mw .contact_form th{
  padding: .6em .7em;
  color: #1a1a1a;
  background: #E5E5E5;
  border: 1px solid #8D8D8D;
  font-weight: 200;
  white-space: nowrap;
  max-width: 26%;
  vertical-align: middle;
}

.mw .contact_form td{
  padding: .6em 1.4em .6em .7em;
  color: #1a1a1a;
  background: #fff;
  border: 1px solid #8D8D8D;
  font-weight: 200;
}

.mw .contact_form td p{
  text-align: left;
}

.mw .contact_form input[type="text"],
.mw .contact_form input[type="email"],
.mw .contact_form button,
.mw .contact_form textarea,
.mw .contact_form select {
  margin: 0;
  padding: 0;
  background: none;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: none;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mw .contact_form input[type="text"],
.mw .contact_form input[type="email"],
.mw .contact_form textarea {
  padding: .3em;
  width: 100%;
  font-size: 16px;
}

.mw .contact_form input[type="text"],
.mw .contact_form input[type="email"] {
    width: 80%;
}

.mw .contact_form .date_block input[type="text"] {
  width: 40%;
}

.mw input[type=checkbox]:disabled {
  opacity: .2;
}

.mw p.file_comment {
  font-size: 13px;
}

.mw .submit_box {
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.mw .submit_box > * {
  margin: 30px 1em!important;
}

.mw .mw_wp_form_input .submit_back{
  display: none;
}

.mw input[type="submit"] {
  margin: 1.4em 0 0;
  padding: .6em 8em;
  border: 1px solid #1a1a1a;
  color: #1a1a1a;
  transition: .5s;
  position: relative;
  font-size: 16px;
}

.mw input[type="submit"]:hover {
  background: #1a1a1a;
  color: #fff;
}

.mw .thanks_box {
  text-align: center;
}

.mw .select-wrap {
  display: inline-block;
  overflow: hidden;
  margin: .5em 0 0;
  padding: 0;
  text-align: center;
  position: relative;
}
.mw .select-wrap select {
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  padding: 8px 40px 8px 7px!important;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
  font-weight: 200;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  letter-spacing: .05em;
  outline: none;
  background: #ffffff;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  color: #1a1a1a;
}
.mw .select-wrap select::-ms-expand {
  display: none;
}
.mw .select-wrap::before {
  position: absolute;
  top: 0.5em;
  right: 0.9em;
  padding: 0;
  content: '';
  width: 10px;
  height:10px;
  border: 1px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);
  pointer-events: none;
}

.mw_wp_form_preview .mw .select-wrap::before {
  display: none;
}

.mw .contact_note {
  margin: auto;
  max-width: 800px;
  padding: 2em;
  line-height: 1.7;
  background: #f7f7f7;
}
.mw .contact_note h4{
  margin: 0 0 1em;
  font-size: 1.2em;
  text-align: center;
}
.mw .contact_note p{
  line-height: 2.1;
  text-align: left;
}
.mw .contact_note a{
  display: inline-block;
  margin-top: 1em;
  text-decoration: underline!important;
}

.mw .contact_form td label{
  font-weight: 200;
}

.bnr_form_01 {
  display: inline-block;
  margin: 1em;
  padding: .5em 1.4em;
  color: #fff!important;
  border: 1px solid #ee85b1;
  background-color: #ee85b1!important;
  transition: .7s;
}
.bnr_form_01:hover {
  text-decoration: none;
  color: #ee85b1!important;
  background-color: #fff!important;
  opacity: .7;
}

.contact_note_block {
  margin: 2em auto;
  padding: 2em 1em;
  border: 1px solid #00aae6;
}

.contact_note_h {
  margin-bottom: 1.3em;
  font-size: 21px;
  font-weight: 400;
}

.contact_note_bnr {
  margin: 3em 1em 1em;
  display: flex;
  justify-content: space-between;
}
.contact_note_bnr > * {
  width: 49%;
}
.contact_note_bnr > * a{
  display: block;
  padding: .8em 1em;
  text-align: center;
  color: #fff;
  background-color: #ee85b1;
  letter-spacing: .05em;
  font-size: 18px;
  font-weight: 400;
}



@media screen and (max-width: 768px){
  .mw_block {
    margin: 40px auto;
    padding: 1em;
    max-width: 860px;
    text-align: center;
  }
  .mw_block p{
    font-size: 16px;
    text-align: left;
  }
  .mw .contact_form {
    width: 98%;
    border-bottom: 1px solid #1a1a1a;
  }
  .mw .contact_form th{
    max-width: 100%;
  }
  .mw .contact_form th,
  .mw .contact_form td{
    display: block;
    padding: .5em auto;
    border-bottom: 0;
  }
  .mw .contact_form td{
    font-size: 16px;
  }
  .mw p.file_comment {
    font-size: 12px;
  }
  .mw p.submit {
    max-width: 240px;
  }
  .mw p.submit:after {
    margin-top: -2px;
    top: 50%;
    right: 36px;
  }
  .mw p.submit:hover:after {
    right: 36px;
  }
  .mw .contact_form input[type="text"],
  .mw .contact_form input[type="email"] {
      width: 100%;
  }
  .mw .contact_form .date_block input[type="text"] {
    width: 100%;
  }
  .mw .contact_form input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
  }
  .mw .contact_form input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    content: "";
    width: 10px;
    height: 10px;
    background: #1a1a1a;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .mw .select-wrap {
    padding: 0;
  }
  .mw .select-wrap select {
    padding: .1em 1em .1em .5em;
  }
  .mw .select-wrap::before {
    top: .7em;
    right: .9em;
    width: 6px;
    height: 6px;
  }
  .mw .select-wrap select {
    padding: 4px 26px 4px 4px;
    color: #666666;
  }
  .contact_note_bnr {
    margin: 2em 0 1em;
    display: block;
  }
  .contact_note_bnr > * {
    margin-bottom: 1em;
    width: 100%;
  }
  .contact_note_bnr > * a{
    padding: .7em .5em;
    font-size: 14px;
  }
}