@charset "UTF-8";
/* modified by pretacou 2020/05/30
// Raleway
$font-raleway: 'Raleway', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
*/
.link-buttons, .entry-meta-outer {
  zoom: 1;
}
.link-buttons:after, .entry-meta-outer:after {
  content: "";
  display: block;
  clear: both;
}

.w5per {
  width: 5%;
}

.w10per {
  width: 10%;
}

.w15per {
  width: 15%;
}

.w20per {
  width: 20%;
}

.w25per {
  width: 25%;
}

.w30per {
  width: 30%;
}

.w35per {
  width: 35%;
}

.w40per {
  width: 40%;
}

.w45per {
  width: 45%;
}

.w50per {
  width: 50%;
}

.w55per {
  width: 55%;
}

.w60per {
  width: 60%;
}

.w65per {
  width: 65%;
}

.w70per {
  width: 70%;
}

.w75per {
  width: 75%;
}

.w80per {
  width: 80%;
}

.w85per {
  width: 85%;
}

.w90per {
  width: 90%;
}

.w95per {
  width: 95%;
}

.w100per {
  width: 100%;
}

.mb-0px {
  margin-bottom: 0px !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mb-35px {
  margin-bottom: 35px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.mb-45px {
  margin-bottom: 45px !important;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.mb-55px {
  margin-bottom: 55px !important;
}

.mb-60px {
  margin-bottom: 60px !important;
}

.mb-65px {
  margin-bottom: 65px !important;
}

.mb-70px {
  margin-bottom: 70px !important;
}

.mb-75px {
  margin-bottom: 75px !important;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.mb-85px {
  margin-bottom: 85px !important;
}

.mb-90px {
  margin-bottom: 90px !important;
}

.mb-95px {
  margin-bottom: 95px !important;
}

.mb-100px {
  margin-bottom: 100px !important;
}

.fs-rem5 {
  font-size: 0.5rem;
}

.w50px {
  width: 50px !important;
}

.fs-rem6 {
  font-size: 0.6rem;
}

.w60px {
  width: 60px !important;
}

.fs-rem7 {
  font-size: 0.7rem;
}

.w70px {
  width: 70px !important;
}

.fs-rem8 {
  font-size: 0.8rem;
}

.w80px {
  width: 80px !important;
}

.fs-rem9 {
  font-size: 0.9rem;
}

.w90px {
  width: 90px !important;
}

.fs-rem10 {
  font-size: 1rem;
}

.w100px {
  width: 100px !important;
}

.fs-rem11 {
  font-size: 1.1rem;
}

.w110px {
  width: 110px !important;
}

.fs-rem12 {
  font-size: 1.2rem;
}

.w120px {
  width: 120px !important;
}

.fs-rem13 {
  font-size: 1.3rem;
}

.w130px {
  width: 130px !important;
}

.fs-rem14 {
  font-size: 1.4rem;
}

.w140px {
  width: 140px !important;
}

.fs-rem15 {
  font-size: 1.5rem;
}

.w150px {
  width: 150px !important;
}

.fs-rem16 {
  font-size: 1.6rem;
}

.w160px {
  width: 160px !important;
}

.fs-rem17 {
  font-size: 1.7rem;
}

.w170px {
  width: 170px !important;
}

.fs-rem18 {
  font-size: 1.8rem;
}

.w180px {
  width: 180px !important;
}

.fs-rem19 {
  font-size: 1.9rem;
}

.w190px {
  width: 190px !important;
}

.fs-rem20 {
  font-size: 2rem;
}

.w200px {
  width: 200px !important;
}

@media (min-width: 768px) {
  .mb-md-0px {
    margin-bottom: 0px !important;
  }
  .mb-md-5px {
    margin-bottom: 5px !important;
  }
  .mb-md-10px {
    margin-bottom: 10px !important;
  }
  .mb-md-15px {
    margin-bottom: 15px !important;
  }
  .mb-md-20px {
    margin-bottom: 20px !important;
  }
  .mb-md-25px {
    margin-bottom: 25px !important;
  }
  .mb-md-30px {
    margin-bottom: 30px !important;
  }
  .mb-md-35px {
    margin-bottom: 35px !important;
  }
  .mb-md-40px {
    margin-bottom: 40px !important;
  }
  .mb-md-45px {
    margin-bottom: 45px !important;
  }
  .mb-md-50px {
    margin-bottom: 50px !important;
  }
  .mb-md-55px {
    margin-bottom: 55px !important;
  }
  .mb-md-60px {
    margin-bottom: 60px !important;
  }
  .mb-md-65px {
    margin-bottom: 65px !important;
  }
  .mb-md-70px {
    margin-bottom: 70px !important;
  }
  .mb-md-75px {
    margin-bottom: 75px !important;
  }
  .mb-md-80px {
    margin-bottom: 80px !important;
  }
  .mb-md-85px {
    margin-bottom: 85px !important;
  }
  .mb-md-90px {
    margin-bottom: 90px !important;
  }
  .mb-md-95px {
    margin-bottom: 95px !important;
  }
  .mb-md-100px {
    margin-bottom: 100px !important;
  }
}
/*-----------------------------------------------------------------------------
   Eric Meyer's "Reset CSS" 2.0
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/*-----------------------------------------------------------------------------
  global, common
-----------------------------------------------------------------------------*/
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

html {
  color: #000;
}

body {
  font-family: "Lato", YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, ”Hiragino Kaku Gothic ProN”, “Hiragino Sans”, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
  letter-spacing: 1px;
}
body .lang-zh {
  font-family: "PingHei", "Microsoft Yahei", "sans-serif";
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

:link {
  text-decoration: none;
}

:link:hover {
  text-decoration: underline;
}

:link:active,
:link:hover {
  outline: 0;
}

li {
  list-style: none;
}

img {
  border: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.lo-container {
  width: 100%;
  position: relative;
}

.lo-header-outer {
  width: 240px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
}

.lo-header-shadow {
  width: 100px;
  height: 100%;
  position: absolute;
  right: 240px;
}

.lo-header {
  padding: 40px 25px 0;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1199px) {
  .lo-header {
    padding: 40px 25px 0px;
  }
  .expand .lo-header {
    padding: 40px 25px;
  }
}

.lo-main-outer {
  width: 100%;
}

.home .lo-main-outer {
  display: none;
}

.lo-main {
  width: 100%;
  box-sizing: border-box;
  min-width: 1140px;
}

.one-col .lo-primary {
  width: 100%;
}

.lo-footer-outer-ex {
  margin-right: -240px;
  padding-right: 240px;
  width: 100%;
  box-sizing: border-box;
}

.home .lo-footer-outer-ex {
  display: none;
}

.lo-footer-outer {
  width: 100%;
}

.lo-footer {
  width: 900px;
  margin: 0 auto;
}

.lo-main-visual-outer {
  margin-right: -240px;
  height: 100%;
}
.members-main .lo-main-visual-outer {
  margin-bottom: 40px;
}

.lo-main-visual {
  width: 100%;
  height: 100%;
}

.lo-section-outer-ex {
  overflow: hidden;
}

@media only screen and (max-width: 1440px) {
  .lo-header-outer {
    height: auto;
  }
  .lo-header-shadow {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .lo-main {
    padding-right: 0;
    min-width: 900px;
  }
  .lo-footer-outer-ex {
    margin-right: 0;
    padding-right: 0;
  }
  .lo-main-visual-outer {
    margin-right: 0;
    padding-right: 0;
  }
  .lo-section-outer-ex {
    margin-right: 0;
    padding-right: 0;
  }
}
.lo-section-outer {
  width: 100%;
  overflow: hidden;
}

.lo-section {
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

.lo-section.full {
  width: 100%;
}

/*-----------------------------------------------------------------------------
  grid
-----------------------------------------------------------------------------*/
.lo-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.lo-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.lo-col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.lo-col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.lo-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.lo-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.lo-col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.lo-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.lo-col-7 {
  flex: 0 0 58.333333%;
  max-width: 0 0 58.333333%;
}

.lo-col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.lo-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.lo-col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.lo-col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.lo-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .lo-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .lo-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .lo-col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .lo-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .lo-col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 0 0 58.333333%;
  }
  .lo-col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .lo-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
/*-----------------------------------------------------------------------------
  header
-----------------------------------------------------------------------------*/
.header-outer {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}

.header-shadow {
  background-size: 100px 50px;
  opacity: 0.6;
  background-image: url(../img/shadow.png);
}

.header {
  font-family: "Lato", sans-serif;
}
.lang-zh .header {
  font-family: "STSong", "SimSun", serif;
}

.logo {
  height: 100px;
  box-sizing: border-box;
}
.logo a {
  transition: 0.3s;
}
.logo a:hover {
  opacity: 0.5;
}
.logo img {
  max-width: 100%;
  height: auto;
}

.header-button {
  display: none;
}

@media only screen and (max-width: 1440px) {
  .logo {
    height: 34px;
  }
  .header-button {
    display: block;
    margin-top: 10px;
  }
  .header-button img {
    height: 30px;
  }
  .expand .header-button {
    padding-bottom: 10px;
  }
  .header-button .snavi-close {
    display: none;
  }
  .snavi-outer {
    display: none;
  }
}
.gnavi-outer {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1440px) {
  .gnavi-outer {
    margin-bottom: 25px;
  }
}

.gnavi {
  font-size: 18px;
}
.gnavi li {
  margin-bottom: 20px;
}
.gnavi li:last-child {
  margin-bottom: 0;
}
.gnavi li a {
  color: #555;
  transition: 0.3s;
  position: relative;
  font-weight: bold;
  font-family: "Lato", YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, ”Hiragino Kaku Gothic ProN”, “Hiragino Sans”, sans-serif;
  letter-spacing: 1px;
  display: block;
}
.lang-en .gnavi li a {
  color: #6e6e6e;
}
.gnavi li a:hover {
  color: #1A8ED4;
  text-decoration: none;
}
.gnavi li a:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: "";
  width: 0;
  height: 2px;
  background-color: #1A8ED4;
  transition: 0.3s;
}
.gnavi li a:hover:after {
  width: 100%;
}

.hsearch {
  margin-bottom: 30px;
}
.hsearch .search-input-outer {
  background-color: #E9E5E6;
  padding: 5px 10px;
}
.hsearch .search-input-outer .fa {
  font-size: 18px;
  width: 28px;
  float: right;
  color: #1A8ED4;
  margin-top: 3px;
  text-align: right;
}
.hsearch .search-input-outer input {
  background-color: #E9E5E6;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", serif;
  font-size: 16px;
  border: 0px solid #cff;
  width: 132px;
  float: left;
  padding: 0;
  vertical-align: middle;
  color: #6e6e6e;
}
.lang-zh .hsearch .search-input-outer .input {
  font-family: "STSong", "SimSun", serif;
}
@media only screen and (max-width: 1440px) {
  .hsearch {
    margin-bottom: 20px;
  }
}

.lang-sw {
  margin: 0 0 30px 2px;
  position: relative;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
}
.lang-sw .lang .lang-cur {
  font-weight: bold;
  padding: 1px 10px;
}
.lang-sw .lang a {
  padding: 10px 10px;
  color: #6e6e6e;
}
.lang-sw .lang a:hover {
  text-decoration: none;
}
.lang-sw .lang .sep {
  padding: 0 3px;
}

/*
.group-sites {
	margin: 0 0 25px 2px;
	position: relative;	
	font-family: $font-crimson;
	font-size: 15px;
	&:after {
		content: '';
		position: absolute;
		width: 31px;
		height: 3px;
		background-color: $color-blue1;
		top: -2px;
		left: -1px;
	}
	a {
		color: $color-black3;
		transition: 0.5s;
		&:hover {
			color: $color-blue1;
			text-decoration: none;
		}
	}
	.social-btn {
		display: inline-block;
		font-size: 40px;
		position: absolute;
		top: -25px;
		right: 44px;
		a {
			font-family: FontAwesome;
			color: #3b579d;
			transition: 0.3s;
			&:before {
				content: "\f082";
			}
			&:link:hover {
				color: $color-black3;
				text-decoration: none;
			}
		}
	}
	.youtube-btn {
		display: inline-block;
		font-size: 40px;
		position: absolute;
		top: -25px;
		right: 0;
		a {
			font-family: FontAwesome;
			color: #c62117;
			transition: 0.3s;
			&:before {
				content: "\f167";
			}
			&:link:hover {
				color: $color-black3;
				text-decoration: none;
			}
		}
	}
}
.designed-by {
	font-family: $font-crimson;
	font-size: 14px;
    color: $color-black3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    img {
        width: 74px;
        height: auto;
        vertical-align: middle;
    }
}
*/
/*-----------------------------------------------------------------------------
  main-visual
-----------------------------------------------------------------------------*/
.main-visual {
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}
.main-visual .hero-video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}
.main-visual .dot-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/filter-dot.png) repeat top left;
  z-index: 10;
}

.home .main-visual .hero-video {
  position: fixed;
}

.members-main .play-button-outer {
  width: 900px;
  margin: 0 auto;
}
.members-main .play-button-outer .play-button {
  background-color: #e62117;
  transition: 0.5s;
  display: inline-block;
  box-sizing: border-box;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #fff;
  padding: 10px 20px;
}
.members-main .play-button-outer .play-button:hover {
  background-color: #3AaEF4;
}
.members-main .play-button-outer .play-button:hover {
  text-decoration: none;
}
.members-main .play-button-outer .play-button:after {
  font-family: FontAwesome;
  content: "\f16a";
  margin-left: 5px;
}

.scroll-down-outer {
  position: absolute;
  width: 100%;
  height: 80px;
  padding-right: 240px;
  margin-right: 0;
  z-index: 100;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 1199px) {
  .scroll-down-outer {
    padding-right: 0;
  }
}
.scroll-down {
  width: 900px;
  margin: 0 auto;
  text-align: center;
}
.scroll-down a {
  padding-top: 80px;
  display: inline-block;
}
.scroll-down a span {
  position: absolute;
  top: 0;
  /*left: 50%;*/
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
  animation: sdb 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scroll-down a span:nth-of-type(1) {
  animation-delay: 0s;
}
.scroll-down a span:nth-of-type(2) {
  top: 16px;
  animation-delay: 0.15s;
}
.scroll-down a span:nth-of-type(3) {
  top: 32px;
  animation-delay: 0.3s;
}
@keyframes sdb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*-----------------------------------------------------------------------------
  section
-----------------------------------------------------------------------------*/
.section-outer-ex {
  position: relative;
}

.section .section-title {
  font-size: 42px;
  text-align: center;
  padding: 0px 0 5px;
  margin-bottom: 30px;
  font-family: "Crimson Text", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝", serif;
  background: url(../img/filter-dot2.png) repeat rgba(221, 221, 221, 0.2);
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
.home .section .section-title {
  font-size: 46px;
  padding: 30px 0 30px;
}
.lang-zh .section .section-title {
  font-family: "Crimson Text", "STSong", "SimSun", serif;
}
.section .our-research-list .section-title {
  margin-bottom: 0;
}

.side-section .section-title {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------
  pagetop
-----------------------------------------------------------------------------*/
.pagetop {
  position: fixed;
  bottom: 10px;
  right: 30px;
  display: block;
  z-index: 999;
  transform: translate(0, -50%);
  text-decoration: none;
  font-weight: 600;
}
.pagetop a {
  color: #6e6e6e;
  transition: 0.5s;
  font-size: 0.9rem;
}
.pagetop a:hover {
  color: #1A8ED4;
  text-decoration: none;
}
.pagetop a span {
  position: absolute;
  top: 12px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-left: -26px;
  border-left: 3px solid #1a8ed4;
  border-bottom: 3px solid #1a8ed4;
  transform: rotate(135deg);
  box-sizing: border-box;
}

/*-----------------------------------------------------------------------------
  footer
-----------------------------------------------------------------------------*/
.footer-outer {
  z-index: 2;
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
}

.footer {
  padding: 40px 0;
}

.flinks {
  text-align: center;
  margin-bottom: 40px;
}
.flinks li {
  display: inline-block;
  box-sizing: border-box;
  width: 160px;
  margin-right: 20px;
}
.flinks li:last-child {
  margin-right: 0;
}
.flinks li img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.fnavi-outer {
  display: none;
}

.copyright {
  text-align: center;
  font-size: 14px;
  line-height: 1;
}

@media only screen and (max-width: 1199px) {
  .footer {
    padding-bottom: 80px;
  }
}
/*-----------------------------------------------------------------------------
  page-title
-----------------------------------------------------------------------------*/
.page-title-outer {
  width: 100%;
  height: 365px;
  margin-bottom: 80px;
  background-color: #E9E5E6;
  position: relative;
  background: url("../img/bg-title-technology.jpg") center center/cover;
  /*
  .page-ooyoo-tech & {
         background: url("../img/bg-title-technology.jpg") center center /cover;
  }
  .post-type-archive-our-research & {
  	background: url(../img/our-research-title-bg.jpg) bottom center /cover;
  	margin-bottom: 0;
  	height: 460px;
  }
  .page-are-you-pureous & {
  	background: url(../img/are-you-pureous-title-bg.jpg) center center /cover;
  }
  .page-support-the-future & {
  	background: url(../img/support-the-future-title-bg.jpg) top center /cover;
  }
  .page-contact-us & {
  	background: url(../img/contact-us-title-bg.jpg) top center /cover;
  }
  .category-news & {
  	background: url(../img/news-title-bg.jpg) center center /cover;
  }
  .category & {
  	background: url(../img/news-title-bg.jpg) center center /cover;
  }
  .single-post & {
  	background: url(../img/news-title-bg.jpg) center center /cover;
  }
  .our-research-detail-co2-chans-dream & {
  	background: url(../img/co2-chans-dream-title-bg.jpg) center center /cover;
  }
  .our-research-detail-artificial-organs & {
  	background: url(../img/artificial-organs-title-bg.jpg) center center /cover;
  }
  .our-research-detail-food-processing-industry & {
  	background: url(../img/food-processing-industry-title-bg.jpg)  center center /cover;
  }
  .our-research-detail-global-warming & {
  	background: url(../img/global-warming-title-bg.jpg)  center center /cover;
  }
  .our-research-detail-co2-capture-and-storage & {
  	background: url(../img/co2-capture-and-storage-title-bg.jpg)  bottom center /cover;
  }
  .our-research-detail-car-engine-intake-gas & {
  	background: url(../img/car-engine-intake-gas-title-bg.jpg)  center center /cover;
  }
  .our-research-detail-what-is-fouling & {
  	background: url(../img/what-is-fouling-title-bg.jpg)  bottom center /cover;
  }
  .our-research-detail-controlling-ice-growth & {
  	background: url(../img/controlling-ice-growth-title-bg.jpg)  center center /cover;
  }
  .our-research-detail-water-energy & {
  	background: url(../img/water-energy-title-bg.jpg)  center center /cover;
  }
  .our-research-detail-clean-water-crisis-in-indonesia & {
  	background: url(../img/clean-water-crisis-in-indonesia-title-bg.jpg)  center center /cover;
  }
  */
}
.members-main .page-title-outer {
  position: relative;
  padding-right: 240px;
  margin-right: 0;
  box-sizing: border-box;
  z-index: 100;
  background: none;
}

.post-type-archive-global-targets .page-title-outer {
  margin-bottom: 0;
}

@media only screen and (max-width: 1199px) {
  .page-title-outer {
    margin-right: 0;
    padding-right: 0;
  }
}
.page-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /*
  .single-global-targets & {
  	padding-top: 237px;
  	.page-title-inner {
  		height: 128px;
  	}
  }
  */
}
.page-title .page-title-inner {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 15px 0;
  /*		
  .members-main & {
  	background-color: transparent;
  }
  */
}
.page-title .title {
  width: 900px;
  margin: 0 auto;
  word-wrap: break-word;
  color: #000;
}
.lang-ja .page-title .title {
  font-size: 60px;
  line-height: 1.3;
  font-family: "Lato", YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, ”Hiragino Kaku Gothic ProN”, “Hiragino Sans”, sans-serif;
  font-weight: 700;
}
.lang-en .page-title .title {
  font-size: 60px;
  line-height: 1.3;
  font-family: "Lato", YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, ”Hiragino Kaku Gothic ProN”, “Hiragino Sans”, sans-serif;
  font-weight: 700;
}
.lang-zh .page-title .title {
  font-family: "PingHei", "Microsoft Yahei", "sans-serif";
  font-size: 60px;
  line-height: 1.8;
  font-weight: bold;
}
.page-title .title-parent {
  width: 900px;
  margin: 0 auto;
  height: 23px;
  overflow: hidden;
}
.page-title .title-parent .label {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 3px 7px;
  background-color: #1A8ED4;
}
.page-title.title-2l-ja {
  padding-top: 237px;
}
.page-title.title-2l-ja .title {
  line-height: 1 !important;
  margin-top: 20px;
}
.page-title.title-2l-en {
  padding-top: 237px;
}
.page-title.title-2l-en .title {
  line-height: 1 !important;
  margin-top: 15px;
}
.page-title.title-2l-zh {
  padding-top: 237px;
}
.page-title.title-2l-zh .title {
  line-height: 1 !important;
  margin-top: 20px;
}

@media only screen and (max-width: 1440px) {
  .page-title {
    width: 100%;
  }
}
/* Members
.members-main .page-title {
	padding-top: 300px;
}
.lang-en .members-main .page-title .title {
	color: #fff;
}
.lang-ja .members-main .title {
	font-family: $font-crimson;
	font-size: 70px;
	line-height: 1.2;
	color: #fff;
}
.lang-ja .members-main .title {
	font-family: $font-crimson;
	font-size: 70px;
	line-height: 1.2;
	color: #fff;
}
.lang-zh .members-main .title {
	font-family: $font-simsun;
	font-size: 68px;
	line-height: 1.6;
	color: #fff;
}
*/
/* Our Reasrch Top, Fearured Stories 
.post-type-archive-our-research .lang-ja .page-title .title,
.lang-ja .our-research-detail-co2-chans-dream .page-title .title {
	font-family: $font-crimson;
	font-size: 74px;
	line-height: 1.4;
}
.post-type-archive-our-research .lang-zh .page-title .title,
.lang-zh .our-research-detail-co2-chans-dream .page-title .title {
	font-family: $font-crimson-zh;
	font-size: 74px;
	line-height: 1.4;
}
*/
/*-----------------------------------------------------------------------------
  section-bg-img
-----------------------------------------------------------------------------*/
.bg-img {
  height: 365px;
}
.members-main .bg-img {
  background: url(../img/members-bg-img.jpg) center center/cover;
  height: 500px;
  margin-bottom: 60px;
}

/*-----------------------------------------------------------------------------
  entry-meta
-----------------------------------------------------------------------------*/
.entry-meta-outer {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.entry-meta {
  font-size: 14px;
  width: 900px;
  margin: 0 auto;
}

.entry-meta-left {
  float: left;
}

.entry-meta-right {
  float: right;
}

/*-----------------------------------------------------------------------------
  page-footer
-----------------------------------------------------------------------------*/
.entry-footer {
  margin-bottom: 80px;
}

.entry-footer span a {
  display: inline-block;
  padding: 5px 0;
  text-decoration: none;
  color: #000;
}
.entry-footer span a:hover {
  text-decoration: none;
}

/*
.entry-footer .left-box {
	box-sizing: border-box;
	width: 15%;
	margin-right: 15%;
	float: left;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #fff;
}
.entry-footer .prev-link {
	position: relative;
}
.entry-footer .prev-link:before {
	position: relative;
	left: -10px;
	top: 0px;
	font-family: FontAwesome;
	content: "\f053";
	color: $color-gray2;
}
.entry-footer .right-box {
	box-sizing: border-box;
	width: 15%;
	margin-left: 15%;
	float: right;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #fff;
}
.entry-footer .next-link {
	position: relative;
}
.entry-footer .next-link:after {
	position: relative;
	right: -10px;
	top: 0px;
	font-family: FontAwesome;
	content: "\f054";
	color: $color-gray2;
}
*/
.entry-footer .center-box {
  display: block;
  box-sizing: border-box;
  text-align: center;
}

.entry-footer .index-link {
  width: 300px;
  margin: 0 auto;
}

.entry-footer .index-link a {
  box-sizing: border-box;
  border: 2px solid #1a8ed4;
  border-radius: 30px;
  display: inline-block;
  width: 300px;
  height: 60px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #1a8ed4;
  padding: 15px;
  outline: none;
  overflow: hidden;
  position: relative;
}
.entry-footer .index-link a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background-color: rgba(26, 142, 212, 0.3);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.entry-footer .index-link a:hover {
  text-decoration: none;
  border: 3px solid #1A8ED4;
}

.lang-zn .entry-footer .index-link a {
  font-family: "Open Sans", "PingHei", "Microsoft Yahei", sans-serif;
  padding: 13px;
}

.entry-footer .index-link a:hover::after {
  animation: circle 0.6s;
}

/*-----------------------------------------------------------------------------
	wp-pagenavi
-----------------------------------------------------------------------------*/
.wp-pagenavi {
  clear: both;
  width: 100%;
  margin: 40px auto 0;
  text-align: center;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
  font-size: 14px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 7px 10px;
  margin: 0 4px;
  box-sizing: border-box;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last {
  width: 60px;
}

.wp-pagenavi a {
  border: 1px solid #ccc;
  transition: 0.3s;
  color: #1A8ED4;
}

.wp-pagenavi a:hover {
  text-decoration: none;
  background-color: #1A8ED4;
  color: #fff;
  opacity: 1;
  border: 1px solid #1A8ED4;
}

.wp-pagenavi .current {
  font-weight: bold;
  border: 1px solid #ccc;
  color: #888;
}

/*-----------------------------------------------------------------------------
  tags-list
-----------------------------------------------------------------------------*/
.tags-list {
  box-sizing: border-box;
}
.lang-en .tags-list {
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
}
.news-list .tags-list {
  padding: 0 15px;
}
.tags-list li {
  display: inline-block;
  padding: 6px 10px;
  line-height: 1;
  margin: 0 5px 0 0;
  color: #fff;
  background-color: #1A8ED4;
  text-align: center;
  font-size: 12px;
}
.tags-list li a {
  color: #fff !important;
}
.tags-list li:last-child {
  margin-right: 0;
}
.home .tags-list li {
  padding: 3px 6px;
}
.tags-list li.global-targets-type-water {
  background-color: #00a0e9;
}
.tags-list li.global-targets-type-gas {
  background-color: #f29b76;
}
.tags-list li.global-targets-type-cool-science {
  background-color: #8f82bc;
}
.tags-list li.entry-category-info {
  background-color: #0080c9;
}
.tags-list li.entry-category-publication {
  background-color: #00992b;
}
.tags-list li.entry-category-video {
  background-color: #df1100;
}
.tags-list li.entry-category-event {
  background-color: #5417d7;
}
.tags-list li.entry-category-global-voices {
  background-color: #5417d7;
}

/*-----------------------------------------------------------------------------
  entry-list
-----------------------------------------------------------------------------*/
.entry-list {
  font-size: 14px;
}
.entry-list .entry-item {
  display: inline-block;
  background-color: #fff;
  width: 280px;
  min-height: 310px;
  margin-right: 30px;
  margin-bottom: 30px;
  vertical-align: top;
  overflow: hidden;
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.2);
}
.entry-list .entry-item img {
  width: 100%;
}
.entry-list .entry-item a {
  transition: 0.5s;
  color: #000;
}
.entry-list .entry-item a:hover {
  opacity: 0.5;
}
.entry-list .entry-item .date {
  display: block;
  padding: 0 15px 0px;
  font-size: 12px;
  color: #6e6e6e;
}
.entry-list .entry-item .date:before {
  font-family: FontAwesome;
  content: "\f133";
  margin-right: 8px;
}
.entry-list .entry-item .title {
  display: block;
  padding: 3px 15px 5px;
}
.entry-list .entry-item:nth-child(3n) {
  margin-right: 0px;
}
.entry-list .entry-item-2col {
  width: 435px;
  margin-right: 30px;
  margin-bottom: 30px;
  float: left;
}
.entry-list .entry-item-2col:nth-of-type(2n) {
  margin-right: 0px;
}

/*-----------------------------------------------------------------------------
  publication-list
.publication-list {
	font-size: 14px;
	.entry-item {
		clear: both;
		display: block;
		background-color: #fff;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 30px;
		padding-bottom: 20px;
		min-height: 160px;
		box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.2);

		vertical-align: top;
		margin-left: -10px;
		padding-left: 10px;

		//position: relative;
		//left: -10px;


		.entry-item-left {
			width: 280px;
			float: left;
		}
		.entry-item-right {
			margin-left: 290px;
			padding-left: -290px;
		}

		img {
		}

		a {
			transition: 0.5s;
			color: $color-black1;
			&:hover {
				opacity: 0.5;
			}
		}
		h2 {
			font-size: 15px;
			margin-bottom: 8px;
			a {
				text-decoration: underline;
				&:after {
					font-family: FontAwesome;
					content: " \f08e";
				}
			}
		}
		p {
			font-size: 13px;
			margin-bottom: 3px;
			&:last-child {
				margin-bottom: 0;
			}
		}
		.date {
			display: block;
			padding: 0 15px 0px;
			font-size: 12px;
			color: $color-black3;
			&:before {
				font-family: FontAwesome;
				content: "\f133";
				margin-right: 8px;
			}
		}

		.title {
			display: block;
			padding: 3px 15px 5px;
		}
		.content {
			display: block;
			padding: 3px 15px 5px;
		}
		.rel-entry {
			display: block;
			padding: 3px 15px 5px;
			font-size: 13px;
			a {
				color: $color-blue1;
				&:before {
					font-family: FontAwesome;
					content: "\f0c1";
					margin-right: 5px;
				}
				&:hover {
					text-decoration: none;
				}
			}
		}
	}
}
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  infographics
.infographics-outer {
	width: 100%;
}
.infographics {
	width: $main-pc-width;
	margin: 0 auto;

	img {
		width: 100%;
	}
}
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  our-research
  featured-stories
  researches
.our-research-list {
	background-color: rgba(255, 255, 255, 0.5);
	.panels-outer {
		background: url(../img/filter-dot2.png) repeat rgba(221, 221, 221, 0.4);
		.home & {
			background: url(../img/filter-dot2.png) repeat rgba(221, 221, 221, 0.8);
		}

		.panel2,
		.panel4 {
			box-sizing: border-box;
			position: relative;
			overflow: hidden;
			margin-right: 0px;
			margin-bottom: 0px;
			display: inline-block;
			float: left;
			background-position: center center;
			background-size: cover;
			a {
				text-decoration: none;
				box-sizing: border-box;
				display: block;
				padding: 0px;
				width: 100%;
			}
			img {
				width: 100%;
				height: auto;
			}
			.panel-caption-outer {
			}
			.tags-list {
				padding: 10px 10px 0;
			}
			.panel-caption {
				display: inline-block;
				position: absolute;
				margin: 0;
				z-index: 2;
				box-sizing: border-box;
				background: rgba(255, 255, 255, 0.5);
				-webkit-transition: .5s;
				transition: .5s;
				.title {
					padding: 5px 10px;
					height: 50px;
					box-sizing: border-box;
					color: #000;
					line-height: 1.3;
					font-size: 14px;
					font-weight: bold;
					overflow: hidden;
				}
				.ig-thumb {
					display: none;
					height: 130px;
					box-sizing: border-box;
					overflow: hidden;
					img {
						width: 100%;
						height: auto;
					}
				}
			}
			a:hover .panel-caption {
				.ig-thumb {
					display: block;
				}
			}
		}
	}
}
.panel4 a:hover .panel-caption {
	margin: 0 0;
	top: 0px !important;
	left: 0px!important;
	right: 0px!important;
	bottom: 0px!important;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}
.panel2:hover a .panel-caption {
	margin: 0 0;
	top: 0px !important;
	left: 0px!important;
	right: 0px!important;
	bottom: 0px!important;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}


.researches-list {
	.panels-outer {
		margin-bottom: 20px;
		.panel4 {
			width: 25%;
			height: 200px;
			a {
				height: 200px;
			}
		}
	}
}
.featured-stories-list {
	.panels-outer {
		.panel2 {
			width: 50%;
			height: 400px;
			position: relative;
			&:after {
				transition: 0.3s;
				position: absolute;
    			content: "";
    			display: block;
    			width: 100%;
    			height: 100%;
    			top: 0;
			}
			a {
				height: 300px;
			}
		}
	}
}
.panel2:first-child:after {
	background: url(../img/water-energy-thumb.jpg) no-repeat center center / cover;
}
.panel2:last-child:after {
	background: url(../img/co2-chans-dream-thumb.jpg) no-repeat center center / cover;
}
.panel2:hover:after {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.panel2 .panl2-inner {
    z-index: 1;
    position: relative;
	a {
		z-index: 10;
	}
}

.author {
	font-size: 14px;
	text-align: left;
	font-family: $font-open-sans;
	padding: 3px 0 5px 60px;
	color: $color-blue1;
	background: url(../img/author-thumb-default.jpg) left top no-repeat;
	background-size:contain;
	margin-bottom: 5px;
	span {
		font-size: 12px;
		color: $color-black1;
	}
	a {
		color: $color-blue1;
	}
}
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  link-buttons-outer
-----------------------------------------------------------------------------*/
.link-buttons-outer {
  width: 900px;
  margin: 0 auto 40px;
}
.home .link-buttons-outer {
  margin-bottom: 0;
  padding: 35px 0 60px;
}

.link-buttons {
  text-align: center;
  margin-left: 0 !important;
}
.link-buttons li {
  margin-right: 20px;
}
.link-buttons li:last-child {
  margin-right: 0;
}
.link-buttons li a {
  box-sizing: border-box;
  border: 2px solid #1A8ED4;
  border-radius: 30px;
  display: inline-block;
  width: 300px;
  height: 60px;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #1A8ED4;
  padding: 15px;
  outline: none;
  overflow: hidden;
  position: relative;
}
.link-buttons li a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background-color: rgba(26, 142, 212, 0.3);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.link-buttons li a:hover {
  text-decoration: none;
  border: 3px solid #1A8ED4;
}
.home .link-buttons li a {
  border: 2px solid #0A7EC4;
  color: #0A7EC4;
}
.home .link-buttons li a:hover {
  border: 3px solid #0A7EC4;
}

.link-buttons a:hover::after {
  animation: circle 0.6s;
}
@keyframes circle {
  50% {
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
  }
}
.entry-content ul.btn-in-entry li {
  text-indent: 0;
}

.entry-content ul.btn-in-entry li::before {
  content: "";
  margin-right: 0;
}

.btn-a {
  display: block;
  position: relative;
  color: #000;
  border: 1px solid #000;
  padding: 3px 0;
  text-align: center;
  text-decoration: none !important;
}
.btn-a:hover {
  color: #000;
  text-decoration: none !important;
}
.btn-a:hover .btn-a-arrow:before {
  right: -10px;
}
.btn-a:hover .btn-a-arrow:after {
  right: -10px;
}
.btn-a .btn-a-arrow {
  position: absolute;
  width: 24px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: all 0.4s ease-out;
}
.btn-a .btn-a-arrow:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  background: #000;
  transition: all 0.3s ease-out;
}
.btn-a .btn-a-arrow:after {
  content: "";
  display: block;
  height: 1px;
  width: 35%;
  position: absolute;
  top: 50%;
  right: 0;
  background: #000;
  transform: rotate(45deg);
  transform-origin: right center;
  transition: all 0.3s ease-out;
}

.btn-drop {
  font-size: 17px;
  background-color: transparent;
  font-family: "Lato", YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, ”Hiragino Kaku Gothic ProN”, “Hiragino Sans”, sans-serif;
  line-height: 1.6;
  letter-spacing: 1px;
  transition: 0.5s all ease-in-out;
  position: relative;
}
.btn-drop:after {
  display: inline-block;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute;
  right: 10px;
  top: 14px;
  transform: 0.3s all ease-in-out;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
  background-color: #fff;
}

.dropdown-content a {
  padding: 6px 16px 6px 32px;
  text-decoration: none;
  display: block;
  text-indent: -1.25rem;
  text-decoration: none !important;
  transition: 0.3s all ease-in-out;
}
.dropdown-content a:before {
  margin-right: 0.25rem;
  content: "ー";
}
.dropdown-content a:hover {
  background: rgba(26, 142, 212, 0.5);
}

.dropdown:hover .btn-drop:after {
  border-bottom: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-top: 0;
  border-left: 0.3em solid transparent;
}
.dropdown:hover .dropdown-content {
  display: block;
}

/*-----------------------------------------------------------------------------
  goal-buttons-outer
.goal-buttons-outer {
	width: $main-pc-width;
	margin: 0 auto 40px;
}
.goal-buttons {
	@extend %clearfix;
	text-align: center;
	font-family: $font-serif-en;
	font-size: 28px;
	color: #fff;

	li {
		width: 300px;
		height: 160px;
		display: inline-block;
		background-color: #fee;
		text-align: center;
		margin-right: 20px;

		&:last-child {
			margin-right: 0;
		}

		a {
			text-decoration: none;
			box-sizing: border-box;
			display: block;
			width: 100%;
			height: 100%;
			padding-top: 65px;
			color: $color-black1;
		}
	}
}
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  entry-content
-----------------------------------------------------------------------------*/
.entry-content {
  padding-bottom: 60px;
}
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.entry-content h2 {
  clear: both;
  font-size: 2rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 1.5rem;
}
.lang-zh .entry-content h2 {
  font-family: "PingHei", "Microsoft Yahei", "sans-serif";
}
.entry-content h2:after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 3px;
  position: absolute;
  bottom: -10px;
  left: 0;
  background-color: #1A8ED4;
}
.entry-content h3 {
  clear: both;
  font-size: 1.75rem;
  font-weight: 700;
}
.lang-zh .entry-content h3 {
  font-family: "PingHei", "Microsoft Yahei", "sans-serif";
}
.entry-content h4 {
  clear: both;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1A8ED4;
}
.entry-content a,
.entry-content a:hover,
.entry-content a:active,
.entry-content a:visited {
  color: #000;
  text-decoration: underline;
}
.entry-content p {
  margin-bottom: 1rem;
  line-height: 1.6;
}
.entry-content p.footnote {
  font-size: 12px;
}
.entry-content ul,
.entry-content ol {
  margin-bottom: 1rem;
}
.entry-content ul li,
.entry-content ol li {
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
.entry-content ul {
  list-style: none;
  margin-left: 1rem;
}
.entry-content ul li {
  text-indent: -1.25rem;
}
.entry-content ul li:before {
  margin-right: 0.25rem;
  content: "ー";
}
.entry-content ol {
  margin-left: 1.5em;
}
.entry-content ol li {
  list-style: decimal;
}
.entry-content p ul {
  margin-bottom: 0;
}
.entry-content dl {
  width: 100%;
  margin-bottom: 1em;
}
.entry-content dt {
  display: block;
  width: 20%;
  clear: left;
  float: left;
  padding-bottom: 5px;
}
.entry-content dd {
  display: block;
  width: 80%;
  float: left;
  padding-bottom: 5px;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content img.alignright {
  margin-left: 1.5em;
}
.entry-content img.alignleft {
  margin-right: 1.5em;
}
.entry-content sup,
.entry-content sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
  font-size: 0.66em;
}
.entry-content sup {
  bottom: 1.5ex;
}
.entry-content sub {
  top: 0.5ex;
}
.entry-content table {
  width: 100%;
  border: 1px solid #ccc;
}
.entry-content table th,
.entry-content table td {
  border: 1px solid #ccc;
}

/*-----------------------------------------------------------------------------
  News
-----------------------------------------------------------------------------*/
.entry-meta .date {
  color: #6e6e6e;
}
.entry-meta .date:before {
  font-family: FontAwesome;
  content: "\f133";
  margin-right: 8px;
}

.entry-title-outer-ex {
  width: 100%;
  background: url(../img/filter-dot2.png) repeat rgba(221, 221, 221, 0.2);
  margin-right: 240px;
  padding-right: 240px;
  overflow: hidden;
  margin-bottom: 40px;
}

.rel-entry a {
  color: #1A8ED4;
  transition: 0.5s;
}
.rel-entry a:before {
  font-family: FontAwesome;
  content: "\f0c1";
  margin-right: 5px;
}
.rel-entry a:hover {
  text-decoration: none;
  opacity: 0.5;
}

@media only screen and (max-width: 1199px) {
  .entry-title-outer-ex {
    margin-right: 0;
    padding-right: 0;
  }
}
.entry-title-outer {
  width: 100%;
}
.entry-title-outer .entry-title {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  padding: 30px 0;
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
  line-height: 1.3;
  font-weight: bold;
  letter-spacing: 1px;
}
.lang-en .entry-title-outer .entry-title {
  font-size: 44px;
}
.lang-ja .entry-title-outer .entry-title {
  font-size: 34px;
}
.lang-zh .entry-title-outer .entry-title {
  font-size: 34px;
}

/*-----------------------------------------------------------------------------
  comment
.entry-content .comments-area {
	margin-top: 40px;
	padding: 20px 0;
	border-top: 3px solid $color-gray2;
	border-bottom: 3px solid $color-gray2;
	h2.comments-title {
		font-size: 20px;
		&:before {
			font-family: FontAwesome;
			content: "\f086";
			color: $color-blue1;
			margin: 0 5px 0 5px;;
		}
		&:after {
			background-color: transparent;
		}
	}
	h3.comment-reply-title {
		font-size: 20px;
		margin: 1em 0;
	}
	ol.comment-list {
		margin-left: 0;
		li {
			list-style: none;			
		}
		> li {
			border-bottom: 2px solid $color-gray2;
			margin-bottom: 12px;
		}
	}
	ol.children {
		margin-left: 1.5em;
		li {
			margin-bottom: 0;
		}
	}
	.comment-body {
		padding-bottom: 10px;
		.comment-author {
			margin-bottom: 3px;
			.fn {
				font-weight: bold;
			}
		}
		p {
			margin-bottom: 0;
		}
		.comment-meta {
			margin-bottom: 2px;
			font-size: 12px;
		}
		.comment-meta a {
			color: $color-black4;
			&:before {
				font-family: FontAwesome;
				content: "\f133";
				margin-right: 2px;
				color: $color-black4;
			}
			&.comment-edit-link {
				color: #0000ee;
				&:before {
					content: "";
					margin-right: 0;
				}
			}
		}
	}
	label {
		display: block;
	}
	textarea {
		width: 100%;
		max-width: 500px;
		background-color: $color-gray3;
		border: 0px solid $color-gray3;
		padding: 10px;
		font-size: 14px;
		box-sizing: border-box;
	}
	input {
		width: 100%;
		max-width: 500px;
		background-color: $color-gray3;
		border: 0px solid $color-gray3;
		padding: 10px;
		font-size: 14px;
		box-sizing: border-box;
		height: 40px;
		&.submit {
			width: 150px;
			box-sizing: border-box;
    		border: 2px solid $color-blue1;
    		font-weight: bold;
    		color: #fff;
			background-color: $color-blue1;
			height: 42px;
			font-size: 12px;
			transition: 0.3s;
			&:hover {
				opacity: 0.7;
			}
		}
	}
}
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  members-content
.members-table {
	width: 100%;
	@extend %clearfix;
	//margin-left: -30px;
	.members-table-cell {
		display: block;
		float: left;
		width: 33.33%;
		padding: 0 20px 60px 20px;
		box-sizing: border-box;
		text-align: center;
		img {
			margin-left: 10px;
			max-width: 100%;
		}
		img {
			//filter: url(gray.svg#grayscale);
			filter: grayscale(100%);
			-webkit-filter: grayscale(100%);
			-webkit-transition: .3s ease-in-out;
			transition: .3s ease-in-out;
		}
		img:hover {
			filter: grayscale(0);
			-webkit-filter: grayscale(0);

			-webkit-animation: scale .3s ease-in-out;
			animation: scale .3s ease-in-out;

		}
		@-webkit-keyframes scale {
			50% { -webkit-transform: scale(1.1); }
		}
		@keyframes scale {
			50% { transform: scale(1.1); }
		}
	}
	.current-members-clear {
		&:nth-child(3n+2) {
			clear:left;
		}
	}
	.past-members-clear {
		&:nth-child(3n+1) {
			clear:left;
		}
	}
	.members-table-cell.style-special {
		float: none;
		margin: 0 auto;
		clear: left;
	}
}

.members-table-cell-content {
	width: 100%;
	text-align: center;
	font-size: 14px;
	span {
		display: block;
	}
	.member-title {
		font-size: 12px;
		color: $color-black3;
	}
	.member-name-main {
		font-weight: bold;
		font-size: 16px;
	}
    .member-cv-link {
        display: inline;
        margin-left: 5px;
        a {
            font-size: 12px;
            color: #fff;
            padding: 3px 8px 1px;
            background-color: $color-blue1;
            border-radius: 3px;
            transition: 0.3s;
            &:after {
                margin-left: 5px;
                font-family: FontAwesome;
                content: "\f0f6";
                font-weight: normal;
            }
            &:hover {
                text-decoration: none;
                opacity: 0.7;
            }
        }
    }
	.member-name-sub {
		font-weight: bold;
		color: $color-gray1;
	}
	.member-comment {
		font-size: 12px;
		line-height: 1.3;
		position: relative;
		color: #fff;
		background-color: $color-blue1;
		padding: 10px;
		margin: 10px 15px 0;
		border-radius: 3px;
		text-align: left;
		&:after {
			content: "";
			position: absolute;
			top: -10px;
			left: 15px;
			height: 0;
			width: 0;
			border-width: 0 0 10px 10px;
			border-style: solid;
			border-color: transparent transparent $color-blue1;
		}
	}
}
.member-modal {
	display: none;
}
.member-modal-table {
	width: 100%;
	height: 100%;
	display: table;
	box-sizing: border-box;
	padding: 10px;
	background-color: #fff;
}
.member-modal-table-cell {
	width: 50%;
	height: 100%;
	display: table-cell;
	box-sizing: border-box;
	background-color: #fff;
	vertical-align: middle;
}
.member-modal-pic {
	background: center center /cover;
}
.member-modal-text {
	padding: 20px;
	span {
		display: block;
	}
	.member-title {
		font-size: 12px;
		color: $color-black3;
	  }
	.member-name-main {
		font-weight: bold;
		font-size: 16px;
	}
	.member-name-sub {
		font-weight: bold;
		color: $color-gray1;
	}
	.member-modal-text-section1 {
		margin-bottom: 20px;
	}
	.member-modal-text-section2 {
		font-size: 12px;
        .member-free-text {
            margin-top: 10px;
        }
	}
}
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
  flex
-----------------------------------------------------------------------------*/
.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
}
/*-----------------------------------------------------------------------------
  Form
-----------------------------------------------------------------------------*/
.pureosity-form .form-group {
  margin-bottom: 20px;
}
.pureosity-form .form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pureosity-form .form-row > .col,
.pureosity-form .form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
  box-sizing: border-box;
}
.pureosity-form .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.pureosity-form .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.pureosity-form .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-sizing: border-box;
}
.pureosity-form label {
  display: inline-block;
  margin-bottom: 8px;
}
.pureosity-form textarea {
  overflow: auto;
  resize: vertical;
}
.pureosity-form input [type=button],
.pureosity-form [type=reset],
.pureosity-form [type=submit] {
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
  border: 2px solid #1A8ED4;
  font-family: "Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, arial, helvetica, sans-serif;
  color: #1A8ED4;
  width: 300px;
  height: 60px;
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  cursor: pointer;
  border-radius: 30px;
  background-color: transparent;
  margin: 0 auto;
}
.pureosity-form .required {
  color: #e62117;
  margin-left: 5px;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------
  AddToAny Share Buttons
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {
  .a2a_floating_style {
    margin-left: -144px;
    left: 50% !important;
  }
}
/*-----------------------------------------------------------------------------
  misc.
-----------------------------------------------------------------------------*/
sub,
.sub {
  display: inline;
  font-size: 66.6%;
  vertical-align: bottom;
  position: relative;
  top: 0.2em;
}

sup,
.sup {
  display: inline;
  font-size: 66.6%;
  position: relative;
  vertical-align: top;
  top: -0.2em;
}

.video-outer {
  text-align: center;
}

.mb-pc-5 {
  margin-bottom: 48px !important;
}

.d-block {
  display: block !important;
}

.pc-block {
  display: block !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: 900 !important;
}

.title-gray-bg {
  background-color: #444;
  color: #fff;
  padding: 3px 7px;
  font-size: 1.2rem;
}

.text-blue {
  color: #1A8ED4;
}

/*-----------------------------------------------------------------------------
  wordpress
-----------------------------------------------------------------------------*/
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

/*-----------------------------------------------------------------------------
	global modifier
-----------------------------------------------------------------------------*/
.pcmt0 {
  margin-top: 0px !important;
}

.pcmb0 {
  margin-bottom: 0px !important;
}

.pcpt0 {
  padding-top: 0px !important;
}

.pcpb0 {
  padding-bottom: 0px !important;
}

.pcmt5 {
  margin-top: 5px !important;
}

.pcmb5 {
  margin-bottom: 5px !important;
}

.pcpt5 {
  padding-top: 5px !important;
}

.pcpb5 {
  padding-bottom: 5px !important;
}

.pcmt10 {
  margin-top: 10px !important;
}

.pcmb10 {
  margin-bottom: 10px !important;
}

.pcpt10 {
  padding-top: 10px !important;
}

.pcpb10 {
  padding-bottom: 10px !important;
}

.pcmt15 {
  margin-top: 15px !important;
}

.pcmb15 {
  margin-bottom: 15px !important;
}

.pcpt15 {
  padding-top: 15px !important;
}

.pcpb15 {
  padding-bottom: 15px !important;
}

.pcmt20 {
  margin-top: 20px !important;
}

.pcmb20 {
  margin-bottom: 20px !important;
}

.pcpt20 {
  padding-top: 20px !important;
}

.pcpb20 {
  padding-bottom: 20px !important;
}

.pcmt25 {
  margin-top: 25px !important;
}

.pcmb25 {
  margin-bottom: 25px !important;
}

.pcpt25 {
  padding-top: 25px !important;
}

.pcpb25 {
  padding-bottom: 25px !important;
}

.pcmt30 {
  margin-top: 30px !important;
}

.pcmb30 {
  margin-bottom: 30px !important;
}

.pcpt30 {
  padding-top: 30px !important;
}

.pcpb30 {
  padding-bottom: 30px !important;
}

.pcmt35 {
  margin-top: 35px !important;
}

.pcmb35 {
  margin-bottom: 35px !important;
}

.pcpt35 {
  padding-top: 35px !important;
}

.pcpb35 {
  padding-bottom: 35px !important;
}

.pcmt40 {
  margin-top: 40px !important;
}

.pcmb40 {
  margin-bottom: 40px !important;
}

.pcpt40 {
  padding-top: 40px !important;
}

.pcpb40 {
  padding-bottom: 40px !important;
}

.pcmt45 {
  margin-top: 45px !important;
}

.pcmb45 {
  margin-bottom: 45px !important;
}

.pcpt45 {
  padding-top: 45px !important;
}

.pcpb45 {
  padding-bottom: 45px !important;
}

.pcmt50 {
  margin-top: 50px !important;
}

.pcmb50 {
  margin-bottom: 50px !important;
}

.pcpt50 {
  padding-top: 50px !important;
}

.pcpb50 {
  padding-bottom: 50px !important;
}

.pcmt55 {
  margin-top: 55px !important;
}

.pcmb55 {
  margin-bottom: 55px !important;
}

.pcpt55 {
  padding-top: 55px !important;
}

.pcpb55 {
  padding-bottom: 55px !important;
}

.pcmt60 {
  margin-top: 60px !important;
}

.pcmb60 {
  margin-bottom: 60px !important;
}

.pcpt60 {
  padding-top: 60px !important;
}

.pcpb60 {
  padding-bottom: 60px !important;
}

.pcmt65 {
  margin-top: 65px !important;
}

.pcmb65 {
  margin-bottom: 65px !important;
}

.pcpt65 {
  padding-top: 65px !important;
}

.pcpb65 {
  padding-bottom: 65px !important;
}

.pcmt70 {
  margin-top: 70px !important;
}

.pcmb70 {
  margin-bottom: 70px !important;
}

.pcpt70 {
  padding-top: 70px !important;
}

.pcpb70 {
  padding-bottom: 70px !important;
}

.pcmt75 {
  margin-top: 75px !important;
}

.pcmb75 {
  margin-bottom: 75px !important;
}

.pcpt75 {
  padding-top: 75px !important;
}

.pcpb75 {
  padding-bottom: 75px !important;
}

.pcmt80 {
  margin-top: 80px !important;
}

.pcmb80 {
  margin-bottom: 80px !important;
}

.pcpt80 {
  padding-top: 80px !important;
}

.pcpb80 {
  padding-bottom: 80px !important;
}

.pcmt85 {
  margin-top: 85px !important;
}

.pcmb85 {
  margin-bottom: 85px !important;
}

.pcpt85 {
  padding-top: 85px !important;
}

.pcpb85 {
  padding-bottom: 85px !important;
}

.pcmt90 {
  margin-top: 90px !important;
}

.pcmb90 {
  margin-bottom: 90px !important;
}

.pcpt90 {
  padding-top: 90px !important;
}

.pcpb90 {
  padding-bottom: 90px !important;
}

.pcmt95 {
  margin-top: 95px !important;
}

.pcmb95 {
  margin-bottom: 95px !important;
}

.pcpt95 {
  padding-top: 95px !important;
}

.pcpb95 {
  padding-bottom: 95px !important;
}

.pcmt100 {
  margin-top: 100px !important;
}

.pcmb100 {
  margin-bottom: 100px !important;
}

.pcpt100 {
  padding-top: 100px !important;
}

.pcpb100 {
  padding-bottom: 100px !important;
}

.pcmt110 {
  margin-top: 110px !important;
}

.pcmb110 {
  margin-bottom: 110px !important;
}

.pcpt110 {
  padding-top: 110px !important;
}

.pcpb110 {
  padding-bottom: 110px !important;
}

.pcmt120 {
  margin-top: 120px !important;
}

.pcmb120 {
  margin-bottom: 120px !important;
}

.pcpt120 {
  padding-top: 120px !important;
}

.pcpb120 {
  padding-bottom: 120px !important;
}

.pcmt130 {
  margin-top: 130px !important;
}

.pcmb130 {
  margin-bottom: 130px !important;
}

.pcpt130 {
  padding-top: 130px !important;
}

.pcpb130 {
  padding-bottom: 130px !important;
}

.pcmt140 {
  margin-top: 140px !important;
}

.pcmb140 {
  margin-bottom: 140px !important;
}

.pcpt140 {
  padding-top: 140px !important;
}

.pcpb140 {
  padding-bottom: 140px !important;
}

.pcmt150 {
  margin-top: 150px !important;
}

.pcmb150 {
  margin-bottom: 150px !important;
}

.pcpt150 {
  padding-top: 150px !important;
}

.pcpb150 {
  padding-bottom: 150px !important;
}

.pcmt160 {
  margin-top: 160px !important;
}

.pcmb160 {
  margin-bottom: 160px !important;
}

.pcpt160 {
  padding-top: 160px !important;
}

.pcpb160 {
  padding-bottom: 160px !important;
}

.pcmt170 {
  margin-top: 170px !important;
}

.pcmb170 {
  margin-bottom: 170px !important;
}

.pcpt170 {
  padding-top: 170px !important;
}

.pcpb170 {
  padding-bottom: 170px !important;
}

.pcmt180 {
  margin-top: 180px !important;
}

.pcmb180 {
  margin-bottom: 180px !important;
}

.pcpt180 {
  padding-top: 180px !important;
}

.pcpb180 {
  padding-bottom: 180px !important;
}

.pcmt190 {
  margin-top: 190px !important;
}

.pcmb190 {
  margin-bottom: 190px !important;
}

.pcpt190 {
  padding-top: 190px !important;
}

.pcpb190 {
  padding-bottom: 190px !important;
}

.pcmt200 {
  margin-top: 200px !important;
}

.pcmb200 {
  margin-bottom: 200px !important;
}

.pcpt200 {
  padding-top: 200px !important;
}

.pcpb200 {
  padding-bottom: 200px !important;
}

.pcnls5 {
  letter-spacing: -0.05em !important;
}

.pcpls5 {
  letter-spacing: 0.05em !important;
}

.pcnls10 {
  letter-spacing: -0.1em !important;
}

.pcpls10 {
  letter-spacing: 0.1em !important;
}

.pcnls15 {
  letter-spacing: -0.15em !important;
}

.pcpls15 {
  letter-spacing: 0.15em !important;
}

.pcnls20 {
  letter-spacing: -0.2em !important;
}

.pcpls20 {
  letter-spacing: 0.2em !important;
}

.pcnls25 {
  letter-spacing: -0.25em !important;
}

.pcpls25 {
  letter-spacing: 0.25em !important;
}

.pcnls30 {
  letter-spacing: -0.3em !important;
}

.pcpls30 {
  letter-spacing: 0.3em !important;
}

.pcnls35 {
  letter-spacing: -0.35em !important;
}

.pcpls35 {
  letter-spacing: 0.35em !important;
}

.pcnls40 {
  letter-spacing: -0.4em !important;
}

.pcpls40 {
  letter-spacing: 0.4em !important;
}

.pcnls45 {
  letter-spacing: -0.45em !important;
}

.pcpls45 {
  letter-spacing: 0.45em !important;
}

.pcnls50 {
  letter-spacing: -0.5em !important;
}

.pcpls50 {
  letter-spacing: 0.5em !important;
}/*# sourceMappingURL=common.css.map */