@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Noto+Sans+JP:wght@400;700&display=swap');

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

  =Reset default browser

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

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img,ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}


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

  =Basic Setup

-----------------------------------------------------------*/
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
/* Link Style */
a {
  color: #111;
  text-decoration: none;
  transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
}
a:focus, a:active, a:hover {
  color: #444;
  text-decoration: none;
}
a:hover img {
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  zoom: 1;
}
/* Transform */
.transform {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}
a:hover .transform {
  -webkit-transform:scale(1.1);
  transform: scale(1.1);
}
/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  background: #e5e5e5;
}
::-webkit-scrollbar-thumb {
  height: 10px;
  background: #333;
}
/* Embed */
embed, iframe, object {
  max-width: 100%;
}
video {
  max-width: 100%;
  height: auto;
}
/* Font Setteing */
.tx-L { text-align: left !important; }
.tx-C { text-align: center !important; }
.tx-R { text-align: right !important; }
.tx-bold { font-weight: 600; }
.tx-justify { text-align: justify !important; }
.paragraph-1 li {
  letter-spacing: 0;
  line-height: 1.4;
  padding: 3px 0 3px 1em;
  text-indent: -1em;
}
.paragraph-2 li {
  letter-spacing: 0;
  line-height: 1.4;
  padding: 3px 0 3px 2em;
  text-indent: -2em;
}
.disc-list li {
  padding-left: 1em;
  line-height: 1.6;
  margin-bottom: .6em;
  position: relative;
}
.disc-list li:before {
  content: '';
  width: 4px;
  height: 4px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
  left: 0;
  top: 9px;
}
.num-list{
  counter-reset: number;
}
.num-list li {
  padding-left: 2em;
  margin-bottom: 5px;
  position: relative;
}
.num-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  display: inline-block;
  content: counter(number) '.';
}

/* Font Size */
.fs-9  { font-size: 9px !important;}
.fs-10 { font-size: 10px !important;}
.fs-11 { font-size: 11px !important;}
.fs-12 { font-size: 12px !important;}
.fs-13 { font-size: 13px !important;}
.fs-14 { font-size: 14px !important;}
.fs-15 { font-size: 15px !important;}
.fs-16 { font-size: 16px !important;}
.fs-18 { font-size: 18px !important;}
.fs-20 { font-size: 18px !important;}
.fs-21 { font-size: 21px !important;}
.fs-24 { font-size: 24px !important;}
.fs-28 { font-size: 28px !important;}
.fs-30 { font-size: 30px !important;}
.fs-36 { font-size: 36px !important;}
.fs-48 { font-size: 48px !important;}
.fs-60 { font-size: 60px !important;}

.bg-gray{
  background: #f7f7f7;
}
.bg-blue{
  background: #ebf1f7;
}

/* Margin-Top & Padding-Top */
.mt00 { margin-top:  0px !important; }  .pt00 { padding-top:  0px !important; }
.mt05 { margin-top:  5px !important; }  .pt05 { padding-top:  5px !important; }
.mt10 { margin-top: 10px !important; }  .pt10 { padding-top: 10px !important; }
.mt15 { margin-top: 15px !important; }  .pt15 { padding-top: 15px !important; }
.mt20 { margin-top: 20px !important; }  .pt20 { padding-top: 20px !important; }
.mt25 { margin-top: 25px !important; }  .pt25 { padding-top: 25px !important; }
.mt30 { margin-top: 30px !important; }  .pt30 { padding-top: 30px !important; }
.mt35 { margin-top: 35px !important; }  .pt35 { padding-top: 35px !important; }
.mt40 { margin-top: 40px !important; }  .pt40 { padding-top: 40px !important; }
.mt45 { margin-top: 45px !important; }  .pt45 { padding-top: 45px !important; }
.mt50 { margin-top: 50px !important; }  .pt50 { padding-top: 50px !important; }
.mt55 { margin-top: 55px !important; }  .pt55 { padding-top: 55px !important; }
.mt60 { margin-top: 60px !important; }  .pt60 { padding-top: 60px !important; }
.mt65 { margin-top: 65px !important; }  .pt65 { padding-top: 65px !important; }
.mt70 { margin-top: 70px !important; }  .pt70 { padding-top: 70px !important; }
.mt75 { margin-top: 75px !important; }  .pt75 { padding-top: 75px !important; }
.mt80 { margin-top: 80px !important; }  .pt80 { padding-top: 80px !important; }
.mt85 { margin-top: 85px !important; }  .pt85 { padding-top: 85px !important; }
.mt90 { margin-top: 90px !important; }  .pt90 { padding-top: 90px !important; }
.mt95 { margin-top: 95px !important; }  .pt95 { padding-top: 95px !important; }
.mt100{ margin-top:100px !important; } .pt100{ padding-top:100px !important; }
/* Margin-Right & Padding-Right */
.mr00 { margin-right:  0px !important; }  .pr00 { padding-right:  0px !important; }
.mr05 { margin-right:  5px !important; }  .pr05 { padding-right:  5px !important; }
.mr10 { margin-right: 10px !important; }  .pr10 { padding-right: 10px !important; }
.mr15 { margin-right: 15px !important; }  .pr15 { padding-right: 15px !important; }
.mr20 { margin-right: 20px !important; }  .pr20 { padding-right: 20px !important; }
.mr25 { margin-right: 25px !important; }  .pr25 { padding-right: 25px !important; }
.mr30 { margin-right: 30px !important; }  .pr30 { padding-right: 30px !important; }
.mr35 { margin-right: 35px !important; }  .pr35 { padding-right: 35px !important; }
.mr40 { margin-right: 40px !important; }  .pr40 { padding-right: 40px !important; }
.mr45 { margin-right: 45px !important; }  .pr45 { padding-right: 45px !important; }
.mr50 { margin-right: 50px !important; }  .pr50 { padding-right: 50px !important; }
.mr55 { margin-right: 55px !important; }  .pr55 { padding-right: 55px !important; }
.mr60 { margin-right: 60px !important; }  .pr60 { padding-right: 60px !important; }
.mr65 { margin-right: 65px !important; }  .pr65 { padding-right: 65px !important; }
.mr70 { margin-right: 70px !important; }  .pr70 { padding-right: 70px !important; }
.mr75 { margin-right: 75px !important; }  .pr75 { padding-right: 75px !important; }
.mr80 { margin-right: 80px !important; }  .pr80 { padding-right: 80px !important; }
.mr85 { margin-right: 85px !important; }  .pr85 { padding-right: 85px !important; }
.mr90 { margin-right: 90px !important; }  .pr90 { padding-right: 90px !important; }
.mr95 { margin-right: 95px !important; }  .pr95 { padding-right: 95px !important; }
.mr100{ margin-right:100px !important; }  .pr100{ padding-right:100px !important; }
/* Margin-Bottom & Padding-Bottom */
.mb00 { margin-bottom:  0px !important; }  .pb00 { padding-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }  .pb05 { padding-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }  .pb10 { padding-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }  .pb15 { padding-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }  .pb20 { padding-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }  .pb25 { padding-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }  .pb30 { padding-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }  .pb35 { padding-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }  .pb40 { padding-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }  .pb45 { padding-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }  .pb50 { padding-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }  .pb55 { padding-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }  .pb60 { padding-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }  .pb65 { padding-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }  .pb70 { padding-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }  .pb75 { padding-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }  .pb80 { padding-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }  .pb85 { padding-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }  .pb90 { padding-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }  .pb95 { padding-bottom: 95px !important; }
.mb100{ margin-bottom:100px !important; } .pb100{ padding-bottom:100px !important; }
/* Margin-Left & Padding-Left */
.ml00 { margin-left:  0px !important; }  .pl00 { padding-left:  0px !important; }
.ml05 { margin-left:  5px !important; }  .pl05 { padding-left:  5px !important; }
.ml10 { margin-left: 10px !important; }  .pl10 { padding-left: 10px !important; }
.ml15 { margin-left: 15px !important; }  .pl15 { padding-left: 15px !important; }
.ml20 { margin-left: 20px !important; }  .pl20 { padding-left: 20px !important; }
.ml25 { margin-left: 25px !important; }  .pl25 { padding-left: 25px !important; }
.ml30 { margin-left: 30px !important; }  .pl30 { padding-left: 30px !important; }
.ml35 { margin-left: 35px !important; }  .pl35 { padding-left: 35px !important; }
.ml40 { margin-left: 40px !important; }  .pl40 { padding-left: 40px !important; }
.ml45 { margin-left: 45px !important; }  .pl45 { padding-left: 45px !important; }
.ml50 { margin-left: 50px !important; }  .pl50 { padding-left: 50px !important; }
.ml55 { margin-left: 55px !important; }  .pl55 { padding-left: 55px !important; }
.ml60 { margin-left: 60px !important; }  .pl60 { padding-left: 60px !important; }
.ml65 { margin-left: 65px !important; }  .pl65 { padding-left: 65px !important; }
.ml70 { margin-left: 70px !important; }  .pl70 { padding-left: 70px !important; }
.ml75 { margin-left: 75px !important; }  .pl75 { padding-left: 75px !important; }
.ml80 { margin-left: 80px !important; }  .pl80 { padding-left: 80px !important; }
.ml85 { margin-left: 85px !important; }  .pl85 { padding-left: 85px !important; }
.ml90 { margin-left: 90px !important; }  .pl90 { padding-left: 90px !important; }
.ml95 { margin-left: 95px !important; }  .pl95 { padding-left: 95px !important; }
.ml100{ margin-left:100px !important; }  .pl100{ padding-left:100px !important; }

/* Column Layout Format */
.column-2 .row,.column-2 li { width: 50%; }
.column-3 .row,.column-3 li { width: 33.33%; }
.column-4 .row,.column-4 li { width: 25%; }
.column-5 .row,.column-5 li { width: 20%;}
.column-6 .row,.column-6 li { width: 16.66%; }
.column-8 .row,.column-8 li { width: 12.5%;}

.col-2 .row {
  width: 46%;
}
.col-3 .row{
  width: 31.3%;
  margin: 0 3% 0 0;
}
.col-3 .row:nth-child(3n) {
  margin: 0 0 0 0;
}
.col-4 .row {
  width: 22%;
  margin: 0 4% 0 0;
}
.col-4 .row:nth-child(4n) {
  margin: 0 0 0 0;
}
.col-5 .row {
  width: 19%;
  margin: 0 1% 0px 0;
}
.col-5 .row:nth-child(5n) {
  margin: 0 0 0px 0;
}
.col-6 .row {
  width: 14.66%;
  margin: 0 2% 0px 0;
}
.col-6 .row:nth-child(6n) {
  margin: 0 0 0px 0;
}
@media only screen and (max-width: 768px) {
  .col-2 .row {
    width: 100%;
  }
  .col-3 .row{
    width: 100%;
    margin: 0;
  }
  .col-4 .row:nth-child(odd) {
    width: 48%;
    margin: 0 2% 0 0;
  }
  .col-4 .row:nth-child(even) {
    width: 48%;
    margin: 0 0 0 2%;
  }
  .col-6 .row {
    width: 48%;
    margin: 0 2% 0 0;
  }
  .col-6 .row:nth-child(even) {
    width: 48%;
    margin: 0 0 0 2%;
  }
}

.flex-row{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.row-reverse{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-center{
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.box-shadow{
  box-shadow:0px 0px 3px 2px #eaeaea;
}

/* Device View */
.viewPC { display: block; }
.viewTB { display: none; }
.viewPCTB { display: block; }
.viewSP { display: none; }
.viewTBSP { display: none; }

@media only screen and (max-width: 1024px) {
  .viewPC { display: none; }
  .viewTB { display: block; }
  .viewPCTB { display: block; }
  .viewSP { display: none; }
  .viewTBSP { display: block; }
}
@media only screen and (max-width: 768px) {
  .viewPC { display: none; }
  .viewTB { display: none; }
  .viewPCTB { display: none; }
  .viewSP { display: block; }
  .viewTBSP { display: block; }
}


/* Animation */
.animated {
  visibility: hidden;
}
.bounceIn,.bounceInLeft, .bounceInRight, .bounceInDown,.bounceInUp,
.fadeIn, .fadeInLeft, .fadeInRight,.fadeInDown,.fadeInUp,.fadeInUpDelay,
.zoomInUp,.zoomInDown, .zoomIn,
.flip,.flipInX,.flipInY,
.lightSpeedIn,
.tada,.wobble,.shake,.rubberBand{
  visibility: visible;
}
.delay-01s { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.delay-02s { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.delay-03s { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.delay-04s { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay-05s { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.delay-06s { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay-07s { -webkit-animation-delay:0.7s; animation-delay:0.7s; }
.delay-08s { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay-09s { -webkit-animation-delay:0.9s; animation-delay:0.9s; }
.delay-1s  {  -webkit-animation-delay:1s; animation-delay:1s; }
.delay-2s  {  -webkit-animation-delay:2s; animation-delay:2s; }
.delay-3s  {  -webkit-animation-delay:3s; animation-delay:3s; }
.delay-4s  {  -webkit-animation-delay:4s; animation-delay:4s; }
.delay-5s  {  -webkit-animation-delay:5s; animation-delay:5s; }
.delay-6s  {  -webkit-animation-delay:6s; animation-delay:6s; }

/* button */
.button {
  display: block;
  font-size: 14px;
  line-height: 66px;
  margin: 35px auto 0;
  width: 260px;
}
.button,.button::before,.button::after{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all 0.4s ease-in-out 0s;
}
.square-btn{
  background: #515151;
  color: #fff;
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%;
  letter-spacing: .14em;
}
.square-btn.white-color{
  background: #fff;
  border:none;
  color: #111!important;
}
.square-btn i {
  position: absolute;
  top: 25px;
  right: 5px;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
}
.square-btn:hover {
  color: #fff!important;
  background: #1236e6;
  letter-spacing: .3em;
}
.square-btn:hover i {
  right: 1px;
}
@media screen and (max-width: 768px) {
  .button {
    width: 200px;
    line-height: 50px;
    font-size: 11px;
    margin: 25px auto 0;
  }
  .button i {
    top: 20px;
  }
}


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

  =Global Layout

-----------------------------------------------------------*/
body {
  font-family:"YakuHanJP", 'Noto Sans JP', sans-serif;
  font-size: 15px;
  line-height: 2.2;
  color: #111;
  background-color: #f0f1f3;
  letter-spacing: .08em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
/* Montserrat */
.f-ty01,.button,#gnav{
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
}
@media only screen and ( max-width:768px) {
  body {
    font-size: 14px;
    letter-spacing: .04em;
    /* font-family: "YakuHanJP","Hiragino Kaku Gothic ProN", Meiryo, メイリオ, sans-serif; */
  }
}


/* Frame Format
---------------------------------*/
#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top:110px;
}
.inner {
  max-width: 1120px;
  margin: 0px auto;
  padding: 0 20px;
  overflow: hidden;
}
#top-future .inner,#top-facility .inner,#top-access .inner{
  padding:130px 20px;
}
.wrap {
  padding: 130px 0;
  overflow: hidden;
}
#page-top {
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 80px;
  z-index: 2;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
#page-top:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and ( max-width:1200px) {
  #wrapper {
    padding-top: 60px;
  }
  .wrap {
    padding:60px 0 ;
  }
  #top-future .inner,#top-facility .inner,#top-access .inner{
    padding:60px 20px;
  }
  #page-top {
    width: 60px;
  }
}

/* Font Format
---------------------------------*/
.section-ttl {
  line-height: 2;
  margin-bottom: 40px;
 }
.ttl-bg .section-ttl {
  margin-bottom: 0;
}
.section-ttl .tit-en {
  display: block;
  font-weight: 700;
  font-size: 20px;
}
.section-ttl .tit-jp {
  display: block;
  font-weight: 700;
  font-size: 30px;
}

@media screen and ( max-width:768px) {
  .section-ttl {
    line-height: 1.8;
    margin-bottom: 25px;
   }
   .section-ttl .tit-en {
    font-size: 13px;
   }
   .section-ttl .tit-jp {
    font-size: 22px;
   }
}

/* Title
---------------------------------*/
.ttl-bg {
  width: 100%;
  height: 280px;
  color: #fff;
  text-align: center;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  background-image: url(../img/top/mv-bg_pc.jpg);
}
.ttl-bg_wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}



@media screen and ( max-width:768px) {
  .ttl-bg {
    height: 200px;
    /* background-size: contain; */
  }
  .ttl-bg__single {
    height: 120px;
  }
  .page-ttl img{
    height:50px;
  }
}

/* Cover-bg
---------------------------------*/
.cover-bg{
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  height:460px;
}
#top-future .bg{
  background-image: url(../img/top/future-bg_pc.jpg);
}
#top-facility .bg{
  background-image: url(../img/top/facility-bg_pc.jpg);
}
#top-access .bg{
  background-image: url(../img/top/access-bg_pc.jpg);
}
@media screen and ( max-width:768px) {
  .cover-bg{
    height:270px;
  }
  #top-future .bg{
    background-image: url(../img/top/future-bg_sp.jpg);
  }
  #top-facility .bg{
    background-image: url(../img/top/facility-bg_sp.jpg);
  }
  #top-access .bg{
    background-image: url(../img/top/access-bg_sp.jpg);
  }

}


/* ----------------------------------------------------
	Hedder
-------------------------------------------------------
*/
#header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
@media screen and (min-width: 1200px) {
    #header{
        height: 110px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
    }
    #header .logo{
        width: 280px;
    }
    #toggle {
        display:none;
    }
}

@media screen and (max-width: 1200px){
    #header{
        padding: 0 0 0 0;
        height: 60px;
    }
    #header .logo{
        width: 170px;
        margin-left: 20px;
        padding:15px 0 0;
    }
    #header .header-inner {
        display: block;
        width: 100%;
        overflow: hidden;
        height: 60px;
      }
}


/* Gnav
-----------------------------------------------------------*/

@media screen and (min-width: 1200px) {
#gnav{
  line-height: 1.6;
  cursor: pointer;
}
#gnav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#gnav li{
  padding:0;
  font-size: 14px;
  text-align: left;
}
#gnav li span{
  display: block;
  font-size:10px;
}
#gnav .nav-item{
  font-weight: 700;
}
#gnav li a {
  color: #1f1f1f;
  cursor: pointer;
  display: block;
  position: relative;
}
#gnav li.nav-item{
  margin: 30px 20px;
}
#gnav li .nav-link:hover{
  color:#1a3491;
}
#gnav-youtube,#gnav-contact{
  display: none;
}
}

@media screen and ( max-width:1200px) {
    #gnav {
        display: block;
        width:100%;
        z-index:99;
        margin:0;
        /* padding-bottom: 120px; */
        background:rgba(0,0,0,1);
        overflow-y: scroll;
    }
    #gnav ul {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;
      }
    #gnav li {
        width:100%;
        display: block;
        margin:0;
        padding:0;
        text-align:left;
        line-height:1.3;
        border-bottom:1px solid #222;
    }
    #gnav li a {
        padding:10px 15px;
        display:block;
        font-size:14px;
        color:#fff;
        text-decoration:none;
        border:none;
        line-height:1.4;
        letter-spacing: .02em;
        -webkit-transition:opacity 0.3s ease;
        -moz-transition:opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
        position: relative;
    }
    #gnav li a span{
        display: block;
        font-size:10px;
        color:#666;
    }
    #gnav li a::before {
        color:#666;
        content: "\f105";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        right: 20px;
        top: 14px;
        font-size: 18px;
      }
    #gnav li a:hover{
        background: #333;
    }
    #gnav-youtube a{
        background-color:#253379 ;
    }
    #gnav-contact a{
        background-color:#1236e6 ;
    }

}

/* Hum-nav
-----------------------------------------------------------*/

@media screen and ( max-width:1200px) {
    #panel-btn {
        background:#111;
        display:inline-block;
        height:60px;
        position:absolute;
        right:0px;
        top:0;
        width:60px;
      }
      #toggle {
        display:block;
        float:right;
        margin:0 10px 0 0;
      }
      #panel-btn:hover {
        opacity:0.6;
        -moz-opacity:.6;
        filter:alpha(opacity=60);
      }
      #panel-btn-icon {
        width:20px;
        height:1px;
        margin:-1px 0px 0px -10px;
        position:absolute;
        top:50%;
        left:50%;
        background-color:#fff;
        display:block;
        -webkit-transition: .1s;
        -moz-transition: .1s;
        transition: .1s;
      }
      #panel-btn-icon:before, #panel-btn-icon:after {
        width:20px;
        height:1px;
        background-color:#fff;
        position:absolute;
        top:50%;
        left:0;
        display:block;
        content:"";
        -webkit-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
      }
      #panel-btn-icon:before{
       margin-top:-7px;
      }
      #panel-btn-icon:after {
        margin-top:5px;
      }
      #panel-btn .close     {
        background:transparent;
      }
      #panel-btn .close:before, #panel-btn .close:after {
        margin-top:-1px;
      }
      #panel-btn .close:before {
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
      }
      #panel-btn .close:after {
        -webkit-transform:rotate(-135deg);
        -ms-transform:rotate(-135deg);
        transform:rotate(-135deg);
      }
}


/* Fl-Nav
---------------------------------*/
.fl-Nav {
  position: fixed;
  right: 0;
  width: 60px;
  top: 40%;
  z-index: 100;
}
.fl-Nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: block;
  width: 60px;
  height: 60px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
}
.fl-Nav__item a {
  z-index: 1;
  background-color: #1236e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  justify-content: center;
}
.fl-Nav__item:nth-child(2) a{
  background-color: #253379;
}
.fl-Nav__item a:hover{
    background-color: #666;
}
.fl-Nav__item a img{
  width:20px;
  margin:0 auto;
  fill:#fff;
}
.fl-Nav-balloon {
  position: absolute;
  top: 15px;
  right: 100%;
  z-index: 3;
  padding: 5px 10px;
  min-width: 100%;
  background-color: #ddd;
  color: #111;
  white-space: nowrap;
  letter-spacing: .08em;
  font-size: 11px;
  line-height: 1.2;
  opacity: 0;
  -webkit-transition: all .2s cubic-bezier(0,0,.58,1);
  transition: all .2s cubic-bezier(0,0,.58,1);
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  pointer-events: none;
}
.fl-Nav-balloon:before{
  position:absolute;
  top:50%;
  left:100%;
  margin-top:-6px;
  border:6px solid transparent;
  border-left:6px solid #ddd;
  content:"";
  }
.fl-Nav__item:hover .fl-Nav-balloon{
  opacity:1;
  -webkit-transition:all .3s cubic-bezier(.175,.885,.32,1.275);
  transition:all .3s cubic-bezier(.175,.885,.32,1.275);
  -webkit-transform:translateX(-10px);
  transform:translateX(-10px);
}

@media screen and ( max-width: 999px) {
  .fl-Nav{
    display: none;
  }
}


/* ----------------------------------------------------
	FOOTER
-------------------------------------------------------*/
/* #footer{
  background-color: #000;
  color:#fff;
} */
/* Footer-Action
---------------------------------*/
.footer-action__nav li{
  width:50%;
  text-align:center;
}
.footer-action__nav li a {
  color: #fff;
  display: block;
  position: relative;
  padding:155px 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.footer-action__nav .contact a{
  background-color:#1236e6;
}
.footer-action__nav .channel a{
  background-color:#253379;
}

.footer-action__nav .footer-item__icon{
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.footer-action__nav .footer-item__icon img {
  width: 50px;
  margin: 0 auto;
  fill: #fff;
}
.footer-item__box .ttl{
  font-size:28px;
  line-height: 1.6;
  letter-spacing: .14em;
  margin:15px 0 6px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.footer-item__box .txt{
  font-size:12px;
  line-height: 1.6;
}
.footer-action__nav li:hover .footer-item__icon{
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
.footer-action__nav li a:hover{
  opacity: .6;
}
@media screen and ( max-width: 768px) {
  .footer-action__nav li{
    width:100%;
    text-align:left;
  }
  .footer-action__nav li a {
    padding:40px 40px;
    height:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .footer-action__nav .footer-item__icon img {
    width: 38px;
  }
  .footer-action__nav .footer-item__icon{
    width:12%;
  }
  .footer-item__box{
    width:85%;
  }
  .footer-item__box .ttl{
    font-size:20px;
    margin:0 0 6px;
  }
}


/* Footer-Utility
---------------------------------*/
.footer-utility{
  padding:60px 0px;
  background-color: #e2e8f1;
}
.footer-nav{
  padding-bottom:80px;
  border-bottom:1px solid #d1d1d1;
}
.footer-nav ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;

}
.footer-nav li a {
  font-size: 12px;
  line-height: 1;
  padding: 0 15px;
}

.footer-address{
  font-size: 13px;
  line-height: 2;
  text-align: center;
  padding-top:60px;
}
@media screen and ( max-width: 768px) {
  .footer-utility{
    padding:30px 0px;
  }
  .footer-nav{
    display: none;
  }
   .footer-address{
    padding-top:10px;
  }
}

.footer-banner-block{
  border-bottom:1px solid #d1d1d1;
  padding:30px 0;
}
@media screen and ( max-width: 768px) {
  .footer-banner-block{
    padding:15px 0;
  }
  .footer-banner-block li:nth-child(odd) {
    width: 48%;
    margin: 0 2% 10px 0 !important;
  }
  .footer-banner-block li:nth-child(even) {
    width: 48%;
    margin: 0 0 10px 2%!important;
  }
}


/* Footer-Outter
---------------------------------*/
.footer-outter.inner {
  margin: 0 auto ;
  padding:30px 20px;
  font-size: 10px;
  letter-spacing: .16em;
}
.footer-outter .copyright{
  text-align: center;
}
@media screen and ( max-width: 768px) {
  .footer-outter.inner {
    padding:20px 20px;
  }

}


/* ----------------------------------------------------
	TOP
-------------------------------------------------------*/
#intro{
  color:#fff;
  background-image: url(../img/top/mv-bg_pc.jpg);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  height: calc(100svh - 110px);
}
.intro-copy{
  text-align: center;
  max-width: 500px;
  margin:0 auto;
  padding-top:100px;

}
.intro-copy .txt-jp{
  font-size:40px;
  display: block;
}
.intro-copy .txt-en{
  font-size:18px;
}

@media screen and ( max-width: 768px) {
  #intro{
    background-image: url(../img/top/mv-bg_sp.jpg);
    height: calc(80svh - 60px);
  }
  .intro-copy{
    text-align: center;
    padding-top:80px;
    width: 70%;
  }
  .intro-copy .txt-jp{
    font-size:28px;
    line-height: 1.4;
    display: block;
  }
  .intro-copy .txt-en{
    font-size:10px;
  }
}


/* Info
---------------------------------*/
#top-info{
  background-image: url(../img/top/info-bg_pc.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.info-block{
  background: rgba(255, 255, 255, 0.9);
  padding:80px 70px;
}
.info-block .in{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items:flex-start;
}
.info-block .info-ttl {
  line-height: 1.8;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 80px;
}
.info-block .info-ttl .tit-en{
  font-size:16px;
  display:block;
}
.info-block .info-ttl .tit-jp{
  font-size:24px;
  font-weight: 700;
}
.news-list{
  border-top: 1px solid #e7e7e7;
  text-align: left;
}
.news-list li {
  width: 100%;
  line-height: 1.6;
  padding: 22px 0;
  border-bottom: 1px solid #e7e7e7;
}
.news-list li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.news-list li a:focus .title,
.news-list li a:active .title,
.news-list li a:hover .title {
  text-decoration: underline;
}
.news-list .news-meta{
  width:8em;
}
.news-list .news-meta .date{
  font-size:11px;
  letter-spacing: .1em;
  width:6em;
}
.news-list .title{
  width: calc(100% - 7em);
}
@media screen and ( max-width: 768px) {
  #top-info{
    background-image: url(../img/top/info-bg_sp.jpg);
  }
  .info-block{
    padding:30px 20px;
  }
  .info-block .in{
    display: block;
  }
  .info-block .info-ttl {
    margin: 0 0 20px 0;
  }
  .info-block .info-ttl .tit-en{
    font-size:12px;
    display:block;
  }
  .info-block .info-ttl .tit-jp{
    font-size:20px;
  }
  .news-list li a{
    flex-wrap: wrap;
  }
  .news-list .news-meta{
    width:100%;
    display: block;
    margin-bottom:.2em;
  }
  .news-list .title{
    width: 100%;
    display: block;
  }
}


/* About
---------------------------------*/
#top-about{
  overflow: hidden;
  position: relative;
}
#top-about .inner{
  padding:30px 20px 120px;
}
#particles-js{
  position:absolute;
  width: 100%;
  height: 100%;
  background-color: #f0f1f3;
  z-index: -1;
}
.top-movie{
  max-width: 900px;
  margin:40px auto 0;
  text-align: center;
}
.top-movie .movie-ttl{
  font-size:36px;
  letter-spacing: .16em;
  line-height: 1.2;
  margin-bottom:20px;
}
.top-about-subttl{
  font-size:24px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom:12px;
}
.top-about-subttl span{
  font-size: 32px;
  display: block;
}
@media screen and ( max-width: 768px) {
  #top-about .inner{
    padding:40px 20px;
  }
  #top-about .txt-box{
    margin-bottom:25px;
  }
  .top-movie{
    margin:40px auto 0;
    text-align: center;
  }
  .top-movie .movie-ttl{
    font-size:20px;
    margin-bottom:15px;
  }
  .top-about-subttl{
    font-size:18px;
    margin-bottom:12px;
  }
  .top-about-subttl span{
    font-size: 24px;
  }
}


/* Base
---------------------------------*/
#top-base .bg{
  background-image: url(../img/top/base-bg_pc.jpg);
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  height:650px;
  color:#fff;
}
#top-base .catch-copy{
  font-size:36px;
  font-weight: 700;
  line-height: 1.8;
  text-align: center;
  padding-top:150px;
}
#mission-block{
  background-color: #fff;
  width:90%;
  margin:0 5% -200px;
  position: relative;
  top:-300px;
}
.mission-list{
  border-top: 1px solid #e7e7e7;
}
.mission-list li {
  padding: 30px 0;
  border-bottom: 1px solid #e7e7e7
}
.mission-head{
  /* background: #f6ca00;
  background: -moz-linear-gradient(left, #fedc45, #f6ca00);
  background: -webkit-linear-gradient(left, #fedc45, #f6ca00);
  background: linear-gradient(to right, #fedc45, #f6ca00); */
  color: #253379;
  /* border-radius: 24px;
  display: inline-block; */
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  margin-bottom:14px;
}
.mission-head span{
  font-size: 24px;
  vertical-align: middle;
}
@media screen and ( max-width: 768px) {
  #top-base .bg{
    background-image: url(../img/top/base-bg_pc.jpg);
    height:450px;
  }
  #top-base .catch-copy{
    font-size:20px;
    padding-top:70px;
  }
  #mission-block{
    width:92%;
    margin:0 4% -180px;
    padding:40px 0;
    position: relative;
    top:-240px;
  }
  #mission-block .mission-pic{
    margin-top:30px;
  }
  .mission-head{
    font-size: 16px;
  }
  .mission-head span{
    font-size: 18px;
    vertical-align: middle;
  }
}


/* Mission
---------------------------------*/
#mission-discription{
  overflow: hidden;
}
.mission-discription_box:last-child{
  margin-top:70px;
}
.mission-sub_copy{
  font-size:24px;
  font-weight:700;
  line-height: 1.4;
  margin-bottom:40px;
  text-align: center;
}
@media screen and ( max-width: 768px) {
  .mission-discription_box:last-child{
    margin-top:50px;
  }
  .mission-sub_copy{
    font-size:20px;
    margin-bottom:15px;
  }
  .mission-discription_box .pic{
    margin-top:15px;
  }
}


/* Message
---------------------------------*/
#top-message{
  padding-top:120px;
}
.message-box .message-txt{
  width:55%;
}
.message-box .message-pic{
  width:40%;
}
@media screen and ( max-width: 768px) {
  #top-message{
    padding-top:60px;
  }
  .message-box .message-txt{
    width:100%;
    display: block;
    margin-bottom:15px;
  }
  .message-box .message-pic{
    width:60%;
    margin:0 20%;
  }
}


/* Future
---------------------------------*/
.future-list .future-row:nth-of-type(n+2) {
  margin-top:80px;
}
#top-future .future-row .future-head{
  line-height: 1.8;
  width:45%;
}
#top-future .future-row .future-ttl  {
  border-left: solid 5px #e8bf04;
  padding: 0.15em 0 0.15em 1.5em;
  margin-bottom:25px;
}
#top-future .future-row .future-ttl .tit-en {
  font-size: 14px;
  letter-spacing: .12em;
}
#top-future .future-row .future-ttl .tit-jp {
  display: block;
  font-weight: 700;
  font-size: 28px;
}
#top-future .future-row .future-pic{
  width:50%;
}
.future-disc-list li {
  font-size:18px;
  line-height: 1.6;
  margin-bottom: 5px;
  position: relative;
  padding-left: .8em;
}
.future-disc-list li:before {
  content: '';
  width: 6px;
  height: 6px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #111;
  position: absolute;
  left: 0;
  top: 10px;
}

.future-pic .caption{
  margin-top:12px;
  font-size:13px;
}
.future-img{
  margin:15px 0;
}
#top-future .future-list .button{
  margin:20px 0 0;
}
@media screen and ( max-width: 768px) {
  #top-future .future-list .future-row:nth-of-type(n+2) {
    margin-top:60px;
  }
  #top-future .future-row .future-head{
    width:100%;
  }
  #top-future .future-row .future-head .tit-en {
    font-size: 12px;
  }
  #top-future .future-row .future-head .tit-jp {
    font-size: 22px;
  }
  #top-future .future-row .future-pic{
    width:100%;
    padding:0 0;
    margin-top:20px;
  }
  .future-disc-list li {
    font-size:16px;
  }
  .future-disc-list li:before {
    top: 9px;
  }
  #top-future .future-list .button{
    margin:20px 0 0;
    width:100%;
  }
}


/* Facility
---------------------------------*/
.facility-img{
  width: 45%;
  text-align: center;
}
.facility-slide{
 width: 50%;
}
.facility-slide .facility-pic{
  padding:0 40px;
}
.facility-slide .caption{
  margin-top:12px;
  text-align: center;
}
.swiper-button-prev {
  background-image: url(../img/btn_prev.png);
  left: 0px;
  top: 50%;
  background-size: 40px 40px;
  width:40px;
  height: 40px;
}
.swiper-button-next  {
  background-image: url(../img/btn_next.png);
  right: 0px;
  top: 50%;
  background-size: 40px 40px;
  width:40px;
  height: 40px;
}

@media screen and ( max-width: 768px) {
  .facility-img{
    width: 80%;
    margin:0 10% 50px;
  }
  .facility-slide{
    width: 100%;
   }
  .facility-slide .facility-pic{
    padding:0 40px;
  }
  .swiper-button-prev {
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
  }
  .swiper-button-next  {
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
  }
}


/* Access
---------------------------------*/
#top-access table {
  border-top: 1px solid #e7e7e7;
  width: 100%;
  margin-top:40px;
}
#top-access tr {
  border-bottom: 1px solid #e7e7e7;
}
#top-access th {
  width: 25%;
  vertical-align: top;
  padding: 20px 10px;
  text-align: left;
}
#top-access td {
  padding: 20px 10px 20px 10px;
}
@media screen and ( max-width: 768px) {
  #top-access th {
    width: 100%;
    display: block;
    padding: 10px 0px 0;
  }
  #top-access td {
    padding: 5px 0 10px;
    width: 100%;
    display: block;
  }
}




/* ----------------------------------------------------
	CORE TECH
-------------------------------------------------------*/
#page-core01{
  background-color: #fff;
}
.core-tech-list li:nth-of-type(n+2) {
  margin-top:70px;
}
.core-tech__head{
  color:#253379;
  line-height:1.2;
  font-weight: bold;
  margin-bottom:40px;
}
.core-tech__head .tit-jp{
  font-size:28px;
  display: block;
  padding-bottom:.6em;
  margin-bottom:.6em;
  border-bottom:2px solid #e8bf04;
}
.core-tech__head .tit-en{
  font-size:14px;
}

.core-tech-list .pic{
  width: 50%;
}
.core-main-img{
  max-width: 980px;
  margin: 0 auto 80px;
}


@media screen and ( max-width: 768px) {
  .core-tech-list li:nth-of-type(n+2) {
    margin-top:50px;
  }
  .core-tech__head{
    margin-bottom:25px;
  }
  .core-tech__head .tit-jp{
    font-size:20px;
  }
  .core-tech__head .tit-en{
    font-size:12px;
  }
  .core-tech-list .pic{
    width:100%;
    margin:20px auto 0;
  }
  .core-main-img{
  margin-bottom:40px;
}
}

#page-core02{
  background-color: #f0f1f3;
  text-align: center;
}
.main-equipment-list{
  text-align: left;
  margin-bottom:140px;
}
.main-equipment-list .row:nth-of-type(n+3) {
  margin-top:70px;
}
.main-equipment-list__ttl{
  border-left:5px solid #e8bf04;
  padding:.2em 0 .2em .9em;
  line-height:1.5;
  font-weight: bold;
  margin-bottom:25px;
  height: 72px;
}
.main-equipment-list__ttl .tit-jp{
  font-size:24px;
  display: block;
}
.main-equipment-list__ttl .tit-subjp{
  font-size:18px;
}
.main-equipment-list__pic{
  margin-bottom:20px;
}
#page-core02 .future-disc-list li{
  font-size:15px;
}
#page-core02 .main-equipment-list__row{
  display: flex;
  align-items: flex-start;
}
#page-core02 .main-equipment-list__row .main-equipment-list__pic{
  width: 48%;
  flex-shrink: 0;
  margin:0;
}
#page-core02 .main-equipment-list__row .main-equipment-list__disc {
  padding: 0 0 0 1.4rem;
  flex-grow: 1;
}
@media screen and ( max-width: 768px) {
  .main-equipment-list{
    text-align: left;
    margin-bottom:90px;
  }
  .main-equipment-list .row:nth-of-type(n+2) {
    margin-top:50px;
  }
  .main-equipment-list__ttl{
    margin-bottom:15px;
    height: 62px;
  }
  .main-equipment-list__ttl .tit-jp{
    font-size:20px;
    display: block;
  }
  .main-equipment-list__ttl .tit-subjp{
    font-size:14px;
  }
}


/* .sub-equipment-list */
.sub-equipment-list .row:nth-of-type(n+5) {
  margin-top:50px;
}
.sub-equipment-list .sub-equipment-list__pic{
  margin-bottom:20px;
}
.sub-equipment-list .sub-equipment-list__ttl{
  font-weight: bold;
  font-size:13px;
  line-height: 1.6;
  text-align: left;
}
.sub-equipment-list .sub-equipment-list__ttl span{
  display: block;
  font-size:15px;
}
@media screen and ( max-width: 768px) {
  .sub-equipment-list .row:nth-of-type(n+3) {
    margin-top:35px;
  }
}



/* ----------------------------------------------------
	RESEARCH
-------------------------------------------------------*/
.research-subnav {
    margin: 0 auto 60px;
    text-align: center;
}
.research-subnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.research-subnav li {
    font-size: 14px;
    line-height: 1.8;
    position: relative;
}
.research-subnav li a {
    display: block;
    padding: 10px 20px;
}
/* .research-subnav li:first-child::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    margin-top: -10px;
    border-left: 1px #e3e3e3 solid;
} */
.research-subnav li::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: "";
    width: 1px;
    height: 20px;
    margin-top: -10px;
    border-right: 1px #e3e3e3 solid;
}
.research-subnav li:last-child:after{
    border:none;
}
.research-subnav li a::after {
    background-color: #F0C85B;
    content: '';
    position: absolute;
    bottom: 0px;
    left: 10%;
    height: 4px;
    width: 80%;
    opacity: 0;
    -webkit-transition: height 0.1s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.1s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.1s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.research-subnav li a:hover::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.research-subnav li.current-menu-item a::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
@media screen and ( max-width: 768px) {
    .research-subnav {
        margin: 0 auto 30px;
    }
    .research-subnav li a {
        padding: 10px 14px;
        margin-bottom:8px;
    }
}



.research-list .research-list__item{
    background-color: #fff;
}
.research-list .research-list__item:nth-of-type(n+2){
    margin-top:30px;
}
.entry-content__header{
    border-bottom: 2px solid #f8ce0f;
    padding: 35px 60px ;
    position: relative;
}
.entry-content__header .entry-category{
    border-radius: 16px;
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    height: 30px;
    margin-bottom: 10px;
    padding:0 .8em;
    background: #f6ca00;
}
.entry-content__header .entry-ttl{
    color:#253379;
    font-size:26px;
    font-weight: 700;
    line-height: 1.4;
}
.entry-content__body {
    padding: 20px 60px 40px;
    font-size: 16px;
}
.entry-content__body p {
    margin: 20px 0;
}
.entry-content__body img {
    margin: 20px 0;
}
.entry-content__body a {
    color: #2b49e3;
    text-decoration: underline;
    transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
}
.entry-content__body a:focus,
.entry-content__body a:active,
.entry-content__body a:hover {
    text-decoration: none;
}
@media screen and ( max-width: 768px) {
    .entry-content__header{
        padding: 20px ;
    }
    .entry-content__header .entry-category{
        font-size: 11px;
    }
    .entry-content__header .entry-ttl {
        font-size: 22px;
    }
    .entry-content__body {
        padding: 10px 20px;
        font-size: 15px;
    }
}

/* wp-pagenavi
---------------------------------*/
.wp-pagenavi {
    margin: 50px 0 10px;
    font-size: 12px;
}
.wp-pagenavi .current {
    color: #FFFFFF;
    background-color: #0080FF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    padding: 4px 8px;
    margin: 0 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    border: 1px solid #D6D6D6;
    background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    padding: 4px 8px;
    margin: 0 2px;
    /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); */
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 2px 7px;
    margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span .current {
    background-color: #F0C85B;
    color: #FFFFFF;
}
.wp-pagenavi span .current {
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .wp-pagenavi .page,
    .wp-pagenavi .extend,
    .wp-pagenavi .last {
        display: none;
      }
}

/* research-years
---------------------------------*/
.research-years {
    background-color: rgba(255,255,255,0.8);
    border-radius: 4px;
    padding: 15px 15px 5px;
    margin: 0 0 30px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
     align-items: center;
    /*-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}
.research-years li {
    margin: 0 10px 10px;
    padding: 0;
    font-size: 11px;
}
.research-years li a {
    background-color: #253379;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 4px 8px;
    text-decoration: none;
    font-size: 12px;
}
.research-years li a:hover {
  background-color: #F0C85B;
}



/*===Theme===*/

.page-id-8 main #content dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-8 main #content dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-8 main #content dl dd {
  margin: 0;
  padding: 0;
}
.page-id-8 main #content dl dd figure {
  margin: 10px 0;
  padding: 0;
  border: 2px solid #79B9F9;
}
.page-id-8 main #content ul {
  margin: 0 15px;
  padding: 0;
}



/*===Research===*/

.page-id-14 main #content section dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-14 main #content section dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-14 main #content section dl dd {
  margin: 0;
  padding: 0;
}
.page-id-14 main #content section dl dd figure {
  margin: 10px 0;
  padding: 0;
  border: 2px solid #79B9F9;
}
.page-id-14 main #content section ul {
  margin: 0 15px;
  padding: 0;
}
.page-id-14 main #content section figure {
  margin: 10px 0;
  padding: 0;
  border: 2px solid #79B9F9;
}



/*===Research(Result)===*/

.page-id-392 .research-list__item dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-392 .research-list__item dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("../../images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-392 .research-list__item dl dd {
  margin: 0;
  padding: 0;
}
.page-id-392 .research-list__item dl dd ul {
  margin: 0 15px;
  padding: 0;
}



/*===Research(Paper)===*/

.page-id-394 main #content section ul li {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 16px 20px;
  margin: 10px 0;
  font-family: Helvetica, Arial;
  font-size: 12px;
}



/*===Research(Lecture)===*/

.page-id-677 main #content section dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-677 main #content section dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-677 main #content section dl dd {
  margin: 0;
  padding: 0;
}
.page-id-677 main #content section dl dd time {
  font-size: 11px;
}



/*===Research(Award)===*/

.page-id-400 main #content section dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-400 main #content section dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-400 main #content section dl dd {
  margin: 0;
  padding: 0;
}



/*===Research(Media)===*/

.page-id-423 main #content section dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-423 main #content section dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-423 main #content section dl dd {
  margin: 0;
  padding: 0;
}
.page-id-423 main #content section dl dt a {
  color: #FFFFFF;
  display: block;
}
.page-id-423 main #content section dl dt a:hover {
  color: #F0C85B;
}



/*===Research(IP)===*/

.page-id-425 main #content section dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-425 main #content section dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-425 main #content section dl dd {
  margin: 0;
  padding: 0;
}


/*===Research(organize)===*/

.page-id-1338 main #content section ul li {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 16px 20px;
  margin: 10px 0;
  font-family: Helvetica, Arial;
  font-size: 12px;
}


/*===AM===*/

.page-id-26 main #content #am-main-image {
  width: 664px;
  display: block;
  border: 3px solid #FFFFFF;
}
.page-id-26 main #content #read {
  color: #FFFFFF;
  font-weight: normal;
  font-size: 18px;
  line-height: 180%;
  margin: 20px 0;
  padding: 20px;
  background-color: #06224F;
  border-radius: 4px;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/home-read-background.png");
  background-repeat: no-repeat;
  background-position: -40px -60px;
}
.page-id-26 main #content #am-floor-image {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-id-26 main #content #am-floor-image li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.page-id-26 main #content #am-floor-image li img {
  border: 2px solid #0080FF;
  margin: 1px 1px 10px 1px;
}
.page-id-26 main #content table {
  background-color: #0080FF;
  width: 100%;
}
.page-id-26 main #content table caption {
  text-align: center;
  font-weight: bold;
}
.page-id-26 main #content table th {
  background-color: #AACC04;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
}
.page-id-26 main #content table td {
  background-color: #FFFFFF;
  width: 33%;
  font-size: 13px;
  vertical-align: middle;
}
.page-id-26 main #content table td ruby {
  font-size: 11px;
  color: #888888;
}
.page-id-26 main #content article h4 {
  text-align: center;
  background-image: none;
}



/*===Equipment(AM)===*/

.page-id-30 main #content ul {
  margin: 0 15px;
  padding: 0;
}



/*===Use(AM)===*/

.page-id-33 main #content dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-33 main #content dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-33 main #content dl dd {
  margin: 0;
  padding: 0;
}
.page-id-33 main #content dl dd input {
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-33 main #content dl dd select {
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-33 main #content dl dd textarea {
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-33 main #content .wpcf7-submit {
  color: #FFFFFF;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  background-color: #0080FF;
  border: 1px solid #0080FF;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.page-id-33 main #content .wpcf7-submit:hover {
  background-color: #79B9F9;
  border: 1px solid #79B9F9;
  transition: background-color 0.3s;
}
.page-id-33 main #content .wpcf7 {
  margin: 0;
  padding: 0;
}
.page-id-33 main #content .wpcf7-list-item input {
  border: none;
}
.page-id-33 main #content .wpcf7 .required {
  color: #F54714;
  font-size: 11px;
}
.page-id-33 main #content span .wpcf7-list-item {
  display: inline;
}
.page-id-33 main #content .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
}
.page-id-33 main #content .wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.page-id-33 main #content .wpcf7-mail-sent-ok {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #0080FF;
  border-bottom: 2px dotted #0080FF;
}
.page-id-33 main #content .wpcf7-mail-sent-ng {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #F29942;
  border-bottom: 2px dotted #F29942;
}
.page-id-33 main #content .wpcf7-spam-blocked {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #F29942;
  border-bottom: 2px dotted #F29942;
}
.page-id-33 main #content .wpcf7-validation-errors {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #F29942;
  border-bottom: 2px dotted #F29942;
}
.page-id-33 main #content span.wpcf7-form-control-wrap {
  position: relative;
}
.page-id-33 main #content span.wpcf7-not-valid-tip {
  color: #F29942;
  font-size: 11px;
  display: block;
  font-weight: bold;
  margin: 2px 0 0 5px;
}
.page-id-33 main #content span.wpcf7-not-valid-tip:before {
  content: "┗ ";
}
.page-id-33 main #content span.wpcf7-not-valid-tip-no-ajax {
  color: #F29942;
  font-size: 11px;
  display: block;
  font-weight: bold;
  margin: 2px 0 0 5px;
}
.page-id-33 main #content.wpcf7-display-none {
  display: none;
}
.page-id-33 main #content .wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;
}
.page-id-33 main #content span.wpcf7-list-item {
  margin-right: 10px;
}
.page-id-33 main #content .wpcf7 .acceptance {
  border-radius: 3px;
  background-color: #E7E7D3;
  padding: 10px;
}
.page-id-33 main #content .wpcf7 .wpcf7-captcha-captcha {
  vertical-align: middle;
}
.page-id-33 main #content .wpcf7 #acceptance {
  font-weight: bold;
}



/*===Event Entry(AM)===*/

.page-id-910 main #content dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-910 main #content dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-910 main #content dl dd {
  margin: 0;
  padding: 0;
}
.page-id-910 main #content dl dd input {
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-910 main #content dl dd select {
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-910 main #content dl dd textarea {
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-910 main #content .wpcf7-submit {
  color: #FFFFFF;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  background-color: #0080FF;
  border: 1px solid #0080FF;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.page-id-910 main #content .wpcf7-submit:hover {
  background-color: #79B9F9;
  border: 1px solid #79B9F9;
  transition: background-color 0.3s;
}
.page-id-910 main #content .wpcf7 {
  margin: 0;
  padding: 0;
}
.page-id-910 main #content .wpcf7-list-item input {
  border: none;
}
.page-id-910 main #content .wpcf7 .required {
  color: #F54714;
  font-size: 11px;
}
.page-id-910 main #content span .wpcf7-list-item {
  display: inline;
}
.page-id-910 main #content .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
}
.page-id-910 main #content .wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.page-id-910 main #content .wpcf7-mail-sent-ok {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #0080FF;
  border-bottom: 2px dotted #0080FF;
}
.page-id-910 main #content .wpcf7-mail-sent-ng {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #F29942;
  border-bottom: 2px dotted #F29942;
}
.page-id-910 main #content .wpcf7-spam-blocked {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #F29942;
  border-bottom: 2px dotted #F29942;
}
.page-id-910 main #content .wpcf7-validation-errors {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #F29942;
  border-bottom: 2px dotted #F29942;
}
.page-id-910 main #content span.wpcf7-form-control-wrap {
  position: relative;
}
.page-id-910 main #content span.wpcf7-not-valid-tip {
  color: #F29942;
  font-size: 11px;
  display: block;
  font-weight: bold;
  margin: 2px 0 0 5px;
}
.page-id-910 main #content span.wpcf7-not-valid-tip:before {
  content: "┗ ";
}
.page-id-910 main #content span.wpcf7-not-valid-tip-no-ajax {
  color: #F29942;
  font-size: 11px;
  display: block;
  font-weight: bold;
  margin: 2px 0 0 5px;
}
.page-id-910 main #content.wpcf7-display-none {
  display: none;
}
.page-id-910 main #content .wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;
}
.page-id-910 main #content span.wpcf7-list-item {
  margin-right: 10px;
}
.page-id-910 main #content .wpcf7 .acceptance {
  border-radius: 3px;
  background-color: #E7E7D3;
  padding: 10px;
}
.page-id-910 main #content .wpcf7 .wpcf7-captcha-captcha {
  vertical-align: middle;
}
.page-id-910 main #content .wpcf7 #acceptance {
  font-weight: bold;
}



/*===Members(AM)===*/

.page-id-35 main #content table {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  background-color: #0080FF;
}
.page-id-35 main #content table th {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  background-color: #79B9F9;
  color: #FFFFFF;
  line-height: 160%;
}
.page-id-35 main #content table td {
  font-size: 11px;
  font-weight: normal;
  line-height: 160%;
}
.page-id-35 main #content table tr:nth-child(even){
  background-color: #FFFFFF;
}
.page-id-35 main #content table tr:nth-child(odd){
  background-color: #F7F7F7;
}



/*===Access(AM)===*/

.page-id-37 article p {
  padding: 15px 0 15px 0;
}
.page-id-37 main #content dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-37 main #content dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-37 main #content dl dd {
  margin: 0;
  padding: 0;
}



/*===News===*/

.page-id-41 h2 a {
  text-decoration: none;
}
.page-id-41 .post {
  margin: 0;
  padding: 0;
}
.page-id-41 .included {
  clear: both;
  text-align: right;
  margin: 0;
  padding: 0;
  list-style: normal;
}
.page-id-41 .included li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: normal;
}
.page-id-41 .included li a {
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.3s;
  display: inline-block;
}
.page-id-41 .included li a:hover {
  color: #F0C85B;
}
.page-id-41 .included .continue a {
  font-size: 11px;
  margin-left: 7px;
  color: #FFFFFF;
  padding: 2px 12px;
  background-color: #AACC04;
  border-radius: 30px;
}
.page-id-41 .included .date {
  font-size: 11px;
  margin-left: 7px;
  color: #FFFFFF;
  padding: 2px 12px;
  background-color: #AACC04;
  border-radius: 30px;
}



/*===Contact===*/

.page-id-39 .research-list__item dl {
  margin: 0 0 20px 0;
  padding: 0;
}
.page-id-39 .research-list__item dl dt {
  background-color: #79B9F9;
  display: block;
  color: #FFFFFF;
  padding: 2px 20px 0 20px;
  margin: 10px 0;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon03.png");
  background-repeat: no-repeat;
  background-position: 10px 11px;
  font-weight: normal;
  font-size: 14px;
}
.page-id-39 .research-list__item dl dd {
  margin: 0;
  padding: 0;
}
.page-id-39 .research-list__item dl dd input {
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-39 .research-list__item dl dd select {
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-39 .research-list__item dl dd textarea {
	border: 1px solid #D6D6D6;
	border-radius: 3px;
	padding: 4px;
  background-color: rgba(255,255,255,0.8);
}
.page-id-39 .research-list__item .wpcf7-submit {
  color: #FFFFFF;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  background-color: #0080FF;
  border: 1px solid #0080FF;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.page-id-39 .research-list__item .wpcf7-submit:hover {
  background-color: #79B9F9;
  border: 1px solid #79B9F9;
  transition: background-color 0.3s;
}
.page-id-39 main #content .wpcf7 {
	margin: 0;
	padding: 0;
}
.page-id-39 main #content .wpcf7-list-item input {
	border: none;
}
.page-id-39 main #content .wpcf7 .required {
	color: #F29942;
	font-size: 11px;
}
.page-id-39 main #content span .wpcf7-list-item {
	display: inline;
}
.page-id-39 main #content .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}
.page-id-39 main #content .wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}
.page-id-39 main #content .wpcf7-mail-sent-ok {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px dotted #0080FF;
  border-bottom: 2px dotted #0080FF;
}
.page-id-39 main #content .wpcf7-mail-sent-ng {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px dotted #F29942;
	border-bottom: 2px dotted #F29942;
}
.page-id-39 main #content .wpcf7-spam-blocked {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px dotted #F29942;
	border-bottom: 2px dotted #F29942;
}
.page-id-39 main #content .wpcf7-validation-errors {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-top: 2px dotted #F29942;
	border-bottom: 2px dotted #F29942;
}
.page-id-39 main #content span.wpcf7-form-control-wrap {
	position: relative;
}
.page-id-39 main #content span.wpcf7-not-valid-tip {
	color: #F29942;
  font-size: 11px;
  display: block;
  font-weight: bold;
  margin: 2px 0 0 5px;
}
.page-id-39 main #content span.wpcf7-not-valid-tip:before {
  content: "┗ ";
}
.page-id-39 main #content span.wpcf7-not-valid-tip-no-ajax {
	color: #F29942;
  font-size: 11px;
  display: block;
  font-weight: bold;
  margin: 2px 0 0 5px;
}
.page-id-39 main #content .wpcf7-display-none {
	display: none;
}
.page-id-39 main #content .wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}
.page-id-39 main #content span.wpcf7-list-item {
	margin-right: 10px;
}
.page-id-39 main #content .wpcf7 .acceptance {
  border-radius: 3px;
  background-color: #E7E7D3;
  padding: 10px;
}
.page-id-39 main #content .wpcf7 .wpcf7-captcha-captcha {
  vertical-align: middle;
}
.page-id-39 main #content .wpcf7 #acceptance {
  font-weight: bold;
}



/*===SiteMap===*/

.page-id-47 article ul li {
	padding: 0;
	margin: 5px 0 15px 0;
	border-bottom: 1px dotted #888888;
  list-style: none!important;
}
.page-id-47 article ul li:before {
	content: "■)";
	color: #F29942;
  margin: 0 4px 0 0;
}
.page-id-47 article ul li a {
	text-decoration: none;
}
.page-id-47 article ul li ul li {
	border: none;
	margin-left: 40px;
}
.page-id-47 article ul li ul li:before {
	content: "■)";
	color: #AACC04;
  margin: 0 4px 0 0;
}



/*===wp-pagenavi===*/

.wp-pagenavi {
	clear: both;
	margin: 20px 0;
	font-size: 13px;
}
.wp-pagenavi .current {
	color: #FFFFFF;
	background-color: #0080FF;
  border: 1px solid #D6D6D6;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  border: 1px solid #D6D6D6;
  background-color: rgba(255,255,255,0.5);
  border-radius: 4px;
  padding: 2px 5px;
  margin: 0 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 2px 7px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span .current {
	background-color: #F0C85B;
	color: #FFFFFF;
}
.wp-pagenavi span .current {
	font-weight: bold;
}



/*===Search===*/

.search article p {
  padding: 15px;
}
.search h2 a {
  text-decoration: none;
}
.search .post {
  margin: 0;
  padding: 0;
}
.search .post h3 {
  background-color: #0080FF;
  color: #FFFFFF;
}
.search .post h3 a {
  display: block;
  color: #FFFFFF;
  padding: 5px 20px 2px 35px;
  background-image: url("https://3dp.eng.osaka-u.ac.jp/wp-content/themes/sipk/assets/css/images/icon05.png");
  background-repeat: no-repeat;
  background-position: 10px 4px;
}
.search .included {
  clear: both;
  text-align: right;
  margin: 0;
  padding: 0;
  list-style: normal;
}
.search .included li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: normal;
}
.search .included li a {
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.3s;
  display: inline-block;
}
.search .included li a:hover {
  color: #F0C85B;
}
.search .included .continue a {
  font-size: 11px;
  margin-left: 7px;
  color: #FFFFFF;
  padding: 2px 12px;
  background-color: #AACC04;
  border-radius: 30px;
}
.search .included .date {
  font-size: 11px;
  margin-left: 7px;
  color: #FFFFFF;
  padding: 2px 12px;
  background-color: #AACC04;
  border-radius: 30px;
}