@charset "UTF-8";
/* @docs
label: Core Remedies
version: 0.1.0-beta.2

note: |
  These remedies are recommended
  as a starter for any project.

category: file
*/
/* @docs
label: Box Sizing

note: |
  Use border-box by default, globally.

category: global
*/
*, ::before, ::after {
  box-sizing: border-box; }

/* @docs
label: Line Sizing

note: |
  Consistent line-spacing,
  even when inline elements have different line-heights.

links:
  - https://drafts.csswg.org/css-inline-3/#line-sizing-property

category: global
*/
html {
  line-sizing: normal; }

/* @docs
label: Body Margins

note: |
  Remove the tiny space around the edge of the page.

category: global
*/
body {
  margin: 0; }

/* @docs
label: Hidden Attribute

note: |
  Maintain `hidden` behaviour when overriding `display` values.

  category: global
*/
[hidden] {
  display: none; }

/* @docs
label: Heading Sizes

note: |
  Switch to rem units for headings

category: typography
*/
h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.17rem; }

h4 {
  font-size: 1.00rem; }

h5 {
  font-size: 0.83rem; }

h6 {
  font-size: 0.67rem; }

/* @docs
label: H1 Margins

note: |
  Keep h1 margins consistent, even when nested.

category: typography
*/
h1 {
  margin: 0.67em 0; }

/* @docs
label: Pre Wrapping

note: |
  Overflow by default is bad...

category: typography
*/
pre {
  white-space: pre-wrap; }

/* @docs
label: Horizontal Rule

note: |
  1. Solid, thin horizontal rules
  2. Remove Firefox `color: gray`
  3. Remove default `1px` height, and common `overflow: hidden`

category: typography
*/
hr {
  border-style: solid;
  border-width: 1px 0 0;
  color: inherit;
  height: 0;
  overflow: visible; }

/* @docs
label: Responsive Embeds

note: |
  1. Block display is usually what we want
  2. Remove strange space-below in case authors overwrite the display value
  3. Responsive by default
  4. Audio without `[controls]` remains hidden by default

category: embedded elements
*/
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
  max-width: 100%; }

audio:not([controls]) {
  display: none; }

/* @docs
label: Responsive Images

note: |
  These new elements display inline by default,
  but that's not the expected behavior for either one.
  This can interfere with proper layout and aspect-ratio handling.

  1. Remove the unnecessary wrapping `picture`, while maintaining contents
  2. Source elements have nothing to display, so we hide them entirely

category: embedded elements
*/
picture {
  display: contents; }

source {
  display: none; }

/* @docs
label: Aspect Ratios

note: |
  Maintain intrinsic aspect ratios when `max-width` is applied.
  `iframe`, `embed`, and `object` are also embedded,
  but have no intrinsic ratio,
  so their `height` needs to be set explicitly.

category: embedded elements
*/
img, svg, video, canvas {
  height: auto; }

/* @docs
label: Audio Width

note: |
  There is no good reason elements default to 300px,
  and audio files are unlikely to come with a width attribute.

category: embedded elements
*/
audio {
  width: 100%; }

/* @docs
label: Image Borders

note: |
  Remove the border on images inside links in IE 10 and earlier.

category: legacy browsers
*/
img {
  border-style: none; }

/* @docs
label: SVG Overflow

note: |
  Hide the overflow in IE 10 and earlier.

category: legacy browsers
*/
svg {
  overflow: hidden; }

/* @docs
label: HTML5 Elements

note: |
  Default block display on HTML5 elements

category: legacy browsers
*/
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

/* @docs
label: Checkbox & Radio Inputs

note: |
  1. Add the correct box sizing in IE 10
  2. Remove the padding in IE 10

category: legacy browsers
*/
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0; }

/*
** project
** ¥×¥í¥¸¥§¥¯¥È
*/
/* @group base */
* {
  color: #34435F;
  font-family: "ÓÎ¥´¥·¥Ã¥¯", YuGothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 18px; }

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6, p, dl, ul, ol, table {
  margin: 0 0 20px 0;
  line-height: 1.7; }

i, em, u, b {
  font-style: normal;
  text-decoration: none; }

ul {
  list-style: none;
  padding: 0; }

ol {
  list-style: none;
  padding: 0; }

dl dt {
  font-weight: bold; }
dl dd {
  margin-left: 0; }

a {
  text-decoration: none; }
  a:hover {
    transition: .2s ease-in-out; }

/* @end */
/* @group component */
h1 {
  font-family: "M PLUS 1p", sans-serif; }

p.btn {
  text-align: center; }
  p.btn a {
    display: inline-block;
    margin: 0 auto;
    min-width: 200px;
    text-align: center;
    padding: 15px;
    border: 1px solid #63CDD5;
    color: #63CDD5;
    border-radius: 30px;
    font-weight: bold;
    font-size: 15px;
    position: relative; }
    p.btn a::after {
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      border-right: 1px solid #63CDD5;
      border-bottom: 1px solid #63CDD5;
      transform: rotate(-45deg);
      position: absolute;
      right: 15px;
      top: 40%; }
    p.btn a:hover {
      background: #63CDD5;
      color: #fff; }
      p.btn a:hover::after {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff; }
  p.btn.inversion a {
    background: #63CDD5;
    color: #fff; }
    p.btn.inversion a::after {
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff; }
    p.btn.inversion a:hover {
      background: #fff;
      color: #63CDD5; }
      p.btn.inversion a:hover::after {
        border-right: 1px solid #63CDD5;
        border-bottom: 1px solid #63CDD5; }
  p.btn.inversion.pink a {
    background: #FF7499;
    border: 1px solid #FF7499; }
    p.btn.inversion.pink a:hover {
      background: #fff;
      color: #FF7499; }
      p.btn.inversion.pink a:hover::after {
        border-right: 1px solid #FF7499;
        border-bottom: 1px solid #FF7499; }

ul.disc li {
  padding-left: 1.2em;
  text-indent: -1.2em;
  line-height: 1.4;
  margin-bottom: 5px; }
  ul.disc li::before {
    content: "¡ñ";
    display: inline;
    padding-right: 0.2em;
    color: #63CDD5; }

ul.arrow li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.4em;
  height: 0.4em;
  border-right: 2px solid #63CDD5;
  border-bottom: 2px solid #63CDD5;
  margin-right: 0.5em;
  transform: rotate(-45deg); }

ul.circle-arrow li {
  position: relative; }
  ul.circle-arrow li::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: #63CDD5;
    border-radius: 50%;
    margin-right: 0.3em; }
  ul.circle-arrow li::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
    left: 0.2em;
    top: 0.5em; }

ol {
  list-style: none;
  counter-reset: ol_li;
  /* ol_li ¥«¥¦¥ó¥¿¤ò¥»¥Ã¥È¤¹¤ë(‚Ž¤â¥ê¥»¥Ã¥È) */ }
  ol li::before {
    margin-right: .2em;
    counter-increment: ol_li;
    /* ol_li ¥«¥¦¥ó¥¿¤Î‚Ž¤Ë1¼Ó¤¨¤ë */
    content: counter(ol_li);
    /* before”MËÆÒªËؤÎcontent¤Ç³öÁ¦ */
    color: #63CDD5; }

ol.parentheses {
  list-style-type: none;
  counter-reset: ol_li;
  /* ol_li ¥«¥¦¥ó¥¿¤ò¥»¥Ã¥È¤¹¤ë(‚Ž¤â¥ê¥»¥Ã¥È) */ }
  ol.parentheses li::before {
    margin-right: .2em;
    counter-increment: ol_li;
    /* ol_li ¥«¥¦¥ó¥¿¤Î‚Ž¤Ë1¼Ó¤¨¤ë */
    content: "(" counter(ol_li) ") ";
    color: #63CDD5; }

dl.purpose {
  width: 100%; }
  dl.purpose dt {
    background: #FF7499;
    color: #fff;
    padding: 10px;
    text-align: center; }
  dl.purpose dd {
    background: #F9F9F9;
    padding: 10px; }
    dl.purpose dd ul {
      margin-bottom: 0; }
      dl.purpose dd ul li {
        font-size: 16px; }
        dl.purpose dd ul li::before {
          color: #FF7499; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px; }
  table thead tr {
    background: #63CDD5; }
    table thead tr th, table thead tr td {
      color: #fff;
      font-weight: normal;
      font-size: 16px;
      border-left: 1px solid #efefef;
      border-bottom: 1px solid #efefef;
      padding: 15px 5px;
      line-height: 1.4; }
      table thead tr th:first-child, table thead tr td:first-child {
        border-left: none; }
  table tbody tr th {
    font-weight: normal; }
  table tbody tr th, table tbody tr td {
    font-size: 16px;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 15px 5px;
    line-height: 1.4; }
    table tbody tr th:first-child, table tbody tr td:first-child {
      border-left: none; }
  table tbody tr:nth-child(even) {
    background: #F9F9F9; }

.note {
  font-size: 15px; }

.textcenter {
  text-align: center; }

.textright {
  text-align: right; }

.cont_bg {
  padding: 20px;
  background: #eee; }

/* @group form */
input[type=radio],
input[type=checkbox] {
  display: none; }

input + label {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
  margin: 0;
  cursor: pointer;
  position: relative;
  line-height: 1.4; }

input + label:before {
  content: '';
  position: absolute;
  display: block;
  border: 1px solid #999;
  background-color: #fff; }

input[type=radio] + label:before {
  top: 0.1em;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%; }

input[type=checkbox] + label:before {
  content: '';
  position: absolute;
  display: block;
  top: 0.1em;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  border-radius: 4px;
  background: #999; }

input[type=checkbox] + label:after {
  content: '';
  position: absolute;
  display: block;
  top: 0.25em;
  left: 0.4em;
  width: 0.4em;
  height: 0.8em;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type=checkbox]:checked + label:before {
  background: #63CDD5;
  border: none; }

input[type=checkbox]:checked + label:after {
  content: '';
  position: absolute;
  display: block;
  top: 0.25em;
  left: 0.4em;
  width: 0.4em;
  height: 0.8em;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type=radio]:checked + label:after {
  content: '';
  position: absolute;
  display: block;
  top: 0.3em;
  left: 0.2em;
  width: 0.8em;
  height: 0.8em;
  border-radius: 11px;
  background-color: #63CDD5; }

select,
input[type=text],
textarea {
  border-radius: 4px;
  border: none;
  background-color: #fff;
  padding: 0.5em 1em;
  background: #eee;
  margin-bottom: 10px; }
  select:focus,
  input[type=text]:focus,
  textarea:focus {
    outline: 1px solid #63CDD5;
    border-radius: 4px; }

label.select {
  position: relative;
  display: inline-block;
  width: 200px;
  border-radius: 4px;
  background: #eee;
  margin-bottom: 10px;
  padding: 0; }

label.select:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 2em;
  height: 100%;
  background: #63CDD5;
  border-radius: 0 4px 4px 0; }

label.select:after {
  content: "";
  position: absolute;
  top: 0.5em;
  right: 0.7em;
  display: block;
  width: 0.6em;
  height: 0.6em;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: rotate(45deg); }

select {
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 200px;
  padding: 0.5em 1em;
  border: none;
  border-radius: 5px;
  background: transparent;
  margin: 0; }

::-ms-expand {
  display: none; }

input[type=text] {
  width: 100%; }

input[type=text].input_err {
  border: 1px solid #c44;
  background-color: #fdd; }

/* @end */
/* @end */
/* @group utility */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

.pcnone {
  display: block; }

.spnone {
  display: none; }

.flex {
  display: flex;
  flex-direction: column; }
  .flex img {
    margin: 0 auto; }
  .flex.row {
    flex-direction: row;
    flex-wrap: wrap; }

.inner {
  max-width: 1060px;
  margin: 0 auto;
  padding: 10px; }

/* @end */
/* @group header */
header {
  position: relative; }
  header .sitetitle h1 {
    color: #63CDD5;
    padding: 20px;
    text-align: left;
    margin: 0;
    font-weight: 300;
    line-height: 1.4; }
    header .sitetitle h1 a {
      color: #63CDD5;
      font-family: "M PLUS 1p", sans-serif;
      font-size: 23px;
      display: block; }
    header .sitetitle h1 span {
      font-family: "M PLUS 1p", sans-serif;
      color: #5D697F;
      display: block;
      font-size: 13px; }
  header .title {
    padding-top: 17%;
    padding-bottom: 3%;
    background: url(/sankaku/researcher/images/title_bg.svg) no-repeat center top;
    background-size: cover; }
    header .title h1 {
      text-align: center;
      font-size: 26px;
      background: #63CDD5;
      color: #fff;
      max-width: 487px;
      margin: 0 auto;
      padding: 30px 10px;
      font-weight: 300; }
  header nav.g-nav p.menu_btn {
    position: absolute;
    top: 0;
    right: 0; }
    header nav.g-nav p.menu_btn span.material-icons {
      display: block;
      padding: 10px;
      color: #fff;
      background: #63CDD5;
      text-align: center; }
      header nav.g-nav p.menu_btn span.material-icons.menu {
        display: block; }
      header nav.g-nav p.menu_btn span.material-icons.close {
        display: none; }
    header nav.g-nav p.menu_btn.active span.menu {
      display: none; }
    header nav.g-nav p.menu_btn.active span.close {
      display: block; }
  header nav.g-nav ul {
    margin-bottom: 10px;
    display: none; }
    header nav.g-nav ul li a {
      height: 100%;
      font-family: "EB Garamond", serif;
      font-size: 28px;
      text-align: center;
      display: block;
      font-style: italic;
      padding: 15px 20px;
      background: #63CDD5;
      color: #fff; }
      header nav.g-nav ul li a:hover {
        opacity: 0.7; }
      header nav.g-nav ul li a span {
        font-family: "M PLUS 1p", sans-serif;
        font-size: 13px;
        display: block;
        font-style: normal;
        color: #fff;
        font-weight: 300; }
  header nav.sub-nav ul {
    justify-content: center;
    flex-direction: row;
    margin-bottom: 0; }
    header nav.sub-nav ul li {
      border-right: 1px solid #63CDD5; }
      header nav.sub-nav ul li:first-child {
        border-left: 1px solid #63CDD5; }
      header nav.sub-nav ul li a {
        display: block;
        padding: 5px;
        font-size: 13px; }
        header nav.sub-nav ul li a:hover {
          opacity: 0.7; }

/* @end */
/* @group footer */
footer {
  text-align: center; }
  footer .address {
    background: #F7F7F7;
    padding: 90px 0; }
    footer .address h2 {
      font-size: 18px;
      font-weight: normal; }
    footer .address p {
      font-size: 15px; }
  footer .copy {
    background: #63CDD5;
    padding: 15px; }
    footer .copy small {
      color: #fff;
      font-size: 14px; }

/* @end */
/* @group main */
main {
  margin-bottom: 50px; }
  main section {
    padding: 25px 0 0; }
  main h1 {
    color: #63CDD5;
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 300; }
  main h2 {
    background: #63CDD5;
    color: #fff;
    font-size: 24px;
    padding: 15px 13px;
    line-height: 1.4;
    font-weight: 500; }
  main h3 {
    background: #E0F5F7;
    color: #FF7499;
    font-size: 20px;
    padding: 10px 15px;
    line-height: 1.4;
    margin-bottom: 15px; }
    main h3 span {
      font-weight: normal;
      font-size: 18px; }
  main h4 {
    font-size: 20px;
    margin-bottom: 10px; }
  main h5, main h6 {
    font-size: 18px;
    margin-bottom: 0; }
  main hr {
    border-top: 5px solid #E0F5F7;
    margin: 30px 0; }

/* @end */
/* @group top */
#top header .title {
  padding-top: 20%;
  padding-bottom: 20%;
  background: url(/sankaku/researcher/images/top_title_bg.svg) no-repeat top center;
  background-size: cover; }
  #top header .title h1 {
    margin: 0 auto 0 0;
    font-size: 38px;
    max-width: 633px;
    line-height: 1.4; }
    #top header .title h1 span {
      display: block;
      font-size: 28px;
      color: #fff; }
#top main {
  margin-bottom: 0; }
  #top main h2 {
    background: none;
    color: #63CDD5;
    text-align: center; }
    #top main h2 span {
      display: block;
      font-weight: normal; }
  #top main .btn a {
    font-size: 18px; }
#top .summary {
  padding-top: 10%;
  padding-bottom: 10%;
  background: url(/sankaku/researcher/images/top_summary_bg.svg) no-repeat top center;
  background-size: contain; }
  #top .summary h2 {
    font-family: "EB Garamond", serif;
    font-size: 47px;
    font-weight: 400; }
    #top .summary h2 span {
      font-size: 18px;
      font-family: "M PLUS 1p", sans-serif;
      font-weight: 300;
      letter-spacing: 5px; }
  #top .summary p {
    max-width: 774px;
    margin: 0 auto 40px;
    font-size: 18px;
    line-height: 1.8; }
  #top .summary .text {
    flex: 2; }
  #top .summary .booklet {
    flex: 1;
    padding: 20px; }
    #top .summary .booklet span.note {
      display: block;
      line-height: 1.4;
      font-size: 13px; }
    #top .summary .booklet img {
      padding-bottom: 20px; }
#top .links {
  padding: 0; }
  #top .links h2 {
    color: #34435F;
    font-family: "Hannari", serif;
    font-size: 40px;
    font-weight: 300; }
#top .links_rolemodel {
  padding: 20px;
  background: url(/sankaku/researcher/images/top_rolemodel.jpg) no-repeat center center;
  background-size: cover; }
  #top .links_rolemodel div.bg {
    background: url(/sankaku/researcher/images/top_rolemodel_bg.png) no-repeat center center rgba(33, 184, 195, 0.7);
    padding: 80px 20px;
    width: 100%;
    height: 100%; }
  #top .links_rolemodel h3 {
    color: #fff;
    font-size: 40px;
    font-family: "La Belle Aurore", cursive;
    background: none;
    line-height: 1.4;
    font-weight: 300;
    text-align: center; }
    #top .links_rolemodel h3 i {
      display: block;
      color: #fff;
      font-family: "M PLUS 1p", sans-serif;
      letter-spacing: 2px;
      margin-bottom: 5px; }
    #top .links_rolemodel h3 span {
      display: block;
      text-align: center;
      font-size: 30px;
      color: #fff;
      font-family: "M PLUS 1p", sans-serif;
      letter-spacing: 2px; }
#top .links_female_researchers {
  padding: 20px;
  text-align: center;
  background: #FF7499; }
  #top .links_female_researchers h3 {
    color: #fff;
    font-size: 40px;
    font-family: "La Belle Aurore", cursive;
    line-height: 1.4;
    background: none;
    line-height: 1;
    font-weight: 300;
    text-align: center; }
    #top .links_female_researchers h3 i {
      display: block;
      color: #fff;
      font-family: "M PLUS 1p", sans-serif;
      letter-spacing: 2px;
      margin-bottom: 5px; }
    #top .links_female_researchers h3 span {
      display: block;
      font-size: 26px;
      color: #fff;
      font-family: "M PLUS 1p", sans-serif;
      letter-spacing: 2px; }
  #top .links_female_researchers img {
    margin: 0 auto 20px; }

/* @end */
/* @group summary */
#summary main .flex div {
  flex: 1;
  padding: 10px; }
  #summary main .flex div div {
    padding: 5px; }
#summary main .flex > li {
  flex: 1;
  padding: 10px; }
#summary main .flex .fl2 {
  flex: 2; }
#summary main .flex .fl3 {
  flex: 3; }
#summary main .flex .fl4 {
  flex: 4; }
#summary main ul.flex.col50 {
  flex-wrap: wrap; }
  #summary main ul.flex.col50 li {
    flex: auto; }
#summary main ul.project li {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4; }
  #summary main ul.project li strong {
    background: #63CDD5;
    color: #fff;
    font-size: 20px;
    padding: 0 15px;
    display: block;
    margin-bottom: 5px;
    text-align: center; }
#summary main ul.pamplist {
  flex-direction: row;
  flex-wrap: wrap; }
  #summary main ul.pamplist li {
    width: 48%;
    flex: auto; }
#summary main .result01 .text h4 {
  background: #63CDD5;
  padding: 5px 10px;
  width: auto;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  margin-bottom: 5px; }
#summary main .result01 .text dl.flex {
  margin-bottom: 5px; }
#summary main .result01 .text ul.disc {
  margin-bottom: 5px; }
#summary main .result01 .text p.enqu {
  line-height: 1.4;
  margin-left: 1em;
  text-indent: -1em;
  padding-right: 70px;
  position: relative;
  margin-bottom: 0; }
  #summary main .result01 .text p.enqu em {
    text-indent: 0;
    font-size: 20px;
    background: #FF7499;
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 12px 5px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0; }
#summary main .result01 .text p.symposium-theme {
  font-size: 16px;
  line-height: 1.4; }
  #summary main .result01 .text p.symposium-theme em {
    font-size: 20px;
    display: block;
    line-height: 1.4;
    font-weight: bold; }
  #summary main .result01 .text p.symposium-theme span.pink {
    color: #FF7499;
    font-size: 16px; }
#summary main .result02 .outcome {
  display: flex;
  margin-bottom: 20px; }
  #summary main .result02 .outcome h5 {
    background: #FFE100;
    padding: 15px 10px;
    width: 70px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 30px;
    margin-right: 5px;
    border-radius: 50%; }
  #summary main .result02 .outcome p.cont_bd {
    border: 3px solid #FFE100;
    padding: 10px 5px;
    position: relative;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    line-height: 1.4; }
    #summary main .result02 .outcome p.cont_bd span {
      display: inline-block;
      background: #FFE100;
      padding: 3px 10px;
      font-weight: 400;
      position: absolute;
      left: -15px;
      top: -25px; }
    #summary main .result02 .outcome p.cont_bd em {
      font-size: 26px;
      font-weight: bold; }
#summary main .result02 ul.graphlist li {
  padding: 20px 10px;
  font-size: 15px; }
  #summary main .result02 ul.graphlist li img {
    margin-top: 10px; }
#summary main .result02 .balance {
  margin-bottom: 30px; }
  #summary main .result02 .balance div.flex {
    border: 1px solid #63CDD5; }
    #summary main .result02 .balance div.flex div {
      border: 1px solid #63CDD5;
      padding: 15px; }
  #summary main .result02 .balance h4 {
    font-size: 16px;
    background: #E0F5F7;
    padding: 5px 10px; }
  #summary main .result02 .balance dl {
    margin-bottom: 0; }
    #summary main .result02 .balance dl dt {
      font-size: 16px; }
    #summary main .result02 .balance dl dd {
      border-bottom: 1px dotted #63CDD5;
      margin-bottom: 15px; }
      #summary main .result02 .balance dl dd:last-child {
        border-bottom: none;
        margin-bottom: 0; }
        #summary main .result02 .balance dl dd:last-child ul.disc {
          margin-bottom: 0; }
    #summary main .result02 .balance dl ul.disc li {
      font-size: 14px; }
#summary main p.catch em {
  font-size: 25px;
  color: #63CDD5;
  line-height: 1.4; }
#summary main .photo img {
  margin-bottom: 10px; }
#summary main .photo .introduction {
  text-align: center;
  line-height: 1.2; }
  #summary main .photo .introduction strong {
    display: block;
    font-size: 28px;
    font-weight: normal; }
  #summary main .photo .introduction i {
    color: #63CDD5;
    display: block;
    margin-bottom: 10px; }
#summary main .photo .note {
  line-height: 1.2; }
  #summary main .photo .note em {
    display: block;
    color: #63CDD5;
    font-weight: 15px;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 5px; }
#summary main .appendix .inner {
  border-top: 1px solid #34435F;
  border-bottom: 1px solid #34435F; }
#summary main .appendix h2 {
  font-size: 20px;
  text-align: left;
  background: none;
  color: #34435F;
  font-weight: bold;
  padding: 0; }
#summary main .appendix h3 {
  font-size: 18px;
  padding: 0;
  background: none;
  color: #63CDD5; }
#summary main .appendix p {
  font-size: 15px;
  line-height: 1.4; }
  #summary main .appendix p a {
    font-size: 15px; }
#summary main .appendix ul {
  margin-bottom: 0; }
  #summary main .appendix ul li {
    font-size: 14px; }

/* @end */
/* @group rolemodel */
#rolemodel main table.researchers_list td {
  font-size: 14px; }
#rolemodel main .female_researchers_list ul.flex {
  justify-content: space-between;
  border: 1px solid #63CDD5; }
  #rolemodel main .female_researchers_list ul.flex li {
    border: 1px solid #63CDD5; }
    #rolemodel main .female_researchers_list ul.flex li a {
      display: block;
      padding: 20px;
      position: relative; }
      #rolemodel main .female_researchers_list ul.flex li a img {
        display: block;
        margin-left: 0;
        max-width: 50%; }
      #rolemodel main .female_researchers_list ul.flex li a div {
        position: absolute;
        top: 20%;
        left: 53%;
        padding-right: 20px; }
        #rolemodel main .female_researchers_list ul.flex li a div span {
          display: block;
          line-height: 1.4; }
        #rolemodel main .female_researchers_list ul.flex li a div strong {
          display: block;
          font-size: 24px;
          font-weight: normal; }
        #rolemodel main .female_researchers_list ul.flex li a div i {
          display: block;
          color: #63CDD5;
          font-size: 14px;
          line-height: 1.4;
          margin-bottom: 5px; }
      #rolemodel main .female_researchers_list ul.flex li a:hover {
        opacity: 0.7; }
#rolemodel main .female_researchers_list.nav ul.flex {
  flex-direction: row; }
  #rolemodel main .female_researchers_list.nav ul.flex li a {
    padding: 0; }
    #rolemodel main .female_researchers_list.nav ul.flex li a div {
      top: 15%;
      padding-right: 5px; }
      #rolemodel main .female_researchers_list.nav ul.flex li a div span {
        font-size: 14px;
        line-height: 1.4; }
      #rolemodel main .female_researchers_list.nav ul.flex li a div strong {
        font-size: 24px;
        line-height: 1.4; }
      #rolemodel main .female_researchers_list.nav ul.flex li a div i {
        font-size: 14px;
        display: block;
        color: #63CDD5; }
  #rolemodel main .female_researchers_list.nav ul.flex ul.slick-dots li {
    border: none;
    width: auto; }
  #rolemodel main .female_researchers_list.nav ul.flex .slick-prev:before, #rolemodel main .female_researchers_list.nav ul.flex .slick-next:before {
    color: #FF7499; }
  #rolemodel main .female_researchers_list.nav ul.flex .slick-next {
    right: 15px;
    z-index: 100; }
  #rolemodel main .female_researchers_list.nav ul.flex .slick-prev {
    left: 15px;
    z-index: 100; }
#rolemodel main .lead .text {
  padding: 10px 0 10px; }
#rolemodel main .lead h2.name {
  background: none;
  font-weight: normal;
  padding: 0; }
  #rolemodel main .lead h2.name span {
    display: block;
    font-size: 24px; }
  #rolemodel main .lead h2.name strong {
    font-weight: normal;
    font-size: 40px;
    display: inline-block;
    margin-right: 30px; }
  #rolemodel main .lead h2.name i {
    font-size: 17px;
    display: inline-block;
    color: #70C4C4; }
#rolemodel main .theme .subtitle {
  margin: 0;
  background: #63CDD5;
  color: #fff;
  width: 132px;
  text-align: center;
  font-size: 18px; }
#rolemodel main .infomation .inner {
  border: 5px solid #63CDD5;
  padding: 20px; }
#rolemodel main .infomation strong {
  font-size: 21px; }
#rolemodel main .infomation .research_area {
  margin-bottom: 20px; }
  #rolemodel main .infomation .research_area strong {
    color: #EA6D81;
    float: left; }
    #rolemodel main .infomation .research_area strong::after {
      display: block;
      content: "";
      width: 70px;
      height: 70px;
      background: url(/sankaku/researcher/images/rolemodel/icon_research_area.svg) no-repeat center center;
      background-size: contain; }
  #rolemodel main .infomation .research_area p {
    padding-left: 100px;
    padding-top: 30px; }
#rolemodel main .infomation .keyword strong {
  color: #8EC33F;
  float: left; }
  #rolemodel main .infomation .keyword strong::after {
    display: block;
    content: "";
    width: 70px;
    height: 70px;
    background: url(/sankaku/researcher/images/rolemodel/icon_keyword.svg) no-repeat center center;
    background-size: contain; }
#rolemodel main .infomation .keyword ul.disc {
  padding-left: 100px;
  padding-top: 30px; }
  #rolemodel main .infomation .keyword ul.disc li {
    margin-bottom: 0; }
    #rolemodel main .infomation .keyword ul.disc li::before {
      color: #8EC33F; }

/* @end */
/* ¥¿¥Ö¥ì¥Ã¥ÈÒÔÉÏ */
@media print, screen and (min-width: 768px) {
  /* @group base */
  /* @end */
  /* @group component */
  dl.purpose {
    display: flex; }
    dl.purpose dt {
      width: 15%; }
    dl.purpose dd {
      width: 85%; }

  /* @end */
  /* @group utility */
  .pcnone {
    display: none; }

  .spnone {
    display: block; }

  .flex {
    flex-direction: row;
    justify-content: space-between; }
    .flex.col50 div {
      width: 50%; }
    .flex.col48 div {
      width: 48%; }

  /* @end */
  /* @group header */
  header .sitetitle h1 {
    color: #63CDD5;
    padding: 20px;
    margin: 0;
    font-weight: 300; }
    header .sitetitle h1 a {
      color: #63CDD5;
      font-family: "M PLUS 1p", sans-serif;
      font-size: 25px;
      display: block; }
    header .sitetitle h1 span {
      font-family: "M PLUS 1p", sans-serif;
      color: #5D697F;
      display: block;
      font-size: 14px; }
  header nav.g-nav p.menu_btn {
    display: none; }
  header nav.g-nav ul {
    display: flex; }
    header nav.g-nav ul li {
      margin-left: 10px; }
  header nav.sub-nav ul {
    justify-content: center; }
    header nav.sub-nav ul li {
      padding: 5px 20px;
      border-right: 1px solid #63CDD5; }
      header nav.sub-nav ul li:first-child {
        border-left: 1px solid #63CDD5; }
      header nav.sub-nav ul li a {
        display: block;
        font-size: 16px; }
        header nav.sub-nav ul li a:hover {
          opacity: 0.7; }

  /* @end */
  /* @group footer */
  /* @end */
  /* @group main */
  main {
    margin-bottom: 100px; }
    main section {
      padding-bottom: 25px; }
    main hr {
      margin: 40px 0; }

  /* @end */
  /* @group top */
  #top main .btn a {
    min-width: 300px; }
  #top main .links_rolemodel {
    padding: 40px; }

  /* @end */
  /* @group summary */
  #summary main ul.flex.col50 {
    flex-wrap: wrap; }
    #summary main ul.flex.col50 li {
      width: 50%;
      flex: auto; }
  #summary main ul.project li strong {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px; }
  #summary main ul.graphlist {
    flex-wrap: wrap; }
    #summary main ul.graphlist li {
      width: 48%;
      flex: auto; }
  #summary main .result01 .text dl.flex {
    flex-wrap: wrap;
    flex: auto; }
    #summary main .result01 .text dl.flex dt {
      width: 25%;
      flex: auto; }
    #summary main .result01 .text dl.flex dd {
      width: 75%;
      flex: auto; }
  #summary main .result01 .text ul.disc {
    margin-left: 1em; }
  #summary main .result01 .text p.enqu {
    padding-right: 55px; }
    #summary main .result01 .text p.enqu em {
      top: -10px; }
  #summary main p.catch em {
    font-size: 34px; }

  /* @end */
  /* @group rolemodel */
  #rolemodel main .female_researchers_list ul.flex {
    flex-wrap: wrap; }
    #rolemodel main .female_researchers_list ul.flex li {
      width: 50%; }
      #rolemodel main .female_researchers_list ul.flex li a div {
        top: 25%; }
        #rolemodel main .female_researchers_list ul.flex li a div strong {
          font-size: 28px; }
  #rolemodel main .female_researchers_list.nav ul.flex li {
    width: 25%; }
    #rolemodel main .female_researchers_list.nav ul.flex li a {
      padding: 10px; }
      #rolemodel main .female_researchers_list.nav ul.flex li a div {
        top: 20%; }
        #rolemodel main .female_researchers_list.nav ul.flex li a div span {
          font-size: 1.09375vw; }
        #rolemodel main .female_researchers_list.nav ul.flex li a div strong {
          font-size: 2.03125vw; }
        #rolemodel main .female_researchers_list.nav ul.flex li a div i {
          font-size: 1.09375vw;
          margin-bottom: 5px; }
  #rolemodel main .lead .photo {
    width: 20%; }
  #rolemodel main .lead .text {
    width: 75%; }
  #rolemodel main .infomation .flex {
    justify-content: space-around; }
  #rolemodel main .infomation .research_area {
    width: auto;
    margin-bottom: 0;
    padding-left: 30px; }
  #rolemodel main .infomation .keyword {
    width: auto; }
    #rolemodel main .infomation .keyword ul.disc {
      max-width: 480px; }
      #rolemodel main .infomation .keyword ul.disc li {
        display: inline-block;
        padding-left: 0;
        padding-right: 1em;
        text-indent: 0;
        margin-bottom: 0; }

  /* @end */ }
/* PC 1280over */
@media only screen and (min-width: 1280px) {
  #rolemodel main .female_researchers_list.nav ul.flex li a div {
    top: 25%; }
    #rolemodel main .female_researchers_list.nav ul.flex li a div span {
      font-size: 14px;
      line-height: 1.4; }
    #rolemodel main .female_researchers_list.nav ul.flex li a div strong {
      font-size: 26px; }
    #rolemodel main .female_researchers_list.nav ul.flex li a div i {
      font-size: 14px; } }
@media print {
  body {
    width: 1280px; }

  /* Ó¡Ë¢•r¤Ë»­Ãæ¤È‰ä¸ü¤¹¤ë¥¹¥¿¥¤¥ë¤ò¶¨Áx */ }