@charset "UTF-8";
/*
  noto
*/
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url("/files/font/NotoSansJP-Regular.eot?") format("eot"), url("/files/font/NotoSansJP-Regular.woff") format("woff"), url("/files/font/NotoSansJP-Regular.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("/files/font/NotoSansJP-Bold.eot?") format("eot"), url("/files/font/NotoSansJP-Bold.woff") format("woff"), url("/files/font/NotoSansJP-Bold.otf") format("opentype");
}
@font-face {
  font-family: "NotoSansJP-Black";
  src: url("/files/font/NotoSansJP-Black.eot?") format("eot"), url("/files/font/NotoSansJP-Black.woff") format("woff"), url("/files/font/NotoSansJP-Black.otf") format("opentype");
}
/*
　exdtend
===================================== */
.header-inner,
article,
.inner-block,
.inner-block--narrow,
.inner-block--small,
.inner-block--menu {
  max-width: 1200px;
  margin: 0 auto;
}
.clearfix {
  display: block;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* =====================================
  全体設定
===================================== */
.pc {
  display: block;
}
.sp {
  display: none;
}
a {
  color: #1a1a1a;
  text-decoration: none;
  outline: none !important;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
a:hover,
a:active {
  color: #1a1a1a;
  text-decoration: underline;
}
a:visited,
a:focus {
  text-decoration: none;
}
html {
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
body {
  margin: 0;
  min-width: 280px;
  height: 100%;
  color: #1a1a1a;
  line-height: 1.7;
  font-size: 1.6rem;
  background: #fafafa;
  font-family: "NotoSansJP-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
:after,
 :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* =====================================
  header
===================================== */
.header {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 7.18em;
  background: #fff;
  min-width: 280px;
  border-bottom: 1px solid #e4e4ea;
  -moz-transition: height 0.05s ease-out;
  -o-transition: height 0.05s ease-out;
  -webkit-transition: height 0.05s ease-out;
  transition: height 0.05s ease-out;
}
.header a img {
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.header a:hover {
  text-decoration: none;
}
.header a:hover img {
  opacity: .5;
}
.header a:visited,
.header a:focus {
  color: #1a1a1a;
}
.header-inner {
  height: 100%;
  padding: 0 25px;
}
.site-logo,
.gnav-wrapper {
  display: table;
  height: 100%;
  table-layout: fixed;
  line-height: 1;
}
.site-logo {
  float: left;
}
.site-logo a,
.site-logo--desc {
  display: table-cell;
  vertical-align: middle;
}
.site-logo--desc {
  position: relative;
  padding-left: 4.857em;
  height: 100%;
  font-size: 1.4rem;
  white-space: nowrap;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.site-logo--desc:before {
  position: absolute;
  top: inherit;
  left: 2.857em;
  content: '';
  display: inline-block;
  width: 1px;
  height: 18px;
  background: #e4e4ea;
}
.site-logo img {
  max-width: 100%;
}
.gnav-wrapper {
  float: right;
}
.gnav {
  display: table-cell;
  font-size: 1.2rem;
  vertical-align: middle;
  text-align: right;
}
.gnav ul {
  display: table;
}
.gnav a {
  text-align: center;
}
.gnav li {
  display: table-cell;
  padding: 3px 2em 4px;
}
.gnav li:last-of-type {
  border-left: 1px solid #e4e4ea;
}
.sub-nav {
  display: table-cell;
  vertical-align: middle;
}
.sub-nav-btns {
  font-size: 0;
}
.sub-nav a {
  font-size: 1.2rem;
  margin-left: .917em;
}
.small-nav {
  height: 5.026em;
}
.drawer-toggle {
  display: none !important;
}

/* =====================================
  content
===================================== */
/*  content, article
================================ */
.content {
  padding: 7.18em 0 0;
  -moz-transition: padding-top 0.1s ease-out;
  -o-transition: padding-top 0.1s ease-out;
  -webkit-transition: padding-top 0.1s ease-out;
  transition: padding-top 0.1s ease-out;
}
article {
  padding: 3.75em 25px 4.5em;
}
article img {
  max-width: 100%;
  height: auto;
}
.page-content {
  padding: 4.75em;
  background: #fff;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
}
.page-content--bg-none {
  padding-left: 0;
  padding-right: 0;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*  section
================================ */
.section--container {
  padding: 4em 0;
  border-bottom: 1px solid #e4e4ea;
}
.section--container:first-of-type {
  padding-top: 0;
}
.section--container>.message-block+.section-title {
  margin-top: 4em;
}
.section--narrow {
  padding: 3em 0;
  border-bottom: 1px solid #e4e4ea;
}
.section--narrow:first-of-type {
  border-top: 1px solid #e4e4ea;
}
.section--border0 {
  border-bottom: 0;
}
.section--frame {
  padding: 3.2em 3em 3.5em;
  border: 8px solid #f0f0f0;
  background: #fafafa;
}
.section--bg-gray {
  background: #fafafa;
  border: 0 !important;
}
.section--bg-red {
  background: #ffe1e1;
  border: 0 !important;
}
.section--pb0 {
  padding-bottom: 0;
}
.section--module-container {
  padding: 2em 0 2.4em;
}
.section--bottom {
  border-bottom: 0;
  padding-bottom: 1em;
}
.section-inner {
  margin: 3em 0 3.8em;
}
.section-header {
  padding: 1em 4em 3em;
}
.section-header .section-title {
  margin-bottom: 1em;
}
.section-header .section-desc {
  font-size: 1.4rem;
}
.section-header .section-desc.attention {
  padding-bottom: 1.5em;
}

/* =====================================
  components
===================================== */

/*  見出し
================================ */
h2 {
  font-size: 2rem;
  display: block;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
h2:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
h3 {
  font-size: 1.6rem;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.section-title {
  font-size: 2rem;
  margin: 0 0 1.5em;
  position: relative;
  padding-left: 20px;
  line-height: 1.7;
  display: block;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.section-title:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.section-title--border {
  padding-bottom: 1em;
  border-bottom: 2px solid #ccc;
}
.section-title--user-name {
  margin-bottom: 2.8em;
  padding-bottom: 2.4em;
  border-bottom: 1px solid #e4e4ea;
}
.section-title:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  content: '';
  width: 6px;
  height: 25px;
  background: #79d835;
  vertical-align: middle;
}
.block-title {
  font-size: 1.6rem;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  margin: 0 0 1.3em;
  position: relative;
  padding-left: 16px;
}
.block-title:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  content: '';
  width: 5px;
  height: 18px;
  background: #9ea4a4;
  vertical-align: middle;
}
.block-sub-title {
  font-size: 1.4rem;
  margin: 0 0 1.4em;
}
.module-title {
  font-size: 1.8rem;
  text-align: center;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.menu-title {
  font-size: 2.2rem;
  margin-bottom: 1.5em;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}

/*  ボタン
================================ */
.btn--round {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
/*.btn, */
.btn--search,
.btn--user,
.btn--close,
.btn--back,
.btn--newer {
  display: inline-block;
  padding: .9em 0 1.1em;
  min-width: 167px;
  text-align: center;
  text-decoration: none !important;
  background: #fafafa;
  border: 1px solid #e4e4ea;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*.btn:hover, */
.btn--search:hover,
.btn--user:hover,
.btn--close:hover,
.btn--back:hover,
.btn--newer:hover {
  opacity: 0.7;
  text-decoration: none !important;
}
/*.btn span, */
.btn--search span,
.btn--user span,
.btn--close span,
.btn--back span,
.btn--newer span {
  display: inline-block;
  vertical-align: middle;
}
/*.btn:before, */
.btn--search:before,
.btn--user:before,
.btn--close:before,
.btn--back:before {
  content: '';
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn--search:before {
  background-size: contain;
}
.btn--user:before {
  background-size: contain;
}
.btn--close {
  min-width: 10.143em;
  padding: .5em 0 .6em;
  font-size: 1.4rem;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.btn--close:hover {
  text-decoration: none;
}
.btn--close:before {
  content: '';
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background: contain;
}
.btn--back {
  min-width: 210px;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.btn--back:before {
  top: -1px;
  width: 8px;
  height: 8px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn--back:hover {
  text-decoration: none;
}
.btn--red {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  padding-bottom: 4px;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMjE5MTg2IiB5MT0iLTAuMTAyMjA4IiB4Mj0iMC43ODA4MTQiIHkyPSIxLjEwMjIwOCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmOGM2NWEiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2U0MzMxNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(295deg, #f8c65a 30%, #e43317 70%);
  background: -webkit-linear-gradient(295deg, #f8c65a 30%, #e43317 70%);
  background: linear-gradient(155deg, #f8c65a 30%, #e43317 70%);
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.btn--red:after {
  position: relative;
  top: -2px;
  display: inline-block;
  content: '';
  width: 6px;
  height: 8px;
  margin-left: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  vertical-align: middle;
}
.btn--red:hover {
  color: #fff;
}
.btn--red:hover {
  opacity: 0.7;
  text-decoration: none !important;
}
.btn--newer {
  font-weight: normal;
  background: -moz-linear-gradient(295deg, #f8c65a 30%, #e43317 70%);
  background: -webkit-linear-gradient(295deg, #f8c65a 30%, #e43317 70%);
  background: linear-gradient(155deg, #f8c65a 30%, #e43317 70%);
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.btn--newer span {
  color: #fff;
}
.btn--green, .btn-plan-green {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  padding-bottom: 4px;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMjE5MTg2IiB5MT0iLTAuMTAyMjA4IiB4Mj0iMC43ODA4MTQiIHkyPSIxLjEwMjIwOCI+PHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiM5NWU5NDIiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzI2YTcxMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(295deg, #95e942 35%, #26a710 80%);
  background: -webkit-linear-gradient(295deg, #95e942 35%, #26a710 80%);
  background: linear-gradient(155deg, #95e942 35%, #26a710 80%);
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.btn--green:after, .btn-plan-green:after {
  position: relative;
  top: -2px;
  display: inline-block;
  content: '';
  width: 6px;
  height: 8px;
  margin-left: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  vertical-align: middle;
}
.btn--green:hover, .btn-plan-green:hover {
  color: #fff;
}
.btn--green:hover, .btn-plan-green:hover {
  opacity: 0.7;
  text-decoration: none !important;
}
.btn--gray,
.btn--light-gray {
  display: inline-block;
  color: #fff !important;
  font-size: 1.6rem;
  padding-bottom: 4px;
  background: #666;
  text-decoration: none !important;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.btn--gray:after,
.btn--light-gray:after {
  position: relative;
  top: -2px;
  display: inline-block;
  content: '';
  width: 6px;
  height: 8px;
  margin-left: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto;
  vertical-align: middle;
}
.btn--gray:hover,
.btn--light-gray:hover {
  opacity: 0.7;
  text-decoration: none !important;
}
.btn--light-gray {
  color: #333 !important;
  font-size: 1.6rem;
  background: #fafafa;
  border: 1px solid #e4e4ea;
  -moz-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.btn--light-gray:after {
  top: -1px;
  width: 6px;
  height: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.btn--light-gray:hover {
  color: #333;
}
.btn--light-gray:hover {
  opacity: 0.7;
  text-decoration: none !important;
}
.btn--submit {
  width: 330px;
  height: 60px;
}
#inline-modal-logout .btn--submit {
  padding-top: 1em;
  padding-bottom: 0;
  height: 48px;
}
.btn--large {
  min-width: 330px;
  padding: 1em 0 1.2em;
}
.btn--medium {
  padding: 7px 2em 10px;
  font-size: 1.4rem;
}
.btn--narrow {
  padding: 10px 2em 12px;
  font-size: 1.4rem;
}
.btn-container {
  margin: 1em 0;
}
.btn-container--center {
  margin: 3.5em 0 1.5em;
  text-align: center;
}
.btn-container--lower {
  margin: 3.5em 0 0;
  text-align: center;
}
.btn-container--close {
  margin: 2em 0 2.5em;
  text-align: center;
}
.btn-container--module {
  padding: 2.4em 0 0;
  border-top: 1px solid #e4e4ea;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.btn-container--submit {
  display: block;
  width: 570px;
  margin-left: auto;
  margin-right: auto;
}
.btn-container--submit:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.title-btn {
  display: inline-block;
  vertical-align: middle;
  float: right;
}
.btn--left,
.btn--right {
  display: block;
}
.btn--right {
  float: right;
}
.btn--left {
  float: left;
  display: table;
  height: 60px;
}
.btn--left span {
  display: table-cell;
  vertical-align: middle;
}

/*  リンク
================================ */
.link {
  color: #79d835;
}
.link:hover {
  color: #79d835;
}
.link--edit:before {
  position: relative;
  top: 1px;
  display: inline-block;
  content: '';
  width: 15px;
  height: 15px;
  margin-right: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.link--back:before {
  position: relative;
  top: 1px;
  display: inline-block;
  content: '';
  width: 13px;
  height: 15px;
  margin-right: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.link--external:after {
  position: relative;
  top: -1px;
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  margin-left: 4px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
.link--arw-a:after {
  position: relative;
  top: 0;
  display: inline-block;
  content: '';
  width: 6px;
  height: 10px;
  margin-left: 1em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.link--line {
  text-decoration: underline;
}
.link--line:hover {
  text-decoration: none;
}

/*  リンクパネル
================================ */
.link-panel--item {
  /* added style 2018.03.08 kouchi */
  border-top: 1px solid #e4e4ea;
  clear: both;
}
.link-panel--link {
  position: relative;
  display: block;
  padding: 2.4em 5em 2.6em 4em;
  /* border-top: 1px solid #e4e4ea; deleted style 2018.03.08 kouchi */
  background-position: right 2.5em center;
  background-repeat: no-repeat;
  background-size: 14px 20px;
  -moz-transition: background 0.4s ease-out 0.1s;
  -o-transition: background 0.4s ease-out 0.1s;
  -webkit-transition: background 0.4s ease-out;
  -webkit-transition-delay: 0.1s;
  transition: background 0.4s ease-out 0.1s;
}
.link-panel--link:after {
  position: absolute;
  top: 50%;
  right: 2.7em;
  content: '';
  display: block;
  width: 14px;
  height: 20px;
  margin-top: -9px;
  vertical-align: middle;
  opacity: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px 20px;
  -moz-transition: all 0.05s 0;
  -o-transition: all 0.05s 0;
  -webkit-transition: all 0.05s 0;
  transition: all 0.05s 0;
}
.link-panel--item:hover {
  /* name changed style 2018.03.08 kouchi */
  background-color: #fff;
  background-position: right .5em center;
  /* text-decoration: none !important; deleted style 2018.03.08 kouchi */
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  -webkit-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
.link-panel--link:hover {
  /* added style 2018.03.08 kouchi */
  text-decoration: none !important;
}
.link-panel--link:hover:after {
  opacity: 1;
  right: 2.5em;
  -moz-transition: all 0.2s ease-in 0.3s;
  -o-transition: all 0.2s ease-in 0.3s;
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0.3s;
  transition: all 0.2s ease-in 0.3s;
}
.link-panel--title,
.link-panel--desc {
  display: block;
}
.link-panel--title {
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.link-panel--desc {
  margin-top: 5px;
  font-size: 1.4rem;
}

/* added style
2018.03.08 kouchi
============================== */
.link-panel--item>div {
  display: inline-block;
}
.link-panel--item>div:nth-child(1) {
  margin-left: 7px;
  width: 2.5em;
}
.link-panel--item>div:nth-child(2) {
  width: calc(100% - 3em);
}
.link-panel--item>div:nth-child(2)>.link-panel--link {
  padding-left: 1em;
}
.link-panel--item>div:nth-child(1)>label {
  margin-left: 0.9em;
  margin-bottom: 0.9em;
}
#control-check-all>div {
  width: auto;
  margin-left: 1.3em;
}
#control-check-all>div>label {
  padding-left: 3.2em;
  font-size: small;
}

/*  ボタンパネル
================================ */
.btn-panel--item {
  margin: 0 !important;
  position: relative;
  background: #fff;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  overflow: hidden;
}
.btn-panel--item:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.btn-panel--text {
  position: absolute;
  display: block;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -2.5em;
  font-size: 2.4rem;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.btn-panel--icn-search:before,
.btn-panel--icn-user:before {
  content: '';
  display: block;
  width: 100%;
  height: 48px;
  margin-bottom: 1em;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.btn-panel--link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.btn-panel--link:hover {
  color: #fff;
  background: #79d835;
}

/*  ページヘッダ、 ページタイトル、 アンカーリンク
================================ */
.page-header {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 0 0 2em;
  margin: 0;
  border: 0;
}
.page-title,
.page-info {
  display: table-cell;
  vertical-align: middle;
}
.page-title {
  font-size: 3rem;
  font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.page-info {
  font-size: 0;
  text-align: right;
}
.page-info--item {
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  margin-right: 3.2em;
  padding-right: 3.2em;
  border-right: 1px solid #e4e4ea;
}
.page-info--item:last-of-type {
  margin: 0;
  padding-right: 0;
  border: 0;
}

/*  リスト
================================ */
.index-list {
  display: block;
}
.index-list:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.index-list--data {
  float: right;
  width: 88%;
}
.index-list--name {
  float: left;
  width: 12%;
  padding-right: 1.5em;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.index-list--name--icn,
.index-list--name--icn-fresh,
.index-list--name--icn-fish,
.index-list--name--icn-milk,
.index-list--name--icn-seaweed,
.index-list--name--icn-vege,
.index-list--name--icn-fruits,
.index-list--name--icn-junk,
.index-list--name--icn-exercise,
.index-list--name--icn-rest,
.index-list--name--icn-stress,
.index-list--name--icn-alcohol,
.index-list--name--icn-tobacco {
  padding-left: 2.5em;
  background-position: left 3px;
  background-repeat: no-repeat;
  background-size: auto 25px;
}
.index-list--name--icn-fresh {
  background-size: auto 21px;
}
.index-list--name--icn-fish {
  background-size: auto 25px;
}
.index-list--name--icn-milk {
  background-size: auto 25px;
  background-position: 4px 2px;
}
.index-list--name--icn-seaweed {
  /*background-image: url("/img/icn-seaweed.png");*/
  background-size: 25px auto;
  background-position: left 5px;
}
.index-list--name--icn-vege {
  background-size: auto 23px;
  background-position: 2px 2px;
}
.index-list--name--icn-fruits {
  background-size: auto 23px;
  background-position: 5px 2px;
}
.index-list--name--icn-junk {
  background-size: auto 23px;
  background-position: left top;
}
.index-list--name--icn-exercise {
  background-size: auto 21px;
  background-position: left 3px;
}
.index-list--name--icn-rest {
  background-size: auto 21px;
  background-position: left 3px;
}
.index-list--name--icn-stress {
  background-size: auto 17px;
  background-position: 3px 6px;
}
.index-list--name--icn-alcohol {
  background-size: auto 19px;
  background-position: 3px 3px;
}
.index-list--name--icn-tobacco {
  background-size: auto 12px;
  background-position: 3px 6px;
}
.striped-list {
  padding-bottom: 1.5em;
}
.striped-list--item,
.striped-list--item--has-input {
  padding: 2.5em 2em 2.5em 2.5em;
  background: #fafafa;
}
.striped-list--item:nth-of-type(2n),
.striped-list--item--has-input:nth-of-type(2n) {
  background: #f2f2f2;
}
.striped-list--item--has-input {
  padding: 2.5em 2em 1.3em 2.5em;
}
.striped-list .index-list--name {
  width: 36%;
}
.striped-list .index-list--data {
  width: 64%;
}
.ib-list--center {
  text-align: center;
}
.ib-list--item {
  display: inline-block;
}
.input-text-list--item {
  margin-bottom: 1em;
}
.input-text-list--item:last-of-type {
  margin-bottom: 0;
}
.disc-list li {
  margin-left: 1.5em;
  list-style-type: disc;
}

/*  テキスト
================================ */
.text--index {
  display: inline-block;
  padding: 7px 0 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.text--caption {
  margin: 0 0 1em;
}
.text--bold {
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.text--pink {
  color: #ff47ab;
}
.text--orange {
  color: orange;
}
.text--confirm {
  display: inline-block;
  padding: 7px 0 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
  line-height: 1.5;
}
.attention {
  color: #cc0000;
}
.notes {
  font-size: 1.3rem;
}
.notes--caption {
  margin-top: 1em;
}
.align--right {
  text-align: right;
}
.align--left {
  text-align: left;
}
.align--center {
  text-align: center;
}
.valign--top {
  vertical-align: top !important;
}
.valign--top-inputname {
  padding-top: 22px !important;
}
.valign--top th,
.valign--top td {
  vertical-align: top;
}

/*  ブロック block
================================ */
.block {
  margin-bottom: 2.5em;
  display: block;
}
.block:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ib-block {
  display: inline-block;
}
.inner-block--narrow {
  max-width: 850px;
}
.inner-block--small {
  max-width: 600px;
}
.inner-block--menu {
  max-width: 900px;
  overflow: visible;
}
.image-block {
  padding: 8.571em 0;
  text-align: center;
  border: 1px solid #e4e4ea;
}
.grid--item .block-title {
  margin-bottom: 1em;
}
.grid--left,
.grid--right {
  width: 48%;
}
.grid--left {
  float: left;
}
.grid--right {
  float: right;
}
.grid--pic {
  margin-bottom: 2rem;
}
.grid--2 {
  display: block;
}
.grid--2:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grid--2 .grid--item {
  width: 50%;
  float: left;
}
.grid--2-block {
  display: block;
}
.grid--2-block:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grid--2-block .grid--item {
  width: 48%;
  float: left;
  margin: 0 0 2em;
}
.grid--2-block .grid--item:nth-of-type(2n) {
  float: right;
}
.grid--2-text,
.grid--3-text {
  font-size: 1.4rem;
  line-height: 1.8;
}
.grid--3 {
  display: block;
}
.grid--3:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grid--3 .grid--item {
  width: calc( ( 100% - 1px) /3);
  float: left;
}
.grid--3-block {
  display: block;
}
.grid--3-block:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grid--3-block .grid--item {
  width: calc( ( 100% - 3.75em) /3);
  margin: 0 1.875em 1.875em 0;
  float: left;
}
.grid--3-block .grid--item:nth-of-type(3n) {
  margin-right: 0;
}
.grid--4 {
  display: block;
}
.grid--4:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grid--4 .grid--item {
  width: 25%;
  float: left;
}
.grid--5 {
  display: block;
}
.grid--5:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.grid--5 .grid--item {
  width: 20%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.memo-block {
  margin: 4em 0;
}
.toggle-block {
  margin: 3em 0 2em;
  border: 2px solid #79d835;
}
.toggle-btn, .toggle-btn-plan {
  padding: 1.2em 0 1.4em;
  text-align: center;
  color: #79d835;
  cursor: pointer;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.toggle-btn:after, .toggle-btn-plan:after {
  position: relative;
  top: -2px;
  content: '';
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 1em;
  background-position: center center;
  background-repeat: no-repeat;
}
.toggle-btn-opened {
  margin: 0 2em 2em;
  padding-top: .5em;
  padding-bottom: .7em;
  border-bottom: 1px solid #e4e4ea;
}
.toggle-btn-plan {padding: 0; color: white;}
.toggle-btn-opened:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.toggle-content {
  display: none;
  padding: 0 1.3em 1em;
}
.accordion-block {
  border-top: 1px solid #e4e4ea;
  border-bottom: 1px solid #e4e4ea;
  background: #fafafa;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.accordion-block--title {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 2.5em 2.5em;
  cursor: pointer;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.accordion-block--title:after {
  content: '';
  position: absolute;
  right: 2.857em;
  top: 50%;
  display: block;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  background-position: 7px 7px;
  background-repeat: no-repeat;
  /*background-image: url("/img/icn-plus.png");*/
  background-color: #79d835;
  background-size: 11px auto;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.accordion-block--title:hover {
  background: #79d835;
  color: white;
}
.accordion-block--title:hover:after {
  /*background-image: url("/img/icn-plus-green.png");*/
  background-color: #fff;
}
.accordion-block--desc {
  display: none;
  padding: 0 2.5em;
}
.accordion-block--text {
  padding: 0 0 2.5em;
}
.accordion-block.opened dt {
  background-color: transparent !important;
  color: #1a1a1a !important;
}
.accordion-block.opened dt:after {
  background-color: #999;
  /*background-image: url("/img/icn-minus.png");*/
}
.accordion-block.current dd {
  display: block;
}
.accordion-block dt strong,
.accordion-block dd {
  padding-right: 12.143em;
}
.message-block {
  color: #fff;
  background: #79d835;
  padding: 6em 9em;
}
.message--text {
  position: relative;
  padding: 0 2em;
  font-size: 1.8rem;
}
.message--text:before,
.message--text:after {
  position: absolute;
  content: '';
  display: block;
  width: 26px;
  height: 23px;
  background-position: center center;
  background-repeat: no-repeat;
  line-height: 1;
}
.message--text:before {
  top: 3px;
  left: 0;
}
.message--text:after {
  bottom: 1px;
  right: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.caption-block {
  padding: 1.5em 0;
}
.lead-block {
  padding: 0 0 2em;
}

/*  テーブル
================================ */
.plane-table,
.striped-table {
  width: 100%;
  table-layout: fixed;
  overflow-wrap: break-word;
  font-size: 1.4rem;
}
.plane-table th,
.striped-table th,
.plane-table td,
.striped-table td {
  padding: .5em 1.2em;
  border-bottom: 1px solid #fff;
}
.plane-table th,
.striped-table th {
  width: 20%;
  background: #fafafa;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.plane-table td,
.striped-table td {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.plane-table thead th,
.striped-table thead th {
  background: #dedede;
}
.striped-table td {
  padding-left: 1em;
  padding-right: 1em;
}
.striped-table tr {
  background: #fafafa;
}
.striped-table tr:nth-of-type(2n) {
  background: #f2f2f2;
}
.striped-table tbody th {
  background: none;
}
.default-table {
  width: 100%;
}
.default-table th,
.default-table td {
  padding: .5em 0;
  padding-right: 1em;
}
.default-table th {
  width: 15%;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.default-table td {
  width: 35%;
}
.account-table {
  background: #fff;
  width: 100%;
}
.account-table td {
  padding: 1.2em 2em;
  border-bottom: 2px solid #f7f7f7;
}
.account-table td.total-num {
  font-size: 1.8rem;
}
.account-table tbody {
  border-bottom: 3px solid #e6e6e6;
}
.account-table--total {
  margin-top: 2em;
  background: #e6e6e6;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.account-table--total td {
  padding: 1em 2em;
}
.table-cell {
  display: table;
  width: 100%;
}
.table-index,
.table-content,
.table-data {
  display: table-cell;
  vertical-align: middle;
}
.table-index {
  width: 25%;
}
.table-content {
  width: 75%;
}
.table-data {
  width: 50%;
}

/*  form
================================ */
input,
textarea,
select,
button {
  padding: 0;
  background: none;
  border: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  font-family: "NotoSansJP-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
select::-ms-expand {
  display: none;
}
button,
input[type="submit"] {
  cursor: pointer;
  outline: none;
}
label {
  cursor: pointer;
  font-weight: normal;
  margin: 0;
}
input[type="radio"],
input[type="checkbox"] {
  display: none;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
textarea {
  padding: 7px 12px 10px;
  background: #fafafa;
  border: 1px solid #e3e5e6;
  vertical-align: middle;
  outline: none;
  line-height: 1.5;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
  width: 170px;
}
select,
textarea {
  font-size: 1.6rem;
}
select {
  position: relative;
  z-index: 1;
  min-width: 96px;
  padding-right: 32px;
  border: 0;
  background: none;
  cursor: pointer;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
::-webkit-input-placeholder {
  color: rgba(25, 25, 25, 0.2);
  opacity: 1;
}
:-moz-placeholder {
  color: rgba(25, 25, 25, 0.2);
}
::-moz-placeholder {
  color: rgba(25, 25, 25, 0.2);
  opacity: 1;
}
:-ms-input-placeholder {
  color: rgba(25, 25, 25, 0.2);
}
.full-width {
  width: 100% !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.semi-width {
  width: 60% !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-left: 20%;
}
.num {
  width: 95px;
  margin-right: 14px;
}
.label--check,
.label--check-small,
.label--radio-small,
.error .label--check-small,
.error .label--radio-small,
.label--radio {
  position: relative;
  display: inline-block;
  padding: 0 0 0 28px;
}
.label--check:before,
.label--check-small:before,
.label--radio-small:before,
.error .label--check-small:before,
.error .label--radio-small:before,
.label--radio:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #e6e6e6;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
}
.link-panel--item>div:nth-child(1)>.label--check:before {
  top: 0;
  /* added style 2018.03.09 kouchi */
}
.label--check-small:before,
.label--radio-small:before {
  top: 2px;
  width: 18px;
  height: 18px;
  border: 1px solid #e6e6e6;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.label--radio:after,
.label--radio:before {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.label--radio:after {
  display: none;
  position: absolute;
  top: 8px;
  left: 4px;
  content: '';
  width: 12px;
  height: 12px;
  background: #79d835;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.label--switch-y,
.label--switch-n {
  position: relative;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.label--switch-n {
  padding-left: 30px;
}
.label--switch-y {
  padding-right: 30px;
}
.label--switch-y:before,
.label--switch-y:after {
  position: absolute;
  top: 50%;
  right: -13px;
  content: '';
  display: block;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.label--switch-y:before {
  width: 26px;
  height: 12px;
  margin-top: -5px;
  background: #ccc;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.label--switch-y:after {
  right: -26px;
  width: 26px;
  height: 26px;
  margin-top: -12px;
  background: #666;
  -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.label--notes {
  font-size: 1.4rem;
}
input[type="radio"]:checked+.label--radio:after {
  display: inline-block;
}
input[type="radio"]:checked+.label--switch-y {
  color: #79d835;
}
input[type="radio"]:checked+.label--switch-y:after {
  right: 0;
  background: #79d835;
}
.input-list-container {
  margin: 3em 0 0;
}
.input-list {
  font-size: 0;
}
.input-list--item {
  display: inline-block;
  font-size: 1.6rem;
  min-width: 100px;
  padding-right: 2em;
  padding-bottom: 1.3em;
}
.input-list--item--pb0 {
  padding-bottom: 0;
}
.input-list--grid--2,
.input-list--grid--3,
.input-list--grid--4 {
  display: block;
}
.input-list--grid--2:after,
.input-list--grid--3:after,
.input-list--grid--4:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.input-list--grid--2 .input-list--item,
.input-list--grid--3 .input-list--item,
.input-list--grid--4 .input-list--item {
  display: block;
  float: left;
  padding-right: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.input-list--grid--2 .input-list--item {
  width: 50%;
}
.input-list--grid--3 .input-list--item {
  width: 32%;
}
.input-list--grid--3 .input-list--item--2block {
  width: 66%;
  padding-right: 0;
}
.input-list--grid--3 .input-list--item--2block input[type="text"],
.input-list--grid--3 .input-list--item--2block input[type="number"],
.input-list--grid--3 .input-list--item--2block input[type="email"],
.input-list--grid--3 .input-list--item--2block input[type="password"] {
  position: relative;
  top: -5px;
  width: 80%;
  float: right;
}
.input-list--grid--4 .input-list--item {
  width: 25%;
}
#customersFind .input-list--grid--4 .input-list--item,
#customersSearch .input-list--grid--4 .input-list--item {
  padding: 7px 0 0;
}
.input-list--grid--6 .input-list--item {
  min-width: 19%;
}
.input-list--grid--5 .input-list--item {
  min-width: 20%;
}
.select-list {
  font-size: 0;
}
.select-list--item {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: middle;
}
.select-list--option {
  position: relative;
  display: inline-block;
  background: #fafafa;
  border: 1px solid #e3e5e6;
  vertical-align: middle;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.select-list--option:after {
  position: absolute;
  z-index: 0;
  top: 50%;
  right: 8px;
  content: '';
  display: block;
  width: 10px;
  height: 5px;
  margin-top: -1px;
  background-position: center center;
  background-repeat: no-repeat;
}
.form-table {
  width: 100%;
  margin: 0 0 3em;
}
.form-table--default {
  width: 100%;
}
.form-table--default th,
.form-table--default td {
  padding-top: 14px;
  padding-bottom: 14px;
}
.form-table--default th {
  position: relative;
  width: 35%;
  text-align: right;
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.form-table--default th .notes,
.form-table--default th .attention {
  font-family: "NotoSansJP-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
}
.form-table--default th .notes {
  display: block;
}
.form-table--default th .attention {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 110px;
  text-align: center;
  font-size: 1.2rem;
}
.form-table--default th.notRequired {
  padding-right: 110px;
}
.form-table--default td {
  width: 65%;
}
.form-table--default td input[type="text"],
.form-table--default td input[type="number"],
.form-table--default td input[type="email"],
.form-table--default td input[type="password"] {
  margin-right: 20px;
}
.form-table--default th.mail-theader {
  padding-right: 40px;
  width: 18%;
}

/* added style 2018.03.08 kouchi */
.form-table--default td.mail-tbody {
  width: auto !important;
}

/* added style 2018.03.08 kouchi */
.form-table--valign-top th,
.form-table--valign-top td {
  vertical-align: top;
}
.form-table--confirm th {
  padding-right: 110px;
}
.form-row--striped {
  background: #fafafa;
}
.form-row--striped:nth-of-type(2n) {
  background: #f2f2f2;
}
.form-data {
  padding: 1.3em 1.3em;
}
.form-data--narrow {
  padding: 1em 1.8em;
}
.form-data--wide {
  padding: 2.8em 1.8em;
}
.form-index {
  font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  font-weight: normal;
  width: 15%;
}
.form-content {
  width: 35%;
}
.switch {
  font-size: 0;
}
.switch--item {
  display: inline-block;
  font-size: 1.4rem;
}

/*  ページコンテンツ フッタ
================================ */
.page-footer {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 2em 0 0;
}

/*  合計金額バー（mc-410）
================================ */
.status-bar--container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 25px;
  background: #4d4d4d;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.status-bar {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.status-bar--inner {
  width: 100%;
  height: 40px;
  display: table;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
}
.status-bar--total-num,
.status-bar--total {
  display: table-cell;
  vertical-align: middle;
}
.status-bar--total-num--title,
.status-bar--total-num--num {
  display: inline-block;
}
.status-bar--total-num--title {
  margin-right: 1.8em;
  padding-right: 1.8em;
  border-right: 1px solid #5f5f5f;
}
.status-bar--total {
  text-align: right;
}
.status-bar--total--price {
  display: inline-block;
  padding: 0 1.8em;
  border-left: 1px solid #5f5f5f;
  border-right: 1px solid #5f5f5f;
}

/*  iframe モーダル
================================ */
.body--modal {
  background: none;
  min-width: inherit;
}
.body--modal .page {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
.article--modal {
  padding: 0;
  width: 850px;
}
.article--modal .page-content {
  padding: 2.8em 3.125em 3.125em;
}
.mfp-iframepopup .mfp-iframe-holder .mfp-content {
  margin-bottom: 120px !important;
}

/*  inline モーダル
================================ */
.inline-modal {
  padding: 2.8em 3.125em 6em;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}

/* =====================================
  error
===================================== */
.error input[type="text"],
.error input[type="number"],
.error input[type="email"],
.error input[type="password"],
.error textarea,
input.parsley-error {
  border-color: #cc0000;
}
.error input[type="text"].typed,
.error input[type="number"].typed,
.error input[type="email"].typed,
.error input[type="password"].typed,
.error textarea.typed {
  border-color: #e3e5e6;
}
.error.select-list--option {
  border-color: #cc0000;
}
.error .label--check:before,
.error .label--check-small:before,
.error .label--radio-small:before,
.error .label--radio:before {
  border-color: #cc0000;
}
.error .label--check-small:before,
.error .label--radio-small:before {
  border-color: #cc0000;
}
.error .error-message {
  padding: 0 12px;
}
.index-list--data .error-message {
  margin: 0 0 1.8em;
}
.error-message {
  margin-top: 0.3em;
  color: #cc0000;
  font-size: 1.2rem;
}
.parsley-errors-list .parsley-pattern,
.parsley-errors-list .parsley-required,
.parsley-errors-list .parsley-length,
.parsley-errors-list .parsley-type,
.parsley-errors-list .parsley-custom-error-message,
.invalid-form-error-message {
  list-style: none;
  color: #c00;
  margin-top: 0.3em;
  font-size: 1.2rem;
}

/* =====================================
  pages
===================================== */
/*  ms-300
================================ */
.search-member--form textarea {
  resize: none;
}

/* =====================================
  footer
===================================== */
.footer {
  width: 100%;
  padding: 0 25px;
  background: #454545;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.footer .inner-block,
.footer .inner-block--narrow,
.footer .inner-block--small,
.footer .inner-block--menu {
  padding: 3.125em 0;
}
.footer--status-bar .inner-block,
.footer--status-bar .inner-block--narrow,
.footer--status-bar .inner-block--small,
.footer--status-bar .inner-block--menu {
  padding-bottom: 5.625em;
}
.footer .footer-nav {
  float: left;
}
.footer li {
  display: inline-block;
  font-size: 0;
  margin: 0 40px 0 0;
}
.footer li a {
  font-size: 1.2rem;
  text-decoration: none;
  color: #fff;
}
.footer li a:hover {
  color: #79d835;
}
.copyright {
  float: right;
  padding-top: 4px;
  font-size: 1.2rem;
  color: #fff;
}

/* added style
2017.06.22 kouchi
============================== */
a.btn--submit { color: white; }
input[disabled][type="radio"]+label { color: silver; cursor: unset; background-color: #F2F2F2; }
.input-name { display: block; float: left; }
.invalid-form-error-message { clear: both; }

/* added style
2017.08.02 kouchi
============================== */
.form-data--switch { min-width: 114px; }
button.btn--submit[disabled] { background: gray; }

/* added style
2017.08.07 kouchi
============================== */
.control-radio label.label--radio { width: 6.3em; }
.index-list--data .control-radio label.label--radio { min-width: 100px; }
.control-radio.parsley-error>label::before,
.control-checkbox.parsley-error>label::before { border-color: #c00; }

/* added style
2017.08.16 kouchi
============================== */
input[type="checkbox"][disabled]+label::before { background-color: #EEE; }
input[type="checkbox"][disabled]+label { background-color: #EEE; }
figure.half-pic img { width: 50%; height: 50%; }
input[type="checkbox"],
input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="checkbox"],
input[type="radio"] { line-height: normal; }
label { display: inline-block; max-width: 100%; }
.checkbox label,
.radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; }
.checkbox,
.radio { margin-top: 10px; margin-bottom: 10px; }

/* added style
2017.12.20 kouchi
============================== */
.content-notice { overflow: auto; max-height: 6.5em; }
.content-newer { max-width: 1200px; margin: 0 auto; position: fixed; top: 9rem; margin-left: 18rem; }
.btn--newer { }
.hamburger-newer-color { background-color: red; }

/* added style
2018.03.05 kouchi
============================== */
div.addresses.form div.select-container,
div.addresses.form div.result-container { padding-top: 14px; padding-bottom: 14px; }
div.addresses.form div.result-container p { padding-bottom: 14px; }
div.addresses.form div.result-container .close-btn { margin-top: 14px; }
div.addresses.form div.select-container>div.select-list>div.select-list--item { width: auto; }
div.addresses.form div.select-container>div.select-list>div.select-list--item>div.select-list--option>select { padding-right: 20px; }

/* added style
2018.03.12 kouchi
============================== */
.food-allergy { font-size: small; margin-top: 0.5em; }


/*-----------------------------------
*   @media query
*----------------------------------*/
@media screen and (max-width: 1000px) and (min-width: 767px) {
  .site-logo {
    /*width: 265px;*/
  }
  .site-logo--desc {
    font-size: 1.1rem;
    padding-left: 20px;
    width: 90px;
    text-align: right;
  }
  .site-logo--desc:before {
    left: 20px;
    height: 20px;
    margin-top: -3px;
  }
  .site-logo img {
    width: 155px;
  }
  .gnav {
    font-size: 1.1rem;
  }
  .gnav li {
    padding-left: .8em;
    padding-right: .8em;
  }
  .sub-nav {
    display: table-cell;
    vertical-align: middle;
  }
  .sub-nav-btns {
    font-size: 0;
  }
  .sub-nav a {
    font-size: 1.1rem;
    margin-left: .5em;
    min-width: 140px;
  }
  .sub-nav .btn--user:before {
    margin-right: 4px;
  }
  .small-nav {
    height: 5.026em;
  }
  .drawer-toggle {
    display: none !important;
  }
  .page-content {
    padding: 3.8em 3.5em;
  }
  .page-content--bg-none {
    padding-left: 0;
    padding-right: 0;
  }
  .input-list--grid--3 .input-list--item--2block input[type="text"],
  .input-list--grid--3 .input-list--item--2block input[type="number"],
  .input-list--grid--3 .input-list--item--2block input[type="email"],
  .input-list--grid--3 .input-list--item--2block input[type="password"] {
    width: 75%;
  }
}
@media screen and (max-width: 1200px) {
  /* =====================================
    pages
  ===================================== */
  /*  ms-300
  ================================ */
  .search-member--form .grid--item {
    width: 49%;
  }
  .search-member--form .table-index {
    width: 30%;
  }
  .search-member--form .table-content {
    width: 70%;
  }
}
@media screen and (max-width: 1000px) {
  body {
    font-size: 1.5rem;
  }
  .input-list--item {
    font-size: 1.5rem;
  }
  /*  リスト
  ================================ */
  .index-list--data {
    float: none;
    width: 100%;
    padding-bottom: 14px;
  }
  .index-list--name {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-bottom: 8px;
  }
  .index-list--name--icn,
  .index-list--name--icn-fresh,
  .index-list--name--icn-fish,
  .index-list--name--icn-milk,
  .index-list--name--icn-seaweed,
  .index-list--name--icn-vege,
  .index-list--name--icn-fruits,
  .index-list--name--icn-junk,
  .index-list--name--icn-exercise,
  .index-list--name--icn-rest,
  .index-list--name--icn-stress,
  .index-list--name--icn-alcohol,
  .index-list--name--icn-tobacco,
  .index-list--name--icn-fresh,
  .index-list--name--icn-fish,
  .index-list--name--icn-milk,
  .index-list--name--icn-seaweed,
  .index-list--name--icn-vege,
  .index-list--name--icn-junk,
  .index-list--name--icn-exercise,
  .index-list--name--icn-rest,
  .index-list--name--icn-stress,
  .index-list--name--icn-alcohol,
  .index-list--name--icn-tobacco {
    padding-left: 2.1em !important;
    background-position: left 5px;
    background-repeat: no-repeat;
    background-size: auto 22px;
  }
  .index-list--name--icn-fresh {
    background-size: auto 18px;
  }
  .index-list--name--icn-fish {
    background-size: auto 20px;
  }
  .index-list--name--icn-milk {
    background-size: auto 22px;
    background-position: 5px 1px;
  }
  .index-list--name--icn-seaweed {
    background-size: 24px auto;
    background-position: left 4px;
  }
  .index-list--name--icn-vege {
    background-size: auto 21px;
    background-position: 2px 2px;
  }
  .index-list--name--icn-junk {
    background-size: auto 22px;
    background-position: left 2px;
  }
  .index-list--name--icn-exercise {
    background-size: auto 22px;
    background-position: left 3px;
  }
  .index-list--name--icn-rest {
    background-size: auto 18px;
  }
  .index-list--name--icn-stress {
    background-position: 3px 3px;
  }
  .index-list--name--icn-alcohol {
    background-size: auto 18px;
    background-position: 3px 4px;
  }
  .index-list--name--icn-tobacco {
    background-size: auto 12px;
    background-position: 3px 5px;
  }
  .striped-list {
    padding-bottom: 1.5em;
  }
  .striped-list--item,
  .striped-list--item--has-input {
    padding: 2em 20px 2.2em;
  }
  .striped-list .index-list--name,
  .striped-list .index-list--data {
    padding: 0;
  }
  .striped-list .index-list--name {
    width: 36%;
    float: left;
  }
  .striped-list .index-list--data {
    width: 64%;
    float: right;
  }
  .input-list-container .striped-list--item--has-input {
    padding: 2em 20px 1.4em;
  }
  .input-list-container .striped-list .index-list--name,
  .input-list-container .striped-list .index-list--data {
    width: 100%;
  }
  .input-list-container .striped-list .index-list--name {
    font-size: 1.6rem;
    margin-bottom: 1.4em;
  }
  /*  ブロック block
  ================================ */
  .message-block {
    padding: 5em 6em;
  }
  .toggle-content {
    display: none;
    padding: 0 0 1em;
  }
  .toggle-content .section-title {
    margin-left: 20px;
  }
  .toggle-content .form-row--striped,
  .toggle-content .form-data {
    /*display: block;*/
  }
  .toggle-content .form-row--striped {
    position: relative;
    padding: 1.1em 0;
    display: block;
  }
  .toggle-content .form-row--striped:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .toggle-content .form-data {
    width: 70%;
    padding: .15em 1.2em;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  /*.toggle-content .form-data--switch {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: auto;
    margin-top: -8px;
    padding-top: 0;
    padding-bottom: 0;
  }*/
  /*  inline モーダル
  ================================ */
  .inline-modal {
    padding: 2.8em 2.8em 6em;
  }
  /*  テーブル
  ================================ */
  .form-table--default tbody,
  .form-table--default tr,
  .form-table--default th,
  .form-table--default td {
    display: block;
    width: 100%;
  }
  .form-table--default th,
  .form-table--default td {
    padding-top: 0;
  }
  .form-table--default th {
    padding-bottom: 10px;
    padding-right: 0;
    text-align: left;
    font-size: 1.7rem;
  }
  .form-table--default th .notes {
    margin-top: 5px;
  }
  .form-table--default th .attention {
    position: relative;
    right: inherit;
    top: 50%;
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-left: 10px;
    font-size: 1.2rem;
  }
  .form-table--default td {
    padding-bottom: 1.6em;
  }
  .form-table--default td input[type="text"],
  .form-table--default td input[type="number"],
  .form-table--default td input[type="email"],
  .form-table--default td input[type="password"] {
    width: calc( ( 100% - 11px) / 2);
    margin-right: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .form-table--default td div.input-name {
    width: calc( ( 100% - 11px) / 2);
  }
  .form-table--default td div.input-name input[type="text"] {
    width: 100%;
  }
  .form-table--default td div.input-name:nth-child(2) input[type="text"] {
    margin-right: 0;
    margin-left: 10px;
  }
  .form-table--default td input[type="text"]:first-of-type,
  .form-table--default td input[type="number"]:first-of-type,
  .form-table--default td input[type="email"]:first-of-type,
  .form-table--default td input[type="password"]:first-of-type {
    margin-right: 10px;
  }
  .form-table--default td input[type="text"].full-width,
  .form-table--default td input[type="number"].full-width,
  .form-table--default td input[type="email"].full-width,
  .form-table--default td input[type="password"].full-width {
    width: 100%;
  }
  .form-table--default td input[type="text"].telnum,
  .form-table--default td input[type="number"].telnum,
  .form-table--default td input[type="email"].telnum,
  .form-table--default td input[type="password"].telnum {
    width: 80%;
  }
  .form-table--default td input[type="text"].num,
  .form-table--default td input[type="number"].num,
  .form-table--default td input[type="email"].num,
  .form-table--default td input[type="password"].num {
    width: calc( ( 100% - 22px) / 3);
  }
  .form-table--default tr:last-of-type td {
    padding-bottom: 0;
  }
  .form-table--confirm tr {
    display: table-row;
  }
  .form-table--confirm th,
  .form-table--confirm td {
    display: table-cell;
  }
  .form-table--confirm th {
    width: 40%;
    padding: .5em 0;
    padding-right: 24px;
    text-align: right;
    font-size: 1.5rem;
  }
  .form-table--confirm td {
    width: 60%;
    padding: .5em 0;
  }
  .text--confirm {
    padding: .5em 0 .6em;
  }
  .form-data {
    padding: 1.3em 1.3em;
  }
  .form-data--narrow {
    padding: 1em 1.5em 1.5em;
  }
  .form-data--wide {
    padding: 1em 1.5em 1.5em;
  }
  .form-data--switch {
    white-space: nowrap;
    padding-left: 1em;
    padding-right: 1em;
  }
  .form-table--history {
    margin: 0 0 1.2em;
  }
  .form-table--history th,
  .form-table--history td {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .form-table--history .form-row--striped {
    position: relative;
    display: block;
  }
  .form-table--history .form-index,
  .form-table--history .form-data--wide {
    display: block;
    width: 100%;
  }
  .form-table--history .form-data--wide {
    padding-top: 0;
  }
  .form-table--history .form-index {
    padding-top: 1.5em;
  }
  .form-table--history .form-data--btn {
    position: absolute;
    top: 1.2em;
    right: 0;
  }
  .form-table--history .form-data--btn .btn--green {
    font-size: 1.2rem;
    padding: 5px 10px 7px;
  }
  .form-table--history .form-data--btn .btn--green:after {
    margin-left: 3px;
  }
  /* =====================================
    pages
  ===================================== */
  /*  ms-300
  ================================ */
  .search-member--form .grid--item {
    float: none;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .search-member--form .grid--item:nth-of-type(2n) {
    float: none;
  }
  .search-member--form .table-index,
  .search-member--form .table-content {
    display: block;
  }
  .search-member--form .table-index {
    width: 100%;
    font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-weight: normal;
  }
  .search-member--form .table-content {
    width: 100%;
  }
  .article--modal {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  body {
    min-width: inherit;
    font-size: 1.5rem;
  }
  /* =====================================
    header
  ===================================== */
  .header {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 65px;
    min-width: inherit;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .header .header-inner {
    position: relative;
    padding: 0 0 0 20px;
  }
  .header .site-logo {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  .header .site-logo a {
    width: 150px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .header .site-logo img {
    max-width: 130px;
  }
  .header .site-logo--desc {
    font-size: .9rem;
    padding-left: 16px;
  }
  .header .site-logo--desc:before {
    left: 0;
    height: 18px;
    margin-top: -3px;
  }
  .header .gnav-wrapper {
    display: none;
  }
  .drawer-toggle {
    display: block !important;
  }
  .drawer--right .drawer-nav {
    right: -60%;
  }
  /* =====================================
    content
  ===================================== */
  .content {
    position: relative;
    margin: 65px 0 0;
    padding: 0;
  }
  article {
    padding: 40px 0 0;
  }
  .page-content {
    padding: 3em 20px 4.75em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .page-content--bg-none {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: calc( 4.75em + 48px);
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  /*  section
  ================================ */
  .section--container {
    padding: 2.8em 0;
  }
  .section--container:first-of-type {
    padding-top: 0;
  }
  .section--narrow {
    padding: 2.4em 0;
  }
  .section--frame {
    padding: 1.4em 1.5em 2em;
    border: 5px solid #f0f0f0;
  }
  .section--frame .btn-container--center {
    margin: 2em 0 .5em;
  }
  .section--frame .btn-container--center .btn--submit {
    margin: 0;
    width: 100%;
    max-width: auto;
  }
  .section--pb0 {
    padding-bottom: 0;
  }
  .section--module-container {
    padding: 2em 0 2.4em;
  }
  .section--bottom {
    border-bottom: 0;
    padding-bottom: 1em;
  }
  .section-inner {
    margin: 2em 0 2.8em;
  }
  .section-inner:last-of-type {
    margin-bottom: 1em;
  }
  .section-header {
    padding: 8px 25px 32px;
  }
  .section-header .section-desc {
    font-size: 1.5rem;
  }
  .section-header .section-desc.attention {
    padding-bottom: 1.5em;
  }
  /* =====================================
    components
  ===================================== */
  /*  見出し
  ================================ */
  h2 {
    font-size: 2rem;
    display: block;
    font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-weight: normal;
  }
  h2:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  h3 {
    font-size: 1.6rem;
    font-family: "NotoSansJP-Black", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-weight: normal;
  }
  .section-title {
    font-size: 1.9rem;
    margin: 0 0 1em;
    padding-left: 18px;
  }
  .section-title--border {
    padding-bottom: .5em;
  }
  .section-title--user-name {
    margin-bottom: 2.2em;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .section-title:before {
    top: 5px;
    height: 23px;
  }
  .block-title {
    font-size: 1.5rem;
    padding-left: 14px;
    margin-bottom: .8em;
  }
  .block-title:before {
    height: 16px;
  }
  .block-sub-title {
    font-size: 1.4rem;
    margin: 0 0 .8em;
  }
  .menu-title {
    font-size: 1.8rem;
  }
  /*  ボタン
  ================================ */
  .btn--back {
    min-width: auto;
  }
  .btn-plan-green:after,
  .btn--red:after,
  .btn--green:after {
    top: -1px;
  }
  .btn--submit {
    height: 50px;
  }
  .btn--large {
    min-width: 60%;
    padding: .7em 0 1em;
  }
  .btn--medium {
    padding: 5px 1.8em 7px;
  }
  .btn--narrow {
    padding: 1em 1.8em 1.2em;
  }
  .btn-container--center {
    margin: 3em 0 2em;
  }
  .btn-container--center button {
    max-width: calc( 100% - 40px);
    margin: 0 20px;
  }
  .btn-container--lower {
    margin: 2.8em 0 0;
  }
  .btn-container--close {
    margin: 2em 0 2.2em;
  }
  .btn-container--module {
    padding: 2.4em 1.2em 0;
  }
  .btn-container--submit {
    width: auto;
    margin-bottom: 0;
  }
  .btn-container--module {
    display: block;
    text-align: center;
  }
  .btn-container--module .table-data {
    display: block;
    width: 100%;
  }
  .btn-container--module .table-data:first-of-type {
    margin-bottom: 2em;
  }
  .btn--zipnum {
    display: inline-block;
    font-size: .85rem;
    padding: 13px 0 15px;
    width: calc( 100% - ( ( 100% + 10px) / 2));
    letter-spacing: -0.05em;
  }
  .btn--zipnum:after {
    display: none;
  }
  .title-btn {
    display: block;
    margin-top: 1em;
  }
  .btn--left,
  .btn--right {
    display: block;
    float: none;
  }
  .btn--left {
    height: auto;
    margin-top: 2.6em;
  }
  .btn--left span {
    display: block;
  }
  /*  リンク
  ================================ */
  .link--edit:before {
    top: 1px;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background-size: contain;
  }
  .link--arw-a:after {
    margin-left: 8px;
  }
  .link--search span,
  .link--user span {
    display: inline-block;
    vertical-align: middle;
  }
  .link--search:before,
  .link--user:before {
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  /*  リンクパネル
  ================================ */
  .link-panel--link {
    padding: 2.3em 48px 2.6em 24px;
    background-position: right 24px center !important;
    background-repeat: no-repeat !important;
    background-size: 10px auto !important;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  .link-panel--link:after {
    display: none;
    opacity: 0;
  }
  .link-panel--link:hover {
    background-position: right 24px center !important;
    background-repeat: no-repeat !important;
    background-size: 10px auto !important;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  .link-panel--link:hover:after {
    display: none;
    opacity: 0 !important;
  }
  .link-panel--title {
    font-size: 1.5rem;
  }
  /*  ボタンパネル
  ================================ */
  .btn-panel--text {
    margin-top: -2em;
    font-size: 1.4rem;
  }
  .btn-panel--icn-search:before,
  .btn-panel--icn-user:before {
    height: 30px;
    margin-bottom: .5em;
  }
  .btn-panel--link {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  /*  ページヘッダ、 ページタイトル、 アンカーリンク
  ================================ */
  .page-header {
    padding: 0 20px 2em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .page-title {
    font-size: 2.2rem;
    line-height: 1.4;
    overflow-wrap: break-word;
  }
  .page-info {
    width: 30%;
    white-space: nowrap;
  }
  .page-info--item {
    display: block;
    font-size: 1.3rem;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }
  .iphone5 .page-title {
    font-size: 2rem;
  }
  .iphone5 .page-info {
    width: 45%;
    white-space: nowrap;
  }
  .iphone5 .page-info--item {
    display: block;
    font-size: 1.2rem;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }
  .input-list-container .striped-list .index-list--name {
    margin-bottom: 1.2em;
  }
  /*  テキスト
  ================================ */
  .text--caption {
    margin: 0 0 1em;
  }
  .notes {
    font-size: 1.4rem;
  }
  .notes--caption {
    margin-top: 1em;
    font-size: 1rem;
  }
  .valign--top-inputname {
    padding-top: 0 !important;
  }
  /*  ブロック block
  ================================ */
  iframe {
    height: 280px;
  }
  .block {
    margin-bottom: 2em;
  }
  .memo-block {
    margin: 2.5em 0;
  }
  .toggle-btn-opened {
    margin: 0 20px 1.5em;
  }
  .toggle-content .form-data {
    letter-spacing: -0.05em;
  }
  .accordion-block--title {
    padding: 2.2em 1.6em;
  }
  .accordion-block--title:after {
    right: 2.2em;
  }
  .accordion-block--desc {
    display: none;
    padding: 0 1.6em;
  }
  .accordion-block--text {
    padding: 0 0 2.5em;
  }
  .accordion-block.current dd {
    display: block;
  }
  .accordion-block dt strong,
  .accordion-block dd {
    padding-right: 1.6em;
  }
  .message-block {
    color: #333;
    background: #d4ffb6;
    padding: 1.5em 2em;
  }
  .message--text {
    padding: 0;
    font-size: 1.9rem;
    display: table;
    height: 40vw;
  }
  .message--text span {
    display: table-cell;
    padding: 1.8em 0 1em;
    vertical-align: middle;
    text-align: center;
  }
  .message--text:before,
  .message--text:after {
    width: 23px;
    height: 20px;
  }
  .message--text:after {
    top: 3px;
    bottom: inherit;
    right: 0;
  }
  .caption-block {
    padding: 1.2em 0;
  }
  /*  テーブル
  ================================ */
  .default-table {
    width: 100%;
  }
  .default-table th {
    padding-right: .5em;
    width: 40%;
  }
  .default-table td {
    padding-right: 0;
    width: 60%;
  }
  .account-table td {
    padding: 1em;
    padding-right: 0;
  }
  .account-table td:nth-of-type(2n) {
    padding: 1em;
    padding-left: 0;
  }
  .account-table td.total-num {
    font-size: 1.6rem;
  }
  .account-table--total {
    margin-top: 1.5em;
  }
  .account-table--total td {
    padding: 1em;
  }
  .table-cell {
    display: block;
    width: 100%;
  }
  .table-index,
  .table-content,
  .table-data {
    display: block;
    width: 100%;
    vertical-align: middle;
  }
  .table-index {
    font-family: "NotoSansJP-Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-weight: normal;
  }
  /*  form
  ================================ */
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"],
  select,
  textarea {
    padding: 9px 12px 11px;
    font-size: 1.5rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"] {
    width: auto;
  }
  select,
  textarea {
    font-size: 1.5rem;
  }
  textarea {
    line-height: 1.8;
  }
  .label--check,
  .label--check-small,
  .label--radio-small,
  .error .label--check-small,
  .error .label--radio-small,
  .label--check-small,
  .label--radio {
    display: block;
    padding: 0 0 0 20px;
  }
  .label--check:before,
  .label--check-small:before,
  .label--radio-small:before,
  .error .label--check-small:before,
  .error .label--radio-small:before,
  .label--check-small:before,
  .label--radio:before {
    top: 4px;
    width: 12px;
    height: 12px;
    background-size: 10px 8px;
  }
  .label--check-small:before,
  .label--check-small-small:before,
  .label--radio-small:before {
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    top: 0;
    vertical-align: middle;
    margin-right: 10px;
  }
  .label--radio:before {
    top: 5px;
  }
  .label--radio:after {
    display: none;
    position: absolute;
    top: 8px;
    left: 3px;
    content: '';
    width: 10px;
    height: 10px;
  }
  .label--switch-n {
    padding-left: 20px;
  }
  .label--switch-y {
    padding-right: 20px;
  }
  .label--switch-y:before,
  .label--switch-y:after {
    right: -9px;
  }
  .label--switch-y:before {
    width: 18px;
    height: 8px;
    margin-top: -4px;
  }
  .label--switch-y:after {
    right: -18px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  }
  .label--notes {
    font-size: 1.4rem;
    padding-left: 0;
    white-space: nowrap;
  }
  input[type="checkbox"]:checked+.label--check-small:before {
    background-size: 13px auto;
    background-position: center center;
  }
  .input-list-container {
    margin: 2.2em 0 0;
  }
  .input-list--item {
    font-size: 1.5rem;
    min-width: 90px;
    padding-right: 1em;
    padding-bottom: .8em;
  }
  .input-list--grid--3 .input-list--item,
  .input-list--grid--4 .input-list--item {
    float: left;
    width: 49%;
    padding-right: 0;
    letter-spacing: -0.05em;
  }
  .input-list--grid--3 .input-list--item--2block,
  .input-list--grid--4 .input-list--item--2block {
    width: 100%;
    padding-right: 0;
  }
  .input-list--grid--3 .input-list--item--2block label,
  .input-list--grid--4 .input-list--item--2block label {
    display: inline-block;
  }
  .input-list--grid--3 .input-list--item--2block input[type="text"],
  .input-list--grid--3 .input-list--item--2block input[type="number"],
  .input-list--grid--3 .input-list--item--2block input[type="email"],
  .input-list--grid--3 .input-list--item--2block input[type="password"],
  .input-list--grid--4 .input-list--item--2block input[type="text"],
  .input-list--grid--4 .input-list--item--2block input[type="email"],
  .input-list--grid--4 .input-list--item--2block input[type="number"],
  .input-list--grid--4 .input-list--item--2block input[type="password"] {
    top: 0;
    width: 65%;
    float: none;
    margin-left: 10px;
  }
  .input-list--grid--3 .input-list--item:nth-of-type(2n),
  .input-list--grid--4 .input-list--item:nth-of-type(2n) {
    float: right;
  }
  .select-list--item {
    margin: 0 10px 0 0;
    font-size: 0;
    width: calc( ( 100% - 22px) / 3);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .select-list--item:last-of-type {
    margin-right: 0;
  }
  .switch--item {
    font-size: 1.1rem;
  }
  /*  ページコンテンツ フッタ
  ================================ */
  .page-footer {
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  /*  合計金額バー（mc-410）
  ================================ */
  .status-bar--container {
    padding: 0 15px;
  }
  .status-bar {
    max-width: inherit;
  }
  .status-bar--inner {
    min-height: 40px;
    padding: 8px 0;
    font-size: 1.2rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .status-bar--total-num,
  .status-bar--total {
    line-height: 1.4;
  }
  .status-bar--total-num--title {
    margin-right: .8em;
    padding-right: .8em;
  }
  .status-bar--total {
    text-align: right;
  }
  .status-bar--total--price {
    padding: 0 .8em;
    white-space: nowrap;
  }
  .iphone5 .status-bar--total-num--title {
    border-right: 0;
  }
  /*  iframe モーダル
  ================================ */
  .article--modal {
    width: 100%;
  }
  .article--modal .page-content {
    padding: 2em 20px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .article--modal .section-title {
    font-size: 1.5rem;
  }
  .article--modal .section-title:before {
    height: 17px;
  }
  .article--modal .grid--2-block .grid--item {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .article--modal .grid--2-block .grid--item:nth-of-type(2n) {
    float: none;
  }
  .article--modal .grid--3-block .grid--item {
    width: 49%;
    margin-right: 0;
  }
  .article--modal .grid--3-block .grid--item:nth-of-type(2n) {
    float: right;
  }
  .article--modal .grid--pic {
    margin-bottom: 1.4em;
  }
  .article--modal .grid--left,
  .article--modal .grid--right {
    float: none;
    width: 100%;
    margin-bottom: 2em;
  }
  /*  inline モーダル
  ================================ */
  .inline-modal {
    padding: 2.2em 2em 3em;
  }
  .inline-modal .btn-container--submit {
    margin-bottom: 1em;
  }
  .inline-modal .btn--left {
    margin-top: 1em;
  }
  .inline-modal button {
    margin: 0;
  }
  .inline-modal .btn--green {
    width: 100%;
    max-width: inherit;
  }
  /* =====================================
    pages
  ===================================== */
  /*  ms-300
  ================================ */
  .search-member--form .grid--item,
  .search-member--form-confirm .grid--item {
    float: none;
    width: 100%;
    margin-bottom: 1.5em;
  }
  .search-member--form .grid--item:nth-of-type(2n),
  .search-member--form-confirm .grid--item:nth-of-type(2n) {
    float: none;
  }
  .search-member--form-comfirm .grid--item {
    margin-bottom: 0;
  }
  /*  terms
  ================================ */
  .striped-list--footerpage {
    font-size: 1.2rem;
  }
  /* =====================================
    footer
  ===================================== */
  .error-message {
    font-size: 1.3rem;
  }
  /* =====================================
    footer
  ===================================== */
  .footer {
    padding: 0;
    background: #333;
  }
  .footer .inner-block,
  .footer .inner-block--narrow,
  .footer .inner-block--small,
  .footer .inner-block--menu {
    padding: 0;
  }
  .footer .footer-nav {
    padding: 2em 0;
    float: none;
    background: #454545;
    text-align: center;
  }
  .footer li {
    display: inline-block;
    margin: 0 10px;
  }
  .footer li a {
    font-size: 1.2rem;
  }
  .footer--status-bar .copyright {
    padding-bottom: 6.4em;
  }
  .copyright {
    float: none;
    padding: 2.8em 0;
    font-size: 1.1rem;
    text-align: center;
  }
}


/* added style
2017.08.16 kouchi
============================== */
@media screen and (min-width:1001px) {
  .price-data { min-width: 4em; }
  .form-row--striped td:first-child { min-width: 12em; }
  .form-data--switch { min-width: 8em; max-width: 8em; width: 8em; padding-left: 1em; padding-right: 1em; }
  .nutrit-data, .recommend-data { min-width: 22em; }
}
/* added style
2017.12.19 kouchi
============================== */
@media screen {
  .print--content { display: none; }
  .print--date { display: none; }
  .print--break { display: none; }
  .hide--container {display: none;}
}
@media print {
  body {
    width:210mm !IMPORTANT;
    height:297mm !IMPORTANT;
  }
  .checkbox label, .radio label {min-height: 18px;}
  .interval--timer {display: none;}
  .print--content { display: inline !important; }
  .print--date { display: inline !important }
  .page-content { background: #fff; }
  .page-content {
  width: 99%;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
  overflow: visible !important;
  }
  a, a:visited, a:focus, a:hover { text-decoration: none; }
  html { font-size: 10px; }
  a[href]:after, abbr[title]:after { content: "" !important; }
  .drawer-nav,
  .gnav-wrapper .gnav ul li:nth-of-type(2),
  .gnav-wrapper .sub-nav,
  .page-info--item a,
  .link--back,
  #purchase-plan-setting,
  #HealthCheckOrderForm > section.section--container:nth-of-type(3)/*.section--border0*/,
  #HealthCheckReorderForm > section.section--container:nth-of-type(2),
  .section--frame,
  .page-footer,
  /* .status-bar--container, */
  .toggle-btn,
  .btn-container.btn-container--close,
  footer.footer { display: none; }
  p.page-info--item:nth-child(1) {
  border-right-width: 0px;
  }
  .status-bar--total-num--title,
  .status-bar--total--price.bulk-total-price {
  border-width: 0px;
  }
  .form-data--switch>.checkbox-slider--n>label>span {
  display: none;
  }
  .gnav>ul:nth-child(1)>li:nth-child(1)>span:nth-child(3) {
  display: none;
  }
  .toggle-content table.form-table:nth-child(2)>tbody>tr>td:nth-child(2) {
  display: none;
  }
  .toggle-block {
  /* display: none; */
  }
  .content,
  .gnav-wrapper .gnav ul li,
  nav.page-info p.page-info--item,
  .page-title,
  .section-title {
  font-size: 1.2rem;
  line-height: 1.6rem;
  padding-bottom: 0.4rem;
  }
  .message--text {
  font-size: 1.2rem;
  line-height: 1.8rem;
  }
  table.form-table {
  font-size: 1.2rem;
  line-height: 1.4rem;
  }
  .toggle-content>.form-table.form-table--check>tbody>tr>td:nth-child(1)>a.text--bold {
  font-family: "NotoSansJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
  }
  .toggle-content>.form-table.form-table--check>tbody>tr>td:nth-child(2)>a {
  text-decoration: none !important;
  }
  .print--date {
  position: absolute;
  font-size: 1.4rem;
  left: 82%;
  top: 10px;
  }
  .page { padding-top: 42px; }
  header.header {
  height: auto;
  position: relative;
  border-bottom: 0px;
  }
  header.header>.header-inner { height: auto; }
  .status-bar--container { position: relative; }
  .section--container>.message-block+.section-title { margin: 0; }
  .message-block,
  .content,
  .page-content,
  .caption-block,
  .section--container,
  .form-data,
  .page-header,
  .page-footer { padding: 0; }
  .section-title { padding-left: 1rem; }
  article.article { padding: 52px 25px 0px; }
  .message-block,
  #HealthCheckOrderForm>section:nth-child(2)>div.form-row--striped.other-medicine-name {
    padding-bottom: 0.8rem;
  }
  section>.other-medicine-name { padding-left: 2rem; }
  table.form-table { margin-left: 2rem; margin-bottom: 0.8rem; width: 98%; }
  tr, th, td, td>div, td span, td>div>label, td>div>label>input { vertical-align: text-top; }
  .section--container { border-bottom: 0px; }
  .form-data.form-data--switch.align--right { min-width: auto; width: auto; }
  .toggle-block { margin: 0; border: none; }
  .toggle-content { padding: 0; }
  .input-list-container, .form-table, .section-title { margin: 0; }
  td.form-data.form-data--switch.align--right>.checkbox-slider--n,
  td.form-data.form-data--switch.align--right>.checkbox-slider--n label {}
  .checkbox-slider--n input[type="checkbox"] {
    position: relative;
    opacity: 1;
    height: auto;
    width: auto;
    appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    margin-top: 3px;
  }
  td.form-data.form-data--switch.align--right>.checkbox-slider--n {}
  td.form-data.form-data--switch.align--right>.checkbox-slider--n label {}
  .toggle-block td.form-data.form-data--switch.align--right {}
  .toggle-content>.form-table.form-table--check>tbody>tr>td:nth-child(1) {}
  td.form-data.price-data { width: 7%; }
  td.form-data.form-data--switch.align--right {
    width: 7.4%;
  }
  tr.form-row--striped td.form-data { /*padding-bottom: 0.4rem;*/ }
  .toggle-content { display: block; }
  .link--line { text-decoration: none !important; }
  p.food-allergy { padding-left: 1rem; font-size: 7pt; margin-top: 2px; margin-bottom: 2px;}
  .newpage {
    page-break-before: always !important;
    page-break-inside: auto !important;
    padding-top: 2em;
    margin-top: 2em;
  }
  .print-break {}
}
@page { size: A4; margin: 0; size: 210mm 297mm;}
/* added style
2017.12.20 kouchi
============================== */
@media screen and (max-width:1000px) and (min-width:767px) {
  .content-newer { top: 9rem; margin-left: 14.5rem; }
}
/* added style
2018.01.09 kouchi
============================== */
@media screen and (max-width:969px) {
  button.btn--submit:nth-child(2) { margin-top: 10px !important; }
  button.btn--submit { margin-left: auto !important; margin-right: auto !important; display: block; }
}
@media screen and (min-width:970px) and (max-width:1000px) {
  button.btn--submit:nth-child(2) { margin-left: 30px; }
}
@media screen and (min-width:1001px) and (max-width:1022px) {
  button.btn--submit:nth-child(2) { margin-top: 10px; }
  button.btn--submit { margin-left: auto; margin-right: auto; display: block; }
}
@media screen and (min-width:1023px) {
  button.btn--submit:nth-child(2) { margin-left: 30px; }
}
/* added style
2018.02.09 kouchi
============================== */
@media screen and (max-width:767px) {
  #login-button { margin-left: auto !important; margin-right: auto !important; }
}
form + a { margin-top: 4px; }
#healthlogsShow td {padding-top: 0; padding-bottom: 0;}

#HealthCheckOrderForm > section.section--container:nth-of-type(1) {}
#HealthCheckOrderForm > section.section--container:nth-of-type(2) {}
#HealthCheckOrderForm > section.section--container:nth-of-type(3) {}
#HealthCheckOrderForm > section.section--container:nth-of-type(4) {}
#HealthCheckReorderForm > section.section--container:nth-of-type(2) {}

/* added style
2019.04.02 kouchi
============================== */
#healthchecksNeworder .toggle-block {border: none;}
#healthchecksNeworder .toggle-btn {display: none;}
#healthchecksNeworder .btn-container--close {display: none;}
#healthchecksNeworder .page-title {display: none;}