@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosansjp.css');
@font-face {
 font-family: "icons";
 src: url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.eot");
 src: url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.eot?#iefix") format("eot"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.woff2") format("woff2"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.woff") format("woff"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.ttf") format("truetype"), url("https://www.shimadzu.com/an/themes/custom/shimadzu_an/fonts/icons.svg#icons") format("svg");
}
[class*=" icon-"], [class^=icon-] {
 font-family: "icons";
 font-style: normal;
 font-weight: 400;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 display: inline-block;
}
.icon-sh-arrowRight:before {
 content: "\E007";
}
.icon-sh-arrowTop:before {
 content: "\E009";
}
.icon-sh-contact:before {
 content: "\E010";
}
@media screen and (min-width: 768px), print {
 .p-followButton__icon--arrowTop:hover::before, .p-followButton__icon--contact:hover::before {
  color: #fff;
  background-color: #000;
  font-size: 1.4rem;
  position: absolute;
  top: -30px;
  padding: 2px 8px;
 }
}
.p-followButton__icon--contact {
 -webkit-transition: 0.25s;
 transition: 0.25s;
 position: fixed;
 bottom: 12px;
 left: 12px;
 right: auto;
 z-index: 50;
 cursor: pointer;
 width: 52px;
 height: 52px;
 border-radius: 50%;
 font-size: 25px;
 border: 1px currentColor solid;
 color: #dd0000;
 background-color: #fff;
}
.p-followButton__icon--contact:hover {
 color: #fff;
 background-color: #dd0000;
 border-color: #dd0000;
}
@media screen and (min-width: 768px), print {
 .p-followButton__icon--contact:hover::before {
  content: 'Contact SHIMADZU';
  min-width: 144px;
  left: -40px;
 }
}
@media screen and (min-width: 768px), print {
 .p-followButton__icon--contact {
  bottom: 25px;
  left: auto;
  right: 95px;
  width: 60px;
  height: 60px;
 }
}
.p-followButton__icon--contact > a {
 position: relative;
 display: inline-block;
 width: 100%;
 height: 100%;
 color: currentColor;
}
.p-followButton__icon--contact > a > i {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 font-size: 2.9rem;
}
@media screen and (min-width: 768px), print {
 .p-followButton__icon--contact > a > i {
  font-size: 3.2rem;
 }
}
.p-followButton__icon--heartOpen {
 -webkit-transition: 0.25s;
 transition: 0.25s;
 position: fixed;
 bottom: 12px;
 left: 74px;
 z-index: 50;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 font-size: 25px;
 border: 1px currentColor solid;
 color: #6e6e6e;
 background-color: #fff;
}
@media screen and (min-width: 768px), print {
 .p-followButton__icon--heartOpen {
  display: none;
 }
}
.p-followButton__icon--heartOpen:hover {
 color: #dd0000;
}
.p-followButton__icon--heartOpen > a {
 display: inline-block;
 width: 100%;
 height: 100%;
 color: currentColor;
}
.p-followButton__icon--heartOpen > a > i {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 font-size: 2rem;
}
.p-followButton__icon--heartOpen > button {
 display: inline-block;
 width: 100%;
 height: 100%;
 color: currentColor;
 border: none;
 outline: none;
 background: transparent;
}
.p-followButton__icon--heartOpen > button > i {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 font-size: 2rem;
}
.p-followButton__icon--arrowTop {
 -webkit-transition: 0.25s;
 transition: 0.25s;
 display: none;
 position: fixed;
 z-index: 50;
 width: 52px;
 height: 52px;
 border-radius: 50%;
 font-size: 25px;
 border: 1px currentColor solid;
 color: #6e6e6e;
 background-color: #fff;
 bottom: 12px;
 right: 12px;
}
@media screen and (min-width: 768px), print {
 .p-followButton__icon--arrowTop {
  bottom: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
 }
}
.p-followButton__icon--arrowTop:hover {
 border-color: #6e6e6e;
 color: #fff;
 background-color: #6e6e6e;
}
@media screen and (min-width: 768px), print {
 .p-followButton__icon--arrowTop:hover::before {
  content: 'Page top';
  min-width: 75px;
  left: -8px;
 }
}
.p-followButton__icon--arrowTop > a {
 position: relative;
 display: inline-block;
 width: 100%;
 height: 100%;
 color: currentColor;
}
.p-followButton__icon--arrowTop > a > i {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 font-size: 1.2rem;
}
/* ==================================================
		
		ページ全般の共通 PC・SP

================================================== */
/* --------------------------------------------------
		html, body
-------------------------------------------------- */
html, body {
 height: 100%;
 font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "メイリオ", sansserif;
}
body {
 word-wrap: break-word;
 overflow-wrap: break-word;
 color: #4d4d4d;
}
a {
 color: #4d4d4d;
}
/* --------------------------------------------------
		link
-------------------------------------------------- */
a:link, a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
 transition: opacity 0.5s;
 opacity: 0.7;
}
/* --------------------------------------------------
		parts
-------------------------------------------------- */
/* ==================================================
		
		ページ全般の共通 PC

================================================== */
@media screen and (min-width:751px) {
 /* --------------------------------------------------
		SPの要素を非表示
-------------------------------------------------- */
 .spDisp {
  display: none !important;
 }
 /* --------------------------------------------------
		body
-------------------------------------------------- */
 body {
  font-size: 14px;
  min-width: 1040px;
 }
 /* --------------------------------------------------
		#contents
-------------------------------------------------- */
 #contents {
  margin-top: 166px;
  /*margin-bottom: -75px;*/
  background-color: #fff;
 }
 /* --------------------------------------------------
		nav
-------------------------------------------------- */
 nav {
  position: fixed;
  top: 86px;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #fff;
  border-bottom: 4px solid #bac6cb;
  z-index: 99;
  transition: all .15s;
 }
 /*	.carbonnav.on{
		top: 70px;
	}*/
 nav .nav-inner {
  max-width: 1040px;
  margin: 0 auto;
 }
 nav .nav-inner .main-menu {
  display: flex;
  justify-content: center;
 }
 nav .nav-inner .main-menu > li {
  width: 346.6px;
  height: 80px;
  padding: 0 45px;
  font-size: 15px;
  font-weight: 500;
  line-height: 80px;
  text-align: center;
  border-bottom: 0 solid #ff0000;
 }
 nav .nav-inner .main-menu > li:hover {
  border-bottom: 4px solid #ff0000;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
 }
 nav .nav-inner .main-menu > li > a:link, nav .nav-inner .main-menu > li > a:visited {
  color: #4d4d4d;
  display: block;
  opacity: 1;
  letter-spacing: .05em;
 }
 nav .nav-inner li.current {
  border-bottom: 4px solid #ff0000;
 }
 .sub-menu {
  width: 100%;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  padding: 30px 0;
  background-color: rgba(0, 0, 0, .8);
  visibility: hidden;
  opacity: 0;
  transition: .5s opacity;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
 }
 .sub-menu-list {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  margin: 0 auto;
 }
 .sub-menu li {
  width: 50%;
  height: auto;
  line-height: normal;
  text-align: left;
 }
 .sub-menu li a {
  display: flex;
  align-items: center;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  transition: all .4s;
 }
 .sub-menu li a span {
  width: 8px;
  height: 8px;
  margin-right: 10px;
 }
 .sub-menu li a span::before {
  border: 0;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: relative;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: solid 2px #dd0000;
  border-top: solid 2px #dd0000;
  transform: rotate(45deg);
  transition: all .4s;
 }
 .sub-menu li a:hover {
  opacity: 1;
 }
 .sub-menu li a:hover span::before {
  border-right-color: #fff;
  border-top-color: #fff;
 }
 .sub-menu li a:hover {
  background-color: #dd0000;
  color: #fff;
 }
 .n-solution:hover .sub-menu {
  opacity: 1;
  visibility: visible;
 }
 /* --------------------------------------------------
		parts
-------------------------------------------------- */
 /*	スペース
-------------------------------------------------- */
 .mt0 {
  margin-top: 0 !important;
 }
 .mt05 {
  margin-top: 5px !important;
 }
 .mt10 {
  margin-top: 10px !important;
 }
 .mt15 {
  margin-top: 15px !important;
 }
 .mt20 {
  margin-top: 20px !important;
 }
 .mt25 {
  margin-top: 25px !important;
 }
 .mt30 {
  margin-top: 30px !important;
 }
 .mt35 {
  margin-top: 35px !important;
 }
 .mt40 {
  margin-top: 40px !important;
 }
 .mt45 {
  margin-top: 45px !important;
 }
 .mt50 {
  margin-top: 50px !important;
 }
 .mt55 {
  margin-top: 55px !important;
 }
 .mt60 {
  margin-top: 60px !important;
 }
 .mt65 {
  margin-top: 65px !important;
 }
 .mt70 {
  margin-top: 70px !important;
 }
 .mt75 {
  margin-top: 75px !important;
 }
 .mt80 {
  margin-top: 80px !important;
 }
 .pb0 {
  padding-bottom: 0 !important;
 }
 .pb05 {
  padding-bottom: 5px !important;
 }
 .pb10 {
  padding-bottom: 10px !important;
 }
 .pb15 {
  padding-bottom: 15px !important;
 }
 .pb20 {
  padding-bottom: 20px !important;
 }
 .pb25 {
  padding-bottom: 25px !important;
 }
 .pb30 {
  padding-bottom: 30px !important;
 }
 .pb35 {
  padding-bottom: 35px !important;
 }
 .pb40 {
  padding-bottom: 40px !important;
 }
 .pb45 {
  padding-bottom: 45px !important;
 }
 .pb50 {
  padding-bottom: 50px !important;
 }
 .pb55 {
  padding-bottom: 55px !important;
 }
 .pb60 {
  padding-bottom: 60px !important;
 }
 .pb65 {
  padding-bottom: 65px !important;
 }
 .pb70 {
  padding-bottom: 70px !important;
 }
 .pb75 {
  padding-bottom: 75px !important;
 }
 .pb80 {
  padding-bottom: 80px !important;
 }
}
/* ==================================================
		
		ページ全般の共通 SP

================================================== */
@media screen and (max-width:750px) {
 /* --------------------------------------------------
		PCの要素を非表示
-------------------------------------------------- */
 .pcDisp {
  display: none !important;
 }
 /* --------------------------------------------------
		文字サイズの制御
-------------------------------------------------- */
 body {
  width: 100%;
  font-size: 13px;
  -webkit-text-size-adjust: 100%;
 }
 /*p {
 font-size: 14px;
}*/
 /* --------------------------------------------------
		img
-------------------------------------------------- */
 img {
  width: 100%;
  max-width: 100%;
  height: auto;
 }
 /* --------------------------------------------------
		#contents
-------------------------------------------------- */
 #contents {
  margin-top: 68px;
  margin-bottom: -18px;
 }
 /* --------------------------------------------------
		nav
-------------------------------------------------- */
 nav {
  width: 100%;
  background: #fff;
  background-color: #fff;
  border-top: 1px solid #bac6cb;
 }
 nav .nav-inner > ul > li {
  width: 100%;
  border-bottom: 3px #bac6cb solid;
  font-size: 15px;
  text-align: center;
 }
 nav .nav-inner > ul > li a {
  position: relative;
  display: block;
  padding: 10px;
 }
 nav .nav-inner > ul > li:hover {
  border-bottom: 3px solid #ff0000;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
 }
 nav .nav-inner > ul > li > a:link, nav .nav-inner > ul > li > a:visited {
  display: block;
  opacity: 1;
 }
 nav .nav-inner .current {
  padding: 10px 0;
  border-bottom: 3px solid #ff0000;
 }
 nav .nav-inner .n-solution.current {
  padding: 0;
 }
 .sub-menu {
  position: relative;
  width: 100%;
  color: #333;
  background-color: #fff;
  display: none;
  z-index: 10;
 }
 .sub-menu li {
  border-top: 1px solid #bac6cb;
 }
 .sub-menu li a {
  font-size: 13px;
  font-weight: 500;
 }
 .sub-switch {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  z-index: 10;
 }
 .sub-switch {
  width: 16px;
  height: 16px;
 }
 .sub-switch span {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 2px;
 }
 .sub-switch span:nth-of-type(1), .sub-switch span:nth-of-type(2) {
  top: 7px;
 }
 .sub-switch, .sub-switch span {
  display: inline-block;
  transition: all .4s;
 }
 .sub-switch span {
  position: absolute;
  background: #444;
 }
 .sub-switch span:nth-of-type(1) {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
 }
 .sub-switch span:nth-of-type(2) {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
 }
 .n-solution.active .sub-switch span:nth-of-type(2) {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
 }
 .n-solution.active .sub-switch span:nth-of-type(1) {
  display: none;
 }
 /* --------------------------------------------------
		parts
-------------------------------------------------- */
 /*	スペース
-------------------------------------------------- */
 .spmt0 {
  margin-top: 0 !important;
 }
 .spmt05 {
  margin-top: 5px !important;
 }
 .spmt10 {
  margin-top: 10px !important;
 }
 .spmt15 {
  margin-top: 15px !important;
 }
 .spmt20 {
  margin-top: 20px !important;
 }
 .spmt25 {
  margin-top: 25px !important;
 }
 .spmt30 {
  margin-top: 30px !important;
 }
 .spmt35 {
  margin-top: 35px !important;
 }
 .spmt40 {
  margin-top: 40px !important;
 }
 .spmt45 {
  margin-top: 45px !important;
 }
 .spmt50 {
  margin-top: 50px !important;
 }
 .spmt55 {
  margin-top: 55px !important;
 }
 .spmt60 {
  margin-top: 60px !important;
 }
 .spmt65 {
  margin-top: 65px !important;
 }
 .spmt70 {
  margin-top: 70px !important;
 }
 .spmt75 {
  margin-top: 75px !important;
 }
 .spmt80 {
  margin-top: 80px !important;
 }
 .sppb0 {
  padding-bottom: 5px !important;
 }
 .sppb05 {
  padding-bottom: 5px !important;
 }
 .sppb10 {
  padding-bottom: 10px !important;
 }
 .sppb15 {
  padding-bottom: 15px !important;
 }
 .sppb20 {
  padding-bottom: 20px !important;
 }
 .sppb25 {
  padding-bottom: 25px !important;
 }
 .sppb30 {
  padding-bottom: 30px !important;
 }
 .sppb35 {
  padding-bottom: 35px !important;
 }
 .sppb40 {
  padding-bottom: 40px !important;
 }
 .sppb45 {
  padding-bottom: 45px !important;
 }
 .sppb50 {
  padding-bottom: 50px !important;
 }
 .sppb55 {
  padding-bottom: 55px !important;
 }
 .sppb60 {
  padding-bottom: 60px !important;
 }
 .sppb65 {
  padding-bottom: 65px !important;
 }
 .sppb70 {
  padding-bottom: 70px !important;
 }
 .sppb75 {
  padding-bottom: 75px !important;
 }
 .sppb80 {
  padding-bottom: 80px !important;
 }
}
.under-box {
 max-width: 1200px;
 margin: 50px auto 0;
 padding-bottom: 80px;
 background-color: #fff;
}
.under-box .pttl {
 padding: 70px 0;
 font-size: 30px;
 font-weight: 700;
 color: #272727;
 text-align: center;
 letter-spacing: .2em;
 line-height: 1;
}
.under-box .pttl span {
 display: block;
 padding-top: 10px;
 font-size: 20px;
}
@media screen and (max-width: 750px) {
 .under-box {
  margin-top: 30px;
  padding-bottom: 40px;
 }
 .under-box .pttl {
  padding: 40px 0;
  font-size: 20px;
 }
 .under-box .pttl span {
  font-size: 16px;
 }
}
@media screen and (max-width: 750px) {
 .hide-sp {
  display: none;
 }
 .show-pc {
  display: none;
 }
}
@media screen and (min-width: 751px) {
 .hide-pc {
  display: none;
 }
 .show-sp {
  display: none;
 }
 br.br-sp {
  display: none;
 }
}
main {
 font-weight: 400;
 line-height: 1.7;
}
.page-top .kv ul {
 display: flex;
 flex-wrap: wrap;
 overflow: hidden;
}
.page-top .kv li {
 position: relative;
 width: 50%;
 height: 220px;
 overflow: hidden;
}
.page-top .kv li::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: 50% 50%;
}
.page-top .kv li a {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
 padding: 5px;
 text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px;
}
.page-top .kv li a p {
 font-size: 18px;
 font-weight: 700;
 text-align: center;
}
@media screen and (min-width: 751px) {
 .page-top .kv {
  display: flex;
  align-items: stretch;
 }
 .page-top .kv .kv-ttl {
  width: 50%;
 }
 .page-top .kv .kv-category {
  width: 50%;
 }
 .page-top .kv ul {
  width: 100%;
 }
 .page-top .kv li::before {
  transition: all 0.5s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
 }
 .page-top .kv li:hover::before {
  transform: scale(1.1);
 }
 .page-top .kv ul a {
  letter-spacing: .1em;
 }
 .page-top .kv ul a:hover {
  opacity: 1;
 }
 .page-top .kv ul:hover a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
 }
 .page-top .kv:hover ul:hover a:hover::after {
  background-color: transparent;
 }
}
@media screen and (max-width: 750px) {
 .page-top .kv .kv-ttl {
  padding: 40px 20px;
 }
 .page-top .kv li {
  height: 130px;
 }
 .page-top .kv li a p {
  font-size: 15px;
 }
}

@media screen and (max-width: 750px) {
 .inner {
  margin: 0 20px;
 }
}
.box {
 padding: 60px 0 70px;
}
.box-s {
 padding: 60px 0 35px;
}
@media screen and (max-width: 750px) {
 .box {
  padding: 60px 0 70px;
 }
 .box-s {
  padding: 30px 0 40px;
 }
}
.bgc-blue {
 background-color: #eef2fb;
}
.heading {
 position: relative;
 margin-bottom: 60px;
 padding-bottom: 30px;
 font-size: 28px;
 font-weight: 600;
 color: #333;
 text-align: center;
 line-height: 1.5;
}
.heading::after {
 content: "";
 position: absolute;
 left: calc(50% - 25px);
 width: 50px;
 height: 3px;
 display: block;
 bottom: -1px;
 background-color: currentColor;
}
@media screen and (max-width: 750px) {
 .heading {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
  font-size: 20px;
 }
}
.page-top .top-lead {
 background-color: #eef2fb;
}
.page-top .top-lead p {
 font-size: 13.3px;
 line-height: 2.35;
 letter-spacing: .05em;
}
@media screen and (max-width: 750px) {
 .page-top .top-lead p {
  font-size: 14px;
  line-height: 1.85;
 }
}
.top-anckor {
 max-width: 800px;
 width: calc(100% - 40px);
 margin: 35px auto 0;
}
.top-anckor ul {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 10px;
 background-color: #fff;
 box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .15);
}
.top-anckor ul li {
 position: relative;
 width: calc(50% - 10px);
}
.top-anckor ul li:last-child::before {
 content: "";
 position: absolute;
 top: 0;
 left: -10px;
 width: 1px;
 height: 100%;
 background-color: #ccc;
}
.top-anckor ul li::after {
 content: "";
 position: absolute;
 bottom: -3px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 border: 6px solid transparent;
 border-top: 7px solid #eef2fb;
 transition: all .4s;
}
.top-anckor ul li a {
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 20px 10px;
 font-size: 18px;
 font-weight: 600;
 line-height: 1.25;
 text-align: center;
 transition: all .4s;
}
.top-anckor ul li a:hover {
 background-color: #eef2fb;
 opacity: 1;
}
.top-anckor ul li:hover::after {
 bottom: -13px;
}
@media screen and (max-width: 750px) {
 .top-anckor ul li a {
  padding: 5px 5px 20px 5px;
  font-size: 14px;
 }
}
.page-top .top-field ul {
 display: flex;
 flex-wrap: wrap;
}
.page-top .top-field ul li h3 {
 font-size: 16px;
 font-weight: 500;
 text-align: center;
 line-height: 1.5;
 letter-spacing: 0;
}
.page-top .top-field ul li p {
 padding-top: 10px;
 text-align: center;
}
.page-top .top-field ul li p span {
 padding: 2px 16px 4px;
 font-size: 13px;
 color: #fff;
 line-height: 1;
}
.page-top .top-field ul li:nth-child(1) p span {
 background-color: rgb(35, 91, 162);
}
.page-top .top-field ul li:nth-child(2) p span {
 background-color: rgb(31, 185, 223);
}
.page-top .top-field ul li:nth-child(3) p span {
 background-color: rgb(241, 141, 0);
}
.page-top .top-field ul li:nth-child(4) p span {
 background-color: rgb(240, 181, 3);
}
.page-top .top-field ul li:nth-child(5) p span {
 background-color: rgb(166, 195, 47);
}
.page-top .top-field ul li:nth-child(6) p span {
 background-color: rgb(0, 174, 160);
}
.page-top .top-field ul li:nth-child(7) p span {
 background-color: rgb(0, 161, 101);
}
@media screen and (min-width: 751px) {
 .page-top .top-field ul li {
  width: 23.5%;
  margin-right: 2%;
 }
 .page-top .top-field ul li:nth-child(4n) {
  margin-right: 0;
 }
 .page-top .top-field ul li:nth-child(n+5) {
  margin-top: 4%;
 }
}
@media screen and (max-width: 750px) {
 .page-top .top-field ul li {
  width: 47.5%;
  margin-right: 5%;
 }
 .page-top .top-field ul li:nth-child(even) {
  margin-right: 0;
 }
 .page-top .top-field ul li:nth-child(n+3) {
  margin-top: 10%;
 }
 .page-top .top-field ul li h3 {
  padding: 10px 0 0;
  font-size: 14px;
  line-height: 1.3;
 }
 .page-top .top-field ul li h3 span {
  font-size: 11px;
  letter-spacing: 0;
 }
 .page-top .top-field ul li p {
  padding-top: 10px;
 }
 .page-top .top-field ul li p span {
  padding: 1px 10px 2px;
  font-size: 11px;
 }
}
.page-top .app-search .app-panel li {
 position: relative;
 text-align: center;
}
.page-top .app-search .app-panel li a {
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
 width: 100%;
 height: 100%;
 padding: 10px;
 color: #fff;
 line-height: 1.5;
 outline: 2px solid #fff;
 outline-offset: -5px;
 text-align: center;
 transition: all 0.3s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}
.page-top .app-search .app-panel li a:hover {
 outline-color: #eef2fb;
 outline-offset: 1px;
 opacity: 1;
}
.page-top .app-search .app-panel li:nth-child(1) p {
 padding-top: 25px;
 font-size: 22px;
 font-weight: 600;
 color: #00846f;
 line-height: 1.37;
 letter-spacing: .095em;
}
/*風力発電*/
.page-top .app-search .app-panel li:nth-child(2) {
 background-color: rgb(35, 91, 162);
}
/*太陽電池*/
.page-top .app-search .app-panel li:nth-child(3) {
 background-color: rgb(0, 165, 237);
}
/*燃料電池*/
.page-top .app-search .app-panel li:nth-child(4) {
 background-color: rgb(243, 143, 17);
}
/*水素燃料*/
.page-top .app-search .app-panel li:nth-child(5) {
 background-color: rgb(113, 199, 210);
}
/*燃料アンモニア*/
.page-top .app-search .app-panel li:nth-child(6) {
 background-color: rgb(159, 141, 165);
}
/*リチウムイオン電池/全固体電池*/
.page-top .app-search .app-panel li:nth-child(7) {
 background-color: rgb(0, 136, 124);
}
/*5G通信*/
.page-top .app-search .app-panel li:nth-child(8) {
 background-color: rgb(63, 81, 179);
}
/*バイオプラスチック*/
.page-top .app-search .app-panel li:nth-child(9) {
 background-color: rgb(122, 178, 0);
}
/*CASE/モビリティ*/
.page-top .app-search .app-panel li:nth-child(10) {
 background-color: rgb(198, 45, 37);
}
/*温室効果ガス(GHG)*/
.page-top .app-search .app-panel li:nth-child(11) {
 background-color: rgb(73, 35, 93);
}
/*セルロースナノファイバー(CNF)*/
.page-top .app-search .app-panel li:nth-child(12) {
 background-color: rgb(221, 143, 141);
}
/*代替肉*/
.page-top .app-search .app-panel li:nth-child(13) {
 background-color: rgb(236, 100, 67);
}
/*再生プラスチック*/
.page-top .app-search .app-panel li:nth-child(14) {
 background-color: rgb(118, 139, 190);
}
/*光触媒人工光合成*/
.page-top .app-search .app-panel li:nth-child(15) {
 background-color: rgb(236, 197, 2);
}
/*イメージ 苗*/
/*持続可能な航空燃料(SAF)*/
.page-top .app-search .app-panel li:nth-child(17) {
 background-color: rgb(202, 26, 111);
}
/*水素製鉄*/
.page-top .app-search .app-panel li:nth-child(18) {
 background-color: rgb(94, 95, 99);
}
/*藻類バイオマス*/
.page-top .app-search .app-panel li:nth-child(19) {
 background-color: rgb(5, 160, 75);
}
/*CO₂吸収コンクリート*/
.page-top .app-search .app-panel li:nth-child(20) {
 background-color: rgb(8, 80, 141);
}
/*木質バイオマス*/
.page-top .app-search .app-panel li:nth-child(21) {
 background-color: rgb(67, 121, 58);
}
/*CO2回収・固定化*/
.page-top .app-search .app-panel li:nth-child(22) {
 background-color: rgb(149, 99, 169);
}
/*CO2の排出削減*/
.page-top .app-search .app-panel li:nth-child(23) {
 background-color: rgb(196, 184, 68);
}
/*CO2の再利用*/
.page-top .app-search .app-panel li:nth-child(24) {
 background-color: rgb(52, 166, 163);
}
@media screen and (min-width: 751px) {
 .page-top .app-search .app-panel {
  display: grid;
  grid-template-columns: repeat(7, 140px);
  grid-template-rows: repeat(4, 140px);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
 }
}
@media screen and (max-width: 750px) {
 .page-top .app-search .app-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 .page-top .app-search .app-panel li {
  width: 48%;
  height: 140px;
  font-size: 14px;
 }
 .page-top .app-search .app-panel li:nth-child(1) {
  width: 100%;
  height: 280px;
 }
 .page-top .app-search .app-panel li:nth-child(n+2) {
  margin-top: 4%;
 }
 .page-top .app-search .app-panel li:nth-child(16) {
  display: none;
 }
}
.page-top .top-news li {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 15px 0;
 border-bottom: 1px dashed #ccc;
 font-size: 16px;
}
.page-top .top-news a {
 text-decoration: underline;
 text-underline-offset: 5px;
}
.page-top .top-news a:hover {
 text-decoration: none;
}
.page-top .top-news li dl {
 display: flex;
 align-items: center;
}
.page-top .top-news li dd {
 margin-left: 50px;
}
@media screen and (max-width: 750px) {
 .page-top .top-news {
  font-size: 13px;
 }
 .page-top .top-news li {
  display: block;
  padding: 0 0 15px;
  font-size: 13px;
 }
 .page-top .top-news a:hover {
  text-decoration: none;
 }
 .page-top .top-news li dl {
  display: block;
 }
 .page-top .top-news li dd {
  margin-left: 0;
 }
 .page-top .top-news p {
  text-align: right;
 }
}
.page-top .top-catalog .inner .txt h3 {
 padding-bottom: 30px;
 font-size: 25px;
 font-weight: 700;
 line-height: 1.5;
}
.page-top .top-catalog .inner .txt h4 {
 font-size: 22px;
 font-weight: 700;
}
.page-top .top-catalog .inner .txt h5 {
 font-size: 18px;
 font-weight: 600;
}
.page-top .top-catalog .inner .txt p {
 padding: 25px 0 45px;
 font-size: 14px;
 line-height: 1.85;
}
.page-top .top-catalog .inner .txt a.btn-link {
 position: relative;
 display: inline-flex;
 border: 1px solid #000;
 padding: 15px 50px 15px 25px;
}
.page-top .top-catalog .inner .txt a.btn-link::after {
 content: "";
 position: absolute;
 top: 50%;
 right: 25px;
 vertical-align: middle;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 width: 6px;
 height: 6px;
 border-top: 1px solid #000;
 border-right: 1px solid #000;
 transform: translateY(-50%) rotate(45deg);
}
.page-top .top-catalog .inner .txt a.btn-link:hover {
 background-color: #000;
 color: #fff;
 opacity: 1;
}
.page-top .top-catalog .inner .txt a.btn-link:hover::after {
 border-top-color: #fff;
 border-right-color: #fff;
}
@media screen and (min-width: 751px) {
 .page-top .top-catalog .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
 }
 .page-top .top-catalog .inner .photo {
  width: 300px;
 }
 .page-top .top-catalog .inner .txt {
  flex: 1 0 0;
  padding-left: 60px;
 }
}
@media screen and (max-width: 750px) {
 .page-top .top-catalog .inner .photo {
  padding: 0 50px;
 }
 .page-top .top-catalog .inner .txt h3 {
  padding: 15px 0 0;
  font-size: 20px;
  text-align: center;
 }
 .page-top .top-catalog .inner .txt h4 {
  padding-top: 10px;
  font-size: 17px;
  text-align: center;
 }
 .page-top .top-catalog .inner .txt h5 {
  font-size: 14px;
  text-align: center;
 }
 .page-top .top-catalog .inner .txt p {
  padding: 15px 0;
  font-size: 13px;
 }
 .page-top .top-catalog .inner .txt a.btn-link {
  width: 100%;
  display: block;
  text-align: center;
 }
}
.page-top .top-environment h3 {
 padding-bottom: 30px;
 font-size: 26px;
 font-weight: 700;
 line-height: 1.5;
 text-align: center;
}
.page-top .top-environment .inner .txt p {
 padding: 0 0 45px;
 font-size: 14px;
 line-height: 1.85;
}
.page-top .top-environment .inner .txt a.btn-link {
 position: relative;
 display: inline-flex;
 border: 1px solid #000;
 padding: 15px 50px 15px 25px;
}
.page-top .top-environment .inner .txt a.btn-link::after {
 content: "";
 position: absolute;
 top: 50%;
 right: 25px;
 vertical-align: middle;
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
 width: 6px;
 height: 6px;
 border-top: 1px solid #000;
 border-right: 1px solid #000;
 transform: translateY(-50%) rotate(45deg);
}
.page-top .top-environment .inner .txt a.btn-link:hover {
 background-color: #000;
 color: #fff;
 opacity: 1;
}
.page-top .top-environment .inner .txt a.btn-link:hover::after {
 border-top-color: #fff;
 border-right-color: #fff;
}
.page-top .top-environment .inner .txt a.txt-link {
 color: #0563C1;
 text-decoration: underline;
}
.page-top .top-environment .inner .txt a.txt-link:hover {
 text-decoration: none;
}
@media screen and (min-width: 751px) {
 .page-top .top-environment {
  padding-top: 20px;
 }
 .page-top .top-environment .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
 }
 .page-top .top-environment .inner .photo {
  width: 520px;
 }
 .page-top .top-environment .inner .txt {
  flex: 1 0 0;
  padding-left: 60px;
 }
}
@media screen and (max-width: 750px) {
 .page-top .top-environment {
  padding-top: 0;
 }
 .page-top .top-environment h3 {
  padding: 0 20px 15px;
  font-size: 20px;
 }
 .page-top .top-environment .inner .txt {
  margin-top: 15px;
 }
 .page-top .top-environment .inner .txt p {
  padding: 15px 0 30px;
  font-size: 13px;
 }
 .page-top .top-environment .inner .txt a.btn-link {
  width: 100%;
  display: block;
  text-align: center;
 }
}
.page-top .top-related .related-inner {
 max-width: 900px;
 margin: 0 auto;
}
.page-top .top-related li a {
 display: block;
}
.page-top .top-related li a span {
 display: block;
 padding-top: 10px;
 font-size: 13px;
}
.page-top .top-related li a p {
 font-size: 15px;
 font-weight: 500;
 line-height: 1.5;
}
@media screen and (min-width: 751px) {
 .page-top .top-related ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
 }
 .page-top .top-related li {
  width: 47.5%;
 }
 .page-top .top-related li:nth-child(n+3) {
  margin-top: 45px;
 }
}
@media screen and (max-width: 750px) {
 .page-top .top-related {
  padding: 0;
 }
 .page-top .top-related ul {
  display: block;
  margin-top: 30px;
 }
 .page-top .top-related li:nth-child(n+2) {
  margin-top: 25px;
 }
}
@media screen and (min-width: 751px) {
 .page-ttl {
  height: 184px;
 }
 .page-ttl .ttl-inner {
  display: flex;
  justify-content: space-between;
  width: 1040px;
  margin: 0 auto;
  padding: 40px 50px;
 }
 .page-ttl .ttl-inner.ttl-small {
  padding: 30px 50px 50px;
 }
 .page-ttl .ttl-inner .txt {
  flex: 1 0 0;
  padding-right: 30px;
 }
}
@media screen and (max-width: 750px) {
 .page-ttl .ttl-inner .txt {
  padding: 25px;
 }
}
.page-ttl.ttl-industries01 {
 background: -moz-linear-gradient(left, rgb(35, 91, 162), rgba(35, 91, 162, .5));
 background: -webkit-linear-gradient(left, rgb(35, 91, 162), rgba(35, 91, 162, .5));
 background: linear-gradient(to right, rgb(35, 91, 162), rgba(35, 91, 162, .5));
}
.page-ttl.ttl-industries02 {
 background: -moz-linear-gradient(left, rgb(31, 185, 223), rgba(31, 185, 223, .5));
 background: -webkit-linear-gradient(left, rgb(31, 185, 223), rgba(31, 185, 223, .5));
 background: linear-gradient(to right, rgb(31, 185, 223), rgba(31, 185, 223, .5));
}
.page-ttl.ttl-industries03 {
 background: -moz-linear-gradient(left, rgb(241, 141, 0), rgba(241, 141, 0, .5));
 background: -webkit-linear-gradient(left, rgb(241, 141, 0), rgba(241, 141, 0, .5));
 background: linear-gradient(to right, rgb(241, 141, 0), rgba(241, 141, 0, .5));
}
.page-ttl.ttl-industries04 {
 background: -moz-linear-gradient(left, rgb(240, 181, 3), rgba(240, 181, 3, .5));
 background: -webkit-linear-gradient(left, rgb(240, 181, 3), rgba(240, 181, 3, .5));
 background: linear-gradient(to right, rgb(240, 181, 3), rgba(240, 181, 3, .5));
}
.page-ttl.ttl-industries05 {
 background: -moz-linear-gradient(left, rgb(166, 195, 4), rgba(166, 195, 4, .5));
 background: -webkit-linear-gradient(left, rgb(166, 195, 4), rgba(166, 195, 4, .5));
 background: linear-gradient(to right, rgb(166, 195, 4), rgba(166, 195, 4, .5));
}
.page-ttl.ttl-industries06 {
 background: -moz-linear-gradient(left, rgb(0, 174, 160), rgba(0, 174, 160, .5));
 background: -webkit-linear-gradient(left, rgb(0, 174, 160), rgba(0, 174, 160, .5));
 background: linear-gradient(to right, rgb(0, 174, 160), rgba(0, 174, 160, .5));
}
.page-ttl.ttl-industries07 {
 background: -moz-linear-gradient(left, rgb(0, 161, 101), rgba(0, 161, 101, .5));
 background: -webkit-linear-gradient(left, rgb(0, 161, 101), rgba(0, 161, 101, .5));
 background: linear-gradient(to right, rgb(0, 161, 101), rgba(0, 161, 101, .5));
}
.page-ttl.ttl-industries08 {
 background: -moz-linear-gradient(left, rgb(149, 99, 169), rgba(149, 99, 169, .5));
 background: -webkit-linear-gradient(left, rgb(149, 99, 169), rgba(149, 99, 169, .5));
 background: linear-gradient(to right, rgb(149, 99, 169), rgba(149, 99, 169, .5));
}
.page-ttl .ttl-inner .txt h1 {
 padding-bottom: 10px;
 color: #fff;
 font-weight: 600;
 line-height: 1.2;
}
.page-ttl .ttl-inner .txt h1 span {
 display: block;
 font-size: 20px;
}
.page-ttl .ttl-inner .txt p {
 padding-top: 10px;
 font-size: 16px;
 font-weight: 500;
 color: #fff;
 line-height: 1.2;
}
.page-ttl .ttl-inner .txt p.page-ttl-txt-small {
 font-size: 15px;
}
@media screen and (min-width: 751px) {
 .page-ttl .ttl-inner .txt h1 {
  position: relative;
  font-size: 32px;
  border-bottom: 1px solid #fff;
 }
 .page-ttl .ttl-inner .txt h1::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -100%;
  width: 100%;
  height: 1px;
  background-color: #fff;
 }
 .page-ttl .ttl-inner.ttl-small .txt h1 {
  font-size: 30px;
  line-height: 1.3;
 }
 .page-ttl .ttl-inner.ttl-small .txt p {
  line-height: 1.3;
 }
}
@media screen and (max-width: 750px) {
 .page-ttl .ttl-inner .txt {
  text-align: center;
 }
 .page-ttl .ttl-inner .txt h1 {
  padding-bottom: 10px;
  font-size: 24px;
 }
 .page-ttl .ttl-inner .txt h1 span {
  display: block;
  font-size: 16px;
 }
 .page-ttl .ttl-inner .txt img {
  border-radius: 10px;
 }
 .page-ttl .ttl-inner .txt p {
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
 }
}
.page-ttl .ttl-inner .photo {
 position: relative;
 width: 300px;
}
.page-ttl .ttl-inner.ttl-small .photo {
 margin-top: 10px;
}
.page-ttl .ttl-inner .photo img {
 position: absolute;
 top: -15px;
 border-radius: 10px;
}
.page-ttl.ttl-application {
 display: flex;
 align-items: center;
 background: -moz-linear-gradient(left, rgb(0, 99, 145), rgba(0, 99, 145, .5));
 background: -webkit-linear-gradient(left, rgb(0, 99, 145), rgba(0, 99, 145, .5));
 background: linear-gradient(to right, rgb(0, 99, 145), rgba(0, 99, 145, .5));
}
.page-ttl.ttl-application .ttl-inner .txt h1 {
 border: none;
 padding: 0;
}
.page-ttl.ttl-application h1::after {
 display: none;
}
@media screen and (max-width: 750px) {
 .page-ttl.ttl-application .ttl-inner {
  width: 100%;
 }
}
.contents-industries {
 padding-top: 80px;
 padding-bottom: 80px;
 background-color: #eaeff2;
}
@media screen and (max-width: 750px) {
 .contents-industries {
  padding: 40px 20px;
 }
}
.l-more {
 padding: 2px 5px 3px;
 line-height: 1;
 font-size: 12px;
 color: #fff;
}
.contents-industries01 .heading-ind, .contents-industries01 .headline-type2 {
 color: rgb(35, 91, 162);
}
.contents-industries01 .headline {
 border-left-color: rgb(35, 91, 162);
}
.contents-industries01 .ind-products li h5::before, .contents-industries01 .l-more {
 background-color: rgb(35, 91, 162);
}
.contents-industries02 .heading-ind, .contents-industries02 .headline-type2 {
 color: rgb(31, 185, 223);
}
.contents-industries02 .headline {
 border-left-color: rgb(31, 185, 223);
}
.contents-industries02 .ind-products li h5::before, .contents-industries02 .l-more {
 background-color: rgb(31, 185, 223);
}
.contents-industries03 .heading-ind, .contents-industries03 .headline-type2 {
 color: rgb(241, 141, 0);
}
.contents-industries03 .headline {
 border-left-color: rgb(241, 141, 0);
}
.contents-industries03 .ind-products li h5::before, .contents-industries03 .l-more {
 background-color: rgb(241, 141, 0);
}
.contents-industries04 .heading-ind, .contents-industries04 .headline-type2 {
 color: rgb(240, 181, 3);
}
.contents-industries04 .headline {
 border-left-color: rgb(240, 181, 3);
}
.contents-industries04 .ind-products li h5::before, .contents-industries04 .l-more {
 background-color: rgb(240, 181, 3);
}
.contents-industries05 .heading-ind, .contents-industries05 .headline-type2 {
 color: rgb(166, 195, 47);
}
.contents-industries05 .headline {
 border-left-color: rgb(166, 195, 47);
}
.contents-industries05 .ind-products li h5::before, .contents-industries05 .l-more {
 background-color: rgb(166, 195, 47);
}
.contents-industries06 .heading-ind, .contents-industries06 .headline-type2 {
 color: rgb(0, 174, 160);
}
.contents-industries06 .headline {
 border-left-color: rgb(0, 174, 160);
}
.contents-industries06 .ind-products li h5::before, .contents-industries06 .l-more {
 background-color: rgb(0, 174, 160);
}
.contents-industries07 .heading-ind, .contents-industries07 .headline-type2 {
 color: rgb(0, 161, 101);
}
.contents-industries07 .headline {
 border-left-color: rgb(0, 161, 101);
}
.contents-industries07 .ind-products li h5::before, .contents-industries07 .l-more {
 background-color: rgb(0, 161, 101);
}
.contents-industries08 .heading-ind, .contents-industries08 .headline-type2 {
 color: rgb(149, 99, 169);
}
.contents-industries08 .headline {
 border-left-color: rgb(149, 99, 169);
}
.contents-industries08 .ind-products li h5::before, .contents-industries08 .l-more {
 background-color: rgb(149, 99, 169);
}
.box-ind {
 margin: 0 auto;
 background-color: #fff;
}
@media screen and (min-width: 751px) {
 .box-ind {
  width: 1040px;
  padding: 50px;
  border-radius: 15px;
 }
}
@media screen and (max-width: 750px) {
 .box-ind {
  padding: 30px 20px;
  border-radius: 10px;
 }
 .box-ind .box-boder-top {
  padding-top: 40px;
  border-top: 1px solid #ddd;
 }
}
.heading-ind {
 position: relative;
 margin-bottom: 40px;
 padding-bottom: 20px;
 font-size: 30px;
 font-weight: 600;
 text-align: center;
 line-height: 1.5;
}
.heading-ind::after {
 content: "";
 position: absolute;
 left: calc(50% - 25px);
 width: 50px;
 height: 5px;
 display: block;
 bottom: -1px;
 background-color: currentColor;
}
@media screen and (max-width: 750px) {
 .heading-ind {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-size: 20px;
 }
 .heading-ind::after {
  height: 3px;
  bottom: 3px;
 }
}
.headline {
 margin: 60px 0 40px;
 padding-bottom: 2px;
 padding-left: 15px;
 border-left-width: 5px;
 border-left-style: solid;
 font-size: 24px;
 font-weight: 700;
 color: #333;
 line-height: 1;
}
.headline span {
 display: block;
 padding-top: 5px;
 font-size: 18px;
}
.headline-type2 {
 position: relative;
 margin-top: 0;
}
.headline-type2::after {
 content: "";
 position: absolute;
 bottom: -10px;
 left: -5px;
 width: 100%;
 width: calc(100% + 5px);
 height: 2px;
 background-color: #ccc;
}
@media screen and (max-width: 750px) {
 .headline {
  margin: 40px 0 20px;
  padding-left: 15px;
  border-left-width: 3px;
  font-size: 18px;
  line-height: 1.2;
 }
 .headline span {
  font-size: 14px;
 }
 .headline-type2 {
  margin-top: 0;
  margin-bottom: 40px;
 }
}
.ind-inner {
 position: relative;
}
@media screen and (min-width: 751px) {
 .ind-inner {
  display: flex;
  flex-wrap: wrap;
 }
 .ind-inner-type1 .txt {
  flex: 1 0 0;
  padding-right: 50px;
 }
 .ind-inner-type1 .photo {
  width: 160px;
 }
 .ind-inner-type2 .txt {
  flex: 1 0 0;
  padding-right: 50px;
 }
 .ind-inner-type2 .photo {
  width: 240px;
 }
 .ind-inner-type3 .txt {
  flex: 1 0 0;
  padding-right: 50px;
 }
 .ind-inner-type3 .photo {
  width: 320px;
 }
 .ind-inner-type4 .txt {
  flex: 1 0 0;
  padding-right: 50px;
 }
 .ind-inner-type4 .photo {
  width: 480px;
 }
 .ind-inner-type2 .photo .photo-in {
  padding: 0 20px;
 }
}
.ind-inner-type5 {
 display: block;
}
@media screen and (min-width: 751px) {
 .ind-col3 {
  display: flex;
  width: 940px;
  justify-content: space-between;
 }
 .ind-col3 li {
  width: 300px;
 }
}
@media screen and (max-width: 750px) {
 .ind-col3 li:nth-child(n+2) {
  margin-top: 20px;
 }
}
.ind-inner h4 {
 width: 100%;
 font-size: 18px;
 font-weight: 700;
 color: #333;
 margin-bottom: 20px;
}
.ind-inner h4 a {
 color: #333;
 text-decoration: underline;
}
.ind-inner .txt h5 {
 margin-top: 20px;
 font-size: 16px;
 font-weight: 600;
}
.ind-inner .cv-keyword {
 display: flex;
 align-items: center;
}
.ind-inner .cv-keyword span {
 margin: 0 5px 0 0;
 padding: 6px 15px;
 background-color: #fff;
 border: 1px solid rgb(149, 99, 169);
 border-radius: 20px;
 font-size: 12px;
 line-height: 1;
}
@media screen and (max-width: 750px) {
 .ind-inner .cv-keyword {
  margin-top: 15px;
 }
 .ind-inner .cv-keyword span {
  font-size: 11px;
 }
}
.ind-inner .photo .photo-border {
 border: 1px solid #ccc;
}
.ind-list {
 list-style: disc;
 padding-left: 1.5em;
}
.ind-list a {
 text-decoration: underline;
}
@media screen and (min-width: 751px) {
 .photo.photo-pdf {
  padding-left: 144px;
 }
}
@media screen and (min-width: 751px) {
 .photo.photo-keyword {
  padding-top: 46px;
 }
}
@media screen and (max-width: 750px) {
 .ind-inner h4 {
  margin-bottom: 15px;
  font-size: 15px;
 }
 .ind-inner .txt h5 {
  margin-top: 15px;
  font-size: 13px;
 }
 .ind-list li {
  font-size: 12px;
 }
 .ind-inner-type1 .photo, .ind-inner-type2 .photo, .ind-inner-type3 .photo, .ind-inner-type2 .photo, .ind-inner-type4 .photo {
  padding: 20px 0 0;
 }
 .photo.photo-pdf {
  padding-right: 50px;
  padding-left: 50px;
 }
}
@media screen and (min-width: 751px) {
 .ind-products {
  display: flex;
  flex-wrap: wrap;
 }
 .ind-products li {
  width: 31.6%;
  margin-right: 2.6%;
 }
 .ind-products li:nth-child(3n) {
  margin-right: 0;
 }
 .ind-products li:nth-child(n+4) {
  margin-top: 5%;
 }
}
@media screen and (max-width: 750px) {
 .ind-products li:nth-child(n+2) {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #ddd;
 }
}
.ind-products li h5 {
 position: relative;
 padding-bottom: 15px;
 padding-left: 17px;
 font-size: 15px;
 font-weight: 500;
 line-height: 1.3;
}
.ind-products li h5::before {
 content: "";
 position: absolute;
 top: .3em;
 left: 0;
 width: 12px;
 height: 12px;
}
.ind-products li h5.no-mark::before {
 display: none;
}
.ind-products li .products-inner {
 padding-left: 17px;
}
@media screen and (min-width: 751px) {
 .ind-products li .products-inner img {
  width: 80%;
  height: auto;
 }
}
.ind-products li p {
 padding: 5px 0 10px;
 line-height: 1.4;
}
.ind-products li a {
 position: relative;
 display: block;
 max-width: 205px;
 padding: 6px 25px 7px 5px;
 border: 1px solid #4d4d4d;
 color: #4d4d4d;
 font-size: 12px;
 line-height: 1;
}
@media screen and (max-width: 750px) {
 .ind-products li a {
  max-width: 200px;
  letter-spacing: 0;
  font-size: 12px;
 }
}
.ind-products li a::before, .ind-products li a::after {
 content: "";
 position: absolute;
 top: 0;
 vertical-align: middle;
 width: 6px;
 height: 6px;
 border-top: 1px solid #4d4d4d;
 border-right: 1px solid #4d4d4d;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.ind-products li a::before {
 top: 10px;
 right: 10px;
}
.ind-products li a::after {
 top: 10px;
 right: 16px;
}
.contents-industries .text-small {
 font-size: 1.2rem;
}
@media screen and (max-width: 750px) {
 .contents-industries .text-small {
  font-size: 1.1rem;
 }
}
.c-shimadzu {
 padding-top: 50px;
 padding-bottom: 50px;
 border-top: 1px solid #e6e6e6;
}
@media screen and (min-width: 768px) {
 .c-shimadzu {
  margin-top: 50px;
 }
}
@media screen and (max-width: 767px) {
 .c-shimadzu {
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 0;
 }
}
.c-shimadzu .c-shimadzu-icon {
 text-align: center;
 font-size: 45px;
 line-height: 1;
 height: 45px;
 color: #999999;
}
.c-shimadzu h4 {
 padding: 10px 0 20px;
 font-size: 32px;
 line-height: 1;
 text-align: center;
 font-weight: bold;
}
@media screen and (max-width: 767px) {
 .c-shimadzu h4 {
  padding: 10px 0 20px;
  font-size: 20px;
 }
}
@media screen and (min-width: 768px) {
 .c-shimadzu ul {
  display: flex;
  justify-content: center;
 }
 .c-shimadzu li {
  margin-right: 20px;
 }
 .c-shimadzu li:last-child {
  margin-right: 0;
 }
}
@media screen and (max-width: 767px) {
 .c-shimadzu li {
  border-top: 1px solid #e6e6e6;
 }
 .c-shimadzu li:last-child {
  border-bottom: 1px solid #e6e6e6;
 }
}
.c-shimadzu li a {
 color: #dd0000;
 padding: 20px 20px 20px 12px;
 border: none;
 display: flex;
 justify-content: space-between;
 align-items: center;
 background-color: #fff;
 font-size: 14px;
 text-decoration: none;
}
.c-shimadzu li a:hover {
 background-color: #dd0000;
 color: #fff;
 opacity: 1;
}
@media screen and (min-width: 768px), print {
 .c-shimadzu li a {
  cursor: pointer;
  min-width: 230px;
  min-height: 50px;
  padding: 5px 35px;
  border-radius: 999px;
  border: 1px solid #dd0000;
  justify-content: center;
 }
}
@media screen and (min-width: 768px), print {
 .c-shimadzu li a i {
  display: none;
 }
}
.c-shimadzu-caution {
 max-width: 1040px;
 margin: 0 auto;
 padding: 25px 0 0 0;
}
.c-shimadzu-caution p {
 color: #6e6e6e;
 font-size: 13px;
}
@media screen and (max-width: 767px) {
 .c-shimadzu-caution {
  padding: 20px 12px;
 }
}