@charset "UTF-8";
/* CSS Document */

/* Color */
/* 心理 #56A8C8 rgba(86,168,200,1)　：　hover #1D6F9D */

#shinri #page-title .base { background: rgba(86,168,200,1); background: linear-gradient(0deg, rgba(86,168,200,1) 0%, rgba(86,168,200,.6) 100%); }
#shinri #page-title h1 strong { color: #56A8C8; }
#shinri #page-title h1 strong span { color: #FFF; }
.shinri-bg { background: rgba(86,168,200,.2); }

/* Index */
#shinri #index-column ul li a { background: linear-gradient(0deg, rgba(86,168,200,.6) 0%, rgba(86,168,200,1) 100%); }
#shinri #index-column ul li a:hover { background: linear-gradient(0deg, rgba(86,168,200,.8) 0%, rgba(86,168,200,1) 100%); }

/* About */
#index-read h2 { font-size: 1.8rem; line-height: 1.4; text-align: center; color: #56A8C8; margin-bottom: 1rem; }
#index-read p { font-size: 1.1rem; line-height: 1.8; text-align: center; }
#index-read p span::before { content: "\A"; white-space: pre; }
#shinri-field h2 { font-size: 1.8rem; line-height: 1.3; text-align: center; color: #56A8C8; margin-bottom: 1.5rem; }
#field-box { margin-bottom: 4.5rem; display: flex; justify-content: space-between; position: relative; }
#field-box::before { content: ""; width: 2rem; height: 1rem; background: #56A8C8; clip-path: polygon(0 0,100% 0,50% 100%); position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%); }
#field-box::after { content: ""; width: 2rem; height: 1rem; background: #56A8C8; clip-path: polygon(0 0,100% 0,50% 100%); position: absolute; bottom: -3.5rem; left: 50%; transform: translateX(-50%); }
#field-box dl { width: calc(48% - 2rem); padding: 1rem; border-radius: 1rem; background: rgba(86,168,200,.2); }
#field-box dl dt { font-size: 1.5rem; line-height: 1.3; font-weight: bold; text-align: center; color: #FFF; padding: .3rem .2rem; border-radius: .5rem; background: #56A8C8; }
#field-box dl dd { padding-top: .2rem; }
#field-box dl dd ul li { padding: .5rem 0; border-bottom: dotted 1px #56A8C8; }
#field-box dl dd ul li h3 { font-size: 1.1rem; line-height: 1.3; font-weight: bold; text-align: center; color: #56A8C8; padding-bottom: .1rem; }
#field-box dl dd ul li p { line-height: 1.6; text-align: justify; }
#field-box dl dd p.etc { text-align: center; padding-top: .5rem; }
#makeuse { padding: 2rem 1rem 1rem 1rem; border-radius: 1rem; background: #FFF; }
#makeuse h3 { font-size: 1.5rem; line-height: 1.3; text-align: center; color: #56A8C8; padding-bottom: 1rem; }
#makeuse h3 strong { padding: 0 1.2rem; position: relative; }
#makeuse h3 strong::before { content: ""; width: 2px; height: 2rem; background: #56A8C8; position: absolute; bottom: 0; left: 0; transform: skewX(30deg); }
#makeuse h3 strong::after { content: ""; width: 2px; height: 2rem; background: #56A8C8; position: absolute; bottom: 0; right: 0; transform: skewX(-30deg); }
#makeuse p { text-align: justify; }
#makeuse ul.job { padding-top: 1rem; display: flex; align-items: stretch; justify-content: space-between; }
#makeuse ul.job li { width: 28%; background: rgba(86,168,200,.2); }
#makeuse ul.job li:last-child { width: 40%; }
#makeuse ul.job li dl { }
#makeuse ul.job li dl dt { font-size: 1.1rem; line-height: 1.2; text-align: center; color: #FFF; padding: .3rem 0; background: #56A8C8; }
#makeuse ul.job li dl dd { text-align: justify; padding: .5rem 1rem; }
#makeuse .licence { padding-top: 1.5rem; }
#makeuse .licence h4 { font-size: 1.3rem; line-height: 1.3; text-align: center; margin-bottom: 1rem; padding-bottom: .3rem; border-bottom: solid 1px #CCC; }
#makeuse .licence ul { padding: .5rem 0; display: flex; justify-content: flex-start; }
#makeuse .licence ul li { padding-right: 1rem; }
#makeuse .licence ul li span { color: rgba(86,168,200,.5); }
#makeuse .licence p.attention { padding-top: .5rem; border-top: solid 1px #CCC; }
#shinri-summary { padding-bottom: 4rem; }
#shinri-summary h2 { font-size: 1.8rem; line-height: 1.3; text-align: center; color: #56A8C8; margin-bottom: 1.5rem; }
#shinri-summary p { text-align: justify; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #index-read h2 { font-size: 1.3rem; line-height: 1.4; margin-bottom: 1rem; }
  #index-read h2 span::before { content: "\A"; white-space: pre; }
  #index-read p { font-size: 1rem; line-height: 1.6; text-align: justify; }
  #index-read p span::before { content: "";  }
  #shinri-field h2 { font-size: 1.5rem; line-height: 1.3; margin-bottom: 1rem; }
  #field-box { flex-direction: column; }
  #field-box dl { width: calc(100% - 2rem); margin-bottom: 1rem; }
  #field-box dl:nth-last-of-type(1) { margin-bottom: 0; }
  #field-box dl dt { font-size: 1.3rem; line-height: 1.3; padding: .2rem .1rem; }
  #field-box dl dd ul li { padding: .5rem 0; border-bottom: dotted 1px #56A8C8; }
  #field-box dl dd ul li h3 { font-size: 1rem; line-height: 1.3; }
  #field-box dl dd ul li p { font-size: .9rem; line-height: 1.4; }
  #field-box dl dd p.etc { font-size: .9rem; line-height: 1.3; }
  #makeuse { padding: 1.5rem 1rem 1rem 1rem; }
  #makeuse h3 { font-size: 1.2rem; line-height: 1.3; }
  #makeuse h3 strong::before, #makeuse h3 strong::after { height: 1.5rem; }
  #makeuse p { line-height: 1.6; text-align: justify; }
  #makeuse ul.job { flex-direction: column; }
  #makeuse ul.job li { width: 100%; margin-bottom: .5rem; }
  #makeuse ul.job li:last-child { width: 100%; margin-bottom: 0; }
  #makeuse ul.job li dl dt { font-size: 1rem; line-height: 1.2; }
  #makeuse ul.job li dl dd { font-size: .9rem; line-height: 1.4; }
  #makeuse .licence ul { flex-direction: column; }
  #makeuse .licence p.attention { font-size: .8rem; line-height: 1.4; }
  #shinri-summary { padding-bottom: 2rem; }
  #shinri-summary h2 { font-size: 1.5rem; line-height: 1.3; margin-bottom: 1rem; }
  #shinri-summary p { line-height: 1.6; }
}


/* Lecture */
#lecture-list { padding: 2rem 0 4rem 0; display: flex; justify-content: space-between; }
#lecture-list dl { width: 48%; }
#lecture-list dl dt { font-size: 1.3rem; line-height: 1.2; text-align: center; color: #FFF; padding: .3rem 0; border-radius: 1rem; background: #56A8C8; }
#lecture-list dl dd ul li { margin-top: 1rem; }
#lecture-list dl dd ul li a { color: #56A8C8; min-height: 4.5rem; padding: .5rem 1rem; border: solid 1px #56A8C8; border-radius: 1.5rem; background: rgba(86,168,200,.2); display: flex; align-items: center; justify-content: center; }
#lecture-list dl dd ul li a:hover { color: #FFF; background: rgba(86,168,200,.8); }
#lecture-list dl dd ul li a p { font-size: 1.1rem; line-height: 1.4; font-weight: bold; text-align: center; }
#lecture-list dl dd ul li a p span::before { content: "\A"; white-space: pre; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #lecture-list { padding: 0 0 2rem 0; flex-direction: column; }
  #lecture-list dl { width: 100%; }
  #lecture-list dl:nth-of-type(1) { margin-bottom: 1rem; }
  #lecture-list dl dt { font-size: 1.1rem; line-height: 1.2; padding: .3rem 0; }
  #lecture-list dl dd ul li { margin-top: .5rem; }
  #lecture-list dl dd ul li a { height: auto; }
  #lecture-list dl dd ul li a p { font-size: 1rem; line-height: 1.3; }
  #lecture-list dl dd ul li a p span::before { content: ""; }
}

#lecture-list2 { border-bottom: solid 1px #56A8C8; }
#lecture-list2 dl { display: flex; align-items: stretch; justify-content: space-between; }
#lecture-list2 dl:nth-of-type(1) { margin-bottom: 1rem; }
#lecture-list2 dl dt { line-height: 1.3; text-align: center; color: #FFF; width: 5rem; height: 5rem; border-radius: 1rem; background: #56A8C8; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#lecture-list2 dl dd { width: calc(100% - 6rem); }
#lecture-list2 dl dd ul { display: flex; justify-content: space-between; }
#lecture-list2 dl dd ul li { line-height: 1.3; width: calc(33% - .5rem); }
#lecture-list2 dl dd ul li a { color: #56A8C8; height: calc(5rem - 2px); padding: 0 .5rem; border: solid 1px #56A8C8; border-radius: 1rem; background: rgba(86,168,200,.2); display: flex; align-items: center; justify-content: center; }
#lecture-list2 dl dd ul li a:hover { color: #FFF; background: rgba(86,168,200,.8); }
#lecture-list2 dl dd ul li a.active { color: #FFF; background: rgba(86,168,200,.8); }
#lecture-list2 dl dd ul li a p { font-size: .9rem; line-height: 1.3; text-align: center; }
#lecture-list2 dl dd ul li a p span::before { content: "\A"; white-space: pre; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #lecture-list2 dl { flex-direction: column; }
  #lecture-list2 dl dt { width: 100%; height: auto; margin-bottom: .5rem; padding: .2rem 0; display: block; }
  #lecture-list2 dl dd { width: 100%; display: flex; }
  #lecture-list2 dl dd ul { flex-direction: column; }
  #lecture-list2 dl dd ul li { line-height: 1.3; width: 100%; margin-bottom: .5rem; }
  #lecture-list2 dl dd ul li:last-child { margin-bottom: 0; }
  #lecture-list2 dl dd ul li a { height: auto; padding: .5rem; }
  #lecture-list2 dl dd ul li a p span::before { content: ""; }
}


/* Research1-3 */
#research-read h2 { text-align: center; margin-bottom: 2rem; }
#research-read h2 span { font-size: 1rem; line-height: 1.4; display: block; }
#research-read h2 strong { font-size: 1.3rem; line-height: 1.4; }
#research-read ul li { margin-bottom: 2rem; padding: 1rem; border-radius: 1rem; background: #FFF; position: relative; }
#research-read ul li:last-child { margin-bottom: 0; }
#research-read ul li h3 { font-family: "Barlow", sans-serif; font-size: 11rem; line-height: 1.2; font-weight: 500; font-style: normal; color: rgba(86,168,200,.4); font-optical-sizing: auto; width: 1rem; text-align: center; position: absolute; top: -4rem; right: 5.5rem; }
#research-read ul li dl { display: flex; align-items: flex-start; justify-content: space-between; z-index: 2; }
#research-read ul li dl dt { width: 36%; }
#research-read ul li dl dd { width: 60%; padding-top: 4.5rem; position: relative; }
#research-read ul li dl dd h4 { width: 100%; display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; z-index: 3; }
#research-read ul li dl dd h4 strong { font-size: 1.5rem; line-height: 1.2; text-align: center; color: #FFF; width: 4rem; height: 4rem; border-radius: 50%; background: #56A8C8; display: flex; align-items: center; justify-content: center; }
#research-read ul li dl dd h4 span { font-size: 1.2rem; line-height: 1.2; font-weight: bold; text-align: justify; color: #56A8C8; width: calc(100% - 4.5rem); display: block; }
#research-read ul li dl dd p { text-align: justify; }
#research-summary { border-bottom: solid 1px #56A8C8; background: rgba(86,168,200,.5); }
#research-summary dl { display: flex; justify-content: space-between; }
#research-summary dl dt { width: 32%; display: flex; flex-direction: column-reverse; }
#research-summary dl dt strong { font-size: .9rem; line-height: 1.2; text-align: center; color: #56A8C8; width: 100%; margin-bottom: 1rem; padding: .3rem 0; border: solid 1px #56A8C8; background: #FFF; display: block; }
#research-summary dl dd { width: 64%; }
#research-summary dl dd h3 { line-height: 1.2; text-align: center; color: #FFF; margin-bottom: 1rem; padding: .3rem 0; background: #56A8C8; }
#research-summary dl dd ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#research-summary dl dd ul li { line-height: 1.4; text-align: center; width: calc(49% - 2rem); height: 3.4rem; margin-bottom: .5rem; padding: 0 1rem; border-radius: .5rem; background: #FFF; display: flex; align-items: center; justify-content: center; }
#research-summary dl dd ul li.max { width: calc(100% - 2rem);}
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #research-read h2 strong { font-size: 1.1rem; line-height: 1.4; }
  #research-read ul li dl { flex-direction: column-reverse; }
  #research-read ul li dl dt { width: 100%; padding-top: .5rem; }
  #research-read ul li dl dd { width: 100%; }
  #research-read ul li dl dd h4 span { font-size: 1.1rem; line-height: 1.2; }
  #research-read ul li dl dd p { font-size: .9rem; line-height: 1.6; }
  #research-summary dl { flex-direction: column; }
  #research-summary dl dt { width: 100%; margin-bottom: 1rem; }
  #research-summary dl dt strong { margin-bottom: .5rem; }
  #research-summary dl dd { width: 100%; }
  #research-summary dl dd h3 { margin-bottom: .5rem; }
  #research-summary dl dd ul { flex-direction: column; }
  #research-summary dl dd ul li, #research-summary dl dd ul li.max { text-align: justify; width: auto; height: auto; margin-bottom: .2rem; padding: 0 0 0 1rem; background: none; display: block; position: relative; }
  #research-summary dl dd ul li::before { content: "●"; color: #56A8C8; position: absolute; left: 0; }
}


/* Lecture1-3 */
#lecture-read .inner-box { padding-bottom: 3rem; }
#lecture-read .image { width: min(100%,500px); margin: -3.5rem auto 1.5rem auto; }
#lecture-read dl {  }
#lecture-read dl dt { font-size: 1.4rem; line-height: 1.4; text-align: center; margin-bottom: 1rem; padding: .4rem 0; border-top: solid 1px #56A8C8; border-bottom: solid 1px #56A8C8; }
#lecture-read dl dt span::before { content: "\A"; white-space: pre; }
#lecture-read dl dd p { text-align: justify; column-count: 2; column-gap: 3rem; }
#lecture-teacher { border-bottom: solid 1px #56A8C8; background: rgba(86,168,200,.5); }
#lecture-teacher .inner-box { padding: 0; }
#lecture-teacher dl { display: flex; flex-direction: row-reverse; align-items: stretch; justify-content: space-between; }
#lecture-teacher dl dt { width: 26%; margin-top: -1.5rem; }
#lecture-teacher dl dd { width: 70%; padding-bottom: 1.5rem; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; }
#lecture-teacher dl dd h4 { font-size: 1rem; line-height: 1.3; }
#lecture-teacher dl dd h4 strong { font-size: 1.5rem; line-height: 1.4; padding-right: .5rem; }
#lecture-teacher dl dd p { font-size: .9rem; line-height: 1.4; text-align: right; }
@media only screen and (max-width: 520px) and (orientation: portrait) {
  #lecture-read dl dt { font-size: 1.2rem; line-height: 1.4; }
  #lecture-read dl dd p { line-height: 1.6; column-count: 1; column-gap: 0; }
  #lecture-teacher dl dt { width: 46%; }
  #lecture-teacher dl dd { width: 50%; padding-bottom: 1rem; }
  #lecture-teacher dl dd h4 { font-size: .9rem; line-height: 1.3; }
  #lecture-teacher dl dd h4 strong { font-size: 1.2rem; line-height: 1.4; }
  #lecture-teacher dl dd p { font-size: .75rem; line-height: 1.4; }
}

#subconte-link.top-line { border-top: solid 1px #56A8C8; }
#subconte-link ul li a { color: #56A8C8; border-color: #56A8C8; background: #FFF; }
#subconte-link ul li a::after { background: #56A8C8; }
#subconte-link ul li a:hover { background: rgba(86,168,200,.2); }
#subconte-link ul li a.active { color: #FFF; background: rgba(86,168,200,.8); background: linear-gradient(0deg, rgba(86,168,200,.7) 0%, rgba(86,168,200,1) 100%); }
#subconte-link ul li a.active::after { background: #FFF; }