@charset "utf-8";

/* ===========================================================
 AIS_typs 地域用
=========================================================== */

/* ===========================================================
 Non-display area of the smartphone
=========================================================== */
.pcArea {
  display: none !important;
}
.spArea {
  display: block !important;
}

/*boxsizing*/
*,
:hover,
:before,
:after {
  box-sizing: border-box;
}

/* ===========================================================
 common
=========================================================== */
body {
  -webkit-text-size-adjust: none;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Roboto",
    "Droid Sans", メイリオ, "sans-serif";
  min-width: 100%;
}
#skinBody {
  min-width: 100%;
  position: relative;
}
h2 {
  margin-top: 1em;
}

/* a タグ折り返し[2017.9.7追加] ---------------------- */
a {
  word-wrap: break-word;
}

div.contentsImg img {
  max-width: 100%;
}
/* ===========================================================
 headBody
=========================================================== */
#skinTypes #headLogoBody {
  width: 100%;
  border-width: 3px !important;
  padding: 6px 0 !important;
}
#headLogoBody div[class*="HeadLogoPane"] {
  width: 100%;
}
#headLogoBody .jp_logo,
#headLogoBody .logo_en {
  padding: 8px 0 7px 10px;
  min-height: 37.5px;
}
#headLogoBody .jp_logo img,
#headLogoBody .logo_en img {
  max-height: 22px;
  max-width: 250px;
}

#headBody #headTopWrap #headTopArea,
#headBody #headWrap {
  width: 100%;
}
#headBody #headTopWrap {
  background: none;
}

/* TypesHeadPane -----------------------------------------------------------*/
div[class*="HeadPane"] {
  width: auto;
  float: none;
}
div[class*="HeadPane"] .headNav {
  padding: 0 2%;
}
div[class*="HeadPane"] .headNav ul li {
  float: none;
  background-color: inherit;
  background: none;
  margin-bottom: 1px;
}
div[class*="HeadPane"] .headNav ul li a {
  width: 100%;
  height: auto;
  text-indent: 0;
  display: block;
  background: #333333;
  line-height: 1.5;
  padding: 12px 2em 12px 1em;
  color: #fff;
  text-decoration: none;
  font-size: 116%;
  position: relative;
}
div[class*="HeadPane"] .headNav ul li a:before {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 6px solid #d60c1d;
  position: absolute;
  content: "";
  display: block;
  top: 18px;
  right: 10px;
}

/* p.btnEnglish -----------------------------------------------------------*/
p.btnEnglish {
  float: none;
  padding: 0 0 15px 0;
  text-align: center;
}
p.btnEnglish a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 25px;
  background: transparent;
  color: #fff !important;
  text-decoration: none !important;
}
p.btnEnglish a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background: url(/Portals/0/images/common/ico_global.png) 0 0 no-repeat;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
}

/* searchWrap_sp -----------------------------------------------------------*/
.searchWrap_sp {
  display: block;
  padding: 20px 0 0 0 !important;
  float: none;
  position: relative;
  width: 90%;
  margin: 0 auto 10px;
}
.searchWrap_sp input[type="text"] {
  width: 100%;
  height: 30px;
  border-radius: 0;
}
.searchWrap_sp input[type="button"] {
  top: 3px;
}

.blue .searchWrap,
.red .searchWrap {
  float: none;
  position: relative;
  width: 90%;
  padding: 0;
  margin: 0 auto 10px;
}
.blue .searchWrap input[type="text"],
.red .searchWrap input[type="text"] {
  width: 100%;
  height: 30px;
  border-radius: 0;
}
.blue .searchWrap input[type="button"],
.red .searchWrap input[type="button"] {
  top: 3px;
}

/* btn_asitTop -----------------------------------------------------------*/
.btn_asitTop {
  float: none;
  padding: 0 2%;
  text-align: center;
  margin: 0 0 10px 0;
}
.btn_asitTop a {
  background-color: #eee;
  display: block;
  margin: 0 9px;
  padding: 10px;
}

/* Logo -----------------------------------------------------------*/
#headWrap div.TypesHeadLogoPane {
  float: left;
  width: auto;
  margin: 0;
  padding: 0 0 0 10px;
}
#headWrap div.TypesHeadLogoPane a {
  display: block;
}
#headWrap h1.jp_logo {
  min-height: 1px;
}
#headWrap p.jp_logo {
  padding: 0;
}
#headWrap .jp_logo img {
  max-height: 22px;
}

/* ===========================================================
 skin
=========================================================== */
#skinTypes {
  background: #fff;
}

.blue #mainBody,
.blue #footTopBody,
.red #mainBody,
.red #footTopBody {
  background: #efeff0;
}

#blockskip {
  display: none;
}
#mainBody,
#skinTypes .breadcrumbs,
.pagetop,
#footTopBody div#TypesFootTopPane,
#footBody .footWrap {
  width: 100%;
}

#skinTypes #contentWrap,
#skinTypes #sideWrap,
#footBody div.TypesFootPane,
p.copyright {
  float: none;
  width: 100%;
}
#footBody .btnBox {
  padding: 24px 0 30px;
}
#footBody .btnBox .linkList {
  display: none;
}
#footBody .btnBox p,
#footBody address {
  font-size: 1rem;
  padding: 0;
}
#footBody address a {
  color: inherit !important;
  text-decoration: none;
}
#skinTypes #ContentPane,
#footTopBody {
  padding: 0 2%;
}

.blue div#mainBody,
.red div#mainBody {
  padding: 10px 2% !important;
  margin: 0 !important;
  width: 100% !important;
}
.orange div#mainBody {
  width: 100% !important;
  padding: 45px 12px 10px !important;
  margin: 0;
}

p.pagetop {
  background: #efeff0;
}
p.copyright {
  text-align: center;
  margin: 10px 0 0 0;
  padding: 0 3%;
}
#skinTypes #sideWrap {
  margin-top: 2em;
}

#skinTypes #ContentPane {
  padding-top: 10px;
}

#skinTypes .TypesPageTopPane {
  width: 100%;
}

#headWrap {
  min-height: inherit;
  background: none;
  padding: 0;
}

#gFooter .pageTop,
#footTopBody .pageTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 97px;
  right: 8px;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgb(0 0 0 / 16%);
  z-index: 10;
}

/* ===========================================================
 research
=========================================================== */
div#research > div.Content07Pane {
  width: 100%;
  margin: 0;
  padding: 0;
}

/*========================================================
 FootPane
 ========================================================*/
/* #skinTypes div#TypesFootPane ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blue #skinTypes div#TypesFootPane ul{
  display: inline !important;
}
#skinTypes div#TypesFootPane ul {
  padding: 0 2%;
}
#skinTypes div#TypesFootPane ul li {
  width: 50%;
  margin: 0;
  padding: 0 0 0 10px;
}
#skinTypes div#TypesFootPane ul li a {
  display: block;
  position: relative;
  padding: 0 0 0 10px;
}
#skinTypes div#TypesFootPane ul li a:before {
  left: 3px;
  box-sizing: border-box;
  width: 4px;
  height: 8px;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
  position: absolute;
  content: "";
  display: block;
  top: 4px;
} */

/* ===========================================================
 burger
=========================================================== */
#headWrap #headBody {
  background: rgba(0, 0, 0, 0.9);
  display: block !important;
  float: none;
  height: auto;
  margin-top: -100px;
  opacity: 0 !important;
  padding: 100px 0 10px 0;
  position: absolute !important;
  top: 52px;
  width: 100%;
  z-index: 2001;
}

/* burger */
.burgerMotion {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 36px;
  height: 36px;
  background: #333333;
  z-index: 1;
}
.burgerMotion p {
  width: 22px;
  height: 36px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.burgerMotion p span {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2px;
  margin-top: 17px;
  background-color: #fff;
  vertical-align: middle;
}
.burgerMotion.active p {
  width: 36px;
  margin: 0;
}
.burgerMotion.active p span {
  background-color: rgba(255, 255, 255, 0);
}
.burgerMotion p span:before,
.burgerMotion p span:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.burgerMotion p span:before {
  margin-top: -7px;
  background-color: #fff;
}
.burgerMotion p span:after {
  margin-top: 7px;
  background-color: #fff;
}
.burgerMotion.active p {
  width: 36px;
}
.burgerMotion.active p span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 26px;
  margin: 6px 0 0 5px;
  margin-top: 0;
  background-color: #fff;
}
.burgerMotion.active p span:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 26px;
  margin: 6px 0 0 5px;
  margin-top: 0;
  background-color: #fff;
}
/*アクセシビリティ対応　20200303*/
.burgerMotion a#baggerMenuText {
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  right: -7px;
  top: -17px;
  text-indent: -9999px;
}
/* ===========================================================
 サイドナビ
=========================================================== */
.SEOMenuV2 .sNav ul li a[href="/index_ja.html"] {
  display: none;
}

/* ---------------------------------------------------------
 ページング
--------------------------------------------------------- */
table.search_no td {
  padding: 10px;
}
table.search_no td p:after {
  content: "";
  display: block;
  clear: both;
}
table.search_no td a {
  display: inline-block;
  margin-bottom: 10px;
  clear: both;
}
table.search_no td a.first/*最初のページ*/,
table.search_no td a.prev/*前の20件*/,
table.search_no td a.next/*次の20件*/,
table.search_no td a.last/*最後のページ*/ {
  width: 35%;
  display: block;
  float: left;
  clear: none;
}
table.search_no td a.first/*最初のページ*/,
table.search_no td a.next/*次の20件*/ {
  margin: 0 1% 10px 14%;
}
table.search_no td a.prev/*前の20件*/,
table.search_no td a.last/*最後のページ*/ {
  margin: 0 14% 10px 1%;
}
table.search_no td span {
  display: inline-block;
}
@media only screen and (orientation: landscape) {
  /*横*/
  table.search_no td p {
    padding: 0 80px;
  }
}

/*========================================================
 PagetitlePane
 ========================================================*/
h1.fieldTitle {
  overflow: hidden;
}
h1.fieldTitle img {
  height: auto !important;
  width: auto !important;
  max-width: 100%;
}

/* ===========================================================
 index
=========================================================== */
/* kv */
.sliderWrapper {
  padding-bottom: 0;
  margin-bottom: -1em;
  padding-top: 0;
}
.lof-slidecontent .sliders-wrapper {
  margin: 0 auto;
  overflow: hidden;
}
.lof-slidecontent {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
.lof-slidecontent .main-slider-content {
  height: auto;
}
.lof-slidecontent ul.sliders-wrap-inner {
  position: relative;
}
.lof-slidecontent .navigator-content .button-next,
.lof-slidecontent .navigator-content .button-previous {
  display: none;
}
.lof-slidecontent .navigator-wrapper {
  overflow: visible;
  width: 100% !important;
  margin: 6px 0 20px;
}
.lof-slidecontent ul.navigator-wrap-inner {
  position: static;
  margin: 0 auto;
}
.lof-slidecontent .navigator-content {
  height: auto;
  bottom: 0;
  width: 100%;
}
.lof-slidecontent ul.navigator-wrap-inner li {
  background: #000;
  border: #fff solid 2px;
}
.lof-slidecontent ul.navigator-wrap-inner li img {
  display: none;
}
.lof-slidecontent ul.navigator-wrap-inner li.active {
  background: #e60012;
}

/* ------------------------------------------------------------
	Slider Motion
------------------------------------------------------------ */
.slider-motion #slider .sl-slide,
.slider-motion #slider.sl-slider-wrapper,
.slider-motion #slider .sl-slider .sl-slides-wrapper,
.slider-motion #slider .sl-slide-inner {
  width: 100%;
}
.slider-motion #slider .nav-dots span {
  width: 7px;
  height: 7px;
}
.slider-motion #slider .sl-slider .slider-title a {
  font-size: 82%;
  line-height: 1.2;
}
.slider-motion #slider .sl-slider blockquote {
  font-size: 100%;
  padding: 10px 10px 5px 10px;
  line-height: 1.4;
}
.slider-motion #slider .sl-slider .slider-title {
  padding: 15px 10px 0 10px;
}

.nav-dots#nav-dots span.nav-dot-current:after {
  width: 5px;
  height: 5px;
  top: 1px;
  left: 1px;
}
.nav-dots#nav-dots {
  height: 15px;
}

/* ---------------------------------------------------------
 news
--------------------------------------------------------- */
#skinTypes .content_wrap {
  width: 100%;
}

.newsList .newsDate,
.newsList .newsTitle {
  float: none;
  width: 100%;
}
#skinTypes .newsList .newsTitle {
  width: 100% !important;
}
#skinTypes .newsListIndex {
  padding: 30px 15px 15px;
  margin: -10px -2% 0;
}
#skinTypes .newsListIndex.newest .newsBackLink {
  right: 15px;
  top: 12px;
}
#skinTypes .content_wrap .newsList li {
  display: none;
}
#skinTypes .content_wrap .newsList li:nth-child(1),
#skinTypes .content_wrap .newsList li:nth-child(2),
#skinTypes .content_wrap .newsList li:nth-child(3) {
  display: block;
}
#skinTypes .content_wrap .newsList li:nth-child(3) {
  border: none;
}

/*========================================================
 SidePane
 ========================================================*/
ul.bn_sideArea {
  text-align: center;
}
ul.bn_sideArea:after {
  content: "";
  display: block;
  clear: both;
}
ul.bn_sideArea li {
  float: left;
  width: 49%;
  margin-left: 1%;
}
ul.bn_sideArea li:nth-child(even) {
  margin-left: 0;
  clear: left;
}

#skinTypes .TypesSideTopPane ul.bn_sideArea li {
  width: 49%;
  margin-left: 1%;
}
#skinTypes .TypesSideTopPane ul.bn_sideArea li:nth-child(even) {
  margin-left: 0;
}
#skinTypes #sideWrap ul.bn_sideArea li:first-child {
  display: block;
  width: 100%;
  text-align: left;
  margin-left: 0;
  background-color: transparent;
  font-size: 0rem;
}

ul.bn_sideArea + br {
  display: none;
}

/*========================================================
 お知らせタブ
 ========================================================*/
#skinTypes #contentWrap #tab {
  padding: 0;
  margin: 0;
}
#skinTypes #contentWrap #tab li {
  width: 49.5%;
  text-indent: 0;
  padding: 8px 0 8px 22px;
  background-size: 14px auto;
  margin: 0 0 1% 1%;
  background-position: 5px center;
  background-repeat: no-repeat;
  background-color: #707070;
  color: #a2a2a3;
  height: auto;
}
#skinTypes #contentWrap #tab li:nth-child(2n + 1) {
  margin-left: 0;
}
#skinTypes #contentWrap #tab li.select {
  background-position: 5px center !important;
  background-color: #fff !important;
  color: #333;
}

#skinTypes.red #contentWrap #tab li.tab01,
#skinTypes.blue #contentWrap #tab li.tab01,
#skinTypes.carrot #contentWrap #tab li.tab01,
#skinTypes.green #contentWrap #tab li.tab01,
#skinTypes.lightgreen #contentWrap #tab li.tab01,
#skinTypes.navy #contentWrap #tab li.tab01,
#skinTypes.orange #contentWrap #tab li.tab01 {
  background-image: url(/Portals/0/images/common/tab_news01_off.png);
  margin-left: 0;
  letter-spacing: -1.5px;
}

#skinTypes.red #contentWrap #tab li.tab02,
#skinTypes.blue #contentWrap #tab li.tab02,
#skinTypes.carrot #contentWrap #tab li.tab02,
#skinTypes.green #contentWrap #tab li.tab02,
#skinTypes.lightgreen #contentWrap #tab li.tab02,
#skinTypes.navy #contentWrap #tab li.tab02,
#skinTypes.orange #contentWrap #tab li.tab02 {
  background-image: url(/Portals/0/images/common/tab_news02_off.png);
}

#skinTypes.red #contentWrap #tab li.tab03,
#skinTypes.blue #contentWrap #tab li.tab03,
#skinTypes.carrot #contentWrap #tab li.tab03,
#skinTypes.green #contentWrap #tab li.tab03,
#skinTypes.lightgreen #contentWrap #tab li.tab03,
#skinTypes.navy #contentWrap #tab li.tab03,
#skinTypes.orange #contentWrap #tab li.tab03 {
  background-image: url(/Portals/0/images/common/tab_news03_off.png);
}

#skinTypes.red #contentWrap #tab li.tab04,
#skinTypes.blue #contentWrap #tab li.tab04,
#skinTypes.carrot #contentWrap #tab li.tab04,
#skinTypes.green #contentWrap #tab li.tab04,
#skinTypes.lightgreen #contentWrap #tab li.tab04,
#skinTypes.navy #contentWrap #tab li.tab04,
#skinTypes.orange #contentWrap #tab li.tab04 {
  background-image: url(/Portals/0/images/common/tab_news04_off.png);
}

#skinTypes.red #contentWrap #tab li.tab05,
#skinTypes.blue #contentWrap #tab li.tab05,
#skinTypes.carrot #contentWrap #tab li.tab05,
#skinTypes.green #contentWrap #tab li.tab05,
#skinTypes.lightgreen #contentWrap #tab li.tab05,
#skinTypes.navy #contentWrap #tab li.tab05,
#skinTypes.orange #contentWrap #tab li.tab05 {
  background-image: url(/Portals/0/images/common/tab_news05_off.png);
}

/***** .red *****/
#skinTypes.red #contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01.png);
  margin-left: 0;
}
#skinTypes.red #contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02.png);
}
#skinTypes.red #contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03.png);
}
#skinTypes.red #contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04.png);
}
#skinTypes.red #contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05.png);
}

/***** .blue *****/
#skinTypes.blue #contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01_blue.png);
  margin-left: 0;
}
#skinTypes.blue #contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02_blue.png);
}
#skinTypes.blue #contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03_blue.png);
}
#skinTypes.blue #contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04_blue.png);
}
#skinTypes.blue #contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05_blue.png);
}

/***** .carrot *****/
#skinTypes.carrot #contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01_carrot.png);
  margin-left: 0;
}
#skinTypes.carrot #contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02_carrot.png);
}
#skinTypes.carrot #contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03_carrot.png);
}
#skinTypes.carrot #contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04_carrot.png);
}
#skinTypes.carrot #contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05_carrot.png);
}

/***** .green *****/
#skinTypes.green #contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01_green.png);
  margin-left: 0;
}
#skinTypes.green #contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02_green.png);
}
#skinTypes.green #contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03_green.png);
}
#skinTypes.green #contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04_green.png);
}
#skinTypes.green #contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05_green.png);
}

/***** .lightgreen *****/
#skinTypes.lightgreen #contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01_lightgreen.png);
  margin-left: 0;
}
#skinTypes.lightgreen #contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02_lightgreen.png);
}
#skinTypes.lightgreen #contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03_lightgreen.png);
}
#skinTypes.lightgreen #contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04_lightgreen.png);
}
#skinTypes.lightgreen #contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05_lightgreen.png);
}

/***** .navy *****/
#skinTypes.navy #contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01_navy.png);
  margin-left: 0;
}
#skinTypes.navy #contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02_navy.png);
}
#skinTypes.navy #contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03_navy.png);
}
#skinTypes.navy #contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04_navy.png);
}
#skinTypes.navy #contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05_navy.png);
}

/***** .orange *****/
#skinTypes.orange #contentWrap #tab li.tab01.select {
  background-image: url(/Portals/0/images/common/tab_news01_orange.png);
  margin-left: 0;
}
#skinTypes.orange #contentWrap #tab li.tab02.select {
  background-image: url(/Portals/0/images/common/tab_news02_orange.png);
}
#skinTypes.orange #contentWrap #tab li.tab03.select {
  background-image: url(/Portals/0/images/common/tab_news03_orange.png);
}
#skinTypes.orange #contentWrap #tab li.tab04.select {
  background-image: url(/Portals/0/images/common/tab_news04_orange.png);
}
#skinTypes.orange #contentWrap #tab li.tab05.select {
  background-image: url(/Portals/0/images/common/tab_news05_orange.png);
}

.orange #mainBody div.contentsImg {
  margin: 20px 0;
}
.orange #mainBody div.contentsImg img {
  max-width: initial;
  height: auto;
}
.orange #mainBody div.contentsImg.w400 img {
  max-width: none;
  height: auto;
}
.orange #mainBody div.contentsImg.w700 img {
  max-width: none;
  height: auto;
}
.orange #mainBody div.contentsImg.w900 img {
  max-width: none;
  height: auto;
}
.orange #mainBody div.contentsImg p {
  color: #333;
  font-size: 1.2rem;
  max-width: none;
  margin: auto !important;
  padding: 12px 0 15px;
}
.orange #mainBody div.contentsImg.w400 p {
  max-width: none;
}
.orange #mainBody div.contentsImg.w700 p {
  max-width: none;
}
.orange #mainBody div.contentsImg.w900 p {
  max-width: none;
}
.orange #mainBody div.contentsImg p.text_center {
  text-align: justify;
}

/* 追記2018.04.05 */
#contentWrap #tab li a,
#contentWrap #tab li a:hover {
  color: #a2a2a3;
  text-decoration: none;
}
#contentWrap #tab li.select a,
#contentWrap #tab li.select a:hover {
  color: #333;
  text-decoration: none;
}

/* ---------------------------------------------------------
 btnTop
--------------------------------------------------------- */
div.ContentTopPane ul.clearfix li {
  width: 32%;
  border: #fff solid 3px;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(220, 220, 220, 1) 100%
  );
}
div.ContentTopPane ul.clearfix li a {
  width: 100%;
  height: 70px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
div.ContentTopPane ul.clearfix li.btnTop02 {
  margin: 0 2%;
}
div.ContentTopPane ul li.btnTop01 a {
  background-image: url(/Portals/0/images/index/sp/btn_top01.png);
  margin-right: 0;
}
div.ContentTopPane ul li.btnTop02 a {
  background-image: url(/Portals/0/images/index/sp/btn_top02.png);
  margin-right: 0;
}
div.ContentTopPane ul li.btnTop03 a {
  background-image: url(/Portals/0/images/index/sp/btn_top03.png);
}
div.ContentTopPane ul li a:hover {
  background-position: 0 0;
}

/* ---------------------------------------------------------
 下層：common
--------------------------------------------------------- */
.accordion div.title {
  background: #f3f3f3;
  position: relative;
  padding: 10px 10px 10px 35px;
}
.accordion div.title:before {
  content: "";
  display: block;
  background: url(/Portals/0/images/common/ico_plus.png) 0 0 no-repeat;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 16px;
}
.accordion div.title.ui-accordion-header-active:before {
  background: url(/Portals/0/images/common/ico_minus.png) 0 0 no-repeat;
  background-size: 100% auto;
}

table:not(.ui-datepicker-calendar):not(.noblock),
table:not(.ui-datepicker-calendar):not(.noblock) > tbody,
table:not(.ui-datepicker-calendar):not(.noblock) > tbody > tr,
table:not(.ui-datepicker-calendar):not(.noblock) > tbody > tr > th,
table:not(.ui-datepicker-calendar):not(.noblock) > tbody > tr > td {
  display: block;
}

.BoxFull li {
  width: 100%;
}
.BoxFull li .text {
  background: none;
  border: #eee solid 3px;
}
.BoxFull li .title {
  background: #eeeeee;
}

.BoxHalf {
  width: 100%;
}
.BoxHalf li {
  width: 100%;
  margin-right: 0;
}
.BoxHalf li .text {
  background: none;
  border: #eee solid 3px;
}
.BoxHalf li .title {
  background: #eeeeee;
}

/*.grid.cs-style figcaption {width:100%;}
.grid.cs-style figure:hover figcaption,
.grid.cs-style figure.cs-hover figcaption{width:162%;}
.grid.cs-style li:nth-child(even) figcaption{left:auto;right:0;}
*/
.grid.cs-style figcaption {
  opacity: 1;
  position: static;
  margin-left: 144px;
  height: auto;
  background: none;
  box-shadow: none;
  width: 50%;
  padding: 8px 5px;
}
.grid.cs-style.grid li {
  width: 100%;
  display: block;
  border: #646464 solid 4px;
}
.grid.cs-style.grid figure img {
  float: left;
  max-width: 134px;
  margin: 3px;
}
.grid.cs-style.grid figcaption a {
  margin: 0;
  width: 100%;
  padding: 3px;
}
.grid.cs-style.grid figcaption div {
  color: #333;
}
.accordion div.detail table.detailBox td.Text {
  width: 100%;
}
.accordion div.detail table.detailBox td.Img {
  width: 100%;
  padding: 0;
}
.accordion div.detail table.detailBox td.Img img {
  max-width: inherit;
  width: 100% !important;
}

/* ---------------------------------------------------------
 研究分野：環境・エネルギー
--------------------------------------------------------- */
h3.fieldTitle {
  margin-top: 1em;
}
.fieldBoxL,
.fieldBoxR,
.imgCenterBox .double,
.imgCenterBox.single .text,
.imgCenterBox.single .photo {
  float: none;
  width: 100%;
}
.imgCenterBox .double:first-child {
  margin-right: 0;
}
.imgCenterBox div.photo div.grayFrameImg {
  width: 260px;
  margin: 0 auto;
  height: auto;
}
.imgCenterBox div.photo div.grayFrameImg img {
  max-width: 100%;
  max-height: none;
  position: static;
  vertical-align: bottom;
}

.imgCenterBox {
  margin-bottom: 50px;
}
.imgCenterBox.single .text {
  float: none;
  width: 100%;
  margin-right: 0;
}
.imgCenterBox.single .photo {
  float: none;
}
.imgCenterBox.single img {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ---------------------------------------------------------
 43.html研究成果記事一覧
--------------------------------------------------------- */
/*検索フォーム*/
div.productSearch {
  margin: 0 0 15px 0;
  padding: 10px;
}
div.productSearch select,
div.productSearch p.productSearchButton input,
div.productSearch div.searchKeyword input {
  width: 100%;
}
div.productSearch div.searchKeyword {
  margin-bottom: 5px;
  display: block;
}
div.productSearch div.searchKeyword + span {
  display: block;
}
div.productSearch label {
  margin-top: 5px;
  display: inline-block;
}
div.productSearch label input {
  vertical-align: text-bottom;
}
div.productSearch img {
  vertical-align: middle;
}

#ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-first {
  float: none;
  width: 100%;
}
#ui-datepicker-div.ui-datepicker.ui-datepicker-multi {
  width: 80% !important;
}
#ui-datepicker-div .ui-datepicker-group.ui-datepicker-group-last {
  width: 100%;
  float: none;
}

#ui-datepicker-div.ui-datepicker.ui-datepicker-multi {
  top: 460px !important;
}

/*記事一覧--------------------------------*/
div.reportList .reportListL {
  float: none;
  width: 100%;
}
.reportList .fieldList ul li img {
  vertical-align: bottom;
}
div.reportList .reportListR {
  float: none;
  width: 100%;
  margin-top: 10px;
}
div.DNN_ANN_DesignTable > h2 + table.search_no td {
  height: auto;
  padding: 10px 0 0 0;
  text-align: left;
  border-bottom: #ccc dotted 1px;
}

/*記事詳細--------------------------------*/
.contents_text dl dt {
  margin-top: 10px;
}
iframe#twitter-widget-0 {
  margin-right: 5px;
  vertical-align: top;
}

/* ===========================================================
 出版物
=========================================================== */
.bookletaBoxList02 {
  width: 100%;
}
.bookletaBoxList02 li {
  height: auto;
  width: 100%;
}
.bookletaBoxList02 li a {
  display: inline-block;
  width: 100px;
  float: left;
}
.bookletaBoxList02 li img {
  float: left;
  max-width: 100px;
}
.bookletaBoxList02 li .text {
  float: none;
  width: auto;
  margin-left: 110px;
}
.bookletaBoxList02 li .text a {
  float: none;
}
.bookletaBoxList02 li .text img {
  max-width: 140px;
  display: block;
}

/* 出版物　list用css 20180827追加移動（元々ページ設定内で使用） */
.bookletaBoxList02_1 {
  width: 100%;
}

.bookletaBoxList02_1 li {
  background: none repeat scroll 0 0 #f5f5f5;
  height: auto;
  list-style: none;
  margin: 0 10px 15px 0;
  padding: 15px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.bookletaBoxList02_1 li .text {
  float: none;
  margin-left: 110px;
  width: auto;
}
.bookletaBoxList02_1 li .text img {
  max-width: 140px;
  display: block;
}
.bookletaBoxList02_1 li img {
  float: left;
  max-width: 100px;
}

.bookletaBoxList02_1 li .text a {
  float: none;
}

.bookletaBoxList02_1 li .text p {
  width: auto !important;
}

.bookletaBoxList02_1 li a {
  display: inline-block;
  width: 100px;
  float: left;
}

/* 出版物　LINK用css 20190510追加移動 */
.bookletaBoxList02_2 {
  width: 100%;
}
.bookletaBoxList02_2 li.book {
  height: auto;
  width: 100%;
}
.bookletaBoxList02_2 li a {
  display: inline-block;
}
.bookletaBoxList02_2 li img {
  float: left;
}
.bookletaBoxList02_2 li .text {
  float: none !important;
  width: auto !important;
  margin-left: 110px;
}
.bookletaBoxList02_2 li .text a {
  float: none;
}
.bookletaBoxList02_2 li .text img {
  max-width: 140px;
  display: block;
}
/* ---------------------------------------------------------
 採用情報
--------------------------------------------------------- */
.bannerList {
  width: 100%;
}
.bannerList li {
  margin-right: 0;
}

.bookletaBoxList {
  width: 100%;
}
.bookletaBoxList li {
  width: 100%;
  height: auto;
}
.bookletaBoxList li a {
  display: inline-block;
  width: 100px;
  float: left;
}
.bookletaBoxList li img {
  max-width: 100px;
  float: left;
}
.bookletaBoxList li .text {
  float: none;
  width: auto;
  margin-left: 110px;
}
.bookletaBoxList li .text a {
  float: none;
}
.bookletaBoxList li .text img {
  max-width: 140px;
  display: block;
}

/* ===========================================================
 コンテンツ共通[2017.7.10追加/7.12修正2018.4.24修正]
=========================================================== */
.listTable,
.listTable th,
.listTable td {
  width: auto !important;
}

.listTable caption {
  display: none;
}
/* ===========================================================
こんなところに産総研用[2017.9.5追加]
=========================================================== */
.storyBox .imagination li {
  list-style: none;
  padding: 0 5px 50px 5px;
  display: block;
}
.storyBox h3 img {
  max-width: 80%;
}
.storyBox .imagination li {
  padding: 0 0;
  display: block;
}
.storyBox .imagination {
  height: auto;
}
.carouselBox {
  width: 95%;
}
.carouselBox .carousel {
  width: 80% !important;
}
.storyBox .crossmark {
  line-height: 100px !important;
}

/* ===========================================================
 交通アクセス[2017.7.10追加、2017.7.26追加]
=========================================================== */
/* 拠点一覧　adressTable */
.adressTable tbody,
.adressTable tr {
  display: block;
}
.adressTable th {
  display: none !important;
}
.adressTable td {
  display: block;
}

.adressTable tr.bar td {
  display: block;
  width: 100%;
  font-size: 100%;
  font-weight: normal;
}
.adressTable tr.bar td:first-child {
  display: block;
  width: 100%;
  font-size: 100%;
  font-weight: bold;
}

.adressTable td.third {
  display: block;
}
.adressTable td.third_smt {
  display: block;
  width: 100%;
  padding-left: 22px !important;
}

.adressTable caption {
  display: block;
  white-space: nowrap;
}

.adressTable td.type_add:before {
  font-weight: normal;
  content: "【住所】";
}
.adressTable td.type_tell:before {
  font-weight: normal;
  content: "【代表電話番号】";
}
.adressTable td.type_tell_each:before {
  font-weight: normal;
  content: "【電話番号】";
}

/* 交通手段別バナー guidemapAnchorLinkとh3の調整*/
.guidemapAnchorLink {
  text-align: center;
}
.guidemapAnchorLink li {
  margin-bottom: 10px;
}
h3#guidemapAnchorBus span {
  display: initial;
}

/* ===========================================================
コンテンツ共通(.BoxHalf1Column)[2017.7.22追加]
=========================================================== */
/*.BoxHalf1Column {width: 100%;}
.BoxHalf1Column li .text {background-size: 100% auto;}
.BoxHalf1Column li .title {background-size: 100% auto;}
.BoxHalf1Column li {width: 100%;}
.BoxHalf1Column li {display: block;}*/

/* ===========================================================
メールフォーム用[2017.7.24追加][2018.4.17 Comentout Open]
=========================================================== */
.MailForm {
  border-collapse: collapse;
}
.MailForm .FieldTitle {
  width: 100% !important;
  height: auto;
  display: block;
  padding: 10px;
}
.MailForm .FieldTitle .NormalBold {
  font-size: 100%;
}
.MailForm .FieldValue {
  width: 100% !important;
  height: auto;
  display: block;
  padding: 10px;
}
.MailForm .Normal {
  width: 100% !important;
  height: auto;
  display: block;
}

/* ===========================================================
contents_text配下のテーブルはfloatを解除用　[2018.6.5追加]
=========================================================== */
div.contents_text table.caption {
  width: 100% !important;
  margin: 0 auto;
  padding: 0;
  float: none !important;
}

/* ===========================================================
出前講座・実験教室などの横長の表用[2017.7.25追加]
=========================================================== */
.scroll {
  overflow: auto;
  white-space: nowrap;
}
.scroll::-webkit-scrollbar {
  height: 5px;
}
.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}

/* ===========================================================
コンテンツ共通(.BoxHalf1Column)[2018.6.11追加]
=========================================================== */
.BoxHalf1Column {
  width: 100%;
}
.BoxHalf1Column li .text {
  background-size: 100% auto;
}
.BoxHalf1Column li .title {
  background-size: 100% auto;
}
.BoxHalf1Column li {
  width: 100%;
}
.BoxHalf1Column li {
  display: block;
}

/* ---------------------------------------------------------
 フッター正式名称　20190703追加
-------------------------------------------------------- */
div#footBody div.footWrap #footerArea {
  margin-left: 1em;
}

.pc {
  display: none !important;
}

/*------------------------------------------------------------
	webmag
------------------------------------------------------------*/
/* head */
#gHeader {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
}
#gHeader .hBox01 {
  margin: 0 auto;
  max-width: 1000px;
  padding: 10px 7px 6px 11px;
  display: flex;
  justify-content: space-between;
}
#gHeader.bg .hBox01 {
  padding: 5px 7px 0 11px;
}
#gHeader.bg .hBox01 .logo {
  margin-top: 0;
}
#gHeader .hBox01 .logo {
  margin-top: 0;
}
#gHeader .hBox01 .logo img {
  width: 140px;
}
#main {
  padding-top: 65px;
}

#mainBody .imgBox {
  display: block !important;
  margin-bottom: 12px;
  padding: 0 12px 28px;
  border-bottom: 1px solid #e7e7e7;
}
#mainBody .imgBox .photoBox img {
  width: 100%;
  height: 231px !important;
}

/* 最新記事 */
#mainBody .nanoLetter .imgBox .photoBox img {
  height: auto!important;
}

#mainBody .imgBox .photoBox,
#mainBody .imgBox .textBox {
  width: 100%;
}
#mainBody .imgBox .textBox {
  padding: 12px 0 0;
  box-sizing: border-box;
}
#mainBody .imgBox .textBox .ttl {
  margin-bottom: 9px;
  /* display: flex; */
  justify-content: space-between;
}
/* #mainBody .imgBox .textBox .ttl span {
  width: 117px;
} */
#mainBody .imgBox .textBox .ttl span:nth-of-type(1) img {
  /* width: 50%; */
  padding-top: 2px;
}
#mainBody .imgBox .textBox .ttl span:nth-of-type(2) {
  width: 53px;
}
#mainBody .imgBox .textBox .title {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
#mainBody .imgBox .textBox .txt {
  margin-bottom: 3px;
  color: #666;
  font-size: 1.4rem;
  line-height: 1.73;
}
#mainBody .imgBox .textBox .txtList {
  margin-top: -7px;
  display: flex;
  flex-wrap: wrap;
}
#mainBody .imgBox .textBox .txtList li {
  margin-top: 7px;
  color: #666;
  font-size: 1.2rem;
}
#mainBody .imgBox .textBox .txtList li:not(:nth-of-type(4)) {
  margin-right: 12px;
}

/* 最新記事 */
#mainBody .topMain {
	display: block !important;
	flex-flow: column;
	margin-bottom: 10px;
	padding: 0 12px 20px;
	border-bottom: 1px solid #e7e7e7;
}

#mainBody .topMain a {
	display: block!important;
	width: 100%;
	height: auto;
}

#mainBody .topMain a img {
	width: 100%;
	height: 231px;
}

#mainBody .topMain article {
	width: 100%;
	padding: 20px 0 0;
}

#mainBody .topMain article p:nth-of-type(1){
	margin-bottom: 10px;
	color: #111111;
	font-size: 1.6rem;
}

#mainBody .topMain article p:nth-of-type(1)::before {
  width: 56px;
  height: 17px;
	margin: 8px 0; 
}

#mainBody .topMain article p:nth-of-type(2){
	font-size: 1.4rem;
}

/* 記事リスト */
.orange #mainBody .imgList {
  margin-bottom: 0;
  display: block;
  width: 100%;
}
.navy #mainBody .imgList {
  display: inline-table;
  width: 100%;
}
.navy #mainBody .imgList.result li {
  padding: 0;
  width: 100%;
}
.orange .imgList > li,
.navy .imgList > li {
  width: 100%;
}
.orange .imgList li .textBox,
.navy .imgList li .textBox {
  background: none;
  padding: 0 0 0 13px !important;
  margin: 0 !important;
}
.orange #mainBody .imgList > li:not(:last-of-type),
.navy #mainBody .imgList > li:not(:last-of-type) {
  margin-bottom: 15px;
}
.orange #mainBody .imgList > li,
.navy #mainBody .imgList > li {
  padding: 0 12px 16px;
  border-bottom: 1px solid #e7e7e7;
  background: none;
}
.orange #mainBody .imgList li,
.navy #mainBody .imgList li {
  display: flex;
  justify-content: space-between;
}
.orange #mainBody .imgList li .photoBox,
.navy #mainBody .imgList li .photoBox {
  height: auto;
  width: 120px;
  position: relative;
}
.orange #mainBody .imgList li .photoBox img,
.navy #mainBody .imgList li .photoBox img {
  width: 250px;
  height: 80px !important;
  object-fit: cover;
}
.orange #mainBody .imgList li .photoBox .new_icon,
.navy #mainBody .imgList li .photoBox .new_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%; 
}
.orange #mainBody .imgList li .photoBox .new_icon img{
  height: 10px !important;
}
.orange #mainBody .imgList li .photoBox img {
  width: 320px;
  height: 80px !important;
  object-fit: cover;
}
.orange #mainBody .imgList li .photoBox .tag,
.navy #mainBody .imgList li .photoBox .tag {
  position: absolute;
  top: 68px;
  left: 0;
  height: 12px !important;
}
.orange #mainBody .imgList li .photoBox .tag img,
.navy #mainBody .imgList li .photoBox .tag img {
  height: 12px !important;
  width: auto;
}
.orange #mainBody .imgList.result li .photoBox .tag,
.navy #mainBody .imgList.result li .photoBox .tag {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 0;
  height: auto !important;
}
.orange #mainBody .imgList.result li .photoBox .tag img,
.navy #mainBody .imgList.result li .photoBox .tag img {
  height: 24px !important;
  width: auto;
}
.orange #mainBody .imgList li .textBoxm,
.navy #mainBody .imgList li .textBox {
  margin-top: -5px;
  padding: 0 0 0 13px;
  width: calc(100% - 120px);
  box-sizing: border-box;
  margin-bottom: 0;
}
.orange #mainBody .imgList li .textBox p,
.navy #mainBody .imgList li .textBox p {
  margin-bottom: 0 !important;
}
.orange #mainBody .imgList li .textBox .title,
.navy #mainBody .imgList li .textBox .title {
  margin-bottom: -1px;
  color: #111111;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.75;
}
.orange #mainBody .imgList li .textBox .txt,
.navy #mainBody .imgList li .textBox .txt {
  margin-bottom: 3px;
  color: #666;
  font-size: 1.2rem;
  line-height: 1.75;
}
.orange #mainBody .imgList li .textBox .txtList,
.navy #mainBody .imgList li .textBox .txtList {
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}
.orange #mainBody .imgList li .textBox .txtList li,
.navy #mainBody .imgList li .textBox .txtList li {
  color: #666;
  font-size: 1rem;
  margin-bottom: 0;
  height: auto;
}
.orange #mainBody .imgList li .textBox .txtList li:not(:last-of-type),
.navy #mainBody .imgList li .textBox .txtList li:not(:last-of-type) {
  margin-right: 10px;
}
.orange #mainBody .imgList .pagination,
.navy #mainBody .imgList .pagination {
  margin: 30px 0;
  flex-wrap: wrap;
  bottom: auto;
  position: inherit;
  left: initial;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  height: auto;
}
.orange #mainBody .imgList .pagination {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.orange #mainBody .imgList .pagination span {
  background-color: #f2f2f2;
  border-radius: 4px;
  box-sizing: border-box;
  clear: both;
  display: inline-block;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  margin: 0 2px 10px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 22px;
}
.orange #mainBody .imgList .pagination span.current {
  background-color: #ffd21c;
}
.orange #mainBody .imgList .pagination span a {
  background-color: transparent;
  border-radius: inherit;
  display: block;
  height: auto;
  margin: auto;
  padding: 0;
  width: auto;
}
.orange #mainBody .imgList .pagination span.first,
.orange #mainBody .imgList .pagination span.last {
  display: none;
}
.orange #mainBody .imgList .pagination span.next,
.orange #mainBody .imgList .pagination span.prev {
  max-width: 100%;
  width: 12%;
}

.mainImg #offer {
  margin-bottom: 0 !important;
}
/* おすすめ */
.textArea {
  border-top: 0;
  margin-bottom: 29px;
  padding-bottom: 24px;
  /* border-bottom: 1px solid #cccccc; */
}
.textArea.webmagtop {
  border-top: none;
}
.textArea .title {
  margin: 0 0 14px 12px;
  font-size: 1.4rem;
  top: 0;
}
.textArea .imgUl {
  margin-left: 12px !important;
  display: block;
}
.textArea .imgUl .slick-slide > div {
  margin-right: 20px;
  width: 150px !important;
}
.textArea .imgUl li .textBox {
  padding: 6px 0 0 0;
  margin: 0;
  box-sizing: border-box;
  width: auto;
}
.textArea .imgUl li .textBox .ttl {
  margin-bottom: -3px;
  font-weight: bold;
  line-height: 1.7;
}
.textArea .imgUl li .textBox .txt {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.75;
}
#mainBody .pageNavi {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
#mainBody .pageNavi li {
  margin: 0 8px;
  width: 36px;
}
#mainBody .pageNavi li a {
  padding-top: 2px;
  height: 36px;
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  border-radius: 4px;
  box-sizing: border-box;
}
#mainBody .pageNavi li.on a,
#mainBody .pageNavi li a:hover {
  font-weight: 700;
  background-color: #ffd21c;
}
#mainBody .pageNavi li.dot {
  padding-top: 13px;
  width: 12px;
}
#mainBody .pageNavi li.prey,
#mainBody .pageNavi li.next {
  margin: 0 10px;
  width: 56px;
}
#mainBody .pageNavi li.prey a,
#mainBody .pageNavi li.next a {
  padding: 0 0 0 15px;
  background-color: transparent;
  background: url("/Portals/0/images/webmag/icon%20arrow01.png") no-repeat left
    center / 15px;
}
#mainBody .pageNavi li.next a {
  padding: 0 15px 0 0;
  background: url("/Portals/0/images/webmag/icon%20arrow02.png") no-repeat right
    center / 15px;
}

/* comPhoArea */
.comPhoArea {
  padding: 26px 0 23px;
  background-color: #f2f2f2;
}
.comPhoArea .photoList .slick-slide > div {
  margin-right: 12px;
  width: 140px;
}
.comPhoArea .photoList .slick-slide > div li a {
  display: block;
}
.comPhoArea .photoList .slick-prev,
.comPhoArea .photoList .slick-next {
  width: 28px;
  height: 28px;
  /* font-size: 10px; */
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  background: url("../iarrow_left.jpg") no-repeat center / 28px;
  z-index: 10;
  cursor: pointer;
}
.comPhoArea .photoList .slick-prev {
  background-image: url("/Portals/0/images/webmag/sp/arrow_left.png");
}
.comPhoArea .photoList .slick-next {
  left: auto;
  right: 0;
  background-image: url("/Portals/0/images/webmag/sp/arrow_right.png");
}

/* パンクズ */

.green .breadcrumbs a,
.navy .breadcrumbs a,
.violet .breadcrumbs a,
.orange .breadcrumbs a {
  color: #707070;
  font-size: 1.1rem;
}

.green .breadcrumbs .breadcrumbItem,
.navy .breadcrumbs .breadcrumbItem,
.violet .breadcrumbs .breadcrumbItem,
.orange .breadcrumbs .breadcrumbItem {
  color: #333;
  font-size: 1.1rem;
}
.green .breadcrumbs span,
.navy .breadcrumbs span,
.violet .breadcrumbs span,
.orange .breadcrumbs span {
  color: #cccccc;
}
.mainImg img {
  width: 100%;
}

.textArea .imgUl li a {
  display: block;
}
.textArea .imgUl li .photoBox {
  width: auto;
}
@media all and (max-width: 374px) {
  #mainBody .pageNavi li a {
    font-size: 1.2rem;
  }
}

/* htmlbase krg */
#footTopBody div[class*="FootTopPane"] {
  width: auto;
}
.fBox {
  padding: 24px 0 0 !important;
}
.fBox .title {
  margin-bottom: 19px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}
.snsList {
  padding: 0 0 20px 0;
  margin: 0 auto;
  max-width: 327px;
  display: flex !important;
  justify-content: space-between;
}
.snsList li {
  width: 46%;
}
.snsList li a {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.28;
  font-weight: 700;
  text-decoration: none;
}
.snsList li a:link,
.snsList li a:active,
.snsList li a:visited,
.snsList li a:hover {
  color: #333;
  text-decoration: none;
}
.snsList li span {
  margin-right: 12px;
}
.snsList li span img {
  width: 36px;
}
#footTopBody .fBox .title {
  margin-bottom: 15px;
  padding: 0;
}
#mainBody .imgList li .textBox {
  margin-top: -5px;
  padding-left: 13px;
  width: calc(100% - 120px);
  box-sizing: border-box;
}
#mainBody .imgList li .textBox .title {
  margin-bottom: -1px;
  color: #111111;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.75;
}
#mainBody .imgList li .textBox .txt {
  margin-bottom: 3px;
  color: #666;
  font-size: 1.2rem;
  line-height: 1.75;
}
#mainBody .imgList li .textBox .txtList {
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}
#mainBody .imgList li .textBox .txtList li {
  color: #666;
  font-size: 1rem !important;
}

#mainBody .pageNavi {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
#mainBody .pageNavi li {
  margin: 0 8px;
  width: 36px;
}
.pagination span {
  padding-top: 2px;
}
#mainBody .pageNavi li a {
  padding-top: 2px;
  height: 36px;
  font-size: 1.4rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  border-radius: 4px;
  box-sizing: border-box;
}
#mainBody .pageNavi li.on a,
#mainBody .pageNavi li a:hover {
  font-weight: 700;
  background-color: #ffd21c;
}
#mainBody .pageNavi li.dot {
  padding-top: 13px;
  width: 12px;
}
#mainBody .pageNavi li.prey,
#mainBody .pageNavi li.next {
  margin: 0 10px;
  width: 56px;
}
.orange {
  margin: 0 auto;
  max-width: 1020px;
}

.orange #text {
  text-align: left;
  position: inherit;
  right: 0 !important;
  top: 0 !important;
  left: 0 !important;
}
.orange #tag {
  max-width: 250px;
  height: auto;
}

#mainBody div.contents div.mainImg p#tag,
#mainBody div.contents div.mainImg dl dt {
  position: relative !important;
  text-align: left !important;
  top: 0% !important;
  left: 0% !important;
  margin-bottom: 0 !important;
}
#mainBody div.contents div.mainImg p#tag {
  max-width: inherit;
}
#mainBody div.contents div.mainImg dl dd {
  position: relative !important;
  top: 0% !important;
  left: 0% !important;
  margin-bottom: 15px !important;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}
/* #mainBody div.turq dl dt span {
  font-size: 2.1rem;
  line-height: 3rem;
} */

div.contents div.mainImg dl dt {
  color: #fff;
  font-weight: 700;
  line-height: 130%;
  padding: 0;
  margin: 0;
  font-size: 1.9rem !important;
  letter-spacing: normal;
}
div.contents div.mainImg dl dd span {
  margin-bottom: 7px;
  line-height: 3rem;
}
#mainBody div.mainImg dl dd span {
  line-height: 2rem;
  font-size: 1.55rem !important;
  margin-bottom: 10px;
  padding: 0;
}
#mainBody div.blue.bb dl dt span,
#mainBody div.green dl dt span,
#mainBody div.red dl dt span,
#mainBody div.navy dl dt span,
#mainBody div.turq dl dt span {
  line-height: 3rem !important;
  font-size: 1.9rem;
  margin: 0 0 5px 0 !important;
  /* padding: 0 !important; */
}
/* 改行、空欄の指定*/
.spView div.mainImg dl dd br {
  display: none;
}
/* .spView div.contents div.mainImg dl dd span {background-color: none;} */

.orange .blue mark {
  text-align: left;
  background-color: #256cdf;
  color: #fff;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
  display: inline-block;
  padding: 5px 10px 0;
}
mark#white {
  background-color: #fff;
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  padding: 3px 0 0;
  margin-bottom: 13px;
}

.orange .blue,
.orange .pink {
  margin: 0 auto 15px;
  font-size: 1.4rem;
  color: #333333;
}
.orange #ContentPane {
  margin-top: 0;
  width: 100%;
}

.orange .contents p {
  margin-bottom: 35px !important;
  line-height: 2.5rem !important;
}

.orange .contents li {
  font-size: 1.4rem;
}

.orange .blue .txt_b {
  margin: 0;
  font-size: 1.4rem;
}

.orange .contents p a {
  color: #cf1e2b;
  text-decoration: underline;
}

/* 見出し */
.orange .contents h2 {
  font-size: 1.6rem;
  padding: 0;
  margin: 35px 0 5px !important;
  font-weight: 700;
  line-height: 1.3em;
}

/* ブルーバックス */
.orange .mainImg {
  margin: 15px 0;
}
.grayBox {
  box-sizing: border-box;
  color: #666;
  font-size: 1.2rem;
  line-height: 2.4rem;
  margin-bottom: 25px;
}
.ContentPane #cat {
  margin-bottom: 40px;
}
.orange #cat {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.orange #cat ul {
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.orange .pink #cat {
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.orange #cat li {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #333;
  margin-right: 13px;
  margin-bottom: 5px;
  padding: 0;
}

.ta-right {
  text-align: right;
  font-size: 1.2rem;
}

/* 画像センター */
.contentsCenter {
  text-align: center;
  color: #888;
}

.contentsImg p.text_center {
  text-align: center;
}
.contentsImg p {
  padding: 24px 0;
  line-height: 2rem;
  font-size: 1.2rem;
  max-width: 580px;
  margin: 0 auto;
}

/* ブルーボックス */
.orange .b_box {
  box-sizing: border-box;
  border: 1px solid #256cdf;
  padding: 18px 12px;
  margin-bottom: 20px;
}
.orange .b_box p.ttl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 23px !important;
}
dl.sampleList {
  overflow: hidden;
  zoom: 1;
}
dl.sampleList dt {
  float: none;
}

dl.sampleList dd {
  font-size: 1.2rem;
  padding: 5px 0 15px 0;
  line-height: 2.2rem;
}

.contentsImg {
  margin: 0;
}
/* プロフィール */
#profile {
  width: 100%;
  margin: 0;
  display: inline;
}
#profile div:nth-of-type(2) {
  width: 100%;
  padding: 0;
}
#profile div:first-of-type {
  width: 100%;
}
#profile .spArea {
  /* margin: 30px auto 0; */
  width: 100%;
}
#profile .spArea .cont {
  margin-bottom: 15px;
}
#profile .spArea img {
  width: 100%;
}
.orange .blue #profile .spArea img {
  width: 47%;
  /* max-width: 339px; */
  float: left;
}
.orange .blue #profile .spArea .nofl img {
  float: none;
  margin: 0 auto 20px;
}
#profile .spArea #namewrap {
  width: 50%;
  float: right;
}
#profile .spArea .nophoto p + .title {
  margin: 20px auto;
}
#profile.nophoto .spArea #namewrap {
  width: 100%;
}
#profile .spArea div:nth-of-type(2) {
  box-sizing: border-box;
}

#profile .spArea .title {
  font-size: 1rem;
  line-height: 1.6rem !important;
  color: #333;
  margin-bottom: 15px !important;
}
#profile .spArea .txtBox {
  font-size: 1.2rem;
  line-height: 2.1rem;
  color: #333;
}

#profile .spArea .name {
  margin-top: 7px;
  font-size: 1.9rem;
  color: #2270ec;
  margin-bottom: 20px !important;
}
.red #profile .name {
  color: #dd565f;
}
.green #profile .name {
  color: #5b7e1b;
}
.turq #profile .name {
  color: #25837f;
}
#profile.purple .name {
  color: #8273e7;
}
#profile .name span {
  display: block;
  font-size: 0.8rem;
  color: #333333;
  line-height: normal;
  margin-top: 5px;
}
#profile .txtBox .title,
#profile .txtBox .name {
  margin: 0 !important;
}
/* アクション */
#actionBox {
  display: list-item;
  box-sizing: border-box;
  padding: 0;
  margin: 42px 0 27px;
  text-align: center;
  border: none;
}
#actionBox div {
  font-size: 1.4rem;
}
#actionBox div .title {
  margin-top: 25px;
}
#actionBox div .title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
}
#actionBox div .title:before,
#actionBox div .title:after {
  border-top: 1px solid #e7e7e7;
  content: "";
  width: 3em; /* 線の長さ */
}
#actionBox div .title:before {
  margin-right: 1em; /* 文字の右隣 */
}
#actionBox div .title:after {
  margin-left: 1em; /* 文字の左隣 */
}

#actionBox #reaction {
  width: 249px;
  margin: 0 auto;
}
#actionBox #sns {
  display: block;
}

#actionBox #reaction ul {
  display: flex;
}
#actionBox #reaction ul li:first-child {
  margin-left: 0;
}
#actionBox #reaction ul li {
  width: 75px;
  padding: 16px 0 0 0;
  margin-right: 12px;
  position: relative;
}

#actionBox #reaction ul li:last-child {
  margin-right: 0;
}
#actionBox #reaction ul li p {
  position: absolute;
  right: 0;
  top: 0;
  width: 32px;
  border-radius: 8px;
  text-align: center;
  font-family: "Arial", "メイリオ";
  line-height: 2rem;
}
#actionBox #reaction ul li button {
  color: #333;
  border: none;
  height: 40px;
  font-size: 1.1rem;
  padding: 35px 0 20px 0;
}
#actionBox #reaction ul li button.clicked + p {
  background-color: #006bc4;
}

#counter,
#counter2,
#counter3 {
  background-color: #666;
  color: #fff;
  border-radius: 50%;
}

#actionBox #sns {
  width: 265px;
  margin: 0 auto;
}
#actionBox #sns ul {
  display: flex;
  width: 136px;
  margin: 15px auto;
}
#actionBox #sns li {
  margin-right: 15px;
  width: 32px;
}
#actionBox #sns li:last-child {
  margin-right: 0;
}
#actionBox #sns li img {
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
}
.relationArea {
  margin-top: 0px;
}
.relationArea .ttl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 0 0 12px;
  border-bottom: 2px solid #e7e7e7;
}

/* CSS Document */
#skin2Columns #ContentPane,
#skin1Column #ContentPane {
  background: #fff;
  width: auto;
}
#geological {
  background-color: #f9f4ed;
  padding: 40px 8px 30px!important;
  margin: 20px auto 40px;
  max-width: 1020px;
}
.columnWrap {
  position: relative;
}
.columnContents {
  overflow: hidden;
  padding: 20px 15px 40px;
}
.spView .columnContents {
  padding: 5px 10px 20px;
}
.columnContents p {
  font-size: 1.4rem;
  color: #333;
  line-height: 2.2rem;
  margin-bottom: 0 !important;
}
.column_gsj {
  background: linear-gradient(225deg, transparent 0, #fff 0),
    linear-gradient(-45deg, transparent 10px, #fff 10px),
    linear-gradient(45deg, transparent 0, #fff 0),
    linear-gradient(135deg, transparent 10px, #fff 10px);
  background-position: bottom left, bottom right, top right, top left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

.column_gsj::before,
.column_gsj::after {
  position: absolute;
  width: 0;
  height: 29px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 0 0 0 1px;
  border-style: double;
  border-color: #d1ac77;
}

.columnWrap::before {
  bottom: -7px;
  right: 6px;
}
.columnWrap::after {
  top: -7px;
  left: 6px;
}

.columnWrap .columnTitle {
  padding-bottom: 0px;
}
.columnWrap .columnTitle img {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 85%;
  max-width: 170px;
}

.columnContents h2 {
  text-align: left !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.columnContents h2 span {
  padding: 10px;
}
.columnContents h2 span.contents_gsj {
  border-bottom: none;
  color: #996e34;
  font-weight: 400;
  font-size: 2.1rem;
  letter-spacing: normal;
	line-height: 3rem;
  text-align: center;
}
.columnContents h2 {
  letter-spacing: 1em;
}

.columnContents h3 {
  text-align: left;
  font-size: 1.6rem;
  font-weight: normal;
  margin:0 0 20px;
}

.columnContents h3:first-of-type {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 150%;
}

.columnContents h3 span {
  display: block;
  font-size: 0.77rem !important;
  padding: 5px 0;
}

.columnContents h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  font-size: 1.6rem;
  font-weight: normal;
  margin:0 0 20px;
}

.columnContents p:last-of-type {
  margin-bottom: 0;
}
.columnContents p.gsj_text_bg:first-letter {
  float: left;
  margin-right: 7px;
  padding: 10px 7px;
  font-size: 2.8rem;
  background: url("/digbook/web/aist-link/img/column_bg_gsj.svg") no-repeat
    center center/contain;
}
.columnContents .column_photo .column_caption {
  margin-top: 5px;
}
.columnContents .column_photo {
  float: none;
  clear: both;
  margin: 0 0 2em 0;
}
.columnContents .column_photo img {
  width: 100%;
  height: auto;
  max-width: inherit;
}
.pink .basics {
  position: relative;
  margin: 28px 0 0;
  padding: 2rem 17px 0;
  border-top: 1px solid #db1f89;
  border-bottom: 1px solid #db1f89;
}
.pink .basics span {
  position: absolute;
  top: -13px;
  left: 50%;
  padding: 0 10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-color: #fff;
  width: 150px;
  text-align: center;
}
.pink .basics .pink {
  color: #db1f89;
  font-size: 1.6rem;
  text-align: center;
  margin: 18px 0;
}

.pink #profile .txtBox .title {
  line-height: 1.5;
  margin-bottom: 0;
}
.pink #profile .txtBox .name {
  margin: 10px 0 0;
  color: #db1f89;
}

.pbox {
  display: flex;
  align-items: flex-end;
  margin: 0 0 20px 0;
}
.pbox .txtBox {
  margin-top: 18px;
  width: 45% !important;
}
.pink div.profile:last-of-type {
  margin: 0;
}

.pbox .pimg {
  box-sizing: border-box;
  width: 60% !important;
  padding: 0 0 0 20px !important;
}

.pbox .pimg img {
  width: 100%;
}

.pink .heading {
  text-align: center;
  margin: 25px 0;
}
.pink .heading img {
  width: 150px;
}
.pink .heading .mid1 {
  font-size: 2.2rem;
  margin: 18px 0;
  font-weight: bold;
  color: #db1f89;
}
.pink .heading .mid1::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../img/webmag/quotation.png") no-repeat;
  background-size: contain;
  vertical-align: top;
  margin-right: 5px;
}
.pink .heading .mid1::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../img/webmag/quotation_end.png") no-repeat;
  background-size: contain;
  vertical-align: top;
  margin-left: 5px;
}
.pink .heading .mid2 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 27px;
}
.pink .heading .mid3 {
  font-size: 1.8rem;
  background: linear-gradient(transparent 55%, #fadaec 0%);
  display: inline;
  padding: 0 2px 4px;
}

.infofWarp {
  margin: 40px auto;
  padding: 25px 25px 5px;
}
.infoContents .department {
  width: 100%;
}
.infoContents div.department:nth-of-type(odd) {
  padding: 10px 0;
  margin: 0 !important;
  width: 100% !important;
  font-size: 1.5rem;
  line-height: 1.9rem;
}
.infoContents div.department:nth-of-type(even) {
  margin: 0;
  width: 100% !important;
  border-top: solid 1px #fff;
  border-left: none;
  padding: 10px 0;
}
.infoContents.column_3 .department:last-child {
  border-left: none;
}
.infoContents ul.ex .address {
  font-size: 1.3rem;
}
.infoContents ul.ex li {
  text-indent: -26px;
  padding-left: 26px;
}

.orange .comTextArea {
  padding: 20px;
}
.orange .comTextArea p.title {
  font-size: 1.8rem !important;
}

@media all and (max-width: 374px) {
  #mainBody .pageNavi li a {
    font-size: 1.2rem;
  }
}
/* ===========================================================
　about.html
=========================================================== */
.wm_about {
  margin: 20px 0 0;
}
.wm_about .wma_box .wmab_title {
  font-size: 2rem !important;
  padding: 0 0 10px;
}
.wm_about .wma_box .wmab_text {
  padding: 0 10px;
  margin: 0 auto 20px !important;
}
.wm_about .wma_box .wmab_link_btn,
.wm_about .wma_box .wmab_link_btn a {
  width: 100%;
  display: block;
  margin: 0 auto 40px;
}
.wm_about .wma_box .wmab_link_btn a:first-child {
  margin: 0 auto 10px;
}
.wm_about .wma_box .wmab_link_btn a {
  padding: 20px 0;
}
.wm_about .wma_box .wmab_corner {
  margin: 0;
}
.wm_about .wma_box .wmab_corner li {
  display: block;
  margin: 0 auto 40px;
}
.wm_about .wma_box .wmab_corner li > img {
  margin: 0 auto;
}
.wm_about .wma_box .wmab_corner li .wmabc_box .wmabc_title {
  font-size: 1.8rem !important;
}
.wm_about .wma_box .wmab_corner li .wmabc_box {
  padding: 10px;
}
.wm_about .wma_box .wmab_corner li .wmabc_box .wmabc_text + a {
  width: 50%;
  margin: 20px auto 0;
  font-size: 1.6rem;
}
.wm_about .wma_box .wmab_corner li .wmabc_box .wmabc_text + ul {
  margin: 20px 0 0;
}
.wm_about .wma_box .wmab_corner li .wmabc_box .wmabc_text + ul a {
  margin: 0;
}

.pagination {
  justify-content: space-between;
}
.pagination span {
  margin-top: 0;
  width: 38px;
}
.pagination span.current {
  margin: 0;
}
.pagination span a {
  margin: 0;
  width: 38px;
}

.productSearch > div:nth-child(2) {
  display: inherit;
}
.productSearch > div > div .check-type {
  margin: 0 0 5px 5px;
  padding: 0 0 0 17px;
}
.productSearch > div:nth-child(2) div {
  display: block;
  width: 100%;
}
.productSearch > div > div .check-type input {
  margin: 0;
}

.pc {
  display: none !important;
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
}
#gHeader.bg .hBox h1 {
  padding: 2px 0;
}
#gHeader.bg .hBox h1 img {
  width: 98px;
}
#gHeader.bg .hBox .link a span {
  display: none;
}
#gHeader.bg .link a {
  height: 39px;
}
#gHeader.bg .gNavi ul li a {
  height: 34px;
}
#gHeader .link {
  width: 45px !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}
#gHeader .link a {
  height: 45px;
  display: flex !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid #e7e7e7;
  text-decoration: none;
  color: #333;
}
#gHeader .link a span {
  margin-top: 4px;
  display: block;
  font-size: 1rem;
}
.green #gHeader .link a,
.navy #gHeader .link a,
.violet #gHeader .link a {
  height: 45px;
  display: block;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid #e7e7e7;
}
.green #gHeader.bg .link a,
.navy #gHeader.bg .link a,
.violet #gHeader.bg .link a {
  height: 40px;
}
.green #gHeader .link a img,
.navy #gHeader .link a img,
.violet #gHeader .link a img {
  width: 15px;
}
#gHeader .hBox {
  display: flex;
  justify-content: center;
  height: 45px;
  border-bottom: 1px solid #e7e7e7 !important;
  margin: 0;
}
#gHeader .hBox .logo {
  padding: 5px 0 4px;
  margin: 0;
  display: flex;
  align-items: center;
}
#gHeader .hBox .logo a{
  display: block;
}

#gHeader.on .hBox .logo {
  padding: 2px 0 3px;
}
.gNavi ul {
  display: flex;
  justify-content: center;
  border-left: 1px solid #e7e7e7;
}
.gNavi ul li {
  width: 25%;
}
.gNavi ul li a {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
  font-size: 1.1rem;
  line-height: 1;
  text-align: center;
  padding: 0 !important;
  border: none;
  font-weight: normal;
  background: none !important;
}

.gNavi ul li a span {
  padding: 4px 0 4px 22px;
  display: inline-block;
  background: url("/Portals/0/images/common/sp/icon02.png") no-repeat left
    center / 20px;
}
.gNavi ul li:nth-of-type(2) a span {
  background-image: url("/Portals/0/images/common/sp/icon03.png");
}
.gNavi ul li:nth-of-type(3) a span {
  background-image: url("/Portals/0/images/common/sp/icon04.png");
}
.gNavi ul li:nth-of-type(4) a span {
  background-image: url("/Portals/0/images/common/sp/icon15.png");
  background-size: 18px;
}
#gHeader.bg .hBox {
  height: 40px;
}
#gHeader.bg .hBox .logo {
  padding: 0;
}

.menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background-color: #333333;
  z-index: 101;
}
.menu span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
  position: absolute;
  right: 13px;
  width: 19px;
  height: 2px;
  background-color: #fff;
}
.menu span:nth-of-type(1) {
  top: 15px;
}
.menu span:nth-of-type(2) {
  top: 22px;
}
.menu span:nth-of-type(3) {
  top: 29px;
}
.menu.bg {
  height: 40px;
}
.menu.bg span:nth-of-type(1) {
  top: 13px;
}
.menu.bg span:nth-of-type(2) {
  top: 19px;
}
.menu.bg span:nth-of-type(3) {
  top: 26px;
}
.menu.on {
  height: 44px;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
}
.menu.bg.on {
  height: 39px;
}
.menu.on span {
  background-color: #333333;
}
.menu.on span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
.menu.on span:nth-of-type(2) {
  opacity: 0;
}
.menu.on span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
.menuBox {
  padding: 90px 0 80px;
  width: 100%;
  height: 100%;
  position: fixed;
  top: -100%;
  left: 0;
  background: #fff;
  transition: all 0.3s;
  overflow: auto;
  box-sizing: border-box;
  z-index: 51;
}
.menuBox.bg {
  padding-top: 74px;
}
.menuBox.on {
  top: 0;
}

.menuBox .subBox {
  margin-bottom: 31px;
  padding-bottom: 20px;
  background-color: #333333;
  color: #fff;
  height: auto;
}

.menuBox .searchWrap_sp input[type="text"] {
  width: 100%;
  height: 30px;
  background: #6a6a6a;
  padding: 5px 0 3px 5px;
  border: none;
  color: #eee;
}
.menuBox .searchWrap_sp input[type="button"] {
  position: absolute;
  top: 24px !important;
  right: 3px;
  margin: 0;
  padding: 0 0 0 0;
  width: 26px;
  height: 23px;
  background: url(/Portals/0/images/common/btn_search.png) no-repeat #6a6a6a;
  border: none;
  text-indent: -9999em;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
}
.menuBox .naviList {
  padding: 0 16px 20px 16px;
}
.menuBox .naviList li a {
  display: block;
}
.menuBox .naviList li:not(:last-of-type) {
  margin-bottom: 4px !important;
}
.menuBox .naviList li a {
  padding: 20px 0 17px 10px;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-left: 4px solid #604287;
  border-radius: 4px;
  text-decoration: none;
}

.menuBox .naviList li a::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 6px;
  right: 4px;
  border-bottom: 10px solid #604287;
  border-left: 10px solid transparent;
  content: "";
}
.menuBox .naviList li a .ttl {
  padding: 4px 0 4px 37px;
  width: 155px;
  font-size: 1.5rem;
  font-weight: bold;
  background: url("/Portals/0/images/common/sp/icon02.png") no-repeat left
    center / 32px;
  box-sizing: border-box;
}
.menuBox .naviList li a .txt {
  font-size: 1.2rem;
  line-height: 1.65;
}
.menuBox .naviList li:nth-of-type(2) a {
  border-left: 4px solid #115c9e;
}
.menuBox .naviList li:nth-of-type(2) a::after {
  border-bottom: 10px solid #115c9e;
}
.menuBox .naviList li:nth-of-type(2) a .ttl {
  background: url("/Portals/0/images/common/sp/icon03.png") no-repeat left
    center / 32px;
}
.menuBox .naviList li:nth-of-type(3) a {
  border-left: 4px solid #20aa8e;
}
.menuBox .naviList li:nth-of-type(3) a::after {
  border-bottom: 10px solid #20aa8e;
}
.menuBox .naviList li:nth-of-type(3) a .ttl {
  background: url("/Portals/0/images/common/sp/icon04.png") no-repeat left
    center / 32px;
}

.menuBox .subBox .link a {
  margin: 0 16px;
  display: block;
  text-align: center;
  background-color: #fff8dc;
  border-radius: 5px;
  overflow: hidden;
}
.menuBox .subBox .link .ttl {
  display: block;
  padding: 8px 2px 6px;
  position: relative;
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.5;
  background-color: #ffd21c;
}
.menuBox .subBox .link .ttl a {
  text-decoration: none;
}
.menuBox .subBox .link .ttl::after {
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: url("/Portals/0/images/common/sp/icon13.png") no-repeat center /
    15px;
  content: "";
}
.menuBox .subBox .link .en {
  font-size: 1.6rem;
  font-weight: 600;
  display: block;
  padding: 6px 0 5px;
}
.menuBox .subBox .link .en span {
  padding: 11px 0 1px;
  width: 40%;
  background-position: left bottom 3px;
}
.menuBox .linkList {
  margin: 0 15px 30px !important;
  border-bottom: 1px solid #e7e7e7;
}
.menuBox .linkList li a {
  text-decoration: none;
  padding: 22px 0 18px;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  border-top: 1px solid #e7e7e7;
  background: url("/Portals/0/images/common/sp/icon14.png") no-repeat right
    center / 12px;
}
.menuBox .txtList {
  margin: -20px 15px 0 !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.menuBox .txtList li {
  margin-top: 20px;
  width: 48%;
}
.menuBox .txtList li a {
  font-size: 1.4rem;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
#gHeader .hBox01 {
  margin: 0 auto;
  max-width: 1000px;
  padding: 10px 7px 6px 11px;
  display: flex;
  justify-content: space-between;
}
#gHeader.bg .hBox01 {
  padding: 5px 7px 0 11px;
}
.orange .gNavi01 ul {
  margin: 5px 0 0 !important;
  display: flex;
}
.orange .gNavi01 ul li:not(:last-of-type) {
  margin-right: 22px !important;
}
.orange .gNavi01 ul li a {
  padding-left: 0;
}
.gNavi01 ul li a {
  padding-top: 15px;
  font-size: 1rem;
  background: url("/Portals/0/images/common/icon36.png") no-repeat center top /
    11px;
}
.gNavi01 ul li:nth-of-type(2) a {
  background: url("/Portals/0/images/common/icon37.png") no-repeat center top /
    13px;
}
.gNavi01 ul li:nth-of-type(3) a {
  background: url("/Portals/0/images/common/icon38.png") no-repeat center top /
    13px;
}
.orange .gNavi01 ul li:nth-of-type(2) a {
  background: url("/Portals/0/images/common/sp/icon37.png") no-repeat center top /
    13px;
}
.orange .gNavi01 ul li:nth-of-type(3) a {
  background: url("/Portals/0/images/common/sp/icon38.png") no-repeat center top /
    13px;
}
#gHeader .naviBox {
  display: flex;
}
@media all and (max-width: 374px) {
  .menuBox .sp_subBox .link a .ttl {
    font-size: 1rem;
  }
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.fBox {
  margin-top: 4px;
  padding-top: 24px;
  background-color: #f2f2f2;
}
.fBox .pageTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 97px;
  right: 8px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.16);
  z-index: 10;
}
.fBox .fBox {
  margin: 0 auto 24px;
}
.fBox .title {
  margin-bottom: 19px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
}
.fBox .snsList {
  margin: 0 auto !important;
  max-width: 277px;
  display: flex !important;
  justify-content: space-between;
}
.fBox .btnBox {
  padding: 24px 0 30px;
  text-align: center;
  background-color: #474747;
}
.fBox .btnBox p {
  margin-bottom: 10px;
  color: #fff;
  font-size: 1.1rem;
}
.fBox address {
  color: #fff;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
}
.keypoint {
  line-height: 2.4rem;
  letter-spacing: normal;
}
.spView div.pointWrap div.red strong,
.spView div.pointWrap div.blue strong,
.spView div.pointWrap div.green strong,
.spView div.pointWrap div.turq strong,
.spView div.pointWrap div.purple strong {
  font-size: 1.8rem;
}
.spView .infofWarp {
  padding: 20px 15px;
}
.spView .infoContents .department {
  padding-bottom: 30px;
}
.spView .infoContents .department:not(:last-of-type) {
  padding-bottom: 10px;
}
.spView .infoContents ul.ex .address {
  padding-bottom: 10px;
}
.spView .infoContents ul.ex .mail {
  padding-bottom: 10px;
}
.spView .infoContents ul.ex .web {
  display: flex;
  padding: 0;
  text-indent: 0;
  line-height: 2.5rem;
}
.spView .infoContents ul.ex .web::before {
  margin-top: 5px;
}
.spView .infoContents .column {
  font-size: 1.5rem;
}
.spView .infoContents div.department:nth-of-type(odd) {
  padding: 10px 5px 20px;
}
.spView .infoContents div.department:nth-of-type(even) {
  margin: 0;
  padding: 10px 5px 10px;
}
.spView .infoContents div.department:last-of-type {
  padding-bottom: 0;
}
.spView .infoContents div.department:last-of-type .ex .mail {
  padding-bottom: 0;
}
/*212 レイアウトCSS 終了 ジェネラルCSS 開始*/
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
/* flex */
.flex,
.flexA,
.flexB,
.flexC {
  display: flex;
  flex-wrap: wrap;
}
.flexA {
  justify-content: space-around;
}
.flexB {
  justify-content: space-between;
}
.flexC {
  justify-content: center;
}
.en {
  font-family: "Poppins", sans-serif;
}
/*------------------------------------------------------------
	リンク・インプットをタップ時のクラス
------------------------------------------------------------*/
a.tapCtrl,
input.tapCtrl,
.tapCtrl a,
.tapCtrl input {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.content {
  margin: 0 auto;
  padding: 0 12px;
  max-width: 1020px;
}
/*------------------------------------------------------------
	top banner
------------------------------------------------------------*/
.banner.content {
  margin: 0 auto 64px;
  padding: 0;
}
/*------------------------------------------------------------
	comLinkBox
------------------------------------------------------------*/
.comLinkBox {
  padding-bottom: 0;
}
.comLinkBox .linkList {
  max-width: none;
  display: inline;
  justify-content: center;
  transform: translateY(0);
  box-shadow: none;
}

/* .comLinkBox .linkList li {
  width: inherit;
}
.comLinkBox .linkList li a {
  text-align: left;
} */
.comLinkBox.index {
  padding-bottom: 5px;
  background-color: #f2f2f2;
}
.comLinkBox.index .linkList {
  margin: 0 auto;
}
.comLinkBox.index .linkList li a {
  display: flex;
  align-items: center;
  position: relative;
  background-color: #fff;
}
.comLinkBox.index .linkList li:not(:last-of-type) a .text {
  border-bottom: 1px solid #e7e7e7;
}
.comLinkBox.index .linkList li a::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 6px;
  right: 4px;
  border-bottom: 10px solid #20aa8e;
  border-left: 10px solid transparent;
  content: "";
}
.comLinkBox .linkList li a::after {
  border-left: 10px solid transparent;
}
.comLinkBox.index .linkList li:not(:last-of-type) a {
  border-right: 1px solid #e7e7e7;
}
.comLinkBox.index .linkList li a .pho {
  width: 36px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #20aa8e;
}
.comLinkBox.index .linkList li a .pho img {
  width: 20px;
}
.comLinkBox.index .linkList li a .text {
  width: calc(100% - 36px);
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comLinkBox.index .linkList li a .ttl {
  padding-left: 15px;
  color: #333333;
  width: 150px;
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: bold;
  box-sizing: border-box;
}
.comLinkBox .linkList li a .ttl {
  margin: 0;
  font-size: 1.6rem;
}
.comLinkBox.index .linkList li a .txt {
  padding-left: 10px;
  color: #333333;
  width: calc(100% - 150px);
  font-size: 1.1rem;
  line-height: 1.65;
  box-sizing: border-box;
}
.comLinkBox.index .linkList li:nth-of-type(2) a .pho {
  background-color: #115c9e;
}
.comLinkBox.index .linkList li:nth-of-type(2) a::after {
  border-bottom-color: #115c9e;
}
.comLinkBox.index .linkList li:nth-of-type(3) a .pho {
  background-color: #604287;
}
.comLinkBox.index .linkList li:nth-of-type(3) a::after {
  border-bottom-color: #604287;
}
/*------------------------------------------------------------
	comNews
------------------------------------------------------------*/
.comNews {
  padding: 44px 0 30px;
}
.comNews dl {
  margin: 0 10px;
  padding: 0;
  border-bottom: 1px solid #e7e7e7;
}
.comNews dt,
.comNews dd {
  font-size: 1.4rem;
  line-height: 1.5;
}
.comNews dt {
  width: 100%;
  float: none;
  display: inline;
  font-size: 1.5rem;
}
.comNews dd a {
  color: #333;
  text-decoration: none;
}
.comNews dt span {
  padding-left: 10px;
  margin-left: 0 !important;
}
.comNews dt span img {
  width: 20%;
}
.comNews .catlist .ttl {
  /* font-size: 2rem; */
  padding: 0;
}
.content div.catlist li:first-child {
  font-weight: normal;
}
.content div.catlist li {
  padding: 3px 15px 3px 28px;
  margin: 11px 0 0 4px !important;
  float: left;
  font-size: 1em;
  display: flex;
  justify-content: space-between;
  border: 1px solid #e7e7e7;
  line-height: 1.5;
}
#catlist li a {
  color: #333;
  text-decoration: none;
}

.content div.catlist li.tag {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  background: url("/Portals/0/images/common/sp/icon08.png") no-repeat left 18px
    center / 3px;
}
.comNews dt .tag01 {
  background: url("/Portals/0/images/common/sp/icon09.png") no-repeat left 4px
    center / 9px;
}
.content div.catlist li.tag01 {
  background: url("/Portals/0/images/common/sp/icon09.png") no-repeat left 13px
    center / 9px;
}
.comNews dt .tag02 {
  background: url("/Portals/0/images/common/sp/icon11.png") no-repeat left 4px
    center / 9px;
}
.content div.catlist li.tag02 {
  background: url("/Portals/0/images/common/sp/icon11.png") no-repeat left 13px
    center / 9px;
}
.comNews dt .tag03 {
  background: url("/Portals/0/images/common/sp/icon10.png") no-repeat left 4px
    center / 9px;
}
.content div.catlist li.tag03 {
  background: url("/Portals/0/images/common/sp/icon10.png") no-repeat left 13px
    center / 9px;
}
.content div.catlist li.tag04 {
  background: url("/Portals/0/images/common/sp/icon39.png") no-repeat 12px
    center / 12px;
}

.comNews dd {
  padding: 4px 0 28px;
  line-height: 1.75;
}
.comNews dd a span {
  color: #cc0000;
}

.catlist {
  width: 100%;
  max-width: 554px;
  margin: 28px auto;
}
.catlist ul {
  margin: 12px 0 0 0;
}
.catlist .ttl {
  font-weight: bold;
  text-align: center;
  font-size: 1.4rem;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
.headLine01 {
  margin-bottom: 30px;
  color: #333333;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
/*------------------------------------------------------------
	pageTitle
------------------------------------------------------------*/
/* .pageTitle {
  padding-top: 132px;
} */
.pageTitle.bg .linkBox {
  top: 73px;
}
.pageTitle.bg .linkList > li > a {
  padding: 14px 16px 10px 12px;
}
.pageTitle .linkBox {
  position: fixed;
  top: 90px;
  left: 0;
  width: 100vw;
  overflow: auto;
  z-index: 20;
}
.pageTitle .linkList {
  margin: 0 auto !important;
  width: 658px;
  display: flex;
  position: relative;
  z-index: 100;
}
.pageTitle .linkList > li {
  width: auto;
  min-width: max-content !important;
}
.pageTitle .linkList > li > a {
  padding: 16px 16px 14px 12px;
  position: relative;
  min-height: 0;
  display: block;
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  box-sizing: border-box;
  text-decoration: none;
}
.pageTitle .linkList > li > a:hover {
  background-color: initial;
}
.pageTitle .linkList > li:not(.link) a {
  padding: 16px 27px 14px 12px;
}
.pageTitle .linkList > li:not(.link) > a::after {
  width: 13px;
  height: 13px;
  position: absolute;
  top: calc(50% - 7px);
  right: 13px;
  background: url("/Portals/0/images/common/sp/icon19.png") no-repeat right
    center / 13px;
  content: "";
}
.pageTitle .linkBox.bg .linkList > li:not(.link) > a::after {
  width: 13px;
  height: 13px;
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  background: url("/Portals/0/images/common/icon19.png") no-repeat right center /
    13px;
  content: "";
}
.pageTitle .linkList > li.link01 > a::after {
  background-image: url("/Portals/0/images/common/icon25.png");
}
.pageTitle .comSubBox {
  width: 100vw;
  height: calc(100% - 133px);
  padding: 56px 12px 50px;
  position: fixed;
  top: -100%;
  left: 0;
  background-color: #e6edf2;
  transition: all 0.3s;
  overflow: auto;
  box-sizing: border-box;
  z-index: 12;
}
.pageTitle .comSubBox.on {
  top: 132px;
}
.pageTitle .comSubBox.on.bg {
  top: 110px;
}
.pageTitle .comSubBox .close {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 19px;
  right: 16px;
  content: "";
}
.pageTitle .linkList > li.link02.on > a:hover::after {
  background-image: url("/Portals/0/images/common/icon31.png");
  background-size: 13px;
}
.video {
  margin-top: 137px;
  position: relative;
  overflow: hidden;
}
.video video {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translateX(-50%);
}
.video.general {
  margin-top: 0;
}
#mainBody .pageTitle.public + .content01,
#mainBody .pageTitle.researcher + .content01,
#mainBody .pageTitle.business + .content01,
#mainBody .pageTitle.industry + .content01 {
  margin-top: 76px;
}
.pageTitle.business .subBox .subList > li > ul li > ul li,
.pageTitle .subBox01 .subList > li > ul li > ul li {
  padding-left: 30px;
}

/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
.comLinkList {
  margin-top: -20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.comLinkList li {
  margin-top: 20px;
  width: 48.29%;
}
.comLinkList li .tag {
  padding: 2px 7px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  background-color: #2da8d6;
}
.comLinkList li .tag01 {
  background-color: #b8842e;
}
.comLinkList li .tag02 {
  color: #111;
  background-color: #ffd21c;
}
.comLinkList li .pho {
  margin-bottom: 9px;
  width: 100%;
  height: auto;
  position: relative;
  background-size: cover;
}
.comLinkList li .pho a {
  width: auto;
  height: 125px;
}
.comLinkList li .pho img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
.comLinkList li p {
  color: #333333;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
}
.comLinkList li a {
  display: block;
  text-decoration: none;
}
@media all and (max-width: 374px) {
  .comLinkList li p {
    font-size: 1rem;
  }
}
/*------------------------------------------------------------
	comPhoArea
------------------------------------------------------------*/
.comPhoArea {
  padding: 26px 0 23px;
  background-color: #f2f2f2;
}
.comPhoArea .photoList .slick-slide > div {
  margin-right: 12px;
  width: 140px;
}
.comPhoArea .photoList .slick-slide > div li {
  padding: 0;
  margin: 0;
}
.comPhoArea .photoList .slick-slide > div li a {
  display: block;
  width: inherit !important;
  height: inherit !important;
  text-decoration: none;
}
.comPhoArea .photoList .slick-prev,
.comPhoArea .photoList .slick-next {
  width: 28px;
  height: 28px;
  /* font-size: 1rem; */
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  background: url("/Portals/0/images/index/arrow_left.jpg") no-repeat center /
    28px;
  z-index: 10;
  cursor: pointer;
}
.comPhoArea .photoList .slick-next {
  left: auto;
  right: 0;
  background-image: url("/Portals/0/images/index/arrow_right01.jpg");
}
.comPhoArea .ids_plist .slick-next {
  background-image: url("/Portals/0/images/index/sp/arrow_right01.jpg") !important;
}
/*------------------------------------------------------------
	mainVisual
------------------------------------------------------------*/
.mainVisual {
  position: relative;
}
.mainVisual .btn {
  display: none;
}
.mainVisual .btn a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainVisual .mute {
  width: 20px;
  position: absolute;
  bottom: 10px;
  left: auto !important;
  right: 10px;
  background: url("/Portals/0/images/common/mute.png") no-repeat left center /
    20px;
  z-index: 10;
}
.mainVisual .mute.on img {
  opacity: 0;
}
.mainVisual.pageTitle .btn {
  height: calc(100% - 134px);
  top: 134px;
}
/*212 ジェネラルCSS 終了 スキンCSS 開始*/
#twrap_mainBody {
  clear: both;
  width: 87%;
  margin: 95px auto 0;
  text-align: left;
  padding: 0 0 30px;
}

/* .breadcrumbs {
  padding: 0 0 22px 0;
} */

.cp_breadcrumb *,
.cp_breadcrumb *:after,
.cp_breadcrumb *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_breadcrumb {
  padding: 27px 0 0 0;
  margin: 0 auto 22px;
}
.cp_breadcrumb a {
  text-decoration: none;
  color: #707070;
}
.cp_breadcrumb a:hover {
  text-decoration: underline;
}
.cp_breadcrumb .breadcrumbs {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.cp_breadcrumb li {
  display: inline-block;
  position: relative;
  /* padding-right: calc(16px + 8px); */
  margin-right: 8px;
  color: #707070;
}
.cp_breadcrumb li:last-child {
  margin-right: 0;
  padding-right: 0;
  color: #333333;
}
.cp_breadcrumb li:last-child::before {
  content: normal;
}
/*------------------------------------------------------------
accordion
------------------------------------------------------------*/
#acd-menu {
  /* margin: 0 auto; */
  border: 1px solid #cccccc;
}
#acd-menu dt {
  position: relative;
  height: 44px;
  line-height: 44px;
  cursor: pointer;
  font-size: 1.6rem;
  color: #333333;
}
#acd-p {
  text-align: center;
  padding: 0;
}

#acd-p.open {
  background: #333333;
  color: #fff;
  padding: 0;
}
#acd-menu .open span::after {
  content: url(/Portals/0/images/common/iconmenu.png);
}
#acd-menu dd ul li {
  list-style: none;
}
#acd-menu dd ul li dl dt {
  border-top: 1px solid #eee;
  padding: 0 0 0 6vw;
}
#acd-menu dd ul li dl dt.open:active {
  background: #e7e7e7;
}
#acd-menu dd ul li a {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  padding: 0 6vw;
  border-top: 1px solid #eee;
  color: #333333;
  font-size: 1.6rem;
  background: url(/Portals/0/images/common/icon14.png) no-repeat 98% center /
    12px;
}
#acd-menu dd ul li li:hover,
#acd-menu dd ul li a:hover {
  background-color: #cccccc;
}
#close {
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  border-top: 1px solid #eee;
  color: #333333;
  text-align: center;
}
#acd-menu dd ul li dl dt span.toggle_btn {
  position: absolute;
  top: 50%;
  right: 1.8vw;
  transform: translateY(-50%);
  background: #474747;
  display: block;
  width: 15px;
  height: 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
  content: none;
  color: #333;
}
#acd-menu dd ul li dl dt span.toggle_btn:before,
#acd-menu dd ul li dl dt span.toggle_btn:after {
  display: block;
  content: "";
  background-color: #fff;
  position: absolute;
  width: 8px;
  height: 2px;
  top: 50%;
  left: 50%;
  padding: 0;
  transform: translate(-50%, -50%);
}
#acd-menu dd ul li dl dt span.toggle_btn:before {
  width: 2px;
  height: 9px;
}
#acd-menu dd ul li dl dt.open {
  border-bottom: 1px solid #eee;
}
#acd-menu dd ul li dl dt.open .toggle_btn:before {
  content: normal;
}
#acd-menu dd ul li dl dt:before {
  content: none;
}
#acd-menu dd ul li dl dt.open:before {
  content: none;
}

#acd-menu dd ul li dl dd li:last-child a {
  border-bottom: none;
}
#acd-menu dd ul li dl dd li a {
  border-bottom: 2px dotted #e7e7e7;
  border-top: none;
  margin: 0 0 0 7vw;
  padding: 0;
  font-size: 1.4rem;
}

img.imgLeft {
  float: left;
  margin: 0 15px 15px 0;
}
/*212 コンテンツCSS 終了 インデックスCSS 開始*/
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.comLinkBox {
  margin-bottom: 19px;
}
.sec01 {
  padding: 40px 0 36px;
  background-color: #f2f2f2;
}
.sec01 .headLine01 {
  margin-bottom: 31px;
}
.link img {
  width: 100%;
}
.comLinkBox.index {
  padding: 0 0 5px 0;
  background-color: #f2f2f2;
}
.comLinkBox.index .linkList {
  margin: 0 auto;
}
.comLinkBox.index .linkList li a {
  display: flex;
  align-items: center;
  position: relative;
  background-color: #fff;
  padding: 0;
}
.comLinkBox.index .linkList li:not(:last-of-type) a .text {
  border-bottom: 1px solid #e7e7e7;
}
.comLinkBox.index .linkList li a::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 6px;
  right: 4px;
  border-bottom: 10px solid #107e69;
  border-left: 10px solid transparent;
  content: "";
}
.comLinkBox.index .linkList li:not(:last-of-type) a {
  border-right: 1px solid #e7e7e7;
}
.comLinkBox.index .linkList li a .pho {
  width: 36px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  margin: 0;
  background-color: #107e69;
}
.comLinkBox.index .linkList li a .pho img {
  width: 20px;
}
.comLinkBox.index .linkList li a .text {
  width: calc(100% - 36px);
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.comLinkBox.index .linkList li a .ttl {
  padding-left: 15px;
  color: #333333;
  width: 150px;
  font-size: 1.6rem;
  line-height: 1.375;
  font-weight: bold;
  box-sizing: border-box;
}
.comLinkBox.index .linkList li a .txt {
  padding-left: 10px;
  color: #333333;
  width: calc(100% - 150px);
  font-size: 1.1rem;
  line-height: 1.65;
  box-sizing: border-box;
}
.comLinkBox.index .linkList li:nth-of-type(2) a .pho {
  background-color: #115c9e;
}
.comLinkBox.index .linkList li:nth-of-type(2) a::after {
  border-bottom-color: #115c9e;
}
.comLinkBox.index .linkList li:nth-of-type(3) a .pho {
  background-color: #604287;
}
.comLinkBox.index .linkList li:nth-of-type(3) a::after {
  border-bottom-color: #604287;
}
@media all and (max-width: 374px) {
  .comLinkBox.index .linkList li a .ttl {
    width: 120px;
  }
  .comLinkBox.index .linkList li a .txt {
    padding-left: 0;
    width: calc(100% - 120px);
  }
}
/*212 インデックスCSS 終了 slickCSS 開始*/
/* Slider */
.slick-slider {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* padding: 0 0 20px 0; */
}
.slick-track:before,
.slick-track:after {
  display: table;

  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.webmagtop .slick-slide img {
  height: 100px !important;
  object-fit: cover;
  width: 100%;
}

/*212 slickCSS 終了 researcherCSS 開始*/
/*------------------------------------------------------------
	researchers
------------------------------------------------------------*/
.pageTitle .comSubBox .rList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
.pageTitle .comSubBox .rList li a .txt {
  margin-top: 4px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.28;
}
.comLinkBox.researcher {
  padding: 20px 0;
  background-color: #edeaf0;
}
.comLinkBox.researcher .rsc_list,
.comLinkBox.industry .ids_box {
  margin: -12px 12px 0 !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.comLinkBox.researcher .rsc_list li {
  margin-top: 12px !important;
  width: 48.29% !important;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
}
.comLinkBox.researcher .rsc_list li a {
  padding: 9px 8px 15px;
  height: 100%;
  display: block;
  font-size: 1rem;
  line-height: 1.65;
  text-align: center;
  box-sizing: border-box;
}
.comLinkBox.researcher .rsc_list li .pho {
  margin: 0 auto 4px;
  width: 28px !important;
  height: 28px !important;
  background-color: #604287 !important;
  border-radius: 50%;
}
.comLinkBox.researcher .rsc_list li .pho img {
  width: 22px;
}
.comLinkBox.researcher .rsc_list li:nth-of-type(2) .pho img {
  width: 14px;
}
.comLinkBox.researcher.rsc_list li .ttl {
  margin-bottom: 5px;
  padding: 0;
  width: auto;
  line-height: 1.65;
  text-align: center;
}
.comLinkBox.researcher .rsc_list li .ttl .sml {
  margin-top: 5px;
  display: block;
  color: #604287;
  font-size: 1.2rem;
  line-height: 1.5;
}
.comLinkBox.researcher .rsc_list li a::after {
  border-bottom: 10px solid #604287 !important;
}
/* .comNews {
	padding: 40px 0 19px;
} */
.sec01.researcher {
  padding: 40px 0 32px;
  background-color: #f2f2f2;
}
.sec01.researcher .headLine01 {
  margin-bottom: 23px;
}
.sec01.researcher .pickList li {
  width: 100%;
}
.sec01.researcher .pickList li:not(:last-of-type) {
  margin-bottom: 12px !important;
}
.sec01.researcher .pickList li a {
  display: block;
  color: #888888;
  font-size: 1.2rem;
  line-height: 1.65;
}
.sec01.researcher .pickList li a .title {
  padding: 5px 0 4px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background-color: #604287;
  margin-bottom: 0;
}
.sec01 .pickList li a .title::after {
  background: none;
}
.sec01.researcher .pickList {
  margin: 0;
}
.sec01.researcher .pickList li a .sp_subBox {
  display: flex;
}
.sec01.researcher .pickList li a .photo {
  position: relative;
  width: 120px;
  height: auto;
}
.sec01.researcher .pickList li a .text {
  padding: 10px 12px 0;
  width: calc(100% - 120px);
  background-color: #fff;
  box-sizing: border-box;
}
.sec01.researcher .pickList li a .text .ttl {
  margin-bottom: 3px;
  color: #111111;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7;
}

/*------------------------------------
  研究分野紹介
------------------------------------*/
.sec02.researcher {
  padding: 43px 0;
}

.sec02.researcher .headLine01 {
  margin-bottom: 28px;
}

.sec02.researcher .list_researchDomains {
  border: 1px solid #cccccc;
  border-bottom: none;
}

.sec02.researcher .list_researchDomains > li {
  padding: 16px 0 25px 11px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

#skinTypes.violet .sec02.researcher .list_researchDomains > li:hover{
  border-color: #cccccc;
}

.sec02.researcher .list_researchDomains .subList li:not(:last-of-type) {
  margin-bottom: 18px;
}
.sec02.researcher .list_researchDomains > li .title {
  margin-bottom: 22px;
  padding: 4px 44px 2px;
  color: #111111;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  background-size: 32px
}


.sec02 .list_researchDomains .subList li{
  padding-left: 18px;
  font-size: 1.4rem;
  line-height: 1.28;
  background-position: left 6px top 4px;
  background-size: 6px; 
}


.comPhoArea.researcher .photoList .slick-prev {
  background-image: url("/Portals/0/images/researcher/arrow_left.jpg");
}
.comPhoArea.researcher .photoList .slick-next {
  background-image: url("/Portals/0/images/researcher/arrow_right.jpg");
}
.pageTitle.researcher .comSubBox {
  background-color: #edeaf0;
}
.pageTitle.researcher .comSubBox .lLink {
  margin-bottom: 20px;
  padding-top: 17px;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle.researcher .comSubBox .lLink .title {
  margin: 0 13px 13px;
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
}
.pageTitle.researcher .comSubBox .lLink ul li a {
  padding: 12px 0 11px 12px;
  display: block;
  font-size: 1.6rem;
  line-height: 1.71;
  border-top: 1px solid #edeaf0;
  background: url("/Portals/0/images/common/icon14.png") no-repeat right 8px
    center / 12px;
}
.pageTitle.researcher .comSubBox.rList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
.pageTitle.researcher .comSubBox .rList li {
  width: 50%;
  min-height: 89px;
}
.pageTitle.researcher .comSubBox .rList li:first-of-type a {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  background-color: #604287;
}
.pageTitle.researcher .comSubBox .rList li a {
  padding-top: 11px;
  height: 100%;
  display: block;
  text-align: center;
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle.researcher .comSubBox.rList li a .txt {
  margin-top: 4px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.28;
}
@media all and (max-width: 374px) {
  .comLinkBox.researcher .linkList {
    margin: -12px 5px 0;
  }
  .comLinkBox.researcher .linkList li {
    width: 49.5%;
  }
  .comLinkBox.researcher .linkList li a {
    padding: 9px 0px 15px;
  }
  .comLinkBox.researcher .linkList li .ttl .sml {
    font-size: 1.1rem;
  }
  .comLinkBox.researcher .linkList li a .ttl {
    font-size: 1.5rem;
  }
  .sec01.researcher .pickList li a .text .ttl {
    font-size: 1.1rem;
  }
  .sec01.researcher .pickList li a .text .txt {
    font-size: 1rem;
  }
}
.pageTitle.researcher .linkBox,
.pageTitle.researcher .linkList {
  background-color: #604287;
}
/*212 researcherCSS 終了 industry CSS 開始*/
/*------------------------------------------------------------
industry
------------------------------------------------------------*/
/* .pageTitle .linkList > li:not(.link) a .comLinkBox {
  padding: 20px 0;
  background-color: #e6edf2;
}
.comLinkBox.industry .linkList {
  margin: -11px 12px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: 0 0;
} */
.pageTitle.industry .linkBox,
.pageTitle.industry .linkList {
  background-color: #115c9e !important;
}
.ids_list li {
  min-width: auto !important;
}

.comLinkBox.industry .linkList li {
  margin-top: 11px !important;
  width: 48.29% !important;
}
.comLinkBox.industry .linkList li a {
  padding: 9px 0 20px;
  height: 100%;
  display: block;
  font-size: 1rem !important;
  line-height: 1.7;
  text-align: center;
  box-sizing: border-box;
}
.comLinkBox.industry .ids_box li .pho {
  margin: 0 auto 7px;
  width: 28px !important;
  height: 28px !important;
  background-color: #115c9e !important;
  border-radius: 50%;
}
.comLinkBox.industry .linkList li .pho img {
  width: 20px !important;
}
.comLinkBox.industry .linkList li .ttl {
  margin-bottom: 7px !important;
  padding: 0;
  width: auto;
  font-size: 1.6rem;
}
.comLinkBox.industry .linkList li .ttl .sml {
  margin-top: 7px;
  display: block;
  color: #115c9e;
  font-size: 1.2rem !important;
}
.comLinkBox.industry .linkList li a::after {
  border-bottom: 10px solid #115c9e !important;
}
.comNews {
  padding: 0;
}
.sec01.industry {
  padding: 39px 0 32px;
  background-color: #f2f2f2;
}
.sec01.industry .headLine01 {
  margin-bottom: 24px;
}
.sec01.industry .pickList li {
  width: 100%;
}
.sec01.industry .pickList li:not(:last-of-type) {
  margin-bottom: 13px !important;
}
.sec01.industry .pickList li a {
  display: block;
}
.sec01.industry .pickList li a .subBox {
  display: flex;
}
.sec01.industry .pickList li a .title {
  padding: 7px 0 6px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  background-color: #115c9e;
  margin-bottom: 0;
}
.sec01.industry .pickList li a .sp_subBox {
  display: flex;
}
.sec01.industry .pickList li a .photo {
  width: 120px;
  height: auto;
  position: relative;
}
.sec01.industry .pickList li a .photo .tag {
  min-width: 80px;
  padding: 4px 0 2px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  text-align: center;
  background-color: #ffd21c;
}
.sec01.industry .pickList li a .text {
  padding: 10px 13px 0;
  width: calc(100% - 120px);
  background-color: #fff;
  box-sizing: border-box;
}
.sec01.industry .pickList li a .text .ttl {
  margin-bottom: 4px;
  color: #111111;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.7;
}
.sec01.industry .pickList li a .text .txt {
  color: #888888;
  font-size: 1.2rem;
  line-height: 1.65;
}

/*------------------------------------
  研究分野紹介
------------------------------------*/
.sec02.industry {
  padding: 0 0 44px;
}
.sec02.industry .headLine01 {
  margin-bottom: 27px;
}
.sec02 .linkList.ids_box {
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
.sec02.industry .linkList.ids_box > li {
  width: 50%;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.sec02.industry .linkList.ids_box > li.column01 {
  width: 100%;
  padding: 0 27px;
}

.sec02.industry .linkList.ids_box > li.column01 ul{
  width: 100%;
  gap: 0.3em 20px;
}

.sec02.industry .linkList.ids_box > li a {
  padding: 11px 0 13px;
  font-size: 1.2rem;
  line-height: 1.65;
}
.sec02.industry .linkList.ids_box > li .pho {
  margin-bottom: 4px;
}
.sec02.industry .linkList.ids_box li .pho img {
  width: 45px;
}
.sec02.industry .linkList.ids_box li .ttl {
  margin-bottom: 7px;
  font-size: 1.6rem;
  line-height: 1.65;
}
.sec02.industry.ids_box .linkList > li::after {
  bottom: 4px;
  right: 4px;
  border-bottom-width: 10px;
  border-left-width: 10px;
}


.pageTitle .comSubBox.industry .subList > li {
  padding: 14px 0 2px;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.pageTitle .comSubBox.industry .subList > li:not(:last-of-type) {
  margin-bottom: 20px;
}
.pageTitle .comSubBox.industry .subList > li .title {
  margin: 0 0 12px 10px;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.pageTitle .comSubBox.industry .subList > li .title a {
  width: 100%;
  background: url("/Portals/0/images/common/icon14.png") no-repeat right 8px
    center / 12px;
}
.pageTitle .comSubBox.industry .subList > li .title span {
  margin-right: 6px;
}
.pageTitle .comSubBox.industry .subList > li p a {
  display: block;
  color: #333333;
  font-size: 1.6rem;
  background: url("/Portals/0/images/common/icon14.png") no-repeat right 8px
    center / 12px;
}
.pageTitle .comSubBox.industry .subList > li > ul li {
  line-height: 1.71;
}
.pageTitle .comSubBox.industry .subList > li > ul li a {
  padding: 12px 10px 10px;
  display: block;
  color: #333333;
  font-size: 1.6rem;
  border-top: 1px solid #e6edf2;
  background: url("/Portals/0/images/common/icon14.png") no-repeat right 8px
    center / 12px;
  text-decoration: none;
}

.pageTitle .comSubBox.industry .subList > li > ul li a:hover,
.pageTitle .comSubBox.industry .subList > li p a:hover {
  text-decoration: underline;
}
.pageTitle .comSubBox.industry .subList > li > ul li > ul li a {
  border-bottom: 2px dotted #e6edf2;
  border-top: none;
}
.pageTitle .comSubBox.industry .subList > li > ul li > ul li:first-child a {
  border-top: 1px solid #e6edf2;
}
.pageTitle .comSubBox.industry .subList > li > ul li > ul li:last-child a {
  border: none;
}

.pageTitle .comSubBox.industry .subList > li > ul li > ul li {
  padding-left: 30px;
}
.pageTitle .comSubBox.industry .subList > li#webmag {
  padding-left: 15px;
  color: #333333;
  font-weight: bold;
  background-color: #fff8dc;
  padding: 0;
}
.pageTitle .comSubBox.industry .subList > li#webmag .title {
  background: #ffd21c;
  margin: 0;
  padding: 12px 10px 10px;
}

@media all and (max-width: 374px) {
  .comLinkBox.industry .linkList li a {
    padding: 9px 5px 20px;
  }
  .sec01.industry .pickList li a .text .ttl {
    font-size: 1.2rem;
  }
  .sec01.industry .pickList li a .text .txt {
    font-size: 1rem;
  }
}
/*212 industry CSS 終了 publick CSS 開始*/
/*------------------------------------------------------------
	public
------------------------------------------------------------*/
.pageTitle.public .linkBox,
.pageTitle.public .linkList {
  background-color: #12826c;
}
.comLinkBox.public {
  padding: 20px 0;
  background-color: #e5f8f4;
}
.comLinkBox.public .linkList {
  margin: 0 12px !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #12be9c;
  border-left: 1px solid #12be9c;
  transform: none;
}
.comLinkBox.public .linkList li {
  width: 50%;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
}
.comLinkBox .linkList li:nth-child(2) img {
  width: 68px;
}
.comLinkBox .linkList li:nth-child(3) img {
  width: 68px;
}
.comLinkBox .linkList li:nth-child(4) img {
  width: 78px;
}
.comLinkBox .linkList li:nth-child(5) img {
  width: 46px;
}
.comLinkBox .linkList li:nth-child(6) img {
  width: 46px;
}
.comLinkBox.public .linkList li a {
  padding: 0;
  text-align: center !important;
}
.comLinkBox.public .linkList li:first-of-type a {
  padding: 12px 0 5px !important;
  height: 100%;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.65;
  background-color: #107e69;
}
.comLinkBox.public .linkList li {
  font-weight: bold;
  line-height: 1.65;
  border-right: 1px solid #12be9c;
  box-sizing: border-box;
}
.comLinkBox.public .linkList li a {
  padding: 15px 0 0;
  height: 134px;
  font-size: 1.4rem;
  display: block;
  border-top: 1px solid #12be9c;
}

.comLinkBox.public .linkList li .photo {
  margin-bottom: 4px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comLinkBox.public .linkList li:first-of-type .pho {
  margin: 0 auto 6px;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
}
.comLinkBox.public .linkList li:first-of-type .pho img {
  width: 16px;
}
.comLinkBox.public .linkList li:first-of-type .ttl {
  margin-bottom: 6px;
  padding: 0;
  width: auto;
  text-align: center;
  color: #fff;
}
.comLinkBox.public .linkList li a::after {
  display: none;
}
.sec01.public {
  padding-top: 0;
  background: none;
}
.sec01.public .headLine01 {
  margin-bottom: 13px;
}
.sec01.public .imgBox a {
  display: block;
  margin: 0;
}
.sec01.public .imgBox .photoBox {
  width: auto;
}
.sec01.public .imgBox .photoBox img {
  width: 100%;
}
.sec01.public .imgBox .textBox {
  padding: 15px 12px 28px;
  width: 100%;
  background-color: #f2f2f2;
  box-sizing: border-box;
  display: block;
}
.sec01.public .imgBox .textBox .title {
  margin-bottom: 12px;
  color: #111111;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.sec01.public .imgBox .textBox .title .time {
  margin-bottom: 6px;
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
}

.sec01.public .imgBox .textBox .text {
  font-size: 1.4rem;
  line-height: 1.5;
}
/* .comNews {
  padding: 44px 0 13px;
} */
.sec02.public {
  padding: 39px 0 32px;
  background-color: #333333;
}
.sec02.public .headLine01 {
  margin: 0 0 20px !important;
  color: #fff;
}
.sec02.public .pickList {
  display: block;
  margin: 0;
}
.sec02.public .pickList li {
  width: 100%;
  background-color: #fff;
}
.sec02.public .pickList li:not(:last-of-type) {
  margin-bottom: 12px !important;
}
/* .sec02.public .pickList li a {
  display: block;
} */
.sec02.public .pickList li .photo {
  min-height: auto;
  height: auto;
}
.sec02.public .pickList li .photo img {
  width: 100%;
}
.sec02.public .pickList li .text .tag {
  padding: 5px 13px 3px;
  display: inline-block;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  background-color: #ffb31c;
}
.sec02.public .pickList li .text .tag01 {
  background-color: #cc0000;
  color: #fff;
}
.sec02.public .pickList li .text p {
  padding: 5px 12px 20px;
  color: #111111;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.7;
}

.sec03.public {
  padding: 41px 0 45px;
  background-color: #e5f8f4;
}
.sec03.public .headLine01 {
  margin-bottom: 32px;
}
.sec03.public .comLinkList {
  margin-top: -23px;
}
.sec03.public .comLinkList li {
  margin-top: 23px;
}
.sec03.public .comLinkList li .pho {
  margin-bottom: 8px;
}
.sec03.public .comLinkList li p {
  color: #111111;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.7;
}
.sec03.public .comLinkList li .sml {
  margin-top: 1px;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.65;
}
.sec04.public {
  padding: 43px 0 15px;
}
.sec04.public .headLine01 {
  margin-bottom: 32px;
}
.sec04.public dt,
.sec04.public dd {
  font-size: 1.5rem;
  line-height: 1.5;
  float: none;
}
.sec04.public dt .tag {
  margin-left: 11px;
  padding: 2px 8px 1px;
  display: inline-block;
  color: #107e69;
  font-size: 1rem;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #107e69;
}
.sec04.public dd {
  padding: 6px 0 34px;
  font-size: 1.4rem;
}
.sec04.public dd a:hover {
  text-decoration: underline;
}
.comPhoArea.public .photoList .slick-prev {
  background-image: url("/Portals/0/images/public/arrow_left.jpg");
}
.comPhoArea.public .photoList .slick-next {
  background-image: url("/Portals/0/images/public/arrow_right.jpg");
}
.pageTitle.public .comSubBox {
  background-color: #e5f8f4;
}
.pageTitle.public .comSubBox .imgList li {
  width: 100%;
}
.pageTitle.public .comSubBox .imgList li:not(:last-of-type) {
  margin-bottom: 9px;
}
.pageTitle.public .comSubBox .imgList li a {
  padding: 11px 0 12px 12px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.pageTitle.public .comSubBox .imgList li a .pho img {
  width: 105px;
}
.pageTitle.public .comSubBox .imgList li a p {
  margin-left: 12px;
  font-size: 1.6rem;
  line-height: 1.65;
}
.pageTitle.public .comSubBox .imgList li a span {
  padding-right: 20px;
  background: url("/Portals/0/images/common/icon35.png") no-repeat right center /
    16px;
}

.publick_list li a .photo {
  width: 100%;
  height: auto;
  background-size: cover;
}
.publick_list2 li a .pho {
  width: 100%;
  height: 141px;
  background-size: cover;
}
/*212 publick  CSS 終了 webmagCSS 開始*/
/*------------------------------------------------------------
	comTextUl
------------------------------------------------------------*/
.comTextUl {
  margin-top: -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.comTextUl li {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.comTextUl .list01 {
  width: 100%;
}
.comTextUl.blue.ahm_list02 li {
  width: 100%!important;
}
.comTextUl li a {
  color: #333;
  text-decoration: none;
  padding: 30px 20px 35px;
  height: 100%;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 1.625;
  text-align: center;
  border-right: 25px solid #eee;
  position: relative;
  box-sizing: border-box;
}
.comTextUl li a span {
  margin-bottom: 9px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  display: block;
}
.comTextUl li a::after {
  width: 14px;
  height: 14px;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #eee;
  position: absolute;
  content: "";
  background: url(/Portals/0/images/common/sp/icon44.png) no-repeat right center /
    7px auto;
}
@media all and (min-width: 897px) {
  .comTextUl li:hover {
    border-color: #115c9e;
  }
  .comTextUl li a:hover {
    color: #115c9e;
    border-color: #115c9e;
  }
  .comTextUl li a:hover::after {
    background: url(/Portals/0/images/common/sp/icon46.png) no-repeat right
      center / 7px auto;
  }
  .comTextUl.purple li:hover {
    border-color: #604287 !important;
  }
  .comTextUl.purple li a:hover {
    color: #604287 !important;
    border-color: #604287 !important;
  }
  .comTextUl.blue li:hover {
    border-color: #115c9e !important;
  }
  .comTextUl.blue li a:hover {
    color: #115c9e !important;
    border-color: #115c9e !important;
  }
}
/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
.headLine02 {
  margin-bottom: 20px;
  padding: 10px;
  font-size: 1.8rem;
  border-bottom: 2px solid #d70712;
}
.headLine02.purple {
  border-bottom-color: #604287 !important;
}
.headLine02.blue {
  border-bottom-color: #115c9e !important;
}
/*------------------------------------------------------------
	headLine03
------------------------------------------------------------*/
.headLine03 {
  margin-bottom: 18px;
  padding: 0 10px 8px;
  font-size: 1.6rem;
  font-weight: normal;
  background: url("/Portals/0/images/common/line01.png") repeat-x left bottom /
    auto 3px;
}
.headLine03.blue {
  background-image: url(/Portals/0/images/common/line02.png);
}
/*------------------------------------------------------------
	headLine04
------------------------------------------------------------*/
.headLine04 {
  margin-bottom: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
/*------------------------------------------------------------
	headLine05
------------------------------------------------------------*/
.headLine05 {
  margin-bottom: 19px;
  padding: 10px 5px 10px 20px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: normal;
  border-left: 1px solid #ba2636;
  background-color: #f5f5f5;
}
/*------------------------------------------------------------
	headLine06
------------------------------------------------------------*/
.headLine06 {
  margin-bottom: 15px;
  font-size: 2rem;
  font-weight: bold;
}
/*------------------------------------------------------------
	headLine07
------------------------------------------------------------*/
.headLine07 {
  margin-bottom: 30px;
  padding: 3px 0 1px 10px;
  font-size: 1.9rem;
  line-height: 1.5;
  font-weight: normal;
  border-left: 10px solid #ba2636;
}
/*------------------------------------------------------------
	headLine08
------------------------------------------------------------*/
.headLine08 {
  margin-bottom: 22px;
  padding: 3px 0 1px 10px;
  font-size: 1.9rem;
  line-height: 1.5;
  font-weight: normal;
  border-left: 1px solid #115c9e;
}
/*------------------------------------------------------------
	comBtnList
------------------------------------------------------------*/
.comBtnList {
  margin-bottom: 47px;
  display: block;
  justify-content: center;
}
.comBtnList li {
  /* margin: 0 21px; */
  margin: 0 auto 20px;
  max-width: 300px;
  width: 100%;
}
.comBtnList li a {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  background: #001730 url("/Portals/0/images/common/icon40.png") no-repeat right
    19px center / 7px auto;
  box-sizing: border-box;
}
.comBtnList li a span {
  margin-top: 2px;
  display: block;
  font-size: 1.6rem;
}
.comBtnList li a:hover {
  opacity: 0.7;
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
  margin-bottom: 3px;
  width: 170px;
  background-color: #333;
}
.comBtn a {
  padding: 8px 2px;
  display: block;
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none !important;
  text-align: center;
  background: url("/Portals/0/images/common/icon46.png") no-repeat right 10px
    center / 7px auto;
}
.rbi_table .comBtn a {
  color: #fff;
}
@media all and (min-width: 897px) {
  .comBtn a:hover {
    opacity: 0.7;
  }
}
/*------------------------------------------------------------
	comSearchUl
------------------------------------------------------------*/
.comSearchUl {
  margin: -10px 0 55px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.comSearchUl li {
  margin: 10px 0 0;
  width: 100%;
  border: 1px solid #ccc;
}
.comSearchUl li:nth-of-type(2n) {
  margin-right: 0;
}
.comSearchUl li a {
  padding: 25px 34px;
  height: 100%;
  display: flex;
  align-items: center;
  border-right: 25px solid #eee;
  position: relative;
  box-sizing: border-box;
}
.comSearchUl li a::after {
  bottom: 0;
  width: 14px;
  height: 14px;
  right: -16px;
  top: 0;
  color: #eee;
  position: absolute;
  content: "";
  background: url(/Portals/0/images/common/icon44.png) no-repeat right center /
    7px auto;
  margin: auto;
}
.comSearchUl li img {
  margin-right: 15px;
  width: 35px;
}
.comSearchUl li span {
  margin-top: 0;
  display: block;
  color: #333;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: normal;
}
/*------------------------------------------------------------
	comSubList
------------------------------------------------------------*/
.comSubList {
  margin-top: 19px;
}
.comSubList li {
  margin: 0 0 11px;
  padding: 0 0 0 21px;
}
.comSubList li:last-of-type {
  margin-bottom: 0;
}
.comSubList li a {
  margin: 0;
  padding: 0 0 0 22px;
  display: block;
  color: #ba2636;
  font-size: 1.4rem;
  font-weight: normal;
  border: none;
  text-decoration: underline;
  background: url("/Portals/0/images/common/icon41.png") no-repeat left center /
    7px auto;
}
.comSubList li a:active,
.comSubList li a:visited {
  color: #ba2636 !important;
}
/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
.comTable {
  width: 100%;
  overflow: auto;
}
.comTable table {
  width: 960px;
  border-collapse: collapse;
}
.comTable td.title,
.comTable td {
  padding: 16px 10px 15px 18px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.625;
  word-break: break-all;
  text-align: left;
  border: 1px solid #ccc;
  vertical-align: middle;
  box-sizing: border-box;
}
.comTable td.title {
  padding: 14px 10px;
  font-weight: bold;
  text-align: center;
  background-color: #f5f5f5;
}
.comTable thead td.title:nth-child(1) {
  width: 18.2%;
}
.comTable thead td.title:nth-child(2) {
  width: 41.7%;
}
.comTable thead td.title:nth-child(3) {
  width: 18.8%;
}
.comTable thead td.title:nth-child(4) {
  width: 19.3%;
}
.comTable td p {
  margin-bottom: 12px;
}
.comTable td p:last-of-type {
  margin-bottom: 0;
}
.comTable tr td:nth-child(3) {
  font-weight: bold;
}
.comTable.example tr td:nth-child(3) {
  font-weight: normal;
}
.comTable .taCenter {
  text-align: center;
}
.comTable a {
  color: #ba2636;
  text-decoration: underline;
}
/*------------------------------------------------------------
	comNoteList
------------------------------------------------------------*/
.comNoteList {
  margin-bottom: 44px;
  padding-top: 6px;
}
.comNoteList li {
  padding-left: 28px;
  position: relative;
  font-size: 1.6rem;
}
.comNoteList li:not(:last-child) {
  margin-bottom: 22px;
}
.comNoteList li::before {
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 50%;
  background: #333;
  content: "";
}
.comNoteList li a {
  color: #ba2636;
  text-decoration: underline;
}
.comNoteList li a:hover {
  text-decoration: none;
}
.comNoteList li p {
  margin-top: 9px;
}
/*------------------------------------------------------------
	comTextList
------------------------------------------------------------*/
.comTextList {
  margin-bottom: 15px;
  display: block;
}
.comTextList li {
  width: auto;
  text-align: center;
  border: 1px solid #ccc;
}
.comTextList li:not(:last-of-type) {
  margin-bottom: 15px;
  margin-right: 0px;
}
.comTextList li a img {
  margin: 0 auto 12px;
  display: block;
  height: 135px !important;
  max-width: inherit;
  width: auto;
}
.comTextList li a p.ttl {
  margin-bottom: 10px !important;
  font-size: 1.8rem !important;
  font-weight: bold;
  text-align: center;
}
.comTextList li a p {
  font-size: 1.6rem;
  text-align: left;
}
.comTextList li:nth-of-type(3) a img {
  margin: 0 auto !important;
  height: 97px !important;
}
.comTextList li:nth-of-type(3) a p.ttl {
  margin-bottom: 2px !important;
  color: #107e69;
  font-size: 2.2rem !important;
}
/*------------------------------------------------------------
	comSmlList
------------------------------------------------------------*/
.comSmlList {
  margin: 0;
  padding: 0;
}
.comSmlList li {
  padding-left: 1em;
  font-size: 1.6rem;
  text-indent: -1em;
}
.comSmlList li:not(:last-child) {
  margin-bottom: 0;
}
.comSmlList li::before {
  display: none;
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink {
  margin: 0 auto 30px;
  width: 100%;
  max-width: 298px;
}
.comLink a:hover {
  opacity: 0.7;
}
/* .fBox .title {
  margin-bottom: 19px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
} */
/* .fBox .snsList {
  margin: 0 auto;
  max-width: 327px;
  display: flex !important;
  justify-content: space-between;
}
.fBox .snsList li {
  width: 46%;
}
.fBox .snsList li a {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.28;
  font-weight: 700;
}
.fBox .snsList li span {
  margin-right: 12px;
}
.fBox .snsList li span img {
  width: 36px;
} */
/* ===========================================================
 2022.01.26 common.css 終了 information.css 開始
=========================================================== */
.green #mainBody,
.navy #mainBody,
.violet #mainBody,
.orange #mainBody {
  padding: 150px 0 40px 0;
  width: 87%;
  margin: 0 auto;
  background: #fff;
}
.green #mainBody .aist01,
.navy #mainBody .aist01,
.violet #mainBody .aist01,
.orange #mainBody .aist01 {
  margin-bottom: 30px;
}
/* .green #mainBody p,
.navy #mainBody p,
.violet #mainBody .p,
.orange #mainBody p {
  font-size: 1.4rem;
} */
.green #mainBody .aist01 .link,
.navy #mainBody .aist01 .link,
.violet #mainBody .aist01 .link,
.orange #mainBody .aist01 .link {
  margin: 0 auto 30px;
  width: auto;
}
.green #mainBody .link a img,
.navy #mainBody .link a img,
.violet #mainBody .link a img,
.orange #mainBody .link a img {
  margin-right: 20px;
  width: 40px;
}
.green #mainBody .link a p,
.navy #mainBody .link a p,
.violet #mainBody .link a p,
.orange #mainBody .link a p {
  padding: 0;
  margin: 0;
  font-size: 2rem;
  width: 100%;
}
.green #mainBody .link a p span,
.navy #mainBody .link a p span,
.violet #mainBody .link a p span,
.orange #mainBody .link a p span {
  font-size: 1.4rem;
}
.green #mainBody .textU,
.navy #mainBody .textU,
.violet #mainBody .textU,
.orange #mainBody .textU l {
  margin-top: -10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.green #mainBody .textUl > li,
.navy #mainBody .textUl > li,
.violet #mainBody .textUl > li,
.orange #mainBody .textUl > li {
  margin: 10px 0 0;
  width: 48%;
}
.green #mainBody .textUl li a,
.navy #mainBody .textUl li a,
.violet #mainBody .textUl li a,
.orange #mainBody .textUl li a {
  padding: 15px 10px;
}
.green #mainBody .textUl li:nth-of-type(5),
.navy #mainBody .textUl li:nth-of-type(5),
.violet #mainBody .textUl li:nth-of-type(5),
.orange #mainBody .textUl li:nth-of-type(5) {
  padding: 20px;
  width: 100%;
}
.green #mainBody .construction,
.navy #mainBody .construction,
.violet #mainBody .construction,
.orange #mainBody .construction {
  margin-bottom: 40px;
}
.green #mainBody .photo,
.navy #mainBody .photo,
.violet #mainBody .photo,
.orange #mainBody .photo {
  margin: 0 auto;
  width: auto;
}
.green #mainBody .inner.howto .photo.photo01,
.navy #mainBody .inner.howto .photo.photo01,
.violet #mainBody .inner.howto .photo.photo01,
.orange #mainBody .inner.howto .photo.photo01 {
  margin: 0 auto 20px;
}
.green #mainBody .photo img,
.navy #mainBody .photo img,
.violet #mainBody .photo img,
.orange #mainBody .photo img {
  width: 100%;
}
.green #mainBody .aist02,
.navy #mainBody .aist02,
.violet #mainBody .aist02,
.orange #mainBody .aist02 {
  margin-bottom: 20px;
}
.green #mainBody .imgBox .textBox,
.navy #mainBody .imgBox .textBox,
.violet #mainBody .imgBox .textBox,
.orange #mainBody .imgBox .textBox {
  /* width: calc(100% - 100px); */
}
.green #mainBody .imgBox .textBox p,
.navy #mainBody .imgBox .textBox p,
.violet #mainBody .imgBox .textBox p,
.orange #mainBody .imgBox .textBox p {
  font-size: 1.4rem;
}
.green #mainBody .imgBox .textBox li,
.navy #mainBody .imgBox .textBox li,
.violet #mainBody .imgBox .textBox li,
.orange #mainBody .imgBox .textBox li {
  font-size: 1.4rem;
}
/* ===========================================================
 2022.01.26 information 終了 カスタマイズ.css 開始
=========================================================== */

.content01 .inner {
  margin: 0 auto;
}

.cp_breadcrumb .info_bc {
  padding-bottom: 0px;
}
#mainBody .textUl li a img {
  height: 88px !important;
}
.gm_list {
  width: 100% !important;
}
/* ===========================================================
 2022.01.26 カスタマイズ 終了 sdgs.css 開始
=========================================================== */
#mainBody .pTop {
  margin-bottom: 30px;
}
#mainBody .txtList {
  /* margin: 10px auto 61px !important; */
  margin: 10px auto !important;
  max-width: 375px;
  flex-wrap: wrap;
}
#mainBody .txtList li {
  margin-top: 10px;
  width: 170px;
  height: 170px;
  font-size: 1.8rem;
}

@media all and (max-width: 374px) {
  #mainBody .txtList li {
    margin-top: 10px;
    width: 140px;
    height: 140px;
    font-size: 1.4rem;
  }
}
/* ===========================================================
 2022.01.26 information3.css 終了 guidemap.css 開始
=========================================================== */

#mainBody .headLine02 {
  margin-bottom: 28px;
}
#mainBody .pTop {
  font-size: 1.4rem;
}
#mainBody .textInner {
  margin-bottom: 30px;
  padding: 20px;
}
#mainBody .textInner p {
  margin: 0 0 10px;
  font-size: 1.4rem;
}
#mainBody .comSubList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#mainBody .comSubList li {
  width: 100%;
  padding-left: 0;
}
#mainBody .headquarters {
  margin-bottom: 30px;
}
#mainBody .headquarters p,
#mainBody .learning p {
  margin-bottom: 20px;
  font-size: 1.4rem;
}
#mainBody .headquarters .imgBox {
  display: block;
  padding: 0;
}
#mainBody .headquarters .imgBox .photoBox {
  margin: 0 0 30px;
  width: auto;
}
#mainBody .headquarters .imgBox .photoBox img {
  width: 100%;
}
#mainBody .headquarters .imgBox .textBox li {
  width: auto;
}
#mainBody .learning .comTextUl li a {
  padding: 25px 5px 25px 0;
  font-size: 1.4rem;
}
#mainBody .learning .comTextUl li a {
  background: url("/Portals/0/images/common/icon43.png") no-repeat right 10px
    bottom 8px / 18px auto;
}
/* ===========================================================
 2022.01.27 exhibition.css 開始
=========================================================== */
#mainBody .comLinkUl {
  margin: -12px 0 19px;
}
#mainBody .comLinkUl li {
  margin-top: 20px;
  padding: 0 26px;
}
#mainBody .textBox {
  margin-bottom: 40px;
  padding: 15px;
}
#mainBody .comImgBox {
  margin-bottom: 50px;
  display: block;
  width: auto;
}
#mainBody .comImgBox .comPhotoBox {
  width: auto;
}
#mainBody .comImgBox .comPhotoBox img {
  width: 100%;
}
#mainBody .comImgBox .comTextBox {
  margin-top: 13px;
  width: auto;
}
#mainBody .comImgBox .comTextBox .comBtn {
  margin-top: 15px;
  width: 200px;
}
#mainBody .comImgBox .comTextBox .comBtn + .text02 {
  text-align: center;
}
/* ===========================================================
 2022.01.27 exhibition.css 終了 カスタマイズcss 開始
=========================================================== */
.ge_btn .comBtn a {
  padding: 8px 2px !important;
  display: block !important;
  color: #fff !important;
  font-size: 1.5rem !important;
  text-decoration: none !important;
  text-align: center !important;
  background: url(/Portals/0/images/common/icon46.png) no-repeat right 10px
    center / 7px auto !important;
}
/* ===========================================================
 2022.01.27 カスタマイズ.css 終了 humanres_index.css 開始
=========================================================== */

#mainBody .photoList {
  margin-bottom: 45px;
  display: block;
}
#mainBody .photoList > li {
  margin-right: 0;
  padding: 25px 20px;
}
#mainBody .photoList > li p {
  /*  margin-bottom: 30px;*/
}
#mainBody .photoList > li:first-of-type {
  width: auto;
}
#mainBody .photoList > li:last-of-type {
  width: auto;
}
#mainBody .photoList li ul {
  justify-content: center;
}
#mainBody .photoList li ul > li {
  margin: 0 10px;
  width: calc(100% / 3);
  max-width: 90px;
  border: none;
}
#mainBody .photoList li ul > li span {
  margin-top: 10px;
  font-size: 1.4rem;
}
#mainBody .keyword {
  margin-bottom: 30px;
}
#mainBody .keyword p {
  font-size: 1.4rem;
  line-height: 1.5;
}
#mainBody .keyword .btn {
  margin: 0 auto;
  width: auto;
}
#mainBody .keyword .btn img {
  width: 100%;
}
#mainBody .information dl {
  display: block;
  font-size: 1.4rem;
}
#mainBody .information dt {
  padding: 0;
  width: auto;
  box-sizing: border-box;
}
#mainBody .information dd {
  width: auto;
  border-bottom: 0;
}
/* ===========================================================
 2022.01.27 humanres.css 終了 カスタマイズcss 開始
=========================================================== */
.comTable .hk_tbl {
  display: table !important;
}
.comTable .hk_tbl tbody {
  display: table-row-group !important;
}
.comTable .hk_tbl tbody tr {
  display: table-row !important;
}
.comTable .hk_tbl tbody tr th,
.comTable .hk_tbl tbody tr td {
  display: table-cell !important;
}
.bai_list .comSearchUl li {
  width: 460px !important;
}
/* ===========================================================
 2022.01.27 カスタマイズcss 終了 business_alliance_style01.css 開始
=========================================================== */
#mainBody .photo img {
  width: 100% !important;
}
/* #mainBody .textInner {
  margin-bottom: 30px;
  padding: 20px;
} */
#mainBody .textInner h4 {
  margin-bottom: 20px;
  font-size: 2rem;
}
/* #mainBody .imgBox {
  margin-bottom: 30px;
  display: block;
} */
#mainBody .imgBox .photoBox {
  margin: 0 auto 20px;
  /* width: 100px; */
  text-align: center;
}
#mainBody .imgBox .textBox {
  width: auto;
  padding: 0;
}
#mainBody .phoList {
  margin-bottom: 51px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mainBody .phoList li {
  width: 100%;
}
#mainBody .phoList li:not(:last-of-type) {
  margin-bottom: 20px;
}
#mainBody .phoList li img {
  width: 100%;
}
#mainBody.style02 {
  padding-bottom: 60px;
}
#mainBody.style02 .textInner {
  margin-bottom: 0;
  padding: 20px;
}
/*
	#mainBody.style02 .textInner .pictrure {
		margin-bottom: 40px;
	}
*/
#mainBody.style02 .textInner .comBtnList li a {
  padding: 10px 30px;
  height: 60px;
}
#mainBody.style04 p {
  margin-bottom: 20px;
}
#mainBody.style04 .text01 {
  margin-bottom: 11px;
}
#mainBody.style04 .comBtn {
  margin: 0 0 30px;
}
#mainBody.style05 {
  padding: 40px 0;
}
#mainBody.style05 .comLinkArea li a {
  height: auto;
  padding: 25px;
}
#mainBody.style05 .comLinkArea li:last-of-type a {
  padding: 15px 10px 0;
}
#mainBody.style06 {
  padding: 40px 0;
}
#mainBody.style06 p {
  margin-bottom: 19px;
}
#mainBody.style06 .photo {
  margin-bottom: 30px;
}
#mainBody.style06 .photo img {
  width: 100%;
}
#mainBody.style06 h3 {
  font-size: 1.8rem;
}
#mainBody .business .link a {
  background: none;
}
.business .linkList > li:not(.link) > a::after {
  background: url(/Portals/0/images/common/icon19.png) no-repeat right center /
    13px;
  right: 0px;
}
.researcher .linkList > li.link02.on > a:hover::after,
.business .linkList > li.link02.on > a:hover::after,
.industry .linkList > li.link02.on > a:hover::after {
  background-image: url(/Portals/0/images/common/icon31.png) !important;
}
.researcher .linkList > li.link02 > a:hover::after,
.business .linkList > li.link02 > a:hover::after,
.industry .linkList > li.link02 > a:hover::after {
  background: url(/Portals/0/images/common/icon19.png) no-repeat right center /
    13px !important;
}
.business + .content01 .comBtn a {
  background-color: #001730;
  background-image: url("/Portals/0/images/common/icon46.png");
  background-repeat: no-repeat;
  background-position: right 10px center 7px;
}
#mainBody .inner .ahm_list {
  display: block;
  margin: 0 auto;
}
#mainBody .inner .ahm_list li {
  padding: 0;
  margin-right: 0;
  min-height: 150px;
  margin-bottom: 30px;
}
#mainBody .inner .ahm_list li img {
  top: 18%;
}
#mainBody .inner .ahm_list li p {
  bottom: 25px;
}
#skinTypes.navy #mainBody .inner .ahm_list li::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 155px 0 155px;
  border-color: #115c9e transparent transparent transparent;
  right: 0;
  bottom: -9px;
  left: 0;
  margin: auto;
}
#skinTypes.violet #mainBody .inner .ahm_list li::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 155px 0 155px;
  border-color: #6e4f83 transparent transparent transparent;
  right: 0;
  bottom: -9px;
  left: 0;
  margin: auto;
}
#skinTypes.green #mainBody .inner .ahm_list li::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 155px 0 155px;
  border-color: #12826c transparent transparent transparent;
  right: 0;
  bottom: -9px;
  left: 0;
  margin: auto;
}
#mainBody .inner .ahm_list li:nth-child(2) img,
#mainBody .inner .ahm_list li:nth-child(4) img {
  top: 15%;
}
#mainBody .inner .ahm_list li:nth-child(3) img {
  top: 10%;
}
#mainBody .ahm_img {
  width: 80%;
}
#mainBody .comTextUl {
  margin: 20px 0;
  display: block;
  /* margin-top: -20px; */
}
#mainBody .inner .ahm_list02 li {
  width: 100%;
}
#mainBody .inner .ahm_img02 {
  width: 100%;
  margin: 0 0 40px 20px;
}
#mainBody .ahm_box .textInner {
  margin: 0 auto 30px !important;
}
#mainBody.style02 .imgBox .textBox {
  padding: 0;
  margin-bottom: 0px;
}
#mainBody .ahm_box .textInner:last-child {
  margin: 0 auto 0 !important;
}
#mainBody .ahm_col4 {
  margin-top: 0px;
}
#mainBody .ahm_box02 {
  margin-bottom: 30px;
  display: block;
}
#mainBody.style05 .comLinkArea li {
  margin-bottom: 10px;
}
#mainBody.style05 .comLinkArea li:last-child {
  margin-bottom: 0px;
}
#mainBody .ahm_list04 li p:nth-child(1) {
  top: 20px;
}
#mainBody .ahm_list04 li::after {
  content: none;
}
#mainBody .ahm_list04 li p:nth-child(2) {
  top: 46%;
}
#mainBody.style05 .headLine03 {
  margin: 30px auto 18px;
}
#mainBody .inner .ahm_img02 {
  margin: 0 0 20px 0;
}
#mainBody.style05 .comBtn:last-child {
  margin: 0 auto 0;
}
#mainBody .ahm_txt03 {
  font-size: 2rem;
  line-height: 1.6em;
  margin: 0 auto 15px;
}
#mainBody .ahm_txt03 + img {
  margin: 0 auto 30px;
}
#mainBody .ahm_txt04 {
  font-size: 1.9rem;
  margin-bottom: 5px;
}
#mainBody.style05 .ahm_box02 li {
  width: 100%;
}

/* ===========================================================
 2022.01.27 business_alliance.css 終了 business_example.css 開始
=========================================================== */

#mainBody .imgList {
  /* margin: 0 0 50px; */
  display: block;
}
#mainBody .imgList::after {
  display: none;
}
#mainBody .imgList li {
  margin-top: 0;
  width: auto;
}
#mainBody .imgList li:not(:last-of-type) {
  margin-bottom: 30px;
}
#mainBody .imgList li .pho > img {
  width: 100%;
}
#mainBody .imgList li .pho span {
  display: inline-block;
}
#mainBody .comBtnList li a {
  padding: 20px;
  /* height: 80px; */
}
#mainBody .imgList li .pho span img {
  height: 24px !important;
}
#mainBody .imgList.example li {
  margin: 0;
  padding: 0;
  width: 100%;
}
/* ===========================================================
 2022.01.27 business_example.css 終了 business_aboutus 開始
=========================================================== */

/* .green #mainBody h4,
.navy #mainBody h4,
.violet #mainBody h4,
.orange #mainBody h4 {
  margin-bottom: 20px;
  font-size: 2rem;
  line-height: 1.5;
} */
#mainBody .comImgBox .comPhotoBox {
  width: auto;
}
#mainBody .comImgBox .comPhotoBox img {
  width: 100%;
}
#mainBody .comImgBox .comTextBox {
  margin-top: 10px;
  width: auto;
}
#mainBody .comImgBox .comTextBox h5 {
  margin-bottom: 15px;
  font-size: 1.8rem;
}
#mainBody .comSearchUl li a {
  padding: 15px 20px !important;
}
#mainBody .comSearchUl li.wid01 a {
  padding: 15px 20px;
}
/* #mainBody .comSearchUl li.wid01 img {
  width: 50px;
} */
/* ===========================================================
 2022.01.29 カスタマイズ.css
=========================================================== */
#mainBody .textInner:last-child {
  margin-bottom: 0;
}
.comTextArea {
  width: 100%;
  margin: 20px auto;
}
.comTextArea.webmag {
  width: 95%;
}
.pei_table {
  width: 960px !important;
  border-collapse: collapse !important;
}
.scafe_txt {
  width: 100% !important;
  padding-left: 0 !important;
  margin: 15px auto 0 !important;
}
/* ===========================================================
 2022.01.30 ヘッダーメニュー
=========================================================== */
.pageTitle .linkList .sp_subBox {
  padding: 50px 12px 200px;
  width: 100%;
  height: 100%;
  position: fixed;
  top: auto;
  left: 0;
  background-color: #e6edf2;
  box-sizing: border-box;
  overflow: auto;
}
.pageTitle .comSub .close {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 20px;
  right: 14px;
  content: "";
}
/* .pageTitle .linkList > li:not(.link) a {
  padding: 16px 27px 14px 12px;
} */
.pageTitle .sp_subBox .subList > li:not(:last-of-type),
.pageTitle .sp_subBox01 .subList > li:not(:last-of-type) {
  margin-bottom: 20px !important;
}
.pageTitle .sp_subBox .subList > li,
.pageTitle .sp_subBox01 .subList > li {
  padding: 14px 0 2px;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: inherit;
  margin-top: 0px;
}
/* .pageTitle .sp_subBox .subList > li .title,
.pageTitle .sp_subBox01 .subList > li .title {
  margin: 0 0 12px 10px !important;
} */
.pageTitle .sp_subBox .subList > li .title span,
.pageTitle .sp_subBox01 .subList > li .title span {
  margin: -5px 6px 0 0;
}
.pageTitle .sp_subBox .subList > li > ul li,
.pageTitle .sp_subBox01 .subList > li > ul li {
  line-height: 1.71;
  padding: 0;
  border: none;
}
.pageTitle .sp_subBox .subList > li > ul li a,
.pageTitle .sp_subBox01 .subList > li > ul li a {
  padding: 12px 10px 10px;
  display: block;
  color: #333;
  font-size: 1.6rem;
  border-top: 1px solid #e6edf2;
  background: url(/Portals/0/images/common/sp/icon14.png) no-repeat right 8px
    center / 12px !important;
}
.pageTitle.bg .comSub {
  top: 120px;
}
.pageTitle .comSub {
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  padding: 56px 12px 50px;
  position: fixed;
  top: 138px;
  overflow: auto;
  box-sizing: border-box;
}
.pageTitle .sp_subBox .subList > li .title a,
.pageTitle .sp_subBox01 .subList > li .title a {
  padding: 0;
  color: #222 !important;
  text-decoration: none !important;
}
.researcher .sp_subBox .subList > li .title {
  color: #333 !important;
}
.researcher .sp_subBox {
  height: 100% !important;
}
.researcher .sp_subBox01 ul .title {
  font-size: 1.4rem;
}
.researcher #headlinklist {
  position: fixed;
  top: 90px;
  left: 0;
  width: 100vw;
  overflow: auto;
  z-index: 20;
}
.mainVisual.bg .linkList {
  top: 75px;
}
.mainVisual .linkList {
  position: fixed;
  top: 90px;
  left: 0;
  width: 100vw;
  overflow: auto;
  z-index: 20;
  justify-content: left;
}
.researcher .sp_subBox .subList > li .title,
.researcher .sp_subBox01 .subList > li .title,
.public .sp_subBox .subList > li .title,
.public .sp_subBox01 .subList > li .title,
.industry .sp_subBox .subList > li .title,
.industry .sp_subBox01 .subList > li .title {
  font-size: 1.6rem !important;
  font-weight: bold;
  display: flex;
  padding: 12px 0 12px 10px;
  border-bottom: 1px solid #e6edf2;
}
.researcher .sp_subBox .subList > li .title a,
.researcher .sp_subBox01 .subList > li .title a,
.public .sp_subBox .subList > li .title a,
.public .sp_subBox01 .subList > li .title a,
.industry .sp_subBox .subList > li .title a,
.industry .sp_subBox01 .subList > li .title article {
  width: 100%;
  background: url(/Portals/0/images/common/sp/icon14.png) no-repeat right 8px
    center / 12px !important;
}
.sp_subBox .subList > li p:first-of-type {
  padding-top: 0 !important;
}
.sp_subBox .subList > li p.title:last-of-type,
.sp_subBox .subList > li p.title:last-of-type a {
  border: none;
}
.researcher .comSub li a:hover {
  color: #333 !important;
}
.researcher .subBox {
  height: 100% !important;
  display: flex;
}
.researcher .subBox .subList > li {
  width: auto !important;
}
.researcher .subBox .subList > li .title {
  color: #333;
}
.researcher .subBox .subList > li {
  width: auto !important;
}
.industry .sp_subBox {
  background-color: #e9edfb;
}
.researcher .sp_subBox {
  background-color: #edeaf0 !important;
}
.researcher .comSub,
.industry .comSub,
.public .comSub {
  padding: 50px 12px 300px;
}
.researcher .sp_subBox,
.industry .sp_subBox,
.public .sp_subBox {
  opacity: 1;
  z-index: 11;
}
/* ===========================================================
 aist_vision.html
=========================================================== */
#mainBody .vision_title {
  font-size: 2.5rem;
  margin: 0px auto 25px;
  letter-spacing: 0.4rem;
  border-bottom: solid 3px #00267f;
}
#mainBody .vision_text {
  font-size: 1.9rem;
  line-height: 3rem;
  margin: 0 auto 30px;
}
#mainBody .vision_list {
  display: block;
  margin: 0 auto 25px;
}
#mainBody .vision_list li {
  width: 100%;
  margin: 0;
}
#mainBody .vision_list li p:first-child {
  padding: 0 0 0.9rem;
  margin: 0 0 1.3rem 0;
}
#mainBody .vision_list li p:last-child {
  margin-bottom: 20px;
  letter-spacing: 0px;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
#mainBody .vision_img {
  margin: 0 auto 30px 4%;
  width: 90%;
}
#mainBody .vision_list02 li {
  padding: 20px;
  margin: 0 auto 20px;
}
#mainBody .vision_list02 li:first-child img {
  width: 16%;
  margin: 0 auto 20px;
}
#mainBody .vision_list02 li .vl02_title {
  font-size: 2.2rem;
}
#mainBody .vision_list02 li .vl02_title + p {
  font-size: 1.8rem;
  margin: 0 auto 10px;
}
#mainBody .vision_list02 li .vl02_title + p + p {
  font-size: 1.5rem;
}
/* ===========================================================
 dep_template.html
=========================================================== */
#skinTypes #PagetitlePane h1.ico_researchArea{
  font-size: 1.8rem !important;
  font-weight: bold;
  display: block;
  background-position: left top 0.4em !important;
}

#skinTypes #PagetitlePane h1.ico_researchArea .ttl {
  display: block;
  font-size: 1.4rem;
  margin-right: 0;
}
.imgCenterBox .double {
  margin: 0 auto 30px;
}
#mainBody .inner.units .textBox {
  padding: 10px 15px;
}
#mainBody .inner.units .photoList li {
  padding: 0 !important;
  width: 49% !important;
}
#mainBody .inner.units .linkList02 > li > .title {
  padding-left: 10px;
}
#mainBody .inner.units .linkList02 > li .tooltip {
  background: url(/Portals/0/images/common/icon45.png) no-repeat right center /
    14px auto;
}
#mainBody .inner.units .textBox {
  flex-direction: column;
}
#mainBody .inner.units .textBox > p {
  justify-content: flex-start;
  width: 100%;
}
#mainBody .inner.units .textBox > p + p {
  justify-content: flex-end;
}
.tooltip {
  background: url(/Portals/0/images/common/icon45.png) no-repeat left center /
    14px auto;
  padding-left: 20px;
}
#ContentPane .inner.units:first-of-type {
  margin: 0 auto 30px;
}

/* ===========================================================
 2022.02.18 public delicery lectures 用
=========================================================== */
#mainBody .txtList.public_dl li {
  height: auto;
  width: auto;
}
.comLinkInner .list01.dep {
  display: block;
}
.comLinkInner .list01.dep li {
  display: block;
  width: 95%;
  border-right: none;
  border-bottom: solid 1px #eee;
  margin: 0 auto 10px;
  padding: 0 0 7px;
  text-align: center;
}
#contentWrap .dd_txt01 {
  width: 100%;
}
.dd_unit_list {
  display: block !important;
  margin: 0 auto !important;
}
.dd_unit_list > li {
  padding: 0 20px;
  width: 100%;
  margin: 0 auto;
}
.dd_unit_list > li p {
  margin-bottom: 0px !important;
}
.photoArchive ul li {
  width: 150px;
}
.photoArchive ul li .photoImg img {
  max-width: 140px;
  max-height: 140px;
}

#mainBody .inner.howto .linkList {
  margin-bottom: 29px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#mainBody .inner.howto .linkList li {
  margin: 0 auto 10px;
  max-width: 100%;
  width: 100%;
}
#mainBody .inner.howto .comLinkArea {
  display: block;
  margin-bottom: 0 auto 30px;
}
#mainBody .inner.howto .comLinkArea li {
  width: 100% !important;
}
#mainBody .inner.howto .comLinkArea li a {
  padding: 30px 0;
  margin-bottom: 10px;
  height: auto !important;
  /*  */
}
#mainBody .inner.howto .txtList li {
  height: auto;
  width: auto;
}
#mainBody .inner.howto .comLinkArea li:last-of-type a {
  padding: 30px 20px;
}

.cp_breadcrumb {
  padding: 150px 0 0 !important;
  margin: 0 auto 15px !important;
}
.ttlDesign3 {
  font-size: 1.8rem;
}
/* クイックアクセス */
#quick_access {
  padding: 20px 0 24px;
}
#quick_access ul {
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
}
#quick_access li {
  max-width: 100%;
  width: calc((100% - 20px) / 3);
  margin-bottom: 16px;
}
#quick_access li a {
  height: auto;
  padding: 8px 3px 0;
}
#quick_access li:last-child a {
  padding-bottom: 8px;
}
.icn_quick {
  margin-bottom: 0;
}
.icn_quick img {
  width: 42px;
  height: 30px;
  margin-bottom: 8px;
}
.txt_quick img {
  width: 100%;
  max-width: 99px;
  height: 48px;
}
.txt_quick.txt_quick_big img {
  width: 100%;
  max-width: 100px;
  height: 40px;
}
/* クイックアクセス */
.ttl_quick {
  max-width: 100%;
  min-width: 100%;
  padding: 0 0 20px;
}
.ttlDesign_quick {
  min-height: 25px;
  margin-bottom: 30px;
  font-size: 2.1rem;
  text-align: left;
}
.quickttl {
  padding-left: 30px;
}
.q01,
.q02,
.q03,
.q04,
.q05,
.q06 {
  background-size: 25px;
}
.button {
  margin: 0 10px 10px 0;
  padding: 10px;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
  font-size: 1.2rem;
  font-weight: bold;
  color: #604287;
  background: #fff;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_bosyu {
  color: #e6001d;
}
.isotope-grid-item {
  width: 150px;
  margin: 0 5px 20px;
}
.isotope-grid-item img {
  width: 150px;
  height: 105px;
  margin: 0 auto;
}
.isotopetitle {
  font-size: 1.6rem;
}
.isotope_txt_inr p {
  font-size: 1.2rem;
}
.list_quick_link .isotope-grid-item {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 40px;
  overflow: hidden;
}
.list_quick_link > .isotope-grid-item:nth-child(4n) {
  margin-right: auto;
}
.list_allkoubo {
  display: none;
}
.orange#skinTypes .breadcrumbs {
  padding: 15px 0 0 !important;
  width: auto;
}
#skinTypes .breadcrumbs {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
/*2022.02.22*/
.comLinkInner .list02 li a {
  font-size: 1.3rem;
}
.double h3.fieldTitle {
  font-size: 1.9rem;
  margin: 1em 0 0.5em;
  line-height: 1.3em;
}
#mainBody .headLine02.denvene .ttl #mainBody .headLine02.dmc .ttl {
  font-size: 1.4rem !important;
  vertical-align: middle;
}
.dep_info {
  padding: 10px;
  margin-top: 30px;
}
#mainBody .photoList > li {
  width: 100% !important;
  margin: 20px auto 0 !important;
  padding: 0 20px !important;
}
#mainBody .headLine02.dithf span {
  font-size: 1.5rem;
  vertical-align: middle;
}
#mainBody .violet .double .text {
  margin-bottom: 0 !important;
}
#mainBody .imgBox > div {
  width: 100%;
}
.dep_gsj .headLine08 {
  border-left: 1px solid #604287;
}
.violet .headLine08 {
  border-left: 1px solid #604287;
}
#mainBody .imgBox .photoBox {
  width: 100%;
}
#mainBody .headLine02.dlsbt,
#mainBody .headLine02.dithf,
#mainBody .headLine02.dmc,
#mainBody .headLine02.blue {
  background-position: left 18px top 9px !important;
  margin-top: 0px;
  line-height: inherit;
  height: auto;
}
#mainBody .headLine02.gsj {
  line-height: 4rem;
  background-position: left 14px top 19px !important;
}
#mainBody .blue + .photoList {
  margin-top: 0;
  margin-bottom: 0;
}
.dep_info {
  margin-bottom: 0px;
}
.navy .headLine07 {
  border-left: 10px solid #115c9e;
}
.imgCenterBox div.photo div.grayFrameImg + span {
  font-size: 1.3rem;
  margin: 10px auto 0;
  display: block;
}
/* .navy .headLine08{
 border-left: 1px solid #115c9e!important;
} */
.navy .comBtnList a {
  font-size: 1.5rem;
  text-decoration: none;
}
#mainBody .ahm_txtBox .comBtn {
  margin: 0 auto 30px;
}
#mainBody .ahm_txtBox .comBtn:last-child {
  margin: 0 auto 50px;
}
.phoList li img + p {
  margin: 6px auto 0;
}
.ahm_list02 + .textInner {
  margin-bottom: 20px !important;
}
.ahm_box02 {
  margin-top: 10px;
}
.ahm_box02 li {
  width: 100%;
  margin-bottom: 10px;
}
.ahm_box02 li:last-child {
  margin-bottom: 0;
}
.ahm_box02 li a {
  height: auto;
  padding: 17px 0 25px;
  text-decoration: none;
}
#mainBody .ahm_txt02 {
  font-size: 1.9rem !important;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
#mainBody .ahm_list04 li p:nth-child(1) {
  font-size: 1.5rem;
  font-weight: normal;
}
#mainBody .ahm_list04 li p:nth-child(2) {
  font-size: 1.5rem;
}
.ahm_title + p + .textInner {
  margin-bottom: 20px !important;
}
#mainBody .ct_area li {
  width: 100% !important;
  height: auto !important;
  font-size: 1.5rem !important;
}
#mainBody .ct_area .notes {
  font-size: 1.5rem !important;
}
#mainBody .ct_table .title,
#mainBody .ct_table td {
  width: 100% !important;
}
#mainBody .ct_table td input[type="radio"] + span {
  background: url(/Portals/0/images/common/icon47.png) no-repeat left 8px center /
    16px !important;
}
#mainBody .ct_table .title,
#mainBody .ct_table td {
  width: 100% !important;
}
#mainBody .ct_table td input[type="radio"] + span {
  background: url(/Portals/0/images/common/icon47.png) no-repeat left 8px center /
    16px !important;
}
#mainBody .submit li input {
  width: 100% !important;
  height: auto !important;
  padding: 10px !important;
  font-size: 1.5rem !important;
}
#mainBody .ccl_text {
  margin-top: 30px !important;
  font-size: 1.5rem !important;
}

#mainBody .inner.res_recruit .photoList {
  margin: 0 auto 30px;
}

#mainBody .inner.res_recruit .photoList li {
  margin: 0 0 10px;
  padding: 0 !important;
  width: 48% !important;
}

#mainBody .inner.res_recruit .photoList > li:first-of-type,
#mainBody .inner.res_recruit .photoList > li:last-of-type {
  width: 48%;
}

#mainBody .inner.res_recruit .txtList {
  margin: 10px auto 30px !important;
}

#mainBody .inner.res_recruit .txtList li {
  font-size: 1.6rem;
  height: auto;
  width: 100%;
}

#mainBody .inner.res_recruit .imgBox {
  padding: 15px;
}
#mainBody .inner.res_recruit .imgBox .textBox {
  margin: 0;
  padding: 20px 0 0;
  width: 100%;
}
#mainBody .inner.res_recruit .imgBox .photoBox {
  padding: 0;
  width: 100%;
}
#mainBody .inner.res_recruit .imgBox .photoBox img {
  height: auto !important;
}

.coordinatorProfile .divideBox {
  font-size: 1.4rem;
}
/*2022.03.08*/
.fl_text {
  line-height: normal;
  color: #6e4f83 !important;
  text-decoration: underline !important;
}
.bfl_txt {
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
  display: block;
  padding: 0 12px 5px !important;
}
/*2022.03.09*/
#mainBody .inner .units .pu_edit li {
  width: 100% !important;
}
.pop .popupArea {
  width: 100% !important;
  display: block;
  padding: 20px;
}
.pop .close {
  top: 0;
  right: -0.1%;
}
.pop .popupArea .photoBox,
.pop .popupArea .photoBox img {
  width: 100%;
}
.pop .popupArea .textBox {
  padding-left: 0;
  width: 100%;
}
.pop .popupArea .textBox .h2Ttl {
  margin: 0 0 16px;
}
/*2022.03.15*/
.four_photo .four .title {
  border: none !important;
}
.four_photo .four .title a {
  background: none !important;
}
.four_photo .four .title + p {
  padding: 0 10px 15px;
  font-size: 1.5rem;
  line-height: normal;
}
.four_photo .four .title + p a {
  padding: 0;
}
.four_photo .two .cimg a {
  padding: 0;
}
.four_photo .two .cimg a img {
  width: 93%;
  margin: 0 auto 0;
  display: block;
}
.four_photo .two .ctext .title {
  border: none !important;
}
.four_photo .two .ctext .title a {
  background: none !important;
}
.four_photo .two .ctext .title + p {
  padding: 0 10px 15px;
  font-size: 1.5rem;
  line-height: normal;
}
.four_photo .two .ctext .title + p a {
  padding: 0;
}

#mainBody .imgList.repository {
  display: flex !important;
  flex-direction: column;
  margin: 0 auto 50px;
}
#mainBody .imgList.repository > li {
  width: 100%;
}
#mainBody .imgList.repository li .photoBox {
  height: auto !important;
}
#mainBody .imgList.repository li .textBox {
  background-color: rgb(242, 242, 242);
  margin: 0;
  padding: 15px;
  width: 100%;
}
#mainBody .imgList.repository li .photoBox img {
  width: 100%;
}
#mainBody .imgList.repository li .textBox .txt {
  padding: 0;
}
#mainBody .comImgBox .comTextBox p {
  margin: 0;
  padding: 0;
}
#mainBody .aboutus-title {
  font-size: 1.8rem !important;
}
#mainBody .pTop.alliance {
  font-size: 1.7rem;
  line-height: 2.7rem;
  margin-bottom: 30px;
}
#mainBody .inner p.ahm_txt03 {
  font-size: 2rem;
  line-height: 3rem;
}
#mainBody .inner p.ahm_txt03 + img {
  margin: 0 auto 30px;
}
#mainBody .inner p.ahm_txt04 {
  font-size: 2rem;
  margin: 20px auto 0;
}
#mainBody .inner.ahm_box {
  padding: 0 0 30px;
}

#mainBody .inner .p_aboutus .imgList li {
  margin: 0 auto 30px;
  width: 100%;
}
.ads_01 p:first-child {
  font-size: 1.7rem !important;
  padding: 0 0 10px;
}
.textArea.webmagtop {
  border-top: none;
/*  padding: 0;*/
}
.contents.textArea.webmagtop {
  border-top: none;
}
.textArea .imgUl li a {
  display: block;
  /* text-align: left; */
  color: #333;
  text-decoration: none;
}
.textArea .imgUl li .textBox {
  padding: 6px 0 0 0 !important;
  margin: 0;
  box-sizing: border-box;
  width: auto;
}
#ads_02 .imgList.repository li {
  margin: 20px auto 0 !important;
}

#mainBody .inner.pub_recruit {
  padding-bottom: 40px;
}
#mainBody .inner.pub_recruit p {
  font-size: 1.4rem;
}
#mainBody .inner.pub_recruit .imgList {
  /* display: block; */
  margin: 0;
}
#mainBody .inner.pub_recruit .imgList li {
  width: 24%;
}
#mainBody .inner.pub_recruit .imgList li:not(:last-of-type) {
  margin-bottom: 20px;
}
#mainBody .inner.pub_recruit .imgList01 {
  margin-bottom: 30px;
}
#mainBody .inner.pub_recruit .title {
  margin: 0 0 30px 0;
  font-size: 2.4rem;
}
#mainBody .inner.pub_recruit .title span {
  font-size: 1.2rem;
}
#mainBody .inner.pub_recruit .imgUl {
  display: block;
}
#mainBody .inner.pub_recruit .imgUl li {
  margin: 0 auto 30px;
  width: auto;
}
#mainBody .inner.pub_recruit .imgUl li .comLink {
  margin: 0 auto;
}
#mainBody .inner.pub_recruit .imgUl li .ttl {
  margin-bottom: 7px;
  font-size: 1.8rem;
}
#mainBody .inner.pub_recruit .imgList01 li {
  margin: 0;
}
.ads_03 .comBtn.auto {
  margin: 0 auto;
}
.ads_06 .ahm_box02 {
  display: block;
}
.ads_06 .ahm_box02 li {
  width: 100%;
  margin: 0 auto 10px;
}
.style05 .comLinkArea li:last-of-type {
  border: none;
}
.ads_06 .ahm_txt02 {
  margin: 0;
  padding: 0 0 10px;
}
.ads_07 .color_text {
  font-size: 1.8rem !important;
  margin: 0 !important;
  padding: 0 !important;
}
#mainBody .ads_11 li:last-of-type a .ttl {
  font-size: 1.4rem !important;
}
#mainBody .ads_11 .comLinkArea li a .sub {
  max-width: 100%;
  background-position: right 30px center;
  width: 100%;
  padding: 10px 0 10px 40px;
}
#mainBody .ads_11 .ahm_list li::after {
  border-color: #604287 transparent transparent transparent !important;
}
.ads_12 .comLinkArea li:last-child a {
  background-position: right 88px top 50% !important;
}
.charter ul {
  width: 100%;
}

.charter h2 {
  padding: 0 !important;
}
.charter div {
  margin: 30px auto;
}
.charter h3 {
  margin: 0 auto;
}
.charter ul h4 {
  margin: 0;
}
.public .sp_subBox {
  background-color: #e5f8f4;
}
.menuBox .subBox .link a .ttl {
  margin: 0 0 6px;
}
.menuBox .subBox .link a .en span img {
  width: 52%;
  margin: 7px auto 10px;
  image-rendering: -webkit-optimize-contrast;
}
.inner ul {
  list-style: none;
}

.accordion.accordion2Columns div.title {
  padding: 10px 0 0 40px;
}

.sec01 .pickList {
  flex-direction: column;
  margin: 0 auto;
}
.sec01 .pickList li .title {
  margin-bottom: 0;
  font-size: 1.2rem;
}
.sec01 .pickList li .title::after {
  display: none;
}
.sec01.industry .pickList li .subBox {
  display: flex;
}
.sec01.industry .pickList li .subBox .photo {
  height: 130px;
  margin: auto;
  width: 130px;
}
.sec01.industry .pickList li .subBox .photo img {
  height: 130px !important;
  object-fit: cover;
  width: 130px !important;
}
.sec01.industry .pickList li .subBox .text {
  padding: 15px;
  width: calc(100% - 130px);
}
.sec01.industry .pickList li .subBox .text .ttl {
  font-size: 1.6rem;
  padding: 0;
}
.sec01.industry .pickList li .subBox .text .txt {
  padding: 0;
}
.sec01 .pickList li .photo .tag {
  font-size: 1.1rem;
  padding: 2px 8px;
}

#mainBody #a01,
#mainBody #a02,
#mainBody #a03,
#mainBody #a04,
#mainBody #a05,
#mainBody #a06,
#mainBody #a07,
#mainBody #a08 {
  margin-top: -150px;
  padding-top: 150px;
}

#mainBody h2#a,
#mainBody h2#b,
#mainBody h2#c,
#mainBody h2#d,
#mainBody h2#e,
#mainBody h2#f,
#mainBody h2#g,
#mainBody h2#h {
  margin-top: -150px;
  padding-top: 150px;
}

.col .grayLineBox {
  flex-direction: column;
}

.inner.style02 .col .grayLineBox .photoBox {
  text-align: center;
  width: 100% !important;
}

.inner.style02 .col .grayLineBox .textBox {
  margin-bottom: 0 !important;
}

.orange .imgCenterBox .double:last-of-type {
  margin-bottom: 0;
}
#mainBody .inner.units .linkList01 {
  display: inline-block;
  text-align: center;
}
#mainBody .inner.units .linkList01 li {
  display: inline-block;
}
#mainBody .inner.units .linkList01 li a {
  font-size: 1.3rem;
  line-height: 1.8em;
  padding: 0 10px;
  font-weight: normal;
}
#mainBody .inner.units .linkList01 li.keyword {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0 10px;
  margin: 0;
}
/* ===========================================================
 2024.03.18 共用施設 カスタマイズcss 開始
=========================================================== */
.navy .imgList li .textBox {
  padding: 0;
}

.navy #mainBody .imgList li {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 0 16px;
}

.navy #mainBody .imgList li .photoBox {
    height: auto;
    width: 100%;
}

.navy #mainBody .imgList li .photoBox img {
  width: 100%;
  height: auto!important;
  max-height: 215px!important;
  object-fit: cover;
}

.navy #mainBody .imgList li .textBox {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 8px!important;
}

.navy #mainBody .imgList li .textBox .txtList ul.listnavyIcon li {
  display: block;
  font-size: 1.2rem !important;
  line-height: 1.75;
}

#mainBody .comImgtUl {
  margin: 0 0 20px;
  display: block;
}

#mainBody .comImgtUl li {
  width: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  list-style: none;
  max-width: 475px;
}

#mainBody .comImgtUl li:first-of-type {
  margin: 0;
}