@charset "UTF-8";
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
Theme Name: 患者さんのための健康ライフマネージメント塾
Description: 患者さんのための健康ライフマネージメント塾の専用テーマ
Version: 1.0.0
*/
/* -------------------------------------------------------------
基本設定
--------------------------------------------------------------*/
body {
  -webkit-text-size-adjust: 100%;
  font-family: helvetica, arial, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #000;
  background-color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

main {
  display: block;
}

a {
  color: #009DDC;
}

.js-acd:hover {
  cursor: pointer;
}

.js-acd dt {
  position: relative;
}

.js-acd dt:after {
  color: #009DDC;
  font-family: "FontAwesome";
  line-height: 1;
  content: "\f13a";
  position: absolute;
  top: calc(50% - .5em);
  right: 0;
}

.page-hataraku .js-acd dt:after {
  color: #00af50;
}

.js-acd dt.is-active:after {
  color: #009DDC;
  font-family: "FontAwesome";
  line-height: 1;
  content: "\f139";
  position: absolute;
  right: 0;
}

.page-hataraku .js-acd dt.is-active:after {
  color: #00af50;
}

.js-acd dd {
  display: none;
}

/* -------------------------------------------------------------
PC
--------------------------------------------------------------*/
@media screen and (min-width: 1420px) {
  /* ヘッダー */
  .header__navi ul li {
    margin-left: 2em;
  }
  .header__navi ul li a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 1419px) and (min-width: 1000px) {
  /* ヘッダー */
  .header__navi ul li {
    margin-left: 1em;
  }
  .header__navi ul li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 1000px) {
  /* ヘッダー */
  .header {
    padding: 20px;
  }
  .header__inner {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header__logo {
    width: 400px;
    height: auto;
  }
  .header__logo a {
    display: block;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header__logo a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  .header__logo a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .header__navi-area {
    min-width: 720px;
    display: block !important;
  }
  .header__navi ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .header__navi ul li a {
    color: #000;
    line-height: 1.2;
    text-decoration: none;
  }
  .header__navi ul li a:hover {
    color: #009DDC;
  }
  .header__navi ul li a.is-current {
    position: relative;
  }
  .header__navi ul li a.is-current:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #009DDC;
    position: absolute;
    left: 0;
    bottom: -1px;
  }
}

@media screen and (min-width: 769px) {
  /* KV */
  .kv {
    width: 100%;
    height: 720px;
    background: url(/img/common/img_kv.jpg) center center no-repeat;
    background-size: cover;
  }
  .kv--hataraku {
    background: url(/img/common/img_kv-hataraku.jpg) center center no-repeat;
    background-size: cover;
  }
  .kv__img {
    display: none;
  }
  .kv__contents {
    padding-top: 420px;
  }
  .kv--hataraku .kv__contents {
    color: #fff;
  }
  .kv__title {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 35px;
  }
  .kv p {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
  }
  /* パン屑リスト */
  .breadcrumb-list {
    background-color: #f5f5f5;
    padding: 10px;
  }
  .breadcrumb-list ul {
    font-size: 16px;
    font-size: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .breadcrumb-list ul li {
    position: relative;
  }
  .breadcrumb-list ul li:after {
    content: ">";
    margin: 0 10px;
  }
  .breadcrumb-list ul li:first-child:before {
    font-family: "FontAwesome";
    content: "\f015";
    margin-right: 5px;
  }
  .breadcrumb-list ul li:last-child:after {
    content: none;
  }
  .breadcrumb-list ul li a {
    text-decoration: none;
  }
  .breadcrumb-list ul li a:hover {
    text-decoration: underline;
  }
  /* ベースコンテンツ枠 */
  .block {
    padding: 60px 10px;
  }
  .block.-dot {
    background: url(/img/common/bg_01.png) 0 0 repeat;
  }
  .block.-gray {
    background-color: #f5f5f5;
  }
  .block__header {
    max-width: 1200px;
    margin: 0 auto 60px;
  }
  .block__title {
    font-size: 32px;
    font-size: 2rem;
    text-align: center;
  }
  .block__read {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    margin-top: 50px;
  }
  .block__body {
    max-width: 1200px;
    margin: 0 auto 60px;
  }
  .block__body:last-child {
    margin-bottom: 0;
  }
  .block__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .block__btn a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
  }
  .block__btn a:hover {
    color: #fff;
    background-color: #009DDC;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .block2 {
    padding: 60px 10px;
  }
  .block2 + .block {
    background: url(/img/common/bg_01.png) 0 0 repeat;
  }
  .block2:nth-child(even) {
    background-color: #fff;
  }
  .block2__header {
    max-width: 1200px;
    margin: 0 auto 60px;
  }
  .block2__title {
    font-size: 32px;
    font-size: 2rem;
    text-align: center;
  }
  .block2__read {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    margin-top: 50px;
  }
  .block2__body {
    max-width: 1200px;
    margin: 0 auto 60px;
  }
  .block2__body:last-child {
    margin-bottom: 0;
  }
  .block2__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .block2__btn a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
  }
  .block2__btn a:hover {
    color: #fff;
    background-color: #009DDC;
  }
  /* ページネーション */
  .pagenation {
    max-width: 1200px;
    margin: 0 auto 60px;
  }
  .pagenation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pagenation ul li {
    margin: 10px;
  }
  .pagenation ul li a {
    text-decoration: none;
  }
  /* 健康ライフマネージメント塾について */
  .about1 {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    border: solid 5px #ebebeb;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about1__contents {
    width: calc((100% - 50px) / 2);
    margin-right: 50px;
  }
  .about1__contents:nth-child(even) {
    margin-right: 0;
  }
  .about1__img {
    max-width: 300px;
    margin: 0 auto;
  }
  .about1__img img {
    width: 100%;
    height: auto;
  }
  .about2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about2__img {
    width: 250px;
    margin-right: 30px;
  }
  .about2__img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .about2__text {
    width: calc(100% - 30px - 250px);
  }
  .about2__text h3 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 1em;
  }
  .about2__text p {
    margin-bottom: 1em;
  }
  .about2__text p:last-child {
    margin-bottom: 0;
  }
  .about2__prof {
    text-align: right;
    padding-top: 30px;
  }
  .about2__prof dl dd {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* 講座情報 */
  .course {
    margin-bottom: 10px;
  }
  .course a {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: solid 1px #ebebeb;
    display: block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .course a:hover {
    border: solid 1px #009DDC;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .course__contents .contents__header {
    font-size: 16px;
    font-size: 1rem;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .course__contents .contents__header .contents-status {
    text-align: center;
    width: 20%;
    padding: 10px 0;
    margin-left: -20px;
    border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
  }
  .course__contents .contents__header .contents-status.is-before {
    color: #fff;
    background-color: #009DDC;
  }
  .course__contents .contents__header .contents-status.is-after {
    background-color: #ebebeb;
  }
  .course__contents .contents__header .contents-category {
    text-align: center;
    width: 20%;
    border: solid 1px #f5f5f5;
    margin-left: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course__contents .contents__header .contents-category img {
    width: auto;
    height: 40px;
  }
  .course__contents .contents__header .contents-day {
    text-align: center;
    background-color: #fafafa;
    width: 60%;
    padding: 10px 0;
    border: solid 1px #f5f5f5;
    margin-left: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course__contents .contents__body {
    padding: 20px;
    font-size: 38px;
    font-size: 2.375rem;
  }
  .course__contents .contents__body .emergency {
    color: #f00;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .course__contents .contents__footer {
    background-color: #fafafa;
    padding: 20px;
    border: solid 1px #f5f5f5;
    margin: 0 20px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .course__contents .contents__footer dl dt {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .course__contents .contents__footer dl dd {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .course__contents .contents__instructor {
    width: calc((100% - 20px) / 2);
    margin-top: 20px;
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course__contents .contents__instructor:nth-child(-n + 2) {
    margin-top: 0;
  }
  .course__contents .contents__instructor:nth-child(even) {
    margin-right: 0;
  }
  .course__contents .contents__img {
    width: 96px;
    height: 96px;
    border: solid 2px #fff;
    margin-right: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    overflow: hidden;
  }
  .course__contents .contents__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course2 {
    padding: 0 50px;
  }
  .course2 ul li {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
  .course2 dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course2 dl dt {
    color: #009DDC;
    background-color: #fff;
    padding: 1px 20px;
    border: solid 1px #009DDC;
    margin-right: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course2__name {
    width: 6em;
    margin-right: 20px;
  }
  .course-detail {
    background-color: #f5f5f5;
    padding: 60px 10px;
    margin-top: 1px;
  }
  .course-detail__header {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course-detail__title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.4;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .course-detail__emergency {
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px;
    text-align: center;
    background-color: #f00;
    padding: 10px 20px;
    border: solid 1px #f00;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course-detail__pickup-info {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .course-detail__pickup-info .contents-status {
    text-align: center;
    width: 20%;
    padding: 10px 0;
    margin-left: -20px;
    border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
  }
  .course-detail__pickup-info .contents-status.is-before {
    color: #fff;
    background-color: #009DDC;
  }
  .course-detail__pickup-info .contents-status.is-after {
    background-color: #ebebeb;
  }
  .course-detail__pickup-info .contents-category {
    text-align: center;
    width: 30%;
    border: solid 1px #f5f5f5;
    margin-left: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-detail__pickup-info .contents-category img {
    width: auto;
    height: 40px;
  }
  .course-detail__pickup-info .contents-day {
    text-align: center;
    background-color: #fafafa;
    width: 50%;
    padding: 10px 0;
    border: solid 1px #f5f5f5;
    margin-left: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course-detail__instructor-prof {
    background-color: #fafafa;
    padding: 20px;
    border: solid 1px #f5f5f5;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .course-detail__instructor-prof .instructor-prof {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-detail__instructor-prof .instructor-prof:nth-child(-n + 2) {
    margin-top: 0;
  }
  .course-detail__instructor-prof .instructor-prof:nth-child(even) {
    margin-right: 0;
  }
  .course-detail__instructor-prof .instructor-prof__img {
    width: 96px;
    height: 96px;
    border: solid 2px #fff;
    margin-right: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    overflow: hidden;
  }
  .course-detail__instructor-prof .instructor-prof__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course-detail__instructor-prof .instructor-prof dl dt {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .course-detail__instructor-prof .instructor-prof dl dd {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .course-detail__address {
    text-align: center;
    background-color: #fafafa;
    padding: 10px 20px;
    border: solid 1px #f5f5f5;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    position: relative;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .course-detail__address:before {
    font-family: "FontAwesome";
    content: "\f041";
    margin-right: 10px;
  }
  .course-detail__body {
    background-color: #fff;
    max-width: 800px;
    padding: 50px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course-detail__contents .contents {
    margin-bottom: 50px;
  }
  .course-detail__contents .contents:last-child {
    margin-bottom: 0;
  }
  .course-detail__contents .contents__title {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .course-detail__contents .contents__body p {
    margin-bottom: 1em;
  }
  .course-detail__contents .contents__body p:last-child {
    margin-bottom: 0;
  }
  .course-detail__profile {
    background-color: #fff;
    max-width: 800px;
    padding: 50px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course-detail__profile .profile__header {
    margin-bottom: 30px;
  }
  .course-detail__profile .profile__title {
    font-size: 24px;
    font-size: 1.5rem;
    border-bottom: dashed 1px #ebebeb;
  }
  .course-detail__profile .profile__body {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .course-detail__profile .profile__body:last-child {
    margin-bottom: 0;
  }
  .course-detail__profile .profile__img {
    width: 200px;
    margin-right: 30px;
  }
  .course-detail__profile .profile__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course-detail__profile .profile__contents {
    width: calc(100% - 230px);
  }
  .course-detail__profile .profile__name {
    margin-bottom: 30px;
  }
  .course-detail__profile .profile__name dl dt {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .course-detail__profile .profile .contents2 {
    margin-bottom: 50px;
  }
  .course-detail__profile .profile .contents2:last-child {
    margin-bottom: 0;
  }
  .course-detail__profile .profile .contents2__title {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .course-detail__profile .profile .contents2__body p {
    margin-bottom: 1em;
  }
  .course-detail__profile .profile .contents2__body p:last-child {
    margin-bottom: 0;
  }
  .course-detail__btn {
    margin-bottom: 30px;
  }
  .course-detail__btn a {
    color: #fff;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #009DDC;
    width: 300px;
    height: 60px;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .course-detail__btn a:after {
    content: "\f14c";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 19px);
    right: 20px;
  }
  .course-detail__btn a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .course-detail__btn-2 {
    margin-bottom: 30px;
  }
  .course-detail__btn-2 a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .course-detail__btn-2 a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
  }
  .course-detail__btn-2 a:hover {
    color: #fff;
    background-color: #009DDC;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  /* 講師陣 */
  .instructor-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .instructor {
    width: calc((100% - 120px) / 5);
    margin-right: 30px;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .instructor:nth-child(-n + 5) {
    margin-top: 0;
  }
  .instructor:nth-child(5n) {
    margin-right: 0;
  }
  .instructor a {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .instructor a:hover {
    border: solid 1px #009DDC;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .page-hataraku .instructor a:hover {
    border: solid 1px #00af50;
  }
  .instructor .no-link {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .instructor__img {
    margin-bottom: 20px;
  }
  .instructor__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .instructor__body {
    text-align: center;
  }
  .instructor__body h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: .5em;
  }
  .instructor__body ul li {
    line-height: 1.4;
    margin-bottom: .5em;
  }
  .instructor-detail {
    background-color: #f5f5f5;
    padding: 60px 10px;
    margin-top: 1px;
  }
  .instructor-detail__body {
    background-color: #fff;
    max-width: 800px;
    padding: 50px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .instructor-detail__body .contents1 {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .instructor-detail__body .contents1__img {
    width: 200px;
    margin-right: 30px;
  }
  .instructor-detail__body .contents1__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .instructor-detail__body .contents1__body {
    width: calc(100% - 230px);
  }
  .instructor-detail__body .contents1__name {
    margin-bottom: 30px;
  }
  .instructor-detail__body .contents1__name dl dt {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .instructor-detail__body .contents1__text h3 {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .instructor-detail__body .contents1__text p {
    margin-bottom: 1em;
  }
  .instructor-detail__body .contents1__text p:last-child {
    margin-bottom: 0;
  }
  .instructor-detail__body .contents2 {
    margin-bottom: 50px;
  }
  .instructor-detail__body .contents2:last-child {
    margin-bottom: 0;
  }
  .instructor-detail__body .contents2__title {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .instructor-detail__body .contents2__body p {
    margin-bottom: 1em;
  }
  .instructor-detail__body .contents2__body p:last-child {
    margin-bottom: 0;
  }
  .instructor-detail__btn {
    margin-bottom: 30px;
  }
  .instructor-detail__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .instructor-detail__btn a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
  }
  .instructor-detail__btn a:hover {
    color: #fff;
    background-color: #009DDC;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  /* お知らせ */
  .news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news__list {
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news__list:nth-child(-n + 3) {
    margin-top: 0;
  }
  .news__list:nth-child(3n) {
    margin-right: 0;
  }
  .news__list a {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 20px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .news__list a:hover {
    border: solid 1px #009DDC;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .news__day {
    color: #6b6b6b;
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0.5em;
  }
  .news__title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
  .news-detail {
    background-color: #f5f5f5;
    padding: 60px 0;
    margin-top: 1px;
  }
  .news-detail__header {
    background-color: #fff;
    max-width: 800px;
    padding: 50px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news-detail__title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.4;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .news-detail__day {
    text-align: center;
    background-color: #f5f5f5;
    width: 6em;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .news-detail__body {
    background-color: #fff;
    max-width: 800px;
    padding: 50px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news-detail__body p {
    margin-bottom: 1em;
  }
  .news-detail__body p:last-child {
    margin-bottom: 0;
  }
  .news-detail__btn {
    margin-bottom: 30px;
  }
  .news-detail__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .news-detail__btn a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
  }
  .news-detail__btn a:hover {
    color: #fff;
    background-color: #009DDC;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  /* よくある質問 */
  .faq {
    max-width: 950px;
    margin: 0 auto;
  }
  .faq__list {
    padding: 20px;
    border: solid 1px #ebebeb;
    margin-bottom: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .faq__list:hover {
    border: solid 1px #009DDC;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .faq__list dt {
    font-size: 20px;
    font-size: 1.25rem;
    margin-left: 20px;
    position: relative;
  }
  .faq__list dt:before {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    content: "Q";
    position: absolute;
    top: -2px;
    left: -25px;
  }
  .page-hataraku .faq__list dt:before {
    color: #00af50;
  }
  .faq__list dt:after {
    top: calc(50% - .5em);
  }
  .faq__list dd {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 20px;
    margin-left: 20px;
    position: relative;
  }
  .faq__list dd:before {
    color: #6b6b6b;
    font-size: 22px;
    font-size: 1.375rem;
    content: "A";
    position: absolute;
    top: -5px;
    left: -25px;
  }
  /* 講座のお申し込み方法 */
  .flow {
    max-width: 950px;
    margin: 0 auto;
  }
  .flow__header {
    margin-bottom: 0.5em;
  }
  .flow__title {
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 1em;
    position: relative;
  }
  .flow__title:before {
    content: "";
    background-color: #009DDC;
    width: 0.5em;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
  }
  .flow__body {
    margin-bottom: 50px;
  }
  .flow__body:last-child {
    margin-bottom: 0;
  }
  .flow__body p {
    margin-bottom: 1em;
  }
  .flow__pay {
    background-color: #fafafa;
    padding: 20px;
    border: solid 1px #f5f5f5;
    margin-bottom: 1em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .flow__pay dl {
    *zoom: 1;
  }
  .flow__pay dl:before {
    content: " ";
    display: table;
  }
  .flow__pay dl:after {
    content: " ";
    display: table;
    clear: both;
  }
  .flow__pay dl dt {
    font-weight: bold;
    float: left;
    margin-right: 1em;
    position: relative;
  }
  .flow__pay dl dt:after {
    content: "：";
  }
  /* お問い合わせ */
  .inquiry {
    max-width: 800px;
    margin: 0 auto;
  }
  .inquiry input, .inquiry button, .inquiry textarea, .inquiry select {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .inquiry input[type="text"],
  .inquiry input[type="email"],
  .inquiry input[type="tel"],
  .inquiry textarea {
    background: #fff;
    width: 100%;
    padding: 10px;
    outline: none;
    border: solid 1px #ebebeb;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .inquiry input[type="text"]:focus,
  .inquiry input[type="email"]:focus,
  .inquiry input[type="tel"]:focus,
  .inquiry textarea:focus {
    -webkit-box-shadow: 0 0 7px #ebebeb;
    box-shadow: 0 0 7px #ebebeb;
    border: solid 1px #ebebeb;
  }
  .inquiry textarea {
    height: 100px;
  }
  .inquiry .select {
    width: 100%;
    border: solid 1px #ebebeb;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
  .inquiry .select select {
    text-indent: 0.01px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: transparent;
    background-image: none;
    width: 100%;
    padding: 10px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .inquiry .select:before {
    content: '';
    width: 0;
    height: 0;
    padding: 0;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    border-top: solid 6px #000;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 3px);
    right: 20px;
  }
  .inquiry .inquiry-form dt {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px;
  }
  .inquiry .inquiry-form dd {
    margin-bottom: 20px;
  }
  .inquiry__btn {
    margin: 50px 0;
  }
  .inquiry__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .inquiry__btn a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
  }
  .inquiry__btn a:hover {
    color: #fff;
    background-color: #009DDC;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .inquiry .inquiry-privcypolicy {
    padding: 20px;
    border: solid 3px #ebebeb;
  }
  .inquiry .inquiry-privcypolicy__header {
    margin-bottom: 0.5em;
  }
  .inquiry .inquiry-privcypolicy__title {
    font-weight: bold;
  }
  /* リンク */
  .link {
    max-width: 950px;
    margin: 0 auto;
  }
  .link__header {
    margin-bottom: 0.5em;
  }
  .link__title {
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 1em;
    position: relative;
  }
  .link__title:before {
    content: "";
    background-color: #009DDC;
    width: 0.5em;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
  }
  .link__body {
    margin-bottom: 50px;
  }
  .link__body:last-child {
    margin-bottom: 0;
  }
  .link__body ul {
    margin-left: 1.5em;
    list-style: outside disc;
  }
  .link__body ul li {
    margin-bottom: 1em;
  }
  /* 働く人のための健康マネージメント塾 */
  .hataraku {
    padding-top: 20px;
  }
  .hataraku__btn {
    width: 460px;
    height: 80px;
    margin: 0 auto 40px;
  }
  .hataraku__btn a {
    width: 460px;
    height: 80px;
    background-color: #fff;
    border: solid 1px #00af50;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .hataraku__btn a:after {
    color: #00af50;
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    top: calc(50% - 1em);
    right: 20px;
  }
  .hataraku__btn a:hover {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .hataraku__btn a img {
    width: 300px;
    height: auto;
  }
  .hataraku__btn-2 {
    width: 460px;
    height: 80px;
    margin: 0 auto 40px;
  }
  .hataraku__btn-2 a {
    color: #00af50;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #00af50;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .hataraku__btn-2 a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
  }
  .hataraku__btn-2 a:hover {
    color: #fff;
    background-color: #00af50;
  }
  .hataraku .erformance {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    border: solid 5px #ebebeb;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .hataraku .erformance__header {
    margin-bottom: 20px;
  }
  .hataraku .erformance__title {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
  }
  .hataraku .erformance__body ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hataraku .erformance__body ul li {
    margin-right: 60px;
  }
  .hataraku .erformance__body ul li:last-child {
    margin-right: 0;
  }
  .hataraku .erformance__body ul li a {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .hataraku .erformance__body ul li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  /* リーズンホワイ */
  .reasonwhy {
    background-color: #fff;
    padding: 30px;
    border-bottom: solid 1px #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .reasonwhy__img {
    margin-right: 20px;
  }
  .reasonwhy__img a {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .reasonwhy__img a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  /* SNS */
  .sns {
    background-color: #fff;
    padding: 30px;
    border-bottom: solid 1px #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* ページトップへボタン */
  .btn--pagetop {
    display: none;
    /*
	.page-hataraku & {
		
		a {
			border: solid 1px $base_color_main-hataraku;
			
			&:after {
				color: $base_color_main-hataraku;
			}
			
			&:hover {
				background-color: $base_color_main-hataraku;
				border: solid 1px $base_color_main-hataraku;
				
				&:after {
					color: #fff;
				}
			}
			
		}
	}
*/
  }
  .btn--pagetop a {
    width: 58px;
    height: 58px;
    background-color: #fff;
    border: solid 1px #009DDC;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: block;
    position: relative;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .btn--pagetop a:after {
    color: #009DDC;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: "FontAwesome";
    content: "\f106";
    position: absolute;
    top: calc(50% -  33px);
    left: calc(50% -  11px);
  }
  .btn--pagetop a:hover {
    color: #fff;
    background-color: #009DDC;
    border: solid 1px #009DDC;
  }
  .btn--pagetop a:hover:after {
    color: #fff;
  }
  /* フッター */
  .footer {
    padding: 30px;
  }
  .footer__logo {
    width: 286px;
    height: 66px;
    margin: 0 auto 30px;
  }
  .footer__logo a {
    display: block;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .footer__logo a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  .footer__logo a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .footer__navi {
    margin-bottom: 20px;
  }
  .footer__navi ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__navi ul li {
    margin: 0 1em;
  }
  .footer__navi ul li a {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none;
  }
  .footer__navi ul li a:hover {
    color: #009DDC;
  }
  .footer__copyright {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
  }
}

/* -------------------------------------------------------------
スマホ
--------------------------------------------------------------*/
@media screen and (max-width: 999px) {
  /* ヘッダー */
  .header__inner {
    max-width: 1200px;
    padding: 10px;
    margin: 0 auto;
  }
  .header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header__logo h1 {
    width: 250px;
    height: auto;
  }
  .header__logo h1 a {
    display: block;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header__logo h1 a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  .header__logo h1 a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .header__navi-btn a {
    line-height: 1;
    color: #000;
    width: 46px;
    height: 46px;
    display: block;
    position: relative;
  }
  .header__navi-btn a:after {
    font-size: 26px;
    font-size: 1.625rem;
    font-family: "FontAwesome";
    content: "\f0c9";
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 11px);
  }
  .header__navi-btn a.is-active:after {
    content: "\f00d";
  }
  .header__navi-area {
    padding-top: 10px;
    display: none;
  }
  .header__navi ul li {
    border-bottom: solid 1px #ebebeb;
  }
  .header__navi ul li:last-child {
    border-bottom: none;
  }
  .header__navi ul li a {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none;
    padding: 10px;
    display: block;
    position: relative;
  }
  .header__navi ul li a:hover {
    color: #009DDC;
  }
  .header__navi ul li a:after {
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    top: calc(50% - 14px);
    right: 10px;
  }
}

@media screen and (max-width: 768px) {
  img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  /* KV */
  .kv {
    width: 100%;
  }
  .kv__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .kv__contents {
    padding: 40px 20px;
  }
  .kv__title {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    margin-bottom: .7em;
  }
  .kv p {
    text-align: center;
  }
  /* パン屑リスト */
  .breadcrumb-list {
    background-color: #f5f5f5;
    padding: 10px;
  }
  .breadcrumb-list ul {
    font-size: 16px;
    font-size: 1rem;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .breadcrumb-list ul li {
    position: relative;
  }
  .breadcrumb-list ul li:after {
    content: ">";
    margin: 0 10px;
  }
  .breadcrumb-list ul li:first-child:before {
    font-family: "FontAwesome";
    content: "\f015";
    margin-right: 5px;
  }
  .breadcrumb-list ul li:last-child:after {
    content: none;
  }
  .breadcrumb-list ul li a {
    text-decoration: none;
  }
  .breadcrumb-list ul li a:hover {
    text-decoration: underline;
  }
  /* ベースコンテンツ枠 */
  .block {
    padding: 40px 20px;
  }
  .block.-dot {
    background: url(/img/common/bg_01.png) 0 0 repeat;
  }
  .block.-gray {
    background-color: #f5f5f5;
  }
  .block__header {
    max-width: 1200px;
    margin: 0 auto 2em;
  }
  .block__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.3;
    text-align: center;
  }
  .block__read {
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    margin-top: 1em;
  }
  .block__read br {
    display: none;
  }
  .block__body {
    max-width: 1200px;
    margin: 0 auto 30px;
  }
  .block__body:last-child {
    margin-bottom: 0;
  }
  .block__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .block__btn a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
  }
  .block__btn a:hover {
    color: #fff;
    background-color: #009DDC;
  }
  /* ページネーション */
  .pagenation {
    max-width: 1200px;
    margin: 0 auto 60px;
  }
  .pagenation ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pagenation ul li {
    margin: 10px;
  }
  .pagenation ul li a {
    text-decoration: none;
  }
  /* 健康ライフマネージメント塾について */
  .about1 {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    border: solid 5px #ebebeb;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about1__contents {
    margin-bottom: 20px;
  }
  .about1__contents:nth-child(even) {
    margin-bottom: 0;
  }
  .about1__img {
    max-width: 250px;
    margin: 0 auto 10px;
  }
  .about1__img img {
    width: 100%;
    height: auto;
  }
  .about1__text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .about2__img {
    width: 200px;
    margin: 0 auto 20px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .about2__img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .about2__text h3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.3;
    margin-bottom: 1em;
  }
  .about2__text p {
    margin-bottom: 1em;
  }
  .about2__text p:last-child {
    margin-bottom: 0;
  }
  .about2__text p.name {
    text-align: right;
    padding-top: 30px;
  }
  .about2__prof {
    text-align: right;
  }
  .about2__prof dl dd {
    font-size: 24px;
    font-size: 1.5rem;
  }
  /* 講座情報 */
  .course {
    margin-bottom: 10px;
  }
  .course a {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: solid 1px #ebebeb;
    display: block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course a:hover {
    border: solid 1px #009DDC;
  }
  .course__contents .contents__header {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 20px 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .course__contents .contents__header .contents-status {
    text-align: center;
    width: 30%;
    padding: 10px 0;
    margin-left: -20px;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course__contents .contents__header .contents-status.is-before {
    color: #fff;
    background-color: #009DDC;
  }
  .course__contents .contents__header .contents-status.is-after {
    background-color: #ebebeb;
  }
  .course__contents .contents__header .contents-category {
    text-align: center;
    width: calc(100% - 30%);
    border: solid 1px #f5f5f5;
    margin-bottom: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course__contents .contents__header .contents-category img {
    width: auto;
    height: 30px;
  }
  .course__contents .contents__header .contents-day {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    width: 100%;
    background-color: #fafafa;
    padding: 5px;
    border: solid 1px #f5f5f5;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course__contents .contents__body {
    padding: 20px;
  }
  .course__contents .contents__body h3 {
    color: #009DDC;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3;
    text-decoration: underline;
  }
  .course__contents .contents__body .emergency {
    color: #f00;
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    margin-top: 0.5em;
  }
  .course__contents .contents__footer {
    background-color: #fafafa;
    padding: 20px;
    border: solid 1px #f5f5f5;
    margin: 0 20px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course__contents .contents__instructor {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course__contents .contents__instructor:last-child {
    margin-bottom: 0;
  }
  .course__contents .contents__instructor dl {
    line-height: 1.3;
    width: calc(100% - 80px - 20px);
  }
  .course__contents .contents__instructor dl dt {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: .2em;
  }
  .course__contents .contents__instructor dl dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .course__contents .contents__img {
    width: 76px;
    height: 76px;
    border: solid 2px #fff;
    margin-right: 20px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    overflow: hidden;
  }
  .course__contents .contents__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course2 {
    padding: 0 50px;
  }
  .course2 ul li {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
  .course2 dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course2 dl dt {
    color: #009DDC;
    background-color: #fff;
    padding: 1px 20px;
    border: solid 1px #009DDC;
    margin-right: 20px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course2__name {
    width: 6em;
    margin-right: 20px;
  }
  .course-detail {
    background-color: #f5f5f5;
    padding: 60px 10px;
    margin-top: 1px;
  }
  .course-detail__header {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course-detail__title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.4;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .course-detail__emergency {
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 20px;
    text-align: center;
    background-color: #f00;
    padding: 10px 20px;
    border: solid 1px #f00;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course-detail__pickup-info {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .course-detail__pickup-info .contents-status {
    text-align: center;
    width: 30%;
    padding: 10px 0;
    margin-left: -20px;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course-detail__pickup-info .contents-status.is-before {
    color: #fff;
    background-color: #009DDC;
  }
  .course-detail__pickup-info .contents-status.is-after {
    background-color: #ebebeb;
  }
  .course-detail__pickup-info .contents-category {
    text-align: center;
    width: calc(100% - 30%);
    border: solid 1px #f5f5f5;
    margin-bottom: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .course-detail__pickup-info .contents-category img {
    width: auto;
    height: 30px;
  }
  .course-detail__pickup-info .contents-day {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    width: 100%;
    background-color: #fafafa;
    padding: 5px;
    border: solid 1px #f5f5f5;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
  }
  .course-detail__instructor-prof {
    background-color: #fafafa;
    padding: 20px;
    border: solid 1px #f5f5f5;
    margin-bottom: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .course-detail__instructor-prof .instructor-prof {
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .course-detail__instructor-prof .instructor-prof:last-child {
    margin-bottom: 0;
  }
  .course-detail__instructor-prof .instructor-prof__img {
    width: 76px;
    height: 76px;
    border: solid 2px #fff;
    margin-right: 20px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    overflow: hidden;
  }
  .course-detail__instructor-prof .instructor-prof__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course-detail__instructor-prof .instructor-prof dl {
    line-height: 1.3;
    width: calc(100% - 80px - 20px);
  }
  .course-detail__instructor-prof .instructor-prof dl dt {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: .2em;
  }
  .course-detail__instructor-prof .instructor-prof dl dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .course-detail__address {
    text-align: center;
    background-color: #fafafa;
    padding: 10px 20px;
    border: solid 1px #f5f5f5;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    position: relative;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .course-detail__address:before {
    font-family: "FontAwesome";
    content: "\f041";
    margin-right: 10px;
  }
  .course-detail__body {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course-detail__contents .contents {
    margin-bottom: 50px;
  }
  .course-detail__contents .contents:last-child {
    margin-bottom: 0;
  }
  .course-detail__contents .contents__title {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .course-detail__contents .contents__body p {
    margin-bottom: 1em;
  }
  .course-detail__contents .contents__body p:last-child {
    margin-bottom: 0;
  }
  .course-detail__profile {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .course-detail__profile .profile__header {
    margin-bottom: 30px;
  }
  .course-detail__profile .profile__title {
    font-size: 24px;
    font-size: 1.5rem;
    border-bottom: dashed 1px #ebebeb;
  }
  .course-detail__profile .profile__body {
    margin-bottom: 20px;
  }
  .course-detail__profile .profile__body:last-child {
    margin-bottom: 0;
  }
  .course-detail__profile .profile__img {
    width: 200px;
    margin: 0 auto 20px;
  }
  .course-detail__profile .profile__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .course-detail__profile .profile__name {
    margin-bottom: 30px;
  }
  .course-detail__profile .profile__name dl dt {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .course-detail__profile .profile .contents2 {
    margin-bottom: 50px;
  }
  .course-detail__profile .profile .contents2:last-child {
    margin-bottom: 0;
  }
  .course-detail__profile .profile .contents2__title {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .course-detail__profile .profile .contents2__body p {
    margin-bottom: 1em;
  }
  .course-detail__profile .profile .contents2__body p:last-child {
    margin-bottom: 0;
  }
  .course-detail__btn {
    margin-bottom: 30px;
  }
  .course-detail__btn a {
    color: #fff;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #009DDC;
    width: 300px;
    height: 60px;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .course-detail__btn a:after {
    content: "\f14c";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 19px);
    right: 20px;
  }
  .course-detail__btn a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  .course-detail__btn-2 {
    margin-bottom: 30px;
  }
  .course-detail__btn-2 a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .course-detail__btn-2 a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
  }
  .course-detail__btn-2 a:hover {
    color: #fff;
    background-color: #009DDC;
  }
  /* 講師陣 */
  .instructor-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .instructor {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .instructor:nth-child(-n + 2) {
    margin-top: 0;
  }
  .instructor:nth-child(even) {
    margin-right: 0;
  }
  .instructor a {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .instructor a:hover {
    border: solid 1px #009DDC;
  }
  .page-hataraku .instructor a:hover {
    border: solid 1px #00af50;
  }
  .instructor .no-link {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .instructor__img {
    margin-bottom: 20px;
  }
  .instructor__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .instructor__body {
    text-align: center;
  }
  .instructor__body h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: .5em;
  }
  .instructor__body ul li {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
    margin-bottom: .5em;
  }
  .instructor-detail {
    background-color: #f5f5f5;
    padding: 60px 10px;
    margin-top: 1px;
  }
  .instructor-detail__body {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .instructor-detail__body .contents1 {
    margin-bottom: 50px;
  }
  .instructor-detail__body .contents1__img {
    width: 200px;
    margin: 0 auto 20px;
  }
  .instructor-detail__body .contents1__img img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .instructor-detail__body .contents1__name {
    margin-bottom: 30px;
  }
  .instructor-detail__body .contents1__name dl dt {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .instructor-detail__body .contents1__text h3 {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .instructor-detail__body .contents1__text p {
    margin-bottom: 1em;
  }
  .instructor-detail__body .contents1__text p:last-child {
    margin-bottom: 0;
  }
  .instructor-detail__body .contents2 {
    margin-bottom: 50px;
  }
  .instructor-detail__body .contents2:last-child {
    margin-bottom: 0;
  }
  .instructor-detail__body .contents2__title {
    color: #5F758E;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
  }
  .instructor-detail__body .contents2__body p {
    margin-bottom: 1em;
  }
  .instructor-detail__body .contents2__body p:last-child {
    margin-bottom: 0;
  }
  .instructor-detail__btn {
    margin-bottom: 30px;
  }
  .instructor-detail__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .instructor-detail__btn a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
  }
  .instructor-detail__btn a:hover {
    color: #fff;
    background-color: #009DDC;
  }
  /* お知らせ */
  .news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news__list {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news__list:nth-child(-n + 2) {
    margin-top: 0;
  }
  .news__list:nth-child(even) {
    margin-right: 0;
  }
  .news__list a {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 20px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news__list a:hover {
    border: solid 1px #009DDC;
  }
  .news__day {
    color: #6b6b6b;
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 0.5em;
  }
  .news__title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
  .news-detail {
    background-color: #f5f5f5;
    padding: 60px 10px;
    margin-top: 1px;
  }
  .news-detail__header {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news-detail__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.4;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .news-detail__day {
    text-align: center;
    background-color: #f5f5f5;
    width: 6em;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .news-detail__body {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    margin: 0 auto 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .news-detail__body p {
    margin-bottom: 1em;
  }
  .news-detail__body p:last-child {
    margin-bottom: 0;
  }
  .news-detail__btn {
    margin-bottom: 30px;
  }
  .news-detail__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .news-detail__btn a:before {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    left: 20px;
  }
  .news-detail__btn a:hover {
    color: #fff;
    background-color: #009DDC;
  }
  /* よくある質問 */
  .faq {
    max-width: 950px;
    margin: 0 auto;
  }
  .faq__list {
    padding: 10px;
    border: solid 1px #ebebeb;
    margin-bottom: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .faq__list:hover {
    border: solid 1px #009DDC;
  }
  .page-hataraku .faq__list:hover {
    border: solid 1px #00af50;
  }
  .faq__list dt {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3;
    padding-right: 10px;
    margin-left: 20px;
    position: relative;
  }
  .faq__list dt:before {
    color: #009DDC;
    font-size: 24px;
    font-size: 1.5rem;
    content: "Q";
    position: absolute;
    top: -5px;
    left: -25px;
  }
  .page-hataraku .faq__list dt:before {
    color: #00af50;
  }
  .faq__list dd {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 20px;
    margin-left: 20px;
    position: relative;
  }
  .faq__list dd:before {
    color: #6b6b6b;
    font-size: 22px;
    font-size: 1.375rem;
    content: "A";
    position: absolute;
    top: -5px;
    left: -25px;
  }
  /* 講座のお申し込み方法 */
  .flow {
    max-width: 950px;
    margin: 0 auto;
  }
  .flow__header {
    margin-bottom: 0.5em;
  }
  .flow__title {
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 1em;
    position: relative;
  }
  .flow__title:before {
    content: "";
    background-color: #009DDC;
    width: 0.5em;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
  }
  .flow__body {
    margin-bottom: 2.5em;
  }
  .flow__body:last-child {
    margin-bottom: 0;
  }
  .flow__body p {
    margin-bottom: 1em;
  }
  .flow__pay {
    background-color: #fafafa;
    padding: 20px;
    border: solid 1px #f5f5f5;
    margin-bottom: 1em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .flow__pay dl {
    *zoom: 1;
  }
  .flow__pay dl:before {
    content: " ";
    display: table;
  }
  .flow__pay dl:after {
    content: " ";
    display: table;
    clear: both;
  }
  .flow__pay dl dt {
    font-weight: bold;
    float: left;
    margin-right: 1em;
    position: relative;
  }
  .flow__pay dl dt:after {
    content: "：";
  }
  .flow__pay dl dd {
    margin-bottom: 0.5em;
  }
  .flow__pay dl dd:last-child {
    margin-bottom: 0;
  }
  /* お問い合わせ */
  .inquiry {
    max-width: 800px;
    margin: 0 auto;
  }
  .inquiry input, .inquiry button, .inquiry textarea, .inquiry select {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .inquiry input[type="text"],
  .inquiry input[type="email"],
  .inquiry input[type="tel"],
  .inquiry textarea {
    background: #fff;
    width: 100%;
    padding: 10px;
    outline: none;
    border: solid 1px #ebebeb;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .inquiry input[type="text"]:focus,
  .inquiry input[type="email"]:focus,
  .inquiry input[type="tel"]:focus,
  .inquiry textarea:focus {
    -webkit-box-shadow: 0 0 7px #ebebeb;
    box-shadow: 0 0 7px #ebebeb;
    border: solid 1px #ebebeb;
  }
  .inquiry textarea {
    height: 100px;
  }
  .inquiry .select {
    width: 100%;
    border: solid 1px #ebebeb;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
  .inquiry .select select {
    text-indent: 0.01px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: transparent;
    background-image: none;
    width: 100%;
    padding: 10px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .inquiry .select:before {
    content: '';
    width: 0;
    height: 0;
    padding: 0;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    border-top: solid 6px #000;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 3px);
    right: 20px;
  }
  .inquiry .inquiry-form dt {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px;
  }
  .inquiry .inquiry-form dd {
    margin-bottom: 20px;
  }
  .inquiry__btn {
    margin: 50px 0;
  }
  .inquiry__btn a {
    color: #009DDC;
    font-size: 22px;
    font-size: 1.375rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #009DDC;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .inquiry__btn a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 20px);
    right: 20px;
  }
  .inquiry__btn a:hover {
    color: #fff;
    background-color: #009DDC;
  }
  .inquiry .inquiry-privcypolicy {
    padding: 20px;
    border: solid 3px #ebebeb;
  }
  .inquiry .inquiry-privcypolicy__header {
    margin-bottom: 0.5em;
  }
  .inquiry .inquiry-privcypolicy__title {
    font-weight: bold;
  }
  /* リンク */
  .link {
    max-width: 950px;
    margin: 0 auto;
  }
  .link__header {
    margin-bottom: 0.5em;
  }
  .link__title {
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 1em;
    position: relative;
  }
  .link__title:before {
    content: "";
    background-color: #009DDC;
    width: 0.5em;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
  }
  .link__body {
    margin-bottom: 50px;
  }
  .link__body:last-child {
    margin-bottom: 0;
  }
  .link__body ul {
    margin-left: 1.5em;
    list-style: outside disc;
  }
  .link__body ul li {
    margin-bottom: 1em;
  }
  /* 働く人のための健康マネージメント塾 */
  .hataraku {
    padding-top: 20px;
  }
  .hataraku__btn {
    width: 100%;
    max-width: 460px;
    max-height: 80px;
    margin: 0 auto 40px;
  }
  .hataraku__btn a {
    width: 100%;
    max-width: 460px;
    max-height: 80px;
    background-color: #fff;
    padding: 10px;
    border: solid 1px #00af50;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .hataraku__btn a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  .hataraku__btn a:after {
    color: #00af50;
    font-family: "FontAwesome";
    content: "\f14c";
    position: absolute;
    top: calc(50% - 1em);
    right: 20px;
  }
  .hataraku__btn a img {
    width: 80%;
    max-width: 300px;
    height: auto;
  }
  .hataraku__btn-2 {
    width: 100%;
    max-width: 460px;
    max-height: 80px;
    margin: 0 auto 40px;
  }
  .hataraku__btn-2 a {
    color: #00af50;
    font-size: 18px;
    font-size: 1.125rem;
    text-decoration: none;
    background-color: #fff;
    width: 300px;
    height: 60px;
    border: solid 1px #00af50;
    margin: 0 auto;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
  }
  .hataraku__btn-2 a:after {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    top: calc(50% - 16px);
    right: 20px;
  }
  .hataraku__btn-2 a:hover {
    color: #fff;
    background-color: #00af50;
  }
  .hataraku .erformance {
    background-color: #fff;
    max-width: 800px;
    padding: 20px;
    border: solid 5px #ebebeb;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .hataraku .erformance__header {
    margin-bottom: 20px;
  }
  .hataraku .erformance__title {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
  }
  .hataraku .erformance__body ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hataraku .erformance__body ul li {
    margin-right: 60px;
  }
  .hataraku .erformance__body ul li:last-child {
    margin-right: 0;
  }
  /* リーズンホワイ */
  .reasonwhy {
    background-color: #fff;
    padding: 30px;
    border-bottom: solid 1px #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .reasonwhy__img {
    margin-right: 20px;
  }
  .reasonwhy__img a {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .reasonwhy__img a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  /* SNS */
  .sns {
    background-color: #fff;
    padding: 30px;
    border-bottom: solid 1px #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* ページトップへボタン */
  .btn--pagetop {
    display: none;
    /*
	.page-hataraku & {
		
		a {
			border: solid 1px $base_color_main-hataraku;
			
			&:after {
				color: $base_color_main-hataraku;
			}
			
			&:hover {
				background-color: $base_color_main-hataraku;
				border: solid 1px $base_color_main-hataraku;
				
				&:after {
					color: #fff;
				}
			}
			
		}
	}
*/
  }
  .btn--pagetop a {
    width: 60px;
    height: 60px;
    background-color: #009DDC;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    display: block;
    position: relative;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .btn--pagetop a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  .btn--pagetop a:after {
    color: #fff;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: "FontAwesome";
    content: "\f106";
    position: absolute;
    top: calc(50% -  33px);
    left: calc(50% -  11px);
  }
  /* フッター */
  .footer {
    padding: 30px;
  }
  .footer__logo {
    width: 286px;
    height: 66px;
    margin: 0 auto 30px;
  }
  .footer__logo a {
    display: block;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .footer__logo a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
  }
  .footer__logo a img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .footer__navi {
    margin-bottom: 20px;
  }
  .footer__navi ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__navi ul li {
    margin: 0 1em;
  }
  .footer__navi ul li a {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: none;
  }
  .footer__navi ul li a:hover {
    color: #009DDC;
  }
  .footer__copyright {
    font-size: 12px;
    font-size: 0.75rem;
    text-align: center;
  }
}

/*# sourceMappingURL=style.css.map */