@charset "UTF-8";

/* --------------------------------
 共通
-------------------------------- */
h1, h2, h3 ,h4, h5, h6 {
	font-weight: 700;
}

.hero-wrap {
	padding: 0;
}

.contents-outer h2 {
	font-size: 1.9em;
	padding-left: 10px;
	border-left: solid 8px #848484;
	line-height: 1.2em;
	color: #231815;
}

.contents-outer h3 {
	margin: 0;
	padding: 0;
}

.contents-outer p,
.contents-outer ul {
	margin: 0;
}

.contents-outer a {
	text-decoration: none;
	color: #000000;
}

.contents-outer .a-center {
	text-align: center;
	margin-top: 35px;
	letter-spacing: 0.15em;
}

.contents-outer .a-center a {
	color: #ffffff;
	width: 320px;
}

.contents-outer img {
	width: 100%;
}

main a img:hover {
	opacity: 1;
}


div.shadow-box {
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  background-color: #ffffff;
  height: 100%;
  transition: 0.2s ease-in-out;
}


div.shadow-box:hover {
    opacity: 0.7;
    transform: translate(0px,3px);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
    transition: 0.2s ease-in-out;
}

/* フォーム */
input[type="radio"] {
    display: none;
	position: absolute;
	top: 0;
	left: 0;
}

input[type="radio"] + label {
    display: inline-block;
	position: relative;
	cursor: pointer;
}

input[type="radio"]:checked + label {
	cursor: default;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label {
    display: inline-block;
	position: relative;
	cursor: pointer;
	border: solid 1px #878787;
	color: #7f7f7f;
	border-radius: 5px;
	font-size: 1.3em;
	padding: 4px 10px;
	line-height: 1.2;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
}

input[type="checkbox"]:checked + label {
	cursor: default;
	color: #ffffff;
	background-color: #004097;
	border: solid 1px #004097;
}

.search-area form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search-area input[type="text"] {
	font-size: 1.4em;
	width: calc(100% - 22px);
	padding: 0;
	border: none;
}

.search-area input[type="submit"] {
	text-indent: -9999px;
	width: 29px;
	height: 30px;
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_icon_search.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.search-area input:focus {
	border: none;
	outline: none;
}

#pagetop {
	z-index: 1;
}

/* 再生マーク */
div.shadow-box .video {
	position: relative;
}

div.shadow-box .video::before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 6px solid #ffffff;
  width: 80px;
  height: 80px;
}

div.shadow-box .video::after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
  border-width: 20px 0 20px 35px;
}


/* --------------------------------
 MV
-------------------------------- */
.hero-manufacturing {
	height: auto;
	padding: 0;
	background: none;
	position: relative;
}

.hero-manufacturing h1 {
	margin: 0;
	position: absolute;
	left: 0;
	top: 1.7vw;
	font-size: 2.5vw;
	padding: 0.8vw 4vw 0.8vw 4.3vw;
	letter-spacing: 0.3em;
	color: #fff;
	background-color: rgba(213, 0, 0, 0.8);
	line-height: 1;
}

.hero-manufacturing #mv-txt {
	position: absolute;
	right: 2.6vw;
	top: 4.4vw;
	text-align: right;
	font-size: 2.2vw;
	line-height: 1.5;
	color: #192b4c;
	text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
}

/* --------------------------------
 注目の記事
-------------------------------- */
#article-sec {
	background-color: #173159;
	padding: 20px 3% 30px;
}

#article-sec h2 {
	color: #ffffff;
	border-left: solid 8px #ffffff;
	margin: 0 0.7%;
}

#article-sec ul#slick-list {
	margin-top: 20px;
}

#article-sec ul#slick-list li {
	margin: 0 7px;
	padding: 5px 5px 15px;
	background-color: #ffffff;
	position: relative;
	height: auto !important;
}

#article-sec ul#slick-list li a:hover {
	opacity: 0.7;
}

#article-sec ul#slick-list li .article-icon {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0.75em;
	padding: 2px 10px;
}

#article-sec ul#slick-list li .icon-environment {
	color: #ffffff;
	background-color: #61c74c;
}

#article-sec ul#slick-list li .icon-ene {
	color: #ffffff;
	background-color: #4697c6;
}

#article-sec ul#slick-list li .icon-bcp {
	background-color: #f4c443;
}

#article-sec ul#slick-list li div + div {
	margin-top: 15px;
	padding: 0 10px;
	color: #5f5e5f;
}

/* プラグインCSSの上書き */
.slick-arrow {
	position: absolute;
	z-index: 1;
	width: 36px;
	height: 36px;
	display: block;
	top: 42%;
	transform: translateY(-50%);
}

#slick-prev {
	left: -10px;
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_article_icon01.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

#slick-next {
	right: -10px;
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_article_icon02.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.slick-track {
	display: flex;
}

.slick-slide {
  height: auto !important;
}

#article-sec ul#slick-list .slick-dots { 
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

#article-sec ul#slick-list .slick-dots li { 
	margin: 0 10px;
	cursor: pointer;
	width: auto;
	padding: 0;
	background-color: transparent;
	float: none;
	bottom: 0;
	
}

#article-sec ul#slick-list .slick-dots li span { 
	display: block;
	background: #ffffff;
	width: 85px;
	height: 4px;
	position: relative;
}

#article-sec ul#slick-list .slick-dots li span::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #afeb4b;
  content: '';
  display: block;
  height: 4px;
  opacity: 0;
  width: 100%;
}

#article-sec ul#slick-list .slick-dots li.slick-active span::after {
	animation: sliderNav 3s linear 0s;
	opacity: 1;
	transform-origin: left;
}

@keyframes sliderNav {
 0% { transform:scaleX(0); }
 to { transform:scaleX(1); }
}


#contents-wrap {
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_event_bg01_pc.gif);
	background-color: #f8f8f8;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding: 30px 2% 18px;
}

/* --------------------------------
 イベント・セミナー
-------------------------------- */
#event-sec {
	padding: 0 1.7%;
}

#event-sec ul#event-list {
	margin: 30px auto 0;
	max-width: 1100px;
}

#event-sec ul#event-list > li {
	margin-top: 20px;
}

#event-sec ul#event-list > li:first-child {
	margin-top: 0;
}

#event-sec ul#event-list > li .shadow-box {
	display: flex;
}

#event-sec ul#event-list > li > a:hover {
	opacity: 0.7;
}

#event-sec ul#event-list li .image {
	width: 350px;
	background-color: #eee;
	position: relative;
}

/* NEWマーク */
#event-sec ul#event-list li div.shadow-box .label-new {
	position: absolute;
	top: 15px;
	left: -5px;
	background-color: #db0000;
	color: #ffffff;
	text-align: center;
	padding: 8px 15px 6px 25px;
	font-size: 1.8rem;
	line-height: 1;	
	letter-spacing: 0.2em;
}

#event-sec ul#event-list li div.shadow-box .label-new::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 3px;
	border-style: solid;
	border-color: transparent #a40000 #a40000 transparent;
	position: absolute;
	left: 0;
	bottom: 100%;
}

#event-sec ul#event-list li div.shadow-box .label-new::after {
	content: '';
	width: 0;
	border-style: solid;
	border-width:  0 0 30px 12px;
	border-color: transparent transparent transparent #db0000;
	position: absolute;
	top: 0;
	right: -12px;
	height: 100%;
}

#event-sec ul#event-list li p.icon-new {
}

#event-sec ul#event-list li div.image + div {
	width: calc(100% - 350px);
	padding: 15px 30px;
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_event_bg02.gif);
	background-position: bottom center;
	background-repeat: repeat-x;
	color: #333333;
}

#event-sec ul#event-list li div p.txt-date {
	font-size: 1.4em;
	font-weight: 700;	
}

#event-sec ul#event-list li div p.txt-date span {
  font-size: 0.8em;
}

#event-sec ul#event-list li div h3 {
	font-size: 1.5em;
	line-height: 1.2;
	margin-top: 8px;
}

#event-sec ul#event-list li div h3 + p {
	margin-top: 8px;
}

#event-sec ul#event-list li div ul {
	margin-top: 10px;
	display: flex;
}

#event-sec ul#event-list li div ul li {
	padding: 2px 10px;
	color: #ffffff;
	margin-left: 10px;
	font-size: 0.9em;
	min-width: 120px;
	text-align: center;
}

#event-sec ul#event-list li div ul li:first-child {
	margin-left: 0;
}
/*事例紹介*/
#event-sec ul#event-list li div ul li.icon-new {
	background-color: #c5192d;
	border: solid 2px #c5192d;
}
/*アーカイブ配信*/
#event-sec ul#event-list li div ul li.icon-archive {
	color: #7f7f7f;
	background-color: #ffffff;
	border: solid 2px #9b9d9e;
}
/*環境*/
#event-sec ul#event-list li div ul li.icon-environment {
	background-color: #417a36;
	border: solid 2px #417a36;
}
/*ライブ配信*/
#event-sec ul#event-list li div ul li.icon-live {
	color: #ff5564;
	background-color: #ffffff;
	border: solid 2px #ff5564;
}
/*企業コラボ*/
#event-sec ul#event-list li div ul li.icon-collabo {
	color: #ffffff;
	background-color: #ec7000;
	border: solid 2px #ec7000;
}
/*公共さま向け*/
#event-sec ul#event-list li div ul li.icon-public {
	color: #ffffff;
	background-color: #6355a0;
	border: solid 2px #6355a0;
}
/*BCP*/
#event-sec ul#event-list li div ul li.icon-bcp {
	color: #ffffff;
	background-color: #f3a20b;
	border: solid 2px #f3a20b;
}
/*SDGs*/
#event-sec ul#event-list li div ul li.icon-sdgs {
	color: #ffffff;
	background-color: #e5af10;
	border: solid 2px #e5af10;
}
/*生産性向上*/
#event-sec ul#event-list li div ul li.icon-eff {
	color: #ffffff;
	background-color: #e6364c;
	border: solid 2px #e6364c;
}
/*省エネ・省コスト*/
#event-sec ul#event-list li div ul li.icon-ene {
	color: #ffffff;
	background-color: #d49206;
	border: solid 2px #d49206;
}
#event-sec ul#event-list li div ul li.icon-productivity {
	background-color: #ed6904;
	border: solid 2px #ed6904;
}

/* --------------------------------
 導入事例
-------------------------------- */
#case-sec {
	margin-top: 12px;
	padding: 0 1.7%;
}

#case-sec ul {
	margin: 30px auto 0;
	padding: 0 0.5%;
	max-width: 1100px;
	display: flex;
	flex-wrap: wrap;
}

#case-sec ul li:nth-child(n+2) div.shadow-box div:first-of-type .case-icon01 {
	position: absolute;
	bottom: 0;
	left: -10px;
	transform: translateY(50%);
	width: auto;
}

#case-sec ul li div.shadow-box div.image {
	position: relative;
}

#case-sec ul li div.shadow-box div.image .icon-dl {
	position: absolute;
	right: 10px;
	top: 0;
	color: #ffffff;
	background-color: #be2634;
	width: 50px;
	padding: 5px 0;
	text-align: center;
	line-height: 1.1;
}

#case-sec ul li div.shadow-box div.image .icon-dl::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 25px solid #be2634;
  border-right: 25px solid #be2634;
  border-bottom: 0.5em solid transparent;
}

#case-sec ul li div.shadow-box div + div {
	border-top: solid 1px #ffffff;
}

#case-sec ul li div.shadow-box div + div h3 {
	font-size: 1.1em;
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_case_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	padding: 7px 20px;
}

#case-sec ul li div.shadow-box div + div h3.align-height {
	display: flex;
	align-items: center;
}

#case-sec ul li div.shadow-box div + div h3 + div {
	padding: 20px;
}

#case-sec ul li div.shadow-box div + div h3 + div.align-height {
	padding-bottom: 90px;
	position: relative;
}

#case-sec ul li div.shadow-box div + div h4 {
	font-size: 1.2em;
}

#case-sec ul li div.shadow-box div + div h4 span {
	font-size: 0.7em;
}

#case-sec ul li div.shadow-box div + div h4 + p {
	margin-top: 8px;
	color: #333333;
}

#case-sec ul li div.shadow-box div + div h3 + div.align-height .txt-btn {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 20px;
}

#case-sec ul li div.shadow-box div + div .txt-btn {
	text-align: center;
}

#case-sec ul li div.shadow-box div + div .txt-btn img {
	width: auto;
	max-width: 100%;
}

#case-sec ul li:first-child {
	width: 100%;
	margin-bottom: 45px;
}

#case-sec ul li:first-child .shadow-box {
	display: flex;
}
#case-sec ul li:first-child .shadow-box div.image {
	width: 450px;
	background-color: #eee;
}

#case-sec ul li:first-child div.shadow-box div + div {
	width: calc(100% - 448px);
	border-left: solid 2px #ffffff;
}

#case-sec ul li:first-child div.shadow-box div + div h3 {
	padding: 12px 20px;
}

#case-sec ul li:first-child div.shadow-box div + div h3 + div {
	padding: 20px 25px;
}

#case-sec ul li:first-child div.shadow-box div + div h4 {
	font-size: 1.5em;
}

#case-sec ul li:first-child div.shadow-box div + div h4 span {
	font-size: 0.7em;
}

#case-sec ul li:first-child div.shadow-box div + div .txt-btn {
	margin: 35px 0 0;
	text-align: right;
}

#case-sec ul li:nth-child(n+2) {
	width: 31%;
	margin-left: 3.5%;
}

#case-sec ul li:nth-child(3n+2) {
	margin-left: 0;
}


/* --------------------------------
 ソリューション
-------------------------------- */
#solution-sec {
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_solution_bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	margin-top: 35px;
	padding-top: 25px;
	padding-bottom: 20px;
	background-size: 100% auto;
}

#solution-sec #solution-title {
	background-color: rgba(255, 255, 255, 0.9);
	width: 420px;
	padding: 5px 0 5px 1.7%;
	
}

#solution-sec #tabindex {
	margin: 18px auto 0;
	max-width: 1100px;
	padding: 0 2%;
}

#solution-sec #tabindex .tabnav {
	margin-bottom: 2px;
}

#solution-sec #tabindex .tabnav li {
	width: 265px;
	height: auto;
	margin: 0 0 0 10px;
	font-size: 1.35em;
	position: relative;
}

#solution-sec #tabindex .tabnav li:first-child {
	margin-left: 0;
}

#solution-sec #tabindex .tabnav li span {
	height: auto;
	padding: 8px 35px 20px;
	border-radius: 5px 5px 0 0;
	background-color: #ffffff;
	color: #000000;
}

#solution-sec #tabindex .tabnav li span::after {
	bottom: 12%;
	left: 48%;
	width: 0.6em;
	height: 0.6em;
	border-width: 0.15em;
}

#solution-sec #tabindex .tabnav .current {
	background-color: #004098;
	color: #ffffff;
	border: solid 1px #ffffff;
	border-bottom: none;
	position: absolute;
	left: 1px;
	right: 1px;
	top: 0;
	bottom: -3px;
}

#solution-sec #tabcontents {
	border: solid 2px #3f6fb1;
	background-color: #ffffff;
	padding: 15px 35px;
}

#solution-sec #tabcontents .tabcontent {
	padding: 0;
}

#solution-sec #tabcontents #sol-num,
#solution-sec #tabcontents #sol-non {
	margin-top: 5px;
	text-align: center;
	font-size: 1.6em;
	color: #1a2b4c;
	font-weight: 700;
}


/* 課題から探す */
#solution-sec #tabcontents .tabcontent ul.qa01 {
	display: flex;
	justify-content: space-between;
	margin: 0;
}

#solution-sec #tabcontents .tabcontent ul.qa01 li {
	width: 13.2%;
	margin-left: 1%;
}

#solution-sec #tabcontents .tabcontent ul.qa01 li:first-child {
	margin-left: 0;
}

#solution-sec #tabcontents .tabcontent ul.qa01 li .radio-button + label {
	cursor: pointer;
	margin: 0;
	border: solid 1px #878787;
	color: #7f7f7f;
	border-radius: 5px;
	font-size: 1.4em;
	padding: 7px;
	text-align: center;
	line-height: 1.2;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
}

#solution-sec #tabcontents .tabcontent ul.qa01 li .radio-button:checked + label {
	color: #ffffff;
	background-color: #004097;
	border: solid 1px #004097;
}

#solution-sec #tabcontents .tabcontent ul.qa01 .radio-button + label img {
	width: 100%;
}

#solution-sec #tabcontents .tabcontent #qa-area {
	position: relative;
	border: solid 2px #1c519a;
	margin-top: 20px;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
	background-color: #ffffff;
	padding: 8px 15px 10px;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.arrow-pos {
	position: absolute;
	top: -19px;
	left: 6%;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.qa-txt {
	text-align: center;
	color: #7f7f7f;
	font-size: 1.4em;
}

/* 矢印位置（jsクラス付与） */
#solution-sec #tabcontents .tabcontent #qa-area > p.arrowPosNum1 {
	left: 6%;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.arrowPosNum2 {
	left: 20%;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.arrowPosNum3 {
	left: 34.5%;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.arrowPosNum4 {
	left: 49%;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.arrowPosNum5 {
	left: 63.5%;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.arrowPosNum6 {
	left: 78%;
}

#solution-sec #tabcontents .tabcontent #qa-area > p.arrowPosNum7 {
	left: 92.5%;
}

#solution-sec #tabcontents .tabcontent #qa-area ul.qa02 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
}

#solution-sec #tabcontents .tabcontent #qa-area ul.qa02 li {
	margin: 0 9px 9px 0;
}


/* SDGｓから探す */
#solution-sec #tabcontents .tabcontent ul#sdgs-list {	
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 50px auto 35px;
	padding: 0;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list li {
	width: 11.1%;
	margin: 0 0.8%;
	position: relative;
	padding-bottom: 25px;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list li:first-child {
	margin-left: 0;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list li:last-child {
	margin-right: 0;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list li .sdgs-radio {
  display: none;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list li .sdgs-radio + label {
	cursor: pointer;
	margin: 0;
	border: none;
	border-radius: 0;
	padding: 0;
	position: static;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list li .sdgs-radio:checked + label {
	background-color: transparent;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list li:hover label::after,
#solution-sec #tabcontents .tabcontent ul#sdgs-list li .sdgs-radio:checked + label::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 7px;
	width: 43px;
	margin: 0 auto;
	background-color: #61b06a;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list .sdgs-radio + label img {
	width: 100%;
}

#solution-sec #tabcontents .tabcontent ul#sdgs-list .sdgs-radio + label span {
	display: block;
	text-align: center;
	color: #7f7f7f;
	margin-top: 10px;
	font-size: 1.7rem;
	line-height: 1.2;
}

/* キーワードから探す */
#solution-sec #tabcontents .tabcontent .search-area {
	border: solid 1px #a7a7a7;
	background-color: #ffffff;
	border-radius: 50px;
	padding: 7px 25px;
	width: 430px;
	margin: 35px auto 0;
}

#solution-sec #tabcontents .tabcontent .search-area + ul {
	margin: 55px 15px 40px;
	display: flex;
	flex-wrap: wrap;
}

#solution-sec #tabcontents .tabcontent .search-area + ul li {
	margin: 0 9px 9px 0;
}

#solution-sec #tabcontents #tab02 ul {
	display: flex;
	flex-wrap: wrap;
	padding: 5px 10px 10px;
}

#solution-sec #tabcontents #tab02 ul li {
	margin: 5px 5px 0;
}

/* ソリューション一覧 */
#solution-sec #solution-area {
	background-color: #ffffff;
	padding: 35px 15px 0;
	margin-top: 40px;
}

#solution-sec ul#solution-list {
	display: flex;
	flex-wrap: wrap;
}

#solution-sec ul#solution-list > li {
	width: 31.3%;
	margin: 0 1% 30px;
	position: relative;
}

#solution-sec ul#solution-list li div.shadow-box .image {
	padding: 0;
}

#solution-sec ul#solution-list li div.shadow-box .icon-dl {
	position: absolute;
	width: 45px;
	top: 0;
	right: 10px;
	color: #ffffff;
	background-color: #be2634;
	padding: 5px 0;
	text-align: center;
	line-height: 1.1;
}

#solution-sec ul#solution-list li div.shadow-box .icon-dl::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 23px solid #be2634;
  border-right: 22px solid #be2634;
  border-bottom: 0.5em solid transparent;
}

#solution-sec ul#solution-list li div.shadow-box .icon-dl {
}

#solution-sec ul#solution-list li div.shadow-box div {
	padding: 20px 20px 15px;
}

#solution-sec ul#solution-list li div.shadow-box div h3 {
	font-size: 1.2em;
	color: #193656;
}

#solution-sec ul#solution-list li div.shadow-box div h3 + p {
	margin-top: 5px;
	color: #717071;
}

#solution-sec ul#solution-list li div.shadow-box div ul.provide-company-list {
	margin-top: 15px;
	text-align: right;
}

#solution-sec ul#solution-list li div.shadow-box div ul.provide-company-list li {
	display: inline-block;
}

#solution-sec ul#solution-list li div.shadow-box div ul.provide-company-list li span {
	color: #717071;
	font-size: 0.9em;
	padding: 0 5px;
	display: block;
}

#solution-sec ul#solution-list li div.shadow-box div ul.solution-sdgs-list {
	display: flex;
	margin-top: 10px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.solution-sdgs-list li {
	margin: 0 0 0 2%;
	width: 10.5%;
}

#solution-sec ul#solution-list li div.shadow-box div ul.solution-sdgs-list li:first-child {
	margin-left: 0;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list {
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_icon_tag.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
	padding-left: 12%;
	margin-top: 15px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list li {
	margin-right: 1%;
	margin-bottom: 5px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list li.icon-tag01 {
	width: 75px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list li.icon-tag02 {
	width: 65px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list li.icon-tag03 {
	width: 92px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list li.icon-tag04 {
	width: 68px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list li.icon-tag05 {
	width: 62px;
}

#solution-sec ul#solution-list li div.shadow-box div ul.tag-list li.icon-tag06 {
	width: 86px;
}

/* 一番目 */
#solution-sec ul#solution-list > li.first-of-type {
	width: 97.9%;
	margin: 0 1% 20px;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box {
	display: flex;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box .icon-dl {
	width: 50px;
	right: 18px;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box .icon-dl::after {
  border-left: 25px solid #be2634;
  border-right: 25px solid #be2634;
}


#solution-sec ul#solution-list li.first-of-type div.shadow-box .image {
	width: 448px;
	background-color: #eee;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box .solution-image {
	height: 100%;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div {
	flex: 1;
	padding: 25px 40px 20px 25px;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div h3 {
	font-size: 1.5em;
	border-bottom: solid 1px #8a95a7;
	padding-bottom: 5px;
	padding-right: 30px;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div h3 + p {
	margin-top: 12px;
	color: #333333;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.solution-sdgs-list {
	margin-top: 20px;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.solution-sdgs-list li{
	width: 9.5%;
	margin-left: 1.5%;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.solution-sdgs-list li:first-child {
	margin-left: 0;
}

#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.tag-list {
	margin-top: 18px;
	padding-left: 6.4%;
}

/* --------------------------------
 ご質問やご相談など、お気軽にお問い合わせください。
-------------------------------- */
#inquiry-sec {
	background-color: #eeeeee;
	padding: 23px 2.7%;
}

#inquiry-sec h2 {
	font-size: 1.3em;
	padding: 0;
	border: none;
	text-align: center;
}

#inquiry-sec h2 + div {
	display: flex;
	justify-content: center;
	margin: 15px auto 0;
	max-width: 1100px;
}

#inquiry-sec h2 + div > div {
	padding-left: 3%;
	text-align: center;
	flex: 1;
}

#inquiry-sec h2 + div > div:first-of-type {
	padding: 0 3% 0 0;
}

#inquiry-sec h2 + div > div h3 {
	font-size: 1.2em;
	text-align: center;
}

#inquiry-sec #inquiry-web p.txt-btn {
	width: 100%;
	margin-top: 15px;
}

#inquiry-sec #inquiry-web p.txt-btn a {
	color: #ffffff;
	background-color: #eb8031;
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_icon_mail.gif);
	background-position: 16px center;
	background-repeat: no-repeat;
	padding: 11px 5px;
	display: block;
	border-radius: 10px;
	font-size: 1.5em;
	position: relative;
}

#inquiry-sec #inquiry-web p.txt-btn a:hover {
	opacity: 0.7;
}

#inquiry-sec #inquiry-web p.txt-btn a span {
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_arrow_icon.gif);
	background-position: 97% center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}

#inquiry-sec #inquiry-web p.txt-btn + p {
	font-size: 0.8em;
	margin-top: 10px;
	text-align: left;
}

#inquiry-sec #inquiry-tell {
	border-left: solid 1px #dededb;
}

#inquiry-sec #inquiry-tell #tell-area {
	background-color: #ffffff;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
	margin-top: 15px;
	padding: 12px 15px 10px;
	color: #2a496c;
}

#inquiry-sec #inquiry-tell #tell-area p#tell-num {
	background-image: url(/~/media/SolKepco/sector/factory/images/factory_icon_tell.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 14%;
	font-size: 2.5em;
	font-weight: 700;
	display: inline-block;
	background-size: 16%;
}

#inquiry-sec #inquiry-tell #tell-area + p {
	font-size: 	1em;
	margin-top: 10px;
	text-align: center;
}

/* --------------------------------
 関連リンク
-------------------------------- */
#link-sec {
	padding: 40px 3.7% 30px;
}

#link-sec ul {
	margin: 30px auto 0;
	padding-left: 10px;
	display: flex;
	max-width: 1100px;
}

#link-sec ul li {
	width: 18%;
	margin-left: 2.5%;
}

#link-sec ul li:first-child {
	margin-left: 0;
}

/*--------------------------------------------
■［IE対策］
--------------------------------------------*/
@media all and (-ms-high-contrast: none) {
	
	.contents-outer h2 {
		padding-top: 6px;
	}
	
	input[type="checkbox"] + label {
		font-weight: bold;
		padding-top: 10px;
	}
	
	/* --------------------------------
	 MV
	-------------------------------- */
	.hero-manufacturing h1 {
		padding: 1vw 4vw 0.2vw 4.3vw;
	}
	
	.hero-manufacturing #mv-txt {
		font-weight: bold;
	}
	
	/* --------------------------------
	 注目の記事
	-------------------------------- */
	#article-sec ul#slick-list li .article-icon {
		padding-top: 3px;
	}
	
	/* --------------------------------
	 イベント・セミナー
	-------------------------------- */
	#event-sec ul#event-list li div ul li {
		padding-top: 6px;
	}
	
	#event-sec ul#event-list li div.shadow-box .label-new {
		padding-top: 12px;
	}
	
	/* --------------------------------
	 導入事例
	-------------------------------- */
	#case-sec ul li div.shadow-box div + div h3 {
		padding-top: 10px;
	}
	
	#case-sec ul li:first-child div.shadow-box div + div h3 {
		padding-top: 13px;
	}
	
	#case-sec ul li div.shadow-box div.image .icon-dl {
		padding-top: 8px;
	}
	
	#solution-sec ul#solution-list li div.shadow-box .icon-dl {
		padding-top: 8px;
	}
	

	/* --------------------------------
	 ソリューション検索
	-------------------------------- */
	#solution-sec #tabcontents .tabcontent ul.qa01 li .radio-button + label {
		font-weight: bold;
		padding-top: 12px;
	}

	/* --------------------------------
	 ご質問やご相談など、お気軽にお問い合わせください。
	-------------------------------- */
	#inquiry-sec #inquiry-web p.txt-btn a {
		padding-top: 18px;
	}
	
	#inquiry-sec #inquiry-tell #tell-area p#tell-num {
		zoom: 1;
		background-position: left center;
	}
	
}

/* ---------------------------------------------------------------
 サイドメニューありレスポンシブ
--------------------------------------------------------------- */
@media screen and (max-width: 1349px) {
	
	.res-display-none {
		display: none;
	}
	
	.search-area input[type="submit"] {
		width: 24px;
		height: 20px;
	}
	
	/* --------------------------------
	 MV
	-------------------------------- */
	.hero-manufacturing #mv-txt {
		font-size: 2vw;
	}
		
	/* --------------------------------
	 イベント・セミナー
	-------------------------------- */
	#event-sec ul li .image {
		width: 34.5%;
	}
	
	#event-sec ul li div.image + div {
		width: 65.5%;
	}
	
	
	/* --------------------------------
	 導入事例
	-------------------------------- */
	#case-sec ul li:first-child .shadow-box div.image {
		width: 41%;
	}
	
	#case-sec ul li:first-child div.shadow-box div + div {
		width: 59%;
	}
		
	/* --------------------------------
	 ソリューション
	-------------------------------- */
	#solution-sec #tabcontents .tabcontent ul#sdgs-list .sdgs-radio + label span {
		font-size: 1.25vw;
	}
	
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box .image {
		width: 42%;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div {
		width: 58%;
	}
		
	/* --------------------------------
	 ご質問やご相談など、お気軽にお問い合わせください。
	-------------------------------- */
	#inquiry-sec #inquiry-web p.txt-btn a {
		background-size: 9%;
	}
	
	#inquiry-sec #inquiry-web p.txt-btn a span {
		background-size: 6%;
	}
	
	#inquiry-sec #inquiry-tell #tell-area p#tell-num {
		background-size: 14%;
		background-position: left center;
	}
	
}

/* ---------------------------------------------------------------
 サイドメニューなしレスポンシブ
--------------------------------------------------------------- */
@media screen and (max-width: 1149px) {
	
	/* --------------------------------
	 共通
	-------------------------------- */
	.logo-sp {
		width: 160px;
	}

	main {
		font-size: 1.21vw;
	}
	
	.fs_17 {
	  font-size: 1.7rem;
	}
	
	/* --------------------------------
	 MV
	-------------------------------- */
	.hero-manufacturing h1 {
		top: 2.2vw;
		font-size: 3vw;
		padding: 1vw 4vw 1vw 5.3vw;
	}
	
	.hero-manufacturing #mv-txt {
		top: 5.4vw;
		font-size: 2.56vw;
		right: 3.6vw;
		line-height: 1.6;
	}
	
	/* --------------------------------
	 注目の記事
	-------------------------------- */
	
	
	/* --------------------------------
	 イベント・セミナー
	-------------------------------- */
	#event-sec ul li .image {
		width: 42%;
	}
	
	#event-sec ul li div.image + div {
		width: 58%;
		padding: 1% 1.5%;
	}
	
	#event-sec ul li div h3 {
		font-size: 1.6em;
	}
	
	#event-sec ul li p.icon-new {
		width: 12.5%;
		top: 5%;
		left: -0.7%;
	}
	
	/* --------------------------------
	 導入事例
	-------------------------------- */
	#case-sec ul li:first-child .shadow-box div.image {
		width: 50%;
	}
	
	#case-sec ul li:first-child div.shadow-box div + div {
		width: 55%;
	}
	
	#case-sec ul li:first-child div.shadow-box div + div h3 + div {
		padding: 2% 3.5%;
	}
	
	#case-sec ul li div.shadow-box div + div h4 span,
	#case-sec ul li:first-child div.shadow-box div + div h4 span {
		display: block;
	}
	
	/* --------------------------------
	 ソリューション
	-------------------------------- */	
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box .image {
		width: 50%;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div {
		width: 55.5%;
		padding: 5% 1.5% 1%;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div h3 + p,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.solution-sdgs-list {
		margin-top: 2%;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.tag-list {
		margin-top: 3%;
	}

	/* --------------------------------
	 ご質問やご相談など、お気軽にお問い合わせください。
	-------------------------------- */
	#inquiry-sec #inquiry-web p.txt-btn a {
		background-size: 14%;
		background-position: 4% center;
	}
	
	#inquiry-sec #inquiry-web p.txt-btn a span {
		background-size: 7%;
		background-position: 98% center;
	}

}


@media screen and (max-width: 750px) {
	
	/* --------------------------------
	 共通
	-------------------------------- */
	.logo-sp {
		width: 280px;
	}
	
	input[type="checkbox"] + label {
		font-size: 1em;
	}
	
	main {
		font-size: 2.7vw;
	}
	
	.contents-outer {
		padding: 20px 5.5%;
	}
	
	.contents-outer h2 {
		border-width: 4px;
		padding-left: 2vw;
		font-size: 3.5vw;
	}
	
	.contents-outer .a-center {
		margin-top: 20px;
	}
	
	.contents-outer .a-center a {
		width: 68%;
		font-size: 3vw;
	}
	
	.contents-outer .a-center a.btn::before {
		width: 13%;
		background-size: 40%;
	}
	
	/* 再生マーク */
	#case-sec ul li div.shadow-box .video::before {
		width: 11vw;
		height: 11vw;
	}

	#case-sec ul li div.shadow-box .video::after {
		border-width: 3vw 0 3vw 5vw;
	}
	
	/* 再生マーク */
	#solution-sec ul#solution-list li div.shadow-box .video::before {
		width: 23vw;
		height: 23vw;
	}

	#solution-sec ul#solution-list li div.shadow-box .video::after {
		border-width: 6vw 0 6vw 10vw;
	}
	
	/* --------------------------------
	 MV
	-------------------------------- */
	.hero-manufacturing {
		padding: 0;
	}
	
	.hero-manufacturing h1 {
		top: 6vw;
		font-size: 5vw;
	}
	
	.hero-manufacturing #mv-txt {
		top: 28vw;
		font-size: 3.3vw;
		text-align: center;
		left: 0;
		right: 0;
		text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 10px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;	
	}
	
	/* --------------------------------
	 注目の記事
	-------------------------------- */
	#article-sec {
		padding: 10px 4% 20px;
	}
		
	#article-sec h2 {
		border-width: 4px;
		margin: 0 2%;
	}
	
	#article-sec ul#slick-list {
		margin-top: 10px;
	}
	
	#article-sec ul#slick-list li {
		padding-bottom: 10px;
	}
	
	#article-sec ul#slick-list li div + div {
		margin-top: 7px;
		padding: 0 5px;
	}
	
	.slick-arrow {
		width: 30px;
		height: 30px;
		top: 47%;
	}
	
	#article-sec ul#slick-list .slick-dots {
		margin-top: 23px;
	}
	
	#article-sec ul#slick-list .slick-dots li {
		margin: 0 6px;
		width: 20% !important;
	}
	
	#article-sec ul#slick-list .slick-dots li span {
		width: 100%;
		height: 3px;
	}
	
	#article-sec ul#slick-list .slick-dots li span::after {
		height: 3px;
	}
	
	#contents-wrap {
		padding: 20px 3%;
	}
	/* --------------------------------
	 イベント・セミナー
	-------------------------------- */
	#event-sec ul#event-list {
		margin-top: 15px;
	}
	
	#event-sec ul#event-list > li {
		margin-top: 10px;
	}
	
	#event-sec > ul#event-list li .shadow-box {
		display: block;
	}
	
	#event-sec ul#event-list li .image {
		display: block;
		width: 100%;
		height: auto;
	}
		
	/* NEWマーク */
	#event-sec ul#event-list li div.shadow-box .label-new {
		font-size: 1rem;
		padding: 5px 10px 5px 15px;
		top: 10px;
		left: -3px;
	}
	
	#event-sec ul#event-list li div.shadow-box .label-new::before {
		border-width: 2px;
	}
	
	#event-sec ul#event-list li div.shadow-box .label-new::before {
		border-width: 2px;
	}

	#event-sec ul#event-list li div.shadow-box .label-new::after {
		border-width: 0 0 20px 7px;
		right: -7px;
	}
	
	#event-sec ul#event-list li div.image + div {
		width: 100%;
		padding: 8px 10px;
	}
	
	#event-sec ul#event-list li div p.txt-date {
		font-size: 2.9vw;
	}
	
	#event-sec ul#event-list li div h3 {
		font-size: 3.2vw;
		margin-top: 3px;
	}
	
	#event-sec ul#event-list li div h3 + p {
		margin-top: 3px;
	}
	
	#event-sec ul#event-list li div ul {
		margin-top: 5px;
	}
	
	#event-sec ul#event-list li div ul li {
		font-size: 1em;
		padding: 1px 5px;
		margin-left: 5px;
		min-width: auto;
	}
	
	/* --------------------------------
	 導入事例
	-------------------------------- */
	#case-sec {
		margin-top: 20px;
	}
	
	#case-sec ul {
		margin-top: 15px;
	}
	
	#case-sec ul li:first-child,
	#case-sec ul li:nth-child(n+2) {
		width: 48%;
		margin-left: 4%;
		margin-bottom: 10px;
	}
	
	#case-sec ul li:first-child .shadow-box {
		display: block;
	}
	
	#case-sec ul li:first-child .shadow-box div.image {
		width: 100%;
		height: auto;
	}
	
	#case-sec ul li div.shadow-box div.image .icon-dl {
		width: 8vw;
		right: 6px;
		font-size: 2vw;
		padding: 3px 0;
	}
	
	#case-sec ul li div.shadow-box div.image .icon-dl::after {
		border-left: 4vw solid #be2634;
		border-right: 4vw solid #be2634;
		border-bottom: 0.7em solid transparent;
	}
	
	#case-sec ul li:first-child .shadow-box div.image p.icon-area {
		bottom: -10px;
	}
	
	#case-sec ul li:nth-child(2n+1) {
		margin-left: 0;
	}
	
	#case-sec ul li:first-child div.shadow-box div + div,
	#case-sec ul li div.shadow-box div + div {
		width: 100%;
		padding: 0;
	}
	
	#case-sec ul li:first-child div.shadow-box div + div {
		border-left: none;
	}
	
	#case-sec ul li div.shadow-box div + div h3,
	#case-sec ul li:first-child div.shadow-box div + div h3 {
		padding: 5px 10px;
	}
	
	#case-sec ul li div.shadow-box div + div h3 + div,
	#case-sec ul li div.shadow-box div + div h3 + div.align-height,
	#case-sec ul li:first-child div.shadow-box div + div h3 + div {
		position: relative;
		padding: 10px 7px 11vw;
	}
	
	#case-sec ul li div.shadow-box div + div h4,
	#case-sec ul li:first-child div.shadow-box div + div h4 {
		font-size: 1.3em;
	}
	
	#case-sec ul li div.shadow-box div + div h3 + div .txt-btn,
	#case-sec ul li div.shadow-box div + div h3 + div.align-height .txt-btn,
	#case-sec ul li:first-child div.shadow-box div + div h3 + div .txt-btn {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		margin: 0 3%;
	}
	
	/* --------------------------------
	 ソリューション
	-------------------------------- */
	#solution-sec {
		padding-bottom: 5px;
	}
	
	#solution-sec #solution-title {
		display: inline-block;
		width: auto;
		padding: 5px 1.7%;
	}
	
	#solution-sec #tabindex {
		margin-top: 15px;
		padding: 0 3%;
	}
	
	#solution-sec #tabindex .tabnav li {
		font-size: 3.2vw;
		width: 32%;
		margin-left: 2%;
		font-weight: normal;
	}
	
	#solution-sec #tabindex .tabnav li span {
		padding: 8px 5px 10px;
		border-radius: 3px 3px 0 0;
	}
	
	#solution-sec #tabindex .tabnav li span::after {
		bottom: 2px;
		width: 0.5em;
		height: 0.5em;
	}
	
	
	#solution-sec #tabcontents {
		padding: 8px 10px;
		border-width: 1px;
	}
	
	#solution-sec #tabcontents .tabcontent ul.qa01 {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	
	#solution-sec #tabcontents .tabcontent ul.qa01 li {
		width: 23.5%;
		margin-left: 2%;
	}
	
	#solution-sec #tabcontents .tabcontent ul.qa01 li .radio-button + label {
		font-size: 1.2em;
		padding: 3px;
	}
	
	#solution-sec #tabcontents .tabcontent ul.qa01 li:nth-child(n+5) {
		margin-top: 5px;
	}
	
	#solution-sec #tabcontents .tabcontent ul.qa01 li:nth-child(4n+1) {
		margin-left: 0;
	}
	
	#solution-sec #tabcontents .tabcontent #qa-area {
		margin-top: 35px;
		padding: 8px 2%;
	}
	
	#solution-sec #tabcontents .tabcontent #qa-area > p.arrow-pos {
		width: 89px;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: -30px;
	}
	
	#solution-sec #tabcontents .tabcontent #qa-area > p.qa-txt {
		font-size: 1.1em;
	}
	
	#solution-sec #tabcontents .tabcontent #qa-area ul.qa02 {
		margin-top: 5px;
	}
	
	#solution-sec #tabcontents .tabcontent #qa-area ul.qa02 li {
		margin: 0 6px 6px 0;
	}
	
	#solution-sec #tabcontents #sol-num,
	#solution-sec #tabcontents #sol-non {
		font-size: 3.8vw;
		margin-top: 8px;
	}
	
	#solution-sec #tabcontents .tabcontent ul#sdgs-list {
		margin: 30px auto 10px;
		flex-wrap: wrap;
	}
	
	#solution-sec #tabcontents .tabcontent ul#sdgs-list li {
		width: 23.5%;
		margin: 0 1%;
		padding-bottom: 10px;
	}
	
	#solution-sec #tabcontents .tabcontent ul#sdgs-list li:nth-child(4n+1) {
		margin-left: 0;
	}
	
	#solution-sec #tabcontents .tabcontent ul#sdgs-list li:nth-child(4n) {
		margin-right: 0;
	}
	
	#solution-sec #tabcontents .tabcontent ul#sdgs-list li:nth-child(n+5) {
		margin-top: 15px;
	}
	
	#solution-sec #tabcontents .tabcontent ul#sdgs-list .sdgs-radio + label span {
		font-size: 3vw;
		margin-top: 8px;
	}
	
	#solution-sec #tabcontents .tabcontent ul#sdgs-list li:hover label::after,
	#solution-sec #tabcontents .tabcontent ul#sdgs-list li .sdgs-radio:checked + label::after {
		height: 5px;
		width: 50%;
	}
	
	#solution-sec #tabcontents .tabcontent .search-area {
		margin-top: 40px;
		width: 100%;
	}
	
	#solution-sec #tabcontents .tabcontent .search-area {
		padding: 5px 18px;
	}
	
	#solution-sec #tabcontents .tabcontent .search-area + ul {
		margin: 50px 4%;
	}
	
	#solution-sec #tabcontents .tabcontent .search-area + ul li {
		margin: 0 6px 6px 0;
	}	
	
	#solution-sec #solution-area {
		padding: 0;
		background-color: transparent;
		margin-top: 15px;
	}
	
	#solution-sec ul#solution-list {
		display: block;
	}
	
	#solution-sec ul#solution-list li,
	#solution-sec ul#solution-list li.first-of-type {
		width: 100%;
		margin: 0 0 10px;
	}
	
	#solution-sec ul#solution-list li div.shadow-box div,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div {
		padding: 10px 6% 15px;
	}
		
	#solution-sec ul#solution-list li div.shadow-box .image {
		width: 100%;
		height: auto;
	}
	
	#solution-sec ul#solution-list li div.shadow-box .icon-dl,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box .icon-dl {
		width: 12vw;
		right: 10px;
		font-size: 3.2vw;
		padding: 5px 0;
	}
	
	#solution-sec ul#solution-list li div.shadow-box .icon-dl::after,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box .icon-dl::after {
		border-left: 6.1vw solid #be2634;
		border-right: 6vw solid #be2634;
		border-bottom: 0.7em solid transparent;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box {
		display: block;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box .image {
		width: 100%;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div {
		width: 100%;
	}
	
	#solution-sec ul#solution-list li div.shadow-box div + div h3,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div h3 {
		font-size: 1.7em;
		border-bottom: none;
		padding: 0;
	}
	
	#solution-sec ul#solution-list li div.shadow-box div h3 + p,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div + div h3 + p,
	#solution-sec ul#solution-list li div.shadow-box div ul.solution-sdgs-list,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.solution-sdgs-list {
		font-size: 1.3em;
	}
	
	#solution-sec ul#solution-list li div.shadow-box div ul.provide-company-list {
		margin-top: 10px;
	}
		
	#solution-sec ul#solution-list li div.shadow-box div ul.provide-company-list li span {
		font-size: 1.2em;
	}
		
	#solution-sec ul#solution-list li, #solution-sec ul#solution-list li,
	#solution-sec ul#solution-list li, #solution-sec ul#solution-list li.first-of-type {
		margin: 0 0 10px;
	}
	
	#solution-sec ul#solution-list li div.shadow-box div ul.solution-sdgs-list,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.solution-sdgs-list {
		justify-content: space-between;
		margin-top: 3px;
	}

	#solution-sec ul#solution-list li div.shadow-box div ul.solution-sdgs-list li,
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.solution-sdgs-list li {
		width: 11.5%;
	}
	
	#solution-sec ul#solution-list li.first-of-type div.shadow-box div ul.tag-list {
		margin-top: 5%;
		background-size: 9%;
		padding-left: 11%;
	}
		
	/* --------------------------------
	 ご質問やご相談など、お気軽にお問い合わせください。
	-------------------------------- */
	#inquiry-sec {
		padding: 35px 7%;
	}
	
	#inquiry-sec h2 {
		font-size: 1.2em;
	}
	
	#inquiry-sec h2 + div {
		display: block;
		margin-top: 25px;
	}
	
	#inquiry-sec h2 + div > div h3 {
		font-size: 1em;
	}
	
	#inquiry-sec h2 + div > div:first-of-type {
		padding: 0;
	}
	
	#inquiry-sec #inquiry-web p.txt-btn {
		width: 100%;
		margin-top: 0;
	}
	
	#inquiry-sec #inquiry-web p.txt-btn a {
		font-size: 1.3em;
		background-size: 12%;
		background-position: 5% center;
		position: static;
	}
	
	#inquiry-sec #inquiry-web p.txt-btn a span {
		background-size: 6%;
		position: static;
		transform: translateY(0);
	}
	
	#inquiry-sec #inquiry-web p.txt-btn + p {
		margin-top: 5px;
	}
	
	#inquiry-sec #inquiry-tell{
		border-left: none;
		border-top: solid 1px #dededb;
		padding: 10px 0 0;
		margin-top: 10px;
	}
	
	#inquiry-sec #inquiry-tell #tell-area {
		margin-top: 5px;
		padding: 5px;
	}
	
	#inquiry-sec #inquiry-tell #tell-area p#tell-num {
		font-size: 6.5vw;
		margin: 0;
	}
	
	#inquiry-sec #inquiry-tell #tell-area + p {
		margin-top: 5px;
	}	
	
	/* --------------------------------
	 関連リンク
	-------------------------------- */
	#link-sec {
		padding: 15px 5.8% 30px;
	}
	
	#link-sec ul {
		flex-wrap: wrap;
		margin-top: 10px;
		padding-left: 0;
	}
	
	#link-sec ul li {
		width: 31%;
		margin-left: 3.5%;
	}
	
	#link-sec ul li:nth-child(3n+1) {
		margin-left: 0;
	}
	
	#link-sec ul li:nth-child(n+4) {
		margin-top: 10px;
	}
}