@charset "UTF-8";

:root {

  --main-green1: #008555;

  --main-green2: #339D77;

  --main-green3: #005939;

  --main-green4: #E5F3EE;

  --font: 'Noto Sans JP', "メイリオ", "Meiryo", sans-serif;

  --pc-inner: 1550px;/* サイドナビ350px + pcコンテンツ幅 */

}



/* 全ページ共通のレイアウト */

/* CSS Document */

html {

  color: #333;

  font-size: 62.5%;

  margin: 0;

  padding: 0;

  position: relative;

  word-break: break-word;

}



body {

  margin: 0;

  padding: 0;

  position: relative;

  font-size: 1.6rem;

  line-height: 1.5;

  font-family: var(--font);

}



h1, h2, h3, h4, h5 {

  line-height: 1.3;

}



address {

  font-style: normal;

}



table, tr, td, th {

  border-collapse: collapse;

  margin: 0;

}



table {

  margin: 10px 0;

}



td {

  padding: 5px 10px;

}



th {

  padding: 5px 10px;

  font-weight: normal;

}



main table {

  margin: 10px 0;

  width: 100%;

}

main table th,

main table td {

  border: 1px solid #ccc;

  padding: 7.5px 10px;

}

main table th{

  background-color: #f2f2f2;

  font-weight: bold;

}





img {

  align-self: flex-start;

  border: none;

  max-width: 100%;

  width: auto;

  height: auto;

}



video {

  max-width: 100%;

  width: auto;

  height: auto;

}



a {

  color: inherit;

  text-decoration: none;

}

a:hover, a:active, a:hover img, a:active img {

  opacity: 0.8;

}



h1, h2, h3, h4, h5 {

  font-weight: normal;

}

h5, h6 {

  font-size: 1.6rem;

  font-weight: bold;

}



ol, ul {

  margin: 20px 0 20px 10px;

}



li > ul, li > ol {

  margin-top: 0;

  margin-bottom: 0;

}



main ul[class] {

  list-style: none;

  margin: 0;

  padding: 0;

}



p {

  margin: 0 0 1em 0;

}



button {

  background-color: transparent;

  border: none;

  cursor: pointer;

  outline: none;

  padding: 0;

  -webkit-appearance: none;

  appearance: none;

  margin: 0;

}

button:hover, button:active {

  opacity: 0.8;

}



* {

  box-sizing: border-box;

}

.gsc-control-cse .gsc-option-menu-container {

  width: 110px;

}



/* ページネーション */

.l-pagenation__body {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  justify-content: center;

  padding: 0;

  margin: 0;

}

.l-pagenation__body li {

  border: 1px solid #333;

  margin: 10px;

  text-align: center;

  min-width: 25px;

  padding: 0 1px 0 3px;

}

.l-pagenation__body a {

  display: block;

  width: 100%;

}

.l-pagenation__body .dot {

  border: none;

  margin: 5px 0;

}

.l-pagenation__body .currentNumber {

  background-color: #333;

  color: #fff;

}



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

コンテンツ共通

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

/* header */

#headNavi {

  color: #fff;

  font-weight: bold;

}

#headNavi .no-link {

  pointer-events: none;

}

#headNavi a:hover,

#headNavi a:active {

  background-color: var(--main-green3);

  opacity: 1;

}

#headNavi .headLink1 .group .child {

  display: none;

  list-style: none;

  margin: 0;

  padding: 0;

}

#headNavi .headLink1 .group .child li a {

  display: block;

  background-color: #333;

}

#headNavi .headLink1 .group .child li + li {

  border-top: 1px solid #666;

}

#headNavi .headLink2 {

  display: flex;

  align-items: center;

}

#headNavi .headLink2 a img {

  display: block;

  height: 20px;

  width: auto;

}

.headerSearch {

  padding: 12.5px 20px;

}

.headerSearch table.gsc-search-box {

  margin: 0;

}

.headerSearch table.gsc-search-box td.gsc-input,

.headerSearch table.gsc-search-box td.gsc-search-button {

  padding: 0;

}

.headerSearch table.gsc-search-box .gsc-input {

  background-image: none!important;

  padding-right: 0;

}

.headerSearch table.gsc-search-box .gsc-input-box {

  border: none;

  border-radius: 30px 0 0 30px;

  overflow: hidden;

  padding-top: 0;

  padding-bottom: 0;

}

.headerSearch table.gsc-search-box .gsc-input-box table {

  margin: 0;

}

.headerSearch table.gsc-search-box td.gsc-search-button {

  margin-left: 0;

  padding-left: 0;

}

.headerSearch table.gsc-search-box button.gsc-search-button {

  background-color: var(--main-green3);

  border: none;

  border-radius: 0 30px 30px 0;

  margin-left: 0;

  padding: 0;

  width: 30px;

  height: 25px;

}

.headerSearch table.gsc-search-box .gsc-input-box .gsib_a,

.headerSearch table.gsc-search-box .gsc-input-box .gsib_b {

  padding-top: 0.5px;

  padding-bottom: 0.5px;

}

.headerSearch form {

  display: flex;

}

.headerSearch form .inputText {

  display: block;

  border-top-left-radius: 30px;

  border-bottom-left-radius: 30px;

  border: none;

  outline: none;

  height: 25px;

  width: 100%;

  padding: 0 10px;

}

.headerSearch form .submit {

  display: block;

  border-top-right-radius: 30px;

  border-bottom-right-radius: 30px;  

  width: 30px;

  height: 25px;

  flex-shrink: 0;

  padding: 2.5px 0;

  background-color: var(--main-green3);

  background-image: url(../img/icon-research.png);

  background-position: center;

  background-size: 13px auto;

  background-repeat: no-repeat;

  border: none;

}



#sideNavi ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



/* footer */

footer {

  background: url(../img/img-footer_back.jpg) no-repeat center center / cover;

  padding-top: 50px;

  padding-bottom: 50px;

}

#footerNavi ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

#footerNavi .navRoot > li > a,

#footerNavi .navRoot > li .parent a {

  color: var(--main-green1);

  font-weight: bold;

}

#footerNavi .fnavi2 ul {

  display: flex;

  justify-content: center;

}

.footerLogo {

  text-align: center;

}

.footerLogo a img {

  display: inline;

  height: 158px;

  width: auto;

}





/* ここから1501以上

--------------------------------------- */

@media all and (min-width: 1501px) {

  .inner,

  div.pageTitle h1 {

    padding-left: 350px;

    transition: padding-left 0.2s;

  }

}

/* ここから1500以下1261以上

--------------------------------------- */

@media all and (max-width: 1500px) and (min-width: 1261px) {

  .inner,

  div.pageTitle h1 {

    padding-left: 300px;

    transition: padding-left 0.2s;

  }

}



/* ここから1261以上

--------------------------------------- */

@media all and (min-width: 1261px) {

  body {

    min-width: 1200px;

    margin-top: 40px;

  }

  .inner,

  div.pageTitle h1 {

    width: calc(100% - 20px);

    max-width: var(--pc-inner);

    margin-right: auto;

    padding-bottom: 10px;

  }

  .goTop {

    position: fixed;

    bottom: 0;

    right: 0;

  }

  .goTop img {

    display: block;

  }

  /* header */

  .headerTop {

    position: fixed;

    top: 70px;

    left: 30px;

    z-index: 10000;

  }

  .headerTop .logo {

    display: block;

    width: 240px;

    height: 130px;

    padding: 20px;

    background-color: #fff;

  }

  #headNavi {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 10005;

    background-color: var(--main-green2);

    justify-content: flex-end;

    display: flex!important;

    height: 40px;

    width: 100%;

  }

  #headNavi .headLink1,

  #headNavi .headLink2,

  #headNavi .headLink3 {

    font-size: 1.4rem;

  }

  #headNavi .headLink1 {

    order: 1;

    display: flex;

    align-items: center;

  }

  #headNavi .headLink1 a {

    display: block;

    padding: 9.5px 15px;

  }

  #headNavi .headLink1 > a:last-child,

  #headNavi .headLink1 > .group:last-child {

    margin-right: 15px;

  }

  #headNavi .headLink1 .group {

    position: relative;

  }

  #headNavi .headLink1 .group:hover .parent a,

  #headNavi .headLink1 .group .child li a:hover {

    background-color: var(--main-green3);

  }

  #headNavi .headLink1 .group .child {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 240px;

    transform: translateY(100%);

  }

  #headNavi .headLink1 .group .child li a {

    padding: 9.5px 15px;

  }

  #headNavi .headLink2 {

    order: 2;

    background-color: var(--main-green1);

  }

  #headNavi .headLink2 a {

    border-right: 1px solid #666;

    min-width: 140px;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

  }

  #headNavi .headLink2 a img {

    align-self: center;

    margin-right: 5px;

  }

  #headNavi .headLink2 a:first-child {

    border-left: 1px solid #666;

  }

  #headNavi .headLink3 {

    order: 3;

    display: flex;

    align-items: center;

    background-color: var(--main-green3);

  }

  #headNavi .headLink3 .linkEn {

    border-right: 1px solid #666;

    min-width: 80px;

    padding: 9.5px 5px;

    text-align: center;

  }

  #headNavi .headLink3 .linkEn:hover {

    opacity: 0.8;

  }

  #headNavi .headLink3 .buttonSearch {

    padding: 10px 9.25px;

  }

  #headNavi .headLink3 .buttonSearch img {

    height: 20px;

    width: auto;

  }

  #headNavi .headLink3 .headerSearch {

    display: none;

    position: absolute;

    top: 40px;

    right: 0;

    background-color: #333;

    max-width: 350px;

    width: 100%;

  }

  /* サイドナビ */

  #sideNavi {

    position: fixed;

    top: 200px;

    left: 30px;

    z-index: 10000;

  }

  #sideNavi ul {

    width: 240px;

  }

  #sideNavi .navRoot > li > a,

  #sideNavi .navRoot > li .parent a {

    display: block;

    background-color: var(--main-green1);

    padding: 7px 20px 8px;

    text-align: center;

  }

  #sideNavi .navRoot > li:not(:first-child) {

    border-top: 1px solid #666;

  }

  #sideNavi .navRoot a:hover,

  #sideNavi .navRoot > li.hierarchy:hover .parent a {

    background-color: var(--main-green3);

    opacity: 1;

  }

  #sideNavi .child {

    display: block!important;

    position: fixed;

    top: 200px;

    width: 0;

    z-index: -1;

    transition: 0.5s;

    margin-left: 240px;

    overflow: hidden;

    background-color: #333;

    min-height: 397px;

  }

  #sideNavi li.hierarchy:not(:hover):not(:nth-child(10)) .child {

    height: 160px!important;

  }

  #sideNavi li.hierarchy:hover .child {

    width: 240px;

  }

  #sideNavi li.hierarchy:nth-child(10) .child {

    top: 77px;

  }

  #sideNavi .child li {

    border-bottom: 1px solid #666;

  }

  #sideNavi .child li a {

    font-size: 1.4rem;

    display: block;

    padding: 9px 20px;

    width: 240px;

  }

  #sideNavi #pc_link_program {

    display: block;

    overflow: hidden;

  }

  #sideNavi #pc_link_program:hover {

    opacity: 1;

  }

  #sideNavi #pc_link_program img {

    display: block;

    transition: transform 0.3s ease-in-out;

  }

  #sideNavi #pc_link_program:hover img {

    opacity: 1;

    transform: scale(1.08);

  }

  /* 英語 サイドナビ */

  .lang_en #sideNavi .child {

    height: 40px;

  }



  /* footer */

  #footerNavi .fnavi1 {

    display: flex;

  }

  #footerNavi .fnavi1 .navRoot {

    width: calc(100% / 3);

    padding-left: 10px;

    padding-right: 10px;

    border-left: 1px solid #4d4d4d;

  }

  #footerNavi .fnavi1 .navRoot:last-child {

    border-right: 1px solid #4d4d4d;

  }

  #footerNavi .fnavi1 .navRoot > li:not(:first-child) {

    margin-top: 30px;

  }

  #footerNavi .fnavi1 .child {

    display: block!important;

    margin-left: 12px;

  }

  #footerNavi .fnavi1 .child li {

    margin-top: 10px;

  }

  #footerNavi .fnavi1 .child a {

    font-size: 1.4rem;

  }

  #footerNavi .fnavi2 {

    font-size: 1.4rem;

    margin-top: 35px;

  }

  #footerNavi .fnavi2 ul {

    margin-bottom: -30px;

  }

  #footerNavi .fnavi2 ul li {

    margin: 0 15px 30px;

  }

  .footerLogo {

    margin-top: 50px;

  }



  /* 英語ページ */

  .lang_en #sideNavi li.hierarchy:hover .child,

  .lang_en #sideNavi .child li a {

    width: 350px;

  }

  .lang_en #footerNavi .fnavi1 {

    justify-content: center;

  }

  .lang_en #footerNavi .fnavi1 .navRoot {

    border-left: none;

    border-right: none;

  }



}

/* ここまで1261以上

--------------------------------------- */

/* ここから1260以下

--------------------------------------- */

@media screen and (max-width: 1260px) {

  body {

    font-size: 1.4rem;

    margin-top: 50px;

  }

  .inner {

    width: calc(100% - 40px);

    margin: 0 auto;

  }

  .goTop {

    display: none!important;

  }

  /* header */

  header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 10010;

  }

  header .headerTop {

    height: 50px;

    display: flex;

    justify-content: space-between;

    background-color: #fff;

  }

  header .headerTop .logo {

    margin-top: 5px;

    margin-left: 20px;

  }

  header .headerTop .logo img {

    max-height: 40px;

  }

  header .naviBtn {

    background-color: var(--main-green1);

    position: relative;

    width: 50px;

  }

  header .naviBtn:hover,

  header .naviBtn:active {

    background-color: var(--main-green3);

    opacity: 1;

  }

  header .naviBtn span {

    position: absolute;

    content: "";

    display: block;

    width: 20px;

    height: 1px;

    background-color: #fff;

    left: 15px;

    transition: 0.3s;

  }

  header .naviBtn span:first-child {

    top: 15px;

  }

  header .naviBtn span:nth-child(2) {

    top: 24.5px;

  }

  header .naviBtn span:last-child {

    top: 35px;

  }

  header .naviBtn.active span:first-child {

    top: 25px;

    left: 10px;

    transform: rotate(-45deg);

    width: 30px;

  }

  header .naviBtn.active span:nth-child(2) {

    transform: translateX(10px);

    opacity: 0;

  }

  header .naviBtn.active span:last-child {

    top: 25px;

    left: 10px;

    transform: rotate(45deg);

    width: 30px;

  }

  #headNavi {

    position: absolute;

    top: 50px;

    flex-direction: column;

    overflow-y: scroll;

    max-height: calc(100vh - 50px);

    width: 100%;

    display: none;

  }

  #headNavi .headLink1 {

    background-color: var(--main-green2);

  }

  #headNavi .headLink1 a {

    display: block;

    padding: 14px 20px;

    border-bottom: 1px solid #666;

  }

  #headNavi .headLink1 .group .parent {

    display: flex;

    justify-content: space-between;

    position: relative;

  }

  #headNavi .headLink1 .group .parent a {

    width: calc(100% - 50px);

  }

  #headNavi .headLink1 .group .parent .menuBtn {

    background-color: #333;

    width: 50px;

    position: relative;

  }

  #headNavi .headLink1 .group .parent .menuBtn:before,

  #headNavi .headLink1 .group .parent .menuBtn:after {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    left: 17.5px;

    width: 15px;

    height: 1px;

    background-color: #fff;

    transition: 0.3s;

  }

  #headNavi .headLink1 .group .parent .menuBtn:after {

    transform: rotate(-90deg);

  }

  #headNavi .headLink1 .group .parent .menuBtn.active:after {

    transform: rotate(0);

  }

  #headNavi .headLink1 .group .parent .menuBtn:hover,

  #headNavi .headLink1 .group .parent .menuBtn.active {

    background-color: #333;

    opacity: 1;

  }

  #headNavi .headLink1 .group .child li a {

    font-size: 1.2rem;

    padding: 11px 20px;

  }

  #headNavi .headLink1 .group .child li a:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 4px 0 4px 6px;

    border-color: transparent transparent transparent #ffffff;

    margin-right: 8px;

  }

  #headNavi .headLink1 .group .child li a:hover {

    background-color: var(--main-green3);

  }

  #headNavi .headLink2 {

    background-color: var(--main-green2);

    border-top: 1px solid #666;

    border-bottom: 1px solid #666;

  }

  #headNavi .headLink2 a {

    width: calc(100% / 3);

    text-align: center;

    padding: 8px 0 6px;

  }

  /* ↓英語↓ */

  .lang_en #headNavi .headLink2 a {

    width: 100%;

  }

  /* ↑英語↑ */

  #headNavi .headLink2 a img {

    margin: 0 auto 1px;

  }

  #headNavi .headLink2 a:not(:first-child) {

    border-left: 1px solid #666;

  }

  #headNavi .headLink3 {

    background-color: #333;

  }

  #headNavi .headLink3 .headerSearch {

    display: block!important;

  }

  #headNavi .headLink3 .headerSearch form.gsc-search-box {

    margin-bottom: 0;

  }

  #headNavi #sideNavi a {

    display: block;

  }

  #headNavi #sideNavi .hierarchy .parent {

    display: flex;

    justify-content: space-between;

  }

  #headNavi #sideNavi .hierarchy .parent a {

    width: calc(100% - 50px);

  }

  #headNavi #sideNavi .hierarchy .parent .menuBtn {

    background-color: var(--main-green3);

    width: 50px;

    position: relative;

  }

  #headNavi #sideNavi .hierarchy .parent .menuBtn:before,

  #headNavi #sideNavi .hierarchy .parent .menuBtn:after {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    left: 17.5px;

    width: 15px;

    height: 1px;

    background-color: #fff;

    transition: 0.3s;

  }

  #headNavi #sideNavi .hierarchy .parent .menuBtn:after {

    transform: rotate(-90deg);

  }

  #headNavi #sideNavi .hierarchy .parent .menuBtn.active:after {

    transform: rotate(0);

  }

  #headNavi #sideNavi .hierarchy .parent .menuBtn:hover,

  #headNavi #sideNavi .hierarchy .parent .menuBtn.active {

    background-color: #333;

    opacity: 1;

  }

  #headNavi #sideNavi .hierarchy .child {

    display: none;

  }

  #sideNavi .navRoot li .parent,

  #sideNavi .navRoot li:not(.hierarchy) {

    border-bottom: 1px solid #666;

  }

  #sideNavi .navRoot > li:last-child {

    border-bottom: none;

  }

  #sideNavi .navRoot > li > a,

  #sideNavi .navRoot > li .parent a {

    background-color: var(--main-green1);

    padding: 14.5px 20px;

  }

  #sideNavi .navRoot > li > a:hover,

  #sideNavi .navRoot > li > a:active,

  #sideNavi .navRoot > li .parent a:hover,

  #sideNavi .navRoot > li .parent a:active {

    background-color: var(--main-green3);

    opacity: 1;

  }

  #sideNavi .navRoot .linkLanguage a {

    background-color: var(--main-green3);

  }

  #sideNavi .navRoot .linkLanguage a:hover,

  #sideNavi .navRoot .linkLanguage a:active {

    background-color: #333;

  }

  #headNavi .headLink1 a:before,

  #sideNavi .navRoot > li > a:before,

  #sideNavi .navRoot .parent a:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5px 0 5px 8px;

    border-color: transparent transparent transparent #ffffff;

    margin-right: 10px;

  }

  #headNavi .navRoot li .menuClose {

    font-size: 1.4rem;

    padding: 9.5px 20px;

  }

  #sideNavi .child li a {

    font-size: 1.2rem;

    background-color: #333;

    padding: 11px 20px;

  }

  #sideNavi .child li a:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 4px 0 4px 6px;

    border-color: transparent transparent transparent #ffffff;

    margin-right: 8px;

  }

  #sideNavi .child li a:hover {

    background-color: var(--main-green3);

  }



  #headNavi #sideNavi .menuClose {

    display: block;

    background-color: #333;

    color: #fff;

    width: 100%;

    opacity: 1!important;

  }



  /* footer */

  #footerNavi .fnavi1 {

    border-top: 1px solid #4d4d4d;

  }

  #footerNavi .fnavi1 a {

    display: block;

  }

  #footerNavi .fnavi1 .navRoot > li {

    border-bottom: 1px solid #4d4d4d;

  }

  #footerNavi .fnavi1 .navRoot > li > a,

  #footerNavi .fnavi1 .navRoot .parent a {

    padding: 14.5px 0;

  }

  #footerNavi .fnavi1 .navRoot > li > a:before,

  #footerNavi .fnavi1 .navRoot .parent a:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 4px 0 4px 6px;

    border-color: transparent transparent transparent var(--main-green1);

    margin-right: 10px;

  }

  #footerNavi .fnavi1 .parent {

    position: relative;

  }

  #footerNavi .fnavi1 .parent .toggleBtn {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: #2F2F2F;

  }

  #footerNavi .fnavi1 .parent .toggleBtn:before,

  #footerNavi .fnavi1 .parent .toggleBtn:after {

    position: absolute;

    top: 14.5px;

    left: 7.5px;

    content: "";

    display: block;

    width: 15px;

    height: 1px;

    background-color: #fff;

    transition: 0.3s;

  }

  #footerNavi .fnavi1 .parent .toggleBtn:before {

    transform: rotate(-90deg);

  }

  #footerNavi .fnavi1 .parent .toggleBtn.active:before {

    transform: rotate(0);

  }

  #footerNavi .fnavi1 .child {

    display: none;

  }

  #footerNavi .fnavi1 .child > li {

    border-top: 1px solid #4d4d4d;

  }

  #footerNavi .fnavi1 .child > li a {

    font-size: 1.2rem;

    display: block;

    padding: 11px 10px;

  }

  #footerNavi .fnavi1 .child > li a:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 4px 0 4px 6px;

    border-color: transparent transparent transparent #000;

    margin-right: 10px;

  }

  #footerNavi .fnavi2 {

    font-size: 1.2rem;

    margin-top: 25px;

    margin-bottom: 30px;

  }

  #footerNavi .fnavi2 ul{

    flex-wrap: wrap;

    margin: 0 -12.5px -14px;

  }

  #footerNavi .fnavi2 ul li {

    flex-shrink: 0;

    margin: 0 12.5px 14px;

  }





}