@charset "UTF-8";
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイル */

/************************************
** 基本設定
************************************/


#body ul, #body ul li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#body dl, #body dt, #body dd {
 margin: 0;
 padding: 0;
}
#body {
 max-width: 100%;
}

::selection {
 background: #000;
 color: #fff;
}

#container {
 padding: 0;
 margin: 0 auto;
}


a:hover img {
 opacity: .5;
 -webkit-opacity: .5;
 -moz-opacity: .5;
 filter: alpha(opacity=50); /* IE lt 8 */
 -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
 -webkit-transition: opacity 1s ease-out;
 -moz-transition: opacity 1s ease-out;
 -ms-transition: opacity 1s ease-out;
 transition: opacity 1s ease-out;
}


/* PC */
@media screen and (min-width:751px) {
 .pc-only {
  display: block;
 }
 .sp-only {
  display: none;
 }
}

/* スマホ */
@media screen and (max-width:750px) {
 .pc-only {
  display: none;
 }
 .sp-only {
  display: block;
 }
}



/************************************
** ナビゲーション
************************************/

header #h-top {
 width: 100%;
}
header nav {
 padding: 0;
}
header nav #navi .menu {
 width: 100%;
}
header nav #navi .menu li {
 font-size: 18px;
}
header nav #navi .menu li a {
 
}

header #mobile-navi {
 display: none;
}


/* PC */
@media screen and (min-width:961px) {
 #header nav#mobile-navi {
  display: none !important;
 }
}

/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 #mobile-navi-in #mobile-navi-logo {
  padding: 2.5% 5% !important;
 }
}

/* スマホ */
@media screen and (max-width:960px) {
 header nav#mobile-navi {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  float: inherit;
  background-color: #fff;
  width: calc( 100% - 10px);
  height: calc( 100vh - 10px);
  padding-top: 0;
  margin-left: 0 !important;
  border: 5px solid #ffff00;
 }
 #mobile-navi-in {
  width: 80%;
  margin: 0 auto;
 }
 #mobile-navi #mobile-logo {
  width: 50vw;
  margin: 0 auto;
  padding: 5vw 0 0 0;
 }
 #mobile-navi #mobile-logo a {
  display: block;
 }
 #mobile-navi #mobile-navi-menu {
  width: 100%;
  margin: 10vw 0;
  padding: 0;
  list-style-type: none;
 }
 #mobile-navi #mobile-navi-menu > li {
  width: 100%;
  font-size: 20px;
  line-height: 1;
  margin: 0 0 1em 0;
  padding: 0;
 }
 #mobile-navi #mobile-navi-menu > li small {
  display: block;
  font-size: 10px;
  margin-top: .5em;
 }
 #mobile-navi .otherlink {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  width: 40%;
  margin: 5vw 0 0 0;
  padding: 0;
  list-style-type: none;
 }
 #mobile-navi .otherlink li {
  width: 25%;
 }
 
 
 
}



/************************************
** 投稿・ページ
************************************/

.entry-content img {
 display: block;
}
.page article h2 {
 line-height: 1.6;
 margin: 0;
}
/* 共通ボタン */
.btn-wrap {
 width: 100%;
}
.btn-single {
 width: auto;
}
.btn-single a {
 display: block;
 min-width: 160px;
 font-weight: 300;
 font-style: normal;
 font-size: 12px;
 line-height: 1;
 color: #a6192e;
 text-align: center;
 margin: 0 auto;
 padding: 10px;
 border: 1px solid #a6192e;
 transition-property: all;
 transition: 0.3s linear;
}
.btn-single a:hover {
 opacity: 1;
 background: #a6192e;
 color: #fff;
}


.btn1 a.btn-more {
 position:relative;
 display: block;
 width: 140px;
 font-size: 24px;
 line-height: 1;
 text-align: center;
 margin: 0 auto;
 padding: .3em 1.5em .7em .2em;
 border: 3px solid #000;
}
.btn1 a.btn-more:hover {
 opacity: 1;
}
.btn1 a.btn-more:after {
 position: absolute;
 right: 1.5em;
 top: 11px;
 content: "";
 background: url(images/arrow-black.png) no-repeat center center;
 width: 16px;
 height: 23px;
}
.btn1 a.btn-more:hover {
 background-color: #000;
 color: #fff;
}
.btn1 a.btn-more:hover:after {
 background: url(images/arrow-black-hover.png) no-repeat center center;
}

a.btn2 {
 display: block;
 width: 200px;
 font-size: 18px;
 color: #fff;
 text-align: center;
 padding: 10px;
 border: 1px solid #fff;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {

}

/* スマホ */
@media screen and (max-width:750px) {
 
}



/************************************
** footer
************************************/

footer {
}



/************************************
** 共通パーツ
************************************/

.sec_inner {
 width: 100%;
 margin: 0 auto;
}

.bx-wrapper {
 box-shadow: none !important;
 border: none !important;
 background: none !important;
}


/* スマホ */
@media screen and (max-width:750px) {
 
}


.fs18 {font-size: 18px;}
.fs16 {font-size: 16px;}




/************************************
** HOME(home)
************************************/

.home {
}
.home #site-title{
 width: 385px;
}
.home nav#gnavi{
 top: 0;
}
.home nav#otherlink  {
 top: 0;
}
.home #container {
 
}
.home #site-title {
 
}


/* keyvisual */
.home #keyvisual {
 width: 100%;
 margin-bottom: 25vw;
 padding: 0;
}
.home #keyvisual .sec_inner {
 position: relative;
 width: 90%;
 margin: 0 auto;
}
.home #keyvisual .bx-wrapper {
 width: 50%;
 margin: 0 auto;
}
.home #keyvisual h1 {
 position: absolute;
 top: 30%;
 z-index: 20;
 font-size: 63px;
 line-height: 1.5;
}
.home #keyvisual h1 strong {
 background: url(images/bg-yellow.png) left center repeat-x;
 background-size: auto 1.2em;
 padding: 0.5em 0;
}
.home #keyvisual p {
 position: absolute;
 bottom: -15vw;
 left: 5%;
 width: 55%;
 font-size: 24px;
 line-height: 2;
 letter-spacing: 0.05em;
 text-align: justify;
 text-justify: inter-ideograph;
 margin: 0;
}
.home #keyvisual figure {
 position: absolute;
 bottom: -15vw;
 right: 0%;
 width: 35%;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
 .home #keyvisual {
  margin-bottom: 55vw;
  padding-top: 10vw;
 }
 .home #keyvisual .bx-wrapper {
  width: 75%;
  padding-left: 5%;
 }
 .home #keyvisual h1 {
  top: -12vw;
 }
 .home #keyvisual p {
  bottom: inherit;
  top: 72vw;
  left: 5%;
  width: 35vw;
 }
 .home #keyvisual figure {
  bottom: inherit;
  right: 0;
  top: 53vw;
  width: 45%;
 }
 
}


/* スマホ */
@media screen and (max-width:750px) {
 
 .home #site-title {
  position: relative;
  z-index: 30;
 }
 .home #keyvisual {
  position: relative;
  top: -8vw;
  z-index: 1;
  margin-bottom: 90vw;
 }
 .home #keyvisual .bx-wrapper {
  width: 100%;
  margin: 0 auto;
 }
 .home #keyvisual .sec_inner {
  margin: 0 auto;
 }
 .home #keyvisual h1 {
  left: 0%;
  top: 95vw;
  font-size: 32px;
 }
 .home #keyvisual p {
  bottom: inherit;
  top: 140vw;
  left: 0%;
  width: 95%;
  font-size: 16px;
 }
 .home #keyvisual figure {
  right: 0%;
  bottom: inherit;
  top: 93vw;
  width: 60%;
 }
 
}




/* CASE STUDIES */
.home #case-studies {
 width: 96%;
 margin: 0 auto;
 padding-bottom: 10%;
}
.home #case-studies h2 {
 font-size: 24px;
 text-align: center;
 margin: 0 0 2rem 0;
}
.home #case-studies h2 small {
 font-size: 18px;
 margin-left: 1em;
}
.home #case-studies .sec_inner {
 
}

.home #case-studies ul {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
.home #case-studies ul li {
 width: 49%;
 margin: 0 0 3rem 0;
 padding: 0;
}
.home #case-studies ul li a img {
 display: block;
 width: 100%;
 height: auto;
 margin-bottom: 2rem;
}
.home #case-studies ul li span {
 display: block;
 line-height: 1.5;
 text-align: center;
}
.home #case-studies ul li span.title {
 font-size: 20px;
}
.home #case-studies ul li span.subtitle {
 font-size: 13px;
 margin-top: 1em;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #case-studies {
  width: 90%;
  margin: 0 auto;
 }
 .home #case-studies h2 {
  font-size: 18px;
  margin-bottom: 10vw;
 }
 .home #case-studies h2 small {
  display: block;
  font-size: 13px;
  margin-left: 0;
 }
 .home #case-studies ul li {
  width: 100%;
 }
 .home #case-studies ul li span.title {
  font-size: 15px;
 }
 .home #case-studies ul li span.subtitle {
  font-size: 10px;
 }
 
 
}




/* CASE STUDIES */
.home #lab {
 position: relative;
 width: 85%;
 margin: 0 auto;
 padding: 5%;
 border-top: 1px solid #000;
}
.home #lab h2 {
 font-size: 30px;
 margin-bottom: 3rem;
}
.home #lab h2 small {
 display: block;
 font-size: 18px;
 line-height: 1.6;
 margin-top: 1em;
}
.home #lab figure {
 position: absolute;
 right: 0;
 top: 5vw;
 z-index: 100;
 width: 280px;
}
.home #lab .sec_inner {
 
}

.home #lab ul {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
}
.home #lab ul li {
 width: 32%;
 margin: 0 2% 3rem 0;
 padding: 0;
}
.home #lab ul li:nth-child(3n) {
 margin-right: 0;
}
.home #lab ul li a {
 display: block;
 position: relative;
 z-index: 30;
}
.home #lab ul li a img {
 display: block;
 width: 100%;
 height: auto;
 margin-bottom: 1rem;
 border-radius: 20px;
}
.home #lab ul li span {
 display: block;
 text-align: center;
 line-height: 1.5;
}
.home #lab ul li span.title {
 font-size: 20px;
}
.home #lab ul li span.subtitle {
 font-size: 13px;
 margin-top: 1em;
}
.home #lab ul li:nth-child(6) {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;

 /* 左右中央寄せ */
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;

 /* 上下中央寄せ */
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.home #lab ul li:nth-child(6) > div {
 position: relative;
 top: -3vw;
}
.home #lab ul li:nth-child(6) > div span {
 display: block;
 font-size: 18px;
 margin-bottom: 2rem;
}
.home #lab .sec_inner > div.btn1 {
 display: none;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
 .home #lab ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;rem 0 !important;
  padding: 0;
 }
 .home #lab ul li {
  width: 49%;
  margin: 0 0 3rem 0 !important;
  padding: 0;
 }
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #lab {
  padding: 5% 5% 15vw 5%;
 }
 .home #lab h2 {
  padding-top: 10vw;
 }
 .home #lab h2 {
  font-size: 30px;
  margin-bottom: 5vw;
 }
 .home #lab h2 small {
  font-size: 13px;
 }
 .home #lab figure {
  right: 0;
  top: 18vw;
  width: 30vw;
 }
 .home #lab ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;rem 0 !important;
  padding: 0;
 }
 .home #lab ul li {
  width: 100%;
  margin: 0 !important;
 }
 .home #lab ul li span.title {
  font-size: 13px;
 }
 .home #lab ul li span.subtitle {
  font-size: 9px;
 }
 .home #lab ul li:nth-child(6) {
  display: none;
 }
 .home #lab .sec_inner > div.btn1 {
  display: block;
  text-align: center;
 }
 .home #lab .sec_inner > div.btn1 span {
  display: block;
  font-size: 13px;
  margin-bottom: 1rem;
 }
 
}




/* NEWS */
.home #news {
 position: relative;
 width: 85%;
 margin: 0 auto;
 padding: 10% 5%;
 border-top: 1px solid #000;
}
.home #news h2 {
 position: absolute;
 font-size: 30px;
}
.home #news .sec_inner {
 width: 75%;
 padding-left: 25%;
}

.home #news ul {
 
}
.home #news ul li {
 width: 100%;
 margin: 0;
 padding: 1.5em 0 !important;
 border-bottom: 1px solid #000;
}
.home #news ul li span {
 line-height: 1.5;
}
.home #news ul li span.title {
 display: block;
 font-size: 16px;
}
.home #news ul li span.date {
 display: block;
 font-size: 12px;
 margin-top: 1em;
}
.home #news ul li span.date a {
 
}

.home #news .btn2 {
 font-size: 18px;
 margin: 2rem 0;
}

.home #news .sub-category {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border: none;
}
.home #news .sub-category li {
 width: auto;
 margin-right: 1%;
 margin-bottom: 1%;
 padding: 0 !important;
 border: none;
}
.home #news .sub-category li a {
 display: block;
 font-size: 16px;
 padding: 5px;
 border: 2px solid #000;
}
.home #news .sub-category li a:hover {
 background-color: #000;
 color: #fff;
 opacity: 1;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #news {
  
 }
 .home #news h2 {
  position: inherit;
  font-size: 18px;
  margin: 5vw 0 10vw 0;
 }
 .home #news .sec_inner {
  width: 100%;
  padding-left: 0%;
 }
 .home #news ul li span.title {
  font-size: 13px;
 }
 .home #news ul li span.date {
  font-size: 9px;
 }
 .home #news .btn2 {
  font-size: 13px;
 }
 .home #news .sub-category li a {
  font-size: 12px;
 }
 
}



/* SERVICE */
.home #service {
 position: relative;
 width: 85%;
 background-color: #f3f3f3;
 margin: 0 auto;
 padding: 10% 7.5%;
}
.home #service h2 {
 position: absolute;
 font-size: 30px;
}
.home #service .sec_inner {
 width: 75%;
 padding-left: 25%;
}
.home #service h3 {
 font-size: 47px;
 margin-bottom: 1em;
}
.home #service dl {
 
}
.home #service dl dt {
 font-size: 26px;
 margin-bottom: 1em;
}
.home #service dl dd {
 font-size: 18px;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #service h2 {
  position: inherit;
  font-size: 18px;
  margin-bottom: 5vw;
 }
 .home #service .sec_inner {
  width: 100%;
  padding-left: 0%;
 }
 .home #service h3 {
  font-size: 26px;
 }
 .home #service dl dt {
  font-size: 15px;
 }
 .home #service dl dd {
  font-size: 13px;
 }
 
}



/* STRENGTH */
.home #strength {
 position: relative;
 width: calc( 80% - 14px);
 margin: 0 auto;
 padding: 10%;
 border: 7px solid #ffff00;
}
.home #strength h2 {
 position: absolute;
 right: 10%;
 font-size: 60px;
 line-height: 1.5;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
}
.home #strength .sec_inner {
 width: 70%;
 padding-right: 25%;
}
.home #strength dl {
 line-height: 1.8;
 margin-bottom: 3rem;
}
.home #strength dl dt {
 font-size: 26px;
 margin-bottom: .5em;
}
.home #strength dl dd {
 font-size: 16px;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #strength {
  width: calc( 90% - 14px);
  padding: 5%;
 }
 .home #strength h2 {
  right: 5%;
  font-size: 30px;
 }
 .home #strength .sec_inner {
  width: 80%;
  padding-right: 20%;
 }
 .home #strength dl dt {
  font-size: 20px;
 }
 .home #strength dl dd {
  font-size: 12px;
}
 
}



/* COMPANY */
.home #company {
 position: relative;
 width: 85%;
 margin: 0 auto;
 padding: 10% 5%;
}
.home #company h2 {
 position: absolute;
 font-size: 30px;
}
.home #company .sec_inner {
 width: 75%;
 padding-left: 25%;
}
.home #company .sec_inner h3 {
 font-size: 26px;
}
.home #company .sec_inner p {
 font-size: 16px;
}
.home #company table {
 width: 100%;
 margin: 5rem 0;
 border-collapse: collapse;
 border-top: 1px solid #000;
}
.home #company table th,
.home #company table td {
 font-size: 14px;
 padding: 1.5em 0;
 border-bottom: 1px solid #000;
}
.home #company table th {
 width: 20%;
 text-align: left;
 white-space: nowrap;
 vertical-align: top;
}
.home #company table dl {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.home #company table dl dt {
 width: 5em;
 white-space: nowrap;
}
.home #company table dl dd {
 width: 85%;
}
.home #company table ul li {
 
}
.home #company table ul li:before {
 display: inline-block;
 content: "・";
}

.home #company #profile {
 position: relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
.home #company #profile figure {
 width: 20%;
 padding: 0 0 0 5%;
}
.home #company #profile > div {
 width: 60%;
}
.home #company #profile > div h3 {
 font-size: 18px;
}
.home #company #profile > div h3 small {
 display: block;
 font-size: 14px;
 margin-top: 1em;
}
.home #company #profile > div p {
 font-size: 14px;
}
.home #company #profile > div h4 {
 font-size: 22px;
 line-height: 1.8;
 background-color: #ffff00;
 margin-top: 2em;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #company h2 {
  position: inherit;
  font-size: 18px;
  margin-bottom: 5vw;
 }
 .home #company .sec_inner {
  width: 100%;
  padding-left: 0%;
 }
 
 .home #company .sec_inner h3 {
  font-size: 15px;
 }
 .home #company .sec_inner p {
  font-size: 13px;
 }
 .home #company table {
  margin: 10vw 0;
 }
 .home #company table th,
 .home #company table td {
  font-size: 12px;
  padding: 1.5em 0;
 }
 
 .home #company #profile {
  display: block;
 }
 .home #company #profile figure {
  width: 20vw;
  padding: 0;
 }
 .home #company #profile > div {
  width: 100%;
 }
 .home #company #profile > div h3 {
  position: absolute;
  left: 30vw;
  top: 7vw;
 }
 .home #company #profile > div p {
  font-size: 11px;
 }
 .home #company #profile > div h4 {
  font-size: 16px;
 }
 
}



/* CONTACT */
.home #contact {
 position: relative;
 width: 100%;
 margin: 0;
 padding: 0;
}
.home #contact figure img.pc-only {
 display: block;
}
.home #contact figure img.sp-only {
 display: none;
}
.home #contact h2 {
 position: absolute;
 left: 7.5%;
 font-size: 30px;
}
.home #contact .sec_inner {
 width: 63.5%;
 margin: 0;
 padding-top: 7.5%;
 padding-left: 28.5%;
}
.home #contact .sec_inner p {
 font-size: 18px;
 margin: 0;
}
.home #contact .tel {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-align-items: center;
 align-items: center;
 margin: 3rem 0;
}
.home #contact .tel dt {
 margin-right: 5%;
}
.home #contact .tel dd {
 font-size: 14px;
}
.home #contact .tel dd a {
 display: block;
 font-size: 48px;
 line-height: 1;
 margin-bottom: 10px;
}
.home #contact .tel dd small {
 display: block;
 font-size: 14px;
}



.home #contact .wpcf7 {
 padding: 0;
}
.home #contact table {
 width: 100%;
 border: none;
}
.home #contact h3{
 
}
.home #contact table th,
.home #contact table td {
 font-size: 16px;
 text-align: left;
 vertical-align: top;
 padding-top: 2em;
}
.home #contact table th {
 width: 35%;
 background-color: transparent;
 border: none;
}
.home #contact table th small {
 margin-left: .5em;
}
.home #contact table td {
 border: none;
 border-bottom: 1px solid #000;
}
.home #contact table td.noborder {
 border-bottom: none;
}
.home #contact table td input[type="text"],
.home #contact table td input[type="email"] {
 font-family: kozuka-gothic-pr6n, sans-serif;
 font-size: 18px;
 padding: 10px 5px;
 border: none;
}
.home #contact table td input[type="text"]::placeholder,
.home #contact table td input[type="email"]::placeholder,
.home #contact table td textarea::placeholder {
 font-family: kozuka-gothic-pr6n, sans-serif;
 font-weight: normal;
 color: #ccc;
}
.home #contact table td input[type="text"]:focus,
.home #contact table td input[type="email"]:focus,
.home #contact table td select:focus,
.home #contact table td textarea:focus {
 box-shadow: none;
 outline: none;
}
.home #contact table td select{
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none; 
 background: url(./images/icon-arrow2.png) no-repeat right center;
 width: 97%;
 font-family: kozuka-gothic-pr6n, sans-serif;
 font-size: 18px;
 padding: 10px 3% 0 0;
 border: none;
}
::-ms-expand {
 display: none;
}
.home #contact table td textarea {
 font-family: kozuka-gothic-pr6n, sans-serif;
 font-size: 18px;
 border: 1px solid #000;
}
.home #contact table td input[type="submit"] {
 background-color: #000;
 color: #fff;
 font-family: kozuka-gothic-pr6n, sans-serif;
 font-weight: 500;
 font-style: normal;
 font-size: 16px;
 width: 200px;
 margin: 2em 0 0 0;
 padding: .5em 0;
 border: 3px solid #000;
}
.home #contact table td input[type="submit"]:hover {
 background-color: #fff;
 color: #000;
}
.home #contact table td.noborder div {
 display: block;
 font-size: 12px;
}
.home #contact table td.noborder p {
 margin: 0;
 padding: 0;
}
/*
.home #btn-contact {
 display: none;
 position: fixed;
 left: 5vw;
 bottom: 5vw;
 z-index: 100;
 width: 90vw;
 margin: 0;
}
*/



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #contact h2 {
  position: inherit;
  left: inherit;
  font-size: 18px;
  margin-bottom: 5vw;
 }
 .home #contact figure img.pc-only {
  display: none;
 }
 .home #contact figure img.sp-only {
  display: block;
 }
 .home #contact .sec_inner {
  width: 85%;
  margin: 0 auto;
  padding: 5vw 0 0 0;
 }
 .home #contact .sec_inner p {
  font-size: 13px;
 }
 .home #contact .tel {
  margin-top: 10vw;
 }
 .home #contact .tel dt {
  font-size: 13px;
 }
 .home #contact .tel dd a {
  font-size: 36px;
 }
 .home #contact .tel dd small {
  font-size: 10px;
 }
 .home #contact .wpcf7 {
  padding: 0;
 }
 .home #contact .wpcf7 table th,
 .home #contact .wpcf7 table td {
  display: block;
  width: 100%;
 }
 .home #contact .wpcf7 table td {
  padding-top: 1em;
 }
 .home #contact table td input[type="submit"] {
  width: calc( 100% - 6px);
  padding: 1em;
 }
 
}





/* ACCESS */
.home #access {
 position: relative;
 width: 85%;
 margin: 0 auto;
 padding: 10% 5%;
}
.home #access h2 {
 position: absolute;
 font-size: 30px;
}
.home #access .sec_inner {
 width: 75%;
 padding-left: 25%;
}
.home #access #gmap {
 display: block;
 width: 100%;
 height: 30vw;
 -webkit-filter: grayscale(1);
 filter: grayscale(1);
 margin: 0 auto 5rem auto;
}



/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .home #access h2 {
  position: relative;
  font-size: 18px;
  margin-bottom: 5vw;
 }
 .home #access .sec_inner {
  width: 100%;
  padding-left: 0%;
 }
 .home #access #gmap {
  height: 80vw;
  margin: 0 auto 5vw auto;
 }
 .home #access .sec_inner p {
  font-size: 13px;
 }
 
}








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

** COMMON STYLE

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

article section .sec_inner {
 width: 90%;
 margin: 0 auto;
}
.page .article {
 width: 90%;
 margin: 5vw auto 0 auto;
}
.page .entry-title {
 font-size: 60px;
 margin: 0;
}
.page .entry-title small,
.category #archive-title small,
.single #archive-title small {
 font-size: 18px;
 line-height: 1;
 margin: 0 0 0 1em;
}
.page #the-content {
 width: 80%;
 font-size: 16px;
 margin: 0;
}
.page #the-content h2 {
 font-size: 22px;
 margin-bottom: 1em;
 padding: 0;
 border: none;
}
.page #the-content p.lead {
 width: 100%;
 padding: 0;
 font-size: 16px;
 line-height: 2.2;
 margin: 3rem 0 6rem 0;
}

.entry-content .btn-single {
 clear: both;
 width: 240px;
 max-width: 90%;
 margin: 50px auto 100px auto;
}



/* タブレット */
@media screen and (max-width:960px) {
 
 .page #the-content {
  padding-top: 0;
 }
 .page .entry-title {
  
 }
 .page #the-content {
  width: 100%;
  margin: 0;
 }
 .page .article {
  width: 90%;
  margin: 50px auto 0 auto;
 }
 article section .sec_inner {
  width: 80%;
  margin: 0 auto;
 }
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .page #the-content {
  padding-top: 0;
 }
 .page .entry-title {
  font-size: 40px;
  margin-bottom: 1em;
 }
 .page .entry-title small,
 .category #archive-title smalll {
  display: block;
  font-size: 13px !important;
  margin-left: 0 !important;
  margin-top: 1em !important;
 }
 .single #archive-title {
  font-size: 18px !important;
 }
 .single #archive-title small {
  font-size: 10px !important;
 }
 
}





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

** ABOUT

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

.page-about {
 
}
.page-about .article {
 width: 90%;
 max-width: 1130px;
 margin: 0 auto;
}
.page-about .entry-title {
 display: none;
}
.page-about .entry-content {
 width: 100% !important;
}
.page-about .entry-content section{
 
}
.page-about .entry-content section#about-header {
 margin: 5vw 0 0 0;
}
.page-about .entry-content section#about-header:after {
 display: block;
 content: "";
 width: 100px;
 margin-bottom: 100px;
 padding-bottom: 100px;
 border-bottom: 5px solid #000;
}
.page-about .entry-content section#about-header h2 {
 font-size: 153px !important;
 line-height: 1.4;
 white-space: nowrap;
 margin-bottom: 0;
}
.page-about .entry-content section#about-header p {
 font-size: 36px;
 line-height: 1.8;
 text-align: justify;
 text-justify: inter-ideograph;
}
.page-about .entry-content section#about-header figure {
 
}
.page-about .entry-content section#about-message {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
.page-about .entry-content section#about-message div.text {
 width: 60%;
}
.page-about .entry-content section#about-message div.text h2 strong {
 display: block;
 font-size: 36px;
}
.page-about .entry-content section#about-message div.text h2 small {
 display: block;
 font-size: 18px;
}
.page-about .entry-content section#about-message div.text p {
 font-size: 18px;
 line-height: 2;
 text-align: justify;
 text-justify: inter-ideograph;
}
.page-about .entry-content section#about-message div.profile {
 width: 30%;
}
.page-about .entry-content section#about-message div.profile h3 {
 font-size: 14px;
 margin-top: 1.5em;
}
.page-about .entry-content section#about-message div.profile p {
 font-size: 12px;
 line-height: 1.8;
 text-align: justify;
 text-justify: inter-ideograph;
}

.page-about .entry-content section#about-company {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-flex-direction: row-reverse;
 -ms-flex-direction: row-reverse;
 flex-direction: row-reverse;
 margin-top: 100px;
}
.page-about .entry-content section#about-company h2 {
 width: 30%;
 font-size: 36px;
 line-height: 1.4;
}
.page-about .entry-content section#about-company table {
 width: 60%;
 border: none;
 border-top: 1px solid #000;
}
.page-about .entry-content section#about-company table th,
.page-about .entry-content section#about-company table td {
 background-color: transparent;
 padding: 1em;
 border: none;
 border-bottom: 1px solid #000;
 vertical-align: top;
 text-align: left;
 line-height: 2;
}
.page-about .entry-content section#about-company table th {
 font-family: ゴシックMB101 B, Gothic MB101 Bold;
 white-space: nowrap;
}




/* タブレット */
@media screen and (max-width:960px) {
 
 .page-about .entry-content section#about-header h2 {
  font-size: 100px !important;
 }
 
}

/* スマホ */
@media screen and (max-width:750px) {
 
 .page-about .entry-content section#about-header {
  margin: 10vw 0 0 0;
  overflow: hidden;
 }
 .page-about .entry-content section#about-header h2 {
  font-size: 44px !important;
 }
 .page-about .entry-content section#about-header p {
  font-size: 22px;
  margin: 10vw 0;
 }
 .page-about .entry-content section#about-header figure {
  width: 50vw;
 }
 .page-about .entry-content section#about-message {
  display: block;
  padding: 0 2.5%;
 }
 .page-about .entry-content section#about-message div.text {
  width: 100%;
 }
 .page-about .entry-content section#about-message div.text h2 strong {
  font-size: 27px;
 }
 .page-about .entry-content section#about-message div.text p {
  font-size: 14px;
 }
 .page-about .entry-content section#about-message div.profile {
  width: 100%;
  margin-top: 10vw;
 }
 
 .page-about .entry-content section#about-company {
  display: block;
  margin: 10vw auto 20vw auto;
  padding: 0 2.5%;
 }
 .page-about .entry-content section#about-company h2 {
  width: 100%;
  font-size: 27px;
 }
 .page-about .entry-content section#about-company table {
  width: 100%;
 }
 .page-about .entry-content section#about-company table th,
 .page-about .entry-content section#about-company table td {
  font-size: 12px;
  padding: 1em 0.5em;
 }
 .page-about .entry-content section#about-company table th {
  width: 20%;
 }

 
}



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

** CONTACT

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

.page-contact {
}
.page-contact .article {
 width: 90%;
 max-width: 900px;
}
.page-contact .entry-title {
 
}
.page-contact .entry-content {
 width: 100% !important;
 margin-bottom: 50px;
}
.page-contact #contact-form {
 padding-bottom: 2em;
 border-bottom: 2px solid #000;
}
.page-contact #contact-form > p {
 line-height: 2;
}
.page-contact #contact-form .tel {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top: 85px;
}
.page-contact #contact-form .tel h3 {
 margin-right: 5%;
}
.page-contact #contact-form .tel div {
 font-size: 14px;
}
.page-contact #contact-form .tel div a {
 display: block;
 font-size: 40px;
 letter-spacing: 0.02em;
 margin-bottom: 10px;
}
.page-contact #contact-form .mail {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 margin-top: 50px;
}
.page-contact #contact-form .mail h3 {
 margin-right: 1em;
}


.page-contact .wpcf7 {
 padding: 0 5%;
}
.page-contact table {
 width: 100%;
 border: none;
}
.page-contact h3{
 
}
.page-contact table th,
.page-contact table td {
 font-size: 16px;
 text-align: left;
 vertical-align: top;
 padding-top: 2em;
}
.page-contact table th {
 width: 35%;
 background-color: transparent;
 border: none;
}
.page-contact table th small {
 margin-left: .5em;
}
.page-contact table td {
 border: none;
 border-bottom: 1px solid #000;
}
.page-contact table td.noborder {
 border-bottom: none;
}
.page-contact table td input[type="text"],
.page-contact table td input[type="email"] {
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
 font-size: 18px;
 padding: 10px 5px;
 border: none;
}
.page-contact table td input[type="text"]::placeholder,
.page-contact table td input[type="email"]::placeholder,
.page-contact table td textarea::placeholder {
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
 font-weight: normal;
 color: #ccc;
}
.page-contact table td input[type="text"]:focus,
.page-contact table td input[type="email"]:focus,
.page-contact table td select:focus,
.page-contact table td textarea:focus {
 box-shadow: none;
 outline: none;
}
.page-contact table td select{
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none; 
 background: url(./images/icon-arrow2.png) no-repeat right center;
 width: 97%;
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
 font-weight: 500;
 font-size: 18px;
 padding: 10px 3% 0 0;
 border: none;
}
::-ms-expand {
 display: none;
}
.page-contact table td textarea {
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
 font-size: 16px;
 font-weight: 700;
 border: 1px solid #000;
}
.page-contact table td input[type="submit"] {
 background-color: #fff;
 color: #000;
 font-family: ゴシックMB101 B, Gothic MB101 Bold;
 font-size: 20px;
 width: 200px;
 margin: 2em 0 0 0;
 padding: 1em;
 border: 3px solid #000;
}
.page-contact table td.noborder div {
 display: block;
 font-size: 12px;
}
.page-contact table td.noborder p {
 margin: 0;
 padding: 0;
}
/*
.home #btn-contact {
 display: none;
 position: fixed;
 left: 5vw;
 bottom: 5vw;
 z-index: 100;
 width: 90vw;
 margin: 0;
}
*/


/* タブレット */
@media screen and (min-width:751px) and (max-width:960px) {
 
 
 
}


/* スマホ */
@media screen and (max-width:750px) {
 
 .page-contact #contact-form > p {
  font-size: 12px;
 }
 .page-contact #contact-form .tel {
  margin-top: 10vw;
 }
 .page-contact #contact-form .tel div {
  font-size: 12px;
 }
 .page-contact #contact-form .tel div a {
  font-size: 30px;
 }
 .page-contact .wpcf7 {
  padding: 0;
 }
 .page-contact .wpcf7 table th,
 .page-contact .wpcf7 table td {
  display: block;
  width: 100%;
 }
 .page-contact .wpcf7 table td {
  padding-top: 1em;
 }
 .page-contact table td input[type="submit"] {
  width: calc( 100% - 6px);
  padding: 1em;
 }
 
}



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

** カテゴリーページ

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

.category {
}
.category #list-page {
 width: 90%;
 margin: 5vw auto;
}
.category #list-page-inner {
 width: 100%;
 margin: 0 auto;
}
.category #archive-title {
 font-size: 40px;
 line-height: 1;
 margin: 0;
}
.category #archive-title small {
 display: block;
 font-size: 18px;
 line-height: 1.6;
 margin: 1em 0 0 0;
}
.category .category-navi {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 5vw 0 !important;
}
.category .category-navi li {
 font-size: 14px;
}
.category .category-navi li:before {
 content:"・";
}
.category .category-navi li:nth-child(1):before {
 content:"";
}

.category #list-page #list {
 display: block;
 margin: 7vw auto 0 auto;
}
.category #list-page #list-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 width: 100%;
 margin: 0 0 30px 0;
}
.category #list-page #list article {
 width: 30%;
 margin: 0 5% 1.5em 0;
}
.category #list-page #list article:nth-child(3n) {
 margin-right: 0;
}
.category #list-page #list article img {
 width: 100%;
 height: auto !important;
 margin-bottom: 1em;
}
.category #list-page #list article h2, .category #list-page #list article h2 a {
 font-size: 16px;
 letter-spacing: inherit;
}
.category #list-page #list article .post-meta .post-date {
 display: inline-block;
 font-size: 12px;
}
.category #list-page #list article .post-meta .category {
 font-size: 12px;
 color: #000;
}
.category #list-page #list article .post-meta .category a {
 color: #000 !important;
}
.category #list-page #list article .post-meta .category:before {
 content: "｜";
}
.category #list-page #list article .post-meta .category .fa {
 display: none;
}
.category #list-page #list article .entry-snippet {
 display: none;
}
.category #list-page #list article .entry-snippet span {
 display: inline-block;
 font-size: 11px;
 margin-left: 1em;
}
.category #list-page #list article .entry-snippet span a {
 text-decoration: none;
}
.category .entry-card-large-content header h2 span.new {
 position: relative;
 top: -.5em;
 color: #db3422;
 font-size: 8px;
 margin-left: 1em;
}
.category #list-page #list article .btn-single {
 width: 80%;
 margin-top: 1em;
}
.category #list-page #list article .btn-single a {
 padding: 15px;
}
/* not found */
.category .notfound {
 text-align: center;
}


/* タブレット */
@media screen and (max-width:960px) {
 
 .category #list-page {
  width: 95%;
 }
 .category #list-page #list {
  width: 100%;
  margin: 0;
 }
 .category #list-page #list-inner {
  width: 100%;
 }
 .category #list-page #archive-title {
  
 }
}



/* スマホ */
@media screen and (max-width:750px) {
 
 .category #list-page {
  width: 90%;
 }
 .category #archive-title {
  font-size: 40px;
 }
 .category #archive-title small {
  font-size: 18px;
 }
 .category #list-page #list {
  display: block;
  margin: 0 0 30px 0;
 }
 .category #list-page #list-inner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 30px 0;
 }
 .category #list-page #list-inner article {
  width: 47%;
  margin: 0 0 5vw 0;
 }
}



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

** カテゴリーページ（CASE STUDIES）

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

.category-case-studies {
}
.category-case-studies #list-page #list {
 display: block;
 margin: 5vw auto;
}
.category-case-studies #list-page #list-inner {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 width: 100%;
 margin: 0 auto 30px auto;
}
.category-case-studies #list-page #list article {
 width: 48.5%;
 margin: 0 0 3em 0;
}
.category-case-studies #list-page #list article img,
.category-team-wear #list-page #list article img,
.category-singlet #list-page #list article img {
 width: 100%;
 height: auto !important;
 margin-bottom: 1em;
}
.category-case-studies #list-page #list article h2,
.category-case-studies #list-page #list article h2 a {
 font-size: 20px;
 text-align: center;
}
.category-case-studies #list-page #list article h2 .new {
 display: none;
}
.category-case-studies #list-page #list article .entry-card-large-content {
 padding: 0 2.5%;
}
.category-case-studies #list-page #list article .post-meta .post-subtitle {
 display: block;
 font-size: 13px;
 text-align: center;
 margin-top: 0.5em;
}
.category-case-studies #list-page #list article .post-meta .category {
 display: none;
}




/* タブレット */
@media screen and (max-width:960px) {

}



/* スマホ */
@media screen and (max-width:750px) {
 
 .category-case-studies #list-page #list {
  margin: 10vw auto;
 }
 .category-case-studies #list-page #archive-title {
  font-size: 25px;
 }
 .category-case-studies #list-page #archive-title small {
  display: block;
  font-size: 13px;
 }
 .category-case-studies #list-page #list-inner {
  display: block;
 }
 .category-case-studies #list-page #list article {
  width: 100%;
  margin: 0 0 3em 0;
 }
 .category-case-studies #list-page #list article h2,
 .category-case-studies #list-page #list article h2 a {
  font-size: 15px;
 }
 .category-case-studies #list-page #list article .post-meta .post-subtitle {
  font-size: 11px;
 }
 
}




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

** カテゴリーページ（LAB）

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

.category-lab {
}
.category-lab #list-page #accent-img {
 position: absolute;
 right: 20vw;
 top: -3vw;
 z-index: 10;
 width: 20vw;
}
.category-lab #list-page #list {
 display: block;
 margin: 5vw auto;
}
.category-lab #list-page #list-inner {
 position: relative;
}
.category-lab #list-page #list article {
 margin-bottom: 3em;
}
.category-lab #list-page #list article h2,
.category-lab #list-page #list article h2 a {
 font-size: 18px;
 text-align: center;
}
.category-lab #list-page #list article h2 .new {
 display: none;
}
.category-lab #list-page #list article .entry-card-large-content {
 
}
.category-lab #list-page #list article img {
	display: block;
 border-radius: 20px;
}
.category-lab #list-page #list article .post-meta .post-subtitle {
 display: block;
 font-size: 12px;
 text-align: center;
 margin-top: 0.5em;
}



/* タブレット */
@media screen and (max-width:960px) {
 
 .category-lab #list-page #list {
  margin: 10vw auto;
 }
 .category-lab #list-page #accent-img {
  right: 0vw;
  top: 0vw;
  width: 30vw;
 }
 .category-lab #list-page #list-inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
 }
 .category-lab #list-page #list article {
  width: 48.5%;
  margin: 0 0 3em 0;
 }
 
}



/* スマホ */
@media screen and (max-width:750px) {
 
 .category-lab #list-page {
  width: 80%;
 }
 .category-lab #list-page #accent-img {
  right: 0vw;
  top: 0vw;
  width: 40vw;
 }
 .category-lab #list-page #list {
  margin: 10vw auto;
 }
 .category-lab #list-page #archive-title {
  font-size: 25px;
 }
 .category-lab #list-page #archive-title small {
  display: block;
  font-size: 13px;
 }
 .category-lab #list-page #list-inner {
  display: block;
 }
 .category-lab #list-page #list article {
  width: 100%;
  margin: 0 0 3em 0;
 }
 .category-lab #list-page #list article h2,
 .category-lab #list-page #list article h2 a {
  font-size: 15px;
 }
 .category-lab #list-page #list article .post-meta .post-subtitle {
  font-size: 11px;
 }
 
}




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

** カテゴリーページ（NEWS）

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

.category-4 {
}
.category-4 .sub-category,
.category-6 .sub-category,
.category-7 .sub-category,
.category-8 .sub-category,
.category-9 .sub-category,
.category-10 .sub-category {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-top: 3rem !important;
 border: none;
}
.category-4 .sub-category li,
.category-6 .sub-category li,
.category-7 .sub-category li,
.category-8 .sub-category li,
.category-9 .sub-category li,
.category-10 .sub-category li {
 width: auto;
 margin-right: 3px !important;
 margin-bottom: 3px !important;
 padding: 0 !important;
 border: none;
}
.category-4 .sub-category li a,
.category-6 .sub-category li a,
.category-7 .sub-category li a,
.category-8 .sub-category li a,
.category-9 .sub-category li a,
.category-10 .sub-category li a {
 display: block;
 font-size: 14px;
 padding: 5px;
 border: 2px solid #000;
}
.category-4 .sub-category li a:hover,
.category-6 .sub-category li a:hover,
.category-7 .sub-category li a:hover,
.category-8 .sub-category li a:hover,
.category-9 .sub-category li a:hover,
.category-10 .sub-category li a:hover {
 background-color: #000;
 color: #fff;
}
.category-4 .sub-category li.cat-4 a,
.category-6 .sub-category li.cat-6 a,
.category-7 .sub-category li.cat-7 a,
.category-8 .sub-category li.cat-8 a,
.category-9 .sub-category li.cat-9 a,
.category-10 .sub-category li.cat-10 a {
 background-color: #ff0;
 border: 2px solid #ff0;
}
.category-4 #list-page #list,
.category-6 #list-page #list,
.category-7 #list-page #list,
.category-8 #list-page #list,
.category-9 #list-page #list,
.category-10 #list-page #list {
 display: block;
 margin: 5vw auto;
}
.category-4 #list-page #list-inner,
.category-6 #list-page #list-inner,
.category-7 #list-page #list-inner,
.category-8 #list-page #list-inner,
.category-9 #list-page #list-inner,
.category-10 #list-page #list-inner {
 display: block;
 border-top: 1px solid #000;
}
.category-4 #list-page #list article,
.category-6 #list-page #list article,
.category-7 #list-page #list article,
.category-8 #list-page #list article,
.category-9 #list-page #list article,
.category-10 #list-page #list article {
 width: 100%;
 margin-bottom: 0;
 padding: 1.5em 0;
 border-bottom: 1px solid #000;
}
.category-4 #list-page #list article figure,
.category-6 #list-page #list article figure,
.category-7 #list-page #list article figure,
.category-8 #list-page #list article figure,
.category-9 #list-page #list article figure,
.category-10 #list-page #list article figure {
 display: none;
}
.category-4 #list-page #list article h2,
.category-4 #list-page #list article h2 a,
.category-6 #list-page #list article h2,
.category-6 #list-page #list article h2 a,
.category-7 #list-page #list article h2,
.category-7 #list-page #list article h2 a,
.category-8 #list-page #list article h2,
.category-8 #list-page #list article h2 a,
.category-9 #list-page #list article h2,
.category-9 #list-page #list article h2 a,
.category-10 #list-page #list article h2,
.category-10 #list-page #list article h2 a {
 font-size: 18px;
}
.category-4 #list-page #list article h2 .new,
.category-6 #list-page #list article h2 .new,
.category-7 #list-page #list article h2 .new,
.category-8 #list-page #list article h2 .new,
.category-9 #list-page #list article h2 .new,
.category-10 #list-page #list article h2 .new {
 display: none;
}
.category-4 #list-page #list article .post-meta,
.category-6 #list-page #list article .post-meta
.category-7 #list-page #list article .post-meta,
.category-8 #list-page #list article .post-meta,
.category-9 #list-page #list article .post-meta,
.category-10 #list-page #list article .post-meta {
 display: block;
 font-size: 12px;
 margin-top: 0.5em;
}



/* タブレット */
@media screen and (max-width:960px) {
 
 .category-4 #list-page #list,
 .category-6 #list-page #list,
 .category-7 #list-page #list,
 .category-8 #list-page #list,
 .category-9 #list-page #list,
 .category-10 #list-page #list {
  margin: 10vw auto;
 }
 
}



/* スマホ */
@media screen and (max-width:750px) {
 
 .category-4 .sub-category li a,
 .category-6 .sub-category li a,
 .category-7 .sub-category li a,
 .category-8 .sub-category li a,
 .category-9 .sub-category li a,
 .category-10 .sub-category li a {
  font-size: 12px;
 }
 .category-4 #list-page #list,
 .category-6 #list-page #list,
 .category-7 #list-page #list,
 .category-8 #list-page #list,
 .category-9 #list-page #list,
 .category-10 #list-page #list {
  margin: 10vw auto;
 }
 .category-4 #list-page #archive-title,
 .category-6 #list-page #archive-title,
 .category-7 #list-page #archive-title,
 .category-8 #list-page #archive-title,
 .category-9 #list-page #archive-title,
 .category-10 #list-page #archive-title {
  font-size: 25px;
 }
 .category-4 #list-page #archive-title small,
 .category-6 #list-page #archive-title small,
 .category-7 #list-page #archive-title small,
 .category-8 #list-page #archive-title small,
 .category-9 #list-page #archive-title small,
 .category-10 #list-page #archive-title small {
  display: block;
  font-size: 13px;
 }
 .category-4 #list-page #list-inner,
 .category-6 #list-page #list-inner,
 .category-7 #list-page #list-inner,
 .category-8 #list-page #list-inner,
 .category-9 #list-page #list-inner,
 .category-10 #list-page #list-inner {
  display: block;
 }
 .category-4 #list-page #list article h2,
 .category-4 #list-page #list article h2 a,
 .category-6 #list-page #list article h2,
 .category-6 #list-page #list article h2 a,
 .category-7 #list-page #list article h2,
 .category-7 #list-page #list article h2 a,
 .category-8 #list-page #list article h2,
 .category-8 #list-page #list article h2 a,
 .category-9 #list-page #list article h2,
 .category-9 #list-page #list article h2 a,
 .category-10 #list-page #list article h2,
 .category-10 #list-page #list article h2 a {
  font-size: 15px;
 }
 .category-4 #list-page #list article .post-meta,
 .category-6 #list-page #list article .post-meta,
 .category-7 #list-page #list article .post-meta,
 .category-8 #list-page #list article .post-meta,
 .category-9 #list-page #list article .post-meta,
 .category-10 #list-page #list article .post-meta {
  display: block;
  font-size: 9px;
  margin-top: 0.5em;
 }
 
}





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

** singleページ共通

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

.single {
}
.single #single-page {

}
.single #single-page-inner {
 max-width: 920px;
 width: 95%;
 margin: 100px auto 0 auto;
}
.single #single-page #archive-title {
 position: relative;
 width: 100%;
 font-size: 30px;
 margin: 0 0 1em 0;
}
.single #single-page #archive-title small {
 font-size: 16px;
 margin: 0 0 0 1em;
}
.single #single-page .post_inner {
 width: 100%;
 margin: 0;
}
.single #single-page .post_inner article {
 width: 100%;
 margin: 0 auto 3rem auto;
}
.single #single-page .post_inner article header {
 margin-bottom: 3rem;
}
.single #single-page .post_inner .entry-title {
 font-size: 26px;
 line-height: 1.6;
 margin-bottom: .5em;
}
.single #single-page .post_inner .post-meta {
 font-size: 12px;
 line-height: 1;
 margin-bottom: 10px;
}
.single #single-page .post_inner .post-meta .post-date {
}
.single #single-page .post_inner .post-meta .fa {
 display: none;
}
.single #single-page .post_inner article header .post-meta .category:before {
 content: "｜";
}
.single #single-page .post_inner .eye-catch {
 width: 100%;
 margin-bottom: 50px;
}
.single #single-page .post_inner .eye-catch img {
 width: 100%;
}

.single #single-page .entry-content {
 font-size: 16px;
 line-height: 2;
 text-align: justify;
 text-justify: inter-ideograph;
 padding-bottom: 3rem;
 border-bottom: 1px solid #000;
}

.single #single-page .post_inner h2,
.single #single-page .post_inner h3,
.single #single-page .post_inner h4 {
 margin-top: 2em;
}
.single #single-page .post_inner h2 {
 font-size: 22px;
}
.single #single-page .post_inner h3 {
 font-size: 20px;
}
.single #single-page .post_inner h4 {
 font-size: 18px;
}
.single #single-page .post_inner a {
 color: #000;
}
.single #single-page .post_inner strong {
 
}
.navigation{
 width: 100%;
 max-width: 920px;
 margin: 0 auto;
}


/* PC */
@media screen and (min-width:961px) {
 
}


/* タブレット */
@media screen and (max-width:960px) {
 
}


/* スマホ */
@media screen and (max-width:750px) {
 
 .single #single-page #archive-title {
  width: 90%;
  margin: 0 auto 5vw auto;
 }
 .single #single-page-inner {
  width: 90%;
  margin: 10vw auto 0 auto;
 }
 .single #single-page .post_inner article header {
  margin-bottom: 5vw;
 }
 .single #single-page .post_inner .eye-catch {
  margin-bottom: 5vw;
 }
 .single #single-page .post_inner .entry-title {
  font-size: 26px;
 }
 .single #single-page article header{
  
 }
 .single #single-page .entry-content {
  font-size: 13px;
 }
 .single #single-page .post_inner h2 {
  font-size: 19px;
 }
 .single #single-page .post_inner h3 {
  font-size: 17px;
 }
 .single #single-page .post_inner h4 {
  font-size: 15px;
 }
 
 .navigation {
  width: 90%;
 }
 .navigation > .back-to-index a,
 .navigation > div.prev a,
 .navigation > div.next a{
  top: 0;
  font-size: 15px;
 }
 
}




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

** singleページ（NEWS）

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

.categoryid-6 {
 
}
.categoryid-4 #archive-title,
.categoryid-6 #archive-title,
.categoryid-7 #archive-title,
.categoryid-8 #archive-title,
.categoryid-9 #archive-title,
.categoryid-10 #archive-title {
 display: none;
}
.categoryid-4 .sub-category,
.categoryid-6 .sub-category,
.categoryid-7 .sub-category,
.categoryid-8 .sub-category,
.categoryid-9 .sub-category,
.categoryid-10 .sub-category {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin: 3rem 0 !important;
 border: none;
}
.categoryid-4 .sub-category li,
.categoryid-6 .sub-category li,
.categoryid-7 .sub-category li,
.categoryid-8 .sub-category li,
.categoryid-9 .sub-category li,
.categoryid-10 .sub-category li {
 width: auto;
 margin-right: 3px !important;
 margin-bottom: 3px !important;
 padding: 0 !important;
 border: none;
}
.categoryid-4 .sub-category li a,
.categoryid-6 .sub-category li a,
.categoryid-7 .sub-category li a,
.categoryid-8 .sub-category li a,
.categoryid-9 .sub-category li a,
.categoryid-10 .sub-category li a {
 display: block;
 font-size: 14px;
 padding: 5px;
 border: 2px solid #000;
}
.categoryid-4 .sub-category li a:hover,
.categoryid-6 .sub-category li a:hover,
.categoryid-7 .sub-category li a:hover,
.categoryid-8 .sub-category li a:hover,
.categoryid-9 .sub-category li a:hover,
.categoryid-10 .sub-category li a:hover {
 background-color: #000;
 color: #fff;
 opacity: 1 !important;
}
.categoryid-4 .sub-category li.cat-4 a,
.categoryid-6 .sub-category li.cat-6 a,
.categoryid-7 .sub-category li.cat-7 a,
.categoryid-8 .sub-category li.cat-8 a,
.categoryid-9 .sub-category li.cat-9 a,
.categoryid-10 .sub-category li.cat-10 a {
 background-color: #ff0;
 color: #000;
 border: 3px solid #ff0;
}
.categoryid-4 .navigation,
.categoryid-6 .navigation,
.categoryid-7 .navigation,
.categoryid-8 .navigation,
.categoryid-9 .navigation,
.categoryid-10 .navigation {
 width: 100%;
}



/* タブレット */
@media screen and (max-width:960px) {
 
}


/* スマホ */
@media screen and (max-width:750px) {
  
 .categoryid-4 .sub-category li a,
 .categoryid-6 .sub-category li a,
 .categoryid-7 .sub-category li ,
 .categoryid-8 .sub-category li a,
 .categoryid-9 .sub-category li a,
 .categoryid-10 .sub-category li a {
  font-size: 12px;
 }
  
}



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

** singleページ（CASE STUDIES）

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

.categoryid-2 {
 
}
.categoryid-2 #single-page-inner {
 max-width: inherit;
 width: 100%;
 /*margin: 100px auto 0 auto;*/
}
.categoryid-2 #single-page #archive-title {
 max-width: 920px;
 width: 90%;
 font-size: 14px;
 margin: 0 auto 1em auto;
}
.categoryid-2 #single-page article header {
 max-width: 920px;
 width: 90%;
 margin: 0 auto 1em auto;
}
.categoryid-2 #single-page .entry-title {
 font-size: 26px;
 margin: 0 0 1em 0;
}
.categoryid-2 #single-page .post-meta {
 display: none;
}
.categoryid-2 #single-page .eye-catch {
 display: none;
}
.categoryid-2 #single-page .eyecatch-full {
 width: 100%;
}
.categoryid-2 #single-page .entry-content {
 max-width: 920px;
 width: 90%;
 margin: 3rem auto 0 auto;
}
.categoryid-2 #single-page .entry-content h2 {
 margin: 0 0 2em 0;
}
.categoryid-2 #single-page .entry-content figure {
 display: block;
 margin: 3rem auto;
}



/* タブレット */
@media screen and (max-width:960px) {
 
}


/* スマホ */
@media screen and (max-width:750px) {
  
 .categoryid-2 #single-page .entry-content {
  margin: 5vw auto 0 auto;
 }
  
}



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

** singleページ（LAB）

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

.categoryid-3 {
 
}
.categoryid-3 #single-page-inner {
 max-width: inherit;
 width: 95%;
 /*margin: 100px auto 0 auto;*/
}
.categoryid-3 #single-page #archive-title {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 max-width: 920px;
 width: 90%;
 font-size: 40px;
 line-height: 1;
 margin: 0 auto 1em auto;
}
.categoryid-3 #single-page #archive-title small {
 font-size: 14px;
 line-height: 1.6;
 margin: 0 0 0 2em;
}
.categoryid-3 #single-page article header {
 display: none;
}
.categoryid-3 #single-page .eye-catch {
 display: none;
}
.categoryid-3 #single-page .eye-catch-full {
 width: 100%;
}
.categoryid-3 #single-page .eye-catch-full img {
 display: block;
	border-radius: 20px;
}
.categoryid-3 #single-page .entry-content {
 max-width: 920px;
 width: 90%;
 margin: 4rem auto 0 auto;
}
.categoryid-3 #single-page .entry-content h1 {
 font-size: 26px;
 line-height: 1.5;
 text-align: left;
 text-justify: none;
 margin: 0 0 2em 0;
}
.categoryid-3 #single-page .entry-content .subtitle {
 margin-bottom: 1em;
}
.categoryid-3 #single-page .entry-content figure {
 display: block;
 margin: 3rem auto;
}
.categoryid-3 #single-page .entry-content img {
 display: block;
 border-radius: 20px;
}



/* タブレット */
@media screen and (max-width:960px) {
 
 .categoryid-3 #single-page #archive-title {
  width: 100%;
  font-size: 40px;
 }
 
}


/* スマホ */
@media screen and (max-width:750px) {
  
 .categoryid-3 #single-page .entry-content {
  margin: 5vw auto 0 auto;
 }
 .categoryid-3 #single-page #archive-title {
  font-size: 30px !important;
  margin: 0 auto 10vw auto;
 }
 .categoryid-3 #single-page #archive-title small {
  font-size: 11px !important;
 }
 .categoryid-3 #single-page .entry-content h1 {
  font-size: 21px;
 }
  
}




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

** 404

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

.error404 {
}
.error404 .msg {
 width: 90%;
 margin: 100px auto 150px auto;
}
.error404 .msg .entry-title {
 font-size: 30px;
 text-align: center;
 margin: 0;
}
.error404 .msg .msg-inner {
 width: 80%;
 text-align: center;
 margin: 0 auto;
}
.error404 .msg .msg-inner p {
 font-size: 16px;
 line-height: 2.0em;
}
.error404 .msg .btn-single {
 width: 260px;
 margin: 50px auto;
}



/* スマホ */
@media screen and (max-width:960px) {
 .error404 .msg {
  display: block;
  width: 100%;
  margin: 10vw auto 15vw auto;
 }
 .error404 .msg .entry-title {
  font-size: 30px;
  margin: 0 auto;
 }
 .error404 .msg .msg-inner {
  margin: 0 auto;
 }
}