@charset "UTF-8";
/*==========================================================================
# reset - ブラウザの差異や不要なスタイルを無くすためのスタイル
========================================================================== */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption {
  display: block;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  cursor: pointer;
  text-decoration: none;
}

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

@media (max-width: 1000px) {
  .tb-on {
    display: block;
  }
}

@media (max-width: 1000px) {
  .tb-off {
    display: none;
  }
}

@media (min-width: 1001px) {
  .sp {
    display: none;
  }
}

/*1.0rem=10px*/
html {
  font-size: 62.5%;
}

body {
  background-color: #fff;
  color: #000;
  font-weight: 500;
  font-family: "Noto Serif JP", "Noto Sans JP", "Noto Sans", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main {
  overflow: hidden;
}

@font-face {
  font-family: "din";
  src: url("../font/D-DIN-PRO-400-Regular.otf") format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "din";
  src: url("../font/D-DIN-PRO-500-Medium.otf") format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "din";
  src: url("../font/D-DIN-PRO-600-SemiBold.otf") format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: "din";
  src: url("../font/D-DIN-PRO-700-Bold.otf") format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "din";
  src: url("../font/D-DIN-PRO-800-ExtraBold.otf") format("opentype");
  font-weight: 800;
}
@font-face {
  font-family: "din";
  src: url("../font/D-DIN-PRO-900-Heavy.otf") format("opentype");
  font-weight: 900;
}
.l-header {
  height: 77px;
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
}

.l-header__items {
  display: flex;
  justify-content: flex-end;
  padding: 0 min(2.3vw, 50px) 0 40px;
}
@media (max-width: 767px) {
  .l-header__items {
    padding: 0 10px 0 10px;
  }
}

.l-header__left {
  width: 203px;
  margin-right: auto;
  padding: 19px 0;
  transition: all 0.2s linear;
}
.l-header__left img {
  width: 100%;
}
.l-header__left:hover {
  opacity: 0.6;
}
@media (max-width: 1000px) {
  .l-header__left {
    width: 200px;
    padding: 20px 0 0 0;
  }
}
@media (max-width: 767px) {
  .l-header__left {
    width: 180px;
    padding: 26px 0;
  }
}

.l-header__right {
  padding: 13px 0;
  display: flex;
  /***********************************************

      ************************************************/
}
@media (max-width: 1000px) {
  .l-header__right {
    margin: 9px 0;
  }
}
.l-header__right img {
  width: 100%;
}
.l-header__right .insta {
  display: block;
  width: 50.5px;
  height: 50.5px;
  transition: all 0.2s linear;
}
.l-header__right .insta:hover {
  transform: scale(1.1, 1.1);
}
@media (max-width: 1000px) {
  .l-header__right .insta {
    width: 35px;
    height: 35px;
  }
}
.l-header__right .line {
  width: 260px;
  height: 50px;
  border-radius: 2px;
  padding-left: 69px;
  margin-left: 14px;
  background-color: #06C755;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
  opacity: 0.8;
  position: relative;
  transition: all 0.2s linear;
  /***********************************************
  line  sp  line  sp
  ************************************************/
  /***********************************************
  line  sp  line  sp  
  ************************************************/
}
.l-header__right .line:hover {
  transform: scale(1.1, 1.1);
}
.l-header__right .line img {
  width: 30px;
  height: 28px;
  position: absolute;
  top: 11px;
  left: 30px;
}
@media (max-width: 1000px) {
  .l-header__right .line {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 2px 0;
    margin-left: 5px;
    position: relative;
  }
  .l-header__right .line img {
    width: 20px;
    height: 19px;
    position: absolute;
    top: 7px;
    left: 6px;
  }
}
.l-header__right .contact {
  width: 240px;
  height: 50px;
  padding-left: 88px;
  margin-left: 18px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
  border-radius: 2px;
  background: linear-gradient(180deg, #FF5C00 30%, #F4951D);
  background: -webkit-linear-gradient(180deg, #FF5C00 30%, #F4951D);
  position: relative;
  transition: all 0.2s linear;
  /***********************************************

  ************************************************/
  /***********************************************

  ************************************************/
}
.l-header__right .contact:hover {
  transform: scale(1.1, 1.1);
}
.l-header__right .contact img {
  width: 24px;
  height: 18px;
  position: absolute;
  top: 17px;
  left: 52px;
}
@media (max-width: 1000px) {
  .l-header__right .contact {
    display: block;
    width: 33px;
    height: 32px;
    padding: 0;
    margin: 2px 0;
    margin-left: 7px;
    opacity: 0.8;
    position: relative;
  }
  .l-header__right .contact img {
    width: 18px;
    height: 14px;
    position: absolute;
    top: 9px;
    left: 8px;
  }
}
@media (min-width: 1001px) {
  .l-header__right .contact-sp {
    display: none;
  }
}
@media (max-width: 1000px) {
  .l-header__right .contact-sp {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    border-radius: 2px;
    background-color: #ab7eff;
    position: relative;
    transition: all 0.2s linear;
    width: 33px;
    height: 32px;
    padding: 0;
    margin: 2px 0;
    margin-left: 7px;
    opacity: 0.8;
  }
  .l-header__right .contact-sp:hover {
    transform: scale(1.1, 1.1);
  }
}
.l-header__right .tel {
  width: 30vw;
  max-width: 270px;
  height: 50px;
  font-family: "Outfit", sans-serif;
  border-radius: 2px;
  padding-left: 30px;
  margin-left: 15px;
  color: #002A5E;
  font-size: min(1.8vw, 28px);
  line-height: 50px;
  position: relative;
  letter-spacing: 0.1em;
  transition: all 0.2s linear;
  /***********************************************

  ************************************************/
}
.l-header__right .tel:hover {
  transform: scale(1.1, 1.1);
}
.l-header__right .tel img {
  width: 16px;
  height: 20px;
  position: absolute;
  top: 20px;
  left: 10px;
}
@media (max-width: 1000px) {
  .l-header__right .tel {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 2px 0;
    margin-left: 7px;
    margin-right: 3px;
    background-color: #002A5E;
    opacity: 0.8;
    position: relative;
  }
  .l-header__right .tel img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    left: 8px;
  }
}

.l-footer {
  width: 100%;
  height: 360px;
  background-color: #000;
  padding: 50px 0 0px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}

.l-footer__logo-image {
  width: 210px;
  display: block;
  margin: 0 auto;
  transition: all 0.2s linear;
}
.l-footer__logo-image img {
  width: 100%;
}
.l-footer__logo-image:hover {
  opacity: 0.7;
}

.l-footer__texts {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .l-footer__texts {
    display: block;
  }
}

.l-footer__about {
  color: #fff;
  cursor: pointer;
  padding: 50px;
  display: inline-block;
  transition: all 0.2s linear;
}
@media (max-width: 767px) {
  .l-footer__about {
    padding: 0 0 0 30px;
  }
}
.l-footer__about:hover {
  transform: scale(1.1, 1.1);
  opacity: 0.7;
}

.l-footer__copyright {
  display: inline-block;
  padding: 50px 40px 0 20px;
}

.modal_company {
  color: #000;
}

.l-sidebar__admin-background {
  background-color: #F2F2F2;
  padding: 40px 0;
}

.l-sidebar__items {
  font-family: "Source Sans 3", "Noto Sans", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 20px 0 0 0;
  transition: all 0.3s linear 0s;
}

.l-sidebar__item {
  width: 260px;
  height: 53px;
  border-left: solid 4px transparent;
  padding: 0 0 0 55px;
  margin: 0 0 6px 0;
  line-height: 50px;
  position: relative;
  transition: all 0.3s linear 0s;
  cursor: pointer;
}
.l-sidebar__item.is-active, .l-sidebar__item.js-hover {
  transition: all 0.3s linear 0s;
  color: #F273A7;
  border-left: solid 4px #F273A7;
}
.l-sidebar__item.is-active .l-sidebar__item-svg, .l-sidebar__item.js-hover .l-sidebar__item-svg {
  transition: all 0.3s linear 0s;
  fill: #F273A7;
}
.l-sidebar__item.is-active .l-sidebar__item-svg-stroke, .l-sidebar__item.js-hover .l-sidebar__item-svg-stroke {
  transition: all 0.3s linear 0s;
  stroke: #F273A7;
}
.l-sidebar__item.is-active .hide-png, .l-sidebar__item.js-hover .hide-png {
  transition: all 0.3s linear 0s;
  opacity: 0;
}

/***********************************************
 iconの位置調整
 ************************************************/
.l-sidebar__item-label {
  position: relative;
}
.l-sidebar__item-label .l-sidebar__item-svg,
.l-sidebar__item-label .active-png,
.l-sidebar__item-label .hide-png {
  position: absolute;
  top: 0px;
  left: -35px;
}
.l-sidebar__item-label .active-png,
.l-sidebar__item-label .hide-png {
  width: 20px;
}

/***********************************************
管理者情報
************************************************/
.l-sidebar__admin-info-title {
  border-top: solid 1px #E8E9F0;
  padding: 28px 0 24px;
  margin: 26px 15px 0;
  text-align: center;
  font-weight: 700;
}

/*
    &--1,
    &--2,
    &--3,
    &--4,
    &--5,
    &--6,
    &--7,
    &--8,
    &--9,
    &--10,
    &--11,
    &--12,
    &--13 {
        width: 200px;
        height: 30px;
        border: solid 1px red;
        font-size: 10px;
        font-weight: 500;
        padding: 0 0 0 50px;
        border-radius: 4px;
        position: relative;

        &::before {
            content: "";
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            top: 10px;
            left: 10px;
        }

        &.is-active {
            &::before {
                fill: "%23F273A7";
            }
        }
    }

    &--1 {
        fill: '#fff';

        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20'%3E%3Cpath id='パス_837' data-name='パス 837' d='M19,19H5V8H19M16,1V3H8V1H6V3H5A1.993,1.993,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5a2,2,0,0,0-2-2H18V1M17,12H12v5h5Z' transform='translate(-3 -1)' fill='%23000'/%3E%3C/svg%3E%0A");



        }
    }

    &--2 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14.444' viewBox='0 0 18 14.444'%3E%3Cpath id='パス_792' data-name='パス 792' d='M8.333,5.889H19M8.333,11.222H19M8.333,16.556h7.111M3.889,6.778A.889.889,0,1,0,3,5.889.889.889,0,0,0,3.889,6.778Zm0,5.333A.889.889,0,1,0,3,11.222.889.889,0,0,0,3.889,12.111Zm0,5.333A.889.889,0,1,0,3,16.556.889.889,0,0,0,3.889,17.444Z' transform='translate(-2 -4)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
        }
    }

    &--3 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.143' height='20' viewBox='0 0 17.143 20'%3E%3Cpath id='パス_612' data-name='パス 612' d='M9.667,20.1h3.81a1.9,1.9,0,1,1-3.81,0m10.476-1.9v.952H3V18.19l1.9-1.9V10.571A6.628,6.628,0,0,1,9.667,4.19V3.9a1.9,1.9,0,1,1,3.81,0V4.19a6.628,6.628,0,0,1,4.762,6.381v5.714l1.9,1.9m-3.81-7.619a4.762,4.762,0,1,0-9.524,0v6.667h9.524Z' transform='translate(-3 -2)'/%3E%3C/svg%3E%0A");
        }
    }

    &--4 {
        &::before {
            background-image: url(../img/l-sidebar/4.png);
        }
    }

    &--5 {

        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='パス_592' data-name='パス 592' d='M12,12A4,4,0,1,0,8,8,4,4,0,0,0,12,12Zm0,2c-2.67,0-8,1.34-8,4v2H20V18C20,15.34,14.67,14,12,14Z' transform='translate(-4 -4)'/%3E%3C/svg%3E%0A");
        }
    }

    &--6 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='20' viewBox='0 0 20.5 20'%3E%3Cpath id='パス_779' data-name='パス 779' d='M20,17a2,2,0,0,0,2-2V4a2,2,0,0,0-2-2H9.46A4.026,4.026,0,0,1,10,4H20V15H11v2M15,7V9H9V22H7V16H5v6H3V14H1.5V9a2,2,0,0,1,2-2H15M8,4A2,2,0,1,1,6,2,2,2,0,0,1,8,4Z' transform='translate(-1.5 -2)'/%3E%3C/svg%3E%0A");
        }
    }

    &--7 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.139' height='15.943' viewBox='0 0 20.139 15.943'%3E%3Cpath id='パス_780' data-name='パス 780' d='M4.615,6.2A2.517,2.517,0,1,1,7.133,8.713,2.517,2.517,0,0,1,4.615,6.2ZM7.133,2a4.2,4.2,0,1,0,4.2,4.2A4.2,4.2,0,0,0,7.133,2Zm5.874,0h-.839V3.678h.839a2.517,2.517,0,0,1,0,5.035h-.839v1.678h.839a4.2,4.2,0,0,0,0-8.391ZM0,16.265a4.2,4.2,0,0,1,4.2-4.2h5.874a4.2,4.2,0,0,1,4.2,4.2v1.678H12.587V16.265a2.517,2.517,0,0,0-2.517-2.517H4.2a2.517,2.517,0,0,0-2.517,2.517v1.678H0Zm20.139,0a4.2,4.2,0,0,0-4.2-4.2H15.1v1.678h.839a2.517,2.517,0,0,1,2.517,2.517v1.678h1.678Z' transform='translate(0 -2)'/%3E%3C/svg%3E%0A");
        }
    }

    &--8 {

        &::before {
            background-image: url("data:image/svg+xml,%3Csvg id='グループ_1788' data-name='グループ 1788' xmlns='http://www.w3.org/2000/svg' width='23.163' height='23.163' viewBox='0 0 23.163 23.163'%3E%3Cpath id='パス_627' data-name='パス 627' d='M22.256,18.364l-2.625-3.217L22.2,11.995a1.171,1.171,0,0,0,.148-1.248A1.242,1.242,0,0,0,21.194,10H1.248A1.229,1.229,0,0,0,0,11.21v7.882a1.229,1.229,0,0,0,1.248,1.2H21.265a1.242,1.242,0,0,0,1.139-.7,1.171,1.171,0,0,0-.148-1.229Zm-20.969.643V11.287h19.8L17.977,15.1l3.159,3.906Z' transform='translate(0 -3.566)'/%3E%3Cpath id='パス_628' data-name='パス 628' d='M7.825,17.8,5.727,15H5v3.976h.727V16.184l2.1,2.792h.721V15H7.825Z' transform='translate(-1.783 -5.349)'/%3E%3Cpath id='パス_629' data-name='パス 629' d='M12.18,18.976h3V18.32H12.907V17.284H14.96v-.663H12.907v-.959h2.271V15h-3Z' transform='translate(-4.343 -5.349)'/%3E%3Cpath id='パス_630' data-name='パス 630' d='M22.131,17.85,21.192,15h-.785l-.946,2.85L18.611,15H17.82l1.261,3.976H19.8l1-2.953,1,2.953h.727L23.778,15h-.791Z' transform='translate(-6.354 -5.349)'/%3E%3Cpath id='パス_631' data-name='パス 631' d='M0,0H23.163V23.163H0Z' fill='none'/%3E%3C/svg%3E%0A");
        }
    }

    &--9 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='グループ_2302' data-name='グループ 2302' transform='translate(-1 -1)'%3E%3Cpath id='パス_625' data-name='パス 625' d='M16,9a4,4,0,1,1-4-4,4,4,0,0,1,4,4ZM14,9a2,2,0,1,1-2-2A2,2,0,0,1,14,9Z' transform='translate(-1 -0.571)' fill-rule='evenodd'/%3E%3Cpath id='パス_626' data-name='パス 626' d='M11,1A10,10,0,1,0,21,11,10,10,0,0,0,11,1ZM2.818,11a8.151,8.151,0,0,0,1.735,5.038,8.183,8.183,0,0,1,12.954-.076A8.182,8.182,0,1,0,2.818,11ZM11,19.182a8.148,8.148,0,0,1-5.156-1.829,6.365,6.365,0,0,1,10.387-.062A8.149,8.149,0,0,1,11,19.182Z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
        }
    }

    &--10 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='12' viewBox='0 0 23 12'%3E%3Cpath id='パス_624' data-name='パス 624' d='M7,14a2,2,0,0,1-1.412-3.413,1.992,1.992,0,0,1,2.825,0A2,2,0,0,1,7,14Zm0,4a5.786,5.786,0,0,1-4.25-1.75A5.786,5.786,0,0,1,1,12,5.786,5.786,0,0,1,2.75,7.75,5.786,5.786,0,0,1,7,6a5.753,5.753,0,0,1,3.038.825A6.2,6.2,0,0,1,12.2,9H21l3,3-4.5,4.5-2-1.5-2,1.5L13.375,15H12.2a6.211,6.211,0,0,1-2.163,2.175A5.751,5.751,0,0,1,7,18Zm0-2a3.83,3.83,0,0,0,2.463-.85A4.026,4.026,0,0,0,10.875,13H14l1.45,1.025L17.5,12.5l1.775,1.375L21.15,12l-1-1H10.875A4.031,4.031,0,0,0,9.462,8.85,3.829,3.829,0,0,0,7,8,3.852,3.852,0,0,0,4.175,9.175a3.984,3.984,0,0,0,0,5.65A3.852,3.852,0,0,0,7,16Z' transform='translate(-1 -6)'/%3E%3C/svg%3E%0A");
        }
    }

    &--11 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.406' height='17' viewBox='0 0 17.406 17'%3E%3Cg id='グループ_2303' data-name='グループ 2303' transform='translate(-5 -5)'%3E%3Cpath id='パス_859' data-name='パス 859' d='M21,13.5V7.25A1.25,1.25,0,0,0,19.75,6H7.25A1.25,1.25,0,0,0,6,7.25v12.5A1.25,1.25,0,0,0,7.25,21H13.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Ccircle id='楕円形_108' data-name='楕円形 108' cx='2.5' cy='2.5' r='2.5' transform='translate(13.945 14)' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath id='パス_860' data-name='パス 860' d='M23.618,24.364l2.091,1.673M14,16h8.364M14,19.345h3.345' transform='translate(-4.709 -5.873)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
        }
    }

    &--12 {

        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19.182' viewBox='0 0 20 19.182'%3E%3Cpath id='パス_861' data-name='パス 861' d='M13.273,13.455c0-.9-2.564-1.636-5.727-1.636s-5.727.732-5.727,1.636,2.564,1.636,5.727,1.636S13.273,14.359,13.273,13.455Zm-11.455,0v4.039c0,.933,2.564,1.688,5.727,1.688s5.727-.756,5.727-1.688V13.455m-5.727-9C3.931,4.455,1,5.187,1,6.091S3.931,7.727,7.545,7.727M1,6.091v4.091c0,.829,2.931,1.636,6.545,1.636M19,3.636C19,2.732,16.464,2,13.336,2s-5.664.732-5.664,1.636,2.536,1.636,5.664,1.636S19,4.54,19,3.636Zm-5.727,9.818c3.129,0,5.727-.808,5.727-1.636V3.636m-11.329,0v8.318M7.545,7.727c0,.829,2.662,1.636,5.79,1.636S19,8.556,19,7.727' transform='translate(0 -1)' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A");
        }
    }

    &--13 {
        &::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.525' height='16.331' viewBox='0 0 17.525 16.331'%3E%3Cg id='グループ_2325' data-name='グループ 2325' transform='translate(-3 -5)'%3E%3Cpath id='パス_865' data-name='パス 865' d='M9.175,18H4v9.554H9.175Z' transform='translate(0 -7.223)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='パス_866' data-name='パス 866' d='M22.175,6H17V20.331h5.175Z' transform='translate(-7.825)' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='パス_867' data-name='パス 867' d='M35.175,26H30v6.369h5.175Z' transform='translate(-15.65 -12.038)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
        }
    }

}

.is-active {
    svg {
        fill: #702424;
    }*/
.c-inner__center {
  width: 98%;
  max-width: 370px;
  margin: 0 auto;
  text-align: center;
}
.c-inner__center::placeholder,
.c-inner__center input,
.c-inner__center select {
  font-family: "Noto Sans", "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.c-inner__left {
  width: 98%;
  max-width: 370px;
  text-align: left;
  margin: 0 auto;
}
.c-inner__left::placeholder,
.c-inner__left input,
.c-inner__left select {
  font-family: "Noto Sans", "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.c-inner__flex {
  display: flex;
  flex-wrap: wrap;
}

.c-inner__flex-end {
  display: flex;
  justify-content: flex-end;
}

.c-inner__add-schedule {
  width: 70%;
}
.c-inner__add-schedule::placeholder,
.c-inner__add-schedule input,
.c-inner__add-schedule select,
.c-inner__add-schedule text,
.c-inner__add-schedule textarea {
  font-family: "Noto Sans", "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
}

.c-heading__profile-info {
  font-size: 14px;
  padding-bottom: 20px;
}

/***********************************************
c-heading   c-heading    c-heading    c-heading   c-heading
************************************************/
.c-heading {
  padding: 217px 0 20px 0;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  position: relative;
  width: 448px;
  border-bottom: solid 2px #fff;
}
.c-heading::before {
  content: "WORKS";
  color: #fff;
  opacity: 0.3;
  font-size: 100px;
  font-weight: 400;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .c-heading {
    font-size: 18px;
    width: 200px;
    padding: 180px 0 10px 0;
  }
  .c-heading::before {
    font-size: 50px;
    bottom: 26px;
  }
}
@media (max-width: 767px) {
  .c-heading.--section2 {
    padding: 276px 0 10px 0;
  }
}
.c-heading.--clients {
  color: #333;
  border-bottom: solid 2px #333;
  padding: 194px 0 20px 0;
}
@media (max-width: 767px) {
  .c-heading.--clients {
    padding: 120px 0 10px 0;
  }
}
.c-heading.--clients::before {
  content: "CLIENTS";
  color: #333;
  opacity: 0.1;
}
@media (max-width: 767px) {
  .c-heading.--image {
    font-size: 18px;
    padding: 120px 0 10px 0;
  }
}
.c-heading.--image::before {
  font-size: 130px;
  content: "IMAGE";
}
@media (max-width: 767px) {
  .c-heading.--image::before {
    font-size: 50px;
    bottom: 20px;
  }
}
@media (max-width: 767px) {
  .c-heading.--feature {
    font-size: 18px;
    padding-top: 120px;
    margin-bottom: 0;
  }
}
.c-heading.--feature::before {
  content: "FEATURE";
  opacity: 0.2;
}
@media (max-width: 767px) {
  .c-heading.--feature::before {
    font-size: 45px;
  }
}
.c-heading.--voice {
  color: #333;
  border-bottom: solid 2px #333;
  padding: 160px 0 20px 0;
}
.c-heading.--voice::before {
  content: "VOICE";
  color: #333;
  opacity: 0.1;
}
@media (max-width: 767px) {
  .c-heading.--voice {
    padding: 100px 0 10px 0;
  }
}
.c-heading.--plan {
  padding: 170px 0 20px 0;
  color: #333;
  border-bottom: solid 2px #333;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .c-heading.--plan {
    padding: 120px 0 10px 0;
  }
}
.c-heading.--plan::before {
  content: "PLAN";
  opacity: 0.7;
  z-index: -1;
}
.c-heading.--flow {
  color: #333;
  border-bottom: solid 2px #333;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .c-heading.--flow {
    padding: 120px 0 10px 0;
    margin-bottom: -30px;
  }
}
.c-heading.--flow::before {
  content: "FLOW";
  color: #333;
  opacity: 0.1;
}

/***********************************************
PC画面1520px以上の時の薄い背景
************************************************/
.c-background__big {
  width: 100%;
  height: 3365px;
  background-image: url(../img/background2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: -1;
}
.c-background__big::before {
  content: "";
  width: 100vw;
  height: 3365px;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 1000px) {
  .c-background__big {
    height: auto;
  }
}
.c-background__big.--feature::before {
  height: 3000px;
}

/***********************************************
英字フォントを先に指定。うまく適用されない場合は他のフォント削除
************************************************/
.c-font__notosansjp {
  font-family: "Noto Sans JP", "Noto Sans", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-font__montserrat {
  font-family: "Montserrat", "Arial", sans-serif;
}

.c-font__din {
  font-family: "din", "Noto Serif JP", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-font__yu-gothic {
  font-family: YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.c-font__kanji-large {
  font-size: 56px;
}
@media (max-width: 1000px) {
  .c-font__kanji-large {
    font-size: 30px;
  }
}

.c-font__dot {
  color: #000;
  background-image: radial-gradient(circle at center, #000000 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
  padding-top: 3px;
}

/*footer hidden*/
.is-hidden {
  display: none;
}

/***********************************************
mordal表示　背景部分
************************************************/
/* 黒 背景 */
.c-modal__layer {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.c-modal__layer.is-open {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}
.c-modal__layer.is-open .c-modal {
  opacity: 1;
  visibility: visible;
}

/* モーダル表示非表示調整コンテナ */
.c-modal {
  position: relative;
  width: 380px;
  opacity: 0;
  visibility: hidden;
  padding: 20px 0 5px;
  margin: 0 auto;
}

/*モーダル表示白背景*/
.c-modal__inner {
  width: 370px;
  height: 547px;
  margin: 0 auto 0;
  position: relative;
  background: #fff;
  display: block;
  padding: 22px 8px 21px;
}

/*ボタンクリッカブルエリアの位置決め*/
.c-modal__button-wrap {
  position: absolute;
  right: 2px;
  top: 10px;
  display: inline-flex;
}

/*クリッカブルエリア*/
.c-modal__close-button {
  position: relative;
  width: 80px;
  height: 80px;
  cursor: pointer;
  background-color: transparent;
  transition: all 0.3s linear;
}
.c-modal__close-button:hover {
  opacity: 0.7;
}

.c-modal__close-image {
  width: 24px;
  position: absolute;
  top: 2px;
  right: 16px;
}
.c-modal__close-image img {
  width: 100%;
}

.c-modal__content {
  padding-bottom: 23px;
}

/***********************************************
mordal表示　
************************************************/
/*黒背景*/
.c-modal__layer-black {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear 0s;
}
.c-modal__layer-black.is-open {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}

/*モーダル表示白背景*/
.c-modal__layer-white-admin {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0, 3, 10, rgba(0, 0, 0, 0.3);
  width: 690px;
  height: 90%;
  max-height: 860px;
  padding: 0;
  margin: 50px auto;
  position: relative;
  text-align: left;
  color: #000;
  font-weight: 500;
  font-family: "Noto Sans JP", "Noto Sans", "Helvetica Neue", "Helvetica", "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
@media (max-width: 767px) {
  .c-modal__layer-white-admin {
    width: 90%;
    height: 500px;
  }
}

.c-modal__admin-flex {
  display: flex;
}

.c-modal__admin-section {
  width: 40%;
  margin-right: 200px;
  line-height: 1.5;
  margin: 20px;
}

.c-modal__adomin-left {
  width: 40%;
}

/***********************************************

************************************************/
.c-modal__header {
  padding: 17px;
  font-size: 18px;
  color: #fff;
  border-radius: 3px 3px 0 0;
}

.c-modal__item-heading {
  font-weight: 700;
  font-size: 16px;
  margin-top: 19px;
  padding: 10px 0 0 20px;
}

.c-modal__item {
  font-size: 14px;
  padding: 10px 0 0px 20px;
}
.c-modal__item a {
  color: #004DA5;
  transition: all 0.2s linear 0s;
}
.c-modal__item a:hover {
  opacity: 0.5;
}

.c-modal__contents {
  position: relative;
  overflow-y: scroll;
  padding-bottom: 20px;
  margin: 15px 20px 10px;
  height: calc(95% - 50px);
  background-color: #F2F2F2;
}

/***********************************************
週
************************************************/
.p-schedule__weekly-inner {
  width: 323px;
}

.p-schedule__weekly-table-container {
  width: 370px;
  height: 300px;
  overflow-y: scroll;
  display: flex;
}

.c-modal__contents::-webkit-scrollbar {
  width: 7px;
}

.c-modal__contents::-webkit-scrollbar-thumb {
  height: 70px;
  border-radius: 0px;
  background-color: #A5A4BF;
}

.p-schedule__weekly-table {
  width: 323px;
  padding: 0 3px 0 0;
  margin-left: auto;
}

.p-schedule__weekly-table--time {
  width: 34px;
}

/***********************************************
セクション確認の色付けとheight指定
************************************************/
.p-fv__section1 {
  width: 100%;
  overflow: hidden;
}
.p-fv__section1 video {
  overflow: hidden;
  height: 100%;
}
.p-fv__section1 .p-fv__section1-1 {
  width: 100%;
  overflow: hidden;
}
.p-fv__section1 .p-fv__section1-2 {
  height: 354.78px;
}
@media (max-width: 1000px) {
  .p-fv__section1 .p-fv__section1-2 {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .p-fv__section1 .p-fv__section1-2 {
    position: relative;
    z-index: 100;
    height: 230px;
  }
}

.p-works__section2 {
  max-width: 1512px;
  margin: 0 auto;
  position: relative;
  z-index: -1;
}
.p-works__section2 .p-works__section2-1 {
  height: 1800px;
}
@media (max-width: 767px) {
  .p-works__section2 .p-works__section2-1 {
    height: 1500px;
  }
}
.p-works__section2 .p-solution__section3-1 {
  height: auto;
}
.p-works__section2 .p-solution__section3-2 {
  height: auto;
  margin-top: -60px;
}
.p-works__section2 .p-solution__section3-3 {
  height: 260px;
}

.p-clients__section3-5 {
  height: auto;
  padding-bottom: 550px;
  background: url(../img/back.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top -100px center;
  position: relative;
}

@media (max-width: 767px) {
  .p-clients__section3-5 {
    padding-bottom: 150px;
    background-size: 150%;
    background-position: center center;
  }
}

.p-service__section4 {
  height: 3365px;
  position: relative;
  z-index: 50;
}
@media (max-width: 767px) {
  .p-service__section4 {
    height: 2700px;
  }
}
.p-service__section4 .p-service__section4-background {
  height: 2120px;
  max-width: 1512px;
  margin: 0 auto;
  background-image: url(../img/background2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  z-index: 50;
}
@media (max-width: 767px) {
  .p-service__section4 .p-service__section4-background {
    height: 1600px;
    background-image: url(../../img/bg2.png);
  }
}
.p-service__section4 .p-service__section4-2 {
  max-width: 1512px;
  height: 720px;
}
@media (max-width: 1000px) {
  .p-service__section4 .p-service__section4-2 {
    height: 618px;
  }
}
@media (max-width: 767px) {
  .p-service__section4 .p-service__section4-2 {
    height: auto;
  }
}
.p-service__section4 .p-service__section4-3 {
  max-width: 1512px;
  height: 1000px;
}
.p-service__section4 .p-service__section4-4 {
  margin: 0 auto;
  max-width: 1512px;
  height: 1550px;
  margin-top: -143px;
  position: relative;
  z-index: 64;
}

.p-service__section4-4-background {
  background-color: #fff;
}

.p-feature__section5 {
  height: 1200px;
  position: relative;
  z-index: 50;
}
@media (max-width: 1000px) {
  .p-feature__section5 {
    height: 1100px;
  }
}
@media (max-width: 767px) {
  .p-feature__section5 {
    height: 970px;
  }
}
.p-feature__section5 .p-feature__section5-background {
  max-width: 1512px;
  height: 1200px;
  background: url(../img/background3.jpg);
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media (max-width: 1000px) {
  .p-feature__section5 .p-feature__section5-background {
    height: 1100px;
  }
}
@media (max-width: 767px) {
  .p-feature__section5 .p-feature__section5-background {
    height: 970px;
  }
}
.p-feature__section5 .p-feature__section5-background .p-feature__section5-1 {
  width: 1080px;
  height: 616px;
  padding: 45px 28px 10px;
  margin: 60px auto 0;
}
@media (max-width: 1000px) {
  .p-feature__section5 .p-feature__section5-background .p-feature__section5-1 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .p-feature__section5 .p-feature__section5-background .p-feature__section5-1 {
    width: 100%;
    padding: 20px 5px 10px;
    margin: 37px auto 0;
  }
}

.p-voiceplanwork__section6 {
  position: relative;
  z-index: 50;
}
@media (max-width: 1000px) {
  .p-voiceplanwork__section6 {
    width: 95%;
    padding-top: 45px;
    margin: 0 auto;
  }
  .p-voiceplanwork__section6 .p-voice__section6-1 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .p-voiceplanwork__section6 {
    width: 100%;
    height: 530px;
    padding-top: 0;
  }
}

.p-work__section7 {
  height: 1459px;
  width: 100%;
  background-image: url(../img/background4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 50;
}
@media (max-width: 1000px) {
  .p-work__section7 {
    height: auto;
  }
}
.p-work__section7 .p-plan__section7-1 {
  width: 100%;
  height: 60%;
  padding: 10px;
}
.p-work__section7 .p-plan__section7-1 img {
  width: 100%;
}
@media (max-width: 767px) {
  .p-work__section7 .p-plan__section7-1 {
    height: 280px;
  }
}
.p-work__section7 .p-plan__section7-2 {
  width: 100%;
  height: 40%;
  padding: 10px;
}
@media (max-width: 767px) {
  .p-work__section7 .p-plan__section7-2 {
    padding: 20px;
  }
}
@media (max-width: 1000px) {
  .p-work__section7 .p-plan__section7-3 {
    width: 100%;
    height: 500px;
  }
}

.p-flow__section9 {
  height: 1200px;
  background-color: pink;
  background: url(../img/back.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.p-flow__section9-1, .p-flow__section9-2, .p-flow__section9-3, .p-flow__section9-4 {
  height: 141px;
}
@media (max-width: 1000px) {
  .p-flow__section9 {
    background-size: 270%;
    background-position: center 30%;
    height: 1600px;
  }
}
@media (max-width: 767px) {
  .p-flow__section9 {
    height: 1400px;
  }
}

.p-flow__section9-all-containers {
  margin: 80px auto 0px;
  width: 820px;
  max-width: 1512px;
  height: 830px;
}

@media (max-width: 1000px) {
  .p-feature__button {
    margin-top: 50px;
  }
}

.c-icon::before {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.c-icon::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.c-position__absolute-x {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.c-button__contact {
  display: block;
  width: 696px;
  height: 108px;
  margin: 40px auto 0;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  z-index: 999;
  text-align: center;
  color: #fff;
  font-weight: 900;
  background: linear-gradient(180deg, #FF5C00 30%, #F4951D);
  background: -webkit-linear-gradient(180deg, #FF5C00 30%, #F4951D);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .c-button__contact {
    height: 124px;
    padding: 3px 0;
  }
}
.c-button__contact .c-button__contact-text1 {
  font-size: 18px;
  display: inline-block;
  margin: 20px 0 20px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  position: relative;
}
.c-button__contact .c-button__contact-text1::before, .c-button__contact .c-button__contact-text1::after {
  position: absolute;
  top: 0px;
  left: -24px;
  border-radius: 15px;
  content: "";
  width: 2px;
  height: 20px;
  background-color: #fff;
  transform: rotate(-45deg);
}
.c-button__contact .c-button__contact-text1::after {
  top: 2px;
  left: 145px;
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .c-button__contact .c-button__contact-text1 {
    font-size: 15px;
  }
  .c-button__contact .c-button__contact-text1::after {
    top: -1px;
    left: 124px;
  }
}
.c-button__contact .c-button__contact-text2 {
  font-size: 28px;
  display: block;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1000px) {
  .c-button__contact {
    width: 80%;
    height: 70px;
    text-align: center;
  }
  .c-button__contact .c-button__contact-text1 {
    margin: 10px 0 5px;
  }
  .c-button__contact .c-button__contact-text2 {
    font-size: 26px;
  }
}
.c-button__contact:hover {
  transform: scale(1.1, 1.1);
}
@media (max-width: 767px) {
  .c-button__contact .c-button__contact-text2 {
    margin-top: 4px;
    font-size: 20px;
  }
}

.p-fv__section1-1 {
  position: relative;
  width: 100%;
  height: min(56.61vw, 640px);
  overflow: hidden;
}
@media (max-width: 1000px) {
  .p-fv__section1-1 {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .p-fv__section1-1 {
    height: 56.61vw;
  }
}

.p-fv__section1-1-img {
  position: relative;
  width: 100%;
  height: min(56.61vw, 640px);
  overflow: hidden;
}
.p-fv__section1-1-img video {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  object-position: 50% 50%;
  object-fit: cover;
}
@media (max-width: 1000px) {
  .p-fv__section1-1-img {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .p-fv__section1-1-img {
    height: 56.61vw;
  }
}

.p-fv__section1-2 {
  width: 100%;
  background-image: url(../img/section1-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  z-index: 19;
}

.p-fv__section1-2-heading {
  text-align: center;
  padding: 146px 0 108px 15px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.05;
}
.p-fv__section1-2-heading .row2 {
  font-size: 28px;
  margin-right: 15px;
}
.p-fv__section1-2-heading .kerning {
  font-size: 48px;
  margin-right: -20px;
}
@media (max-width: 1000px) {
  .p-fv__section1-2-heading {
    padding: 120px 0 79px 15px;
    font-size: 43px;
  }
  .p-fv__section1-2-heading .row2 {
    font-size: 26px;
  }
  .p-fv__section1-2-heading .kerning {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .p-fv__section1-2-heading {
    font-size: 26px;
    line-height: 1.8;
    padding: 45px 0 30px 0px;
  }
  .p-fv__section1-2-heading .row2 {
    font-size: 16px;
    margin-right: 4px;
  }
  .p-fv__section1-2-heading .kerning {
    display: block;
    font-size: 26px;
    margin-right: -6px;
  }
}

/***********************************************

************************************************/
.p-works__section2-big-background {
  width: 100%;
  background-image: url(../img/background1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 50;
}
.p-works__section2-big-background::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  z-index: -1;
}
@media (max-width: 767px) {
  .p-works__section2-big-background {
    background-size: 50%;
  }
}

.p-works__section2 {
  width: 100%;
  height: 3475px;
  background-image: url(../img/background1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: relative;
  z-index: -1;
  text-align: center;
  padding-bottom: 200px;
}
@media (max-width: 767px) {
  .p-works__section2 {
    height: 2500px;
    margin-top: -163px;
    z-index: -1;
    background-image: url(../../img/worry-sp-3.png);
  }
}

.p-works__section2-1 {
  width: 100%;
}

.p-works__section2-items {
  width: 1024px;
  height: 1403px;
  margin: 0 auto;
  padding: 120px 0 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1000px) {
  .p-works__section2-items {
    width: 90%;
    height: 900px;
    justify-content: space-around;
    padding: 300px 0 0;
  }
}
@media (max-width: 767px) {
  .p-works__section2-items {
    padding: 80px 0 0;
  }
}
.p-works__section2-items .p-works__section2-item {
  width: 326px;
  height: 326px;
  margin-bottom: 32px;
}
@media (max-width: 1000px) {
  .p-works__section2-items .p-works__section2-item {
    width: 25vw;
    height: 25vw;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .p-works__section2-items .p-works__section2-item {
    width: max(26vw, 150px);
    height: max(26vw, 150px);
    margin: 0 0 20px;
  }
}

.p-solution__section3-1 {
  font-weight: 700;
  text-align: center;
  height: 900px;
  position: relative;
}
@media (max-width: 767px) {
  .p-solution__section3-1::before {
    width: 400px;
    height: 0;
    background-image: url(../img/worry-man.png);
    top: 682px;
    left: 40%;
    transform: translateX(-50%);
  }
}

.section3-1-heading {
  display: inline-block;
  color: #fff;
  font-size: 34px;
  padding: 140px 0 86px 0;
  position: relative;
}
.section3-1-heading span {
  font-size: 57px;
  margin: 0 8px 0 8px;
}
.section3-1-heading::before {
  width: 151px;
  height: 162px;
  background-image: url(../img/worry-icon.png);
  top: 130px;
  right: -187px;
}
@media (max-width: 1000px) {
  .section3-1-heading::before {
    width: 100px;
    height: 130px;
    right: -130px;
  }
}
@media (max-width: 767px) {
  .section3-1-heading::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .section3-1-heading {
    line-height: 1.5;
    width: 270px;
    font-size: 17px;
    padding: 0px 0 18px;
    margin-top: -5vw;
  }
  .section3-1-heading span {
    font-size: 24px;
    margin: 0 8px 0 8px;
  }
  .section3-1-heading::before {
    width: 100px;
    height: 162px;
    top: 700px;
    right: -30px;
  }
}

.section3-1-items {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .section3-1-items {
    padding-bottom: 0;
  }
}

.section3-1-item {
  width: 650px;
  padding: 30px 50px;
  margin: 0 auto 80px;
  display: block;
  position: relative;
}
.section3-1-item img {
  width: 370px;
  height: auto;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1000px) {
  .section3-1-item img {
    width: 550px;
    height: auto;
  }
}
@media (min-width: 1001px) {
  .section3-1-item img {
    width: 649px;
  }
}
@media (max-width: 767px) {
  .section3-1-item img {
    width: max(70vw, 350px);
    height: auto;
  }
}
.section3-1-item::before {
  width: 649px;
  max-width: 970px;
  height: 100px;
  background-image: url(../img/flame.png);
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1000px) {
  .section3-1-item {
    font-size: 26px;
  }
  .section3-1-item::before {
    width: 400px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  .section3-1-item {
    line-height: 1.3;
    font-size: 11px;
    width: 240px;
    height: auto;
    margin: 0 auto 10px;
    margin: 0 auto 4vw;
  }
  .section3-1-item::before {
    width: 370px;
    max-width: 649px;
    height: auto;
  }
}

.p-solution__section3-2-text1 {
  padding: 50px 30px 0 0;
  font-weight: 700;
  font-size: 43px;
  line-height: 1.4;
  display: inline-block;
  position: relative;
  margin-top: 40px;
}
.p-solution__section3-2-text1 .kerning {
  margin-right: -20px;
}
@media (max-width: 767px) {
  .p-solution__section3-2-text1 .kerning {
    margin-right: -10px;
  }
}
.p-solution__section3-2-text1::before {
  background-image: url(../img/exclamation-mark-double.png);
  width: 80px;
  height: 100px;
  top: 40px;
  right: 130px;
}
.p-solution__section3-2-text1::after {
  background-image: url(../img/exclamation-mark-double.png);
  width: 80px;
  height: 100px;
  top: 124px;
  right: 5px;
}
@media (max-width: 1000px) {
  .p-solution__section3-2-text1 {
    padding: 30px 0 0 0;
    font-size: 28px;
  }
  .p-solution__section3-2-text1::before {
    width: 60px;
    top: 22px;
    right: 3px;
  }
  .p-solution__section3-2-text1::after {
    width: 60px;
    top: 129px;
    right: 22px;
  }
}
@media (max-width: 767px) {
  .p-solution__section3-2-text1 {
    width: 90%;
    padding: 0px 0 0 0;
    font-size: 24px;
  }
  .p-solution__section3-2-text1::before {
    width: 48px;
    top: 245px;
    right: 65px;
  }
  .p-solution__section3-2-text1::after {
    width: 48px;
    top: 285px;
    right: 3px;
  }
}
.p-solution__section3-2-text2 {
  font-size: 20px;
  padding-top: 40px;
  line-height: 1.7;
}
@media (max-width: 1000px) {
  .p-solution__section3-2-text2 {
    font-size: 16px;
    padding-top: 50px;
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-solution__section3-2-text2 {
    width: 350px;
    padding-top: 20px;
    font-size: 15px;
  }
}

.p-solution__text {
  margin: 0 auto;
  margin-top: 250px;
  width: 330px;
  height: 100px;
}
.p-solution__text img {
  width: 100%;
}
@media (max-width: 1000px) {
  .p-solution__text {
    margin-top: 120px;
  }
}
@media (max-width: 767px) {
  .p-solution__text {
    margin-top: 220px;
  }
}

.exclamation-image {
  display: inline-block;
  width: 0px;
  height: 0px;
}

.p-solution__section3-3 {
  padding: 30px 0;
  margin: 0 auto;
}

.p-solution__section3-3-text {
  font-weight: 700;
  font-size: 50px;
  position: relative;
  display: inline-block;
  margin-top: 151px;
  margin-bottom: 39px;
}
.p-solution__section3-3-text::before {
  background-image: url(../img/left-leaf.png);
  width: 50px;
  height: 100px;
  top: -3px;
  left: -70px;
  transform: rotate(-15deg);
}
.p-solution__section3-3-text::after {
  background-image: url(../img/right-leaf.png);
  width: 50px;
  height: 100px;
  top: -3px;
  right: -70px;
  transform: rotate(15deg);
}
@media (max-width: 767px) {
  .p-solution__section3-3-text {
    margin: 110px 0 15px 0;
    font-size: 31px;
    width: 300px;
    line-height: 1.4;
    margin-bottom: -10px;
  }
  .p-solution__section3-3-text::before {
    top: 10px;
    left: -32px;
  }
  .p-solution__section3-3-text::after {
    top: 10px;
    right: -32px;
  }
}
/***********************************************
clients　セクション３．５
************************************************/
.p-clients__section3-5-text {
  width: 95%;
  max-width: 850px;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 500;
  padding-top: 40px;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .p-clients__section3-5-text {
    width: 85%;
    font-size: 15px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1000px) {
  .p-clients__section3-5-text {
    font-size: 10px;
    width: 98%;
  }
}

.p-clients__section3-5-img-container {
  width: 80%;
  max-width: 800px;
  height: 300px;
  padding: 67px 14px 0 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .p-clients__section3-5-img-container {
    width: 90%;
    padding: 20px 14px 0 0;
  }
}
.p-clients__section3-5-img-container .p-clients__section3-5-img {
  width: 19vw;
  height: 11vw;
  max-width: 238px;
  min-width: 200px;
  max-height: 136px;
  margin-bottom: 28px;
}
@media (max-width: 1000px) {
  .p-clients__section3-5-img-container .p-clients__section3-5-img {
    width: 28vw;
    max-width: auto;
    min-width: auto;
    height: auto;
  }
}

@media (min-width: 1001px) {
  .p-solution__button {
    margin-top: 0;
  }
}

.p-service__section4 {
  width: 100%;
  text-align: center;
  /*仮*/
}
@media (max-width: 767px) {
  .p-service__section4 {
    font-size: 20px;
  }
}

.p-service__section4-2-text1 {
  font-weight: 700;
  font-size: 28px;
  padding-top: 175px;
  color: #fff;
  /*
      @include f.mq('tb') {
          margin-top: 100px;
          padding: 20px 40px 30px;
          font-size: 24px;
          line-height: 1.7;
          background-color: #F5951D;

          span {
              font-size: 30px;
          }
      }
  /*
      @include f.mq('sp') {
          margin-top: 100px;
          padding: 50px 40px 30px;
          font-size: 21px;
          line-height: 1.7;
          background-color: #F5951D;

          span {
              font-size: 30px;
          }
      }*/
}
.p-service__section4-2-text1 span {
  font-size: 39px;
}

@media (max-width: 1000px) {
  .p-service__section4-2-text1-img {
    display: none;
  }
}
@media (max-width: 767px) {
  .p-service__section4-2-text1-img {
    display: block;
    width: 100%;
    margin-top: 70px;
  }
  .p-service__section4-2-text1-img img {
    width: 100%;
  }
}

.p-service__section4-2-text2 {
  font-size: 17px;
  line-height: 2;
  padding: 4px 8px 0;
}
@media (max-width: 767px) {
  .p-service__section4-2-text2 {
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.section4-2-items {
  width: 800px;
  margin: 0 auto;
  padding: 88px 0 0 0;
}
@media (max-width: 1000px) {
  .section4-2-items {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .section4-2-items {
    width: 90%;
    padding: 0px 0px 0px;
  }
}
.section4-2-items .section4-2-item {
  width: 266px;
}
.section4-2-items .section4-2-item img {
  width: 100%;
}
@media (max-width: 1000px) {
  .section4-2-items .section4-2-item {
    width: 33.33%;
  }
}

.p-service__small-heading,
.p-service__small-heading-2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.7;
  padding-top: 30px;
  color: #fff;
  position: relative;
  z-index: 51;
}
@media (max-width: 1000px) {
  .p-service__small-heading,
  .p-service__small-heading-2 {
    padding-top: 14vw;
  }
}
@media (max-width: 767px) {
  .p-service__small-heading,
  .p-service__small-heading-2 {
    padding-top: 10px;
    font-size: 25px;
  }
  .p-service__small-heading::before,
  .p-service__small-heading-2::before {
    background-image: url(../../img/gray-heading-1.png);
    height: 200px;
    width: 1050px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.p-service__small-heading-2 {
  padding: 40px;
}
@media (max-width: 767px) {
  .p-service__small-heading-2 {
    padding-top: 10px;
    font-size: 25px;
  }
  .p-service__small-heading-2::before {
    background-image: url(../../img/gray-heading-2.png);
    height: 200px;
    width: 1050px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}

/***********************************************
 image第一セクション　「売れる写真を追求した加工」
************************************************/
.p-service__section4-3-1-container {
  display: block;
  width: 744px;
  height: 240px;
  margin: 140px auto 0;
  padding: 50px 0 20px;
  background-color: #fff;
  box-shadow: 9px 9px #B8C4DA;
  position: relative;
}
.p-service__section4-3-1-container::before {
  background-image: url(../img/retouch-check.png);
  width: 60px;
  height: 60px;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-service__section4-3-1-container::before {
    width: 45px;
    height: 45px;
    top: -23px;
  }
}
@media (max-width: 1000px) {
  .p-service__section4-3-1-container {
    width: 90%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .p-service__section4-3-1-container {
    margin: 80px auto 0;
  }
}

.section4-3-items {
  font-weight: 700;
  font-size: 22px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .section4-3-items {
    font-size: 15px;
  }
}

.section4-3-item1, .section4-3-item2, .section4-3-item3, .section4-3-item4, .section4-3-item5 {
  padding: 94px 0 0 0;
  position: relative;
}
@media (max-width: 767px) {
  .section4-3-item1, .section4-3-item2, .section4-3-item3, .section4-3-item4, .section4-3-item5 {
    margin: 0 35px;
  }
}
.section4-3-item1::before, .section4-3-item2::before, .section4-3-item3::before, .section4-3-item4::before, .section4-3-item5::before {
  width: 40px;
  height: 50px;
  top: 40px;
  left: 14px;
}
@media (max-width: 767px) {
  .section4-3-item1::before, .section4-3-item2::before, .section4-3-item3::before, .section4-3-item4::before, .section4-3-item5::before {
    left: 10px;
  }
}
.section4-3-item1::before {
  background-image: url(../img/retouch1.png);
  width: 50px;
}
.section4-3-item2::before {
  background-image: url(../img/retouch2.png);
  left: 22px;
}
@media (max-width: 767px) {
  .section4-3-item2::before {
    left: 13px;
  }
}
.section4-3-item3::before {
  background-image: url(../img/retouch3.png);
  left: 28px;
}
@media (max-width: 767px) {
  .section4-3-item3::before {
    left: 13px;
  }
}
@media (max-width: 767px) {
  .section4-3-item4 {
    margin: 0 15px;
  }
}
.section4-3-item4::before {
  background-image: url(../img/retouch4.png);
  left: 50px;
}
@media (max-width: 767px) {
  .section4-3-item4::before {
    left: 24px;
  }
}
.section4-3-item5::before {
  background-image: url(../img/retouch5.png);
  width: 45px;
  left: 34px;
}
@media (max-width: 767px) {
  .section4-3-item5::before {
    left: 20px;
  }
}

.p-service__section4-3-2 {
  width: 550px;
  height: 150px;
  margin: 30px auto 89px;
  padding: 20px 0 0 0;
}
@media (max-width: 767px) {
  .p-service__section4-3-2 {
    width: 290px;
    margin: 40px auto 60px;
  }
}

@media (max-width: 767px) {
  .exclamation-single-image {
    width: 10px;
    padding: 7px 0 2px;
  }
}

.p-service__4-3-text1 {
  font-weight: 600;
  font-size: 39px;
  display: inline-block;
  padding-right: 20px;
}
@media (max-width: 767px) {
  .p-service__4-3-text1 {
    width: 90%;
    padding-right: 0;
    margin-left: 0;
    font-size: 24px;
    line-height: 36px;
  }
}
.p-service__4-3-text1 img {
  width: 18px;
  height: 37px;
  margin-left: 10px;
}
.p-service__4-3-texts {
  display: flex;
}
@media (max-width: 1000px) {
  .p-service__4-3-texts {
    width: 320px;
    display: block;
    margin: 0 auto;
  }
}
.p-service__4-3-text2, .p-service__4-3-text3 {
  display: inline-block;
  font-weight: 600;
  font-size: 50px;
  position: relative;
}
@media (max-width: 1000px) {
  .p-service__4-3-text2, .p-service__4-3-text3 {
    line-height: 1.7;
    font-size: 40px;
  }
}
.p-service__4-3-text2::before, .p-service__4-3-text3::before {
  background-image: url(../img/check-large.png);
  width: 64px;
  height: 64px;
  top: 5px;
  left: 60px;
}
@media (max-width: 1000px) {
  .p-service__4-3-text2::before, .p-service__4-3-text3::before {
    width: 40px;
    top: 22px;
  }
}
.p-service__4-3-text2 {
  padding: 0 50px 0 130px;
}
@media (max-width: 1000px) {
  .p-service__4-3-text2 {
    padding: 0 110px;
  }
}
@media (max-width: 767px) {
  .p-service__4-3-text2 {
    padding: 2px 110px 0px;
    font-size: 31px;
  }
  .p-service__4-3-text2::before {
    top: 15px;
  }
}
.p-service__4-3-text3 {
  padding: 0 50px 0 70px;
}
.p-service__4-3-text3::before {
  left: 0px;
}
@media (max-width: 1000px) {
  .p-service__4-3-text3 {
    padding: 0 50px;
  }
}
@media (max-width: 767px) {
  .p-service__4-3-text3 {
    font-size: 31px;
    padding-top: 2px;
  }
  .p-service__4-3-text3::before {
    top: 16px;
  }
}
.p-service__4-3-text4 {
  display: inline-block;
  font-weight: 700;
  font-size: 35px;
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 1000px) {
  .p-service__4-3-text4 {
    padding-bottom: 20px;
  }
}
.p-service__4-3-text4::before {
  content: "";
  background-color: #000;
  width: 5px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: -20px;
  transform: rotate(-24deg);
}
.p-service__4-3-text4::after {
  content: "";
  background-color: #000;
  width: 5px;
  height: 40px;
  position: absolute;
  top: 0px;
  right: -20px;
  transform: rotate(20deg);
}
@media (max-width: 767px) {
  .p-service__4-3-text4 {
    font-size: 22px;
  }
  .p-service__4-3-text4::before, .p-service__4-3-text4::after {
    width: 3px;
  }
}

.p-service__button {
  margin-top: -23px;
}
@media (max-width: 1000px) {
  .p-service__button {
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .p-service__button {
    margin-top: -20px;
  }
}

/***********************************************
 image第二セクション　「書品写真の重要性」
************************************************/
.p-service__4-4-sub-title {
  font-size: 40px;
  font-weight: 700;
  padding: 76px 0 0px 0;
}
@media (max-width: 767px) {
  .p-service__4-4-sub-title {
    font-size: 23px;
    padding: 76px 30px 0px;
    line-height: 1.5;
  }
}

.p-service__section4-4-container {
  width: 900px;
  height: 1142px;
  margin: 0 auto;
}
.p-service__section4-4-container-small {
  display: flex;
  justify-content: space-between;
  padding: 24px 0 40px 0;
}
@media (max-width: 767px) {
  .p-service__section4-4-container-small {
    padding: 20px 0 0px;
  }
}
@media (max-width: 1000px) {
  .p-service__section4-4-container {
    width: 90%;
  }
  .p-service__section4-4-container-small {
    display: block;
    width: 100%;
    margin: 20px auto;
  }
}
@media (max-width: 767px) {
  .p-service__section4-4-container {
    height: 1020px;
  }
}

.p-service__section4-4 img {
  width: 100%;
}
@media (max-width: 767px) {
  .p-service__section4-4 img {
    padding-top: 20px;
  }
}
.p-service__section4-4-1, .p-service__section4-4-2, .p-service__section4-4-3, .p-service__section4-4-4 {
  width: 406px;
  height: 400px;
  position: relative;
}
@media (max-width: 1000px) {
  .p-service__section4-4-1, .p-service__section4-4-2, .p-service__section4-4-3, .p-service__section4-4-4 {
    width: 100%;
    height: 220px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .p-service__section4-4-1, .p-service__section4-4-3 {
    margin-bottom: 30px;
  }
}

.p-service__section4-4-img1, .p-service__section4-4-img2 {
  position: relative;
}
.p-service__section4-4-img1::after, .p-service__section4-4-img2::after {
  background-image: url(../img/right-arrow.png);
  width: 60px;
  height: 60px;
  bottom: 24px;
  right: -110px;
}
@media (max-width: 1000px) {
  .p-service__section4-4-img1::after, .p-service__section4-4-img2::after {
    width: 40px;
    height: 40px;
    bottom: 120px;
    right: -50px;
    transform: rotate(90deg);
  }
}
@media (max-width: 767px) {
  .p-service__section4-4-img1::after, .p-service__section4-4-img2::after {
    bottom: 90px;
  }
}
.p-service__section4-4-img1 {
  width: 350px;
  height: 350px;
  margin: 0 28px;
}
@media (max-width: 1000px) {
  .p-service__section4-4-img1 {
    width: 30%;
    margin: 0 40px;
  }
}
@media (max-width: 767px) {
  .p-service__section4-4-img1 {
    width: 200px;
    margin: 0;
  }
}
.p-service__section4-4-img2 {
  width: 406px;
  height: 406px;
}
.p-service__section4-4-img2::after {
  bottom: -34px;
  right: -80px;
}
@media (max-width: 1000px) {
  .p-service__section4-4-img2 {
    width: 30%;
    margin: 0 40px;
  }
  .p-service__section4-4-img2::after {
    bottom: 180px;
    right: -60px;
  }
}
@media (max-width: 767px) {
  .p-service__section4-4-img2 {
    width: 200px;
    margin: 0;
  }
  .p-service__section4-4-img2::after {
    bottom: 150px;
    right: -50px;
  }
}

.p-service__section4-4-text {
  width: 311px;
  height: 190px;
  position: absolute;
  bottom: -70px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 1000px) {
  .p-service__section4-4-text {
    display: block;
    position: relative;
    bottom: -10px;
    left: 0;
    transform: none;
  }
}
@media (max-width: 767px) {
  .p-service__section4-4-text {
    padding-top: 30px;
  }
}

.p-service__4-4-text1 {
  font-weight: 600;
  font-size: 32px;
}
@media (max-width: 767px) {
  .p-service__4-4-text1 {
    font-size: 25px;
    padding-left: 20px;
  }
}
.p-service__4-4-text1.--after {
  display: inline-block;
  background: linear-gradient(90deg, #F4951D 10%, #FF5C00);
  background: -webkit-linear-gradient(0deg, #F4951D 10%, #FF5C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.p-service__4-4-text2 {
  font-weight: 700;
  font-size: 20px;
  padding: 20px 0 30px;
}
@media (max-width: 767px) {
  .p-service__4-4-text2 {
    font-size: 15px;
    padding: 10px 0 24px 20px;
  }
}
.p-service__4-4-text2.--after {
  display: inline-block;
  background: linear-gradient(90deg, #F4951D 10%, #FF5C00);
  background: -webkit-linear-gradient(0deg, #F4951D 10%, #FF5C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 1000px) {
  .p-service__4-4-text2.--after {
    display: block;
  }
}
.p-service__4-4-text3 {
  font-weight: 500;
  font-size: 16px;
  padding-bottom: 12px;
  display: inline-block;
  position: relative;
}
.p-service__4-4-text3-wrapper {
  text-align: left;
  margin-left: 55px;
}
@media (max-width: 1000px) {
  .p-service__4-4-text3-wrapper {
    padding-left: 55px;
    width: 250px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .p-service__4-4-text3-wrapper {
    padding-left: 15px;
    width: 180px;
    margin: 0 auto;
  }
}
@media (max-width: 1000px) {
  .p-service__4-4-text3 {
    width: 230px;
    font-size: 14px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .p-service__4-4-text3 {
    width: 200px;
    font-size: 12px;
    line-height: 1.5;
  }
}
.p-service__4-4-text3::before {
  background-image: url(../img/x-mark.png);
  width: 20px;
  height: 20px;
  bottom: 10px;
  left: -30px;
}
@media (max-width: 767px) {
  .p-service__4-4-text3::before {
    width: 12px;
    height: 12px;
    bottom: 13px;
    left: -16px;
  }
}
.p-service__4-4-text3.--after::before {
  background-image: url(../img/check.png);
  width: 26px;
  height: 26px;
  bottom: 5px;
  left: -32px;
}
@media (max-width: 767px) {
  .p-service__4-4-text3.--after::before {
    width: 12px;
    height: 12px;
    bottom: 12px;
    left: -16px;
  }
}

.p-service__section4-4-3 .p-service__section4-4-text,
.p-service__section4-4-4 .p-service__section4-4-text {
  position: absolute;
  bottom: -200px;
}
@media (max-width: 1000px) {
  .p-service__section4-4-3 .p-service__section4-4-text,
  .p-service__section4-4-4 .p-service__section4-4-text {
    position: relative;
    bottom: 0;
  }
}

@media (min-width: 1001px) {
  .p-flow__section9 .p-flow__left-container9-1, .p-flow__section9 .p-flow__left-container9-2, .p-flow__section9 .p-flow__left-container9-3, .p-flow__section9 .p-flow__left-container9-4 {
    width: 280px;
    display: block;
    position: relative;
  }
  .p-flow__section9 .p-flow__left-container9-1::before, .p-flow__section9 .p-flow__left-container9-3::before {
    width: 80px;
    height: 200px;
    top: 120px;
    left: 136px;
    transform: translateX(-50%);
    background-image: url(../../img/flow1.png);
  }
  .p-flow__section9 .p-flow__left-container9-3::before {
    width: 130px;
    height: 130px;
    top: 160px;
    background-image: url(../../img/flow3.png);
  }
  .p-flow__section9 .p-flow__center-container9-1, .p-flow__section9 .p-flow__center-container9-2, .p-flow__section9 .p-flow__center-container9-3, .p-flow__section9 .p-flow__center-container9-4 {
    padding-left: 20px;
    width: 240px;
    display: block;
  }
  .p-flow__section9 .p-flow__right-container9-1, .p-flow__section9 .p-flow__right-container9-2, .p-flow__section9 .p-flow__right-container9-3, .p-flow__section9 .p-flow__right-container9-4 {
    width: 300px;
    display: block;
    position: relative;
  }
  .p-flow__section9 .p-flow__right-container9-2::before, .p-flow__section9 .p-flow__right-container9-4::before {
    width: 140px;
    height: 180px;
    top: 120px;
    left: 150px;
    transform: translateX(-50%);
    background-image: url(../../img/flow2.png);
  }
  .p-flow__section9 .p-flow__right-container9-4::before {
    width: 118px;
    height: 118px;
    top: 250px;
    left: 128px;
    background-image: url(../../img/flow4.png);
  }
}
@media (max-width: 1000px) {
  .p-flow__section9-1, .p-flow__section9-2, .p-flow__section9-3, .p-flow__section9-4 {
    margin: 100px 0 0 0;
  }
  .p-flow__section9-4 {
    margin: 145px 0 0 0;
  }
  .p-flow__section9 .p-flow__left-container9 {
    width: 0%;
  }
  .p-flow__section9 .p-flow__center-container9-1, .p-flow__section9 .p-flow__center-container9-2, .p-flow__section9 .p-flow__center-container9-3, .p-flow__section9 .p-flow__center-container9-4 {
    width: 27%;
    display: block;
  }
  .p-flow__section9 .p-flow__right-container9-1, .p-flow__section9 .p-flow__right-container9-2, .p-flow__section9 .p-flow__right-container9-3, .p-flow__section9 .p-flow__right-container9-4 {
    width: 70%;
    display: block;
    position: relative;
  }
  .p-flow__section9 .p-flow__right-container9-1::before, .p-flow__section9 .p-flow__right-container9-3::before {
    width: 80px;
    height: 100px;
    top: 120px;
    left: 110px;
    transform: translateX(-50%);
    background-image: url(../../img/flow1.png);
  }
  .p-flow__section9 .p-flow__right-container9-3::before {
    width: 100px;
    height: 100px;
    top: 155px;
    background-image: url(../../img/flow3.png);
  }
  .p-flow__section9 .p-flow__right-container9-2::before, .p-flow__section9 .p-flow__right-container9-4::before {
    width: 100px;
    height: 100px;
    top: 120px;
    left: 110px;
    transform: translateX(-50%);
    background-image: url(../../img/flow2.png);
  }
  .p-flow__section9 .p-flow__right-container9-4::before {
    width: 100px;
    height: 100px;
    top: 220px;
    left: 110px;
    background-image: url(../../img/flow4.png);
  }
}

.p-flow__circle {
  text-align: center;
  padding: 20px 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  outline: solid 8px rgba(158, 158, 158, 0.25);
  margin: 25px auto 100px;
  background: linear-gradient(30deg, #FF5C00 30%, #F4951D);
  background: -webkit-linear-gradient(30deg, #FF5C00 30%, #F4951D);
  color: #fff;
  position: relative;
  font-weight: 400;
  font-size: 25px;
}
.p-flow__circle::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 1px;
  border-top: dotted 1px #9E9E9E;
  bottom: 26px;
  right: -70px;
}
.p-flow__circle.--left::before {
  right: 92px;
}
.p-flow__circle::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 54px;
  border-left: dotted 1px #9E9E9E;
  bottom: -65px;
  left: 50%;
  transform: translateX(-50%);
}
.p-flow__circle.--last::after {
  border-left: none;
}
@media (max-width: 1000px) {
  .p-flow__circle {
    margin: 10px 0px 0 15px;
  }
  .p-flow__circle::before {
    width: 0px;
    height: 0px;
  }
  .p-flow__circle::after {
    bottom: -110px;
  }
  .p-flow__circle.--last::after {
    border-left: none;
  }
}

.p-flow__section9-all-containers-sp {
  width: 98%;
  margin: 70px auto;
}
@media (max-width: 1000px) {
  .p-flow__section9-all-containers-sp {
    width: 50%;
    margin: 70px auto;
    height: 1300px;
  }
}
@media (max-width: 767px) {
  .p-flow__section9-all-containers-sp {
    width: 98%;
    margin: 70px auto;
    height: 1080px;
  }
}

.p-flow__text1 {
  font-weight: 700;
  font-size: 23px;
  line-height: 1.8;
  display: inline-block;
  background: linear-gradient(135deg, #FF5C00 30%, #F4951D);
  background: -webkit-linear-gradient(135deg, #FF5C00 30%, #F4951D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
  .p-flow__text1 {
    line-height: 1.5;
    padding: 10px 0;
  }
}

.p-flow__text2 {
  width: 272px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .p-flow__text2 {
    width: 100%;
    font-size: 15px;
  }
}

/***********************************************

************************************************/
.p-feature__section5 {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.p-service__section5-1 {
  display: flex;
  flex-wrap: wrap;
}

/**/
.p-feature__section5 {
  width: 100%;
}

.p-feature__section5-1 {
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .p-feature__section5-1 {
    width: 90vw;
  }
}

.p-feature__white-square,
.p-feature__white-square-large {
  width: 501px;
  height: 238px;
  background-color: #fff;
  position: relative;
}
@media (max-width: 1000px) {
  .p-feature__white-square,
  .p-feature__white-square-large {
    width: 45vw;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .p-feature__white-square,
  .p-feature__white-square-large {
    width: 47vw;
    margin-bottom: 0px;
    height: 260px;
  }
}
.p-feature__white-square::before,
.p-feature__white-square-large::before {
  width: 20px;
  height: 18px;
  top: 11px;
  right: 12px;
  border-right: solid 1px #000;
  border-top: solid 1px #000;
}
.p-feature__white-square::after,
.p-feature__white-square-large::after {
  width: 20px;
  height: 18px;
  bottom: 11px;
  left: 12px;
  border-left: solid 1px #000;
  border-bottom: solid 1px #000;
}

.p-feature__white-square-large {
  height: 258px;
}

.p-feature__number {
  width: 42px;
  height: 76px;
  display: inline-block;
  text-align: center;
  line-height: 76px;
  background-color: #000;
  color: white;
  font-weight: 600;
  font-size: 30px;
  position: relative;
}
.p-feature__number.--1 {
  letter-spacing: 0.1em;
}
.p-feature__number.--1::after {
  background-image: url(../img/01-1.png);
}
.p-feature__number::after {
  background-image: url(../img/01-1.png);
  width: 55px;
  height: 55px;
  top: 16px;
  right: -74px;
}
@media (max-width: 767px) {
  .p-feature__number::after {
    width: 20px;
    height: 20px;
    top: 20px;
    right: -22px;
  }
}
.p-feature__number.--2::after {
  background-image: url(../img/02-2.png);
}
.p-feature__number.--3::after {
  background-image: url(../img/03-3.png);
}
.p-feature__number.--4::after {
  background-image: url(../img/04-4.png);
}

.p-feature__titles {
  margin: 20px 0 0 94px;
}
@media (max-width: 767px) {
  .p-feature__titles {
    margin: 20px 0 10px 25px;
  }
  .p-feature__titles.--02 {
    margin: 20px 0 10px 25px;
  }
}

.p-feature__sub-title {
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 1000px) {
  .p-feature__sub-title {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .p-feature__sub-title {
    font-size: 10px;
    padding-bottom: 5px;
  }
}

.p-feature__title {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
}
@media (max-width: 1000px) {
  .p-feature__title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .p-feature__title {
    font-size: 13px;
  }
}

.p-feature__text {
  height: 104px;
  padding: 30px 30px 0 66px;
  margin: 0 auto;
  line-height: 1.6;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 1000px) {
  .p-feature__text {
    font-size: 14px;
    padding: 20px 25px;
  }
}
@media (max-width: 767px) {
  .p-feature__text {
    font-size: 10px;
    padding: 20px 15px;
  }
}
.p-feature__text.--small {
  padding: 15px 30px 0 66px;
}
@media (max-width: 1000px) {
  .p-feature__text.--small {
    padding: 20px 25px;
  }
}
@media (max-width: 767px) {
  .p-feature__text.--small {
    padding: 20px 25px;
  }
}

.p-feature__section5-background .c-button__contact {
  text-align: center;
}

/***********************************************
voice   voice
************************************************/
.p-voice__inner {
  width: 90%;
  max-width: 1030px;
  margin: 80px auto 150px;
}
@media (max-width: 767px) {
  .p-voice__inner {
    max-width: auto;
    margin: 50px auto 90px;
  }
}

.p-voice__layout {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1000px) {
  .p-voice__layout {
    display: block;
  }
}

.p-voice__section6-1 {
  position: relative;
  display: flex;
  align-items: center;
  width: 49%;
}
@media (max-width: 1000px) {
  .p-voice__section6-1 {
    margin-bottom: 30px;
  }
}

.p-voice__section6-1-img {
  height: 9vw;
  max-height: 137px;
}
.p-voice__section6-1-img.--2 {
  margin-top: 10px;
}
.p-voice__section6-1-img img {
  height: 100%;
}
@media (max-width: 1000px) {
  .p-voice__section6-1-img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .p-voice__section6-1-img {
    width: 100px;
    height: 100px;
  }
}

.p-voice__texts {
  margin-left: 5px;
  line-height: 1.5;
}
.p-voice__text-1 {
  color: #AA9222;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 1000px) {
  .p-voice__text-1 {
    font-size: 16px;
  }
}
.p-voice__text-2 {
  padding: 20px 0 0 0;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 1000px) {
  .p-voice__text-2 {
    font-size: 15px;
    width: 85%;
    margin: 0 auto;
  }
}

@media (max-width: 1000px) {
  .p-feature__button {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .p-feature__button {
    margin-top: 5px;
  }
}

.p-work__section7 {
  width: 100%;
}

.p-plan__items-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: min(90%, 1195px);
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .p-plan__items-container {
    flex-wrap: wrap;
  }
}

.p-plan__black-square {
  margin-top: 40px;
  width: min(30vw, 385px);
  height: 611px;
  color: #fff;
  background-color: #000;
}
@media (max-width: 1000px) {
  .p-plan__black-square {
    width: 100%;
    height: auto;
    display: flex;
  }
}
@media (max-width: 767px) {
  .p-plan__black-square {
    display: inline-block;
  }
}

.p-plan__section7-1-items {
  width: 310px;
  height: 56px;
  display: flex;
  margin: 30px auto 0;
}

.p-plan__section7-1-number {
  width: 62px;
}
.p-plan__section7-1-number img {
  width: 100%;
}
@media (max-width: 767px) {
  .p-plan__section7-1-number {
    width: 50px;
  }
}

.p-plan__section7-1-titles {
  text-align: center;
  width: 201px;
  height: 56px;
  margin-left: 20px;
}
.--mgt{
  margin-top: -20px;
}

.--mgt .p-plan__section7-1-title{
  padding-top: 0;
  line-height: 1.3;
}

.p-plan__section7-1-titles .p-plan__section7-1-sub-title {
  display: block;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 767px) {
  .p-plan__section7-1-titles .p-plan__section7-1-sub-title {
    font-size: 14px;
  }
}
.p-plan__section7-1-titles .p-plan__section7-1-title {
  padding-top: 12px;
  display: block;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .p-plan__section7-1-titles .p-plan__section7-1-title {
    padding-top: 5px;
    font-size: 22px;
  }
}

@media (max-width: 1000px) {
  .p-plan__section7-2 {
    width: 100%;
  }
}

.p-plan__section7-1-img {
  width: min(25vw, 348px);
  margin: 20px auto;
}
.p-plan__section7-1-img img {
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 1000px) {
  .p-plan__section7-1-img {
    width: 280px;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .p-plan__section7-1-img {
    width: 260px;
    margin: 20px auto 0;
  }
}

.p-plan__section7-2-text {
  width: min(25vw, 377px);
  height: 128px;
  margin: 0 auto;
  padding-top: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.8;
}
@media (max-width: 1000px) {
  .p-plan__section7-2-text {
    width: 100%;
    padding: 60px 25px 0 0;
  }
  .p-plan__section7-2-text.--01 {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .p-plan__section7-2-text {
    width: 95%;
    font-size: 15px;
    padding: 0;
  }
  .p-plan__section7-2-text.--01 {
    padding: 0;
  }
}

.p-plan__section7-2-price-div {
  text-align: center;
}
@media (max-width: 1000px) {
  .p-plan__section7-2-price-div .sp-right {
    text-align: right;
    padding-right: 70px;
    margin-bottom: -30px;
  }
}
@media (max-width: 767px) {
  .p-plan__section7-2-price-div .sp-right {
    text-align: center;
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .p-plan__section7-2-price-div .sp-right:first-child {
    padding-bottom: 10px;
  }
  .p-plan__section7-2-price-div .sp-right:nth-child(2) {
    margin-bottom: 15px;
  }
}
.p-plan__section7-2-price-div .p-plan__section7-2-price-p {
  font-weight: 400;
  font-size: 14px;
}
.p-plan__section7-2-price-div .p-plan__section7-2-price-p.--top-margin {
  padding: 30px 0;
}
@media (max-width: 767px) {
  .p-plan__section7-2-price-div .p-plan__section7-2-price-p.--top-margin {
    padding: 0;
  }
}
.p-plan__section7-2-price-div .p-plan__section7-2-price-p span {
  font-weight: 600;
  font-size: 32px;
  padding-right: 10px;
  letter-spacing: 0.05em;
}
.p-plan__section7-2-price-div .p-plan__section7-2-price-p span::before {
  content: "¥";
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
}
.p-plan__section7-2-price-div .p-plan__section7-2-price-p span.margin::before {
  padding: 0 10px 0 26px;
}
@media (max-width: 767px) {
  .p-plan__section7-2-price-div .p-plan__section7-2-price-p span {
    font-size: 20px;
    padding: 0;
  }
}
@media (max-width: 1000px) {
  .p-plan__section7-2-price-div .p-plan__section7-2-price-p {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .p-plan__section7-2-price-div .p-plan__section7-2-price-p {
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
    margin: 8px 0 12px;
  }
}
.p-plan__section7-2-price-div .p-plan__section7-2-price-p .wavy-line::after {
  content: "~";
  font-size: 32px;
  font-weight: 400;
  padding: 0 10px;
}

.p-plan__section7-3 {
  text-align: center;
}

.p-plan__text-large {
  font-weight: 700;
  font-size: 32px;
  color: #AA9222;
  line-height: 1.5;
  padding: 70px 0 0 0;
  font-family: "Montserrat";
}
@media (max-width: 767px) {
  .p-plan__text-large {
    font-size: 23px;
  }
}

.p-plan__text {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.7;
  padding: 30px 0 40px;
}
@media (max-width: 1000px) {
  .p-plan__text {
    padding: 30px 0 0px;
  }
}
@media (max-width: 767px) {
  .p-plan__text {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
  }
}