/*
Theme Name: Tantaviva.com
Theme URI: http://tantaviva.com/
Author: tantaviva.com
Author URI: http://tantaviva.com/
Description: Theme for tantaviva.com.
Version: 0.0.1
*/
* {
  box-sizing: border-box;
}

body {
  border-top: 5px solid #EF7A0B;
  font-size: 1.0625em;
  /* 17px */
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
}

@media screen and (max-width: 640px) {
  body {
    border-top: 0;
    font-size: 0.9em;
  }
}

/* 追加br */
.pc{
  display: block;
}
.sp{
  display: none;
}

@media screen and (max-width: 640px){
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
}

.font-otf {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
}

.container {
	width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.is-laptop {
  display: block !important;
  margin-bottom: 50px;
}

.is-smartphone {
  display: none !important;
}

.sub-container {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 640px) {
  .container {
    position: relative;
    width: 100%;
  }

  .is-laptop {
    display: none !important;
  }

  .is-smartphone {
    display: block !important;
  }

  .sub-container {
    width: 100%;
  }
}

/* clearfix */
/* .our-service__points::before,
.our-service__points::after, */
.pager__list__item::before,
.pager__list__item::after,
aside.mail-magazine figure::before,
aside.mail-magazine figure::after,
.lab-reports__item figure::before,
.lab-reports__item figure::after {
  content: '';
  display: table;
}

.our-service__points::after,
.pager__list__item::after,
aside.mail-magazine figure::after,
.case-study__points::after,
.lab-reports__item figure::after {
  clear: both;
}

.brand {
  min-height: 64px;
  display: flex;
  display: -webkit-flex;
  align-content: center;
}

.brand>* {
  align-self: center;
}

.brand-logo{
	width: 182px;
}

.brand-logo img{
	width: 100%;
}

.brand-concept {
  margin-left: min(20px, calc((20 / 1600) * 100vw));
  margin-top: 10px;
  margin-bottom: 0;
  color: #333333;
  font-size: .735294118em;
}

@media screen and (max-width: 1024px) {
	.brand{
padding-top: 10px;
}
	.brand-logo{
	width: 150px;
	}
}

@media screen and (max-width: 640px) {
  .brand {
    display: block;
    padding: 6.5px;
    height: auto;
  }

  .brand>* {
    align-self: inherit;
  }

  .brand-concept {
    margin-top: 5px;
    font-size: .6em;
    margin-left: 0;
  }
}

.intro {
  position: relative;
}

.intro .container {
  position: relative;
}

.intro h1 {
  padding: 0;
  margin: 0;
  background-color: #EF7A0B;
}

.intro h1 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
	width: 100%;
}

.aligncenter .intro figure {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

@media screen and (max-width: 640px) {
  .intro h1 img {
    width: 100%;
  }

  .intro figure {
    position: relative;
    text-align: center;
    margin-top: 30px;
  }
}

.page-content,
.section-caption {
  line-height: 2.058823529;
  padding-bottom: 30px;
  position: relative;
  width: 100% !important;
}

.section-caption2 {
  line-height: 1.3 !important;
  font-size: 0.8em !important;
  padding-bottom: 0px;
  position: relative;
  width: 100% !important;
}

.case-studies .page-content {
  padding-bottom: 80px;
}

@media screen and (max-width: 640px) {
  .case-studies .page-content {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 640px) {

  .page-content,
  .section-caption,
  .section-caption2 {
    font-size: 1.0em !important;
    line-height: 2.058823529 !important;
    padding-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }

  .page-content p img {
    width: 100%;
    height: auto;
  }

  .page-content p img.icon-check {
    width: 25px;
    height: auto;
  }
}

.page-content {
  padding-top: 0;
}

.page-content p {
  width: calc((650 / 1000) * 100%);
  margin-bottom: 40px;
}

.section-visual {
  margin: 0;
}

.section-visual img {
  margin-left: auto;
  margin-right: auto;
	width: 100%;
}

@media screen and (max-width: 640px) {
  .section-visual {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
  }

  .home .section-visual {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section-visual img {
    width: 100%;
  }

  .tax-lab_category .page-content p,
  .page-content p {
    width: 100%;
    min-height: inherit;
  }
}

.section-visual.is-center {
  text-align: center;
}

.btn-more {
  text-align: center;
  padding-top: 75px;
  padding-bottom: 90px;
}

@media screen and (max-width: 640px) {
  .btn-more {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.btn {
  border-radius: 10px;
  display: inline-block;
  width: 250px;
  line-height: 54px;
  font-size: 1.058823529em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  transition: all .5s;
}

.btn:hover {
  opacity: .50;
}

.btn::before {
  content: '';
  display: block;
  background-color: #fff;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 16px;
}

.btn::after {
  content: '';
  display: block;
  top: 50%;
  right: 18px;
  margin-top: -6px;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-color: transparent;
  border-style: solid;
}

.btn.btn-white {
  background-color: #fff;
  color: #666666;
  text-align: center;
  font-size: .764705882em;
  line-height: 2.615384615;
  width: 185px;
}

.btn.btn-white::after {
  border-left-color: #fff;
  right: 11px;
  margin-top: -5px;
  border-width: 5px;
}

.btn.btn-white::before {
  right: 12px;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background-color: #666;
}

.btn.btn-orange {
  background-color: #FF9D00;
}

.btn.btn-orange::after {
  border-left-color: #FF9D00;
}

.btn.btn-dark-orange {
  background-color: #EF7A0B;
}

.btn.btn-dark-orange::after {
  border-left-color: #EF7A0B;
}

.btn.btn-red {
  background-color: #EE4836;
}

.btn.btn-red::after {
  border-left-color: #EE4836;
}

.btn.btn-pink {
  background-color: #FF7A8A;
}

.btn.btn-pink::after {
  border-left-color: #FF7A8A;
}

.btn.btn-dark-pink {
  background-color: #ef7a0b;
  border: none;
}

.btn.btn-dark-pink::after {
  border-left-color: #ef7a0b;
}

@media screen and (max-width: 640px) {
  .btn {
    width: 200px;
    line-height: 44px;
    font-size: 0.9em;
  }

  .btn.btn-white {
    font-size: 1.0em;
  }
}

.our-business {}

.section-title {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  font-size: 2em;
  font-weight: normal;
  line-height: 1.5;
}

@media screen and (max-width: 640px) {
  .section-title {
    font-size: 1.3em;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.our-business .section-title {
  color: #EE4836;
}

.our-business .section-visual {
  background-color: #ee4736;
}

.our-service .section-visual {
  background-color: #ff9d00;
}

.case-study .section-visual {
  background-color: #ff7989;
}

.tantaviva-lab .section-visual {
  background-color: #ef7a0b;
}

.our-business p {
  line-height: 2.058823529;
}

.our-business__points {
  background-color: #FFF0DC;
  list-style-type: none;
  padding-left: 0;
  padding: 60px;
}

.our-business__points__item {
  font-size: 1.3em;
  line-height: 1.6;
}

.our-business__points__item+.our-business__points__item {
  margin-top: 45px;
}

.our-business__points__item::before {
  color: #EE4836;
  font-size: 3.04em;
  float: left;
  line-height: 1.1;
  margin-right: 15px;
}

.our-business__points__item.is-first::before {
  content: '1';
}

.our-business__points__item.is-second::before {
  content: '2';
}

.our-business__points__item.is-third::before {
  content: '3';
}

.our-business__points__item.is-fourth::before {
  content: '4';
}

.our-service .section-title {
  color: #FF9D00;
}

.our-service__points {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  list-style-type: none;
  padding-left: 0;
	gap: 20px;
}

.our-service__points__item {
  width: 235px;
  height: 235px;
  position: relative;
  padding-top: 88px;
  text-align: center;
  line-height: 1.764705882;
  color: #333333;
}

.our-service__points__item .sub-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  letter-spacing: -1px;
}

.our-service__points__item .number {
  font-size: 60px;
  line-height: .833333333;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.our-service__points__item:nth-child(2n) {
  background-color: #FFBC00;
}

.our-service__points__item:nth-child(2n-1) {
  background-color: #FF9D00;
}

.our-service__points__item+.our-service__points__item {
  display: flex;
  flex-direction: column;
}

.our-service__points__item:nth-child(n+5) {
/*   margin-top: 20px; */
}

@media screen and (max-width: 640px) {
  .our-service__points__item .number {
    font-size: 50px;
  }

  .our-service__points__item {
    width: calc((100% - 30px) / 2);
    font-size: 1em;
    min-height: 187px;
  }

  .our-service__points__item+.our-service__points__item {
    margin-left: 0;
  }

/*   .our-service__points__item:nth-child(n+3) {
    margin-top: 4%;
  } */

  .our-service__points__item .sub-title {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .our-service__points__item:nth-child(2n),
  .our-service__points__item:nth-child(2n+1) {
    background-color: #FFBC00;
  }

  .our-service__points__item:nth-child(2n) {
  }

  .our-service__points__item:nth-child(2n+1) {
  }

  .our-service__points__item:nth-child(4n),
  .our-service__points__item:nth-child(4n+1) {
    background-color: #FF9D00;
  }

  .our-service__points {
    padding-left: 15px;
    padding-right: 15px;
  }

  .service .section-title {
    letter-spacing: 0px;
  }

  .our-business__points {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .our-business__points__item {
    font-size: 1.0em;
    padding-left: 46px;
  }

  .our-business__points__item::before {
    font-size: 2.470588235em;
    margin-left: -46px;
  }

  .our-business__points__item+.our-business__points__item {
    margin-top: 30px;
  }
}

.case-study {}

.case-studies .section-title,
.case-study .section-title {
  color: #FF7A8A;
}

.case-study__points a {
  display: block;
  text-decoration: none;
}

.case-study__points figure {
  margin: 0;
}

.case-study__points {
  padding-left: 0;
  list-style-type: none;
  padding-left: 9px;
  padding-right: 9px;
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}

.case-study__points__item {
	width: 48.5%;
	margin-bottom:50px;
}

.case-study__points__item figure {
  background-color: #FF7A8A;
}

.case-study__points__item figure img {
  display: block;
}

@media screen and (max-width: 640px) {
  .case-study__points__item figure img {
    width: 100%;
    height: auto;
  }
	
  .case-study__points__item {
    margin-bottom: 25px;
	  width:100%;
  }
}

.case-study__points__item figcaption {
  color: #fff;
  padding: 15px;
}

.case-study__points__item .company-name {
  line-height: 1.882352941;
  display: block;
}

.case-study__points__item .caption {
  font-size: 1.2em;
  line-height: 1.391304348;
	display: block;
}

.tantaviva-lab .section-title {
  color: #ef7a0b;
}

.about-us .section-title {
  color: #EF7A0B;
}

.home .about-us .section-title {
  text-align: center;
}

.home .about-us .section-caption {
  text-align: center;
}

@media screen and (max-width: 640px) {

  .home .about-us .section-title,
  .home .about-us .section-caption {
    text-align: left;
  }
	.case-study__points__item .caption{
		-webkit-line-clamp: 3;
}
}

.news .section-title {
  font-size: 1.3em;
  text-align: center;
  background-color: #EF7A0B;
  color: #fff;
  line-height: 45px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.blog .news__list .news__list__item:nth-child(2n) {
  background-color: #FFF0DC;
}

.news__list {
  list-style-type: none;
  padding-left: 0;
}

.news__list__item {
  padding-top: 1em;
  padding-bottom:1em;
}

.home .news__list__item {
  padding-left: 15.9090909%;
  padding-right: 15.9090909%;
}

.news__list__item p {
    line-height: 2;
    margin-bottom: 0;
    margin-top: 0.8rem;
}
.news__list__item h2 {
    margin: 1rem 0 1.3rem;
    line-height: 1.6;
}

.news__list__item .category {
  line-height: 2.0;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding-left: .5em;
  padding-right: .5em;
  margin-right: 10px;
}

.news__list__item .published {
  font-weight: bold;
}
.news__list__item .btn-more {
    padding-top: 0px;
    padding-bottom: 0px;
}

.home .news__list__item+.news__list__item {
  border-top: 1px solid #DCDCDC;
}

@media screen and (max-width: 640px) {
  .home .news__list__item {
    padding: 15px;
  }

  .news__list__item p {
    margin-bottom: 0;
  }
}

aside.mail-magazine {
  margin-top: 150px;
  background-color: #FFF0DC;
}

aside.mail-magazine figure {
  margin: 0;
}

aside.mail-magazine figure img {
  float: left;
  margin-right: 1.0em;
}

aside.mail-magazine h3 {
  font-size: 1.411764706em;
  color: #EF7A0B;
}

aside.mail-magazine .btn-more {
  margin-top: 25px;
  padding-top: 0;
  padding-bottom: 0;
}

aside.mail-magazine .btn-more .btn {
  width: 300px;
}

@media screen and (max-width: 640px) {
  aside.mail-magazine {
    margin-left: 15px;
    margin-right: 15px;
  }

  aside.mail-magazine figure img {
    float: none;
    margin-right: 0;
    width: 100%;
  }

  aside.mail-magazine h3,
  aside.mail-magazine p {
    padding-left: 30px;
    padding-right: 30px;
  }

  aside.mail-magazine {
    margin-top: 30px;
  }

  aside.mail-magazine .btn-more {
    margin-top: 30px;
    padding-bottom: 100px;
  }
}

.global-nav,
.footer-nav {}

.footer-nav {
  border-top: 1px solid #E1E1E1;
  margin-top: 100px;
}

.global-nav__list{
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 1em;
  list-style-type: none;
  display: flex;
  display: -webkit-flex;
}
.footer-nav__list {
  padding-left: 0;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  list-style-type: none;
  display: flex;
  display: -webkit-flex;
}

.global-nav__list li,
.footer-nav__list li {}

.global-nav__list li+li{
  margin-left: auto;
}

.footer-nav__list li+li {
  margin-left: min(37.4px, calc((37.4 / 1600) * 100vw));
}
.global-nav__list li:nth-child(7),
.footer-nav__list li:nth-child(7){
  display: none;
}
.header-btn01,
.global-nav__list li:nth-child(8),
.footer-nav__list li:nth-child(8){
    border:1px solid #ef7a0c;
    width: 24.6%;
    border-radius: 3px;
    transition: .3s;
}

.header-btn01{
  flex-grow: 1;
  max-width: 240px;
  margin-left:  5px;
}

.header-btn01:hover,
.global-nav__list li:nth-child(8):hover,
.footer-nav__list li:nth-child(8):hover{
  border-color: #c1c1c1;
}
.header-btn01 a,
.global-nav__list li:nth-child(8) a,
.footer-nav__list li:nth-child(8) a{
  color: #ef7a0c;
  text-align: center;
}
.header-btn01 a{
  transition: all .5s;
  display: block;
  text-decoration: none;
  line-height: 34px;
  font-size: .941176471em;
  font-weight: 500;
}

.global-nav__list li a,
.footer-nav__list li a {
  line-height: 34px;
  color: #333333;
  text-decoration: none;
  font-size: .941176471em;
  transition: all .5s;
  display: block;
}

.global-nav__list li.current-menu-item a,
.footer-nav__list li.current-menu-item a,
.global-nav__list li a:hover,
.footer-nav__list li a:hover {
  color: #c1c1c1;
}

.sp-toggle__btn {
  display: none;
}

@media screen and (min-width: 641px){
  .global-nav__list li.sp{
    display: none;
  }
} 

@media screen and (max-width: 1024px) {
	.header-btn01 a{
	font-size: 15px;
	}
	
	.brand-logo02 a{
		font-size: 16px;
	}
	
	.footer-nav__list li a{
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	.footer-nav__list li a{
		font-size: 11px;
	}
}

@media screen and (max-width: 640px) {
  .header {
    position: relative;
  }

  .sp-toggle__btn {
    position: absolute;
    right: 0;
    top: 0;
    /* display: block; */
    height: 60px;
    width: 60px;
    background-color: #EF7A0B;
    vertical-align: middle;
    display: inline-block;
  }

  .sp-toggle__btn span,
  .sp-toggle__btn span:before,
  .sp-toggle__btn span:after {
    position: absolute;
    height: 4px;
    /*線の太さ*/
    width: 35px;
    /*長さ*/
    border-radius: 3px;
    background: #fff;
    display: block;
    content: '';
    cursor: pointer;
    left: 50%;
    margin-left: -17.5px;
  }

  .sp-toggle__btn span {
    top: 50%;
    margin-top: -12px;
  }

  .sp-toggle__btn span:before {
    bottom: -10px;
  }

  .sp-toggle__btn span:after {
    bottom: -20px;
  }

  .global-nav__list li+li,
  .footer-nav__list li+li {
    margin-left: 0;
  }

  .nav__wrap{
    transition: max-height .5s;
    overflow: hidden;
    height: auto;
    max-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
  }

  .global-nav__list {
    /* transition: max-height .5s;
    overflow: hidden;
    height: auto;
    max-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%; */
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #E2E2E2;

    margin-bottom: 0;
  }

  .nav__wrap.open {
    max-height: 100vh;
  }

  .global-nav__list li a {
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    font-size: 1em;
  }

  .global-nav__list li a::after {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #EF7A0B;
  }

  .global-nav__list li:nth-child(7){
    display: block;
  }
.global-nav__list li:nth-child(8){
    width: 70%;
    margin: 5% auto;
}
.global-nav__list li:nth-child(8) a{
  padding: 0;
}
.global-nav__list li:nth-child(8) a::after{
  display: none;
}
	.global-nav__list li:first-child{
		border-top: 1px solid #E2E2E2;
}
  .global-nav__list li {
    border-bottom: 1px solid #E2E2E2;
    padding: 2.1% 0;
  }

  .footer-nav__list {
    display: none;
  }
}

.footer-info {
  background-color: #666666;
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer-info__list {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.footer-info__list__item {
  align-self: center;
	margin: 0 min(50px, calc((50 / 1600) * 100vw));
  display: flex;
  display: -webkit-flex;
}

@media screen and (max-width: 640px) {
  .footer-info__list__item {
    /* display: block; */
    justify-content: center;
  }

  .footer-info__list__item+.footer-info__list__item {
    margin-top: 30px;
  }
}

.footer-info .title {
  margin-top: 0;
  margin-bottom: 30px;
  color: #fff;
  font-weight: normal;
  text-align: center;
}

.footer-info .phone-number {
  color: #fff;
  font-size: 1.764705882em;
}

.footer-info__list__item .phone-number,
.footer-info__list__item .btn {
  margin-left: 15px;
}

.copyright {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #4D4D4D;
  text-align: center;
  font-size: .705882353em;
  color: #fff;
  line-height: 40px;
  width: 100% !important;
}

@media screen and (max-width: 640px) {
  .footer-info__list {
    display: block;
  }

  .copyright {
    font-size: 1.0em;
  }
}

.keyvisual {}

.keyvisual figure {
  margin: auto;
}

.keyvisual figure img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.philosophy .section-title {
  text-indent: .5em;
  margin-left: -.5em;
  color: #EF7A0B;
}

.corporate-philosophy {
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 120px;
  background-color: #FFF0DC;
}

.corporate-philosophy .section-title {
  color: #EF7A0B;
}

.corporate-philosophy .section-title span {
  font-size: .666666667em;
}

.corporate-philosophy__list {
  list-style-type: none;
  padding-left: 0;
}

.corporate-philosophy__list__item {
  margin-top: 70px;
}

.corporate-philosophy__list__item h3 {
  margin-top: 0;
  margin-bottom: 1.0em;
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  font-size: 1.882352941em;
  color: #EF7A0B;
}

.corporate-philosophy__list__item h4 {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.764705882em;
  font-weight: normal;
}

.corporate-philosophy__list__item p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2.058823529;
}

.corporate-philosophy__list__item+.corporate-philosophy__list__item {
  margin-top: 70px;
}

@media screen and (max-width: 640px) {
  .philosophy .section-title {
    text-indent: 0;
    margin-top: 30px;
    margin-left: 0;
  }

  .corporate-philosophy {
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .corporate-philosophy .section-title span {
    display: block;
  }

  .corporate-philosophy__list {
    padding-left: 15px;
    padding-right: 15px;
  }

  .corporate-philosophy__list__item {
    margin-top: 30px;
  }

  .corporate-philosophy__list__item h4 {
    font-size: 1.176470588em;
    line-height: 1.5;
  }
}

.approach .section-title {
  color: #EE4836;
}

.convert {
  margin-top: 60px;
  padding-top: 60px;
  padding-bottom: 120px;
  background-color: #FFF0DC;
}

.convert .section-caption {
  padding-top: 0;
  width: 754px;
}

@media screen and (max-width: 640px) {
  .convert {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .convert .section-caption {
    width: 100%;
  }

  .approach .section-title {
    letter-spacing: 0px;
  }
}

.service .section-title {
  color: #FF9D00;
}

.service-detail {
  margin-top: 60px;
  padding-bottom: 0px;
}

.service-detail__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.service-detail__list__item {
  padding-top: 60px;
  padding-bottom: 60px;
}

.service-detail__list__item h2 {
  font-weight: normal;
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  font-size: 2.235294118em;
}

.service-detail__list__item h2 span {
  font-size: 1.578947368em;
  padding-right: .3em;
  color: #FF8200;
}

.service-detail__list__item h3 {
  font-size: 1.470588235em;
  font-weight: normal;
  color: #FF8200;
}

.service-detail__list__item p {
  line-height: 2.058823529;
}

.service-detail__list__item .example {}

.service-detail__list__item .example .title {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  font-size: 1.470588235em;
  border-bottom: 1px solid #333333;
  padding: 9px;
}

.service-detail__list__item .example ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  list-style-type: none;
}

.service-detail__list__item .example ul li+li {
  margin-top: 50px;
}

.service-detail__list__item .example ul li h5 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 1.235294118em;
  font-weight: normal;
}

.service-detail__list__item .example ul li p {
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: -1px;
}

.service-detail__list__item .example ul li h5::before {
  content: '●';
  margin-right: 5px;
  color: #FF8200;
}

.service-detail__list__item:nth-child(2n) {}

.service-detail__list__item:nth-child(2n-1) {
  background-color: #FFF0DC;
}

@media screen and (max-width: 640px) {
  .service-detail {
    margin-top: 30px;
    padding-bottom: 30px;
  }

  .service-detail__list__item {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .service-detail__list__item h2 {
    font-size: 1.4em;
    padding-left: 30px;
    line-height: 1.3;
    margin-left: 10px;
  }

  .service-detail__list__item h2 span {
    padding-right: 6px;
    margin-left: -32px;
  }

  .service-detail__list__item h3 {
    font-size: 1.0em;
  }

  .service-detail__list__item .example .title {
    font-size: 1.0em;
  }

  .service-detail__list__item .example ul {
    padding-left: 0;
  }

  .service-detail__list__item .example ul li h5 {
    font-size: .941176471em;
    line-height: 1.486111111;
  }

  .service-detail__list__item .example ul li p {
    font-size: .941176471em;
  }
}

.wp-pagenavi {
  text-align: right;
  margin-top: 20px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  padding: 5px 8px;
}

.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  line-height: 35px;
}

.case-studies .wp-pagenavi a,
.case-studies .wp-pagenavi span,
.case-studies .wp-pagenavi a:hover,
.case-studies .wp-pagenavi span.current {
  border-color: #FF7A8A;
  color: #FF7A8A;
}

.viva-lab .wp-pagenavi a,
.viva-lab .wp-pagenavi span {
  border-color: #D30B54;
  color: #D30B54;
}

.viva-lab .wp-pagenavi a:hover,
.viva-lab .wp-pagenavi span.current {
  color: #fff;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  color: #fff;
}

.case-studies .wp-pagenavi a:hover,
.case-studies .wp-pagenavi span.current {
  background-color: #FF7A8A;
}

.viva-lab .wp-pagenavi a:hover,
.viva-lab .wp-pagenavi span.current {
  background-color: #D30B54;
}

.case_study .page-title {
  background-color: #FF7A8A;
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}

.case_study .page-title .container {
  display: table;
  height: 120px;
  position: relative;
}

.case_study .page-title .container::before {
  content: '';
  background: url('images/case-study/icon.svg') no-repeat;
	background-position: center;
	background-size: 100%;
  display: block;
  width: calc((154 / 1000) * 100%);
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
}

.case_study .page-title h1 {
  display: table-cell;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 1.75em;
}

.case_study .section-title {
  font-size: 1.75em;
  color: #FF7A8A;
}

.case_study .section-visual {}

.case_study .section-visual img {
  width: 100%;
  height: auto;
}

.case_study .page-content p {
  width: 100%;
}

.case_study h3 {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  color: #FF7A8A;
  font-size: 1.5em;
  margin-top: 50px;
}

.case_study .interview-content {}

.case_study .interview-content__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.case_study .interview-content__list__item {}

.case_study .interview-content__list__item .interview-content__title {
  margin-top: 100px;
  color: #fff;
  background-color: #FF7A8A;
}

.interview-content__list__item .interview-content__title .container {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}

.interview-content__list__item .interview-content__title h2 {
  padding-left: 50px;
  font-size: 1.176470588em;
  line-height: 1.775;
  margin-top: 0;
  margin-bottom: 0;
}

.interview-content__list__item .interview-content__title figure {
  margin: 0;
	width: calc((549 / 1000) * 100%)
}

.interview-content__list__item .interview-content__title figure img {
  display: block;
	width: 100%;
	height: auto;
}

.interview-content__list__item .message {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  color: #FF7A8A;
}

.interview-content__list__item .question {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  color: #FF7A8A;
  font-size: 1.1em;
  line-height: 1.5em;
}

.interview-content__list__item .question::before {
  content: '\002015';
}

.interview-content__list__item .answer {
  line-height: 2.058823529;
  margin-bottom: 75px;
}

.interviees__list {
  list-style-type: none;
  text-indent: -37px;
}
.tsuki {
    background-color: #FF7A8A;
    color: #fff;
    padding: 10px;
    width: 100%;
    display: block;
	    margin-top: 100px;
}
@media screen and (max-width: 640px) {
	.interview-content__list__item .interview-content__title figure{
		width: 100%;	
	}
	
  .case_study .page-title .container::before {
    content: none;
  }

  .case_study .page-title h1 {
    font-size: 1.235294118em;
  }

  .case_study .section-title {
    font-size: 1.176470588em;
  }

  .case_study .page-content p {
    font-size: .941176471em;
  }

  .interviees__list {
    padding-left: 0;
    list-style-type: none;
    font-size: .941176471em;
    text-indent: 0px;
  }

  .interview-content__list__item .interview-content__title h2 {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    line-height: 1.394736842;
  }

  .interview-content__list__item .interview-content__title h2 br {
    display: none;
  }

  .interview-content__list__item .interview-content__title .container {
    display: block;
  }

  .interview-content__list__item .interview-content__title figure img {
    width: 100%;
    height: auto;
  }

  .interview-content__list__item .answer,
  .interview-content__list__item .question,
  .interview-content__list__item .message {
    padding-left: 15px;
    padding-right: 15px;
  }

  .interview-content__list__item .answer {
    font-size: .941176471em;
  }
	.tsuki{
    padding: 5px 10px;
    margin-top: 0px;
}
}

.pager {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pager__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 322px;
  margin-left: auto;
  margin-right: auto;
}

.pager__list__item {
  text-align: center;
}

.pager__list__item.is-next,
.pager__list__item.is-prev {
  width: 150px;
}

.pager__list__item.is-next {
  float: left;
}

.pager__list__item.is-prev {
  float: right;
}

.pager__list__item.is-top {
  padding-top: 17px;
  clear: both;
}

.pager__list__item a {
  line-height: 38px;
  display: block;
  color: #fff;
  text-decoration: none;
  transition: all .5s;
}

.pager__list__item a:hover {
  opacity: .50;
}

.case_study .pager__list__item a {
  background-color: #FF7A8A;
}

.viva-lab .section-title {
  color: #D30B54;
}

.single-lab .pager__list__item a {
  background-color: #D30B54;
}

.lab-reports {
  padding-left: 0;
  margin-top: 30px;
  margin-bottom: 0;
  list-style-type: none;
}

.lab-reports__item {}

.lab-reports__item:nth-child(2n) {}

.lab-reports__item:nth-child(2n-1) {
  background-color: #FFF0DC;
}

.lab-reports__item .title {
  color: #D30B54;
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  font-size: 1.764705882em;
  line-height: 1.5;
}

.lab-reports__item figure {
  margin: 0;
  display: flex;
  display: -webkit-flex;
}

.lab-reports__item figure img {
  margin-right: 40px;
}

.lab-reports__item figure figcaption p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 2.058823529;
}

.lab-reports__item label {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  background-color: #D30B54;
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .lab-reports__item label {
    width: 100px;
    padding-top: 20px;
    padding-bottom: 15px;
  }
}

.lab-reports__item label .label {
  display: block;
  font-size: 1.0em;
}

.lab-reports__item label .number {
  margin-top: 10px;
  display: block;
  font-size: 2.352941176em;
}

.lab .page-title, .result-page_title {
  background-color: #D30B54;
  color: #fff;
}

.lab .page-title .container, .result-page_title .container {
  display: table;
  height: 150px;
  position: relative;
}

.lab .page-title .container::before, .result-page_title .container::before {
  content: '';
  background-image: url('images/viva-lab/icon.svg');
  display: block;
  width: 205px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 0px;
}
.result-page_title:before {
  background-image: url('../tantaviva/images/viva-lab/icon.svg');
}
.lab .page-title h1, .result-page_title h1 {
  display: table-cell;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  padding-left: 25%;
  padding-right: 15%;
  font-size: 1.6em;
}
.result-page_title h1 {
  padding-right: 15%;
}
.lab .section-visual img {
  width: 100%;
  height: auto;
}

.lab .page-content p {
  width: 100%;
}

.tax-lab_category .page-content p {
  width: 650px;
  margin-bottom: 40px;
}

.lab h2 {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  color: #D30B54;
  font-size: 1.764705882em;
  line-height: 1.5;
  margin-top: 1.5em;
  font-weight: normal;
}

.tax-lab_category h2 {
  font-size: 2.0em;
  color: #D30B54;
}

.lab .description {
  font-size: .882352941em;
}

@media screen and (max-width: 640px) {
  .tax-lab_category .page-content p {
    width: 100%;
  }

  .lab-reports__item figure {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
  }

  .lab-reports__item .title {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
    font-size: 1.176470588em;
  }

  .lab-reports__item figure figcaption p {
    font-size: .941176471em;
  }

  .lab-reports__item figure img {
    margin-right: 0;
    width: 100%;
    height: auto;
  }

  .lab .page-title .container::before, .result-page_title .container::before {
    content: none;
  }

  .lab .page-title h1, .result-page_title h1 {
    font-size: 1.235294118em;
    line-height: 1.547619048;
    padding-left: 15px;
    padding-right: 15px;
  }

  .lab .description {
    font-size: .588235294em;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.5;
  }

  .lab h2 {
    font-size: 1.176470588em;
  }

  .lab .page-content p {
    font-size: .941176471em;
  }
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 50px;
  /*   margin-bottom: 100px;*/
}

@media screen and (max-width: 640px) {
  .aligncenter {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.mail-magazine .page-title {
  background-color: #D30B54;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.mail-magazine .page-content {
  padding-top: 10px;
  padding-bottom: 80px;
  text-align: center;
}

.mail-magazine .page-content p {
  width: 100%;
}

.mail-magazine .page-content h2 {
  font-size: 1.764705882em;
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  color: #D30B54;
}

.term {
  margin-top: 20px;
  text-align: left;
  height: 363px;
  overflow: auto;
  border: 1px solid #C2C2C2;
  padding: 20px;
}

.term__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.term__list__item {}

.s2__form__field {
  background-color: #E8E8E8;
  padding: 20px;
}

.s2__form__button {
  padding-top: 90px;
}


/* contactエリア 
----------------------------------------------------------------------*/

.contact .page-title{
  background-color: #EF7A0B;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
.page-id-639 .page-content h2,
.contact .page-content h2 {
  margin-top: 50px;
  text-align: left;
  font-size: 1.764705882em;
  font-weight: normal;
  line-height: 1.5em;
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  color: #EF7A0B;
}

.contact-form {
  list-style-type: none;
  ;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.contact-form__field {
  display: table;
  width: 100%;
}

.contact-form__field:nth-child(2n-1) {
  background-color: #F3F3F2;
}

.contact-form__field:nth-child(2n) {
  background-color: #E8E8E8;
}

.contact-form__field--label,
.contact-form__field--input {
  display: table-cell;
  padding: 20px;
}

.contact-form__field--label {
  width: 16.5%;
  vertical-align: middle;
}

.contact-form__field--label.required::after {
  content: '\20\203b';
}

.contact-form__field--input {}

.contact-form__field--input input,
.contact-form__field--input textarea {
  border: 1px solid #DCDCDC;
  padding: 10px;
}

.contact-form__field--input .example {
  display: block;
}

.contact-form__field--input .example::before {
  content: '\4f8b\29\20';
}

.contact-form__btn {
  text-align: center;
  padding-top: 90px;
  padding-bottom: 90px;
}

.contact-form__btn input {
  border-radius: 10px;
  display: inline-block;
  width: 250px;
  line-height: 54px;
  font-size: 1.058823529em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  background-color: #FF9D00;
  border: 0;
  transition: all .5s;
}

.contact-form__btn input:hover {
  opacity: .50;
}

.contact-form__btnp {
  text-align: center;
  padding-top: 90px;
}

.contact-form__btnp input {
  border-radius: 10px;
  display: inline-block;
  width: 250px;
  line-height: 54px;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  background-color: #FF9D00;
  border: 0;
  transition: all .5s;
}

.contact-form__btnp input:hover {
  opacity: .50;
}


/* contactここまで ------------------------------------*/




.btn::before {
  content: '';
  display: block;
  background-color: #fff;
  top: 50%;
  right: 20px;
  margin-top: -8px;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 16px;
}

.btn::after {
  content: '';
  display: block;
  top: 50%;
  right: 18px;
  margin-top: -6px;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-color: transparent;
  border-style: solid;
}

.category .page-title,
.blog .page-title {
  background-color: #EF7A0B;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.type-post .page-title {
  background-color: #EF7A0B;
  color: #fff;
  /*   text-align: center;*/
  margin-top: 0;
  margin-bottom: 0;
}

.type-post .page-title .container {
  display: table;
  height: 150px;
  position: relative;
}

.type-post .page-title .container::before {
  content: '';
  background-image: url('images/news/icon.svg');
  display: block;
  width: 77px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 45px;
}

.type-post .page-title h1 {
  display: table-cell;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  padding-left: 20%;
  padding-right: 20%;
  font-size: 1.6em;
}

@media screen and (max-width: 640px) {
  .type-post .page-title h1 {
    padding-left: 0;
    padding-right: 0;
  }
}

.type-post .section-visual img {
  width: 100%;
  height: auto;
}

.type-post .page-content p {
  width: 100%;
}

.type-post h2 {
  /*    font-family: "a-otf-ud-shin-go-pr6n",sans-serif;*/
  color: #D30B54;
  font-size: 1.764705882em;
  line-height: 1.5;
}

.type-post .description {
  font-size: .882352941em;
}

.profile {
  margin-top: 50px;
  margin-bottom: 100px;
}

.profile__list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.profile__list__item {
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.profile__list__item.is-kadowaki {
  background-image: url('./images/about-us/bg-kadowaki.png');
}

.profile__list__item.is-itaya {
  background-image: url('./images/about-us/bg-itaya.png');
}

.profile__list__item.is-uchida {
  background-image: url('./images/about-us/bg-uchida.png');
}

.profile__list__item .container {
  padding-top: 45%;
  position: relative;
}

.profile__list__item--inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.profile__list__item--inner h3 {
  color: #EF7A0B;
  font-weight: normal;
  font-size: 1.764705882em;
  margin-bottom: 30px;
  margin-top: 0;
}

.profile__list__item--inner small {
  font-size: .633333333em;
}

.is-left .profile__list__item--inner {
  left: 0;
}

.is-right .profile__list__item--inner {
  right: 0;
}

.profile__list__item .section-caption {
  padding-top: 0;
}

.profile__list__item p {
  margin-top: 0;
  margin-bottom: 0;
  width: 710px !important;
  font-size: 0.9em;
}

.company-profile__data__table {
  width: 100%;
  border-bottom: 1px solid #DCDCDC;
  border-spacing: 0;
}

.company-profile__data__table tbody {}

.company-profile__data__table tbody tr {}

.company-profile__data__table tbody tr th {
  text-align: left;
  font-weight: normal;
  padding: 16.5px;
  border-top: 1px solid #DCDCDC;
  background-color: #F3F3F2;
}

.company-profile__data__table tbody tr td {
  padding: 16.5px;
  border-top: 1px solid #DCDCDC;
  line-height: 1.617647059;
}

.company-profile__data__table tbody tr td a {
  color: #EF7A0B;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
	.page-id-639 .page-content h2,
  .contact .page-content h2 {
    font-size: 1.176470588em;
  }

  .contact-form__field--label,
  .contact-form__field--input,
  .contact-form__field {
    display: block;
  }

  .contact-form__field--input {
    padding: 15px;
  }

  .contact-form__field--label {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0;
  }

  .contact-form__field--input input,
  .contact-form__field--input textarea {
    width: 100%;
  }

  .contact-form__field--label {
    width: 100%;
    font-weight: bold;
  }

  .contact-form__field--label br {
    display: none;
  }

  .contact .page-content p {
    font-size: .705882353em;
  }

  .contact-form__field--input .example {
    font-size: .705882353em;
  }

  .mail-magazine .page-title,
  .contact .page-title {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mail-magazine .page-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .profile {
    margin-top: 0px;
    margin-bottom: 30px !important;
  }

  .profile__list__item p {
    width: 100% !important;
  }

  .profile__list__item .section-caption {
    padding-left: 15px;
    padding-right: 15px;
    font-size: .941176471em;
  }

  .profile__list__item--inner {
    position: static;
    transform: none;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 35.625%;
  }

  .profile__list__item.is-kadowaki .profile__list__item--inner {
    background-image: url('./images/about-us/bg-kadowaki.png');
  }

  .profile__list__item.is-itaya .profile__list__item--inner {
    background-image: url('./images/about-us/bg-itaya.png');
  }

  .profile__list__item.is-uchida .profile__list__item--inner {
    background-image: url('./images/about-us/bg-uchida.png');
  }

  .profile__list__item--inner small {
    display: block;
    margin-top: 18px;
  }

  .profile__list__item--inner h3 {
    font-size: 1.470588235em;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -25%;
    margin-bottom: 50px;
  }

  .is-right .profile__list__item--inner h3 {
    padding-left: 55%;
  }

  .profile__list__item .container {
    padding-top: 0;
  }

  .profile__list__item {
    background-image: none !important;
  }

  .company-profile__data {
    padding-right: 15px;
    padding-left: 15px;
  }

  .company-profile__data__table tbody tr th {
    width: 33%;
    font-size: .882352941em;
  }

  .company-profile__data__table tbody tr td {
    font-size: .882352941em;
  }
}

.keywords__list {
  list-style-type: none;
  margin-top: 0;
  padding-left: 0;
  margin-top: 30px;
  margin-bottom: 15px;
}

.keywords__item {
  border-radius: 5px;
  font-size: .882352941em;
  text-align: center;
  background-color: #A9A9A9;
  color: #fff;
  display: inline-block;
  padding: 5px;
}

@media screen and (max-width: 640px) {
  .keywords__list {
    padding-left: 15px;
    padding-right: 15px;
  }
}

figure.brand-logo {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
	width: calc((300 / 1000) * 100%);
	max-width: 300px;
}

figure.brand-logo svg{
	width: 100%
}

@media screen and (max-width: 640px) {
  figure.brand-logo {
    position: static;
	  margin: 30px auto;
    text-align: center;
	  width: 100%;
  }
}

.lab-categories,
.news-categories {}

.lab-categories__list,
.news-categories__list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  display: -webkit-flex;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 640px) {
  .lab-categories__list {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .news-categories__list {
    padding-top: 30px;
    padding-bottom: 0px;
  }
}

.lab-categories__list li,
.news-categories__list li {
  width: 20%;
  border-bottom: 1px solid #DCDCDC;
}

.lab-categories__list li+li,
.news-categories__list li+li {
  border-left: 1px solid #DCDCDC;
}

.news-categories__list li a:hover,
.news-categories__list li.current-cat a {
  background-color: #EF7A0B;
  color: #fff;
}

.lab-categories__list li a:hover,
.lab-categories__list li.current-cat a {
  background-color: #D30B54;
  color: #fff;
}

.lab-categories__list li a,
.news-categories__list li a {
  transition: all .5s;
  display: block;
  text-align: center;
  padding-top: 19px;
  padding-bottom: 19px;
  text-decoration: none;
  color: #333333;
}

@media screen and (max-width: 640px) {
  .news__list__item {
    padding-left: 15px;
    padding-right: 15px;
	 padding-top: 30px;
    padding-bottom: 35px;
  }
	.news__list__item h2{
	    font-size: 1.7em;
	    margin: 0.8rem 0 1.2rem;
	}

  .lab-categories__list {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .news-categories__list {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .lab-categories__list li,
  .news-categories__list li {
    border-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
  }

  .lab-categories__list li+li,
  .news-categories__list li+li {
    border-left: 0;
  }

  .lab-categories__list li,
  .news-categories__list li {
    width: 30%;
  }

  .news-categories__list li a {
    font-size: .882352941em;
    border: 1px solid #EF7A0B;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lab-categories__list li a {
    font-size: .882352941em;
    border: 1px solid #D30B54;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .type-post .description {
    padding-left: 15px;
    padding-right: 15px;
  }

  .type-post .page-title .container::before {
    content: none;
  }
}

.case-study__points__item a {
  overflow: hidden;
  position: relative;
  -moz-transition: box-shadow 0.3s linear, z-index 0.3s linear;
  -webkit-transition: box-shadow 0.3s linear, z-index 0.3s linear;
  -o-transition: box-shadow 0.3s linear, z-index 0.3s linear;
  -ms-transition: box-shadow 0.3s linear, z-index 0.3s linear;
  transition: box-shadow 0.3s linear, z-index 0.3s linear;
}

.case-study__points__item a:hover {
  z-index: 200;
  color: #fff;
  text-decoration: none;
  -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}

.case-study__points__item a span {
  z-index: 20;
}

.case-study__points__item a:after {
  background: #fff;
  content: "";
  height: 500px;
  left: -100%;
  opacity: .2;
  position: absolute;
  top: -50px;
  transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
  z-index: 10;
}

.case-study__points__item a:hover:after {
  left: 0;
  transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 640px) {

  .mail-magazine .page-title,
  .blog .page-title,
  .contact .page-title {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mail-magazine .page-title img,
  .blog .page-title img,
  .contact .page-title img {
    height: 100px;
    width: auto;
  }
}

.animation-logo .move {
  -webkit-animation: hello 1.0s ease-in-out;
}

@-webkit-keyframes hello {
  0% {
    transform: translateY(29.946px);
  }

  100% {
    transform: translateY(0);
  }
}


@media screen and (max-width: 640px) {
  .home p {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.category-news .pager__list__item a {
  background-color: #EF7A0B;
}

.category-blog .pager__list__item a {
  background-color: #EF7A0B;
}

.category-seminor .pager__list__item a {
  background-color: #EF7A0B;
}

.category-other .pager__list__item a {
  background-color: #EF7A0B;
}

.category-news .page-content {
  padding-top: 25px;
}

.category-blog .page-content {
  padding-top: 25px;
}

.category-seminor .page-content {
  padding-top: 25px;
}

.category-other .page-content {
  padding-top: 25px;
}

.category-news h2 {
  /* font-family: "a-otf-ud-shin-go-pr6n",sans-serif; */
  color: #EF7A0B;
  font-size: 1.764705882em;
  line-height: 1.5;
}

.category-blog h2 {
  /* font-family: "a-otf-ud-shin-go-pr6n",sans-serif; */
  color: #EF7A0B;
  font-size: 1.764705882em;
  line-height: 1.5;
}

.category-seminor h2 {
  /* font-family: "a-otf-ud-shin-go-pr6n",sans-serif; */
  color: #EF7A0B;
  font-size: 1.764705882em;
  line-height: 1.5;
}

.category-other h2 {
  /* font-family: "a-otf-ud-shin-go-pr6n",sans-serif; */
  color: #EF7A0B;
  font-size: 1.764705882em;
  line-height: 1.5;
}

.section-caption-top {
  line-height: 2.058823529;
  padding-bottom: 0px;
  position: relative;
  width: 100% !important;
}

.txtlink {
  text-decoration: none;
  color: #000000;
  transition: all .5s;
}

.txtlink:hover {
  color: #c1c1c1;
}

/* ===== SUMMARY ===== */
.postid-321 .lab .page-title h1 {
  padding-right: 15%;
	font-size: 1.6em;
}

.summary_style {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0;
  padding-top: 80px;
}

.summary_style h2 {
  background-color: #D30A53;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 20px;
  margin: 100px 0 50px;
}

.summary_style p {
  margin: 0 0 40px;
}

.color-yellow {
  color: #FF9600;
}

.color-pink {
    color: #D30A53;
}

td.bg_orange{
	background: #ff960040;
}

.circle-list {
  margin: 0;
  padding-left: 0;
}

.circle-list li {
  position: relative;
  list-style: none;
  padding-left: 20px;
}

.circle-list li:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #FF9600;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}

.square-list {
  margin: 0;
  padding-left: 0;
}

.square-list li {
  position: relative;
  list-style: none;
  padding-left: 20px;
}

.square-list li:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: #999;
  position: absolute;
  top: 10px;
  left: 0;
}

.box-survey {
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  border-top: 0;
  padding: 0 20px 20px;
}

.box-survey>* {
  margin-bottom: 10px !important;
  padding: 0;
}

.box-survey h4 {
  background-color: #808080;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  font-weight: normal;
  padding: 5px 20px;
  margin: 0 -20px;
}

.table-style {
  width: 100%;
  max-width: 700px;
  border-collapse: collapse;
  margin: 0 auto 60px;
}

.table-style thead th {
  background-color: #808080;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-weight: normal;
  border: 1px solid #ccc;
}

.table-style thead th+th {
  border-left: 1px solid #fff;
}

.table-style tbody th,
.table-style tbody td {
  background-color: #F7F7F7;
  border: 1px solid #ccc;
  font-weight: normal;
  padding: 15px;
  line-height: 24px;
}

.table-style tbody th {
  text-align: left;
}

.txt-list {
  margin-bottom: 60px;
}

.txt-list p {
  margin-bottom: 0 !important;
}

.staff-box {
  line-height: 30px;
  border: 1px solid #ccc;
  padding: 20px;
}

.staff-box:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
.staff-box >p{
  display: none;
}
.staff-box h3 {
  font-size: 20px;
  margin: 0 0 20px;
}

.staff-box .staff-photo {
  width: 210px !important;
  float: left;
  margin: 0 20px 0 0;
}

.staff-box .staff-photo img {
  width: 100%;
  height: auto;
  margin-top: 0 !important;
}

.staff-box .staff-content p {
  margin-bottom: 0 !important;
}

.txt-r {
  text-align: right;
}
.btn-grey {}
.btn-grey a {
  display: block;
  width: 400px;
  background-color: #EBEBEB;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-align: center;
  text-decoration: none;
  padding: 47px 20px;
  position: relative;
  transition: all 0.3s;
}

.btn-grey a:after {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url('../tantaviva/images/svg/btn-arrow.svg') no-repeat center top / 100% auto;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -11px;
  transition: all 0.3s;
}
.btn-grey a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.btn-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 120px;
}
.btn-list li {
  list-style: none;
  margin: 0 20px;
}
@media screen and (max-width: 640px) {
  .postid-321 .lab .page-title h1 {
    padding-right: 15px;
  }
  .summary_style {
    font-size: 14px;
    line-height: 28px;
    padding-top: 40px;
  }
  .circle-list li:before {
    top: 10px;
    margin-top: 0;
  }
  .table-style {
    margin-bottom: 40px;
  }
  .table-style .circle-list li:before {
    top: 7px;
  }
  .txt-list {
    margin-bottom: 40px;
  }
  .staff-box .staff-photo {
    width: 100% !important;
    float: none;
    margin: 20px 0;
  }
  .btn-grey a {
    width: 100%;
    max-width: 400px;
    font-size: 14px;
    margin: 0 auto;
    padding: 25px 0;
  }
  .btn-list {
    display: block;
    padding: 40px 0 0;
    margin: 0;
  }
  .btn-list li {
    margin: 15px 0;
  }
}

.result-style {
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0;
}
.result-style>div {
  padding-top: 120px;
}
.result-style ul {
  margin: 0;
  padding: 0;
}
.result-style ul li {
  list-style: none;
}
.result-style p {
  width: 100%;
  margin: 0;
}
.result-style h2 {
  background-color: #D30A53;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 7px 20px;
  margin: 0 0 30px;
}
.result-style h2.bg-grey {
  background-color: #808080;
}
.txt-border_b {
  padding-bottom: 40px;
  margin-bottom: 40px !important;
  border-bottom: 1px solid #808080;
}
.border_grey {
  border-bottom: 1px solid #808080;
  padding: 40px 0;
}
.result-style .circle-list li:before {
  top: 10px;
  margin-top: 0;
}
.num_list {
  counter-reset: number;
}
.num_list li {
  position: relative;
}
.num_list li:before {
  display: inline-block;
  counter-increment: number;
  content: counter(number)'.';
  padding-right: 5px;
}
.result-style .box-grey {
  background-color: #f7f7f7;
  border: 1px solid #cccccc;
  position: relative;
  margin-top: 40px;
  padding: 0 20px 20px;
}
.result-style .box-grey h4 {
  width: auto;
  background-color: #808080;
  color: #fff;
  margin: 0 -20px 20px;
  padding: 7px 20px;
}
.result-style .btn-grey a {
  display: table;
  height: 130px;
  padding: 0;
}
.result-style .btn-grey a span {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  line-height: 28px;
}
.result-style .aligncenter {
  margin: 30px auto 0;
}
.result-style #sec1 {
  padding-bottom: 60px;
  border-bottom: 1px solid #ccc;
}
.result-style #sec1 .info {
  padding-left: 0;
}
.result-style #sec1 .info li {
  display: table;
  width: 100%;
  list-style: none;
}
.result-style #sec1 .info li>* {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.result-style #sec1 .info li span {
  width: 90px;
}
.result-style #sec2 {
  padding-top: 60px;
}
.result-style #sec2 .sec2-list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 30px;
}
.result-style #sec2 .sec2-list>li {
  width: 375px;
  margin: 0 25px;
  padding-bottom: 80px;
  position: relative;
}
.result-style #sec2 .sec2-list>li .factor {
  display: table;
  width: calc(100% - 40px);
  border: 1px solid #ccc;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.result-style #sec2 .sec2-list>li .factor span {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}
.result-style #sec2 .sec2-list>li .factor span:first-child {
  background-color: #808080;
  color: #fff;
}


.result-style #sec2 .sec2-list>li .factor span:last-child {
  background-color: #fff;
}
.box-chart {
  margin-top: 40px;
}
.box-chart>div {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  padding: 50px;
  text-align: center;
  position: relative;
}
.box-chart>div+div {
  border-top: 0;
}
.box-chart h4 {
  width: 120px;
  background-color: #808080;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 7px;
  position: absolute;
  top: 0;
  left: 0;
}
.box-chart .chart-photo img {
  display: inline-block;
  margin: 0 !important;
}
.box-chart .chart-btn {
  padding-top: 50px;
}
.box-chart .chart-btn a {
  display: block;
  width: 300px;
  background-color: #808080;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  position: relative;
  margin: 0 auto;
  padding: 7px;
  transition: all 0.3s;
}

.box-chart .chart-btn a::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.box-chart .chart-btn a:hover {
  opacity: 0.6;
}

.result-style .btn-grey {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 120px;
}
.result-style .btn-grey li {
  margin: 0 25px;
}

@media screen and (max-width: 640px) {
  .result-style {
    font-size: 14px;
    line-height: 28px;
  }
  .txt-border_b {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
  }
  .result-style>div {
    padding-top: 60px;
  }
  .result-style #sec1 {
    padding-bottom: 40px;
  }
  .result-style #sec2 {
    padding-top: 40px;
  }
  .result-style #sec2 .sec2-list>li {
    display: block;
    margin: 40px auto 0;
  }
  .box-chart>div {
    padding: 30px 20px;
  }
  .box-chart>div+div {
    padding-top: 60px;
  }
  .box-chart .chart-btn {
    padding-top: 20px;
  }
  .box-chart .chart-btn a {
    width: 100%;
    max-width: 300px;
    padding: 5px;
  }
  .result-style .btn-grey {
    padding-top: 60px;
  }
  .result-style .btn-grey li {
    width: 100%;
    margin: 10px 0;
  }
  .result-style .btn-grey li a {
    height: 70px;
  }
  .result-style .btn-grey a span {
    line-height: 24px;
  }
}
/*Remodal 
  ========================================================================== */
.remodal{
  text-align: left;
      font-size: 16px;
    line-height: 36px;
    letter-spacing: 0;
}
.remodal >p{
  display: none;
}
.remodal ul{
  margin: 0;
  padding: 0;
}
.remodal ul li{
  list-style-type: none;
}
.remodal h2 {
  background-color: #808080;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 7px 20px;
  margin: 0;
}
.remodal .modal-content{
  padding: 30px;
}
.remodal .modal-content p{
  margin: 0;
  padding: 0;
}
.remodal .modal-content h4{
  margin: 0;
}
.remodal .modal-content .box-grey{}

.remodal .modal-content .box-grey{
  background-color: #f7f7f7;
  border: 1px solid #cccccc;
  position: relative;
  padding: 0 15px 70px;
  font-size: 14px;
}
.remodal .modal-content .box-grey.pb0{
  padding-bottom: 15px;
}
.remodal .modal-content .box-grey h4 {
  width: auto;
  background-color: #ff9600;
  border-bottom: 1px solid #cccccc;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  margin: 0 -15px 10px;
  padding: 7px 20px;
}
.remodal .modal-content .box-grey ul li{
  line-height: 26px;
}
.remodal .modal-content .box-grey ul li, .remodal .modal-content .box-grey .ul-01 li p{
  text-indent: -15px;
  padding-left: 15px;
}
.remodal .modal-content .modal-list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 30px;
}
.remodal .modal-content .modal-list > li{
  width: 460px;
}
.remodal .modal-content .box-grey.box-grey_fw{
  margin-top: 10px;
  margin-bottom: 40px;
}
.remodal .modal-content .box-grey .ul-01{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.remodal .modal-content .box-grey .ul-01 li{
  width: 48%;
  text-indent: 0;
  padding-left: 0;
}

.remodal .modal-content .box-grey .ul-01 li+li{
  margin-left: 4%;
}
.remodal .modal-content .box-grey .ul-01 li.pt26{
  padding-top: 26px;
}
.remodal .modal-content .factor {
  display: table;
  width: 275px;
  border: 1px solid #ccc;
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding-bottom: 0;
}
.remodal .modal-content .factor span {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
  padding: 2px;
}
.remodal .modal-content .factor span:first-child {
  background-color: #808080;
  color: #fff;
}
.remodal .modal-content .factor span:last-child {
  background-color: #fff;
}

@media screen and (max-width: 640px) {
  .remodal{
    font-size: 14px;
    line-height: 28px;
  }
  .remodal .modal-content{
    padding: 15px;
  }
  .remodal .modal-content .modal-list>li{
    width: 100%;
  }
  .remodal .modal-content .modal-list>li+li{
    margin-top: 30px;
  }
  .remodal .modal-content .box-grey .ul-01 li{
    width: 100%;
  }
  .remodal .modal-content .box-grey .ul-01 li+li{
    margin-left: 0;
  }
  .remodal .modal-content .box-grey h4{
    padding: 7px 15px;
  }
}


.table-position{
  width: 100%;
  max-width: 670px;
  border-collapse: collapse;
  margin: 40px auto 0;
}
.table-position th, .table-position td{
  font-size: 14px;
  line-height: 34px;
  color: #000;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}
.table-position thead{}
.table-position thead th{
  background-color: #808080;
  color: #fff;
  border: 1px solid #cccccc;
}
.table-position tbody td{
  border: 1px solid #cccccc;
}
.table-position tbody td .txt-vertical{
  display: block;
  width: 14px;
  line-height: 20px;
  white-space: pre-wrap;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .table-position th, .table-position td{
    font-size: 12px;
  }
}
@media screen and (max-width: 374px) {
  .table-position th, .table-position td{
    font-size: 10px;
  }
}

.privacy h4 {
    font-size: 1.764705882em;
    margin-bottom: 0;
    font-weight: normal;
	margin-top: 6%;
}

.policy{
	border-collapse: collapse;
	width: 100%;
}

.policy tr{
	vertical-align: baseline;
}

.policy td{
    padding: 15px 15px 0 15px;
    line-height: 185%;
	display: block;
}

.policy tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.policy p{
	width: 100%;
	padding: 3%;
	margin: 0;
}

@media screen and (max-width: 640px) {
	.policy p{
		padding: 5.5%;
	}
}

.policy p:nth-child(odd) {
    background-color: #f7f7f7;
}

.pinfo{
	margin-top: 3.5%;
	border: 1.5px solid #CCCCCC;
   width: 52%;
	padding: 3%;
}

.pinfo h3 {
    margin: 0 0 1.2% 0;
}

.pinfo p{
	line-height: 1.8;
	width: 100%;
	margin: 0;
	padding: 0;
}


.pinfo2{
	border: 1.5px solid #CCCCCC;
   width: 52%;
    margin: 6% auto 0 auto;
    padding: 3%;
	text-align: center;
}

.pinfo2 h3 {
    margin: 0 0 1.2% 0;
}

.pinfo2 p{
	line-height: 1.8;
	width: 100%;
	margin: 0;
	padding: 0;
}

.btn-info{
	color: #EF7A0B;
	text-decoration: none;
}

.btn-info:hover{
  transition: .3s;
  opacity: 50%;
}

.formp{
	text-align: center;
	margin: 10% 0 -3% 0;
}

.formp a:hover{
	transition: all .5s;
	opacity: 50%;
}

.formp a{
	color: #EF7A0B;
   text-decoration: none;
}

@media screen and (max-width: 640px) {
	.formp{
	margin: 10% 0 -10% 0;
}
}

.formp2{
  margin: 5% 0 -3% 0;
  line-height: 2.058823529;
}

.formp2 a:hover{
  transition: all .5s;
  opacity: 50%;
}

.formp2 a{
  color: #EF7A0B;
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .formp2{
  margin: 5% 0 -10% 0;
}
}

@media screen and (max-width: 640px) {
	.pinfo{
	border: 1.5px solid #CCCCCC;
   width: 100%;
}
}

.gray{
	background-color: #F7F7F7;
}

span.h3_b{
	font-size: 1.2em;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 1.2em 0;
	font-weight: 600;
}

span.summary_i{
	font-size: 1.4em;
	line-height: 33px;
	color: #D30B54;
}

@media screen and (max-width: 640px) {
	span.summary_i{
		font-size: 1.2em;
		line-height: 28px;
}
}

.summary_s{
	font-size: 1.1em;
	font-weight: 500;
	margin-top: -1%;
}

.privacy-policy .page-title{
  background-color: #EF7A0B;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
}


.summary_ss{
	font-size: 0.8em;
	font-weight: 500;

}


/* recruitボタン内テキストcss */
.text_mt{
	line-height: 50%;
}


/* ここから私のcss */

.wrap {
  overflow: hidden;
}

.pc{
  display: block;
}
.sp{
  display: none;
}

@media screen and (max-width: 768px) {
  .pc{
    display: none;
  }
  .sp{
    display: block;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .sp img{
    width: 100%;
    margin: 0;
  }
}


.profile2{
  margin: 0;
  vertical-align: middle;
  position: relative;
}

@media screen and (max-width: 768px) {
  .profile2{
    position: static;
  }
}

.human1{
  background-image: url(./img/bg-kadowaki.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 430px;
}
.human2{
  background-image: url(./img/bg-itaya.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 530px;
/*   margin-top: -2%; */
}

.human1 .textarea{
  width: 65%;
  padding: 3% 0 0 3%;
}

.human2 .textarea{
  width: 65%;
  padding: 3% 3% 0 0;
	margin-left: auto;
/*   float: right; */
}

.human1 .textarea dt{
  color: #EF7A0B;
  font-weight: normal;
  font-size: 1.764705882em;
  margin-bottom: 3%;
  margin-top: 0;
}

.human1 .textarea dd{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.85em;
  margin: 0;
  line-height: 1.7;
}

.human2 .textarea dt{
  color: #EF7A0B;
  font-weight: normal;
  font-size: 1.764705882em;
  margin-bottom: 3%;
  margin-top: 0;
}

.human2 .textarea dd{
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.75em;
  margin: 0;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .textarea dd{
    width: auto;
    margin: 2% 0;
    line-height: 2;
  }
}

@media screen and (max-width: 768px) {
  .human3,
  .human4{
    width: 100%;
  }
  .human3 .textarea,
  .human4 .textarea{
    width: 95%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 762px) {
  .human3 .textarea dd,
  .human4 .textarea dd{
    line-height: 1.15;
    text-indent: 1em;
    font-size: 1.1em;
    margin: 15%;
  }
}

span.small{
  font-size: .633333333em;
}

.topfigure{
	margin: 0px 0px 50px 0px !important;}

@media screen and (max-width: 768px) {
	.topfigure{
		margin: 50px 0px 50px 0px !important;}
}
	
/* fangrow-form */
.fangrow_contact .page-title {
    background-color: #f56147;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.page-id-646 .f-contact_txt h2,
.fangrow_contact .page-content h2 {
    margin-top: 50px;
    text-align: left;
    font-size: 1.764705882em;
    font-weight: normal;
    line-height: 1.5em;
    color: #f56147;
}
.txt_line .line_p{
  text-align: center;
  font-size: 14px;
  margin: 0 auto;
}
.txt_line .line_kajyo{
  border:1px solid #ccc;
  padding: 24px 5%;
  margin: 40px auto;
  max-width: 600px;
  line-height: 2.7;
}
.txt_line .line_kajyo li{
  font-size: 14px;
}
.page-content .thanks img {
    width: 35%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.header-btn__wrap{
  margin-left: auto;
  display: flex;
  align-items: center;
	justify-content: space-between;
  flex-grow: 1;
  max-width: 390px;
}

.brand-logo02 {
    /* margin: 0 0 0 auto; */
    /* width: 123px; */
}
.brand-logo02 a {
    display: block;
    transition: .5s;
    text-decoration: none;
    color: #000;
    position: relative;
    padding-right: 2.117em;
}
.brand-logo02 a:hover{
  color: #c1c1c1;
}
.brand-logo02 a::before{
    content: '';
    display: block;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    position: absolute;
    width: 1.529em;
    height: 1.1764em;
    transition: .3s;
    background: url('images/common/header/icon-mail.svg');
	background-size: 100%;
}
/* .brand-logo02 a::before{
    content: '';
    display: block;
    background-color: #000;
    top: 50%;
    right: 0px;
    margin-top: -7px;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    transition: .3s;
} */
/* .brand-logo02 a::after {
    content: '';
    display: block;
    top: 50%;
    right: -1px;
    margin-top: -5px;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: transparent;
    border-style: solid;
    border-left-color: #fff;
} */
.brand-logo02 a:hover::before{
  background-color: #c1c1c1;
}
.footer-info__list__item:nth-child(3){
  width: 200px;
}
.footer-info__list__item a {
    width: 100%;
    display: block;
    transition: .5s;
}
.footer-info__list__item a:hover{
  opacity: .7;
}
.footer-info__list__item a img {
    width: 100%;
    height: 100%;
}
.phi-cta a {
    max-width: 980px;
	width:100%;
    display: block;
    margin: 4% auto -30px;
    transition: .5s;
    border-radius: 30px;
}
.phi-cta a img {
    width: 100%;
    height: auto;
}
.phi-cta a:hover{
  opacity: .7;
}
.thanks_txt {
    margin-top: 8%;
}


@media screen and (max-width: 1024px){
	.header-btn__wrap{
      max-width: 350px;
    flex-direction: column;
    align-items: flex-end;
}
	
	.header-btn01 {
    margin: 5px 0 0;
		width: 100%;
}
}

@media screen and (max-width: 640px){
  .header-btn__wrap{
    display: none;
  }
.page-id-646 .f-contact_txt h2,
  .fangrow_contact .page-content h2 {
    font-size: 1.176470588em;
  }
  .txt_line .line_kajyo{
    width: 85%;
    padding: 24px 9%;
  }
  .fangrow_contact .page-title img {
    width: 62%;
}
.page-content .thanks img {
    width: 80%;
}
.phi-cta a {
    width: 92%;
    margin: 6% auto -70px;
}
.footer-info__list__item:nth-child(3) {
    margin: 30px auto 0;
}
	.thanks_txt {
    margin-top: 13%;
}
}

/* 211127投稿 */
.remote_box,
.postid-546 .chart-2 {
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    padding: 50px;
    margin:40px 0;
}
.postid-546 .chart-2 li{
  list-style: none;
  width: 100%;
  margin-bottom: 3%;
  font-size: 15px;
  line-height: 1.6;

}
.postid-546 .chart-2 li img{
  width: 100%;
}
.postid-546 .chart-2 li:nth-child(4){
  padding: 3%;
}
.postid-546 .chart-2 li p {
    margin-bottom: 20px;
}
.postid-546 .chart-2 .report_flex{
  margin: 0;
  padding: 0;
}
.postid-546 .company-profile__data__table tbody tr th,
.postid-546 .company-profile__data__table tbody tr td{
      border-right: 1px solid #DCDCDC;
    }
.postid-546 .company-profile__data__table tbody tr th{
  border-left: 1px solid #DCDCDC;
}
.postid-546 .summary_style p {
    margin: 0;
}
.postid-546 .remote_flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.remote_flex .item {
    width: 48%;
}
.remote_flex .item dt {
    font-size: 16px;
    font-weight: bold;
    background-color: #ffd899;
    padding: 2% 4% 4%;
    line-height: 1.6;
  }
.remote_flex .item dt span {
  font-size: 14px;
  font-weight: bold;
  color: #f46045;
  display: block;
}
.remote_flex .item dd{
  font-size: 14px;
  margin: 5% 0 0%;
}
.postid-546 .company-profile__data__table{
  margin-bottom: 5%;
}
.staff_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.staff_flex .staff-content {
    width: 62%;
}
.staff_flex .staff-photo {
    width: 35% !important;
    margin: 0;
}
.staff_flex .staff-photo .staff-photo_txt{
  font-size: 13px;
  line-height: 1.8;
}
.summary-flex_item {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3%;
}
.summary-flex_item li{
  list-style: none;
  width: 49%;
}
.summary-flex_item li img{
  width: 100%;
}
.postid-546 span.summary_i{
    font-size: 29px;
    display: block;
    
  }
  .postid-546 span.summary_s{
    font-size: 29px;
    display: block;
    color: #D30B54;
    line-height: 2.5;
  }
  .postid-546 span.summary_ss{
  display: block;
    font-size: 21px;
    color: #D30B54;
    margin-top: -7px;
}
.textwidget table {
    width: 100%;
}
.textwidget table , .textwidget td, .textwidget th {
	border: 1px solid #bcbcbc;
	border-collapse: collapse;
}
.textwidget td, .textwidget th {
	padding: 5px;
	height: 25px;
	font-size: 14px;
    font-weight: 300;
    font-family: 'ヒラギノ角ゴシック';
    line-height: 1.86;
    color: #333;
}
.textwidget td{
	padding: 5px 2%;
}
.textwidget th {
	background: #f0e6cc;
}
.textwidget .even {
	background: #fbf8f0;
}
.textwidget .odd {
	background: #fefcf9;
}
@media screen and (max-width: 640px){
  .postid-546 span.summary_i,
  .postid-546 span.summary_s {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 2%;
  }
  .postid-546 span.summary_ss{
    line-height: 1.6;
    font-size: 17px;
    margin-top: 0;
  }
  .postid-546 .chart-2 li{
    width: 100%;
  }
  .remote_box, .postid-546 .chart-2{
    padding: 6%;
  }
  .postid-546 .chart-2 li{
    margin-bottom: 4%;
  }
  .postid-546 .chart-2 li p {
    margin-bottom: 3%;
}
.postid-546 .company-profile__data__table tbody tr th{
  width: 24%;
  padding: 4%;
}
.postid-546 .company-profile__data__table tbody tr td{
  padding: 4%;
}
.remote_flex .item {
    width: 100%;
    margin-bottom: 6%;
}
.postid-546 .company-profile__data{
  padding: 0;
}
.staff_flex .staff-content {
    width: 100%;
}
.staff_flex .staff-photo {
    width: 90% !important;
    margin: 5% auto 0;
}
.summary-flex_item li {
    width: 100%;
}
.postid-546 .pinfo2{
    width: 87%;
}
	.textwidget td, .textwidget th{
    font-size: 13px;
    line-height: 1.6;
}
}

/* ==================
  ikiikilab
==================== */
.breadcrumb{
    margin: 0 0 60px;
    padding: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  
  .breadcrumb li{
    color: #333;
    font-size: 11px;
    padding-left: 20px;
    position: relative;
    letter-spacing: 0.08em;
    line-height: 1.8;
  }
  
  .breadcrumb li::before{
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    background: url('images/ikiikilab/arrow_black.svg') no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 8px;
  }
  
  .breadcrumb li:first-child{
    padding-left: 0;
  }
  
  .breadcrumb li:first-child:before{
    display: none;
  }
  
  .breadcrumb a{
    color: #333;
    transition: .4s ease;
  }
  
  .breadcrumb a:hover{
    opacity: .7;
  }
  
  .ikiikilab ul,
  .ikiikilab ol {
    list-style: none;
  }
  .ikiikilab .archive-single__body ul,
  .ikiikilab .archive-single__body ol {
    list-style: inheri;
	padding-left: 20px;
  }
.ikiikilab .archive-single__body ul {
    list-style: disc;
}
  .ikiikilab blockquote {
	background: #eee;
	margin: 1em 0 0;
	padding: 1em;  
  }
  .ikiikilab blockquote p:first-child {
	margin-top: 0;	
  }
} 

  .ikiikilab h1,
  .ikiikilab h2,
  .ikiikilab h3,
  .ikiikilab h4,
  .ikiikilab h5,
  .ikiikilab h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
  }
  
  .ikiikilab a {
    text-decoration: none;
  }
  
  .ikiikilab .inner{
    width: 90%;
    max-width: 1000px;
    margin: auto;
  }
  
  .ikiikilab .heading{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 8px;
    color: #fff;
    background-color: #808080;
    letter-spacing: 0.04em;
  }
  
  .ikiikilab .heading1{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #494645;
    margin-bottom: 120px;
    position: relative;
    line-height: 1.5;
    letter-spacing: 0.08em;
  }
  
  .ikiikilab .heading1::after{
    content: "";
    display: block;
    width: 100px;
    height: 2px;
    background-color: #ef7a0b;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .ikiikilab-nav{
    border-top: 1px solid #e6e6e6;
    background-color: #fff;
    margin-top: 20px;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  
  .ikiikilab-nav__inner{
    margin: auto;
    width: 90%;
    max-width: 1000px;
  }
  
  .ikiikilab .ikiikilab-nav__list{
    display: flex;
    width: 100%;
    max-width: 400px;
    margin: 0 0 0 auto;
    padding: 0;
  }
  
  .ikiikilab-nav__list li{
    margin-left: auto;
    padding: 20px 0;
  }
  
  .ikiikilab-nav__list li:first-child{
    margin-left: 0;
  }
  
  .ikiikilab-nav__list a{
    font-size: 15px;
    color: #4d4d4d;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 15px;
    transition: .4s ease;
  }
  
  .ikiikilab-nav__list a:hover{
    color: #c1c1c1;
  }
  
  .ikiikilab-nav__list a::before{
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    background: url('images/ikiikilab/arrow_orange.svg') no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .ikiikilab .sec{
    padding-bottom: 18.75vw;
    background-color: #f5f5f5;
  }
  
  .ikiikilab main img{
    width: 100%;
    height: auto;
    display: block;
  }
  
  .ikiikilab-top .sec{
    padding-top: 50px;
  }
  
  .ikiikilab-cat .heading{
    font-size: 19px;
  }
  
  .content-side .ikiikilab-cat .heading{
    font-size: 18px;
  }
  
  .ikiikilab-cat__wrap{
    padding: 35px 4% 30px;
  }
  
  .ikiikilab-cat__wrap ul{
    margin: 0;
    padding: 0;
  }
  
  .ikiikilab-cat__item{
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 2px solid #ffb133;
    background-color: #ffb133;
    overflow: hidden;
    border-radius: 50px;
    transition: .4s ease;
  }
  
  .ikiikilab-cat__item:hover{
    background-color: #fff;
  }
  
  .ikiikilab-cat__item a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #333333;
    padding: 8px 1.666em;
  }
  
  .content-side .ikiikilab-cat__item{
    margin-right: 10px;
    margin-bottom: 10px;
  }
  
  
  .content-side .ikiikilab-cat__item a{
    font-size: 12px;
    padding: 3px 7px;
  }
  
  .ikiikilab hr{
    margin-bottom: 75px;
    background-color: #e6e5e6;
    height: 1px;
    border: none;
  }
  
  .ikiikilab .content--flex{
    display: flex;
  }
  
  .ikiikilab .content-main{
    width: 66%;
    max-width: 660px;
  }
  
  .ikiikilab .content-side{
    width: 28.4%;
    max-width: 284px;
    margin-left: auto;
  }
  
  .recommend-box,
  .new-box,
  .archive-box,
  .archive-single{
    padding: 45px 3.78% 30px;
    background-color: #fff;
    box-shadow: 1px 1px 6px #808080;
  }
  
  .article{
    border-bottom: 1px solid #e6e6e6;
  }
  
  .recommend-box .article:last-child,
  .archive-box .article:nth-last-child(2){
    border-bottom: none;
  }
  
  .article__link{
    transition: .4s ease;
  }
  
  .article__link:hover{
    opacity: .7;
  }
  
  .article__link .img-wrap{
    overflow: hidden;
  }
  
  .article__link .img-wrap img{
    transition: .4s ease;
  }
  
  .article__link:hover img{
    transform: scale(1.1, 1.1);
  }
  
  .recommend-box__content .article__link,
  .new-box__content .article:nth-child(-n + 3) .article__link{
    display: flex;
    width: 100%;
    height: 100%;
    padding: 25px 0;
  }
  
  .recommend-box__content .img-wrap,
  .new-box__content .article:nth-child(-n + 3) .img-wrap{
    width: 49.18%;
    max-width: 300px;
  }
  
  .recommend-box__content .article__body,
  .new-box__content .article:nth-child(-n + 3) .article__body{
    flex-grow: 1;
    width: 45.9%;
    margin-left: 3.27%;
  }
  
  .article .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .article-cat{
    display: inline-block;
  }
  
  .article-cat__link{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #333333;
    padding: 3px 15px;
    background-color: #ffb133;
    border-radius: 50px;
    letter-spacing: 0.05em;
  }
  
  .article-time{
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    color: #808080;
    letter-spacing: 0.05em;
  }
  
  .article-name{
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-top: 20px;
    line-height: 1.3;
  }
  
  .article__body .heading3{
    font-size: 14px;
    color: #333;
    font-weight: 700;
    line-height: 1.57;
    margin-top: 15px;
    letter-spacing: 0.05em;
  }

  .recommend-box .article__body .heading3,
  .new-box .article__body .heading3,
  .archive-box  .article__body .heading3{
    font-size: 17px;
    font-weight: 700;
  }
  
  .article-tag__list{
    margin: 20px 0 0;
    padding: 0;
  }
  
  .article-tag{
    display: inline-block;
    margin-right: 15px;
    line-height: 1.66;
    font-size: 12px;
  }
  
  .article-tag a{
    color: #ef7a0b;
  }
  
  .ikiikilab-top .heading2{
    font-size: 24px;
    font-weight: 500;
    color: #333;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-top .heading2 span{
    position: relative;
    display: inline-block;
    padding-left: 45px;
	  font-weight: 700;
  }
  
  .ikiikilab-top .heading2 span::before{
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .ikiikilab-top .recommend-box .heading2 span::before{
    width: 40px;
    height: 39px;
    background-image: url('images/ikiikilab/icon01.svg');
  }
  
  .ikiikilab-top .new-box .heading2 span::before{
    width: 32px;
    height: 56px;
    background-image: url('images/ikiikilab/icon02.svg');
  }
  
  .new-box{
    margin-top: 60px;
  }
  
  .new-box__content,
  .archive-box__content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .archive-box__content{
    gap: 30px;
  }
    
  .new-box__content .article:nth-child(-n + 3){
    width: 100%;
    position: relative;
  }
  
  .new-box__content .article.add-new:nth-child(-n + 3)::before{
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    background: url('images/ikiikilab/new.png') no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-10px, 20%);
    z-index: 1;
  }
  
  .new-box__content .article:nth-child(3){
    margin-bottom: 40px;
  }
  
  .new-box__content .article:nth-child(n + 4){
    width: calc((100% - 30px) / 2);
    margin-left: 30px;
  }
  .archive-box__content .article{
    width: calc((100% - 30px) / 2);
  }
  
  .new-box__content .article:last-child{
    margin-bottom: 0;
  }
  
  .new-box__content .article:nth-child(n + 4):nth-child(even){
    margin-left: 0;
  }
  
  .new-box__content .article:nth-child(n + 4) .article__link,
  .archive-box__content .article__link{
    padding: 15px 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .new-box__content .article:nth-child(n + 4) .img-wrap,
  .related-article.pc .img-wrap,
  .ranking-box__content .article .img-wrap,
  .archive-box__content .article .img-wrap{
    height: 174px;
  }
  
  .new-box__content .article:nth-child(n + 4) .article__body,
  .archive-box__content .article .article__body{
    padding-top: 17px;
  }
  
  .news-box__btn{
    width: 90%;
    max-width: 360px;
    margin: 60px auto 0;
    border: 1px solid #ef7a0b;
    background-color: #fff;
    border-radius: 50px;
    overflow: hidden;
    transition: .4s ease;
  }
  
  .news-box__btn:hover{
    background-color: #ef7a0b;
  }
  
  .news-box__btn-link{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 20px 0;
    color: #ef7a0b;
    transition: .4s ease;
    letter-spacing: 0.08em;
  }
  
  .news-box__btn:hover .news-box__btn-link{
    color: #fff;
  }
  
  .tag__list{
    padding: 30px 4%;
    margin: 0;
  }
  
  .tag__item{
    display: inline-block;
  }
  
  .tag__item-link{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #ef7a0b;
    line-height: 2;
    margin-right: 15px;
    transition: .4s ease;
  }
  
  .tag__item-link:hover{
    opacity: .7;
  }
  
  .ranking-box__content .article__link{
    padding: 25px 0 15px;
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .ranking-box__content .article .img-wrap{
    position: relative;
  }
  
  .ranking-box__content .article .img-wrap::before{
    content: "";
    display: block;
    width: 19%;
    max-width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  
  .ranking-box__content .article:nth-child(1) .img-wrap::before{
    background-image: url('images/ikiikilab/ranking01.svg');
  }
  
  .ranking-box__content .article:nth-child(2) .img-wrap::before{
    background-image: url('images/ikiikilab/ranking02.svg');
  }
  
  .ranking-box__content .article:nth-child(3) .img-wrap::before{
    background-image: url('images/ikiikilab/ranking03.svg');
  }
  
  .ranking-box__content .article:nth-child(4) .img-wrap::before{
    background-image: url('images/ikiikilab/ranking04.svg');
  }
  
  .ranking-box__content .article:nth-child(5) .img-wrap::before{
    background-image: url('images/ikiikilab/ranking05.svg');
  }
  
  .ranking-box__content .article__body{
    padding-top: 20px;
  }
  
  .ikiikilab .banner__wrap{
    margin-top: 40px;
  }
  
  .ikiikilab .banner__wrap .img-wrap:last-child{
    margin-top: 25px;
  }
  
  .ikiikilab .banner__wrap a{
    display: block;
    width: 100%;
    height: 100%;
    transition: .4s ease;
  }
  
  .ikiikilab .banner__wrap a:hover{
    opacity: .7;
  }
  
  .contact-box{
    background-color: #ff9d00;
    padding: 45px 0;
    position: relative;
  }
  
  .contact-box::after{
    content: "";
    display: block;
    width: 43.75vw;
    max-width: 700px;
    height: 13.125vw;
    max-height: 210px;
    background: url('images/ikiikilab/deco01.png') no-repeat;
    background-position: bottom;
    background-size: 100%;
    position: absolute;
    bottom: 100%;
    left: 12%;
  }
  
  .contact-box .img-wrap{
    width: 78px;
    margin: auto;
  }
  
  .contact-box__text{
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    margin: 30px 0 0;
    line-height: 1.5;
    letter-spacing: 0/08em;
  }
  
  .contact-box__btn{
    width: 90%;
    max-width: 320px;
    margin: auto;
    border-radius: 50px;
    overflow: hidden;
    border: 2px solid;
    transition: .4s ease;
  }
  
  .contact-box__btn-link{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px !important;
    font-weight: 700;
    padding: 20px 0;
    transition: .4s ease;
    font-size: 0.08em;
  }
  
  .contact-box__btn.form-btn{
    margin-top: 30px;
    background-color: #fff;
    border-color: #fff;
  }
  
  .contact-box__btn.letter-btn{
    margin-top: 20px;
    background-color: #ee4836;
    border-color: #ee4836;
  }
  
  .contact-box__btn.form-btn .contact-box__btn-link{
    color: #ef7a0b;
  }
  
  .contact-box__btn.letter-btn .contact-box__btn-link{
    color: #fff;
  }
  
  .contact-box__btn.form-btn:hover{
    background-color: #ef7a0b;
  }
  
  .contact-box__btn.form-btn:hover .contact-box__btn-link{
    color: #fff;
  }
  
  .contact-box__btn.letter-btn:hover{
    background-color: #fff;
  }
  
  .contact-box__btn.letter-btn:hover .contact-box__btn-link{
    color: #ee4836;
  }
  
  .ikiiki-survey{
    padding: 60px 0 0;
  }
  
  .ikiiki-survey__text{
    font-size: 20px;
    text-align: center;
    color: #333;
    font-weight: 500;
    line-height: 1.86;
    letter-spacing: 0.08em;
  }
  
  .ikiiki-survey__text .size--lg{
    font-size: 1.4em;
    font-weight: 700;
    display: inline-block;
    padding: 0 5px;
  }
  
  .ikiiki-survey__content{
    display: flex;
    align-items: flex-end;
    width: 90%;
    max-width: 1100px;
    margin: 40px auto 0;
    background-color: #ffe6bf;
    border-radius: 10px;
    padding: 40px 3.636% 30px;
  }
  
  .ikiiki-survey__content .img01{
    max-width: 91px;
  }
  
  .ikiiki-survey__content .img02{
    max-width: 504px;
  }
  
  .ikiiki-survey__content-body{
    flex-shrink: 0;
    max-width: 360px;
    margin: 0 2.727%;
  }
  
  .ikiiki-survey__content-lead{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.7;
    color: #f46045;
    text-align: center;
    margin: 0;
  }
  
  .ikiiki-survey__content-text01{
    text-align: center;
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 0;
    letter-spacing: 0.2em;
  }
  
  .ikiiki-survey__content-img{
    width: 60%;
    margin: 15px auto 0;
  }
.ikiiki-survey__content img,
.ikiiki-survey__content-img img{
	width: 100%;
}
  
  .ikiiki-survey__content-text02{
    text-align: center;
    font-size: 12px;
    color: #4d4d4d;
    margin-top: 10px;
    letter-spacing: 0.05em;
  }
  
  .ikiiki-survey__btn{
    width: 90%;
    max-width: 300px;
    border-radius: 50px;
    border: 1px solid;
    overflow: hidden;
    transition: .4s ease;
  }
  
  .ikiiki-survey__btn.more-btn{
    border-color: #ef7a0b;
    background-color: #fff;
    margin: 20px auto 0;
  }
  
  .ikiiki-survey__btn.document-btn{
    border-color: #ee4836;
    background-color: #ee4836;
    margin: 10px auto 0;
  }
  
  .ikiiki-survey__btn.more-btn span{
    position: relative;
  }
  
  .ikiiki-survey__btn.more-btn span::before{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url('images/ikiikilab/icon04_orange.svg');
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translate(100%, -50%);
    transition: .4s ease;
  }
  
  .ikiiki-survey__btn-link{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    padding: 16px 0;
    transition: .4s ease;
    letter-spacing: 0.08em;
  }
  
  .ikiiki-survey__btn.more-btn .ikiiki-survey__btn-link{
    font-weight: 500;
    color: #ef7a0b;
  }
  
  .ikiiki-survey__btn.document-btn .ikiiki-survey__btn-link{
    font-weight: 700;
    color: #fff;
  }
  
  .ikiiki-survey__btn.more-btn:hover{
    background-color: #ef7a0b;
  }
  
  .ikiiki-survey__btn.more-btn:hover .ikiiki-survey__btn-link{
    color: #fff;
  }
  
  .ikiiki-survey__btn.more-btn:hover span::before{
    background-image: url('images/ikiikilab/icon04_white.svg');
  }
  
  .ikiiki-survey__btn.document-btn:hover{
    background-color: #fff;
  }
  
  .ikiiki-survey__btn.document-btn:hover .ikiiki-survey__btn-link{
    color: #ee4836;
  }
  
  .ikiikilab-single .archive-single h2{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #333;
    position: relative;
    padding-bottom: 20px;
    margin-top: 50px;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-single .archive-single h2::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #ef7a0b 25%, #ccc 25%, #ccc 100%);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  
  .ikiikilab-single .archive-single h3{
    font-size: 18px;
    font-weight: 700;
    color: #333;
    line-height: 1.555;
    padding: 13px 2.5%;
    background-color: #f2f2f2;
    margin-top: 30px;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-single .archive-single h3.widget-title{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.86;
    color: #333;
    padding: 0;
    background-color: transparent;
    position: relative;
    text-indent: 2.5em;
  }
  
  .ikiikilab-single .archive-single h3.widget-title::after{
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 13px;
    left: 0;
  }
  
  .ikiikilab-single .archive-single p{
    font-size: 15px;
    color: #333;
    line-height: 1.866;
    margin: 20px 0 0;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-single .archive-single p:empty{
    display: none;
  }
  .ikiikilab-single .archive-single .textwidget li,
  .ikiikilab-single .archive-single .textwidget p{
    font-size: 14px;
    line-height: 1.86;
    color: #333;
  }
.ikiikilab-single .archive-single .alt_txt a{
    color: #ef7a0b;
	transition:.3s;
}
.ikiikilab-single .archive-single .alt_txt a:hover{
	opacity:70%;
}
.ikiikilab-single .archive-single .textwidget .alt_txt02{
	 color: #fda413;
    font-weight: 700;
    text-align: center;
}
  .ikiikilab-single .archive-single .article-title{
    font-size: 24px;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
    margin-top: 30px;
    letter-spacing: 0.05em;
  }
.ikiikilab-single .archive-single .alt_txt {
    margin-top: 0;
}
.ikiikilab-single .archive-single .alt_txt span {
    background-color: #ffb133;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 6px;
    margin-right: 5px;
}
.ikiikilab-single .img_box{
	    max-width: 80%;
}
  
  .archive-single .article-name{
    font-size: 18px;
  }
  
  .ikiikilab-single .archive-single .article-thumbnail{
    margin-top: 30px;
    width: 100%;
    /*height: 328px;*/
  }
  
  
  .ikiikilab-single .archive-single .article-thumbnail img{
    width: 100%;
    /*height: 100%;*/
    height: auto;
    object-fit: cover;
  }
  
  .ikiikilab-single .archive-single .article-info{
    display: flex;
    margin-top: 35px;
  }
  
  .ikiikilab-single .archive-single .article-info .img-wrap{
    flex-shrink: 1;
    flex-grow: 1;
    height: auto;
  }
  
  .ikiikilab-single .archive-single .article-info__body{
    color: #333;
    width: 62.08%;
    max-width: 375px;
    margin-left: 2.48%;
    flex-shrink: 1;
  }
  
  .ikiikilab-single .archive-single .article-info__name{
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-single .archive-single .article-info__text{
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.538;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-single .archive-single .postscript{
    background-color: #f2f2f2;
    margin-top: 40px;
    padding: 30px 5%;
  }
  
  .ikiikilab-single .archive-single .postscript__name{
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #808080;
    text-align: center;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-single .archive-single .postscript__text{
    font-size: 15px;
    color: #333;
    line-height: 1.866;
    letter-spacing: 0.05em;
  }
  
  .related-article{
    margin-top: 100px;
  }
  
  .related-article .heading{
    font-size: 20px;
  }
  
  .related-article__wrap{
    display: flex;
    padding: 40px 3%;
  }
  
  .related-article .article{
    width: calc((100% - 40px * 2) / 3);
    margin-left: 4.27%;
    max-width: 284px;
    flex-grow: 1;
  }
  
  .related-article .article:first-child{
    margin-left: 0;
  }
  
  .related-article .article__link{
    padding-bottom: 20px;
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .related-article .article__body{
    margin-top: 20px;
  }
.single-ikiikilab-all .textwidget a{
	color: #ef7a0b;
    transition: .3s;
	word-break: break-all;
}
.single-ikiikilab-all .textwidget a:hover{
	opacity:70%;
}
  .ikiikilab-single .back-btn{
    width: 90%;
    max-width: 360px;
    margin: 20px auto 0;
    border: 2px solid #ef7a0b;
    background-color: #fff;
    border-radius: 50px;
    overflow: hidden;
    transition: .4s ease;
  }
  
  .ikiikilab-single .back-btn:hover{
    background-color: #ef7a0b;
  }
  
  .ikiikilab-single .back-btn__link{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #ef7a0b;
    padding: 18px 0;
    transition: .4s ease;
  }
  
  .ikiikilab-single .back-btn:hover .back-btn__link{
    color: #fff;
  }
  
  .ikiikilab-page__content .images{
    display: flex;
  }
  
  .ikiikilab-page__content .images .img-wrap{
    width: calc(100% / 4);
  }
  
  .ikiikilab-page__lead{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin: 85px 0 0;
    line-height: 1.7;
    letter-spacing: 0.08em;
  }
  
  .ikiikilab-page__lead .size--lg{
    color: #ef7a0b;
    font-weight: 700;
    font-size: 1.4em;
  }
  
  .ikiikilab-page__text01{
    font-size: 15px;
    font-weight: 200;
    color: #333;
    line-height: 1.73;
    margin: 40px 0 0;
    text-align: center;
    letter-spacing: 0.05em;
  }
  
  .ikiikilab-page__box01{
    margin-top: 95px;
  }
  
  .ikiikilab-page__box01 .box01__title{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #333;
    letter-spacing: 0.05;
  }
  
  .ikiikilab-page__box01 .box01__wrap{
    width: 100%;
    max-width: 900px;
    margin: 25px auto 0;
    border: 1px solid #bdccd4;
    padding: 30px 6.1%;
  }
  
  .ikiikilab-page__box01 .box01__text{
    font-size: 15px;
    color: #333;
    line-height: 1.73;
    margin-top: 70px;
    letter-spacing: 0.01em;
  }
  
  .ikiikilab-page__box02{
    background-color: #fff;
    width: 100%;
    max-width: 900px;
    margin: 90px auto 0;
    border-radius: 20px;
    padding: 55px 3.33% 20px;
  }
  
  .ikiikilab-page__box02 .box02__lead{
    font-size: 20px;
    font-weight: 500;
    color: #333;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0.08em;
    margin-bottom: 0;
  }
  
  .ikiikilab-page__box02 .box02__wrap{
    margin-top: 60px;
  }
  
  .ikiikilab-page__box02 .box02__item{
    display: flex;
    padding-left: 4.76%;
    padding-top: 40px;
  }
  
  .ikiikilab-page__box02 .box02__item:nth-child(odd){
    background-color: #f5f5f5;
  }
  
  .ikiikilab-page__box02 .box02__item:nth-child(even){
    background-color: #fff;
  }
  
  .ikiikilab-page__box02 .box02__item:nth-child(-n + 3){
    position: relative;
  }
  
  .ikiikilab-page__box02 .box02__item:nth-child(-n + 3)::before{
    content: "";
    display: block;
    width: 60px;
    height: 64px;
    background: url('images/ikiikilab/arrow_gray.svg') no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 20%;
    transform: translateY(70%);
    z-index: 1;
  }
  
  .ikiikilab-page__box02 .box02__item:first-child{
    min-height: 260px;
  }
  
  .ikiikilab-page__box02 .box02__item:nth-child(2){
    min-height: 300px;
  }
  
  .ikiikilab-page__box02 .box02__item:nth-child(3){
    min-height: 300px;
    align-items: center;
  }
  
  .ikiikilab-page__box02 .box02__item:last-child{
    min-height: 320px;
  }
  
  .ikiikilab-page__box02 .box02__item-body{
    max-width: 380px;
  }
  
  .ikiikilab-page__box02 .number{
    max-width: 83px;
  }
  
  .ikiikilab-page__box02 .box02__item-text{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.73;
    color: #333;
    margin: 30px 0 0;
    padding-bottom: 15px;
    letter-spacing: 0.03em;
  }
  
  .ikiikilab-page__box02 .box02__item-text .text-color{
    color: #ef7a0b;
  }
  
  .ikiikilab-page__box02 .box02__item-text .size--sm{
    font-size: 0.8em;
    display: inline-block;
    line-height: 1.5;
    margin-top: 10px;
  }
  
  
  .ikiikilab-page__box02 .img-wrap{
    max-width: 386px;
    margin-left: 4.166%;
  }
.ikiikilab .under_link {
    text-decoration: underline;
    color: #ef7a0b;
	transition:.3s;
}
.ikiikilab .under_link:hover{
	opacity:70%;
}
 .ikiikilab ul.dot {
    list-style: circle;
}
  
  #toc_container{
    margin: auto;
    padding: 25px 5.38%;
    box-sizing: border-box;
  }
  
  #toc_container li{
    line-height: 1.5;
  }
  
  .archive__more-btn{
    width: 90%;
    max-width: 320px;
    margin: 80px auto 0;
    border-radius: 50px;
    overflow: hidden;
    border: 2px solid #ff9d00;
    color: #ff9d00;
    background-color: #fff;
    transition: .4s ease;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0;
    cursor: pointer;
    letter-spacing: 0.08em;
  }
  
  .archive__more-btn.is-hidden{
    display: none;
  }
  
  .archive__more-btn:hover{
    background-color: #ff9d00;
    color: #fff;
  }
  
  .archive-box__content .article.is-hidden{
    display: none;
  }
.banner__wrap .img-wrap a .pc{
	display:block;
}
.banner__wrap .img-wrap a .sp{
	display:none;
}
  @media screen and (max-width: 767px){
    .breadcrumb {
      margin: 0 0 40px;
      padding-top: 0;
    }
  
    .breadcrumb li{
      font-size: 10px;
    }
  
    .breadcrumb li::before{
      background-position: top;
      top: 5px;
    }
  
    .ikiikilab .sec {
      padding: 35px 0 150px;
    }
    
    .ikiikilab.ikiikilab-page .sec,
    .ikiikilab.ikiikilab-cat .sec{
      padding-top: 10px;
    }
  
    .ikiikilab .content--flex{
      display: block;
    }
  
    .ikiikilab .content-main{
      width: 100%;
      max-width: none;
    }
      .content-side .ikiikilab-cat__item{
          margin-right: 5px;
  }
      .tag__list{
      padding: 25px 4% 50px;
  }
  .content-side .ikiikilab-cat .heading{
          font-size: 15px;
  }
    .ikiikilab-top .heading2{
      font-size: 16px;
      text-align: center;
    }
  
    .ikiikilab-top .heading2 span{
      padding-left: 25px;
    }
      
    .ikiikilab-top .recommend-box .heading2 span::before {
      width: 23px;
      height: 25px;
    }
  
    .ikiikilab-top .new-box .heading2 span::before {
      width: 18px;
      height: 30px;
    }
  
    .recommend-box,
    .new-box,
    .archive-box,
    .archive-single{
      padding: 20px 3.78% 50px;
    }
  
    .new-box__content{
      margin-top: 0;
    }
  
    .new-box__content .article.add-new:nth-child(-n + 3)::before{
      width: 40px;
      height: 40px;
    }
  
    .recommend-box__content .article__link, 
    .new-box__content .article:nth-child(-n + 3) .article__link, 
    .archive-box__content .article__link {
      display: block;
    }
  
    .recommend-box__content .article__body, 
    .new-box__content .article:nth-child(-n + 3) .article__body, 
    .archive-box__content .article__body {
      width: 100%;
      margin-left: 0;
      margin-top: 20px;
    }
  
    .recommend-box__content .img-wrap, 
    .new-box__content .article:nth-child(-n + 3) .img-wrap, 
    .archive-box__content .img-wrap {
      width: 100%;
      max-width: none;
      height: 181px;
    }
  
    .new-box__content .article:nth-child(n + 4) .img-wrap,
    .archive-box__content .article .img-wrap{
      height: 87px;
    }
  
    .related-article.pc .img-wrap,
    .ranking-box__content .article .img-wrap{
      height: 87px;
    }
  
    .new-box__content .article:nth-child(-n + 3)::before {
      width: 48px;
      height: 48px;
      transform: translate(-5px, 20%);
    }
	  .ikiikilab-single .img_box{
	    max-width: 100%;
	      margin: 20px auto;
}

    .article-cat{
      margin-bottom: 10px;
    }
  
    .article-cat__link {
      padding: 4px 10px 3px;
    } 
  
    .article-name {
      font-size: 13px;
      margin-top: 10px;
    }
  
    .archive-single .article-name{
      font-size: 16px;
    }
  
    .article__body .heading3 {
      font-size: 13px;
      margin-top: 5px;
    }
	  
	  .recommend-box .article__body .heading3,
     .new-box .article__body .heading3,
	  .archive-box  .article__body .heading3{
		   font-size: 15px;
	  }
  
    .article-tag__list {
      margin-top: 10px;
    }
  
    .article-tag {
      margin-right: 10px;
      font-size: 11px;
    }
  
    .new-box {
      margin-top: 40px;
    }
  
    .new-box__content .article:nth-child(n + 4) {
      width: calc((100% - 15px) / 2);
      margin-left: 15px;
    }
  
    .new-box__content .article:nth-child(3) {
      margin-bottom: 0;
    }
  
    .news-box__btn {
      margin: 40px auto 0;
    }
  
    .news-box__btn-link{
      font-size: 15px;
      padding: 15px;
    }
  
    .ikiikilab .content-side {
      width: 100%;
      max-width: none;
      margin-left: 0;
      margin-top: 50px;
    }
  
    .ikiikilab-cat__wrap {
      padding: 25px 4%;
    }
  
    .ranking-box__content .article__link {
      display: flex;
      align-items: flex-start;
      padding: 30px 4%;
    }
  
    .ranking-box__content .article .img-wrap{
      height: 72px;
      width: 55.23%;
      max-width: 124px;
    }
  
    .ranking-box__content .article .img-wrap::before{
      width: 22px;
      height: 25px;
    }
  
    .ranking-box__content .article__body {
      padding-top: 0;
      margin-left: 4.96%;
      width: 49.63%;
      flex-grow: 1;
    } 
  
    .contact-box{
      padding: 60px 0 45px;
    }
  
    .contact-box::after {
      width: 85%;
      max-width: 360px;
      height: 108px;
      left: 50%;
      transform: translateX(-50%);
    }
  
    .ikiiki-survey {
      padding: 45px 0 0;
    }
  
    .ikiiki-survey__content {
      display: block;
      padding: 30px 0 0;
      margin-top: 25px;
    }
  
    .ikiiki-survey__text{
      font-size: 12px;
      line-height: 1.3;
    }
  
    .ikiiki-survey__content-body {
      max-width: none;
      margin: 0;
    }
  
    .ikiiki-survey__content-lead {
      font-size: 17px;
      padding: 0 2%;
    }
  
    .ikiiki-survey__content-text01{
      font-size: 14px;
    }
  
    .ikiiki-survey__content .img-wrap.sp{
      margin-top: 40px;
    }
  
    .ikiiki-survey__text .size--sp{
      font-size: 1.4em;
    }
  
    .ikiiki-survey__btn{
      max-width: 260px;
    }
  
    .ikiiki-survey__btn-link{
      font-size: 15px;
      padding: 13px 0;
    }
  
    .ikiiki-survey__content-text02{
      font-size: 10px;
    }
  
    .ikiikilab .heading{
      font-size: 15px;
      padding: 5.5px;
    }
  
    .ikiikilab .heading1{
      font-size: 20px;
      margin-bottom: 50px;
    }
  
    .ikiikilab.ikiikilab-page .heading1{
      font-size: 17px;
    }
  
    .ikiikilab.ikiikilab-cat .heading1{
      margin-bottom: 40px;
    }
  
    .ikiikilab .heading1::after {
      width: 60px;
      bottom: -20px;
    }
  
    .archive-single{
      padding-top: 25px;
      padding-bottom: 60px;
    }
  
    .ikiikilab-single .archive-single .article-title {
      font-size: 15px;
      margin-top:10px;
    }
  
    .ikiikilab-single .archive-single .article-info{
      display: block;
    }
  
    .ikiikilab-single .archive-single .article-info__text{
      font-size: 12px;
    }
  
    .ikiikilab-single .archive-single .article-thumbnail{
      height: 189px;
    }
  
    .ikiikilab-single .archive-single .article-info__body {
      width: 100%;
      max-width: none;
      margin-left: 0;
      margin-top: 10px;
    } 
  
    .ikiikilab-single .archive-single h2 {
      font-size: 16px;
    }
  
    .ikiikilab-single .archive-single h3{
      font-size: 16px;
    }
  
    .ikiikilab-single .archive-single h3.widget-title{
      font-size: 13px;
    }
  
    .ikiikilab-single .archive-single h3.widget-title::after{
      top: 11px;
    }
  
    .ikiikilab-single .archive-single p{
      font-size: 13px;
    }
  
    .ikiikilab-single .archive-single .textwidget p{
      font-size: 13px;
    }
  
    .ikiikilab-single .archive-single .postscript__name{
      font-size: 16px;
    }
  
    .ikiikilab-single .archive-single .postscript__text{
      font-size: 13px;
    }
  
    .related-article{
      margin-top: 70px;
    }
  
    .related-article__wrap{
      display: block;
      padding-top: 30px;
      padding-bottom: 30px;
    }
  
    .related-article .article{
      width: 100%;
      margin-left: 0;
      max-width: none;
    }
  
    .related-article .article__link{
      display: flex;
      padding-top: 20px;
    }
  
    .related-article .article .img-wrap {
      height: 87px;
      width: 55.23%;
      max-width: 124px;
    }
  
    .related-article .article__body {
      padding-top: 0;
      margin-left: 4.96%;
      width: 49.63%;
      flex-grow: 1;
      margin-top: 0;
    }
  
    .ikiikilab-page__content .images{
      flex-wrap: wrap;
      width: 90%;
      margin: auto;
    }
  
    .ikiikilab-page__content .images .img-wrap {
      width: calc(100% / 2);
    }
  
    .ikiikilab-page__lead {
      font-size: 15px;
      margin-top: 35px;
    }
  
    .ikiikilab-page__text01{
      margin-top: 30px;
      font-size: 13px;
    }
  
    .ikiikilab-page__box01 .box01__title {
      font-size: 16px;
    }
  
    .ikiikilab-page__box01{
      margin-top: 60px;
    }
  
    .ikiikilab-page__box01 .box01__wrap {
      margin: 20px auto 0;
      padding: 30px 6.1%;
    }
  
    .ikiikilab-page__box01 .box01__text {
      font-size: 12px;
      margin-top: 35px;
    }
  
    .ikiikilab-page__box02 {
      margin: 50px auto 0;
      border-radius: 10px;
      padding: 40px 3.33%;
    }
  
    .ikiikilab-page__box02 .box02__lead{
      font-size: 16px;
    }
  
    .ikiikilab-page__box02 .box02__wrap {
      margin-top: 30px;
    }
  
    .ikiikilab-page__box02 .box02__item {
      display: block;
      padding-left: 0;
      padding-top: 25px;
    }
  
    .ikiikilab-page__box02 .box02__item:nth-child(-n + 3)::before {
      width: 47px;
      height: 55px;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 140%);
    }
  
    .ikiikilab-page__box02 .box02__item:nth-child(n + 2){
      padding-top: 100px;
    }
  
    .ikiikilab-page__box02 .box02__item-body {
      max-width: none;
    }
  
    .ikiikilab-page__box02 .number {
      margin: auto;
    }
  
    .ikiikilab-page__box02 .box02__item-text {
      margin: 20px 0 0;
      padding:0 10px;
      font-size: 13px;
    }
  
    .ikiikilab-page__box02 .img-wrap{
      margin: 20px auto 0;
    }
  
    .ikiikilab-page__box02 .box02__item:first-child .img-wrap{
     margin-top: 35px;
    }
    
    .ikiikilab-page__box02 .box02__item:nth-child(2) .img-wrap{
      padding-bottom: 25px;
    }
  
    .ikiikilab-page__box02 .box02__item:nth-child(3) .img-wrap{
      margin-top: 20px;
      padding-bottom: 20px;
    }
    
    .ikiikilab-page__box02 .box02__item:last-child .img-wrap{
      margin-top: 15px;
    }
	 
  
    .tag__item-link{
      font-size: 12px;
    }
  
    .contact-box .img-wrap{
      width: 65px;
    }
  
    .contact-box__text{
      font-size: 16px;
      margin-top: 20px;
    }
  
    .contact-box__btn{
      max-width: 264px;
    }
  
    .contact-box__btn .contact-box__btn-link{
      font-size: 13px !important;
      padding: 15px 0;
    }
  
    .archive__more-btn{
      font-size: 15px;
      padding: 15px;
    }
	  
	  .ikiikilab .banner__wrap{
		  margin: 40px auto 0;
	  }
	 .banner__wrap .img-wrap a .pc{
	display:none;
}
.banner__wrap .img-wrap a .sp{
	display:block;
}
  }
  
  @media screen and (min-width: 641px){
    .ikiikilab-nav.sp{
      display: none;
    }
  }
  
  @media screen and (max-width: 640px){
    .ikiikilab-nav{
      margin: 0;
      border-top: none;
      width: 100%;
    }
  
    .ikiikilab-nav__inner {
      width: 97%;
      margin: 0;
    }
  
    .ikiikilab-nav__list{
      padding: 10px 0;
      list-style: none;
      margin: 0;
    }
  
    .ikiikilab .ikiikilab-nav__list{
      display: block;
      padding: 10px 0;
    }
  
    .ikiikilab-nav__list li{
      margin: 0;
      padding: 7px 0 7px 15px;
    }
  
    .ikiikilab-nav__list a {
      font-size: 14px;
      padding-left: 10px;
      line-height: 1.5;
      text-decoration: none;
    }
  }

.contact-box__btn.letter-btn{display:none;}

/* .page-id-639 .keyvisual{
	background-color:#ee7918;
}

.page-id-639 .keyvisual img{
	max-height:191px;
	width:auto;
} */
.post-639 article,
.post-646 article {
    margin-bottom: 11%;
}
.post-639 .page-title,
.post-646 .page-title{
	max-height:191px;
}
.post-639 .page-title img,
.post-646 .page-title img{
	max-height:145px;
}
@media screen and (max-width: 640px){
	.post-639 .page-title img,
	.post-646 .page-title img{
	width:62%;
    margin: 0 auto;
}
}

.textwidget .table th {
    background: #e1eaf5;
	font-weight:600;
	color:#0e215d;
    line-height: 1.6;
}


/* 事例追加css */
.flex{
	display:flex;
	justify-content:space-between;
	max-width:850px;
	margin:0 auto;
    flex-wrap: wrap;
}
.page-content .flex p{
	display:none;
}
.img_box img,
.flex img{
	width:100%;
}
 .flex .img{
	width:49%;
    margin-bottom: 11px;
}
.flex .item3{
	width:32%;
}
.flex .item4{
	width:24%;
}
.alt{
	display:block;
	text-align:center;
    margin-top: -5px;
    margin-bottom: 0 !important;
	color: #FF7A8A;
   font-weight: 700;
    font-size: 16px;
}
.img_box{
	max-width:700px;
	margin:0 auto;
}
.img_box p {
    margin: 0;
}
.case_table {
    border: 1px solid #ddd;
    /*padding: 20px;*/
    max-width: 850px;
    margin: 0 auto;
    border-collapse: collapse;
}
.case_table th {
    background-color: #f0e6cc;
	text-align:left;
	font-weight: bold;
}
.case_table th,
.case_table td {
  border: 1px solid #bcbcbc;
  border-collapse: collapse;
  padding: 5px 2%;
}
.case_table .two{
	color: #FF7A8A;
   font-weight: 700;
}
.cap_box {
    border: 1px solid #FF7A8A;
    background-color: #FF7A8A;
    color: #fff;
    padding: 3px 7px;
    margin-right: 10px;
}
.border_box{
	border: 1px solid #ddd;
    padding: 15px 15px 15px 40px;
    margin-bottom: 2%;
}
@media screen and (min-width: 768px){
	.case_table th {
    	width: 36%;
	}
	.case_table.flexible th {
    	width: inherit;
	}
	.case_table.th-min th {
    	width: 100px;
	}
}
@media screen and (max-width: 767px){
	.img_box figure {
    margin: 0;
}
	.case_table th {
    width: 100px;
		vertical-align: baseline;
		text-align:left;
}
	.case_table .two{
		    text-align: center;
}
	.alt{
		    font-size: 14px;
}
	.cap_box{
		    padding: 2px 5px;
    margin-right: 8px;
    font-size: 12px;
}
	.border_box{
		padding-left:28px;
	}
	.border_box li{
	    font-size: 13px !important;
}
	.flex{
		flex-wrap:wrap;
	}
	.flex .item4 {
    width: 48.5%;
    margin-bottom: 9px;
}
	.flex .item3{
		    width: 49%;
	}
	.flex .item3:last-child{
  margin: 0 auto;
}
	.flex .img{
		    margin-bottom: 6px;
	}
}







/* 2024.07.11 (テーブル左の幅、修正) */
.textwidget .table th {
    width: 37%;
}

/* 20240826追記 */
/* アイキャッチが見切れているため、画像の高さ変更 */

.postid-1182.ikiikilab-single .archive-single .article-thumbnail,
.postid-1233.ikiikilab-single .archive-single .article-thumbnail,
.postid-1202.ikiikilab-single .archive-single .article-thumbnail,
.postid-1213.ikiikilab-single .archive-single .article-thumbnail {
    height: auto;
}

/* 画像の幅を変更 */
.half-img {
    width: 50%;
}

.two-thirds__img {
    width: 66.6666667%;
}

/* 目次の大きさ変更 */
.postid-1202 #toc_container,
.postid-1226 #toc_container,
.postid-1233 #toc_container {
    max-width: 530px;
    width: 100%;
}

/* タイトル１つの時、目次表示 */
.transparent-ttl {
    opacity: 0;
    pointer-events: none;
	 height: 0;
}

.postid-1233 #pgc-1234-6-0 {
    height: 0;
    margin: 0;
}

.postid-1233 .toc_list li:nth-of-type(2) {
    display: none;
}

/* いきいきラボ おすすめ記事消した調整 */
.backmargin {margin-top: -30px;}
@media screen and (max-width: 767px){.backmargin {margin-top: 0px;}}