@charset "utf-8";

/* default PC */
#home #contents .link-btn {
  background-color:#0C2340;
}

#home #contents .inner {
  max-width:1750px;
}

#home #contents .shadow {
  box-shadow:0px 0px 10px 1px rgba(62, 84, 163, .15);
}

#home #contents h2 {
    color: #333;
    font-family: "Roboto", sans-serif;
    font-size: .875rem;
    font-weight: bold;
    letter-spacing: .05em;
    line-height: 26px;
    margin: 0 0 25px;
    padding: 0;
    position: relative;
    text-align: center;
    border-left: 0;
}

#home #contents h2 .jp-ttl {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-top: 18px;
}

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

.main-view {
background: center;
    /* background-image: url(../image/contents/home/index_slider_01_pc_bg.jpg); */
    background-size: auto;
  margin-top: 150px;
  margin-bottom: 65px;
    /* height: 76vh; */
}
.main-img img{
  width: 100%;
}
.main-text {
align-content: flex-start;
    align-items: flex-start;
    bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: max-content;
    justify-content: flex-start;
    left: 0;
    margin: auto;
    max-width: 1655px;
    padding: 10px 28px 0px 7%;
    width: 53%;
    z-index: 5;
}
#contents .main-text {
  width: 43%;
}
.main-flex{
  display: flex;
  justify-content: center;
}
.main-flex .main-img.txt-2box{
    width: 55%;
    z-index: 1;
}
.main-flex .main-text.txt-2box{
    padding: 10px 28px 0px 6%;
    width: 41%;
}
.main-text .main {
  color:#333;
  display:flex;
  font-family:"Roboto", sans-serif;
  font-size:80px;
  font-weight:600;
  letter-spacing:0em;
  line-height:1.2em;
  margin-bottom:0;
  overflow:hidden;
  padding:10px 0;
  text-align:left;
  text-shadow:#FFFD5 1px 1px 30px, #FFFD5 -1px 1px 30px, #FFFD5 1px -1px 30px, #FFFD5 -1px -1px 30px, #FFFD5 1px 1px 30px, #FFFD5 -1px 1px 30px, #FFFD5 1px -1px 30px, #FFFD5 -1px -1px 30px, #FFFD5 1px 1px 30px;
  width:110%;
    font-size: 4vw;
}
.main-text .main .main-txt-color{
  color: #1D457F;
}
.main-text .txt1,
.main-text .txt2,
.main-text .txt3,
.main-text .txt4 {
  position:relative;
}

.main-text .txt1 {
  bottom:10px;
  line-height: 1.5em;
}

.main-text .txt2 {
  bottom:30px;
    line-height: 1.7em;
}

.main-text .txt3 {
  bottom:10px;
}

.main-text .main.no-mb {
  margin-bottom:0;
}

.main-text .main.no-mt {
  margin-top:0;
}

.main-text .sub {
  color:#333;
  font-size:30px;
  letter-spacing:.05em;
  margin-top:0;
  text-align:left;
}

.link-info {
  margin-top:48px;
}

.link-info a {
  background-color:#1d457f;
  /* border-radius:45px; */
  display:block;
  font-size:17px;
  font-weight:400;
  margin:0;
  padding:28px 33px;
  transition:.3s;
  width:500px;
}

.link-info .txt {
  letter-spacing:.05em;
}

.link-info a:hover {
  opacity:.5;
  text-decoration:none;
  transition:.3s;
}

.link-info a {
  color:#FFF;
  font-size:23px;
  position:relative;
  transition:.3s;
}

.main-text a::after {
  background-image:url(../image/base/arrow_round_white.svg);
  bottom:0;
  content:"";
  height:30px;
  margin:auto;
  position:absolute;
  right:25px;
  top:0;
  width:30px;
}

.home.mobile-view main {
  margin-top:80px;
}

/* アニメーション */
.animate-title {
  opacity:0;
}

.slide {
  -webkit-animation:slideAnime 2s ease forwards;
          animation:slideAnime 2s ease forwards;
}

@keyframes slideAnime {
  from {
    opacity:0;
  }

  to {
    opacity:1;
  }
}

.txt1 {
  animation-delay:.2s;
}

.txt2 {
  animation-delay:.5s;
}

.txt3 {
  animation-delay:.8s;
}

.txt4 {
  animation-delay:1.8s;
}

.txt5 {
  animation-delay:2.6s;
}

/* アニメーション */


/* サービス ここから */
#home #contents .service-area h2 {
  color:#FFF;
  margin:0 0 55px;
}

.service-area {
  background-color:#EFF3F8;
  padding:95px 0 50px;
  position:relative;
}

.service-area::before {
  background:bottom / cover no-repeat;
  background-image:url(../image/contents/home/bg_service.jpg);
  content:"";
  display:block;
  height:28.5%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.service-area .link-btn {
  margin-top:35px;
}

.service-contents .txt-3box {
  background-color:#FFF;
  border-radius:10px;
  box-shadow:0px 0px 10px 1px rgba(62, 84, 163, .15);
  display:flex;
  justify-content:space-between;
  margin-bottom:30px;
  position:relative;
}

#contents .service-contents .txt-3box .link-bnr h3 {
  border-bottom:0;
  color:#0C2340;
  font-size:25px;
  margin:15px 0 30px;
  padding:0;
  text-align:center;
}

#contents .service-contents .txt-3box .link-bnr p {
  color:#333;
}

#contents .service-contents .txt-3box .link-bnr {
  display:flex;
  flex-direction:column;
  padding:40px 35px;
  position:relative;
  width:100%;
}

#contents .service-contents .txt-3box .link-bnr img {
  height:80px;
  margin-bottom:10px;
}

#contents .service-contents .txt-3box:first-child a.link-bnr img {
  height:70px;
  margin-bottom:20px;
}

#contents .service-contents .txt-3box .link-bnr p.link-btn {
  color:#FFF;
  margin:auto auto 0;
  padding:10px;
  width:350px;
}

#home #contents .service-contents .txt-3box .link-bnr p.link-btn:hover {
  opacity:1;
}

.service-contents .txt-3box:hover {
  cursor:pointer;
  text-decoration:none;
}

#home #contents .service-contents .txt-3box .link-bnr .link-btn {
  background-color:#1D457F;
  margin-top:15px;
}

/* リンクバナー準備中表示 */

#contents .service-contents .txt-3box:nth-child(2) .link-bnr:hover {
  /* cursor:default;*/
  /* opacity:1;*/
}

#contents .service-contents .txt-3box .link-bnr.no-link {
  pointer-events:none;
}

#contents .service-contents .txt-3box .link-bnr.no-link:before {
        background-color: #33333340;
        z-index: 100;
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        color: #fff;
        border-radius: 10px;}

#contents .service-contents .txt-3box .link-bnr.no-link p.link-btn:before {
  background-color:#333;
  border-radius:50px;
  content:"準備中";
  left:0;
  margin:auto;
  padding:10px;
  position:absolute;
  right:0;
  top:0;
}

#contents .service-contents .txt-3box .link-bnr.no-link p.link-btn::after {
  content:none;
}

/* サービス ここまで */
/* 事業案内 ここから */

#contents .business-area {
  padding:80px 0;
  background-color: #0c2340;
}
#home #contents .business-area h2 {
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
}
.business-area .inner{
  padding: 0 3.75rem;
}
.business-en {
  position: relative;
  padding-left: 1em;
}
.txt-2box.business-txt{
  width: 59%;
  margin-top: 35px;
}
.txt-2box.business-img{
  width: 35%;
}
#contents .business-area p{
  color: #fff;
}
.service-top-link .circle {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}
.service-top-link .circle:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #fff;
}
#contents .service-link-txt{
  font-size: 16px;
}
.service-top-link .circle:after {
        content: "";
        display: block;
        width: .3125rem;
        height: .3125rem;
        position: absolute;
        inset: 0;
        margin: auto;
        border-radius: 50%;
        background-color: #fff;
        transform: scale(0);
    }

.circle .arrow {
    overflow: hidden;
    display: block;
    position: relative;
    width: .8125rem;
    height: .625rem;
    background-image: url(../image/contents/home/top-service-arrow.png);
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 1px;
}
.service-link-box a {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    color: #fff;
    font-size: .9375rem;
    letter-spacing: .06em;
    line-height: 1.6;
    font-weight: 700;
}
.service-link-box{
  display: inline-block;
}

.service-flex{
    align-items: center;
}
.topservice-site a{
    padding: 20px 10px;
    display: block;
}
.topservice-site{
  border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.topservice-consulting{
  border-bottom: 1px solid #fff;
}
.topservice-consulting a{
      padding: 20px 10px;
      display: block;
}
#contents .top-service-ttl{
  font-size: 120%;
    font-size: 140%;
    font-weight: bold;
}
.business-en::before {
  position: relative;
    content: "";
    display: block;
    position: absolute;
    inset: 0 auto 0 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    margin: auto;
    background: linear-gradient(90deg, #0c2340, #4179bf);
}

.service-top-link .circle {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}
.service-top-link .circle:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #2db3e9;;
}
.service-top-link .circle:after {
        content: "";
        display: block;
        width: .3125rem;
        height: .3125rem;
        position: absolute;
        inset: 0;
        margin: auto;
        border-radius: 50%;
        background-color: #fff;
        transform: scale(0);
    }

.service-link-box .circle .arrow {
    overflow: hidden;
    display: block;
    position: relative;
    width: .8125rem;
    height: .625rem;
    background-image: url(../image/contents/home/top-service-arrow-w.png);
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 1px;
}

/* .service-link-box {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    color: #333;
    font-size: .9375rem;
    letter-spacing: .06em;
    line-height: 1.6;
    font-weight: 700;
    justify-content: center;
    transition: .3s;
} */
.topservice-link-bnr{
    transition: .3s;
}
.topservice-link-bnr:hover{
opacity: .5;
    text-decoration: none;
    transition: .3s;
}






/* 事業案内 ここまで */

/* バナー ここから */
#contents .bnr-area {
  background-color:#f5f5f5;
  padding:80px 0;
}

#contents .bnr-area .flex {
  gap:35px 0;
  margin:0 auto;
  max-width:1377px;
  width:100%;
}

#contents .bnr-area .flex .link-bnr {
  /* border-radius:18px; */
  display:block;
  font-weight:bold;
  position:relative;
}

/* #contents .bnr-area .flex .link-bnr img {
  border-radius:15px;
} */

#contents .bnr-area .flex .link-bnr .bnr-ttl {
  background-color:#0C2340;
  background-image:url(../image/contents/home/logo-blue.png);
  background-position:-90px;
  background-repeat:no-repeat;
  /* border-radius:0 15px 15px 0; */
  bottom:0;
  color:#FFF;
  display:grid;
  font-size:18px;
  font-weight:bold;
  height:100%;
  margin:0;
  padding:10px;
  place-content:center;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:223px;
}

#contents .bnr-area .flex .link-bnr .bnr-ttl .en-ttl {
  font-family:"Roboto", sans-serif;
  font-size:35px;
  font-weight:bold;
  margin-bottom:22px;
}

#contents .bnr-area .flex .txt-2box {
  border-radius:15px;
}

/* バナー ここまで */

/* 選ばれる理由 ここから */
#contents .reason-area {
  padding:80px 0;
}

#contents .reason-area .link-btn {
  margin-top:60px;
}

#contents .price-contents .flex {
  flex-direction:column;
}

#contents .sub-txt {
  display:flex;
  font-weight:500;
  justify-content:center;
  margin-bottom:40px;
  padding-left:20px;
}

.price-item {
  background-color:#FFF;
  border-radius:15px;
  box-shadow:0px 0px 10px 1px rgba(62, 84, 163, .15);
  margin-bottom:0;
  margin-right:30px;
  padding:0;
  width:calc(100% / 3 - 20px);
}

.price-contents .img-2box-txt {
  padding:25px 50px;
}

.price-item:nth-child(3n) {
  margin-right:0;
}

.price-item .img-2box-txt {
  margin-left:0;
}

#contents .price-item .img-2box-txt h3 {
  color:#0C2340;
  font-size:30px;
  font-weight:bold;
  padding:18px 0 20px 100px;
  position:relative;
}

#contents .price-item .img-2box-txt h3 .num {
  background-color:#F2DB5B;
  border-radius:7px;
  color:#0C2340;
  font-family:"Roboto";
  font-size:40px;
  left:0;
  padding:20px 11px;
  position:absolute;
  top:0;
}

.features-area {
  background-color:#F2F5FA;
  border-radius:10px;
  padding:50px;
}

.features-area .features-item {
  background-color:#FFF;
  border-radius:10px;
  margin-bottom:20px;
  padding:30px;
}

.features-area .features-item:last-child {
  margin-bottom:0;
}

/*  */
.price-contents {
  align-content:flex-start;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.price-contents .img-2box,
.price-contents .img-2box-txt {
  width:100%;
}

.price-contents .img-2box,
.price-contents img {
  border-radius:15px 15px 0 0;
}

.price-contents .link-area {
  background-color:#D1DDEF;
  border-radius:0 0 15px 15px;
  margin:auto;
  max-width:800px;
  padding:40px;
  width:100%;
}

.price-contents .link-area .link-btn {
  margin:auto;
}

#contents .price-contents .link-area p.txt-center {
  font-size:19px;
  font-weight:500;
  margin-bottom:20px;
}

/* 選ばれる理由 ここまで */

/* お知らせ ここから */
#home #contents .news-area .inner {
  max-width:1377px;
}

#contents .news-area {
  padding:70px 0;
}

#contents .news-area .link-btn.pc-link {
  display:none;
}

#contents .news-area .link-btn.sp-link {
  display:block;
}

#contents .news-area .grid {
  align-items:center;
  display:grid;
  gap:100px;
  grid-template-columns:400px calc(100% - 500px);
}

#contents .news-area .grid .ttl-box {
  margin-bottom:5px;
}

#contents .news-area .news-contents {
  padding-bottom:0;
}

#contents .info-area {
  padding:60px 0 90px;
}

#contents .info-area .btn-box {
  display:grid;
  gap:40px;
  grid-template-columns:1fr 1fr;
  margin:70px auto 0;
  max-width:940px;
}

.news-top-link .circle {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}
.news-top-link .circle:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #1d457f;;
}
.news-top-link .circle:after {
        content: "";
        display: block;
        width: .3125rem;
        height: .3125rem;
        position: absolute;
        inset: 0;
        margin: auto;
        border-radius: 50%;
        background-color: #fff;
        transform: scale(0);
    }

.news-link-box .circle .arrow {
    overflow: hidden;
    display: block;
    position: relative;
    width: .8125rem;
    height: .625rem;
    background-image: url(../image/contents/home/top-service-arrow-w.png);
        background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 1px;
}

.news-link-box a {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    color: #333;
    font-size: .9375rem;
    letter-spacing: .06em;
    line-height: 1.6;
    font-weight: 700;
    justify-content: center;
    transition: .3s;
}
.news-link-box{
  margin-top: 40px;
}
.news-top-link:hover{
opacity: .5;
    text-decoration: none;
    transition: .3s;
}

/* お知らせ ここまで */

/* コラム ここから */
#contents .column-area {
  padding:80px 0;
}

#contents .news-area .sp-link {
  display:block;
}

#contents .news-area .pc-link {
  display:none;
}

#contents .column-area .ttl-box {
  background-image:url(../image/contents/home/column_logo.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  height:570px;
  padding:165px 20px;
}

#contents .column-area .ttl-box h2 {
  font-size:36px;
  margin:0;
  text-shadow:#FFF 1px 1px 20px, #FFF -1px 1px 20px, #FFF 1px -1px 20px, #FFF -1px -1px 20px, #FFF 1px 1px 20px, #FFF -1px 1px 10px, #FFF 1px -1px 10px, #FFF -1px -1px 15px, #FFF 1px 1px 20px, #FFF -1px 1px 20px, #FFF 1px -1px 20px, #FFF -1px -1px 20px, #FFF 1px 1px 20px, #FFF -1px 1px 20px;
}

#contents .column-area .inner {
  background-color:#EFF2F7;
  max-width:1320px;
  padding:0;
}

#contents .tab-area {
  margin-bottom:0;
  max-width:100%;
}

#contents .column-box {
  display:grid;
  gap:40px;
  grid-template-columns:1fr 1fr 1fr 1fr;
  margin-bottom:60px;
}

#contents .news-contents {
  max-width:1200px;
}

#contents .column-area .link-btn::after {
  background-image:url(../image/base/ico_tab_white.svg);
  bottom:0;
  content:"";
  height:25px;
  margin:auto;
  position:absolute;
  right:20px;
  top:0;
  width:25px;
}

#contents .column-box .column-item a {
  background-color:#FFF;
  border-radius:15px;
  color:#333;
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:350px;
  padding-bottom:18px;
  width:100%;
}

#contents .news-contents .column-box .column-item a {
  background-color:#E8F3F8;
}

#contents .column-box .column-img {
  background-color:#E8F3F7;
}

#contents .column-box .column-img img {
  box-shadow:0px 0px 10px 1px rgba(62, 84, 163, .15);
}

#contents .column-item .news-cat {
  margin-top:17px;
}

#contents .column-box .column-img img {
  border-radius:15px 15px 0 0;
  height:180px;
  object-fit:cover;
  object-position:center;
  width:100%;
}

#contents .column-box .column-item .ttl,
#contents .column-box .column-item .category,
#contents .column-box .column-item .day,
#contents .column-item .news-cat {
  padding:0 25px;
}

#contents .column-box .column-item .category {
  background-color:#F2DB5B;
  color:#333;
  display:flex;
  flex-wrap:nowrap;
  font-size:14px;
  font-weight:500;
  justify-content:center;
  letter-spacing:0em;
  margin:auto 25px 5px;
  max-width:fit-content;
  padding:3px 11px;
  text-align:center;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
  ;
}

#contents .column-box .column-item .ttl {
  font-size:20px;
  font-weight:bold;
  margin-bottom:100px;
  padding-top:15px;
}

#contents .column-box .column-item {
  position:relative;
}

#contents .column-box .column-item .flex {
  bottom:15px;
  flex-direction:column;
  flex-wrap:wrap;
  font-weight:500;
  justify-content:center;
  letter-spacing:0;
  position:absolute;
  text-align:right;
  width:100%;
}

#contents .news-cat .category {
  font-size:15px;
  margin-right:0;
}

#contents .news-contents .column-box .column-item .ttl {
  padding-top:10px;
}

#contents .column-box .column-item .day {
  font-size:16px;
  margin:auto 0 0;
  right:0;
  text-align:right;
  width:100%;
}

#contents .news-contents .news-group .txt {
  align-items:center;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
}

#contents .news-contents .news-group .link-bnr {
  align-items:center;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
}

#contents .news-contents .news-group .link-bnr:hover {
  opacity:1;
}

#contents .news-contents .news-group .link-bnr:hover .ttl {
  text-decoration:underline;
}

#contents .news-contents .news-group .txt .news-cat {
  margin-right:17px;
}

/* コラム ここまで */

/* 無料相談・お問い合わせ ここから */
#contents .contact-area {
background: #c1cccb;
    position: relative;
}

#home #contents .contact-area .inner {
  max-width:1275px;
}

#contents .contact-area h2 {
  margin-bottom:10px;
}

#contents .contact-area .contact-box {
  border-radius:15px;
  padding:55px;
  position:relative;
}

#home #contents .contact-area .contact-box .link-btn {
  background-color:#FFDB49;
  background-image:url(../image/base/ico_contact.svg);
  background-position:35px center;
  background-repeat:no-repeat;
  background-size:30px;
  border:none;
  color:#0A0A0A;
  font-size:18px;
  max-width:100%;
  padding:26px 10px;
  width:500px;
}

#home #contents .contact-area .contact-box .link-btn::after {
  background-image:url(../image/base/arrow_round_black.svg);
  right:25px;
}
#home #contents .contact-box h2{
  color: #333;
}
/* #contents .contact-area .contact-box::before {
  background:url(../image/contents/home/contact_img.png) no-repeat center / contain;
  bottom:0;
  content:"";
  display:inline-block;
  height:240px;
  position:absolute;
  right:7.3%;
  width:253px;
} */

#contents .contact-area .link-btn {
  align-items:center;
  display:flex;
  font-size:18px;
  height:100%;
  justify-content:center;
  letter-spacing:.025em;
  width:100%;
}
.main-img{
  position: relative;
}
.main_imgsp{
  display: none;
}
/* .main-img:before{
align-content: flex-end;
    position: absolute;
    content: '';
    align-items: flex-end;
    background: #f2f7fd;
    bottom: -64px;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 370px;
    justify-content: center;
    left: auto;
    margin: 0 0 0 0;
    position: absolute;
    right: 0px;
    top: auto;
    width: 120%;
    z-index: -1; } */


/* 無料相談・お問い合わせ ここまで */


/* contents */
/* view-1140 notePC,Tablet */
@media screen and (max-width: 2400px) {
}

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

}

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

}

@media screen and (max-width: 1920px) {
  /* .main-view {
    background-image:url(../image/contents/home/index_slider_01_pc.jpg);
  } */
     #wrap {
    background-image:url(../image/contents/home/index_slider_01_pc_bg.jpg);
    animation: bgscroll 35s linear infinite;
    background-position-y: -250px !important;
    background-repeat: repeat-x;
}
 @keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: -2600px 0;}
 }
}

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



  .price-contents .img-2box-txt {
    padding:25px;
  }

  #contents .price-item .img-2box-txt h3 {
    font-size:25px;
    padding:18px 0 20px 85px;
  }

  #contents .price-item .img-2box-txt h3 .num {
    font-size:35px;
    padding:15px 10px;
  }

  #contents .price-item .img-2box-txt h3 {
    font-size:25px;
    padding:16px 0 14px 80px;
  }

  #contents .column-box .column-item .ttl {
    font-size:18px;
  }
}

@media screen and (max-width: 1550px) {
  /* .main-view {
    height:55vh;
  } */

  .main-text a::after {
    height:25px;
    width:25px;
  }

  .main-text .sub {
    font-size:18px;
  }

  .link-info a {
    font-size:20px;
  }

    .link-info a {
        font-size: 16px;
        padding: 20px 33px;
        width: 300px;
    }

  .link-info {
    margin-top:40px;
  }


  .service-contents .txt-3box {
    margin-right:30px;
    width:calc(100% / 2 - 20px);
  }

  .service-contents .txt-3box:nth-child(2n) {
    margin-right:0;
  }

  #contents .column-box {
    gap:25px;
  }
}

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


  #splide01-slide01,
  #splide01-slide02,
  #splide01-slide03 {
    height:52vh !important;
  }

  #contents .price-item .img-2box-txt h3 {
    font-size:20px;
    margin:0 0 15px;
    padding:8px 0 8px 55px;
  }

  #contents .price-item .img-2box-txt h3 .num {
    font-size:20px;
    margin:0 0 13px;
    padding:8px 10px;
  }

  #contents .price-item .img-2box-txt p {
    font-size:16px;
  }

  #contents .column-box .column-item .ttl {
    font-size:16px;
  }

  #contents .column-box .column-img img {
    height:170px;
  }

  #contents .column-box {
    gap:20px;
  }

  #contents .column-box .column-item .ttl {
    font-size:15px;
    margin-bottom:50px;
    padding:15px;
  }

  #contents .column-box .column-item .category {
    font-size:14px;
    margin:0 auto 0 15px;
    padding:1px 10px;
  }

  #contents .column-box .column-item .day {
    font-size:15px;
  }
}

@media screen and (max-width: 1200px) {
  #contents .service-contents .txt-3box a.link-bnr h2 {
    font-size:21px;
  }

  #contents .service-contents .txt-3box a.link-bnr.no-link p.link-btn:before {
    max-width:260px;
  }

  #contents .contact-area p {
    font-size:15px;
  }

  #contents .contact-area .contact-box::before {
    height:160px;
    right:2.3%;
    width:173px;
  }

  #contents .contact-area .contact-box {
    padding:55px 35px 35px;
  }
}

@media screen and (max-width: 1140px) {
  .service-contents .txt-3box {
    margin-right:0;
    width:calc(100% / 2 - 15px);
  }

  #contents .service-contents .txt-3box a.link-bnr.no-link p.link-btn:before {
    max-width:330px;
  }

  #contents .news-area .grid {
    gap:0;
    grid-template-columns:100%;
  }

  #contents .news-area .link-btn.sp-link {
    display:none;
  }

  #contents .news-area .link-btn.pc-link {
    display:block;
  }

  #home #contents .news-area .link-btn {
    margin:40px auto auto;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .main-text .txt3 {
    bottom:30px;
  }

  .main-text {
    height:80%;
    justify-content:center;
    margin-bottom:0;
  }


  #contents .sub-txt {
    padding:0;
  }

  #contents .contact-area {
    padding:60px 0;
  }

  #contents .bnr-area,
  #contents .reason-area,
  #contents .news-area {
    padding:60px 0;
  }

  .service-area {
    padding:65px 0 50px;
  }

  #contents .news-area {
    padding:60px 0;
  }

  #contents .column-area {
    padding:65px 0 60px;
  }

  #contents .bnr-area .flex .txt-2box {
    margin-right:4%;
    width:48%;
  }

  #contents .bnr-area .flex .txt-2box.end {
    margin-right:0;
  }

  #contents .bnr-area .flex .link-bnr .bnr-ttl .en-ttl {
    font-size:30px;
    margin-bottom:7px;
  }

  #contents .bnr-area .flex .link-bnr .bnr-ttl {
    font-size:16px;
  }

  #contents .bnr-area .flex .link-bnr .bnr-ttl {
    width:173px;
  }

  #contents .service-contents .txt-3box .link-bnr h3 {
    font-size:21px;
    margin-bottom:20px;
    margin-top:0;
  }

  .home.mobile-view main {
    margin-top:0;
  }


  #splide01-slide01,
  #splide01-slide02,
  #splide01-slide03 {
    height:45vh !important;
  }

  .link-info a {
    font-size:16px;
    padding:15px 30px;
    width:350px;
  }

  .main-text a::after {
    height:20px;
    width:20px;
  }

  .link-info {
    margin-top:0;
  }

  .main-text .main {
    font-size:40px;
  }

  .main-text .sub {
    font-size:18px;
    margin-top:5px;
  }

  .main-text .main {
    padding:10px 0;
    text-shadow:#FFFBB 1px 1px 20px, #FFFBB -1px 1px 20px, #FFFBB 1px -1px 20px, #FFFBB -1px -1px 20px, #FFFBB 1px 1px 20px, #FFFBB -1px 1px 20px, #FFFBB 1px -1px 20px, #FFFBB -1px -1px 20px, #FFFBB 1px 1px 20px;
  }

  #contents .service-contents .txt-3box a.link-bnr {
    padding:30px 20px;
  }

  #contents .service-contents .txt-3box a.link-bnr p.link-btn {
    max-width:300px;
  }

  .price-item {
    margin-bottom:30px;
    margin-right:30px;
    width:calc(100% / 2 - 20px);
  }

  .price-item:nth-child(2n) {
    margin-right:0;
  }

  .price-item:last-child {
    margin-bottom:0;
  }

  #contents .column-box {
    gap:25px;
    grid-template-columns:1fr 1fr;
    margin-bottom:60px;
  }

  #contents .column-box .column-item a {
    min-height:340px;
  }

  #contents .contact-area .contact-box::before {
    display:none;
  }

  #contents .contact-area .contact-box {
    padding:45px 15px 30px;
  }

  #home #contents .service-area h2 {
    margin:0 0 30px;
  }

  .main-view .pc-none {
    display:none;
  }

  .main-view .sp-none {
    display:block;
  }

  .main-view {
    display:block;
  }

  .link-info {
    /* bottom:30px; */
    position:absolute;
  }
}

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

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

  .service-contents .txt-3box {
    width:100%;
  }

  .service-contents .txt-3box:last-child {
    margin-bottom:0;
  }

  .service-area::before {
    height:11.5%;
  }

  #contents .bnr-area .flex .txt-2box {
    margin-bottom:20px;
    margin-right:0;
    width:100%;
  }

  #contents .bnr-area .flex .txt-2box.end {
    margin-bottom:0;
  }

  #contents .bnr-area .flex .link-bnr .bnr-ttl {
    width:243px;
  }

  #contents .bnr-area .flex {
    gap:10px 0;
  }
  .main-flex{
  display: block;
}
.main-flex .main-text.txt-2box {
    padding: 10px 28px 0px 6%;
    width: 100%;
}
.main-flex .main-img.txt-2box {
    width: 100%;
}
.main-view {
    background: center;
    background-size: auto;
    margin-top: 80px;
    margin-bottom: 0;
  }
  .txt-2box.business-img {
    width: 50%;
    order: 1;
    margin: 30px 0 30px 0;
}
.txt-2box.business-txt {
    width: 100%;
    margin-top: 0;
    order: 2;
}
.business-area .inner {
    padding: 0 10px 0 10px;
}
.topservice-site a {
    padding: 20px 5px;
    display: block;
}
.topservice-consulting a {
    padding: 20px 5px;
    display: block;
}
.service-txt-left {
    width: 84%;
    margin-right: 6%;
}
.service-link-box {
    width: 10%;
}
#contents .service-link-txt {
    font-size: 14px;
}
.main_imgpc{
  display: none;
}
.main_imgsp{
  display: block;
}
  .main-text {
    height:90%;
    justify-content:center;
    margin-bottom:0;
  }
    .link-info a {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 650px) {
  .main-view .pc-none {
    display:block;
  }

  .main-view .sp-none {
    display:none;
  }

  .txt1 {
    animation-delay:.2s;
  }

  .txt2 {
    animation-delay:.5s;
  }

  .txt3 {
    animation-delay:.8s;
  }

  .txt4 {
    animation-delay:1.3s;
  }

  .txt5 {
    animation-delay:2.2s;
  }

  .main-view {
    display:block;
    position:relative;
  }

  #splide01-slide01,
  #splide01-slide02,
  #splide01-slide03 {
    height:63vh !important;
  }

  .main-text .txt1 {
    bottom:0;
  }

  .main-text .txt2 {
    bottom:20px;
    right:2px;
  }

  .main-text .txt3 {
    right:2px;
  }


  .price-item {
    margin-bottom:30px;
    margin-right:0;
    width:100%;
  }

  .main-text .txt3 {
    bottom:40px;
  }
      .main-text .sub {
        font-size: 18px;
        margin-top: 10px;
    }
    .link-info a {
        font-size: 16px;
        padding: 15px 30px;
        width: auto;
    }
    .link-info a {
        font-size: 16px;
        padding: 12px 25px;
        width: 280px;
        margin-bottom: 30px;
    }
       #wrap {
    background-image:url(../image/contents/home/index_slider_01_pc_bg_sp.jpg);
    animation: bgscroll 35s linear infinite;
    background-position-y: -80px !important;
    background-repeat: repeat-x;
}
 @keyframes bgscroll {
  0% {background-position: 0 0;}
  100% {background-position: -2600px 0;}
 }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {

  #contents .sub-txt {
    font-size:14px;
  }

  #contents .service-contents .txt-3box .link-bnr.no-link p.link-btn:before {
    height:auto;
    width:auto;
  }

  #contents .service-contents .txt-3box .link-bnr {
    padding:25px 15px 30px 15px;
  }

  #contents .bnr-area .flex .link-bnr .bnr-ttl {
    width:163px;
  }

  #contents .bnr-area .flex .link-bnr .bnr-ttl .en-ttl {
    font-size:27px;
    margin-bottom:5px;
  }

  #contents .bnr-area .flex .link-bnr .bnr-ttl {
    font-size:14px;
  }

  #contents .column-box .column-img img {
    height:170px;
  }

  #contents .column-box {
    gap:10px;
    margin-bottom:30px;
  }

  #contents .column-box .column-item a {
    min-height:320px;
  }

  #contents .column-box .column-item .ttl {
    font-size:14px;
    line-height:1.5em;
    margin-bottom:50px;
    padding:10px;
  }

  #contents .column-box .column-item .flex {
    bottom:10px;
  }

  #contents .column-box .column-item .ttl {
    font-size:14px;
    line-height:1.5em;
    margin-bottom:0;
    padding:10px;
  }

  #contents .column-box {
    gap:15px;
  }

  #contents .column-box .column-item a {
    min-height:275px;
  }

  #contents .column-box .column-item .category {
    font-size:12px;
    margin:0 auto 0 10px;
    padding:1px 10px;
  }

  #contents .column-box .column-img img {
    height:130px;
  }

  #contents .column-box .column-item .day {
    padding:0 10px;
  }

  #contents .column-box .column-item .day {
    font-size:13px;
  }

  #contents .contact-area p {
    text-align:left;
  }

  #home #contents .contact-area .contact-box .link-btn {
    background-position:18px center;
    background-size:25px;
    font-size:15px;
    padding:16px 10px;
    width:100%;
  }

  #home #contents .contact-area .contact-box .link-btn::after {
    height:22px;
    right:15px;
    width:22px;
  }

  #home #contents .service-contents .txt-3box .link-bnr .link-btn {
    margin-top:10px;
  }
}

@media screen and (max-width: 430px) {
  .main-text .main {
    font-size:35px;
  }

  .main-text .txt1 {
    bottom:-20px;
  }

  .main-text .txt2 {
    bottom:5px;
  }

  .main-text .txt3 {
    bottom:30px;
  }
}

@media screen and (max-width: 414px) {
  .main-text .txt1 {
    bottom:-10px;
  }

  .main-text .txt2 {
    bottom:10px;
  }

}

@media screen and (max-width: 393px) {
  .main-text {
    margin-bottom:20px;
  }

  .main-text .main {
    font-size:30px;
  }

  .link-info {
    margin-bottom:5px;
  }

  .main-text .txt-box {
    margin-bottom:20px;
  }
}

@media screen and (max-width: 375px) {
  .link-info a {
    bottom:15px;
  }
}