@charset "UTF-8";
/*color*/
/* break point */
/* layout */
/* easing */
/* MIDASHI */
* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Open Sans", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, YuGothicM, "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #333333;
  background-color: #fff; }
  background-color: #fff; }
  @media screen and (max-width: 640px) {
    body {
      font-size: 24px;
    }
  }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #555;
  text-decoration: none; }
  a:hover, a:focus {
    color: #7b7b7b;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  overflow: hidden; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.7;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 0;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  overflow: hidden; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 23px;
  margin-bottom: 23px;
  border: 0;
  border-top: 1px solid #000; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

a {
  color: #f15424;
  text-decoration: none; }

table {
  background-color: transparent; }

body {
  margin: 0;
  min-width: 640px;
  padding-top: 91px; }
  @media (min-width: 768px) {
    body {
      padding-top: 184px; } }

.regist input[type="radio"],
.regist input[type="checkbox"], .inner input[type="radio"],
.inner input[type="checkbox"] {
  margin-top: 0; }

.ceiling {
  display: block;
  width: 100%;
  height: 1px; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #333; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 23px;
  margin-bottom: 11.5px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 11.5px;
  margin-bottom: 11.5px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 11.5px; }

.lead {
  margin-bottom: 23px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

.no_enq_p {
  padding: 8px 14px 8px !important; }

@media (max-width: 767px) {
  .no_enq_p {
    padding: 1px 14px 8px !important; } }

.hide_close {
  display: none !important; }

.change_background_hide_close, .change_background_hide_close .post__tab {
  background-color: #fff9e8 !important;
}

small,
.small {
  font-size: 85%; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 10.5px;
  margin: 46px 0 23px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 11.5px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 23px; }

dt,
dd {
  line-height: 1.7; }

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " "; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 11.5px 23px;
  margin: 0 0 23px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.7;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: "\2014 \00A0"; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ""; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: "\00A0 \2014"; }

address {
  margin-bottom: 23px;
  font-style: normal;
  line-height: 1.7; }

span.point3 {
  font-size: 12px;
  margin-left: 50px; }

p.hidden-xs {
  font-size: 12px;
  display: block;
  overflow: hidden;
  padding-bottom: 20px;
  position: relative;
  bottom: 20px; }

h2.title {
  margin-top: 20px; }

section.section-brand p {
  text-align: center;
  color: #fff;
  margin-top: 20px; }

ul li {
  text-align: left;
  list-style: none;
  line-height: 20px; }

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
  list-style: none; }

h2.title {
  font-weight: 700; }

.list-inline {
  margin-left: 0; }

abbr[data-original-title],
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777; }

.container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }
  .container:before, .container:after {
    display: table;
    content: " "; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: auto; } }
  @media (min-width: 992px) {
    .container {
      width: auto; } }
  @media (min-width: 1200px) {
    .container {
      width: 1070px; } }

.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }
  .container-fluid:before, .container-fluid:after {
    display: table;
    content: " "; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-right: -10px;
  margin-left: -10px; }
  .row:before, .row:after {
    display: table;
    content: " "; }
  .row:after {
    clear: both; }

.row-no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 23px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700; }

input[type="search"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
  input[type="radio"][disabled], input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.7;
  color: #555555; }

.form-control, .regist-form__trigger {
  display: block;
  width: 100%;
  height: 37px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.7;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus, .regist-form__trigger:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder, .regist-form__trigger::-moz-placeholder {
    color: #999;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .form-control:-ms-input-placeholder, .regist-form__trigger:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder, .regist-form__trigger::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand, .regist-form__trigger::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control[disabled], .regist-form__trigger[disabled], .form-control[readonly], .regist-form__trigger[readonly],
  fieldset[disabled] .form-control,
  fieldset[disabled] .regist-form__trigger {
    background-color: #eeeeee;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .form-control[disabled], .regist-form__trigger[disabled],
  fieldset[disabled] .form-control,
  fieldset[disabled] .regist-form__trigger {
    cursor: not-allowed; }

textarea.form-control, textarea.regist-form__trigger {
  height: auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, input.regist-form__trigger[type="date"],
  input[type="time"].form-control,
  input.regist-form__trigger[type="time"],
  input[type="datetime-local"].form-control,
  input.regist-form__trigger[type="datetime-local"],
  input[type="month"].form-control,
  input.regist-form__trigger[type="month"] {
    line-height: 37px; }
  input[type="date"].input-sm,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio.disabled label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  fieldset[disabled]
  .checkbox label {
    cursor: not-allowed; }
  .radio label,
  .checkbox label {
    min-height: 23px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer; }
  .radio-inline.disabled,
  fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled,
  fieldset[disabled]
  .checkbox-inline {
    cursor: not-allowed; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

.form-control-static {
  min-height: 37px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0; }

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

.form-group-sm .form-control, .form-group-sm .regist-form__trigger {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control, .form-group-sm select.regist-form__trigger {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control, .form-group-sm textarea.regist-form__trigger,
.form-group-sm select[multiple].form-control,
.form-group-sm select.regist-form__trigger[multiple] {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 35px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

.form-group-lg .form-control, .form-group-lg .regist-form__trigger {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control, .form-group-lg select.regist-form__trigger {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control, .form-group-lg textarea.regist-form__trigger,
.form-group-lg select[multiple].form-control,
.form-group-lg select.regist-form__trigger[multiple] {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 41px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control, .has-feedback .regist-form__trigger {
    padding-right: 46.25px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback,
.form-group-lg .regist-form__trigger + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback,
.form-group-sm .regist-form__trigger + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control, .has-success .regist-form__trigger {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus, .has-success .regist-form__trigger:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control, .has-warning .regist-form__trigger {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus, .has-warning .regist-form__trigger:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control, .has-error .regist-form__trigger {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus, .has-error .regist-form__trigger:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 28px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .form-inline .regist-form__trigger {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control,
    .form-inline .input-group .regist-form__trigger {
      width: auto; }
  .form-inline .input-group > .form-control, .form-inline .input-group > .regist-form__trigger {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px; }

.form-horizontal .form-group {
  margin-right: -10px;
  margin-left: -10px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " "; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 10px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.7;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  font-weight: 400;
  color: #555;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #7b7b7b;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.sp_li li {
  display: inline; }

@media screen and (max-width: 640px) {
  .sp_li li {
    display: block; } }

.pc_li li {
  display: block; }

.btn--base, .btn--form {
  color: #fff;
  border-radius: 3px;
  box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2);
  background-color: #00C8C5;
  font-size: 16px;
  padding: 8px 60px;
  position: relative;
  text-decoration: none; }
  @media (max-width: 767px) {
    .btn--base, .btn--form {
      font-size: 24px !important;
      padding: 18px 60px;
      border-radius: 7px; } }
  .btn--base:hover, .btn--form:hover {
    color: #fff;
    background-color: #00afac;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .btn--base[type="submit"], .btn--form[type="submit"], .btn--base[type="button"], .btn--form[type="button"] {
    padding: 8px 60px; }
    @media (max-width: 767px) {
      .btn--base[type="submit"], .btn--form[type="submit"], .btn--base[type="button"], .btn--form[type="button"] {
        padding: 8px 60px; } }

@media (min-width: 768px) {
  .btn--wide {
    min-width: 300px; } }

@media (max-width: 767px) {
  .btn--wide {
    width: 100%; } }

.btn--arrow:after {
  content: '';
  background: url(/assets/img/header/icon_arrow_white.png) no-repeat center/contain;
  width: 9px;
  height: 13px;
  display: block;
  position: absolute;
  top: calc(50% - 6.5px);
  right: 12px; }
  @media (max-width: 767px) {
    .btn--arrow:after {
      width: 13px;
      height: 22px;
      top: calc(50% - 11px);
      transform: scale(1.6);
      right: 23px; } }

.btn--arrow-down:after {
  transform: rotate(90deg); }

.btn--arrow-prev:after {
  right: initial;
  left: 12px;
  transform: rotate(180deg); }
  @media (max-width: 767px) {
    .btn--arrow-prev:after {
      right: initial;
      left: 23px; } }

.btn-vivid-red, .btn--regist {
  color: #fff !important;
  border-radius: 0;
  color: #fff;
  background-color: #FF7247;
  border-color: #FF7247;
  box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2);
  text-decoration: none; }
  @media (min-width: 768px) {
    .btn-vivid-red, .btn--regist {
      line-height: 20px; } }
  @media (min-width: 768px) {
    .is-scrolled .btn-vivid-red, .is-scrolled .btn--regist {
      box-shadow: none; } }
  .btn-vivid-red.focus, .btn-vivid-red:focus, .btn-vivid-red:hover, .btn--regist.focus, .btn--regist:focus, .btn--regist:hover {
    color: #fff;
    background-color: #ff5e2e !important;
    border-color: #ff5e2e;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .btn-vivid-red.focus, .btn-vivid-red:focus, .btn--regist.focus, .btn--regist:focus {
    color: #fff;
    background-color: #d43c0e;
    border-color: #8d2809; }
  .btn-vivid-red.active, .btn-vivid-red:active, .btn--regist.active, .btn--regist:active {
    background-image: none; }
  .btn-vivid-red.active, .btn-vivid-red:active, .btn-vivid-red:hover, .btn--regist.active, .btn--regist:active, .btn--regist:hover {
    color: #fff;
    background-color: #FF7247;
    border-color: #FF7247;
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2);
    text-decoration: none; }
    @media (min-width: 768px) {
      .btn-vivid-red.active, .btn-vivid-red:active, .btn-vivid-red:hover, .btn--regist.active, .btn--regist:active, .btn--regist:hover {
        line-height: 20px; } }
    @media (min-width: 768px) {
      .is-scrolled .btn-vivid-red.active, .is-scrolled .btn-vivid-red:active, .is-scrolled .btn-vivid-red:hover, .is-scrolled .btn--regist.active, .is-scrolled .btn--regist:active, .is-scrolled .btn--regist:hover {
        box-shadow: none; } }
    .btn-vivid-red.active.focus, .btn-vivid-red.active:focus, .btn-vivid-red.active:hover, .btn-vivid-red:active.focus, .btn-vivid-red:active:focus, .btn-vivid-red:active:hover, .btn-vivid-red:hover.focus, .btn-vivid-red:hover:focus, .btn-vivid-red:hover:hover, .btn--regist.active.focus, .btn--regist.active:focus, .btn--regist.active:hover, .btn--regist:active.focus, .btn--regist:active:focus, .btn--regist:active:hover, .btn--regist:hover.focus, .btn--regist:hover:focus, .btn--regist:hover:hover {
      color: #fff;
      background-color: #ff5e2e !important;
      border-color: #ff5e2e;
      opacity: 1 !important;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .btn-vivid-red.disabled.focus, .btn-vivid-red.disabled:focus, .btn-vivid-red.disabled:hover, .btn-vivid-red[disabled].focus, .btn-vivid-red[disabled]:focus, .btn-vivid-red[disabled]:hover, fieldset[disabled] .btn-vivid-red.focus, fieldset[disabled] .btn-vivid-red:focus, fieldset[disabled] .btn-vivid-red:hover, .btn--regist.disabled.focus, .btn--regist.disabled:focus, .btn--regist.disabled:hover, .btn--regist[disabled].focus, .btn--regist[disabled]:focus, .btn--regist[disabled]:hover, fieldset[disabled] .btn--regist.focus, fieldset[disabled] .btn--regist:focus, fieldset[disabled] .btn--regist:hover {
    background-color: #f15424;
    border-color: #f15424; }
  .btn-vivid-red .badge, .btn--regist .badge {
    color: #f15424;
    background-color: #fff; }
  @media (min-width: 768px) {
    .btn-vivid-red .icon-wakaba-mark, .btn--regist .icon-wakaba-mark {
      display: inline-block;
      padding-top: 3px;
      padding-left: 30px;
      background: url(../img/icon/wakaba-mark.png) no-repeat; } }
  @media (min-width: 768px) {
    .btn-vivid-red .icon-regist, .btn--regist .icon-regist {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .btn-vivid-red .icon-regist:before, .btn--regist .icon-regist:before {
        content: '';
        width: 20px;
        height: 20px;
        margin-right: 9px;
        background: url(/assets/img/header/icon_regist.png) no-repeat center/contain;
        display: inline-block; } }

.btn-strong-cyan, .btn--login {
  color: #fff !important;
  color: #fff;
  background-color: #00C8C5;
  border-color: #00C8C5;
  box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  border-radius: 0; }
  @media (min-width: 768px) {
    .btn-strong-cyan, .btn--login {
      line-height: 20px; } }
  @media (min-width: 768px) {
    .is-scrolled .btn-strong-cyan, .is-scrolled .btn--login {
      box-shadow: none; } }
  .btn-strong-cyan.focus, .btn-strong-cyan:focus, .btn-strong-cyan:hover, .btn--login.focus, .btn--login:focus, .btn--login:hover {
    color: #fff;
    background-color: #00afac !important;
    border-color: #00afac;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .btn-strong-cyan.focus, .btn-strong-cyan:focus, .btn--login.focus, .btn--login:focus {
    color: #fff;
    background-color: #009392;
    border-color: #004746; }
  .btn-strong-cyan.active, .btn-strong-cyan:active, .btn--login.active, .btn--login:active {
    background-image: none; }
  .btn-strong-cyan.active, .btn-strong-cyan:active, .btn-strong-cyan:hover, .btn--login.active, .btn--login:active, .btn--login:hover {
    color: #fff;
    background-color: #00C8C5;
    border-color: #00C8C5;
    box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2);
    text-decoration: none; }
    @media (min-width: 768px) {
      .btn-strong-cyan.active, .btn-strong-cyan:active, .btn-strong-cyan:hover, .btn--login.active, .btn--login:active, .btn--login:hover {
        line-height: 20px; } }
    @media (min-width: 768px) {
      .is-scrolled .btn-strong-cyan.active, .is-scrolled .btn-strong-cyan:active, .is-scrolled .btn-strong-cyan:hover, .is-scrolled .btn--login.active, .is-scrolled .btn--login:active, .is-scrolled .btn--login:hover {
        box-shadow: none; } }
    .btn-strong-cyan.active.focus, .btn-strong-cyan.active:focus, .btn-strong-cyan.active:hover, .btn-strong-cyan:active.focus, .btn-strong-cyan:active:focus, .btn-strong-cyan:active:hover, .btn-strong-cyan:hover.focus, .btn-strong-cyan:hover:focus, .btn-strong-cyan:hover:hover, .btn--login.active.focus, .btn--login.active:focus, .btn--login.active:hover, .btn--login:active.focus, .btn--login:active:focus, .btn--login:active:hover, .btn--login:hover.focus, .btn--login:hover:focus, .btn--login:hover:hover {
      color: #fff;
      background-color: #00afac !important;
      border-color: #00afac;
      opacity: 1 !important;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .btn-strong-cyan.disabled.focus, .btn-strong-cyan.disabled:focus, .btn-strong-cyan.disabled:hover, .btn-strong-cyan[disabled].focus, .btn-strong-cyan[disabled]:focus, .btn-strong-cyan[disabled]:hover, fieldset[disabled] .btn-strong-cyan.focus, fieldset[disabled] .btn-strong-cyan:focus, fieldset[disabled] .btn-strong-cyan:hover, .btn--login.disabled.focus, .btn--login.disabled:focus, .btn--login.disabled:hover, .btn--login[disabled].focus, .btn--login[disabled]:focus, .btn--login[disabled]:hover, fieldset[disabled] .btn--login.focus, fieldset[disabled] .btn--login:focus, fieldset[disabled] .btn--login:hover {
    background-color: #00C8C5;
    border-color: #00C8C5; }
  .btn-strong-cyan .badge, .btn--login .badge {
    color: #00C8C5;
    background-color: #fff; }
  @media (min-width: 768px) {
    .btn-strong-cyan .icon-lock, .btn--login .icon-lock {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .btn-strong-cyan .icon-lock:before, .btn--login .icon-lock:before {
        content: '';
        width: 16px;
        height: 16px;
        margin-right: 9px;
        background: url(/assets/img/header/icon_login.png) no-repeat center/contain;
        display: inline-block; } }

.btn__post--link {
  color: #00C8C5;
  padding: 11px 22px 10px 12px !important;
  line-height: 1.1;
  border: 3px solid #00C8C5;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  font-weight: bold;
  position: relative;
  font-size: 14px;
  text-decoration: none; }
  @media (max-width: 767px) {
    .btn__post--link {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      letter-spacing: 0.05em;
      font-size: 20px;
      padding: 23px 35px 17px 17px !important; } }
  .btn__post--link:hover {
    color: #00afac;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  .btn__post--link:after {
    content: '';
    background: url(/assets/img/header/icon_arrow.png) no-repeat center/contain;
    width: 5px;
    height: 8px;
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    right: 8px; }
    @media (max-width: 767px) {
      .btn__post--link:after {
        background-image: url(/assets/img/header/icon_arrow.png);
        transform: scale(1.6);
        right: 15px; } }

.btn__wrap {
  width: 100%;
  height: auto;
  margin-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  @media (max-width: 767px) {
    .btn__wrap {
      margin-top: 32px; } }
  .btn__wrap .btn + .btn {
    margin-left: 20px; }
  .btn__wrap input[type="submit"], .btn__wrap input[type="button"] {
    margin: 0;
    line-height: 1.7; }
  @media (max-width: 767px) {
    .btn__wrap--column-sp {
      display: block; }
      .btn__wrap--column-sp .btn + .btn {
        margin-left: 0;
        margin-top: 20px; } }

.btn--edit {
  color: #555;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border: 2px solid #00C8C5;
  border-radius: 5px;
  font-size: 16px;
  background-color: #F9FFFF;
  padding: 16px 23px;
  margin-bottom: 20px;
  position: relative;
  text-decoration: none; }
  @media (max-width: 767px) {
    .btn--edit {
      font-size: 24px;
      border-radius: 7px;
      border-width: 3px;
      padding: 26px 31px; } }
  .btn--edit__icon {
    width: 45px;
    height: 45px;
    margin-right: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 767px) {
      .btn--edit__icon {
        width: 75px;
        height: 75px;
        margin-right: 28px; } }
    .btn--edit__icon--profile {
      background-image: url(/assets/img/contents/icon_profile.png); }
    .btn--edit__icon--external {
      background-image: url(/assets/img/contents/icon_external.png); }
    .btn--edit__icon--getmail {
      background-image: url(/assets/img/contents/icon_getmail.png); }
    .btn--edit__icon--contact {
      background-image: url(/assets/img/contents/icon_contact.png); }
    .btn--edit__icon--pass {
      background-image: url(/assets/img/contents/icon_pass.png); }
    .btn--edit__icon--inquiry {
      background-image: url(/assets/img/contents/icon_inquiry.png); }
  .btn--edit.btn--arrow:after {
    background-image: url(/assets/img/header/icon_arrow.png);
    transform: scale(1.1);
    right: 19px; }
  .btn--edit.btn--disable {
    cursor: default;
    background-color: #f2f2f2;
    border-color: #7f7f7f;
  }

.btn--line {
  line-height: 1.7 !important; }

.btn--point {
  color: #555;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #00C8C5;
  border-radius: 5px;
  font-size: 16px;
  background-color: #F9FFFF;
  padding: 13px 16px;
  text-decoration: none;
  white-space: inherit;
  text-align: left; }
  .btn--point + .btn--point {
    margin-top: 18px; }
  @media (max-width: 767px) {
    .btn--point {
      font-size: 24px;
      border-radius: 7px;
      border-width: 3px;
      padding: 20px 23px;
      display: block; } }
  .btn--point p, .btn--point span {
    color: #555;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word; }
    @media all and (-ms-high-contrast: none) {
      .btn--point p, .btn--point span {
        display: table-cell; } }
  .btn--point__content {
    width: 100%;
    overflow-wrap: break-word;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .btn--point__title {
    color: #00C8C5;
    font-size: 21px; }
    @media (max-width: 767px) {
      .btn--point__title {
        font-size: 28px;
        margin-bottom: 18px; } }
  .btn--point__img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: contain;
    font-family: "object-fit: contain"; }
    @media (min-width: 768px) {
      .btn--point__img {
        max-width: 215px;
        margin-right: 30px; } }
    @media (max-width: 767px) {
      .btn--point__img {
        max-height: 200px; } }

.btn--form {
  background-color: #ff9800;
  border-radius: 0.4em;
  box-shadow: none;
  font-size: 16px;
  padding: 0.4em  3em; }
  @media (max-width: 767px) {
    .btn--form {
      font-size: 24px;
      padding: 0.8em  3em; } }
  .btn--form:hover {
    color: #fff;
    background-color: #e68900;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  @media (min-width: 768px) {
    .btn--form.btn--wide {
      min-width: 400px; } }
  .btn--form-back {
    color: #3655f4;
    font-size: 15px;
    padding: 0.4em  3em; }
    .btn--form-back:active {
      box-shadow: none; }
    @media (max-width: 767px) {
      .btn--form-back {
        font-size: 22px;
        padding: 0.9em  2em;} }

.open > .btn-vivid-red.dropdown-toggle {
  background-image: none;
  color: #fff;
  background-color: #FF7247;
  border-color: #FF7247;
  box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2);
  text-decoration: none; }
  @media (min-width: 768px) {
    .open > .btn-vivid-red.dropdown-toggle {
      line-height: 20px; } }
  @media (min-width: 768px) {
    .is-scrolled .open > .btn-vivid-red.dropdown-toggle {
      box-shadow: none; } }
  .open > .btn-vivid-red.dropdown-toggle.focus, .open > .btn-vivid-red.dropdown-toggle:focus, .open > .btn-vivid-red.dropdown-toggle:hover {
    color: #fff;
    background-color: #ff5e2e !important;
    border-color: #ff5e2e;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.open > .btn-strong-cyan.dropdown-toggle {
  background-image: none;
  color: #fff;
  background-color: #00C8C5;
  border-color: #00C8C5;
  box-shadow: 0px 5px 3px -2px rgba(0, 0, 0, 0.2);
  text-decoration: none; }
  @media (min-width: 768px) {
    .open > .btn-strong-cyan.dropdown-toggle {
      line-height: 20px; } }
  @media (min-width: 768px) {
    .is-scrolled .open > .btn-strong-cyan.dropdown-toggle {
      box-shadow: none; } }
  .open > .btn-strong-cyan.dropdown-toggle.focus, .open > .btn-strong-cyan.dropdown-toggle:focus, .open > .btn-strong-cyan.dropdown-toggle:hover {
    color: #fff;
    background-color: #00afac !important;
    border-color: #00afac;
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav:before, .nav:after {
    display: table;
    content: " "; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #555; }
  .nav .nav-divider {
    height: 1px;
    margin: 10.5px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.7;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      margin-bottom: 5px;
      text-align: center; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.nav-link__text {
  font-size: 20px;
  padding-bottom: 30px;
  display: block;
  color: #777; }
  .nav-link__text:before {
    content: '';
    background: url(/assets/img/header/icon_sitemap.png) no-repeat center/contain;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    top: 1px; }
  .nav-link__text:hover {
    color: #777; }
  @media (min-width: 768px) {
    .nav-link__text {
      display: none; } }

@media (max-width: 767px) {
  .nav-link-sp {
    width: 100%;
    margin-bottom: 0;
    text-decoration: none;
    padding: 12px !important;
    padding-left: 35px !important;
    border-bottom: 2px solid #7fe2e1 !important; } }

.nav-link__new {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  background: url(/assets/img/header/icon_new.png) no-repeat center/contain;
  top: 0; }
  @media (min-width: 768px) {
    .nav-link__new {
      right: 10%; } }
  @media (max-width: 767px) {
    .nav-link__new {
      left: 46px;
      top: 30px; } }
  @media (min-width: 768px) {
    .is-scrolled .nav-link__new {
      right: initial;
      left: 23px;
      top: 5px;
      width: 12px;
      height: 12px; } }

.nav-meganav {
  background-color: #00C8C5;
  color: #fff;
  left: 0;
  padding: 30px 30px 10px;
  position: absolute;
  width: 100%;
  z-index: 999999; }
  @media (min-width: 768px) {
    .nav-meganav {
      border-radius: 4px;
      border: 3px solid #ffff;
      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34); } }
  @media screen and (min-width: 768px) and (-ms-high-contrast: none) {
    .nav-meganav {
      width: 1050px;
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto; } }
  @media (max-width: 767px) {
    .nav-meganav {
      display: none;
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      background-color: #F9FFFF;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
      border-top: 3px solid #A7EDEE; } }
  .nav-meganav .col-xs-1, .nav-meganav .col-sm-1,
  .nav-meganav .col-xs-2, .nav-meganav .col-sm-2,
  .nav-meganav .col-xs-3, .nav-meganav .col-sm-3,
  .nav-meganav .col-xs-4, .nav-meganav .col-sm-4,
  .nav-meganav .col-xs-5, .nav-meganav .col-sm-5,
  .nav-meganav .col-xs-6, .nav-meganav .col-sm-6,
  .nav-meganav .col-xs-7, .nav-meganav .col-sm-7,
  .nav-meganav .col-xs-8, .nav-meganav .col-sm-8,
  .nav-meganav .col-xs-9, .nav-meganav .col-sm-9,
  .nav-meganav .col-xs-10, .nav-meganav .col-sm-10,
  .nav-meganav .col-xs-11, .nav-meganav .col-sm-11,
  .nav-meganav .col-xs-12, .nav-meganav .col-sm-12 {
    display: -ms-flexbox;
    display: flex; }
  .nav-meganav h2 {
    font-size: 26px;
    margin: 0;
    font-weight: normal; }
  .nav-meganav-item {
    color: #555;
    background-color: #fff;
    margin-bottom: 20px;
    width: 100%;
    border-radius: 4px;
    padding: 7px 8px !important;
    padding-right: 36px !important;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    position: relative;
    -ms-flex-direction: row !important;
        flex-direction: row !important;
    -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    -ms-flex-align: center;
        align-items: center; }
    @media (min-width: 768px) {
      .nav-meganav-item {
        line-height: 1.5 !important; } }
    @media (max-width: 767px) {
      .nav-meganav-item {
        border-radius: 0;
        background-color: transparent;
        border: none;
        margin-bottom: 0;
        padding: 19px !important;
        padding-right: 65px !important;
        font-size: 21px !important;
        line-height: 1.9 !important; }
        .row > div + div > .nav-meganav-item {
          border-top: 3px dashed #A7EDEE; } }
    .nav-meganav-item:hover {
      color: #555 !important; }
    .nav-meganav-item:after {
      content: '';
      background: url(/assets/img/header/icon_arrow.png) no-repeat center/contain;
      width: 5px;
      height: 8px;
      display: block;
      top: calc(50% - 4px);
      right: 10px;
      position: absolute; }
      @media (max-width: 767px) {
        .nav-meganav-item:after {
          width: 8px;
          height: 14px; } }
    @media (min-width: 768px) {
      .nav-meganav-item--post {
        padding: 5px !important;
        padding-right: 36px !important; } }
    .nav-meganav-item--post:after {
      width: 8px;
      height: 14px;
      top: calc(50% - 7px);
      right: 10px; }
    .nav-meganav-item__img {
      object-fit: contain;
      font-family: "object-fit: contain"; }
      @media (max-width: 767px) {
        .nav-meganav-item__img {
          display: none; } }
      .nav-meganav-item__img--post {
        width: 144px;
        height: 96px;
        -ms-flex: 1 0 144px;
            flex: 1 0 144px;
        margin-right: 20px; }
        .nav-meganav-item__img--post-small {
          width: 42px;
          height: 42px;
          -ms-flex: 0 0 42px;
              flex: 0 0 42px;
          margin: 9px 20px 9px 20px; }
  .nav-meganav__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding-bottom: 20px; }
    @media (max-width: 767px) {
      .nav-meganav__title {
        color: #555;
        padding: 35px 13px 13px; } }
  .nav-meganav__title .nav-meganav__btn {
    color: #fff;
    line-height: 1.1;
    border: 2px solid #fff;
    font-size: 12px;
    padding: 7px 22px 6px 16px !important;
    position: relative; }
    @media (max-width: 767px) {
      .nav-meganav__title .nav-meganav__btn {
        border-color: #A7EDEE;
        border-width: 3px;
        font-size: 21px !important;
        color: #00C8C5;
        padding: 11px 36px 11px 23px !important; } }
    .nav-meganav__title .nav-meganav__btn:after {
      content: '';
      background: url(/assets/img/header/icon_arrow_white.png) no-repeat center/contain;
      width: 5px;
      height: 8px;
      display: block;
      position: absolute;
      top: calc(50% - 4px);
      right: 8px; }
      @media (max-width: 767px) {
        .nav-meganav__title .nav-meganav__btn:after {
          background-image: url(/assets/img/header/icon_arrow.png);
          transform: scale(1.6);
          right: 15px; } }
  .nav-meganav-left {
    float: left;
    width: 50%; }
  .nav-meganav-right {
    float: right;
    width: 50%; }
  .nav-meganav a {
    font-weight: normal !important; }

@media (min-width: 768px) {
  .all-nav .nav-meganav {
    height: auto;
    transition: all linear 0ms, height linear 0ms, opacity linear 200ms;
    transition-delay: 0ms, 0ms, 0ms;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .all-nav:not(:hover) .nav-meganav {
    height: 0;
    overflow: hidden;
    padding: 0;
    border-width: 0px;
    box-shadow: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@media (max-width: 767px) {
  .nav > .all-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; } }

.all-nav el {
  color: #2FB8BB;
  text-indent: -9999px;
  background: url(/assets/img/header/caret-down.png) no-repeat center/contain;
  width: 10px;
  height: 6px; }
  @media (min-width: 768px) {
    .all-nav el {
      margin-top: 7px; } }
  .is-scrolled .all-nav el {
    margin-left: auto;
    margin-right: auto; }
  .all-nav el.open {
    transform: rotate(180deg); }
    .all-nav el.open.lev1 {
      display: none; }
  .all-nav el.close.lev1 {
    display: block; }

.all-nav.shownavi el.open.lev1 {
  display: block; }

.all-nav.shownavi el.close.lev1 {
  display: none; }

@media (max-width: 767px) {
  .all-nav.shownavi el.pc {
    display: none !important; } }

.all-nav.navi-second__show el.open {
  display: inline; }

.all-nav.navi-second__show el.close {
  display: none; }

@media (max-width: 767px) {
  .all-nav > a span el.pc {
    display: none !important; } }

.all-nav .plus.sp {
  display: none; }
  @media (max-width: 767px) {
    .all-nav .plus.sp {
      display: block; }
      .all-nav .plus.sp .lev1 {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        text-indent: -9999px; }
        .all-nav .plus.sp .lev1.open {
          background-image: url(/assets/img/header/icon_minus.png); }
        .all-nav .plus.sp .lev1.close {
          background-image: url(/assets/img/header/icon_plus.png); } }

@media (max-width: 767px) {
  li.all-nav a.plus {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 0 !important;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    text-align: center; } }

.shownavilevel2 .open.lev2 {
  display: inline !important; }

.shownavilevel2 .close.lev2 {
  display: none; }

.nav > li {
  position: inherit; }
  .nav > li.nav_li--scrolled {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (min-width: 768px) {
      .nav > li.nav_li--scrolled {
        padding: 0 3px 7px !important;
        width: 99px !important; } }
    @media (max-width: 767px) {
      .nav > li.nav_li--scrolled {
        display: none; } }
    .nav > li.nav_li--scrolled .btn--scrolled {
      font-size: 12px;
      padding: 10.5px 7.5px; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    display: table;
    content: " "; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " "; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  padding-right: 30px;
  padding-left: 30px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    display: table;
    content: " "; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px; }
    @media (max-device-width: 480px) and (orientation: landscape) {
      .navbar-fixed-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px; } }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -30px;
  margin-left: -30px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 13.5px 30px;
  font-size: 18px;
  line-height: 23px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -30px; } }

.navbar-toggle {
  position: relative;
  float: right;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 6.75px -30px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 23px; }
  @media (max-width: 767px) {
    .navbar-nav .new-badge {
      top: 10px;
      left: 15px;
    }
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 23px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  .navbar-nav .new-badge {
    width: 46px;
    height: 46px;
    padding: 2px;
    position: absolute;
    background-image: url("/assets/img/header/icon_new.png");
    background-repeat: no-repeat;
    background-position: right 3px;
    background-size: 26px 26px;
  }
  @media (min-width: 768px) {
    .navbar-nav .new-badge {
      top: -5px;
      left: 70px;
    }
    .is-scrolled .navbar-nav .new-badge {
      width: 26px!important;
      height: 26px!important;
      top: 0px!important;
      left: 8px!important;
      background-size: 16px 16px!important;
    }
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
      .selector:not(*:root), .is-scrolled .navbar-nav .new-badge {
        left: 16px!important;
      }
    }
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 13.5px;
          padding-bottom: 13.5px; } }

.navbar-form {
  padding: 10px 30px;
  margin-right: -30px;
  margin-left: -30px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 6.5px;
  margin-bottom: 6.5px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control, .navbar-form .regist-form__trigger {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control,
      .navbar-form .input-group .regist-form__trigger {
        width: auto; }
    .navbar-form .input-group > .form-control, .navbar-form .input-group > .regist-form__trigger {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 6.5px;
  margin-bottom: 6.5px; }
  .navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 13.5px;
  margin-bottom: 13.5px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-right: 30px;
      margin-left: 30px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -30px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #fff; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #fff; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #090909; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.navbar-userinfo {
  display: block;
  width: 100%;
  height: auto;
  background-color: #F9FFFF;
  box-shadow: inset 0px 9px 10px -8px rgba(0, 0, 0, 0.2);
  box-sizing: content-box;
  padding: 0 30px 20px;
  margin-left: -30px;
  margin-right: -30px; }
  @media (min-width: 768px) {
    .navbar-userinfo {
      display: none; } }
  .navbar-userinfo__name {
    margin-top: 45px;
    font-size: 21px; }
  .navbar-userinfo__first_name {
    font-size: 26px;
    margin-bottom: 12px; }
    @media (max-width: 767px) {
      .navbar-userinfo__first_name {
        line-height: 1.15;
        padding-top: 0;
        margin-bottom: 5px; } }
  .navbar-userinfo .nav_inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr;
    grid-column-gap: 23px;
    grid-row-gap: 20px;
    overflow-y: unset; }
    .navbar-userinfo .nav_inner .navbar-userinfo__name {
      grid-area: 1 / 1 / 2 / 3; }
    .navbar-userinfo .nav_inner .sideBox__point {
      margin-top: 20px;
      grid-column-start: 1;
      grid-column-end: 3; }
      .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: auto auto auto;
      }
      .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper {
        padding: 0 50px 0 50px;
      }
        .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper div {
          font-size: 19px;
          text-align: center;
          margin-top: 10px;
        }
        .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper div.margin-bottom {
          margin-bottom: 10px;
        }
        .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper div.align-right {
          text-align: right;
        }
        .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper .this-month {
          color: #007E7B;
        }
        .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper .last-month {
          color: #00A29E;
        }
        .navbar-userinfo .nav_inner .sideBox__point .header-inner-grid-wrapper .cumulative-total {
          color: #00CCC7;
        }
    .navbar-userinfo .nav_inner .sideBox__rank {
      grid-area: 2 / 1 / 3 / 2; }
    .navbar-userinfo .nav_inner .sideBox__stamp {
      grid-area: 2 / 2 / 3 / 3; }

.navbar .sideBox {
  border: 3px solid #00C8C5;
  border-radius: 4px;
  background-color: #fff; }
  .navbar .sideBox + .sideBox {
    margin-top: 0; }
  .navbar .sideBox_title {
    font-size: 20px; }
    .navbar .sideBox_title .text-small {
      font-size: 20px; }
  .navbar .sideBox_medal p {
    margin-left: 0;
    margin-top: 0;
    font-size: 20px; }
  .navbar .sideBox_medal img {
    width: 128px;
    margin-left: 0; }
  .navbar .sideBox_meter_title {
    font-size: 14px; }
  .navbar .sideBox_meter_body {
    margin-bottom: 48px;
    height: 30px; }
    .navbar .sideBox_meter_body_marker {
      font-size: 14px;
      padding-top: 45px; }
      .navbar .sideBox_meter_body_marker:before {
        height: 42px; }
  .navbar .sideBox_meter_balloon {
    font-size: 16px;
    padding: 12px; }
    .navbar .sideBox_meter_balloon:before {
      left: 12px;
      border-width: 0 5.5px 10px 5.5px; }
  .navbar .sideBox_stampList li {
    width: 40px;
    margin-right: 7px;
    background-size: contain; }
    .navbar .sideBox_stampList li em {
      height: 47px; }

.navbar .sidebox_stampCount {
  font-size: 17px;
  margin-bottom: 18px; }

.navbar .sidebox_stampText {
  font-size: 19px; }
  .navbar .sidebox_stampText.target img {
    width: 25px;
    height: 25px;
    font-weight: bold; }

.navbar-nav {
  margin-left: 0;
  margin-right: 0; }
  @media (max-width: 767px) {
    .navbar-nav {
      margin-top: 0; } }
  @media (max-width: 767px) {
    .navbar-nav > li a {
      margin-top: 0;
      margin-bottom: 0; } }

.navbar-default {
  min-height: 40px;
  margin-bottom: 0;
  background-color: #00c6c4;
  border-bottom: 0; }
  @media (min-width: 768px) {
    .navbar-default {
      background: repeating-linear-gradient(-45deg, #F0FFFF, #F0FFFF 5px, #fff 5px, #fff 10px);
      padding-top: 7px;
      box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.1), 0px 2px 5px 0px rgba(0, 0, 0, 0.2); }
      .is-scrolled .navbar-default {
        padding-bottom: 2px; } }
  .navbar-default a {
    text-decoration: none; }
  @media (max-width: 767px) {
    .navbar-default {
      min-height: 0;
      vertical-align: middle;
      background-color: transparent; } }
  @media (min-width: 768px) {
    .navbar-default .navbar-nav {
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  @media (min-width: 768px) {
    .navbar-default .navbar-nav > li {
      padding: 0 8px;
      box-sizing: border-box;
      width: 16.667%; }
      .is-logged-in .navbar-default .navbar-nav > li {
        width: 16.667%; }
      .is-scrolled .navbar-default .navbar-nav > li {
        width: 151px; }
        .is-scrolled .navbar-default .navbar-nav > li:nth-child(6) {
          width: 110px; }
        .is-scrolled .navbar-default .navbar-nav > li:last-child {
          padding-right: 0; } }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav > li + li {
      border-top: 3px solid #A7EDEE; } }
  .navbar-default .navbar-nav > li a {
    padding: 12px 0;
    line-height: 1.1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    font-weight: normal;
    position: relative;
    font-weight: bold; }
    .navbar-default .navbar-nav > li a:not(.nav-meganav-item) {
      text-align: center; }
      .navbar-default .navbar-nav > li a:not(.nav-meganav-item):focus {
        color: inherit; }
    @media (max-width: 767px) {
      .navbar-default .navbar-nav > li a {
        padding-top: 25px;
        padding-bottom: 26px;
        margin-right: 0;
        margin-left: 0;
        font-size: 26px;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-align: center;
            align-items: center; } }
    @media (min-width: 768px) {
      .is-scrolled .navbar-default .navbar-nav > li a:not(.nav-meganav__btn) {
        font-size: 12px;
        line-height: 1;
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-pack: center;
            justify-content: center;
        width: 100%; } }
    .navbar-default .navbar-nav > li a:hover {
      color: inherit;
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
  .navbar-default .navbar-collapse {
    border-top: 0; }
  .navbar-default li.sub-nav {
    position: relative; }
    @media (max-width: 767px) {
      .navbar-default li.sub-nav.showsubnavi {
        background-color: #00c6c4; } }
    .navbar-default li.sub-nav .sp {
      display: none; }
    .navbar-default li.sub-nav ul {
      position: absolute;
      overflow: hidden;
      background-color: #00c6c4;
      padding: 10px 0;
      top: 40px;
      display: none;
      border: 1px solid #fff;
      border-top: none; }
      .navbar-default li.sub-nav ul.open {
        height: auto; }
      .navbar-default li.sub-nav ul li {
        list-style: none;
        padding: 3px 0;
        display: block;
        width: 100%; }
        .navbar-default li.sub-nav ul li a {
          white-space: nowrap;
          display: block;
          padding: 4px 20px; }
  @media (max-width: 767px) {
    .navbar-default li.all-nav.navi-second__show {
      background-color: #00c6c4; } }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent; }
  .navbar-default .navbar-toggle small {
    color: #00C8C5; }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #00C8C5; }

.navbar-toggle {
  padding: 12px 18px 4px;
  margin: 0;
  border: 0;
  border-radius: 0; }
  @media (max-width: 767px) {
    .navbar-toggle {
      position: absolute;
      top: -80px;
      right: 0;
      min-height: 80px;
      background: transparent;
    }
    .navbar-toggle .new-badge {
      width: 46px;
      height: 46px;
      padding: 2px;
      top: 0;
      position: absolute;
      background-image: url("/assets/img/header/icon_new.png");
      background-repeat: no-repeat;
      background-position: right 3px;
      background-size: 26px 26px;
    }
  }
  .navbar-toggle .icon-bar {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 5px;
    background-color: #00C8C5;
    border-radius: 3px;
    transition: all 100ms linear; }
    .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 5px; }
  .navbar-toggle small {
    display: inline-block;
    margin-top: 6px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.1;
    color: #555; }
  .navbar-toggle .hide-open {
    display: none; }
  .navbar-toggle.collapsed .hide-closed {
    display: none; }
  .navbar-toggle.collapsed .hide-open {
    display: inline-block; }
  .navbar-toggle:not(.collapsed) .icon-bar {
    position: relative;
    width: 30px; }
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
      transform: rotate(45deg);
      top: 10px; }
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .navbar-toggle:not(.collapsed) .icon-bar:nth-child(5) {
      transform: rotate(-45deg);
      bottom: 10px; }
    .navbar-toggle:not(.collapsed) .new-badge {
      /* close表示中はバッジを表示しない */
      background: none;
    }

@media (max-width: 767px) {
  .navbar-collapse {
    transition: .5s;
    -webkit-overflow-scrolling: touch; }
    .navbar-collapse.collapse {
      z-index: 20;
      transition: .5s;
      height: 0;
      overflow: hidden;
      display: block;
      box-sizing: border-box; }
      .navbar-collapse.collapse.in {
        z-index: 20;
        height: auto; } }

@media (max-width: 767px) {
  #navbar {
    right: 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    box-shadow: inset 0px 9px 10px -8px rgba(0, 0, 0, 0.2); } }

#navbar.navbar-collapse {
  position: relative;
  margin: 0; }

@media (max-width: 767px) {
  .container.center-block {
    padding: 0; }
  .navbar-collapse.collapse.in {
    margin: 0; }
  a.plus {
    text-decoration: none; }
  .navbar-collapse {
    max-height: calc(100vh - 80px);
    overflow-y: auto !important; } }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000;
  background: #fff;
  border-top: 13px solid #2FB8BB; }
  @media (min-width: 768px) {
    header {
      transform: border-top-width 200ms linear; } }
  @media (max-width: 767px) {
    header {
      border-top-width: 8px; } }
  header.header--regist {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); }
  header > .container {
    transform: height 200ms linear; }
    @media (max-width: 767px) {
      header > .container {
        padding-left: 19px;
        padding-right: 0;
        position: relative;
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } }
  @media (min-width: 768px) {
    header.is-scrolled {
      border-top-width: 0; } }
  @media (min-width: 768px) {
    header.is-scrolled > .container {
      height: 0;
      overflow: hidden; } }
  header:not(.is-scrolled) .nav_li--scrolled {
    display: none; }
  header .logo {
    margin: 11px 20px 15px 0; }
    @media (max-width: 767px) {
      header .logo {
        margin-top: 5px;
        margin-bottom: 0; } }
    header .logo img {
      width: 176px;
      height: auto;
      display: block; }
      @media (max-width: 767px) {
        header .logo img {
          width: 192px; } }
  header .right {
    margin-bottom: 0; }
    @media (max-width: 767px) {
      header .right {
        margin-right: 90px; } }
    header .right > li {
      padding: 0; }
      header .right > li + li {
        margin-left: 16px; }
        @media (min-width: 768px) {
          header .right > li + li {
            margin-left: 11px; } }
  header .btn {
    padding: 6px 21px;
    font-size: 16px;
    font-weight: normal;
    border-radius: 5px; }
    @media (max-width: 767px) {
      header .btn {
        padding: 7px 27px;
        font-size: 20px; } }
    header .btn .present {
      background: #fff;
      border-radius: 100px;
      color: #f15424;
      margin-left: 12px;
      padding: 2px 15px; }
      @media (max-width: 767px) {
        header .btn .present {
          display: none; } }
  @media (max-width: 767px) {
    header .navbar-default .navbar-nav > li.sub-nav > a.plus {
      width: 40px;
      height: 40px;
      font-size: 22px;
      border: 1px solid #fff;
      padding: 5px 10px;
      position: absolute;
      right: 40px;
      top: 14px;
      cursor: pointer; }
    header .navbar-default .navbar-nav > li.sub-nav > a.plus {
      padding: 0;
      font-size: 40px;
      line-height: 40px;
      font-weight: 700;
      line-height: 40px;
      text-align: center; }
    header .navbar-default .navbar-nav > li.sub-nav > a span el.pc {
      display: none !important; }
    header .navbar-default li.sub-nav .sp {
      display: block; }
    header .navbar-default li.sub-nav .sp.open {
      display: none; }
    header .navbar-default li.sub-nav ul {
      position: relative;
      padding: 0;
      top: 0;
      background-color: rgba(0, 175, 173, 0.95);
      border: none; }
    header .navbar-default li.sub-nav ul li a {
      padding-left: 40px;
      line-height: 40px; } }

.header-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (max-width: 767px) {
    .header-top {
      padding-top: 15px;
      padding-bottom: 18px; } }
  .header-top__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (min-width: 768px) {
      .header-top__buttons .btn:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
  .header-top__points {
    margin-right: 97px !important;
    font-size: 18px; }
    .header-top__points span {
      font-size: 26px; }
    .header-top__points_expiration_date {
      margin: 0;
      padding: 0;
      font-weight: normal;
      color: #999;
      font-size: 15px;
    }
    .header-top__points_expiration_date_red {
      font-weight: bold !important;
      color: #FF0000 !important;
    }
    .header-top__points:before {
      content: '';
      width: 33px;
      height: 33px;
      margin-right: 5px;
      background: url(/assets/img/header/icon_point.png) no-repeat center/contain;
      position: relative;
      display: inline-block;
      top: 7px; }
    @media (min-width: 768px) {
      .header-top__points {
        display: none; } }
  .header-top__sitemap {
    color: #777;
    font-size: 12px; }
    .header-top__sitemap:before {
      content: '';
      background: url(/assets/img/header/icon_sitemap.png) no-repeat center/contain;
      width: 13px;
      height: 13px;
      margin-right: 4px;
      display: inline-block;
      position: relative;
      top: 2px; }
    .header-top__sitemap:hover {
      color: #777; }

.header-icon {
  display: inline-block;
  width: 44px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  @media (min-width: 768px) {
    .header-icon {
      margin-bottom: 10px; }
      .is-scrolled .header-icon {
        width: 22px;
        height: 19px;
        margin-bottom: 7px;
        margin-right: 8px; } }
  @media (max-width: 767px) {
    .header-icon {
      margin-right: 33px; } }
  .header-icon--home {
    background-image: url(/assets/img/header/icon_home.png); }
  .header-icon--enquete {
    background-image: url(/assets/img/header/icon_enquete.png); }
    @media (min-width: 768px) {
      .is-scrolled .header-icon--enquete {
        width: 15px;
        height: 19px; } }
  .header-icon--faq {
    background-image: url(/assets/img/header/icon_faq.png); }
  .header-icon--prize {
    background-image: url(/assets/img/header/icon_prize.png); }
  .header-icon--news {
    background-image: url(/assets/img/header/icon_speak.png); }
  .header-icon--beginner {
    background-image: url(/assets/img/header/icon_rookie.png); }
    @media (min-width: 768px) {
      .is-scrolled .header-icon--beginner {
        width: 14px;
        height: 19px; } }
  .header-icon--setting {
    background-image: url(/assets/img/header/icon_setting.png); }
  .header-icon--coin {
    background-image: url(/assets/img/header/icon_coin.png); }
  .header-icon--sitemap {
    background-image: url(/assets/img/header/icon_sitemap_sp.png); }

@media (max-width: 767px) {
  .header-arrow {
    display: none; } }

@media (min-width: 768px) {
  .is-scrolled .header-arrow {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    bottom: 3px;
    left: 0;
    padding-left: 22px; } }

.post {
  display: block;
  position: relative;
  overflow: hidden;
  color: #555; }
  .post:hover {
    color: #555; }
  @media (max-width: 767px) {
    .post {
      font-size: 23px; } }
  .post__container {
    width: 100%;
    padding: 5px 20px 20px;
    border-radius: 5px;
    background-color: #F8F8F8;
    display: block; }
    @media (max-width: 767px) {
      .post__container {
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        padding: 5px 15px 30px; } }
  .post__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .post__wrap--link .post, .post__wrap--title .post {
      width: 100%;
      padding: 15px 15px 15px 0; }
      @media (max-width: 767px) {
        .post__wrap--link .post, .post__wrap--title .post {
          padding: 30px 60px 25px 0; } }
    @media (max-width: 767px) {
      .post__wrap--link .post__date, .post__wrap--title .post__date {
        font-size: 20px; } }
    .post__wrap--link .post__title, .post__wrap--title .post__title {
      margin-top: 5px; }
      @media (max-width: 767px) {
        .post__wrap--link .post__title, .post__wrap--title .post__title {
          margin-top: 11px; } }
    .post__wrap--title .post {
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 22px; }
      @media (max-width: 767px) {
        .post__wrap--title .post {
          padding-top: 26px;
          padding-bottom: 27px; } }
      .post__wrap--title .post h1 {
        padding: 0 0 30px;
        background: none;
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 0;
        line-height: 1.56;
        min-height: inherit;
        position: relative;
        font-weight: bold; }
        @media (max-width: 767px) {
          .post__wrap--title .post h1 {
            font-size: 27px;
            margin-top: 11px;
            line-height: 1.76;
            padding-bottom: 34px;
            white-space: normal;
            overflow: initial;
            text-overflow: initial;
            max-width: 100%; } }
        .post__wrap--title .post h1:before {
          content: '';
          border-radius: 3px;
          position: absolute;
          height: 3px;
          left: 0;
          bottom: 0;
          background-color: #f2f2f2;
          width: 100%; }
          @media (max-width: 767px) {
            .post__wrap--title .post h1:before {
              border-radius: 4px;
              height: 6px; } }
    @media (min-width: 768px) {
      .post__wrap--article, .post__wrap--read {
        margin-left: -10px;
        margin-right: -10px; } }
    .post__wrap--read {
      margin-left: -10px;
      margin-right: -10px; }
    .post__wrap--enquete {
      margin-top: 60px; }
      @media (max-width: 767px) {
        .post__wrap--enquete {
          margin-top: 34px; } }
      .post__wrap--enquete .post__category {
        text-align: center; }
        .post__wrap--enquete .post__category-selector {
          width: 100%;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
          .post__wrap--enquete .post__category-selector > .post__category {
            -ms-flex-positive: 1;
                flex-grow: 1;
            -ms-flex-preferred-size: calc(25% - 16px);
                flex-basis: calc(25% - 16px);
            width: calc(25% - 16px); }
  .post--enquete {
    background-color: #fff;
    padding: 14px 14px 8px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.29);
    position: relative;
    border-radius: 3px;
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    transition: margin-bottom 150ms linear;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .post--enquete {
        padding: 18px 18px 10px;
        border-radius: 7px;
        margin-top: 25px; } }
    .post--enquete__link {
      color: inherit;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      .post--enquete__link:hover {
        color: inherit;
        text-decoration: none; }
        .post--enquete__link:hover .post__title {
          text-decoration: underline; }
    .post--enquete.is-open {
      border-bottom-right-radius: 0;
      margin-bottom: 41px; }
      @media (max-width: 767px) {
        .post--enquete.is-open {
          margin-bottom: 75px; } }
    .js-sort-container.is-open .post--enquete.is-hidden-for-layout {
      display: -ms-flexbox;
      display: flex; }
    .post--enquete.is-hovered {
      background-color: #EAFFFF; }
    .post--enquete > div:first-child {
      width: calc(100% - (31px + 20px)); }
      @media (max-width: 767px) {
        .post--enquete > div:first-child {
          width: calc(100% - 73px); } }
    .post--enquete .post__category {
      padding: 4px 15px;
      -ms-flex-preferred-size: 140px;
          flex-basis: 140px; }
      @media (max-width: 767px) {
        .post--enquete .post__category {
          -ms-flex-preferred-size: 178px;
              flex-basis: 178px;
          padding: 7px 15px; } }
    @media (max-width: 767px) {
      .post--enquete .post__date {
        font-size: 19px; } }
    @media (max-width: 767px) {
      .post--enquete .post__data div + div {
        margin-left: 22px; } }
  .post__tab {
    background-color: #fff;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(100% - 1px);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 0;
    overflow: hidden;
    z-index: 10;
    transition: height 150ms linear, padding-bottom 150ms linear,padding-top 150ms linear, box-shadow 150ms linear; }
    @media (max-width: 767px) {
      .post__tab {
        padding-left: 26px;
        padding-right: 26px;
        font-size: 19px;
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px; } }
    .post__tab.is-open {
      padding-bottom: 8px;
      height: auto;
      box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.29); }
      @media (max-width: 767px) {
        .post__tab.is-open {
          padding-top: 16px;
          padding-bottom: 16px; } }
    .is-hovered .post__tab {
      background-color: #EAFFFF !important; }
    .show_hide_enquete {
      cursor: pointer;
    }
    .show_hide_enquete:hover {
      opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
      -khtml-opacity: 0.7;
      -moz-opacity: 0.7;
    }
  .post .enqueted {
    background-color: #C0C0C0; }
  .post .enqueted .in_enqueted {
    background-color: #C0C0C0; }
  .post--link {
    border-bottom: 1px dashed #CCC;
    text-decoration: none; }
    @media (max-width: 767px) {
      .post--link {
        border-bottom-width: 3px; } }
    .post--link:after {
      content: '';
      background: url(/assets/img/header/icon_arrow.png) no-repeat center/contain;
      width: 9px;
      height: 14px;
      display: block;
      position: absolute;
      top: calc(50% - 7px);
      right: 8px; }
      @media (max-width: 767px) {
        .post--link:after {
          background-image: url(/assets/img/header/icon_arrow.png);
          transform: scale(1.6);
          right: 25px; } }
    .post__wrap--enquete .post--link {
      background-color: #fff;
      border-bottom: none;
      border-radius: 3px;
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.29);
      padding: 11px 19px;
      margin-top: 15px; }
      @media (max-width: 767px) {
        .post__wrap--enquete .post--link {
          margin-top: 27px;
          padding: 23px 59px 23px 18px; } }
    .post--link:hover {
      text-decoration: none; }
      .post--link:hover .post__title {
        text-decoration: underline; }
  .post--article {
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.29);
    text-decoration: none; }
    @media (min-width: 768px) {
      .post--article {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px; } }
    @media (max-width: 767px) {
      .post--article {
        border-radius: 7px;
        padding: 33px; }
        .post--article + .post--article {
          margin-top: 30px; } }
  .post--read {
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none; }
    @media (max-width: 767px) {
      .post--read {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px; }
        .post--read:nth-child(n+3) {
          margin-top: 25px; } }
    .post--read:hover {
      text-decoration: none; }
      .post--read:hover .post__title {
        text-decoration: underline; }
    @media (max-width: 767px) {
      .post--read .post__data {
        display: block; } }
    @media (max-width: 767px) {
      .post--read .post__img + .post__data {
        margin-top: 15px; } }
    @media (max-width: 767px) {
      .post--read .post__date {
        font-size: 21px; } }
    @media (min-width: 768px) {
      .is-logged-in .post--read .post__date {
        font-size: 12px; } }
    @media (max-width: 767px) {
      .post--read .post__category {
        margin-left: 0;
        display: inline-block;
        font-size: 17px;
        padding: 5px 16px;
        margin-top: 11px; } }
    @media (min-width: 768px) {
      .is-logged-in .post--read .post__category {
        padding: 4px 9px;
        font-size: 10px; } }
    @media (min-width: 768px) {
      .is-logged-in .post--read .post__title {
        margin-top: 8px; } }
  .post__toggle {
    width: 31px;
    height: 31px;
    background: #f2f2f2 url(/assets/img/contents/caret-up.png) no-repeat center/10px 6px;
    display: block;
    border-radius: 31px;
    transform: rotate(180deg);
    margin-left: 20px;
    position: relative;
    top: -5px;
    -ms-flex: 0 0 31px;
        flex: 0 0 31px; }
    @media (max-width: 767px) {
      .post__toggle {
        width: 53px;
        height: 53px;
        background-size: 20px 12px;
        -ms-flex: 0 0 53px;
            flex: 0 0 53px; } }
    .post__toggle:hover {
      cursor: pointer; }
    .post__toggle.is-open {
      transform: rotate(0); }
    .is-hovered .post__toggle {
      background-color: #fff; }
  .post__new {
    color: #fff;
    background-color: #FF7247;
    position: absolute;
    padding: 16px 25px 2px;
    top: -4px;
    left: -26px;
    transform: rotate(-45deg);
    z-index: 2; }
    @media (max-width: 767px) {
      .post__new {
        font-size: 23px;
        padding: 37px 44px 11px;
        top: -21px;
        left: -47px; } }
  .post__img {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 66.66667%;
    position: relative; }
    .post__img img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      object-fit: contain;
      font-family: "object-fit: contain"; }
    .post__img + .post__data {
      margin-top: 22px; }
      @media (max-width: 767px) {
        .post__img + .post__data {
          margin-top: 29px; } }
  .post__mail {
    width: 14px;
    height: 10px;
    margin-left: 8px; }
    @media (max-width: 767px) {
      .post__mail {
        width: 26px;
        height: 19px;
        margin-left: 12px; } }
    .post__mail img {
      width: 14px;
      height: 10px;
      object-fit: contain;
      font-family: "object-fit: contain"; }
      @media (max-width: 767px) {
        .post__mail img {
          width: 26px;
          height: 19px; } }
  .post__data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .post__data div + div {
      margin-left: 14px; }
      @media (max-width: 767px) {
        .post__data div + div {
          margin-left: 28px; } }
    .post__data .post__category {
      padding-left: 7px;
      padding-right: 7px; }
  .post__category {
    font-size: 12px;
    background: #EBEBEB;
    padding: 4px 26px;
    border-radius: 4px;
    line-height: 1;
    text-decoration: none; }
    @media (max-width: 767px) {
      .post__category {
        font-size: 20px;
        padding: 7px 45px;
        border-radius: 6px; } }
    .post__category-selector .post__category:after {
      border-top-color: #EBEBEB; }
    .post__category--campaign {
      background-color: #FFD1D1; }
      .post__category-selector .post__category--campaign:after {
        border-top-color: #FFD1D1; }
    .post__category--convenient {
      background-color: #D1E8FF; }
      .post__category-selector .post__category--convenient:after {
        border-top-color: #D1E8FF; }
    .post__category--attention {
      background-color: #CEF5E5; }
      .post__category-selector .post__category--attention:after {
        border-top-color: #CEF5E5; }
    .post__category--library {
      background-color: #FFFFD4; }
      .post__category-selector .post__category--library:after {
        border-top-color: #FFFFD4; }
    .post__category--other {
      background-color: #FFE4D1; }
      .post__category-selector .post__category--other:after {
        border-top-color: #FFE4D1; }
    .post__category-selector {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 -8px; }
      .post__category-selector .post__category {
        color: #999;
        margin: 0 8px 30px;
        border-radius: 6px;
        font-size: 16px;
        padding: 13px 18px;
        position: relative;
        overflow: visible; }
        @media (max-width: 767px) {
          .post__category-selector .post__category {
            font-size: 22px;
            width: 188px;
            height: 86px;
            padding: 13px 11px;
            text-align: center;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            box-sizing: border-box; } }
        @media (min-width: 768px) {
          .is-logged-in .post__category-selector .post__category {
            padding-left: 12px;
            padding-right: 12px; } }
        .post__category-selector .post__category:after {
          content: '';
          width: 0;
          height: 0;
          border-left: 12px solid transparent;
          border-right: 12px solid transparent;
          border-top-width: 12px;
          border-top-style: solid;
          position: absolute;
          left: calc(50% - 12px);
          bottom: -11px;
          display: none; }
          @media (max-width: 767px) {
            .post__category-selector .post__category:after {
              border-left-width: 20px;
              border-right-width: 20px;
              border-top-width: 20px;
              left: calc(50% - 20px);
              bottom: -19px; } }
        .post__category-selector .post__category.is-current {
          color: #555;
          text-decoration: none;
          font-weight: bold; }
          .post__category-selector .post__category.is-current:after {
            display: block; }
      .post__category-selector + .post--link {
        border-top: 1px dashed #ccc; }
        @media (max-width: 767px) {
          .post__category-selector + .post--link {
            border-top-width: 3px; } }
  .post__title {
    margin-top: 10px;
    line-height: 2;
    font-weight: bold;
    font-size: 16px; }
    @media (max-width: 767px) {
      .post__title {
        line-height: 1.7;
        font-size: 22px;
        width: 100%;
        max-width: 490px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }
    .post--enquete .post__title {
      color: inherit;
      margin-top: 4px; }
      @media (max-width: 767px) {
        .post--enquete .post__title {
          margin-top: 10px; } }

.en_post_title {
  max-width: 691px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.en_post_title_sp {
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important; }

.disable_link {
  text-decoration: none !important; }

.disable_after:after {
  content: none !important; }

.js-sort-container .is-hidden-for-layout {
  display: none; }

.js-sort-container.is-open .is-hidden-for-layout, .js-sort-container.is-opened .is-hidden-for-layout {
  display: inherit; }

@font-face {
  font-family: 'icons';
  src: url("icons/icons.eot?kis1at");
  src: url("icons/icons.eot?#iefixkis1at") format("embedded-opentype"), url("icons/icons.woff?kis1at") format("woff"), url("icons/icons.ttf?kis1at") format("truetype"), url("icons/icons.svg?kis1at#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ico-"], [class*="ico-"] {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ico-specifications:before {
  content: "\e900"; }

.ico-equal_zoom:before {
  content: "\e901"; }

.ico-image:before {
  content: "\e902"; }

.ico-kanban_board:before {
  content: "\e903"; }

.ico-workflow2:before {
  content: "\e904"; }

.ico-more3:before {
  content: "\e905"; }

.ico-more2:before {
  content: "\e906"; }

.ico-fav_document:before {
  content: "\e907"; }

.ico-high_volume:before {
  content: "\e693"; }

.ico-up3_filled:before {
  content: "\e66a"; }

.ico-up2_filled:before {
  content: "\e68f"; }

.ico-right2_filled:before {
  content: "\e6c5"; }

.ico-upload_to_cloud_filled:before {
  content: "\e600"; }

.ico-about_filled:before {
  content: "\e601"; }

.ico-speech_bubble_filled:before {
  content: "\e602"; }

.ico-shared_filled:before {
  content: "\e603"; }

.ico-price_tag_USD_filled:before {
  content: "\e604"; }

.ico-price_tag_filled:before {
  content: "\e605"; }

.ico-buy_upgrade_filled:before {
  content: "\e606"; }

.ico-worker_filled:before {
  content: "\e607"; }

.ico-buy_upgrade:before {
  content: "\e608"; }

.ico-cheap_2:before {
  content: "\e609"; }

.ico-user_male_filled:before {
  content: "\e60a"; }

.ico-user_female_circle_filled:before {
  content: "\e60b"; }

.ico-user_male2:before {
  content: "\e60c"; }

.ico-menu_filled:before {
  content: "\e60d"; }

.ico-add_to_favorites:before {
  content: "\e60e"; }

.ico-rotation_cw:before {
  content: "\e60f"; }

.ico-rotation_ccw:before {
  content: "\e610"; }

.ico-paint_bucket:before {
  content: "\e611"; }

.ico-QR_code:before {
  content: "\e612"; }

.ico-forward:before {
  content: "\e613"; }

.ico-back:before {
  content: "\e614"; }

.ico-flag2_filled:before {
  content: "\e615"; }

.ico-visible_filled:before {
  content: "\e616"; }

.ico-trash_filled:before {
  content: "\e617"; }

.ico-star_filled:before {
  content: "\e618"; }

.ico-sent_filled:before {
  content: "\e619"; }

.ico-replace:before {
  content: "\e61a"; }

.ico-user_male_circle:before {
  content: "\e61b"; }

.ico-user_female:before {
  content: "\e61c"; }

.ico-user_male:before {
  content: "\e61d"; }

.ico-user_female_circle:before {
  content: "\e61e"; }

.ico-birthday:before {
  content: "\e61f"; }

.ico-ask_question:before {
  content: "\e620"; }

.ico-vip_filled:before {
  content: "\e621"; }

.ico-remove_user:before {
  content: "\e622"; }

.ico-group:before {
  content: "\e623"; }

.ico-find_user:before {
  content: "\e624"; }

.ico-edit_user:before {
  content: "\e625"; }

.ico-checked_user:before {
  content: "\e626"; }

.ico-administrator:before {
  content: "\e627"; }

.ico-trash2:before {
  content: "\e628"; }

.ico-upload_to_cloud_filled2:before {
  content: "\e629"; }

.ico-like_filled:before {
  content: "\e62a"; }

.ico-us_dollar:before {
  content: "\e62b"; }

.ico-bill:before {
  content: "\e62c"; }

.ico-bitcoin:before {
  content: "\e62d"; }

.ico-background_color:before {
  content: "\e62e"; }

.ico-thumbnails:before {
  content: "\e62f"; }

.ico-rotate_right:before {
  content: "\e630"; }

.ico-rotate_left:before {
  content: "\e631"; }

.ico-video_camera_filled:before {
  content: "\e632"; }

.ico-paid:before {
  content: "\e633"; }

.ico-user_male_3:before {
  content: "\e634"; }

.ico-reply:before {
  content: "\e635"; }

.ico-forward2:before {
  content: "\e636"; }

.ico-paint_basket:before {
  content: "\e637"; }

.ico-add_user:before {
  content: "\e638"; }

.ico-poor_quality:before {
  content: "\e639"; }

.ico-good_quality:before {
  content: "\e63a"; }

.ico-fantasy:before {
  content: "\e63b"; }

.ico-albums:before {
  content: "\e63c"; }

.ico-angle-down-circle:before {
  content: "\e63d"; }

.ico-angle-down:before {
  content: "\e63e"; }

.ico-angle-left-circle:before {
  content: "\e63f"; }

.ico-angle-left:before {
  content: "\e640"; }

.ico-angle-right-circle:before {
  content: "\e641"; }

.ico-angle-right:before {
  content: "\e642"; }

.ico-angle-up-circle:before {
  content: "\e643"; }

.ico-angle-up:before {
  content: "\e644"; }

.ico-attention:before {
  content: "\e645"; }

.ico-back2:before {
  content: "\e646"; }

.ico-back-2:before {
  content: "\e647"; }

.ico-ball:before {
  content: "\e648"; }

.ico-bell:before {
  content: "\e649"; }

.ico-bottom-arrow:before {
  content: "\e64a"; }

.ico-box1:before {
  content: "\e64b"; }

.ico-box2:before {
  content: "\e64c"; }

.ico-browser:before {
  content: "\e64d"; }

.ico-check:before {
  content: "\e64e"; }

.ico-close2:before {
  content: "\e64f"; }

.ico-close-circle:before {
  content: "\e650"; }

.ico-cloud-download:before {
  content: "\e651"; }

.ico-cloud-upload:before {
  content: "\e652"; }

.ico-cloud:before {
  content: "\e653"; }

.ico-config:before {
  content: "\e654"; }

.ico-date:before {
  content: "\e655"; }

.ico-display1:before {
  content: "\e656"; }

.ico-drawer:before {
  content: "\e657"; }

.ico-drop:before {
  content: "\e658"; }

.ico-edit2:before {
  content: "\e659"; }

.ico-expand1:before {
  content: "\e65a"; }

.ico-filter2:before {
  content: "\e65b"; }

.ico-gleam:before {
  content: "\e65c"; }

.ico-help1:before {
  content: "\e65d"; }

.ico-help22:before {
  content: "\e65e"; }

.ico-home2:before {
  content: "\e65f"; }

.ico-keypad:before {
  content: "\e660"; }

.ico-left-arrow:before {
  content: "\e661"; }

.ico-less:before {
  content: "\e662"; }

.ico-light:before {
  content: "\e663"; }

.ico-like3:before {
  content: "\e664"; }

.ico-link2:before {
  content: "\e665"; }

.ico-look:before {
  content: "\e666"; }

.ico-loop:before {
  content: "\e667"; }

.ico-mail-open-file:before {
  content: "\e668"; }

.ico-mail-open:before {
  content: "\e669"; }

.ico-micro:before {
  content: "\e66b"; }

.ico-more:before {
  content: "\e66c"; }

.ico-mouse2:before {
  content: "\e66d"; }

.ico-note:before {
  content: "\e66e"; }

.ico-note2:before {
  content: "\e66f"; }

.ico-paper-plane:before {
  content: "\e670"; }

.ico-photo-gallery:before {
  content: "\e671"; }

.ico-photo:before {
  content: "\e672"; }

.ico-plus2:before {
  content: "\e673"; }

.ico-refresh:before {
  content: "\e674"; }

.ico-right-arrow:before {
  content: "\e675"; }

.ico-shuffle:before {
  content: "\e676"; }

.ico-smile:before {
  content: "\e677"; }

.ico-tools:before {
  content: "\e678"; }

.ico-users:before {
  content: "\e679"; }

.ico-user_female_4:before {
  content: "\e67a"; }

.ico-user_female_3:before {
  content: "\e67b"; }

.ico-dislike:before {
  content: "\e67c"; }

.ico-sign_up:before {
  content: "\e67d"; }

.ico-create_new:before {
  content: "\e67e"; }

.ico-inspection:before {
  content: "\e67f"; }

.ico-vip:before {
  content: "\e680"; }

.ico-hashtag:before {
  content: "\e681"; }

.ico-numbered_list:before {
  content: "\e682"; }

.ico-insert_table:before {
  content: "\e683"; }

.ico-horizontal_line:before {
  content: "\e684"; }

.ico-infinity:before {
  content: "\e685"; }

.ico-diploma:before {
  content: "\e686"; }

.ico-select_all:before {
  content: "\e687"; }

.ico-invite:before {
  content: "\e688"; }

.ico-paste:before {
  content: "\e689"; }

.ico-paste_special:before {
  content: "\e68a"; }

.ico-user_shield:before {
  content: "\e68b"; }

.ico-shield:before {
  content: "\e68c"; }

.ico-password2:before {
  content: "\e68d"; }

.ico-password:before {
  content: "\e68e"; }

.ico-delete_shield:before {
  content: "\e690"; }

.ico-camera:before {
  content: "\e691"; }

.ico-medium_priority:before {
  content: "\e692"; }

.ico-deleted_message:before {
  content: "\e694"; }

.ico-message_group:before {
  content: "\e695"; }

.ico-view_file:before {
  content: "\e697"; }

.ico-box:before {
  content: "\e698"; }

.ico-paint_palette:before {
  content: "\e699"; }

.ico-upload_to_cloud:before {
  content: "\e69a"; }

.ico-settings_wrench:before {
  content: "\e69b"; }

.ico-electric_megaphone:before {
  content: "\e69c"; }

.ico-download_from_cloud:before {
  content: "\e69d"; }

.ico-business:before {
  content: "\e69e"; }

.ico-waste:before {
  content: "\e69f"; }

.ico-paint_brush:before {
  content: "\e6a0"; }

.ico-drafting_compass:before {
  content: "\e6a1"; }

.ico-cardboard_box:before {
  content: "\e6a2"; }

.ico-to_do:before {
  content: "\e6a3"; }

.ico-settings3:before {
  content: "\e6a4"; }

.ico-plus:before {
  content: "\e6a5"; }

.ico-minus:before {
  content: "\e6a6"; }

.ico-menu:before {
  content: "\e6a7"; }

.ico-exit:before {
  content: "\e6a8"; }

.ico-error:before {
  content: "\e6a9"; }

.ico-enter:before {
  content: "\e6aa"; }

.ico-email:before {
  content: "\e6ab"; }

.ico-delete_sign:before {
  content: "\e6ac"; }

.ico-checklist:before {
  content: "\e6ad"; }

.ico-watch:before {
  content: "\e6ae"; }

.ico-external_link:before {
  content: "\e6af"; }

.ico-workstation:before {
  content: "\e6b0"; }

.ico-wifi:before {
  content: "\e6b1"; }

.ico-domain:before {
  content: "\e6b2"; }

.ico-cloud_storage:before {
  content: "\e6b3"; }

.ico-bluetooth:before {
  content: "\e6b4"; }

.ico-wink:before {
  content: "\e6b5"; }

.ico-sad:before {
  content: "\e6b6"; }

.ico-lol:before {
  content: "\e6b7"; }

.ico-happy:before {
  content: "\e6b8"; }

.ico-tv_show:before {
  content: "\e6b9"; }

.ico-xlarge_icons:before {
  content: "\e6ba"; }

.ico-system_report:before {
  content: "\e6bb"; }

.ico-system_information:before {
  content: "\e6bc"; }

.ico-christmas_star:before {
  content: "\e6bd"; }

.ico-credit_card:before {
  content: "\e6be"; }

.ico-banknotes:before {
  content: "\e6bf"; }

.ico-roller_brush:before {
  content: "\e6c0"; }

.ico-resize:before {
  content: "\e6c1"; }

.ico-rename:before {
  content: "\e6c2"; }

.ico-pen:before {
  content: "\e6c4"; }

.ico-line:before {
  content: "\e6c6"; }

.ico-italic:before {
  content: "\e6c7"; }

.ico-increase_font:before {
  content: "\e6c8"; }

.ico-flip_vertical:before {
  content: "\e6c9"; }

.ico-flip_horizontal:before {
  content: "\e6ca"; }

.ico-eraser:before {
  content: "\e6cb"; }

.ico-ellipse:before {
  content: "\e6cc"; }

.ico-edit:before {
  content: "\e6cd"; }

.ico-cut:before {
  content: "\e6ce"; }

.ico-color_dropper:before {
  content: "\e6cf"; }

.ico-chisel_tip_marker:before {
  content: "\e6d0"; }

.ico-brush:before {
  content: "\e6d1"; }

.ico-border_color:before {
  content: "\e6d2"; }

.ico-blur:before {
  content: "\e6d4"; }

.ico-ball_point_pen:before {
  content: "\e6d5"; }

.ico-shopping_cart_empty:before {
  content: "\e6d6"; }

.ico-shopping_bag:before {
  content: "\e6d7"; }

.ico-shop:before {
  content: "\e6d8"; }

.ico-put_in:before {
  content: "\e6d9"; }

.ico-price_tag:before {
  content: "\e6da"; }

.ico-gift:before {
  content: "\e6db"; }

.ico-empty_box:before {
  content: "\e6dc"; }

.ico-workflow:before {
  content: "\e6dd"; }

.ico-pie_chart:before {
  content: "\e6de"; }

.ico-mind_map:before {
  content: "\e6df"; }

.ico-flow_chart:before {
  content: "\e6e0"; }

.ico-combo_chart:before {
  content: "\e6e1"; }

.ico-recycle_sign_filled:before {
  content: "\e6e2"; }

.ico-recycle_sign:before {
  content: "\e6e3"; }

.ico-questions:before {
  content: "\e6e4"; }

.ico-answers:before {
  content: "\e6e5"; }

.ico-zoom_out:before {
  content: "\e6e6"; }

.ico-zoom_in:before {
  content: "\e6e7"; }

.ico-upload:before {
  content: "\e6e8"; }

.ico-unlock_filled:before {
  content: "\e6e9"; }

.ico-update:before {
  content: "\e6ea"; }

.ico-unlock:before {
  content: "\e6eb"; }

.ico-speech_bubble:before {
  content: "\e6ec"; }

.ico-share:before {
  content: "\e6ed"; }

.ico-shared:before {
  content: "\e6ee"; }

.ico-settings:before {
  content: "\e6ef"; }

.ico-search:before {
  content: "\e6f0"; }

.ico-reload:before {
  content: "\e6f1"; }

.ico-presentation:before {
  content: "\e6f2"; }

.ico-plugin:before {
  content: "\e6f3"; }

.ico-paper_clip:before {
  content: "\e6f4"; }

.ico-picture:before {
  content: "\e6f5"; }

.ico-opened_folder_filled:before {
  content: "\e6f6"; }

.ico-opened_folder:before {
  content: "\e6f7"; }

.ico-lock_filled:before {
  content: "\e6f8"; }

.ico-lock:before {
  content: "\e6f9"; }

.ico-key:before {
  content: "\e6fa"; }

.ico-info:before {
  content: "\e6fb"; }

.ico-idea:before {
  content: "\e6fc"; }

.ico-home:before {
  content: "\e6fd"; }

.ico-help2:before {
  content: "\e6fe"; }

.ico-help:before {
  content: "\e6ff"; }

.ico-folder_filled:before {
  content: "\e700"; }

.ico-folder:before {
  content: "\e701"; }

.ico-flag_filled:before {
  content: "\e702"; }

.ico-flag:before {
  content: "\e703"; }

.ico-filter:before {
  content: "\e704"; }

.ico-download:before {
  content: "\e705"; }

.ico-document:before {
  content: "\e706"; }

.ico-design:before {
  content: "\e707"; }

.ico-copy:before {
  content: "\e708"; }

.ico-close:before {
  content: "\e709"; }

.ico-code:before {
  content: "\e70a"; }

.ico-cancel:before {
  content: "\e70b"; }

.ico-checkmark:before {
  content: "\e70c"; }

.ico-briefcase:before {
  content: "\e70d"; }

.ico-bookmark:before {
  content: "\e70e"; }

.ico-binoculars:before {
  content: "\e70f"; }

.ico-archive:before {
  content: "\e710"; }

.ico-about:before {
  content: "\e711"; }

.ico-today:before {
  content: "\e712"; }

.ico-calendar:before {
  content: "\e713"; }

.ico-clock:before {
  content: "\e714"; }

.ico-alarm_clock:before {
  content: "\e715"; }

.ico-stack_of_photos:before {
  content: "\e716"; }

.ico-phone1:before {
  content: "\e717"; }

.ico-multiple_devices:before {
  content: "\e718"; }

.ico-iphone_copyrighted:before {
  content: "\e719"; }

.ico-ipad_copyrighted:before {
  content: "\e71a"; }

.ico-visible:before {
  content: "\e71b"; }

.ico-trash:before {
  content: "\e71c"; }

.ico-star:before {
  content: "\e71d"; }

.ico-topic:before {
  content: "\e71e"; }

.ico-rss:before {
  content: "\e71f"; }

.ico-sent:before {
  content: "\e720"; }

.ico-replay:before {
  content: "\e721"; }

.ico-read_message:before {
  content: "\e722"; }

.ico-pin:before {
  content: "\e723"; }

.ico-online:before {
  content: "\e724"; }

.ico-message:before {
  content: "\e725"; }

.ico-link_broken:before {
  content: "\e726"; }

.ico-link:before {
  content: "\e727"; }

.ico-invisible:before {
  content: "\e728"; }

.ico-like:before {
  content: "\e729"; }

.ico-forward22:before {
  content: "\e72a"; }

.ico-inbox:before {
  content: "\e72b"; }

.ico-contacts:before {
  content: "\e72c"; }

.ico-contact_card:before {
  content: "\e72d"; }

.ico-stop:before {
  content: "\e72e"; }

.ico-rewind:before {
  content: "\e72f"; }

.ico-mute:before {
  content: "\e730"; }

.ico-fast_forward:before {
  content: "\e731"; }

.ico-map_marker:before {
  content: "\e732"; }

.ico-near_me:before {
  content: "\e733"; }

.ico-location:before {
  content: "\e734"; }

.ico-globe:before {
  content: "\e735"; }

.ico-flag2:before {
  content: "\e736"; }

.ico-geo_fence:before {
  content: "\e737"; }

.ico-engineering:before {
  content: "\e738"; }

.ico-automatic:before {
  content: "\e739"; }

.ico-advance:before {
  content: "\e73a"; }

.ico-hearts:before {
  content: "\e73b"; }

.ico-export:before {
  content: "\e73e"; }

.ico-web_camera:before {
  content: "\e73f"; }

.ico-video_camera:before {
  content: "\e740"; }

.ico-print:before {
  content: "\e741"; }

.ico-mouse:before {
  content: "\e742"; }

.ico-gps_device:before {
  content: "\e743"; }

.ico-airport:before {
  content: "\e744"; }

.ico-survey:before {
  content: "\e745"; }

.ico-leave:before {
  content: "\e746"; }

.ico-up2:before {
  content: "\e747"; }

.ico-up3:before {
  content: "\e748"; }

.ico-up4:before {
  content: "\e749"; }

.ico-right3:before {
  content: "\e74a"; }

.ico-up:before {
  content: "\e74b"; }

.ico-left3:before {
  content: "\e74c"; }

.ico-right:before {
  content: "\e74d"; }

.ico-right2:before {
  content: "\e74e"; }

.ico-left:before {
  content: "\e74f"; }

.ico-left2:before {
  content: "\e750"; }

.ico-down3:before {
  content: "\e751"; }

.ico-down4:before {
  content: "\e752"; }

.ico-down:before {
  content: "\e753"; }

.ico-down2:before {
  content: "\e754"; }

@font-face {
  font-family: "dstylefont";
  src: url("font/dstylefont.eot");
  src: url("font/dstylefont.eot?#iefix") format("embedded-opentype"), url("font/dstylefont.woff") format("woff"), url("font/dstylefont.ttf") format("truetype"), url("font/dstylefont.svg#dstylefont") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icono-"]:before,
[class*=" icono-"]:before {
  font-family: "dstylefont" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icono:before {
  font-family: "dstylefont" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icono-fumar:before {
  content: "\61"; }

.icono-japon:before {
  content: "\62"; }

.icono-cama:before {
  content: "\63"; }

.flex-link {
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 768px) {
    .flex-link {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 767px) {
    .flex-link {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .flex-link > a {
    font-size: 16px;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .flex-link > a {
        margin-right: 20px; } }
    @media (max-width: 767px) {
      .flex-link > a {
        font-size: 24px;
        margin-top: 33px; } }

@media (min-width: 768px) {
  .flex-titles {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

.form-group {
  margin-bottom: 0; }
  .form-group + .form-group {
    margin-top: 10px; }

.form__wrap {
  border: 2px solid #ccc;
  border-radius: 3px; }
  @media (max-width: 767px) {
    .form__wrap {
      border: none;
      border-radius: 0; } }
  .form__wrap .row:not(.row--negative-margin) {
    margin: 0; }
  @media (min-width: 768px) {
    .form__wrap .row {
      display: -ms-flexbox;
      display: flex; } }
  @media (max-width: 767px) {
    .form__wrap .row {
      padding: 16px 0 12px; } }
  .form__wrap .row + .row {
    border-top: 2px solid #ccc; }
  @media (max-width: 767px) {
    .form__wrap--bordered-sp {
      border: 2px solid #ccc; }
      .form__wrap--bordered-sp .row {
        padding-top: 0;
        padding-bottom: 0; }
      .form__wrap--bordered-sp .form__title {
        background-color: #f8f8f8;
        padding-left: 20px;
        padding-right: 20px; }
      .form__wrap--bordered-sp .form__content {
        padding-left: 20px;
        padding-right: 20px; } }

.form__title {
  position: relative;
  padding: 15px 20px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media (min-width: 768px) {
    .form__title {
      background-color: #f8f8f8; } }
  @media (max-width: 767px) {
    .form__title {
      font-size: 24px;
      padding-left: 0;
      padding-right: 0; } }
  .form__title--required:before {
    content: '必須';
    color: #fff;
    background-color: #FF7247;
    border-radius: 3px;
    padding: 2px 7px;
    font-size: 13px;
    margin-right: 10px; }
    @media (max-width: 767px) {
      .form__title--required:before {
        padding: 2px 10px;
        line-height: 1.5;
        font-size: 24px;
        margin-right: 14px; } }

.form__content {
  padding: 15px 20px;
  font-size: 16px; }
  @media (max-width: 767px) {
    .form__content {
      padding-left: 0;
      padding-right: 0;
      font-size: 24px; } }
  .form__content p, .form__content span {
    color: #555;
    font-size: 15px; }
    @media (max-width: 767px) {
      .form__content p, .form__content span {
        font-size: 23px; } }
  @media (max-width: 767px) {
    .form__content .form-control, .form__content .regist-form__trigger {
      padding: 12px 15px;
      border-width: 2px;
      border-radius: 7px;
      height: 62px; } }
  .form__content .form-control, .form__content .regist-form__trigger, .form__content .form-control:-ms-input-placeholder, .form__content .regist-form__trigger:-ms-input-placeholder {
    font-size: 16px; }
  .form__content .form-control, .form__content .regist-form__trigger, .form__content .form-control::placeholder, .form__content .regist-form__trigger::placeholder {
    font-size: 16px; }
    @media (max-width: 767px) {
      .form__content .form-control, .form__content .regist-form__trigger, .form__content .form-control:-ms-input-placeholder, .form__content .regist-form__trigger:-ms-input-placeholder {
        font-size: 24px; }
      .form__content .form-control, .form__content .regist-form__trigger, .form__content .form-control::placeholder, .form__content .regist-form__trigger::placeholder {
        font-size: 24px; } }
  @media (min-width: 768px) {
    .form__content textarea.form-control, .form__content textarea.regist-form__trigger {
      margin-top: 14px;
      padding: 24px 19px; } }
  .form__content .form-group--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }
    .form__content .form-group--flex label {
      margin-right: 10px; }
    @media (max-width: 767px) {
      .form__content .form-group--flex--sp {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: center;
            align-items: center; } }
  @media (max-width: 767px) {
    .form__content #form_last_name, .form__content #form_first_name {
      width: calc(100% - 62px); } }
  @media (max-width: 767px) {
    .form__content #form_details {
      height: 600px;
      margin-top: 12px; } }

#visi_checkbox input {
  visibility: hidden;
  display: initial; }

.checkbox input, .radio input {
  display: none; }

.checkbox label, .radio label {
  position: relative;
  padding-left: 25px;
  font-weight: inherit;
  cursor: pointer; }
  @media (max-width: 767px) {
    .checkbox label, .radio label {
      line-height: 1.3;
      padding-left: 40px;
      font-size: 25px; } }
  .checkbox label:before, .radio label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    background: #fff;
    width: 18px;
    height: 18px;
    border: 1px solid #999; }
    @media (max-width: 767px) {
      .checkbox label:before, .radio label:before {
        width: 30px;
        height: 30px; } }

.checkbox label:before {
  border-radius: 2px; }

.checkbox input:checked + label:before {
  background: #00C8C5 url(/assets/img/contents/check.png) no-repeat center/15px 15px; }
  @media (max-width: 767px) {
    .checkbox input:checked + label:before {
      background-size: 21px 21px; } }
.resist__inner .checkbox input:checked + label:before {
  font-family: FontAwesome;
  content: "\f046" ;
  font-size: 1.55em;
  background: none; }
  @media (max-width: 767px) {
      .resist__inner .checkbox input:checked + label:before {
        font-size: 1.25em;
      }
  }
.modal_checkbox input:checked + label:before {
  font-family: FontAwesome;
  content: "\f046" ;
  font-size: 1.15em;
  background: none; }
  @media (max-width: 767px) {
      .modal_checkbox input:checked + label:before {
        font-size: 1.35em;
      }
  }
  @media (max-width: 767px) {
    .checkbox input:checked + label:before {
      background-size: 21px 21px; } }

@media (max-width: 767px) {
  .checkbox--regist {
    margin-top: 18px;
    margin-top: 18px; } }

.checkbox--regist label {
  font-size: 14px;
  padding-left: 2em; }
  @media (max-width: 767px) {
    .checkbox--regist label {
      font-size: 22px; } }
.checkbox--regist.checkbox_normal label {
  font-size: inherit;}
  @media (max-width: 767px) {
    .checkbox--regist.checkbox_normal label {
      font-size: 24px; } }
.checkbox--regist.checkbox_small label {
  font-size: 14px;}
  @media (max-width: 767px) {
    .checkbox--regist.checkbox_small label {
      font-size: 22px; } }
       
  .checkbox--regist label:before {
    width: 1.25em;
    height: 1.25em; }
    @media (max-width: 767px) {
      .checkbox--regist label:before {
        font-size: 1em; } }
  .resist__inner .checkbox--regist label:before {
    font-family: FontAwesome;
    content: "\f096" ;
    font-size: 1.55em;
    border:none;}
    @media (max-width: 767px) {
      .resist__inner .checkbox--regist label:before {
        font-size: 1.25em;
      }
    }
  .modal_checkbox label:before {
    font-family: FontAwesome;
    content: "\f096" ;
    font-size: 1.15em;
    border:none;}
    @media (max-width: 767px) {
      .modal_checkbox label:before {
        font-size: 1.35em;
      }
    }

.checkbox--regist input:checked + label:before {
  background-size: 1em 1em; }

.checkbox--tooltip label {
  position: relative; }

.checkbox--tooltip .span-tooltip {
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 0.5em;
  background: #00bcd4;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: inherit;
  box-sizing: border-box;
  border-radius: 100%;
  /*vertical-align: super;*/
  text-align: center; }
  @media (max-width: 767px) {
    .checkbox--tooltip .span-tooltip {
      font-size: 1.05em; } }

.checkbox--tooltip .tooltip {
  position: absolute;
  color: #fff;
  background-color: #00bcd4;
  padding: 0.5em;
  font-size: 15px;
  font-size: 1.5rem;
  min-width: 200px;
  z-index: 2; }
  @media (max-width: 767px) {
    .checkbox--tooltip .tooltip {
      font-size: 1.1em; } }

.radio label {
  margin-right: 10px; }
  @media (max-width: 767px) {
    .radio label {
      margin-right: 14px; } }
  .radio label:before {
    border-radius: 18px; }
    @media (max-width: 767px) {
      .radio label:before {
        border-radius: 30px; } }

.radio input:checked + label:before {
  background: #00C8C5; }

.radio input:checked + label:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: #fff;
  width: 10px;
  height: 10px;
  border-radius: 10px; }
  @media (max-width: 767px) {
    .radio input:checked + label:after {
      width: 18px;
      height: 18px;
      border-radius: 18px;
      top: 6px;
      left: 6px; } }

.banner-slider .bx-wrapper {
  /* jquery.bxslider.cssをカスタマイズ */
  max-width: 520px !important;
  margin: 30px auto 60px;
  box-shadow: none; }
  .banner-slider .bx-wrapper .hover-img img {
    margin: 0 auto; }
  .banner-slider .bx-wrapper .bx-controls-direction a {
    z-index: 999; }
  .banner-slider .bx-wrapper .bx-prev {
    left: 0; }
  .banner-slider .bx-wrapper .bx-next {
    right: 0; }

.banner-slider.mt0 .bx-wrapper {
  margin-top: 0; }

.floatlist {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0; }
  .floatlist li {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-size: 1.5rem; }
  @media (max-width: 767px) {
    .floatlist__title {
      display: none; } }

@media screen and (max-width: 1000px) {
  .content-inner {
    box-sizing: border-box;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important; } }

html {
  font-size: 62.5%;
  background: #eee; }

body {
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-family: メイリオ, Meiryo,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
  line-height: 130%;
  color: #555;
  background: #FFF; }
  @media screen and (max-width: 640px) {
    body {
      font-size: 24px; } }

@media screen and (max-width: 640px) {
  ul li {
    line-height: 30px; }
    ul li ul li {
      line-height: 42px; } }

.btn--base[type="submit"], .btn--form[type="submit"], .btn--base[type="button"], .btn--form[type="button"] {
  padding: 8px 0px; }
  @media (min-width: 768px) {
    .btn--base[type="submit"], .btn--form[type="submit"], .btn--base[type="button"], .btn--form[type="button"] {
      padding: 8px 0px; } }

@media screen and (max-width: 640px) {
  .navbar .sideBox_stampList_item {
		height:47px;
   } 
  .navbar .sideBox_stampList_item > img {
		height:47px;
   } 
}

@media (min-width: 768px) {
  .navbar--default .navbar-nav > li a {
    font-size: 14px; } }

@media (max-width: 767px) {
  .navbar-collapse.collapse {
    height: auto;
    display: none; }
    .navbar-collapse.collapse.in {
      display: block; } }

@media (max-width: 767px) {
  .post__title {
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: initial; } }

.banner-slider .bx-wrapper {
  max-width: 640px !important; }
  @media screen and (max-width: 640px) {
    .banner-slider .bx-wrapper .hover-img img {
      zoom: 1.15; } }
  @media screen and (max-width: 640px) {
    .banner-slider .bx-wrapper .bx-prev, .banner-slider .bx-wrapper .bx-next {
      zoom: 1.5; } }

.floatbox {
  overflow: hidden; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.left {
  float: left; }

.right {
  float: right; }

.fixed {
  position: fixed;
  top: 85px;
  z-index: 1; }

.center {
  text-align: center; }

.table {
  display: table;
  width: 100%; }

.cell {
  display: table-cell;
  vertical-align: middle; }

.imgbox {
  line-height: 0; }

.clear {
  clear: both; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden; }

#form_confirm_code {
  text-align: center; }

.clearfix {
  min-height: 1px; }

img, iframe {
  max-width: 100%; }

.hidden {
  display: none; }

.show {
  display: block !important; }

/* --- リストエリア --- */
ol.pankuzu {
  margin: 10px 0px 0px 0 !important;
  padding: 0;
  list-style-type: none;
  font-size: 13px; }
  @media (max-width: 767px) {
    ol.pankuzu {
      margin: 0 !important;
      padding: 90px 15px 4px;
      border-bottom: 2px solid #ccc;
      font-size: 20px;
      /*display: flex;*/
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

@media (max-width: 767px) {
  .not_pan {
    border-bottom: none !important;
    padding-top: 0px !important; }
  .not_pan_regist {
    border-bottom: none !important;
    padding-top: 102px !important; } }

.regist_n_form {
  margin-left: auto !important;
  margin-top: -38px; }

/* --- リスト項目 --- */
ol.pankuzu li {
  display: inline !important;
  line-height: 2; }

/* --- リンク --- */
ol.pankuzu li a {
  margin-right: 6px !important;
  /* リンクエリアの右マージン */ }

.mg_r_0 {
  margin-right: 0 !important; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize \*/
/** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. \*/
html {
  font-family: sans-serif;
  /* 1 \*/
  -ms-text-size-adjust: 100%;
  /* 2 \*/
  -webkit-text-size-adjust: 100%;
  /* 2 \*/ }

div {
  max-height: 999999px; }

/** * Remove default margin. \*/
/* HTML5 display definitions ========================================================================== \*/
/** *
  Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. \*/
article, aside, details, figcaption,
figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. \*/
audio, canvas, progress,
video {
  display: inline-block;
  /* 1 \*/
  vertical-align: baseline;
  /* 2 \*/ }

/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. \*/
audio:not([controls]) {
  display: none;
  height: 0; }

/** * Address
  `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. \*/
[hidden], template {
  display: none; }

/* Links==========================================================================* / /** * Remove
  the gray background color from active links in IE 10. \*/
a {
  background-color: transparent; }

/** * Improve readability when focused and also mouse hovered in all browsers. \*/
a:active, a:hover {
  outline: 0; }

/* Text-level semantics==========================================================================*
  / /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. \*/
abbr[title] {
  border-bottom: 1px dotted; }

/** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. \*/
b, strong {
  font-weight: bold; }

/** * Address styling not
  present in Safari and Chrome. \*/
dfn {
  font-style: italic; }

/** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. \*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: bold;
  line-height: 1.25; }

h2, h3, h4, h5 {
  font-weight: bold;
  line-height: 1.25; }

/** * Address styling not present in IE 8/9. \*/
mark {
  background: #ff0;
  color: #000; }

/** * Address inconsistent and variable font size in all browsers. \*/
small {
  font-size: 80%; }

/** * Prevent `sub` and `sup` affecting `line-height`
  in all browsers. \*/
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content==========================================================================*
  / /** * Remove border when inside `a` element in IE 8/9/10. \*/
img {
  border: 0; }

/** * Correct overflow not hidden in IE 9/10/11. \*/
svg:not(:root) {
  overflow: hidden; }

/* Grouping content==========================================================================*
  / /** * Address margin not present in IE 8/9 and Safari. \*/
figure {
  margin: 1em 40px; }

/** * Address differences between Firefox and other browsers. \*/
hr {
  box-sizing: content-box;
  height: 0; }

/** * Contain overflow in
  all browsers. \*/
pre {
  overflow: auto; }

/** * Address odd `em`-unit font size rendering in all browsers. \*/
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms==========================================================================*
  / /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. \*/
/** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct
  font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. \*/
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 \*/
  font: inherit;
  /* 2 \*/
  margin: 0;
  /* 3 \*/ }

/** * Address `overflow` set
  to `hidden` in IE 8/9/10/11. \*/
button {
  overflow: visible; }

/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance
  in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. \*/
button, select {
  text-transform: none; }

/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability
  to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. \*/
button, html input[type="button"],
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 \*/
  cursor: pointer;
  /* 3 \*/ }

/** * Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] {
  cursor: default; }

/** * Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. \*/
input {
  line-height: normal; }

/** * It 's recommended that you don't attempt to style these elements. * Firefox
  's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 \*/
  padding: 0;
  /* 2 \*/ }
  @media screen and (max-width: 640px) {
    input[type="checkbox"], input[type="radio"] {
      width: 22px;
      height: 22px; } }

/**
  * Fix the cursor style for Chrome 's increment/decrement buttons. For certain
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  *		(include `-moz` to future-proof).
  */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
  * Define consistent border, margin, and padding.
  */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets. \*/
legend {
  border: 0;
  /* 1 \*/
  padding: 0;
  /* 2 \*/ }

textarea {
  border: 1px solid #ccc; }

td textarea {
  width: 100%; }

/** * Don 't inherit the `font-weight` (applied by a rule above).
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  */
optgroup {
  font-weight: bold; }

/* Layout
  ========================================================================== */
@media (min-width: 768px) {
  #nav + #main, #nav ~ #main {
    padding-left: 40px; } }
  @media all and (min-width: 768px) and (-ms-high-contrast: none) {
    #nav + #main, #nav ~ #main {
      max-width: 848px; } }

/* Tables
  ========================================================================== */
/**
  * Remove most spacing between table cells.
  */
td, th {
  border-top: none;
  border-left: none; }

th {
  background: #efefef;
  width: 20%; }

/* =Fonts
  -------------------------------------------------------------- */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("font/NotoSansCJKjp-Thin.eot");
  /* IE9 Compat Modes */
  src: url("font/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Thin.woff") format("woff"), url("font/NotoSansCJKjp-Thin.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("font/NotoSansCJKjp-Light.eot");
  src: url("font/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Light.woff") format("woff"), url("font/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("font/NotoSansCJKjp-DemiLight.eot");
  src: url("font/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-DemiLight.woff") format("woff"), url("font/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("font/NotoSansCJKjp-Regular.eot");
  src: url("font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Regular.woff") format("woff"), url("font/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("font/NotoSansCJKjp-Medium.eot");
  src: url("font/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Medium.woff") format("woff"), url("font/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("font/NotoSansCJKjp-Bold.eot");
  src: url("font/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Bold.woff") format("woff"), url("font/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("font/NotoSansCJKjp-Black.eot");
  src: url("font/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("font/NotoSansCJKjp-Black.woff") format("woff"), url("font/NotoSansCJKjp-Black.ttf") format("truetype"); }

.thin {
  font-weight: 100; }

.light {
  font-weight: 200; }

.demi-light {
  font-weight: 300; }

.regular {
  font-weight: 400; }

.medium {
  font-weight: 500; }

.bold {
  font-weight: 700; }

.black {
  font-weight: 900; }

html {
  font-size: 62.5%; }

.noto {
  /*font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  letter-spacing: -0.05em;
  display: inline-block; }
  .noto:after {
    content: "";
    font-family: sans-serif; }

.mincho {
  font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif; }

/* =Global Elements
  -------------------------------------------------------------- */
strong {
  font-weight: bold; }

cite,
em,
i {
  font-style: italic; }

big {
  font-size: 131.25%; }

ins {
  background: #ffc;
  text-decoration: none; }

blockquote {
  font-style: italic;
  padding: 0 3em; }

blockquote cite,
blockquote em,
blockquote i {
  font-style: normal; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: smaller; }

select {
  height: 35px; }
  @media screen and (max-width: 640px) {
    select {
      height: 40px; } }

.sp_notice {
  font-size: 10px; }
  @media screen and (max-width: 640px) {
    .sp_notice {
      font-size: 16px !important; } }

input[type="email"] {
  width: 100%; }

input[type="radio"] {
  margin-right: 5px;
  margin-right: 0.5rem; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  background: #fff;
  outline: none;
  border: 1px solid #00a4a2; }

select.efo_valid, #city.efo_valid {
  display: inline-block; }

@media (max-width: 767px) {
  .ermes {
    font-size: 18px !important; } }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  /*border-radius: 5px;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;*/
  width: 45%;
  margin: 0 auto;
  padding: 15px 10px;
  padding: 1.5rem 1rem;
  display: block;
  color: #FFF !important;
  border-radius: 3px;
  text-align: center;
  text-decoration: none !important;
  line-height: 1.3;
  box-sizing: border-box;
  border: none;
  /*font-family: 'Noto Sans Japanese';
    font-weight:400;*/ }

input[type="submit"] {
  background: #f15424; }
  input[type="submit"]:hover {
    background-color: #ec430f; }

input[type="button"] {
  background: #00afad; }

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px; }

input[type="submit"]:hover,
input[type="button"]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7; }

button[type="submit"] {
  background-color: #FF7247;
  margin: 0 auto; }
  @media (max-width: 767px) {
    button[type="submit"] {
      width: 60%; } }
  button[type="submit"]:hover {
    background-color: #ff531e; }

:placeholder-shown {
  color: #777 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 12px;
  font-size: 1.2rem; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  color: #777 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 12px;
  font-size: 1.2rem; }

/* Firefox 18- */
:-moz-placeholder {
  color: #777 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 12px;
  font-size: 1.2rem; }

/* Firefox 19+ */
::-moz-placeholder {
  color: #777 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 12px;
  font-size: 1.2rem; }

/* IE 10+ */
:-ms-input-placeholder {
  color: #777 !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 12px;
  font-size: 1.2rem; }

a:focus {
  outline: none; }

a:active, a:hover, a:hover img {
  text-decoration: underline;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

img {
  border: 0;
  padding: 0;
  margin: 0; }

dl, dt, dd {
  margin: 0;
  padding: 0; }

.txt_right {
  text-align: right; }

.sp {
  display: none; }

.pagination {
  height: 36px;
  margin: 18px 0;
  text-align: center; }

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.pagination li {
  display: inline; }

.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0; }

.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5; }

.pagination .active a {
  color: #999999;
  cursor: default; }

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default; }

.pagination li:first-child a {
  border-left-width: 1px;
  border-radius: 3px 0 0 3px; }

.pagination li:last-child a {
  border-radius: 0 3px 3px 0; }

.pagination-centered {
  text-align: center; }

.pagination-right {
  text-align: right; }

.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1; }

.pager:before,
.pager:after {
  display: table;
  content: ""; }

.pager:after {
  clear: both; }

.pager li {
  display: inline; }

.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px; }

.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5; }

.pager .next a {
  float: right; }

.pager .previous a {
  float: left; }

.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default; }

.white-popup {
  background: #FFF;
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative; }

.white-popup h2 {
  margin-top: 15px;
  margin-bottom: 15px; }

.white-popup p {
  padding: 10px 0 5px 60px;
  background-image: url("/assets/img/contents/icon_info.png");
  background-size: 50px auto;
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 0.92em; }

.white-popup ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 15px; }

.white-popup ul li a {
  width: 100%;
  cursor: pointer;
  display: block; }

.white-popup ul li a.button_blue {
  margin: 10px 0;
  text-align: center; }

.white-popup ul li a.button_orange {
  width: 100%;
  text-decoration: none;
  padding: 10px;
  margin: 10px 0;
  box-sizing: border-box;
  background: #f15424;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-style: none;
  border-radius: 5px;
  display: block; }

.white-popup ul li a.button_orange:hover {
  text-decoration: none;
  color: #fff; }

@media screen and (max-width: 850px) {
  .sp {
    display: block; } }

@media screen and (max-width: 640px) {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  select,
  textarea {
    font-size: 24px;
    background: #fff;
    border: 1px solid #ccc; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="number"]:focus,
  select:focus,
  textarea:focus {
    border: 1px solid #00c6c4; }
  input[type="submit"],
  input[type="button"] {
    width: 100%;
    font-size: 24px; }
  div.contents {
    padding-top: 0px; }
  div.contents .inner {
    padding-top: 0px; }
  ol.pankuzu {
    overflow-x: scroll;
    white-space: nowrap; }
  /* スクロールバーの装飾 */
  ol.pankuzu::-webkit-scrollbar {
    max-height: 10px; }
  ol.pankuzu::-webkit-scrollbar-track {
    background-color: #FFF; }
  ol.pankuzu::-webkit-scrollbar-thumb {
    background-color: rgba(238, 238, 238, 0.8); } }

/* --- 目次 --- */
ol.mokuji {
  margin: 15px 15px 0;
  padding: 0;
  counter-reset: section; }
  ol.mokuji li {
    margin: 10px 0 0;
    list-style: none; }
    ol.mokuji li:before {
      margin: 0 8px 0 0;
      font-size: 18px;
      content: counters(section, "-") ". ";
      counter-increment: section; }
      @media screen and (max-width: 640px) {
        ol.mokuji li:before {
          font-size: 28px; } }
    ol.mokuji li ol {
      margin: 5px 0 0 24px;
      font-size: 12px;
      list-style: none; }
      ol.mokuji li ol li {
        margin: 3px 0 0; }
        ol.mokuji li ol li a {
          font-size: 14px; }
          @media screen and (max-width: 640px) {
            ol.mokuji li ol li a {
              font-size: 22px; } }
        ol.mokuji li ol li:before {
          margin: 0 2px 0 0;
          font-size: 14px;
          content: counters(section, "-") ". ";
          counter-increment: section; }
          @media screen and (max-width: 640px) {
            ol.mokuji li ol li:before {
              font-size: 22px; } }

/* TITLES */
.inner h1, .regist h1 {
  background: url(/assets/img/contents/midashi_mark.png) no-repeat left top/17px 27px;
  margin-top: 44px;
  margin-bottom: 25px;
  letter-spacing: 0.025em;
  font-weight: normal;
  padding-left: 32px;
  line-height: 1.65;
  padding-left: 40px;
  background: url(/assets/img/contents/midashi_mark_h1.png) no-repeat left top/25px 50px;
  min-height: 50px;
  font-size: 34px; }
  @media (max-width: 767px) {
    .inner h1, .regist h1 {
      margin-top: 56px;
      margin-bottom: 32px; } }
  @media (max-width: 767px) {
    .inner h1, .regist h1 {
      padding-left: 48px;
      background-size: 30px 53px; } }
  .inner h1 + h2, .regist h1 + h2 {
    margin-top: 24px; }
    @media (max-width: 767px) {
      .inner h1 + h2, .regist h1 + h2 {
        margin-top: 37px; } }

.inner h2, .regist h2 {
  background: url(/assets/img/contents/midashi_mark.png) no-repeat left top/17px 27px;
  margin-top: 44px;
  margin-bottom: 25px;
  letter-spacing: 0.025em;
  font-weight: normal;
  padding-left: 32px;
  line-height: 1.65;
  background: url(/assets/img/contents/midashi_mark_h2.png) no-repeat left top/17px 34px;
  font-size: 23px;
  padding-bottom: 9px;
  min-height: 34px;
  position: relative; }
  @media (max-width: 767px) {
    .inner h2, .regist h2 {
      margin-top: 56px;
      margin-bottom: 32px; } }
  @media (max-width: 767px) {
    .inner h2, .regist h2 {
      background-size: 26px 49px;
      font-size: 31px;
      padding-bottom: 12px;
      padding-left: 42px;
      padding-top: 0;
      color: inherit; } }
  .inner h2 span, .regist h2 span , .regist h3 span {
    display: inline-block;
    position: static; }
    .inner h2 span.is-required:before, .inner h2 span.is-optional:before, .regist h2 span.is-required:before,
      .regist h3 span.is-optional:before, .regist h3 span.is-required:before, .regist h3 span.is-optional:before {
      color: #fff;
      font-size: 0.75em;
      padding: 0.125em 0.5em;
      border-radius: 0.2em;
      line-height: 1;
      vertical-align: middle;
      margin-right: 1em; }
    .inner h2 span.is-required:before, .regist h2 span.is-required:before{
      content: '必須';
      background-color: #f44336; }
    .regist h3 span.is-required:before {
      display: inline-block;
      margin-bottom: 6px;
      padding: 0.3em 0.5em;
      content: '必須';
      background-color: #f44336; }
      @media (max-width: 767px) {
          .regist h3 span.is-required:before {
            margin-bottom: 7px;
          }
      }
    .inner h2 span.is-optional:before, .regist h2 span.is-optional:before {
      content: '任意';
      background-color: #2196f3; }
    .regist h3 span.is-optional:before {
      display: inline-block;
      margin-bottom: 6px;
      padding: 0.3em 0.5em;
      content: '任意';
      background-color: #2196f3; }
      @media (max-width: 767px) {
          .regist h3 span.is-required:before {
            margin-bottom: 7px;
          }
      }
  .margin_top {
    margin-top: 28px!important;
  }
  .margin_top6 {
    margin-top: 6px!important;
  }
  .margin_bottom {
    margin-bottom: 6px!important;
  }
  .inner h2:before, .inner h2 span + .h-border, .regist h2:before, .regist h2 span + .h-border, .regist h3:before, .regist h3 span + .h-border {
    content: '';
    border-radius: 3px;
    position: absolute;
    height: 3px;
    left: 0;
    bottom: 0; }
    @media (max-width: 767px) {
      .inner h2:before, .inner h2 span + .h-border, .regist h2:before, .regist h2 span + .h-border {
        border-radius: 4px;
        height: 6px; } }
  .inner h2:before, .regist h2:before, .regist h3:before {
    background-color: #f2f2f2;
    width: 100%; }
  .inner h2 span + .h-border, .regist h2 span + .h-border, .regist h3 span + .h-border {
    background-color: #A7EDEE;
    max-width: 100%; }

.inner h3, .regist h3 {
  background: url(/assets/img/contents/midashi_mark.png) no-repeat left top/17px 27px;
  margin-top: 44px;
  margin-bottom: 25px;
  letter-spacing: 0.025em;
  font-weight: normal;
  padding-left: 32px;
  line-height: 1.65;
  background: url(/assets/img/contents/midashi_mark_h3.png) no-repeat left 2px/17px 26px;
  min-height: 28px;
  font-size: 20px;
  position: relative;}
  @media (max-width: 767px) {
    .inner h3, .regist h3 {
      line-height: 1.85;
      margin-top: 56px;
      margin-bottom: 32px; } }
  @media (max-width: 767px) {
    .inner h3, .regist h3 {
      background-image: url(/assets/img/contents/midashi_mark.png);
      font-size: 27px;
      background-size: 22px 40px; } }

.inner h4, .regist h4 {
  background: url(/assets/img/contents/midashi_mark.png) no-repeat left top/17px 27px;
  margin-top: 44px;
  margin-bottom: 25px;
  letter-spacing: 0.025em;
  font-weight: normal;
  padding-left: 32px;
  line-height: 1.65;
  color: #00C8C5;
  background: url(/assets/img/contents/midashi_mark.png) no-repeat left 4px/17px 19px;
  min-height: 19px;
  font-size: 18px; }
  @media (max-width: 767px) {
    .inner h4, .regist h4 {
      margin-top: 56px;
      margin-bottom: 32px; } }
  @media (max-width: 767px) {
    .inner h4, .regist h4 {
      font-size: 27px;
      background-size: 22px 30px; } }

.regist h5 {
  background: url(/assets/img/contents/midashi_mark.png) no-repeat left top/17px 27px;
  margin-top: 44px;
  margin-bottom: 25px;
  letter-spacing: 0.025em;
  font-weight: normal;
  padding-left: 32px;
  line-height: 1.65;
  padding-left: 40px;
  background: url(/assets/img/contents/midashi_mark_h2.png) no-repeat left top/17px 34px;
  font-size: 24px; }
  @media (max-width: 767px) {
    .regist h5 {
      margin-top: 56px;
      margin-bottom: 32px;
      font-size: 34px;} }
  @media (max-width: 767px) {
    .regist h5 {
      padding-left: 48px;
      background-size: 26px 49px; } }


.inner h1:first-child, .inner h2:first-child, .inner h3:first-child, .inner h4:first-child, .regist h1:first-child, .regist h2:first-child, .regist h3:first-child, .regist h4:first-child {
  margin-top: 0; }

.inner h1.title_btn, .inner h2.title_btn, .inner h3.title_btn, .inner h4.title_btn, .regist h1.title_btn, .regist h2.title_btn, .regist h3.title_btn, .regist h4.title_btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  @media all and (-ms-high-contrast: none) {
    .inner h1.title_btn, .inner h2.title_btn, .inner h3.title_btn, .inner h4.title_btn, .regist h1.title_btn, .regist h2.title_btn, .regist h3.title_btn, .regist h4.title_btn {
      display: block;
      padding-right: 20px;
      position: relative; } }
  @media all and (-ms-high-contrast: none) {
    .inner h1.title_btn .btn, .inner h2.title_btn .btn, .inner h3.title_btn .btn, .inner h4.title_btn .btn, .regist h1.title_btn .btn, .regist h2.title_btn .btn, .regist h3.title_btn .btn, .regist h4.title_btn .btn {
      position: absolute;
      right: 0;
      bottom: 10px; } }

@media (min-width: 768px) {
  .regist-form {
    margin-left: 64px;
    margin-right: 64px;
    padding: 8px 16px; } }

.regist-form__wrap {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: -8px -16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.regist-form__trigger {
  text-align: left; }

.regist-form__alert {
  color: #e91e63;
  font-size: 15px; }
  @media (max-width: 767px) {
    .regist-form__alert {
      font-size: 1.8em; } }
  .regist-form__alert .fa {
    margin-right: 5px; }

.regist-form__item {
  padding: 8px 16px;
  box-sizing: border-box;
  width: 100%; }
  .regist-form__item.non_pad_tb{
  padding-top: 0px;
  padding-bottom: 0px;}
  .regist-form__item--col1 {
    width: 100%; }
    @media (max-width: 767px) {
      .regist-form__item--col1-sp {
        width: 100%; } }
  .regist-form__item--col2 {
    width: 50%; }
    @media (max-width: 767px) {
      .regist-form__item--col2-sp {
        width: 50%; }
      .regist-form__item--col2-sp2 {
        width: 100%; }}
  .regist-form__item--col3 {
    width: 33.33333%; }
    @media (max-width: 767px) {
      .regist-form__item--col3-sp {
        width: 33.33333%; } }
  .regist-form__item .form-control, .regist-form__item .regist-form__trigger, .regist-form__item .form-label {
    height: 3.5em; }
  .regist-form__item .form-control, .regist-form__item .regist-form__trigger {
    border-width: 0.1em;
    border-radius: 0.3em; }
    .regist-form__item .form-control, .regist-form__item .regist-form__trigger, .regist-form__item .form-control:-ms-input-placeholder, .regist-form__item .regist-form__trigger:-ms-input-placeholder {
      font-size: 16px; }
    .regist-form__item .form-control, .regist-form__item .regist-form__trigger, .regist-form__item .form-control::placeholder, .regist-form__item .regist-form__trigger::placeholder {
      font-size: 16px; }
      @media (max-width: 767px) {
        .regist-form__item .form-control, .regist-form__item .regist-form__trigger, .regist-form__item .form-control:-ms-input-placeholder, .regist-form__item .regist-form__trigger:-ms-input-placeholder {
          font-size: 24px; }
        .regist-form__item .form-control, .regist-form__item .regist-form__trigger, .regist-form__item .form-control::placeholder, .regist-form__item .regist-form__trigger::placeholder {
          font-size: 24px; } }
  .regist-form__item .form-label {
    font-size: 1.4em;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 767px) {
      .regist-form__item .form-label {
        font-size: 2em; } }
  .regist-form__item p {
    font-size: 16px;
    line-height: 1.5; }
    @media (max-width: 767px) {
      .regist-form__item p {
        font-size: 24px; } }

.regist-form__row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center; }
  .regist-form__row .regist-form__item {
    width: auto;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .regist-form__row .form-label--year {
    width: 37px;
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    padding-left: 0; }
  .regist-form__row .form-label--age {
    color: #f44336;
    /*width: 70px;*/
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    text-align: right;
    font-weight: bold;
    padding-left: 0; }

.regist-form__inputbtn {
  position: relative; }
  .regist-form__inputbtn--red label {
    color: #f44336; }
  .regist-form__inputbtn--blue label {
    color: #0008ff; }
  .regist-form__inputbtn input {
    display: inline;
    width: 1px;
    height: 1px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute; }
  .regist-form__inputbtn input:checked + label {
    color: #fff !important;
    background: #00bcd4; }
  .regist-form__inputbtn [class^="ico-"], .regist-form__inputbtn [class*="ico-"], .regist-form__inputbtn [class^="icono-"]:before,
  .regist-form__inputbtn [class*=" icono-"]:before, .regist-form__inputbtn .fa {
    margin-right: 7px; }

.regist-form__trigger, .regist-form__item select.form-control, .regist-form__item select.regist-form__trigger {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSA5Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojNzc3O308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXJyb3c8L3RpdGxlPjxwb2x5Z29uIGNsYXNzPSJhIiBwb2ludHM9IjkuNSA5IDAgMCAxOSAwIDkuNSA5Ii8+PC9zdmc+") no-repeat center right 15px;
  background-size: 10px 5px; }
  .regist-form__trigger::-ms-expand, .regist-form__item select.form-control::-ms-expand, .regist-form__item select.regist-form__trigger::-ms-expand {
    display: none;
    /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */ }

.regist-btn, .regist-form__inputbtn label {
  width: 100%;
  border: 0.06em solid #ccc;
  border-radius: 0.65em;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  padding: 0.5em;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1em;
  height: 2.7em;
  background-image: linear-gradient(white, #f0f0f0);
  font-weight: normal; }
  @media (max-width: 767px) {
    .regist-btn, .regist-form__inputbtn label {
      font-size: 2em; } }
  .regist-btn:hover, .regist-form__inputbtn label:hover {
    cursor: pointer; }
  .regist-btn--red {
    color: #f44336; }
  .regist-btn--blue {
    color: #0008ff; }

/*list*/
@media (max-width: 767px) {
  .list-disc {
    font-size: 24px; } }

@media (max-width: 767px) {
  .list-disc li {
    line-height: 1.45; } }

.list-disc li + li {
  margin-top: 10px; }

.fs11 {
  font-size: 11px !important; }
  @media (max-width: 767px) {
    .fs11-xs {
      font-size: 11px !important; } }

.fs12 {
  font-size: 12px !important; }
  @media (max-width: 767px) {
    .fs12-xs {
      font-size: 12px !important; } }

.fs13 {
  font-size: 13px !important; }
  @media (max-width: 767px) {
    .fs13-xs {
      font-size: 13px !important; } }

.fs14 {
  font-size: 14px !important; }
  @media (max-width: 767px) {
    .fs14-xs {
      font-size: 14px !important; } }

.fs15 {
  font-size: 15px !important; }
  @media (max-width: 767px) {
    .fs15-xs {
      font-size: 15px !important; } }

.fs16 {
  font-size: 16px !important; }
  @media (max-width: 767px) {
    .fs16-xs {
      font-size: 16px !important; } }

.fs17 {
  font-size: 17px !important; }
  @media (max-width: 767px) {
    .fs17-xs {
      font-size: 17px !important; } }

.fs18 {
  font-size: 18px !important; }
  @media (max-width: 767px) {
    .fs18-xs {
      font-size: 18px !important; } }

.fs19 {
  font-size: 19px !important; }
  @media (max-width: 767px) {
    .fs19-xs {
      font-size: 19px !important; } }

.fs20 {
  font-size: 20px !important; }
  @media (max-width: 767px) {
    .fs20-xs {
      font-size: 20px !important; } }

.fs21 {
  font-size: 21px !important; }
  @media (max-width: 767px) {
    .fs21-xs {
      font-size: 21px !important; } }

.fs22 {
  font-size: 22px !important; }
  @media (max-width: 767px) {
    .fs22-xs {
      font-size: 22px !important; } }

.fs23 {
  font-size: 23px !important; }
  @media (max-width: 767px) {
    .fs23-xs {
      font-size: 23px !important; } }

.fs24 {
  font-size: 24px !important; }
  @media (max-width: 767px) {
    .fs24-xs {
      font-size: 24px !important; } }

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

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

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

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

.pt0 {
  padding-top: 0px !important; }

.pr0 {
  padding-right: 0px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pl0 {
  padding-left: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pr5 {
  padding-right: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pl5 {
  padding-left: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.ml15 {
  margin-left: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pr15 {
  padding-right: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pl15 {
  padding-left: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.pt20 {
  padding-top: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.ml25 {
  margin-left: 25px !important; }

.pt25 {
  padding-top: 25px !important; }

.pr25 {
  padding-right: 25px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pl25 {
  padding-left: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mr35 {
  margin-right: 35px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.ml35 {
  margin-left: 35px !important; }

.pt35 {
  padding-top: 35px !important; }

.pr35 {
  padding-right: 35px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pl35 {
  padding-left: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mr40 {
  margin-right: 40px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.ml40 {
  margin-left: 40px !important; }

.pt40 {
  padding-top: 40px !important; }

.pr40 {
  padding-right: 40px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl40 {
  padding-left: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mr45 {
  margin-right: 45px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.ml45 {
  margin-left: 45px !important; }

.pt45 {
  padding-top: 45px !important; }

.pr45 {
  padding-right: 45px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pl45 {
  padding-left: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml50 {
  margin-left: 50px !important; }

.pt50 {
  padding-top: 50px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl50 {
  padding-left: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mr55 {
  margin-right: 55px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.ml55 {
  margin-left: 55px !important; }

.pt55 {
  padding-top: 55px !important; }

.pr55 {
  padding-right: 55px !important; }

.pb55 {
  padding-bottom: 55px !important; }

.pl55 {
  padding-left: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mr60 {
  margin-right: 60px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml60 {
  margin-left: 60px !important; }

.pt60 {
  padding-top: 60px !important; }

.pr60 {
  padding-right: 60px !important; }

.pb60 {
  padding-bottom: 60px !important; }

.pl60 {
  padding-left: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mr65 {
  margin-right: 65px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.ml65 {
  margin-left: 65px !important; }

.pt65 {
  padding-top: 65px !important; }

.pr65 {
  padding-right: 65px !important; }

.pb65 {
  padding-bottom: 65px !important; }

.pl65 {
  padding-left: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mr70 {
  margin-right: 70px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.ml70 {
  margin-left: 70px !important; }

.pt70 {
  padding-top: 70px !important; }

.pr70 {
  padding-right: 70px !important; }

.pb70 {
  padding-bottom: 70px !important; }

.pl70 {
  padding-left: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mr75 {
  margin-right: 75px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.ml75 {
  margin-left: 75px !important; }

.pt75 {
  padding-top: 75px !important; }

.pr75 {
  padding-right: 75px !important; }

.pb75 {
  padding-bottom: 75px !important; }

.pl75 {
  padding-left: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mr80 {
  margin-right: 80px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.ml80 {
  margin-left: 80px !important; }

.pt80 {
  padding-top: 80px !important; }

.pr80 {
  padding-right: 80px !important; }

.pb80 {
  padding-bottom: 80px !important; }

.pl80 {
  padding-left: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mr85 {
  margin-right: 85px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.ml85 {
  margin-left: 85px !important; }

.pt85 {
  padding-top: 85px !important; }

.pr85 {
  padding-right: 85px !important; }

.pb85 {
  padding-bottom: 85px !important; }

.pl85 {
  padding-left: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mr90 {
  margin-right: 90px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.ml90 {
  margin-left: 90px !important; }

.pt90 {
  padding-top: 90px !important; }

.pr90 {
  padding-right: 90px !important; }

.pb90 {
  padding-bottom: 90px !important; }

.pl90 {
  padding-left: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mr95 {
  margin-right: 95px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.ml95 {
  margin-left: 95px !important; }

.pt95 {
  padding-top: 95px !important; }

.pr95 {
  padding-right: 95px !important; }

.pb95 {
  padding-bottom: 95px !important; }

.pl95 {
  padding-left: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.ml100 {
  margin-left: 100px !important; }

.pt100 {
  padding-top: 100px !important; }

.pr100 {
  padding-right: 100px !important; }

.pb100 {
  padding-bottom: 100px !important; }

.pl100 {
  padding-left: 100px !important; }

.mt105 {
  margin-top: 105px !important; }

.mr105 {
  margin-right: 105px !important; }

.mb105 {
  margin-bottom: 105px !important; }

.ml105 {
  margin-left: 105px !important; }

.pt105 {
  padding-top: 105px !important; }

.pr105 {
  padding-right: 105px !important; }

.pb105 {
  padding-bottom: 105px !important; }

.pl105 {
  padding-left: 105px !important; }

/* SP専用クラアス */
@media (max-width: 767px) {
  .mt0sp {
    margin-top: 0px !important; }
  .mr0sp {
    margin-right: 0px !important; }
  .mb0sp {
    margin-bottom: 0px !important; }
  .ml0sp {
    margin-left: 0px !important; }
  .pt0sp {
    padding-top: 0px !important; }
  .pr0sp {
    padding-right: 0px !important; }
  .pb0sp {
    padding-bottom: 0px !important; }
  .pl0sp {
    padding-left: 0px !important; }
  .mt5sp {
    margin-top: 5px !important; }
  .mr5sp {
    margin-right: 5px !important; }
  .mb5sp {
    margin-bottom: 5px !important; }
  .ml5sp {
    margin-left: 5px !important; }
  .pt5sp {
    padding-top: 5px !important; }
  .pr5sp {
    padding-right: 5px !important; }
  .pb5sp {
    padding-bottom: 5px !important; }
  .pl5sp {
    padding-left: 5px !important; }
  .mt10sp {
    margin-top: 10px !important; }
  .mr10sp {
    margin-right: 10px !important; }
  .mb10sp {
    margin-bottom: 10px !important; }
  .ml10sp {
    margin-left: 10px !important; }
  .pt10sp {
    padding-top: 10px !important; }
  .pr10sp {
    padding-right: 10px !important; }
  .pb10sp {
    padding-bottom: 10px !important; }
  .pl10sp {
    padding-left: 10px !important; }
  .mt15sp {
    margin-top: 15px !important; }
  .mr15sp {
    margin-right: 15px !important; }
  .mb15sp {
    margin-bottom: 15px !important; }
  .ml15sp {
    margin-left: 15px !important; }
  .pt15sp {
    padding-top: 15px !important; }
  .pr15sp {
    padding-right: 15px !important; }
  .pb15sp {
    padding-bottom: 15px !important; }
  .pl15sp {
    padding-left: 15px !important; }
  .mt20sp {
    margin-top: 20px !important; }
  .mr20sp {
    margin-right: 20px !important; }
  .mb20sp {
    margin-bottom: 20px !important; }
  .ml20sp {
    margin-left: 20px !important; }
  .pt20sp {
    padding-top: 20px !important; }
  .pr20sp {
    padding-right: 20px !important; }
  .pb20sp {
    padding-bottom: 20px !important; }
  .pl20sp {
    padding-left: 20px !important; }
  .mt25sp {
    margin-top: 25px !important; }
  .mr25sp {
    margin-right: 25px !important; }
  .mb25sp {
    margin-bottom: 25px !important; }
  .ml25sp {
    margin-left: 25px !important; }
  .pt25sp {
    padding-top: 25px !important; }
  .pr25sp {
    padding-right: 25px !important; }
  .pb25sp {
    padding-bottom: 25px !important; }
  .pl25sp {
    padding-left: 25px !important; }
  .mt30sp {
    margin-top: 30px !important; }
  .mr30sp {
    margin-right: 30px !important; }
  .mb30sp {
    margin-bottom: 30px !important; }
  .ml30sp {
    margin-left: 30px !important; }
  .pt30sp {
    padding-top: 30px !important; }
  .pr30sp {
    padding-right: 30px !important; }
  .pb30sp {
    padding-bottom: 30px !important; }
  .pl30sp {
    padding-left: 30px !important; }
  .mt35sp {
    margin-top: 35px !important; }
  .mr35sp {
    margin-right: 35px !important; }
  .mb35sp {
    margin-bottom: 35px !important; }
  .ml35sp {
    margin-left: 35px !important; }
  .pt35sp {
    padding-top: 35px !important; }
  .pr35sp {
    padding-right: 35px !important; }
  .pb35sp {
    padding-bottom: 35px !important; }
  .pl35sp {
    padding-left: 35px !important; }
  .mt40sp {
    margin-top: 40px !important; }
  .mr40sp {
    margin-right: 40px !important; }
  .mb40sp {
    margin-bottom: 40px !important; }
  .ml40sp {
    margin-left: 40px !important; }
  .pt40sp {
    padding-top: 40px !important; }
  .pr40sp {
    padding-right: 40px !important; }
  .pb40sp {
    padding-bottom: 40px !important; }
  .pl40sp {
    padding-left: 40px !important; }
  .mt45sp {
    margin-top: 45px !important; }
  .mr45sp {
    margin-right: 45px !important; }
  .mb45sp {
    margin-bottom: 45px !important; }
  .ml45sp {
    margin-left: 45px !important; }
  .pt45sp {
    padding-top: 45px !important; }
  .pr45sp {
    padding-right: 45px !important; }
  .pb45sp {
    padding-bottom: 45px !important; }
  .pl45sp {
    padding-left: 45px !important; }
  .mt50sp {
    margin-top: 50px !important; }
  .mr50sp {
    margin-right: 50px !important; }
  .mb50sp {
    margin-bottom: 50px !important; }
  .ml50sp {
    margin-left: 50px !important; }
  .pt50sp {
    padding-top: 50px !important; }
  .pr50sp {
    padding-right: 50px !important; }
  .pb50sp {
    padding-bottom: 50px !important; }
  .pl50sp {
    padding-left: 50px !important; }
  .mt55sp {
    margin-top: 55px !important; }
  .mr55sp {
    margin-right: 55px !important; }
  .mb55sp {
    margin-bottom: 55px !important; }
  .ml55sp {
    margin-left: 55px !important; }
  .pt55sp {
    padding-top: 55px !important; }
  .pr55sp {
    padding-right: 55px !important; }
  .pb55sp {
    padding-bottom: 55px !important; }
  .pl55sp {
    padding-left: 55px !important; }
  .mt60sp {
    margin-top: 60px !important; }
  .mr60sp {
    margin-right: 60px !important; }
  .mb60sp {
    margin-bottom: 60px !important; }
  .ml60sp {
    margin-left: 60px !important; }
  .pt60sp {
    padding-top: 60px !important; }
  .pr60sp {
    padding-right: 60px !important; }
  .pb60sp {
    padding-bottom: 60px !important; }
  .pl60sp {
    padding-left: 60px !important; }
  .mt65sp {
    margin-top: 65px !important; }
  .mr65sp {
    margin-right: 65px !important; }
  .mb65sp {
    margin-bottom: 65px !important; }
  .ml65sp {
    margin-left: 65px !important; }
  .pt65sp {
    padding-top: 65px !important; }
  .pr65sp {
    padding-right: 65px !important; }
  .pb65sp {
    padding-bottom: 65px !important; }
  .pl65sp {
    padding-left: 65px !important; }
  .mt70sp {
    margin-top: 70px !important; }
  .mr70sp {
    margin-right: 70px !important; }
  .mb70sp {
    margin-bottom: 70px !important; }
  .ml70sp {
    margin-left: 70px !important; }
  .pt70sp {
    padding-top: 70px !important; }
  .pr70sp {
    padding-right: 70px !important; }
  .pb70sp {
    padding-bottom: 70px !important; }
  .pl70sp {
    padding-left: 70px !important; }
  .mt75sp {
    margin-top: 75px !important; }
  .mr75sp {
    margin-right: 75px !important; }
  .mb75sp {
    margin-bottom: 75px !important; }
  .ml75sp {
    margin-left: 75px !important; }
  .pt75sp {
    padding-top: 75px !important; }
  .pr75sp {
    padding-right: 75px !important; }
  .pb75sp {
    padding-bottom: 75px !important; }
  .pl75sp {
    padding-left: 75px !important; }
  .mt80sp {
    margin-top: 80px !important; }
  .mr80sp {
    margin-right: 80px !important; }
  .mb80sp {
    margin-bottom: 80px !important; }
  .ml80sp {
    margin-left: 80px !important; }
  .pt80sp {
    padding-top: 80px !important; }
  .pr80sp {
    padding-right: 80px !important; }
  .pb80sp {
    padding-bottom: 80px !important; }
  .pl80sp {
    padding-left: 80px !important; }
  .mt85sp {
    margin-top: 85px !important; }
  .mr85sp {
    margin-right: 85px !important; }
  .mb85sp {
    margin-bottom: 85px !important; }
  .ml85sp {
    margin-left: 85px !important; }
  .pt85sp {
    padding-top: 85px !important; }
  .pr85sp {
    padding-right: 85px !important; }
  .pb85sp {
    padding-bottom: 85px !important; }
  .pl85sp {
    padding-left: 85px !important; }
  .mt90sp {
    margin-top: 90px !important; }
  .mr90sp {
    margin-right: 90px !important; }
  .mb90sp {
    margin-bottom: 90px !important; }
  .ml90sp {
    margin-left: 90px !important; }
  .pt90sp {
    padding-top: 90px !important; }
  .pr90sp {
    padding-right: 90px !important; }
  .pb90sp {
    padding-bottom: 90px !important; }
  .pl90sp {
    padding-left: 90px !important; }
  .mt95sp {
    margin-top: 95px !important; }
  .mr95sp {
    margin-right: 95px !important; }
  .mb95sp {
    margin-bottom: 95px !important; }
  .ml95sp {
    margin-left: 95px !important; }
  .pt95sp {
    padding-top: 95px !important; }
  .pr95sp {
    padding-right: 95px !important; }
  .pb95sp {
    padding-bottom: 95px !important; }
  .pl95sp {
    padding-left: 95px !important; }
  .mt100sp {
    margin-top: 100px !important; }
  .mr100sp {
    margin-right: 100px !important; }
  .mb100sp {
    margin-bottom: 100px !important; }
  .ml100sp {
    margin-left: 100px !important; }
  .pt100sp {
    padding-top: 100px !important; }
  .pr100sp {
    padding-right: 100px !important; }
  .pb100sp {
    padding-bottom: 100px !important; }
  .pl100sp {
    padding-left: 100px !important; }
  .mt105sp {
    margin-top: 105px !important; }
  .mr105sp {
    margin-right: 105px !important; }
  .mb105sp {
    margin-bottom: 105px !important; }
  .ml105sp {
    margin-left: 105px !important; }
  .pt105sp {
    padding-top: 105px !important; }
  .pr105sp {
    padding-right: 105px !important; }
  .pb105sp {
    padding-bottom: 105px !important; }
  .pl105sp {
    padding-left: 105px !important; }
  .u_spHide {
    display: none !important; } }

/* PC専用クラアス */
@media (min-width: 768px) {
  .mt0pc {
    margin-top: 0px !important; }
  .mr0pc {
    margin-right: 0px !important; }
  .mb0pc {
    margin-bottom: 0px !important; }
  .ml0pc {
    margin-left: 0px !important; }
  .pt0pc {
    padding-top: 0px !important; }
  .pr0pc {
    padding-right: 0px !important; }
  .pb0pc {
    padding-bottom: 0px !important; }
  .pl0pc {
    padding-left: 0px !important; }
  .mt5pc {
    margin-top: 5px !important; }
  .mr5pc {
    margin-right: 5px !important; }
  .mb5pc {
    margin-bottom: 5px !important; }
  .ml5pc {
    margin-left: 5px !important; }
  .pt5pc {
    padding-top: 5px !important; }
  .pr5pc {
    padding-right: 5px !important; }
  .pb5pc {
    padding-bottom: 5px !important; }
  .pl5pc {
    padding-left: 5px !important; }
  .mt10pc {
    margin-top: 10px !important; }
  .mr10pc {
    margin-right: 10px !important; }
  .mb10pc {
    margin-bottom: 10px !important; }
  .ml10pc {
    margin-left: 10px !important; }
  .pt10pc {
    padding-top: 10px !important; }
  .pr10pc {
    padding-right: 10px !important; }
  .pb10pc {
    padding-bottom: 10px !important; }
  .pl10pc {
    padding-left: 10px !important; }
  .mt15pc {
    margin-top: 15px !important; }
  .mr15pc {
    margin-right: 15px !important; }
  .mb15pc {
    margin-bottom: 15px !important; }
  .ml15pc {
    margin-left: 15px !important; }
  .pt15pc {
    padding-top: 15px !important; }
  .pr15pc {
    padding-right: 15px !important; }
  .pb15pc {
    padding-bottom: 15px !important; }
  .pl15pc {
    padding-left: 15px !important; }
  .mt20pc {
    margin-top: 20px !important; }
  .mr20pc {
    margin-right: 20px !important; }
  .mb20pc {
    margin-bottom: 20px !important; }
  .ml20pc {
    margin-left: 20px !important; }
  .pt20pc {
    padding-top: 20px !important; }
  .pr20pc {
    padding-right: 20px !important; }
  .pb20pc {
    padding-bottom: 20px !important; }
  .pl20pc {
    padding-left: 20px !important; }
  .mt25pc {
    margin-top: 25px !important; }
  .mr25pc {
    margin-right: 25px !important; }
  .mb25pc {
    margin-bottom: 25px !important; }
  .ml25pc {
    margin-left: 25px !important; }
  .pt25pc {
    padding-top: 25px !important; }
  .pr25pc {
    padding-right: 25px !important; }
  .pb25pc {
    padding-bottom: 25px !important; }
  .pl25pc {
    padding-left: 25px !important; }
  .mt30pc {
    margin-top: 30px !important; }
  .mr30pc {
    margin-right: 30px !important; }
  .mb30pc {
    margin-bottom: 30px !important; }
  .ml30pc {
    margin-left: 30px !important; }
  .pt30pc {
    padding-top: 30px !important; }
  .pr30pc {
    padding-right: 30px !important; }
  .pb30pc {
    padding-bottom: 30px !important; }
  .pl30pc {
    padding-left: 30px !important; }
  .mt35pc {
    margin-top: 35px !important; }
  .mr35pc {
    margin-right: 35px !important; }
  .mb35pc {
    margin-bottom: 35px !important; }
  .ml35pc {
    margin-left: 35px !important; }
  .pt35pc {
    padding-top: 35px !important; }
  .pr35pc {
    padding-right: 35px !important; }
  .pb35pc {
    padding-bottom: 35px !important; }
  .pl35pc {
    padding-left: 35px !important; }
  .mt40pc {
    margin-top: 40px !important; }
  .mr40pc {
    margin-right: 40px !important; }
  .mb40pc {
    margin-bottom: 40px !important; }
  .ml40pc {
    margin-left: 40px !important; }
  .pt40pc {
    padding-top: 40px !important; }
  .pr40pc {
    padding-right: 40px !important; }
  .pb40pc {
    padding-bottom: 40px !important; }
  .pl40pc {
    padding-left: 40px !important; }
  .mt45pc {
    margin-top: 45px !important; }
  .mr45pc {
    margin-right: 45px !important; }
  .mb45pc {
    margin-bottom: 45px !important; }
  .ml45pc {
    margin-left: 45px !important; }
  .pt45pc {
    padding-top: 45px !important; }
  .pr45pc {
    padding-right: 45px !important; }
  .pb45pc {
    padding-bottom: 45px !important; }
  .pl45pc {
    padding-left: 45px !important; }
  .mt50pc {
    margin-top: 50px !important; }
  .mr50pc {
    margin-right: 50px !important; }
  .mb50pc {
    margin-bottom: 50px !important; }
  .ml50pc {
    margin-left: 50px !important; }
  .pt50pc {
    padding-top: 50px !important; }
  .pr50pc {
    padding-right: 50px !important; }
  .pb50pc {
    padding-bottom: 50px !important; }
  .pl50pc {
    padding-left: 50px !important; }
  .mt55pc {
    margin-top: 55px !important; }
  .mr55pc {
    margin-right: 55px !important; }
  .mb55pc {
    margin-bottom: 55px !important; }
  .ml55pc {
    margin-left: 55px !important; }
  .pt55pc {
    padding-top: 55px !important; }
  .pr55pc {
    padding-right: 55px !important; }
  .pb55pc {
    padding-bottom: 55px !important; }
  .pl55pc {
    padding-left: 55px !important; }
  .mt60pc {
    margin-top: 60px !important; }
  .mr60pc {
    margin-right: 60px !important; }
  .mb60pc {
    margin-bottom: 60px !important; }
  .ml60pc {
    margin-left: 60px !important; }
  .pt60pc {
    padding-top: 60px !important; }
  .pr60pc {
    padding-right: 60px !important; }
  .pb60pc {
    padding-bottom: 60px !important; }
  .pl60pc {
    padding-left: 60px !important; }
  .mt65pc {
    margin-top: 65px !important; }
  .mr65pc {
    margin-right: 65px !important; }
  .mb65pc {
    margin-bottom: 65px !important; }
  .ml65pc {
    margin-left: 65px !important; }
  .pt65pc {
    padding-top: 65px !important; }
  .pr65pc {
    padding-right: 65px !important; }
  .pb65pc {
    padding-bottom: 65px !important; }
  .pl65pc {
    padding-left: 65px !important; }
  .mt70pc {
    margin-top: 70px !important; }
  .mr70pc {
    margin-right: 70px !important; }
  .mb70pc {
    margin-bottom: 70px !important; }
  .ml70pc {
    margin-left: 70px !important; }
  .pt70pc {
    padding-top: 70px !important; }
  .pr70pc {
    padding-right: 70px !important; }
  .pb70pc {
    padding-bottom: 70px !important; }
  .pl70pc {
    padding-left: 70px !important; }
  .mt75pc {
    margin-top: 75px !important; }
  .mr75pc {
    margin-right: 75px !important; }
  .mb75pc {
    margin-bottom: 75px !important; }
  .ml75pc {
    margin-left: 75px !important; }
  .pt75pc {
    padding-top: 75px !important; }
  .pr75pc {
    padding-right: 75px !important; }
  .pb75pc {
    padding-bottom: 75px !important; }
  .pl75pc {
    padding-left: 75px !important; }
  .mt80pc {
    margin-top: 80px !important; }
  .mr80pc {
    margin-right: 80px !important; }
  .mb80pc {
    margin-bottom: 80px !important; }
  .ml80pc {
    margin-left: 80px !important; }
  .pt80pc {
    padding-top: 80px !important; }
  .pr80pc {
    padding-right: 80px !important; }
  .pb80pc {
    padding-bottom: 80px !important; }
  .pl80pc {
    padding-left: 80px !important; }
  .mt85pc {
    margin-top: 85px !important; }
  .mr85pc {
    margin-right: 85px !important; }
  .mb85pc {
    margin-bottom: 85px !important; }
  .ml85pc {
    margin-left: 85px !important; }
  .pt85pc {
    padding-top: 85px !important; }
  .pr85pc {
    padding-right: 85px !important; }
  .pb85pc {
    padding-bottom: 85px !important; }
  .pl85pc {
    padding-left: 85px !important; }
  .mt90pc {
    margin-top: 90px !important; }
  .mr90pc {
    margin-right: 90px !important; }
  .mb90pc {
    margin-bottom: 90px !important; }
  .ml90pc {
    margin-left: 90px !important; }
  .pt90pc {
    padding-top: 90px !important; }
  .pr90pc {
    padding-right: 90px !important; }
  .pb90pc {
    padding-bottom: 90px !important; }
  .pl90pc {
    padding-left: 90px !important; }
  .mt95pc {
    margin-top: 95px !important; }
  .mr95pc {
    margin-right: 95px !important; }
  .mb95pc {
    margin-bottom: 95px !important; }
  .ml95pc {
    margin-left: 95px !important; }
  .pt95pc {
    padding-top: 95px !important; }
  .pr95pc {
    padding-right: 95px !important; }
  .pb95pc {
    padding-bottom: 95px !important; }
  .pl95pc {
    padding-left: 95px !important; }
  .mt100pc {
    margin-top: 100px !important; }
  .mr100pc {
    margin-right: 100px !important; }
  .mb100pc {
    margin-bottom: 100px !important; }
  .ml100pc {
    margin-left: 100px !important; }
  .pt100pc {
    padding-top: 100px !important; }
  .pr100pc {
    padding-right: 100px !important; }
  .pb100pc {
    padding-bottom: 100px !important; }
  .pl100pc {
    padding-left: 100px !important; }
  .u_pcHide {
    display: none !important; } }

@media (max-width: 991px) {
  .mt0-sm {
    margin-top: 0 !important; }
  .ml0-sm {
    margin-left: 0 !important; } }

#login-stasus-logined {
  display: none; }

.text-theme {
  font-size: 16px; }
  @media (max-width: 767px) {
    .text-theme {
      font-size: 24px; } }

@media (max-width: 1199px) {
  .pull-left-xs {
    float: left !important; }
  .center-block-md {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .img-responsive-md {
    display: block;
    max-width: 100%;
    height: auto; } }

@media (max-width: 991px) {
  .center-block-sm {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .img-responsive-sm {
    display: block;
    max-width: 100%;
    height: auto; } }

@media (max-width: 767px) {
  .img-responsive-xs {
    display: block;
    max-width: 100%;
    height: auto; } }

@media (max-width: 767px) {
  .pb30-xs {
    padding-bottom: 30px !important; }
  .rotate-90-xs {
    transform: rotate(90deg); } }

@media (max-width: 991px) {
  .mb0-sm {
    margin-bottom: 0 !important; }
  .mr0-sm {
    margin-right: 0 !important; }
  .rotate-90-sm {
    transform: rotate(90deg); } }

.u_textRight, .text-right {
  text-align: right !important; }

.u_textCenter, .text-center {
  text-align: center !important; }

.u_textLeft, .text-left {
  text-align: left !important; }

@media (max-width: 767px) {
  .u_textLeftsp {
    text-align: left !important; } }

.u_vaBase {
  vertical-align: baseline !important; }

.u_vaTop, .v-top {
  vertical-align: top !important; }

.u_vaMiddle, .v-middle {
  vertical-align: middle !important; }

.u_vaBottom, .v-bottom {
  vertical-align: bottom !important; }

.u_vaTextTop {
  vertical-align: text-top !important; }

.u_vaTextBottom {
  vertical-align: text-bottom !important; }

.u_vaSuper {
  vertical-align: super !important; }

.u_vaSub {
  vertical-align: sub !important; }

.u_block {
  display: block !important; }

.u_inline {
  display: inline !important; }

.u_inlineBlock, .inline-block {
  display: inline-block !important; }

.u_flex {
  display: -ms-flexbox !important;
  display: flex !important; }

@media (min-width: 768px) {
  .u_flexpc {
    display: -ms-flexbox !important;
    display: flex !important; } }

@media (max-width: 767px) {
  .u_flexsp {
    display: -ms-flexbox !important;
    display: flex !important; } }

.flex {
  display: -ms-flexbox;
  display: flex; }

.u_fxdRow {
  -ms-flex-direction: row !important;
      flex-direction: row !important; }

.u_fxdRowRev {
  -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important; }

.u_fxdCol {
  -ms-flex-direction: column !important;
      flex-direction: column !important; }

.u_fxdColRev {
  -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important; }

.u_fxwNo {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; }

.u_fxwWrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important; }

.u_fxwWrapRev {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important; }

.u_jcFlexStart {
  -ms-flex-pack: start !important;
      justify-content: flex-start !important; }

.u_jcFlexEnd {
  -ms-flex-pack: end !important;
      justify-content: flex-end !important; }

.u_jcCenter {
  -ms-flex-pack: center !important;
      justify-content: center !important; }

.u_jcSpaceBetween {
  -ms-flex-pack: justify !important;
      justify-content: space-between !important; }

.u_jcSpaceAround {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important; }

.u_aiFlexStart {
  -ms-flex-align: start !important;
      align-items: flex-start !important; }

.u_aiFlexEnd {
  -ms-flex-align: end !important;
      align-items: flex-end !important; }

.u_aiCenter {
  -ms-flex-align: center !important;
      align-items: center !important; }

.u_aiBase {
  -ms-flex-align: baseline !important;
      align-items: baseline !important; }

.u_aiStretch {
  -ms-flex-align: stretch !important;
      align-items: stretch !important; }

.u_acFlexStart {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important; }

.u_acFlexEnd {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important; }

.u_acCenter {
  -ms-flex-line-pack: center !important;
      align-content: center !important; }

.u_acSpaceBetween {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important; }

.u_acSpaceAround {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important; }

.u_acStretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important; }

.u_asAuto {
  -ms-flex-item-align: auto !important;
      -ms-grid-row-align: auto !important;
      align-self: auto !important; }

.u_asFlexStart {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important; }

.u_asFlexEnd {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important; }

.u_asCenter {
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important; }

.u_asBase {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important; }

.u_asStretch {
  -ms-flex-item-align: stretch !important;
      -ms-grid-row-align: stretch !important;
      align-self: stretch !important; }

.u_floatLeft {
  float: left !important; }

.u_floatRight {
  float: right !important; }

.u_colAlert {
  color: #f44336 !important; }

.pull-none {
  float: none !important; }
  @media (max-width: 767px) {
    .pull-none-xs {
      float: none !important; } }
  @media (max-width: 1199px) {
    .pull-none-md {
      float: none !important; } }

.u_static {
  position: static !important; }

.u_relative, .position-relative {
  position: relative !important; }

.u_absolute {
  position: absolute !important; }

.u_bgNone {
  background: none !important; }

.u_fwBold {
  font-weight: bold !important; }

.u_fwNormal {
  font-weight: normal !important; }

.u_textKerning {
  font-feature-settings: "palt" !important; }

.text-underline {
  text-decoration: underline; }

.text-noDeco {
  text-decoration: none !important; }

.clear {
  clear: both !important; }

.u_hide {
  display: none !important; }

@media (min-width: 768px) {
  .u_pcHide {
    display: none !important; } }

@media (max-width: 767px) {
  .u_spHide {
    display: none !important; }
  .center-block-xs {
    display: block;
    margin-left: auto;
    margin-right: auto; } }

.u_clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important; }

.u_wh100p {
  width: 100% !important;
  height: auto !important; }

.u_marginSideAuto {
  margin-left: auto !important;
  margin-right: auto !important; }

.u_hover:hover {
  opacity: .7 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  transition: opacity 250ms !important; }
  
.field_floating_label {
  color: #999;
  opacity: 0;
  padding: 4px 10px;
  font-size:14px;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  text-align: left;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
@media (max-width: 767px) {
    .field_floating_label {
        font-size:20px;
    }
}
.field_floating--not-empty .field_floating_label {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.field_floating_input {
  /*background-color: #f5f5f5;*/
  /*border: 2px solid #e9e9e9;*/
  /*color: #333;*/
  padding: 10px 30px 10px 10px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.field_floating--not-empty .field_floating_input {
  padding-bottom: 2px;
  padding-top: 18px;
}

#sp_logout {
   display:none;}
   @media (max-width: 767px) {
      #sp_logout {
        display:block;
        padding-top:60px;
      }
    }

#e-birthday_year::-webkit-inner-spin-button,
#e-birthday_year::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#zipcode::-webkit-inner-spin-button,
#zipcode::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*YouTube最大値指定*/
.youtube {
  position:relative;
  margin: 0px auto;
  width: 100%;
  max-width: 560px;
  max-height: 315px;
}

.youtube::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=front_common.css.map */