@charset "utf-8";
/* CSS Document */

@import url("font-awesome.min.css");
@import url("header.css");
@import url("option.css");

/*----------------------------------------------*/
/* コンテンツ共通
/*----------------------------------------------*/
body {
  position: relative;
}
ul li {
  margin-bottom: 0.5em;
}
le {
  margin-bottom: 0;
}
figcaption {
  margin-top: 10px;
  line-height: 1.2;
  font-size: 0.9em;
  text-align: center;
}
.attention {
  color: red;
}
.w25 {
  width: 25% !important;
}
.w50 {
  width: 50% !important;
}
.w75 {
  width: 75% !important;
}
.w100 {
  width: 100% !important;
}
.jc-center {
  justify-content: center;
}
.u-ofhidden {
  overflow: hidden;
}
.u-flex {
  display: flex;
}
.u-alignCenter {
  align-items: center;
}
.u-justifyCenter {
  justify-content: center;
}
.u-borderRadius10 {
  border-radius: 10px;
}

@media print, screen and (min-width: 769px){
  body {
    min-width: 1200px;
    overflow-x: hidden;
  }
  .sp {
    display: none !important;
  }
  a[href^="tel:"] {
    pointer-events: none;
    color: inherit !important;;
    text-decoration: none !important;;
  }
}

@media screen and (max-width:768px){
  .pc {
    display: none !important;
  }
  .w100-sp {
    width: 100% !important;
  }
}


/*----------------------------------------------*/
/* Layout
/*----------------------------------------------*/
.l-secCont,
.l-secCont__box {
  position: relative;
}
.l-secCont.is-no-mainvis {
  padding: 100px 0;
}
.l-colWrap {
  display: flex;
  flex-wrap: wrap;
}
.l-flexBox {
  display: flex;
}
.l-secCont:last-child,
.l-secCont__box:last-child,
.l-secCont__box__box:last-child {
  margin-bottom: 0;
}
.l-secCont__box {
  margin-bottom: 80px;
}
.l-secCont__box__box {
  margin-bottom: 40px;
}

@media print, screen and (min-width: 769px){
  .l-secCont {
    padding: 80px 0;
  }
  .l-inner {
    width: 1000px;
    margin: 0 auto;
  }
  .l-inner.is-narrow {
    width: 850px;
  }
  .l-inner.is-wide {
    width: 1200px;
  }
  
  /* カラム */
  .l-colWrap {
    margin-bottom: -2%;
  }
  .l-colWrap.item2 {
    margin-bottom: -2%;
  }
  .l-colWrap .col-item {
    margin: 0 2% 2% 0;
  }
  .l-colWrap.item2 .col-item {
    width: 49%;
    margin: 0 2% 2% 0;
  }
  .l-colWrap.item3 .col-item {
    width: 32%;
  }
  .l-colWrap.item4 .col-item {
    width: 23.5%;
  }
  .l-colWrap.item5 .col-item {
    width: 18.4%;
  }
  .l-colWrap.item6 .col-item {
    width: 15%;
  }
  .l-colWrap.item2 .col-item:nth-child(2n),
  .l-colWrap.item3 .col-item:nth-child(3n),
  .l-colWrap.item4 .col-item:nth-child(4n),
  .l-colWrap.item5 .col-item:nth-child(5n),
  .l-colWrap.item6 .col-item:nth-child(6n),
  .l-colWrap .col-item:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width:768px){
  .l-secCont.is-no-mainvis,
  .l-mainvis-none {
    margin-top: 60px;
  }
  .l-inner {
    padding: 0 15px;
  }
  .l-colWrap-sp,
  .l-flexBox-sp {
    display: flex;
    flex-wrap: wrap;
  }
  .l-colWrap .col-item {
    margin-bottom: 20px;
    width: 100%;
  }
  .l-colWrap.item1-sp .col-item:last-child {
    margin-bottom: 0 !important;
  }
  .l-colWrap.item2-sp .col-item {
    width: 48%;
    margin-right: 4%;
  }
  .l-colWrap.item2-sp .col-item:nth-child(2n) {
    margin-right: 0;
  }
  .l-secCont {
    padding: 50px 0;
  }
  .l-secCont__box {
    margin-bottom: 50px;
  }
}


/* .l-flexBox */
.l-flexBox {
  display: flex;
  position: relative;
}

/* .reverse */
.l-flexBox.reverse .l-flexBox__spc01 {
  order: 2;
  padding-right: 0;
}

@media print,screen and (min-width: 769px){
  .l-flexBox {
    display: flex;
    gap: 2em;
  }
  .l-flexBox.is-gap0 {
    gap: 0;
  }

  /* .reverse */
  .l-flexBox.reverse-pc .l-flexBox__spc01 {
    order: 2;
    padding-right: 0;
    padding-left: 50px;
  }

  /*アイテムを上下中央寄せにしたいとき*/
  .l-flexBox.align-center {
    align-items: center;
  }

  /*アイテムをベースラインに合わせたいとき*/
  .l-flexBox.align-base {
    align-items: baseline;
  }

  /*アイテムを下寄せにしたいとき*/
  .l-flexBox.flex-end {
    align-items: flex-end;
  }

  .l-flexBox .l-flexBox__spc01.is-textSpc {
    padding-right: 50px;
  }
  .l-flexBox__spc01 {
    /*! padding-right: 50px; */
  }
  /*1:9*/
  .l-flexBox.ratio1-9 > .l-flexBox__spc01 {
    width: 10%;
  }
  .l-flexBox.ratio1-9 > .l-flexBox__spc02 {
    width: 90%;
  }

  /*2:8*/
  .l-flexBox.ratio2-8 > .l-flexBox__spc01 {
    width: 20%;
  }
  .l-flexBox.ratio2-8 > .l-flexBox__spc02 {
    width: 80%;
  }

  /*3:7*/
  .l-flexBox.ratio3-7 > .l-flexBox__spc01 {
    width: 30%;
  }
  .l-flexBox.ratio3-7 > .l-flexBox__spc02 {
    width: 70%;
  }

  /*4:6*/
  .l-flexBox.ratio4-6 > .l-flexBox__spc01 {
    width: 40%;
  }
  .l-flexBox.ratio4-6 > .l-flexBox__spc02 {
    width: 60%;
  }

  /*5:5*/
  .l-flexBox.ratio5-5 {
    justify-content: space-between;
  }
  .l-flexBox.ratio5-5 > .l-flexBox__spc01,
  .l-flexBox.ratio5-5 > .l-flexBox__spc02 {
    width: 50%;
  }
  .l-flexBox.ratio5-5 > .l-flexBox__spc02 {
    /*! padding-left: 0; */
  }

  /*6:4*/
  .l-flexBox.ratio6-4 > .l-flexBox__spc01 {
    width: 60%;
  }
  .l-flexBox.ratio6-4 > .l-flexBox__spc02 {
    width: 40%;
  }

  /*7:3*/
  .l-flexBox.ratio7-3 > .l-flexBox__spc01 {
    width: 70%;
  }
  .l-flexBox.ratio7-3 > .l-flexBox__spc02 {
    width: 30%;
  }

  /*8:2*/
  .l-flexBox.ratio8-2 > .l-flexBox__spc01 {
    width: 80%;
  }
  .l-flexBox.ratio8-2 > .l-flexBox__spc02 {
    width: 20%;
  }

  /*9:1*/
  .l-flexBox.ratio9-1 > .l-flexBox__spc01 {
    width: 90%;
  }
  .l-flexBox.ratio9-1 > .l-flexBox__spc02 {
    width: 10%;
  }

  /* reverse */
  .l-flexBox.reverse > .l-flexBox__spc01 {
    /*padding-left: 50px;*/
  }
}

@media screen and (max-width:768px){
  .l-flexBox {
    flex-direction: column;
  }
  .l-flexBox.flex-sp {
    flex-direction: initial;
  }

  /* .reverse */
  .l-flexBox.reverse-sp > .l-flexBox__spc01 {
    order: 2;
    margin-bottom: 0;
  }
  .l-flexBox.reverse-sp > .l-flexBox__spc02 {
    margin-bottom: 30px;
  }

  .l-flexBox > .l-flexBox__spc01 {
    margin-bottom: 30px;
  }
  .l-flexBox > .l-flexBox__spc01,
  .l-flexBox > .l-flexBox__spc02 {
    width: 100%;
  }

  /*spでもflex継承する場合*/
  .flex-sp.l-flexBox > .l-flexBox__imgSpc {
    padding-right: 12px;
  }

  /*4:6*/
  .flex-sp.l-flexBox.ratio4-6 > .l-flexBox__imgSpc,
  .flex-sp.l-flexBox.ratio4-6 > .l-flexBox__spc01 {
    width: 30% !important;
  }
  .flex-sp.l-flexBox.ratio4-6 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio4-6 > .l-flexBox__spc02 {
    width: 70% !important;
  }

  /*5:5*/
  .flex-sp.l-flexBox.ratio5-5 {
    justify-content: space-between !important;
  }
  .flex-sp.l-flexBox.ratio5-5 > .l-flexBox__imgSpc,
  .flex-sp.l-flexBox.ratio5-5 > .l-flexBox__spc01,
  .flex-sp.l-flexBox.ratio5-5 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio5-5 > .l-flexBox__spc02 {
    width: 48% !important;
    padding-right: 0 !important;
  }
  .flex-sp.l-flexBox.ratio5-5 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio5-5 > .l-flexBox__spc02 {
    padding-left: 0 !important;
  }

  /*3:7*/
  .flex-sp.l-flexBox.ratio3-7 > .l-flexBox__imgSpc,
  .flex-sp.l-flexBox.ratio3-7 > .l-flexBox__spc01 {
    width: 30% !important;
  }
  .flex-sp.l-flexBox.ratio3-7 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio3-7 > .l-flexBox__spc02 {
    width: 70% !important;
  }

  /*2:8*/
  .flex-sp.l-flexBox.ratio2-8 > .l-flexBox__imgSpc,
  .flex-sp.l-flexBox.ratio2-8 > .l-flexBox__spc01 {
    width: 30% !important;
  }
  .flex-sp.l-flexBox.ratio2-8 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio2-8 > .l-flexBox__spc02 {
    width: 70% !important;
  }

  /*1:9*/
  .flex-sp.l-flexBox.ratio1-9 > .l-flexBox__imgSpc,
  .flex-sp.l-flexBox.ratio1-9 > .l-flexBox__spc01 {
    width: 30% !important;
  }
  .flex-sp.l-flexBox.ratio1-9 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio1-9 > .l-flexBox__spc02 {
    width: 70% !important;
  }

  /*7:3*/
  .flex-sp.l-flexBox.ratio7-3 > .l-flexBox__imgSpc,
  .flex-sp.l-flexBox.ratio7-3 > .l-flexBox__spc01 {
    width: 70% !important;
  }
  .flex-sp.l-flexBox.ratio7-3 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio7-3 > .l-flexBox__spc02 {
    width: 30% !important;
  }

  /*6:4*/
  .flex-sp.l-flexBox.ratio6-4 > .l-flexBox__imgSpc,
  .flex-sp.l-flexBox.ratio6-4 > .l-flexBox__spc01 {
    width: 60% !important;
  }
  .flex-sp.l-flexBox.ratio6-4 > .l-flexBox__textSpc,
  .flex-sp.l-flexBox.ratio6-4 > .l-flexBox__spc02 {
    width: 40% !important;
  }
}

.l-contPd {
  padding: 70px 0;
}

@media screen and (max-width: 768px){
  .l-contPd {
    padding: 50px 0 50px;
  }
}

/*----------------------------------------------*/
/* Component
/*----------------------------------------------*/
/* .c-breadcrumb */
.c-breadcrumb {
  background: #f1f1f1;
  padding: 0.5em 0;
}
.c-breadcrumb ul {
  font-size: 0;
}
.c-breadcrumb ul li {
  display: inline-block;
  font-size: 12px;
}
.c-breadcrumb ul li {
  position: relative;
  margin: 0 2em 0 0;
}
.c-breadcrumb ul li::after {
  content: '\f105';
  font-family: "FontAwesome";
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  font-size: 1em;
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  color: #4668A8;
  font-weight: bold;
}
.c-breadcrumb ul li:last-child::after {
  display: none;
}
.c-breadcrumb ul li a {
  color: #4668A8;
}

@media screen and (max-width: 768px){
  .c-breadcrumb .l-inner {
    padding: 0;
  }
  .c-breadcrumb ul {
    white-space: nowrap;
    padding: 0 15px;
    overflow-x: scroll;
  }
}

.c-pageTitle {
  margin-bottom: 50px;
}

@media screen and (max-width:768px){
  .c-pageTitle {
    margin-bottom: 30px;
  }
  .c-pageTitle h1 {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .c-pageTitle .c-textDate {
    margin-top: 5px;
  }
}

/* .c-ttlCopy */
.c-ttlCopy {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 3em;
}
.c-ttlCopy.is-fs-small {
  font-size: 1.2rem;
}
.c-ttlCopy h2,
.c-ttlCopy p {
  font-weight: bold;
  line-height: 1.4;
  font-style: italic;
}
.c-ttlCopy h2 {
  font-family: 'ShinGoPro';
}
.c-ttlCopy.is-fs-small h2 {
  line-height: 1.8;
}
.c-ttlCopy p {
  margin-bottom: 1em;
  color: #4668A8;
  letter-spacing: 0.1em;
}
.c-ttlCopy.text-shadow h2 {
  text-shadow: 2px 2px 2px #FFF, -3px -3px 2px #FFF, 2px 2px 2px #FFF, 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.c-textCopy {
  font-size: 1.6rem;
  font-family: 'ShinGoPro';
  line-height: 1.5;
  font-style: italic;
  margin-bottom: 1.5em;
}
.c-textCopy.is-styleChange {
  font-style: normal;
}
.c-textCopy__sub {
  font-size: 1rem;
  display: block;
  letter-spacing: 0.2em;
  color: #4668A8;
  margin-top: 0.5em;
}

@media screen and (max-width:768px){
  .c-textCopy__sub {
    font-size: 0.9rem;
  }
}

.c-subTtl {
  background: #4668A8;
  text-align: center;
  font-weight: bold;
  font-size: 1.4em;
  color: #FFF;
  margin-bottom: 1em;
  line-height: 1.5;
  padding: 0.5em 1em;
}

@media screen and (max-width:768px){
  .c-subTtl {
    font-size: 1.2rem;
  }
}

.c-secTtl {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
  padding: 1em;
  margin-bottom: 2em;
}
.c-secTtl__eng {
  display: block;
  font-size: 1rem;
  letter-spacing: 0.2em;
}

@media screen and (max-width:768px){
  .c-secTtl {
    font-size: 1.3rem;
  }
  .c-secTtl__eng {
    font-size: 0.8rem;
  }
}

/* hタグ */
.c-ttlh2 {
  background: #f5f5f5;
  padding: 1em 1em 1em 1.5em;
  border: solid 1px #DDD;
  position: relative;
  margin-bottom: 30px;
  font-size: 1.1rem;
  line-height: 1.5;
}
.c-ttlh2::after {
  content: '';
  display: block;
  width: 4px;
  height: 75%;
  background: #4668a8;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  border-radius: 10px;
}
.c-ttlh2-2 {
  border-left: solid 8px #4668a8;
  margin-bottom: 30px;
  padding: 0.5em 0 0.5em 1em;
  font-size: 1.8rem;
  line-height: 1.5;
  position: relative;
}
.c-ttlh2-2 span {
  display: block;
  color: #4668a8;
  font-size: 1.2rem;
  margin-bottom: 0.5em;
}
.c-ttlh2-2 span.c-ttlh2-2__reset {
  display: inline;
  font-size: inherit;
}
.c-ttlh3 {
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}
.c-contTtl {
  font-size: 1.4rem;
  margin-bottom: 20px;
  line-height: 1.5;
  position: relative;
}
.c-contTtl--icon {
  padding-left: 2em;
}
.c-contTtl--icon .c-iconImg {
  position: absolute;
  top: 00;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  margin-right: 0.5em;
  filter: brightness(0) saturate(100%) invert(49%) sepia(86%) saturate(2696%) hue-rotate(355deg) brightness(94%) contrast(97%);
  filter: brightness(0) saturate(100%) invert(36%) sepia(40%) saturate(638%) hue-rotate(180deg) brightness(101%) contrast(99%);
}
.c-contTtl__icon img {
  vertical-align: middle;
}
.c-contTtl--border {
  border-bottom: solid 2px;
  padding-bottom: 10px;
}
.c-contTtl--borderLeft {
  border-left: solid 6px #4668a8;
  margin-bottom: 1em;
  padding-left: 15px;
}
.c-contSubttl {
  background-color: #4668a8;
  display: inline-block;
  color: #FFF;
  padding: 2px 1em;
  margin-bottom: 1em;
  font-weight: normal;
  border-radius: 4px
}
.c-contSubttl02 {
  font-size: 1.25rem;
  color: #4668a8;
  margin-bottom: 1em;
}
.c-textDate {
  font-weight: bold;
}
.c-textDate::before {
  content: '\f017';
  font-family: "FontAwesome";
  font-weight: normal;
  margin-right: 5px;
}

@media print, screen and (min-width: 769px){

}

@media screen and (max-width:768px){
  .c-ttlCopy {
    margin-bottom: 1.5em;
  }
  .c-ttlCopy h2 {
    font-size: 1.25rem;
  }
  .c-ttlh2 {
    font-size: 1rem;
  }
  .c-ttlCopy p {
    font-size: 0.8rem;
  }
  .c-ttlh2-2 {
    font-size: 1.2rem;
  }
  .c-ttlh2-2 span {
    font-size: 0.85rem;
  }
  .c-ttlh3 {
    font-size: 1.2rem;
  }
  .c-contTtl {
    font-size: 1.2rem;
    margin-bottom: 15px;
  }
}

/* .c-mainVisual */
.c-mainVisual {
  background: no-repeat center;
  background-size: cover;
  position: relative;
  padding: 70px 0;
}
.c-mainVisual::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url("../images/common/filter02.png");
  background-size: 8px;
  background-color: rgba(42,64,107,0.5);
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
}
.c-mainVisual .c-pageTitle {
  margin-bottom: 0;
}
.c-mainVisual .c-pageTitle h1,
.c-mainVisual .c-pageTitle p,
.c-mainVisual__desc p {
  color: #FFF;
  position: relative;
  z-index: 10;
  line-height: 1.5;
  text-shadow: 0 0 10px rgba(0,0,0,0.5)
}
.c-mainVisual .c-pageTitle h1 {
  font-size: 2rem;
}
.c-mainVisual .c-pageTitle h1 .u-textSmall {
  font-size: 1.2rem;
  font-weight: normal;
}
.c-mainVisual .c-pageTitle p {
  font-weight: bold;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
}
.c-mainVisual__desc {
  margin-top: 20px;
  position: relative;
  display: inline-block;
  padding: 0 2em;
}
.c-mainVisual__desc::before,
.c-mainVisual__desc::after {
  content: '';
  display: block;
  width: 1.2em;
  height: 2px;
  background: #FFF;
  z-index: 10;
  position: absolute;
  top: 50%;
}
.c-mainVisual__desc::before {
  left: 0;
}
.c-mainVisual__desc::after {
  right: 0;
}
.c-mainVisual__desc p {
  color: #FFF;
  z-index: 10;
  position: relative;
  font-size: 1.2em;
  font-weight: bold;
}
.c-mainVisual.is-styleChange {
  display: flex;
  align-items: center;
}
.c-mainVisual.is-styleChange h1 {
  font-size: 2.8rem;
}

/* お問い合わせ関連は共通 */
.c-pageContact .c-mainVisual {
  background-image: url("../images/common/mainvis-contact.jpg");
}


.p-page-topics .c-mainVisual {
  background-image: url("../images/mainvis/topics.jpg");
}

@media print, screen and (min-width: 769px){
}

@media screen and (max-width:768px){
  .c-mainVisual {
    padding: 30px 0 40px;
    margin-top: 60px;
  }
  .c-mainVisual.is-styleChange {
    justify-content: center;
    text-align: center;
  }
  .c-mainVisual__desc {
    margin-top: 10px;
  }
  .c-mainVisual .c-pageTitle h1 {
    font-size: 1.6rem;
  }
  .c-mainVisual .c-pageTitle p {
    font-weight: bold;
    font-size: 0.8rem;
  }
  .c-mainVisual__desc p {
    font-size: 1rem;
  }
}


/* アコーディオン */
.c-accordion {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #fff;
}
.c-accordion li {
  list-style: none;
}
.c-accordion ul li ul li {
  border-top: solid 1px #DDD;
  text-indent: 1.5em;
  position: relative;
}
.c-accordion ul li ul li a::before {
  content: '';
  display: block;
  width: 10px;
  height: 2px;
  background: #CCC;
  position: absolute;
  left: 1.2em;
  top: 1.6em;
}
.c-accordion > ul > li {
  border-bottom: solid 1px #DDD;
}
.c-accordion a,
.c-accordion .toggle {
  display: block;
  position: relative;
  text-decoration: none;
  color: #333333;
  cursor: pointer;
  -webkit-transition: .2s ease-in-out;
}
.c-accordion a:hover {
  background-color: #eee;
}
.c-accordion .toggle::after {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(135deg);
  -webkit-transition: .2s ease-in-out;
}
.c-accordion .open::after {
  transform: rotate(135deg);
  -webkit-transform: rotate(-45deg);
}
.c-accordion li ul {
  display: none;
  margin: 0;
  font-size: small;
  overflow: hidden;
}
.c-accordion li ul li a {
  line-height: 20px;
}
.c-accordion li ul li a::after {
  display: none;
}
.c-accordion ul > li > ul > li a {
  padding: 1em 1em 1em 2.5em;
  font-size: 14px;
  text-indent: 0;
}

/* 続きを見る */
.c-gradSpc {
  position: relative;
}
.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
  letter-spacing: 0.2em;
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  width: 60%;
  margin: auto;
  padding: .5em 0;
  border-radius: 2px;
  border: solid 1px #CCC;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  border-radius: 30px;
  color: #999;
  background: #FFF;
}
.grad-btn::after {
  content: "MORE";
  color: #AAA;
}
.grad-btn::after,
.grad-trigger:checked ~ .grad-btn::after {
  font-weight: bold;
}
.grad-btn:hover {
  background: #f5f5f5;
  /*! color: #009e8f; */
}
.grad-btn .fa {
  margin-right: .5em;
  color: #AAA;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 200px;
}
.grad-item p + p {
  /*! margin-top: 1em; */
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 100%;
  height: 50px; /*グラデーションで隠す範囲*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,#FFF 100%);
  z-index: 1;
  /*! background: red; */
}
.grad-item--blue::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,#3F62A4 100%);
}

.grad-trigger {
  display: none;
}
.grad-trigger:checked ~ .grad-btn {
  /* bottom: -2em; */
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "CLOSE"
}
.grad-trigger:checked ~ .grad-btn .fa {
  transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}

@media print, screen and (min-width: 769px){
  .c-gradSpc.is-sp .grad-item {
    position: relative;
    overflow: initial;
    height: auto;
  }
  .c-gradSpc.is-sp .grad-item::before {
    display: none;
  }
  .c-gradSpc.is-sp .grad-btn {
    display: none;
  }
}

@media screen and (max-width: 768px){
  .grad-item::before {
    height: 40px; /*グラデーションで隠す範囲*/
    bottom: 20px;
  }
  .grad-btn {
    width: 95%;
    font-size: 0.9em;
    padding: 5px 1em;
  }
  .grad-item {
    height: 125px;
    padding-bottom: 40px;
  }
}

/* .c-selectBtn */
.c-selectBtn {
  margin-bottom: 30px !important;
}
.c-selectBtn a {
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5em 1em;
  text-align: center;
  height: 100%;
  line-height: 1.5;
}
.c-selectBtn a:hover {
  background: #4668a8;
  color: #FFF;
  opacity: 1;
}
.c-selectBtn a.current {
  background: #888;
  color: #FFF;
  pointer-events: none;
}

@media print, screen and (min-width: 769px){
  .c-selectBtn a {
    font-size: 1.05rem;
  }
}

@media screen and (max-width: 768px){
  .c-selectBtn {
    margin-bottom: 10px !important;
  }
  .c-selectBtn a {
    font-size: 0.85rem;
  }
}

.c-numBox {
  counter-reset: number 0;
}
.c-numBox__item {
  position: relative;
}
.c-numBox__item__ttl {
  position: relative;
  padding-left: 2.5em;
}
.c-numBox__item__ttl::after {
  counter-increment: number 1;
  content: '0'counter(number);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  background: #4668a8;
  color: #FFF;
  font-weight: bold;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 100%;
}

.c-imgCircle > img {
  border-radius: 100%;
}

/* c-panelBtn */
.c-panelBtn {
  display: inline-block;
  padding: 30px 20px;
  border: solid 1px #eee;
  border-radius: 10px;
  box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
}
.c-panelBtn__ttl .c-icon {
  display: inline-flex;
  min-width: 2em;
  height: 2em;
  align-items: center;
  background: #f1f1f1;
  justify-content: center;
  border-radius: 100%;
}
.c-panelBtn__ttl .c-icon img {
  width: 1em;
}


.c-panelBtn__icon {
  display: inline-flex;
  width: 3em;
  height: 3em;
  align-items: center;
  background: #f1f1f1;
  justify-content: center;
  border-radius: 100%;
}
.c-panelBtn__icon img {
  width: 1.6em;
}

.c-panelBtn__ttl {
  font-size: 1.1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 0.5em;
  line-height: 1.2;
}
.c-panelBtn__ttl + p {
  margin-top: 10px;
}
.c-panelBtn--icon .c-panelBtn__text p {
  line-height: 1.5;
}

@media print, screen and (min-width: 769px){
  .c-panelBtn--icon {
    display: grid;
    grid-template-columns: 3em 1fr;
    /*! grid-template-rows: 1fr 1fr; */
    grid-column-gap: 1em;
    grid-row-gap: 10px;
  }

  .c-panelBtn--icon .c-panelBtn__icon {
    grid-area: 1 / 1 / 3 / 2;
  }
  .c-panelBtn--icon .c-panelBtn__ttl {
    grid-area: 1 / 2 / 2 / 3;
  }
  .c-panelBtn--icon .c-panelBtn__text {
    grid-area: 2 / 2 / 3 / 3;
  }
  .c-panelBtn--icon .c-panelBtn__text p {
    line-height: 1.5;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 768px){
  .c-panelBtn {
    padding: 20px;
  }
  .c-panelBtn--icon {
    display: grid;
    grid-template-columns: 4em 1fr;
    grid-template-rows: ;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
  }

  .c-panelBtn--icon .c-panelBtn__icon {
    grid-area: 1 / 1 / 2 / 2;
    width: 3em;
    height: 3em;
  }
  .c-panelBtn--icon .c-panelBtn__ttl {
    grid-area: 1 / 2 / 2 / 3;
  }
  .c-panelBtn--icon .c-panelBtn__text {
    grid-area: 2 / 1 / 3 / 3;
  }
}

/* .c-pagination */
.c-pagination {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.c-pagination ol {
  display: flex;
  gap: 0.5em;
  justify-content: center;
  flex-wrap: wrap;
}
.c-pagination ol li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EEE;
  width: 2em;
  height: 2em;
  border-radius: 100%;
  font-size: 0.9em;
}
.c-pagination ol li a:hover {
  background-color: #f1f4f9;
  opacity: 1;
  color: #4668a8;
}
.c-pagination ol li.active a {
  background-color: #4668a8;
  color: #FFF;
}
.c-pagination ol li.active a:hover {
  pointer-events: none;
}
.c-pagination__btn {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: none;
  position: relative;
  background: none;
}
.c-pagination__btn:hover {
  cursor: pointer;
}
.c-pagination__btn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #666;
  font-size: 1.5em;
}
.c-pagination__btn:hover::after {
  color: #4668a8;
}
.c-pagination__btn--prev::after {
  content: '\f104';
  font-family: "FontAwesome";
}
.c-pagination__btn--next::after {
  content: '\f105';
  font-family: "FontAwesome";
}

@media print, screen and (min-width: 769px){
}

@media screen and (max-width: 768px){
}

/*----------------------------------------
  タブ切り替え
----------------------------------------*/
.tab-content .hide {
  display: none;
}
.tab-area {
  margin: 0 0 30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tab-area li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  background-color: #f1f1f1;
  cursor: pointer;
  margin: 0 2% 2% 0;
  line-height: 1.5;
}
.tab-area li:last-of-type {
  margin-right: 0 !important;
}
.tab-area li.select,
.tab-area li:hover {
}
.tab-area li:hover {
  opacity: 0.7;
}
.tab-area li.select {
  color: #FFF;
  background-color: #4668a8;
  opacity: 1;
}

@media print, screen and (min-width: 769px){
  .tab-area li {
    width: 40%;
    padding: 1em 2em;
    width: 23.5%;
    margin-bottom: 2% !important;
    border-radius: 50px;
  }
  .tab-area li:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width:768px){
  .tab-area {
    display: block;
    margin: 0 0 20px 0;
  }
  .tab-area {
    display: flex;
  }
  .tab-area li {
    width: 48%;
    font-size: 14px;
    min-height: 4em;
    padding: 2px 5px;
    margin: 0 4% 4% 0 !important;
  }
  .tab-area li:nth-child(2n) {
    margin-right: 0;
  }
}

/*----------------------------------------------*/
/* 各種リンク
/*----------------------------------------------*/
a.text {
  text-decoration: underline;
  color: #4668A8;
  position: relative;
}
a.text.is-icon {
  background-size: 0.8em;
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 1em;
}
a.text:hover {
  text-decoration: none;
  opacity: 1;
}
a.text.is-exLink {
  background-image: url("../images/icon/exlink-blue.png");
  padding-right: 1.2em;
}
.linkbtn01 {
  position: relative;
  left: 0;
  vertical-align: middle;
  text-indent: 0em;
  margin-left: 0em;
  padding-left: 1em;
  display: inline-block;
}
.linkbtn01::before {
  content: '\f138';
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  color: #4668a8;
}
.linkbtn02 {
  display: inline-block;
  padding: 1.5em 5em 1.5em 5em;
  background-color: #ff295b;
  color: #FFF;
  position: relative;
  font-size: 16px;
  line-height: 1.2;
  box-shadow: 0 6px 0px #df0944;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  text-shadow: 2px 1px 2px rgba(0,0,0,0.15);
  position: relative;
}
.linkbtn02.is-small {
  font-size: 1rem;
  padding: 1em 2em;
}
.linkbtn02:hover {
  opacity: 1;
  box-shadow: 0 4px 0px #df0944;
  position: relative;
  top: 2px
}
.linkbtn02.is-orange {
  background: #ed670d;
  box-shadow: 0 6px 0px #c6611d;
}
.linkbtn02.is-orange:hover {
  opacity: 1;
  box-shadow: 0 4px 0px #c6611d;
}
.linkbtn02 .textSmall {
  font-size: 1rem;
  text-shadow: none;
}
.linkbtn02.is-icon {
  background-repeat: no-repeat;
  background-size: 0.6em;
  background-position: center right 1.5em;
}
.linkbtn02.is-icon.is-exLink {
  background-image: url("../images/icon/exlink-white.png");
  background-position: center right 1em;
}
.linkbtn03 {
  display: inline-block;
  background: #FFF;
  text-indent: initial;
  border-radius: 40px;
  padding: 0.5em 1.5em 0.5em 2.5em;
  font-size: 0.85em;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  border: solid 1px #DDD;
  color: #4668A8;
  position: relative;
  line-height: 1.5;
}
.linkbtn03::before {
  content: '\f138';
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1em;
}
.linkbtn03:hover {
  opacity: 1;
  background: #4668A8;
  color: #FFF;
  border-color: #4668A8;
}
.linkbtn03.is-icon {
  padding-right: 2.5em;
}
.linkbtn03.is-icon.is-exLink::after {
  content: '';
  display: block;
  width: 0.85em;
  height: 0.85em;
  background-image: url("../images/icon/exlink-blue.png");
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}
.linkbtn03.is-icon.is-exLink:hover::after {
  background-image: url("../images/icon/exlink-white.png");
}
.linkbtn03.is-color-pink {
  color: #d9689d !important;
}
.linkbtn03.is-color-pink:hover {
  background: #d9689d !important;
  border-color: #d9689d;
  color: #FFF !important;
}
.linkbtn04 {
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  padding: 20px;
  border-radius: 10px;
  position: relative
}
.linkbtn04::after {
  content: '◢';
  line-height: 1;
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-size: 0.6rem;
  color: #DDD;
}
.linkbtn04:hover {
  opacity: 1;
}
.linkbtn04:hover::after {
  color: #4668a7;
}

@media screen and (max-width:768px){
  .linkbtn02 {
    padding: 1em 1.5em;
    font-size: 1.2rem;
  }
  .linkbtn02.is-icon {
    width: 100%;
    max-width: 500px;
  }
  .linkbtn02.is-small {
    font-size: 1rem;
    padding: 1em;
  }
}

.c-btn {
  background-color: #4668a8;
  border: none;
  color: #FFF;
  font-weight: bold;
  padding: 1em;
  border-radius: 6px;
  display: inline-block;
  font-size: 0.9rem;
}
.c-btn:hover {
  cursor: pointer;
  opacity: 0.8;
}
.c-btn--wide {
  width: 100%
}
.c-btn--wide02 {
  width: 60%;
}
.c-btn--narrow {
  padding-top: 10px;
  padding-bottom: 10px;
}
.c-btn--orange {
  background-color: #ed670d;
}
.c-btn--gray {
  /*! background-color: #f1f1f1; */
  color: #888;
  border: solid 1px #DDD;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
}

@media screen and (max-width:768px){
  .c-btn--wide02 {
    width: 100%;
  }
}

/*----------------------------------------------*/
/* テーブル
/*----------------------------------------------*/
.c-tableStyle01 dl {
  width: 100%;
  border: solid 1px #DDD;
  border-bottom: none;
}
.c-tableStyle01 dl:last-child {
  border-bottom: solid 1px #DDD;
}
.c-tableStyle01 dl dt,
.c-tableStyle01 dl dd,
.c-tableStyle01 dl dd p {
  line-height: 1.5;
}
.c-tableStyle01 dl dt {
  background: #f5f5f5;
}
.c-tableStyle01 dl dd {
  background: #fff;
}

.c-tableStyle02--blue dl dt {
  background: #E6F0FC !important;
}
.c-tableStyle02--blue dl dd {
  background: #fff !important;
}


@media print, screen and (min-width: 769px){
  .c-tableStyle01 dl {
    display: table;
  }
  .c-tableStyle01 > dl > dt,
  .c-tableStyle01 > dl > dd {
    display: table-cell;
    padding: 1em 1em;
  }
  .c-tableStyle01--pd-Narrow > dl > dt,
  .c-tableStyle01--pd-Narrow > dl > dd {
    padding: 1em;
  }
  .c-tableStyle01 dl dt {
    width: 15em;
  }
  .c-tableStyle01.ratio3-7 > dl > dt {
    width: 30%;
  }
  .c-tableStyle01.ratio3-7 > dl > dd {
    width: 70%;
  }
  .c-tableStyle01.ratio4-6 > dl > dt {
    width: 40%;
  }
  .c-tableStyle01.ratio4-6 > dl . dd {
    width: 60%;
  }

  /* 中央揃え */
  .c-tableStyle01 dl dt,
  .c-tableStyle01 dl dd {
    vertical-align: middle;
  }
  .c-tableStyle01 dl dt,
  .c-tableStyle01 dl dd {
    line-height: 1.5;
  }
}

@media screen and (max-width:768px){
  .c-tableStyle01 dl dt {
    padding: 0.5em 15px;
  }
  .c-tableStyle01 dl dd {
    padding: 1em 15px;
  }
}

/* c-tableStyle02 */
.c-tableStyle02 table tr {
  border: solid 1px #DDD;
}
.c-tableStyle02 table thead th {
  background: #f5f5f5;
}
.c-tableStyle02 table thead th,
.c-tableStyle02 table tbody td {
  border-right: solid 1px #DDD;
}
.c-tableStyle02 table tbody td {
  padding: 1em;
}
.c-tableStyle02 table thead th:last-child,
.c-tableStyle02 table tbody td:last-child {
  border-right: none;
}
.c-tableStyle02--blue > table > tbody tr:nth-child(1n) {
  background: #fff !important;
}
.c-tableStyle02--blue > table > tbody tr:nth-child(2n) {
  background: #E6F0FC !important;
}

@media print, screen and (min-width: 769px){
  .c-tableStyle02 table {
    width: 100%;
  }
  .c-tableStyle02 table thead th {
    width: 50%;
  }
  .c-tableStyle02 table thead.th-auto th {
    width: auto;
  }

}

/* 青色に変更 */
/* c-tableStyle01 */
.c-tableStyle01.is-color-blue > dl:first-child > dt,
.c-tableStyle01.is-color-blue > dl:first-child > dd {
  border-top: solid 4px #4668A8;
}
.c-tableStyle01.is-color-blue > dl {
  border: solid 4px #4668A8;
  border-top: none;
  border-bottom: none;
}
.c-tableStyle01.is-color-blue > dl > dt {
  background: #4668a8;
  color: #FFF;
  border-bottom: solid 4px #6681B5;
}
.c-tableStyle01.is-color-blue > dl > dd {
  border-bottom: solid 4px #4668A8;
}
.c-tableStyle01.is-color-blue > dl:last-child > dt,
.c-tableStyle01.is-color-blue > dl:last-child > dd {
  border-bottom: none;
}
.c-tableStyle01.is-color-blue > dl:last-child {
  border-bottom:  solid 4px #4668A8;
}

@media screen and (max-width:768px){
  .c-tableStyle01.is-color-blue > dl > dt {
    border-bottom: none;
  }
}

/* c-tableStyle02 */
.c-tableStyle02.is-color-blue table thead th {
  background: #4668A8;
  color: #fff;
  padding: 0.5em 1em;
}
.c-tableStyle02.is-color-blue table tbody td {
  background: #fff;
}

/* .c-table */

/* style01 */
.c-table-dl--style01 > dl {
  border-radius: 10px;
  overflow: hidden;
  border: solid 2px #4668A8;
}
.c-table-dl--style01 > dl > dt {
  background-color: #4668A8;
  color: #FFF;
  font-weight: bold;
}

@media print, screen and (min-width: 769px){
  .c-table-dl > dl {
    display: table;
    width: 100%;
  }
  .c-table-dl > dl > dt,
  .c-table-dl > dl > dd {
    display: table-cell;
    padding: 1em;
  }
  .c-table-dl > dl > dt {
    min-width: 20%;
    max-width: 20%;
    width: 20%;
  }
  .c-table-dl > dl > dd {
    width: 100%;
  }
  .c-table-dl.is-ratio3-7 > dl > dt {
    min-width: 30%;
    max-width: 30%;
    width: 30%;    
  }
}

@media screen and (max-width:768px){
  .c-table-dl > dl > dt,
  .c-table-dl > dl > dd {
    padding: 0.5em 1em;
  }
  
  /* スマホも横並び */
  .c-table-dl--spFlex > dl {
    display: flex;
  }
  .c-table-dl--spFlex > dl > dt,
  .c-table-dl--spFlex > dl > dd p {
    font-size: 0.9em;
    line-height: 1.5;
  }
  .c-table-dl--spFlex > dl > dt {
  width: 20%;
  min-width: 8em;
  }

  /* style01 */
  .c-table-dl--style01 > dl {
    border-radius: 6px;
  }
}

/* style02 */
.c-table-dl--style02 > dl {
  margin-bottom: 20px;
}
.c-table-dl--style02 > dl:last-child {
  margin-bottom: 0;
}
.c-table-dl--style02 > dl > dt,
.c-table-dl--style02 > dl > dd {
  padding: 0;
  padding-right: 1em;
}


/* table-scroll */
.sticky-tableWrap {
  border: #ddd solid 1px;
  border-radius: 10px;
  overflow-y: scroll;
  height: 600px;
  scrollbar-width: 15px;
  scrollbar-color: #4668A8;
}
.sticky-tableWrap::-webkit-scrollbar {
  width: 16px;
}
.sticky-tableWrap::-webkit-scrollbar-track {
  background-color: #fff;
  border-left: #ddd solid 1px;
}
.sticky-tableWrap::-webkit-scrollbar-thumb {
  background-color: #4668A8;
  border: #fff solid 4px;
  border-radius: 8px;
}
.sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.sticky-tableWrap .c-tableStyle02 table tr {
  border: none;
}
@media screen and (max-width:768px){
  .table-scroll {
    overflow: scroll;
  }
  .table-scroll::after {
    content: '>> 横にスクロール出来ます。';
    display: block;
    font-size: 0.9em;
    text-align: right;
    margin-top: 10px;
  }
  .table-scroll table{
    width:100%;
  }
  .table-scroll table {
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    max-width: 650px;
  }
  .table-scroll table.size-auto {
    max-width: inherit;
  }
  .table-style02 tbody th {
    width: 30%;
    vertical-align: top;
  }
  .table-style02 .th-auto th {
    width: auto;
  }
  .table-scroll.table-style02 thead th {
    min-width: 100px;
  }
  .table-scroll.table-style02 tbody.sticky th::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #DDD;
    position: absolute;
    left: 0;
    bottom: -1px;
  }
}

/*----------------------------------------
  .p-panelBtn
----------------------------------------*/
.p-panelBtn__item a {
  display: block;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 20px;
  transition: 0.2s;
  height: 100%;
}
.p-panelBtn__item a:hover {
  opacity: 1;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.p-panelBtn__item__textSpc__ttl {
  font-size: 1.2rem;
  margin-bottom: 0.5em;
  transition: 0.2s;
}
.p-panelBtn__item__imgSpc {
  outline: solid 1px #ddd;
  margin-bottom: 15px;
  overflow: hidden;
}
.p-panelBtn__item a .p-panelBtn__item__imgSpc figure img {
  transition: 0.5s;
}
.p-panelBtn__item a:hover .p-panelBtn__item__imgSpc figure img {
  transform: scale(1.1, 1.1);
}
.p-panelBtn__item a:hover .p-panelBtn__item__textSpc__ttl {
  color: #4668A8;
}

@media print, screen and (min-width: 769px){

}

@media screen and (max-width:768px){

}

/*----------------------------------------
* .p-page-srv 
----------------------------------------*/
.p-page-srv--floattelNone .floating-bnr {
  display: none !important;
}

/*----------------------------------------
  .p-srvPrice
----------------------------------------*/
.p-srvPrice {
  background: url("../images/common/stripe-white.png");
  background-size: 6px;
  text-align: center;
  background-color: #ececec;
  border-radius: 100px;
  padding: 0.5em 1em;
}
.p-srvPrice p {
  line-height: 1.2;
  font-size: 1.2em;
}
.p-srvPrice--large {
  width: 100%;
  border-radius: 5px;
}
.p-srvPrice--large p {
  font-size: 1.5em;
}

@media screen and (max-width:768px){
  .p-srvModal .l-flexBox__spc01 {
    text-align: center;
  }
  .p-srvModal--shisetsu .l-flexBox__spc01 img {
    width: 60%;
  }
  .p-srvPrice {
    text-align: center;
    border-radius: 0;
  }
}

/*----------------------------------------
* .p-srvModal
----------------------------------------*/


@media screen and (max-width:768px){
  .p-srvModal .l-flexBox__spc01 {
    text-align: center;
  }
  .p-srvModal--shisetsu .l-flexBox__spc01 img {
    width: 60%;
  }
}

/*----------------------------------------
  list
----------------------------------------*/
.c-list {
  position: relative;  
  line-height: 1.5;
}
.c-list--mb01 > li {
  margin-bottom: 1em;
}
.c-list--mb02 > li {
  margin-bottom: 2em;
}
.c-list--mb01 > li:last-child,
.c-list--mb02 > li:last-child {
  margin-bottom: 0;
}
.c-list-flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2%;
}
.c-list-flex > li {
  margin-bottom: 2%;
}

@media print, screen and (min-width: 769px){
  .c-list-flex--item2 > li {
    width: 49%;
    margin-right: 2%;
  }
  .c-list-flex--item2 > li:nth-child(2n) {
    margin-right: 0;
  }
  .c-list-flex--item3 > li {
    width: 32%;
    margin-right: 2%;
  }
  .c-list-flex--item3 > li:nth-child(3n) {
    margin-right: 0;
  }
  .c-list-flex--item4 > li {
    width: 23.5%;
    margin-right: 2%;
  }
  .c-list-flex--item4 > li:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width:768px){
  .c-list-flex--item1-sp {
    flex-direction: column;
  }
  .c-list-flex--item2-sp > li {
    width: 49%;
    margin-right: 2%;
  }
  .c-list-flex--item2-sp > li:nth-child(2n) {
    margin-right: 0;

  }
}

/* .list-disc */
.list-disc > li {
  position: relative;
  padding-left: 1em;
}
.list-disc > li::before {
  content:'●';
  font-size: 0.8em;
  position: absolute;
  top: 0.2em;
  left: 0;
}
.list-disc.is-blue > li::before {
  color: #4668A8;
}

/* .list-indent */
.list-indent > li {
  text-indent: -1em;
  margin-left: 1em;
}

/* .list-check */
.list-check > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.list-check > li::before {
  content: '\f14a';
  font-family: "FontAwesome";
  color: #4567A7;
  margin-right: 0.5em;
}
.list-decimal {
  counter-reset: cnt;
}
.list-decimal > li {
  position: relative;
  padding-left: 2em;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.list-decimal > li:last-child {
  margin-bottom: 0;
}
.list-decimal > li::before {
  counter-increment: cnt;
  content: counter( cnt )"";
  background: #4668A8;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 1.6em;
  height: 1.6em;
  position: absolute;
  border-radius: 100%;
  color: #FFF;
  top: 0;
  left: 0;
  font-size: 0.8em;
  padding: 0.2em;
  font-weight: bold;
}

/*----------------------------------------------*/
/* .secContact
/*----------------------------------------------*/
.secContact {
  background: url("../images/common/sec-contact-bgi.jpg") no-repeat center;
  background-size: cover;
  margin-top: 80px;
}
.secContact__item {
  border-radius: 20px 20px 0 0;
  background: #FFF;
}
.secContact__item h3 {
  border-radius: 20px 20px 0 0;
  background: #0D2F5F;
  color: #FFF;
  text-align: center;
  font-size: 1.4rem;
  /*! font-weight: normal; */
  line-height: 1.5;
  padding: 20px 0;
}
.secContact__item .col-item h4 {
  background: #E4E8F3;
  font-weight: normal;
  color: #4668A8;
  padding: 0 1em;
}
.p-secContact-telnumber {
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1;
  margin: 10px 0 5px;
}
.p-secContact-telnumber,
.p-secContact-telnumber a {
  color: #4668A8;
}
.p-secContact-telnumber a {
  background: url("../images/icon/freedial.png")  no-repeat center left;
  background-size: 1em;
  padding-left: 1.2em;
  word-break: break-all;
}
.p-secContact-telnumber.is-iconNone a {
  background: none;
  padding: 0;
}
.p-secCont-btnMail {
  display: block;
  padding: 25px 1.5em 25px 1.5em;
  background: url("../images/icon/fukidashi.png") no-repeat center left 1em;
  background-size: 1.5em;
  background-color: #ff295b;
  color: #FFF;
  position: relative;
  font-size: 16px;
  line-height: 1.2;
  box-shadow: 0 6px 0px #df0944;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  text-shadow: 2px 1px 2px rgba(0,0,0,0.15);
}

.p-secCont-btnMail::after {
  content: '\f054';
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 1em;
  font-size: 0.8em;
  margin: auto;
  color: #FFF;
  transform: translateY(-50%);
}

@media print, screen and (min-width: 769px){
  .secContact .l-inner {
    width: 850px;
  }
  .secContact .col-item {
    margin-bottom: 0;
  }
  .secContact__item__wrap {
    padding: 20px 40px 35px;
  }
  .secContact__item__wrap__btnSpc {
    width: 70%;
    margin: 20px auto 0;
  }
  .p-secCont-btnMail {
    font-size: 1.5rem;
  }
}

@media screen and (max-width:768px){
  .secContact {
    margin-top: 30px;
  }
  .secContact__item h3 {
    font-size: 1.2rem;
  }
  .secContact__item__wrap {
    padding: 20px 15px 25px;
  }
  .secContact__item .l-colWrap .col-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .secContact__item .l-colWrap .col-item:last-child {
    margin-bottom: 0;
  }
  .p-secContact-telnumber {
    margin-bottom: 5px;
  }
  .p-secContact-telnumber {
    font-size: 10vw;
  }
  .p-secCont-btnMail {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.2rem
  }
  .secContact__item__wrap__btnSpc {
    margin-top: 20px;
  }
}



/*----------------------------------------
* .p-secFeature / .p-secSurvey
----------------------------------------*/
.p-secFeature .l-inner {
  position: relative;
}
.p-secFeature .p-contentWrap,
.p-secSurvey .p-contentWrap {
  padding: 50px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15) ;
  border-radius: 20px;
  position: relative;
  z-index: 10;
}
.p-secFeature .c-ttlCopy,
.p-secSurvey .c-ttlCopy {
  margin-bottom: 1.5em;
}
.p-secFeature h2,
.p-secSurvey h2 {
  font-size: 1.25em;
}
.p-secFeature .p-contentWrap__logo {
  width: 200px;
  margin-top: 50px;
}
.p-secFeature .p-contentWrap video {
  width: 100%;
}
.p-secFeature__deco,
.p-secSurvey__deco {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-secFeature__deco li,
.p-secSurvey__deco li {
  display: inline-block;
  position: absolute;
  margin-bottom: 0;
  opacity: 0.7;
  background: -moz-linear-gradient(-45deg, #2456b6 40%, #44b4bf 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #2456b6 40%,#44b4bf 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #2456b6 40%,#44b4bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.p-secFeature__deco li img {
}
.p-secFeature__deco li:nth-child(1),
.p-secFeature__deco li:nth-child(3),
.p-secSurvey__deco li:nth-child(1),
.p-secSurvey__deco li:nth-child(3) {
  width: 40px;
  height: 40px;
  animation: move-y-01 1.5s infinite alternate ease-in-out;
}
@keyframes move-y-01 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px) scale(0.9, 0.9);
  }
}
.p-secFeature__deco li:nth-child(2),
.p-secFeature__deco li:nth-child(4),
.p-secSurvey__deco li:nth-child(2),
.p-secSurvey__deco li:nth-child(4) {
  width: 50px;
  height: 50px;
  animation: move-y-02 1.8s infinite alternate ease-in-out;
}
@keyframes move-y-02 {
  from {
    transform: translateY(5px);
  }
  to {
    transform: translateY(0px) scale(1.1, 1.1);
  }
}

.p-secFeature__deco li:nth-child(1),
.p-secSurvey__deco li:nth-child(1) {
  top: 0;
  left: -10px;
  z-index: 10;
  /*background: red;*/
}
.p-secFeature__deco li:nth-child(2),
.p-secSurvey__deco li:nth-child(2) {
  top: -30px;
  left: -40px;
}
.p-secFeature__deco li:nth-child(3),
.p-secSurvey__deco li:nth-child(3) {
  bottom: -15px;
  right: -15px;
  /*background: green;*/
  z-index: 10;
}
.p-secFeature__deco li:nth-child(4),
.p-secSurvey__deco li:nth-child(4) {
  /*background: orange;*/
  bottom: -35px;
  right: -55px;
}
@media print, screen and (min-width: 769px){

}

@media screen and (max-width: 768px) {
  .p-secFeature .p-contentWrap,
  .p-secSurvey .p-contentWrap {
    padding: 20px;
    border-radius: 10px;
  }
  .p-secFeature h2,
  .p-secSurvey h2 {
    font-size: 1.25rem;
  }
  .p-secFeature .l-flexBox {
    display: flex;
  }
  .p-secFeature .l-flexBox__spc01 {
    order: 2;
    margin: 0 auto 0;
    text-align: center;
    background: #000;
    padding: 20px 0 10px;
  }
  .p-secFeature .l-flexBox__spc01 video {
    width: 60%;
  }
  .p-secFeature .l-flexBox__spc02 {
    order: 1;
    margin-bottom: 4%;
  }
  .p-secFeature .u-textLarge,
  .p-secSurvey .u-textLarge {
    font-size: 1.2em;
    line-height: 1.5;
  }
  .p-secFeature .p-contentWrap__logo {
    text-align: center;
    width: 100%;
    margin: 20px 0 4%;
    border: solid 1px #DDD;
    padding: 2em 1em;
  }
  .p-secFeature .p-contentWrap__logo img {
    max-width: 200px;
    width: 60%;
  }
  .p-secFeature .l-colWrap .col-item {
    /*! margin-bottom: 0; */
  }
  .p-secFeature__deco li:nth-child(1),
  .p-secFeature__deco li:nth-child(3),
  .p-secSurvey__deco li:nth-child(1),
  .p-secSurvey__deco li:nth-child(3) {
    width: 25px;
    height: 25px;
  }
  .p-secFeature__deco li:nth-child(2),
  .p-secFeature__deco li:nth-child(4),
  .p-secSurvey__deco li:nth-child(2),
  .p-secSurvey__deco li:nth-child(4) {
    width: 30px;
    height: 30px;
  }
  .p-secFeature__deco li:nth-child(1),
  .p-secSurvey__deco li:nth-child(1) {
    top: -15px;
    left: 10px;
  }
  .p-secFeature__deco li:nth-child(2),
  .p-secSurvey__deco li:nth-child(2) {
    top: -30px;
    left: -11px;
  }
  .p-secFeature__deco li:nth-child(3),
  .p-secSurvey__deco li:nth-child(3) {
    bottom: 0;
    right: 20px;
  }
  .p-secFeature__deco li:nth-child(4),
  .p-secSurvey__deco li:nth-child(4) {
    bottom: -20px;
    right: 0px;
  }
}



/*----------------------------------------
* .p-tabCont（タブ切り替え）
----------------------------------------*/
.p-tabCont > .p-tabCont__item.hide {
  display: none;
}
.p-tabArea {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(30px - 2%);
  margin-bottom: calc(-2% + 30px);
}
.p-tabArea > li,
.p-tabArea > li > p {
  font-family: 'ShinGoPro';
}
.p-tabArea > li {
  display: block;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  padding: 1.2em;
  border-radius: 12px;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  background: linear-gradient(to bottom, #f9f9f9 0%,#eeeeee 100%);
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.8),1px 1px 2px rgba(0,0,0,0.1);
  border: solid 1px #DDD;
  color: #999;
  font-size: 16px;
  position: relative;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-tabArea > li > p {
  color: #4668a8;
  font-size: 16px;
  line-height: 1.5;
}
.p-tabArea > li.select > p,
.p-tabArea > li.select:hover > p {
  color: #FFF;
}
.p-tabArea > li:last-of-type {
  margin-right: 0;
}
.p-tabArea > li.select,
.p-tabArea > li:hover {
  position: relative;
}
.p-tabArea > li:hover {
  background: linear-gradient(to bottom, #c1d6f0 0%,#d2e0f2 100%);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1),0 0 0 rgba(0,0,0,0.1);
  color: #01479d;
}
.p-tabArea > li:hover > p {
  color: #01479d;  
}
.p-tabArea > li.select {
  color: #FFF;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.4),0 0 0 rgba(0,0,0,0.1);
  background: #01479D;
}

@media print, screen and (min-width: 769px){

  .p-tabArea > li:nth-child(3n) {
    margin-right: 0;
  }
  .p-tabArea.is-item2 > li {
    width: 49%;
  }
  .p-tabArea.is-item4 > li {
    width: 23.5%;
  }
  .p-tabArea.is-item2 > li:nth-child(3n),
  .p-tabArea.is-item4 > li:nth-child(3n) {
    margin-right: 2%;
  }
  .p-tabArea.is-item2 > li:nth-child(2n),
  .p-tabArea.is-item4 > li:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width:768px){
  .p-tabArea > li:nth-child(3n) {
    margin-right: 0;
  }
  .p-tabArea.is-item2 > li {
    width: 49%;
  }
  .p-tabArea.is-item4 > li {
    width: 23.5%;
  }
  .p-tabArea.is-item2 > li:nth-child(3n),
  .p-tabArea.is-item4 > li:nth-child(3n) {
    margin-right: 2%;
  }
  .p-tabArea.is-item2 > li:nth-child(2n),
  .p-tabArea.is-item4 > li:nth-child(4n) {
    margin-right: 0;
  }
}

/*----------------------------------------
* .p-chooseBox（ナビゲート）
----------------------------------------*/
.p-chooseBox__select > li > .btn {
  border: solid 1px #DDD;
  background: linear-gradient(to bottom, #ffffff 1%,#f1f1f1 100%);
  border-radius: 10px;
  padding: 1em;
  width: 100%;
  display: block;
}
.p-chooseBox__select > li > .btn:hover {
  color: #01479D;
  opacity: 1;
}
.p-chooseBox .c-backbtn {
  text-align: center;
  margin-top: 40px;
}

@media screen and (max-width:768px){
  .p-chooseBox__select > li {
    margin-bottom: 10px !important;
  }
  .p-chooseBox__select > li > .btn {
    font-size: 0.9em;
    padding: 0.6em 1em;
  }  
}

/*----------------------------------------
* .c-scrollPoint
----------------------------------------*/
.c-scrollPoint {
  position: fixed;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  z-index: 9900;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 10px;
  padding: 0 25px;
  display: none;
}
.c-scrollPoint.is-show {
  display: block;
}
.c-scrollPoint--anchor li {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  max-width: 300px;
}
.c-scrollPoint--anchor li:last-child {
  margin-bottom: 0;
}
.c-scrollPoint--anchor li a {
  color: #bdbdbd;
  font-weight: bold;
  display: block;
  padding: 1.2em 1em;
  line-height: 1.5;
}
.c-scrollPoint--anchor li a:hover {
  opacity: 1;
  color: #4668A8;
}
.c-scrollPoint--anchor li a.is-active {
  color: #4668A8;
}
.c-scrollPoint--anchor li a.is-active::before {
  opacity: 1;
}

@media print, screen and (min-width: 1401px){
  .c-scrollPoint {
    padding: 25px;
    width: 230px;
  }
  .c-scrollPoint--anchor li {
    margin-bottom: 1.2em;
  }
  .c-scrollPoint--anchor li a {
    background: none !important;
    padding: 0 !important;
    text-align: left !important;
  }
  .c-scrollPoint li a::before {
    transition: 0.1s;
  }
  .c-scrollPoint--anchor li a::before {
    content: "";
    background-color: #4668A8;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    opacity: 0;
    position: relative;
  }
}

@media only screen and (max-width: 1400px) {
  .c-scrollPoint {
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(0);
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    padding: 0;
  }
  .c-scrollPoint--anchor > ul {
    display: flex;
    justify-content: center;
    padding: 0 5%;
    max-width 1200px;
  }
  .c-scrollPoint--anchor li a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .c-scrollPoint--anchor li a.is-active::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background: #4668A8;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

@media only screen and (max-width: 768px) {
  .c-scrollPoint--anchor {
    display: none;
  }
  .c-scrollPoint{
    display: none !important;
  }
}

.c-contBgi {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% + 700px);
  height: 100%;
  width: 100%;
}
.c-contBgi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

/*----------------------------------------
* .c-contTopics（トピックス）
----------------------------------------*/
.c-contTopics {
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  border-radius: 10px;
  backdrop-filter: blur(4px);
}
.c-contTopics dl {
      
}
.c-contTopics dl dt,
.c-contTopics dl dd {
  vertical-align: middle;
}
.c-contTopics dl dt {
  background: rgba(255,255,255,0.8);
  background: #162870;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
  line-height: 1.5;
}
.c-contTopics dl dt span {
  font-size: 0.85em;
  display: block;
  font-weight: normal;
  letter-spacing: 0;
  margin-left: -0.2em;
}
.c-contTopics dl dd ul li {
  position: relative;
}
.c-contTopics dl dd ul li:last-child {
  margin-bottom: 0;      
}
.c-contTopics dl dd ul li a:hover {
  color: #4668a8;
  opacity: 1;
}
.c-contTopics .c-contTopics__tag {
  background-color: #AAA;
  display: inline-block;
  width: 6em;
  text-align: center;
  font-size: 0.8em;
  color: #FFF;
  padding: 2px 0.5em;
}
.p-page-home .c-contTopics {
  margin: -30px 0 0 0;  
}
.c-contTopics dl dd ul li {
  border-bottom: solid 1px #DDD;
}

@media print, screen and (min-width: 769px){
  .c-contTopics dl dt {
    border-radius: 10px 0 0 10px;
  }
  .c-contTopics dl dd {
    padding: 0;
  }
  .c-contTopics dl dd ul li {
    padding: 15px 20px 15px 7em;
  }
  .c-contTopics dl dd ul li:last-child {
    border-bottom: none;
  }
  .c-contTopics .c-contTopics__tag {
    position: absolute;
    left: 1.5em;
  }
}

@media screen and (max-width:768px){
  .c-contTopics dl dt {
    border-radius: 10px 10px 0 0;
  }
  .c-contTopics dl dd ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .c-contTopics .c-contTopics__tag {
    display: block;
    padding: 0;
    margin-bottom: 5px;
  }
  .p-page-home .c-contTopics dl dd {
    padding: 0;
  }
  .p-page-home .c-contTopics dl dd ul li {
    padding: 15px;
    margin-bottom: 0;
  }
  .c-contTopics dl dt {
    font-size: 1rem;
  }
  .c-contTopics dl dt span {
    display: inline-block;    
  }
}

/*----------------------------------------
* コラム記事
----------------------------------------*/
/* 最新のTOPICS */
.c-contNewtopics {
  background-color: #E6F0FC;
  border-radius: 20px;
  padding: 50px;
}
.c-contNewtopics__ttl {
  margin-bottom: 1em;
}
.c-contNewtopics__ttl__sub {
  color: #4668a8;
  display: block;
  line-height: 1.2;
  font-size: 0.85em;
  margin-bottom: 0.25em;
}

@media screen and (max-width:768px){
  .c-contNewtopics {
    border-radius: 10px;
    padding: 30px 20px;
  }
  .c-contNewtopics__ttl {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .c-contNewtopics__ttl__sub {
    margin-bottom: 0.5em;
  }
}

/*----------------------------------------
* .p-secSurvey
----------------------------------------*/
.p-secSurvey {
  background-color: #fff;
}

.p-secSurvey__title {
  border-radius: 6px;
  background: linear-gradient(to bottom, #4668a7 50%, #3f62a4 50%);
  color: #FFF;
  font-size: 1.3rem;
  padding: 10px 20px;
}

.p-secSurvey__cont {
  background-color: #e6f0fc;
  border-left: solid 6px #4668A8;
  padding: 20px 40px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.p-secSurvey__cont + .p-secSurvey__cont {
  margin-top: 20px;
}

.p-secSurvey__cont dt {
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
}

.p-secSurvey__name {
  font-size: 1.2em;
  font-weight: bold;
}
.p-secSurvey__name::after {
  content: '様';
  font-size: .7em;
  font-weight: 400;
  margin-left: .5em;
}

.p-secSurvey__data {
  font-size: .85em;
}

@media print, screen and (max-width: 768px) {
  .p-secSurvey__cont {
    padding: 20px;
  }
}

/* アンケート中ページ */
.p-secSurvey__list {
  padding: 50px;
}

.p-secSurvey__list .p-secSurvey__cont {
  background-color: #fff;
  border-radius: 0;
}

.p-secSurvey__list .p-secSurvey__wrap {
  padding-top: 40px;
}
.p-secSurvey__list .p-secSurvey__wrap:first-child {
  padding-top: 0;
}

@media print, screen and (max-width: 768px) {
  .p-secSurvey__list {
    padding: 20px;
  }
}

/* お客様の声 */
.c-contVoice__item {
  overflow: visible;
  border-radius: 10px;
}
.c-contVoice__ttl {
  position: relative;
  background-color: #4668A8;  
  margin: -50px -50px 40px;
  padding: 20px 30px 20px 30px;
  border-radius: 10px 10px 0 0;
  color: #FFF;
}
.c-contVoice__ttl::after {
  content: '';
  display: block;
  background: url("../images/icon/fukidashi02.png") no-repeat center;
  background-size: contain;
  width: 5em;
  height: 5em;
  position: absolute;
  top: -30px;
  right: -30px;
}
.c-contVoice .c-contTtl {
  margin-bottom: 0;
}
.c-contVoice__ttl__com {
  font-weight: bold;
  font-size: 1.05rem;
  display: inline-block;
  background-color: #FFF;
  line-height: 1.2;
  border-radius: 80px;
  color: #4668A8;
  padding: 2px 20px;
  margin-top: 10px;
}
.c-contVoice__client figure {
  background-color: #f5f5f5;;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.c-contVoice__client figure img {
  position: relative;
  top: 20px;
}
.c-contVoice__client__text {
  line-height: 1.2;
}
.c-contVoice__client__text .c-name {
  display: block;
  font-size: 1.4em;
}
.c-contVoice__client__text .c-name::after {
  content: '様';
  font-size: 0.8em;
  margin-left: 0.25em;
}

@media print, screen and (min-width: 769px){
  .c-contVoice__client__text {
    text-align: center;
    margin-top: 15px;
  }
}

@media screen and (max-width:768px){
  .c-contVoice .l-flexBox__spc01 {
    margin-bottom: 20px;
  }
  .c-contVoice__ttl__com {
    font-size: 0.9rem;
  }
  .c-contVoice__ttl {
    margin: -20px -20px 1.5em;
    padding: 15px 20px;
  }
  .c-contVoice__ttl::after {
    width: 50px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -15px;
  }
  .c-contVoice__client {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 1em;
  }
  .c-contVoice__client figure {
    width: 30%;
    margin: 0;
    background: #FFF;
  }
  .c-contVoice__client figure img {
    top: 10px;
  }
  .c-contVoice__client figure .c-name {
    display: block;
    width: 100%;
  }
}

/*----------------------------------------
* .p-accbox
----------------------------------------*/
.p-accbox {
  padding: 0;
}
.p-accbox__item {
  margin-bottom: 20px;
}
.p-accbox--style01 .p-accbox__item {
  border: solid 1px #ddd;
  border-radius: 5px;
}
.p-accbox__item:hover .p-accbox__item__ttl__text {
  color: #01479d !important;
}
.p-accbox__item__ttl * {
  width: 100%;
}
.p-accbox__item__ttl__text {
  font-size: 1.05rem;
  font-weight: normal;
  color: #555;
  font-weight: bold;
}
.p-accbox__item:last-child {
  margin-bottom: 0;
}
.p-accbox__item__ttl {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 0px 0;
  cursor :pointer;
  padding: 10px 15px;
  background: #f5f5f5;
  position: relative;
}
.p-accbox label p,
.p-accbox label span,
.p-accbox label::after {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.p-accbox label:after,
.p-accbox__item__ttl::after {
  content: '\f078';
  font-family: "FontAwesome";
  display: table-cell;
  text-align: center;
  width: 30px;
  display: inline-block;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 10px;
}
.p-accbox__item__input:checked + label {
  border-radius: 5px 5px 0 0;
}
.p-accbox label:hover {
  background: #e5ecf5;
}
.p-accbox input {
  display: none;
}
.p-accbox__item__show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.5s;
}
.p-accbox__item__input:checked + label + .p-accbox__item__show,
.p-accbox__item__content {
  height: auto;
  opacity: 1;
  /*! padding-top: 15px; */
}
.p-accbox__item__show .MB0 {
  margin-bottom: 0;
}
.p-accbox__item.active .p-accbox__item__ttl::after {
  content: '\f077' !important;
  /*! color: #FFF !important; */
}
.p-accbox__item__content__item {
  margin-bottom: 30px;
}
.p-accbox__item__content__item.is-border {
  border-bottom: dashed 1px #888;
  padding-bottom: 30px;
}
.p-accbox__item__content__item:last-child {
  margin-bottom: 0;
}

/* アイコンの色（白）固定 */
.p-accbox--iconWhite label:after,
.p-accbox--iconWhite .p-accbox__item__ttl::after {
  color: #FFF;
}

/* 装飾あり（style01） */
.p-accbox.p-accbox--style01 .p-accbox__item__ttl {
  padding: 15px 20px 15px 30px;
  cursor :pointer;
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top, #f9f9f9 0%, #eeeeee 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f9f9f9 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f9f9f9 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: inset 2px 2px 2px rgba(255, 255, 255, 0.8),1px 1px 2px rgba(0,0,0,0.1);
  border-radius: 5px;
}
.p-accbox__item.active .p-accbox__item__ttl {
  /*! background: #01479d; */
  /*! color: #FFF; */
  box-shadow: none;
  border-radius: 5px 5px 0 0;
}
.p-accbox--style01 .p-accbox__item__input:checked + label + .p-accbox__item__show--sidePd0 {
  padding-left: 0;
  padding-right: 0; 
  padding-bottom: 0;
}
.p-accbox__item__content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
  box-sizing: border-box;
  transition:
    max-height 0s ease,
    opacity 0.3s ease,
    padding 0.2s ease,
    visibility 0.2s linear 0.2s;
}

.p-accbox__item.active .p-accbox__item__content {
  display: block;
  max-height: 100%;
  padding: 30px;
  opacity: 1;
  visibility: visible;
  transition:
    max-height 0s ease,
    opacity 0.2s ease,
    padding 0.2s ease,
    visibility 0s;
}

@media screen and (max-width:768px){
  .p-accbox__item {
    margin-bottom: 10px;
  }
  .p-accbox.p-accbox--style01 .p-accbox__item__ttl {
    padding: 15px 10px 15px 20px;
    line-height: 1.5;
  }
  .p-accbox__item__ttl__text {
    font-size: 0.95rem;
  }
  .p-accbox__item__content {
    /*! padding: 20px; */
  }
  .p-accbox__item__ttl::after {
    right: 5px;
  }
  .p-accbox__item.active .p-accbox__item__content {
    padding-bottom: 20px !important;
  }
}

/*----------------------------------------
* .p-contColumn
----------------------------------------*/
.p-contColumn {
  
}
.p-contColumn__list > li > a {
  display: block;
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 15px 25px;
  position: relative;
}
.p-contColumn__list > li > a.c-tagNew::before {
  content: 'NEW';
  position: absolute;
  top: -8px;
  left: -8px;
  font-size: 0.85rem;
  background-color: #ff180d;
  line-height: 1.5;
  color: #FFF;
  padding: 0 0.25em 0 0.5em;
  letter-spacing: 0.2em;
  transform: rotate(-10deg);
  z-index: 10;
}
.p-contColumn__list .c-textDate {
  font-size: 0.9em;
  line-height: 1.2;
}
.p-contColumn__list__ttl {
  font-size: 1.2rem;
  font-weight: bold;
}
.p-contColumn__list > li > a::after {
  content: '\f054';
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 15px;
  font-weight: normal;
  transform: translateY(-50%);
}

@media screen and (max-width:768px){
  .p-contColumn__list > li > a {
    padding: 15px 2em 15px 15px;
    line-height: 1.5;
  }
  .p-contColumn__list > li > a.c-tagNew::before {
    font-size: 0.8rem;
  }
  .p-contColumn__list > li > a::after {
    right: 10px;
  }
  .p-contColumn__list__ttl {
    font-size: 1rem;
  }
}
.p-contVoice__list > dl {
  counter-increment: cnt 1;
  border-bottom: solid 3px #f1f1f1;
  padding: 20px 0;
}
.p-contVoice__list > dl:last-child {
  margin-bottom: 0;
}
.p-contVoice__list > dl > dt {
  font-weight: bold;
  font-size: 1.2em;
  width: 15em;
  position: relative;
  padding-left: 2em;
}
.p-contVoice__list > dl > dt,
.p-contVoice__list > dl > dt > p {
  color: #4668A8;
}
.p-contVoice__list > dl > dt::before {
  content: '0'counter(cnt);
  background-color: #4668A8;
  color: #FFF;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em;
  margin-right: 0.5em;
  font-size: 0.8em;
  position: absolute;
  top: 0.1em;
  left: 0;
}
.p-contVoice__list > dl > dd {
  width: 100%;
}

@media print, screen and (min-width: 769px){
  .p-contVoice__list > dl {
    display: flex;
  }
  .p-contVoice__list > dl > dd {
    padding-left: 1em
  }
}

@media screen and (max-width: 768px) {
  .p-contVoice__list > dl > dt {
    margin-bottom: 10px;
  }
}

/* .p-contStep（ステップの表示） */
.p-contStep > ol {
  display: flex;
  overflow: hidden;
}
.p-contStep > ol > li {
  width: calc(100% / 5);
  text-align: center;
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1rem;
  padding: 20px 0 20px 30px;
  color: #888;
  position: relative;
  line-height: 1.2;
}
.p-contStep > ol > li:first-child {
  padding-left: 10px;
  width: calc(100% / 5 - 15px)
}
.p-contStep > ol > li:last-child {
  padding-right: 10px;
  width: calc(100% / 5 + 15px)
}
.p-contStep > ol > li.c-step-current {
  background: #e4eaf6;
  color: #4668a8;
}
.p-contStep > ol > li::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 20px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 4px;
  left: 100%;
  z-index: 1;
}
.p-contStep > ol > li::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 20px solid #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.p-contStep > ol > li.c-step-current::after {
  border-left: 20px solid #e4eaf6;
}
.p-contStep > ol > li:last-child::before,
.p-contStep > ol > li:last-child::after {
  display: none;
}

@media screen and (max-width: 850px){
  .p-contStep > ol > li {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 480px){
  .p-contStep > ol > li {
    font-size: 2.3vw;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/*----------------------------------------
  #page-top
----------------------------------------*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  /*! background: #000; */
  width: 60px;
  height: 60px;
}
#page-top a {
  display: flex;
  padding: 15px 15px;
  height: 100%;
  align-items: center;
  border-radius: 100%;
  font-size: 28px;
  justify-content: center;
  color: #FFF;
  background: #4668a8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
#page-top a:hover {
  background: #325393;
  opacity: 1;
}
#page-top a img {
  transform: rotate(-90deg);
  width: 50%;
  margin-top: -5px;
}

@media screen and (max-width:768px){
  #page-top {
    bottom: 8px;
    right: 8px;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: none !important;
  }
}

/*----------------------------------------------*/
/* fixedbtn
/*----------------------------------------------*/
.fixedbtn {
  position: fixed;
  z-index: 100;
}

@media print, screen and (min-width: 769px){
  .fixedbtn .sp {
    display: none !important;
  }
  .fixedbtn {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .fixedbtn__item {
    /*! margin-bottom: 275px; */
    border-radius: 15px 0 0 15px;
    position: relative;
  }
  .fixedbtn__item:last-child {
    margin-bottom: 0;
  }
  .fixedbtn__item a {
    position: absolute;
    width: 80px;
    display: block;
    background-size: 25px;
    background-position: top 30px center;
    border-radius: 20px 0 0 20px;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    transition: .2s;
    position: absolute;
    right: 0px;
    background: #888;
  }
  .fixedbtn__item a img {
    width: 80px;
  }
  .fixedbtn__item a:hover {
    opacity: 1;
    width: 100px;
  }
  .fixedbtn__item a:hover img {
    width: 80px;
    transition: 1s;
  }
  .fixedbtn__item.is-contact a {
    display: block;
    background: -moz-linear-gradient(top, #ed0644 0%, #ef4f7a 35%, #ef4f7a 50%, #ef4f7a 65%, #ed0644 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ed0644 0%,#ef4f7a 35%,#ef4f7a 50%,#ef4f7a 65%,#ed0644 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ed0644 0%,#ef4f7a 35%,#ef4f7a 50%,#ef4f7a 65%,#ed0644 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .fixedbtn__item.is-recruit a {
    display: block;
    background: -moz-linear-gradient(top, #12a05b 0%, #1cb168 35%, #1cb168 50%, #1cb168 65%, #12a05b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #12a05b 0%,#1cb168 35%,#1cb168 50%,#1cb168 65%,#12a05b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #12a05b 0%,#1cb168 35%,#1cb168 50%,#1cb168 65%,#12a05b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
  .floating-bnr {
    position: absolute;
    z-index: 1000;
    transition: 0.2s;
    opacity: 0;
    visibility: hidden;
  }
  .floating-bnr.is-fixed {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .floating-bnr__item {
    width: 350px;
    position: fixed;
    bottom: 30px;
    left: 30px;
  }
  .floating-bnr__item a {
    filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.3));
    position: relative;
    display: block;
  }
  .floating-bnr__item a:hover {
    opacity: 0.95;
  }
  .floating-bnr__closebtn {
    position: absolute;
    top: 20px;
    right: -10px;
    z-index: 1000;
  }
  .floating-bnr__closebtn:hover {
  cursor: pointer;
  }
  .floating-bnr__closebtn::after {
    content: '\f00d';
    font-family: "FontAwesome";
    display: block;
    background: #FFF;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em;
    border-radius: 100%;
    color: #ff7826;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
  }
}

@media print, screen and (min-width: 450px){
  .fixedbtn__item a br {
    display: none;
  }
  .fixedbtn.is-item1 .fixedbtn__item a {
    position: relative;
  }
}

@media screen and (max-width:768px){
  .fixedbtn .pc {
    display: none !important;
  }
  .fixedbtn {
    display: flex;
    flex-wrap: wrap;
  }
  .fixedbtn {
    bottom: 0;
    transform: translateX(-50%);
    left: 50%;
    width: 100%;
    /* background: rgba(0,0,0,0.7); */
    /* padding: 10px; */
    background: #FFF;
    box-shadow: 0 -3px 5px rgb(0 0 0 / 20%);
  }
  .fixedbtn__item {
    width: 50%;
    border-right: solid 2px #FFF;
  }
  .fixedbtn__item:last-child {
    border-right: none;
  }
  .fixedbtn__item a {
    display: block;
    background-color: #333;
    background-repeat: no-repeat;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding: 1.2em 1em 1.2em 2.5em;
    font-size: 14px;
    margin: 0 auto;
    background-size: 20px;
    background-position: center left 20px;
    line-height: 1.4;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fixedbtn__item.is-recruit a {
    background-image: url("../images/icon/recruit.png");
    background-color: #14a55e;  
  }
  .fixedbtn__item.is-contact a {
    background-image: url("../images/icon/fukidashi.png");
    background-color: #ff295b;
  }
  .fixedbtn__item.is-tel a {
    background-color: #14a55e;
    padding-left: 1.2em;
  }
  .fixedbtn__item.is-tel a::before {
    content: '\f10b';
    font-family: "FontAwesome";
    font-weight: bold;
    font-size: 2em;
    line-height: 0;
    margin-right: 10px;
  }
  .fixedbtn.is-item1 {
    background: rgba(0,0,0,0.7);
    padding: 10px;
    box-shadow: 0 -3px 5px rgb(0 0 0 / 20%);
  }
  .fixedbtn.is-item1 .fixedbtn__item {
    width: 80%;
    margin: 0 auto;
  }
  .fixedbtn.is-item1 .fixedbtn__item a {
    font-size: 16px;
    position: relative;
  }
  .floating-bnr {
    display: none;
    /*width: 90%;*/
    /*margin: 10px auto 0;*/
  }
}

/* slickのオプション */
/* 矢印 */
slick-slide
.slick-op--arrow .slick-arrow {
  z-index: 1000;
}
.slick-op--arrow .slick-arrow {
  width: 2rem;
  height: 2rem; 
}
.slick-op--arrow .slick-arrow {
  width: 10%;
  height: 30%;
}
.slick-op--arrow .slick-arrow::before,
.slick-op--arrow .slick-arrow::after {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.slick-op--arrow .slick-arrow::before {
  content: '\f106';
  font-family: "FontAwesome";
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  opacity: 1;
  z-index: 10;
  color: #333;
}
.slick-op--arrow .slick-arrow:hover::before {
  color: #FFF;
}
.slick-op--arrow .slick-arrow::after {
  content: '';
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  width: 2rem;
  height: 2rem;
  background: #FFF;
  z-index: 0;
  border-radius: 100%;
}
.slick-op--arrow .slick-arrow:hover::after {
  color: #FFF;
  background: #4668a8;
}
.slick-op--arrow .slick-prev {
  left: -15px;
}
.slick-op--arrow .slick-prev::after {
  left: 0;
  transform: translateY(-50%) rotate(90deg);
}
.slick-op--arrow .slick-prev::before {
  left: -2px;
  transform: translateY(-50%) rotate(-90deg);
}
.slick-op--arrow .slick-next {
  right: -15px;
}
.slick-op--arrow .slick-next::after {
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
}
.slick-op--arrow .slick-next::before {
  right: -2px;
  transform: translateY(-50%) rotate(90deg);
}

@media print, screen and (min-width: 769px){
  .slick-op--arrow .slick-prev,
  .slick-op--arrow .slick-next {
    opacity: 0;
  }
  .slick-op--arrow:hover .slick-prev,
  .slick-op--arrow:hover .slick-next {
    opacity: 1;
  }
}

@media screen and (max-width: 768px){
  .slick-op--arrow .slick-arrow {
    width: 30%;
    height: 80%;
  }
}


/* ドットのスタイル */
.slick-op--dot .slick-dots {
  bottom: -20px;
}
.slick-op--dot .slick-dots li button {
  width: 100%;
  height: 8px;
}
.slick-op--dot .slick-dots li button:before {
  background: #999;
  font-size: 0;
  height: 5px;
  width: 100%;
}
.slick-op--dot .slick-dots li {
  width: 30px;
  height: 8px;
  margin: 0 8px;
}
.slick-op--dot02 .slick-dots li.slick-active button:before {
  opacity: 1;
}
.slick-op--dot02 .slick-dots li button:before {
  background: #999;
  font-size: 0;
  height: 8px;
  width: 100%;
  border-radius: 100%
}
.slick-op--dot02 .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0 8px;
}


/*----------------------------------------------*/
/* footer
/*----------------------------------------------*/
.footer {
  background: #1b2738;
}
.footer p,
.footer a {
  color: #FFF;
}
.footer__wrap .footer__spc02 ul li a {
  padding-left: 1em;
} 
.footer__wrap .footer__spc02 ul li a::before {
  content: '\f054';
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 0.8em;
  margin: auto;
  color: #FFF;
  transform: translateY(-50%);
}
.footer .copyright {
  text-align: center;
  font-size: 12px;
  background: #1B222A;
  color: #FFF;
  padding: 10px 0;
}
.footer__wrap .footer__spc02 .c-btn {
  color: #000 !important;
  font-weight: bold;
  mix-blend-mode: screen;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 0.8em;
}

@media print, screen and (min-width: 769px){
  .footer .l-inner {
    padding: 100px 0;
  }
  .footer__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .footer__wrap .footer__spc01 {
    width: 320px;
  }
  .footer__logo {
    width: 240px;
    margin-bottom: 20px;
  }
  .footer__wrap .footer__spc02 {
    width: 600px;
  }
  .footer__wrap .footer__spc02 ul {
    font-size: 0;
  }
  .footer__wrap .footer__spc02 ul li {
    font-size: 14px;
    display: inline-block;
    margin: 0 40px 20px 0;
  }
}

@media screen and (max-width:768px){
  .footer .l-inner {
    padding: 50px 15px;
  }
  .footer__spc01 {
    margin-bottom: 30px;
  }
  .footer__logo {
    width: 60%;
    max-width: 300px;
    margin-bottom: 10px;
  }
  .footer__wrap .footer__spc02 ul {
    display: flex;
    flex-wrap: wrap;
  }
  .footer__wrap .footer__spc02 ul li {
    font-size: 0.8rem;
    width: 48%;
    margin: 0 4% 10px 0;
  }
  .footer__wrap .footer__spc02 ul li:nth-child(2n) {
    margin-right: 0;
  }
}

/*----------------------------------------------*/
/* フォーム関連
/*----------------------------------------------*/
.ui-datepicker-trigger::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../form/datepicker/images/ico_calendar.png") no-repeat center;
  background-size: contain;
  margin-left: 5px;
}
.c-form button.ui-datepicker-trigger {
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;  
}
.c-form .c-table-dl > dl > dd {
  padding: 1em;
}
.c-form-must {
  position: relative;
}
.c-form .c-form-optional::before,
.c-form .c-form-must::before {
  display: block;
  padding: 0px 8px;
  font-size: 0.8em;
  background: #999;
  color: #FFF;
  float: right;
  margin: 0 0 0 10px;
  border-radius: 4px;
  line-height: 1.8;
}
.c-form .c-form-optional::before {
  content: '任意';  
}
.c-form .c-form-must::before {
  content: '必須';
  background: #c30d23;
}
.c-form input,
.c-form textarea,
.c-form select {
  border: solid 0px;
  padding: 8px 10px;
  margin: 2px;
  vertical-align: middle;
  border: solid 1px #DDD;
  font-size: 16px;
  max-width: 100%;
}
.c-form select {
  background: none;
  border-radius: 0;
}
.c-textExam {
  color: #999;
  margin-bottom: 2px;
}

@media print, screen and (min-width: 769px){
  .c-form .c-table-dl > dl > dt {
    min-width: 25%;
    width: 25%;
    max-width: 25%;
  }
}

@media screen and (max-width:768px){
  .c-textExam {
    font-size: 13px;
  }
}

/*----------------------------------------------*/
/* マイページ関連
/*----------------------------------------------*/
/* Component */
.c-loginArea--border {
  border: solid 1px #CCC;
}
.c-loginArea__item {
  padding: 30px;  
}
.c-loginArea__item--member {
  background-color: #f1f4f9; 
}

@media print, screen and (min-width: 769px){
}

@media screen and (max-width:768px){
  .c-loginArea__item {
    padding: 30px 20px;
    margin-bottom: 0 !important;
  }
}

/* Project */
.p-layout-mypage .l-secCont--ttlspc {
  padding-top: 50px;
  padding-bottom: 0;
}
.p-layout-mypage .l-secCont--ttlspc + .l-secCont {
  padding-top: 50px;
}
.p-layout-mypage .c-pagettl {
  text-align: center;
  font-size: 2rem;
}

@media screen and (max-width:768px){
  .p-layout-mypage {
    padding-top: 60px;
  }
  .p-layout-mypage .l-secCont--ttlspc + .l-secCont {
    padding-top: 40px;
  }
}

.p-mypage .c-head .c-userName {
  font-size: 1.8rem;
  line-height: 1.5;
}
.p-mypage .c-head .c-userName::before {
  content: 'こんにちは';
  display: block;
  font-size: 1rem;
}
.p-mypage .c-head .c-userName::after {
  content: '様';
  font-size: 0.8em;
  margin-left: 0.5em;
}

@media print, screen and (min-width: 769px){
  .p-mypage .c-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
  }
  .p-mypage .c-head {
  }
}

@media screen and (max-width:768px){
  .p-mypage .c-head .c-userName {
    font-size: 1.4rem;
  }
}

.p-mypage-cont__item {
  margin-bottom: 50px;
}
.p-mypage-cont__item:last-child {
  margin-bottom: 0;
}
.p-mypage-cont .c-status {
  background-color: #f1f4f9;
  padding: 30px;
  border-radius: 10px;
}
.p-mypage-cont .c-status .c-orderData {
  margin-bottom: 30px;
}
.p-mypage-cont .c-status .c-orderData:last-child {
  margin-bottom: 0;
}
/*.p-mypage-cont .c-orderData .c-orderData__detail {
  box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
  border-radius: 8px;
  overflow: hidden;
}*/
.p-mypage-cont .c-orderData__head {
  padding: 0;
}
.p-mypage-cont.is-orderList .p-accbox__item {
  margin-bottom: 30px;
}
.p-mypage-cont .c-orderData {
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
  border-radius: 8px;
  overflow: hidden;
  /*! transition: 3s; */
}
.p-mypage-cont .c-orderData__head dl > dt {
  background-color: #2f466e;
  color: #FFF;
  font-size: 0.9em;
  padding: 0.5em;
  font-weight: bold;
}
.p-mypage-cont .c-orderData__head dl > dd {
  width: 100%;
  padding: 1em 3em 1em 1em;
}
.p-mypage-cont ul.c-orderDataList {
  font-size: 0;
  position: relative;
}
.p-mypage-cont .c-orderData__head dl > dd .c-orderDataList li {
  font-weight: bold;
}
.p-mypage-cont ul.c-orderDataList > li {
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 0;
  width: auto;
  word-break: break-all;
  line-height: 1.5;
}
.p-mypage-cont ul.c-orderDataList > li:last-child::before {
  content: '～';
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.p-mypage-cont .c-orderData__detail dl:last-child {
  margin-bottom: 0;
}
.p-mypage-cont .c-orderData__detail dl dt {
  position: relative;
}
.p-mypage-cont .c-orderData__detail .c-tag {
  display: inline-block;
  background-color: #999;
  color: #FFF;
  font-size: 0.85em;
  padding: 0.25em 1em;
  width: 6em;
  text-align: center;
}
.p-mypage-cont .c-orderData__detail .c-tag--pending {
  background-color: #999;
}
.p-mypage-cont .c-orderData__detail .c-tag--active {
  background-color: #13a23a;
}
.p-mypage-cont .c-orderData__detail .c-tag--complete {
  background-color: #466bad;
}
.p-mypage-cont .c-status__wrap {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2em;
}
.p-mypage-cont .c-status__wrap .c-contTtl {
  margin-bottom: 0;
}
.p-mypage-cont__item .c-head__item .c-btn {
  font-size: 0.8rem
}
.p-mypage-cont .c-orderData .c-orderBtn {
  margin-top: 30px;
  text-align: center;
}

/* 現在の発注状況 */
.p-mypage-cont .c-orderData--active {
  box-shadow: none;
  border-radius: 0;
}
.p-mypage-cont .c-orderData--active .c-orderData__head {
  margin-bottom: 4px;
}
.p-mypage-cont .c-orderData--active .c-orderData__detail dl {
  margin-bottom: 4px;
  background-color: #FFF;
}
.p-mypage-cont .c-orderData--active .c-orderData__head dl > dd {
  background-color: #FFF;
}
.p-mypage-cont .c-orderData--active .c-orderData__detail dl dt::after {
  content: '';
  display: block;
  width: 3px;
  height: calc(100% - 15px);
  background-color: #EEE;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}


@media print, screen and (min-width: 769px){
  .p-mypage-cont .c-orderData__head dl {
    display: flex;
  }
  .p-mypage-cont .c-orderData__head dl > dt {
    min-width: 23%;
    max-width: 23%;
  }
  .p-mypage-cont .c-orderData__head dl > dt span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  /* 現在の発注状況 */
  .p-mypage-cont .c-orderData--active dl > dt {
    min-width: 24%;
    max-width: 24%;
    width: 24%;
  }
}

@media screen and (max-width:768px){
  .p-mypage-cont.is-orderList .p-accbox__item {
    margin-bottom: 20px;
  }
  .p-mypage-cont__item .c-head__item {
    margin-bottom: 15px;
  }
  .p-mypage-cont__item .c-head__item:last-child {
    margin-bottom: 0;
  }
  .p-mypage-cont .c-status {
    padding: 50px 20px;
    border-radius: 0;
    margin: 0 -15px;
  }
  .p-mypage-cont .c-orderData__head dl {
    background-color: #FFF;
    /*! text-align: center; */
  }
  .p-mypage-cont .c-orderData__head dl > dt {
    display: inline-block;
    background-color: #2f466e;
    color: #FFF;
    font-size: 0.8em;
    font-weight: bold;
    width: auto;
    line-height: 1.5;
    border-radius: 100px;
    margin-bottom: 10px;
  }
  .p-mypage-cont .c-orderData__head dl {
    padding: 15px 40px 15px 20px;
  }
  .p-mypage-cont .c-orderData .p-accbox__item__content {
  padding: 0 20px;
  }
  .p-mypage-cont .c-orderData .c-orderBtn {
    margin-top: 20px;
  }
  .p-mypage-cont .c-orderData__head dl > dt {
    min-width: 12em;
    text-align: center;
    padding: 6px 1em;
  }
  .p-mypage-cont .c-orderData__head dl > dd {
    padding: 0;
  }

  /* 現在の発注状況 */
  .p-mypage-cont .c-orderData--active .c-orderData__head dl > dt {
    width: 100%;
  }
  .p-mypage-cont .c-orderData--active .c-orderData__detail dl {
    /*! padding: 15px; */
  }
  .p-mypage-cont .c-orderData--active .c-orderData__detail dl > dt,
  .p-mypage-cont .c-orderData--active .c-orderData__detail dl > dd {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .p-mypage-cont .c-orderData--active .c-orderData__head dl > dd {
    border: none;
  }
  .p-mypage-cont .c-orderData--active .c-orderData__detail dl > dt {
    font-weight: bold;
  }
  .p-mypage-cont .c-orderData--active .c-orderData__head dl {
    padding: 0;
  }
  .p-mypage-cont .c-orderData--active .c-orderData__head dl > dt {
    border-radius: 0;
    padding: 10px 20px;
    text-align: left;
  }
  .p-mypage-cont .c-orderData--active .c-orderData__head dl > dd {
    padding: 5px 20px 15px;
  }
}

@media print, screen and (min-width: 769px){
}

@media screen and (max-width:768px){
  .p-layout-mypage .c-pagettl {
    text-align: center;
    font-size: 1.6rem;
  }
}