/*#####################################################
        Font
            ・Font-face 再定義まとめ   適宜使用
#####################################################*/
/*-------------------------###
    日本語（明朝並字）
###-------------------------*/
@font-face {
  font-family: '源ノ明朝Regular';
  src: url("../Src-Font/源ノ明朝/sp-home/SourceHanSerifJP-Regular.woff2") format('woff2');
}
@font-face {
  font-family: '源ノ明朝SemiBold';
  src: url("../Src-Font/源ノ明朝/SourceHanSerifJP-SemiBold.woff2") format('woff2');
}
/*-------------------------###
    日本語（明朝太字）
###-------------------------*/
@font-face {
  font-family: '源ノ明朝Bold';
  src: url("../Src-Font/源ノ明朝/sp-about/SourceHanSerifJP-Bold.woff2") format('woff2');
}
@font-face {
  font-family: '源ノ明朝Heavy';
  src: url("../Src-Font/源ノ明朝/sp-about/SourceHanSerifJP-Heavy.woff2") format('woff2');
}
/*#####################################################
        Base
#####################################################*/
/*-------------------------###
    Sentense-Base
###-------------------------*/
p {
  margin: 0;
}
p.right {
  text-align: right;
}
p.br {
  margin-top: 1em;
}
p.dbr {
  margin-top: 2em;
}
p.title {
  font: 35px '源ノ明朝Bold';
}
p.title.history {
  margin-left: -0.5em;
  padding-top: 0.05em;
  padding-bottom: 0.15em;
  padding-left: 1em;
  color: #fff;
  border-radius: 10px;
  background: #ff8c00;
}
p.subtitle {
  margin-left: -0.2em;
  padding-bottom: 0.1em;
  padding-left: 1em;
  font-size: 22px;
  color: #ff8c00;
  border-bottom: 2px #ff8c00 solid;
  background: rgba(0,0,0,0.015);
}
/*#####################################################
        Main-Page
#####################################################*/
.MainPage {
  min-height: calc(50px + 650px);
  height: auto;
  padding-bottom: 50px;
  margin-top: -8px;
  margin-left: -8px;
  transition: height 100ms linear 0s;
}
/*#####################################
        Boot-Window
#####################################*/
/*#####################################
        Background
#####################################*/
/*#####################################
        Title & Subtitle
#####################################*/
/*-------------------------###
    Title
###-------------------------*/
#title {
  position: absolute;
  top: 60px;
  left: 60px;
  width: calc(100vw - 130px);
  font: 60px '源ノ明朝Heavy';
  line-height: 115px;
}
#title_text,
#subTitle_text {
  position: absolute;
  top: 0px;
  left: 0px;
}
/*-------------------------###
    Subtitle
###-------------------------*/
#subTitle {
  position: absolute;
  top: 150px;
  left: 65px;
  width: calc(100vw - 140px);
  font: 18px 'Arial Black', 'Arca3_Heavy';
  line-height: 30px;
}
/*#####################################
        SiteAccess Menu Button
#####################################*/
#siteMenuButton {
  display: none;
}
/*#####################################
        SiteAccess
#####################################*/
#siteAccess {
  position: absolute;
  top: 200px;
  left: 80px;
  width: 300px;
  font: 26px '源ノ明朝Heavy';
  line-height: 38px;
}
/*-------------------------###
    SiteAccess-common
###-------------------------*/
#siteAccess1,
#siteAccess2,
#siteAccess3,
#siteAccess4,
#siteAccess5 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(1.2em + 20px);
  margin-bottom: 12px;
  padding-bottom: 7px;
  color: #000;
  transition: all 200ms linear 0s;
}
#siteAccess1.selected,
#siteAccess2.selected,
#siteAccess3.selected,
#siteAccess4.selected,
#siteAccess5.selected,
#siteAccess1:hover,
#siteAccess2:hover,
#siteAccess3:hover,
#siteAccess4:hover,
#siteAccess5:hover {
  color: #fff;
  background: #000;
}
#siteAccess1.selected > .siteSubItem,
#siteAccess2.selected > .siteSubItem,
#siteAccess3.selected > .siteSubItem,
#siteAccess4.selected > .siteSubItem,
#siteAccess5.selected > .siteSubItem {
  border-bottom: 2px solid #ffd700;
}
#siteAccess1:hover > .siteSubItem,
#siteAccess2:hover > .siteSubItem,
#siteAccess3:hover > .siteSubItem,
#siteAccess4:hover > .siteSubItem,
#siteAccess5:hover > .siteSubItem {
  border-bottom: 2px solid #ffd700;
}
/*-------------------------###
    SiteAccess-Item
###-------------------------*/
.siteItem {
  position: absolute;
  top: 0px;
  left: 17px;
  font: 26px '源ノ明朝Heavy';
}
.siteSubItem {
  position: absolute;
  top: 35px;
  left: 15px;
  width: calc(100% - 30px);
  font: 13px 'Arca3_Heavy', 'Arial Black';
  border-bottom: 2px solid #000;
}
/*-------------------------###
    SiteAccess-Icon
###-------------------------*/
.siteItemIcon {
  position: absolute;
  top: 2px;
  right: 15px;
  width: 70px;
  height: 50px;
}
/*#####################################
        Content Window
#####################################*/
#contentWindow {
  position: relative;
  top: 50px;
  left: 400px;
  width: calc(100vw - 400px);
  height: auto;
  margin-bottom: 50px;
  min-height: 650px;
  height: auto;
  min-width: 930px;
  border-left: 3px solid #000;
  opacity: 1;
  transition: height 100ms linear 0s, opacity 100ms linear 0s;
}
#contentWindow.hidden {
  opacity: 0;
  transition: height 100ms linear 0s, opacity 100ms linear 0s;
}
/*-------------------------###
    Page-共通
###-------------------------*/
.contentTitle {
  position: relative;
  left: 0;
  width: calc(100% - 60px);
  height: 1.5em;
  padding-left: 60px;
  font: 58px '源ノ明朝Heavy';
}
.contentText {
  position: relative;
  left: 0;
  width: 850px;
  padding-top: 20px;
  padding-left: 100px;
  padding-bottom: 20px;
  font: 19px '源ノ明朝SemiBold';
  word-break: auto-phrase;
}
/*-------------------------###
    Page-Organization
###-------------------------*/
.contentImage {
  position: relative;
  left: 0;
  width: 720px;
  height: 680px;
  padding-left: 150px;
}
#contentImage1 {
  background: center/cover no-repeat url("../Src-Image/organization.png");
}
/*-------------------------###
    Page-member
###-------------------------*/
.introCard {
  position: relative;
  width: 780px;
  height: 140px;
  margin-top: 20px;
  margin-left: 100px;
  box-shadow: 3px 4px 3px rgba(0,0,0,0.4);
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.profileColor {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 65px;
  background: #000;
}
#profileColor1 {
  background: #17184b;
}
#profileColor2 {
  background: #00afcc;
}
#profileColor3 {
  background: #37a34a;
}
#profileColor4 {
  background: #f8b500;
}
#profileColor5 {
  background: #ea5506;
}
#profileColor6 {
  background: #ab6953;
}
.profileIcon {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 92px;
  height: 92px;
  border: 1px solid #fff;
  border-radius: 100%;
  background: #000;
}
#profileIcon1 {
  background: no-repeat center/cover url("../Src-Icon/sp-about/輝耶誉_136x136.png");
}
#profileIcon2 {
  background: no-repeat center/cover url("../Src-Icon/sp-about/夏颱りん_136x136.png");
}
#profileIcon3 {
  background: no-repeat center/cover url("../Src-Icon/sp-about/青梅_136x136.png");
}
#profileIcon4 {
  background: no-repeat center/cover url("../Src-Icon/sp-about/TIA_136x136.png");
}
#profileIcon5 {
  background: no-repeat center/cover url("../Src-Icon/sp-about/咲_136x136.png");
}
#profileIcon6 {
  background: no-repeat center/cover url("../Src-Icon/sp-about/GXJade_136x136.png");
}
.profileName {
  position: absolute;
  top: 65px;
  left: 130px;
  font: 30px '源ノ明朝Heavy';
}
.profileOverview {
  position: absolute;
  top: 105px;
  left: 130px;
  font: 16px '源ノ明朝Bold';
}
.introText {
  position: relative;
  max-width: 700px;
  margin-top: 1.4em;
  margin-left: 150px;
  padding-bottom: 1em;
  font: 19px '源ノ明朝SemiBold';
}