/******************************************************************************/
/* 更新履歴：
/*
/*	■　2015/08/22 A.Nomura
/*		新規作成
/*
/******************************************************************************/
@charset "UTF-8";
/* ==========================================================================
   
   ========================================================================== */
.dspnone {
	display: none;
}

/* ==========================================================================
   s5-button
   ========================================================================== */
.s5-button, a.mod-button {
  color: #FFF;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 5px 10px;
  border: none;
  border-radius: 1px;
  background: #5787f4;
  -webkit-transition: background .2s;
          transition: background .2s;
  margin-bottom: 10px;
  margin-right: 10px; }
  .s5-button:last-child, a.mod-button:last-child {
    margin-bottom: 0px;
    margin-right: 0px; }
  a:hover .s5-button, a:hover a.mod-button, .s5-button:hover, a.mod-button:hover {
    color: #fff;
    text-decoration: none;
    background: #8aacf6;
    -webkit-transition: background 0;
            transition: background 0; }
  .s5-button:before, a.mod-button:before {
    /*content: "\f0da";*/
    font-family: 'icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 .6em .05em 0; }
  .s5-button.s5-button--full, a.s5-button--full.mod-button {
    display: block;
    width: 100%; }
  .s5-button.s5-button--inherit, a.s5-button--inherit.mod-button {
    font-size: 100%; }

/* ==========================================================================
   s5-AccFrame
   ========================================================================== */
xxx {
  x: x; }

.s5-AccFrame {
  display: block;
  padding: 15px 0 0;
  background: #e4e7eb; }
  .s5-AccFrame > iframe {
    display: block;
    max-width: 600px;
    height: 1300px;
    margin: 0 auto; }

/* ==========================================================================
   s5-AccFull
   ========================================================================== */
.s5-AccFull {
  max-width: 1200px;
  margin: 0 auto; }

.s5-AccFull__title {
  font-size: 26px;
  margin: 30px 0; }
  .s5-AccFull__title h1 {
    font-size: 100%;
    margin: 0; }

@media screen and (max-width: 767px) {
  .s5-AccFull {
    padding: 20px; }

  .s5-AccFull__title {
    font-size: 24px;
    margin: 20px 0; } }
.s5-AccFull__section1 {
  padding: 14px;
  background: #e4e7ec; }

.s5-AccFull__heading1 {
  font-size: 20px;
  line-height: 1.2;
  background: #b4b4c0;
  padding: 10px 14px;
  margin: -14px -14px 20px; }
  .s5-AccFull__heading1 h2 {
    font-size: 100%;
    margin: 0; }

.s5-AccFull__section1Row {
  margin: 0 -14px; }

.s5-AccFull__section1RowInner {
  direction: rtl;
  table-layout: fixed;
  display: table;
  width: 100%;
  border-spacing: 14px 0; }

.s5-AccFull__section1Col {
  direction: ltr;
  vertical-align: top;
  display: table-cell;
  width: 50%; }

@media screen and (max-width: 767px) {
  .s5-AccFull__section1 {
    padding: 0;
    background: none; }

  .s5-AccFull__heading1 {
    font-size: 16px;
    padding: 10px 14px;
    margin: 0 0 10px; }

  .s5-AccFull__section1Row {
    margin: 0; }

  .s5-AccFull__section1RowInner {
    display: block; }

  .s5-AccFull__section1Col {
    display: block;
    width: auto; } }
.s5-AccFull__section2 {
  background: #fff;
  padding: 26px;
  margin-bottom: 20px; }

.s5-AccFull__heading2 {
  font-size: 16px;
  padding: 10px 16px;
  margin: -26px -26px 20px;
  background: #cecfd3; }
  .s5-AccFull__heading2 h3 {
    font-size: 100%;
    margin: 0; }

@media screen and (max-width: 767px) {
  .s5-AccFull__section2 {
    padding: 0;
    margin: 0 0 5px;
    border: 1px solid #e4e7ec;
    border-top: none; }

  .s5-AccFull__heading2 {
    font-size: 14px;
/* 2015/06/18 A.Nomura    cursor: pointer; */
    padding: 10px 24px 10px 14px;
    margin: 0;
    position: relative;
    background: #cecfd3; }
    .s5-AccFull__heading2:after {
/* 2015/06/18 A.Nomura      content: "";  */
      font-family: 'icon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      line-height: 0;
      position: absolute;
      top: 50%;
      right: 10px; }
    .s5-AccFull__section2--open .s5-AccFull__heading2:after {
/* 2015/06/18 A.Nomura      content: "";  */
      font-family: 'icon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      line-height: 0; }
    .s5-AccFull__heading2 h3 {
      font-size: 100%;
      margin: 0; }

  .s5-AccFull__section2Body {
    display: none;
    padding: 10px 14px; }
    .s5-AccFull__section2--open .s5-AccFull__section2Body {
      display: block; } }
.s5-AccFull__imageList {
  margin: 0 -14px; }
  .s5-AccFull__imageList ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0; }
  .s5-AccFull__imageList li {
    cursor: pointer;
    display: inline-block;
    margin: 4px;
    border: 2px solid #fff; }
    .s5-AccFull__imageList li:hover {
      border-color: #f4c6b9; }
    .s5-AccFull__imageList li.s5-AccFull__imageListItem--current {
      border-color: #F1582E; }

.s5-AccFull__footerLog {
  color: #c93434;
  font-size: 12px;
  padding: 16px 20px;
  background: #fff; }
  .s5-AccFull__footerLog ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .s5-AccFull__footerLog li {
    margin: 0; }

.s5-AccFull__submit {
  margin-bottom: 10px; }
  .s5-AccFull__submit .s5-button {
    text-align: center;
    display: block; }

@media screen and (max-width: 767px) {
  .s5-AccFull__footer {
    padding: 10px 15px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e4e7ec;
    -webkit-box-shadow: 0 -5px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0 -5px 10px 0px rgba(0, 0, 0, 0.2); }

  .s5-AccFull__footerLog {
    font-size: 10px;
    padding: 0;
    margin-bottom: 10px;
    background: none; }

  .s5-AccFull__submit {
    margin-top: 10px; } }
.s5-AccFull__imageSection {
  padding: 20px 20px 10px;
  margin-bottom: 20px;
  background: #fafafc; }

.s5-AccFull__imageSectionImage {
  margin: -20px -20px 20px;
  position: relative; }
  .s5-AccFull__imageSectionImage img {
    width: 100%;
    height: auto;
    aspect-ratio: 850 / 500;
    display: block; }

.s5-AccFull__imageSectionNav {
  margin: 0 -10px; }
  .s5-AccFull__imageSectionNav ul {
    font-size: 14px;
    font-weight: bold;
    display: table;
    table-layout: fixed;
    list-style: none;
    max-width: 400px;
    width: 100%;
    padding: 0;
    margin: -20px auto 20px;
    border-spacing: 10px 0; }
  .s5-AccFull__imageSectionNav li {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    display: table-cell;
    min-width: 80px;
    padding: 4px 0 0;
    margin: 0;
    border-bottom: 4px solid #fafafc; }
  .s5-AccFull__imageSectionNav .s5-AccFull__imageSectionNav--current {
    border-color: #504D56; }

.s5-AccFull__imageSectionView {
  font-size: 0;
  margin: 20px 0; }

.s5-AccFull__imageSectionViewItem {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
  /*width: 49.9%;*/
  width: auto;
  text-align: center;
  padding-right: 30px; }

.s5-AccFull__imageSectionView2 {
  margin: 20px 0; }

.s5-AccFull__imageSectionView2Item {
  margin-bottom: 10px; }

.s5-AccFull__imageSectionView2ItemLabel {
  font-size: 12px;
  margin-bottom: 2px; }

.s5-AccFull__imageSectionView2ItemContent img {
  display: block;
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 767px) {
  .s5-AccFull__imageSection {
    padding: 20px 20px 10px;
    margin: 0 -20px 20px;
    background: #fafafc; }

  .s5-AccFull__imageSectionImage {
    margin: 0 0 10px; }

  .s5-AccFull__imageSectionNav {
    margin: 0 -4px; }
    .s5-AccFull__imageSectionNav ul {
      font-size: 12px;
      width: 100%;
      margin: -10px auto 10px;
      border-spacing: 5px 0; }
    .s5-AccFull__imageSectionNav li {
      min-width: 25%;
      padding: 4px 0 0; }

  .s5-AccFull__imageSectionView {
    margin: 10px 0; }

  .s5-AccFull__imageSectionViewItem {
    font-size: 10px;
    font-weight: bold;
    /*display: block;*/
    display: inline-block;
    width: auto;
    text-align: center;
    padding-right: 30; }

  .s5-AccFull__imageSectionView2 {
    margin: 20px 0; }

  .s5-AccFull__imageSectionView2Item {
    margin-bottom: 10px; }

  .s5-AccFull__imageSectionView2ItemLabel {
    font-size: 10px; }

  .s5-AccFull__imageSectionView2ItemContent img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 767px) {
  .s5-AccFullFloaterMargin {
    height: 200px; } }
/* ==========================================================================
   s5-Acc
   ========================================================================== */
.s5-Acc {
  font-size: 12px;
  max-width: 878px;
  padding: 10px 0;
  background: #e4e7eb; }
  .s5-Acc p {
    margin: .5em 0; }

.s5-Acc__header {
  margin: 0 0 20px; }
  .s5-Acc__header h2 {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    margin: 0; }

.s5-Acc__images {
  width: 100%;
  margin: 20px 0; }

.s5-Acc__image img {
  display: block;
  width: 100%;
  height: auto; }

.s5-Acc__imagesNav {
  font-size: 14px;
  margin: 20px 0 30px; }
  .s5-Acc__imagesNav ul {
    display: table;
    padding: 0;
    margin: 0 auto; }
  .s5-Acc__imagesNav li {
    cursor: pointer;
    display: table-cell;
    padding: 5px 10px;
    border-bottom: 4px solid #e4e7eb; }
    .s5-Acc__imagesNav li.s5-Acc__imageNavItem--current {
      border-bottom-color: #504d56; }

.s5-Acc__header2 {
  display: table;
  width: 100%;
  margin: 30px 0 20px; }
  .s5-Acc__header2 h3 {
    font-size: 16px;
    display: table-cell;
    margin: 0; }
  .s5-Acc__header2 .s5-Acc__header2sub {
    display: table-cell;
    text-align: right; }

.s5-Acc__fontSelect {
  margin: 20px 0 30px; }

.s5-Acc__fontSelectLead {
  margin: 10px 0; }

.s5-Acc__fontSelectList ul {
  *zoom: 1;
  list-style: none;
  padding: 0;
  margin: 0; }
  .s5-Acc__fontSelectList ul:before, .s5-Acc__fontSelectList ul:after {
    content: "";
    display: table; }
  .s5-Acc__fontSelectList ul:after {
    clear: both; }
.s5-Acc__fontSelectList li {
  cursor: pointer;
  float: left;
  margin: 0 8px 8px 0;
  border: 2px solid #e4e7eb; }
  .s5-Acc__fontSelectList li:hover {
    border-color: #f4c6b9; }
  .s5-Acc__fontSelectList li.s5-Acc__fontSelectListItem--current {
    border-color: #F1582E; }
.s5-Acc__fontSelectList img {
  display: block; }

.s5-Acc__textInput {
  margin: 40px 0 20px; }

.s5-Acc__textInputForm {
  margin: .5em 0; }

.s5-Acc__textInputFormItem {
  margin-bottom: 10px; }

.s5-Acc__textInputFormLabel {
  font-size: 12px; }

.s5-Acc__textInputFormInput input {
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding: 2px;
  width: 100%; }

.s5-Acc__submit {
  text-align: right;
  margin: 40px 0 10px; }
  .s5-Acc__submit.s5-Acc__submit--center {
    text-align: center; }

.s5-Acc__caution {
  margin: 20px 0 20px; }
  .s5-Acc__caution h4 {
    font-size: 100%;
    font-weight: normal;
    margin: 20px 0 0; }
  .s5-Acc__caution ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .s5-Acc__caution li {
    margin: .2em 0; }

@media screen and (max-width: 722px) {
  .s5-Acc {
    font-size: 12px;
    padding: 14px 0;
    background: #e4e7eb; }

  .s5-Acc__header {
    margin: 0 0 10px; }
    .s5-Acc__header h2 {
      font-size: 15px;
      font-weight: bold; }

  .s5-Acc__images {
    margin: 10px 0 0; }

  .s5-Acc__image img {
    display: block;
    width: 100%;
    height: auto; }

  .s5-Acc__imagesNav {
    font-size: 12px;
    margin: 0 0 30px; }
    .s5-Acc__imagesNav ul {
      width: 100%;
      table-layout: fixed; }
    .s5-Acc__imagesNav li {
      text-align: center;
      padding: 8px 0;
      border-bottom: none;
      border-top: 4px solid #e4e7eb; }
      .s5-Acc__imagesNav li.s5-Acc__imageNavItem--current {
        border-top-color: #504d56; }

  .s5-Acc__header2 {
    display: block;
    margin: 30px 0 5px; }
    .s5-Acc__header2 h3 {
      text-align: center;
      display: block; }
    .s5-Acc__header2 .s5-Acc__header2sub {
      text-align: right;
      display: block; }

  .s5-Acc__fontSelect {
    margin: 20px 0 30px; }

  .s5-Acc__fontSelectLead {
    text-align: center;
    margin: 4px 0; }

  .s5-Acc__fontSelectList ul {
    *zoom: 1;
    list-style: none;
    padding: 0;
    margin: 0; }
    .s5-Acc__fontSelectList ul:before, .s5-Acc__fontSelectList ul:after {
      content: "";
      display: table; }
    .s5-Acc__fontSelectList ul:after {
      clear: both; }
  .s5-Acc__fontSelectList li {
    float: left;
    margin: 0 10px 10px 0; }
  .s5-Acc__fontSelectList img {
    display: block; }

  .s5-Acc__fontInfo {
    text-align: center; }

  .s5-Acc__textInput {
    margin: 40px 0 20px; }

  .s5-Acc__textInputForm {
    margin: .5em 0; }
    .s5-Acc__textInputForm input {
      font-size: 16px;
      padding: 5px 5px;
      width: 100%; }

  .s5-Acc__submit {
    text-align: center;
    margin: 20px 0; }

  .s5-Acc__caution {
    margin: 20px 0;
    line-height: 2; }
    .s5-Acc__caution h4 {
      margin: 30px 0 0; }
    .s5-Acc__caution li {
      margin: .2em 0; } }