@charset "UTF-8";
/*@import "bootstrap";
@import "const";
@import "compass";
*/
/* CSS Document */
@-ms-viewport { width: device-width; }
.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.visible-lg { display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .visible-xs { display: block !important; }
  table.visible-xs { display: table !important; }
  tr.visible-xs { display: table-row !important; }
  th.visible-xs, td.visible-xs { display: table-cell !important; } }
@media (max-width: 767px) { .visible-xs-block { display: block !important; } }

@media (max-width: 767px) { .visible-xs-inline { display: inline !important; } }

@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; }
  table.visible-sm { display: table !important; }
  tr.visible-sm { display: table-row !important; }
  th.visible-sm, td.visible-sm { display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1599px) { .visible-md { display: block !important; }
  table.visible-md { display: table !important; }
  tr.visible-md { display: table-row !important; }
  th.visible-md, td.visible-md { display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1599px) { .visible-md-block { display: block !important; } }

@media (min-width: 992px) and (max-width: 1599px) { .visible-md-inline { display: inline !important; } }

@media (min-width: 992px) and (max-width: 1599px) { .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 1600px) { .visible-lg { display: block !important; }
  table.visible-lg { display: table !important; }
  tr.visible-lg { display: table-row !important; }
  th.visible-lg, td.visible-lg { display: table-cell !important; } }
@media (min-width: 1600px) { .visible-lg-block { display: block !important; } }

@media (min-width: 1600px) { .visible-lg-inline { display: inline !important; } }

@media (min-width: 1600px) { .visible-lg-inline-block { display: inline-block !important; } }

@media (max-width: 767px) { .hidden-xs { display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } }
@media (min-width: 992px) and (max-width: 1599px) { .hidden-md { display: none !important; } }
@media (min-width: 1600px) { .hidden-lg { display: none !important; } }
.visible-print { display: none !important; }

@media print { .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; } }
.visible-print-block { display: none !important; }
@media print { .visible-print-block { display: block !important; } }

.visible-print-inline { display: none !important; }
@media print { .visible-print-inline { display: inline !important; } }

.visible-print-inline-block { display: none !important; }
@media print { .visible-print-inline-block { display: inline-block !important; } }

@media print { .hidden-print { display: none !important; } }
/* media 利用する場合は先にbootstrapの「_variables.scss」を読み込んでおくこと
========================================== */
/* Five equal columns 利用する場合は先に「_media.scss」を読み込んでおくこと
========================================== */
@media screen and (max-width: 767px) { .col-xs-1-24 { width: 4.16667%; float: left; }
  .col-xs-2-24 { width: 8.33333%; float: left; }
  .col-xs-3-24 { width: 12.5%; float: left; }
  .col-xs-4-24 { width: 16.66667%; float: left; }
  .col-xs-5-24 { width: 20.83333%; float: left; }
  .col-xs-6-24 { width: 25%; float: left; }
  .col-xs-7-24 { width: 29.16667%; float: left; }
  .col-xs-8-24 { width: 33.33333%; float: left; }
  .col-xs-9-24 { width: 37.5%; float: left; }
  .col-xs-10-24 { width: 41.66667%; float: left; }
  .col-xs-11-24 { width: 45.83333%; float: left; }
  .col-xs-12-24 { width: 50%; float: left; }
  .col-xs-13-24 { width: 54.16667%; float: left; }
  .col-xs-14-24 { width: 58.33333%; float: left; }
  .col-xs-15-24 { width: 62.5%; float: left; }
  .col-xs-16-24 { width: 66.66667%; float: left; }
  .col-xs-17-24 { width: 70.83333%; float: left; }
  .col-xs-18-24 { width: 75%; float: left; }
  .col-xs-19-24 { width: 79.16667%; float: left; }
  .col-xs-20-24 { width: 83.33333%; float: left; }
  .col-xs-21-24 { width: 87.5%; float: left; }
  .col-xs-22-24 { width: 91.66667%; float: left; }
  .col-xs-23-24 { width: 95.83333%; float: left; }
  .col-xs-24-24 { width: 100%; float: left; }
  .col-xs-pull-1-24 { right: 4.16667%; }
  .col-xs-pull-2-24 { right: 8.33333%; }
  .col-xs-pull-3-24 { right: 12.5%; }
  .col-xs-pull-4-24 { right: 16.66667%; }
  .col-xs-pull-5-24 { right: 20.83333%; }
  .col-xs-pull-6-24 { right: 25%; }
  .col-xs-pull-7-24 { right: 29.16667%; }
  .col-xs-pull-8-24 { right: 33.33333%; }
  .col-xs-pull-9-24 { right: 37.5%; }
  .col-xs-pull-10-24 { right: 41.66667%; }
  .col-xs-pull-11-24 { right: 45.83333%; }
  .col-xs-pull-12-24 { right: 50%; }
  .col-xs-pull-13-24 { right: 54.16667%; }
  .col-xs-pull-14-24 { right: 58.33333%; }
  .col-xs-pull-15-24 { right: 62.5%; }
  .col-xs-pull-16-24 { right: 66.66667%; }
  .col-xs-pull-17-24 { right: 70.83333%; }
  .col-xs-pull-18-24 { right: 75%; }
  .col-xs-pull-19-24 { right: 79.16667%; }
  .col-xs-pull-20-24 { right: 83.33333%; }
  .col-xs-pull-21-24 { right: 87.5%; }
  .col-xs-pull-22-24 { right: 91.66667%; }
  .col-xs-pull-23-24 { right: 95.83333%; }
  .col-xs-pull-24-24 { right: 100%; }
  .col-xs-push-1-24 { left: 4.16667%; }
  .col-xs-push-2-24 { left: 8.33333%; }
  .col-xs-push-3-24 { left: 12.5%; }
  .col-xs-push-4-24 { left: 16.66667%; }
  .col-xs-push-5-24 { left: 20.83333%; }
  .col-xs-push-6-24 { left: 25%; }
  .col-xs-push-7-24 { left: 29.16667%; }
  .col-xs-push-8-24 { left: 33.33333%; }
  .col-xs-push-9-24 { left: 37.5%; }
  .col-xs-push-10-24 { left: 41.66667%; }
  .col-xs-push-11-24 { left: 45.83333%; }
  .col-xs-push-12-24 { left: 50%; }
  .col-xs-push-13-24 { left: 54.16667%; }
  .col-xs-push-14-24 { left: 58.33333%; }
  .col-xs-push-15-24 { left: 62.5%; }
  .col-xs-push-16-24 { left: 66.66667%; }
  .col-xs-push-17-24 { left: 70.83333%; }
  .col-xs-push-18-24 { left: 75%; }
  .col-xs-push-19-24 { left: 79.16667%; }
  .col-xs-push-20-24 { left: 83.33333%; }
  .col-xs-push-21-24 { left: 87.5%; }
  .col-xs-push-22-24 { left: 91.66667%; }
  .col-xs-push-23-24 { left: 95.83333%; }
  .col-xs-push-24-24 { left: 100%; }
  .col-xs-offset-1-24 { margin-left: 4.16667%; }
  .col-xs-offset-2-24 { margin-left: 8.33333%; }
  .col-xs-offset-3-24 { margin-left: 12.5%; }
  .col-xs-offset-4-24 { margin-left: 16.66667%; }
  .col-xs-offset-5-24 { margin-left: 20.83333%; }
  .col-xs-offset-6-24 { margin-left: 25%; }
  .col-xs-offset-7-24 { margin-left: 29.16667%; }
  .col-xs-offset-8-24 { margin-left: 33.33333%; }
  .col-xs-offset-9-24 { margin-left: 37.5%; }
  .col-xs-offset-10-24 { margin-left: 41.66667%; }
  .col-xs-offset-11-24 { margin-left: 45.83333%; }
  .col-xs-offset-12-24 { margin-left: 50%; }
  .col-xs-offset-13-24 { margin-left: 54.16667%; }
  .col-xs-offset-14-24 { margin-left: 58.33333%; }
  .col-xs-offset-15-24 { margin-left: 62.5%; }
  .col-xs-offset-16-24 { margin-left: 66.66667%; }
  .col-xs-offset-17-24 { margin-left: 70.83333%; }
  .col-xs-offset-18-24 { margin-left: 75%; }
  .col-xs-offset-19-24 { margin-left: 79.16667%; }
  .col-xs-offset-20-24 { margin-left: 83.33333%; }
  .col-xs-offset-21-24 { margin-left: 87.5%; }
  .col-xs-offset-22-24 { margin-left: 91.66667%; }
  .col-xs-offset-23-24 { margin-left: 95.83333%; }
  .col-xs-offset-24-24 { margin-left: 100%; } }
@media print, (min-width: 768px) { .col-sm-1-24 { width: 4.16667%; float: left; }
  .col-sm-2-24 { width: 8.33333%; float: left; }
  .col-sm-3-24 { width: 12.5%; float: left; }
  .col-sm-4-24 { width: 16.66667%; float: left; }
  .col-sm-5-24 { width: 20.83333%; float: left; }
  .col-sm-6-24 { width: 25%; float: left; }
  .col-sm-7-24 { width: 29.16667%; float: left; }
  .col-sm-8-24 { width: 33.33333%; float: left; }
  .col-sm-9-24 { width: 37.5%; float: left; }
  .col-sm-10-24 { width: 41.66667%; float: left; }
  .col-sm-11-24 { width: 45.83333%; float: left; }
  .col-sm-12-24 { width: 50%; float: left; }
  .col-sm-13-24 { width: 54.16667%; float: left; }
  .col-sm-14-24 { width: 58.33333%; float: left; }
  .col-sm-15-24 { width: 62.5%; float: left; }
  .col-sm-16-24 { width: 66.66667%; float: left; }
  .col-sm-17-24 { width: 70.83333%; float: left; }
  .col-sm-18-24 { width: 75%; float: left; }
  .col-sm-19-24 { width: 79.16667%; float: left; }
  .col-sm-20-24 { width: 83.33333%; float: left; }
  .col-sm-21-24 { width: 87.5%; float: left; }
  .col-sm-22-24 { width: 91.66667%; float: left; }
  .col-sm-23-24 { width: 95.83333%; float: left; }
  .col-sm-24-24 { width: 100%; float: left; }
  .col-sm-pull-1-24 { right: 4.16667%; }
  .col-sm-pull-2-24 { right: 8.33333%; }
  .col-sm-pull-3-24 { right: 12.5%; }
  .col-sm-pull-4-24 { right: 16.66667%; }
  .col-sm-pull-5-24 { right: 20.83333%; }
  .col-sm-pull-6-24 { right: 25%; }
  .col-sm-pull-7-24 { right: 29.16667%; }
  .col-sm-pull-8-24 { right: 33.33333%; }
  .col-sm-pull-9-24 { right: 37.5%; }
  .col-sm-pull-10-24 { right: 41.66667%; }
  .col-sm-pull-11-24 { right: 45.83333%; }
  .col-sm-pull-12-24 { right: 50%; }
  .col-sm-pull-13-24 { right: 54.16667%; }
  .col-sm-pull-14-24 { right: 58.33333%; }
  .col-sm-pull-15-24 { right: 62.5%; }
  .col-sm-pull-16-24 { right: 66.66667%; }
  .col-sm-pull-17-24 { right: 70.83333%; }
  .col-sm-pull-18-24 { right: 75%; }
  .col-sm-pull-19-24 { right: 79.16667%; }
  .col-sm-pull-20-24 { right: 83.33333%; }
  .col-sm-pull-21-24 { right: 87.5%; }
  .col-sm-pull-22-24 { right: 91.66667%; }
  .col-sm-pull-23-24 { right: 95.83333%; }
  .col-sm-pull-24-24 { right: 100%; }
  .col-sm-push-1-24 { left: 4.16667%; }
  .col-sm-push-2-24 { left: 8.33333%; }
  .col-sm-push-3-24 { left: 12.5%; }
  .col-sm-push-4-24 { left: 16.66667%; }
  .col-sm-push-5-24 { left: 20.83333%; }
  .col-sm-push-6-24 { left: 25%; }
  .col-sm-push-7-24 { left: 29.16667%; }
  .col-sm-push-8-24 { left: 33.33333%; }
  .col-sm-push-9-24 { left: 37.5%; }
  .col-sm-push-10-24 { left: 41.66667%; }
  .col-sm-push-11-24 { left: 45.83333%; }
  .col-sm-push-12-24 { left: 50%; }
  .col-sm-push-13-24 { left: 54.16667%; }
  .col-sm-push-14-24 { left: 58.33333%; }
  .col-sm-push-15-24 { left: 62.5%; }
  .col-sm-push-16-24 { left: 66.66667%; }
  .col-sm-push-17-24 { left: 70.83333%; }
  .col-sm-push-18-24 { left: 75%; }
  .col-sm-push-19-24 { left: 79.16667%; }
  .col-sm-push-20-24 { left: 83.33333%; }
  .col-sm-push-21-24 { left: 87.5%; }
  .col-sm-push-22-24 { left: 91.66667%; }
  .col-sm-push-23-24 { left: 95.83333%; }
  .col-sm-push-24-24 { left: 100%; }
  .col-sm-offset-1-24 { margin-left: 4.16667%; }
  .col-sm-offset-2-24 { margin-left: 8.33333%; }
  .col-sm-offset-3-24 { margin-left: 12.5%; }
  .col-sm-offset-4-24 { margin-left: 16.66667%; }
  .col-sm-offset-5-24 { margin-left: 20.83333%; }
  .col-sm-offset-6-24 { margin-left: 25%; }
  .col-sm-offset-7-24 { margin-left: 29.16667%; }
  .col-sm-offset-8-24 { margin-left: 33.33333%; }
  .col-sm-offset-9-24 { margin-left: 37.5%; }
  .col-sm-offset-10-24 { margin-left: 41.66667%; }
  .col-sm-offset-11-24 { margin-left: 45.83333%; }
  .col-sm-offset-12-24 { margin-left: 50%; }
  .col-sm-offset-13-24 { margin-left: 54.16667%; }
  .col-sm-offset-14-24 { margin-left: 58.33333%; }
  .col-sm-offset-15-24 { margin-left: 62.5%; }
  .col-sm-offset-16-24 { margin-left: 66.66667%; }
  .col-sm-offset-17-24 { margin-left: 70.83333%; }
  .col-sm-offset-18-24 { margin-left: 75%; }
  .col-sm-offset-19-24 { margin-left: 79.16667%; }
  .col-sm-offset-20-24 { margin-left: 83.33333%; }
  .col-sm-offset-21-24 { margin-left: 87.5%; }
  .col-sm-offset-22-24 { margin-left: 91.66667%; }
  .col-sm-offset-23-24 { margin-left: 95.83333%; }
  .col-sm-offset-24-24 { margin-left: 100%; } }
@media (min-width: 992px) { .col-md-1-24 { width: 4.16667%; float: left; }
  .col-md-2-24 { width: 8.33333%; float: left; }
  .col-md-3-24 { width: 12.5%; float: left; }
  .col-md-4-24 { width: 16.66667%; float: left; }
  .col-md-5-24 { width: 20.83333%; float: left; }
  .col-md-6-24 { width: 25%; float: left; }
  .col-md-7-24 { width: 29.16667%; float: left; }
  .col-md-8-24 { width: 33.33333%; float: left; }
  .col-md-9-24 { width: 37.5%; float: left; }
  .col-md-10-24 { width: 41.66667%; float: left; }
  .col-md-11-24 { width: 45.83333%; float: left; }
  .col-md-12-24 { width: 50%; float: left; }
  .col-md-13-24 { width: 54.16667%; float: left; }
  .col-md-14-24 { width: 58.33333%; float: left; }
  .col-md-15-24 { width: 62.5%; float: left; }
  .col-md-16-24 { width: 66.66667%; float: left; }
  .col-md-17-24 { width: 70.83333%; float: left; }
  .col-md-18-24 { width: 75%; float: left; }
  .col-md-19-24 { width: 79.16667%; float: left; }
  .col-md-20-24 { width: 83.33333%; float: left; }
  .col-md-21-24 { width: 87.5%; float: left; }
  .col-md-22-24 { width: 91.66667%; float: left; }
  .col-md-23-24 { width: 95.83333%; float: left; }
  .col-md-24-24 { width: 100%; float: left; }
  .col-md-pull-1-24 { right: 4.16667%; }
  .col-md-pull-2-24 { right: 8.33333%; }
  .col-md-pull-3-24 { right: 12.5%; }
  .col-md-pull-4-24 { right: 16.66667%; }
  .col-md-pull-5-24 { right: 20.83333%; }
  .col-md-pull-6-24 { right: 25%; }
  .col-md-pull-7-24 { right: 29.16667%; }
  .col-md-pull-8-24 { right: 33.33333%; }
  .col-md-pull-9-24 { right: 37.5%; }
  .col-md-pull-10-24 { right: 41.66667%; }
  .col-md-pull-11-24 { right: 45.83333%; }
  .col-md-pull-12-24 { right: 50%; }
  .col-md-pull-13-24 { right: 54.16667%; }
  .col-md-pull-14-24 { right: 58.33333%; }
  .col-md-pull-15-24 { right: 62.5%; }
  .col-md-pull-16-24 { right: 66.66667%; }
  .col-md-pull-17-24 { right: 70.83333%; }
  .col-md-pull-18-24 { right: 75%; }
  .col-md-pull-19-24 { right: 79.16667%; }
  .col-md-pull-20-24 { right: 83.33333%; }
  .col-md-pull-21-24 { right: 87.5%; }
  .col-md-pull-22-24 { right: 91.66667%; }
  .col-md-pull-23-24 { right: 95.83333%; }
  .col-md-pull-24-24 { right: 100%; }
  .col-md-push-1-24 { left: 4.16667%; }
  .col-md-push-2-24 { left: 8.33333%; }
  .col-md-push-3-24 { left: 12.5%; }
  .col-md-push-4-24 { left: 16.66667%; }
  .col-md-push-5-24 { left: 20.83333%; }
  .col-md-push-6-24 { left: 25%; }
  .col-md-push-7-24 { left: 29.16667%; }
  .col-md-push-8-24 { left: 33.33333%; }
  .col-md-push-9-24 { left: 37.5%; }
  .col-md-push-10-24 { left: 41.66667%; }
  .col-md-push-11-24 { left: 45.83333%; }
  .col-md-push-12-24 { left: 50%; }
  .col-md-push-13-24 { left: 54.16667%; }
  .col-md-push-14-24 { left: 58.33333%; }
  .col-md-push-15-24 { left: 62.5%; }
  .col-md-push-16-24 { left: 66.66667%; }
  .col-md-push-17-24 { left: 70.83333%; }
  .col-md-push-18-24 { left: 75%; }
  .col-md-push-19-24 { left: 79.16667%; }
  .col-md-push-20-24 { left: 83.33333%; }
  .col-md-push-21-24 { left: 87.5%; }
  .col-md-push-22-24 { left: 91.66667%; }
  .col-md-push-23-24 { left: 95.83333%; }
  .col-md-push-24-24 { left: 100%; }
  .col-md-offset-1-24 { margin-left: 4.16667%; }
  .col-md-offset-2-24 { margin-left: 8.33333%; }
  .col-md-offset-3-24 { margin-left: 12.5%; }
  .col-md-offset-4-24 { margin-left: 16.66667%; }
  .col-md-offset-5-24 { margin-left: 20.83333%; }
  .col-md-offset-6-24 { margin-left: 25%; }
  .col-md-offset-7-24 { margin-left: 29.16667%; }
  .col-md-offset-8-24 { margin-left: 33.33333%; }
  .col-md-offset-9-24 { margin-left: 37.5%; }
  .col-md-offset-10-24 { margin-left: 41.66667%; }
  .col-md-offset-11-24 { margin-left: 45.83333%; }
  .col-md-offset-12-24 { margin-left: 50%; }
  .col-md-offset-13-24 { margin-left: 54.16667%; }
  .col-md-offset-14-24 { margin-left: 58.33333%; }
  .col-md-offset-15-24 { margin-left: 62.5%; }
  .col-md-offset-16-24 { margin-left: 66.66667%; }
  .col-md-offset-17-24 { margin-left: 70.83333%; }
  .col-md-offset-18-24 { margin-left: 75%; }
  .col-md-offset-19-24 { margin-left: 79.16667%; }
  .col-md-offset-20-24 { margin-left: 83.33333%; }
  .col-md-offset-21-24 { margin-left: 87.5%; }
  .col-md-offset-22-24 { margin-left: 91.66667%; }
  .col-md-offset-23-24 { margin-left: 95.83333%; }
  .col-md-offset-24-24 { margin-left: 100%; } }
@media (min-width: 1600px) { .col-lg-1-24 { width: 4.16667%; float: left; }
  .col-lg-2-24 { width: 8.33333%; float: left; }
  .col-lg-3-24 { width: 12.5%; float: left; }
  .col-lg-4-24 { width: 16.66667%; float: left; }
  .col-lg-5-24 { width: 20.83333%; float: left; }
  .col-lg-6-24 { width: 25%; float: left; }
  .col-lg-7-24 { width: 29.16667%; float: left; }
  .col-lg-8-24 { width: 33.33333%; float: left; }
  .col-lg-9-24 { width: 37.5%; float: left; }
  .col-lg-10-24 { width: 41.66667%; float: left; }
  .col-lg-11-24 { width: 45.83333%; float: left; }
  .col-lg-12-24 { width: 50%; float: left; }
  .col-lg-13-24 { width: 54.16667%; float: left; }
  .col-lg-14-24 { width: 58.33333%; float: left; }
  .col-lg-15-24 { width: 62.5%; float: left; }
  .col-lg-16-24 { width: 66.66667%; float: left; }
  .col-lg-17-24 { width: 70.83333%; float: left; }
  .col-lg-18-24 { width: 75%; float: left; }
  .col-lg-19-24 { width: 79.16667%; float: left; }
  .col-lg-20-24 { width: 83.33333%; float: left; }
  .col-lg-21-24 { width: 87.5%; float: left; }
  .col-lg-22-24 { width: 91.66667%; float: left; }
  .col-lg-23-24 { width: 95.83333%; float: left; }
  .col-lg-24-24 { width: 100%; float: left; }
  .col-lg-pull-1-24 { right: 4.16667%; }
  .col-lg-pull-2-24 { right: 8.33333%; }
  .col-lg-pull-3-24 { right: 12.5%; }
  .col-lg-pull-4-24 { right: 16.66667%; }
  .col-lg-pull-5-24 { right: 20.83333%; }
  .col-lg-pull-6-24 { right: 25%; }
  .col-lg-pull-7-24 { right: 29.16667%; }
  .col-lg-pull-8-24 { right: 33.33333%; }
  .col-lg-pull-9-24 { right: 37.5%; }
  .col-lg-pull-10-24 { right: 41.66667%; }
  .col-lg-pull-11-24 { right: 45.83333%; }
  .col-lg-pull-12-24 { right: 50%; }
  .col-lg-pull-13-24 { right: 54.16667%; }
  .col-lg-pull-14-24 { right: 58.33333%; }
  .col-lg-pull-15-24 { right: 62.5%; }
  .col-lg-pull-16-24 { right: 66.66667%; }
  .col-lg-pull-17-24 { right: 70.83333%; }
  .col-lg-pull-18-24 { right: 75%; }
  .col-lg-pull-19-24 { right: 79.16667%; }
  .col-lg-pull-20-24 { right: 83.33333%; }
  .col-lg-pull-21-24 { right: 87.5%; }
  .col-lg-pull-22-24 { right: 91.66667%; }
  .col-lg-pull-23-24 { right: 95.83333%; }
  .col-lg-pull-24-24 { right: 100%; }
  .col-lg-push-1-24 { left: 4.16667%; }
  .col-lg-push-2-24 { left: 8.33333%; }
  .col-lg-push-3-24 { left: 12.5%; }
  .col-lg-push-4-24 { left: 16.66667%; }
  .col-lg-push-5-24 { left: 20.83333%; }
  .col-lg-push-6-24 { left: 25%; }
  .col-lg-push-7-24 { left: 29.16667%; }
  .col-lg-push-8-24 { left: 33.33333%; }
  .col-lg-push-9-24 { left: 37.5%; }
  .col-lg-push-10-24 { left: 41.66667%; }
  .col-lg-push-11-24 { left: 45.83333%; }
  .col-lg-push-12-24 { left: 50%; }
  .col-lg-push-13-24 { left: 54.16667%; }
  .col-lg-push-14-24 { left: 58.33333%; }
  .col-lg-push-15-24 { left: 62.5%; }
  .col-lg-push-16-24 { left: 66.66667%; }
  .col-lg-push-17-24 { left: 70.83333%; }
  .col-lg-push-18-24 { left: 75%; }
  .col-lg-push-19-24 { left: 79.16667%; }
  .col-lg-push-20-24 { left: 83.33333%; }
  .col-lg-push-21-24 { left: 87.5%; }
  .col-lg-push-22-24 { left: 91.66667%; }
  .col-lg-push-23-24 { left: 95.83333%; }
  .col-lg-push-24-24 { left: 100%; }
  .col-lg-offset-1-24 { margin-left: 4.16667%; }
  .col-lg-offset-2-24 { margin-left: 8.33333%; }
  .col-lg-offset-3-24 { margin-left: 12.5%; }
  .col-lg-offset-4-24 { margin-left: 16.66667%; }
  .col-lg-offset-5-24 { margin-left: 20.83333%; }
  .col-lg-offset-6-24 { margin-left: 25%; }
  .col-lg-offset-7-24 { margin-left: 29.16667%; }
  .col-lg-offset-8-24 { margin-left: 33.33333%; }
  .col-lg-offset-9-24 { margin-left: 37.5%; }
  .col-lg-offset-10-24 { margin-left: 41.66667%; }
  .col-lg-offset-11-24 { margin-left: 45.83333%; }
  .col-lg-offset-12-24 { margin-left: 50%; }
  .col-lg-offset-13-24 { margin-left: 54.16667%; }
  .col-lg-offset-14-24 { margin-left: 58.33333%; }
  .col-lg-offset-15-24 { margin-left: 62.5%; }
  .col-lg-offset-16-24 { margin-left: 66.66667%; }
  .col-lg-offset-17-24 { margin-left: 70.83333%; }
  .col-lg-offset-18-24 { margin-left: 75%; }
  .col-lg-offset-19-24 { margin-left: 79.16667%; }
  .col-lg-offset-20-24 { margin-left: 83.33333%; }
  .col-lg-offset-21-24 { margin-left: 87.5%; }
  .col-lg-offset-22-24 { margin-left: 91.66667%; }
  .col-lg-offset-23-24 { margin-left: 95.83333%; }
  .col-lg-offset-24-24 { margin-left: 100%; } }
/* Five equal columns 利用する場合は先に「_media.scss」を読み込んでおくこと
========================================== */
.no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }

.gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }

.gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }

.gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }

.gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }

.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }

.gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }

.gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }

.gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }

.gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }

.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }

.gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }

.gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }

.gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }

.gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; }

@media screen and (max-width: 767px) { .xs-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .xs-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .xs-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .xs-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .xs-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .xs-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .xs-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .xs-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .xs-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .xs-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .xs-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .xs-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .xs-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .xs-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .xs-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
@media print, (min-width: 768px) { .sm-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .sm-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .sm-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .sm-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .sm-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .sm-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .sm-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .sm-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .sm-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .sm-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .sm-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .sm-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .sm-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .sm-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .sm-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
@media (min-width: 992px) { .md-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .md-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .md-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .md-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .md-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .md-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .md-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .md-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .md-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .md-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .md-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .md-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .md-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .md-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .md-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
@media (min-width: 1600px) { .lg-no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; }
  .lg-gutter-1 > [class*='col-'] { padding-right: 1px; padding-left: 1px; }
  .lg-gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
  .lg-gutter-3 > [class*='col-'] { padding-right: 3px; padding-left: 3px; }
  .lg-gutter-4 > [class*='col-'] { padding-right: 4px; padding-left: 4px; }
  .lg-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
  .lg-gutter-6 > [class*='col-'] { padding-right: 6px; padding-left: 6px; }
  .lg-gutter-7 > [class*='col-'] { padding-right: 7px; padding-left: 7px; }
  .lg-gutter-8 > [class*='col-'] { padding-right: 8px; padding-left: 8px; }
  .lg-gutter-9 > [class*='col-'] { padding-right: 9px; padding-left: 9px; }
  .lg-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
  .lg-gutter-11 > [class*='col-'] { padding-right: 11px; padding-left: 11px; }
  .lg-gutter-12 > [class*='col-'] { padding-right: 12px; padding-left: 12px; }
  .lg-gutter-13 > [class*='col-'] { padding-right: 13px; padding-left: 13px; }
  .lg-gutter-14 > [class*='col-'] { padding-right: 14px; padding-left: 14px; } }
/* font-size, font-weight 利用する場合は先に「_media.scss」を読み込んでおくこと
========================================== */
/* keyframes アニメーションkeyframe
========================================== */
/* ============================================================================================================================== */
/* COLOR DEFINE
/* ============================================================================================================================== */
/* ============================================================================================================================== */
/* PARTS STYLE
/* ============================================================================================================================== */
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }

.fr { float: right; }

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

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

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

.pr { position: relative; }

.row__normagin { margin: 0; }

/* ============================================================================================================================== */
/* BOX STYLE
/* ============================================================================================================================== */
html, body { height: 100%; margin: 0; margin-top: 0 !important; }

html { overflow-x: auto; overflow-y: scroll; }

body { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 100%; line-height: 1.7; color: #000000; }

body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#wrapper { height: auto; height: 100%; min-height: 100%; position: relative; overflow: hidden; }
@media print, (min-width: 768px) { #wrapper { min-width: 750px; } }
@media (min-width: 992px) { #wrapper { min-width: 970px; } }

body > #wrapper { height: auto; }

#header { padding: 0; }
@media print, (min-width: 768px) { #header { height: 120px; } }

.contents { padding-bottom: 100px; }

#footer { height: 100px; position: absolute; bottom: 0px; width: 100%; }

/* ============================================================================================================================== */
/* COMMON STYLE
/* ============================================================================================================================== */
.header { position: relative; }

.header__system { background: #4ec5c1; }

.controller { display: flex; flex-wrap: wrap; }

.controller-list { height: 100%; }
@media screen and (max-width: 767px) { .controller-list { height: 75px; } }

.menutoggle { display: block; width: 40px; height: 40px; position: absolute; right: 5px; top: 40%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #4ec5c1; text-decoration: none; text-align: center; }

.menutoggle::before { content: "MENU"; position: absolute; bottom: -7px; left: 0; width: 100%; font-size: 62.5%; }

.menutoggle-bar, .menutoggle-bar::before, .menutoggle-bar::after { width: 26px; height: 4px; display: block; border-radius: 2px; background: #4ec5c1; position: absolute; left: 50%; top: 50%; opacity: 1; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: .3s all; }

.login { width: 5em; height: 35px; line-height: 35px; font-size: 87.5%; text-align: center; margin: 0 auto; border-radius: 4px; background: #4ec5c1; color: #FFF; text-decoration: none; margin-bottom: 3px; max-width: 120px; position: absolute; right: 60px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.menutoggle-bar::before { position: absolute; content: ""; -moz-transform: translateX(-50%) translateY(-10px); -ms-transform: translateX(-50%) translateY(-10px); -webkit-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); }

.menutoggle-bar::after { position: absolute; content: ""; -moz-transform: translateX(-50%) translateY(6px); -ms-transform: translateX(-50%) translateY(6px); -webkit-transform: translateX(-50%) translateY(6px); transform: translateX(-50%) translateY(6px); }

.menutoggle.menutoggle__open .menutoggle-bar { background: inherit; }
.menutoggle.menutoggle__open .menutoggle-bar::before { -moz-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.menutoggle.menutoggle__open .menutoggle-bar::after { -moz-transform: translateX(-50%) rotate(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }

.sitelogo { height: 100%; vertical-align: middle; }
@media screen and (max-width: 767px) { .sitelogo { width: 90%; margin: 5px auto; } }
@media print, (min-width: 768px) { .sitelogo { height: 100px; margin: 10px 0; float: left; } }

@media screen and (max-width: 767px) { .sitelogo-img { width: 120px; margin: 5px; } }
@media print, (min-width: 768px) { .sitelogo-img { height: 100%; } }

.mhlwlogo { float: right; vertical-align: middle; }
@media screen and (max-width: 767px) { .mhlwlogo { margin: 15px 5px 0 0; } }
@media print, (min-width: 768px) { .mhlwlogo { margin: 35px 15px 0; } }

@media screen and (max-width: 767px) { .mhlwlogo-img { width: 100%; max-width: 120px; } }
@media print, (min-width: 768px) { .mhlwlogo-img { width: 100%; } }

.fontsize { margin-top: 20%; }

.fontsize-list { display: inline-block; margin: 0 3px; }

.fontsize-list-link { display: block; width: 2em; height: 2em; line-height: 2em; text-align: center; border: 1px solid #4ec5c1; color: #000000; text-decoration: none; }

.fontsize-list-link__current { background: #4ec5c1; }

.fontsize-list-link:hover, .fontsize-list-link:active, .fontsize-list-link:focus { background: #B8E8E6; text-decoration: none; }

.gnavblock { width: 100%; position: absolute; z-index: 99; }
@media screen and (max-width: 767px) { .gnavblock { height: 0; overflow: hidden; max-height: 0; background: rgba(255, 255, 255, 0.9); } }
@media print, (min-width: 768px) { .gnavblock { height: 58px; bottom: -62px; background: rgba(255, 255, 255, 0.8); } }

@media screen and (max-width: 767px) { .gnavblock__contents { background: #A7E1DF; } }
@media print, (min-width: 768px) { .gnavblock__contents { background: #A7E1DF; } }

.contents__contents { padding-bottom: 130px; }
@media print, (min-width: 768px) { .contents__contents { padding-top: 80px; } }

.contents__system { padding-top: 60px; padding-bottom: 60px; }

.contents__glossary { padding-top: 60px; padding-bottom: 160px; background: url(../img/system_bg.png) repeat; }

.gnavblock__open { height: auto; max-height: 999px; transition: .5s all; }

.gnav a { position: relative; }

@media screen and (max-width: 767px) { .gnav a::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-left-color: #4ec5c1; border-width: 5px 0 5px 6px; right: 15px; top: 50%; margin-top: -5px; } }

@media screen and (max-width: 767px) { .gnav-list-link, .gnav-list-link * { transition: none !important; } }

.gnav-list-link { display: block; width: 100%; text-align: center; line-height: 58px; text-decoration: none; color: #000000; /*transition: 0.3s all;*/ font-size: 90%; }

.gnav-list-link__login { background: #4ec5c1; color: #FFF; text-decoration: none; }

.gnav-list-link:hover, .gnav-list-link:active, .gnav-list-link:focus { text-decoration: none; color: #000000; background: rgba(184, 232, 230, 0.5); }

.gnav-list-link__toggle:hover, .gnav-list-link__toggle:active, .gnav-list-link__toggle:focus { background: inherit; }

.subnav { z-index: 1; transition: .5s; }
@media print, (min-width: 768px) { .subnav { line-height: 40px; width: 90%; margin-left: 10%; position: absolute; height: 0; max-height: 0; overflow: hidden; } }

@media print, (min-width: 768px) { .gnav-list-link__toggle:hover .subnav { height: auto; max-height: 120px; } }

.subnav-list-link { transition: 0.2s all; display: block; width: 100%; text-decoration: none; color: #000000; }
@media screen and (max-width: 767px) { .subnav-list-link { line-height: 58px; } }
@media print, (min-width: 768px) { .subnav-list-link { background: rgba(242, 242, 242, 0.8); height: 40px; } }

.subnav-list-link:hover, .subnav-list-link:active, .subnav-list-link:focus { text-decoration: none; }
@media screen and (max-width: 767px) { .subnav-list-link:hover, .subnav-list-link:active, .subnav-list-link:focus { color: #000000; background: rgba(184, 232, 230, 0.5); } }
@media print, (min-width: 768px) { .subnav-list-link:hover, .subnav-list-link:active, .subnav-list-link:focus { background: #4ec5c1; color: #FFFFFF; } }

.footer { position: relative; background: #4ec5c1; color: #FFF; }

.footer-inner { position: relative; padding-top: 10px; height: 100px; }

.footer a { color: #FFF; text-decoration: none; }

@media print, (min-width: 768px) { .footer p { margin-bottom: 20px; } }

.copyright { font-size: 87.5%; line-height: 1; }
@media screen and (max-width: 767px) { .copyright { padding-right: 110px; } }

.copyright__system { top: 50%; position: absolute; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.pagetop { position: fixed; z-index: 1; opacity: 0; transition: .3s; cursor: default; }
@media screen and (max-width: 767px) { .pagetop { right: -15px; bottom: -15px; -moz-transform: scale(0.4); -ms-transform: scale(0.4); -webkit-transform: scale(0.4); transform: scale(0.4); } }
@media print, (min-width: 768px) { .pagetop { right: 20px; bottom: 20px; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }

.pagetop__show { opacity: 1; cursor: pointer; }

.pagetop__show:hover { opacity: .6; }

.slickblock { background: #cccccc; }

.slick { transition: 0s; }

.slick-row-img { height: auto; width: 100%; max-width: 1080px; margin: 0 auto; }

h2 { text-align: center; font-weight: bold; margin: 20px 0; }

@media screen and (max-width: 767px) { .h2__middle { font-size: 100%; } }
@media print, (min-width: 768px) { .h2__middle { font-size: 200%; } }

@media screen and (max-width: 767px) { .h2__large { font-size: 112.5%; } }
@media print, (min-width: 768px) { .h2__large { font-size: 225%; } }

@media screen and (max-width: 767px) { .sp_br { display: block; } }

/* ============================================================================================================================== */
/* INDIVISUAL STYLE
/* ============================================================================================================================== */
.introduction-text { margin-top: 30px; background: #83D6D3; text-align: center; }
@media screen and (max-width: 767px) { .introduction-text { padding: 10px; border-radius: 4px; padding-bottom: 30px; } }
@media print, (min-width: 768px) { .introduction-text { font-size: 112.5%; padding: 20px 50px; border-radius: 8px; } }

.introduction-text-paragraph { margin-bottom: .5em; }

.introduction-imgblock { display: block; width: 420px; max-width: 90%; padding: 0 20px; text-align: center; }
@media screen and (max-width: 767px) { .introduction-imgblock { margin: -5% auto 0; } }
@media print, (min-width: 768px) { .introduction-imgblock { margin: -22px auto 0; } }

.introduction-imgblock-img { width: 100%; }

.case-row-block { margin-bottom: 20px; }

.case-row-block-left { text-align: center; line-height: 1.2; padding-top: 10px; }
@media screen and (max-width: 767px) { .case-row-block-left { padding-top: 40px; } }

.case-row-block-left-img { max-width: 100%; }
@media print, (min-width: 768px) { .case-row-block-left-img { margin-top: 30px; } }

.case-row-block-right-ttl { font-weight: bold; vertical-align: middle; font-size: 137.5%; }

.case-row-block-right-talk { background: #f4f4f4; padding: 15px 5px 15px 15px; position: relative; }
@media screen and (max-width: 767px) { .case-row-block-right-talk { margin-bottom: 10px; } }

.case-row-block-right-talk::before { z-index: 1; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #f4f4f4; border-width: 12.5px 21px 12.5px 0; }
@media screen and (max-width: 767px) { .case-row-block-right-talk::before { left: -10px; } }
@media print, (min-width: 768px) { .case-row-block-right-talk::before { top: 50%; left: -20px; } }

.case-row-block-right-talk strong { font-weight: bold; }

.startblock { background: #f2f2f2; border: solid #bfbfbf; border-width: 1px 0; text-align: center; font-size: 0; transition: .3s all; }

.startblock:hover { opacity: 0.6; }

.startblock-link { position: relative; margin: 0 auto; display: block; }
@media screen and (max-width: 767px) { .startblock-link { width: 100%; } }
@media print, (min-width: 768px) { .startblock-link { width: 602px; } }

.startblock-link::before { content: ""; display: block; padding-top: 22.25914%; }

.startblock-link-img { max-width: 100%; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.point { margin-bottom: 40px; }

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

.point-row-img { width: 100%; max-width: 293px; margin: 0 auto; }

.howto { text-align: center; margin-bottom: 50px; }

.howto-row { position: relative; }
@media screen and (max-width: 767px) { .howto-row { margin-bottom: 35px; } }

.howto-row__arrow::before { width: 24px; display: block; background: #4ec5c1; content: ""; position: absolute; }
@media screen and (max-width: 767px) { .howto-row__arrow::before { height: 12px; left: 50%; bottom: -18px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@media print, (min-width: 768px) { .howto-row__arrow::before { height: 24px; right: -5px; top: 124px; } }

@media screen and (max-width: 767px) { .howto-row__arrow::after { left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -33px; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #4ec5c1; border-width: 15px 20px 0 20px; } }
@media print, (min-width: 768px) { .howto-row__arrow::after { right: -20px; top: 116px; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-left-color: #4ec5c1; border-width: 20px 0 20px 20px; } }

.howto-row-ttl { font-weight: bold; line-height: 42px; height: 52px; font-size: 150%; }

.howto-row-ttl__select { color: #ec576b; line-height: 1; font-size: 131.25%; }

.howto-row-img { width: 100%; max-width: 272px; margin: 0 auto; }

.howto-row-text { font-size: 100%; }
@media print, (min-width: 768px) { .howto-row-text { text-align: left; padding: 0 30px; } }

.question { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: left; align-items: center; margin-bottom: 10px; }

@media screen and (max-width: 767px) { .question-char { -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); margin: -0 -0px 0 -25px; } }
@media print, (min-width: 768px) { .question-char { padding: 0 15px; } }

.question-text { background: #F4F4F4; position: relative; width: 100%; }
@media screen and (max-width: 767px) { .question-text { padding: 10px 5px; border-radius: 15px; } }
@media print, (min-width: 768px) { .question-text { border-radius: 15px 30px 30px 15px; padding: 20px 20px; margin: 0 20px; font-size: 131.25%; } }

.question-text::before { left: -18px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #f4f4f4; border-width: 11.5px 18px 11.5px 0; }

.answer { background: #e5e338; padding: 15px; position: relative; margin-bottom: 50px; }

.answer::before { right: -26px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-left-color: #e5e338; border-width: 17.5px 0 17.5px 26px; }

.answer-text { word-break: break-all; }

@media print, (min-width: 768px) { .answer-text__large { font-size: 150%; } }

.link { padding: 0; margin: 20px -15px 50px; }

.link_list { text-align: center; }
@media screen and (max-width: 767px) { .link_list { position: relative; } }
@media print, (min-width: 768px) { .link_list { height: 60px; margin-bottom: 5px; } }

.link_list_img { padding: 0; }
@media screen and (max-width: 767px) { .link_list_img { width: 94%; position: absolute; } }
@media print, (min-width: 768px) { .link_list_img { height: 100%; } }

.link_list_img:hover { opacity: .6; }

@media screen and (max-width: 767px) { .link_list_img__small { top: 8%; } }

.link_list::after { content: ""; display: block; padding-top: 47%; }

.character-message { color: #FFF; border-radius: 25px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; position: relative; zoom: 1; }
@media screen and (max-width: 767px) { .character-message { margin: 10px 5px 20px; padding: 10px 0; } }
@media print, (min-width: 768px) { .character-message { margin: 0 0 10px; height: 150px; } }

@media screen and (max-width: 767px) { .character-message::before { bottom: -17px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@media print, (min-width: 768px) { .character-message::before { left: -34px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.character-message-name { text-align: center; }
@media screen and (max-width: 767px) { .character-message-name { font-size: 162.5%; } }
@media print, (min-width: 768px) { .character-message-name { width: 130px; font-size: 200%; } }

.character { background: #f8f8f8; padding: 30px 0; }

.character-thumbnail { z-index: 1; }
@media screen and (max-width: 767px) { .character-thumbnail { margin: 0 10px; } }
@media print, (min-width: 768px) { .character-thumbnail { margin: 0 30px; } }

.character-thumbnail-img { position: relative; display: block; width: 76px; max-width: 100%; }

@media screen and (max-width: 767px) { .character-thumbnail-row { margin-bottom: 5px; } }
@media print, (min-width: 768px) { .character-thumbnail-row { margin-bottom: 10px; } }

.character-thumbnail-img img { position: absolute; transition: .3s; max-width: 100%; z-index: 1; bottom: 0; }

.character-thumbnail-img::before { content: ""; display: block; width: 100%; padding-top: 100%; }

.character-thumbnail-img::after { content: ""; display: block; width: 100%; padding-top: 100%; border: 3px solid #FFF; border-radius: 50%; left: -3px; top: -3px; position: absolute; z-index: 0; transition: .3s; }

#character-message-1 { background: #f35269; }

@media screen and (max-width: 767px) { #character-message-1::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #f35269; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-1::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #f35269; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-1::after { background: rgba(243, 82, 105, 0.4); }

#character-message-2 { background: #42609e; }

@media screen and (max-width: 767px) { #character-message-2::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #42609e; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-2::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #42609e; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-2::after { background: rgba(66, 96, 158, 0.4); }

#character-message-3 { background: #a2639c; }

@media screen and (max-width: 767px) { #character-message-3::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #a2639c; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-3::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #a2639c; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-3::after { background: rgba(162, 99, 156, 0.4); }

#character-message-4 { background: #f2779d; }

@media screen and (max-width: 767px) { #character-message-4::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #f2779d; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-4::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #f2779d; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-4::after { background: rgba(242, 119, 157, 0.4); }

#character-message-5 { background: #00a69e; }

@media screen and (max-width: 767px) { #character-message-5::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #00a69e; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-5::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #00a69e; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-5::after { background: rgba(0, 166, 158, 0.4); }

#character-message-6 { background: #86c23a; }

@media screen and (max-width: 767px) { #character-message-6::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #86c23a; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-6::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #86c23a; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-6::after { background: rgba(134, 194, 58, 0.4); }

#character-message-7 { background: #ff9844; }

@media screen and (max-width: 767px) { #character-message-7::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #ff9844; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-7::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #ff9844; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-7::after { background: rgba(255, 152, 68, 0.4); }

#character-message-8 { background: #e5ac0a; }

@media screen and (max-width: 767px) { #character-message-8::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #e5ac0a; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-8::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #e5ac0a; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-8::after { background: rgba(229, 172, 10, 0.4); }

#character-message-9 { background: #5a528d; }

@media screen and (max-width: 767px) { #character-message-9::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-top-color: #5a528d; border-width: 18px 18.5px 0 18.5px; } }
@media print, (min-width: 768px) { #character-message-9::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #5a528d; border-width: 20px 35px 20px 0; } }

#character-thumbnail-img-9::after { background: rgba(90, 82, 141, 0.4); }

@media print, (min-width: 768px) { .character-thumbnail-img:hover::after { -webkit-animation: loadingAnimation 0.2s linear; -moz-animation: loadingAnimation 0.2s linear; animation: loadingAnimation 0.2s linear; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; opacity: .4; } }
@-webkit-keyframes loadingAnimation { 0% { width: 100%; left: -3px; }
  50% { width: 0; left: 50%; }
  100% { width: 100%; left: -3px; } }
@-moz-keyframes loadingAnimation { 0% { width: 100%; left: -3px; }
  50% { width: 0; left: 50%; }
  100% { width: 100%; left: -3px; } }
@keyframes loadingAnimation { 0% { width: 100%; left: -3px; }
  50% { width: 0; left: 50%; }
  100% { width: 100%; left: -3px; } }
.character-zoom { text-align: center; }

.character-zoom-img { display: none; height: auto; max-width: 100%; margin: 0 auto; }

.studyblock__primer { margin-bottom: 40px; }

.studyblock__application { margin-top: 40px; }

.study { border: 1px solid #4ec5c1; width: 100%; }
@media screen and (max-width: 767px) { .study { margin: 0 0 10px; } }
@media print, (min-width: 768px) { .study { margin: 0 10px; } }

.study_title { color: #FFF; background: #4ec5c1; padding: 5px 8px; position: relative; }
@media screen and (max-width: 767px) { .study_title { font-size: 112.5%; text-align: center; } }
@media print, (min-width: 768px) { .study_title { font-size: 131.25%; padding: 5px 20px; } }

.study_title_right { width: 140px; height: 100%; text-align: center; position: absolute; right: 0; top: 0; border-left: 1px dotted #FFF; line-height: 46px; font-size: 75%; }
@media screen and (max-width: 767px) { .study_title_right { display: none; } }

.study_detail_list { font-size: 87.5%; counter-reset: count; }

.study_detail_list_row { position: relative; width: 100%; }
@media screen and (max-width: 767px) { .study_detail_list_row { padding: 5px; } }
@media print, (min-width: 768px) { .study_detail_list_row { padding: 3px 10px 3px 20px; height: 60px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; font-size: 112.5%; } }

.study_detail_list_row:nth-child(even) { background: #f2f2f2; }

.study_detail_list_row::before { counter-increment: count; content: "CASE" counter(count); width: 5em; margin-right: 1em; text-align: center; color: #FFF; display: block; padding: 3px 0; background: #ec576b; border-radius: 20px; vertical-align: middle; }
@media screen and (max-width: 767px) { .study_detail_list_row::before { display: block; } }

.study_detail_list_row:last-child { border-bottom: none; }

.study_detail_list_row_right { right: 0; top: 0; height: 100%; }
@media screen and (max-width: 767px) { .study_detail_list_row_right { display: block; text-align: right; } }
@media print, (min-width: 768px) { .study_detail_list_row_right { padding: 10px 0; position: absolute; width: 140px; background: rgba(255, 255, 255, 0.4); border-left: 1px dotted #4ec5c1; text-align: center; } }

.study_detail_list_row_right_chara { position: relative; margin: 0 5px; width: 42px; display: inline-block; }

.study_detail_list_row_right_chara::before { content: ""; display: block; width: 40px; height: 40px; position: absolute; bottom: 5px; left: 50%; margin-left: -20px; border-radius: 50%; z-index: 0; }

.study_detail_list_row_right_chara_img { position: relative; width: 40px; z-index: 1; }

.study_detail_list_row_right_chara_1::before { background: rgba(243, 82, 105, 0.4); }

.study_detail_list_row_right_chara_2::before { background: rgba(66, 96, 158, 0.4); }

.study_detail_list_row_right_chara_3::before { background: rgba(162, 99, 156, 0.4); }

.study_detail_list_row_right_chara_4::before { background: rgba(242, 119, 157, 0.4); }

.study_detail_list_row_right_chara_5::before { background: rgba(0, 166, 158, 0.4); }

.study_detail_list_row_right_chara_6::before { background: rgba(134, 194, 58, 0.4); }

.study_detail_list_row_right_chara_7::before { background: rgba(255, 152, 68, 0.4); }

.study_detail_list_row_right_chara_8::before { background: rgba(229, 172, 10, 0.4); }

.study_detail_list_row_right_chara_9::before { background: rgba(90, 82, 141, 0.4); }

.section-glossary { border: 1px solid #bfbfbf; background: rgba(255, 255, 255, 0.85); padding: 30px 20px; }

.glossary-title { font-size: 106.25%; padding: 0 10px; }

.glossary-detail { font-size: 87.5%; border-bottom: 1px dotted #aaaaaa; margin-bottom: 10px; padding: 0 10px 10px; }

.glossary-detail:last-child { border-bottom: none; }

.glossary-detail-text { margin-bottom: 1em; }

.glossary-detail-page { padding-left: 12px; position: relative; }

.glossary-detail-page::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-left-color: #4ec5c1; border-width: 6.5px 0 6.5px 9px; margin-top: -7px; top: 50%; left: 0; }

.glossary-detail-page-link { color: #4ec5c1; text-decoration: none; }

.section-faq { margin-bottom: 70px; }

.faq { margin-bottom: 10px; }
@media print, (min-width: 768px) { .faq { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: left; align-items: center; } }

@media screen and (max-width: 767px) { .faq-char { display: block; text-align: center; } }
@media print, (min-width: 768px) { .faq-char { padding: 0 15px; } }

.faq-text { background: #FFF; border: 2px solid #4ec5c1; position: relative; width: 100%; }
@media screen and (max-width: 767px) { .faq-text { padding: 10px 5px; border-radius: 15px; margin-top: 10px; } }
@media print, (min-width: 768px) { .faq-text { border-radius: 15px; line-height: 1.4; padding: 15px 20px; margin: 20px 20px 0; font-size: 106.25%; } }

@media screen and (max-width: 767px) { .faq-text::before { left: 50%; top: -20px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-bottom-color: #4ec5c1; border-width: 0 13.5px 20px 13.5px; } }
@media print, (min-width: 768px) { .faq-text::before { left: -20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #4ec5c1; border-width: 13.5px 20px 13.5px 0; } }

@media screen and (max-width: 767px) { .faq-text::after { left: 50%; top: -17px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-bottom-color: #FFF; border-width: 0 11px 17px 11px; } }
@media print, (min-width: 768px) { .faq-text::after { left: -17px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; position: absolute; border-right-color: #FFF; border-width: 11px 17px 11px 0; } }

.faqans { background: #4ec5c1; border-radius: 6px; position: relative; font-size: 100%; }
@media screen and (max-width: 767px) { .faqans { padding: 50px 10px 10px 10px; } }
@media print, (min-width: 768px) { .faqans { padding: 20px 20px 20px 100px; } }

.faqans::before { content: "A."; color: #FFF; font-size: 187.5%; position: absolute; }
@media screen and (max-width: 767px) { .faqans::before { left: 30px; top: 0px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } }
@media print, (min-width: 768px) { .faqans::before { left: 40px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.explain-title { font-size: 125%; }
@media screen and (max-width: 767px) { .explain-title { text-align: center; line-height: 140%; } }

.explain-title-num { background: #ec576b; color: #FFF; padding: 5px 10px; border-radius: 20px; font-size: 90%; }
@media screen and (max-width: 767px) { .explain-title-num { display: block; margin: 0 auto 10px; } }
@media print, (min-width: 768px) { .explain-title-num { margin-right: 1em; } }

.explain-detail { margin-top: 10px; margin-bottom: 40px; background: #f2f2f2; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }

.explain-detail-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; position: relative; }
@media print, (min-width: 768px) { .explain-detail-inner { padding: 20px 140px 20px 0; min-height: 165px; } }

.explain-detail-inner-text { word-break: break-all; }
@media screen and (max-width: 767px) { .explain-detail-inner-text { padding: 10px 0; } }
@media print, (min-width: 768px) { .explain-detail-inner-text { padding: 0 25px; } }

.explain-detail-inner-text-mb { margin-bottom: 1em; }

.explain-detail-inner-img { position: absolute; right: 0; bottom: 0; }
@media screen and (max-width: 767px) { .explain-detail-inner-img { display: none; } }

#section-policy { font-size: 87.5%; }

.policy-section { border-top: 1px dotted #aaaaaa; margin-top: 10px; padding: 20px; position: relative; font-size: 128.57143%; }

.policy-section::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; left: 0em; position: absolute; top: 50%; margin-top: -4px; background: #4ec5c1; }

.policy-detail { padding-left: 20px; }

.policy-detail-text { margin-bottom: 1em; }

.policy-detail-list-row { text-indent: -1em; margin-left: 1em; }

.policy-detail-list-row-imgbox { text-align: center; margin-bottom: 1em; }

.policy-detail-list-row-img { margin: 0 auto; max-width: 240px; width: 100%; }