/* -----------------------------------
	branding_byIndustry_new
----------------------------------- */
#wrap {
	overflow: hidden;
}
#wrap .accordion-box {
  width: 100%;
  height: auto;
  background: #00d4b8;
  padding: 28px 0
}
#wrap .accordion-box>div.inner {
  *zoom: 1
}
#wrap .accordion-box>div.inner:after {
  content: "";
  display: table;
  clear: both
}
#wrap .accordion-box>div.inner>div.link-box {
  height: auto;
  float: left;
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}
#wrap .accordion-box>div.inner>div.link-box:last-child {
  margin-right: 0
}
#wrap .accordion-box>div.inner>div.link-box>a,
#wrap .accordion-box>div.inner>div.link-box>h3 {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -0.05em;
  line-height: 26px
}
#wrap .accordion-box>div.inner>div.link-box>div.color {
  background: #787c7d;
  margin-bottom: 25px
}
#wrap .accordion-box>div.inner>div.link-box>ul>li {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -0.05em;
  line-height: 26px
}
#wrap .accordion-box>div.inner>div.link-box:hover>a {
  color: #00d4b8
}
#wrap .accordion-box>div.inner>div.link-box:hover>ul>li {
  color: #00d4b8
}
#wrap .accordion-box {
  width: 100%;
  height: auto;
  background: #00d4b8;
  padding: 28px 0
}
#wrap .accordion-box>div.inner>div.link-box>ul>li {
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -0.05em;
  line-height: 26px
}
#wrap .accordion-box>div.inner>div.link-box:hover>a {
  color: #00d4b8
}
#wrap .accordion-box>div.inner>div.link-box:hover>ul>li {
  color: #00d4b8
}

@media only screen and (max-width:750px) {
  #wrap .accordion-box {
    padding: 30px 20px
  }
  #wrap .accordion-box>div.inner>div.link-box>a,
  #wrap .accordion-box>div.inner>div.link-box>h3 {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 17.5px;
    padding-bottom: 5px
  }
  #wrap .accordion-box>div.inner>div.link-box>div.color {
    margin-bottom: 3px
  }
  #wrap .accordion-box>div.inner>div.link-box>ul>li {
    font-size: 11px;
    font-size: 1.1rem
  }
  #wrap .accordion-box {
    padding: 30px 20px
  }
  #wrap .accordion-box>div.inner>div.link-box>ul>li {
    font-size: 11px;
    font-size: 1.1rem
  }
}

#wrap .accordion-industry>div.inner>div.link-box {
  width: 30.6%;
  margin-right: 4.0404040%
}
@media only screen and (max-width:750px) {
  #wrap .accordion-industry>div.inner>div.link-box {
    width: 100%;
    margin-right: 0
  }
  #wrap .accordion-industry>div.inner>div.link-box>ul {
    margin-bottom: 25px;
    margin-top: 0;
    *zoom: 1
  }
  #wrap .accordion-industry>div.inner>div.link-box>ul:after {
    content: "";
    display: table;
    clear: both
  }
  #wrap .accordion-industry>div.inner>div.link-box>ul>li {
    float: left;
    width: 33.3%
  }
  #wrap .accordion-industry>div.inner>div.link-box:last-child>ul {
    margin-bottom: 0
  }
}


#wrap .inner .industry {
  *zoom: 1;
  margin: 40px -1.515151% 0
}

#wrap .inner .industry:after {
  content: "";
  display: table;
  clear: both
}

@media only screen and (max-width:750px) {
  #wrap .inner .industry {
    padding: 0 5px
  }
}

#wrap .inner .industry>li {
  width: 33.333333%;
  height: auto;
  float: left;
  padding: 0 1.515151%;
  margin-bottom: 40px;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity
}

@media only screen and (max-width:1049px) {
  #wrap .inner .industry>li {
    width: 50%
  }
}

@media only screen and (max-width:750px) {
  #wrap .inner .industry>li {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    position: static !important
  }
}

#wrap .inner .industry>li>a>div.item {
  position: relative;
  z-index: 1
}

#wrap .inner .industry>li>a>div.item .item_img {
  overflow: hidden
}

#wrap .inner .industry>li>a>div.item .item_img .item_img-bg {
  width: 100%;
  height: auto;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s
}

#wrap .inner .industry>li>a>div.item .item_img .image01 {
  background-image: url("../images/branding/project-list/image01.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image02 {
  background-image: url("../images/branding/project-list/image02.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image03 {
  background-image: url("../images/branding/project-list/image03.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image04 {
  background-image: url("../images/branding/project-list/image04.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image05 {
  background-image: url("../images/branding/project-list/image05.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image06 {
  background-image: url("../images/branding/project-list/image06.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image07 {
  background-image: url("../images/branding/project-list/image07.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image08 {
  background-image: url("../images/branding/project-list/image08.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image09 {
  background-image: url("../images/branding/project-list/image09.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image10 {
  background-image: url("../images/branding/project-list/image10.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image11 {
  background-image: url("../images/branding/project-list/image11.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image12 {
  background-image: url("../images/branding/project-list/image12.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image13 {
  background-image: url("../images/branding/project-list/image13.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image14 {
  background-image: url("../images/branding/project-list/image14.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image15 {
  background-image: url("../images/branding/project-list/image15.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image16 {
  background-image: url("../images/branding/project-list/image16.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image17 {
  background-image: url("../images/branding/project-list/image17.jpg")
}

#wrap .inner .industry>li>a>div.item .item_img .image18 {
  background-image: url("../images/branding/project-list/image18.jpg")
}

#wrap .inner .industry>li>a>div.item .item_text {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #fff;
  background: #5e728e;
  opacity: .8;
  padding: 8px 10px;
  height: 78px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}

#wrap .inner .industry>li>a>div.item .item_text:hover {
  background: #aca450;
}

#wrap .inner .industry>li>a:hover {
  opacity: 1
}

#wrap .inner .industry>li>a:hover div.item .item_img .item_img-bg {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

#wrap .inner .industry>li>a:hover div.item .item_text {
  opacity: 1
}
#wrap .inner .by-branding {
  *zoom: 1;
  margin: 0 -1.515151%
}

#wrap .inner .by-branding:after {
  content: "";
  display: table;
  clear: both
}

@media only screen and (max-width:750px) {
  #wrap .inner .by-branding {
    margin: 0;
    padding: 0 0px
  }
}

#wrap .inner .by-branding li {
  width: 33.333333%;
  float: left;
  padding: 0 1.515151%;
  margin-bottom: 40px
}

@media only screen and (max-width:1049px) {
  #wrap .inner .by-branding li {
    width: 50%
  }
}

@media only screen and (max-width:750px) {
  #wrap .inner .by-branding li {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    position: static !important
  }
}

#wrap .inner .by-branding li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #fff;
  height: 78px;
  background: #3e4445;
  padding: 8px 10px
}

#wrap .inner .by-branding li a:hover {
  background: #aca450
}

#wrap .inner .by-service {
  *zoom: 1;
  margin: 0 -1.515151% 40px
}

#wrap .inner .by-service:after {
  content: "";
  display: table;
  clear: both
}

@media only screen and (max-width:750px) {
  #wrap .inner .by-service {
    margin: 0 0 30px;
    padding: 0 0px
  }
}

#wrap .inner .by-service li {
  width: 33.333333%;
  float: left;
  padding: 0 1.515151%;
  margin-bottom: 40px
}

@media only screen and (max-width:1049px) {
  #wrap .inner .by-service li {
    width: 50%
  }
}

@media only screen and (max-width:750px) {
  #wrap .inner .by-service li {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    position: static !important
  }
}

#wrap .inner .by-service li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #000;
  height: 78px;
  padding: 8px 10px
}

@media only screen and (max-width:750px) {
  #wrap .inner .by-service li a {
    color: #828889
  }
}

#wrap .inner .by-service li a:hover {
  color: #aca450
}



/* btmBox */
#wrap .btmBox {
	margin-top: 98px;
}
@media only screen and (max-width:750px) {
	#wrap .btmBox {
		margin-top: 40px;
	}
}


/* pubTopBox */
#wrap .pubTopBox {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 90px;
}
#wrap .pubTopBox .textImg {
	max-width: 533px;
	margin: 0 auto 69px;
}
#wrap .pubTopBox .photo {
	width: 449px;
	position: absolute;
	right: 1px;
	bottom: 0;
	opacity: 0.2;
	z-index: -1;
}
#wrap .pubTopBox .flex {
	margin-bottom: 70px;
}
@media only screen and (max-width:750px) {
	#wrap .pubTopBox .photo {
		width: 240px;
	}
	#wrap .pubTopBox .textImg {
		margin-bottom: 40px;
		width: 90%;
		max-width: 300px;
	}
	#wrap .pubTopBox .flex {
		margin-bottom: 50px;
	}
	#wrap .pubTopBox {
		padding-bottom: 40px;
	}
}

/* showBox */
#wrap .showBox {
	margin: 52px auto 23px;
	max-width: 992px;
	position: relative;
}
#wrap .showBox img {
	width: 100%;
	aspect-ratio: 1984/332;
}
#wrap .showBox .link {
	width: 20.1%;
	height: 40.2%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #537390;
	z-index: 20;
}
#wrap .showBox .link li {
	height: 100%;
	border-top: 1px solid #fff;
}
#wrap .showBox .link a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	background-color: #537390;
	text-align: center;
	line-height: 1.25;
	font-size: 2rem;
	letter-spacing: -0.1em;
}
@media only screen and (min-width: 751px) {
	#wrap .showBox .link a:hover {
		background-color: #3e4445;
	}
}
@media only screen and (max-width: 750px) {
	#wrap .showBox .link a {
		font-size: 1.5vw;
	}
	#wrap .showBox {
		margin: 20px -10px 10px;
	}
}

/* featuresBox */
#wrap .featuresBox {
	padding: 87px 0 37px;
	min-height: 996px;
	background-color: #47d4ff;
	border-radius: 50px 50px 0 0;
	position: relative;
	margin-bottom: -1px;
  	z-index: 10;
}
#wrap .featuresBox.marketing {
	background-color: #dca3f9;
}
#wrap .featuresBox.creation {
	background-color: #ffc784;
}
#wrap .featuresBox.communication {
	background-color: #a1ff99;
}

#wrap .featuresBox .image {
	width: 314px;
	position: absolute;
	bottom: 0px;
	right: 9px;
}
#wrap .featuresBox .image.left{
	bottom: 40px;
  left: 200px;
}
#wrap .featuresBox .textImg {
	max-width: 992px;
	margin: 0 auto;
	position: relative;
  	z-index: 10;
}
#wrap .featuresBox .textImg img {
	width: 100%;
}
@media only screen and (max-width: 750px) {
	#wrap .featuresBox {
		padding: 50px 0 50px;
		min-height: inherit;
		border-radius: 30px 30px 0 0;
	}
	#wrap .featuresBox .image {
		width: 130px;
		bottom: 0;
		right: 10px;
	}
#wrap .featuresBox .image.left{
	bottom: 20px;
  left: 20px;
}
	#wrap .featuresBox .textImg {
		margin: 0 -10px;
	}
}

/* textBox */
#wrap .textBox {
	font-size: 2.2rem;
	line-height: 1.75;
}
#wrap .textBox .headline {
	text-align: center;
	font-size: 3.5rem;
	font-weight: 700;
	margin-bottom: 79px;
	line-height: 1.71;
}
@media only screen and (min-width: 751px) {
	#wrap .textBox {
		font-size: calc(2.2rem * 0.8);
	}
}
@media only screen and (max-width: 750px) {
	#wrap .textBox {
		font-size: 1.6rem;
	}
	#wrap .textBox .headline {
		font-size: 2.8rem;
		margin-bottom: 30px;
		line-height: 1.3;
	}
}

/* bgBox */
#wrap .bgBox {
	background: url("../images/solution/management_new/bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}
#wrap .bgBox.marketing {
	background: url("../images/solution/marketing_new/marketing_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}
#wrap .bgBox.creation {
	background: url("../images/solution/creation_new/creation_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}
#wrap .bgBox.communication {
	background: url("../images/solution/communication_new/communication_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}

#wrap .bgBox.corporate {
	background: url("../images/branding/corporate_new/corporate_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}
#wrap .bgBox.business {
	background: url("../images/branding/business_new/business_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}
#wrap .bgBox.purpose {
	background: url("../images/branding/purpose_new/purpose_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}
#wrap .bgBox.internal {
	background: url("../images/branding/internal_new/internal_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}
#wrap .bgBox.external {
	background: url("../images/branding/external_new/external_bg.jpg") no-repeat center center / cover;
	position: relative;
  	z-index: 10;
}

#wrap .bgBox > section {
	padding: 86px 0 91px;
}
@media only screen and (max-width: 750px) {
	#wrap .bgBox > section {
		padding: 50px 0;
	}
}

/* resultsBox */
#wrap .resultsBox {
	background-color: rgba(255,150,213,0.8);
}
#wrap .resultsBox.marketing {
	background-color: rgba(71,212,255,0.8);
}
#wrap .resultsBox.creation {
	background-color: rgba(161,255,153,0.8);
}
#wrap .resultsBox.communication {
	background-color: rgba(220,163,249,0.8);
}

#wrap .resultsBox.business {
		background-color: rgba(131,211,253,0.8);
}
#wrap .resultsBox.purpose {
	background-color: rgba(240,198,134,0.8);
}
#wrap .resultsBox.internal {
	background-color: rgba(205,162,246,0.8);
}
#wrap .resultsBox.external {
	background-color: rgba(193,255,158,0.8);
}

/* positioningBox */
#wrap .positioningBox {
	padding-bottom: 101px !important;
	background-color: rgba(255,255,255,0.8);
}
@media only screen and (max-width: 750px) {
	#wrap .positioningBox {
		padding-bottom: 80px !important;
	}
}

#wrap .linkUl {
	margin-top: 71px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
#wrap .linkUl a {
	display: inline-block;
	transition: .3s;
}
#wrap .linkUl h3 {
	min-width: 275px;
	height: 65px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 50px;
	border: 1px solid #3e4445;
	font-size: 2rem;
	font-weight: 500;
	color: #3e4445;
}
#wrap .linkUl .txt {
	margin-left: 20px;
	font-size: 2rem;
	flex: 1;
	line-height: 1.925;
}
#wrap .linkUl.row {
	display: block;
}
#wrap .linkUl.row li {
	margin: 0 0 23px;
	display: flex;
	align-items: center;
}
#wrap .linkUl.row li:last-child {
	margin-bottom: 0;
}
#wrap .linkUl.row h3 {
	min-width: 224px;
	padding: 0 25px;
}
@media only screen and (min-width: 751px) {
	#wrap .linkUl a:hover h3 {
		color: #fff;
		background-color: #3e4445;
	}
	#wrap .linkUl .txt {
		font-size: calc(2.2rem * 0.8);
	}
}
@media only screen and (max-width: 750px) {
	#wrap .linkUl {
		margin-top: 40px;
		gap: 10px;
	}
	#wrap .linkUl h3 {
		min-width: 160px;
		height: 50px;
		font-size: 1.3rem;
		letter-spacing: -0.05em;
	}
	#wrap .linkUl.row li {
		display: block;
		text-align: center;
	}
	#wrap .linkUl .txt {
		margin: 10px 0 0;
		font-size: 1.4rem;
	}
	body#project-list .inner .list {
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width: 751px) and (max-width: 1250px) {
	#wrap .pubTopBox .photo {
		width: 366px;
	}
	#wrap .featuresBox .image {
		width: 280px;
	}
	#wrap .linkUl .txt {
		font-size: 1.8rem;
		line-height: 1.5;
	}
}

/* -----------------------------------
	テキストバナー
----------------------------------- */
/*----------------------------------------------------
    table2

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 100px;
}
.wp-block-flexible-table-block-table2 table td {
    border: 1px solid #000 !important;
    border-right: none !important;
    border-left: none !important;
    border-top: none !important;
    font-size: 1.51rem !important;
    padding: 1.8rem 0 1.9rem !important;
    line-height: 1.8 !important;
    margin-bottom: 8rem;
    margin-left: 0rem;

}

.table2_bold {
	font-family: "Hiragino Kaku Gothic W7 JIS2004", "ヒラギノ角ゴシック", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
  font-weight: 700;
}
.table2_left {
  width: 10% !important;
}

table a {
    color: #00ff;
    text-decoration: none;
    cursor: pointer;
    display: contents;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
a.table_bk {
margin-left: 10px;
}


.table_item {
    color: #000;
}

/*----------------------------------------------------
    table2ここまで
-----------------------------------------------------*/

.border-banner {
    border-top: 1px solid #aaa;
}

	.text-banner {
		padding-left: 0em;
		margin-bottom: 90px;
    margin-top: 60px;
	}

	.border-banner {
		border-top: 1px solid #aaa;
	}


p.text-banner {
    margin-top: 26px;
    margin-bottom: 26px;
    padding-left: 2em;
    text-align: left;
    font-size: 17px;
    font-family: "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴシック", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
    font-weight: 300;
    display: flex;
	}

@media only screen and (max-width: 750px) {
p.text-banner {
    margin-top: 26px;
    margin-bottom: 26px;
    padding-left: 0em;
    text-align: left;
    font-size: 14px;
    display: flex;
	}
}

.table_bold {
	font-family: "Hiragino Kaku Gothic W7 JIS2004", "ヒラギノ角ゴシック", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
  font-weight: 700;
}
.text-banner a {
    color: #000;
  white-space: nowrap
	}
.text-banner a:hover {
    color: #aca450;
	}
.text-banner-bold {
    font-family: "Hiragino Kaku Gothic W7 JIS2004", "ヒラギノ角ゴシック", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
    font-weight: 700;
}

.txt_bk {
    color: #000;
}

.txt_blue {
    color: #00ff;
  font-family: "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴシック", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
}