@charset "UTF-8";
/* Scss Document */
/** アニメーション↓ **/
.square { background-color: #1fc3cd; width: 60px; height: 60px; cursor: pointer; }

.a-image01 { position: relative; width: 1000px; margin: 0 auto; height: 510px; }
.a-image01 img { width: 100%; height: auto; display: block; }
@media screen and (max-width: 767px) { .a-image01 { display: none; } }

.a-huki { width: 350px; position: absolute; left: 0; top: 170px; z-index: 1; }
.a-huki img { width: 100%; display: block; }

.a-bg { width: 1000px; position: absolute; left: 0; top: 125px; z-index: 2; }
.a-bg img { width: 100%; display: block; }

.a-car { width: 117px; position: absolute; left: 0; top: 447px; z-index: 3; }
.a-car img { width: 100%; display: block; }

.a-pop01 { width: 53px; position: absolute; left: 185px; top: 346px; z-index: 4; }
.a-pop01 img { width: 100%; display: block; }

.a-pop02 { width: 53px; position: absolute; left: 385px; top: 306px; z-index: 4; }
.a-pop02 img { width: 100%; display: block; }

.a-pop03 { width: 53px; position: absolute; left: 565px; top: 270px; z-index: 4; }
.a-pop03 img { width: 100%; display: block; }

.a-pop04 { width: 53px; position: absolute; left: 775px; top: 296px; z-index: 4; }
.a-pop04 img { width: 100%; display: block; }

.a-pop05 { width: 53px; position: absolute; left: 940px; top: 350px; z-index: 4; }
.a-pop05 img { width: 100%; display: block; }

.a-base01 { width: 1000px; margin: 0 auto; }
.a-base01 img { width: 100%; height: auto; display: block; }
@media screen and (max-width: 767px) { .a-base01 { display: none; } }

/** アニメーション↑ **/
.bt-contact { position: relative; max-width: 164px; width: 100%; font-size: 1.2rem; border-radius: 20px; display: block; line-height: 32px; box-sizing: border-box; text-align: center; text-decoration: none; -moz-transition: background-color 1s , color 1s; -webkit-transition: background-color 1s , color 1s; -o-transition: background-color 1s , color 1s; -ms-transition: background-color 1s , color 1s; }
@media screen and (max-width: 767px) { .bt-contact { max-width: 123px; line-height: 22px; border-radius: 15px; } }
.bt-contact.red { border: 4px solid #DC3751; background-color: #DC3751; color: #FFFFFF; }
@media screen and (min-width: 768px) { .bt-contact.red:hover { background-color: #FFFFFF; color: #DC3751; } }
.bt-contact::before { content: ''; display: inline-block; position: relative; top: -2px; width: 19px; height: 23px; background-image: url("/asset/img/top/img09.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; }
@media screen and (max-width: 767px) { .bt-contact::before { width: 15px; height: 18px; } }

.so-wrap { width: 100%; max-width: 1246px; min-width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { .so-wrap { width: 95%; min-width: 0px; } }
.so-wrap .box { box-sizing: border-box; width: 48.63563403%; }
.so-wrap .box.sm .line-box { border: 5px solid #8FC31F; position: relative; }
.so-wrap .box.sm .line-box .bg-image { margin: 10px; background-image: url("/asset/img/top/img01.png"); background-repeat: no-repeat; background-position: right top; }
@media screen and (max-width: 767px) { .so-wrap .box.sm .line-box .bg-image { background-position: left top; background-size: contain; margin: 5px; background-image: url("/asset/img/top/img19.png"); } }
.so-wrap .box.sm .line-box .title { text-align: center; color: #8FC31F; font-size: 2.2rem; padding: 40px 0; font-weight: 700; }
@media screen and (max-width: 767px) { .so-wrap .box.sm .line-box .title { text-align: left; font-size: 1.4rem; padding: 20px 0; } }
.so-wrap .box.sm .line-box .huki-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.so-wrap .box.sm .line-box .huki-flex img { width: 100%; display: block; }
.so-wrap .box.sm .line-box .huki-flex .huki-box { width: 48%; }
.so-wrap .box.sm .line-box .huki-flex .huki-box.balloon2 { box-sizing: border-box; position: relative; display: inline-block; padding: 7px 5px; color: #8FC31F; font-size: 16px; background: #FFF; border: solid 3px #8FC31F; text-align: center; }
.so-wrap .box.sm .line-box .huki-flex .huki-box.balloon2.le:before { content: ""; position: absolute; bottom: -18px; left: 50%; margin-left: -10px; z-index: 2; border-left: 20px solid #FFF; border-bottom: 20px solid transparent; }
.so-wrap .box.sm .line-box .huki-flex .huki-box.balloon2.ri:before { content: ""; position: absolute; bottom: -18px; left: 50%; margin-left: -10px; z-index: 2; border-right: 20px solid #FFF; border-bottom: 20px solid transparent; }
.so-wrap .box.sm .line-box .huki-flex .huki-box.balloon2.le:after { content: ""; position: absolute; bottom: -25px; left: 50%; margin-left: -13px; z-index: 1; border-left: 25px solid #8FC31F; border-bottom: 25px solid transparent; }
.so-wrap .box.sm .line-box .huki-flex .huki-box.balloon2.ri:after { content: ""; position: absolute; bottom: -25px; left: 50%; margin-left: -12px; z-index: 1; border-right: 25px solid #8FC31F; border-bottom: 25px solid transparent; }
@media screen and (max-width: 767px) { .so-wrap .box.sm .line-box .huki-flex { display: none; } }
.so-wrap .box.sm .line-box .bt-wrap { width: 230px; margin: 0 auto; }
@media screen and (max-width: 767px) { .so-wrap .box.sm .line-box .bt-wrap { max-width: 125px; width: 100%; } }
.so-wrap .box.sm .line-box .image01 { max-width: 135px; width: 22.5%; height: auto; position: absolute; z-index: 1; left: 30px; bottom: 0; }
.so-wrap .box.sm .line-box .image01 img { width: 100%; }
@media screen and (max-width: 767px) { .so-wrap .box.sm .line-box .image01 { display: none; } }
.so-wrap .box.sm .line-box .image02 { max-width: 136px; width: 22.66666667%; height: auto; position: absolute; z-index: 1; right: 30px; bottom: 0; }
.so-wrap .box.sm .line-box .image02 img { width: 100%; }
@media screen and (max-width: 767px) { .so-wrap .box.sm .line-box .image02 { display: none; } }
@media screen and (max-width: 767px) { .so-wrap .box.or .betw { letter-spacing: -0.2em; } }
@media screen and (max-width: 767px) { .so-wrap .box.or .betw02 { letter-spacing: -0.1em; } }
.so-wrap .box.or .line-box { border: 5px solid #F6AC29; position: relative; }
.so-wrap .box.or .line-box .bg-image { margin: 10px; background-image: url("/asset/img/top/img02.png"); background-repeat: no-repeat; background-position: right top; }
@media screen and (max-width: 767px) { .so-wrap .box.or .line-box .bg-image { background-size: contain; margin: 5px; background-image: url("/asset/img/top/img20.png"); } }
.so-wrap .box.or .line-box .title { text-align: center; color: #F6AC29; font-size: 2.2rem; padding: 40px 0; font-weight: 700; }
@media screen and (max-width: 767px) { .so-wrap .box.or .line-box .title { text-align: left; font-size: 1.4rem; padding: 20px 0; } }
.so-wrap .box.or .line-box .huki-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.so-wrap .box.or .line-box .huki-flex img { width: 100%; display: block; }
.so-wrap .box.or .line-box .huki-flex .huki-box { width: 48%; }
.so-wrap .box.or .line-box .huki-flex .huki-box.balloon2 { box-sizing: border-box; position: relative; display: inline-block; padding: 7px 5px; color: #F6AC29; font-size: 16px; background: #FFF; border: solid 3px #F6AC29; text-align: center; display: flex; justify-content: center; align-items: center; }
.so-wrap .box.or .line-box .huki-flex .huki-box.balloon2.le:before { content: ""; position: absolute; bottom: -18px; left: 50%; margin-left: -10px; z-index: 2; border-left: 20px solid #FFF; border-bottom: 20px solid transparent; }
.so-wrap .box.or .line-box .huki-flex .huki-box.balloon2.ri:before { content: ""; position: absolute; bottom: -18px; left: 50%; margin-left: -10px; z-index: 2; border-right: 20px solid #FFF; border-bottom: 20px solid transparent; }
.so-wrap .box.or .line-box .huki-flex .huki-box.balloon2.le:after { content: ""; position: absolute; bottom: -25px; left: 50%; margin-left: -13px; z-index: 1; border-left: 25px solid #F6AC29; border-bottom: 25px solid transparent; }
.so-wrap .box.or .line-box .huki-flex .huki-box.balloon2.ri:after { content: ""; position: absolute; bottom: -25px; left: 50%; margin-left: -12px; z-index: 1; border-right: 25px solid #F6AC29; border-bottom: 25px solid transparent; }
@media screen and (max-width: 767px) { .so-wrap .box.or .line-box .huki-flex { display: none; } }
.so-wrap .box.or .line-box .bt-wrap { width: 230px; margin: 0 auto; }
@media screen and (max-width: 767px) { .so-wrap .box.or .line-box .bt-wrap { max-width: 125px; width: 100%; } }
.so-wrap .box.or .line-box .image01 { max-width: 135px; width: 22.5%; height: auto; position: absolute; z-index: 1; left: 30px; bottom: 0; }
.so-wrap .box.or .line-box .image01 img { width: 100%; }
@media screen and (max-width: 767px) { .so-wrap .box.or .line-box .image01 { display: none; } }
.so-wrap .box.or .line-box .image02 { max-width: 136px; width: 22.66666667%; height: auto; position: absolute; z-index: 1; right: 30px; bottom: 0; }
.so-wrap .box.or .line-box .image02 img { width: 100%; }
@media screen and (max-width: 767px) { .so-wrap .box.or .line-box .image02 { display: none; } }

.top-contact-flex { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width: 767px) { .top-contact-flex { display: block; } }

.top-contact-left { width: 23%; max-width: 230px; text-align: center; }
.top-contact-left .image01 { width: 60px; margin: 0 auto; }
@media screen and (max-width: 767px) { .top-contact-left .image01 { width: 23px; } }
.top-contact-left .image01 img { width: 100%; }
.top-contact-left .text01 { color: #FFF; font-size: 3.2rem; }
@media screen and (max-width: 767px) { .top-contact-left .text01 { font-size: 2.4rem; } }
.top-contact-left .text02 { color: #FFF; font-size: 1.4rem; }
@media screen and (max-width: 767px) { .top-contact-left { width: 90%; max-width: 1000px; margin: 0 auto; } }

.top-contact-right { width: 63%; max-width: 630px; }
@media screen and (max-width: 767px) { .top-contact-right { width: 90%; max-width: 1000px; margin: 0 auto; } }
.top-contact-right .text01 { color: #FFF; font-size: 2.6rem; }
@media screen and (max-width: 767px) { .top-contact-right .text01 { font-size: 1.8rem; } }
.top-contact-right .text02 { color: #FFF; font-size: 1.6rem; }
@media screen and (max-width: 767px) { .top-contact-right .text02 { font-size: 1.4rem; } }
.top-contact-right .w-bt { width: 250px; }
@media screen and (max-width: 767px) { .top-contact-right .w-bt { max-width: 230px; width: 100%; margin: 0 auto; } }

.top-business-title { font-size: 3.4rem; text-align: center; color: #DC3751; }
.top-business-title.si { color: #8FC31F; }
.top-business-title.or { color: #F6AC29; }
@media screen and (max-width: 767px) { .top-business-title { font-size: 2.4rem; } }
.top-business-title .sub { font-size: 1.4rem; }

.top-business-pc { padding: 70px 0 0; }
.top-business-pc .flex { display: flex; justify-content: center; }
.top-business-pc .flex .box { padding: 0 20px; align-self: center; }
@media screen and (max-width: 767px) { .top-business-pc { display: none; } }

.top-business-sp { display: none; }
@media screen and (max-width: 767px) { .top-business-sp { display: block; padding: 40px 0 0; }
  .top-business-sp .swiper-container { width: 90%; height: 100%; position: relative; margin: 0 auto; }
  .top-business-sp .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .top-business-sp .swiper-slide .image { width: 80%; margin: 0 auto; }
  .top-business-sp .swiper-slide .image img { width: 100%; }
  .top-business-sp .next { color: #DC3751; position: absolute; top: 50%; z-index: 10; right: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; }
  .top-business-sp .prev { color: #DC3751; position: absolute; top: 50%; z-index: 10; left: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; } }

.top-reason-pc { padding: 70px 0 0; }
.top-reason-pc .flex { display: flex; justify-content: space-between; }
.top-reason-pc .flex .box { width: 300px; }
.top-reason-pc .flex .box img { width: 100%; }
.top-reason-pc .flex .box .title { font-size: 2.0rem; }
.top-reason-pc .flex .box .text { font-size: 1.6rem; }
@media screen and (max-width: 767px) { .top-reason-pc { display: none; } }

.top-reason-sp { display: none; }
@media screen and (max-width: 767px) { .top-reason-sp { display: block; padding: 40px 0 0; }
  .top-reason-sp .swiper-container02 { width: 90%; height: 100%; position: relative; margin: 0 auto; }
  .top-reason-sp .swiper-wrapper { align-items: flex-start; }
  .top-reason-sp .swiper-slide { display: block; background-color: rgba(0, 0, 0, 0); }
  .top-reason-sp .swiper-slide .box { width: 90%; margin: 0 auto; }
  .top-reason-sp .swiper-slide .box img { width: 100%; }
  .top-reason-sp .swiper-slide .box .title { font-size: 2.0rem; text-align: left; }
  .top-reason-sp .swiper-slide .box .text { font-size: 1.6rem; text-align: left; }
  .top-reason-sp .next { color: #DC3751; position: absolute; top: 120px; z-index: 10; right: 0px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
  .top-reason-sp .prev { color: #DC3751; position: absolute; top: 120px; z-index: 10; left: 0px; cursor: pointer; display: flex; align-items: center; justify-content: center; } }

.top-intro-pc { padding: 70px 0 0; }
.top-intro-pc .flex { display: flex; justify-content: space-between; }
.top-intro-pc .flex .image-box { width: 40%; max-width: 400px; }
.top-intro-pc .flex .image-box .thum-flex { display: flex; justify-content: space-between; }
.top-intro-pc .flex .image-box .thum-flex .thum { display: block; width: 94px; }
.top-intro-pc .flex .image-box img { width: 100%; }
.top-intro-pc .flex .text-box { width: 55%; max-width: 550px; }
.top-intro-pc .flex .text-box .title.si { font-size: 2.0rem; color: #8FC31F; }
.top-intro-pc .flex .text-box .title.or { font-size: 2.0rem; color: #F6AC29; }
.top-intro-pc .flex .text-box .text { font-size: 1.6rem; }
.top-intro-pc .flex .text-box .bt-w { width: 250px; }
@media screen and (max-width: 767px) { .top-intro-pc { display: none; } }

.top-intro-sp { display: none; }
.top-intro-sp .title-ss { width: 80%; margin: 0 auto; }
@media screen and (max-width: 767px) { .top-intro-sp { display: block; padding: 40px 0 0; }
  .top-intro-sp .swiper-container03, .top-intro-sp .swiper-container04 { width: 90%; height: 100%; position: relative; margin: 0 auto; }
  .top-intro-sp .swiper-wrapper { align-items: flex-start; }
  .top-intro-sp .swiper-slide { display: block; background-color: rgba(0, 0, 0, 0); }
  .top-intro-sp .swiper-slide .box { width: 90%; margin: 0 auto; }
  .top-intro-sp .swiper-slide .box img { width: 100%; }
  .top-intro-sp .next { position: absolute; top: 120px; z-index: 10; right: 0px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
  .top-intro-sp .next.si { color: #8FC31F; }
  .top-intro-sp .next.or { color: #F6AC29; }
  .top-intro-sp .prev { position: absolute; top: 120px; z-index: 10; left: 0px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
  .top-intro-sp .prev.si { color: #8FC31F; }
  .top-intro-sp .prev.or { color: #F6AC29; }
  .top-intro-sp .title { font-size: 2.0rem; text-align: left; }
  .top-intro-sp .title.si { color: #8FC31F; }
  .top-intro-sp .title.or { color: #F6AC29; }
  .top-intro-sp .text { font-size: 1.6rem; text-align: left; }
  .top-intro-sp .bt-w { width: 200px; margin: 0 auto; } }

.top-news { display: block; padding: 40px 0 0; }
.top-news .wrap { max-width: 1150px; min-width: 1000px; width: 100%; margin: 0 auto; }
@media screen and (max-width: 767px) { .top-news .wrap { min-width: 0px; width: 100%; } }
.top-news .swiper-wrap { max-width: 1000px; margin: 0 auto; position: relative; }
.top-news .swiper-container05 { width: 100%; height: 100%; position: relative; margin: 0 auto; }
.top-news .swiper-container05 .swiper-hidd { width: 100%; overflow: unset; position: relative; }
@media screen and (max-width: 767px) { .top-news .swiper-container05 .swiper-hidd { overflow: hidden; } }
@media screen and (max-width: 767px) { .top-news .swiper-container05 { width: 100%; } }
.top-news .swiper-wrapper { align-items: flex-start; }
.top-news .swiper-slide { display: block; background-color: rgba(0, 0, 0, 0); }
.top-news .swiper-slide a { text-decoration: none; }
.top-news .swiper-slide .box { width: 95%; margin: 0 auto; display: block; }
@media screen and (max-width: 767px) { .top-news .swiper-slide .box { width: 90%; } }
.top-news .swiper-slide .box .padd { padding: 20px; }
@media screen and (max-width: 767px) { .top-news .swiper-slide .box .padd { padding: 10px; } }
.top-news .swiper-slide .box img { width: 100%; }
.top-news .swiper-slide .box .days { font-size: 1.2rem; color: #333; }
.top-news .swiper-slide .box .title { font-size: 1.8rem; text-align: left; color: #DC3751; }
.top-news .swiper-slide .box .text { font-size: 1.6rem; text-align: left; color: #333; }
.top-news .next { font-size: 2.4rem; color: #DC3751; position: absolute; top: 50%; z-index: 10; right: -40px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 767px) { .top-news .next { font-size: 1.6rem; right: 0px; } }
.top-news .prev { font-size: 2.4rem; color: #DC3751; position: absolute; top: 50%; z-index: 10; left: -40px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 767px) { .top-news .prev { font-size: 1.6rem; left: 0px; } }
.top-news .bt-w { width: 250px; margin: 0 auto; }
@media screen and (max-width: 767px) { .top-news .bt-w { width: 200px; } }

.top-content { display: block; padding: 70px 0 0; }
.top-content .flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { .top-content .flex { display: block; margin: 0 auto; width: 100%; } }
.top-content .flex .text { width: 55%; font-size: 1.6rem; }
@media screen and (max-width: 767px) { .top-content .flex .text { width: 90%; font-size: 1.4rem; margin: 0 auto; } }
.top-content .flex .text a:link, .top-content .flex .text a:visited { color: #333; }
.top-content .flex .text th { width: 70px; font-weight: normal; vertical-align: top; text-align: left; }
@media screen and (max-width: 767px) { .top-content .flex .text th { width: 60px; } }
.top-content .flex .text td { vertical-align: top; }
.top-content .flex .map { padding: 20px 0 0; max-width: 390px; width: 39%; text-align: right; }
@media screen and (max-width: 767px) { .top-content .flex .map { margin: 0 auto; width: 90%; text-align: center; } }
.top-content .flex .map a { position: relative; display: inline-block; text-decoration: none; color: #DC3751; }
.top-content .flex .map a::after { position: absolute; bottom: 2px; left: 0; content: ''; width: 100%; height: 2px; background: #DC3751; opacity: 0; visibility: hidden; transition: .3s; }
.top-content .flex .map a:hover::after { bottom: -4px; opacity: 1; visibility: visible; }
@media screen and (max-width: 767px) { .top-content { font-size: 1.4rem; padding: 40px 0 0; } }

/*** CATEGORY ***/
.simle-image { padding: 80px 0 0; }
.simle-image.si { background-color: #F7F9E4; }
.simle-image.or { background-color: #FEF9F0; }
@media screen and (max-width: 767px) { .simle-image { padding: 70px 0 0; } }
.simle-image .pag { min-width: 1000px; padding: 20px 3.2%; }
@media screen and (max-width: 767px) { .simle-image .pag { display: none; } }
.simle-image .pag a:link, .simle-image .pag a:visited { color: #333; text-decoration: none; }
.simle-image .bg { background-repeat: no-repeat; background-position: center bottom; background-size: contain; padding: 0 0 40vh 0; }
.simle-image .bg.si { background-image: url(/asset/img/simple/img01.svg); }
.simle-image .bg.or { background-image: url(/asset/img/original/img01.svg); }
.simle-image .bg .simage { display: none; }
@media screen and (max-width: 767px) { .simle-image .bg { padding: 0; }
  .simle-image .bg.si { background-image: url(); }
  .simle-image .bg.or { background-image: url(); }
  .simle-image .bg .simage { margin: 0 auto; max-width: 640px; width: 100%; display: block; }
  .simle-image .bg .simage img { width: 100%; display: block; } }
.simle-image .bg .text-area { text-align: center; }
.simle-image .bg .text-area .bb { font-weight: 700; line-height: 1em; }
.simle-image .bg .text-area .int { font-size: 6.0rem; font-weight: 700; position: relative; line-height: 1em; display: inline-block; background: linear-gradient(transparent 70%, #FFF000 0%); background: -ms-linear-gradient(transparent 70%, #FFF000 0%); /* IE */ }
@media screen and (max-width: 767px) { .simle-image .bg .text-area .int { font-size: 3.4rem; background: linear-gradient(transparent 70%, #FFF000 0%); background: -ms-linear-gradient(transparent 70%, #FFF000 0%); /* IE */ } }

.bg-line.si { background-color: #8FC31F; }
.bg-line.or { background-color: #F6AC29; }
.bg-line .flex { height: 140px; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: left center; }
@media screen and (max-width: 767px) { .bg-line .flex { height: 60px; background-image: url(); } }
.bg-line .flex .box { width: 250px; }
@media screen and (max-width: 767px) { .bg-line .flex .box { width: 200px; } }
.bg-line.si .flex { background-image: url(/asset/img/simple/img02.png); }
@media screen and (max-width: 767px) { .bg-line.si .flex { background-image: url(); } }
.bg-line.or .flex { background-image: url(/asset/img/original/img02.png); }
@media screen and (max-width: 767px) { .bg-line.or .flex { background-image: url(); } }

.title01 { text-align: center; font-size: 3.4rem; margin: 0 auto; }
.title01.si { color: #8FC31F; }
.title01.or { color: #F6AC29; }
@media screen and (max-width: 767px) { .title01 { width: 90%; text-align: left; font-size: 2.3rem; } }

.text-space { text-align: center; font-size: 2.0rem; margin: 0 auto; font-weight: 700; }
@media screen and (max-width: 767px) { .text-space { width: 90%; text-align: left; font-size: 1.6rem; } }

.option { width: 100%; display: flex; justify-content: space-between; font-size: 1.6rem; }
.option .box01 { width: 58.3%; }
@media screen and (max-width: 767px) { .option .box01 { width: 100%; } }
.option .box02 { width: 35%; }
@media screen and (max-width: 767px) { .option .box02 { width: 100%; } }
@media screen and (max-width: 767px) { .option { margin: 0 auto; width: 90%; display: block; } }

.image01 { width: 100%; }
@media screen and (max-width: 767px) { .image01 { margin: 0 auto; width: 90%; display: block; } }
.image01 img { width: 100%; }

.rule { display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { .rule { display: block; width: 90%; margin: 0 auto; } }
.rule .box { width: 31.6%; font-size: 1.6rem; padding: 25px 0 0; }
@media screen and (max-width: 767px) { .rule .box { width: 100%; } }

.sub-intro { padding: 70px 0 0; }
.sub-intro .flex { display: flex; justify-content: space-between; }
.sub-intro .flex .box { width: 300px; }
@media screen and (max-width: 767px) { .sub-intro .flex .box { width: 100%; padding: 0 0 30px; }
  .sub-intro .flex .box:last-child { padding: 0; } }
.sub-intro .flex .box img { width: 100%; }
.sub-intro .flex .box .title { font-size: 2.0rem; }
.sub-intro .flex .box .text { font-size: 1.6rem; }
@media screen and (max-width: 767px) { .sub-intro .flex { display: block; } }
@media screen and (max-width: 767px) { .sub-intro { width: 90%; margin: 0 auto; padding: 40px 0 0; } }

.sub-qa { border-top: 1px solid #CCC; }
@media screen and (max-width: 767px) { .sub-qa { width: 90%; margin: 0 auto; } }
.sub-qa .qa-wrap { padding: 20px 0; border-bottom: 1px solid #CCC; }
.sub-qa .qa { font-size: 2.4rem; display: flex; font-weight: bold; position: relative; }
.sub-qa .qa.si { color: #8FC31F; }
.sub-qa .qa.or { color: #F6AC29; }
.sub-qa .qa .tt { display: block; width: 40px; }
.sub-qa .qa .rr { width: 100%; font-weight: 400; font-size: 1.6rem; flex-grow: 1; display: block; padding: 10px 23px 0 0; }
.ua-ie .sub-qa .qa .rr { padding: 5px 23px 0 0; }
.sub-qa .qa::after { font-size: 1.6rem; font-family: "Font Awesome 5 Free"; position: absolute; top: 20px; right: 5px; margin: -0.6rem 0 0 0; content: "\f078"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 700; }
.ua-ie .sub-qa .qa::after { margin: -0.5rem 0 0 0; }
.sub-qa .qa.active::after { font-size: 1.6rem; font-family: "Font Awesome 5 Free"; position: absolute; top: 20px; right: 5px; margin: -0.6rem 0 0 0; content: "\f077"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 700; }
.ua-ie .sub-qa .qa.active::after { margin: -0.5rem 0 0 0; }
.sub-qa .aw { font-size: 2.4rem; display: flex; font-weight: bold; }
.sub-qa .aw .tt { display: block; width: 40px; }
.sub-qa .aw .rr { width: 100%; font-weight: 400; font-size: 1.6rem; flex-grow: 1; display: block; padding: 10px 23px 0 0; }
.ua-ie .sub-qa .aw .rr { padding: 5px 23px 0 0; }

/*** 導入実績 ***/
.subpage-image { background-color: #F8F3F3; padding: 80px 0 50px; }
@media screen and (max-width: 767px) { .subpage-image { font-size: 2.4rem; } }
.subpage-image .sub { font-size: 1.4rem; text-align: center; color: #DC3751; }
.subpage-image .business-title { font-size: 3.4rem; text-align: center; color: #DC3751; }
.subpage-image .pag { min-width: 1000px; padding: 0 3.2%; text-align: left; color: #333; }
@media screen and (max-width: 767px) { .subpage-image .pag { display: none; } }
.subpage-image .pag a:link, .subpage-image .pag a:visited { color: #333; text-decoration: none; }

.contact-image { width: 532px; margin: 0 auto; }
@media screen and (max-width: 767px) { .contact-image { width: 77.1875%; max-width: 532px; } }
.contact-image img { width: 100%; }

.contact-text { color: #DC3751; text-align: center; font-size: 1.6rem; }
@media screen and (max-width: 767px) { .contact-text { font-size: 1.4rem; width: 90%; margin: 0 auto; text-align: left; } }

.contact-wrap { width: 1000px; margin: 0 auto; }
@media screen and (max-width: 767px) { .contact-wrap { width: 90%; } }
.contact-wrap .flex { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 0 0 0; }
.contact-wrap .flex:first-child { padding: 0; }
@media screen and (max-width: 767px) { .contact-wrap .flex { display: block; } }
.contact-wrap .flex .box01 { width: 165px; color: #333; font-size: 1.6rem; padding: 10px 0; line-height: 1em; }
@media screen and (max-width: 767px) { .contact-wrap .flex .box01 { padding: 10px 0 5px 0; display: inline-block; width: auto; font-size: 1.4rem; } }
.contact-wrap .flex .box02 { width: 20px; color: #DC3751; font-size: 1.6rem; padding: 10px 0; line-height: 1em; }
@media screen and (max-width: 767px) { .contact-wrap .flex .box02 { padding: 10px 0 5px 10px; display: inline-block; width: auto; font-size: 1.4rem; } }
.contact-wrap .flex .box03 { width: 790px; font-size: 1.6rem; color: #333; }
@media screen and (max-width: 767px) { .contact-wrap .flex .box03 { padding: 10px 0; width: 100%; width: auto; font-size: 1.4rem; } }
.contact-wrap .input { font-size: 1.6rem; padding: 10px; width: 100%; background-color: #F3F3F3; color: #333; border: none; }
@media screen and (max-width: 767px) { .contact-wrap .input { font-size: 1.4rem; } }
.contact-wrap .textarea { font-size: 16px; padding: 10px; width: 100%; height: 400px; background-color: #F3F3F3; color: #333; border: none; }
@media screen and (max-width: 767px) { .contact-wrap .textarea { font-size: 1.4rem; } }
.contact-wrap .bt-wrap .ww { margin: 0 auto; width: 250px; }
.contact-wrap .bt-flex { display: flex; justify-content: center; }
@media screen and (max-width: 767px) { .contact-wrap .bt-flex { display: block; } }
.contact-wrap .bt-flex .ww { margin: 0 auto; width: 250px; }
.contact-wrap .bt-flex .ww02 { width: 290px; }
@media screen and (max-width: 767px) { .contact-wrap .bt-flex .ww02 { margin: 0 auto; width: 250px; } }
.contact-wrap .finish-area { font-size: 1.6rem; text-align: center; line-height: 180%; }
@media screen and (max-width: 767px) { .contact-wrap .finish-area { font-size: 1.4rem; } }

.priv-title { color: #DC3751; font-size: 2.0rem; text-align: center; }
@media screen and (max-width: 767px) { .priv-title { text-align: left; width: 90%; margin: 0 auto; font-size: 1.6rem; } }

.priv-textarea { color: #333; font-size: 1.6rem; line-height: 150%; }
.priv-textarea .subline { text-align: center; }
@media screen and (max-width: 767px) { .priv-textarea .subline { text-align: left; } }
@media screen and (max-width: 767px) { .priv-textarea { width: 90%; margin: 0 auto; font-size: 1.4rem; } }
.priv-textarea table { width: 100%; }
.priv-textarea table th { width: 20px; font-weight: normal; vertical-align: top; color: #DC3751; padding: 40px 0 0 0; }
@media screen and (max-width: 767px) { .priv-textarea table th { padding: 30px 0 0 0; } }
.priv-textarea table td { font-weight: normal; vertical-align: top; padding: 40px 0 0 0; }
@media screen and (max-width: 767px) { .priv-textarea table td { padding: 30px 0 0 0; } }
.priv-textarea table td .red { color: #DC3751; }
.priv-textarea .bt-wrap { width: 230px; margin: 0 auto; }
@media screen and (max-width: 767px) { .priv-textarea .bt-wrap { max-width: 125px; width: 100%; } }

.news-flex { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 767px) { .news-flex { display: block; } }
.news-flex a:link, .news-flex a:visited { text-decoration: none; }
.news-flex .box { width: 33.33333%; display: block; }
@media screen and (max-width: 767px) { .news-flex .box { margin: 0 auto; width: 90%; } }
.news-flex .box article { padding: 0 0 15px 0; display: block; max-width: 320px; width: 100%; }
@media screen and (max-width: 767px) { .news-flex .box article { max-width: 640px; width: 100%; } }
.news-flex .box .padd { padding: 20px; background-color: #F7F8F8; }
@media screen and (max-width: 767px) { .news-flex .box .padd { padding: 10px; } }
.news-flex .box img { width: 100%; }
.news-flex .box .days { font-size: 1.2rem; color: #333; }
.news-flex .box .title { font-size: 1.8rem; text-align: left; color: #DC3751; }
.news-flex .box .text { font-size: 1.6rem; text-align: left; color: #333; }

.news-textarea { font-size: 1.6rem; line-height: 150%; }
@media screen and (max-width: 767px) { .news-textarea { width: 90%; font-size: 1.4rem; margin: 0 auto; } }
.news-textarea img { max-width: 100%; width: auto; height: auto; }
.news-textarea .days { color: #333; padding: 0 0 20px 0; display: block; }
.news-textarea .title { color: #DC3751; font-size: 2.0rem; padding: 0 0 20px 0; }
@media screen and (max-width: 767px) { .news-textarea .title { font-size: 1.6rem; } }

.news-pager { display: flex; justify-content: space-between; align-items: center; width: 590px; margin: 0 auto; }
.news-pager.wpa { width: 800px; }
@media screen and (max-width: 767px) { .news-pager { width: 100%; flex-direction: column; justify-content: flex-start; align-items: stretch; }
  .news-pager.wpa { width: 100%; } }
.news-pager .box { width: 250px; padding: 10px 0 0; }
@media screen and (max-width: 767px) { .news-pager .box { margin: 0 auto; order: 1; } }
.news-pager .box02 { color: #DC3751; text-align: center; }
@media screen and (max-width: 767px) { .news-pager .box02 { padding: 0 0 10px; order: 0; } }