@charset "UTF-8";
.l-main-visual__box,
.wrap-l-main-visual {
  height: calc(100vh - 200px);
}

@media print, screen and (min-width: 767px) {
  .l-main-visual__box,
  .wrap-l-main-visual {
    height: calc(100vh - 180px);
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-visual__box,
  .wrap-l-main-visual {
    height: calc(100vh - 130px);
  }
}

.l-wrap-catch,
.slide-wrap img {
  height: calc(100vh - 195px);
}

@media print, screen and (min-width: 1025px) {
  .l-wrap-catch,
  .slide-wrap img {
    height: calc(100vh - 130px);
  }
}

.wrap-l-main-visual {
  position: relative;
  width: 100%;
  margin-top: 0;
  z-index: 0;
}

.l-main-visual__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-main-visual__box {
  position: relative;
  width: 100%;
}

@media print, screen and (min-width: 1025px) {
  .l-main-visual__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.l-main-img__txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__txt {
    position: relative;
    flex-basis: 30%;
    flex-shrink: 0;
  }
}

.l-main-img__txt .l-wrap-catch {
  position: relative;
  width: 50%;
  min-width: 300px;
  color: #fff;
  text-align: center;
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__txt .l-wrap-catch {
    width: 100%;
  }
}

.l-main-img__txt .l-wrap-catch .c-catch {
  width: 100%;
  margin: auto;
  position: absolute;
	top: 30px;
    left: 15px;
}

.l-main-img__txt .l-wrap-catch .c-catch__lead {
  font-weight: bold;
  font-size: 56px;
  text-shadow: 1px 1px 2px #000;
  line-height: 1.1;
  margin-bottom: 0.5em;
  text-align: left;
  font-family: 'Anton', sans-serif;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__txt .l-wrap-catch .c-catch {
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  padding: 0 7%;
	}
  .l-main-img__txt .l-wrap-catch .c-catch__lead {
    font-size: 5.8rem;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__txt .l-wrap-catch .c-catch__lead {
    color: #000000;
    text-shadow: none;
    font-size: 3.8rem;
    line-height: 1.53;
  }
}

@media print, screen and (min-width: 1164px) {
  .l-main-img__txt .l-wrap-catch .c-catch__lead {
	font-size: 5rem;
	}
}
@media print, screen and (min-width: 1450px) {
  .l-main-img__txt .l-wrap-catch .c-catch__lead {
	font-size: 6rem;
	}
}

.l-main-img__txt .l-wrap-catch .c-catch__lead .c-txt-wo {
  font-size: 0.7em;
}

.l-main-img__txt .l-wrap-catch .c-catch__lead .c-txt-help {
  font-size: 0.8em;
  display: block;
}

.l-main-img__txt .l-wrap-catch .c-catch__txt {
  font-weight: bold;
  color: #FFF;
  font-size: 1.5rem;
  margin-bottom: 1em;
  text-shadow: 1px 1px 2px #000;
  text-align: left;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__txt .l-wrap-catch .c-catch__txt {
    font-size: 1.8rem;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__txt .l-wrap-catch .c-catch__txt {
    margin-bottom: 1.6em;
    color: #000000;
	text-shadow: none;
	font-family: 'Anton', sans-serif;
  }
}

.l-main-img__txt .l-wrap-catch .c-catch__txt-sub {
  font-weight: bold;
  color: #FFF;
  font-size: 1.2rem;
  margin-bottom: 1em;
  text-shadow: 1px 1px 2px #000;
  line-height: 1.5;
}

.l-main-img__txt .l-wrap-catch .c-catch__txt-sub span {
  display: none;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__txt .l-wrap-catch .c-catch__txt-sub span {
    display: inline-block;
  }
}

@media print, screen and (min-width: 767px) {
  .l-main-img__txt .l-wrap-catch .c-catch__txt-sub {
    margin-bottom: 1.5em;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__txt .l-wrap-catch .c-catch__txt-sub {
    color: #000000;
    font-size: 1.4rem;
    text-shadow: none;
  }
}

.l-main-img__txt .l-wrap-catch .c-catch__img {
  width: 165px;
  margin: auto;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__txt .l-wrap-catch .c-catch__img {
    width: 230px;
    height: auto;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__txt .l-wrap-catch .c-catch__img {
    width: 253px;
  }
}

.l-main-img__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__img {
    left: 30%;
    width: 70%;
  }
}

.l-main-img__img .slide-wrap {
  position: relative;
}

.l-main-img__img .slide-wrap img {
  object-fit: cover;
  width: 100%;
  object-position: 50% 50%;
}

.l-main-img__img .l-movie {
  height: calc(100vh - 130px);
}

@media print, screen and (min-width: 767px) {
  .l-main-img__img .l-movie {
    overflow-y: hidden;
  }
}

.l-main-img__img .l-movie video {
  height: calc(100vh - 195px);
  object-fit: cover;
  width: 100%;
  object-position: 50% 50%;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__img .l-movie video {
    height: calc(100vh - 130px);
  }
}

.l-main-img__topics {
  position: absolute;
  bottom: -65px;
  z-index: 100;
  left: 0;
  right: 0;
  background-color: #FFF;
  background-color: #060;
  width: 100%;
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__topics {
    width: 600px;
    position: absolute;
    right: 0;
    bottom: 20px;
    margin-left: auto;
  }
}

.l-main-img__topics .l-topics {
  background-color: #FFF;
  height: 65px;
  width: 100%;
  position: relative;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__topics .l-topics {
    height: auto;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__topics .l-topics {
    padding-left: 10px;
    padding-right: 0;
    width: 600px;
    position: absolute;
    bottom: 40px;
    right: 0;
    z-index: 9;
  }
}

@media print, screen and (min-width: 1164px) {
  .l-main-img__topics .l-topics {
    width: 800px;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__topics .l-topics .l-topics__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.l-main-img__topics .l-topics .l-topics__inner .l-topics-ttl {
  font-family: din-2014,sans-serif;
  font-size: 3.8vw;
  letter-spacing: 1px;
  font-style: italic;
  padding-top: 10px;
  line-height: 1;
  line-height: 1.3;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__topics .l-topics .l-topics__inner .l-topics-ttl {
    font-size: 2.0rem;
    padding-top: 5px;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__topics .l-topics .l-topics__inner .l-topics-ttl {
    padding-right: 10px;
    padding-top: 22px;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__topics .l-topics .l-topics__inner .l-topics-ttl span {
    border-right: 1px solid #000;
    padding-right: 20px;
  }
}

.l-main-img__topics .l-topics .l-topics__inner .l-topics-list {
  font-weight: bold;
  height: 30px;
  width: 100%;
  overflow: hidden;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__topics .l-topics .l-topics__inner .l-topics-list {
    height: auto;
    background-color: #f4f3f1;
    padding-left: 20px;
  }
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__topics .l-topics .l-topics__inner .l-topics-list {
    background-color: #FFF;
    padding-left: 0;
  }
}

.l-main-img__topics .l-topics .l-topics__inner .l-topics-list .l-topics-list__item {
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__topics .l-topics .l-topics__inner .l-topics-list .l-topics-list__item {
    line-height: 74px;
    padding-right: 1em;
  }
}

.l-main-img__topics .l-topics .l-topics__inner .l-topics-list .l-topics-list__item a {
  transition: 0.5s;
}

.l-main-img__topics .l-topics .l-topics__inner .l-topics-list .l-topics-list__item a:hover {
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  opacity: 0.6;
}

.l-main-img__topics .l-topics .l-topics__inner .l-topics-list .l-topics-list__item .post-date {
  display: inline;
  padding-right: 1.5em;
}

.l-main-img__topics .l-topics .l-topics__inner .c-btn-link {
  display: none;
}

@media print, screen and (min-width: 1025px) {
  .l-main-img__topics .l-topics .l-topics__inner .c-btn-link {
    background-color: #FFF;
    vertical-align: bottom;
    display: block;
  }
  .l-main-img__topics .l-topics .l-topics__inner .c-btn-link img {
    width: 58px;
    min-width: 58px;
    height: auto;
  }
  .l-main-img__topics .l-topics .l-topics__inner .c-btn-link img:hover {
    cursor: pointer;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    opacity: 0.8;
  }
}

/*メインの動画*/
.l-hero-movie {
  overflow: hidden;
}

.l-hero-movie .l-hero-movie__inner {
  position: relative;
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
  text-align: center;
}

@media print, screen and (min-width: 1164px) {
  .l-hero-movie .l-hero-movie__inner {
    min-width: inherit;
  }
}

.l-hero-movie .l-hero-movie__inner video {
  margin-left: -50%;
  min-width: 100%;
}

@media print, screen and (min-width: 767px) {
  .l-hero-movie .l-hero-movie__inner video {
    margin-left: auto;
    width: 100%;
  }
}

.js-topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.js-topic__item {
  height: 75px;
  background-color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.slide-arrow {
  display: none;
}

@media print, screen and (min-width: 767px) {
  .slide-arrow {
    display: block;
    width: 58px;
    min-width: 58px;
    height: auto;
  }
}

.slide-arrow.prev-arrow {
  display: none;
  transition: 0.5s;
}

@media print, screen and (min-width: 767px) {
  .slide-arrow.prev-arrow {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}

.slide-arrow.prev-arrow:hover {
  cursor: pointer;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  opacity: 0.8;
}

.slide-arrow.next-arrow {
  display: none;
  transition: 0.5s;
}

@media print, screen and (min-width: 767px) {
  .slide-arrow.next-arrow {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}

.slide-arrow.next-arrow:hover {
  cursor: pointer;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  opacity: 0.8;
}

.c-btn-viewmore {
  text-align: center;
}

.c-btn-viewmore a img {
  width: 277px;
  height: auto;
  margin: auto;
}

@media print, screen and (min-width: 767px) {
  .c-btn-viewmore a img {
    width: 300px;
  }
}

.sec-service {
  margin-top: 100px;
}

@media print, screen and (min-width: 767px) {
  .sec-service {
    margin-top: 80px;
    margin-bottom: 230px;
  }
}

.sec-service .c-txt {
  font-size: 1.4rem;
  margin-bottom: 74px;
}

@media print, screen and (min-width: 767px) {
  .sec-service .c-txt {
    font-size: 1.7rem;
    margin-bottom: 80px;
  }
}

.sec-service .c-card__icon {
  width: 60px;
  height: auto;
  position: absolute;
  top: -31px;
  left: 15px;
  z-index: -1;
}

.sec-service .c-card__ph {
  position: relative;
  z-index: -5;
}

.sec-service .c-card__txt {
  margin-top: 25px;
  text-align: left;
}

.sec-service .c-card__txt dt {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.sec-service .c-card__txt dd {
  font-size: 1.5rem;
}

.sec-works.l-section {
  padding-top: 70px;
}

@media print, screen and (min-width: 767px) {
  .sec-works.l-section {
    margin-top: 0;
  }
}


@media print, screen and (min-width: 767px) {
  .sec-works .l-wrap-cards {
    padding-left: 0;
    padding-right: 0;
  }
}

.sec-works .c-card33.works {
  width: 50%;
  position: relative;
}
.sec-works .c-card33.works .text-title{
	font-size: 25px;
	font-family: 'Anton', sans-serif;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: bold;
	text-shadow: black 0 0 5px;
	line-height: 1.6;
}
.sec-works .c-card33.works .text-title.small_sp{
	font-size: 20px;
}
.sec-works .c-card33.works .text-title span{
	display: block;
	font-size: 0.5em;
}
@media print, screen and (min-width: 767px) {
  .sec-works .c-card33.works {
    width: 33.333333%;
    width: calc(100%/3);
  }
  .sec-works .c-card33.works .text-title{
	font-size: 3.4vw;
	line-height: 1.4;
	}
	.sec-works .c-card33.works .text-title.small_sp{
		font-size: 3.4vw;
	}
	.sec-works .c-card33.works .text-title span{
		font-size: 0.4em;
	}
}


.sec-works .c-works-info {
  margin-top: 30px;
}

.sec-works .c-works-info .c-works-info__category {
  font-size: 1.4rem;
}

.sec-works .c-works-info .c-works-info__category span {
  display: block;
}

@media print, screen and (min-width: 767px) {
  .sec-works .c-works-info .c-works-info__category span {
    display: inline-block;
    margin-right: 3px;
  }
}

.sec-works .c-works-info .c-works-info__name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 0.5em;
}

@media print, screen and (min-width: 767px) {
  .sec-works .c-works-info .c-works-info__name {
    font-size: 1.8rem;
  }
}

.sec-customers {
  margin-top: -10px;
	margin-top: 170px;
}


@media print, screen and (min-width: 767px) {
  .sec-customers .l-wrap-cards {
    padding-left: 0;
    padding-right: 0;
  }
}

.sec-customers .c-card33.customers {
  margin-bottom: 50px;
}


.sec-customers .c-card33.customers .c-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
}


@media print, screen and (min-width: 767px) {
  .sec-customers .c-card33.customers .c-card__inner {
    display: flex;
  }
}

.sec-customers .c-card33.customers .c-card__inner .wrap-c-card__ph {
  flex-basis: 150px;
  flex-shrink: 0;
}

.sec-customers .c-card33.customers .c-card__inner .c-customers-info {
  flex-basis: auto;
  align-self: center;
}

.sec-customers .c-customers-info {
  text-align: left;
  padding-left: 1em;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-customers-info {
    margin-top: 20px;
  }
}

.sec-customers .c-customers-info .c-customers-info__name
{
  font-size: 1.6rem;
  font-weight: bold;
}
.c-customers-info__date
{
  font-size: 1.5rem;
  font-weight: bold;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-customers-info .c-customers-info__name	
	{
    margin-bottom: 5px;
    padding-left: 0;
  }
  .sec-customers .c-customers-info .c-customers-info__name
	{
	font-size: 1.7rem;
	}
  
}

.sec-customers .c-customers-info .c-customers-info__title {
  font-size: 1.4rem;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-customers-info .c-customers-info__title {
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.sec-customers .c-btn-viewmore {
  margin-top: 45px;
}


.sec-blog {
  padding-top: 70px;
  padding-bottom: 90px;
}

@media print, screen and (min-width: 767px) {
  .sec-blog {
    padding-top: 80px;
    padding-bottom: 70px;
    margin-bottom: 30px;
  }
}

.sec-blog .c-post__title {
  margin-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sec-blog .c-post {
  text-align: left;
  font-weight: bold;
}
.bg-white {
  background-color: #fff;
}
.bg-gray {
  background-color: #f4f3f1;
}

.bg-blue {
  background-color: #f0f7fa;
}
.bg-pink {
  background-color: #fdf5f7;
}
@media print, screen and (min-width: 767px) {
	.sec-blog .c-post__title {
  		margin-top: 10px;
		font-size: 1.6rem;
	}
}

/* -------------------------------------------------
下層パンくずリスト　breadWrap
-------------------------------------------------*/
#breadWrap{
	text-align: left;
	padding:0 5vw;
}
@media print, screen and (min-width: 767px) {
	#breadWrap{
		padding:0 6vw;
	}
}

/* -------------------------------------------------
SERVICEページここから
-------------------------------------------------*/
.mgt4vw{
	margin-top:4vw;
}
.mgt5vw{
	margin-top:5vw;
}
.mgt6vw{
	margin-top:6vw;
}
.mgt8vw{
	margin-top:8vw;
}
.mgb8vw{
	margin-bottom:8vw;
}
.mgt10vw{
	margin-top:10vw;
}
.mgt12vw{
	margin-top:12vw;
}


h3.service__title{
	font-size: 1.5rem;
	position: relative;
	display: inline-block;
	padding: 0 55px;
	margin-top:30px;
	margin-bottom:30px;
}
h3.service__title:before, h3.service__title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

h3.service__title:before {
  left:0;
}
h3.service__title:after {
  right: 0;
}
.l-wrap-cards.mgb8vw .c-card25{
	margin-bottom:12vw;
}
.c-card25 .service__title{
	margin-top: 10px;
    text-align: left;
	font-size: 1.2rem;
    font-weight: bold;
}
.c-card33 .service__title{
	margin-top: 10px;
    text-align: left;
	font-size: 1.4rem;
    font-weight: bold;
}


.l-container_inner{
	padding:0 10px;
}
@media print, screen and (min-width: 767px) {
	.service .l-container{
		max-width:1164px;
		padding:0 6vw;
	}
	.l-container_inner{
		padding:0 22px;
	}	
	h3.service__title{
		font-size: 1.7rem;
		margin-top:40px;
		margin-bottom:40px;
	}
	.c-card25 .service__title{
		font-size: 1.4rem;
	}
	.c-card33 .service__title{
		font-size: 1.6rem;
	}
	.l-wrap-cards.mgb8vw .c-card25{
		margin-bottom:8vw;
	}
}

/* -------------------------------------------------
WORKS-listページここから
-------------------------------------------------*/
.l-wrap-cards .c-card33.works {
	margin-bottom: 0;
	font-size: 1.3rem;
}
.works__categorytitle{
	text-align: left;
	margin-top:10px;
	margin-bottom:5px;
}
.works__categorytitle span {
	display: block;
	margin-right: 3px;
}
.works__title{
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: left;
}
.wrap-c-card__ph{
	width:100%;	
}

@media print, screen and (min-width: 767px) {
  .works__categorytitle	{
    margin-bottom: 5px;
 	 }
  .works__categorytitle span {
    display: inline-block;
	}
	.works__title{
	  font-size: 1.6rem;
	}
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
共通スペース
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mg10{
	margin-top:10px;
}
.mg20{
	margin-top:20px;
}
.mg30{
	margin-top:30px;
}
.mg40{
	margin-top:40px;
}
.mg20_SP40{
	margin-top:40px;
}
.mg50{
	margin-top:50px;
}
.mg60{
	margin-top:60px;
}
.mg70{
	margin-top:70px;
}
.mg80{
	margin-top:80px;
}
.mg90{
	margin-top:90px;
}
.mg100{
	margin-top:100px;
}
.mgb10{
	margin-bottom:10px;
}
.mgb15{
	margin-bottom:15px;
}
.mgb20{
	margin-bottom:20px;
}
.mgb30{
	margin-bottom:30px;
}
.mgb40{
	margin-bottom:40px;
}
.mgb50{
	margin-bottom:50px;
}
.mgb60{
	margin-bottom:60px;
}
.mgb70{
	margin-bottom:70px;
}
.mgb80{
	margin-bottom:80px;
}
@media print, screen and (min-width: 767px) {
	.mg20_SP40{
		margin-top:20px;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
WORKS共通詳細ページ
new_page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h2.top_tit{
	font-family:din-2014,sans-serif;
	font-style: italic;
	text-align: center;
	font-weight: 300;
    letter-spacing: 6px;
    line-height: 1;
	color:#333;
}

h2.top_tit .jp{
	font-family:din-2014,'Noto Sans JP',"メイリオ",Meiryo,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
	display: block;
    font-size: .38em;
    font-weight: 700;
    font-style: initial;
    letter-spacing: 2px;
    margin-top: 1.5em;
}

h2.tit{
	font-size: 7vw;
    /*letter-spacing: 3px;*/
	letter-spacing: 0px;
	text-align: left;
	/*font-family:din-2014,sans-serif;*/
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	/*font-weight: 300;*/
    line-height: 1;
	color:#666;
}
h2.tit .jp{
	display: block;
    font-size: .38em;
    font-style: initial;
    letter-spacing: 2px;
    margin-top: 1.5em;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}
.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.basictxt{
	line-height: 2em;
    text-align: left;
}
ul.post_list.category li::after{
	content:"";
	padding-left: 1em;
	margin-left:10px;
    background: url(img/common/icon-arrow-right@2x.png) 0 50%/5px auto no-repeat;
}
@media print, screen and (min-width: 959px) {
	
	h2.top_tit{
		font-size: 2.93em;
	}
	h2.tit{
		font-size: 2.8em;
		min-width: 435px;
	}
	.text-center_pc{
		text-align: center;
	}
	.sp_none{
		display: block;
	}
	.pc_none{
		display: none;
	}
	.center-text-pc{
		text-align: center;
	}
}
.new_page_title_waku,
.new_page_content_waku{
	display: block;
}
.new_page_content_waku{
	margin-top:30px;
}

.new_page_content_waku h3{
	text-align: left;
	font-size: 150%;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    margin-bottom: 60px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.side_content{
	margin-top:80px;
}
.categoryList_inner{
	margin-top:30px;
}
.categoryList li {
    border: 1px solid #464036;
    margin: 0 1em 1em 0;
}
.categoryList li a {
    display: block;
	padding: .1em 1em;
}
.categoryList li a:hover, .categoryList li a[aria-current=page] {
    background: #464036;
	color: #fff;
}
.post_title{
	text-align: left;
	font-family:din-2014,sans-serif;
	font-size:17px;
	border-bottom:1px solid #464036;
	padding-bottom:5px;
	margin-bottom:35px;
	letter-spacing: 3px;
	}
.new_page_content_waku .main_content section.main_title{
	text-align: left;
	margin-bottom:10px;
	}
.new_page_content_waku .main_content section.main_title p{
		margin-top:10px;
	}
.new_page_content_waku .main_content section.main p{
		margin-top:20px;
	}
.side_content .post_side_img{
	width:130px;
	height: 80px;
	margin-right:20px;
}
.side_content .post_side_img img{
	width:80px;
	height: 80px;
	object-fit: cover;
}
.post_side_text{
	margin:0 0 25px 0;
	word-break:break-all;
	height:80px;
	overflow: hidden;
}
.post_side_text > .text__title{
	font-size:1.1em;
	font-weight: bold;
}

ul.post_list li{
	display: flex;
	margin-bottom: 15px;
	}

/*カテゴリーリンクボタン*/

.works ul.category_link,
.blog ul.category_link{
	display: flex;
	flex-wrap: wrap;
	margin:80px 0;
	justify-content: flex-start;
}
ul.category_link li{
	margin:5px 10px 25px 0;
	display: inline-block;
}
ul.category_link li a{
	text-align: center;
	border: 1px solid #000;
	padding:10px 20px;
}
ul.category_link li a:hover,
ul.category_link li a[aria-current=page] {
    background: #464036;
	color: #fff;
}
@media print, screen and (min-width: 959px){
	ul.category_link li a{
		padding:12px 40px;
	}
}

/*カテゴリーリンクボタン02*/
ul.category_link02{
	display: flex;
	flex-wrap: wrap;
	margin:80px 0;
	justify-content: center;
}
ul.category_link02 li{
	margin:5px 1%;
	width:48%;
}
ul.category_link02 li a{
	font-size:1em;
	text-align: center;
	width:100%;
	display: inline-block;
	padding:8px 0;
	border: 1px solid #464036;
}
ul.category_link02 li:hover,
ul.category_link02 li a[aria-current=page] {
    background: #464036;
	color: #fff;
}
@media print, screen and (min-width: 959px){
	ul.category_link02 li{
		margin:3vw 0;
		display: inline-block;
		width: auto;
	}
	ul.category_link02 li a{
		font-size:1.15em;
		text-align: center;
		border-top: none;
		border-bottom: none;
		border-left: none;
		border-right: 2px solid #000;
		/*padding:8px 3vw;*/
		padding:8px 2.2vw;
	}
	ul.category_link02 li:first-of-type a{
		border-left: 2px solid #000;
	}
		ul.category_link02.pad li a{
		padding:8px 1.3vw;
	}
		ul.category_link02.mg li{
		margin:2vw 0;
	}
}
@media print, screen and (min-width: 1600px){
		ul.category_link02 li a{
		padding:8px 1.5vw;
	}
		ul.category_link02.pad li a{
		padding:8px 0.8vw;
	}
}

/*カテゴリーリンクボタン02ここまで*/

@media print, screen and (min-width: 959px) {
	.categoryList_inner{
		margin-top:0;
	}
	.new_page_title_waku,
	.new_page_content_waku{
		display: flex;
		justify-content: space-between;
	}
	.new_page_content_waku{
		flex-direction: row-reverse;
	}
	.new_page_content_waku h3{
		font-size: 2em;
		margin-bottom: 20px;
		line-height: 1.8;
	}
	.border_center{
		width:1px;
		background-color: #000;
		height:250px;
		margin-left:65px;
	}
	.new_page_content_waku .main_content{
		padding:0 0 0 60px;
	}	
	.new_page_content_waku .main_content section.main_title{
		margin-bottom:15px;
	}
	.new_page_content_waku .main_content section.main{
		padding-bottom:50px;
	}
	.side_content{
		margin-top:0;
	}
	.post_title{
		font-size:18px;
	}
	.side_content .post_side_img{
		width:80px;
	}
	.post_side_text{
		width: 235px;
		height:80px;
		overflow: hidden;
	}
	section.border_bottom{
		border-bottom:1px solid #464036;
	}
	ul.category_link{
		justify-content: center;
	}
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
TOPIX共通一覧ページ
topix
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sec-topics {
  margin-top: 30px;
	font-size: 1.3rem;
}
.topix__title{
  font-size: 1.6rem;
  font-weight: bold;
  margin-top:10px;
  margin-bottom: 0.5em;
  text-align: left;
}
.topix__categorytitle{
	text-align: left;
	margin-bottom:5px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sec-topics .c-card33.works {
  width: 100%;
}

@media print, screen and (min-width: 767px) {
	.sec-topics .c-card33.works {
    width: 33.333333%;
    width: calc(100%/3);
  }
}


/*日付ボックス装飾*/
.c-card__inner .wrap-c-card__ph{
	position: relative;
}
.c-card__inner .wrap-c-card__ph .date {
    position: absolute;
    font-family: din-2014,sans-serif;
    font-size: 1.2em;
    color: #fff;
    background: #7dafb2;
    display: inline-block;
    left: 0;
    top: 0;
    padding: 0.6em 1.0em;
	line-height: 1;
	letter-spacing: 2px;
}
@media print, screen and (min-width: 767px) {
	  .c-card__inner .wrap-c-card__ph .date {
		padding: 0.7em 1.0em;
	}
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
PARTNER
社員募集
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.partner .l-container{
	max-width:1164px;
}
.partner p.top_lead{
	font-size:4vw;
	font-weight: bold;
	line-height:2;
	margin-bottom:40px;
}
.partner p.lead{
	font-size: 1.3rem;
    margin-bottom: 74px;
	text-align: left;
}
.shishitu h3{
	font-size: 2.2rem;
	margin-bottom: 74px;
}
.shishitu ul{
	margin:0 auto 80px;
}
.shishitu ul li{
	width:100%;
	padding:20px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
.shishitu ul li:before{
	content:"";
	display: inline-block;
	width:15px;
	height:15px;
	padding-left:25px;
	background-image: url("img/common/icon_list.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}
@media print, screen and (min-width: 767px) {
	.partner p.top_lead{
		font-size:1.5vw;
		line-height:2.4vw;
		margin-bottom:60px;
	}
	.partner p.lead{
		font-size: 1.58rem;
		margin-bottom: 80px;
		text-align: center;
	}
	.shishitu h3{
		font-size: 2.2rem;
		margin-bottom: 74px;
	}
	.shishitu ul{
		max-width: 980px;
		margin:0 auto 90px;
	}
	.shishitu ul li{
		width:48%;
		font-size:1.5vw;
		margin:0 1%;
		padding:30px 20px;
	}
}
@media print, screen and (min-width: 1400px) {
	.shishitu ul li{
		font-size:1.0vw;
	}
}
/*先輩の声*/
section.voice{
	padding:50px 0;
	margin-bottom:80px;
}
section.voice ul.staff li{
	margin:60px 0 0;
}
section.voice ul.staff li .sp_waku{
	display: flex;
	align-items: flex-start;
}
section.voice ul.staff li .img_waku{
		width:50%;
		height:120px;
	}
section.voice ul.staff li .img_waku img{
		width:100%;
		height:120px;
		object-fit: contain;
	}
section.voice ul.staff li .text_midashi_waku{
	text-align: left;
	padding-left:10px;
}
.text_midashi_waku .job{
	font-size:0.8em;
	margin:15px 0 5px;
}
section.voice ul.staff li .midashi{
	font-size:1.0em;
}
section.voice ul.staff li .basictxt{
	margin-top:10px;
}
@media print, screen and (min-width: 767px) {
	section.voice{
	padding:80px 0;
}
	section.voice ul.staff li:first-child{
		margin:0;
	}
	section.voice ul.staff{
		max-width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
	section.voice ul.staff li .text_midashi_waku{
		width:75%;
	}
	section.voice ul.staff li .img_waku{
		width:25%;
		height:170px;
	}
	section.voice ul.staff li .img_waku img{
		height:170px;
	}
	.text_midashi_waku .job{
		margin:10px 0 5px;
		font-size:0.9em;
	}
	section.voice ul.staff li .midashi{
		font-size:1.2em;
	}
	section.voice ul.staff li .basictxt{
		margin-top:5px;
	}
}
/*リンクボタン*/
section.requirements{
	max-width:1164px;
	margin-right:auto;
	margin-left:auto;
}
.bt_waku a{
	display: block;
	border:1px solid #333;
	padding:20px 0;
	width:100%;
	max-width: 300px;
	margin:15px auto;
	font-size: 1.1em;
}
.bt_waku a:hover{
	background-color: #333;
	color: #fff;
}
ul.bt_waku li.sankaku{
	position: relative;
}
ul.bt_waku li.sankaku::after{
	content:"";
	display: inline-block;
	width:10px;
	height:10px;
	padding-right:10px;
	background-image: url("img/common/icon-arrow-right@2x.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
	position: absolute;
	top:50%;
	right:10px;
	transform: translateY(-50%);
}
ul.bt_waku .green li.sankaku::after{
	background-image: url("img/common/icon-arrow-right_wh.png");
}
ul.bt_waku a.green{
	background-color:#569895;
	color:#fff;
}
ul.bt_waku a.yellow{
	background-color:#ffff66;
}
@media print, screen and (min-width: 767px) {

	.bt_waku a.width_50{
		width:48%;
	}
	ul.bt_waku li.sankaku::after{
		padding-right:0;
		right:-20px;
	}
}
/*フォームの上飾り　ul*/
.list_contact_flow {
	font-size: .8em;
    width: 280px;
	max-width: 562px;
    display: flex;
    text-align: center;
    flex-flow: wrap;
    margin: 0 auto 60px;
    justify-content: space-between;
    position: relative;
}
.list_contact_flow:before {
    position: absolute;
    content: '';
    background: #e4e1db;
    width: 220px;
    top: 8px;
    height: 1px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
.list_contact_flow li span {
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin: 0 auto 10px;
	background: #e4e1db;
}
.list_contact_flow li.current span {
    background: #464036;
}
@media print, screen and (min-width: 767px) {
	.list_contact_flow {
		width:100%;
		max-width: 562px;
		font-size: 1.0625em;
	}
	.list_contact_flow:before {
		width: 480px;
		top: 10px;
	}
}
/*フォーム下*/
.policy_box {
    font-size: 1.0625em;
    padding: 2em 1em;
    border-top: 1px solid #464036;
    border-bottom: 1px solid #464036;
    margin-bottom: 60px;
	line-height: 2;
    text-align: left;
    letter-spacing: 2px;
}
.policy_box .title {
    font-size: 1.176em;
    font-weight: 700;
    margin-bottom: .5em;
}
.policy_p {
    text-align: center;
    margin-bottom: 50px;
    font-size: 1.0625em;
}
form table{
	margin:50px auto;
}
.policy_p input[type=checkbox] {
    width: 28px;
    height: 28px;
    background: #edece8;
    vertical-align: middle;
    margin-right: 15px;
	display: inline-block;
	border-radius: 3px;
	border:1px solid #999;
}
form .submit {
    background: #464036;
}
.submit, .backBtn {
    display: block;
    font-size: 1.0625em;
    color: #fff;
    cursor: pointer;
    letter-spacing: .08em;
    border: none;
    font-weight: 500;
    max-width: 343px;
    width: 90%;
    margin: 0 auto;
    padding: 1.8em 1em;
    border-radius: 0;
    transition: .5s;
}
.submit:hover, .backBtn:hover {
    opacity: .8;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
PARTNER
社員募集　下層ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.partner h3{
	text-align: left;
	font-size:4.3vw;
	margin-bottom:20px;
}
.partner table{
	width:100%;
	text-align: left;
}
.partner table td,
.partner table th{
	display: block;
	padding:40px 0;
	border-top: 1px solid #777;
}	
.bt_entry img{
	margin:60px auto 60px;
	max-width:300px;
}
.partner table td ul{
	margin:0 0 20px;
}
.partner table td ul li{
	padding:5px 0;
}
@media print, screen and (min-width: 767px) {
	.partner table td,
	.partner table th{
		display: table-cell;
		padding:50px 0;
		border-top: 1px solid #777;
	}
	.partner h3{
		font-size:1.6vw;
	}
	.partner table th{
		width:18%;
		vertical-align: middle;
	}
	.bt_entry img{
		margin:80px auto 80px;
		max-width:350px;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
CUSTOMERS
クライアント一覧ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.customers_box{
	margin:40px auto 60px;
}
.customers_box .img_waku{
	width:100%;
}
.customers_box .img_waku img{
	width:100%;
	/*height:200px;
	object-fit: cover;*/
}
.customers_box .text_waku{
	width:100%;
	text-align: left;
}
.customers_box .text_waku .midashi{
	font-size:1.3em;
	margin-top:15px;
}
.customers_box .text_waku .name{
	font-size:0.9em;
	margin:15px 0;
}
.customers_box a.c-btn-link{
	display: block;
	padding:15px 0;
	border: 1px solid #464036;
	margin:30px auto;
	text-align: center;
	position: relative;
}
.customers_box a.c-btn-link::after{
	content:"";
	display: inline-block;
	background-image: url("img/common/icon-arrow-right@2x.png");
	background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
	top:50%;
	right:10px;
	transform: translateY(-50%);
	width:15px;
	height:15px;
}
.customers_box a.c-btn-link:hover{
	color:#fff;
	background-color:#464036;
}
.customers_box a.c-btn-link:hover::after{
	background-image: url("img/common/icon-arrow-right_wh.png");
}
@media print, screen and (min-width: 767px) {
	.customers_box{
		display: flex;
		margin:80px auto 120px;
	}
	.customers_box .img_waku{
		width:43%;
		padding-right:4%;
	}
	.customers_box .text_waku{
		width:53%;
	}

	.customers_box .text_waku .midashi{
		font-size:1.8vw;
		margin-top:0;
	}
	.customers_box .text_waku .name{
		font-size:1.1vw;
		margin:30px 0;
	}
	.customers_box a.c-btn-link{
		width:280px;
		padding:13px 0;
		margin:5.1vw auto 0;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
CUSTOMERS
クライアント詳細ページ　customers_s
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.customers_s .l-container{
	max-width:1164px;
}
.customers_s .text_waku{
	text-align: left;
	margin:30px 0 60px;
}
.customers_s .text_waku h3{
	font-size:1.3em;
	margin:15px 0 20px;
}
.customers_s .text_waku p{
	font-size:1em;
}
ul.customer_itv li{
	text-align: left;
	margin-bottom:50px;
}
ul.customer_itv p.q{
	font-size:1.3em;
	border-bottom: 3px solid #ddd;
	padding-bottom:3px;
	margin-bottom:20px;
}
ul.customer_itv p.q span{
	font-family: din-2014,sans-serif;
	font-size:1.2em;

}
@media print, screen and (min-width: 767px) {
	.customers_s .text_waku h3{
		font-size:2.0em;
		margin:40px 0 50px;
	}
	.customers_s .text_waku p{
		font-size:1.2em;
	}
	ul.customer_itv p.q{
		font-size:1.6em;
	}
}
/*WORKSへリンクボタン*/

section.link_box p{
	font-size:2em;
	margin:80px 0 20px;
	letter-spacing: 2px;
	color:#777;
	font-weight: bold;
    /*font-style: italic;*/
}
section.link_box p span{
	font-size:13px;
	color:#000;
	display: block;
	
	/*font-style: normal;*/
	letter-spacing: 0;
}
section .next_view{
	border-top:1px solid #ddd;
	padding:50px 0;
}
@media print, screen and (min-width: 767px) {
	section.link_box p{
		font-size:2.5em;
		margin:140px 0 40px;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
FAQ
よくある質問ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section.faq h3{
	font-size: 1.3em;
    padding-bottom: 3px;
	margin-top:80px;
	font-weight: normal;
	text-align: left;
}
.accbox {
    margin: 2em 0;
    padding: 0;
	text-align: left;
    /*max-width: 400px;*/
}

/*ラベル*/
.accbox label {
	font-size:1.3em;
	font-weight: bold;
    display: block;
    margin: 5px 0;
    padding : 22px 30px 10px 10px;
    border-bottom: 3px solid #ddd;
    cursor :pointer;
    transition: all 0.5s;
	position: relative;
}
.accbox label span {
	font-size:1.6em;
	color:#464036;
	color:#888;
	font-family:din-2014,sans-serif ;
	padding-right:15px;
}
.accbox label::after {
	content:"";
	position: absolute;
	display: inline-block;
	width:15px;
	height:15px;
	top:50%;
	right:10px;
	transform: translateY(-50%);
	transform: rotate( 90deg );
	background-image: url("img/common/icon-arrow-right@2x.png");
	background-repeat: no-repeat;
	background-size: contain;
}

/*ラベルホバー時*/
.accbox label:hover {
    /*background :#f2f2f2;
	border: 1px solid #fff;*/
	opacity: 0.7;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 20px 15px 40px 15px;
    /*background: #eaeaea;*/
    opacity: 1;
	font-size:1em;
	color :#777;
}
@media print, screen and (min-width: 767px) {
	section.faq h3{
		font-size:1.6em;
		margin:100px 0 10px;
	}
	
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
COMPANY
会社案内ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.company .l-container {
    max-width: 1164px;
}
.company p.lead{
	line-height: 2;
}
.company .text__title {
    margin-top: 10px;
	margin-bottom: 5px;
    text-align: left;
    font-size: 1.6rem;
    font-weight: bold;
}
.company .l-wrap-cards{
	margin-top:50px;
}
.company .l-wrap-cards .c-card33 {
	margin-bottom: 40px;
}
.company .link_box a.c-btn-link {
    display: block;
    padding: 15px 0;
    border: 1px solid #464036;
    margin: 30px auto;
    text-align: center;
    position: relative;
}
.company .link_box a.c-btn-link::after {
    content: "";
    display: inline-block;
    background-image: url(img/common/icon-arrow-right@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
}
.company .link_box a.c-btn-link:hover {
    color: #fff;
    background-color: #464036;
}
.company .link_box a.c-btn-link:hover::after {
    background-image: url("img/common/icon-arrow-right_wh.png") ;
}
.company h3{
	font-size:1.3em;
}
.company h3 span{
	font-size:12px;
	display: block;
	font-weight: normal;
}
.company ul.company_footer_bt li{
	padding:10px 15px 0 15px;
	border:1px solid #999;
	margin:40px auto;
}
.company ul.company_footer_bt .text__title{
	text-align: center;
	}
.company ul.company_footer_bt .namber{
	font-size:30px;
	font-family: din-2014,sans-serif;
}
.company ul.company_footer_bt a{
	display: block;
	border-top:1px solid #999;
	margin-top:20px;
	padding:20px 0;
	position: relative;
}
.company ul.company_footer_bt a::after{
	content:"";
	display: inline-block;
	background-image: url("img/common/icon-arrow-right@2x.png") ;
	background-repeat: no-repeat;
	background-size:contain;
	vertical-align: middle;
	width:10px;
	height:10px;
	position: absolute;
	top:50%;
	right:20px;
	transform: translateY(-50%);
}

@media print, screen and (min-width: 767px) {
	.company .l-wrap-cards .c-card33 {
		margin-bottom: 50px;
	}
	.company .text__title {
		margin-bottom: 10px;
	}
	.company .l-wrap-cards{
		margin-top:80px;
	}
	.company .l-wrap-cards{
		margin-top:80px;
	}
	.company ul.company_footer_bt li{
		max-width:260px;
		margin:40px 2%;
	}
	.company .link_box a.c-btn-link {
		padding: 13px 0;
		margin: 35px auto;
	}
	.company h3{
		font-size:1.5em;
	}
	ul.company_footer_bt{
		display: flex;
		justify-content: center;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
MESSAGE CONCEPT他
会社案内:詳細ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.company .post_side_text{
	height:auto;
}
.company p.title{
	font-size:1.25em;
	text-align:left;
}
.new_page_content_waku .main_content section.main p.title{
	margin-bottom:-20px;
}
.new_page_content_waku .main_content section.main p.title span{
	display: block;
    margin: 0 auto 25px;
    text-align: center;
    background-color: #f2f2f2;
    padding: 10px 0;
}
@media print, screen and (min-width: 767px) {

}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Privacy
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.privacy .l-container{
	max-width: 1164px;
}
section.privacy h3{
	font-size: 1.3em;
    padding-bottom: 3px;
    margin-bottom: 20px;
	font-weight: normal;
	text-align: left;
}
section.privacy ul li{
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:5px;
}
.font-small{
	font-size: 0.8em;
	line-height: normal;
}
.font-big{
	font-size: 1.2em;
}
.font-bold{
	font-weight: bold;
}
.font-pink{
	color:#e97c9c;
}
.font-red{
	color:#ff0000;
}
.font-white{
	color:#fff;
}
@media print, screen and (min-width: 767px) {
	section.privacy h3{
		font-size:1.3em;
		margin:80px 0 20px;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
タブ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tab_area {
  width: 100%;
  max-width:1164px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
} 
.tab_class {
/*  width: calc(100%/5);*/
/*  height: 50px;*/
  padding: 0 5vw;
  line-height: 40px;
  font-size: 15px;
  text-align: center;
  display: block;
  order: -1;
  border-top: 1px solid #464036;
  border-bottom: 1px solid #464036;
  border-right:1px solid #464036;
  border-left: 1px solid #464036;
  margin:0 2vw 3vw;
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: #464036;
  color:#fff;
}
 
.content_class {
  display: none;
  width: 100%;
}
 
input:checked + .tab_class + .content_class {
  display: block;
  padding:40px 0 50px;
}

@media print, screen and (min-width: 767px) {
	.tab_class {
	  border-top: 0;
	  border-bottom: 0;
	  border-right:2px solid #464036;
	  border-left: 0;
	  margin:0 0 3vw;
	}
	.tab_class:last-of-type {
	  border-right:0;
	}
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
SERVICE
WEB制作
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.service .top_lead .text_waku{
	margin-bottom:20px;
}
.service .top_title{
	font-size:1.5em;
	text-align: left;
	margin-top:-30px;
	margin-bottom:30px;
	}
	.service .top_title span{
		padding-right: 40px;
		font-size: 0.7em;
		}
.service .top_title02{
	font-size:1.4em;
	text-align: left;
	margin-bottom:15px;
	}
.service .top_lead .title{
	font-size:1.5em;
	text-align: left;
	margin-bottom:15px;
}
.service .top_lead .img_waku img{
	width:100%;
	max-width: 500px;
	margin-bottom:25px;
}
.c-h-lv3 {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-size: 7vw;
    margin-bottom: 30px;
	color: #666;
	line-height:1.8;
	font-weight: bold;
}
.c-h-lv3 span{
	display: block;
	font-size:2vw;
	font-weight: normal;
}
.service .content.top_lead{
	margin:10px -15px;
	}
.service .top_lead .img_waku .text_waku{
	background-color:#464036;
	color:#fff;
	font-size:1.2em;
	font-weight: bold;
	width:100%;
	margin:-25px 0 0;
	padding:13px 0;
}

p.midashi_number{
  font-size:30px;
  position: relative;
  display: inline-block;
  padding: 0 55px;
	/*margin-bottom:40px;*/
}

p.midashi_number:before, p.midashi_number:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

p.midashi_number:before {
  left:0;
}
p.midashi_number:after {
  right: 0;
}
.web_flow .content .midashi{
	padding: 5px 0;
    font-weight: bold;
    color: #666;
    font-size: 1.2em;
	text-align: left;
	margin:20px 0 10px;
}
.web_flow .content .midashi::before{
	content: "";
    padding-left: 28px;
    background-image: url(img/common/icon_check.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.text_box.bg,
.text_box.bg02{
	background-color:#f8f7f7;
	padding:10px 0;
	font-weight: bold;
	text-align: center;
	font-size:1.2em;
	border:1px dotted #464036;
	margin-bottom:20px;
}
.text_box.bg02{
	background-color:#f8f7f7;
}
@media print, screen and (min-width: 767px) {
	.service .top_lead .text_waku{
		width:50%;
		padding:20px 0 20px 30px;
	}
	.service .top_lead.reverse .text_waku{
		width:50%;
		padding:20px 30px 20px 0;
	}
	.service .top_lead .img_waku{
		width:50%;
	}
	.service .top_lead .title{
		font-size:1.7em;
	}
	.service .top_title{
		margin-top:0;
		font-size:1.7em;
		text-align: center;
	}
	.service .top_title.text_left{
		text-align: left;
	}
	.service .top_lead{
		display: flex;
		/* align-items: center; */
	}
	.service .top_lead.reverse{
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
	}
	.c-h-lv3 {
		font-size: 2.4vw;
	}
	.c-h-lv3 span{
	font-size:1.4vw;
}
	.web_flow_waku .web_flow{
		display: flex;
		justify-content: space-between;
		margin-top:20px;
	}
	.web_flow_waku .web_flow .content{
		width:48%;
	}
	.text_box.bg,
	.text_box.bg02{
	padding:10px 0;
	margin-top:10px;
	margin-bottom:25px;
	}
}
/*Googleマイビジネスの料金table*/
table.price{
	width:100%;
	color:#666;
}
table.price th{
	background-color: #f2f2f2;
	width:27%;
}
table.price th,
table.price td{
	border: 1px solid #555;
	border-collapse: collapse;
	padding:10px 0;
}
table.price td{
	padding:10px 20px;
}
table.price ul{
	padding:0;
}
table.price ul li{
	font-size: 1em;
	font-weight: bold;
}
.table_price{
	font-size:1.25em;
	font-weight: bold;
}
@media print, screen and (min-width: 767px) {
	table.price th{
		width:22%;
	}
}
/*FLOWパーツここから*/
.list_flow {
			margin-bottom: 150px;
		}
		.fadein.scrollin {
			animation: fade 1.5s ease forwards;
		}
		.list_flow li {
			margin-bottom: 20px;
			position: relative;
			padding-bottom: 3em;
		}
		.list_flow li:before {
			background: #464036;
			width: 1px;
			height: calc(100% - 75px);
			left: 35px;
			top: 70px;
		}
		.list_flow li:before, .list_flow li:after {
			position: absolute;
			content: '';
			margin: auto;
		}
		.list_flow li dl {
			display: flex;
			justify-content: space-between;
			flex-flow: wrap;
		}
		.list_flow li dl dt {
			color: #464036;
			width: 300px;
			font-size: 1.2em;
			font-weight: 700;
			display: flex;
		}
		.list_flow li dl dt .num {
			font-size: 1.43em;
			font-family: din-2014,sans-serif;
			font-weight: 600;
			font-style: italic;
			border: 1px solid #464036;
			width: 70px;
			height: 70px;
			line-height: 70px;
			border-radius: 50%;
			display: inline-block;
			text-align: center;
			margin-right: .8em;
		}
		.list_flow li dl dt .title {
			margin-top: 1em;
			line-height: 1.5;
		}
		.list_flow li dl dd {
			width: calc(100% - 300px);
			line-height: 2.4;
			margin-top: 1.5em;
			text-align: left;
			font-size:1.2em;
		}
		.list_flow li:before, .list_flow li:after {
			position: absolute;
			content: '';
			margin: auto;
		}
		.list_flow li:after {
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 5px 0;
			border-color: #464036 transparent transparent;
			left: 30px;
			bottom: 0;
		}
		.list_flow li.free {
			background: #464036;
			color: #fff;
			text-align: center;
			font-size: 1.1875em;
			font-weight: 700;
			padding: 1em;
			margin: 3em 0;
		}
		.list_flow li:last-child:before {
			background: 0 0;
		}
		.list_flow li:last-child:after {
			border: none;
		}

	/*中のdtdd*/
	.list_flow li dl.web_flow dt{
		background-color:#f2f2f2;
		padding:3px 0 3px 15px;
		text-align: center;
		width:100%;
		font-size:16px;
		margin:20px 0 10px;
	}
	.list_flow li dl.web_flow dd{
		font-size:15.5px;
		line-height:1.9;
		margin:0 0 10px;
		width:100%;
		padding-left: 0;
	}
.border_title{
	font-size:1.1em;
	color:#464036;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	margin:10px 0 20px;
}
	@media only screen and (max-width: 767px) {
		.list_flow {
			margin-bottom: 15vw;
		}
		.list_flow li {
			margin-bottom: 5vw;
			padding-bottom: 5vw;
		}	
		.list_flow li:before {
			height: calc(100% - 55px);
			top: 50px;
			left: 25px;
			background: #464036;
		   	 width: 1px;
		}
		.list_flow li dl {
			display: flex;
			justify-content: space-between;
			flex-flow: wrap;
		}
		.list_flow li dl dt {
			width: 100%;
			margin-bottom: 1em;
			font-size: 5vw;
		}
		.list_flow li dl dt .num {
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 1em;
		}
		.list_flow li dl dt .title {
			margin-top: .5em;
		}
		.list_flow li dl dd {
			width: 100%;
			padding-left: 50px;
			line-height: 2;
			margin-top: 0;
		}.list_flow li:after {
			left: 20px;
		}
	}

/*FLOWパーツここまで*/

/*ここからPRICE03*/
	h3.mainTi {
		text-align: center;
		font-size: 2.9375em;
		font-family: din-2014,"游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
		margin-bottom: 1.5em;
		letter-spacing: 9px;
		font-weight: 200;
		font-style: italic;
	}
	h3.mainTi span {
		display: block;
		font-size: .38em;
		font-style: normal;
		letter-spacing: 2px;
		font-weight: 500;
	}
	.section_plan {
		border: 1px solid #464036;
		padding: 10% 8% 5%;
		position: relative;
		margin-bottom: 150px;
	}
/*	.section_plan:before {
		position: absolute;
		content: '';
		background: #464036;
		height: 73px;
		width: 1px;
		left: 0;
		right: 0;
		top: -36.5px;
		margin: auto;
	}*/
	.dlist_plan {
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #464036;
		padding-bottom: 2.5em;
		margin-bottom: 2.5em;
		color: #464036;
		text-align: left;
	}
	.dlist_plan_02 {
		display: flex;
		flex-wrap: wrap;
		font-size: .9375em;
		position: relative;
		margin-bottom: 2em;
		text-align: left;
	}
	.dlist_plan_02:before {
		position: absolute;
		content: '';
		background: #464036;
		width: 1px;
		height: 100%;
		left: 263px;
		top: 0;
	}	
	.dlist_plan_02 dt {
		width: 263px;
		color: #464036;
		font-weight: 700;
		padding: .5em 2em .5em 0;
		font-size: 1.4375em;
	}
	.dlist_plan_02 dd {
		padding: 1em 0 1em 2em;
		width: calc(100% - 263px);
	}
	.dlist_plan dt {
		margin-right: 2em;
		font-size: 1.875em;
		font-weight: 700;
		line-height: 1.5;
	}
	.dlist_plan dt span {
		margin-top: 1em;
		display: block;
		font-size: .5em;
		font-weight: 400;
		line-height: 1.86;
		color: #333;
	}
	.dlist_plan dd {
		font-family: din-2014,sans-serif;
		font-style: italic;
		font-weight: 200;
		text-align: right;
		font-size: 2.375em;
		letter-spacing: 4px;
		color: #464036;
	}
	a.rebtn_more {
		max-width: 330px;
		width: 90%;
		height: 68px;
		display: block;
		border: 1px #464036 solid;
		font-family: din-2014,"游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
		font-size: 1.12em;
		text-align: center;
		line-height: 68px;
		position: relative;
		font-weight: 600;
		margin: 60px auto 0;
		color: #464036;
	}
	.band_ttl {
		background: #464036;
		color: #fff;
		padding: .5em 1.5em;
		font-weight: 700;
		font-size: 1.125em;
		margin-bottom: 1em;
	}
	@media only screen and (max-width: 767px) {
		.section_plan {
			margin-bottom: 15vw;
			padding: 10vw 5vw 5vw;
		}
		.section_plan:before {
			height: 40px;
			top: -20px;
		}
		.dlist_plan {
			flex-flow: wrap;
			padding-bottom: 5vw;
			margin-bottom: 5vw;
		}
		.dlist_plan dt {
			width: 100%;
			font-size: 5vw;
			margin-bottom: 2vw;
		}
		.dlist_plan dt span {
			font-size: 3vw;
		}
		.dlist_plan dd {
			width: 100%;
			font-size: 5vw;
			text-align: right;
		}
		h3.mainTi {
			font-size: 8vw;
			margin-bottom: 1em;
			letter-spacing: 5px;
		}
		.dlist_plan_02:before {
			background: 0 0;
		}
		.dlist_plan_02 dt {
			width: 100%;
			padding: 0 0 .5em;
		}
		.dlist_plan_02 dd {
			width: 100%;
			padding: 0;
		}
	}
	/*ここまでPRICE03*/	

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
SERVICE
補助金申請
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.subsidize .img_waku{
		position: relative;
	}
.subsidize a.btn_subsidize{
	display: block;
    padding: 15px 10px;
    color: #000;
    background: #ffff66;
    font-weight: bold;
    vertical-align: bottom;
	margin-top:20px;
}
.reflection {
  width: 100%;
  height: 50px;
  position: relative;
  overflow: hidden;
  background-color: #666;
}
.reflection::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 3s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 3s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}


@media print, screen and (min-width: 1100px) {
	.pc_gray{
		background-color: rgba(247,247,247,0.80);
	}
	.reflection {
	  width: 300px;
	  height: 50px;
	}
	.subsidize .img_waku a.btn_subsidize{
		position: absolute;
		bottom:3em;
		left:0;	
	}
}

/*補助金とは*/
.subsidize .price .title{
	padding:8px 0;
	border-radius: 5px;
	color:#fff;
	font-size:1.4em;
	font-weight: bold;
	margin-bottom:10px;
}
.bg_orange{
	background-color:#fcc05d;
}
.bg_blue{
	background-color:#7ab1e4;
}
.bg_pink{
	background-color:#ed96b0;
}
.subsidize .price table{
	width:100%;
	text-align:left;
	border-collapse: collapse;
}
.subsidize .price table th{
	font-weight: bold;
	font-size:1.2em;
	background-color:#f2f2f2;
	text-align: center;
	width: 23%;
}
.subsidize .price table tr:first-child{
	border-bottom:1px solid #ddd;
}
.subsidize .price table td{
	padding:15px 5px 15px 5px;
	line-height:2;
	text-align: center;
}
.subsidize .price table td span{
	font-weight: bolder;
	font-size:1.3em;
	color:#d4145a;
}
/*特徴*/

.subsidize .l-wrap-cards .c-card25{
	width:100%;
}
.subsidize .c-card25 .service__title {
    font-size: 1.6rem;
}
/*ラウンド*/

.subsidize .l-wrap-cards .c-card33 {
    margin-bottom: 40px;
    width: 50%;
}
 .round img{
	border-radius:50%;
}
.round p.service__title {
	margin-top: 15px;
    text-align: center;
}

.subsidize_how p.title01{
	font-size:1.35em;
	font-weight: bold;
	text-align: left;
	border-bottom:1px solid #333;
	padding-bottom:5px;
	margin-bottom:30px;
	color:#666;
}
.subsidize_how .img-round{
	border-radius: 50%;
}

.subsidize_how ul{
	text-align: left;
	padding:0 30px 0 0;
	margin-bottom:20px;
}
.subsidize_how ul li{
	padding:5px 0;
	font-weight: bold;
	color:#666;
	font-size:1.0em; 
}
.subsidize_how ul.icon_check1,
.subsidize_how ul.icon_check2{
	margin:20px 0 30px 30px;
	padding:0;
	text-indent: -2.3em;
    padding-left: 1em;
}
.subsidize_how ul.icon_check1 li::before,
.subsidize_how ul.icon_check2 li::before{
	content: "";
	padding-left:28px;
	background-image: url("img/common/icon_check.png");
	background-repeat: no-repeat;
	background-size: cover;
}

/*リーダー*/
.leader .text_waku{
	margin:20px 0;
}
.leader .title{
	font-size:1.1em;
	margin:20px 0;
	font-weight: bold;
}
.leader .title span{
	color:#e97c9c;
}
/*基本の吹き出し*/
.balloon{
  position: relative;
  background: #f2f2f2;
  padding: 1.8em;
}
.balloon:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f2f2f2 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
/*ポイント*/
.subsidize .suport .text_waku{
	text-align: left;
	margin:30px 0;
}
.subsidize .suport .text_waku .bg-gray{
	padding:10px;
	font-size:0.9em;
}
.subsidize .suport .text_waku .titile{
	font-size:1.2em;
	font-weight: bold;
}
/*仮申込*/
.line_qr{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px dotted #e97c9c;
	border-radius: 10px;
	padding:15px;
	max-width:500px;
	margin:20px auto;
}
@media print, screen and (min-width: 767px) {
	.subsidize .price{
		display: flex;
	}
	.subsidize .price div{
		width:46%;
		margin:0 2%;
	}
	.subsidize .price table td span{
		font-size:1.7em;
	}
/*特徴*/
	.subsidize .l-wrap-cards .c-card25{
		width:25%;
	}
/*ラウンド*/
	.l-wrap-cards.sp_50 .c-card33{
		width:33.333%;
	}
	.subsidize_how .content_waku{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
/*FAXDM*/	
	.subsidize_how .content_waku .img_waku{
		width:35%;
		padding-right:8%;
	}
	.subsidize_how .content_waku .text_waku{
		width:67%;
		
	}

	.subsidize_how ul li{
		padding:8px 0;
		font-size:1.2em; 
	}
	.subsidize_how ul.icon_check1{
		max-width:410px;
		margin:50px auto;
		padding:0;
		text-indent:0;
		padding-left:0;
	}
	.subsidize_how ul.icon_check2{
		max-width:520px;
		margin:50px auto;
		padding:0;
		text-indent:0;
		padding-left:0;
	}
	.subsidize_how ul.icon_check1 li::before,
	.subsidize_how ul.icon_check2 li::before{
		padding-left:35px;
	}
/*リーダー*/
	.leader .content_waku{
		display: flex;
		align-items: center;
	}
	.leader .img_waku,
	.leader .text_waku{
		width:50%;
		padding:0 15px;
	}
	.leader .title{
		font-size:1.4em;
	}
/*ポイント*/
	.subsidize .suport{
		margin:30px 0;
		display: flex;
		align-items: center;
	}
	.subsidize .suport.reverse{
		margin:30px 0;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}
	.subsidize .suport .img_waku,
	.subsidize .suport .text_waku{
		width:100%;
	}
	.subsidize .suport .text_waku{
		padding:0 2vw 0 2vw;
	}
}
/*更新サービス*/
p.spot_title{
	border:2px dotted #e97c9c;
	background-color:#fef6f6;
	padding:22px 0;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom:30px;
}
p.spot_title02{
	border:1px dotted #6b665e;
	background-color:#f8f7f7;
	padding:22px 15px;
	font-size:1.2em;
	font-weight: bold;
	margin-bottom:30px;
}
.subsidize_how ul.spot_point{
	padding-right:0;
}
.subsidize_how ul.spot_point span{
	background-color:#666;
	padding:6px 15px;
	color:#fff;
	text-align: center;
	border-radius: 3px;
	display: block;
	width:100%;
	margin-bottom:10px;
}
.able_list{
	background-color:#f2f2f2;
	padding:10px;
	text-align: left;
}
.able_list dl dd{
	text-indent: 1em;
}
.border_waku{
	border:1px dotted #777;
	padding:15px;
}
.subsidize_how .title02{
	font-size:1.1em;
	font-weight: bold;
	text-align: left;
}
.subsidize_how .price_waku{
	font-size:1.1em;
	padding:10px;
	background-color:#fef5f8;
	max-width:300px;
	margin-right:auto;
	margin-left:auto;
	border:2px dotted #e97c9c;
	border-radius: 5px;
	font-weight: bold;
	color:#646464;
}
.subsidize_how .plus{
	font-size:1.8em;
	font-weight: bold;
	color:#646464;
}
.subsidize_how .service_table{
	border-collapse: collapse;
	width:100%;
}
.subsidize_how .service_table th,
.subsidize_how .service_table td {
	border: solid 1px black;
	padding:10px;
	vertical-align: middle;
}
.subsidize_how .service_table th{
	background-color:#f2f2f2;
}
.subsidize_how .service_table .bg_pink th{
	background-color:#fbeaef;
}
.subsidize_how .service_table td {
	text-align: left;
}
.subsidize_how .service_table td.text_right{
	text-align: right;
}
.subsidize_how .service_table td.text_center{
	text-align: center;
}
.subsidize_how .cap_tbl{
	font-size: 0.85em;
}
.price_number{
	font-size:2.6em;
	color:#e97c9c;
	font-weight: bold;
}
@media print, screen and (min-width: 767px) {
	p.spot_title,
	p.spot_title02{
		font-size:1.4em;
	}
	.subsidize_how ul.spot_point span{
		display: inline-block;
		width:auto;
		font-size:0.8em;
	}
}
/*table scloll*/
.scroll table{
width:100%;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height:5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}



/*SNS 運用代行の流れ*/
	.sns_flow{
		border-bottom:1px dotted;
		padding-bottom:30px;
	}
	.sns_flow .img_waku{
		padding:30px 60px;
	}

@media print, screen and (min-width: 767px) {
	.sns_flow{
		display: flex;
		align-items: center;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	.sns_flow .img_waku{
		padding:10px 50px 10px 40px;
		width:25%;
	}
	.sns_flow .text_waku{
		padding:10px 30px 10px 0;
		width:75%;
	}
}

/*PC・IT
パソコンなんでも相談  修理メニュー*/
.repair_btn_waku a,
.subsidize_how ul.repair_btn_waku li{
		display: inline-block;
		width:100%;
	}
.subsidize_how ul.repair_btn_waku {
	padding:0;
}
.repair_btn_waku a{
	background-color:#f2f2f2;
	border:1px dotted #555;
	padding:20px 0;
	margin:10px 0;
	text-align: center;
	font-size:1em;
	font-weight: normal;
}
.subsidize_how .repair_btn_waku li{
	border:1px solid #999;
	padding:15px;
	margin:5px 0;
	text-align: center;
	font-size:1em;
	font-weight: normal;
}
@media print, screen and (min-width: 767px) {
	.repair_btn_waku,
	.subsidize_how ul.repair_btn_waku {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.repair_btn_waku a,
	.subsidize_how ul.repair_btn_waku li{
		width:49%;
		padding:15px 0;
		margin:5px 0;
	}

}

/*popup カードデザイン*/
.c-card__inner.syadow{
	padding:20px 10px;
	background-color: #fff;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
}
/*service  popup*/
#js-show-popup{
	display: inline-block;
	border:1px solid #999;
	border-radius: 30px;
	padding:8px 30px 6px;
	text-align: center;
	margin: 30px 0;
}
#js-show-popup:hover{
	background-color:#333;
	color:#fff;
}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 85%;
  padding: 40px 20px 20px;
  background-color: #fff;
  z-index: 2;
height:90%;
overflow-y: scroll;
}
.popup-inner .img_waku{
		width: 100%;
	}
.popup-inner .img_waku img{
		width: 100%;
		margin:10px 0;
	}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 90px;
  height: 50px;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
}
.close-btn p {
  font-size: 30px;
	font-weight: bold;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
@media print, screen and (min-width: 767px) {
/*popup カードデザイン*/
	.c-card__inner.syadow{
		margin:-10px 10px;
	}
/*popup*/	
	.popup-inner {
	  max-width: 1000px;
	  padding: 50px;
	}
	.popup-inner .img_waku{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.popup-inner .img_waku img{
		width: 49%;
		margin:10px 0;
	}
	.close-btn p {
	  font-size: 40px;
	}
	#js-show-popup{
		margin: 15px 0;
	}
}

/*写真撮影サービス*/

.c-card__inner .plan_title{
	margin:10px auto 10px;
	font-weight: bold;
	font-size:1.2em;
	color:#e97c9c;
}
.c-card__inner .top_title02{
	text-align: center;
	font-weight: bold;
	font-size:2.8em;
	color:#777;
}
.c-card__inner .top_title02 span{
	font-weight: normal;
	font-size:0.4em;
}
.c-card__inner .plan_time{
	margin:15px auto;
	font-weight: bold;
	font-size:1.1em;
}
.c-card__inner .plan_value{
	border-top:1px solid #777;
	padding-top:25px;
	margin-bottom:10px;
}
.c-card__inner .plan_value span{
	font-size:1.2em;
	font-weight: bold;
	padding-right:5px;
}
.c-card__inner ul.check{
	border-top:1px solid #777;
	padding-top:25px;
	padding-right: 0;
	margin-top:25px;
	margin-bottom:5px;
}
.c-card__inner ul.check li{
	font-size:1.1em;
	padding:3px 0;
}
.c-card__inner ul.check li::before{
	content:"";
	background-image: url("img/common/icon_check.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	padding-left:22px;
	display: inline;
}
.lite_plan .plan_title{
	margin:10px auto 10px;
	font-weight: bold;
	font-size:1.2em;
	color:#e97c9c;
}
.lite_plan .top_title02{
	text-align: center;
	font-weight: bold;
	font-size:2.8em;
	color:#777;
	margin-bottom:0;
}
.lite_plan .top_title02 span{
	font-weight: normal;
	font-size:0.4em;
}
.lite_plan .plan_time{
	margin:15px auto;
	font-weight: bold;
	font-size:1.1em;
}
.lite_plan{
	background-color: #FFFFFF;
	padding:30px 20px;
	}
@media print, screen and (min-width: 767px) {
	.lite_plan{
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #FFFFFF;
	padding:20px;
	}
.lite_plan .plan_title{
	width:150px;
	margin:0;
	border-right:1px solid #e97c9c;
	padding:20px 10px 20px 0;
}
}
/*グラフィック*/
.width50_pc25{
	width:48%;
	margin:0 1%;
}
.sp_mgb50{
	margin-bottom:50px;
}
.comic_waku table{
	width:100%;
}
.comic_waku th,.comic_waku td{
	border-collapse: collapse;
	padding:5px 0;
	border: 1px solid #999;
}
.comic_waku th{
	background-color:#f2f2f2;
}
@media print, screen and (min-width: 767px) {
	.width50_pc25{
		width:23%;
	}
	.sp_mgb50{
		margin-bottom:0;
	}
	.comic_waku{
		display: flex;
		justify-content: center;
	}
	.comic_waku > div{
		width:47%;
		margin:0 1.5%;
	}
}
/*WEB制作*/
.title03{
	font-size:1.3em;
	font-weight: bold;
}
/*基本の吹き出し02*/
.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 10px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #f2f2f2;
}

.balloon1-right:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f2f2f2;
}
.balloon1-right.last {
  background-color: #fdeff3;
}
.balloon1-right.last:before {
  border-top: 15px solid #fdeff3;
}
.balloon1-right.last:before {
  content: none;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}
.media02 > div{
		width:100%;
	}
@media print, screen and (min-width: 767px) {
	.media02{
		display: flex;
	}
	.media02 > div{
		display: flex;
		width:23%;
		margin:0 1.5%;
	}
	.balloon1-right:before {
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 100%;
	  margin-top: -15px;
		margin-left:0;
	  border: 15px solid transparent;
	  border-left: 15px solid #f2f2f2;
	}
	.balloon1-right.last:before {
	  content: none;
	}
}
table.web_media{
	width:100%;
}
table.web_media th,
table.web_media td{
	border-collapse: collapse;
	padding:10px;
	vertical-align: middle;
}
table.web_media th{
	color:#fff;
	font-size:1.4em;
	border-radius: 10px;
}
table.web_media th.pink{
	background-color:#ed96b0; 
}
table.web_media th.yellow{
	background-color:#e1e64d; 
}
table.web_media td{
	border: 1px dotted #999;
	border-top: 0px;
}
table.web_media td.img{
	width:30%;
}
table.web_media td img{
	width:80%;
	max-width:100px;
}
/*伴走型サポート*/
.support p.title{
	font-size:1.1em;
	font-weight: bold;
	text-align: left;
	color:#555;
	margin:0 0 7px 0;
}
.support ul li{
	background-color: #f2f2f2;
	padding:20px 15px 10px;
	margin:5px 0;
	border-radius: 5px;
}
/*看板*/
.signboard.img_waku{
	margin-top:20px;
	margin-bottom:40px;
	}
.width100_pc25{
	width:100%;
	margin:0 1% 30px;
}
.width50_pc25{
	width:48%;
	margin:0 1% 40px;
}

.width50_pc20{
	width:46%;
	margin:0 2% 40px;
}
.type_title{
	background: #e97c9c;
	color:#fff;
	font-weight: bold;
	text-align: center;
	font-size:1.2em;
	padding:2px 0;
	border-radius: 5px;
	width:98%;
	margin:0 auto;
}
.signboard .bg-gray{
	padding:20px;
}
.signboard .border_waku{
	border:1px dotted #999;
	padding:20px;
	width:100%;
	margin:0 0 30px;
}
.signboard .price_waku02{
	width:100%;
	margin:0 auto;
	}
.signboard ul{
	width:100%;
	padding:0;
}
.signboard ul li{
	background-color: #fff;
	padding:10px 0 10px 30px;
	margin:5px 0;
	border-radius:7px;
	font-size: 1.2em;
}
.signboard img{
	width:96%;
	margin:0 2% 15px;
	border-radius: 5px;
}
.subsidize_how ul.estimate{
	padding:15px 15px 0 15px;
}
.subsidize_how ul.estimate li.th{
 	font-size: 1em;
}
.subsidize_how ul.estimate li.td{
	font-weight: normal;
	font-size: 1em;
}
@media print, screen and (min-width: 767px) {
	.signboard.img_waku{
		margin-top:0;
		margin-left:30px;
		margin-bottom:0;
		min-width:350px;
	}
	.signboard .border_waku{
		width:90%;
		margin:0 30px 0 0;
	}
	.width100_pc25{
		width:23%;
	}
	.width50_pc25{
		width:23%;
		margin:0 1% 60px;
	}
	.width50_pc20{
		width:18%;
		margin:0 1% 60px;
	}
	.signboard .bg-gray{
		padding:30px 30px 0;
	}
	.flex_box{
		display: flex;
		align-items:center;
		justify-content: space-between;
	}
	.align_start{
		align-items:flex-start;
	}
	.signboard .price_waku02{
		width:90%;
		border: 0;
		background-color: transparent;
	}
	.estimate{
		padding:15px;
	}
	.subsidize_how ul.estimate{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin:0;
	}
	.subsidize_how ul.estimate li.th{
		width:20%;
		margin-right:2%;
		text-align: center;
		background-color:#888;
		color:#fff;
		border-radius: 5px;
	}
	.subsidize_how ul.estimate li.td{
		width:78%;
		margin-bottom: 0;
	}

}
/*会社概要*/
.company table{
	width:100%;
	text-align: left;
}
.company th,
.company td{
	border-collapse: collapse;
	padding:20px 0;
	border-bottom: 1px dotted #bbb;
	vertical-align: middle;
}
.company th{
	width:35%;
}
/*沿革*/
.company table.company02 th{
	width:30%;
}
@media print, screen and (min-width: 767px) {
	.company table.company02 th{
		padding-left:7%;
	}
	.company table.company02 td{
		padding-right:7%;
	}
}
/*スタッフ紹介*/

.new_page_content_waku .main_content section.main .staff p.midashi{
	margin-top:0;
}
/*google map gray*/
.googlemaps iframe,
.googlemaps object,
.googlemaps embed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
	.building_waku img{
		margin-top:20px;
	}
@media print, screen and (min-width: 767px) {
	.building_waku{
		display: flex;
		justify-content: space-between;
	}
	.building_waku img{
		margin-top:0;
		max-width:260px;
	}
}
.pc_flex{
	display: block;
}
@media print, screen and (min-width: 767px) {
	.pc_flex{
		display: flex;
	}
	.pc_flex .img_waku{
		width:27%;
		padding-right:30px;
	}
	.pc_flex .text_waku{
		width:73%;
	}
}