@charset "UTF-8";
img {
  display: block;
  max-width: 100%; }

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

:placeholder-shown {
  color: #8a8a8a; }

::-webkit-input-placeholder {
  color: #8a8a8a; }

a {
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  color: #000; }
  a:hover {
    text-decoration: none; }
  a:hover {
    text-decoration: underline; }

html {
  font-size: 14px; }

body {
  font-size: 1rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  line-height: 1.8;
  color: #000;
  overscroll-behavior: none; }
  body.hide {
    overflow: hidden; }

@media (min-width: 801px) {
  .o_sp {
    display: none !important; } }

#wrapAll {
  overflow: hidden; }

.inner {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1338px;
  margin-left: auto;
  margin-right: auto; }

#wrapAll {
  overflow: hidden; }

.mainHeader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  background-color: #fff;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s; }
  .mainHeader:hover {
    text-decoration: none; }
  .mainHeader__upper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding: 0 20px;
    max-width: 1338px;
    margin: 0 auto;
    position: relative; }
  .mainHeader__logo {
    max-width: 130px;
    width: 130px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .mainHeader__logo:hover {
      text-decoration: none; }
    .mainHeader__logo a {
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      display: block; }
      .mainHeader__logo a:hover {
        text-decoration: none; }
      .mainHeader__logo a:hover {
        opacity: .8;
        text-decoration: none; }
  .mainHeader__search {
    display: none; }
  .mainHeader__navArea {
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    height: 44px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000; }
  .mainHeader__header_nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    max-width: 1298px;
    padding: 4px 0;
    margin-left: auto;
    margin-right: auto; }
    .mainHeader__header_nav > a {
      flex: 1;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      position: relative;
      height: 32px;
      color: #8a8a8a;
      font-size: 14px;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .mainHeader__header_nav > a:hover {
        text-decoration: none; }
      .mainHeader__header_nav > a:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 16px;
        background-color: #000;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
      .mainHeader__header_nav > a:last-child:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 16px;
        background-color: #000;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
      .mainHeader__header_nav > a span {
        position: absolute;
        left: 5%;
        bottom: 0;
        transform-origin: left center;
        transform: scaleX(0);
        width: 90%;
        height: 3px;
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s; }
        .mainHeader__header_nav > a span:hover {
          text-decoration: none; }
      .mainHeader__header_nav > a.cat1 span {
        background-color: #8fc320; }
      .mainHeader__header_nav > a.cat1:hover, .mainHeader__header_nav > a.cat1.current {
        color: #8fc320; }
      .mainHeader__header_nav > a.cat2 span {
        background-color: #fb970e; }
      .mainHeader__header_nav > a.cat2:hover, .mainHeader__header_nav > a.cat2.current {
        color: #fb970e; }
      .mainHeader__header_nav > a.cat3 span {
        background-color: #fba1a1; }
      .mainHeader__header_nav > a.cat3:hover, .mainHeader__header_nav > a.cat3.current {
        color: #fba1a1; }
      .mainHeader__header_nav > a.cat4 span {
        background-color: #3ca3f0; }
      .mainHeader__header_nav > a.cat4:hover, .mainHeader__header_nav > a.cat4.current {
        color: #3ca3f0; }
      .mainHeader__header_nav > a.cat5 span {
        background-color: #b29786; }
      .mainHeader__header_nav > a.cat5:hover, .mainHeader__header_nav > a.cat5.current {
        color: #b29786; }
      .mainHeader__header_nav > a.cat6 span {
        background-color: #b999e4; }
      .mainHeader__header_nav > a.cat6:hover, .mainHeader__header_nav > a.cat6.current {
        color: #b999e4; }
      .mainHeader__header_nav > a.cat7 span {
        background-color: #c3393b; }
      .mainHeader__header_nav > a.cat7:hover, .mainHeader__header_nav > a.cat7.current {
        color: #c3393b; }
      .mainHeader__header_nav > a.company {
        font-weight: bold;
        letter-spacing: 0.1em; }
        .mainHeader__header_nav > a.company.is-current {
          color: #c4023b; }
      .mainHeader__header_nav > a:hover span {
        transform: scaleX(1); }

#spBT {
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding-top: 12px;
  position: fixed;
  top: 10px;
  right: 16px;
  z-index: 999999; }
  #spBT span {
    background-color: #000;
    display: block;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    height: 2px;
    position: relative;
    top: 0;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    #spBT span:hover {
      text-decoration: none; }
    #spBT span:first-child {
      margin-top: 0; }
  #spBT.active span {
    background-color: #000; }
    #spBT.active span:nth-child(2) {
      opacity: 0; }
    #spBT.active span:first-child {
      top: 7px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
    #spBT.active span:nth-child(3) {
      top: -7px;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg); }

.gNav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 70%;
  max-width: 512px;
  background-color: #fff;
  z-index: 999999;
  border-right: 2px solid #000;
  padding: 70px 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  transform: translateX(-102%); }
  .gNav:hover {
    text-decoration: none; }
  .gNav.active {
    transform: translateX(0%); }
  .gNav__inner {
    max-width: 300px;
    margin: 0 auto; }
  .gNav__logo {
    max-width: 250px;
    margin: 0 auto 60px; }
    .gNav__logo a {
      display: block;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .gNav__logo a:hover {
        text-decoration: none; }
      .gNav__logo a:hover {
        opacity: .8;
        text-decoration: none; }
  .gNav__mainNav {
    margin-bottom: 30px;
    text-align: center; }
  .gNav__mainNav_item {
    border-bottom: 2px solid #e5e5e5; }
    .gNav__mainNav_item:first-child {
      border-top: 2px solid #e5e5e5; }
    .gNav__mainNav_item a {
      display: block;
      font-weight: 500;
      line-height: 1.1;
      font-size: 20px;
      color: #8fc31f;
      padding: 1.2em 10px;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .gNav__mainNav_item a:hover {
        text-decoration: none; }
      .gNav__mainNav_item a:hover {
        background-color: rgba(65, 178, 93, 0.1); }
    .gNav__mainNav_item + .gNav__mainNav_catItem {
      border-top: 0; }
  .gNav__mainNav_catItem {
    border-top: 1px dashed #aaa; }
    .gNav__mainNav_catItem + .gNav__mainNav_item {
      border-top: 2px solid #e5e5e5; }
    .gNav__mainNav_catItem a {
      display: block;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      line-height: 1.2;
      padding: 0.8em 10px;
      color: #747474; }
      .gNav__mainNav_catItem a:hover {
        text-decoration: none; }
      .gNav__mainNav_catItem a.cat1:hover {
        color: #8fc320; }
      .gNav__mainNav_catItem a.cat2:hover {
        color: #fb970e; }
      .gNav__mainNav_catItem a.cat3:hover {
        color: #fba1a1; }
      .gNav__mainNav_catItem a.cat4:hover {
        color: #3ca3f0; }
      .gNav__mainNav_catItem a.cat5:hover {
        color: #b29786; }
      .gNav__mainNav_catItem a.cat6:hover {
        color: #b999e4; }
      .gNav__mainNav_catItem a.cat7:hover {
        color: #c3393b; }
  .gNav__sns {
    margin: 30px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    .gNav__sns a {
      width: 50px;
      margin: 0 8px;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .gNav__sns a:hover {
        text-decoration: none; }
      .gNav__sns a:hover {
        opacity: .8;
        text-decoration: none; }
  .gNav__subNav_item {
    text-align: center;
    line-height: 1.2;
    margin-top: 1em; }
    .gNav__subNav_item:first-child {
      margin-top: 0; }
    .gNav__subNav_item a {
      color: #747474; }

.mainFooter {
  border-top: 2px solid #000;
  padding: 30px 0 40px; }
  .mainFooter__logo {
    max-width: 156px;
    margin: 0 auto 24px; }
    .mainFooter__logo a {
      display: block;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .mainFooter__logo a:hover {
        text-decoration: none; }
      .mainFooter__logo a:hover {
        opacity: .8;
        text-decoration: none; }
  .mainFooter__nav {
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    color: #8a8a8a;
    line-height: 1.2; }
    .mainFooter__nav span {
      margin: 0 0.3em; }
    .mainFooter__nav a {
      color: #8a8a8a; }
  .mainFooter__credit {
    display: block;
    text-align: center;
    line-height: 1.2;
    font-size: 10px;
    color: #8a8a8a; }

.mainFooter_pages {
  border-top: 2px solid #000;
  padding: 24px 0; }
  .mainFooter_pages__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .mainFooter_pages__logo {
    display: none; }
  .mainFooter_pages__nav {
    margin-bottom: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    color: #8a8a8a;
    line-height: 1.2; }
    .mainFooter_pages__nav span {
      margin: 0 0.3em; }
    .mainFooter_pages__nav a {
      font-size: 12px;
      color: #8a8a8a; }
  .mainFooter_pages__credit {
    display: block;
    text-align: center;
    line-height: 1.2;
    font-size: 10px;
    color: #8a8a8a;
    margin-left: 20px; }

.inview {
  transition: all .5s ease 0s; }

.unscroll {
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px); }
  .unscroll.onlyOpa {
    transform: none;
    -webkit-transform: none; }
  .unscroll.transX {
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px); }
  .unscroll.transX- {
    transform: translateX(30px);
    -webkit-transform: translateX(30px); }
  .unscroll.transY- {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px); }

.archive_catTag {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  line-height: 1.1;
  padding: 0.5em 0.6em;
  background-color: #aaa;
  border-radius: 4px;
  white-space: nowrap;
  background-color: #ccc; }
  .archive_catTag.social {
    background-color: #8fc320; }
  .archive_catTag.business {
    background-color: #fb970e; }
  .archive_catTag.people {
    background-color: #fba1a1; }
  .archive_catTag.life {
    background-color: #3ca3f0; }
  .archive_catTag.knowledge {
    background-color: #b29786; }
  .archive_catTag.seminar {
    background-color: #b999e4; }
  .archive_catTag.igrid {
    background-color: #c3393b; }

.columnWrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px; }
  .columnWrap__main {
    width: calc(100% - 382px);
    margin-right: 20px;
    max-width: 854px;
    padding: 0 30px; }
  .columnWrap__side {
    width: 320px;
    margin-left: 40px; }
  .columnWrap__bar {
    width: 2px;
    background-color: #e5e5e5; }

.mainSideBar__heading {
  padding-bottom: 12px;
  border-bottom: 2px solid #e5e5e5; }
  .mainSideBar__heading strong {
    line-height: 1.1;
    font-weight: bold;
    margin-bottom: 0.3em;
    display: block;
    font-size: 24px;
    letter-spacing: 0.1em; }
  .mainSideBar__heading em {
    font-weight: 500;
    display: block;
    line-height: 1.1; }
.mainSideBar__bannerLinks {
  margin-bottom: 50px; }
.mainSideBar__bannerLinks_item {
  margin-top: 30px;
  outline: 0;
  min-height: 200px;
  padding: 20px;
  border-radius: 8px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center; }
  .mainSideBar__bannerLinks_item a {
    outline: 0; }
  .mainSideBar__bannerLinks_item:first-child {
    margin-top: 0; }
  .mainSideBar__bannerLinks_item--1 {
    background-color: #41b25d; }
  .mainSideBar__bannerLinks_item--2 {
    background-color: #ffd349; }
.mainSideBar__bannerLinks_bt {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  border: 2px solid #000;
  border-radius: 8px;
  margin: 20px auto 0;
  max-width: 240px;
  padding: 0.8em 2em;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  background-color: #fff; }
  .mainSideBar__bannerLinks_bt:hover {
    text-decoration: none; }
  .mainSideBar__bannerLinks_bt:after {
    content: '>';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) scaleY(1.4);
    font-size: 18px; }
  .mainSideBar__bannerLinks_bt:hover {
    color: #fff;
    background-color: #000; }
.mainSideBar__bannerLinks_item_heading1 {
  text-align: center; }
  .mainSideBar__bannerLinks_item_heading1 em {
    display: block;
    line-height: 1.2;
    margin-bottom: 20px; }
  .mainSideBar__bannerLinks_item_heading1 strong {
    display: block;
    max-width: 260px;
    margin: 0 auto; }
.mainSideBar__bannerLinks_item_heading2 {
  text-align: center; }
  .mainSideBar__bannerLinks_item_heading2 em {
    display: block;
    line-height: 1.6;
    margin-bottom: 10px;
    font-size: 16px; }
  .mainSideBar__bannerLinks_item_heading2 strong {
    line-height: 1.2;
    display: block;
    font-size: 24px;
    font-weight: bold; }
.mainSideBar__tag {
  margin-bottom: 60px; }
.mainSideBar__tag_list {
  margin-top: 20px; }
  .mainSideBar__tag_list a {
    display: inline-block;
    margin-top: 8px;
    line-height: 1;
    margin-right: 15px;
    background-color: #e5e5e5;
    border-radius: 6px;
    white-space: nowrap;
    padding: 0.5em 0.6em;
    color: #8a8a8a;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .mainSideBar__tag_list a:hover {
      text-decoration: none; }
    .mainSideBar__tag_list a:hover {
      opacity: .8;
      text-decoration: none; }
.mainSideBar__searchBox {
  margin-bottom: 60px;
  position: relative; }
.mainSideBar__search_input {
  display: block;
  width: 100%;
  overflow: hidden;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0.8em 0.8em 0.8em 50px;
  padding-right: 1.2em;
  background: none transparent;
  vertical-align: middle;
  font-size: 15px;
  border-radius: 25px;
  height: 50px;
  line-height: 50px;
  background-color: #f0f0f0;
  outline: 0; }
.mainSideBar__search_submit {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  margin: 0;
  background-color: transparent;
  outline: 0;
  border-radius: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/common/ic_search.png); }
.mainSideBar__service_list {
  margin-top: 40px; }
  .mainSideBar__service_list a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    min-height: 110px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    border: 2px solid #e5e5e5;
    border-radius: 6px;
    padding: 15px; }
    .mainSideBar__service_list a:hover {
      text-decoration: none; }
    .mainSideBar__service_list a:hover {
      opacity: .8;
      text-decoration: none; }
    .mainSideBar__service_list a:first-child {
      margin-top: 0; }
    .mainSideBar__service_list a span {
      max-width: 260px; }
.mainSideBar__service_sns {
  margin-top: 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center; }
  .mainSideBar__service_sns a {
    width: 50px;
    margin: 0 8px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .mainSideBar__service_sns a:hover {
      text-decoration: none; }
    .mainSideBar__service_sns a:hover {
      opacity: .8;
      text-decoration: none; }
.mainSideBar__contact {
  display: none; }
.mainSideBar__toTop {
  display: none; }
.mainSideBar__category {
  margin-bottom: 70px; }
.mainSideBar__category_list {
  margin-top: 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .mainSideBar__category_list a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    background-color: #aaa;
    width: calc(50% - 5px);
    margin-top: 10px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    line-height: 1.2;
    padding: 1.5em 0.5em;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    color: #fff; }
    .mainSideBar__category_list a:hover {
      text-decoration: none; }
    .mainSideBar__category_list a:hover {
      opacity: .8;
      text-decoration: none; }
    .mainSideBar__category_list a:nth-child(-n+2) {
      margin-top: 0; }
    .mainSideBar__category_list a.cat1 {
      background-color: #8fc320; }
    .mainSideBar__category_list a.cat2 {
      background-color: #fb970e; }
    .mainSideBar__category_list a.cat3 {
      background-color: #fba1a1; }
    .mainSideBar__category_list a.cat4 {
      background-color: #3ca3f0; }
    .mainSideBar__category_list a.cat5 {
      background-color: #b29786; }
    .mainSideBar__category_list a.cat6 {
      background-color: #b999e4; }
    .mainSideBar__category_list a.cat7 {
      background-color: #c3393b; }
.mainSideBar__ranking {
  margin-bottom: 70px; }
.mainSideBar__ranking_list_item {
  padding: 25px 0;
  border-bottom: 2px solid #e5e5e5;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
.mainSideBar__ranking_list_link {
  width: calc(45% - 20px);
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  border-radius: 6px;
  overflow: hidden; }
  .mainSideBar__ranking_list_link:hover {
    text-decoration: none; }
  .mainSideBar__ranking_list_link:hover {
    opacity: .8;
    text-decoration: none; }
.mainSideBar__ranking_list_img {
  padding-top: 65%; }
.mainSideBar__ranking_list_content {
  width: 55%; }
.mainSideBar__ranking_list_title {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.6;
  margin-top: 5px; }

.postList {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .postList__item {
    position: relative;
    outline: 0;
    width: calc(50% - 15px);
    max-width: 352px;
    margin-top: 75px; }
    .postList__item:nth-child(-n+2) {
      margin-top: 0; }
  .postList__imgWrap {
    outline: 0;
    display: block;
    border-radius: 8px;
    position: relative; }
    .postList__imgWrap:hover img {
      opacity: .8; }
  .postList__img {
    outline: 0;
    display: block;
    padding-top: 64%;
    overflow: hidden;
    border-radius: 8px;
    position: relative; }
    .postList__img img {
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .postList__img img:hover {
        text-decoration: none; }
  .postList__cat {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10; }
  .postList__title {
    margin-top: 15px;
    padding-bottom: 18px;
    margin-bottom: 12px;
    border-bottom: 2px solid #e5e5e5; }
    .postList__title strong {
      display: block;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.4em;
      overflow: hidden;
      height: 2.8em; }
  .postList__date {
    font-weight: 500;
    display: block;
    line-height: 1;
    padding-bottom: 5px; }
  .postList__tagList a {
    display: inline-block;
    margin-top: 5px;
    line-height: 1;
    margin-right: 10px;
    font-size: 12px;
    color: #8a8a8a; }
  .postList__newLabel {
    position: absolute;
    z-index: 15;
    width: 48px;
    height: 48px;
    background-color: #000;
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border-radius: 50%;
    top: -10px;
    left: -10px;
    letter-spacing: 0.1em;
    padding-bottom: 1px; }

.postSlideWrap {
  padding: 0 50px; }

.postSlide .slick-track {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; }
.postSlide .slick-arrow {
  border: 0;
  background: none;
  border-radius: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  padding: 0;
  width: 25px;
  height: 25px;
  position: absolute;
  border-radius: 50%;
  z-index: 96;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top: 50%;
  background-color: #000;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: center right 9px;
  background-image: url(../images/common/arrow_wt.png);
  overflow: hidden;
  text-indent: -99em;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s; }
  .postSlide .slick-arrow:hover {
    text-decoration: none; }
  .postSlide .slick-arrow:hover {
    opacity: .8;
    text-decoration: none; }
  .postSlide .slick-arrow.slick-next {
    transform: translateY(-50%) rotate(180deg);
    right: -38px; }
  .postSlide .slick-arrow.slick-prev {
    transform: translateY(-50%) rotate(0deg);
    left: -38px; }
.postSlide__item {
  border: 2px solid #000;
  margin: 0 15px;
  border-radius: 8px;
  height: inherit !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  outline: 0;
  background-color: #fff; }
  .postSlide__item a {
    outline: 0; }
.postSlide__imgWrap {
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  display: block; }
  .postSlide__imgWrap:hover {
    text-decoration: none; }
  .postSlide__imgWrap:hover {
    opacity: .8;
    text-decoration: none; }
.postSlide__img {
  padding-top: 66%; }
.postSlide__title {
  font-weight: 500;
  padding: 12px 12px 0;
  line-height: 1.6; }
.postSlide__upper {
  margin-bottom: 20px; }
.postSlide__lower {
  padding: 0 12px 12px; }
.postSlide__tagList a {
  display: inline-block;
  margin-top: 5px;
  margin-right: 10px;
  line-height: 1;
  font-size: 12px;
  color: #8a8a8a; }

.moreBTWrap {
  margin-top: 55px; }
  .moreBTWrap a.moreBT {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    border: 2px solid #000;
    padding: 1.5em 2em;
    border-radius: 8px;
    margin: 0 auto;
    max-width: 300px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    background-color: #fff; }
    .moreBTWrap a.moreBT:hover {
      text-decoration: none; }
    .moreBTWrap a.moreBT:after {
      content: '>';
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%) scaleY(1.4);
      font-size: 18px; }
    .moreBTWrap a.moreBT:hover {
      color: #fff;
      background-color: #000; }

.breadCrumb {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 1; }
  .breadCrumb__link {
    margin-right: 1.5em;
    position: relative; }
    .breadCrumb__link:after {
      content: '';
      position: absolute;
      right: -0.9em;
      width: 6px;
      height: 6px;
      border: 1px solid transparent;
      border-top-color: #000;
      border-right-color: #000;
      transform: translateY(-50%) rotate(45deg);
      top: 50%; }
  .breadCrumb__current span.social {
    color: #8fc320; }
  .breadCrumb__current span.business {
    color: #fb970e; }
  .breadCrumb__current span.people {
    color: #fba1a1; }
  .breadCrumb__current span.life {
    color: #3ca3f0; }
  .breadCrumb__current span.knowledge {
    color: #b29786; }
  .breadCrumb__current span.seminar {
    color: #b999e4; }
  .breadCrumb__current span.igrid {
    color: #c3393b; }
  .breadCrumb__current span.about {
    color: #fff; }
  .breadCrumb__current span.company {
    color: #c4023b; }

.archiveHeading {
  border-radius: 6px;
  border: 2px solid #000;
  line-height: 1.2;
  padding: 1em;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 75px;
  background-color: #ccc; }
  .archiveHeading.social {
    background-color: #8fc320; }
  .archiveHeading.business {
    background-color: #fb970e; }
  .archiveHeading.people {
    background-color: #fba1a1; }
  .archiveHeading.life {
    background-color: #3ca3f0; }
  .archiveHeading.knowledge {
    background-color: #b29786; }
  .archiveHeading.seminar {
    background-color: #b999e4; }
  .archiveHeading.igrid {
    background-color: #c3393b; }

.topWrap {
  padding-top: 68px;
  position: relative; }
  .topWrap:before {
    content: '';
    height: 478px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #8fc31f; }

.firstView {
  padding: 60px 30px 50px;
  border: 2px solid #000;
  border-radius: 5px;
  position: relative;
  z-index: 10;
  background-color: #fff;
  margin-bottom: 80px; }
  .firstView__inner {
    max-width: 1134px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    min-height: 518px; }
  .firstView__right {
    width: 60%;
    padding-top: 10px; }
  .firstView__left {
    width: calc(40% - 40px); }
  .firstView__slide {
    outline: 0; }
  .firstView .slick-counter {
    margin-top: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    .firstView .slick-counter .number {
      width: 44px;
      text-align: center;
      font-size: 16px;
      font-weight: bold; }
    .firstView .slick-counter .bar {
      background-color: #e5e5e5;
      height: 4px;
      max-width: 240px;
      width: 100%;
      border-radius: 2px;
      overflow: hidden;
      position: relative; }
    .firstView .slick-counter .bar_in {
      background-color: #8fc31f;
      height: 4px;
      border-radius: 2px;
      position: absolute;
      top: 0;
      left: 0;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .firstView .slick-counter .bar_in:hover {
        text-decoration: none; }
  .firstView__slide_item {
    position: relative;
    outline: 0; }
    .firstView__slide_item:hover .firstView__slide_item_img img {
      opacity: .8; }
    .firstView__slide_item:hover .firstView__slide_item_title {
      padding-bottom: 30px; }
  .firstView__slide_item_link {
    outline: 0;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    position: relative; }
  .firstView__slide_item_img {
    outline: 0;
    display: block;
    padding-top: 64%;
    overflow: hidden;
    border-radius: 8px;
    position: relative; }
    .firstView__slide_item_img img {
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .firstView__slide_item_img img:hover {
        text-decoration: none; }
  .firstView__slide_item_title {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    font-size: 18px;
    padding: 15px 70px;
    line-height: 1.4;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    z-index: 5; }
    .firstView__slide_item_title:hover {
      text-decoration: none; }
    .firstView__slide_item_title strong {
      display: block; }
  .firstView__slide_item_cat {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    font-size: 12px;
    padding: 0.5em 1em; }
  .firstView__logo {
    margin-bottom: 50px; }
  .firstView__catNav_heading {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px; }
    .firstView__catNav_heading strong {
      white-space: nowrap;
      font-weight: 500;
      padding: 0 7px; }
    .firstView__catNav_heading:before, .firstView__catNav_heading:after {
      content: '';
      width: 50%;
      height: 2px;
      background-color: #e5e5e5; }
  .firstView__catNav_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .firstView__catNav_list a {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      background-color: #aaa;
      width: calc(50% - 5px);
      margin-top: 10px;
      font-weight: 500;
      font-size: 15px;
      text-align: center;
      line-height: 1.2;
      padding: 1.5em 0.5em;
      border-radius: 5px;
      justify-content: center;
      align-items: center;
      color: #fff; }
      .firstView__catNav_list a:hover {
        text-decoration: none; }
      .firstView__catNav_list a:hover {
        opacity: .8;
        text-decoration: none; }
      .firstView__catNav_list a:nth-child(-n+2) {
        margin-top: 0; }
      .firstView__catNav_list a.cat1 {
        background-color: #8fc320; }
      .firstView__catNav_list a.cat2 {
        background-color: #fb970e; }
      .firstView__catNav_list a.cat3 {
        background-color: #fba1a1; }
      .firstView__catNav_list a.cat4 {
        background-color: #3ca3f0; }
      .firstView__catNav_list a.cat5 {
        background-color: #b29786; }
      .firstView__catNav_list a.cat6 {
        background-color: #b999e4; }
      .firstView__catNav_list a.cat7 {
        background-color: #c3393b; }

.topHeading {
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px; }
  .topHeading strong {
    letter-spacing: 0.1em;
    display: block;
    line-height: 1;
    margin-bottom: 0.4em;
    font-size: 34px; }
  .topHeading em {
    display: block;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 22px; }

.top_newArrivals {
  margin-bottom: 110px; }

#contentWrap {
  padding-top: 104px; }

.pageWrap {
  padding-top: 30px; }

.pager {
  margin-top: 60px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .pager .prev,
  .pager .next {
    display: none;
    border-color: transparent; }
  .pager > * {
    border: 2px solid #000;
    height: 40px;
    line-height: 36px;
    min-width: 40px;
    padding: 0 0.6em;
    color: #000;
    font-weight: 500;
    background-color: #fff;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center; }
  .pager .current {
    background-color: #000;
    color: #fff; }
  .pager a {
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .pager a:hover {
      text-decoration: none; }
    .pager a:hover {
      background-color: #000;
      color: #fff; }

.singleWrap {
  max-width: 782px;
  margin: 0 auto; }

.singleEyecatch {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 15px; }
  .singleEyecatch img {
    width: 100%; }

.singleHeader {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px; }
  .singleHeader__cat {
    margin-right: 10px; }
  .singleHeader__date {
    font-weight: bold; }
  .singleHeader__title {
    width: 100%;
    margin-top: 30px;
    word-break: break-all;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4; }

.singleContent {
  font-size: 16px; }
  .singleContent p {
    margin-bottom: 1.6em; }
    .singleContent p:last-child {
      margin-bottom: 0; }
  .singleContent a {
    text-decoration: underline; }
    .singleContent a:hover {
      text-decoration: none; }
  .singleContent img {
    height: auto; }
  .singleContent h1,
  .singleContent h2,
  .singleContent h3,
  .singleContent h4,
  .singleContent h5,
  .singleContent h6 {
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 1.5em; }
  .singleContent strong {
    font-weight: bold; }

.singleTagList {
  margin: 30px 0 70px; }
  .singleTagList a {
    display: inline-block;
    margin-top: 8px;
    line-height: 1;
    margin-right: 15px;
    background-color: #e5e5e5;
    border-radius: 6px;
    white-space: nowrap;
    padding: 0.5em 0.6em;
    color: #8a8a8a;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .singleTagList a:hover {
      text-decoration: none; }
    .singleTagList a:hover {
      opacity: .8;
      text-decoration: none; }

.singleShare {
  padding: 35px 30px 50px;
  border-radius: 8px;
  background-color: #f0f0f0; }
  .singleShare__heading {
    font-weight: bold;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 40px; }
  .singleShare .addtoany_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 1 !important;
    margin: 0 5px !important; }
    .singleShare .addtoany_list a {
      padding: 0 !important; }
  .singleShare__list {
    max-width: 522px;
    max-width: 160px;
    margin: 0 auto; }

.singleRecommend {
  border-top: 2px solid #e5e5e5;
  margin-top: 60px;
  padding-top: 110px; }
  .singleRecommend__heading {
    font-weight: bold;
    text-align: center;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 40px; }

.aboutWrap {
  background-color: #8fc31f;
  min-height: calc(100vh - 179px);
  padding-bottom: 40px; }
  .aboutWrap .breadCrumb {
    margin-bottom: 30px; }

.aboutInner {
  padding-top: 30px; }

.aboutMain {
  padding: 60px 30px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid #000; }
  .aboutMain__header {
    padding-right: 30px;
    flex: 1; }
  .aboutMain__heading {
    width: 80%;
    margin: 0 auto 30px;
    max-width: 408px; }
  .aboutMain__read {
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.4em;
    font-size: 24px;
    margin: 0 auto; }
  .aboutMain__content {
    flex: 1; }
    .aboutMain__content p {
      font-size: 18px;
      margin-bottom: 1.8em;
      line-height: 1.8; }
      .aboutMain__content p:last-child {
        margin-bottom: 0; }

.aboutToTop {
  display: block;
  margin-top: 40px; }

.aboutToTop_bt {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  border: 2px solid #000;
  padding: 1.2em 2em;
  border-radius: 8px;
  margin: 0 auto;
  max-width: 300px;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  background-color: #fabd00; }
  .aboutToTop_bt:hover {
    text-decoration: none; }
  .aboutToTop_bt:after {
    content: '<';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) scaleY(1.4);
    font-size: 18px; }
  .aboutToTop_bt:hover {
    color: #fff;
    background-color: #000; }
    .aboutToTop_bt:hover .ic {
      filter: invert(100%); }
  .aboutToTop_bt strong {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    .aboutToTop_bt strong .ic {
      width: 14px;
      margin-left: 5px;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .aboutToTop_bt strong .ic:hover {
        text-decoration: none; }

.companyHeader {
  padding-top: 60px; }
  .companyHeader__heading {
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 40px;
    letter-spacing: 0.2em; }
  .companyHeader__read {
    text-align: center;
    font-size: 18px; }

.companyHeading {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #c4023b;
  padding: 25px 20px 30px;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(130deg, transparent, transparent 3px, #edb1c2 3px, #edb1c2 4px); }
  .companyHeading strong {
    display: block;
    line-height: 1.2;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0.3em; }
  .companyHeading em {
    display: block;
    line-height: 1.2;
    font-weight: 500; }

.companyMission {
  padding-top: 140px; }
  .companyMission__read {
    margin: 65px 0 60px;
    text-align: center; }
    .companyMission__read strong {
      display: block;
      line-height: 1.2;
      font-size: 34px;
      font-weight: bold;
      margin-bottom: 0.5em; }
    .companyMission__read em {
      display: block;
      line-height: 1.2;
      font-weight: 500;
      font-size: 20px; }
  .companyMission__text {
    font-size: 18px;
    text-align: center;
    margin-bottom: 60px; }
  .companyMission__img {
    margin: 0 auto;
    max-width: 767px; }

.companyVision {
  padding-top: 140px;
  padding-bottom: 140px; }
  .companyVision__section {
    margin-top: 90px; }
  .companyVision__heading {
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.2;
    font-size: 20px;
    font-weight: bold; }
  .companyVision__text {
    font-size: 18px;
    text-align: center; }
  .companyVision__img {
    margin: 40px auto 10px;
    max-width: 530px; }
  .companyVision__caption {
    margin: 0 auto;
    max-width: 530px;
    font-size: 10px;
    line-height: 1.4;
    color: #595758;
    max-width: 564px; }

.companyBusiness {
  padding-top: 40px;
  padding-bottom: 60px;
  background-color: #c4023b; }
  .companyBusiness .companyHeading {
    color: #fff;
    background-color: transparent;
    background-image: repeating-linear-gradient(130deg, transparent, transparent 4px, rgba(237, 177, 194, 0.5) 4px, rgba(237, 177, 194, 0.5) 5px); }
  .companyBusiness__read {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    line-height: 1.4;
    font-size: 18px;
    color: #fff; }
  .companyBusiness__list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .companyBusiness__list_item {
    max-width: 578px;
    background-color: #fff;
    border-radius: 8px;
    padding: 30px 50px;
    width: calc(50% - 20px);
    margin-top: 60px; }
    .companyBusiness__list_item:nth-child(-n+2) {
      margin-top: 0; }
  .companyBusiness__heading {
    margin-bottom: 20px;
    text-align: center;
    color: #c4023b; }
    .companyBusiness__heading strong {
      display: block;
      line-height: 1.2;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 0.3em; }
    .companyBusiness__heading em {
      display: block;
      line-height: 1.2;
      font-weight: 500;
      font-size: 16px; }
  .companyBusiness__text {
    font-size: 16px; }
  .companyBusiness__img {
    margin-bottom: 20px; }

.companyService {
  padding-top: 90px; }
  .companyService__wrap {
    max-width: 1054px;
    margin: 50px auto 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between; }
  .companyService__nav {
    width: 40%; }
    .companyService__nav button {
      -webkit-appearance: none;
      border: 0;
      cursor: pointer;
      background-image: none;
      text-align: center;
      color: #fff;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      min-height: 112px;
      font-size: 20px;
      background: none;
      background-color: #f9e5eb;
      outline: 0;
      font-weight: bold;
      border-radius: 8px;
      width: 100%;
      margin-top: 20px; }
      .companyService__nav button:hover {
        text-decoration: none; }
      .companyService__nav button:hover {
        opacity: .8;
        text-decoration: none; }
      .companyService__nav button:first-child {
        margin-top: 0; }
      .companyService__nav button.current {
        background-color: #c4023b; }
  .companyService__slideWrap {
    width: calc(60% - 30px);
    max-width: 560px;
    overflow: hidden; }
  .companyService__slide {
    height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 400%;
    width: 400%;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .companyService__slide:hover {
      text-decoration: none; }
    .companyService__slide[data-position="pos1"] {
      transform: translateX(0%); }
    .companyService__slide[data-position="pos2"] {
      transform: translateX(-25%); }
    .companyService__slide[data-position="pos3"] {
      transform: translateX(-50%); }
    .companyService__slide[data-position="pos4"] {
      transform: translateX(-75%); }
  .companyService__slide_item {
    flex: 1; }
  .companyService__slide_content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .companyService__slide_img {
    margin-bottom: 30px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
    .companyService__slide_img--2 {
      max-width: 100%;
      margin-bottom: 50px; }
  .companyService__slide_text {
    font-size: 18px; }
  @media (min-width: 801px) {
    .companyService__slide_contentWrap {
      height: 100%;
      display: block !important; } }

.companyGroup {
  padding-top: 140px; }
  .companyGroup__read {
    font-size: 18px;
    text-align: center;
    margin: 40px 0 100px; }
  .companyGroup__img {
    max-width: 774px;
    margin: 0 auto 90px; }
  .companyGroup__list {
    max-width: 1160px;
    margin: 0 auto; }
  .companyGroup__list_row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #e5e5e5;
    min-height: 200px; }
    .companyGroup__list_row:first-child {
      border-top: 2px solid #e5e5e5; }
    .companyGroup__list_row dt {
      width: 40%;
      padding: 30px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      .companyGroup__list_row dt img {
        max-width: 300px; }
    .companyGroup__list_row dd {
      width: 60%;
      padding: 30px 0;
      font-size: 16px; }

.companyLasttext {
  padding-top: 140px;
  text-align: center;
  font-size: 18px; }

.companyFooter {
  padding: 140px 0; }
  .companyFooter__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 750px; }
    .companyFooter__inner a {
      position: relative;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-weight: 500;
      line-height: 1;
      color: #fff;
      padding: 1.5em 2em;
      border-radius: 8px;
      width: calc(50% - 10px);
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      background-color: #c4023b;
      letter-spacing: 0.1em; }
      .companyFooter__inner a:hover {
        text-decoration: none; }
      .companyFooter__inner a:hover {
        opacity: .8;
        text-decoration: none; }
      .companyFooter__inner a:after {
        content: '>';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%) scaleY(1.4);
        font-size: 18px; }

.companyToTop {
  padding-bottom: 40px; }
  .companyToTop__inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end; }
  .companyToTop a {
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -99px;
    background-color: #c4023b;
    position: relative;
    border-radius: 50%;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s; }
    .companyToTop a:hover {
      text-decoration: none; }
    .companyToTop a:hover {
      opacity: .8;
      text-decoration: none; }
    .companyToTop a:before {
      content: '';
      width: 12px;
      height: 12px;
      background-color: #fff;
      position: absolute;
      bottom: 7px;
      left: 50%;
      transform: translateX(-50%) rotate(-45deg); }
    .companyToTop a:after {
      content: '';
      width: 12px;
      height: 12px;
      background-color: #c4023b;
      position: absolute;
      bottom: 4px;
      left: 50%;
      z-index: 5;
      transform: translateX(-50%) rotate(-45deg); }

.policyMain {
  padding-bottom: 100px;
  max-width: 758px;
  margin: 0 auto; }
  .policyMain__title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 70px;
    text-align: center;
    line-height: 1.4; }
  .policyMain__header {
    margin-bottom: 80px; }
  .policyMain__section {
    margin-bottom: 50px; }
    .policyMain__section:last-child {
      margin-bottom: 0; }
  .policyMain__heading {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 1.4; }
  .policyMain__text {
    margin-bottom: 1.8em; }
    .policyMain__text:last-child {
      margin-bottom: 0; }
  .policyMain__caption {
    text-align: right;
    padding-top: 30px; }

.textCenter {
  text-align: center; }

.contactToTop {
  display: block;
  margin-top: 40px; }

.contactToTop_bt {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  border: 2px solid #000;
  padding: 0.8em 2em;
  border-radius: 8px;
  margin: 0 auto;
  max-width: 200px;
  transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -webkit-transition: all .3s ease 0s;
  background-color: #fabd00; }
  .contactToTop_bt:hover {
    text-decoration: none; }
  .contactToTop_bt:after {
    content: '<';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) scaleY(1.4);
    font-size: 18px; }
  .contactToTop_bt:hover {
    color: #fff;
    background-color: #000; }
    .contactToTop_bt:hover .ic {
      filter: invert(100%); }
  .contactToTop_bt strong {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    .contactToTop_bt strong .ic {
      width: 14px;
      margin-left: 5px;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .contactToTop_bt strong .ic:hover {
        text-decoration: none; }

.contactMain {
  padding-bottom: 100px;
  max-width: 758px;
  margin: 0 auto; }
  .contactMain__title {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4; }
  .contactMain__header {
    margin-bottom: 80px; }

#contactBox {
  max-width: 780px;
  margin: 0 auto;
  /* Google Chrome, Safari, Opera 15+, Android, iOS */
  /* Firefox 18- */
  /* Firefox 19+ */
  /* IE 10+ */ }
  #contactBox div.wpcf7-response-output {
    background-color: #666;
    color: #fff;
    border: 0; }
  #contactBox .ajax-loader {
    display: block;
    margin: 0 auto; }
  #contactBox .contact_dl--row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    align-items: flex-start; }
    #contactBox .contact_dl--row:first-child {
      margin-top: 0px; }
    #contactBox .contact_dl--row dt {
      width: 280px;
      line-height: 1.2;
      padding: 0.6em 0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #contactBox .contact_dl--row dt small {
        width: 50px; }
        #contactBox .contact_dl--row dt small.req {
          text-align: center;
          color: #fff;
          letter-spacing: 0.1em;
          background-color: #676767;
          padding: 0.5em 0.1em; }
      #contactBox .contact_dl--row dt span {
        width: calc(100% - 65px);
        font-size: 16px; }
    #contactBox .contact_dl--row dd {
      width: calc(100% - 300px); }
  #contactBox .wpcf7-list-item {
    margin-left: 20px;
    display: inline-block; }
    #contactBox .wpcf7-list-item:first-child {
      margin-left: 0; }
  #contactBox select {
    display: block;
    width: auto;
    overflow: hidden;
    max-width: 100% !important;
    width: 100%;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    padding: 0.6em;
    padding-right: 2em;
    background: none transparent;
    background-color: #fafafa;
    vertical-align: middle;
    font-size: 13px;
    border: 1px solid #cccccc;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    background-image: url(../images/common/arrow.png);
    border-radius: 4px; }
  #contactBox input[type="text"],
  #contactBox input[type="email"],
  #contactBox input[type="tel"],
  #contactBox textarea {
    display: block;
    width: 100%;
    overflow: hidden;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    padding: 0.8em;
    padding-right: 1.2em;
    background: none transparent;
    vertical-align: middle;
    font-size: 15px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #cccccc; }
    #contactBox input[type="text"].zip1,
    #contactBox input[type="email"].zip1,
    #contactBox input[type="tel"].zip1,
    #contactBox textarea.zip1 {
      display: inline-block;
      margin-right: 0.6em;
      width: 7em; }
    #contactBox input[type="text"].zip2,
    #contactBox input[type="email"].zip2,
    #contactBox input[type="tel"].zip2,
    #contactBox textarea.zip2 {
      display: inline-block;
      width: 8em; }
  #contactBox .red {
    color: #dc0000; }
  #contactBox textarea {
    max-width: 100% !important; }
  #contactBox .wpcf7-not-valid-tip {
    clear: both;
    font-size: 13px;
    margin-top: 0.3em;
    text-align: right; }
  #contactBox .wpcf7-not-valid-tip + .wpcf7-not-valid-tip {
    display: none; }
  #contactBox .submitBox {
    margin-top: 100px; }
  #contactBox input[type="submit"],
  #contactBox input[type="button"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0;
    cursor: pointer;
    background-image: none;
    text-align: center;
    color: #fff;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    display: block;
    margin: 0 auto;
    max-width: 350px;
    font-size: 18px;
    background: none;
    background-color: #727069;
    outline: 0;
    text-align: center;
    padding: 0.6em 1em;
    border-radius: 5px;
    width: 100%; }
    #contactBox input[type="submit"]:hover,
    #contactBox input[type="button"]:hover {
      text-decoration: none; }
    #contactBox input[type="submit"]:hover,
    #contactBox input[type="button"]:hover {
      opacity: .8;
      text-decoration: none; }
    #contactBox input[type="submit"][disabled],
    #contactBox input[type="button"][disabled] {
      opacity: .2; }
    #contactBox input[type="submit"].prev,
    #contactBox input[type="button"].prev {
      display: block;
      width: 100px;
      background-color: #999;
      margin-top: 20px; }
  #contactBox :placeholder-shown {
    color: #8a8a8a; }
  #contactBox ::-webkit-input-placeholder {
    color: #8a8a8a; }
  #contactBox :-moz-placeholder {
    color: #8a8a8a;
    opacity: 1; }
  #contactBox ::-moz-placeholder {
    color: #8a8a8a;
    opacity: 1; }
  #contactBox :-ms-input-placeholder {
    color: #8a8a8a; }

.contactTerms {
  max-width: 1020px;
  margin: 70px auto;
  padding: 30px;
  background-color: #f4f4f4; }
  .contactTerms__item {
    max-width: 920px;
    margin: 5px auto 0;
    padding-left: 1em;
    position: relative; }
    .contactTerms__item:first-child {
      margin-top: 0; }
    .contactTerms__item:before {
      content: '※';
      position: absolute;
      left: 0; }

@media only screen and (max-width: 920px) {
  .postList {
    display: block; }
    .postList__item {
      width: 100%;
      max-width: 100%; }
      .postList__item:nth-child(2) {
        margin-top: 75px; }

  .firstView {
    padding: 40px 30px 40px; }
    .firstView__inner {
      min-height: 1px; }

  .aboutMain__content p {
    font-size: 15px; }
  .aboutMain__read {
    letter-spacing: 0.1em; } }
@media only screen and (max-width: 800px) {
  body {
    font-size: 1rem; }

  .o_sp {
    display: block !important; }

  .o_pc {
    display: none !important; }

  .inner {
    padding-left: 20px;
    padding-right: 20px; }

  .mainHeader__upper {
    justify-content: flex-start;
    height: 62px;
    padding: 0 60px 0 20px;
    border-bottom: 2px solid #000; }
  .mainHeader__search {
    display: block;
    position: relative;
    margin-left: 20px; }
  .mainHeader__search_input {
    display: block;
    width: 100%;
    overflow: hidden;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    padding: 0.8em 0.8em 0.8em 40px;
    padding-right: 1.2em;
    background: none transparent;
    vertical-align: middle;
    font-size: 13px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    background-color: #f0f0f0;
    outline: 0; }
  .mainHeader__search_submit {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 5px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    background-color: transparent;
    outline: 0;
    border-radius: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/ic_search.png); }
  .mainHeader__logo {
    max-width: 90px;
    width: 90px; }
  .mainHeader__navArea {
    display: none; }

  #spBT {
    background-color: #fff;
    right: 5px; }

  .gNav {
    z-index: 999998;
    left: auto;
    right: 0;
    transform: translateX(102%);
    border-right: 0;
    border-left: 2px solid #000;
    padding: 60px 0 80px;
    max-width: 290px; }
    .gNav__logo {
      display: none; }
    .gNav__mainNav {
      text-align: left; }
    .gNav__mainNav_item {
      border-bottom: 1px solid #e5e5e5; }
      .gNav__mainNav_item:first-child {
        border-top: 1px solid #e5e5e5; }
      .gNav__mainNav_item a {
        font-size: 15px;
        padding: 1.2em 24px; }
    .gNav__mainNav_catItem + .gNav__mainNav_item {
      border-top: 1px solid #e5e5e5; }
    .gNav__mainNav_catItem a {
      padding: 0.8em 24px; }
    .gNav__sns a {
      width: 40px; }
    .gNav__subNav_item {
      padding: 0 24px;
      text-align: left; }
      .gNav__subNav_item a {
        color: #747474; }

  .mainFooter__nav {
    font-size: 12px; }

  .mainFooter_pages {
    padding: 30px 0 40px; }
    .mainFooter_pages__inner {
      display: block; }
    .mainFooter_pages__logo {
      display: block;
      max-width: 156px;
      margin: 0 auto 24px; }
      .mainFooter_pages__logo a {
        display: block;
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s; }
        .mainFooter_pages__logo a:hover {
          text-decoration: none; }
        .mainFooter_pages__logo a:hover {
          opacity: .8;
          text-decoration: none; }
    .mainFooter_pages__nav {
      margin-bottom: 20px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      color: #8a8a8a;
      font-size: 12px; }
      .mainFooter_pages__nav span {
        margin: 0 0.3em; }
      .mainFooter_pages__nav a {
        color: #8a8a8a; }
    .mainFooter_pages__credit {
      margin: 0; }

  .columnWrap {
    display: block;
    margin-bottom: 40px; }
    .columnWrap__main {
      width: 100%;
      margin-right: 0;
      max-width: 100%;
      padding: 0;
      margin-bottom: 65px; }
    .columnWrap__side {
      margin-left: 0;
      width: 100%; }
    .columnWrap__bar {
      display: none; }

  .mainSideBar__heading {
    padding-bottom: 0;
    border-bottom: 0;
    text-align: center; }
    .mainSideBar__heading--spStyle strong {
      display: none; }
    .mainSideBar__heading--spStyle em {
      font-size: 20px;
      font-weight: bold; }
  .mainSideBar__bannerLinks {
    margin-bottom: 60px; }
    .mainSideBar__bannerLinks .slick-track {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex; }
    .mainSideBar__bannerLinks .slick-counter {
      margin-top: 20px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mainSideBar__bannerLinks .slick-counter .number {
        width: 44px;
        text-align: center;
        font-size: 16px;
        font-weight: bold; }
      .mainSideBar__bannerLinks .slick-counter .bar {
        background-color: #e5e5e5;
        height: 4px;
        max-width: 240px;
        width: 100%;
        border-radius: 2px;
        overflow: hidden;
        position: relative; }
      .mainSideBar__bannerLinks .slick-counter .bar_in {
        background-color: #8fc31f;
        height: 4px;
        border-radius: 2px;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s; }
        .mainSideBar__bannerLinks .slick-counter .bar_in:hover {
          text-decoration: none; }
  .mainSideBar__bannerLinks_item {
    height: inherit !important;
    margin-top: 0;
    min-height: 180px;
    padding: 15px;
    outline: 0; }
    .mainSideBar__bannerLinks_item a {
      outline: 0; }
  .mainSideBar__bannerLinks_bt {
    border-radius: 4px;
    max-width: 200px;
    padding: 0.8em 2em; }
    .mainSideBar__bannerLinks_bt:after {
      right: 10px; }
  .mainSideBar__bannerLinks_item_heading1 {
    text-align: center;
    color: #fff; }
    .mainSideBar__bannerLinks_item_heading1 em {
      display: block;
      line-height: 1.2;
      margin-bottom: 20px; }
    .mainSideBar__bannerLinks_item_heading1 strong {
      max-width: 200px; }
  .mainSideBar__bannerLinks_item_heading2 {
    text-align: center; }
    .mainSideBar__bannerLinks_item_heading2 em {
      margin-bottom: 6px; }
  .mainSideBar__category_list a {
    padding: 1.0em 0.5em; }
  .mainSideBar__tag {
    margin-bottom: 60px; }
  .mainSideBar__tag_list {
    margin-top: 20px;
    text-align: center; }
    .mainSideBar__tag_list a {
      text-align: center;
      margin: 8px 5px 0; }
  .mainSideBar__searchBox {
    display: none; }
  .mainSideBar__service {
    margin-bottom: 50px; }
  .mainSideBar__service_list {
    margin-top: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .mainSideBar__service_list a {
      margin-top: 10px;
      width: calc(50% - 5px);
      min-height: 70px;
      border: 1px solid #e5e5e5;
      border-radius: 6px;
      padding: 15px; }
      .mainSideBar__service_list a:nth-child(-n+2) {
        margin-top: 0; }
      .mainSideBar__service_list a span {
        max-width: 150px; }
  .mainSideBar__service_sns a {
    width: 40px; }
  .mainSideBar__contact {
    display: block;
    margin-top: 40px; }
  .mainSideBar__contact_bt {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    border: 2px solid #000;
    padding: 0.8em 2em;
    border-radius: 8px;
    margin: 0 auto;
    max-width: 200px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    background-color: #fff; }
    .mainSideBar__contact_bt:hover {
      text-decoration: none; }
    .mainSideBar__contact_bt:after {
      content: '>';
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%) scaleY(1.4);
      font-size: 18px; }
    .mainSideBar__contact_bt:hover {
      color: #fff;
      background-color: #000; }
      .mainSideBar__contact_bt:hover .ic {
        filter: invert(100%); }
    .mainSideBar__contact_bt strong {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mainSideBar__contact_bt strong .ic {
        width: 14px;
        margin-left: 5px;
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s; }
        .mainSideBar__contact_bt strong .ic:hover {
          text-decoration: none; }
  .mainSideBar__toTop {
    display: block;
    margin-top: 40px; }
  .mainSideBar__toTop_bt {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    line-height: 1;
    border: 2px solid #000;
    padding: 0.8em 2em;
    border-radius: 8px;
    margin: 0 auto;
    max-width: 200px;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    background-color: #fabd00; }
    .mainSideBar__toTop_bt:hover {
      text-decoration: none; }
    .mainSideBar__toTop_bt:after {
      content: '<';
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%) scaleY(1.4);
      font-size: 18px; }
    .mainSideBar__toTop_bt:hover {
      color: #fff;
      background-color: #000; }
      .mainSideBar__toTop_bt:hover .ic {
        filter: invert(100%); }
    .mainSideBar__toTop_bt strong {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center; }
      .mainSideBar__toTop_bt strong .ic {
        width: 14px;
        margin-left: 5px;
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s; }
        .mainSideBar__toTop_bt strong .ic:hover {
          text-decoration: none; }

  .postList {
    display: block; }
    .postList__item {
      width: 100%;
      max-width: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 20px 0 10px;
      margin: 0 !important;
      border-bottom: 1px solid #e5e5e5; }
      .postList__item:first-child {
        padding-top: 0; }
    .postList__imgWrap {
      width: 48%; }
    .postList__img {
      outline: 0;
      display: block;
      padding-top: 64%;
      overflow: hidden;
      border-radius: 8px;
      position: relative; }
      .postList__img img {
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s; }
        .postList__img img:hover {
          text-decoration: none; }
    .postList__title {
      width: calc(52% - 20px);
      font-size: 13px;
      margin-top: 0;
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: 0; }
      .postList__title strong {
        height: auto;
        overflow: visible; }
    .postList__footer {
      width: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding-top: 5px; }
    .postList__footer_left {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: flex-start;
      align-items: center; }
    .postList__date {
      margin-right: 10px;
      font-size: 12px;
      margin-top: 5px; }
    .postList__newLabel {
      width: 30px;
      height: 30px;
      font-size: 8px; }
    .postList__cat {
      position: static;
      margin-top: 10px; }

  .postSlideWrap {
    padding: 0; }

  .postSlide {
    width: calc(100% + 40px);
    position: relative;
    left: -20px; }
    .postSlide__item {
      width: 200px;
      margin: 0 10px; }

  .moreBTWrap {
    margin-top: 40px; }
    .moreBTWrap a.moreBT {
      max-width: 200px;
      padding: 0.8em 2em; }
      .moreBTWrap a.moreBT:after {
        right: 10px; }

  .breadCrumb {
    font-size: 12px;
    margin-bottom: 30px; }

  .archiveHeading {
    font-size: 14px;
    margin-bottom: 40px; }

  .topWrap {
    padding-top: 22px; }
    .topWrap:before {
      height: 438px; }

  .firstView {
    padding: 35px 20px 20px;
    border: 2px solid #000;
    border-radius: 5px;
    margin-bottom: 70px; }
    .firstView__inner {
      display: block; }
    .firstView__right {
      padding-top: 0;
      width: 100%;
      margin-bottom: 35px; }
    .firstView__left {
      width: 100%; }
    .firstView__slide_item:hover .firstView__slide_item_title {
      padding-bottom: 00px; }
    .firstView__slide_item_img {
      padding-top: 80%; }
    .firstView__slide_item_title {
      position: static;
      background-color: transparent;
      padding: 0;
      margin-top: 0.6em; }
    .firstView__logo {
      margin: 0 auto 35px;
      width: 80%;
      max-width: 285px; }
    .firstView__catNav_list a {
      padding: 1.2em 0.5em; }

  .topHeading {
    margin-bottom: 40px; }
    .topHeading strong {
      font-size: 20px; }
    .topHeading em {
      font-size: 14px; }

  .top_newArrivals {
    margin-bottom: 70px; }

  .top_ranking {
    padding: 30px 0;
    position: relative; }
    .top_ranking:before {
      content: '';
      width: calc(100% + 20px);
      height: 100%;
      display: block;
      left: 0;
      position: absolute;
      top: 0;
      background-color: #fabd00;
      border-radius: 5px 0 0 5px; }
    .top_ranking > * {
      position: relative;
      z-index: 10; }

  #contentWrap {
    padding-top: 62px; }

  .pageWrap {
    padding-top: 20px; }

  .pager {
    margin-top: 40px; }

  .singleHeader {
    margin-bottom: 20px; }
    .singleHeader__title {
      margin-top: 20px;
      font-size: 20px; }

  .singleContent {
    font-size: 14px; }

  .singleTagList {
    margin: 20px 0 50px; }

  .singleShare {
    background-color: transparent;
    padding: 0; }
    .singleShare__heading {
      font-size: 18px;
      margin-bottom: 20px; }
    .singleShare__list {
      max-width: 290px;
      max-width: 100px;
	  }
    .singleShare .addtoany_list a {
      width: 32px !important; }
      .singleShare .addtoany_list a .a2a_s__default {
        width: 32px !important;
        height: 32px !important;
        line-height: 32px !important;
        background-size: 32px !important; }

  .singleRecommend {
    border-top: 0;
    padding: 30px 0 40px;
    position: relative; }
    .singleRecommend .moreBTWrap {
      display: none; }
    .singleRecommend__heading {
      position: relative;
      z-index: 10;
      font-size: 18px;
      margin-bottom: 30px; }
    .singleRecommend:before {
      content: '';
      width: calc(100% + 40px);
      height: 100%;
      top: 0;
      left: -20px;
      position: absolute;
      background-color: #e5e5e5; }

  .aboutWrap {
    min-height: 1px; }

  .aboutInner {
    padding-top: 20px; }

  .aboutMain {
    padding: 45px 15px;
    display: block; }
    .aboutMain__header {
      padding: 0;
      margin-bottom: 35px; }
    .aboutMain__heading {
      margin-bottom: 50px;
      width: 80%;
      max-width: 220px; }
    .aboutMain__read {
      font-size: 18px; }
    .aboutMain__content p {
      font-size: 14px;
      text-align: center; }

  .aboutToTop_bt {
    max-width: 200px;
    padding: 0.8em 2em; }

  .companyHeader {
    padding-top: 50px; }
    .companyHeader__heading {
      font-size: 20px; }
    .companyHeader__read {
      font-size: 14px;
      line-height: 2;
      font-weight: 500; }

  .companyHeading {
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(130deg, transparent, transparent 2px, rgba(237, 177, 194, 0.8) 2px, rgba(237, 177, 194, 0.8) 3px); }
    .companyHeading strong {
      font-size: 20px; }

  .companySPNav {
    margin-top: 50px; }
    .companySPNav a {
      position: relative;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-weight: bold;
      line-height: 1;
      padding: 1.5em 2em;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      font-size: 15px;
      letter-spacing: 0.1em;
      border-bottom: 1px solid #e5e5e5; }
      .companySPNav a:hover {
        text-decoration: none; }
      .companySPNav a:first-child {
        border-top: 1px solid #e5e5e5; }
      .companySPNav a:after {
        content: '>';
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%) scaleY(1.4);
        font-size: 18px;
        color: #c4023b; }
      .companySPNav a:hover {
        color: #666; }

  .companyMission {
    padding-top: 60px; }
    .companyMission__read {
      margin: 60px 0 50px;
      text-align: center; }
      .companyMission__read strong {
        font-size: 20px; }
      .companyMission__read em {
        font-size: 15px; }
    .companyMission__text {
      font-size: 14px;
      text-align: left;
      margin-bottom: 30px; }

  .companyVision {
    padding-top: 65px;
    padding-bottom: 0px; }
    .companyVision__section {
      margin-top: 50px; }
    .companyVision__heading {
      font-size: 14px;
      margin-bottom: 20px; }
    .companyVision__text {
      font-size: 14px;
      text-align: left; }

  .companyBusiness {
    padding-top: 90px;
    padding-bottom: 0;
    background-color: transparent; }
    .companyBusiness .companyHeading {
      color: #c4023b;
      background-color: transparent;
      background-image: repeating-linear-gradient(130deg, transparent, transparent 2px, rgba(237, 177, 194, 0.8) 2px, rgba(237, 177, 194, 0.8) 3px); }
    .companyBusiness__read {
      text-align: left;
      margin-top: 40px;
      margin-bottom: 40px;
      font-size: 14px;
      color: #000; }
    .companyBusiness__listWrap {
      overflow: hidden; }
    .companyBusiness__list {
      flex-wrap: nowrap;
      width: 400%;
      max-width: 400%;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s; }
      .companyBusiness__list:hover {
        text-decoration: none; }
      .companyBusiness__list[data-position="pos1"] {
        transform: translateX(0%); }
      .companyBusiness__list[data-position="pos2"] {
        transform: translateX(-25%); }
      .companyBusiness__list[data-position="pos3"] {
        transform: translateX(-50%); }
      .companyBusiness__list[data-position="pos4"] {
        transform: translateX(-75%); }
    .companyBusiness__list_item {
      margin-top: 0;
      max-width: 100%;
      width: 100%;
      flex: 1;
      border-radius: 0px;
      background-color: transparent;
      padding: 0; }
    .companyBusiness__heading strong {
      font-size: 14px; }
    .companyBusiness__heading em {
      font-size: 12px; }
    .companyBusiness__text {
      font-size: 14px; }
    .companyBusiness__nav {
      margin-bottom: 60px;
      display: flex !important;
      width: 100%; }
      .companyBusiness__nav button {
        flex: 1;
        -webkit-appearance: none;
        border: 0;
        cursor: pointer;
        background-image: none;
        text-align: center;
        color: #e5e5e5;
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        font-size: 10px;
        background: none;
        outline: 0;
        font-weight: bold;
        border-radius: 0px;
        border-left: 1px solid #e5e5e5; }
        .companyBusiness__nav button:hover {
          text-decoration: none; }
        .companyBusiness__nav button:hover {
          opacity: .8;
          text-decoration: none; }
        .companyBusiness__nav button:first-child {
          border-left: 0; }
        .companyBusiness__nav button.current {
          color: #000; }

  .companyService {
    padding-top: 70px; }
    .companyService__wrap {
      margin: 0;
      position: relative;
      width: calc(100% + 40px);
      left: -20px;
      padding: 40px 20px 50px;
      display: block;
      background-color: #c4023b; }
    .companyService__slideWrap {
      width: 100%;
      max-width: 100p; }
    .companyService__slide {
      height: auto;
      display: block;
      width: 100%;
      max-width: 100%;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      transform: none !important; }
      .companyService__slide:hover {
        text-decoration: none; }
    .companyService__slide_item {
      background-color: #fff;
      border-radius: 6px;
      padding: 30px 20px 0;
      margin-top: 20px; }
      .companyService__slide_item:first-child {
        margin-top: 0; }
    .companyService__slide_content {
      flex-direction: column-reverse; }
    .companyService__slide_img {
      margin-bottom: 0;
      margin-top: 20px;
      max-width: 100%; }
      .companyService__slide_img--2 {
        max-width: 100%;
        margin-bottom: 0;
        margin-top: 40px; }
    .companyService__slide_text {
      font-size: 14px; }
    .companyService__slide_heading {
      line-height: 1.4;
      font-weight: bold;
      margin-bottom: 20px;
      text-align: center;
      font-size: 18px; }
    .companyService__slide_bt {
      -webkit-appearance: none;
      border: 0;
      cursor: pointer;
      background-image: none;
      text-align: center;
      color: #c4023b;
      font-weight: bold;
      transition: all .3s ease 0s;
      -moz-transition: all .3s ease 0s;
      -webkit-transition: all .3s ease 0s;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
      font-size: 28px;
      background: none;
      outline: 0;
      font-weight: bold;
      border-radius: 8px;
      width: 100%;
      margin-top: 20px;
      position: relative;
      height: 30px; }
      .companyService__slide_bt:hover {
        text-decoration: none; }
      .companyService__slide_bt:hover {
        opacity: .8;
        text-decoration: none; }
      .companyService__slide_bt span {
        transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -webkit-transition: all .3s ease 0s;
        transform: rotate(-45deg);
        display: block;
        width: 16px;
        height: 16px;
        border: 3px solid transparent;
        border-top-color: #c4023b;
        border-right-color: #c4023b;
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50% -50%); }
        .companyService__slide_bt span:hover {
          text-decoration: none; }
      .companyService__slide_bt.active span {
        top: 0;
        transform: rotate(135deg); }

  .companyGroup {
    padding-top: 80px; }
    .companyGroup__read {
      font-size: 14px;
      text-align: left;
      margin: 30px 0; }
    .companyGroup__list_row {
      display: block;
      border-bottom: 1px solid #e5e5e5;
      min-height: 1px;
      padding: 40px 0; }
      .companyGroup__list_row:first-child {
        border-top: 1px solid #e5e5e5; }
      .companyGroup__list_row dt {
        width: 100%;
        padding: 0;
        max-width: 212px;
        margin: 0 auto 40px; }
        .companyGroup__list_row dt img {
          max-width: 100%; }
      .companyGroup__list_row dd {
        width: 100%;
        padding: 0;
        font-size: 14px;
        text-align: center;
        line-height: 1.4; }

  .companyLasttext {
    padding-top: 70px;
    font-size: 12px;
    font-weight: 500; }

  .companyFooter {
    padding: 70px 0 40px; }
    .companyFooter__inner {
      display: block;
      max-width: 300px; }
      .companyFooter__inner a {
        margin-top: 20px;
        width: 100%;
        font-size: 13px;
        letter-spacing: 0;
        padding: 1.5em 2em 1.5em 1em; }
        .companyFooter__inner a:first-child {
          margin-top: 0; }
        .companyFooter__inner a:after {
          right: 10px; }

  .policyMain {
    padding-bottom: 70px; }
    .policyMain__title {
      font-size: 20px; }
    .policyMain__header {
      margin-bottom: 50px; }
    .policyMain__section {
      margin-bottom: 40px; }

  .contactMain {
    padding-bottom: 70px; }
    .contactMain__title {
      font-size: 20px; }
    .contactMain__header {
      margin-bottom: 50px; }

  #contactBox .contact_dl--row {
    display: block; }
    #contactBox .contact_dl--row dt {
      width: 100%;
      margin-bottom: 0px; }
      #contactBox .contact_dl--row dt small {
        display: none; }
        #contactBox .contact_dl--row dt small.req {
          display: block; }
      #contactBox .contact_dl--row dt span {
        width: calc(100% - 65px);
        font-size: 16px; }
    #contactBox .contact_dl--row dd {
      width: 100%; }
  #contactBox .submitBox {
    margin-top: 50px; } }



@media only screen and (max-width: 800px) {
	#floating-banner.active {
		display: block !important;
		margin: -10px -20px 10px;
	}
	#floating-banner.active img {
		width: 100%;
		height: auto;
	}
	
	#floating-banner.active.fixed {
		position: fixed;
		margin: 0;
		top: 62px;
		left: 0;
        z-index: 100;
	}
	
	.breadCrumb.offset {
		margin-top: 62px;
		margin-bottom: 20px;
	}
}