@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: "Arial",'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Merriweather Sans", sans-serif,"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ol, ul {
  list-style: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/*------------- common ------------- */
/*------------- index ------------- */
/*------------- setting ------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

body {
  color: #06213D;
  min-width: 1060px;
}

.sp-on {
  display: none;
}

.section-inner {
  position: relative;
  width: 1060px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main {
  display: block;
  overflow: hidden;
  margin-top: 100px;
}

.opening-area {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: #fff;
}

.opening-area.closed {
  display: none;
}

.opening-area .logo {
  width: 413px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.opening-area .logo img {
  width: 100%;
}

/*------------- Slick Style ------------- */
.slick-slider {
  position: relative;
  -webkit-box-sizing: border-box;
          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: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-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;
}

.slick-track:after, .slick-track:before {
  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;
}

.slick-dots {
  position: absolute;
  bottom: -35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}

.slick-dots li {
  display: inline-block;
  margin: 0 15px;
}

.slick-dots li button {
  position: relative;
  text-indent: -9999px;
}

.slick-dots li button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: solid 4px #C8CFE2;
}

.slick-dots li.slick-active button:before {
  content: '';
  border: solid 4px #00A0E9;
}

.slick-arrow {
  position: relative;
  overflow: hidden;
  text-indent: -999px;
  width: 13px;
  height: 21px;
  z-index: 10;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.slick-arrow:before {
  content: "";
  width: 13px;
  height: 21px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.slick-next {
  position: absolute;
  right: -38px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slick-next:before {
  background: url(../img/common/arrow-pagenation-right.png) no-repeat;
  background-size: 100%;
}

.slick-next:hover {
  -webkit-transform: translate(3px, -50%);
          transform: translate(3px, -50%);
}

.slick-prev {
  position: absolute;
  left: -38px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slick-prev:before {
  background: url(../img/common/arrow-pagenation-left.png) no-repeat;
  background-size: 100%;
}

.slick-prev:hover {
  -webkit-transform: translate(-3px, -50%);
          transform: translate(-3px, -50%);
}

/* the slides */
.slick-slide {
  margin: 0 17.5px;
}

/* the parent */
.slick-list {
  margin: 0 -17.5px;
}

/*------------- icon ------------- */
.area_icon:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
}

.area_icon.white.computer-vision:before {
  background: url(../img/icon/computer-vision_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.natural-language-processing-and-speech-processing:before {
  background: url(../img/icon/natural-language_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.machine-learning-and-deep-learning:before {
  background: url(../img/icon/marchine-learning_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.human-computer-interaction-and-human-robot-interaction:before {
  background: url(../img/icon/hci_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.data-science-and-automl:before {
  background: url(../img/icon/data-science_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.chip:before {
  background: url(../img/icon/chip_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.cluster-and-networking:before {
  background: url(../img/icon/cluster_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.chemoinformatics-and-materials-science:before {
  background: url(../img/icon/chemoinformatics_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.robotics:before {
  background: url(../img/icon/robotics_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.bioinformatics-and-healthcare:before {
  background: url(../img/icon/bioinformatics_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.large-scale-distributed-deep-learning:before {
  background: url(../img/icon/large-scale_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.white.reinforcement-learning:before {
  background: url(../img/icon/reinforcement_white.png) no-repeat;
  background-size: 100%;
}

.area_icon.computer-vision:before {
  background: url(../img/icon/computer-vision.png) no-repeat;
  background-size: 100%;
}

.area_icon.natural-language-processing-and-speech-processing:before {
  background: url(../img/icon/natural-language.png) no-repeat;
  background-size: 100%;
}

.area_icon.machine-learning-and-deep-learning:before {
  background: url(../img/icon/marchine-learning.png) no-repeat;
  background-size: 100%;
}

.area_icon.human-computer-interaction-and-human-robot-interaction:before {
  background: url(../img/icon/hci.png) no-repeat;
  background-size: 100%;
}

.area_icon.data-science-and-automl:before {
  background: url(../img/icon/data-science.png) no-repeat;
  background-size: 100%;
}

.area_icon.chip:before {
  background: url(../img/icon/chip.png) no-repeat;
  background-size: 100%;
}

.area_icon.cluster-and-networking:before {
  background: url(../img/icon/cluster.png) no-repeat;
  background-size: 100%;
}

.area_icon.chemoinformatics-and-materials-science:before {
  background: url(../img/icon/chemoinformatics.png) no-repeat;
  background-size: 100%;
}

.area_icon.robotics:before {
  background: url(../img/icon/robotics.png) no-repeat;
  background-size: 100%;
}

.area_icon.bioinformatics-and-healthcare:before {
  background: url(../img/icon/bioinformatics.png) no-repeat;
  background-size: 100%;
}

.area_icon.large-scale-distributed-deep-learning:before {
  background: url(../img/icon/large-scale.png) no-repeat;
  background-size: 100%;
}

.area_icon.reinforcement-learning:before {
  background: url(../img/icon/reinforcement.png) no-repeat;
  background-size: 100%;
}

/*------------- nav-global ------------- */
nav .navi-global {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav .navi-global.white li.icon-blank a:before {
  background: url(../img/common/icon-blank_white.png) no-repeat;
  background-size: 100%;
}

nav .navi-global.white li a {
  color: #fff;
}

nav .navi-global.white li a:after {
  background-color: #fff;
}

nav .navi-global li {
  margin-left: 38px;
}

nav .navi-global li.icon-blank a {
  padding-right: 14px;
}

nav .navi-global li.icon-blank a:before {
  content: "";
  background: url(../img/common/icon-blank.png) no-repeat;
  width: 9px;
  height: 9px;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

nav .navi-global a {
  position: relative;
  display: inline-block;
  color: #0D318F;
  font-size: 16px;
  letter-spacing: .4px;
  font-weight: bold;
  -webkit-transition: font-size .3s ease;
  transition: font-size .3s ease;
}

nav .navi-global a:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #0D318F;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

nav .navi-global a:hover:after {
  width: 100%;
}

/*------------- 404 ------------- */
.error404 .section-top .section-inner {
  margin-top: 64px;
  text-align: center;
}

.error404 .section-top h2 {
  margin-bottom: 56px;
  font-size: 32px;
  line-height: 1.5;
  color: #0D318F;
}

.error404 .section-top .text-main {
  font-size: 16px;
  line-height: 25.6px;
  color: #06213D;
  margin-bottom: 32px;
}

.error404 .section-top .btn-blue a {
  position: relative;
  display: block;
  width: 180px;
  height: 40px;
  padding-right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  background-color: #0D318F;
  -webkit-transition: border-radius .3s ease;
  transition: border-radius .3s ease;
  -webkit-transition-property: border-radius,letter-spacing;
  transition-property: border-radius,letter-spacing;
  width: 260px;
  height: 54px;
  line-height: 54px;
  font-size: 13px;
  margin: 0 auto;
}

.error404 .section-top .btn-blue a:before {
  content: "";
  background: url(../img/common/icon-btn.png) no-repeat;
  width: 10px;
  height: 6px;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.error404 .section-top .btn-blue a:hover {
  border-radius: 25px;
  letter-spacing: .5px;
}

@media screen and (max-width: 1280px) {
  .error404 .section-top .btn-blue a {
    width: 12.5vw;
    height: 2.77778vw;
    padding-right: 1.66667vw;
    line-height: 2.77778vw;
    font-size: 0.83333vw;
  }
  .error404 .section-top .btn-blue a:before {
    width: 0.69444vw;
    height: 0.41667vw;
    right: 1.04167vw;
  }
}

@media screen and (max-width: 768px) {
  .error404 .section-top .btn-blue a {
    width: 100%;
    font-size: 3.73333vw;
    height: 12.8vw;
    line-height: 12.8vw;
  }
  .error404 .section-top .btn-blue a:before {
    width: 2.66667vw;
    height: 1.6vw;
    right: 5.6vw;
  }
}

/*------------- awards area ------------- */
.thumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 58px;
}

.thumb-list li {
  width: 293px;
  margin-right: 40px;
  margin-bottom: 40px;
}

.thumb-list li:nth-child(3n) {
  margin-right: 0;
}

.thumb-list li .thumb {
  height: 183px;
  margin-bottom: 24px;
  overflow: hidden;
  border: 1px solid #efefef;
}

.thumb-list li .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.thumb-list li .text {
  font-size: 14px;
  line-height: 22.4px;
  margin-bottom: 14px;
}

.thumb-list li .btn-detail a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1.4px;
  color: #0D318F;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.thumb-list li .btn-detail a:before {
  content: "";
  width: 100%;
  border-bottom: solid 2px #0D318F;
  position: absolute;
  left: 0;
  bottom: -8px;
}

.thumb-list li .btn-detail a:hover {
  opacity: .5;
}

.blog-list {
  margin-top: 134px;
}

.blog-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  line-height: 25.6px;
}

.blog-list li a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #0D318F;
  font-weight: bold;
  margin-right: 38px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  font-size: 14px;
}

.blog-list li a:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0D318F;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.blog-list li a:hover {
  opacity: .5;
}

.blog-list li a.icon-blank {
  padding-right: 16px;
}

.blog-list li a.icon-blank:after {
  content: "";
  background: url(../img/common/icon-blank.png) no-repeat;
  background-size: 100%;
  width: 9px;
  height: 9px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.blog-list li .date {
  font-size: 16px;
  margin-right: 34px;
  font-weight: bold;
}

.blog-list li .text {
  font-size: 16px;
  font-weight: bold;
}

.blog-list li .link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
}

/*------------- post-panel ------------- */
.post-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.post-panel {
  width: 336px;
  min-height: 357px;
  margin-right: 26px;
}

.post-panel.big {
  width: 100%;
  min-height: 393px;
  margin-bottom: 48px;
  margin-right: 0;
}

.post-panel.big .date-box {
  margin-top: 0;
}

.post-panel.big .detail-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.post-panel.big .detail-area .detail-box {
  width: 336px;
}

.post-panel.big .thumb {
  width: 698px;
  height: 393px;
}

.post-panel:last-child {
  margin-right: 0;
}

.post-panel a {
  display: block;
  width: 100%;
  height: 100%;
  color: #06213D;
}

.post-panel a:hover .thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.post-panel .thumb {
  width: 100%;
  height: 189px;
  position: relative;
  overflow: hidden;
  border: 1px solid #efefef;
}

.post-panel .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.post-panel .date-box {
  margin: 18px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post-panel .date-box .date {
  color: #616D79;
  font-size: 15px;
  margin-right: 10px;
}

.post-panel .date-box .category {
  color: #0D318F;
  font-size: 12px;
  text-align: center;
  margin-right: 10px;
  padding: 5px 13px;
  border: solid 1px #0D318F;
  border-radius: 15px;
}

.post-panel .text {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 20px;
}

.post-panel .human-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post-panel .human-box figure {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.post-panel .human-box figure img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.post-panel .human-box .name {
  font-size: 12px;
  color: #616D79;
}

/*------------- area-panel ------------- */
.area-panel {
  margin-right: 8px;
  margin-bottom: 8px;
}

.area-panel:last-child {
  margin-right: 0;
}

.area-panel.computer_vision a:before {
  background: url(../img/common/icon-computer_vision_white.png) no-repeat;
  background-size: 100%;
}

.area-panel a {
  position: relative;
  display: inline-block;
  border-radius: 20px;
  font-size: 13px;
  color: #fff;
  letter-spacing: .65px;
  font-weight: bold;
  padding: 10px 18px;
  padding-left: 44px;
  background-color: #0D318F;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.area-panel a:before {
  content: "";
  width: 17px;
  height: 18px;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.area-panel a:hover {
  opacity: .5;
}

/*--------- publications-list --------- */
.publications-list {
  display: block;
  margin-bottom: -26px;
}

.publications-list .item-box {
  width: 100%;
  margin-bottom: 26px;
  position: relative;
  border: solid 1px #E5E5E5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 30px;
}

.publications-list .item-box .title {
  font-size: 23px;
  letter-spacing: 1.15px;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 15px;
}

.publications-list .item-box .title a {
  color: #06213D;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.publications-list .item-box .title a:hover {
  opacity: .5;
}

.publications-list .item-box .location {
  font-size: 16px;
  color: #616D79;
  line-height: 1.57;
  margin-bottom: 24px;
}

.publications-list .item-box .area {
  position: relative;
  color: #0D318F;
  font-size: 12px;
  letter-spacing: .6px;
  font-weight: bold;
  padding-left: 34px;
  margin-bottom: 24px;
}

.publications-list .item-box .area:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.publications-list .item-box .area.computer_vision:before {
  background: url(../img/common/icon-computer_vision.png) no-repeat;
  background-size: 100%;
}

.publications-list .item-box .area a {
  color: #0D318F;
  -webkit-transition: ease opacity .3s;
  transition: ease opacity .3s;
}

.publications-list .item-box .area a:hover {
  opacity: .5;
}

.publications-list .item-box .editor {
  font-size: 16px;
  color: #616D79;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.4;
}

.publications-list .item-box .editor .editor-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.5em;
}

.publications-list .item-box .editor .editor-inner a {
  color: #0D318F;
  font-weight: bold;
  -webkit-transition: ease opacity .3s;
  transition: ease opacity .3s;
}

.publications-list .item-box .editor .editor-inner a:hover {
  opacity: .5;
}

@media screen and (max-width: 1280px) {
  .publications-list {
    margin-bottom: -6.4vw;
  }
  .publications-list .item-box {
    margin-bottom: 6.4vw;
  }
  .publications-list .item-box .title {
    font-size: 5.33333vw;
    margin-bottom: 4.26667vw;
  }
  .publications-list .item-box .location {
    font-size: 3.73333vw;
    margin-bottom: 5.33333vw;
  }
  .publications-list .item-box .area {
    font-size: 3.2vw;
    margin-bottom: 4.8vw;
    padding-left: 9vw;
  }
  .publications-list .item-box .area:before {
    width: 6.4vw;
    height: 6.4vw;
  }
  .publications-list .item-box .editor {
    font-size: 3.2vw;
  }
}

/*------------- tag-panel ------------- */
.tag-panel {
  margin-right: 8px;
  margin-bottom: 8px;
}

.tag-panel:last-child {
  margin-right: 0;
}

.tag-panel a {
  position: relative;
  display: inline-block;
  border-radius: 20px;
  font-size: 13px;
  color: #0D318F;
  letter-spacing: .65px;
  font-weight: bold;
  padding: 10px 18px;
  background-color: #F7F7F7;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.tag-panel a:hover {
  opacity: .5;
}

/*------------- blogSelecter ------------- */
.navi-blogSelecter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 45px 0;
}

.navi-blogSelecter.sp-on {
  display: none;
}

.navi-blogSelecter.input-search {
  margin-bottom: 56px;
}

.navi-blogSelecter .title-select {
  position: relative;
  font-size: 16px;
  line-height: 1;
  color: #616D79;
  font-weight: bold;
  margin-right: 32px;
  width: 128px;
}

.navi-blogSelecter .title-select:before {
  content: "";
  border-right: solid 2px #C2CBE3;
  width: 2px;
  height: 12px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -6px;
}

.navi-blogSelecter .title-select.keyword {
  line-height: 40px;
}

.navi-blogSelecter .text-tag {
  font-weight: bold;
  font-size: 16px;
}

.navi-blogSelecter .list-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 970px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -30px;
}

.navi-blogSelecter li {
  margin-right: 0;
  margin-bottom: 30px;
}

.navi-blogSelecter li a {
  text-decoration: none;
  color: #0D318F;
  font-size: 13px;
  letter-spacing: .65px;
  font-weight: bold;
  padding: 6px 21px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.navi-blogSelecter li.active a {
  color: #fff;
  background-color: #0D318F;
  border-radius: 25px;
}

.navi-blogSelecter li:hover a {
  opacity: .5;
}

/*------------- selected-area ------------- */
.selected-area {
  margin-top: 64px;
  margin-bottom: 45px;
  background-color: #F7F7F7;
  border-radius: 24px;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.selected-area .text {
  font-size: 16px;
}

.selected-area .select {
  font-size: 15px;
  font-weight: bold;
  padding-left: .5em;
  letter-spacing: .75px;
}

@media screen and (max-width: 1280px) {
  .selected-area .selected-area {
    margin-bottom: 4.266vw;
  }
}

@media screen and (max-width: 768px) {
  .selected-area {
    display: block;
  }
  .selected-area .text {
    font-size: 3.73333vw;
  }
  .selected-area .select {
    font-size: 3.73333vw;
    padding-left: 0;
    margin-top: 1.5vw;
  }
}

/*------------- author-area ------------- */
.author-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  margin-bottom: 64px;
  color: #06213D;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 1.25px;
  line-height: 1.6;
  font-weight: 700;
}

.author-area .avatar {
  width: 56px;
  height: 56px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 56px;
}

.author-area .name {
  padding-left: 24px;
}

/*------------- pagenation-area ------------- */
.pagenation-area {
  margin-top: 70px;
}

.pagenation-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagenation-area ul li {
  width: 48px;
  height: 48px;
  margin: 0 9px;
}

.pagenation-area ul li a.page-numbers,
.pagenation-area ul li span.page-numbers {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  text-decoration: none;
  color: #0D318F;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  background-color: #F7F7F7;
  border-radius: 50%;
  line-height: 48px;
}

.pagenation-area ul li a.page-numbers.current,
.pagenation-area ul li span.page-numbers.current {
  background-color: #0D318F;
  color: #fff;
}

.pagenation-area ul li a.page-numbers.prev,
.pagenation-area ul li span.page-numbers.prev {
  content: "";
  background: url(../img/common/arrow-pagenation-left.png) no-repeat center/12px;
  border-radius: 0;
}

.pagenation-area ul li a.page-numbers.next,
.pagenation-area ul li span.page-numbers.next {
  content: "";
  background: url(../img/common/arrow-pagenation-right.png) no-repeat center/12px;
  border-radius: 0;
}

.pagenation-area ul li a {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.pagenation-area ul li a:hover {
  opacity: .5;
}

/*------------- underlayerTitle ------------- */
.underlayerTitle {
  background-color: #0D318F;
  background: -webkit-gradient(linear, left top, right top, color-stop(36%, #0d318f), to(#00a0e9));
  background: -webkit-linear-gradient(left, #0d318f 36%, #00a0e9 100%);
  background: linear-gradient(to right, #0d318f 36%, #00a0e9 100%);
  padding: 28px 0 13px 0;
}

.underlayerTitle h1, .underlayerTitle .title {
  position: relative;
  color: #fff;
  font-size: 40px;
  margin-bottom: 16px;
  letter-spacing: 1.1px;
  line-height: 1;
  font-weight: 700;
}

.underlayerTitle .border {
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#315dbc), to(#319edd));
  background: -webkit-linear-gradient(left, #315dbc 0%, #319edd 100%);
  background: linear-gradient(to right, #315dbc 0%, #319edd 100%);
}

.underlayerTitle .navi-bread {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.underlayerTitle .navi-bread li {
  position: relative;
  margin: 0 15px;
  color: #fff;
  font-size: 12px;
}

.underlayerTitle .navi-bread li:first-child {
  margin-left: 0;
}

.underlayerTitle .navi-bread li:last-child:before {
  display: none;
}

.underlayerTitle .navi-bread li:before {
  content: "/";
  color: #fff;
  position: absolute;
  right: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.underlayerTitle .navi-bread a {
  color: #fff;
  font-size: 12px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.underlayerTitle .navi-bread a:hover {
  opacity: .5;
}

/*------------- header ------------- */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #fff;
  z-index: 100;
  -webkit-transition: height .3s ease;
  transition: height .3s ease;
}

header.small {
  height: 80px;
}

header.small .header-logo {
  width: 300px;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

header.small nav .navi-global li {
  margin-left: 33px;
}

header.small nav .navi-global a {
  font-size: 14px;
}

header.small .extra-area {
  top: 8px;
}

header.small .extra-area .language-box a {
  font-size: 11px;
}

header.small .extra-area .search-box .input-search {
  height: 20px;
}

header .section-inner {
  width: 1280px;
  height: 100%;
}

header .header-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

header .header-box nav {
  margin-top: 6px;
}

header .header-logo {
  width: 413px;
}

header .header-logo img {
  width: 100%;
}

header .extra-area {
  position: absolute;
  right: 0;
  top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: top .3s ease;
  transition: top .3s ease;
}

header .extra-area .search-box {
  position: relative;
  width: 120px;
  height: 100%;
}

header .extra-area .search-box.active .btn-open {
  -webkit-transform: translate(-130px, -50%);
          transform: translate(-130px, -50%);
}

header .extra-area .search-box.active .input-search {
  width: 120px;
}

header .extra-area .search-box .btn-open {
  position: absolute;
  left: -31px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: url(../img/common/icon-search.png) no-repeat;
  background-size: 100%;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
}

header .extra-area .search-box .btn-open:hover {
  cursor: pointer;
  opacity: .5;
}

header .extra-area .search-box .btn-open img {
  width: 100%;
}

header .extra-area .search-box .input-search {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 120px;
  height: 30px;
  font-size: 12px;
  padding-left: .5em;
  border: solid 1px #E8E8E8;
  outline: none;
  background: transparent;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.language-box {
  margin-left: 20px;
  padding-left: 20px;
  border-left: solid 1px #E8E8E8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.language-box .lang-item {
  width: 32px;
  border: solid 1px #E8E8E8;
}

.language-box .lang-item.current-lang {
  background-color: #0D318F;
  border: solid 1px #0D318F;
}

.language-box .lang-item.current-lang a {
  color: #fff;
}

.language-box .lang-item-ja {
  border-radius: 1px 0 0 1px;
}

.language-box .lang-item-en {
  border-radius: 0 1px 1px 0;
}

.language-box a {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #0D318F;
  text-align: center;
  -webkit-transition: font-size .3s ease;
  transition: font-size .3s ease;
  -webkit-transition-property: font-size,opacity;
  transition-property: font-size,opacity;
}

.language-box a:hover {
  opacity: .5;
}

/*------------- footer ------------- */
footer {
  margin-top: 80px;
}

footer .section-grey {
  background-color: #F7F7F7;
  padding: 80px 0 60px 0;
}

footer .section-grey h2 {
  font-size: 34px;
  letter-spacing: .85px;
  color: #0D318F;
  text-align: center;
  margin-bottom: 48px;
}

footer .section-grey .list-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

footer .section-grey .list-thumb li {
  width: 244px;
}

footer .section-grey .list-thumb a {
  display: block;
  width: 100%;
  height: 100%;
}

footer .section-grey .list-thumb a:hover .text:after {
  width: 100%;
}

footer .section-grey .list-thumb figure img {
  width: 100%;
}

footer .section-grey .list-thumb .text {
  display: inline-block;
  position: relative;
  margin-top: 22px;
  font-size: 16px;
  color: #0D318F;
}

footer .section-grey .list-thumb .text:before {
  content: "";
  background: url(../img/common/icon-blank.png) no-repeat;
  width: 9px;
  height: 9px;
  background-size: 100%;
  position: absolute;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

footer .section-grey .list-thumb .text:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #0D318F;
  position: absolute;
  left: 0;
  bottom: -2px;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

footer .section-grey .sns-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .section-grey .sns-area .title {
  margin-right: 40px;
  font-size: 28px;
  color: #0D318F;
  letter-spacing: .7px;
  font-weight: bold;
}

footer .section-grey .sns-area .list-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .section-grey .sns-area li {
  margin-right: 38px;
}

footer .section-grey .sns-area li:last-child {
  margin-right: 0;
}

footer .section-grey .sns-area li img {
  width: 100%;
}

footer .section-grey .sns-area li.tw {
  width: 29px;
}

footer .section-grey .sns-area li.fb {
  width: 28px;
}

footer .section-grey .sns-area li.yt {
  width: 40px;
}

footer .section-grey .sns-area li.ss {
  width: 105px;
}

footer .section-grey .sns-area li a {
  display: block;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

footer .section-grey .sns-area li a:hover {
  opacity: .5;
}

footer .section-blue {
  background-color: #0D318F;
  padding: 48px 0 24px 0;
}

footer .section-blue h2 {
  width: 411px;
  margin: 0 auto;
}

footer .section-blue h2 img {
  width: 100%;
}

footer .section-blue .text {
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.8;
  margin: 43px 0 34px 0;
}

footer .section-blue .navi-global {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}

footer .section-blue .text-copy {
  text-align: center;
  color: #fff;
  font-size: 12px;
}

@media screen and (max-width: 1280px) {
  .slick-arrow {
    width: 0.90278vw;
    height: 1.45833vw;
  }
  .slick-arrow:before {
    width: 100%;
    height: 100%;
  }
  .slick-prev {
    left: -2.63889vw;
  }
  .slick-right {
    right: -2.63889vw;
  }
  /*------------- setting ------------- */
  body {
    min-width: 100%;
  }
  .section-inner {
    width: 100%;
    padding: 0 4.26vw;
    padding: 0 13.2vw;
  }
  main {
    margin-top: 8.33333vw;
  }
  .thumb-list {
    margin-top: 4.02778vw;
  }
  .thumb-list li {
    width: 20.34722vw;
    margin-right: 12.77778vw;
    margin-bottom: 2.77778vw;
  }
  .thumb-list li .thumb {
    height: 12.70833vw;
    margin-bottom: 1.66667vw;
  }
  .thumb-list li .text {
    font-size: 0.97222vw;
    line-height: 1.55556vw;
    margin-bottom: 0.97222vw;
  }
  .thumb-list li .btn-detail a {
    font-size: 0.97222vw;
  }
  .blog-list {
    margin-top: 9.30556vw;
  }
  .blog-list li {
    margin-bottom: 2.77778vw;
    line-height: 1.77778vw;
  }
  .blog-list li a {
    font-size: 0.97222vw;
    margin-right: 2.63889vw;
  }
  .blog-list li .date {
    font-size: 1.11111vw;
    margin-right: 2.36111vw;
  }
  .blog-list li .text {
    font-size: 0.97222vw;
  }
  header {
    height: 8.33333vw;
  }
  header.small {
    height: 5.55556vw;
  }
  header.small .header-logo {
    width: 20.83333vw;
  }
  header.small .extra-area {
    top: 0.55556vw;
  }
  header.small .extra-area .language-box a {
    font-size: 0.76389vw;
  }
  header.small nav .navi-global a {
    font-size: 0.97222vw;
  }
  header .section-inner {
    width: 100%;
    padding: 0 5.55vw;
  }
  header h1 {
    width: 28.68056vw;
  }
  header .header-box nav {
    margin-top: 0.69444vw;
  }
  header .extra-area {
    top: 1.11111vw;
    right: 5.55vw;
    height: 1.18056vw;
  }
  header .extra-area .search-box {
    width: 8.33333vw;
  }
  header .extra-area .search-box .btn-open {
    width: 0.97222vw;
    height: 0.97222vw;
  }
  header .extra-area .search-box .input-search {
    width: 8.33333vw;
    height: 1.38889vw;
  }
  header .extra-area .language-box {
    margin-left: 1.38889vw;
    padding-left: 1.38889vw;
  }
  header .extra-area .language-box .lang-item {
    width: 2.22222vw;
  }
  header .extra-area .language-box a {
    font-size: 0.97222vw;
  }
  nav .navi-global li {
    margin-left: 2.63889vw;
  }
  nav .navi-global a {
    font-size: 1.11111vw;
  }
  .post-panel {
    width: 22.7vw;
    min-height: 24.8vw;
    margin-right: 1.80556vw;
  }
  .post-panel.big {
    min-height: 27.3vw;
    margin-bottom: 3.33333vw;
  }
  .post-panel.big .thumb {
    width: 48.47222vw;
    height: 27.29167vw;
  }
  .post-panel.big .detail-area .detail-box {
    width: 21.66667vw;
  }
  .post-panel .thumb {
    height: 13.125vw;
  }
  .post-panel .text {
    font-size: 1.38889vw;
    margin-bottom: 1.38889vw;
  }
  .post-panel .date-box {
    margin: 1.25vw 0 1.875vw 0;
  }
  .post-panel .date-box .date {
    font-size: 1.04167vw;
    margin-right: 0.69444vw;
  }
  .post-panel .date-box .category {
    font-size: 0.83333vw;
    padding: .34vw .9vw;
  }
  .post-panel .human-box figure {
    width: 2.5vw;
    height: 2.5vw;
    margin-right: 0.69444vw;
  }
  .post-panel .human-box .name {
    font-size: 0.83333vw;
  }
  .area-panel {
    margin-right: 0.55556vw;
    margin-bottom: 0.55556vw;
  }
  .area-panel a {
    font-size: 0.90278vw;
    padding: .7vw 1.25vw;
    padding-left: 3.05556vw;
  }
  .area-panel a:before {
    width: 1.18056vw;
    height: 1.25vw;
    left: 1.38889vw;
  }
  .tag-panel {
    margin-right: 0.55556vw;
    margin-bottom: 0.55556vw;
  }
  .tag-panel a {
    font-size: 0.90278vw;
    padding: .69vw 1.25vw;
  }
  .underlayerTitle {
    padding: 1.944vw 0 .9vw 0;
  }
  .underlayerTitle .navi-bread {
    margin-top: 0.83333vw;
  }
  .underlayerTitle .navi-bread li {
    margin: 0 1.04vw;
  }
  .underlayerTitle .navi-bread li:before {
    font-size: 0.83333vw;
    right: -1.04167vw;
  }
  .underlayerTitle .navi-bread a, .underlayerTitle .navi-bread p {
    font-size: 0.83333vw;
  }
  .navi-blogSelecter {
    margin: 3.125vw 0;
  }
  .navi-blogSelecter li {
    margin-bottom: 2.08333vw;
  }
  .navi-blogSelecter li a {
    font-size: 0.90278vw;
    padding: .416vw 1.45vw;
  }
  .navi-blogSelecter .title-select {
    font-size: 1.11111vw;
    margin-right: 2.22222vw;
    width: 8.88889vw;
  }
  .navi-blogSelecter .title-select:before {
    width: 0.13889vw;
    height: 0.83333vw;
    margin-top: -0.41667vw;
  }
  .navi-blogSelecter .list-category {
    width: 67.36111vw;
    margin-bottom: -2.08333vw;
  }
  .pagenation-area {
    margin-top: 4.86111vw;
  }
  .pagenation-area .page-list li {
    width: 3.33333vw;
    height: 3.33333vw;
    margin: 0 .625vw;
  }
  .pagenation-area .page-list li:first-child:before {
    width: 0.83333vw;
    height: 1.38889vw;
    left: -3.68056vw;
  }
  .pagenation-area .page-list li:last-child:before {
    width: 0.83333vw;
    height: 1.38889vw;
    right: -3.68056vw;
  }
  .pagenation-area .page-list li a.page-numbers,
  .pagenation-area .page-list li span.page-numbers {
    font-size: 1.04167vw;
    line-height: 3.33333vw;
  }
  footer {
    margin-top: 5.55556vw;
  }
  footer .section-grey {
    padding: 5.55vw 0 4.166vw 0;
  }
  footer .section-grey h2 {
    font-size: 2.36111vw;
    margin-bottom: 3.33333vw;
  }
  footer .section-grey .list-thumb {
    margin-bottom: 2.77778vw;
  }
  footer .section-grey .list-thumb li {
    width: 16.94444vw;
  }
  footer .section-grey .list-thumb .text {
    font-size: 1.11111vw;
    margin-top: 1.52778vw;
  }
  footer .section-grey .sns-area .title {
    margin-right: 2.77778vw;
    font-size: 1.94444vw;
  }
  footer .section-grey .sns-area li {
    margin-right: 2.63889vw;
  }
  footer .section-grey .sns-area li.tw {
    width: 2.01389vw;
  }
  footer .section-grey .sns-area li.fb {
    width: 1.94444vw;
  }
  footer .section-grey .sns-area li.yt {
    width: 2.77778vw;
  }
  footer .section-grey .sns-area li.ss {
    width: 7.29167vw;
  }
  footer .section-blue {
    padding: 3.33vw 0 1.66vw 0;
  }
  footer .section-blue h2 {
    width: 28.54167vw;
  }
  footer .section-blue .text {
    font-size: 0.97222vw;
    margin: 3vw 0 2.36vw 0;
  }
  footer .section-blue .navi-global {
    margin-bottom: 2.77778vw;
  }
  footer .section-blue .text-copy {
    font-size: 0.83333vw;
  }
}

@media screen and (max-width: 768px) {
  .sp-none {
    display: none;
  }
  .sp-on {
    display: block;
  }
  .section-inner {
    padding: 0 4.26vw;
  }
  main {
    margin-top: 16vw;
  }
  .error404 .section-top .section-inner {
    margin-top: 10.66667vw;
  }
  .error404 .section-top h2 {
    font-size: 5.86667vw;
    margin-bottom: 10.66667vw;
  }
  .error404 .section-top .text-main {
    text-align: left;
  }
  .error404 .section-top .btn-blue a {
    width: 64vw;
  }
  .thumb-list {
    display: block;
    margin-top: 8vw;
  }
  .thumb-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10.66667vw;
  }
  .thumb-list li .thumb {
    margin-bottom: 3.2vw;
    height: 57.06667vw;
  }
  .thumb-list li .text {
    margin-bottom: 3.2vw;
    font-size: 3.7333vw;
  }
  .thumb-list li .btn-detail a {
    font-size: 3.73333vw;
    letter-spacing: 0.37333vw;
  }
  .blog-list {
    margin-top: 21.33333vw;
  }
  .blog-list li {
    display: block;
    margin-bottom: 10.66667vw;
    line-height: 5.22667vw;
  }
  .blog-list li a {
    margin-right: 8vw;
    font-size: 3.2vw;
  }
  .blog-list li a.icon-blank {
    padding-right: 4vw;
  }
  .blog-list li a.icon-blank:after {
    width: 3vw;
    height: 3vw;
  }
  .blog-list li .date {
    font-size: 4.26667vw;
    margin-right: 4.26667vw;
  }
  .blog-list li .text {
    width: 100%;
    font-size: 3.73333vw;
    margin-top: 2vw;
  }
  .blog-list li .link-box {
    margin-top: 2vw;
  }
  .opening-area .logo {
    width: 70vw;
  }
  .slick-arrow {
    width: 2.90278vw;
    height: 5.45833vw;
  }
  .slick-prev {
    left: 0;
    top: 14vw;
  }
  .slick-next {
    right: 0;
    top: 13.5vw;
  }
  .navi-blogSelecter {
    display: none;
  }
  .navi-blogSelecter.sp-on {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4.266vw 0;
  }
  .navi-blogSelecter.sp-on .title-select {
    font-size: 3.73333vw;
    width: 23.46667vw;
    margin-right: 6.4vw;
    line-height: 10.66667vw;
  }
  .navi-blogSelecter.sp-on .title-select:before {
    width: 2px;
    height: 3.2vw;
    margin-top: -1.6vw;
  }
  .navi-blogSelecter.sp-on select {
    position: relative;
    width: 57.33333vw;
    background: url(../img/common/arrow-bottom-white.png) no-repeat 90% center;
    background-size: 3.73333vw 2.46667vw;
    background-color: #0D318F;
    height: 10.66667vw;
    padding-left: 6.4vw;
    font-size: 4.26667vw;
    color: #fff;
    font-weight: bold;
    border-radius: 20px;
    border: none;
  }
  .post-area {
    display: block;
  }
  .area-panel {
    margin-bottom: 2.13333vw;
    margin-right: 2.13333vw;
  }
  .area-panel a {
    font-size: 2.66667vw;
    padding: 2.66vw 3.46vw;
    padding-left: 9.33333vw;
  }
  .area-panel a:before {
    width: 3.18056vw;
    height: 3.25vw;
    left: 3.38889vw;
  }
  .pagenation-area {
    margin-top: 14.4vw;
  }
  .pagenation-area .page-list li {
    width: 12.8vw;
    height: 12.8vw;
  }
  .pagenation-area .page-list li:first-child:before {
    width: 3.73333vw;
    height: 5.86667vw;
    left: -10vw;
  }
  .pagenation-area .page-list li:last-child:before {
    width: 3.73333vw;
    height: 6.4vw;
    right: -10vw;
  }
  .pagenation-area .page-list li a.page-numbers,
  .pagenation-area .page-list li span.page-numbers {
    line-height: 12.8vw;
    font-size: 4vw;
  }
  .underlayerTitle {
    padding: 8vw 0 3.46vw 0;
  }
  .underlayerTitle h1, .underlayerTitle .title {
    font-size: 8.53333vw;
    margin-bottom: 6.13333vw;
  }
  .underlayerTitle .navi-bread {
    margin-top: 3.46vw;
    overflow-x: scroll;
    width: 100%;
  }
  .underlayerTitle .navi-bread li {
    margin: 0 2vw;
    white-space: nowrap;
  }
  .underlayerTitle .navi-bread li:before {
    font-size: 3.2vw;
    right: -2.2vw;
  }
  .underlayerTitle .navi-bread a, .underlayerTitle .navi-bread p {
    font-size: 3.2vw;
  }
  .post-panel {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8.53333vw;
  }
  .post-panel.big {
    margin-bottom: 8.53333vw;
  }
  .post-panel.big .detail-area {
    display: block;
  }
  .post-panel.big .detail-area .detail-box {
    width: 100%;
  }
  .post-panel.big .thumb {
    width: 100%;
    height: 51.46667vw;
  }
  .post-panel.big .date-box {
    margin: 4.26vw 0;
  }
  .post-panel .date-box {
    margin: 4.26vw 0;
  }
  .post-panel .date-box .date {
    font-size: 4vw;
    margin-right: 2.66667vw;
  }
  .post-panel .date-box .category {
    font-size: 3.2vw;
    padding: 1vw 2vw;
  }
  .post-panel .thumb {
    height: 51.46667vw;
  }
  .post-panel .text {
    font-size: 5.86667vw;
    letter-spacing: 0.29333vw;
    margin-bottom: 2.66667vw;
  }
  .post-panel .human-box figure {
    width: 9.6vw;
    height: 9.6vw;
    margin-right: 2.13333vw;
  }
  .post-panel .human-box .name {
    font-size: 3.2vw;
  }
  .tag-panel {
    margin-right: 2.13333vw;
    margin-bottom: 2.13333vw;
  }
  .tag-panel a {
    font-size: 3.46667vw;
    padding: 3.2vw 4.26vw;
  }
  header {
    height: 16vw;
  }
  header.small {
    height: 13vw;
  }
  header.small .header-logo {
    width: 59.83333vw;
  }
  header nav {
    display: none;
  }
  header .header-logo {
    width: 67.46667vw;
    z-index: 450;
  }
  header .blue-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0D318F;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
  }
  header .blue-panel.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  header .extra-area {
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
  }
  header .extra-area .language-box {
    display: none;
  }
  header .extra-area .search-box {
    width: 100%;
    height: 100%;
  }
  header .extra-area .search-box .btn-open {
    position: absolute;
    width: 4vw;
    height: 4vw;
    left: 80vw;
    background: url(../img/common/icon-search.png) no-repeat;
    background-size: 100%;
    z-index: 100;
  }
  header .extra-area .search-box .btn-open.white {
    background: url(../img/common/icon-search_white.png) no-repeat;
    background-size: 100%;
  }
  header .extra-area .search-box input {
    display: none;
  }
  header .input-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0D318F;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    z-index: 500;
  }
  header .input-area.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  header .input-area .input-search {
    margin-left: 5vw;
    color: #fff;
    font-size: 4.53333vw;
    border: none;
    outline: none;
    background: transparent;
  }
  header .input-area input::-webkit-input-placeholder {
    color: #fff;
  }
  header .input-area input::-moz-placeholder {
    color: #fff;
  }
  header .input-area input:-ms-input-placeholder {
    color: #fff;
  }
  header .input-area input::-ms-input-placeholder {
    color: #fff;
  }
  header .input-area input::placeholder {
    color: #fff;
  }
  header .input-area .btn-open {
    position: absolute;
    width: 4vw;
    height: 4vw;
    right: 16vw;
    background: url(../img/common/icon-search_white.png) no-repeat;
    background-size: 100%;
  }
  header .input-area .humberger-btn span {
    background-color: #fff;
  }
  header .humberger-btn {
    width: 5.06667vw;
    height: 3.2vw;
    position: absolute;
    top: 50%;
    right: 5.55vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 400;
  }
  header .humberger-btn.active span {
    background-color: #fff;
  }
  header .humberger-btn.active span:nth-child(1) {
    -webkit-transform: translateY(1.3vw) rotate(45deg);
            transform: translateY(1.3vw) rotate(45deg);
  }
  header .humberger-btn.active span:nth-child(2) {
    opacity: 0;
  }
  header .humberger-btn.active span:nth-child(3) {
    -webkit-transform: translateY(-1.3vw) rotate(-45deg);
            transform: translateY(-1.3vw) rotate(-45deg);
  }
  header .humberger-btn .inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
  header .humberger-btn span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.53333vw;
    background-color: #0D318F;
    display: inline-block;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-property: opacity,background-color,-webkit-transform;
    transition-property: opacity,background-color,-webkit-transform;
    transition-property: transform,opacity,background-color;
    transition-property: transform,opacity,background-color,-webkit-transform;
  }
  header .humberger-btn span:nth-child(2) {
    top: 1.33333vw;
  }
  header .humberger-btn span:nth-child(3) {
    top: 2.66667vw;
  }
  header .humberger-menu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #0D318F;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
  }
  header .humberger-menu.active {
    visibility: visible;
    opacity: 1;
  }
  header .humberger-menu.active .list li {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  header .humberger-menu .inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 4.26vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  header .humberger-menu .title-box {
    border-bottom: solid 1px #D8D8D8;
  }
  header .humberger-menu .title {
    width: 67.46667vw;
    padding: 4.53vw;
    z-index: 450;
    position: relative;
  }
  header .humberger-menu .title img {
    width: 100%;
  }
  header .humberger-menu nav {
    display: block;
  }
  header .humberger-menu .list {
    margin-top: 10.66667vw;
  }
  header .humberger-menu .list li {
    margin-bottom: 6.93333vw;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
  }
  header .humberger-menu .list li:nth-child(1) {
    -webkit-transition: 0.3s ease 0.1s;
    transition: 0.3s ease 0.1s;
  }
  header .humberger-menu .list li:nth-child(2) {
    -webkit-transition: 0.3s ease 0.15s;
    transition: 0.3s ease 0.15s;
  }
  header .humberger-menu .list li:nth-child(3) {
    -webkit-transition: 0.3s ease 0.2s;
    transition: 0.3s ease 0.2s;
  }
  header .humberger-menu .list li:nth-child(4) {
    -webkit-transition: 0.3s ease 0.25s;
    transition: 0.3s ease 0.25s;
  }
  header .humberger-menu .list li:nth-child(5) {
    -webkit-transition: 0.3s ease 0.3s;
    transition: 0.3s ease 0.3s;
  }
  header .humberger-menu .list li.icon-blank a:before {
    content: "";
    background: url(../img/common/icon-blank_white.png) no-repeat;
    background-size: 100%;
    width: 2.4vw;
    height: 2.4vw;
    position: absolute;
    right: -5vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header .humberger-menu .list a {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 6.93333vw;
  }
  header .humberger-menu .language-box {
    width: 21.33333vw;
    margin-left: auto;
    padding-left: 0;
    border-left: none;
    border: solid 1px #fff;
    border-radius: 2px;
  }
  header .humberger-menu .language-box a {
    color: #fff;
    font-size: 3.73333vw;
    padding: 1.33vw 0;
  }
  header .humberger-menu .language-box .lang-item {
    border: none;
    width: 50%;
  }
  header .humberger-menu .language-box .lang-item.current-lang {
    background-color: #fff;
  }
  header .humberger-menu .language-box .lang-item.current-lang a {
    color: #0D318F;
  }
  footer {
    margin-top: 13.86667vw;
  }
  footer .section-grey {
    padding: 11.2vw 0 13.3vw 0;
  }
  footer .section-grey h2 {
    font-size: 7.46667vw;
    margin-bottom: 8vw;
    text-align: left;
  }
  footer .section-grey .list-thumb {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .section-grey .list-thumb li {
    width: 43.73333vw;
    margin-bottom: 5.33333vw;
  }
  footer .section-grey .list-thumb .text {
    font-size: 4.26667vw;
  }
  footer .section-grey .list-thumb .text:before {
    width: 2.4vw;
    height: 2.4vw;
    right: -4vw;
  }
  footer .section-grey .sns-area {
    display: block;
  }
  footer .section-grey .sns-area .title {
    font-size: 7.46667vw;
    margin-bottom: 7.2vw;
    margin-right: 0;
  }
  footer .section-grey .sns-area li {
    margin-right: 10.13333vw;
  }
  footer .section-grey .sns-area li.tw {
    width: 7.46667vw;
  }
  footer .section-grey .sns-area li.fb {
    width: 7.46667vw;
  }
  footer .section-grey .sns-area li.yt {
    width: 8.53333vw;
  }
  footer .section-grey .sns-area li.ss {
    width: 28vw;
  }
  footer .section-blue {
    padding: 8.53vw 0 4.8vw 0;
  }
  footer .section-blue h2 {
    width: 68vw;
    margin: 0;
  }
  footer .section-blue .text {
    text-align: left;
    font-size: 3.2vw;
    line-height: 2;
    margin-bottom: 5.33333vw;
  }
  footer .section-blue nav .navi-global {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  footer .section-blue nav .navi-global li {
    width: 42.66667vw;
    margin-left: 0;
    margin-right: 3vw;
    margin-bottom: 4.26667vw;
  }
  footer .section-blue nav .navi-global li a {
    font-size: 4.26667vw;
  }
  footer .section-blue .text-copy {
    font-size: 3.2vw;
  }
}

.home .section-top {
  height: 360px;
  background: url(../img/index/pict-main.jpg) no-repeat center center;
  background-size: cover;
  margin-bottom: 50px;
}

.home .section-top .section-inner {
  height: 100%;
}

.home .section-top .text-box {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home .section-top .catch {
  font-size: 46px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1.05px;
  line-height: 1.1739;
  text-align: center;
  margin-bottom: 7px;
}

.home .section-top figure {
  width: 206px;
  margin: 0 auto;
}

.home .section-top figure img {
  width: 100%;
}

.home .section-post {
  margin-bottom: 87px;
  position: relative;
}

.home .section-post h2 {
  font-size: 43px;
  color: #0D318F;
  letter-spacing: 1.08px;
  line-height: 1;
  margin-bottom: 48px;
}

@media screen and (max-width: 1060px) {
  .home .section-post h2 {
    font-size: 2.91667vw;
    margin-bottom: 3.33333vw;
  }
}

@media screen and (max-width: 768px) {
  .home .section-post h2 {
    font-size: 8.53333vw;
    letter-spacing: 0.21333vw;
    margin-bottom: 5.33333vw;
  }
}

.home .section-post .btn-post {
  position: absolute;
  right: 0;
  top: 0;
}

.home .section-post .btn-post a {
  position: relative;
  display: block;
  width: 180px;
  height: 40px;
  padding-right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  background-color: #0D318F;
  -webkit-transition: border-radius .3s ease;
  transition: border-radius .3s ease;
  -webkit-transition-property: border-radius,letter-spacing;
  transition-property: border-radius,letter-spacing;
}

.home .section-post .btn-post a:before {
  content: "";
  background: url(../img/common/icon-btn.png) no-repeat;
  width: 10px;
  height: 6px;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.home .section-post .btn-post a:hover {
  border-radius: 25px;
  letter-spacing: .5px;
}

@media screen and (max-width: 1280px) {
  .home .section-post .btn-post a {
    width: 12.5vw;
    height: 2.77778vw;
    padding-right: 1.66667vw;
    line-height: 2.77778vw;
    font-size: 0.83333vw;
  }
  .home .section-post .btn-post a:before {
    width: 0.69444vw;
    height: 0.41667vw;
    right: 1.04167vw;
  }
}

@media screen and (max-width: 768px) {
  .home .section-post .btn-post a {
    width: 100%;
    font-size: 3.73333vw;
    height: 12.8vw;
    line-height: 12.8vw;
  }
  .home .section-post .btn-post a:before {
    width: 2.66667vw;
    height: 1.6vw;
    right: 5.6vw;
  }
}

.home .section-tag {
  padding: 80px 0 0 0;
  border-top: solid 2px #E8E8E8;
}

.home .section-tag h2 {
  font-size: 43px;
  color: #0D318F;
  letter-spacing: 1.08px;
  line-height: 1;
  margin-bottom: 48px;
  text-align: center;
}

@media screen and (max-width: 1060px) {
  .home .section-tag h2 {
    font-size: 2.91667vw;
    margin-bottom: 3.33333vw;
  }
}

@media screen and (max-width: 768px) {
  .home .section-tag h2 {
    font-size: 8.53333vw;
    letter-spacing: 0.21333vw;
    margin-bottom: 5.33333vw;
  }
}

.home .section-tag .tag-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 800px;
  margin: 0 auto;
}

.home .section-tag .btn-post {
  margin-top: 48px;
}

.home .section-tag .btn-post a {
  position: relative;
  display: block;
  width: 180px;
  height: 40px;
  padding-right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  background-color: #0D318F;
  -webkit-transition: border-radius .3s ease;
  transition: border-radius .3s ease;
  -webkit-transition-property: border-radius,letter-spacing;
  transition-property: border-radius,letter-spacing;
  width: 260px;
  height: 54px;
  line-height: 54px;
  font-size: 13px;
  margin: 0 auto;
}

.home .section-tag .btn-post a:before {
  content: "";
  background: url(../img/common/icon-btn.png) no-repeat;
  width: 10px;
  height: 6px;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.home .section-tag .btn-post a:hover {
  border-radius: 25px;
  letter-spacing: .5px;
}

@media screen and (max-width: 1280px) {
  .home .section-tag .btn-post a {
    width: 12.5vw;
    height: 2.77778vw;
    padding-right: 1.66667vw;
    line-height: 2.77778vw;
    font-size: 0.83333vw;
  }
  .home .section-tag .btn-post a:before {
    width: 0.69444vw;
    height: 0.41667vw;
    right: 1.04167vw;
  }
}

@media screen and (max-width: 768px) {
  .home .section-tag .btn-post a {
    width: 100%;
    font-size: 3.73333vw;
    height: 12.8vw;
    line-height: 12.8vw;
  }
  .home .section-tag .btn-post a:before {
    width: 2.66667vw;
    height: 1.6vw;
    right: 5.6vw;
  }
}

.blog .text-location,
.archive .text-location,
.single-publications .text-location,
.single-post .text-location {
  font-size: 16px;
  color: #616D79;
  margin-bottom: 20px;
}

.blog .text-editor,
.archive .text-editor,
.single-publications .text-editor,
.single-post .text-editor {
  margin-top: 30px;
  padding-bottom: 16px;
  font-size: 12px;
  color: #616D79;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  line-height: 1.6;
}

.blog .text-editor .editor-inner,
.archive .text-editor .editor-inner,
.single-publications .text-editor .editor-inner,
.single-post .text-editor .editor-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.5em;
}

.blog .text-editor a,
.archive .text-editor a,
.single-publications .text-editor a,
.single-post .text-editor a {
  color: #0D318F;
  font-weight: bold;
  -webkit-transition: ease opacity .3s;
  transition: ease opacity .3s;
}

.blog .text-editor a:hover,
.archive .text-editor a:hover,
.single-publications .text-editor a:hover,
.single-post .text-editor a:hover {
  opacity: .5;
}

.blog .section-blog .post-area,
.archive .section-blog .post-area,
.single-publications .section-blog .post-area,
.single-post .section-blog .post-area {
  margin-top: 65px;
  margin-bottom: -60px;
}

.blog .section-blog .post-area .post-panel,
.archive .section-blog .post-area .post-panel,
.single-publications .section-blog .post-area .post-panel,
.single-post .section-blog .post-area .post-panel {
  margin-bottom: 60px;
}

.blog .section-blog .post-area .post-panel:nth-child(3n),
.archive .section-blog .post-area .post-panel:nth-child(3n),
.single-publications .section-blog .post-area .post-panel:nth-child(3n),
.single-post .section-blog .post-area .post-panel:nth-child(3n) {
  margin-right: 0;
}

.blog .section-detail,
.archive .section-detail,
.single-publications .section-detail,
.single-post .section-detail {
  margin-top: 65px;
}

.blog .section-detail .section-inner,
.archive .section-detail .section-inner,
.single-publications .section-detail .section-inner,
.single-post .section-detail .section-inner {
  width: 700px;
}

.blog .section-detail .option-box,
.archive .section-detail .option-box,
.single-publications .section-detail .option-box,
.single-post .section-detail .option-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.blog .section-detail .option-box .date,
.archive .section-detail .option-box .date,
.single-publications .section-detail .option-box .date,
.single-post .section-detail .option-box .date {
  font-size: 14px;
  color: #616D79;
  margin-right: 16px;
  font-weight: bold;
}

.blog .section-detail .option-box .category,
.archive .section-detail .option-box .category,
.single-publications .section-detail .option-box .category,
.single-post .section-detail .option-box .category {
  font-size: 12px;
  color: #0D318F;
  margin-right: 10px;
  padding: 4px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #0D318F;
  border-radius: 11px;
}

.blog .section-detail .option-box .category a,
.archive .section-detail .option-box .category a,
.single-publications .section-detail .option-box .category a,
.single-post .section-detail .option-box .category a {
  color: #0D318F;
  text-decoration: none;
}

.blog .section-detail h1,
.archive .section-detail h1,
.single-publications .section-detail h1,
.single-post .section-detail h1 {
  font-size: 35px;
  font-weight: bold;
  letter-spacing: 1.75px;
  line-height: 1.34;
  margin-bottom: 30px;
}

.blog .section-detail .select-area,
.archive .section-detail .select-area,
.single-publications .section-detail .select-area,
.single-post .section-detail .select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}

.blog .section-detail .select-area .title,
.archive .section-detail .select-area .title,
.single-publications .section-detail .select-area .title,
.single-post .section-detail .select-area .title {
  width: 50px;
  font-size: 16px;
  font-weight: bold;
}

.blog .section-detail .select-area .select-box,
.archive .section-detail .select-area .select-box,
.single-publications .section-detail .select-area .select-box,
.single-post .section-detail .select-area .select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -8px;
}

.blog .section-detail .human-box,
.archive .section-detail .human-box,
.single-publications .section-detail .human-box,
.single-post .section-detail .human-box {
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .section-detail .human-box:hover,
.archive .section-detail .human-box:hover,
.single-publications .section-detail .human-box:hover,
.single-post .section-detail .human-box:hover {
  opacity: .5;
}

.blog .section-detail .human-box figure,
.archive .section-detail .human-box figure,
.single-publications .section-detail .human-box figure,
.single-post .section-detail .human-box figure {
  display: inline-block;
  width: 36px;
  margin-right: 13px;
}

.blog .section-detail .human-box figure img,
.archive .section-detail .human-box figure img,
.single-publications .section-detail .human-box figure img,
.single-post .section-detail .human-box figure img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.blog .section-detail .human-box .name-box,
.archive .section-detail .human-box .name-box,
.single-publications .section-detail .human-box .name-box,
.single-post .section-detail .human-box .name-box {
  display: inline-block;
  font-size: 14px;
  color: #616D79;
}

.blog .section-detail .human-box .name-box .name,
.archive .section-detail .human-box .name-box .name,
.single-publications .section-detail .human-box .name-box .name,
.single-post .section-detail .human-box .name-box .name {
  font-weight: bold;
  margin-bottom: 8px;
}

.blog .section-detail .content-area,
.archive .section-detail .content-area,
.single-publications .section-detail .content-area,
.single-post .section-detail .content-area {
  position: relative;
  margin-top: 16px;
  padding-top: 48px;
  border-top: solid 1px #E8E8E8;
}

.blog .section-detail .content-area > *:first-child,
.archive .section-detail .content-area > *:first-child,
.single-publications .section-detail .content-area > *:first-child,
.single-post .section-detail .content-area > *:first-child {
  margin-top: 0;
}

.blog .section-detail .content-area h2,
.archive .section-detail .content-area h2,
.single-publications .section-detail .content-area h2,
.single-post .section-detail .content-area h2 {
  font-size: 23px;
  letter-spacing: 1.15px;
  line-height: 1.565;
  margin: 36px 0;
}

.blog .section-detail .content-area h3,
.archive .section-detail .content-area h3,
.single-publications .section-detail .content-area h3,
.single-post .section-detail .content-area h3 {
  font-size: 21px;
  letter-spacing: 1.05px;
  line-height: 1.61;
  margin: 20px 0;
}

.blog .section-detail .content-area h4,
.archive .section-detail .content-area h4,
.single-publications .section-detail .content-area h4,
.single-post .section-detail .content-area h4 {
  font-size: 19px;
  letter-spacing: .95px;
  line-height: 1.73;
  margin: 20px 0;
}

.blog .section-detail .content-area h5,
.archive .section-detail .content-area h5,
.single-publications .section-detail .content-area h5,
.single-post .section-detail .content-area h5 {
  font-size: 17px;
  letter-spacing: .85px;
  line-height: 2.11;
  margin: 20px 0;
}

.blog .section-detail .content-area p,
.archive .section-detail .content-area p,
.single-publications .section-detail .content-area p,
.single-post .section-detail .content-area p {
  font-size: 17px;
  letter-spacing: .85;
  line-height: 2.12;
  margin-bottom: 36px;
}

.blog .section-detail .content-area blockquote,
.archive .section-detail .content-area blockquote,
.single-publications .section-detail .content-area blockquote,
.single-post .section-detail .content-area blockquote {
  font-size: 17px;
  letter-spacing: .85px;
  line-height: 2.11;
  margin-bottom: 30px;
  padding-left: 20px;
  border-left: solid 3px #06213D;
}

.blog .section-detail .content-area ul,
.archive .section-detail .content-area ul,
.single-publications .section-detail .content-area ul,
.single-post .section-detail .content-area ul {
  margin-bottom: 30px;
}

.blog .section-detail .content-area ul li,
.archive .section-detail .content-area ul li,
.single-publications .section-detail .content-area ul li,
.single-post .section-detail .content-area ul li {
  font-size: 17px;
  line-height: 25.6px;
  color: #06213D;
  margin-bottom: 16px;
  text-indent: -1.4em;
  padding-left: 1em;
}

.blog .section-detail .content-area ul li:before,
.archive .section-detail .content-area ul li:before,
.single-publications .section-detail .content-area ul li:before,
.single-post .section-detail .content-area ul li:before {
  content: "・";
  font-size: 16px;
  color: #0D318F;
  font-weight: bold;
  margin-right: 5px;
}

.blog .section-detail .content-area ul li ul, .blog .section-detail .content-area ul li ol,
.archive .section-detail .content-area ul li ul,
.archive .section-detail .content-area ul li ol,
.single-publications .section-detail .content-area ul li ul,
.single-publications .section-detail .content-area ul li ol,
.single-post .section-detail .content-area ul li ul,
.single-post .section-detail .content-area ul li ol {
  margin-left: 24px;
  margin-top: 16px;
}

.blog .section-detail .content-area ol,
.archive .section-detail .content-area ol,
.single-publications .section-detail .content-area ol,
.single-post .section-detail .content-area ol {
  counter-reset: li;
  list-style: none;
  margin-bottom: 30px;
}

.blog .section-detail .content-area ol li,
.archive .section-detail .content-area ol li,
.single-publications .section-detail .content-area ol li,
.single-post .section-detail .content-area ol li {
  font-size: 17px;
  line-height: 25.6px;
  color: #06213D;
  margin-bottom: 16px;
  text-indent: -1.4em;
  padding-left: 1em;
}

.blog .section-detail .content-area ol li:before,
.archive .section-detail .content-area ol li:before,
.single-publications .section-detail .content-area ol li:before,
.single-post .section-detail .content-area ol li:before {
  font-size: 17px;
  color: #0D318F;
  font-weight: bold;
  counter-increment: li;
  margin-right: 5px;
  content: counter(li) ". ";
}

.blog .section-detail .content-area ol li ol, .blog .section-detail .content-area ol li ul,
.archive .section-detail .content-area ol li ol,
.archive .section-detail .content-area ol li ul,
.single-publications .section-detail .content-area ol li ol,
.single-publications .section-detail .content-area ol li ul,
.single-post .section-detail .content-area ol li ol,
.single-post .section-detail .content-area ol li ul {
  margin-left: 24px;
  margin-top: 16px;
}

.blog .section-detail .content-area ol li ul li:before,
.archive .section-detail .content-area ol li ul li:before,
.single-publications .section-detail .content-area ol li ul li:before,
.single-post .section-detail .content-area ol li ul li:before {
  content: "・";
  font-size: 17px;
  color: #06213D;
  font-weight: bold;
  margin-right: 5px;
}

.blog .section-detail .content-area table,
.archive .section-detail .content-area table,
.single-publications .section-detail .content-area table,
.single-post .section-detail .content-area table {
  margin-bottom: 30px;
  border: solid 1px #F7F7F7;
}

.blog .section-detail .content-area table tr:last-child td,
.archive .section-detail .content-area table tr:last-child td,
.single-publications .section-detail .content-area table tr:last-child td,
.single-post .section-detail .content-area table tr:last-child td {
  border-bottom: none;
}

.blog .section-detail .content-area table th,
.archive .section-detail .content-area table th,
.single-publications .section-detail .content-area table th,
.single-post .section-detail .content-area table th {
  min-width: 240px;
  background-color: #F7F7F7;
  font-size: 14px;
  color: #06213D;
  font-weight: bold;
  text-align: left;
  padding: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: solid 1px #fff;
  line-height: 1.6;
}

.blog .section-detail .content-area table th:last-child,
.archive .section-detail .content-area table th:last-child,
.single-publications .section-detail .content-area table th:last-child,
.single-post .section-detail .content-area table th:last-child {
  border-right: none;
}

.blog .section-detail .content-area table td,
.archive .section-detail .content-area table td,
.single-publications .section-detail .content-area table td,
.single-post .section-detail .content-area table td {
  font-size: 14px;
  line-height: 1.6;
  color: #06213D;
  text-align: left;
  padding: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: solid 1px #F7F7F7;
  border-bottom: solid 1px #F7F7F7;
}

.blog .section-detail .content-area table td:last-child,
.archive .section-detail .content-area table td:last-child,
.single-publications .section-detail .content-area table td:last-child,
.single-post .section-detail .content-area table td:last-child {
  border-right: none;
}

.blog .section-detail .content-area a,
.archive .section-detail .content-area a,
.single-publications .section-detail .content-area a,
.single-post .section-detail .content-area a {
  color: #0D318F;
  text-decoration: underline;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .section-detail .content-area a:hover,
.archive .section-detail .content-area a:hover,
.single-publications .section-detail .content-area a:hover,
.single-post .section-detail .content-area a:hover {
  opacity: .5;
}

.blog .section-detail .content-area img,
.archive .section-detail .content-area img,
.single-publications .section-detail .content-area img,
.single-post .section-detail .content-area img {
  display: block;
  max-width: 100%;
  height: auto;
}

.blog .section-detail .content-area pre,
.archive .section-detail .content-area pre,
.single-publications .section-detail .content-area pre,
.single-post .section-detail .content-area pre {
  font-size: 13px;
  color: #666666;
  line-height: 2;
  letter-spacing: .65px;
  background-color: #F7F7F7;
  padding: 24px;
  margin-bottom: 37px;
}

.blog .section-detail .content-area .aligncenter,
.archive .section-detail .content-area .aligncenter,
.single-publications .section-detail .content-area .aligncenter,
.single-post .section-detail .content-area .aligncenter {
  margin: 0 auto;
}

.blog .section-detail .content-area div.wp-caption,
.archive .section-detail .content-area div.wp-caption,
.single-publications .section-detail .content-area div.wp-caption,
.single-post .section-detail .content-area div.wp-caption {
  max-width: 100%;
}

.blog .section-detail .service-area,
.archive .section-detail .service-area,
.single-publications .section-detail .service-area,
.single-post .section-detail .service-area {
  border-top: solid 1px #E8E8E8;
  padding-top: 32px;
  margin-bottom: 32px;
}

.blog .section-detail .service-area .inner,
.archive .section-detail .service-area .inner,
.single-publications .section-detail .service-area .inner,
.single-post .section-detail .service-area .inner {
  background-color: #F7F7F7;
  padding: 14px 0;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog .section-detail .service-area .item-box,
.archive .section-detail .service-area .item-box,
.single-publications .section-detail .service-area .item-box,
.single-post .section-detail .service-area .item-box {
  margin-right: 20px;
}

.blog .section-detail .service-area .item-box.paper figure, .blog .section-detail .service-area .item-box.code figure, .blog .section-detail .service-area .item-box.video figure,
.archive .section-detail .service-area .item-box.paper figure,
.archive .section-detail .service-area .item-box.code figure,
.archive .section-detail .service-area .item-box.video figure,
.single-publications .section-detail .service-area .item-box.paper figure,
.single-publications .section-detail .service-area .item-box.code figure,
.single-publications .section-detail .service-area .item-box.video figure,
.single-post .section-detail .service-area .item-box.paper figure,
.single-post .section-detail .service-area .item-box.code figure,
.single-post .section-detail .service-area .item-box.video figure {
  width: 20px;
}

.blog .section-detail .service-area .item-box.bibtex figure,
.archive .section-detail .service-area .item-box.bibtex figure,
.single-publications .section-detail .service-area .item-box.bibtex figure,
.single-post .section-detail .service-area .item-box.bibtex figure {
  width: 16.2px;
}

.blog .section-detail .service-area .item-box a,
.archive .section-detail .service-area .item-box a,
.single-publications .section-detail .service-area .item-box a,
.single-post .section-detail .service-area .item-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .section-detail .service-area .item-box a:hover,
.archive .section-detail .service-area .item-box a:hover,
.single-publications .section-detail .service-area .item-box a:hover,
.single-post .section-detail .service-area .item-box a:hover {
  opacity: .5;
}

.blog .section-detail .service-area .item-box .text,
.archive .section-detail .service-area .item-box .text,
.single-publications .section-detail .service-area .item-box .text,
.single-post .section-detail .service-area .item-box .text {
  font-size: 16px;
  color: #0D318F;
  font-weight: bold;
}

.blog .section-detail .service-area .item-box figure,
.archive .section-detail .service-area .item-box figure,
.single-publications .section-detail .service-area .item-box figure,
.single-post .section-detail .service-area .item-box figure {
  margin-right: 12px;
}

.blog .section-detail .service-area .item-box figure img,
.archive .section-detail .service-area .item-box figure img,
.single-publications .section-detail .service-area .item-box figure img,
.single-post .section-detail .service-area .item-box figure img {
  width: 100%;
}

.blog .section-detail .bottom-area,
.archive .section-detail .bottom-area,
.single-publications .section-detail .bottom-area,
.single-post .section-detail .bottom-area {
  border-top: solid 1px #E8E8E8;
  margin-top: 37px;
  margin-bottom: 55px;
  padding-top: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog .section-detail .bottom-area a,
.archive .section-detail .bottom-area a,
.single-publications .section-detail .bottom-area a,
.single-post .section-detail .bottom-area a {
  display: block;
  width: 100%;
  height: 100%;
}

.blog .section-detail .bottom-area .fb-box,
.archive .section-detail .bottom-area .fb-box,
.single-publications .section-detail .bottom-area .fb-box,
.single-post .section-detail .bottom-area .fb-box {
  position: relative;
  width: 50%;
  height: 50px;
  background-color: #0D318F;
  border-radius: 3px 0 0 3px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .section-detail .bottom-area .fb-box:before,
.archive .section-detail .bottom-area .fb-box:before,
.single-publications .section-detail .bottom-area .fb-box:before,
.single-post .section-detail .bottom-area .fb-box:before {
  content: "";
  background: url(../img/common/icon-fb_white.png) no-repeat;
  width: 18px;
  height: 18px;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.blog .section-detail .bottom-area .fb-box:hover,
.archive .section-detail .bottom-area .fb-box:hover,
.single-publications .section-detail .bottom-area .fb-box:hover,
.single-post .section-detail .bottom-area .fb-box:hover {
  opacity: .5;
}

.blog .section-detail .bottom-area .tw-box,
.archive .section-detail .bottom-area .tw-box,
.single-publications .section-detail .bottom-area .tw-box,
.single-post .section-detail .bottom-area .tw-box {
  position: relative;
  width: 50%;
  height: 50px;
  background-color: #55ABED;
  border-radius: 0 3px 3px 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .section-detail .bottom-area .tw-box:before,
.archive .section-detail .bottom-area .tw-box:before,
.single-publications .section-detail .bottom-area .tw-box:before,
.single-post .section-detail .bottom-area .tw-box:before {
  content: "";
  background: url(../img/common/icon-tw_white.png) no-repeat;
  width: 18px;
  height: 15px;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.blog .section-detail .bottom-area .tw-box:hover,
.archive .section-detail .bottom-area .tw-box:hover,
.single-publications .section-detail .bottom-area .tw-box:hover,
.single-post .section-detail .bottom-area .tw-box:hover {
  opacity: .5;
}

.blog .section-detail .next_prev-area,
.archive .section-detail .next_prev-area,
.single-publications .section-detail .next_prev-area,
.single-post .section-detail .next_prev-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 120px;
}

.blog .section-detail .next_prev-area img,
.archive .section-detail .next_prev-area img,
.single-publications .section-detail .next_prev-area img,
.single-post .section-detail .next_prev-area img {
  width: 100%;
}

.blog .section-detail .next_prev-area .btn-prev, .blog .section-detail .next_prev-area .btn-next,
.archive .section-detail .next_prev-area .btn-prev,
.archive .section-detail .next_prev-area .btn-next,
.single-publications .section-detail .next_prev-area .btn-prev,
.single-publications .section-detail .next_prev-area .btn-next,
.single-post .section-detail .next_prev-area .btn-prev,
.single-post .section-detail .next_prev-area .btn-next {
  width: 12px;
  height: 20px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.blog .section-detail .next_prev-area .btn-prev.hidden a, .blog .section-detail .next_prev-area .btn-next.hidden a,
.archive .section-detail .next_prev-area .btn-prev.hidden a,
.archive .section-detail .next_prev-area .btn-next.hidden a,
.single-publications .section-detail .next_prev-area .btn-prev.hidden a,
.single-publications .section-detail .next_prev-area .btn-next.hidden a,
.single-post .section-detail .next_prev-area .btn-prev.hidden a,
.single-post .section-detail .next_prev-area .btn-next.hidden a {
  display: none;
}

.blog .section-detail .next_prev-area .btn-prev:hover,
.archive .section-detail .next_prev-area .btn-prev:hover,
.single-publications .section-detail .next_prev-area .btn-prev:hover,
.single-post .section-detail .next_prev-area .btn-prev:hover {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}

.blog .section-detail .next_prev-area .btn-next:hover,
.archive .section-detail .next_prev-area .btn-next:hover,
.single-publications .section-detail .next_prev-area .btn-next:hover,
.single-post .section-detail .next_prev-area .btn-next:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

.blog .section-detail .next_prev-area .btn-index,
.archive .section-detail .next_prev-area .btn-index,
.single-publications .section-detail .next_prev-area .btn-index,
.single-post .section-detail .next_prev-area .btn-index {
  position: relative;
  width: 56px;
}

.blog .section-detail .next_prev-area .btn-index a,
.archive .section-detail .next_prev-area .btn-index a,
.single-publications .section-detail .next_prev-area .btn-index a,
.single-post .section-detail .next_prev-area .btn-index a {
  display: block;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .section-detail .next_prev-area .btn-index a:hover,
.archive .section-detail .next_prev-area .btn-index a:hover,
.single-publications .section-detail .next_prev-area .btn-index a:hover,
.single-post .section-detail .next_prev-area .btn-index a:hover {
  opacity: .5;
}

.blog .section-detail .next_prev-area .btn-index span,
.archive .section-detail .next_prev-area .btn-index span,
.single-publications .section-detail .next_prev-area .btn-index span,
.single-post .section-detail .next_prev-area .btn-index span {
  display: block;
  position: absolute;
  bottom: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #06213D;
  font-size: 16px;
  font-weight: bold;
}

.blog .section-detail .MathJax_Display,
.archive .section-detail .MathJax_Display,
.single-publications .section-detail .MathJax_Display,
.single-post .section-detail .MathJax_Display {
  overflow-x: auto;
  overflow-y: hidden;
}

.blog .section-related,
.archive .section-related,
.single-publications .section-related,
.single-post .section-related {
  margin-top: 56px;
  padding-top: 56px;
  border-top: solid 1px #E8E8E8;
}

.blog .section-related h2,
.archive .section-related h2,
.single-publications .section-related h2,
.single-post .section-related h2 {
  font-size: 30px;
  color: #0D318F;
  letter-spacing: .75px;
  margin-bottom: 32px;
}

.blog .section-related .author,
.blog .section-related .publications,
.archive .section-related .author,
.archive .section-related .publications,
.single-publications .section-related .author,
.single-publications .section-related .publications,
.single-post .section-related .author,
.single-post .section-related .publications {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.blog .section-related .author .item-box,
.blog .section-related .publications .item-box,
.archive .section-related .author .item-box,
.archive .section-related .publications .item-box,
.single-publications .section-related .author .item-box,
.single-publications .section-related .publications .item-box,
.single-post .section-related .author .item-box,
.single-post .section-related .publications .item-box {
  width: 517px;
  border: solid 1px #E5E5E5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.blog .section-related .author .item-box a,
.blog .section-related .publications .item-box a,
.archive .section-related .author .item-box a,
.archive .section-related .publications .item-box a,
.single-publications .section-related .author .item-box a,
.single-publications .section-related .publications .item-box a,
.single-post .section-related .author .item-box a,
.single-post .section-related .publications .item-box a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 40px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .section-related .author .item-box a:hover,
.blog .section-related .publications .item-box a:hover,
.archive .section-related .author .item-box a:hover,
.archive .section-related .publications .item-box a:hover,
.single-publications .section-related .author .item-box a:hover,
.single-publications .section-related .publications .item-box a:hover,
.single-post .section-related .author .item-box a:hover,
.single-post .section-related .publications .item-box a:hover {
  opacity: .5;
}

.blog .section-related .author .item-box .title,
.blog .section-related .publications .item-box .title,
.archive .section-related .author .item-box .title,
.archive .section-related .publications .item-box .title,
.single-publications .section-related .author .item-box .title,
.single-publications .section-related .publications .item-box .title,
.single-post .section-related .author .item-box .title,
.single-post .section-related .publications .item-box .title {
  color: #06213D;
  font-size: 23px;
  margin-bottom: 12px;
  letter-spacing: 1.15px;
  line-height: 1.6;
  font-weight: bold;
}

.blog .section-related .author .item-box .location,
.blog .section-related .publications .item-box .location,
.archive .section-related .author .item-box .location,
.archive .section-related .publications .item-box .location,
.single-publications .section-related .author .item-box .location,
.single-publications .section-related .publications .item-box .location,
.single-post .section-related .author .item-box .location,
.single-post .section-related .publications .item-box .location {
  font-size: 16px;
  color: #616D79;
}

.blog .section-archive,
.archive .section-archive,
.single-publications .section-archive,
.single-post .section-archive {
  margin-top: 75px;
}

.blog .section-archive h2,
.archive .section-archive h2,
.single-publications .section-archive h2,
.single-post .section-archive h2 {
  font-size: 30px;
  color: #0D318F;
  letter-spacing: .75px;
  margin-bottom: 32px;
}

.blog .section-archive .tag-box,
.archive .section-archive .tag-box,
.single-publications .section-archive .tag-box,
.single-post .section-archive .tag-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog .sns-sideBar,
.archive .sns-sideBar,
.single-publications .sns-sideBar,
.single-post .sns-sideBar {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 120px;
  left: auto;
  -webkit-transform: translate(-180px, -20px);
          transform: translate(-180px, -20px);
  width: 100px;
  padding: 28px 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #E8E8E8;
  background-color: #fff;
  z-index: 50;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.blog .sns-sideBar.show,
.archive .sns-sideBar.show,
.single-publications .sns-sideBar.show,
.single-post .sns-sideBar.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-180px, 0);
          transform: translate(-180px, 0);
}

.blog .sns-sideBar .text-share,
.archive .sns-sideBar .text-share,
.single-publications .sns-sideBar .text-share,
.single-post .sns-sideBar .text-share {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
}

.blog .sns-sideBar .text-share .math,
.archive .sns-sideBar .text-share .math,
.single-publications .sns-sideBar .text-share .math,
.single-post .sns-sideBar .text-share .math {
  display: block;
  font-size: 28px;
}

.blog .sns-sideBar .list-sns li,
.archive .sns-sideBar .list-sns li,
.single-publications .sns-sideBar .list-sns li,
.single-post .sns-sideBar .list-sns li {
  width: 23px;
  margin: 0 auto;
}

.blog .sns-sideBar .list-sns li:first-child,
.archive .sns-sideBar .list-sns li:first-child,
.single-publications .sns-sideBar .list-sns li:first-child,
.single-post .sns-sideBar .list-sns li:first-child {
  margin-bottom: 30px;
}

.blog .sns-sideBar .list-sns li a,
.archive .sns-sideBar .list-sns li a,
.single-publications .sns-sideBar .list-sns li a,
.single-post .sns-sideBar .list-sns li a {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.blog .sns-sideBar .list-sns li a:hover,
.archive .sns-sideBar .list-sns li a:hover,
.single-publications .sns-sideBar .list-sns li a:hover,
.single-post .sns-sideBar .list-sns li a:hover {
  opacity: .5;
}

.blog .sns-sideBar .list-sns li img,
.archive .sns-sideBar .list-sns li img,
.single-publications .sns-sideBar .list-sns li img,
.single-post .sns-sideBar .list-sns li img {
  width: 100%;
}

html[lang="en-US"] .blog .section-detail h1,
html[lang="en-US"] .archive .section-detail h1,
html[lang="en-US"] .single-publications .section-detail h1,
html[lang="en-US"] .single-post .section-detail h1 {
  letter-spacing: 0.8px;
}

html[lang="en-US"] .blog .section-detail .content-area p,
html[lang="en-US"] .blog .section-detail .content-area ul li,
html[lang="en-US"] .blog .section-detail .content-area ol li,
html[lang="en-US"] .archive .section-detail .content-area p,
html[lang="en-US"] .archive .section-detail .content-area ul li,
html[lang="en-US"] .archive .section-detail .content-area ol li,
html[lang="en-US"] .single-publications .section-detail .content-area p,
html[lang="en-US"] .single-publications .section-detail .content-area ul li,
html[lang="en-US"] .single-publications .section-detail .content-area ol li,
html[lang="en-US"] .single-post .section-detail .content-area p,
html[lang="en-US"] .single-post .section-detail .content-area ul li,
html[lang="en-US"] .single-post .section-detail .content-area ol li {
  line-height: 1.505;
  letter-spacing: normal;
}

html[lang="en-US"] .blog .section-detail .content-area ol,
html[lang="en-US"] .archive .section-detail .content-area ol,
html[lang="en-US"] .single-publications .section-detail .content-area ol,
html[lang="en-US"] .single-post .section-detail .content-area ol {
  padding-left: 10px;
}

.search .section-top {
  margin-top: 64px;
}

.search .section-top .input-area {
  position: relative;
}

.search .section-top .input-area input {
  position: relative;
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 35px;
  letter-spacing: 1.75px;
  font-weight: bold;
  outline: 0;
  padding-bottom: 16px;
}

.search .section-top .input-area .btn-search {
  position: absolute;
  right: 0;
  top: 21px;
  width: 24px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.search .section-top .input-area .btn-search:hover {
  opacity: .5;
}

.search .section-top .input-area .btn-search img {
  width: 100%;
}

.search .section-top .text-result {
  font-size: 15px;
  letter-spacing: .75px;
  margin: 36px 0;
}

.search .section-top .text-result .category {
  font-weight: bold;
}

.search .section-top .text-result .hit {
  font-size: 20px;
  font-weight: bold;
}

.search .section-top .result-area .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #06213D;
  border-bottom: solid 1px #E8E8E8;
  padding-bottom: 21px;
  margin-bottom: 32px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.search .section-top .result-area .item-box:hover {
  opacity: .5;
}

.search .section-top .result-area .item-box.noPict .text-box {
  width: 100%;
}

.search .section-top .result-area .item-box .text-box {
  width: 770px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.search .section-top .result-area .item-box .pict-box {
  width: 220px;
  height: 124px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  border: solid 1px #efefef;
}

.search .section-top .result-area .item-box .pict-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.search .section-top .result-area .item-box .category {
  font-size: 12px;
  color: #0D318F;
  padding: 5px 14px;
  display: inline-block;
  border: solid 1px #0D318F;
  border-radius: 11px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search .section-top .result-area .item-box .title {
  margin: 15px 0;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 1.25px;
  line-height: 1.6;
}

.search .section-top .result-area .item-box .text {
  font-size: 17px;
  letter-spacing: .85px;
  line-height: 1.53;
}

.author .section-publications,
.tax-research_areas_publications .section-publications,
.post-type-archive-publications .section-publications {
  margin-top: 64px;
}

.page-template-author-page .section-research_area,
.post-type-archive-research_areas .section-research_area,
.single-research_areas .section-research_area {
  margin-top: 58px;
}

.page-template-author-page .section-research_area .research-list,
.post-type-archive-research_areas .section-research_area .research-list,
.single-research_areas .section-research_area .research-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -37px;
}

.page-template-author-page .section-research_area .item-box,
.post-type-archive-research_areas .section-research_area .item-box,
.single-research_areas .section-research_area .item-box {
  width: 328px;
  position: relative;
  border: solid 1px #E5E5E5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 37px;
  margin-bottom: 37px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.page-template-author-page .section-research_area .item-box:hover,
.post-type-archive-research_areas .section-research_area .item-box:hover,
.single-research_areas .section-research_area .item-box:hover {
  opacity: .5;
}

.page-template-author-page .section-research_area .item-box:nth-child(3n),
.post-type-archive-research_areas .section-research_area .item-box:nth-child(3n),
.single-research_areas .section-research_area .item-box:nth-child(3n) {
  margin-right: 0;
}

.page-template-author-page .section-research_area .item-box a,
.post-type-archive-research_areas .section-research_area .item-box a,
.single-research_areas .section-research_area .item-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 24px 24px 24px 82px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.page-template-author-page .section-research_area .item-box a:before,
.post-type-archive-research_areas .section-research_area .item-box a:before,
.single-research_areas .section-research_area .item-box a:before {
  left: 26px;
  top: 20px;
}

.page-template-author-page .section-research_area .item-box .title,
.post-type-archive-research_areas .section-research_area .item-box .title,
.single-research_areas .section-research_area .item-box .title {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .9px;
  line-height: 1.33;
  color: #06213D;
  margin-bottom: 14px;
}

.page-template-author-page .section-research_area .item-box .text,
.post-type-archive-research_areas .section-research_area .item-box .text,
.single-research_areas .section-research_area .item-box .text {
  font-size: 15px;
  color: #616D79;
  line-height: 1.53;
}

.page-template-author-page .section-other_area,
.post-type-archive-research_areas .section-other_area,
.single-research_areas .section-other_area {
  position: relative;
  border-top: solid 1px #D8D8D8;
  margin-top: 72px;
  padding-top: 75px;
}

.page-template-author-page .section-other_area h2,
.post-type-archive-research_areas .section-other_area h2,
.single-research_areas .section-other_area h2 {
  font-size: 43px;
  color: #0D318F;
  letter-spacing: 1.08px;
  line-height: 1;
  margin-bottom: 48px;
  margin-bottom: 36px;
}

@media screen and (max-width: 1060px) {
  .page-template-author-page .section-other_area h2,
  .post-type-archive-research_areas .section-other_area h2,
  .single-research_areas .section-other_area h2 {
    font-size: 2.91667vw;
    margin-bottom: 3.33333vw;
  }
}

@media screen and (max-width: 768px) {
  .page-template-author-page .section-other_area h2,
  .post-type-archive-research_areas .section-other_area h2,
  .single-research_areas .section-other_area h2 {
    font-size: 8.53333vw;
    letter-spacing: 0.21333vw;
    margin-bottom: 5.33333vw;
  }
}

.page-template-author-page .section-other_area .slider-box .slide-box,
.post-type-archive-research_areas .section-other_area .slider-box .slide-box,
.single-research_areas .section-other_area .slider-box .slide-box {
  height: 112px;
}

.page-template-author-page .section-other_area .slider-box a,
.post-type-archive-research_areas .section-other_area .slider-box a,
.single-research_areas .section-other_area .slider-box a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.page-template-author-page .section-other_area .slider-box a:before,
.post-type-archive-research_areas .section-other_area .slider-box a:before,
.single-research_areas .section-other_area .slider-box a:before {
  content: "";
  width: 53px;
  height: 53px;
  position: absolute;
  left: 16px;
  top: 16px;
}

.page-template-author-page .section-other_area .slider-box a:hover,
.post-type-archive-research_areas .section-other_area .slider-box a:hover,
.single-research_areas .section-other_area .slider-box a:hover {
  opacity: .5;
}

.page-template-author-page .section-other_area .slider-box .slide-inner,
.post-type-archive-research_areas .section-other_area .slider-box .slide-inner,
.single-research_areas .section-other_area .slider-box .slide-inner {
  width: 328px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 47px 20px 80px;
  border: solid 1px #E5E5E5;
}

.page-template-author-page .section-other_area .slider-box .title,
.post-type-archive-research_areas .section-other_area .slider-box .title,
.single-research_areas .section-other_area .slider-box .title {
  font-size: 18px;
  color: #06213D;
  letter-spacing: .9px;
  line-height: 1.33;
  font-weight: bold;
}

.page-template-author-page .section-other_area .btn-view,
.post-type-archive-research_areas .section-other_area .btn-view,
.single-research_areas .section-other_area .btn-view {
  margin-top: 52px;
}

.page-template-author-page .section-other_area .btn-view a,
.post-type-archive-research_areas .section-other_area .btn-view a,
.single-research_areas .section-other_area .btn-view a {
  position: relative;
  display: block;
  width: 180px;
  height: 40px;
  padding-right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  background-color: #0D318F;
  -webkit-transition: border-radius .3s ease;
  transition: border-radius .3s ease;
  -webkit-transition-property: border-radius,letter-spacing;
  transition-property: border-radius,letter-spacing;
  margin: 0 auto;
}

.page-template-author-page .section-other_area .btn-view a:before,
.post-type-archive-research_areas .section-other_area .btn-view a:before,
.single-research_areas .section-other_area .btn-view a:before {
  content: "";
  background: url(../img/common/icon-btn.png) no-repeat;
  width: 10px;
  height: 6px;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.page-template-author-page .section-other_area .btn-view a:hover,
.post-type-archive-research_areas .section-other_area .btn-view a:hover,
.single-research_areas .section-other_area .btn-view a:hover {
  border-radius: 25px;
  letter-spacing: .5px;
}

@media screen and (max-width: 1280px) {
  .page-template-author-page .section-other_area .btn-view a,
  .post-type-archive-research_areas .section-other_area .btn-view a,
  .single-research_areas .section-other_area .btn-view a {
    width: 12.5vw;
    height: 2.77778vw;
    padding-right: 1.66667vw;
    line-height: 2.77778vw;
    font-size: 0.83333vw;
  }
  .page-template-author-page .section-other_area .btn-view a:before,
  .post-type-archive-research_areas .section-other_area .btn-view a:before,
  .single-research_areas .section-other_area .btn-view a:before {
    width: 0.69444vw;
    height: 0.41667vw;
    right: 1.04167vw;
  }
}

@media screen and (max-width: 768px) {
  .page-template-author-page .section-other_area .btn-view a,
  .post-type-archive-research_areas .section-other_area .btn-view a,
  .single-research_areas .section-other_area .btn-view a {
    width: 100%;
    font-size: 3.73333vw;
    height: 12.8vw;
    line-height: 12.8vw;
  }
  .page-template-author-page .section-other_area .btn-view a:before,
  .post-type-archive-research_areas .section-other_area .btn-view a:before,
  .single-research_areas .section-other_area .btn-view a:before {
    width: 2.66667vw;
    height: 1.6vw;
    right: 5.6vw;
  }
}

.page-template-author-page .section-detail,
.post-type-archive-research_areas .section-detail,
.single-research_areas .section-detail {
  margin-top: 92px;
}

.page-template-author-page .section-detail .title-area.computer_vision p:before,
.post-type-archive-research_areas .section-detail .title-area.computer_vision p:before,
.single-research_areas .section-detail .title-area.computer_vision p:before {
  background: url(../img/research-area/b05.png) no-repeat;
  background-size: 100%;
}

.page-template-author-page .section-detail .title-area p,
.post-type-archive-research_areas .section-detail .title-area p,
.single-research_areas .section-detail .title-area p {
  position: relative;
  font-size: 25px;
  padding-left: 47px;
  color: #06213D;
  letter-spacing: 1.25px;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 700;
}

.page-template-author-page .section-detail .title-area p:before,
.post-type-archive-research_areas .section-detail .title-area p:before,
.single-research_areas .section-detail .title-area p:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}

.page-template-author-page .section-detail .text-main,
.post-type-archive-research_areas .section-detail .text-main,
.single-research_areas .section-detail .text-main {
  margin-bottom: 64px;
  font-size: 17px;
  color: #06213D;
  letter-spacing: .85px;
  line-height: 2.1;
}

.page-template-author-page .section-detail .publications-area,
.post-type-archive-research_areas .section-detail .publications-area,
.single-research_areas .section-detail .publications-area {
  position: relative;
  margin-bottom: 64px;
}

.page-template-author-page .section-detail .publications-area h2,
.post-type-archive-research_areas .section-detail .publications-area h2,
.single-research_areas .section-detail .publications-area h2 {
  font-size: 43px;
  color: #0D318F;
  letter-spacing: 1.08px;
  line-height: 1;
  margin-bottom: 48px;
}

@media screen and (max-width: 1060px) {
  .page-template-author-page .section-detail .publications-area h2,
  .post-type-archive-research_areas .section-detail .publications-area h2,
  .single-research_areas .section-detail .publications-area h2 {
    font-size: 2.91667vw;
    margin-bottom: 3.33333vw;
  }
}

@media screen and (max-width: 768px) {
  .page-template-author-page .section-detail .publications-area h2,
  .post-type-archive-research_areas .section-detail .publications-area h2,
  .single-research_areas .section-detail .publications-area h2 {
    font-size: 8.53333vw;
    letter-spacing: 0.21333vw;
    margin-bottom: 5.33333vw;
  }
}

.page-template-author-page .section-detail .blog-area,
.post-type-archive-research_areas .section-detail .blog-area,
.single-research_areas .section-detail .blog-area {
  position: relative;
}

.page-template-author-page .section-detail .blog-area h2,
.post-type-archive-research_areas .section-detail .blog-area h2,
.single-research_areas .section-detail .blog-area h2 {
  font-size: 43px;
  color: #0D318F;
  letter-spacing: 1.08px;
  line-height: 1;
  margin-bottom: 48px;
}

@media screen and (max-width: 1060px) {
  .page-template-author-page .section-detail .blog-area h2,
  .post-type-archive-research_areas .section-detail .blog-area h2,
  .single-research_areas .section-detail .blog-area h2 {
    font-size: 2.91667vw;
    margin-bottom: 3.33333vw;
  }
}

@media screen and (max-width: 768px) {
  .page-template-author-page .section-detail .blog-area h2,
  .post-type-archive-research_areas .section-detail .blog-area h2,
  .single-research_areas .section-detail .blog-area h2 {
    font-size: 8.53333vw;
    letter-spacing: 0.21333vw;
    margin-bottom: 5.33333vw;
  }
}

.page-template-author-page .section-detail .btn-view,
.post-type-archive-research_areas .section-detail .btn-view,
.single-research_areas .section-detail .btn-view {
  position: absolute;
  right: 0;
  top: 0;
}

.page-template-author-page .section-detail .btn-view a,
.post-type-archive-research_areas .section-detail .btn-view a,
.single-research_areas .section-detail .btn-view a {
  position: relative;
  display: block;
  width: 180px;
  height: 40px;
  padding-right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  background-color: #0D318F;
  -webkit-transition: border-radius .3s ease;
  transition: border-radius .3s ease;
  -webkit-transition-property: border-radius,letter-spacing;
  transition-property: border-radius,letter-spacing;
}

.page-template-author-page .section-detail .btn-view a:before,
.post-type-archive-research_areas .section-detail .btn-view a:before,
.single-research_areas .section-detail .btn-view a:before {
  content: "";
  background: url(../img/common/icon-btn.png) no-repeat;
  width: 10px;
  height: 6px;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.page-template-author-page .section-detail .btn-view a:hover,
.post-type-archive-research_areas .section-detail .btn-view a:hover,
.single-research_areas .section-detail .btn-view a:hover {
  border-radius: 25px;
  letter-spacing: .5px;
}

@media screen and (max-width: 1280px) {
  .page-template-author-page .section-detail .btn-view a,
  .post-type-archive-research_areas .section-detail .btn-view a,
  .single-research_areas .section-detail .btn-view a {
    width: 12.5vw;
    height: 2.77778vw;
    padding-right: 1.66667vw;
    line-height: 2.77778vw;
    font-size: 0.83333vw;
  }
  .page-template-author-page .section-detail .btn-view a:before,
  .post-type-archive-research_areas .section-detail .btn-view a:before,
  .single-research_areas .section-detail .btn-view a:before {
    width: 0.69444vw;
    height: 0.41667vw;
    right: 1.04167vw;
  }
}

@media screen and (max-width: 768px) {
  .page-template-author-page .section-detail .btn-view a,
  .post-type-archive-research_areas .section-detail .btn-view a,
  .single-research_areas .section-detail .btn-view a {
    width: 100%;
    font-size: 3.73333vw;
    height: 12.8vw;
    line-height: 12.8vw;
  }
  .page-template-author-page .section-detail .btn-view a:before,
  .post-type-archive-research_areas .section-detail .btn-view a:before,
  .single-research_areas .section-detail .btn-view a:before {
    width: 2.66667vw;
    height: 1.6vw;
    right: 5.6vw;
  }
}

@media screen and (max-width: 1280px) {
  .home .section-top {
    height: 28.47222vw;
    margin-bottom: 6.04167vw;
  }
  .home .section-top .catch {
    font-size: 3.19444vw;
    margin-bottom: 0.48611vw;
  }
  .home .section-top figure {
    width: 14.30556vw;
  }
  .home .section-post {
    margin-bottom: 6.04167vw;
  }
  .home .section-post .btn-post {
    right: 13.2vw;
  }
  .home .section-tag {
    padding: 5.55vw 0 0 0;
  }
  .home .section-tag h2 {
    font-size: 2.91667vw;
    line-height: 3.05556vw;
    margin-bottom: 3.33333vw;
  }
  .home .section-tag .tag-box {
    width: 55.55556vw;
  }
  .home .section-tag .btn-post {
    margin-top: 3.33333vw;
  }
  .blog .text-location,
  .archive .text-location,
  .single-publications .text-location,
  .single-post .text-location {
    font-size: 1.11111vw;
    margin-bottom: 1.38889vw;
  }
  .blog .text-editor,
  .archive .text-editor,
  .single-publications .text-editor,
  .single-post .text-editor {
    margin-top: 2.08333vw;
    font-size: 0.83333vw;
  }
  .blog .section-detail,
  .archive .section-detail,
  .single-publications .section-detail,
  .single-post .section-detail {
    margin-top: 4.51389vw;
  }
  .blog .section-detail .section-inner,
  .archive .section-detail .section-inner,
  .single-publications .section-detail .section-inner,
  .single-post .section-detail .section-inner {
    width: 100%;
    padding: 0 12.5vw;
  }
  .blog .section-detail .option-box,
  .archive .section-detail .option-box,
  .single-publications .section-detail .option-box,
  .single-post .section-detail .option-box {
    margin-bottom: 1.38889vw;
  }
  .blog .section-detail .human-box,
  .archive .section-detail .human-box,
  .single-publications .section-detail .human-box,
  .single-post .section-detail .human-box {
    margin-top: 2.08333vw;
  }
  .blog .section-detail .human-box figure,
  .archive .section-detail .human-box figure,
  .single-publications .section-detail .human-box figure,
  .single-post .section-detail .human-box figure {
    width: 2.5vw;
    margin-right: 0.90278vw;
  }
  .blog .section-detail .human-box .name-box,
  .archive .section-detail .human-box .name-box,
  .single-publications .section-detail .human-box .name-box,
  .single-post .section-detail .human-box .name-box {
    font-size: 0.97222vw;
  }
  .blog .section-detail .content-area,
  .archive .section-detail .content-area,
  .single-publications .section-detail .content-area,
  .single-post .section-detail .content-area {
    margin-top: 2.29167vw;
    padding-top: 3.33333vw;
  }
  .blog .section-detail .content-area h2,
  .archive .section-detail .content-area h2,
  .single-publications .section-detail .content-area h2,
  .single-post .section-detail .content-area h2 {
    font-size: 1.59722vw;
    letter-spacing: 0.07986vw;
    margin-top: 2.5vw;
    margin-bottom: 2.5vw;
  }
  .blog .section-detail .content-area h3,
  .archive .section-detail .content-area h3,
  .single-publications .section-detail .content-area h3,
  .single-post .section-detail .content-area h3 {
    font-size: 1.45833vw;
    letter-spacing: 0.07292vw;
    margin-top: 1.38889vw;
    margin-bottom: 1.38889vw;
  }
  .blog .section-detail .content-area h4,
  .archive .section-detail .content-area h4,
  .single-publications .section-detail .content-area h4,
  .single-post .section-detail .content-area h4 {
    font-size: 1.31944vw;
    letter-spacing: 0.06597vw;
    margin-top: 1.38889vw;
    margin-bottom: 1.38889vw;
  }
  .blog .section-detail .content-area h5,
  .archive .section-detail .content-area h5,
  .single-publications .section-detail .content-area h5,
  .single-post .section-detail .content-area h5 {
    font-size: 1.18056vw;
    letter-spacing: 0.05903vw;
    margin-top: 1.38889vw;
    margin-bottom: 1.38889vw;
  }
  .blog .section-detail .content-area p,
  .archive .section-detail .content-area p,
  .single-publications .section-detail .content-area p,
  .single-post .section-detail .content-area p {
    font-size: 1.18056vw;
    margin-bottom: 2.5vw;
  }
  .blog .section-detail .content-area blockquote,
  .archive .section-detail .content-area blockquote,
  .single-publications .section-detail .content-area blockquote,
  .single-post .section-detail .content-area blockquote {
    font-size: 1.18056vw;
    margin-bottom: 2.08333vw;
    padding-left: 1.38889vw;
  }
  .blog .section-detail .content-area ul li,
  .archive .section-detail .content-area ul li,
  .single-publications .section-detail .content-area ul li,
  .single-post .section-detail .content-area ul li {
    font-size: 1.18056vw;
    margin-bottom: 1.11111vw;
  }
  .blog .section-detail .content-area ul li:before,
  .archive .section-detail .content-area ul li:before,
  .single-publications .section-detail .content-area ul li:before,
  .single-post .section-detail .content-area ul li:before {
    font-size: 1.11111vw;
    margin-bottom: 0.34722vw;
  }
  .blog .section-detail .content-area ol li,
  .archive .section-detail .content-area ol li,
  .single-publications .section-detail .content-area ol li,
  .single-post .section-detail .content-area ol li {
    font-size: 1.18056vw;
    margin-bottom: 1.11111vw;
  }
  .blog .section-detail .content-area ol li:before,
  .archive .section-detail .content-area ol li:before,
  .single-publications .section-detail .content-area ol li:before,
  .single-post .section-detail .content-area ol li:before {
    font-size: 1.18056vw;
    margin-bottom: 0.34722vw;
  }
  .blog .section-detail .content-area ol li ul li:before,
  .archive .section-detail .content-area ol li ul li:before,
  .single-publications .section-detail .content-area ol li ul li:before,
  .single-post .section-detail .content-area ol li ul li:before {
    font-size: 1.18056vw;
    margin-bottom: 0.34722vw;
  }
  .blog .section-detail .content-area table th,
  .archive .section-detail .content-area table th,
  .single-publications .section-detail .content-area table th,
  .single-post .section-detail .content-area table th {
    min-width: 16.6vw;
    font-size: 0.97222vw;
    padding: 1vw;
  }
  .blog .section-detail .content-area table td,
  .archive .section-detail .content-area table td,
  .single-publications .section-detail .content-area table td,
  .single-post .section-detail .content-area table td {
    font-size: 0.97222vw;
    padding: 1vw;
  }
  .blog .section-detail .content-area pre,
  .archive .section-detail .content-area pre,
  .single-publications .section-detail .content-area pre,
  .single-post .section-detail .content-area pre {
    font-size: 0.90278vw;
    margin-bottom: 2.56944vw;
    padding: 1.66vw;
  }
  .blog .section-detail h1,
  .archive .section-detail h1,
  .single-publications .section-detail h1,
  .single-post .section-detail h1 {
    font-size: 2.43056vw;
    margin-bottom: 2.08333vw;
  }
  .blog .section-detail .select-area,
  .archive .section-detail .select-area,
  .single-publications .section-detail .select-area,
  .single-post .section-detail .select-area {
    margin-bottom: 0.83333vw;
  }
  .blog .section-detail .select-area .title,
  .archive .section-detail .select-area .title,
  .single-publications .section-detail .select-area .title,
  .single-post .section-detail .select-area .title {
    width: 3.47222vw;
    font-size: 1.11111vw;
  }
  .blog .section-detail .select-area .select-box,
  .archive .section-detail .select-area .select-box,
  .single-publications .section-detail .select-area .select-box,
  .single-post .section-detail .select-area .select-box {
    margin-bottom: -0.55556vw;
  }
  .blog .section-detail .bottom-area,
  .archive .section-detail .bottom-area,
  .single-publications .section-detail .bottom-area,
  .single-post .section-detail .bottom-area {
    margin-top: 2.56944vw;
    margin-bottom: 3.81944vw;
    padding-top: 2.56944vw;
  }
  .blog .section-detail .bottom-area .fb-box, .blog .section-detail .bottom-area .tw-box,
  .archive .section-detail .bottom-area .fb-box,
  .archive .section-detail .bottom-area .tw-box,
  .single-publications .section-detail .bottom-area .fb-box,
  .single-publications .section-detail .bottom-area .tw-box,
  .single-post .section-detail .bottom-area .fb-box,
  .single-post .section-detail .bottom-area .tw-box {
    height: 3.47222vw;
  }
  .blog .section-detail .bottom-area .fb-box:before,
  .archive .section-detail .bottom-area .fb-box:before,
  .single-publications .section-detail .bottom-area .fb-box:before,
  .single-post .section-detail .bottom-area .fb-box:before {
    width: 1.25vw;
    height: 1.25vw;
  }
  .blog .section-detail .bottom-area .tw-box:before,
  .archive .section-detail .bottom-area .tw-box:before,
  .single-publications .section-detail .bottom-area .tw-box:before,
  .single-post .section-detail .bottom-area .tw-box:before {
    width: 1.25vw;
    height: 1.04167vw;
  }
  .blog .section-detail .service-area,
  .archive .section-detail .service-area,
  .single-publications .section-detail .service-area,
  .single-post .section-detail .service-area {
    padding-top: 2.22222vw;
    margin-bottom: 2.22222vw;
  }
  .blog .section-detail .service-area .inner,
  .archive .section-detail .service-area .inner,
  .single-publications .section-detail .service-area .inner,
  .single-post .section-detail .service-area .inner {
    padding: .972vw 0;
  }
  .blog .section-detail .service-area .item-box,
  .archive .section-detail .service-area .item-box,
  .single-publications .section-detail .service-area .item-box,
  .single-post .section-detail .service-area .item-box {
    margin-right: 1.38889vw;
  }
  .blog .section-detail .service-area .item-box figure,
  .archive .section-detail .service-area .item-box figure,
  .single-publications .section-detail .service-area .item-box figure,
  .single-post .section-detail .service-area .item-box figure {
    margin-right: 0.83333vw;
  }
  .blog .section-detail .service-area .item-box .text,
  .archive .section-detail .service-area .item-box .text,
  .single-publications .section-detail .service-area .item-box .text,
  .single-post .section-detail .service-area .item-box .text {
    font-size: 1.11111vw;
  }
  .blog .section-detail .next_prev-area,
  .archive .section-detail .next_prev-area,
  .single-publications .section-detail .next_prev-area,
  .single-post .section-detail .next_prev-area {
    height: 8.33333vw;
  }
  .blog .section-detail .next_prev-area .btn-next, .blog .section-detail .next_prev-area .btn-prev,
  .archive .section-detail .next_prev-area .btn-next,
  .archive .section-detail .next_prev-area .btn-prev,
  .single-publications .section-detail .next_prev-area .btn-next,
  .single-publications .section-detail .next_prev-area .btn-prev,
  .single-post .section-detail .next_prev-area .btn-next,
  .single-post .section-detail .next_prev-area .btn-prev {
    width: 0.83333vw;
    height: 1.38889vw;
  }
  .blog .section-detail .next_prev-area .btn-index,
  .archive .section-detail .next_prev-area .btn-index,
  .single-publications .section-detail .next_prev-area .btn-index,
  .single-post .section-detail .next_prev-area .btn-index {
    width: 3.88889vw;
  }
  .blog .section-detail .next_prev-area .btn-index span,
  .archive .section-detail .next_prev-area .btn-index span,
  .single-publications .section-detail .next_prev-area .btn-index span,
  .single-post .section-detail .next_prev-area .btn-index span {
    font-size: 1.11111vw;
    bottom: -1.66667vw;
  }
  .blog .section-related,
  .archive .section-related,
  .single-publications .section-related,
  .single-post .section-related {
    margin-top: 3.88889vw;
    padding-top: 3.88889vw;
  }
  .blog .section-related h2,
  .archive .section-related h2,
  .single-publications .section-related h2,
  .single-post .section-related h2 {
    font-size: 2.08333vw;
    margin-bottom: 2.22222vw;
  }
  .blog .section-related .author .item-box,
  .blog .section-related .publications .item-box,
  .archive .section-related .author .item-box,
  .archive .section-related .publications .item-box,
  .single-publications .section-related .author .item-box,
  .single-publications .section-related .publications .item-box,
  .single-post .section-related .author .item-box,
  .single-post .section-related .publications .item-box {
    width: 35.90278vw;
  }
  .blog .section-related .author .item-box a,
  .blog .section-related .publications .item-box a,
  .archive .section-related .author .item-box a,
  .archive .section-related .publications .item-box a,
  .single-publications .section-related .author .item-box a,
  .single-publications .section-related .publications .item-box a,
  .single-post .section-related .author .item-box a,
  .single-post .section-related .publications .item-box a {
    padding: 2.777vw 2.08vw;
  }
  .blog .section-related .author .item-box .title,
  .blog .section-related .publications .item-box .title,
  .archive .section-related .author .item-box .title,
  .archive .section-related .publications .item-box .title,
  .single-publications .section-related .author .item-box .title,
  .single-publications .section-related .publications .item-box .title,
  .single-post .section-related .author .item-box .title,
  .single-post .section-related .publications .item-box .title {
    font-size: 1.59722vw;
    margin-bottom: 0.83333vw;
    letter-spacing: 0.07986vw;
  }
  .blog .section-related .author .item-box .location,
  .blog .section-related .publications .item-box .location,
  .archive .section-related .author .item-box .location,
  .archive .section-related .publications .item-box .location,
  .single-publications .section-related .author .item-box .location,
  .single-publications .section-related .publications .item-box .location,
  .single-post .section-related .author .item-box .location,
  .single-post .section-related .publications .item-box .location {
    font-size: 1.11111vw;
  }
  .blog .sns-sideBar,
  .archive .sns-sideBar,
  .single-publications .sns-sideBar,
  .single-post .sns-sideBar {
    width: 7.63889vw;
    top: 8.33333vw;
    padding: 1.94vw 2.3vw 2.7vw;
    -webkit-transform: translate(-10vw, -2vw);
            transform: translate(-10vw, -2vw);
  }
  .blog .sns-sideBar.show,
  .archive .sns-sideBar.show,
  .single-publications .sns-sideBar.show,
  .single-post .sns-sideBar.show {
    -webkit-transform: translate(-10vw, 0);
            transform: translate(-10vw, 0);
  }
  .blog .sns-sideBar .text-share,
  .archive .sns-sideBar .text-share,
  .single-publications .sns-sideBar .text-share,
  .single-post .sns-sideBar .text-share {
    font-size: 1.18056vw;
    margin-bottom: 2.08333vw;
  }
  .blog .sns-sideBar .text-share .math,
  .archive .sns-sideBar .text-share .math,
  .single-publications .sns-sideBar .text-share .math,
  .single-post .sns-sideBar .text-share .math {
    font-size: 1.94444vw;
  }
  .blog .sns-sideBar .text-share .list-sns li,
  .archive .sns-sideBar .text-share .list-sns li,
  .single-publications .sns-sideBar .text-share .list-sns li,
  .single-post .sns-sideBar .text-share .list-sns li {
    width: 1.59722vw;
  }
  .blog .sns-sideBar .text-share .list-sns li:first-child,
  .archive .sns-sideBar .text-share .list-sns li:first-child,
  .single-publications .sns-sideBar .text-share .list-sns li:first-child,
  .single-post .sns-sideBar .text-share .list-sns li:first-child {
    margin-bottom: 2.08333vw;
  }
  .blog .section-archive,
  .archive .section-archive,
  .single-publications .section-archive,
  .single-post .section-archive {
    margin-top: 5.20833vw;
  }
  .blog .section-archive h2,
  .archive .section-archive h2,
  .single-publications .section-archive h2,
  .single-post .section-archive h2 {
    font-size: 2.08333vw;
    margin-bottom: 2.22222vw;
  }
  .blog .section-blog .post-area,
  .archive .section-blog .post-area,
  .single-publications .section-blog .post-area,
  .single-post .section-blog .post-area {
    margin-top: 4.51389vw;
    margin-bottom: -2.91667vw;
  }
  .blog .section-blog .post-area .post-panel,
  .archive .section-blog .post-area .post-panel,
  .single-publications .section-blog .post-area .post-panel,
  .single-post .section-blog .post-area .post-panel {
    margin-bottom: 2.91667vw;
  }
  .author .section-publications,
  .page-template-author-page .section-publications,
  .tax-research_areas_publications .section-publications,
  .single-research_areas .section-publications,
  .post-type-archive-research_areas .section-publications,
  .post-type-archive-publications .section-publications {
    margin-top: 4.44444vw;
  }
  .author .section-publications .item-box .editor,
  .page-template-author-page .section-publications .item-box .editor,
  .tax-research_areas_publications .section-publications .item-box .editor,
  .single-research_areas .section-publications .item-box .editor,
  .post-type-archive-research_areas .section-publications .item-box .editor,
  .post-type-archive-publications .section-publications .item-box .editor {
    font-size: 0.83333vw;
  }
  .page-template-author-page .section-research_area,
  .post-type-archive-research_areas .section-research_area,
  .single-research_areas .section-research_area {
    margin-top: 4.02778vw;
  }
  .page-template-author-page .section-research_area .research-list,
  .post-type-archive-research_areas .section-research_area .research-list,
  .single-research_areas .section-research_area .research-list {
    margin-bottom: -2.56944vw;
  }
  .page-template-author-page .section-research_area .item-box,
  .post-type-archive-research_areas .section-research_area .item-box,
  .single-research_areas .section-research_area .item-box {
    width: 22.1vw;
    margin-right: 2.56944vw;
    margin-bottom: 2.56944vw;
  }
  .page-template-author-page .section-research_area .item-box .title,
  .post-type-archive-research_areas .section-research_area .item-box .title,
  .single-research_areas .section-research_area .item-box .title {
    font-size: 1.25vw;
    margin-bottom: 0.97222vw;
    letter-spacing: 0.0625vw;
  }
  .page-template-author-page .section-research_area .item-box .text,
  .post-type-archive-research_areas .section-research_area .item-box .text,
  .single-research_areas .section-research_area .item-box .text {
    font-size: 1.04167vw;
  }
  .page-template-author-page .section-research_area .item-box a,
  .post-type-archive-research_areas .section-research_area .item-box a,
  .single-research_areas .section-research_area .item-box a {
    padding: 1.66vw 1.66vw 1.66vw 5.69vw;
  }
  .page-template-author-page .section-research_area .item-box a:before,
  .post-type-archive-research_areas .section-research_area .item-box a:before,
  .single-research_areas .section-research_area .item-box a:before {
    width: 2.77778vw;
    height: 2.77778vw;
    left: 1.80556vw;
    top: 1.38889vw;
  }
  .page-template-author-page .section-detail,
  .post-type-archive-research_areas .section-detail,
  .single-research_areas .section-detail {
    margin-top: 6.38889vw;
  }
  .page-template-author-page .section-detail .title-area p,
  .post-type-archive-research_areas .section-detail .title-area p,
  .single-research_areas .section-detail .title-area p {
    font-size: 1.73611vw;
    padding-left: 3.26389vw;
    letter-spacing: 0.08681vw;
    margin-bottom: 1.38889vw;
  }
  .page-template-author-page .section-detail .title-area p:before,
  .post-type-archive-research_areas .section-detail .title-area p:before,
  .single-research_areas .section-detail .title-area p:before {
    width: 2.77778vw;
    height: 2.77778vw;
  }
  .page-template-author-page .section-detail .text-main,
  .post-type-archive-research_areas .section-detail .text-main,
  .single-research_areas .section-detail .text-main {
    margin-bottom: 4.44444vw;
    font-size: 1.18056vw;
    letter-spacing: 0.05903vw;
  }
  .page-template-author-page .section-detail .publications-area,
  .post-type-archive-research_areas .section-detail .publications-area,
  .single-research_areas .section-detail .publications-area {
    margin-bottom: 4.44444vw;
  }
  .page-template-author-page .section-detail .publications-area .publications-list,
  .post-type-archive-research_areas .section-detail .publications-area .publications-list,
  .single-research_areas .section-detail .publications-area .publications-list {
    margin-bottom: -1.80556vw;
  }
  .page-template-author-page .section-detail .publications-area .item-box,
  .post-type-archive-research_areas .section-detail .publications-area .item-box,
  .single-research_areas .section-detail .publications-area .item-box {
    width: 34.90278vw;
    margin-right: 1.80556vw;
    margin-bottom: 1.80556vw;
  }
  .page-template-author-page .section-detail .publications-area .item-box .title,
  .post-type-archive-research_areas .section-detail .publications-area .item-box .title,
  .single-research_areas .section-detail .publications-area .item-box .title {
    font-size: 1.59722vw;
    letter-spacing: 0.07986vw;
    margin-bottom: 0.97222vw;
  }
  .page-template-author-page .section-detail .publications-area .item-box .location,
  .post-type-archive-research_areas .section-detail .publications-area .item-box .location,
  .single-research_areas .section-detail .publications-area .item-box .location {
    font-size: 1.04167vw;
    margin-bottom: 0.55556vw;
  }
  .page-template-author-page .section-detail .publications-area .item-box .editor,
  .post-type-archive-research_areas .section-detail .publications-area .item-box .editor,
  .single-research_areas .section-detail .publications-area .item-box .editor {
    font-size: 0.83333vw;
  }
  .page-template-author-page .section-other_area,
  .post-type-archive-research_areas .section-other_area,
  .single-research_areas .section-other_area {
    margin-top: 5vw;
    padding-top: 5.20833vw;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box,
  .single-research_areas .section-other_area .slider-box .slide-box {
    height: 7.77778vw;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box a:before,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box a:before,
  .single-research_areas .section-other_area .slider-box .slide-box a:before {
    width: 3.68056vw;
    height: 3.68056vw;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box .slide-inner,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box .slide-inner,
  .single-research_areas .section-other_area .slider-box .slide-box .slide-inner {
    width: 22.77778vw;
    padding: 1.38vw 3.26vw 1.38vw 5.55vw;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box .title,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box .title,
  .single-research_areas .section-other_area .slider-box .slide-box .title {
    font-size: 1.25vw;
    letter-spacing: 0.0625vw;
  }
  .page-template-author-page .section-other_area .btn-view,
  .post-type-archive-research_areas .section-other_area .btn-view,
  .single-research_areas .section-other_area .btn-view {
    margin-top: 3.61111vw;
  }
  .search .section-top {
    margin-top: 4.44444vw;
  }
  .search .section-top .input-area input {
    font-size: 2.43056vw;
    padding-bottom: 1.11111vw;
  }
  .search .section-top .input-area .btn-search {
    width: 1.66667vw;
    top: 1.45833vw;
  }
  .search .section-top .text-result {
    font-size: 1.04167vw;
    letter-spacing: 0.05208vw;
    margin: 2.5vw 0;
  }
  .search .section-top .text-result .hit {
    font-size: 1.38889vw;
  }
  .search .section-top .result-area .item-box {
    padding-bottom: 1.45833vw;
    margin-bottom: 2.22222vw;
  }
  .search .section-top .result-area .item-box .text-box {
    width: 53.47222vw;
  }
  .search .section-top .result-area .item-box .category {
    font-size: 0.83333vw;
    padding: .34vw 1vw;
  }
  .search .section-top .result-area .item-box .title {
    margin: 1.04vw 0;
    font-size: 1.73611vw;
    letter-spacing: 0.08681vw;
  }
  .search .section-top .result-area .item-box .text {
    font-size: 1.18056vw;
    letter-spacing: 0.05903vw;
  }
  .search .section-top .result-area .item-box .pict-box {
    width: 15.27778vw;
    height: 8.61111vw;
  }
}

@media screen and (max-width: 768px) {
  .home .section-top {
    height: 70.66667vw;
    margin-bottom: 12.8vw;
  }
  .home .section-top .catch {
    font-size: 6.4vw;
    margin-bottom: 1.4vw;
  }
  .home .section-top figure {
    width: 54.93333vw;
  }
  .home .section-post {
    margin-bottom: 12.8vw;
  }
  .home .section-post .btn-post {
    position: initial;
  }
  .home .section-tag {
    padding: 11.3vw 0 0 0;
  }
  .home .section-tag h2 {
    text-align: left;
    line-height: 1;
    font-size: 7.46667vw;
    margin-bottom: 4.8vw;
  }
  .home .section-tag .tag-box {
    width: 100%;
  }
  .home .section-tag .btn-post {
    margin-top: 8.53333vw;
  }
  .single .text-location,
  .blog .text-location,
  .archive .text-location,
  .single-publications .text-location,
  .single-post .text-location {
    font-size: 3.2vw;
    margin-bottom: 4.8vw;
  }
  .single .text-editor,
  .blog .text-editor,
  .archive .text-editor,
  .single-publications .text-editor,
  .single-post .text-editor {
    font-size: 3.2vw;
    margin-top: 4.8vw;
  }
  .single .section-blog,
  .blog .section-blog,
  .archive .section-blog,
  .single-publications .section-blog,
  .single-post .section-blog {
    margin-top: 8vw;
  }
  .single .section-blog .post-panel,
  .blog .section-blog .post-panel,
  .archive .section-blog .post-panel,
  .single-publications .section-blog .post-panel,
  .single-post .section-blog .post-panel {
    margin-top: 8vw;
  }
  .single .section-detail,
  .blog .section-detail,
  .archive .section-detail,
  .single-publications .section-detail,
  .single-post .section-detail {
    margin-top: 8vw;
  }
  .single .section-detail .section-inner,
  .blog .section-detail .section-inner,
  .archive .section-detail .section-inner,
  .single-publications .section-detail .section-inner,
  .single-post .section-detail .section-inner {
    padding: 0 4.26vw;
  }
  .single .section-detail h1,
  .blog .section-detail h1,
  .archive .section-detail h1,
  .single-publications .section-detail h1,
  .single-post .section-detail h1 {
    font-size: 6.93333vw;
    letter-spacing: 0.34667vw;
    margin-bottom: 6.4vw;
  }
  .single .section-detail .option-box,
  .blog .section-detail .option-box,
  .archive .section-detail .option-box,
  .single-publications .section-detail .option-box,
  .single-post .section-detail .option-box {
    margin-bottom: 4.8vw;
  }
  .single .section-detail .option-box .date,
  .blog .section-detail .option-box .date,
  .archive .section-detail .option-box .date,
  .single-publications .section-detail .option-box .date,
  .single-post .section-detail .option-box .date {
    font-size: 3.73333vw;
    margin-right: 4.26667vw;
  }
  .single .section-detail .option-box .category,
  .blog .section-detail .option-box .category,
  .archive .section-detail .option-box .category,
  .single-publications .section-detail .option-box .category,
  .single-post .section-detail .option-box .category {
    font-size: 3.2vw;
    padding: 1vw 2vw;
  }
  .single .section-detail .select-area,
  .blog .section-detail .select-area,
  .archive .section-detail .select-area,
  .single-publications .section-detail .select-area,
  .single-post .section-detail .select-area {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    margin-bottom: 1vw;
  }
  .single .section-detail .select-area .title,
  .blog .section-detail .select-area .title,
  .archive .section-detail .select-area .title,
  .single-publications .section-detail .select-area .title,
  .single-post .section-detail .select-area .title {
    font-size: 4.26667vw;
    width: 13.33333vw;
    padding-top: 2vw;
  }
  .single .section-detail .select-area .select-box,
  .blog .section-detail .select-area .select-box,
  .archive .section-detail .select-area .select-box,
  .single-publications .section-detail .select-area .select-box,
  .single-post .section-detail .select-area .select-box {
    display: block;
  }
  .single .section-detail .select-area .select-box .tag-panel a,
  .blog .section-detail .select-area .select-box .tag-panel a,
  .archive .section-detail .select-area .select-box .tag-panel a,
  .single-publications .section-detail .select-area .select-box .tag-panel a,
  .single-post .section-detail .select-area .select-box .tag-panel a {
    font-size: 2.66667vw;
    padding: 2.66vw 3.46vw;
  }
  .single .section-detail .human-box figure,
  .blog .section-detail .human-box figure,
  .archive .section-detail .human-box figure,
  .single-publications .section-detail .human-box figure,
  .single-post .section-detail .human-box figure {
    width: 8.53333vw;
  }
  .single .section-detail .human-box .name-box,
  .blog .section-detail .human-box .name-box,
  .archive .section-detail .human-box .name-box,
  .single-publications .section-detail .human-box .name-box,
  .single-post .section-detail .human-box .name-box {
    font-size: 3.73333vw;
    margin-left: 4vw;
  }
  .single .section-detail .bottom-area,
  .blog .section-detail .bottom-area,
  .archive .section-detail .bottom-area,
  .single-publications .section-detail .bottom-area,
  .single-post .section-detail .bottom-area {
    padding-top: 8.53333vw;
    margin-bottom: 8.53333vw;
  }
  .single .section-detail .bottom-area .fb-box, .single .section-detail .bottom-area .tw-box,
  .blog .section-detail .bottom-area .fb-box,
  .blog .section-detail .bottom-area .tw-box,
  .archive .section-detail .bottom-area .fb-box,
  .archive .section-detail .bottom-area .tw-box,
  .single-publications .section-detail .bottom-area .fb-box,
  .single-publications .section-detail .bottom-area .tw-box,
  .single-post .section-detail .bottom-area .fb-box,
  .single-post .section-detail .bottom-area .tw-box {
    height: 13.33333vw;
  }
  .single .section-detail .bottom-area .fb-box:before,
  .blog .section-detail .bottom-area .fb-box:before,
  .archive .section-detail .bottom-area .fb-box:before,
  .single-publications .section-detail .bottom-area .fb-box:before,
  .single-post .section-detail .bottom-area .fb-box:before {
    width: 4.8vw;
    height: 4.8vw;
  }
  .single .section-detail .bottom-area .tw-box:before,
  .blog .section-detail .bottom-area .tw-box:before,
  .archive .section-detail .bottom-area .tw-box:before,
  .single-publications .section-detail .bottom-area .tw-box:before,
  .single-post .section-detail .bottom-area .tw-box:before {
    width: 4.8vw;
    height: 4vw;
  }
  .single .section-detail .content-area,
  .blog .section-detail .content-area,
  .archive .section-detail .content-area,
  .single-publications .section-detail .content-area,
  .single-post .section-detail .content-area {
    padding-top: 10.66667vw;
    margin-top: 6.4vw;
  }
  .single .section-detail .content-area h2,
  .blog .section-detail .content-area h2,
  .archive .section-detail .content-area h2,
  .single-publications .section-detail .content-area h2,
  .single-post .section-detail .content-area h2 {
    font-size: 6.13333vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  .single .section-detail .content-area h3,
  .blog .section-detail .content-area h3,
  .archive .section-detail .content-area h3,
  .single-publications .section-detail .content-area h3,
  .single-post .section-detail .content-area h3 {
    font-size: 5.6vw;
    letter-spacing: 0.28vw;
    margin-top: 6.4vw;
    margin-bottom: 6.4vw;
  }
  .single .section-detail .content-area h4,
  .blog .section-detail .content-area h4,
  .archive .section-detail .content-area h4,
  .single-publications .section-detail .content-area h4,
  .single-post .section-detail .content-area h4 {
    font-size: 5.06667vw;
    letter-spacing: 0.25333vw;
    margin-top: 6.4vw;
    margin-bottom: 6.4vw;
  }
  .single .section-detail .content-area h5,
  .blog .section-detail .content-area h5,
  .archive .section-detail .content-area h5,
  .single-publications .section-detail .content-area h5,
  .single-post .section-detail .content-area h5 {
    font-size: 4.53333vw;
    letter-spacing: 0.22667vw;
    margin-top: 6.4vw;
    margin-bottom: 6.4vw;
  }
  .single .section-detail .content-area blockquote,
  .blog .section-detail .content-area blockquote,
  .archive .section-detail .content-area blockquote,
  .single-publications .section-detail .content-area blockquote,
  .single-post .section-detail .content-area blockquote {
    font-size: 4.53333vw;
    letter-spacing: 0.22667vw;
    margin-bottom: 6.4vw;
    padding-left: 5.33333vw;
  }
  .single .section-detail .content-area ul li,
  .blog .section-detail .content-area ul li,
  .archive .section-detail .content-area ul li,
  .single-publications .section-detail .content-area ul li,
  .single-post .section-detail .content-area ul li {
    font-size: 4.53333vw;
    letter-spacing: 0.22667vw;
    margin-bottom: 4.26667vw;
  }
  .single .section-detail .content-area ul li:before,
  .blog .section-detail .content-area ul li:before,
  .archive .section-detail .content-area ul li:before,
  .single-publications .section-detail .content-area ul li:before,
  .single-post .section-detail .content-area ul li:before {
    font-size: 4.53333vw;
  }
  .single .section-detail .content-area ol li,
  .blog .section-detail .content-area ol li,
  .archive .section-detail .content-area ol li,
  .single-publications .section-detail .content-area ol li,
  .single-post .section-detail .content-area ol li {
    font-size: 4.53333vw;
    letter-spacing: 0.22667vw;
    margin-bottom: 6.4vw;
  }
  .single .section-detail .content-area ol li:before,
  .blog .section-detail .content-area ol li:before,
  .archive .section-detail .content-area ol li:before,
  .single-publications .section-detail .content-area ol li:before,
  .single-post .section-detail .content-area ol li:before {
    font-size: 4.53333vw;
  }
  .single .section-detail .content-area ol li ul li:before,
  .blog .section-detail .content-area ol li ul li:before,
  .archive .section-detail .content-area ol li ul li:before,
  .single-publications .section-detail .content-area ol li ul li:before,
  .single-post .section-detail .content-area ol li ul li:before {
    font-size: 4.53333vw;
  }
  .single .section-detail .content-area table,
  .blog .section-detail .content-area table,
  .archive .section-detail .content-area table,
  .single-publications .section-detail .content-area table,
  .single-post .section-detail .content-area table {
    display: block;
    overflow-x: scroll;
    width: 100%;
  }
  .single .section-detail .content-area table th,
  .blog .section-detail .content-area table th,
  .archive .section-detail .content-area table th,
  .single-publications .section-detail .content-area table th,
  .single-post .section-detail .content-area table th {
    min-width: 53vw;
    font-size: 3.73333vw;
    padding: 4.26vw;
  }
  .single .section-detail .content-area table td,
  .blog .section-detail .content-area table td,
  .archive .section-detail .content-area table td,
  .single-publications .section-detail .content-area table td,
  .single-post .section-detail .content-area table td {
    font-size: 3.73333vw;
    padding: 4.26vw;
  }
  .single .section-detail .content-area p,
  .blog .section-detail .content-area p,
  .archive .section-detail .content-area p,
  .single-publications .section-detail .content-area p,
  .single-post .section-detail .content-area p {
    font-size: 4.53333vw;
    margin-bottom: 10.66667vw;
  }
  .single .section-detail .content-area pre,
  .blog .section-detail .content-area pre,
  .archive .section-detail .content-area pre,
  .single-publications .section-detail .content-area pre,
  .single-post .section-detail .content-area pre {
    font-size: 3.46667vw;
    margin-bottom: 6.4vw;
    padding: 7.46vw;
  }
  .single .section-detail .service-area,
  .blog .section-detail .service-area,
  .archive .section-detail .service-area,
  .single-publications .section-detail .service-area,
  .single-post .section-detail .service-area {
    padding-top: 8.53333vw;
    margin-bottom: 8.53333vw;
  }
  .single .section-detail .service-area .inner,
  .blog .section-detail .service-area .inner,
  .archive .section-detail .service-area .inner,
  .single-publications .section-detail .service-area .inner,
  .single-post .section-detail .service-area .inner {
    padding: 6.66vw 0;
  }
  .single .section-detail .service-area .item-box,
  .blog .section-detail .service-area .item-box,
  .archive .section-detail .service-area .item-box,
  .single-publications .section-detail .service-area .item-box,
  .single-post .section-detail .service-area .item-box {
    margin-right: 8vw;
  }
  .single .section-detail .service-area .item-box:last-child,
  .blog .section-detail .service-area .item-box:last-child,
  .archive .section-detail .service-area .item-box:last-child,
  .single-publications .section-detail .service-area .item-box:last-child,
  .single-post .section-detail .service-area .item-box:last-child {
    margin-right: 0;
  }
  .single .section-detail .service-area .item-box.paper figure, .single .section-detail .service-area .item-box.video figure, .single .section-detail .service-area .item-box.code figure,
  .blog .section-detail .service-area .item-box.paper figure,
  .blog .section-detail .service-area .item-box.video figure,
  .blog .section-detail .service-area .item-box.code figure,
  .archive .section-detail .service-area .item-box.paper figure,
  .archive .section-detail .service-area .item-box.video figure,
  .archive .section-detail .service-area .item-box.code figure,
  .single-publications .section-detail .service-area .item-box.paper figure,
  .single-publications .section-detail .service-area .item-box.video figure,
  .single-publications .section-detail .service-area .item-box.code figure,
  .single-post .section-detail .service-area .item-box.paper figure,
  .single-post .section-detail .service-area .item-box.video figure,
  .single-post .section-detail .service-area .item-box.code figure {
    width: 5.33333vw;
  }
  .single .section-detail .service-area .item-box.bibtex figure,
  .blog .section-detail .service-area .item-box.bibtex figure,
  .archive .section-detail .service-area .item-box.bibtex figure,
  .single-publications .section-detail .service-area .item-box.bibtex figure,
  .single-post .section-detail .service-area .item-box.bibtex figure {
    width: 4.4vw;
  }
  .single .section-detail .service-area .item-box a,
  .blog .section-detail .service-area .item-box a,
  .archive .section-detail .service-area .item-box a,
  .single-publications .section-detail .service-area .item-box a,
  .single-post .section-detail .service-area .item-box a {
    display: block;
  }
  .single .section-detail .service-area .item-box figure,
  .blog .section-detail .service-area .item-box figure,
  .archive .section-detail .service-area .item-box figure,
  .single-publications .section-detail .service-area .item-box figure,
  .single-post .section-detail .service-area .item-box figure {
    margin: 0 auto;
  }
  .single .section-detail .service-area .item-box .text,
  .blog .section-detail .service-area .item-box .text,
  .archive .section-detail .service-area .item-box .text,
  .single-publications .section-detail .service-area .item-box .text,
  .single-post .section-detail .service-area .item-box .text {
    font-size: 4.26667vw;
    margin-top: 2.13333vw;
  }
  .single .section-detail .next_prev-area,
  .blog .section-detail .next_prev-area,
  .archive .section-detail .next_prev-area,
  .single-publications .section-detail .next_prev-area,
  .single-post .section-detail .next_prev-area {
    height: 14.93333vw;
  }
  .single .section-detail .next_prev-area .btn-prev,
  .blog .section-detail .next_prev-area .btn-prev,
  .archive .section-detail .next_prev-area .btn-prev,
  .single-publications .section-detail .next_prev-area .btn-prev,
  .single-post .section-detail .next_prev-area .btn-prev {
    width: 3.2vw;
    height: 5.33333vw;
  }
  .single .section-detail .next_prev-area .btn-next,
  .blog .section-detail .next_prev-area .btn-next,
  .archive .section-detail .next_prev-area .btn-next,
  .single-publications .section-detail .next_prev-area .btn-next,
  .single-post .section-detail .next_prev-area .btn-next {
    width: 3.2vw;
    height: 5.33333vw;
  }
  .single .section-detail .next_prev-area .btn-index,
  .blog .section-detail .next_prev-area .btn-index,
  .archive .section-detail .next_prev-area .btn-index,
  .single-publications .section-detail .next_prev-area .btn-index,
  .single-post .section-detail .next_prev-area .btn-index {
    width: 14.93333vw;
  }
  .single .section-detail .next_prev-area .btn-index span,
  .blog .section-detail .next_prev-area .btn-index span,
  .archive .section-detail .next_prev-area .btn-index span,
  .single-publications .section-detail .next_prev-area .btn-index span,
  .single-post .section-detail .next_prev-area .btn-index span {
    font-size: 4.26667vw;
    bottom: -6vw;
  }
  .single .section-archive,
  .blog .section-archive,
  .archive .section-archive,
  .single-publications .section-archive,
  .single-post .section-archive {
    margin-top: 11.2vw;
  }
  .single .section-archive h2,
  .blog .section-archive h2,
  .archive .section-archive h2,
  .single-publications .section-archive h2,
  .single-post .section-archive h2 {
    font-size: 7.46667vw;
    margin-bottom: 9.33333vw;
  }
  .single .sns-sideBar,
  .blog .sns-sideBar,
  .archive .sns-sideBar,
  .single-publications .sns-sideBar,
  .single-post .sns-sideBar {
    display: none;
  }
  .single .section-related,
  .blog .section-related,
  .archive .section-related,
  .single-publications .section-related,
  .single-post .section-related {
    margin-top: 11.2vw;
    padding-top: 11.2vw;
  }
  .single .section-related h2,
  .blog .section-related h2,
  .archive .section-related h2,
  .single-publications .section-related h2,
  .single-post .section-related h2 {
    font-size: 7.46667vw;
    margin-bottom: 11.2vw;
  }
  .single .section-related .author,
  .single .section-related .publications,
  .blog .section-related .author,
  .blog .section-related .publications,
  .archive .section-related .author,
  .archive .section-related .publications,
  .single-publications .section-related .author,
  .single-publications .section-related .publications,
  .single-post .section-related .author,
  .single-post .section-related .publications {
    display: block;
  }
  .single .section-related .author .item-box,
  .single .section-related .publications .item-box,
  .blog .section-related .author .item-box,
  .blog .section-related .publications .item-box,
  .archive .section-related .author .item-box,
  .archive .section-related .publications .item-box,
  .single-publications .section-related .author .item-box,
  .single-publications .section-related .publications .item-box,
  .single-post .section-related .author .item-box,
  .single-post .section-related .publications .item-box {
    width: 100%;
    margin-bottom: 6.4vw;
  }
  .single .section-related .author .item-box a,
  .single .section-related .publications .item-box a,
  .blog .section-related .author .item-box a,
  .blog .section-related .publications .item-box a,
  .archive .section-related .author .item-box a,
  .archive .section-related .publications .item-box a,
  .single-publications .section-related .author .item-box a,
  .single-publications .section-related .publications .item-box a,
  .single-post .section-related .author .item-box a,
  .single-post .section-related .publications .item-box a {
    padding: 7.46vw 8vw;
  }
  .single .section-related .author .item-box .title,
  .single .section-related .publications .item-box .title,
  .blog .section-related .author .item-box .title,
  .blog .section-related .publications .item-box .title,
  .archive .section-related .author .item-box .title,
  .archive .section-related .publications .item-box .title,
  .single-publications .section-related .author .item-box .title,
  .single-publications .section-related .publications .item-box .title,
  .single-post .section-related .author .item-box .title,
  .single-post .section-related .publications .item-box .title {
    font-size: 5.33333vw;
    margin-bottom: 3.73333vw;
  }
  .single .section-related .author .item-box .location,
  .single .section-related .publications .item-box .location,
  .blog .section-related .author .item-box .location,
  .blog .section-related .publications .item-box .location,
  .archive .section-related .author .item-box .location,
  .archive .section-related .publications .item-box .location,
  .single-publications .section-related .author .item-box .location,
  .single-publications .section-related .publications .item-box .location,
  .single-post .section-related .author .item-box .location,
  .single-post .section-related .publications .item-box .location {
    font-size: 3.73333vw;
  }
  .page-template-author-page .section-research_area .research-list,
  .post-type-archive-research_areas .section-research_area .research-list,
  .single-research_areas .section-research_area .research-list {
    display: block;
    margin-bottom: -6.4vw;
  }
  .page-template-author-page .section-research_area .item-box,
  .post-type-archive-research_areas .section-research_area .item-box,
  .single-research_areas .section-research_area .item-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 6.4vw;
  }
  .page-template-author-page .section-research_area .item-box a,
  .post-type-archive-research_areas .section-research_area .item-box a,
  .single-research_areas .section-research_area .item-box a {
    padding: 7.2vw 12.2vw 7.2vw 22.6vw;
  }
  .page-template-author-page .section-research_area .item-box a:before,
  .post-type-archive-research_areas .section-research_area .item-box a:before,
  .single-research_areas .section-research_area .item-box a:before {
    width: 10.66667vw;
    height: 10.66667vw;
    left: 6.4vw;
    top: 6.4vw;
  }
  .page-template-author-page .section-research_area .item-box .title,
  .post-type-archive-research_areas .section-research_area .item-box .title,
  .single-research_areas .section-research_area .item-box .title {
    font-size: 4.8vw;
    letter-spacing: 0.24vw;
    margin-bottom: 4.26667vw;
  }
  .page-template-author-page .section-research_area .item-box .text,
  .post-type-archive-research_areas .section-research_area .item-box .text,
  .single-research_areas .section-research_area .item-box .text {
    font-size: 4vw;
  }
  .page-template-author-page .section-detail,
  .post-type-archive-research_areas .section-detail,
  .single-research_areas .section-detail {
    margin-top: 10.66667vw;
  }
  .page-template-author-page .section-detail .title-area p,
  .post-type-archive-research_areas .section-detail .title-area p,
  .single-research_areas .section-detail .title-area p {
    font-size: 5.86667vw;
    letter-spacing: 0.29333vw;
    padding-left: 12.8vw;
    margin-bottom: 6.4vw;
  }
  .page-template-author-page .section-detail .title-area p:before,
  .post-type-archive-research_areas .section-detail .title-area p:before,
  .single-research_areas .section-detail .title-area p:before {
    width: 10.77778vw;
    height: 11.77778vw;
  }
  .page-template-author-page .section-detail .text-main,
  .post-type-archive-research_areas .section-detail .text-main,
  .single-research_areas .section-detail .text-main {
    margin-bottom: 10.66667vw;
    font-size: 4.53333vw;
  }
  .page-template-author-page .section-detail .publications-area,
  .post-type-archive-research_areas .section-detail .publications-area,
  .single-research_areas .section-detail .publications-area {
    margin-bottom: 12.8vw;
  }
  .page-template-author-page .section-detail .publications-area .publications-list,
  .post-type-archive-research_areas .section-detail .publications-area .publications-list,
  .single-research_areas .section-detail .publications-area .publications-list {
    display: block;
  }
  .page-template-author-page .section-detail .publications-area .item-box,
  .post-type-archive-research_areas .section-detail .publications-area .item-box,
  .single-research_areas .section-detail .publications-area .item-box {
    width: 100%;
    margin-bottom: 6.4vw;
  }
  .page-template-author-page .section-detail .publications-area .item-box .title,
  .post-type-archive-research_areas .section-detail .publications-area .item-box .title,
  .single-research_areas .section-detail .publications-area .item-box .title {
    font-size: 5.33333vw;
    margin-bottom: 4.26667vw;
  }
  .page-template-author-page .section-detail .publications-area .item-box .location,
  .post-type-archive-research_areas .section-detail .publications-area .item-box .location,
  .single-research_areas .section-detail .publications-area .item-box .location {
    font-size: 3.73333vw;
    margin-bottom: 4.26667vw;
  }
  .page-template-author-page .section-detail .publications-area .item-box .editor,
  .post-type-archive-research_areas .section-detail .publications-area .item-box .editor,
  .single-research_areas .section-detail .publications-area .item-box .editor {
    font-size: 3.2vw;
  }
  .page-template-author-page .section-detail .btn-view,
  .post-type-archive-research_areas .section-detail .btn-view,
  .single-research_areas .section-detail .btn-view {
    position: initial;
  }
  .page-template-author-page .section-other_area,
  .post-type-archive-research_areas .section-other_area,
  .single-research_areas .section-other_area {
    margin-top: 8vw;
    padding-top: 12.8vw;
  }
  .page-template-author-page .section-other_area .slider-box,
  .post-type-archive-research_areas .section-other_area .slider-box,
  .single-research_areas .section-other_area .slider-box {
    padding: 0 12vw;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box,
  .single-research_areas .section-other_area .slider-box .slide-box {
    height: auto;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box .slide-inner,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box .slide-inner,
  .single-research_areas .section-other_area .slider-box .slide-box .slide-inner {
    width: 100%;
    padding: 6.4vw 6.4vw 6.4vw 22.9vw;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box .title,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box .title,
  .single-research_areas .section-other_area .slider-box .slide-box .title {
    font-size: 4.8vw;
    letter-spacing: 0.24vw;
  }
  .page-template-author-page .section-other_area .slider-box .slide-box a:before,
  .post-type-archive-research_areas .section-other_area .slider-box .slide-box a:before,
  .single-research_areas .section-other_area .slider-box .slide-box a:before {
    width: 10.66667vw;
    height: 10.66667vw;
    top: 6vw;
    left: 6vw;
  }
  .page-template-author-page .section-other_area .btn-view,
  .post-type-archive-research_areas .section-other_area .btn-view,
  .single-research_areas .section-other_area .btn-view {
    margin-top: 8.53333vw;
  }
  .search .section-top {
    margin-top: 9.06667vw;
  }
  .search .section-top .input-area input {
    font-size: 8vw;
  }
  .search .section-top .input-area .btn-search {
    width: 7.73333vw;
    top: 0;
  }
  .search .section-top .text-result {
    margin: 6.93vw 0 11.46vw 0;
    font-size: 4vw;
  }
  .search .section-top .text-result .hit {
    font-size: 4.53333vw;
  }
  .search .section-top .result-area .item-box {
    display: block;
    padding-bottom: 8.53333vw;
    margin-bottom: 8.53333vw;
  }
  .search .section-top .result-area .item-box:last-child {
    margin-bottom: 0;
  }
  .search .section-top .result-area .item-box .pict-box {
    width: 100%;
    height: 51.46667vw;
    margin-bottom: 4.8vw;
  }
  .search .section-top .result-area .item-box .text-box {
    width: 100%;
  }
  .search .section-top .result-area .item-box .category {
    margin-bottom: 3.46667vw;
    font-size: 3.2vw;
    padding: 1.06vw 3.2vw;
  }
  .search .section-top .result-area .item-box .title {
    margin-top: 0;
    font-size: 5.86667vw;
    margin-bottom: 5.3vw;
  }
  .search .section-top .result-area .item-box .text {
    font-size: 4.53333vw;
  }
}