@charset "UTF-8";
/* --------------------------------------------------------------
   共通
-------------------------------------------------------------- */
body {
  min-width: 11rem;
  color: #000;
  font-size: .18rem;
  font-family: "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  body {
    min-width: 320px;
    font-size: .16rem;
  }
}

.wrapper {
  overflow: hidden;
}

.container {
  max-width: 930px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .container {
    max-width: 100%;
    width: calc(100% - .3rem);
  }
}

a {
  color: #000;
}

@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

.img_switch {
  visibility: hidden;
}

@media screen and (max-width: 767px) {
  .pconly {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sponly {
    display: none;
  }
}

/* header
--------------------------------------------------------------*/
.cmn_header {
  height: 0;
  position: relative;
}
.cmn_header .container {
  height: 9.45rem;
  padding: .3rem 0 0;
  position: absolute;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .cmn_header .container {
    height: 5.2rem;
    padding: .16rem 0 0;
  }
}
.cmn_header .container .logo {
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .cmn_header .container .logo {
    width: 1.18rem;
    display: inline-block;
  }
}
.cmn_header .container .nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  position: absolute;
  bottom: .65rem;
}
@media screen and (max-width: 767px) {
  .cmn_header .container .nav {
    bottom: .65rem;
  }
}
.cmn_header .container .nav .product {
  opacity: 1;
  transition: .4s;
  position: absolute;
  left: -1.1rem;
  bottom: -.1rem;
}
@media screen and (max-width: 767px) {
  .cmn_header .container .nav .product {
    width: 2.075rem;
    left: -.11rem;
    bottom: 0.78rem;
  }
}
.cmn_header .container .nav .global li{
    width: 46%;
}
.cmn_header .container .nav .global {
  display: flex !important;
  /*flex-wrap: wrap;*/
  justify-content: space-between;
}
.cmn_header .container .nav .global li.info {
  opacity: 0;
  transition: .4s;
  position: absolute;
  left: 0;
  z-index: -1;
}
.cmn_header .container .nav .global li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.cmn_header .container .nav .global li.btn a {
  color: #fff;
  background-color: #ea5514;
}
@media screen and (min-width: 768px) {
  .cmn_header .container .nav .global {
    width: 4.8rem;
    padding: 0rem 0 0.1rem;
  }
  .cmn_header .container .nav .global li a {
    height: .6rem;
    font-size: .16rem;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    text-align: center;
  }
  .cmn_header .container .nav .global li a:hover {
    opacity: .7;
  }
  .cmn_header .container .nav .global li.btn a {
    width: 1.6rem;
    border-radius: .05rem;
  }
}
@media screen and (max-width: 767px) {
  .cmn_header .container .nav .global {
    width: 100%;
  }
  .cmn_header .container .nav .global li a {
    height: .3rem;
    font-size: 0.64em;
    line-height: 1.25;
    text-align: center;
  }
  .cmn_header .container .nav .global li.btn a {
    padding: 0.7em;
    height: initial;
    line-height: 1.4em;
    font-size: 0.64em;
    border-radius: 0.025rem;
  }
}
.cmn_header.scrolled {
  width: 100%;
  min-width: 11rem;
  height: 1.8rem;
  background-color: #fff;
  position: fixed;
  z-index: 1000;
}
@media screen and (max-width: 767px) {
  .cmn_header.scrolled {
    height: 1.44rem;
    min-width: 100%;
  }
}
.cmn_header.scrolled .container {
  height: 1.8rem;
}
@media screen and (max-width: 767px) {
  .cmn_header.scrolled .container {
    height: .94rem;
  }
}
.cmn_header.scrolled .container .nav {
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .cmn_header.scrolled .container .nav {
    margin: .1rem 0 0;
    position: static;
  }
}
.cmn_header.scrolled .container .nav .product {
  opacity: 0;
}
.cmn_header.scrolled .container .nav .global li.info {
  opacity: 1;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .cmn_header.scrolled .container .nav .global li.info {
    width: 1.48rem;
    top: .08rem;
    left: auto;
    right: 0;
  }
}

/* footer
--------------------------------------------------------------*/
.cmn_footer {
  padding: .25rem 0 .35rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cmn_footer {
    padding: .32rem 0 .18rem;
  }
}
.cmn_footer .copyright small {
  display: inline-block;
  font-size: .14rem;
}
@media screen and (max-width: 767px) {
  .cmn_footer .copyright small {
    font-size: .09rem;
  }
}

/* --------------------------------------------------------------
   module
-------------------------------------------------------------- */
/* Bg ---------- */
/* 01 */
.mod_bg01 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .mod_bg01 {
    background-size: 100%;
  }
}

/* 02 */
.mod_bg02 {
  background-repeat: no-repeat;
  background-position: center;
}

/* 03 */
.mod_bg03 {
  background-repeat: repeat;
}

/* Layout ---------- */
/* 01 */
.mod_layout01 {
  padding: .7rem 0 1rem;
}
@media screen and (max-width: 767px) {
  .mod_layout01 {
    padding: .3rem 0 .35rem;
  }
}

/* 02 */
.mod_layout02 {
  padding: 1rem 0;
}
@media screen and (max-width: 767px) {
  .mod_layout02 {
    padding: .35rem 0;
  }
}

/* 03 */
.mod_layout03 {
  padding: 1rem 0 .9rem;
}
@media screen and (max-width: 767px) {
  .mod_layout03 {
    padding: .35rem 0;
  }
}

/* 04 */
.mod_layout04 {
  padding: .7rem 0 .85rem;
}
@media screen and (max-width: 767px) {
  .mod_layout04 {
    padding: .35rem 0 .2rem;
  }
}

/* Fonts ---------- */
.fonts_hiramin {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HiraMinProN", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", serif;
  font-weight: bold;
  font-feature-settings: "palt";
}

.fonts_hiramin_w3 {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "Yu Mincho", YuMincho, "HG明朝E", serif;
  font-feature-settings: "palt";
}

.fonts_hirakaku {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-feature-settings: "palt";
}
.fonts_hirakaku.w6 {
  font-weight: bold;
}

/* Tit ---------- */
.mod_tit01 {
  font-size: .5rem;
  line-height: 1.2;
  letter-spacing: -.05em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mod_tit01 {
    font-size: .3rem;
    line-height: 1.1;
  }
}
.mod_tit01 .c_blue {
  color: #22558d;
}
.mod_tit01 .border_blue,
.mod_tit01 .border_orange {
  display: block;
  padding: 0 0 .25rem;
}
@media screen and (max-width: 767px) {
  .mod_tit01 .border_blue,
  .mod_tit01 .border_orange {
    padding: 0 0 .13rem;
  }
}
.mod_tit01 .border_blue {
  border-bottom: .06rem dotted #bde3ef;
}
@media screen and (max-width: 767px) {
  .mod_tit01 .border_blue {
    border-bottom-width: .03rem;
  }
}
.mod_tit01 .border_orange {
  border-bottom: .06rem dotted #facb8a;
}
@media screen and (max-width: 767px) {
  .mod_tit01 .border_orange {
    border-bottom-width: .03rem;
  }
}

.mod_tit02 {
  font-size: .3rem;
  line-height: 1.1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .mod_tit02 {
    font-size: .195rem;
    line-height: 1.2;
  }
}
.mod_tit02 span {
  display: block;
}
.mod_tit02 .name {
  margin: .2rem 0 0;
  font-size: .45rem;
  color: #ea5514;
  letter-spacing: -.05em;
}
@media screen and (max-width: 767px) {
  .mod_tit02 .name {
    margin: .1rem 0 0;
    font-size: .2925rem;
    line-height: 1.13;
  }
}
.mod_tit02 .en {
  display: inline-block;
  margin: .1rem 0 0;
  width: 3.18rem;
}
@media screen and (max-width: 767px) {
  .mod_tit02 .en {
    width: 2.07rem;
    margin: 0;
  }
}

/* Frex ---------- */
.mod_flex {
  display: flex;
  flex-wrap: wrap;
}
.mod_flex p {
	margin:20px auto;
	font-weight:bold;
	line-height:160%;
}


/* TOP
--------------------------------------------------------------*/
/* article ----------- */
.article .mv {
  padding: 0 0 .7rem;
  margin: 0 0 2.1rem;
}
@media screen and (max-width: 767px) {
  .article .mv {
    padding: 0 0 .2rem;
    margin: 0 0 1.08rem;
  }
}
.article.scrolled .mv {
  padding: 0 0 .7rem;
}
@media screen and (max-width: 767px) {
  .article.scrolled .mv {
    padding: 0 0 .2rem;
  }
}

/* MV ----------- */
.mv {
  height: 8rem;
  background-image: url(../img/cmn/mv_pc.jpg);
}
@media screen and (max-width: 767px) {
  .mv {
    height: auto;
    background-image: url(../img/cmn/mv_sp.jpg);
  }
}
.mv .catch {
  padding: 1.55rem 0 0;
  margin-left: -.1rem;
}
@media screen and (max-width: 767px) {
  .mv .catch {
    width: 2.49rem;
    padding: 0.3rem 0 2.12rem;
    margin-left: 0;
  }
}

/* お悩み ----------- */
.worry {
  padding: 0 0 1rem;
}
@media screen and (max-width: 767px) {
  .worry {
    padding: 0 0 .35rem;
  }
}
.worry .mod_tit01 {
  margin: 0 0 .4rem;
}
@media screen and (max-width: 767px) {
  .worry .mod_tit01 {
    margin: 0 0 .17rem;
  }
}
.worry .inner {
  background-image: url(../img/worry_bg_pc.jpg);
  background-size: 9.38rem auto;
}
@media screen and (max-width: 767px) {
  .worry .inner {
    background-image: url(../img/worry_bg_sp.jpg);
    background-size: 100%;
  }
}
.worry .inner .container {
  height: 6.49rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .worry .inner .container {
    width: 100%;
    height: 3.18rem;
  }
}
.worry .inner .container li {
  position: absolute;
}
.worry .inner .container li.li01 {
  top: 0;
  left: .59rem;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li01 {
    width: 1.35rem;
    left: .15rem;
  }
}
.worry .inner .container li.li02 {
  top: .3rem;
  right: .95rem;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li02 {
    width: 1rem;
    top: .18rem;
    right: .61rem;
  }
}
.worry .inner .container li.li03 {
  top: 1.8rem;
  left: .08rem;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li03 {
    width: 1.04rem;
    top: .8rem;
    left: .2rem;
  }
}
.worry .inner .container li.li04 {
  top: 1.9rem;
  right: .2rem;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li04 {
    width: 1.12rem;
    top: .75rem;
    right: .17rem;
  }
}
.worry .inner .container li.li05 {
  top: 3.4rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li05 {
    width: 1.25rem;
    top: auto;
    bottom: .75rem;
    left: .1rem;
  }
}
.worry .inner .container li.li06 {
  right: .2rem;
  bottom: 1.4rem;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li06 {
    width: 1.29rem;
    right: .15rem;
    bottom: .7rem;
  }
}
.worry .inner .container li.li07 {
  left: 1.79rem;
  bottom: .55rem;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li07 {
    width: .89rem;
    left: .47rem;
    bottom: .07rem;
  }
}
.worry .inner .container li.li08 {
  right: 2.55rem;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .worry .inner .container li.li08 {
    width: 1.28rem;
    right: .42rem;
  }
}

/* 選択理論心理学とは ----------- */
.about .about_before {
  height: 8.16rem;
  padding: 1rem 0 0;
  background-image: url(../img/about_before_bg_pc.jpg);
}
@media screen and (max-width: 767px) {
  .about .about_before {
    height: 7.965rem;
    padding: .3rem 0 0;
    background-image: url(../img/about_before_bg_sp.jpg);
  }
}
.about .about_before .txt {
  width: 7.2rem;
  margin-left: 2.1rem;
  padding: .4rem 0 .45rem .6rem;
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 767px) {
  .about .about_before .txt {
    width: 100%;
    margin-left: 0;
    padding: .15rem .15rem .2rem;
  }
}
.about .about_before .txt p {
  line-height: 1.78;
}
@media screen and (max-width: 767px) {
  .about .about_before .txt p {
    line-height: 1.375;
  }
}
.about .about_before .txt p + p {
  margin-top: .3rem;
}
@media screen and (max-width: 767px) {
  .about .about_before .txt p + p {
    margin-top: .25rem;
  }
}
.about .about_main {
  background-image: url(../img/about_bg_pc.jpg);
}
@media screen and (max-width: 767px) {
  .about .about_main {
    background-image: url(../img/about_bg_sp.jpg);
    background-position: center top;
  }
}
.about .about_main .mod_tit01 {
  max-width: 7.9rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .about .about_main .mod_tit01 {
    max-width: 100%;
    width: calc(100% - .3rem);
  }
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .mod_tit01 {
    font-size: .2632rem;
  }
}
.about .about_main .about_learn .txt_area {
  width: 6.15rem;
  margin: .45rem auto .4rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .txt_area {
    width: calc(100% - .3rem);
    margin: .2rem auto .28rem;
  }
}
.about .about_main .about_learn .txt_area p {
  line-height: 1.78;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .txt_area p {
    line-height: 1.375;
  }
}
.about .about_main .about_learn .txt_area span {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .txt_area span {
    display: inline-block;
  }
}
.about .about_main .about_learn .txt_area .c_blue {
  color: #0d6fb8;
}
.about .about_main .about_learn .txt_area .c_orange {
  color: #ea5514;
}
.about .about_main .about_learn .txt_img {
  justify-content: center;
  align-items: center;
  height: 3.64rem;
  margin: 0 0 .35rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .txt_img {
    display: block;
    height: auto;
    margin: 0 0 .25rem;
  }
}
.about .about_main .about_learn .txt_img li {
  width: 3.06rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .txt_img li {
    width: 2.4rem;
    margin: 0 auto;
  }
}
.about .about_main .about_learn .txt_img li.arrow {
  display: flex;
  align-items: center;
  width: .45rem;
  height: 100%;
  margin: 0 .2rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .txt_img li.arrow {
    width: .2rem;
    margin: .07rem auto;
  }
}
.about .about_main .about_learn .list {
  height: 2.85rem;
  margin: 0 auto .7rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .list {
    width: 100%;
    height: 3.28rem;
    margin: 0 auto .25rem;
  }
}
.about .about_main .about_learn .list .img li {
  position: absolute;
}
.about .about_main .about_learn .list .img li.li01 {
  top: .15rem;
  left: 2.55rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .list .img li.li01 {
    width: 1.54rem;
    top: 0;
    left: auto;
    right: .1rem;
  }
}
.about .about_main .about_learn .list .img li.li02 {
  top: .25rem;
  left: .1rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .list .img li.li02 {
    width: 1.3rem;
    top: .08rem;
    left: .06rem;
  }
}
.about .about_main .about_learn .list .img li.li03 {
  left: .85rem;
  bottom: .05rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .list .img li.li03 {
    width: 1.98rem;
    top: .86rem;
    left: auto;
    right: .25rem;
    bottom: auto;
  }
}
.about .about_main .about_learn .list .img li.li04 {
  top: 0;
  right: 2.15rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .list .img li.li04 {
    width: 1.16rem;
    top: auto;
    right: auto;
    left: .2rem;
    bottom: .95rem;
  }
}
.about .about_main .about_learn .list .img li.li05 {
  top: 0;
  right: .15rem;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .list .img li.li05 {
    width: 1.16rem;
    top: auto;
    right: .18rem;
    bottom: .93rem;
  }
}
.about .about_main .about_learn .list .img li.li06 {
  right: 1.4rem;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .list .img li.li06 {
    width: 1.31rem;
    right: .98rem;
  }
}
.about .about_main .about_learn .intro {
  justify-content: space-between;
  padding: .5rem .65rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_learn .intro {
    padding: .2rem .15rem;
  }
  .about .about_main .about_learn .intro .pic {
    width: 2.1rem;
    margin: 0 auto .2rem;
  }
}
.about .about_main .about_can {
  padding: .95rem 0 0;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_can {
    padding: .35rem 0 0;
  }
}
.about .about_main .about_can .list {
  justify-content: space-around;
  width: 8.8rem;
  margin: .6rem auto 0;
}
@media screen and (max-width: 767px) {
  .about .about_main .about_can .list {
    width: 2.94rem;
    margin: .24rem auto 0;
  }
  .about .about_main .about_can .list li + li {
    margin-top: .2rem;
  }
}

/* パートナーシップ・トレーニング・プログラム ----------- */
.info .main_img {
  margin: .55rem auto 0;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .info .main_img {
    margin: .32rem auto 0;
  }
}
.info .main_img .txt {
  position: absolute;
  top: -.4rem;
  right: calc((100% - 8.4rem) / 2);
}
@media screen and (max-width: 767px) {
  .info .main_img .txt {
    width: 1.35rem;
    top: -.2rem;
    right: 0;
  }
}
.info .btn a {
  display: block;
  width: 6.4rem;
  height: .85rem;
  line-height: .28rem;
  padding-top: 0.6em;
  margin: .3rem auto .6rem;
  font-size: .24rem;
  font-weight: bold;
  font-feature-settings: "palt";
  color: #fff;
  text-align: center;
  border-radius: .05rem;
  background-color: #ea5514;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.info .btn a:hover {
  opacity: .7;
}
@media screen and (max-width: 767px) {
  .info .btn a {
    width: calc(100% - .3rem);
    height: .475rem;
    line-height: .175rem;
    margin: .15rem auto .32rem;
    font-size: .12rem;
  }
}
.info .inner {
  padding: .6rem .65rem;
  background-color: #eee;
}
@media screen and (max-width: 767px) {
  .info .inner {
    padding: .2rem .15rem;
  }
}
.info .inner .pic01 {
  float: left;
  margin: 0 .5rem .35rem 0;
}
@media screen and (max-width: 767px) {
  .info .inner .pic01 {
    float: none;
    width: 2.01rem;
    margin: 0 auto .2rem;
  }
}
.info .inner .txt .intro {
  padding: 0 0 .15rem;
  margin: 0 0 .25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .info .inner .txt .intro {
    padding: 0 0 .1rem;
    margin: 0 0 .18rem;
    border-bottom: .01rem solid #000;
  }
}
.info .inner .txt .intro::after {
  content: "";
  width: calc(100% - 3rem);
  height: .01rem;
  background-color: #000;
  position: absolute;
  top: 1rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .info .inner .txt .intro::after {
    content: none;
  }
}
.info .inner .txt .intro .name {
  margin: 0 0 .2rem;
  font-size: .36rem;
}
@media screen and (max-width: 767px) {
  .info .inner .txt .intro .name {
    margin: 0 0 .08rem;
    font-size: .3rem;
  }
}
.info .inner .txt .intro .name .position {
  display: inline-block;
  width: .94rem;
  height: .36rem;
  line-height: .38rem;
  margin-right: .2rem;
  font-size: .28rem;
  text-align: center;
  border-radius: .04rem;
  border: .01rem solid #000;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .info .inner .txt .intro .name .position {
    width: .47rem;
    height: .2rem;
    line-height: .2rem;
    margin-right: .1rem;
    font-size: .14rem;
    border-radius: .02rem;
    vertical-align: bottom;
  }
}
.info .inner .txt .intro .company {
  font-size: .24rem;
}
@media screen and (max-width: 767px) {
  .info .inner .txt .intro .company {
    font-size: .125rem;
  }
}
.info .inner .txt .desc {
  font-size: .16rem;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .info .inner .txt .desc {
    line-height: 1.375;
  }
}
.info .inner .pic02 {
  margin: .35rem 0 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .info .inner .pic02 {
    margin: .2rem 0 0;
  }
}

/* プログラムの内容 ----------- */
.program {
  background-image: url(../img/program_bg.png);
}
.program .mod_tit01 {
  max-width: 7.9rem;
  margin: 0 auto .6rem;
}
@media screen and (max-width: 767px) {
  .program .mod_tit01 {
    max-width: 100%;
    width: calc(100% - .3rem);
    margin: 0 auto .2rem;
  }
}
.program .inner {
  padding: .6rem .65rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .program .inner {
    padding: .2rem .15rem;
  }
}
.program .inner li {
  position: relative;
}
.program .inner li .tit {
  padding: .12rem .15rem;
  margin: 0 0 .3rem;
  font-size: .36rem;
  border-left: .09rem solid;
}
@media screen and (max-width: 767px) {
  .program .inner li .tit {
    padding: .06rem;
    margin: 0 0 .15rem;
    font-size: .21rem;
    border-left-width: .045rem;
  }
}
@media screen and (max-width: 767px) {
  .program .inner li .txt {
    width: 100%;
  }
}
.program .inner li .case {
  margin: .2rem 0 0 1.45rem;
}
@media screen and (max-width: 767px) {
  .program .inner li .case {
    margin: .1rem 0 0 .97rem;
  }
}
.program .inner li .img {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .program .inner li .img {
    position: relative;
  }
}
.program .inner li.li02, .program .inner li.li03 {
  margin-top: .5rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li02, .program .inner li.li03 {
    margin-top: .2rem;
  }
}
.program .inner li .txt + .txt {
  margin-top: .3rem;
}
@media screen and (max-width: 767px) {
  .program .inner li .txt + .txt {
    margin-top: .2rem;
  }
}
.program .inner li.li01 .tit {
  color: #ea5514;
  border-left-color: #ea5514;
}
.program .inner li.li01 .img {
  width: 2.63rem;
  top: -.1rem;
  right: -.35rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li01 .img {
    width: 1.98rem;
    margin: .16rem auto 0;
    top: 0;
    right: 0;
  }
}
.program .inner li.li02 .tit {
  color: #306f08;
  border-left-color: #306f08;
}
.program .inner li.li02 .img {
  top: .4rem;
  right: -.65rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li02 .img {
    width: 2.9rem;
    margin: .2rem 0 0 -.15rem;
    top: 0;
    right: 0;
  }
}
.program .inner li.li03 .tit {
  color: #285799;
  border-left-color: #285799;
}
.program .inner li.li03 .img {
  top: 1.05rem;
  right: -.4rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .img {
    width: 2.78rem;
    margin: .17rem 0 0 -.06rem;
    top: 0;
    right: 0;
  }
}
.program .inner li.li03 .deco {
  position: relative;
}
.program .inner li.li03 .deco::after {
  content: "";
  width: .18rem;
  background-repeat: no-repeat;
  background-size: .18rem auto;
  position: absolute;
  top: .35rem;
  left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .deco::after {
    width: .115rem;
    background-size: .115rem auto;
    top: .23rem;
    left: .82rem;
  }
}
.program .inner li.li03 .deco.li03_07 {
  margin: 0 0 .35rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .deco.li03_07 {
    margin: 0 0 .15rem;
  }
}
.program .inner li.li03 .deco.li03_07::after {
  height: .74rem;
  background-image: url(../img/program_li_txt07_deco_pc.png);
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .deco.li03_07::after {
    height: .61rem;
    background-image: url(../img/program_li_txt07_deco_sp.png);
  }
}
.program .inner li.li03 .deco.li03_08 {
  margin: 0 0 .45rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .deco.li03_08 {
    margin: 0 0 .15rem;
  }
}
.program .inner li.li03 .deco.li03_08::after {
  height: .99rem;
  background-image: url(../img/program_li_txt08_deco_pc.png);
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .deco.li03_08::after {
    height: .8rem;
    background-image: url(../img/program_li_txt08_deco_sp.png);
  }
}
.program .inner li.li03 .deco.li03_09 {
  margin: 0 0 .3rem;
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .deco.li03_09 {
    margin: 0 0 .15rem;
  }
}
.program .inner li.li03 .deco.li03_09::after {
  height: .98rem;
  background-image: url(../img/program_li_txt09_deco_pc.png);
}
@media screen and (max-width: 767px) {
  .program .inner li.li03 .deco.li03_09::after {
    height: .8rem;
    background-image: url(../img/program_li_txt09_deco_sp.png);
  }
}

/* プログラムの効果的な使い方 ----------- */
.howto .mod_tit01 {
  max-width: 7.9rem;
  margin: 0 auto .55rem;
}
@media screen and (max-width: 767px) {
  .howto .mod_tit01 {
    max-width: 100%;
    width: calc(100% - .3rem);
    margin: 0 auto .2rem;
  }
}
.howto .list {
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .howto .list {
    width: calc(100% - .3rem);
    margin: 0 auto;
  }
}
.howto .list li {
  width: 2.7rem;
  margin: 0 .1rem;
}
@media screen and (max-width: 767px) {
  .howto .list li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  .howto .list li + li {
    margin-top: .15rem;
  }
}
.howto .list li .pic {
  width: 2.5rem;
  margin: 0 auto .1rem;
}
@media screen and (max-width: 767px) {
  .howto .list li .pic {
    width: 1.43rem;
    margin: 0 0 0 -.04rem;
  }
}
.howto .list li .desc {
  font-size: .18rem;
  font-weight: normal;
  letter-spacing: -.05em;
  line-height: .3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .howto .list li .desc {
    width: calc(100% - 1.43rem);
    font-size: .12rem;
    line-height: .2rem;
  }
}

/* 利用者の声 ----------- */
.voice {
  background-image: url(../img/voice_bg.png);
}
.voice .mod_tit01 {
  max-width: 7.9rem;
  margin: 0 auto .5rem;
}
@media screen and (max-width: 767px) {
  .voice .mod_tit01 {
    max-width: 100%;
    width: calc(100% - .3rem);
    margin: 0 auto .2rem;
  }
}
.voice .list {
  justify-content: space-between;
  max-width: 9.6rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .voice .list {
    max-width: 100%;
    width: 3.115rem;
  }
}
@media screen and (max-width: 767px) {
  .voice .list li {
    width: 100%;
  }
}
.voice .list .li01 {
  margin: .05rem 0 .75rem;
}
@media screen and (max-width: 767px) {
  .voice .list .li01 {
    margin: -.08rem 0 0;
  }
}
.voice .list .li04 {
  margin: -1.35rem 0 0;
}
@media screen and (max-width: 767px) {
  .voice .list .li04 {
    margin: -.08rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .voice .list li + li {
    margin: -.08rem 0 0;
  }
}

/* パートナーシップ・トレーニング・プログラム ----------- */
.purchase {
  padding: 0.6rem 0;
  background-image: url(../img/purchase_bg_pc.jpg);
}
@media screen and (max-width: 767px) {
  .purchase {
    height: 5.19rem;
    padding: .35rem 0 .25rem;
    background-image: url(../img/purchase_bg_sp.jpg);
    background-position: center top;
  }
}
.purchase .mod_tit02 .name {
  margin: 0;
}
.purchase .inner {
  max-width: 7.38rem;
  margin: .4rem auto 0;
}
@media screen and (max-width: 767px) {
  .purchase .inner {
    width: 100%;
    max-width: 100%;
    margin: .25rem auto 0;
  }
}
@media screen and (max-width: 767px) {
  .purchase .inner .img {
    width: 100%;
  }
}
.purchase .inner .txt {
  margin: .25rem 0 0;
}
@media screen and (max-width: 767px) {
  .purchase .inner .txt {
    width: calc(100% - .3rem);
    margin: .1rem auto;
  }
}
.purchase .inner .txt .price {
  width: 3.24rem;
}
@media screen and (max-width: 767px) {
  .purchase .inner .txt .price {
    width: 1.95rem;
  }
}
.purchase .inner .txt .cot01 {
  width: 2.29rem;
  margin: .1rem 0 .3rem;
}
@media screen and (max-width: 767px) {
  .purchase .inner .txt .cot01 {
    width: 1.37rem;
    margin: .05rem 0 .1rem;
  }
}
.purchase .inner .txt .cot02 {
  width: 3.47rem;
}
@media screen and (max-width: 767px) {
  .purchase .inner .txt .cot02 {
    width: 2.09rem;
  }
}
.purchase .inner .txt .btn {
  width: 3.5rem;
  margin: .2rem 0 0;
}
@media screen and (max-width: 767px) {
  .purchase .inner .txt .btn {
    width: 100%;
    margin: .1rem 0 0;
  }
}
.purchase .inner .txt .btn a {
  display: block;
  height: .65rem;
  line-height: .25rem;
  font-size: .2rem;
  font-weight: bold;
  font-feature-settings: "palt";
  color: #fff;
  text-align: center;
  border-radius: .04rem;
    padding-top: 0.3em;
  background-color: #ea5514;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.purchase .inner .txt .btn a:hover {
  opacity: .7;
}
@media screen and (max-width: 767px) {
  .purchase .inner .txt .btn a {
    width: 100%;
    height: .64rem;
    line-height: .175rem;
    font-size: .12rem;
    border-radius: .02rem;
  }
}

/* MARCアプリ ----------- */
.marcAppli {
  height: 11.19rem;
  padding: 1rem 0 0;
  background-image: url(../img/purchase_bg_pc.jpg);
}
@media screen and (max-width: 767px) {
  .marcAppli {
    height: 8.19rem;
    padding: .35rem 0 .25rem;
	  margin-top:100px;
    background-image: url(../img/purchase_bg_sp.jpg);
    background-position: center top;
  }
}
.marcAppli .mod_tit02 .name {
  margin: 0;
}
.marcAppli .inner {
  max-width: 9.38rem;
  margin: .8rem auto 0;
}
.marcAppli .inner .img {
	margin-right:20px;
}
@media screen and (max-width: 767px) {
  .marcAppli .inner {
    width: 100%;
    max-width: 100%;
    margin: .25rem auto 0;
  }
}
@media screen and (max-width: 767px) {
  .marcAppli .inner .img {
    width: 100%;
	  
  }
}
.marcAppli .inner .txt {
  margin: .25rem 0 0;
}
@media screen and (max-width: 767px) {
  .marcAppli .inner .txt {
    width: calc(100% - .3rem);
    margin: .1rem auto;
  }
}
.marcAppli .inner .txt .price {
  width: 3.24rem;
	margin:40px 0 20px 0;
}
@media screen and (max-width: 767px) {
  .marcAppli .inner .txt .price {
    width: 1.95rem;
  }
}
.marcAppli .inner .txt .cot01 {
  width: 2.29rem;
  margin: .1rem 0 .3rem;
}
@media screen and (max-width: 767px) {
  .marcAppli .inner .txt .cot01 {
    width: 1.37rem;
    margin: .05rem 0 .1rem;
  }
}
.marcAppli .inner .txt .cot02 {
  width: 3.47rem;
}
@media screen and (max-width: 767px) {
  .marcAppli .inner .txt .cot02 {
    width: 2.09rem;
  }
}
.marcAppli .btn {
	display: block;
	text-align:center;
  width: 5.5rem;
  margin:0 auto 0 200px;
}
@media screen and (max-width: 767px) {
  .marcAppli .btn {
    width: 100%;
    margin: 0 auto;
  }
}
.marcAppli .btn a {
  display: block;
	margin:0 auto;
  height: .85rem;
  line-height: .30rem;
  font-size: 1.2em;
	padding:12px 25px 0;
  font-weight: bold;
  font-feature-settings: "palt";
  color: #fff;
  text-align: center;
  border-radius: .04rem;
  background-color: #ea5514;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.marcAppli .btn a:hover {
  opacity: .7;
}
@media screen and (max-width: 767px) {
  .marcAppli .btn a {
    width: 90%;
    height: .475rem;
    line-height: .175rem;
    font-size: .12rem;
    border-radius: .02rem;
	  padding-top:6px;
  }
}
ul.appliNotice {
	margin:20px 20px 20px 40px;
}
ul.appliNotice li {
	line-height:170%;
	list-style: disc !important;
	display:list-item;
}
.about-program{
    max-width: 900px;
    width: 90%;
    margin: 0 auto ;
}
.about-program-title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  width: 90%;
    margin: 24px auto 0;
}
@media screen and (max-width: 768px) {
  .about-program-title-wrap {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.about-program-title h3 {
  font-family: "Noto Serif JP", sans-serif;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .about-program-title h3 {
    font-size: 1.8rem;
    background-color: #F6EFE7;
  }
}
.about-program-title p {
  line-height: 1.6em;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .about-program-title p {
    max-width: 90%;
    margin: 0 auto;
    font-size: 0.17rem;
    line-height: 1.6em;
  }
}
.flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.is-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .is-sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .flow-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10px;
    gap: 34px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.about-program-img {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .about-program-img {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
}
.about-program h4{    font-size: 0.3rem;
    font-weight: 600;}
.about-program-img {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .about-program-img {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .about-program h4 {
    font-size: 0.4rem;
    font-weight: 600;
    max-width: 90%;
    margin: 0 auto 0.4em;
  }
}

@-moz-document url-prefix() {
	* {
		text-shadow:0 0px 1px #000;
	}
.content .corp {
	text-align: center;
	padding-top: 20px;
}
}
.flow {
  background-color: #F6EFE7;
  margin-top: 20px;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .flow {
    padding: 10px 10px;
  }
}
.flow h4 {
  font-size: 0.3rem;
  line-height: 1.4em;
  text-align: center;
  padding:0.5em 0 0.6em;
}
.flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    margin: 0 0 1em;
}
@media screen and (max-width: 768px) {
  .flow-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10px;
    gap: 34px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
      margin-bottom: 0.8em;
  }
}
.flow-item {
  font-size: 14px;
  display: block;
  position: relative;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .flow-item {
    width: 100%;
  }
}
.flow-item{
  padding: 10px 16px 10px 20px;
  background: #5A1E0F;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          /*justify-content: center;*/
}
@media screen and (max-width: 768px) {
  .flow-item {
    height: auto;
  }
}
.flow-item::before, .flow-item::after {
  content: "";
  position: absolute;
  right: -1px;
}
.flow-item::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 48px 0;
  border-color: transparent #F6EFE7 transparent transparent;
  top: -1px;
}
@media screen and (max-width: 768px) {
  .flow-item::before {
    display: none;
  }
}
.flow-item::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 48px 10px;
  border-color: transparent transparent #F6EFE7 transparent;
  bottom: -1px;
}
@media screen and (max-width: 768px) {
  .flow-item::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-color: #5A1E0F transparent transparent transparent;
  }
}
.flow-item span {
  position: absolute;
  bottom: 100%;
  left: 0;
  color: #5A1E0F;
}
.flow-item {
  width : calc(100% / 3) ;
}
@media screen and (max-width: 768px) {
  .flow-item{
    margin-top: -10px;
    width: 100%;
  }
}