@charset "UTF-8";

/* CSS Document */
/***** センター紹介：センター長あいさつ *****/
.greeting-area {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.greeting-area .g-intro-wrap {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.g-intro-wrap .intro-l {
  width: 45%;
  float: left;
  margin: 0 5% 0 0;
  padding: 0;
}

.g-intro-wrap .intro-r {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
}

.g-intro-wrap .intro-r .intro-r-wrap {
  width: 100%;
  margin: 50px 0 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  line-height: 160%;
  text-align: left;
}

.intro-r-wrap .intro-r-name {
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 10px;
}

.intro-r-wrap .intro-r-name .nsmall {
  font-size: 80%;
}

.intro-r-wrap .intro-r-section {
  font-size: 100%;
  font-weight: normal;
}

.greeting-txt {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  line-height: 210%;
}

/***** センター紹介：センターについて *****/
.rinen-area {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.rinen-area ul.rinen-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

.rinen-area ul.rinen-list li.rinen-item {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

li.rinen-item .rinen-mds {
  width: 100%;
  margin: 0 0 20px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.rinen-mds .rinen-mds-l {
  width: 10%;
  float: left;
  margin: 10px 2% 0 0;
  padding: 0 5px 0 0;
  border-right: solid 3px #dcdcdc;
}

.rinen-mds .rinen-mds-r {
  width: 86%;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 180%;
  line-height: 200%;
  font-weight: bold;
  text-align: left;
}

.rinen-txt-area {
  width: 100%;
  margin: 0;
  padding: 50px 0;
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2;
}

.rinen-txt-area .rinen-txt {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  line-height: 210%;
}

ul.rinenpoints-list {
  width: 100%;
  margin: 10px 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: block;
}

ul.rinenpoints-list li.rp-item {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  /*list-style-image:url("../img/page-centerintro/about_bullet.png");*/
}

.kyocho-yellow {
  font-size: 120%;
  font-weight: bold;
  background: linear-gradient(transparent 50%, #fff100 50%);
  display: inline;
  padding: 0 0 2px;
}

.kyocho-pink {
  width: 100%;
  margin: 30px 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 110%;
  line-height: 210%;
  font-weight: bold;
  color: #ff5555
}

.soshiki-area {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.soshiki-area .soshiki-img {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

/***** センター紹介：スタッフ紹介 *****/
ul.staff-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

ul.staff-list li.staff-item {
  width: 100%;
  min-height: 340px;
  margin: 0 0 30px;
  padding: 30px 0;
  position: relative;
  overflow: hidden;
  border: dotted 4px #525252;
}

li.staff-item .staff-wrap {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.staff-wrap .staff-img-l {
  width: 32%;
  float: left;
  margin: 0 5% 0 0;
  padding: 0;
}

.staff-wrap .staff-info-r {
  width: 50%;
  float: left;
  margin: 0;
  padding: 10% 0 0;
}

.staff-wrap .staff-info-r .staff-centerpost {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
  color: #749f15;
  font-size: 110%;
  font-weight: bold;
}

.staff-wrap .staff-info-r .staff-name {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
  color: #000000;
  font-size: 140%;
  font-weight: bold;
}

.staff-info-r .staff-name .staff-nameeng {
  font-size: 60%;
  font-weight: normal;
  margin: 0 0 0 20px;
}

.staff-wrap .staff-info-r .staff-genpost {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  color: #000000;
  font-size: 100%;
  font-weight: normal;
}

.starbreaker {
  width: 15%;
  margin: 30px auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

ul.kyakuin-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.kyakuin-list li.kyakuin-item {
  width: 45%;
  float: left;
  margin: 0 10% 30px 0;
  padding: 0;
  border-bottom: dotted 4px #000000;
}

ul.kyakuin-list li.kyakuin-item:nth-child(2n+2) {
  margin: 0 0 30px;
}

li.kyakuin-item .kyakuin-wrap {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  color: #000000;
}

.kyakuin-wrap .kyakuin-type {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #749f15;
  position: relative;
  overflow: hidden;
}

.kyakuin-wrap .kyakuin-name {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 140%;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}

.kyakuin-wrap .kyakuin-name .kyakuin-nameeng {
  padding: 0 0 0 10px;
  font-size: 60%;
  font-weight: normal;
}

.kyakuin-wrap .kyakuin-post {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  position: relative;
  overflow: hidden;
}

ul.supportstaff-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.supportstaff-list li.supportstaff {
  width: 45%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: block;
  border-bottom: solid 2px #000000;
}

li.supportstaff .ss-wrap {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
}

.ss-wrap .ss-type {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #749f15;
  position: relative;
  overflow: hidden;
}

.ss-wrap .ss-name {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 140%;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}

.ss-wrap .ss-nameeng {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}

/***** 希望創発研究会：教育研究システム *****/
.about-grey {
  width: 95%;
  margin: 0 auto 30px;
  padding: 30px 0;
  position: relative;
  overflow: hidden;
  background-color: #f1f1f1;
  font-size: 120%;
  font-weight: bold;
  line-height: 180%;
}

.about-grey .about-grey-wrap {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}

a.link-aol {
  text-decoration: underline;
  color: #ff841f;
}

a.link-sol {
  text-decoration: underline;
  color: #217fbf;
}

.about-grey .about-grey-wrap a:hover {
  text-decoration: none;
}

.about-img {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.learntype-box {
  width: 100%;
  margin: 0 0 50px;
  padding: 30px 0;
  position: relative;
  overflow: hidden;
  border: dotted 4px #000000;
  border-radius: 5px;
}

.learntype-box ul.learntype-list {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.learntype-list li.learntype-item {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

ul.learntype-list li.learntype-item:last-child {
  margin: 0;
}

ul.learntype-list li.learntype-item .lt-mds {
  width: auto;
  margin: 0 auto;
  padding: 5px 2%;
  position: relative;
  overflow: hidden;
  font-size: 110%;
  font-weight: bold;
  background-color: #fff000;
  display: inline-block;
}

ul.learntype-list li.learntype-item .lt-txt {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  line-height: 180%;
}

/***** 希望創発研究会：教育研究テーマ *****/
.researchtheme-img {
  width: 80%;
  margin: 0 auto 50px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

ul.rt-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.rt-list li.rt-item {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

ul.rt-list li.rt-item:last-child {
  margin: 0;
}

.themesub-txt {
  width: 90%;
  margin: 0 auto 10px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-weight: normal;
  font-size: 90%;
  line-height: 180%;
}

/***** 希望創発研究会：教育研究スケジュール *****/
table.research-schedule {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: #B2B5B5;
  border-spacing: 2px;
}

table.research-schedule th,
.body td,
.cke_editable td {
  padding: 30px 5px;
  text-align: center;
  font-size: 85%;
  font-weight: bold;
}

table.research-schedule th {
  background-color: #4a4a4a;
  color: #FFFFFF;
  font-size: 100%;
}

table.research-schedule td {
  background-color: #FFFFFF;
}

table.research-schedule .kai,
.month {
  width: 8%;
}

table.research-schedule .keitai,
.mokuhyo {
  width: 32%;
  text-align: left;
}

.warning {
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 90%;
  color: #ff5555;
  font-weight: bold;
}

/***** 希望創発研究会：参画企業一覧 *****/
ul.sankakumembers-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.sankakumembers-list li.members-item {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 120%;
}

ul.sankakumembers-list li.members-item:last-child {
  margin: 0;
}

ul.members-sub-list {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 90%;
  font-weight: bold;
  line-height: 210%;
}

ul.members-sub-list li.members-sub-item {
  width: 80%;
  margin: 0 auto 10px;
  padding: 0;
  position: relative;
  list-style-image: url("./images/bullet-pink.png");
}

.sankaku-pink {
  width: 85%;
  margin: 10px auto 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 90%;
  color: #ff5555;
  font-weight: bold;
}

/***** 希望創発研究会：参画メンバー募集について *****/
ul.boshubtns-list {
  width: 100%;
  margin: 50px 0;
  padding: 0 0 50px;
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #e4e4e4;
  list-style: none;
}

ul.boshubtns-list li.boshubtns-item {
  width: 40%;
  float: left;
  margin: 0 5%;
  padding: 0;
  background-color: #000000;
  border-radius: 30px;
  text-align: center;
  font-size: 210%;
  font-weight: bold;
  transition: .2s ease-in;
}

ul.boshubtns-list li.boshubtns-item:hover {
  background-color: #aed950;
}

ul.boshubtns-list li.boshubtns-item a:hover {
  color: #000000;
}

ul.boshubtns-list li.boshubtns-item a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px 0;
  color: #FFFFFF;
  text-decoration: none;
}

ul.sankaku-boshu-list {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  list-style: none;
}

ul.sankaku-boshu-list li.sankaku-boshu-item {
  width: 100%;
  margin: 0 0 50px;
  padding: 0 0 50px;
  position: relative;
  overflow: hidden;
  border-bottom: solid 1px #e4e4e4;
}

ul.sankaku-boshu-list li.sankaku-boshu-item:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

/***** 希望創発研究会：例会実施報告 *****/
.research-report-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.contentGpArticleDocs .docs::after {
  content: "";
  clear: both;
  display: block;
}

.research-report-wrap h2.date {
  width: 15%;
  float: left;
  margin: 0 2% 0 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}

.research-report-wrap ul {
  width: 70%;
  float: left;
  margin: 0 0 40px;
  padding: 0;
  font-size: 110%;
  font-weight: bold;
  list-style: none;
}

.research-report-wrap span.attributes {
  display: none;
}

.research-report-wrap h1 {
  width: 100%;
  margin: 0 0 10px;
  padding: 0 0 10px;
  position: relative;
  overflow: hidden;
  border-bottom: solid 3px #000000;
}

/*
.research-report-wrap .publishedAt::before {
  content: "更新日：";
  display: inline;
  font-size: 100%;
}
*/
.research-report-wrap .back {
  font-size: 150%;
  font-weight: bold;
  margin: 30px 0 0;
  color: #aed950;
}

.research-report-wrap .back::before {
  content: "◀︎◀︎";
  display: inline;
  font-size: 60%;
}

.research-report-wrap .back a {
  color: #aed950;
  text-decoration: underline;
}

/*****  SBインターンシップ：SBインターンシップとは *****/
.sbiintro-txt {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 130%;
  line-height: 210%;
  font-weight: bold;
}

.tostudents {
  width: 90%;
  margin: 0 auto 50px;
  padding: 20px 0;
  position: relative;
  overflow: hidden;
  background-color: #fff000;
  border-radius: 30px;
  border: solid 3px #000000;
}

.tostudents .tostudents-wrap {
  width: 95%;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  line-height: 180%;
  font-weight: bold;
}

.tostudents .tostudents-wrap .tostudents-mds {
  font-size: 120%;
}

.sbi-aboutimg {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.aboutsbi-txt {
  width: 100%;
  margin: 0 0 50px;
  padding: 0;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  font-weight: bold;
  line-height: 210%;
}

/*****  SBインターンシップ：スケジュール *****/
.sbi-schedule-area {
  width: 100%;
  margin: 0 0 100px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.sbi-schedule-area:last-child {
  margin: 0;
}

table.sbi-schedule {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: #636363;
  border-spacing: 1px;
}

table.sbi-schedule tr:nth-child(even) {
  background-color: #FFFFFF;
}

table.sbi-schedule tr:nth-child(odd) {
  background-color: #ffefef;
}

table.sbi-schedule th,
.body td,
.cke_editable td {
  padding: 15px;
}

table.sbi-schedule th {
  background-color: #4a4a4a;
  color: #FFFFFF;
}

table.sbi-schedule .period {
  width: 20%;
  text-align: center;
}

table.sbi-schedule .forstudents,
.forsupervisors {
  width: 40%;
  text-align: left;
}

/****** お問い合わせページ ******/
.map-img {
  width: 90%;
  margin: 30px auto 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

/***** NEWS ページ *****/
.news-main-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.news-main-wrap .docs {
  width: 100%;
  min-height: 300px;
  margin: 0 0 10px;
  padding: 0 0 10px;
  position: relative;
  overflow: hidden;
  border-bottom: none;
}

.news-main-wrap h2.date {
  font-size: 110%;
  margin: 0;
}

.news-main-wrap .docs ul {
  margin: 10px 0;
  padding: 0 0 10px;
  border-bottom: solid 1px #cccccc;
}

.news-main-wrap .docs .attributes {
  display: none;
}

/***** VOICE ページ *****/
.voice-wrap {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.voice-wrap img {
  width: 50%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: block;
}