@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
html {
  height: 100%;
  min-height: 100%; }

.bgWhite {
  background: #fff; }

.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden; }

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body, html {
  font-size: 0.9em;
  font-family: 'Rounded Mplus 1c'; }

.cardList {
  width: calc(100% - 30px);
  max-width: 420px;
  margin-left: auto !important;
  margin-right: auto !important; }

.profContentBox {
  padding-bottom: 120px; }

.reloadIcon {
  width: 80px;
  height: 80px;
  display: block;
  line-height: 80px;
  border-radius: 40px;
  background: #dd5c62;
  color: #fff;
  position: fixed;
  right: 15px;
  bottom: 65px;
  text-align: center;
  font-size: 2em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }

.labetArea {
  padding-right: 100px;
  display: block;
  line-height: 40px;
  border-radius: 40px;
  background: #fff;
  color: #000;
  position: fixed;
  right: 15px;
  bottom: 85px;
  text-align: center;
  font-size: 1em;
  padding-left: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }

.actionInner {
  background: #f6f6f6;
  padding-top: 15px; }
  .actionInner article {
    margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px -1px #333333; }
    .actionInner article dl dt {
      padding-bottom: 5px;
      color: #919191; }
    .actionInner article dl dd p {
      padding-bottom: 15px;
      font-weight: bold;
      line-height: 1.3em; }

.middleHead1 {
  position: relative; }
  .middleHead1:before {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    position: absolute;
    top: 50%; }
  .middleHead1 h3 {
    position: relative;
    z-index: 9998; }

.ttlOpenProf {
  text-align: center;
  padding-top: 15px;
  font-size: 1.2em;
  padding-bottom: 15px;
  background: #898989;
  margin-left: auto;
  margin-right: auto;
  border-radius: 30px;
  max-width: 250px;
  color: #fff;
  position: relative;
  margin-bottom: 5px; }
  .ttlOpenProf:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #898989;
    transform: rotate(45deg);
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px; }

.badgeBtn {
  width: 100%;
  max-width: 200px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #edc72f;
  color: #fff;
  text-align: center; }

.subTtlStyle4 {
  background: #f5f5f5;
  color: #000;
  border-left: 5px solid #000;
  padding: 15px;
  line-height: 1.5em;
  width: 94%;
  max-width: 680px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box; }

.bottomBtnAreaStyle {
  padding: 20px;
  position: relative;
  /*&:before{
		content:"";
		display:block;
		transform: rotate(45deg);
		position: absolute;
		background:#fff;
		left:50%;
		width:20px;
		height:20px;
		margin-left:-10px;
		top:-15px;
	}*/ }
  .bottomBtnAreaStyle h3 {
    text-align: center;
    padding-bottom: 15px;
    font-size: 1.3em; }

.pdt10px {
  padding-top: 10px; }

.finish {
  background: #dc2323 !important; }

.pdt5px {
  padding-top: 5px; }

body {
  padding-bottom: 54px;
  color: #404040; }

.vampArea {
  background: #d21010;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }

.listBox {
  line-height: 1.4em; }
  .listBox li {
    border: 1px solid #000;
    padding: 5px;
    margin-bottom: 5px; }

.notDataArea {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  padding: 15px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  line-height: 1.5em; }

.baseStyle1 {
  margin-left: 15px;
  margin-right: 15px; }

.cautionAreaStyle2 {
  border: 1px solid #000;
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 15px;
  box-sizing: border-box;
  line-height: 1.6em; }
  .cautionAreaStyle2 a {
    color: #299dd3;
    font-weight: bold; }

.mgt30px {
  margin-top: 30px; }

.cautionTopArea {
  background: #3b3b3b;
  line-height: 1.5em;
  padding: 15px;
  color: #fff; }

.cardmiss p {
  padding-bottom: 20px; }

.slideFigArea {
  padding-top: 15px; }
  .slideFigArea img {
    width: 100%;
    height: auto; }

.bgBlack {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  display: none; }

.iconHead1 {
  padding: 0px !important;
  background: #1f5b7c !important; }
  .iconHead1 h1 {
    float: left;
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
    color: #fff; }
  .iconHead1 ul {
    width: 50%;
    float: right;
    padding-right: 5px;
    box-sizing: border-box; }
    .iconHead1 ul li {
      float: right; }
      .iconHead1 ul li a, .iconHead1 ul li span {
        color: #fff;
        display: block;
        padding: 15px 10px 15px 10px;
        text-decoration: none;
        font-size: 1.6em; }

.toggleSerch {
  display: none; }

.pdt20px {
  padding-top: 20px; }

.mgr0px {
  margin-right: 0px !important; }

.mgl0px {
  margin-left: 0px !important; }

.contActionArea {
  transition-duration: 0.2s;
  position: relative;
  overflow: hidden;
  width: 100%; }

.contActionAreaOver {
  width: 100%;
  overflow: hidden; }

.popupArea, .popupArea2 {
  display: table;
  margin-top: -260px;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  padding: 20px;
  position: absolute;
  top: 35px;
  height: 200px;
  left: 5%;
  box-sizing: border-box;
  transition-duration: 0.5s; }
  .popupArea .innerCont, .popupArea2 .innerCont {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: relative; }
    .popupArea .innerCont .closeBtn, .popupArea2 .innerCont .closeBtn {
      font-size: 40px;
      width: 40px;
      height: 40px;
      position: absolute;
      top: -65px;
      right: -25px;
      color: #fff; }
    .popupArea .innerCont .readCentertext, .popupArea2 .innerCont .readCentertext {
      font-size: 1.6em;
      line-height: 1.4em; }

.mainHeader {
  display: table;
  width: 100%; }
  .mainHeader .inputArea {
    display: table-cell;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    background: #f5f5f5;
    vertical-align: top; }
  .mainHeader .buttonArea {
    display: table-cell;
    background: #3374cc;
    width: 70px;
    vertical-align: top; }
  .mainHeader input {
    width: 100%;
    padding: 10px;
    background: #fff;
    font-size: 1.1em;
    border: none;
    height: 50px;
    box-sizing: border-box; }
  .mainHeader button {
    background: #3374cc;
    width: 100%;
    color: #fff;
    border: none;
    padding: 0px;
    font-size: 1.2em;
    box-sizing: border-box;
    height: 50px; }

.btnReport {
  text-align: center; }
  .btnReport span {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e7e7e7; }
    .btnReport span:before {
      content: "";
      display: block;
      transform: rotate(-45deg);
      width: 5px;
      height: 5px;
      border-bottom: 1px solid #000;
      border-right: 1px solid #000;
      display: inline-block;
      margin-right: 6px;
      margin-bottom: 2px; }

.mainContBody {
  min-height: -webkit-calc(100% - 182px);
  min-height: calc(100% - 182px); }

.topNav {
  background: #f6f6f6; }
  .topNav a {
    color: #000;
    text-decoration: none; }
  .topNav ul {
    width: 100%;
    display: table; }
    .topNav ul li {
      display: table-cell;
      width: 50%;
      text-align: center; }
      .topNav ul li a {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        display: inline-block; }
        .topNav ul li a.over {
          border-bottom: 4px solid #c7c7c7;
          padding-bottom: 16px; }
        .topNav ul li a:before {
          content: "";
          display: block;
          transform: rotate(-45deg);
          width: 5px;
          height: 5px;
          border-bottom: 1px solid #000;
          border-right: 1px solid #000;
          display: inline-block;
          margin-right: 6px;
          margin-bottom: 2px; }

.subHeaderArea2 .overBlackBg {
  background: rgba(0, 0, 0, 0.5); }

.innerContOut .headStyle2 {
  clear: both;
  padding-bottom: 15px;
  line-height: 1.3em; }

.subHeaderArea2 .overBlackBg .innerContOut .headStyle3 {
  line-height: 1.5em;
  padding-bottom: 15px; }

.subHeaderArea2 .overBlackBg .innerContOut .headStyle4 {
  display: table; }

.subHeaderArea2 {
  background: url(https://workroom.biz/wp-content/themes/workroom2/img/common/main_img.png);
  background-size: cover;
  background-position: center center; }

.bottomBtnArea2 {
  padding-bottom: 20px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 680px; }

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

.subHeaderArea2 {
  font-size: 1.1em; }

.profContentBox .snsIcon {
  text-align: center;
  width: 100%; }
  .profContentBox .snsIcon li {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    background: #f0f0f0;
    font-size: 1.8em;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 20px; }
    .profContentBox .snsIcon li a {
      width: 60px;
      height: 60px;
      display: block;
      color: #fff;
      text-decoration: none; }
    .profContentBox .snsIcon li.fbBtn {
      background: #4468b0; }
    .profContentBox .snsIcon li.twBtn {
      background: #4dabe4; }
    .profContentBox .snsIcon li.insBtn {
      background: #b2348a; }
    .profContentBox .snsIcon li.webBtn {
      background: #525252; }

.profContentBox .profPhotoArea {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px; }
  .profContentBox .profPhotoArea figure {
    width: 80px;
    height: 80px;
    border-radius: 46px;
    margin-top: -46px;
    border: 3px #fff solid;
    position: relative;
    z-index: 9998;
    float: left; }
  .profContentBox .profPhotoArea .headStyle2 {
    float: right;
    width: -webkit-calc(100% - 96px);
    width: calc(100% - 96px);
    padding-top: 12px;
    font-size: 1.3em;
    font-weight: 400; }

.profContentBox .textBoxProfArea {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7em;
  padding-bottom: 20px; }

.profContentBox .bottomDonationBtn {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .profContentBox .bottomDonationBtn a {
    width: 100%;
    display: inline-block;
    border: 1px solid #000;
    padding: 15px;
    border-radius: 30px;
    box-sizing: border-box;
    text-decoration: none;
    color: #000;
    text-decoration: none; }

.profContentBox .boxDonateIntro {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  background: #f1f1f1;
  line-height: 1.5em;
  margin-top: 15px;
  border-radius: 5px;
  margin-bottom: 20px; }
  .profContentBox .boxDonateIntro:before {
    content: "";
    transform: rotate(45deg);
    background: #f1f1f1;
    top: 0px;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px; }

.profContentBox .bottomLogo {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px; }

.subHeaderArea2 .overBlackBg .innerContOut .headStyle4 dt {
  display: table-cell;
  vertical-align: middle; }

.subHeaderArea2 .overBlackBg .innerContOut .headStyle4 dd {
  vertical-align: middle;
  display: table-cell;
  padding-left: 10px;
  line-height: 1.3em; }

.subHeaderArea2 .overBlackBg .innerContOut .headStyle2 {
  font-size: 1.5em;
  clear: both;
  padding-bottom: 10px;
  line-height: 1.3em; }

.subHeaderArea2 .overBlackBg .innerContOut .headStyle4 dt span {
  background: #fff;
  display: block;
  padding: 8px;
  color: #000;
  font-size: 0.9em;
  border-radius: 3px;
  line-height: 1.3em;
  width: 80px;
  text-align: center; }

.subHeaderArea2 .overBlackBg .innerContOut .headStyle4 dt {
  display: table-cell;
  vertical-align: middle; }

.spRigtSide {
  width: 90%; }

.spRigtSide {
  display: block !important;
  position: relative;
  float: none;
  top: auto;
  left: auto;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto; }

.spRigtSide {
  width: 90%; }

.spRigtSide {
  display: block !important;
  position: relative;
  float: none;
  top: auto;
  left: auto;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto; }

.rightContSide {
  color: #000;
  background: #fff;
  border-radius: 5px;
  padding: 5px;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px -1px #333333;
  max-width: 680px;
  right: 0px; }
  .rightContSide a {
    color: #000; }

.rightContSide .btnStyle1 {
  margin-top: 20px; }

.rightContSide figure {
  border-radius: 5px;
  padding-top: 200px; }

.rightContSide dl {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px; }

.rightContSide dl dt {
  color: #ee423b;
  padding-bottom: 5px; }

.rightContSide dl dd {
  line-height: 1.4em; }

.leftContSide {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 680px; }

.borderBox a {
  color: #008aff; }

.userListArea {
  background: #f5f5f5;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .userListArea .innerCont {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 680px; }
    .userListArea .innerCont header h2 {
      padding-top: 30px;
      font-size: 1.4em;
      text-align: center;
      padding-bottom: 20px; }
      .userListArea .innerCont header h2:after {
        content: "";
        display: block;
        width: 60px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        border-bottom: 1px solid #000; }
    .userListArea .innerCont ul li {
      width: 31%;
      margin-right: 3%;
      margin-bottom: 10px;
      float: left; }
      .userListArea .innerCont ul li figure {
        border-radius: 5px; }
        .userListArea .innerCont ul li figure a {
          display: block;
          padding-top: 100%; }
      .userListArea .innerCont ul li:nth-child(3n) {
        margin-right: 0px; }

.leftContSide .photoSection figure {
  width: 100%;
  padding-top: 60%;
  margin-right: 0px;
  margin-bottom: 10px; }
  .leftContSide .photoSection figure:last-child {
    margin-bottom: 0px; }
  .leftContSide .photoSection figure:first-child {
    margin-top: 30px; }

.leftContSide .courseContSection {
  padding-top: 30px; }

.leftContSide .courseContSection article {
  padding: 20px; }

.leftContSide .courseContSection article {
  border: 1px solid #c6c6c6;
  border-radius: 5px;
  margin-bottom: 20px; }

.leftContSide .courseContSection article h3 {
  line-height: 1.4em;
  text-indent: -30px;
  margin-left: 30px;
  font-size: 1.3em;
  margin-bottom: 20px; }

.leftContSide .courseContSection article h3:before {
  content: "";
  display: block;
  border-bottom: 5px solid #e94340;
  width: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px; }

.leftContSide .courseContSection article p {
  line-height: 1.7em; }

.leftContSide .courseContSection article ul li, .leftContSide .courseContSection article ol li {
  list-style-type: disc; }

.leftContSide .courseContSection article ul, .leftContSide .courseContSection article ol {
  line-height: 1.7em;
  margin-left: 20px; }

.leftContSide .photoSection figure {
  border-radius: 5px; }

.subHeaderArea2 .overBlackBg .innerContOut {
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  position: relative;
  max-width: 680px; }

.subHeaderArea2 .overBlackBg .innerContOut {
  padding-bottom: 90px;
  padding-top: 10px; }

.subHeaderArea2 .overBlackBg .innerContOut {
  width: 90%; }

.readArea {
  background: #f2f8fb;
  padding: 15px;
  line-height: 1.5em; }
  .readArea .textArea a {
    color: #4597b5;
    font-weight: bold; }

.audiojs .loaded {
  height: 5px;
  background: #fff;
  border: none; }

.audiojs p {
  height: 28px; }

.audiojs .scrubber {
  height: 5px;
  border: none; }

.audiojs .play-pause {
  padding: 0px;
  height: 28px; }

.audiojs .play {
  background-position: -2px -2px; }

.audiojs .pause {
  background-position: -2px -92px; }

.audiojs {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  box-shadow: none;
  background: none;
  height: 28px; }

.audiojs .scrubber {
  width: -webkit-calc(100% - 135px);
  width: calc(100% - 135px);
  box-sizing: border-box;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 11px;
  margin-bottom: 11px; }

.audiojs .time {
  width: 110px;
  margin-left: 0px;
  box-sizing: border-box;
  padding-right: 0px;
  padding-left: 0px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-left: none;
  text-shadow: none; }

.audiojs .play-pause {
  border-right: none; }

.numberArea {
  float: left;
  width: 60px;
  height: 28px;
  line-height: 28px;
  background: none;
  color: #fff;
  text-decoration: none;
  text-align: center; }

.audioHeadArea {
  background: #1f5b7c; }

.mainVisual {
  padding-top: 75%;
  border-bottom: 1px solid #f0f0f0;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto; }

.slideDataBottom .over i {
  color: #ee0e1e;
  border: 1px solid #ee0e1e; }

.mgt0px {
  margin-top: 0px !important; }

.bdt1pxDray {
  border-top: 1px solid #f6f6f6; }

.singleSlideSection .textArea {
  padding: 15px 15px 15px 15px;
  line-height: 1.7em;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto; }
  .singleSlideSection .textArea a {
    color: #008bc4;
    font-weight: bold; }
  .singleSlideSection .textArea p {
    font-size: 1.2em;
    text-align: justify;
    line-height: 2em;
    padding-bottom: 20px; }
  .singleSlideSection .textArea h2 {
    background: #e9eef1;
    border-left: 3px solid #225c7b;
    padding: 15px;
    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 20px; }
  .singleSlideSection .textArea ul {
    margin-bottom: 20px;
    padding: 20px;
    list-style: disc;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    line-height: 1.7em; }
    .singleSlideSection .textArea ul li {
      margin-left: 20px; }
  .singleSlideSection .textArea ol {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #e1e1e1;
    font-size: 1em;
    line-height: 1.7em; }
    .singleSlideSection .textArea ol li {
      margin-left: 20px; }
  .singleSlideSection .textArea h3 {
    border-left: 5px solid #225c7b;
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 20px;
    padding-left: 10px; }

.singleSlideSection2 {
  border-top: 3px solid #f0f0f0; }

.pdb93px {
  padding-bottom: 93px; }

.bottomSlideBtn {
  width: 100%;
  padding: 10px;
  position: fixed;
  bottom: 54px;
  background: #fff;
  border-top: 1px solid #f0f0f0;
  box-sizing: border-box; }

.pageNoArea {
  position: relative;
  background: #f6f6f6;
  padding: 5px;
  text-align: right;
  font-weight: bold;
  border-bottom: 1px solid #ebebeb; }

.missArea {
  color: #df1f1f; }
  .missArea P {
    line-height: 1.5em; }

.slideCtlBtns {
  width: 105px;
  float: right; }
  .slideCtlBtns .btnStyle1 {
    background: #e83a11; }

.slideDataBottom {
  display: table;
  float: left;
  line-height: 1.5em;
  width: -webkit-calc(100% - 118px);
  width: calc(100% - 118px); }
  .slideDataBottom dl {
    display: table-cell;
    vertical-align: middle; }
    .slideDataBottom dl dt {
      margin-top: -3px; }
    .slideDataBottom dl dd {
      color: #a4a4a4; }
  .slideDataBottom div {
    display: table-cell;
    font-size: 1.7em;
    vertical-align: middle;
    color: #a4a4a4;
    width: 60px; }
    .slideDataBottom div i {
      border: 1px solid #a4a4a4;
      border-radius: 25px;
      height: 49px;
      width: 49px;
      padding: 5px;
      box-sizing: border-box;
      text-align: center;
      padding-top: 13px; }
    .slideDataBottom div span {
      font-size: 0.5em;
      display: inline-block; }

.timeLineStyle1 {
  padding: 15px; }
  .timeLineStyle1 li dl {
    display: table;
    width: 100%; }
    .timeLineStyle1 li dl dt {
      display: table-cell;
      text-align: right;
      padding-bottom: 20px;
      width: 50px;
      vertical-align: top;
      line-height: 1.5em; }
      .timeLineStyle1 li dl dt div {
        display: inline-block; }
      .timeLineStyle1 li dl dt:after {
        content: "";
        display: block;
        width: 8px;
        border-bottom: 8px solid #6cc0bc;
        float: right;
        margin-right: -4px;
        margin-left: 10px;
        margin-top: 8px;
        border-radius: 4px; }
    .timeLineStyle1 li dl dd {
      display: table-cell;
      vertical-align: top;
      text-align: left;
      border-left: 1px solid #d5d5d5;
      padding-left: 10px;
      padding-bottom: 20px;
      line-height: 1.5em; }
      .timeLineStyle1 li dl dd div {
        display: inline-block; }
  .timeLineStyle1 li:first-child dl dt:after {
    border-top: 8px solid #fff;
    margin-top: 0px; }
  .timeLineStyle1 li:last-child dl dt {
    padding-bottom: 0px; }
  .timeLineStyle1 li:last-child dl dt:after {
    border-top: 8px solid #6cc0bc;
    border-bottom: 8px solid #fff; }
  .timeLineStyle1 li:last-child dl dd {
    padding-bottom: 0px; }

.calenderHead {
  padding-top: 15px;
  padding-bottom: 15px; }
  .calenderHead .calenderHeadInner {
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    position: relative; }
    .calenderHead .calenderHeadInner span {
      font-size: 0.6em; }
    .calenderHead .calenderHeadInner .dayData {
      width: 100%; }
    .calenderHead .calenderHeadInner .afterArrow {
      content: "";
      width: 6px;
      height: 6px;
      display: block;
      border-top: 2px solid #404040;
      border-right: 2px solid #404040;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      right: 15px;
      top: 6px;
      z-index: 9998; }
    .calenderHead .calenderHeadInner .beforeArrow {
      content: "";
      width: 6px;
      height: 6px;
      display: block;
      border-top: 2px solid #404040;
      border-right: 2px solid #404040;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
      position: absolute;
      left: 15px;
      top: 6px;
      z-index: 9998; }

.subTtlStyle1 {
  background: #1f5b7c;
  padding: 15px;
  color: #fff;
  font-size: 1.1em; }

.grayBack {
  background: #f7fafb; }

.articleListStyle1 {
  padding-bottom: 8px; }
  .articleListStyle1 article {
    box-shadow: 0px 0px 3px 0px #dedede;
    border: 1px solid #eaeaea !important;
    background: #fff;
    border-radius: 5px;
    margin: 8px 8px 0px 8px;
    padding: 15px;
    font-size: 1.1em;
    border-bottom: 1px solid #f6f6f6;
    position: relative; }
    .articleListStyle1 article dl {
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px); }
      .articleListStyle1 article dl dt {
        padding-bottom: 3px;
        text-indent: -10px;
        margin-left: 20px;
        line-height: 1.6em;
        font-weight: bold; }
      .articleListStyle1 article dl dd {
        color: #a4a4a4;
        line-height: 1.6em;
        padding-left: 20px; }
    .articleListStyle1 article a {
      color: #404040;
      text-decoration: none; }
    .articleListStyle1 article:after {
      content: "";
      position: absolute;
      width: 6px;
      height: 6px;
      display: inline-block;
      right: 4px;
      border-top: 2px solid #404040;
      border-right: 2px solid #404040;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      float: right;
      margin-right: 15px;
      top: 50%;
      margin-top: -3px;
      clear: both; }

.articleListStyle1_no_shadow article {
  margin: 0px !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid #ebebeb !important; }

.listBtnStyle a {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  color: #404040;
  text-decoration: none;
  display: block; }

.btnStyle1 {
  width: 100%;
  min-width: 49px;
  display: block;
  line-height: 1.5em;
  padding: 15px;
  font-size: 1em;
  box-sizing: border-box;
  background: #3374cc;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  border: none; }

.btnStyle2 {
  width: 100%;
  min-width: 49px;
  display: block;
  line-height: 1.5em;
  padding: 10px;
  font-size: 1em;
  box-sizing: border-box;
  border: 1px solid #000;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  box-sizing: border-box; }
  .btnStyle2 span:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 8px;
    margin-bottom: 1px; }

.btnStyle2Small {
  text-align: right; }
  .btnStyle2Small span {
    display: inline-block;
    border: 1px solid #000;
    padding: 5px;
    margin-top: 10px;
    font-size: 0.8em;
    border-radius: 5px; }

.noComment {
  padding-top: 30px;
  text-align: center;
  width: 90%;
  line-height: 1.5em;
  margin-left: auto;
  margin-right: auto; }

.chatList {
  padding-bottom: 30px; }
  .chatList article {
    padding-top: 30px;
    line-height: 1.4em;
    width: 90%;
    margin-left: auto;
    margin-right: auto; }
    .chatList article figure {
      width: 50px;
      height: 50px;
      border-radius: 25px;
      float: left; }
      .chatList article figure a {
        display: block;
        width: 50px;
        height: 50px; }
    .chatList article .commentArea {
      background: #fff;
      width: -webkit-calc(100% - 50px) !important;
      width: calc(100% - 50px) !important;
      padding-left: 10px;
      float: left;
      box-sizing: border-box; }
      .chatList article .commentArea h3 {
        padding-bottom: 5px; }
        .chatList article .commentArea h3 span {
          color: #6b6b6b;
          font-weight: 100;
          font-size: 0.9em;
          display: inline-block;
          margin-left: 5px; }

.fixSendForm {
  width: 100%;
  bottom: 53px;
  position: fixed; }
  .fixSendForm input {
    width: -webkit-calc(100% - 50px) !important;
    width: calc(100% - 50px) !important;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    height: 50px;
    float: left;
    font-size: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    border-radius: 0px;
    background: #f2f2f2; }
  .fixSendForm button {
    width: 50px;
    float: left;
    height: 50px;
    background: #494949;
    color: #fff;
    border: none !important;
    font-size: 1.5em; }

.mgt10px {
  margin-top: 10px; }

.topIconNav {
  padding-top: 10px;
  padding-right: 15px;
  background: #f6f6f6;
  padding-left: 15px;
  padding-bottom: 10px; }
  .topIconNav h2 {
    float: left;
    line-height: 32px; }
  .topIconNav ul {
    float: right; }
  .topIconNav li {
    float: right;
    width: 30px;
    margin-left: 10px;
    text-align: center; }
    .topIconNav li a {
      display: block;
      border: 1px solid #000;
      color: #000;
      text-decoration: none;
      font-size: 1.3em;
      height: 30px;
      line-height: 30px; }

.innerDataSchedule {
  position: relative;
  border-top: 1px solid #fff; }
  .innerDataSchedule input {
    width: -webkit-calc(100% - 62px) !important;
    width: calc(100% - 62px) !important;
    box-sizing: border-box;
    border-radius: 0px !important; }
  .innerDataSchedule span {
    position: absolute;
    text-align: right;
    padding-right: 5px;
    top: 0px;
    line-height: 35px;
    right: 0px;
    display: block;
    font-size: 0.9em;
    background: #f5f5f5;
    z-index: 9998;
    width: 62px;
    box-sizing: border-box; }

.timeInsert li {
  position: relative;
  margin-bottom: 15px; }
  .timeInsert li .closeData {
    content: "×";
    background: #dadada;
    width: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 35px;
    box-sizing: border-box;
    line-height: 35px;
    text-align: center;
    font-size: 1.5em; }

.doubleBtn1 {
  margin-top: 10px; }
  .doubleBtn1 a {
    width: 49%;
    float: left;
    margin-right: 2%;
    padding: 10px;
    border-radius: 0px; }

.mgr0px {
  margin-right: 0px !important; }

.bottomBtnArea1 {
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 690px;
  margin-left: auto;
  margin-right: auto; }
  .bottomBtnArea1 dl {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .bottomBtnArea1 p {
    line-height: 1.5em; }
    .bottomBtnArea1 p a {
      color: #3374cc; }

.scheduleList article {
  border-top: 1px solid #f0f0f0;
  width: 100%;
  display: table;
  vertical-align: middle; }
  .scheduleList article a {
    color: #404040;
    text-decoration: none;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    width: 100%;
    box-sizing: border-box; }
  .scheduleList article .dayIcon {
    display: table-cell;
    font-size: 2em;
    padding-left: 15px;
    font-weight: bold;
    vertical-align: middle; }
    .scheduleList article .dayIcon span {
      font-size: 0.5em; }
  .scheduleList article h2 {
    display: table-cell;
    font-size: 1.2em;
    padding-left: 15px;
    vertical-align: middle; }
  .scheduleList article:last-child {
    border-bottom: 1px solid #f0f0f0; }

.singleDateArea {
  padding: 15px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #f6f6f6; }
  .singleDateArea .dayArea {
    display: table-cell;
    font-size: 1.8em;
    font-weight: bold; }
    .singleDateArea .dayArea span {
      font-size: 0.6em; }
  .singleDateArea .iconArea {
    display: table-cell;
    font-size: 2em;
    text-align: right;
    vertical-align: middle; }
    .singleDateArea .iconArea a {
      text-decoration: none;
      color: #404040;
      display: inline-block;
      padding-left: 5px; }

.colorBlue {
  color: #3374cc; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.dataList dl {
  border-bottom: 1px solid #f6f6f6;
  padding: 15px;
  font-size: 1.1em; }
  .dataList dl dt {
    font-weight: bold;
    padding-bottom: 10px; }
    .dataList dl dt span {
      display: block; }
  .dataList dl dd {
    color: #8c8c8c;
    line-height: 1.5em; }

input[type="number"][disabled] {
  background: #f5f5f5 !important;
  opacity: 1 !important;
  border-radius: 5px;
  cursor: not-allowed;
  /* 禁止カーソル */ }

.footNav {
  background: #1f5b7c;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 9999; }
  .footNav ul {
    display: table;
    width: 100%;
    text-align: center; }
    .footNav ul li {
      display: table-cell;
      width: 20%; }
      .footNav ul li a {
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        text-decoration: none;
        display: block; }
        .footNav ul li a i {
          font-size: 1.6em;
          margin-bottom: 3px; }
        .footNav ul li a span {
          display: block;
          width: 100%;
          font-size: 0.8em; }

.selectBoxArea {
  position: fixed;
  top: 9999px;
  left: 0px;
  height: 100%;
  background: #fff;
  box-sizing: border-box; }
  .selectBoxArea li {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    border-right: 1px solid #e3e3e3;
    float: left;
    border-bottom: 1px solid #e3e3e3;
    text-align: center; }
    .selectBoxArea li:nth-child(2n) {
      border-right: none; }
    .selectBoxArea li.over {
      background: #f2f2f2; }

.btnClose {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #e3e3e3; }

.noData {
  position: fixed;
  bottom: 74px;
  right: 20px;
  font-size: 2em;
  z-index: 9999; }

.subTtlStyle2 {
  padding: 15px; }

.subTtlStyle3 {
  background: #1f5b7c;
  padding: 15px;
  color: #fff;
  line-height: 1.5em; }
  .subTtlStyle3 h1 {
    font-size: 1.2em; }

.centerAreaStyle1 {
  width: 94%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto; }

.formArea1 {
  width: 94%;
  max-width: 680px;
  margin-left: auto !important;
  margin-right: auto !important; }
  .formArea1 dl {
    padding: 15px 0px; }
    .formArea1 dl dt {
      padding-bottom: 10px;
      line-height: 1.4em;
      text-indent: -9px;
      margin-left: 18px; }
    .formArea1 dl dd input, .formArea1 dl dd textarea {
      width: 100%;
      padding: 5px;
      background: #f5f5f5;
      border: none;
      height: 35px;
      box-sizing: border-box; }
    .formArea1 dl dd textarea {
      min-height: 100px; }
    .formArea1 dl dd select {
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      width: 100%;
      border: none;
      background: #f5f5f5;
      height: 35px;
      padding: 5px;
      box-sizing: border-box;
      display: block;
      font-size: 0.9em;
      color: #515151;
      line-height: 0px;
      border-radius: 0px !important;
      -moz-border-radius: 0px !important;
      -webkit-border-radius: 0px !important;
      line-height: 1.5em; }
    .formArea1 dl dd.selectBox:after {
      content: "";
      width: 6px;
      height: 6px;
      display: inline-block;
      left: 4px;
      border-top: 2px solid #404040;
      border-right: 2px solid #404040;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      float: right;
      margin-right: 15px;
      margin-top: -23px;
      clear: both; }

.slideTopNav {
  background: #1f5b7c;
  overflow: hidden;
  width: 100%;
  height: 52px; }
  .slideTopNav .slideTopNavInner {
    overflow: auto;
    width: 100%;
    height: 72px;
    -webkit-overflow-scrolling: touch; }
    .slideTopNav .slideTopNavInner ul {
      width: 1960px; }
      .slideTopNav .slideTopNavInner ul li {
        float: left;
        border-right: 1px solid #1e54b0;
        width: 140px;
        text-align: center;
        box-sizing: border-box; }
        .slideTopNav .slideTopNavInner ul li.over {
          background: #1f5b7c; }
        .slideTopNav .slideTopNavInner ul li a {
          display: block;
          padding: 20px;
          color: #fff;
          text-decoration: none; }

.slideTopNav2 {
  background: #fff;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  width: 100%;
  height: 52px; }
  .slideTopNav2 .slideTopNavInner {
    overflow: auto;
    width: 100%;
    height: 72px;
    -webkit-overflow-scrolling: touch; }
    .slideTopNav2 .slideTopNavInner ul {
      width: 1960px; }
      .slideTopNav2 .slideTopNavInner ul li {
        float: left;
        border-right: 1px solid #eaeaea;
        width: 140px;
        text-align: center;
        box-sizing: border-box; }
        .slideTopNav2 .slideTopNavInner ul li:last-child {
          margin-right: 0px; }
        .slideTopNav2 .slideTopNavInner ul li.over {
          background: #f5f5f5; }
        .slideTopNav2 .slideTopNavInner ul li a {
          display: block;
          padding: 20px 15px 20px 15px;
          color: #000;
          text-decoration: none; }
          .slideTopNav2 .slideTopNavInner ul li a:before {
            content: "";
            display: block;
            transform: rotate(-45deg);
            width: 5px;
            height: 5px;
            border-bottom: 1px solid #000;
            border-right: 1px solid #000;
            display: inline-block;
            margin-right: 6px;
            margin-bottom: 2px; }

.openArea {
  background: #f5f5f5;
  padding-bottom: 0px !important;
  height: 100%;
  min-height: 100%; }

.btnTriple1 button {
  width: 32.3333%;
  float: left;
  margin-right: 1.5%; }
  .btnTriple1 button:last-child {
    margin-right: 0px; }

.bgRed {
  background: #dc2323; }

.draftColor {
  color: #979797; }

.opn_mainheader {
  padding: 15px; }
  .opn_mainheader .logoArea {
    float: left;
    width: 80px; }
  .opn_mainheader .navIcon {
    float: right;
    font-size: 2.4em;
    color: #3374cc; }

.stepNav {
  padding-top: 15px;
  font-weight: bold;
  width: 90%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto; }
  .stepNav ul li {
    width: 33.333%;
    float: left;
    text-align: center;
    border-bottom: #d7d7d7 5px solid;
    padding-bottom: 10px; }
    .stepNav ul li.over {
      border-bottom: 5px solid #3374cc; }

.formAreaType2 {
  padding-top: 20px;
  padding-bottom: 20px; }
  .formAreaType2 .innerCont {
    background: #fff;
    margin: 0px auto 0px auto;
    padding: 20px;
    border-radius: 5px;
    width: 90%;
    max-width: 420px;
    box-sizing: border-box; }
    .formAreaType2 .innerCont a {
      color: #3374cc;
      text-decoration: none; }
    .formAreaType2 .innerCont dl dt {
      padding-bottom: 10px;
      font-size: 1em; }
    .formAreaType2 .innerCont dl dd {
      margin-bottom: 20px; }
      .formAreaType2 .innerCont dl dd input {
        background: #f0f0f0;
        padding: 5px;
        font-size: 1.2em;
        border: none;
        width: 100%;
        box-sizing: border-box;
        height: 30px; }
    .formAreaType2 .innerCont .cautionArea {
      line-height: 1.5em;
      padding-bottom: 15px; }
    .formAreaType2 .innerCont .bottomBtnArea {
      margin-left: 15px;
      margin-right: 15px; }
      .formAreaType2 .innerCont .bottomBtnArea .btnStyle1 {
        padding-top: 10px;
        padding-bottom: 10px; }

.inputDouble input {
  width: 49% !important;
  margin-right: 2%; }

.inputToripple input {
  width: 32.3333% !important;
  margin-right: 1.5%; }

.mgr0px {
  margin-right: 2%; }

.opn_mainFooter {
  background: #3374cc;
  color: #fff;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px; }
  .opn_mainFooter a {
    color: #fff; }
  .opn_mainFooter nav {
    padding-bottom: 15px;
    line-height: 1.4em; }
    .opn_mainFooter nav a {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px;
      text-decoration: none; }

.mgb20px {
  margin-bottom: 20px; }

.opn_sideNav {
  height: 100%;
  width: 50%;
  background: #424242;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow: hidden;
  margin-left: -50%;
  transition-duration: 0.5s; }
  .opn_sideNav nav {
    width: 120%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .opn_sideNav nav li {
      border-bottom: 1px solid #5b5b5b; }
      .opn_sideNav nav li a {
        display: block;
        padding: 15px;
        color: #fff;
        text-decoration: none; }

.pdt15px {
  padding-top: 15px; }

.pdb40px {
  padding-bottom: 40px; }

.pdb20px {
  padding-bottom: 20px; }

.bgt1px {
  border-top: 1px solid #eaeaea; }

.slideForm {
  display: none; }

.parentForm {
  display: none; }

.patternForm {
  display: none; }

.footNav ul li a.over {
  background: #144560 !important; }

.settingSectionType1 dl.fullWidthArea {
  width: 100%; }
  .settingSectionType1 dl.fullWidthArea dd textarea {
    width: 100%;
    padding: 8px;
    font-size: 1em;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 5px; }

.settingSectionType1 .leftSetArea {
  width: 48%;
  float: left; }

.settingSectionType1 .rightSetArea {
  width: 48%;
  float: right; }
  .settingSectionType1 .rightSetArea dl {
    width: 100% !important; }
    .settingSectionType1 .rightSetArea dl dd input {
      width: 100% !important; }
  .settingSectionType1 .rightSetArea button {
    width: 100%;
    margin-top: 20px;
    background: #1f5b7c;
    font-size: 1em;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    margin-top: 30px; }

.settingSectionType1 .resetArea {
  padding-top: 20px; }
  .settingSectionType1 .resetArea a {
    color: #000; }

.scheduleListStyleBase {
  width: 100%;
  padding-top: 20px; }
  .scheduleListStyleBase ul li {
    display: flex; }
    .scheduleListStyleBase ul li dl {
      display: flex;
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      width: calc(100% - 60px) !important; }
      .scheduleListStyleBase ul li dl dt {
        position: relative;
        padding-bottom: 10px;
        padding-right: 10px;
        width: 100px;
        box-sizing: border-box;
        margin-left: 0px !important;
        text-indent: 0px !important; }
        .scheduleListStyleBase ul li dl dt:after {
          border-right: 1px solid #225b7b;
          content: "";
          display: block;
          position: absolute;
          right: 0px;
          top: 0px;
          height: 59px; }
        .scheduleListStyleBase ul li dl dt:before {
          content: "";
          display: block;
          position: absolute;
          right: -4px;
          top: 14.5px;
          width: 9px;
          height: 9px;
          background: #225b7b;
          border-radius: 5px; }
      .scheduleListStyleBase ul li dl dd {
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
        box-sizing: border-box;
        padding-bottom: 10px;
        padding-left: 10px;
        display: flex; }
        .scheduleListStyleBase ul li dl dd input {
          width: -webkit-calc(100% - 35px) !important;
          width: calc(100% - 35px) !important; }
        .scheduleListStyleBase ul li dl dd .deleteListBtn {
          content: "×";
          display: block;
          width: 30px;
          height: 39px;
          background: #225b7b;
          border-radius: 3px;
          text-align: center;
          line-height: 39px;
          color: #fff;
          z-index: 9999;
          margin-left: 5px; }
    .scheduleListStyleBase ul li input {
      width: 100%;
      padding: 8px;
      font-size: 1em;
      box-sizing: border-box;
      border: 1px solid #e5e5e5;
      background: #fff;
      border-radius: 5px;
      height: 39px;
      box-sizing: border-box; }
    .scheduleListStyleBase ul li:first-child dl dt:after {
      height: 35px;
      bottom: 0px;
      top: auto; }
    .scheduleListStyleBase ul li:last-child dl dt:after {
      height: 23.5px;
      bottom: auto;
      top: 0px; }
    .scheduleListStyleBase ul li:hover .deleteListBtn {
      display: block !important; }

.finbtn {
  height: 39px;
  width: 45px;
  margin-left: 10px;
  box-sizing: border-box;
  font-size: 0.9em;
  border: none;
  background: #e44f54;
  border-radius: 5px;
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 39px; }

.addBtn1 {
  width: 94%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
  background: none !important;
  border: 1px solid #8e8e8e;
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  color: #8e8e8e;
  font-size: 1em;
  margin-top: 10px; }

@media screen and (min-width: 680px) {
  .formAreaType2 .innerCont dl dd input {
    font-size: 1.4em;
    padding: 5px;
    height: auto; }
  body {
    font-size: 1.1em;
    padding-bottom: 60px; }
  .slideTopNav2 .slideTopNavInner ul li {
    width: 180px;
    box-sizing: border-box; }
  .slideTopNav2 {
    height: 55px; }
  .articleListStyle1 article {
    padding: 25px; }
  .formArea1 dl dd input, .formArea1 dl dd textarea {
    font-size: 1em; }
  .formArea1 dl dd textarea {
    min-height: 200px;
    padding: 15px; }
  .bottomSlideBtn {
    bottom: 60px; }
  .singleSlideSection {
    height: 100%;
    height: -webkit-calc(100% - 184px) !important;
    height: calc(100% - 115px) !important;
    padding-bottom: 20px;
    box-sizing: border-box; }
  .mainContBase {
    padding-top: 20px;
    padding-bottom: 20px; }
  .talkBtn {
    bottom: 50px !important;
    right: 20px !important; }
  .fixSendForm {
    bottom: 60px; } }

@media screen and (max-width: 679px) {
  .centerAreaStyle1_type2 {
    width: 100% !important; } }