@charset "utf-8";
/* ==================================================
		
		共通 PC・SP

================================================== */

@font-face {
  font-family: "Orbitron";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Orbitron-Regular.woff") format("woff"), url("../fonts/Orbitron-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Orbitron";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Orbitron-Medium.woff") format("woff"), url("../fonts/Orbitron-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Orbitron";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Orbitron-ExtraBold.woff") format("woff"), url("../fonts/Orbitron-ExtraBold.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansJP-Light.woff") format("woff"), url("../fonts/NotoSansJP-Light.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff"), url("../fonts/NotoSansJP-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.woff") format("woff"), url("../fonts/NotoSansJP-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff"), url("../fonts/NotoSansJP-Bold.otf") format("opentype");
}

/* --------------------------------------------------
		html, body
-------------------------------------------------- */
html, body {
	height: 100%;
}
body {
	font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	line-height: 1.7;
 color: #333333; 
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* --------------------------------------------------
		.clearfix
-------------------------------------------------- */
.clearfix {
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";
}

/* --------------------------------------------------
		link
-------------------------------------------------- */
a:link, 
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
 transition: opacity 0.5s;
 opacity: 0.7;
}


/* ==================================================
		
		 PC

================================================== */
@media screen and (min-width:750px) {
 
/* --------------------------------------------------
		SPの要素を非表示
-------------------------------------------------- */
.spDisp {
	display: none !important;
}
 
/* --------------------------------------------------
		body
-------------------------------------------------- */
body {
 font-size: 14px;
 min-width: 1040px;
}
  
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi {
 background: #f8f8f8;
 height: 655px;
} 
#contents .vi .vi-inner {
 text-align: right;
 width: 1040px;
 margin: 0 auto 0;
 position: relative;
} 
#contents .vi .vi-inner .img {
 position: absolute;
 top: 61px;
 right: 55.5%;
} 
#contents .vi .vi-inner .vi-box {
 position: relative;
 z-index: 1;
 padding-top: 168px;
} 
#contents .vi .vi-inner .vi-box h1 {
 font-size: 39px;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 letter-spacing: 7px;
 line-height: 1.64;
} 
#contents .vi .vi-inner .vi-box h1 span {
 font-size: 24px;
 letter-spacing: 5px;
 display: block;
 padding-right: 2px;
} 
#contents .vi .vi-inner .vi-box .txt {
 font-size: 16px;
 letter-spacing: 2px;
 line-height: 1.85;
 padding: 13px 6px 0 0;
} 
 
/*	.btn
-------------------------------------------------- */ 
#contents .vi .vi-inner .vi-box .btn {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-end;
 padding: 33px 10px 0 0;
} 
#contents .vi .vi-inner .vi-box .btn  li {
 width: 265px;
 padding-left: 10px;
} 
#contents .vi .vi-inner .vi-box .btn  li a {
 font-size: 16px;
 color: #ffffff;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 text-align: center;
 letter-spacing: 1.2px;
 background: #2e78ad;
 border-radius: 30px;
 display: block;
 padding: 10px 0 24px;
 position: relative;
} 
#contents .vi .vi-inner .vi-box .btn  li a:after {
 content: '';
 width: 8px;
 height: 8px;
 border: 0;
 border-bottom: solid 2px #ffffff;
 border-right: solid 2px #ffffff;
 position: absolute;
 top: 69%;
 left: 46%;
 margin-top: -6px;
 transform: rotate(45deg);
} 
 
/* --------------------------------------------------
		.section
-------------------------------------------------- */
#contents .section {
 padding: 42px 0 30px;
 /*  border-top: solid 1px #cccccc; */
} 
#contents .plmt {
 padding-top: 164px;
 margin-top: -125px;
 border: none;
} 
 
/*	.tit
-------------------------------------------------- */ 
#contents .section > .tit {
 text-align: center;
} 
#contents .section .tit h2 {
 font-size: 37px;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 letter-spacing: 7.7px;
 line-height: 1.64;
} 
#contents .section .tit h2 span {
 font-size: 16px;
 font-weight: 400;
 letter-spacing: 3px;
 display: block;
 position: relative;
} 
#contents .section .tit h2 span:before {
 content: '';
 position: absolute;
 left: 50%;
 bottom: -15px;
 display: inline-block;
 width: 26px;
 height: 1px;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background-color: #cccccc;
} 
#contents .section .tit .txt {
 font-size: 18px;
 letter-spacing: 2px;
 padding-top: 29px;
} 
 
/* --------------------------------------------------
		#products
-------------------------------------------------- */ 
/*	tab
-------------------------------------------------- */ 
#contents #products .tabmenu {
 border-bottom: 1px solid #cccccc;
 margin-top: 52px;
} 
#contents #products .tabmenu .tab-area {
 padding: 0 14px;
 width: 1040px;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: end;
} 
#contents #products .tabmenu .tab-area .tab {
 font-size: 21px;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 letter-spacing: 2px;
 border: 1px solid #cccccc;
 width: 245px;
 height: 100px;
 padding: 33px 0 0 38px;
 position: relative;
 bottom: -1px;
 cursor: pointer;
 opacity: 80%;
} 
#contents #products .tabmenu .tab-area .tab.active {
 font-weight: 700;
 border-bottom: 1px solid #ffffff;
 height: 110px;
 background-size: 50%;
 padding-top: 40px;
 opacity: 1;
} 
#contents #products .tabmenu .tab-area .tab span {
 font-size: 14px;
 font-weight: 400;
 letter-spacing: 1px;
 color: #ffffff;
 position: absolute;
 top: 1px;
 left: 5px;
 z-index: 1;
} 
#contents #products .tabmenu .tab-area .tab.active span {
 font-weight: 700;
} 
#contents #products .tabmenu .tab-area .t01 {
 color: #3b5f99;
 background: url(../img/tab_img01.gif) no-repeat right bottom;
}
#contents #products .tabmenu .tab-area .t02 {
 color: #4eabca;
 background: url(../img/tab_img02.gif) no-repeat right bottom;
} 
#contents #products .tabmenu .tab-area .t03 {
 color: #399618;
 background: url(../img/tab_img03.gif) no-repeat right bottom;
} 
#contents #products .tabmenu .tab-area .t04 {
 color: #e1881a;
 background: url(../img/tab_img04.gif) no-repeat right bottom;
} 
 
/*	icon */
#contents #products .tabmenu .tab-area .tab::after {
 content: "";
 position: absolute;
 top: -1px;
 left: -1px;
 width: 0;
 height: 0;
 border-right: 47px solid transparent;
}
#contents #products .tabmenu .tab-area .t01::after {
 border-top: 47px solid #3b5f99;
}
#contents #products .tabmenu .tab-area .t02::after {
 border-top: 47px solid #4eabca;
}
#contents #products .tabmenu .tab-area .t03::after {
 border-top: 47px solid #399618;
}
#contents #products .tabmenu .tab-area .t04::after {
 border-top: 47px solid #e1881a;
}
 
/*	.panel
-------------------------------------------------- */ 
#contents #products .panel-area {
 width: 1040px;
 margin: 30px auto 0;
}
#contents #products .panel-area .panel {
 display: none;
}
#contents #products .panel-area .panel.active {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin-top: -33px;
}
#contents #products .panel-area .panel li {
 width: 250px;
 padding-top: 33px;
 margin-right: 13px;
}
#contents #products .panel-area .panel li:nth-child(4n) {
 margin-right: 0;
}
#contents #products .panel-area .panel li a {
 color: #333333;
 display: block;
}
#contents #products .panel-area .panel li a .img {
 border: 1px solid #cccccc;
}
#contents #products .panel-area .panel li a h3 {
 font-size: 16px;
 font-weight: 700;
 font-family: Noto Sans JP, sans-serif;
 text-align: center;
 letter-spacing: 3px;
 line-height: 1.5;
 padding-top: 18px;
}
#contents #products .panel-area .panel li a .txt {
 letter-spacing: 3px;
 line-height: 1.77;
 padding-top: 8px;
}
 
/* --------------------------------------------------
		#industries
-------------------------------------------------- */
#contents #industries {
 margin-bottom: -53px;
 padding-bottom: 53px;
} 
#contents #industries .ind {
 width: 1040px;
 margin: 63px auto 0;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
} #contents #industries .ind > li {
 border-bottom: 1px solid #cccccc;
 padding: 8px 0 40px;
} 
#contents #industries .ind > li:nth-child(odd) {
 width: 519px;
 border-right: 1px solid #cccccc;
} 
#contents #industries .ind > li:nth-child(even) {
 width: 520px;
 padding-left: 30px;
} 
#contents #industries .ind > li:last-child {
 border-bottom: none;
} 
#contents #industries .ind li .ind-inner {
 position: relative;
 margin-bottom: 15px;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper {
 color: #0092b6;
 font-family: Noto Sans JP, sans-serif;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 align-items: center;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .no {
 font-size: 60px;
 font-weight: 300;
 letter-spacing: -2px;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .sla {
 font-size: 45px;
 transform: skew(-6deg);
 padding: 0 9px;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .tit {
 font-size: 24px;
 font-weight: 500;
 letter-spacing: 2px;
 line-height: 1.28;
 padding-top: 3px;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .tit span {
 font-size: 12px;
 font-weight: 700;
 letter-spacing: 1px;
 padding-left: 1px;
 display: block;
} 
#contents #industries .ind li .ind-inner .ind-box .txt {
 font-weight: 700;
 margin-top: -3px;
 } 
#contents #industries .ind li .ind-inner .ind-box .txt li {
 letter-spacing: 3px;
 text-indent: -17px;
 margin-left: 20px;
}  
#contents #industries .ind li .ind-inner .ind-box .txt li::before {
 content: "●";
 padding-right: 1px;
}  
#contents #industries .ind li .ind-inner .ind-box {position: relative;z-index: 1;}  
#contents #industries .ind li .ind-inner .img {
 width: 243px;
 position: absolute;
 right: 0;
 top: -8px;
}  
#contents #industries .ind li .link {
 padding-left: 2px;
 margin-top: -3px;
 position: relative;
 z-index: 1;
}  
#contents #industries .ind li .link li {
 line-height: 1.5;
 text-indent: -17px;
 margin-left: 20px;
 padding-top: 3px;
}  
#contents #industries .ind li .link li::before {
 content: "▶";
 font-size: 10px;
 color: #cc0033;
 padding-right: 7px;
}  
#contents #industries .ind li .link li a:link, 
#contents #industries .ind li .link li a:visited {
 color: #333333;
 letter-spacing: 3px;
 text-decoration: underline;
 text-underline-offset: 3px;
}  
#contents #industries .ind li .link li a:hover {
 text-decoration: none;
 opacity: 1;
}  
 
/* --------------------------------------------------
		#research-development
-------------------------------------------------- */
#contents #research-development {
 background: #f8f8f8;
 margin-top: 80px;
 padding-bottom: 60px;
} 
#contents #research-development .rede {
 width: 1040px;
 margin: 53px auto 0;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
} 
#contents #research-development .rede li {
 border-right: 1px solid #cccccc;
 padding-right: 28px;
 margin-right: 28px;
} 
#contents #research-development .rede li:last-child {
 border-right: none;
 padding-right: 0;
 margin-right: 0;
} 
 #contents #research-development .rede li a {
 color: #333333;
 width: 308px;
 display: block;
} 
#contents #research-development .rede li a .rede-wrapper {
 color: #0092b6;
 font-family: Noto Sans JP, sans-serif;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-top: -8px;
} 
#contents #research-development .rede li a .rede-wrapper .no {
 font-size: 60px;
 font-weight: 300;
 letter-spacing: -2px;
} 
#contents #research-development .rede li a .rede-wrapper .sla {
 font-size: 54px;
 transform: skew(-6deg);
 padding: 0 11px 0 9px;
 margin-top: -5px;
} 
#contents #research-development .rede li a .rede-wrapper .tit {
 font-size: 21px;
 font-weight: 500;
 letter-spacing: 2px;
 line-height: 1.2;
 padding-top: 8px;
} 
#contents #research-development .rede li a .rede-wrapper .tit span {
 font-size: 16px;
 letter-spacing: 1px;
 line-height: 1.2;
 padding-top: 1px;
 display: block;
} 
#contents #research-development .rede li a .txt {
 letter-spacing: 3px;
 margin: -5px 0 0 2px;
} 
#contents #research-development .rede li a .btn {
 line-height: 1.5;
 padding: 12px 0 5px;
} 
#contents #research-development .rede li a .btn::before{
 content: "▶";
 font-size: 10px;
 color: #cc0033;
 padding-right: 5px;
} 
#contents #research-development .rede li a .btn span {
 text-decoration: underline;
 text-underline-offset: 3px;
 position: relative;
} 
#contents #research-development .rede li a:hover .btn span {
 text-decoration: none;
} 
 
/*	.btnarea
-------------------------------------------------- */ 
#contents #research-development .btnarea {
 text-align: center;
 width: 1040px;
 margin: 45px auto 0;
} 
#contents #research-development .btnarea .btn {
 width: 750px;
 margin: 0 auto;
} 
#contents #research-development .btnarea .btn a {
 font-size: 20px;
 color: #ffffff;
 font-weight: 700;
 font-family: Noto Sans JP, sans-serif;
 text-align: center;
 letter-spacing: 3px;
 background: #2e78ad;
 border-radius: 30px;
 display: block;
 padding: 16px 0 15px;
} 
#contents #research-development .btnarea .btn a span {
 position: relative;
} 
#contents #research-development .btnarea .btn a span:after {
 content: '';
 width: 10px;
 height: 10px;
 border: 0;
 border-top: solid 2px #ffffff;
 border-right: solid 2px #ffffff;
 position: absolute;
 top: 50%;
 right: -16px;
 margin-top: -3px;
 transform: rotate(45deg);
} 
#contents #research-development .btnarea .txt {
 font-size: 16px;
 padding-top: 10px;
} 
 
}


/* ==================================================
		
		 SP

================================================== */
@media screen and (max-width:749px) {
 
/* --------------------------------------------------
		PCの要素を非表示
-------------------------------------------------- */
.pcDisp {
	display: none !important;
}
 
/* --------------------------------------------------
		文字サイズの制御
-------------------------------------------------- */
body {
 width: 100%;
 font-size: 12px;
	-webkit-text-size-adjust: 100%;
}

/* --------------------------------------------------
		img
-------------------------------------------------- */
img {
 width: 100%;
	max-width: 100%;
	height: auto;
}
 
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi {
 background: #f8f8f8;
 padding-top: 30px;
 margin-bottom: 30px;
} 
#contents .vi .vi-inner {
 text-align: center;
 padding: 0 20px;
} 
#contents .vi .vi-inner .img {
 width: 100%;
} 
#contents .vi .vi-inner .vi-box {
 padding-top: 15px;
} 
#contents .vi .vi-inner .vi-box h1 {
 font-size: 25px;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 letter-spacing: 2px;
 line-height: 1.6;
} 
#contents .vi .vi-inner .vi-box h1 span {
 font-size: 16px;
 display: block;
} 
#contents .vi .vi-inner .vi-box .txt {
 font-size: 14px;
 letter-spacing: 2px;
 padding-top: 12px;
} 
 
/*	.btn
-------------------------------------------------- */ 
#contents .vi .vi-inner .vi-box .btn {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 padding: 15px 0 30px;
} 
#contents .vi .vi-inner .vi-box .btn  li {
 width: 49%;
} 
#contents .vi .vi-inner .vi-box .btn  li a {
 font-size: 14px;
 color: #ffffff;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 text-align: center;
 background: #2e78ad;
 border-radius: 25px;
 display: block;
 padding: 8px 0 17px;
 position: relative;
} 
#contents .vi .vi-inner .vi-box .btn  li a:after {
 content: '';
 width: 7px;
 height: 7px;
 border: 0;
 border-bottom: solid 2px #ffffff;
 border-right: solid 2px #ffffff;
 position: absolute;
 top: 69%;
 left: 46%;
 margin-top: -6px;
 transform: rotate(45deg);
} 

 
/* --------------------------------------------------
		.section
-------------------------------------------------- */
#contents .section {
 padding-top: 35px;
 /*  border-top: solid 1px #cccccc; */
} 
#contents .plmt {
 padding-top: 100px;
 margin-top: -100px;
 border: none;
} 
 
/*	.tit
-------------------------------------------------- */ 
#contents .section > .tit {
 text-align: center;
 padding: 0 20px;
} 
#contents .section .tit h2 {
 font-size: 23px;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 letter-spacing: 2px;
 line-height: 1.25;
} 
#contents .section .tit h2 span {
 font-size: 14px;
 font-weight: 400;
 letter-spacing: 3px;
 display: block;
 position: relative;
 padding-top: 7px;
} 
#contents .section .tit h2 span:before {
 content: '';
 position: absolute;
 left: 50%;
 bottom: -12px;
 display: inline-block;
 width: 26px;
 height: 1px;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background-color: #cccccc;
} 
#contents .section .tit .txt {
 font-size: 16px;
 letter-spacing: 1px;
 line-height: 1.5;
 padding-top: 24px;
} 
 
/*	tab
-------------------------------------------------- */ 
#contents #products .tabmenu {
 border-bottom: 1px solid #cccccc;
 margin-top: 37px;
} 
#contents #products .tabmenu .tab-area {
 padding: 0 8px;
 width: 100%;
 margin: 0 auto;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 align-items: end;
} 
#contents #products .tabmenu .tab-area .tab {
 font-size: 15px;
 font-weight: 500;
 font-family: Noto Sans JP, sans-serif;
 text-align: center;
 border: 1px solid #cccccc;
 width: 24%;
 padding: 19px 0 13px;
 position: relative;
 bottom: -1px;
 cursor: pointer;
 opacity: 80%;
} 
#contents #products .tabmenu .tab-area .tab.active {
 font-weight: 700;
 border-bottom: 1px solid #ffffff;
 background-size: 50%;
 padding: 24px 0 17px;
 opacity: 1;
} 
#contents #products .tabmenu .tab-area .tab span {
 font-size: 11px;
 font-weight: 400;
 color: #ffffff;
 position: absolute;
 top: 0;
 left: 1px;
 z-index: 1;
} 
#contents #products .tabmenu .tab-area .tab.active span {
 font-weight: 700;
} 
#contents #products .tabmenu .tab-area .t01 {
 color: #3b5f99;
 background: url(../img/tab_img01.gif) no-repeat right bottom / 40%;
}
#contents #products .tabmenu .tab-area .t02 {
 color: #4eabca;
 background: url(../img/tab_img02.gif) no-repeat right bottom / 40%;
} 
#contents #products .tabmenu .tab-area .t03 {
 color: #399618;
 background: url(../img/tab_img03.gif) no-repeat right bottom -15% / 40%;
} 
#contents #products .tabmenu .tab-area .t04 {
 color: #e1881a;
 background: url(../img/tab_img04.gif) no-repeat right bottom -15% / 40%;
} 
 
/*	icon */
#contents #products .tabmenu .tab-area .tab::after {
 content: "";
 position: absolute;
 top: -1px;
 left: -1px;
 width: 0;
 height: 0;
 border-right: 33px solid transparent;
}
#contents #products .tabmenu .tab-area .t01::after {
 border-top: 33px solid #3b5f99;
}
#contents #products .tabmenu .tab-area .t02::after {
 border-top: 33px solid #4eabca;
}
#contents #products .tabmenu .tab-area .t03::after {
 border-top: 33px solid #399618;
}
#contents #products .tabmenu .tab-area .t04::after {
 border-top: 33px solid #e1881a;
}
 
/*	.panel
-------------------------------------------------- */ 
#contents #products .panel-area {
 padding: 0 20px;
 margin-top: 25px;
}
#contents #products .panel-area .panel {
 display: none;
}
#contents #products .panel-area .panel.active {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin-top: -15px;
}
#contents #products .panel-area .panel li {
 width: 32%;
 padding-top: 15px;
 margin-right: 2%;
}
#contents #products .panel-area .panel li:nth-child(3n) {
 margin-right: 0;
}
#contents #products .panel-area .panel li a {
 color: #333333;
 display: block;
}
#contents #products .panel-area .panel li a .img {
 border: 1px solid #cccccc;
}
#contents #products .panel-area .panel li a h3 {
 font-size: 13px;
 font-weight: 700;
 font-family: Noto Sans JP, sans-serif;
 text-align: center;
 letter-spacing: 2px;
 line-height: 1.4;
 padding-top: 8px;
}
#contents #products .panel-area .panel li a .txt {
 letter-spacing: 1px;
 line-height: 1.6;
 padding-top: 3px;
}
 
/* --------------------------------------------------
		#industries
-------------------------------------------------- */
#contents #industries .ind {
 padding: 0 20px 30px 20px;
 margin: 25px 0 -30px;
} 
#contents #industries .ind > li {
 width: 100%;
 border-bottom: 1px solid #cccccc;
 padding: 10px 0 20px;
} 
#contents #industries .ind > li:last-child {
 border-bottom: none;
 padding-bottom: 0;
} 
#contents #industries .ind li .ind-inner {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 position: relative;
 margin-bottom: 10px;
} 
#contents #industries .ind li .ind-inner .ind-box {
 width: 70%;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper {
 color: #0092b6;
 font-family: Noto Sans JP, sans-serif;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 align-items: center;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .no {
 font-size: 40px;
 font-weight: 300;
 letter-spacing: -2px;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .sla {
 font-size: 29px;
 transform: skew(-6deg);
 padding: 0 6px;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .tit {
 font-size: 19px;
 font-weight: 500;
 letter-spacing: 1px;
 line-height: 1.28;
 padding-top: 3px;
} 
#contents #industries .ind li .ind-inner .ind-box .ind-wrapper .tit span {
 font-size: 10px;
 font-weight: 700;
 padding-left: 1px;
 display: block;
} 
#contents #industries .ind li .ind-inner .ind-box .txt {
 font-weight: 700;
 margin-top: -3px;
 } 
#contents #industries .ind li .ind-inner .ind-box .txt li {
 letter-spacing: 2px;
 line-height: 1.5;
 text-indent: -16px;
 margin-left: 19px;
 padding-top: 3px;
}  
#contents #industries .ind li .ind-inner .ind-box .txt li::before {
 content: "●";
 padding-right: 1px;
}  
#contents #industries .ind li .ind-inner .img {
 width: 30%;
}  
#contents #industries .ind li .link li {
 text-indent: -18px;
 margin-left: 21px;
 padding-top: 1px;
}  
#contents #industries .ind li .link li::before {
 content: "▶";
 font-size: 10px;
 color: #cc0033;
 padding-right: 7px;
}  
#contents #industries .ind li .link li a:link, 
#contents #industries .ind li .link li a:visited {
 color: #333333;
 letter-spacing: 2px;
 text-decoration: underline;
 text-underline-offset: 3px;
}  
#contents #industries .ind li .link li a:hover {
 text-decoration: none;
 opacity: 1;
}  
 
/* --------------------------------------------------
		#research-development
-------------------------------------------------- */
#contents #research-development {
 background: #f8f8f8;
 margin-top: 35px;
 padding-bottom: 30px;
} 
#contents #research-development .rede {
 padding: 0 20px;
 margin-top: 5px;
} 
#contents #research-development .rede li {
 width: 100%;
 border-bottom: 1px solid #cccccc;
 padding: 25px 0 20px;
} 
#contents #research-development .rede li:last-child {
 border-bottom: none;
 padding-bottom: 0;
} 
 #contents #research-development .rede li a {
 color: #333333;
 display: block;
} 
#contents #research-development .rede li a .img {
 width: 100%;
} 
#contents #research-development .rede li a .rede-wrapper {
 color: #0092b6;
 font-family: Noto Sans JP, sans-serif;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-top: -2px;
} 
#contents #research-development .rede li a .rede-wrapper .no {
 font-size: 40px;
 font-weight: 300;
 letter-spacing: -2px;
} 
#contents #research-development .rede li a .rede-wrapper .sla {
 font-size: 34px;
 transform: skew(-6deg);
 padding: 0 6px;
} 
#contents #research-development .rede li a .rede-wrapper .tit {
 font-size: 16px;
 font-weight: 500;
 letter-spacing: 1px;
 line-height: 1.28;
 padding-top: 3px;
} 
#contents #research-development .rede li a .rede-wrapper .tit span {
 font-size: 15px;
 line-height: 1.1;
 padding-left: 1px;
 display: block;
} 
#contents #research-development .rede li a .btn {
 line-height: 1.5;
 padding-top: 8px;
} 
#contents #research-development .rede li a .btn::before {
 content: "▶";
 font-size: 10px;
 color: #cc0033;
 padding-right: 4px;
} 
#contents #research-development .rede li a .btn span {
 text-decoration: underline;
 text-underline-offset: 3px;
 position: relative;
} 
#contents #research-development .rede li a:hover .btn span {
 text-decoration: none;
} 
 
/*	.btnarea
-------------------------------------------------- */ 
#contents #research-development .btnarea {
 text-align: center;
 padding: 35px 20px 0;
} 
#contents #research-development .btnarea .btn a {
 font-size: 15px;
 color: #ffffff;
 font-weight: 700;
 font-family: Noto Sans JP, sans-serif;
 text-align: center;
 line-height: 1.4;
 letter-spacing: 1.5px;
 background: #2e78ad;
 border-radius: 25px;
 display: block;
 padding: 13px 8px 14px;
} 
#contents #research-development .btnarea .btn a span {
 position: relative;
 margin-left: -14px;
} 
#contents #research-development .btnarea .btn a span:after {
 content: '';
 width: 7px;
 height: 7px;
 border: 0;
 border-top: solid 2px #ffffff;
 border-right: solid 2px #ffffff;
 position: absolute;
 top: 50%;
 right: -12px;
 margin-top: -3px;
 transform: rotate(45deg);
} 
#contents #research-development .btnarea .txt {
 font-size: 13px;
 line-height: 1.5;
 padding-top: 10px;
} 
 
}