@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* A Modern CSS Reset */
*, *::before, *::after {
  box-sizing: border-box; }

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0; }

ul[role="list"], ol[role="list"] {
  list-style: none; }

html:focus-within {
  scroll-behavior: smooth; }

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

a:not([class]) {
  text-decoration-skip-ink: auto; }

img, picture {
  max-width: 100%;
  display: block; }

input, button, textarea, select {
  font: inherit; }

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto; }

  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important; } }
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden; }

ul, ol, li {
  list-style: none;
  padding: 0; }

a {
  outline: none; }

/*テストハードリセット*/
/*
*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
*/
/*--------------------------
メディアクエリ設定
---------------------------*/
/*マップ型変数で定義*/
/*@mixinでメディアクエリを呼び出す。変数mq、初期値sm*/
/*@include mq(sm){
}
@include mq(pc){
}*/
/* -------------------------------------
common Scss Document
---------------------------------------*/
body {
  font-family: 'Noto Sans JP','Noto Sans', sans-serif,"YuGothic,游ゴシック体,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif";
  background: #ffefed;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  counter-reset: number 0;
  color: #404040;
  overflow-x: hidden; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.hp_txt_small {
  font-size: 0.8em; }

.hp_bg_fff {
  background: #fff !important; }

.ta-l {
  text-align: left !important; }

.ta-c {
  text-align: center !important; }

.mt10 {
  margin-top: 10px !important; }

.hp_pos_rel {
  position: relative !important; }

@media screen and (max-width: 767px) {
  .hp_sp_br {
    display: block; } }
@media screen and (min-width: 768px) {
  .hp_sp_br {
    display: none; } }

@media screen and (max-width: 767px) {
  .hp_pc_br {
    display: none; } }
@media screen and (min-width: 768px) {
  .hp_pc_br {
    display: block; } }

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

@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: auto; } }
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none; } }

/*--------------------------------------
ヘッダー
---------------------------------------*/
/*スマホ優先！*/
.ly_header {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  transition: .3s all;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3037c+0,e83942+50,eb6216+100 */
  background: #e3037c;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e3037c 0%, #e83942 50%, #eb6216 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e3037c 0%, #e83942 50%, #eb6216 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e3037c 0%, #e83942 50%, #eb6216 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3037c', endColorstr='#eb6216',GradientType=1 );
  /* IE6-9 */ }
  @media screen and (max-width: 767px) {
    .ly_header {
      height: 10vh; }
      .ly_header.js_is_active {
        display: none;
        /*メニューオープン時*/
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcbddc+0,f7d1ad+100 */
        background: #fcbddc;
        /* Old browsers */
        background: -moz-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #fcbddc 0%, #f7d1ad 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbddc', endColorstr='#f7d1ad',GradientType=1 );
        /* IE6-9 */
        /*アニメーション関連*/
        transition: .3s all;
        /*メニュー表示時は削除*/
        /*メニューオープン時*/
        /*メニューオープン時*/
        /*
        & .bl_header {
        	position: absolute;
        	top: 64px;
        	left: 0;
        	right: 0;
        	margin: auto;
        	width: 80%;
        	z-index: 10000;
        	& .bl_header_contents {
        		width: 100%;
        	}
        }*/ }
        .ly_header.js_is_active .bl_header_contentsInner {
          display: none; }
        .ly_header.js_is_active .btn_headerNavi_sp {
          background-color: transparent; }
        .ly_header.js_is_active .bl_headerInner {
          width: 100%; } }

.bl_header {
  width: 100%;
  /*padding: 0.875em;*/
  position: relative; }
  @media screen and (max-width: 767px) {
    .bl_header {
      padding: 0.5em 0.5em 0.4em;
      /*メニューオープン時*/ }
      .bl_header.bl_header__open {
        padding: 1em; } }
  @media screen and (min-width: 768px) {
    .bl_header {
      padding: 0.5em 1em; } }

.bl_headerInner {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.bl_header_contents:nth-child(n+2) {
  /*margin-left: auto;*/
  margin-left: 2em; }
@media screen and (max-width: 767px) {
  .bl_header_contents {
    width: 40%; } }
@media screen and (min-width: 768px) {
  .bl_header_contents {
    width: 16%; } }
.bl_header_contents.bl_header_contents__badge {
  margin-left: 0.8em; }
  @media screen and (max-width: 767px) {
    .bl_header_contents.bl_header_contents__badge {
      width: 28%; } }
  @media screen and (min-width: 768px) {
    .bl_header_contents.bl_header_contents__badge {
      width: 12%; } }
@media screen and (min-width: 768px) {
  .bl_header_contents.bl_header_contents__addLine {
    display: none; } }

.el_logo_img {
  width: 100%; }

/*LINEの友達ボタン*/
.el_lineAdd_img {
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .el_lineAdd_img {
      width: 90%; } }
  @media screen and (min-width: 768px) {
    .el_lineAdd_img {
      width: 80%; } }
  .el_lineAdd_img.el_lineAdd_img__s {
    width: 80%; }

/*ヘッダーボタンSP*/
@media screen and (max-width: 767px) {
  .btn_headerNavi_sp {
    background-color: #ed7700;
    /*位置調整*/
    position: absolute;
    top: 0;
    right: 0;
    z-index: 998; } }
@media screen and (min-width: 768px) {
  .btn_headerNavi_sp {
    display: none; } }

.bl_navi_btn {
  /*button*/
  display: block;
  width: 17vw;
  height: 10vh;
  padding: 1em;
  border-style: none;
  background: none; }
  .bl_navi_btn > span {
    display: block;
    width: 2em;
    height: 2px;
    margin: 0 auto;
    background: #fff;
    /*トグル*/ }
    .bl_navi_btn > span:nth-of-type(n+2) {
      margin-top: 0.5em; }
    .bl_navi_btn > span.js_is_active {
      display: block;
      width: 2em;
      height: 2px;
      margin: 0 auto;
      background: #fff; }

@media screen and (max-width: 767px) {
  .bl_header_contentsInner {
    width: 100%;
    display: block;
    margin-left: auto; } }

.bl_lineLead {
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
  position: relative; }
  @media screen and (max-width: 767px) {
    .bl_lineLead {
      font-size: 0.75em; } }
  @media screen and (min-width: 768px) {
    .bl_lineLead {
      font-size: 0.7em; } }
  @media screen and (max-width: 320px) {
    .bl_lineLead {
      font-size: 0.5em; } }
  .bl_lineLead::before {
    display: block;
    content: "";
    width: 2px;
    height: 1em;
    background-color: #fff;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    /*位置調整*/
    position: absolute;
    bottom: 0;
    left: 0; }
    @media screen and (max-width: 320px) {
      .bl_lineLead::before {
        left: -0.5em; } }
  .bl_lineLead::after {
    display: block;
    content: "";
    width: 2px;
    height: 1em;
    background-color: #fff;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    /*位置調整*/
    position: absolute;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 320px) {
      .bl_lineLead::after {
        right: -0.5em; } }

.el_btn_img {
  width: 100%; }

/*--------------------------------------
共通設定
---------------------------------------*/
.el_color_pink {
  color: #e3007f; }

.el_title.el_title__lv2 {
  font-size: 2em; }
.el_title.el_title__lv4 {
  font-size: 1.125em; }
.el_title.el_title__round {
  display: inline-block;
  min-width: 140px;
  text-align: center;
  border: solid 4px currentColor;
  padding: 0.5em 1em;
  border-radius: 64px; }
  .el_title.el_title__round .el_title_txt {
    font-size: 1em;
    letter-spacing: 0.2em;
    font-weight: bold; }
.el_title.el_title__advicechat {
  font-weight: bold;
  color: #e3007f;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .el_title.el_title__advicechat {
      font-size: 1.4em; } }
  @media screen and (min-width: 768px) {
    .el_title.el_title__advicechat {
      font-size: 2em; } }
.el_title.el_title__faqcont {
  font-size: 1.313em;
  font-weight: bold; }
.el_title.el_title__policy {
  margin: 2em 0; }

.el_title_txt {
  display: block; }
  .el_title_txt.el_title_txt__sub {
    font-size: 0.45em; }

/*--------------------------------------
ふわっとエフェクト
---------------------------------------*/
.js_effect_fade {
  opacity: 0;
  transform: translate(0, 100px);
  /* フェードインで動く高さを指定 */
  transition: all 1000ms;
  /* フェードインにかかる時間を指定 */ }

.js_effect_scroll {
  opacity: 1;
  transform: translate(0, 0); }

/*--------------------------------------
フッター
---------------------------------------*/
.ly_footer {
  width: 80%;
  padding: 3.5em 0;
  margin: 0 auto; }

.bl_footer_logo {
  text-align: center;
  margin-bottom: 2em; }
  .bl_footer_logo img {
    display: block;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .bl_footer_logo img {
        width: 70%; } }
    @media screen and (min-width: 768px) {
      .bl_footer_logo img {
        width: 30%; } }

.bl_companiesList {
  text-align: center;
  margin: 2em auto; }
  @media screen and (max-width: 767px) {
    .bl_companiesList {
      display: block; } }
  @media screen and (min-width: 768px) {
    .bl_companiesList {
      width: 60%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

@media screen and (max-width: 767px) {
  .bl_companiesList_item {
    margin-top: 2em; }
    .bl_companiesList_item:nth-child(n+2) {
      margin-top: 1em; } }
@media screen and (min-width: 768px) {
  .bl_companiesList_item {
    width: 100%;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; } }
.bl_companiesList_item > a {
  text-decoration: none;
  color: #333;
  font-size: 1em; }

.bl_companyName {
  display: block;
  text-align: center;
  margin: 3em auto; }

.el_companyName {
  font-size: 1.125em; }

.bl_badge {
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .bl_badge {
      width: 70%; } }
  @media screen and (min-width: 768px) {
    .bl_badge {
      width: 30%; } }

/*--------------------------------------
スマホ版gnaviメニュー
---------------------------------------*/
.ly_gnavi {
  /*アニメーション関連*/
  transition: .3s all;
  /*query end*/
  /*query end*/ }
  @media screen and (max-width: 767px) {
    .ly_gnavi {
      opacity: 0;
      visibility: hidden; }
      .ly_gnavi.js_is_active {
        width: 100%;
        height: 120%;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcbddc+0,f7d1ad+100 */
        background: #fcbddc;
        /* Old browsers */
        background: -moz-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #fcbddc 0%, #f7d1ad 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbddc', endColorstr='#f7d1ad',GradientType=1 );
        /* IE6-9 */
        /*アニメーション関連*/
        transition: .3s all;
        opacity: 1;
        visibility: visible;
        /*位置調整*/
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9999;
        /*is_activeの時だけ*/ }
        .ly_gnavi.js_is_active .bl_gnavi {
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          margin: auto;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .ly_gnavi.js_is_active .bl_gnaviList {
          width: 60%;
          display: block;
          margin: 0 auto;
          /*UA打ち消しもかねて*/ }
        .ly_gnavi.js_is_active .bl_gnaviList_item {
          /*li*/
          display: block;
          height: calc(100vh/11);
          margin: 0;
          /*UA打ち消し*/
          /*border-top: solid 1px rgba(255,255,255,0.8);*/
          position: relative; }
        .ly_gnavi.js_is_active .el_gnaviLink {
          /*a*/
          width: 100%;
          color: #e3007f;
          display: block;
          padding: 1.5em;
          font-weight: bold;
          text-align: left;
          margin: 0 auto;
          text-decoration: none; }
        .ly_gnavi.js_is_active .el_gnavi_title {
          display: block;
          position: relative; }
          .ly_gnavi.js_is_active .el_gnavi_title::before {
            display: block;
            content: "";
            width: 2em;
            height: 2px;
            background: #e3007f;
            margin-right: 2em;
            /*位置調整*/
            position: absolute;
            top: 50%;
            left: -30%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
        .ly_gnavi.js_is_active .el_gnavi_subTitle {
          display: block;
          color: rgba(255, 255, 255, 0.5); }
        .ly_gnavi.js_is_active .bl_gnaviLink {
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          margin: auto;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); } }
  @media screen and (min-width: 768px) {
    .ly_gnavi {
      width: 70%;
      position: fixed;
      top: 12px;
      right: 0;
      z-index: 999; } }

@media screen and (max-width: 767px) {
  .bl_gnaviList {
    display: none; } }
@media screen and (min-width: 768px) {
  .bl_gnaviList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.bl_gnaviList_item {
  /*li*/ }
  @media screen and (max-width: 767px) {
    .bl_gnaviList_item {
      display: none; } }
  @media screen and (min-width: 768px) {
    .bl_gnaviList_item {
      width: 100%;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      display: block; } }

.el_gnaviLink {
  /*a*/ }
  @media screen and (max-width: 767px) {
    .el_gnaviLink {
      display: none; } }
  @media screen and (min-width: 768px) {
    .el_gnaviLink {
      display: block;
      font-size: 0.8em;
      color: #fff;
      text-decoration: none; } }

@media screen and (max-width: 767px) {
  .el_gnavi_title {
    display: none; } }
@media screen and (min-width: 768px) {
  .el_gnavi_title {
    display: block; } }

@media screen and (max-width: 767px) {
  .el_gnavi_subTitle {
    display: none; } }
@media screen and (min-width: 768px) {
  .el_gnavi_subTitle {
    display: block; } }

@media screen and (max-width: 767px) {
  .bl_gnaviLink {
    display: none; } }
@media screen and (min-width: 768px) {
  .bl_gnaviLink {
    display: block;
    text-align: center; } }

/*--------------------------------------
スマホ版ページ下部固定メニュー
---------------------------------------*/
.ly_fixedOrder {
  position: fixed;
  z-index: 998; }
  @media screen and (max-width: 767px) {
    .ly_fixedOrder {
      width: 100%;
      display: block;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; } }
  @media screen and (min-width: 768px) {
    .ly_fixedOrder {
      width: 250px;
      display: block;
      position: fixed;
      top: calc(100vh - 75%);
      right: 0;
      transition: .3s all; } }

.bl_fixedOrderList {
  /*ul*/
  width: 100%;
  margin: 0;
  /*UA打ち消し*/ }
  @media screen and (max-width: 767px) {
    .bl_fixedOrderList {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  @media screen and (min-width: 768px) {
    .bl_fixedOrderList {
      display: block; } }

.bl_fixedOrderList_item {
  width: 100%; }
  @media screen and (max-width: 767px) {
    .bl_fixedOrderList_item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  @media screen and (min-width: 768px) {
    .bl_fixedOrderList_item {
      display: block; }
      .bl_fixedOrderList_item:nth-child(n+2) {
        margin-top: 0.5em; } }

.bl_fixedOrder_btn {
  /*a*/
  width: 100%;
  height: 100%;
  /*中身合わせのため*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .bl_fixedOrder_btn {
      border-radius: 4px; } }
  .bl_fixedOrder_btn.bl_fixedOrder_btn__mail {
    background: #e3007f; }
  .bl_fixedOrder_btn.bl_fixedOrder_btn__tel {
    background: #ed7700; }

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

.el_fixedOrder_icon {
  display: table-cell;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .el_fixedOrder_icon {
      width: 20%; } }
  @media screen and (min-width: 768px) {
    .el_fixedOrder_icon {
      width: 14%; } }

.el_fixedOrder_lead {
  display: table-cell;
  color: #fff;
  padding-left: 0.5em;
  vertical-align: middle; }
  @media screen and (min-width: 768px) {
    .el_fixedOrder_lead {
      text-align: center; } }

.el_fixedOrder_txt {
  display: block;
  text-align: center; }
  .el_fixedOrder_txt.el_fixedOrder_txt__m {
    font-size: 0.875em; }
  .el_fixedOrder_txt.el_fixedOrder_txt__s {
    font-size: 0.8em; }
  .el_fixedOrder_txt.el_fixedOrder_txt__xs {
    font-size: 0.5em; }

/*PC版設定*/
@media screen and (min-width: 768px) {
  .bl_fixedOrderInner {
    background: #fff;
    border-radius: 8px 0 0 8px;
    border: solid 2px #ed7700; } }

@media screen and (min-width: 768px) {
  .ly_fixedOrderInner {
    position: relative; } }

@media screen and (max-width: 767px) {
  .bl_fixedOrderHead {
    display: none; } }
@media screen and (min-width: 768px) {
  .bl_fixedOrderHead {
    color: #fff;
    font-weight: bold;
    padding: 0.5em;
    text-align: center;
    /*背景色*/
    background: #ed7700;
    background: -moz-linear-gradient(left, #e3007f 0%, #ed7700 100%);
    background: -webkit-gradient(linear, left center, right center, from(#e3007f), to(#ed7700));
    background: -webkit-linear-gradient(left, #e3007f 0%, #ed7700 100%);
    background: linear-gradient(to right, #e3007f 0%, #ed7700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#e3007f, endColorstr=#ed7700,GradientType=1 ); } }

@media screen and (min-width: 768px) {
  .bl_fixedOrderBody {
    background: #fff;
    padding: 1em; } }

@media screen and (max-width: 767px) {
  .el_fixedOrder_Right_lead {
    display: none; } }
@media screen and (min-width: 768px) {
  .el_fixedOrder_Right_lead {
    font-size: 0.875em;
    text-align: center;
    font-weight: 700;
    font-weight: bold;
    line-height: 1.4;
    margin: 0.5em 0; }
    .el_fixedOrder_Right_lead::before {
      display: inline-block;
      content: "";
      width: 2px;
      height: 1em;
      background: #333;
      /*background-color: #8d0b0b;*/
      /*#002970*/
      vertical-align: middle;
      -webkit-transform: rotate(-15deg);
      transform: rotate(-15deg);
      margin-right: 0.4em; }
    .el_fixedOrder_Right_lead::after {
      display: inline-block;
      content: "";
      width: 2px;
      height: 1em;
      background: #333;
      /*background-color: #8d0b0b;*/
      /*#002970*/
      vertical-align: middle;
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg);
      margin-left: 0.4em; } }

@media screen and (max-width: 767px) {
  .bl_fixedOrder_addLine {
    display: none; } }
@media screen and (min-width: 768px) {
  .bl_fixedOrder_addLine {
    text-align: center;
    background-color: #F2F2F2;
    padding: 0.6em;
    border-radius: 0 0 0 6px; } }

@media screen and (max-width: 767px) {
  .bl_fixedOrder_addLine_title {
    display: none; } }
@media screen and (min-width: 768px) {
  .bl_fixedOrder_addLine_title {
    font-size: 0.8em;
    font-weight: bold;
    font-weight: 500;
    line-height: 1.4;
    border-bottom: solid 1px #333;
    margin-bottom: 0.8em;
    padding-bottom: 0.8em; } }

@media screen and (max-width: 767px) {
  .bl_fixedOrder_addLine_cont {
    display: none; } }
@media screen and (min-width: 768px) {
  .bl_fixedOrder_addLine_cont {
    width: 70%;
    margin: 0 auto; } }

@media screen and (max-width: 767px) {
  .el_logo_subTxt {
    display: none; } }
@media screen and (min-width: 768px) {
  .el_logo_subTxt {
    font-size: 0.7em; } }

/*チェックボックス周り*/
/*閉じる*/
@media screen and (max-width: 767px) {
  label.bl_fixedRight_btn {
    display: none; } }
@media screen and (min-width: 768px) {
  label.bl_fixedRight_btn {
    /*label*/
    margin-bottom: 0;
    position: absolute;
    bottom: -24px;
    /*-310*/
    right: 10px;
    z-index: 999; } }

@media screen and (min-width: 768px) {
  .el_btn_img {
    display: inline-block;
    font-size: 0.7em;
    color: #7e7e7e;
    /*002970*/
    width: 44px;
    /*48*/
    text-align: right;
    cursor: pointer;
    transition: .3s all;
    opacity: 1;
    visibility: visible; } }

@media screen and (max-width: 767px) {
  .el_btn_img_txt {
    display: none; } }
@media screen and (min-width: 768px) {
  .el_btn_img_txt {
    color: #7e7e7e;
    /*002970*/ } }

/*チェックボックス挙動*/
.bl_fixedRight_checkbox {
  display: none; }

@media screen and (max-width: 767px) {
  .bl_fixedRight_checkbox:checked ~ .bl_fixedOrderInner,
  .bl_fixedRight_checkbox:checked ~ .bl_fixedRight_btn,
  .bl_fixedRight_checkbox:checked ~ .el_btn_img {
    display: none; } }
@media screen and (min-width: 768px) {
  .bl_fixedRight_checkbox:checked ~ .bl_fixedOrderInner,
  .bl_fixedRight_checkbox:checked ~ .bl_fixedRight_btn,
  .bl_fixedRight_checkbox:checked ~ .el_btn_img {
    /*
    position: fixed;
    right: -230px;
    transition: .3s all;*/
    visibility: hidden;
    transition: .3s all;
    opacity: 0;
    display: none; } }

/*FVには出現させない挙動*/
@media screen and (min-width: 768px) {
  .hp_fixedScroll {
    visibility: hidden;
    opacity: 0;
    pointer-events: none; } }

@media screen and (min-width: 768px) {
  .hp_fixedScroll.js-scrollCont_s {
    visibility: visible;
    opacity: 1;
    pointer-events: auto; } }

/*
.hp_fixedScroll.scrolled {
visibility: hidden;
opacity: 0;
pointer-events: none; 
}*/
/**/
/* -------------------------------------
pages Scss Document
---------------------------------------*/
/*--------------------------------------
FV
---------------------------------------*/
@media screen and (min-width: 768px) {
  .bl_fvWrapper {
    width: 100%;
    background: #ffefed;
    background-image: url("../img/mv-pc@2x.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 77%;
    position: relative; } }

.bl_fv {
  display: block;
  width: 100%;
  background: #ffefed;
  background-image: url("../img/mv-sp@2x.png");
  background-repeat: no-repeat;
  position: relative; }
  @media screen and (max-width: 767px) {
    .bl_fv {
      height: 80vh;
      background-size: 88%;
      background-position: top 13vh right; } }
  @media screen and (min-width: 768px) {
    .bl_fv {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto;
      height: 500px;
      margin-top: 130px;
      /*header分*/
      /*background-size: 40%;*/
      /*background-position: top right;*/
      background-image: none;
      background: none; } }

.bl_fvInner {
  /*位置調整*/
  position: absolute;
  z-index: 990; }
  @media screen and (max-width: 767px) {
    .bl_fvInner {
      width: 90vw;
      top: 16vh;
      left: 6vw; } }
  @media screen and (min-width: 768px) {
    .bl_fvInner {
      width: 100%;
      top: 0;
      left: 0;
      padding: 0 3em; } }

@media screen and (max-width: 767px) {
  .el_fv_lead {
    width: 73%; } }
@media screen and (min-width: 768px) {
  .el_fv_lead {
    width: 33%; } }

.el_serviceLogo_img {
  display: block; }
  @media screen and (max-width: 767px) {
    .el_serviceLogo_img {
      width: 100%;
      margin: 1.5em auto 0; } }
  @media screen and (min-width: 768px) {
    .el_serviceLogo_img {
      width: 50%; } }

.bl_snsIconsList {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .bl_snsIconsList {
      width: 50%;
      margin-left: auto; } }
  @media screen and (min-width: 768px) {
    .bl_snsIconsList {
      width: 24%; } }
  .bl_snsIconsList.bl_snsIconsList__center {
    margin-left: auto;
    margin-right: auto; }

.bl_snsIconsList_item {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: center; }
  .bl_snsIconsList_item img {
    width: 100%; }
  .bl_snsIconsList_item:nth-child(n+2) {
    margin-left: 1em; }

/* ずっと無料LINE問い合わせ土台部分 */
.ly_fv_lineAdd {
  /*位置調整*/
  /*position: absolute;
  bottom: -22vh;
  left: -220px;
  z-index: 997;*/ }

.bl_fv_lineAdd {
  padding: 24px;
  /*padding-left: 200px;*/
  padding-left: 60px;
  margin-top: 40px;
  /*margin-left: -260px;*/
  background: #fff;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  border-radius: 0 16px 8px 0;
  /* box-shadow */
  box-shadow: 0px 0px 26px 2px rgba(218, 77, 54, 0.6);
  position: relative; }
  @media screen and (max-width: 767px) {
    .bl_fv_lineAdd {
      width: 100vw;
      margin-left: -70px; } }
  @media screen and (min-width: 768px) {
    .bl_fv_lineAdd {
      width: 70%;
      margin-left: -200px; } }

.bl_fv_lineAdd_body {
  /*親要素打ち消し*/
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
  /*位置のため*/
  position: relative; }
  .bl_fv_lineAdd_body::after {
    display: block;
    content: "";
    width: 90%;
    height: 16px;
    background-image: url("../img/pt-stripe-sl.png");
    background-repeat: repeat-x;
    background-size: 3%;
    /*位置調整*/
    position: absolute;
    left: 0;
    z-index: 10; }
    @media screen and (max-width: 767px) {
      .bl_fv_lineAdd_body::after {
        bottom: -1em; } }
    @media screen and (min-width: 768px) {
      .bl_fv_lineAdd_body::after {
        bottom: -1.5em; } }

/*無料*/
.bl_fv_lineAdd_lead {
  width: 60%;
  position: absolute;
  /*top: -50px;*/
  /*right: 140px;*/
  top: -25px;
  right: 80px;
  /*親要素打ち消し*/
  -webkit-transform: skew(20deg);
  transform: skew(20deg); }
  .bl_fv_lineAdd_lead > img {
    width: 100%; }

/**/
.bl_fv_lineAdd_bodyInner {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
  @media screen and (max-width: 767px) {
    .bl_fv_lineAdd_bodyInner {
      margin: 0 auto; } }
  @media screen and (min-width: 768px) {
    .bl_fv_lineAdd_bodyInner {
      margin: 0.8em auto; } }

.bl_fv_lineAdd_body_left {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bl_fv_lineAdd_body_right {
  width: 100%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

/*ボタンまわり*/
.bl_fv_lineAdd_btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 3em; }
  .bl_fv_lineAdd_btn > p {
    width: 100%;
    flex: 0 1 auto; }
    .bl_fv_lineAdd_btn > p:first-of-type {
      font-size: 1.5em;
      text-align: center; }
    .bl_fv_lineAdd_btn > p:nth-of-type(2) {
      width: 30%; }

/*ソーシャルボタン入れるまでのつなぎ*/
.el_btn_test {
  width: 80%;
  height: 100%;
  display: block;
  background: green;
  color: #fff;
  margin: 0 auto;
  padding: 1em;
  text-align: center; }

/*--------------------------------------
OTOMOとは？
---------------------------------------*/
.ly_about {
  margin-top: -1em; }

.ly_bgGdSlant {
  position: relative;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcbddc+0,f7d1ad+100 */
  background: #fcbddc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fcbddc 0%, #f7d1ad 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbddc', endColorstr='#f7d1ad',GradientType=1 );
  /* IE6-9 */
  /*三角形*/
  /*三角形*/
  /*フッター付近*/ }
  .ly_bgGdSlant::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100vw 50px 0;
    border-color: transparent #ffefed transparent transparent;
    /*位置調整*/
    position: absolute;
    top: -4px;
    right: 0;
    z-index: 2; }
  .ly_bgGdSlant::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 100vw;
    border-color: transparent transparent #ffefed transparent;
    /*位置調整*/
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2; }
  .ly_bgGdSlant.ly_bgGdSlant__end {
    position: relative;
    /*三角形*/ }
    .ly_bgGdSlant.ly_bgGdSlant__end::before {
      display: none; }
    .ly_bgGdSlant.ly_bgGdSlant__end::after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 100vw 50px 0;
      border-color: transparent #fff transparent transparent;
      /*位置調整*/
      position: absolute;
      top: -1px;
      right: 0;
      z-index: 2; }

/*背景色がある場合*/
.ly_bgGdSlant__bgColor {
  /*三角形*/ }
  .ly_bgGdSlant__bgColor::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100vw 50px 0;
    border-color: transparent #ffefed transparent transparent;
    /*位置調整*/
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 2; }

/*角度が急な時*/
.ly_bgSlant__steep {
  position: relative;
  background: #ffd5c4;
  padding-bottom: 1.5em;
  /*三角形*/
  /*三角形*/ }
  .ly_bgSlant__steep::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100vw 40px 0;
    border-color: transparent #ffefed transparent transparent;
    /*位置調整*/
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2; }
  .ly_bgSlant__steep::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 100vw;
    border-color: transparent transparent #ffefed transparent;
    /*位置調整*/
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2; }

@media screen and (max-width: 767px) {
  .bl_about {
    padding: 5em 0 3em; } }
@media screen and (min-width: 768px) {
  .bl_about {
    padding: 5em 0 2em; } }

.bl_about_title {
  display: block;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .bl_about_title {
      width: 60%; } }
  @media screen and (min-width: 768px) {
    .bl_about_title {
      width: 30%; } }

.bl_aboutList {
  display: block; }
  @media screen and (max-width: 767px) {
    .bl_aboutList {
      width: 90%;
      margin: 32px auto; } }
  @media screen and (min-width: 768px) {
    .bl_aboutList {
      width: 50%;
      margin: 64px auto; } }

.bl_aboutList_item {
  width: 100%; }
  .bl_aboutList_item:nth-of-type(n+2) {
    width: 76%; }
    @media screen and (max-width: 767px) {
      .bl_aboutList_item:nth-of-type(n+2) {
        margin-top: 24px; } }
    @media screen and (min-width: 768px) {
      .bl_aboutList_item:nth-of-type(n+2) {
        margin-top: 32px; } }

/*--------------------------------------
こんなお悩みありませんか？
---------------------------------------*/
.ly_trouble {
  width: 94%;
  display: block;
  margin: 0 auto;
  padding: 1.5em 0; }

@media screen and (min-width: 768px) {
  .bl_trouble_title {
    width: 50%;
    margin: 0 auto; } }

.bl_trouble_details {
  display: block;
  margin: 2em auto 1em; }
  @media screen and (max-width: 767px) {
    .bl_trouble_details {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .bl_trouble_details {
      width: 50%; } }

@media screen and (max-width: 767px) {
  .bl_trouble_answer_lead {
    font-size: 0.875em; } }
@media screen and (min-width: 768px) {
  .bl_trouble_answer_lead {
    font-size: 1em;
    max-width: 600px;
    width: 100%;
    margin: 0 auto; } }

/*--------------------------------------
サービスについて
---------------------------------------*/
.ly_service {
  margin: 3em auto 0; }
  .ly_service.ly_service__steep {
    position: relative;
    background: #fff;
    /*三角形*/
    /*三角形*/
    /*
    &::after {
    	display: block;
    	content: "";
    	width: 0;
    	height: 0;
    	border-style: solid;
    	border-width: 0 0 150px 100vw;
    	border-color: transparent transparent #ffefed transparent;
    	position: absolute;
    	bottom: -4px;
    	left: 0;
    	z-index: 2;
    }*/ }
    .ly_service.ly_service__steep::before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 50px 0 0 100vw;
      border-color: transparent transparent transparent #fff;
      /*位置調整*/
      position: absolute;
      top: -50px;
      right: 0;
      z-index: 2; }

.bl_service {
  padding: 3em 0;
  width: 90%;
  margin: 0 auto; }

.bl_serviceInner:nth-child(n+2) {
  border-top: dotted 4px #fff; }

.bl_service_balloon {
  display: block;
  margin: 2em auto; }
  @media screen and (max-width: 767px) {
    .bl_service_balloon {
      width: 90%; } }
  @media screen and (min-width: 768px) {
    .bl_service_balloon {
      width: 40%; } }

/*サービスフロー*/
.ly_serviceFlow {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em; }
  @media screen and (max-width: 767px) {
    .ly_serviceFlow {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .ly_serviceFlow {
      width: 60%;
      margin-left: auto;
      margin-right: auto; } }

.bl_serviceFlow {
  display: block;
  padding: 2em 1em;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0px 0px 26px 2px rgba(218, 77, 54, 0.6);
  position: relative;
  z-index: 2;
  /*背景アイコン対策*/ }
  .bl_serviceFlow.bl_serviceFlow__adviceChat {
    margin-top: 2.5em;
    padding: 2em 0 0;
    position: relative; }
    .bl_serviceFlow.bl_serviceFlow__adviceChat::after {
      display: block;
      content: "";
      width: 2px;
      height: 3em;
      background: #e3007f;
      /*位置調整*/
      position: absolute;
      top: -24px;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 3; }

.bl_serviceFlow_title {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  /*後ろの柄物*/
  /*サブスクの場合*/ }
  .bl_serviceFlow_title::before {
    display: block;
    content: "";
    width: 100%;
    height: 16px;
    background-image: url("../img/pt-stripe-sl.png");
    background-repeat: repeat-x;
    background-position: center;
    /*位置調整*/
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1; }
    @media screen and (max-width: 767px) {
      .bl_serviceFlow_title::before {
        background-size: 4%; } }
    @media screen and (min-width: 768px) {
      .bl_serviceFlow_title::before {
        background-size: 2%;
        /*sp5%*/ } }
  .bl_serviceFlow_title.bl_serviceFlow_title__subsc {
    /*後ろの柄物*/ }
    .bl_serviceFlow_title.bl_serviceFlow_title__subsc::before {
      display: block;
      content: "";
      width: 100%;
      height: 16px;
      background-image: url("../img/pt-stripe-sl-blue.png");
      background-repeat: repeat-x;
      background-position: center;
      /*位置調整*/
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: -1; }
      @media screen and (max-width: 767px) {
        .bl_serviceFlow_title.bl_serviceFlow_title__subsc::before {
          background-size: 4%;
          /*sp5%*/ } }
      @media screen and (min-width: 768px) {
        .bl_serviceFlow_title.bl_serviceFlow_title__subsc::before {
          background-size: 2%;
          /*sp5%*/ } }

.el_serviceFlow_title {
  display: block;
  width: 80%;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 1.125em;
  text-align: center;
  letter-spacing: 0.2em;
  padding: 0.5em;
  border-radius: 48px;
  /*背景色*/
  background: #ed7700;
  background: -moz-linear-gradient(left, #e3007f 0%, #ed7700 100%);
  background: -webkit-gradient(linear, left center, right center, from(#e3007f), to(#ed7700));
  background: -webkit-linear-gradient(left, #e3007f 0%, #ed7700 100%);
  background: linear-gradient(to right, #e3007f 0%, #ed7700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#e3007f, endColorstr=#ed7700,GradientType=1 );
  /*サブスクの場合*/ }
  .el_serviceFlow_title.el_serviceFlow_title__subsc {
    background: #007bdc;
    background: -moz-linear-gradient(left, #007bdc 0%, #29abe2 100%);
    background: -webkit-gradient(linear, left center, right center, from(#007bdc), to(#29abe2));
    background: -webkit-linear-gradient(left, #007bdc 0%, #29abe2 100%);
    background: linear-gradient(to right, #007bdc 0%, #29abe2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#007bdc, endColorstr=#29abe2,GradientType=1 ); }

.el_serviceFlow_cont {
  display: block;
  width: 80%;
  margin: 2em auto;
  padding: 0.8em 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  border: 6px solid #ed7700;
  border-image: linear-gradient(to right, #e3007f 0%, #ed7700 100%);
  border-image-slice: 1;
  position: relative;
  /*サブスクの場合*/
  /*ポイント*/ }
  .el_serviceFlow_cont::after {
    display: block;
    content: "";
    width: 2px;
    height: 2em;
    background: #e3007f;
    /*位置調整*/
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto; }
  .el_serviceFlow_cont.el_serviceFlow_cont_subsc {
    border: 6px solid #007bdc;
    border-image: linear-gradient(to right, #007bdc 0%, #29abe2 100%);
    border-image-slice: 1; }
    .el_serviceFlow_cont.el_serviceFlow_cont_subsc::after {
      display: block;
      content: "";
      width: 2px;
      height: 2em;
      background: #007bdc;
      /*位置調整*/
      position: absolute;
      bottom: -30px;
      left: 0;
      right: 0;
      margin: auto; }
  @media screen and (max-width: 767px) {
    .el_serviceFlow_cont.el_serviceFlow_cont__point {
      display: inline-block;
      width: 100%;
      margin: 0; } }
  @media screen and (min-width: 768px) {
    .el_serviceFlow_cont.el_serviceFlow_cont__point {
      display: block;
      max-width: 500px;
      width: 100%;
      margin: 0 auto; } }
  .el_serviceFlow_cont.el_serviceFlow_cont__point::after {
    display: none; }

.bl_serviceFlow_contList {
  width: 90%;
  margin: 1em auto 0; }
  .bl_serviceFlow_contList.bl_serviceFlow_contList__listOnly {
    width: 80%;
    margin: 1em auto; }

.bl_serviceFlow_contList_item {
  font-size: 1.125em;
  font-weight: bold;
  text-align: center; }

.ly_iconCenter {
  display: block;
  margin: 2em auto 0; }
  @media screen and (max-width: 767px) {
    .ly_iconCenter {
      width: 10%; } }
  @media screen and (min-width: 768px) {
    .ly_iconCenter {
      width: 3%; } }

.ly_serviceFlow_cont {
  margin-top: 1em; }

/*--------------------------------------
アドバイスチャットとは
---------------------------------------*/
.ly_aboutService {
  display: block;
  width: 90%;
  margin: 3em auto;
  position: relative; }
  .ly_aboutService.ly_aboutService__bkIcon::before {
    display: block;
    content: "";
    width: 70%;
    background-image: url("../img/bk-otomoicon@3x.png");
    background-repeat: no-repeat;
    background-size: 100%;
    /*位置調整*/
    position: absolute;
    top: -10em;
    right: 0px; }
    @media screen and (max-width: 767px) {
      .ly_aboutService.ly_aboutService__bkIcon::before {
        z-index: 1;
        height: 456px; } }
    @media screen and (min-width: 768px) {
      .ly_aboutService.ly_aboutService__bkIcon::before {
        z-index: -1;
        height: 506px; } }

.bl_advicechat_title {
  margin: 2em auto 1em; }
  @media screen and (max-width: 767px) {
    .bl_advicechat_title {
      width: 70%; } }
  @media screen and (min-width: 768px) {
    .bl_advicechat_title {
      width: 50%; } }

.bl_advicechat_lead {
  display: block;
  width: 90%;
  padding: 1em;
  margin: 0 auto;
  text-align: center;
  background: #fbe1c6;
  background: -webkit-gradient(linear, left center, right center, from(#f9c6e3), to(#fbe1c6));
  background: -webkit-linear-gradient(left, #f9c6e3 0%, #fbe1c6 100%);
  background: linear-gradient(to right, #f9c6e3 0%, #fbe1c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f9c6e3, endColorstr=#fbe1c6,GradientType=1 ); }
  .bl_advicechat_lead > p {
    color: #e3007f; }
    @media screen and (max-width: 767px) {
      .bl_advicechat_lead > p {
        font-size: 0.875em; } }
    @media screen and (min-width: 768px) {
      .bl_advicechat_lead > p {
        font-size: 1em; } }

.bl_advicechat_flow {
  display: block;
  width: 90%;
  margin: 2em auto; }

.bl_serviceimage {
  display: block;
  width: 100%;
  padding: 2em;
  background-image: url("../img/pt-bk-slant.png");
  background-repeat: repeat;
  background-size: 2%; }

.bl_serviceimage_title {
  color: #e3007f;
  font-size: 1.125em;
  text-align: center;
  margin: 0 auto 2em; }

.bl_serviceimage_cont {
  display: block; }

/*無料サービスのポイント*/
.ly_serviceFlow_point {
  margin: 5em auto 2em; }

@media screen and (min-width: 768px) {
  .bl_pointList {
    width: 100%;
    max-width: 500px;
    margin: 0 auto; } }

.bl_pointList_item {
  font-size: 1.125em;
  margin-top: 1em;
  text-indent: -1em;
  padding-left: 1em; }

.bl_point_halfLead {
  display: block;
  margin: 4em 0; }
  @media screen and (max-width: 767px) {
    .bl_point_halfLead {
      width: 80%; } }
  @media screen and (min-width: 768px) {
    .bl_point_halfLead {
      width: 35%; } }

@media screen and (min-width: 768px) {
  .bl_service_monthly {
    width: 40%;
    margin: 0 auto; } }

@media screen and (min-width: 768px) {
  .bl_service_circle {
    width: 40%;
    margin: 0 auto; } }

/*--------------------------------------
利用シーン
---------------------------------------*/
.bl_titleWrapper {
  width: 80%;
  margin: 0 auto; }

.bl_service_steepInner {
  padding: 2em 0;
  width: 100%;
  margin: 0 auto; }

.ly_case {
  display: block;
  margin-top: 4em; }

.bl_case:nth-child(n+2) {
  margin-top: 8em; }

.bl_case_title {
  display: block;
  width: 90%;
  margin-left: auto;
  padding: 1em;
  position: relative;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcbddc+0,f7d1ad+100 */
  background: #fcbddc;
  /* Old browsers */
  background: -moz-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fcbddc 0%, #f7d1ad 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fcbddc 0%, #f7d1ad 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcbddc', endColorstr='#f7d1ad',GradientType=1 );
  /* IE6-9 */
  /*左よせの場合*/ }
  .bl_case_title::before {
    display: block;
    content: "";
    width: 2px;
    height: 2.5em;
    background: #e3007f;
    position: absolute;
    top: -25px;
    left: 50px; }
  .bl_case_title.bl_case_title__rev {
    margin-left: 0;
    /*打ち消し*/
    margin-right: auto; }

@media screen and (max-width: 767px) {
  .el_case_title_img {
    width: 90%; } }
@media screen and (min-width: 768px) {
  .el_case_title_img {
    width: 50%; } }

/*コンテンツ部分*/
.bl_caseCont {
  width: 90%;
  margin-left: auto; }

/*画像スリック*/
.bl_slickWrapper {
  width: 100%;
  overflow: hidden;
  margin: 1.5em auto; }

.bl_slick_item:first-child {
  margin-right: 1.5em; }
.bl_slick_item img {
  margin-left: -60px; }

.bl_case_lead {
  padding-right: 1.8em;
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .bl_case_lead {
      font-size: 0.875em; } }
  @media screen and (min-width: 768px) {
    .bl_case_lead {
      font-size: 1em; } }

/*--------------------------------------
料金プラン
---------------------------------------*/
.ly_plansWrapper {
  width: 100%;
  background: #fff; }

.ly_plans {
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 767px) {
    .ly_plans {
      width: 100%;
      padding: 0 1.5em; } }
  @media screen and (min-width: 768px) {
    .ly_plans {
      width: 60%;
      padding: 3em 0 0; } }
  .ly_plans.ly_plans__steep {
    padding-bottom: 4em;
    /*三角形*/ }
    .ly_plans.ly_plans__steep::after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 50px 100vw;
      border-color: transparent transparent #ffefed transparent;
      /*位置調整*/
      position: absolute;
      bottom: -1px;
      left: 0;
      z-index: 2; }

h2.el_title__round {
  font-size: 1em;
  border-radius: 80px; }

.bl_plans {
  display: block;
  margin: 3em auto; }

.bl_plans_item:nth-child(n+2) {
  margin-top: 4em; }

/*見出し部分*/
.bl_plans_title {
  display: table;
  width: 100%;
  padding-bottom: 1.5em;
  border-bottom: solid 2px #ccc;
  cursor: pointer; }
  .bl_plans_title::after {
    display: table-cell;
    content: "";
    width: 10%;
    background-image: url("../img/icon-plus-toggle.png");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat; }
  .bl_plans_title.js_is_active::after {
    display: table-cell;
    content: "";
    width: 10%;
    background-image: url("../img/icon-minus-toggle.png");
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat; }

.el_plans_title {
  width: 90%;
  /*table-cellとしての枠のサイズ*/
  display: table-cell; }
  .el_plans_title img {
    width: 80%;
    /*img自体の枠のサイズ*/ }

.bl_plans_cont {
  display: none; }
  .bl_plans_cont.js_is_active {
    display: block; }

.el_plans_price {
  font-size: 1.313em;
  font-weight: bold; }
  .el_plans_price .el_price_txt {
    font-size: 2em; }
    .el_plans_price .el_price_txt.el_price_txt__small {
      font-size: 1em; }

.bl_helpdesk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #0fa500;
  font-size: 1em;
  text-align: center;
  margin-top: 0.5em; }
  @media screen and (max-width: 767px) {
    .bl_helpdesk {
      width: 80%; } }
  @media screen and (min-width: 768px) {
    .bl_helpdesk {
      width: 50%; } }

.el_helpdesk_head {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0.5em;
  background: #0fa500;
  color: #fff; }
  @media screen and (max-width: 767px) {
    .el_helpdesk_head {
      width: 45%; } }
  @media screen and (min-width: 768px) {
    .el_helpdesk_head {
      width: 70%; } }

.el_helpdesk_cont {
  background: #fff;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  @media screen and (max-width: 767px) {
    .el_helpdesk_cont {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .el_helpdesk_cont {
      width: 100%; } }

.bl_plans_details {
  /*table*/
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em auto;
  border-top: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  font-size: 1em; }

.bl_plans_details_item {
  /*tr*/
  border-bottom: solid 2px #ccc; }

.bl_plans_details_title {
  /*th*/
  width: 70%;
  padding: 1em 0;
  border-right: dotted 2px #ccc; }

.bl_plans_details_cont {
  /*td*/
  padding: 1em 0;
  text-align: center; }

/*--------------------------------------
FAQ
---------------------------------------*/
.ly_faq {
  margin: 0 auto;
  padding: 5em 0 2em; }
  @media screen and (max-width: 767px) {
    .ly_faq {
      width: 90%; } }
  @media screen and (min-width: 768px) {
    .ly_faq {
      width: 80%; } }

.bl_faq {
  margin: 3em auto; }

.bl_faqList {
  margin: 2em auto; }

.bl_faqList_item:nth-child(n+2) {
  margin-top: 1em; }

.bl_faqList_title {
  display: table;
  width: 100%;
  background: #ffabad;
  padding: 1em 1.5em;
  border-radius: 80px;
  cursor: pointer;
  /*開いている時*/ }
  .bl_faqList_title.js_is_active {
    border-radius: 32px 32px 0 0; }
    .bl_faqList_title.js_is_active::after {
      display: table-cell;
      content: "";
      width: 80px;
      height: 16px;
      background-image: url("../img/icon-minus-line.png");
      background-repeat: no-repeat; }
      @media screen and (max-width: 767px) {
        .bl_faqList_title.js_is_active::after {
          background-size: 100%;
          background-position: center; } }
      @media screen and (min-width: 768px) {
        .bl_faqList_title.js_is_active::after {
          background-size: 30%;
          background-position: center right; } }
  .bl_faqList_title::after {
    display: table-cell;
    content: "";
    width: 80px;
    height: 16px;
    background-image: url("../img/icon-plus-line.png");
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      .bl_faqList_title::after {
        background-size: 100%;
        background-position: center; } }
    @media screen and (min-width: 768px) {
      .bl_faqList_title::after {
        background-size: 30%;
        background-position: center right; } }

.el_faqList_title_icon {
  display: table-cell;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .el_faqList_title_icon {
      width: 9%; } }
  @media screen and (min-width: 768px) {
    .el_faqList_title_icon {
      width: 4%; } }

.el_faqList_title_txt {
  display: table-cell;
  width: 85%;
  padding-left: 1em;
  font-size: 1em;
  line-height: 1.3;
  font-weight: bold;
  vertical-align: middle; }

/*faqのa*/
.bl_faqList_cont {
  display: none; }
  .bl_faqList_cont.js_is_active {
    display: table;
    background: #fff;
    width: 100%;
    padding: 1em 1.5em;
    border-radius: 0 0 32px 32px; }

.el_faqList_cont_icon {
  display: table-cell;
  vertical-align: top; }
  @media screen and (max-width: 767px) {
    .el_faqList_cont_icon {
      width: 9%; } }
  @media screen and (min-width: 768px) {
    .el_faqList_cont_icon {
      width: 4%; } }

.el_faqList_cont_txt {
  display: table-cell;
  width: 86%;
  padding-left: 1em;
  font-size: 0.875em;
  vertical-align: top; }

/*--------------------------------------
お問い合わせフォーム
---------------------------------------*/
.ly_contact_bg {
  background: #fff;
  position: relative;
  /*三角形*/
  /*三角形*/ }
  .ly_contact_bg::before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 0 100vw;
    border-color: transparent transparent transparent #fff;
    /*位置調整*/
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 2; }
  .ly_contact_bg::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 100vw 50px 0;
    border-color: transparent #fff transparent transparent;
    /*位置調整*/
    position: absolute;
    bottom: -48px;
    right: 0;
    z-index: 2; }

.ly_contact {
  width: 80%;
  margin: 0 auto;
  padding: 3em 0; }

.bl_contact_lead {
  width: 96%;
  display: block;
  font-size: 0.875em;
  line-height: 1.7;
  margin-top: 1.5em; }

/**/
/* -------------------------------------
contactform Scss Document
---------------------------------------*/
@media screen and (max-width: 767px) {
  .ly_post {
    width: 100%; } }
@media screen and (min-width: 768px) {
  .ly_post {
    width: 60%;
    margin: 0 auto; } }

.bl_input_wrapper {
  margin: 2em auto; }

.el_edit_title {
  display: inline-block;
  font-size: 0.875em;
  font-weight: bold;
  margin-bottom: 0.2em;
  /*薄い灰色*/ }
  .el_edit_title.el_edit_title__sub {
    color: #aaa;
    min-width: 200px; }

.bl_input_edit > input {
  width: 100%;
  padding: 0.5em; }
.bl_input_edit > textarea {
  width: 100%;
  padding: 0.5em; }

.el_edit_subTitle {
  display: inline-block;
  font-size: 0.8em;
  color: #808080;
  margin-right: 0.5em;
  margin-top: 2em; }

/*送信ボタン*/
.ly_cont_submit {
  width: 100%;
  max-width: 500px;
  margin: 0 auto; }

.bl_submit {
  width: 100%; }

input[type="submit"] {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  border-style: none;
  /*UA打ち消し*/
  padding: 1em;
  border-radius: 48px;
  color: #fff;
  font-weight: bold;
  font-size: 1.125em;
  letter-spacing: 0.5em;
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e3037c+0,e83942+50,eb6216+100 */
  background: #e3037c;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e3037c 0%, #e83942 50%, #eb6216 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e3037c 0%, #e83942 50%, #eb6216 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e3037c 0%, #e83942 50%, #eb6216 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3037c', endColorstr='#eb6216',GradientType=1 );
  /* IE6-9 */
  /*戻って修正する*/ }
  input[type="submit"]#backButton {
    display: inline-block;
    width: 100%;
    border-style: none;
    /*UA打ち消し*/
    text-decoration: underline;
    padding: 1em;
    margin-top: 2em;
    border-radius: 48px;
    color: #999;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.5em;
    background: transparent;
    /*打ち消し用*/
    position: relative; }
    input[type="submit"]#backButton::before {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 24px 12px 0;
      border-color: transparent #aaaaaa transparent transparent;
      /*位置調整*/
      position: absolute;
      top: 50%;
      left: 1em;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    input[type="submit"]#backButton::after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 24px 12px 0;
      border-color: transparent #fff transparent transparent;
      /*位置調整*/
      position: absolute;
      top: 50%;
      left: 2em;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }

/* -------------------------------------
お問い合わせ内容の確認時のレイアウト
---------------------------------------*/
.ly_contact {
  /*ly_contactはpagesにいます*/ }
  .ly_contact.ly_contact__confirm {
    margin: 0 auto;
    position: relative;
    /*確認画面の時だけ*/ }
    @media screen and (max-width: 767px) {
      .ly_contact.ly_contact__confirm {
        width: 90%;
        padding: 7em 0; } }
    @media screen and (min-width: 768px) {
      .ly_contact.ly_contact__confirm {
        width: 70%;
        padding: 10em 0; } }
    .ly_contact.ly_contact__confirm .bl_input_wrapper {
      padding-bottom: 1em;
      border-bottom: solid 1px #ddd; }
    .ly_contact.ly_contact__confirm .el_edit_title_block {
      display: block;
      margin-bottom: 0.5em; }
  .ly_contact.ly_contact__complete {
    margin: 0 auto;
    position: relative;
    /*完了画面の時だけ*/ }
    @media screen and (max-width: 767px) {
      .ly_contact.ly_contact__complete {
        width: 90%;
        padding: 7em 0; } }
    @media screen and (min-width: 768px) {
      .ly_contact.ly_contact__complete {
        width: 70%;
        padding: 10em 0; } }
    .ly_contact.ly_contact__complete .bl_input_wrapper {
      padding-bottom: 1em;
      border-bottom: solid 1px #ddd; }
    .ly_contact.ly_contact__complete .el_edit_title_block {
      display: block;
      margin-bottom: 0.5em; }

/* -------------------------------------
お問い合わせ完了のレイアウト
---------------------------------------*/
.bl_contact_lead {
  display: block;
  padding-bottom: 2em; }
  .bl_contact_lead > p {
    font-weight: bold;
    font-size: 1.125em; }

/**/
/* -------------------------------------
contactform Scss Document
---------------------------------------*/
.ly_policy {
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .ly_policy {
      width: 90%;
      padding-top: 7em;
      padding-bottom: 3em; } }
  @media screen and (min-width: 768px) {
    .ly_policy {
      width: 80%;
      padding-top: 10em;
      padding-bottom: 5em; } }

.bl_policyTitleWrapper {
  width: 100%;
  display: block;
  border-bottom: solid 1px #e3007f;
  padding-bottom: 1em;
  margin-bottom: 2.5em; }

.bl_policy_lead {
  font-size: 0.875em;
  line-height: 1.6; }

.bl_olList.bl_olList__alpha {
  list-style: lower-alpha;
  padding-left: 1em; }
  .bl_olList.bl_olList__alpha .bl_olList_item {
    list-style: lower-alpha; }

.bl_olList_item {
  font-size: 0.875em; }
  .bl_olList_item:nth-child(n+2) {
    margin-top: 0.5em; }

.bl_listWrapper {
  margin: 2em auto; }

.bl_policy_groupCont {
  border: solid 1px #111;
  padding: 1.5em;
  margin: 1.5em auto;
  font-size: 0.875em; }

.bl_policyHelpdesk {
  margin: 1em 0; }

@media screen and (max-width: 767px) {
  .bl_policyHelpdesk_title {
    display: block; } }
@media screen and (min-width: 768px) {
  .bl_policyHelpdesk_title {
    display: inline-block; } }

.bl_policyHelpdeskInner {
  display: block;
  margin-top: 2em; }

@media screen and (max-width: 767px) {
  .bl_policyHelpdesk_cont {
    display: block; } }
@media screen and (min-width: 768px) {
  .bl_policyHelpdesk_cont {
    display: inline-block; } }

.el_policytxt_link {
  /*a*/
  text-decoration: underline; }

.bl_policyDL {
  font-size: 0.875em;
  margin-top: 1.5em; }

.bl_fusoku {
  text-align: right;
  margin-top: 3em;
  margin-left: auto;
  font-size: 0.875em; }
  @media screen and (max-width: 767px) {
    .bl_fusoku {
      width: 70%; } }
  @media screen and (min-width: 768px) {
    .bl_fusoku {
      width: 50%; } }

/**/

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