@charset "UTF-8";
/*font*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }

/*! based on html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http://richclarkdesign.com */
html {
  box-sizing: border-box; }

*,
::before,
::after {
  box-sizing: inherit; }

body {
  background: transparent;
  color: #000;
  line-height: 1;
  -webkit-text-size-adjust: 100%; }
  html[lang="ja"] body {
    font-family: FFTransitStdRegular, -apple-system, "M PLUS 1p", BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; }

/* main elements group */
audio,
canvas,
progress,
video {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

/* a */
/**************************** setting end */
.about_art {
  padding: 15vw 0; }

.contact_art {
  padding: 15vw 0 0; }

.vision_area {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .vision_area .vision_l {
    width: 30%;
    margin-right: 5%; }
    .vision_area .vision_l p img {
      max-width: 100%;
      width: 100%; }
  .vision_area .vision_l_sp {
    display: none; }
  .vision_area .vision_r {
    width: 65%; }
    .vision_area .vision_r h2 {
      font-weight: bold;
      font-size: 2.14286rem;
      margin-bottom: 20px;
      letter-spacing: -0.03em; }
  .vision_area .contact_l {
    width: 35%;
    margin-right: 5%; }
    .vision_area .contact_l .ggmap {
      position: relative;
      padding-bottom: 100%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }
      .vision_area .contact_l .ggmap iframe,
      .vision_area .contact_l .ggmap object,
      .vision_area .contact_l .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .vision_area .contact_r {
    width: 60%; }
    .vision_area .contact_r h2 {
      font-weight: bold;
      font-size: 2.14286rem;
      margin-bottom: 20px; }

.creator_area {
  padding-top: 90px; }

.about_area {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .about_area.m_bb {
    margin-bottom: 60px; }
  .about_area .about_box {
    width: 49%;
    margin-right: 2%; }
    .about_area .about_box.conta001 {
      width: auto;
      margin-right: 8%; }
    .about_area .about_box:last-child {
      margin-right: 0; }
    .about_area .about_box.creator_ver {
      width: auto;
      margin-right: 60px; }
      .about_area .about_box.creator_ver .about_txt {
        margin-bottom: 14px; }
      .about_area .about_box.creator_ver:last-child {
        margin-right: 0; }
    .about_area .about_box .about_txt {
      margin-bottom: 30px; }
      .about_area .about_box .about_txt.conta001 {
        margin-bottom: 15px; }
      .about_area .about_box .about_txt.top_bee {
        padding-top: 90px; }
      .about_area .about_box .about_txt h3 {
        font-weight: bold;
        font-size: 1.35714rem;
        margin-bottom: 10px; }
      .about_area .about_box .about_txt h4 {
        font-size: 0.92857rem;
        font-weight: bold; }
      .about_area .about_box .about_txt p {
        font-size: 0.92857rem;
        line-height: 2; }
      .about_area .about_box .about_txt span {
        font-size: 1rem;
        line-height: 2; }
        .about_area .about_box .about_txt span:first-child {
          margin-right: 30px; }
      .about_area .about_box .about_txt a {
        font-size: 1rem;
        text-decoration: underline; }
        .about_area .about_box .about_txt a:hover {
          text-decoration: none; }
      .about_area .about_box .about_txt h5 {
        font-size: 0.85714rem;
        margin-bottom: 15px; }
      .about_area .about_box .about_txt em {
        font-size: 0.85714rem;
        margin-bottom: 15px; }

.about_flx {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .about_flx .about_flx_num {
    font-size: 0.92857rem;
    line-height: 2; }
  .about_flx .about_flx_txt {
    margin-left: 15px; }
    .about_flx .about_flx_txt p {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative;
      z-index: 0; }
      .about_flx .about_flx_txt p.ire02 {
        margin-left: 19px; }
      .about_flx .about_flx_txt p.ire03 {
        margin-left: 38px; }
      .about_flx .about_flx_txt p::before {
        position: absolute;
        top: 5px;
        left: 0;
        content: "";
        background-image: url(/image/flag/JAPAN.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width: 19px;
        height: 13px;
        border: 1px solid #f0f0f0; }
      .about_flx .about_flx_txt p.canada::before {
        background-image: url(/image/flag/CANADA.png); }
      .about_flx .about_flx_txt p.hong-kong::before {
        background-image: url(/image/flag/HONG-KONG.png); }
      .about_flx .about_flx_txt p.italy::before {
        background-image: url(/image/flag/ITALY.png); }
      .about_flx .about_flx_txt p.usa::before {
        background-image: url(/image/flag/USA.png); }
      .about_flx .about_flx_txt p.germany::before {
        background-image: url(/image/flag/GERMANY.png); }
      .about_flx .about_flx_txt p.china::before {
        background-image: url(/image/flag/CHINA.png); }
      .about_flx .about_flx_txt p.swiss::before {
        background-image: url(/image/flag/SWISS.png); }
      .about_flx .about_flx_txt p.newzealand::before {
        background-image: url("/image/flag/NEW_ZEALAND.png"); }
      .about_flx .about_flx_txt p.taiwan::before {
        background-image: url("/image/flag/TAIWAN.png"); }
      .about_flx .about_flx_txt p.uk::before {
        background-image: url("/image/flag/UK.png"); }
      .about_flx .about_flx_txt p .htg_txt {
        font-size: 0.92857rem;
        line-height: 2;
        margin-left: 32px;
        margin-right: 0 !important; }

.works_name_ja {
  font-size: 1.64286rem;
  line-height: 1.4; }

.works_name_en {
  font-size: 1.21429rem;
  line-height: 1.4; }

.works_art_name {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
  margin-bottom: 40px; }
  .works_art_name p:first-child {
    font-size: 0.78571rem; }
  .works_art_name p {
    color: #999;
    font-size: 0.85714rem; }
    .works_art_name p.o_e {
      margin-left: auto; }

.works_img p {
  margin-bottom: 60px; }
  .works_img p:last-child {
    margin-bottom: 0; }
  .works_img p.vertical {
    margin: 0 21vw 60px 21vw; }
  .works_img p img {
    max-width: 100%;
    width: 100%; }

/*****for contents more_list****/
.more_list {
  width: 90%;
  margin: 0 auto;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .more_list li {
    margin-bottom: 40px;
    width: 49%;
    margin-right: 2%; }
    .more_list li:nth-child(2n) {
      margin-right: 0; }
    .more_list li:last-child {
      margin-bottom: 0; }
    .more_list li .more_area {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 10px; }
      .more_list li .more_area .more_l h3 {
        font-size: 1rem;
        line-height: 1.3; }
      .more_list li .more_area .more_l p {
        font-size: 0.85714rem;
        line-height: 1.3; }
      .more_list li .more_area .more_r {
        font-size: 0.78571rem;
        line-height: 1.3; }
    .more_list li .top_more {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: relative; }
      .more_list li .top_more::before {
        position: absolute;
        content: "";
        left: 0;
        background: rgba(255, 240, 0, 0.8);
        width: 0;
        height: 100%;
        z-index: 1;
        -webkit-transition: 1s;
        transition: 1s;
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s; }
      .more_list li .top_more .top_more_txt {
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        z-index: 2;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        width: 100%;
        height: 100%; }
        .more_list li .top_more .top_more_txt p {
          font-weight: bold;
          font-size: 1.71429rem;
          -webkit-transform: translate(-20px, 0);
          -ms-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
          opacity: 0;
          -webkit-transition: 0.4s;
          transition: 0.4s;
          -webkit-transition-delay: 0;
                  transition-delay: 0; }
      .more_list li .top_more .top_more_img {
        background: black; }
        .more_list li .top_more .top_more_img img {
          max-width: 100%;
          width: 100%;
          -webkit-transition: 0.6s;
          transition: 0.6s;
          -webkit-transition-delay: 0.2s;
                  transition-delay: 0.2s; }
      .more_list li .top_more:hover .top_more::before {
        width: 100%;
        -webkit-transition: 0.4s;
        transition: 0.4s; }
      .more_list li .top_more:hover .top_more_txt p {
        opacity: 1;
        -webkit-transition: 0.7s;
        transition: 0.7s;
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
      .more_list li .top_more:hover .top_more_img {
        position: relative; }
        .more_list li .top_more:hover .top_more_img img {
          -webkit-filter: saturate(0%);
                  filter: saturate(0%);
          -webkit-transition: 0.4s;
          transition: 0.4s;
          -webkit-transition-delay: 0;
                  transition-delay: 0;
          opacity: 0.6; }

#kanren {
  margin-bottom: 10vw; }

/*****for contents more_list end****/
#common_project {
  padding: 9vw 0 15vw;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  #common_project section#bb001 {
    float: left;
    width: 65%;
    padding-bottom: 30px;
    padding-left: 4%; }
    #common_project section#bb001.bb {
      width: 65%; }
  #common_project section#bb002 {
    float: right;
    width: 30%;
    padding-right: 4%; }

.common_tit_area {
  max-width: 1400px;
  width: 94%;
  margin: 0 auto 5vw auto; }
  .common_tit_area.w_max {
    width: 100%; }
  .common_tit_area .common_tit {
    font-size: 1.71429rem;
    font-weight: bold; }

.dete_area {
  margin-bottom: 60px; }
  .dete_area .dete_tit {
    font-size: 1.28571rem;
    font-weight: bold; }
  .dete_area .dete_tit_en {
    font-size: 1.14286rem; }
  .dete_area .dete_box {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 30px; }
    .dete_area .dete_box .dete_time {
      font-size: 1rem;
      color: #999; }
    .dete_area .dete_box .cate_gory {
      display: block;
      margin-left: auto;
      font-size: 1rem;
      color: #999; }

#txt_area * {
  font-size: 1rem;
  line-height: 2; }

#txt_area img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 0 auto 40px auto; }

#txt_area h3 {
  font-size: 1.14286rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.5; }

#txt_area h4 {
  font-size: 1.07143rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.5; }

#txt_area h5 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.5; }

#txt_area p {
  font-size: 1rem;
  line-height: 2; }

#txt_area ul {
  margin-bottom: 20px; }
  #txt_area ul li {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    #txt_area ul li::before {
      content: "・";
      margin-right: 5px; }

#txt_area ol {
  margin-bottom: 20px; }
  #txt_area ol li {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    counter-increment: number;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    #txt_area ol li::before {
      content: "" counter(number) ".";
      margin-right: 5px; }

#txt_area a {
  font-size: 1rem;
  color: #cec100;
  text-decoration: underline;
  cursor: pointer; }

#txt_area sup {
  font-size: 75.5%;
  vertical-align: top;
  position: relative;
  top: -0.1em; }

#txt_area sub {
  font-size: 75.5%;
  vertical-align: bottom;
  position: relative;
  top: 0.1em; }

#txt_area strong,
#txt_area b {
  font-weight: bold; }

#txt_area i,
#txt_area em {
  font-style: italic; }

#txt_area del {
  text-decoration: line-through; }

#txt_area table {
  border-left: solid 1px #ddd;
  border-top: solid 1px #ddd;
  width: 100%;
  margin-bottom: 40px; }
  #txt_area table th,
  #txt_area table td {
    border-bottom: solid 1px #ddd;
    border-right: solid 1px #ddd;
    font-size: 1rem; }
  #txt_area table th {
    background: #f7f7f7;
    width: 25%;
    text-align: center;
    padding: 20px 10px;
    vertical-align: top;
    font-weight: bold; }
  #txt_area table td {
    padding: 20px 20px 20px 30px; }

.wp-pagenavi {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .wp-pagenavi .pages {
    display: none; }
  .wp-pagenavi .current {
    display: block;
    font-size: 1rem;
    height: 50px;
    width: 50px;
    background: #000;
    margin: 0 5px;
    color: #fff;
    line-height: 1;
    border: solid 1px #ccc;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .wp-pagenavi .larger {
    display: block;
    font-size: 1rem;
    height: 50px;
    width: 50px;
    margin: 0 5px;
    line-height: 1;
    border: solid 1px #ccc;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .wp-pagenavi .larger:hover {
      background: #fff000; }
  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink {
    display: none; }

.cate_box {
  margin-bottom: 30px; }
  .cate_box .cate_list {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .cate_box .cate_list li {
      border-left: 1px solid #000;
      line-height: 1; }
      .cate_box .cate_list li:last-child {
        border-right: 1px solid #000; }
      .cate_box .cate_list li a {
        display: block;
        line-height: 1;
        padding: 0 20px;
        font-size: 1rem; }
        .cate_box .cate_list li a:hover {
          text-decoration: underline; }
        .cate_box .cate_list li a.active {
          text-decoration: underline; }
        @media all and (-ms-high-contrast: none){
  body{
    font-family: Verdana, Meiryo, sans-serif; } }
        @media screen and (max-width: 1000px){
  .about_art{
    padding: 30vw 0 15vw; }
  .contact_art{
    padding: 30vw 0 0; }
  .vision_area.rev{
    -webkit-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
  .vision_area.rev .vision_r{
    margin-bottom: 17px; }
  .vision_area.rev .vision_l{
    margin-bottom: 30px; }
  .vision_area .vision_l p img{
    width: 60%; }
  .vision_area .vision_l p{
    margin: 0 30px;
    text-align: center; }
  .vision_area .vision_l.pro{
    display: none; }
  .vision_area .vision_l{
    width: 100%;
    margin-right: 0; }
  .vision_area .vision_l_sp{
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px; }
  .vision_area .vision_l_sp p img{
    max-width: 100%;
    width: 100%; }
  .vision_area .vision_r{
    width: 100%;
    margin-right: 0; }
  .vision_area .contact_l .ggmap{
    padding-bottom: 60%; }
  .vision_area .contact_l{
    width: 100%;
    margin-right: 0; }
  .vision_area .contact_r h2{
    font-size: 1.64286rem;
    margin-bottom: 15px; }
  .vision_area .contact_r{
    width: 100%;
    padding-top: 30px; }
  .vision_area{
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .creator_area{
    padding-top: 60px; }
  .about_area.m_bb{
    margin-bottom: 30px; }
  .about_area .about_box.creator_ver .about_txt{
    margin-bottom: 6px; }
  .about_area .about_box.creator_ver{
    margin-right: 0; }
  .about_area .about_box .about_txt.top_bee{
    padding-top: 20px; }
  .about_area .about_box .about_txt h3{
    font-size: 1rem;
    margin-bottom: 5px; }
  .about_area .about_box .about_txt h4{
    font-size: 0.92857rem; }
  .about_area .about_box .about_txt p{
    font-size: 0.78571rem; }
  .about_area .about_box .about_txt span{
    font-size: 0.78571rem; }
  .about_area .about_box .about_txt a{
    font-size: 0.78571rem; }
  .about_area .about_box .about_txt h5{
    font-size: 0.71429rem;
    margin-bottom: 5px; }
  .about_area .about_box .about_txt em{
    font-size: 0.71429rem;
    margin-bottom: 5px; }
  .about_area .about_box .about_txt{
    margin-bottom: 15px; }
  .about_area .about_box{
    width: 100%;
    margin-right: 0; }
  .about_area .about_box:first-child{
    margin-bottom: 20px; }
  .about_area{
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .about_flx .about_flx_num{
    font-size: 0.78571rem; }
  .about_flx .about_flx_txt{
    font-size: 0.78571rem; }
  .works_name_ja{
    font-size: 1.28571rem; }
  .works_name_en{
    font-size: 0.85714rem; }
  .works_art_name p{
    font-size: 0.71429rem; }
  .works_art_name p:last-child{
    display: none; }
  .works_art_name{
    padding-top: 10px;
    margin-bottom: 20px; }
  .works_img p.vertical{
    margin: 0 0 40px 0; }
  .works_img p img{
    max-width: initial;
    width: 106%;
    display: block;
    margin: 0 -3%; }
  .works_img p{
    margin-bottom: 20px; }
  .more_list li{
    width: 100%;
    margin-right: 0; }
  .more_list li .more_area .more_l h3{
    font-size: 1rem; }
  .more_list li .more_area .more_l p{
    font-size: 0.85714rem; }
  .more_list li .more_area .more_r{
    display: none; }
  .more_list li .more_area{
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .more_list li a.top_more{
    margin: 0 -6%; }
  .more_list li .top_more::before{
    display: none; }
  .more_list li .top_more .top_more_txt{
    display: none; }
  .more_list li .top_more .top_more_img{
    position: relative;
    z-index: -1; }
  #common_project section#bb001.bb{
    width: 100%; }
  #common_project section#bb001{
    float: none;
    width: 100%;
    padding-left: 0;
    padding-bottom: 0; }
  #common_project section#bb002.bb{
    width: 100%; }
  #common_project section#bb002{
    padding-right: 0; }
  #common_project section{
    clear: both; }
  #common_project{
    padding: 40vw 0 15vw;
    width: 94%;
    overflow: inherit !important; }
  .common_tit_area .common_tit{
    font-size: 1.5rem;
    margin: 0 auto 40px auto; }
  .dete_area .dete_tit{
    font-size: 1.21429rem; }
  .dete_area .dete_tit_en{
    font-size: 1.07143rem; }
  .dete_area .dete_box .dete_time{
    font-size: 0.92857rem; }
  .dete_area .dete_box .cate_gory{
    font-size: 0.92857rem; }
  .dete_area .dete_box{
    margin-top: 15px; }
  .dete_area{
    margin-bottom: 50px; }
  #txt_area *{
    font-size: 0.92857rem; }
  #txt_area img{
    margin: 0 auto 20px auto; }
  #txt_area h3{
    font-size: 1.07143rem; }
  #txt_area h4{
    font-size: 1rem; }
  #txt_area h5{
    font-size: 0.92857rem; }
  #txt_area p{
    font-size: 0.92857rem; }
  #txt_area ul li{
    font-size: 0.92857rem; }
  #txt_area ul{
    margin-bottom: 10px; }
  #txt_area ol li{
    font-size: 0.92857rem; }
  #txt_area ol{
    margin-bottom: 10px; }
  #txt_area a{
    font-size: 0.92857rem; }
  #txt_area table th,
      #txt_area table td{
    font-size: 0.92857rem;
    display: block;
    width: 100% !important; }
  #txt_area table th{
    padding: 10px 5px; }
  #txt_area table td{
    padding: 10px 10px 10px 15px; }
  #txt_area table{
    margin-bottom: 20px; }
  .wp-pagenavi .current{
    height: 30px;
    width: 30px;
    font-size: 0.92857rem; }
  .wp-pagenavi .larger{
    height: 30px;
    width: 30px;
    font-size: 0.92857rem; }
  .cate_box .cate_list li a{
    padding: 0 15px;
    font-size: 0.92857rem; }
  .cate_box .cate_list li{
    margin-top: 15px; }
  .cate_box{
    margin-bottom: 15px; } }
        @media screen and (max-width: 1000px) and (max-width: 1000px){
  .vision_area .vision_l_sp p{
    margin: 0 30px; } }
        @media screen and (min-width: 1001px){
  #txt_area a:hover{
    text-decoration: none; } }