@charset "UTF-8";

/*
 Theme Name:   Swell Child
 Template:     swell
*/

body {
   font-family: 'Outfit', 'Zen Kaku Gothic New', sans-serif;
   color: #031A33;
}

header img,
footer img {
   width: 100%;
}
header .innerWrap,
footer .innerWrap,
main .innerWrap {
   width: 1200px;
   margin: 0 auto;
}

.sp {
   display: none;
}

a.btn_mail {
   display: block;
   height: 50px;
   background-color: #FA723D;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 25px;
   font-weight: 700;
   gap: 10px;
   padding: 0 24px;
}

a.btn_mail::before {
   content: "";
   width: 20px;
   height: 16px;
   background-image: url(assets/img/icon_mail.svg);
   background-size: cover;
}

a.btn_line {
   display: block;
   height: 50px;
   background-color: #fff;
   color: #00C34D;
   border: 2px solid #00C34D;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 25px;
   font-weight: 700;
   gap: 10px;
   padding: 0 24px;
}

a.btn_line::before {
   content: "";
   width: 22px;
   height: 21px;
   background-image: url(assets/img/icon_line.svg);
   background-size: cover;
}




/* ヘッダー全体を上部固定 */
header {
   font-size: 16px;
}
header div.GMenu {
   position: fixed;
   top: 20px;
   left: 20px;
   width: calc(100vw - 40px);
   height: 80px;
   background: #fff;
   z-index: 1000;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   font-size: 16px;
   gap: 40px;
   padding: 0 16px;
   border-radius: 16px;
   box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

header div.GMenu h1 {
   width: 240px;
}

header div.GMenu nav.pc {
   display: flex;
   justify-content: space-between;
   flex: 1;
}

header div.GMenu nav.pc ul {
   display: flex;
   justify-content: flex-start;
   gap: 28px;
   align-items: center;
   font-weight: 500;
}

header div.GMenu nav.pc ul:nth-of-type(2) {
   gap: 16px;
}

header div.GMenu nav.pc ul:nth-of-type(2) li:first-child a {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   font-size: 12px;
}

header div.GMenu nav.pc ul:nth-of-type(2) li:first-child a span {
   display: flex;
   align-items: center;
   gap: 4px;
   color: #FA723D;
   font-size: 25px;
   letter-spacing: .06em;
}

header div.GMenu nav.pc ul:nth-of-type(2) li:first-child a span::before {
   content: "";
   width: 19px;
   height: 19px;
   background-image: url(assets/img/icon_tel.svg);
   background-repeat: no-repeat;
}

body.page.not-home header,
body.single header  {
	width:100vw;
	height:430px;
}
body.page header,
body.single header {
	background-image:url(assets/img/bg_common.jpg);
	background-position:right top;
	background-size:cover;
}
body.page-reasons header {
	background-image:url(assets/img/img_FV_reasons.jpg);
	background-position:center;
	background-size:cover;
}
body.page-service header {
	background-image:url(assets/img/img_FV_service.jpg);
	background-position:center;
	background-size:cover;
}
body.page-price header {
	background-image:url(assets/img/img_FV_price.jpg);
	background-position:center;
	background-size:cover;
}
body.page-about header {
	background-image:url(assets/img/img_FV_about.jpg);
	background-position:center;
	background-size:cover;
}
header .mainVisual {
	height:100%;
}
header .mainVisual .innerWrap {
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	color:#fff;
	text-shadow: 0 0 6px rgba(9, 80, 160, 0.6);
}

body.page-reasons header .mainVisual .innerWrap,
body.page-about header .mainVisual .innerWrap {
	color:#031A33;
	text-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
}
header .mainVisual .innerWrap p {
	display:flex;
	flex-direction:column;
	font-size:44px;
	font-weight:bold;
	letter-spacing:.05em;
}
header .mainVisual .innerWrap p span {
	font-size:28px;
	letter-spacing:.03em;
}


section.CTA {
   background-color: #0950A0;
   padding: 2em 0;
   color: #fff;
   font-size:16px;
}
section.CTA .innerWrap h3 {
   text-align: center;
   font-size: 44px;
   flex-direction: column;
   font-weight: 700;
   display: block;
	margin-bottom:0;
	padding-bottom:0;
}
section.CTA .innerWrap h3::before {
	display:none;
}

section.CTA .innerWrap h3 span:nth-child(2) {
   display: block;
   margin-bottom: 70px;
}

section.CTA .innerWrap h3 span:nth-child(1) {
   font-size: 21px;
   letter-spacing: .03em;
   color: #FA723D;
   font-weight: 500;
   border-bottom: 1px solid #FA723D;
   display: inline-block;
   padding-bottom: 4px;
   margin-bottom: 24px;
}

section.CTA .innerWrap>div ul {
   display: flex;
   justify-content: center;
   gap: 24px;
   color: #031A33;
   font-weight: 700;
   margin-bottom: 32px;
}

section.CTA .innerWrap>div ul li {
   background-color: #fff;
   padding: 12px 24px;
   border-radius: 4px;
   position: relative;
   /* 疑似要素のために必要 */
}

section.CTA .innerWrap>div ul li::after {
   content: '';
   position: absolute;
   bottom: -8px;
   /* liの下に出す */
   left: 50%;
   transform: translateX(-50%);
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-top: 8px solid #fff;
   /* 背景と同じ白色 */
   border-radius: 2px;
}

section.CTA .innerWrap>div ul li span {
   color: #FA723D;
}

section.CTA .innerWrap>div p {
   font-size: 26px;
   text-align: center;
   font-weight: 700;
   margin-bottom: 54px;
}

section.CTA .innerWrap>ul {
   width: 1000px;
   margin: 0 auto;
   display: flex;
   justify-content: center;
   align-items: center;
	list-style:none;
	padding-left:0;
}

section.CTA .innerWrap>ul li:first-child {
   margin-right: 64px;
   text-align: right;
}

section.CTA .innerWrap>ul li:first-child a {
   color:#fff;
}

section.CTA .innerWrap>ul li:first-child span {
   display: block;
   font-size: 48px;
   display: flex;
   align-items: center;
   gap: 4px;
}

section.CTA .innerWrap>ul li:first-child span::before {
   content: "";
   width: 30px;
   height: 30px;
   background-image: url(assets/img/icon_tel_w.svg);
   background-size: cover;
}
.text_tel>a {
	display:flex;
	flex-direction:column;
}
.text_tel>a>span:first-child {
   display: block;
   font-size: 48px;
	height:48px;
   display: flex;
   align-items: center;
   gap: 4px;
}
.text_tel>a>span:last-child {
	display:inline-block;
	margin-left:8em;
}

.text_tel span:first-child::before {
   content: "";
   width: 30px;
   height: 30px;
   background-image: url(assets/img/icon_tel_b.svg);
   background-size: cover;
}

section.CTA a.btn_mail {
   font-size: 18px;
   height: 70px;
   border-radius: 35px;
   gap: 12px;
   padding: 0 42px;
   margin-right: 35px;
}

section.CTA a.btn_line {
   font-size: 18px;
   height: 70px;
   border-radius: 35px;
   gap: 12px;
   padding: 0 42px;
}


footer a {
	color:#fff;
}
footer>section.access {
   background-color: #fff;
   display: flex;
   padding-left: calc((100vw - 1200px) / 2);
}

footer>section.access>div:first-child {
   width: 360px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

footer>section.access>div:last-child {
   flex-grow:1;
   height:780px;
}

footer>section.access>div:last-child > div {
   width: 100%;
   height:100%;
   position:relative;
}
footer>section.access>div:last-child > div iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0;
   object-fit: cover;
}

footer>section.access>div:last-child img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
footer>section.access>div:first-child h3 {
   font-size: 44px;
   font-weight: 700;
   display: block;
}

footer>section.access>div:first-child h3 span:nth-child(2) {
   display: block;
   margin-bottom: 70px;
   color: #0950A0;
}

footer>section.access>div:first-child h3 span:nth-child(1) {
   font-size: 21px;
   letter-spacing: .03em;
   color: #FA723D;
   font-weight: 500;
   border-bottom: 1px solid #FA723D;
   display: inline-block;
   padding-bottom: 4px;
   margin-bottom: 24px;
}

footer>section.access>div:first-child > p:nth-of-type(1) {
   line-height: 1.7;
   margin-bottom: 18px;
}
footer>section.access>div:first-child > p:nth-of-type(2) {
   display: flex;
   margin-bottom: 64px;
}
footer>section.access>div:first-child > p:nth-of-type(2)::before {
   content:"";
   width: 10.9px;
   height: 18.2px;
   background-image: url(assets/img/icon_walk.svg);
   background-size: cover;
   transform: translateY(-3px);
   margin-right: 4px;
}
footer>section.access>div>a {
   display: block;
   width: 260px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: #0950A0;
   color: #fff;
   font-weight: 700;
   padding: 0 24px;
   font-size: 18px;
   border-radius: 30px;
}
footer>section.access>div>a.sp {
   display: none;
}

footer>section.access>div>a::after {
   content: '';
   display: inline-block;
   width: 8px;
   height: 8px;
   border-right: 2px solid #fff;
   border-top: 2px solid #fff;
   transform: rotate(45deg) translateY(-2px);
   transform-origin: center;
   margin: 0 8px 0 0;
}


footer>section.footerInfo {
   background-color: #0950A0;
   padding:80px 0 64px;
   color: #fff;
}
footer>section.footerInfo .innerWrap {
   display: flex;
   justify-content: space-between;
}
footer>section.footerInfo .innerWrap > div:first-child {
   width: 300px;
}
footer>section.footerInfo .innerWrap > div:last-child {
   width: 400px;
}
footer>section.footerInfo .innerWrap > div:first-child > p:nth-of-type(1) {
   width: 260px;
   padding:16px 20px;
   border-radius: 16px;
   background-color: #fff;
   margin-bottom: 24px;
}
footer>section.footerInfo .innerWrap > div:first-child > p:nth-of-type(2) {
   line-height: 1.7;
   margin-bottom: 64px;
}
footer>section.footerInfo .innerWrap > div:first-child > ul {
   display: flex;
   flex-wrap: wrap;
   gap:28px 28px;
}
footer>section.footerInfo .innerWrap > div:first-child > ul li {
   width: 8em;
   display: flex;
   align-items: center;
}
footer>section.footerInfo .innerWrap > div:first-child > ul li::before {
   content: '';
   display: inline-block;
   width: 8px;
   height: 8px;
   border-right: 2px solid #fff;
   border-top: 2px solid #fff;
   transform: rotate(45deg);
   transform-origin: center;
   margin: 0 8px 0 0;
}
footer>section.footerInfo .innerWrap > div:last-child h3 {
   font-size: 44px;
   flex-direction: column;
   font-weight: 700;
   display: block;
   text-align: center;
}

footer>section.footerInfo .innerWrap > div:last-child h3 span:nth-child(2) {
   display: block;
   margin-bottom: 70px;
}

footer>section.footerInfo .innerWrap > div:last-child h3 span:nth-child(1) {
   font-size: 21px;
   letter-spacing: .03em;
   color: #FA723D;
   font-weight: 500;
   border-bottom: 1px solid #FA723D;
   display: inline-block;
   padding-bottom: 4px;
   margin-bottom: 24px;
}

footer>section.footerInfo .innerWrap > div:last-child ul {
   display: flex;
   flex-direction: column;
   align-items: center;
}
footer>section.footerInfo .innerWrap > div:last-child ul li a.btn_mail {
   height: 70px;
   width: 400px;
   border-radius: 35px;
   margin-bottom: 35px;
}

footer>section.footerInfo .innerWrap > div:last-child ul li a.btn_line {
   height: 70px;
   width: 400px;
   border-radius: 35px;
   margin-bottom: 40px;
}

footer>section.footerInfo .innerWrap > div:last-child ul li:last-child a{
   display: flex;
   flex-direction: column;
   align-items: flex-end;
}

footer>section.footerInfo .innerWrap > div:last-child ul li:last-child span {
   display: block;
   font-size: 48px;
   display: flex;
   align-items: center;
   gap: 4px;
}

footer>section.footerInfo .innerWrap > div:last-child ul li:last-child span::before {
   content: "";
   width: 30px;
   height: 30px;
   background-image: url(assets/img/icon_tel_w.svg);
   background-size: cover;
}





footer>section.breadcrumbs {
   background-color: #fff;
   height: 75px;
}
footer>section.breadcrumbs a {
   color: #031A33;
}

footer>section.sitemap {
   background-color: #fff;
   padding: 64px 0;
}

footer>section.sitemap a {
   color: #031A33;
}

footer>section.footage {
   background-color: #052F5E;
}

footer>section.breadcrumbs .innerWrap ul {
   display: flex;
   align-items: center;
   font-weight: 700;
   font-size: 13px;
   height: 75px;
}

/* セパレーター用の罫線 */
footer>section.breadcrumbs .innerWrap ul>*:not(:last-child)::after {
   content: '';
   display: inline-block;
   width: 6px;
   height: 6px;
   border-right: 1px solid #0950A0;
   border-top: 1px solid #0950A0;
   transform: rotate(45deg) translateY(-2px);
   transform-origin: center;
   margin: 0 24px;
}

footer>section.breadcrumbs .innerWrap ul li.current {
   color: #8A95A1;
   font-weight: 500;
}

footer>section.sitemap .innerWrap {
   display: flex;
   justify-content: space-between;
}

footer>section.sitemap .innerWrap>div {
   display: flex;
   flex-direction: column;
   gap: 24px;
   width: 300px;
}

footer>section.sitemap .innerWrap>div p:first-child {
   width: 260px;
   margin: 16px 20px;
}

footer>section.sitemap .innerWrap>div p:last-child {
   line-height: 1.7;
   font-weight: 700;
}

footer>section.sitemap .innerWrap>ul {
   display: flex;
   flex-wrap: wrap;
   gap: 0 52px;
   width: 464px;
   height: 100px;
}

footer>section.sitemap .innerWrap>ul li {
   width: 7.5em;
}

footer>section.sitemap .innerWrap>ul li::before {
   content: '';
   display: inline-block;
   width: 8px;
   height: 8px;
   border-right: 2px solid #031A33;
   border-top: 2px solid #031A33;
   transform: rotate(45deg) translateY(-2px);
   transform-origin: center;
   margin: 0 8px 0 0;
}

footer>section.footage .innerWrap {
   color: #fff;
   display: flex;
   justify-content: space-between;
   padding: 24px 0;
   font-size: 13px;
   font-weight: bold;
}


@media screen and (min-width: 769px) and (max-width: 1550px) {
   header {
      font-size: 1.03vw;
   }

   /* ヘッダー全体を上部固定 */
   header div.GMenu {
      top: 1.29vw;
      left: 1.29vw;
      width: calc(100vw - 2.58vw);
      height: 5.16vw;
      font-size: 1.03vw;
      gap: 2.58vw;
      padding: 0 1.03vw;
      border-radius: 1.03vw;
      box-shadow: 0.00vw 0.00vw 0.96vw rgba(0, 0, 0, 0.05);
   }

   header div.GMenu h1 {
      width: 15.48vw;
   }

   header div.GMenu nav.pc ul {
      gap: 1.80vw;
   }

   header div.GMenu nav.pc ul:nth-of-type(2) {
      gap: 1.03vw;
   }

   header div.GMenu nav.pc ul:nth-of-type(2) li:first-child a {
      font-size: 0.77vw;
   }

   header div.GMenu nav.pc ul:nth-of-type(2) li:first-child a span {
      gap: 0.25vw;
      font-size: 1.61vw;
   }

   header div.GMenu nav.pc ul:nth-of-type(2) li:first-child a span::before {
      width: 1.22vw;
      height: 1.22vw;
   }

   a.btn_mail {
      height: 3.22vw;
      border-radius: 1.61vw;
      gap: 0.64vw;
      padding: 0 1.54vw;
   }

   a.btn_mail::before {
      width: 1.29vw;
      height: 1.03vw;
   }

   a.btn_line {
      height: 3.22vw;
      border: 0.12vw solid #00C34D;
      border-radius: 1.61vw;
      gap: 0.64vw;
      padding: 0 1.54vw;
   }

   a.btn_line::before {
      width: 1.41vw;
      height: 1.35vw;
   }

   footer>section.access {
      padding-left: calc((100vw - 77.41vw) / 2);
      height: 50.32vw;
      font-size:1.03vw;
   }
   
   footer>section.access>div:first-child {
      width: 23.22vw;
   }
   
   footer>section.access>div:last-child {
      width: calc(77.41vw - 23.22vw - ((100vw -77.42vw) / 2));
      height: 50.32vw;
   }
   
   footer>section.access>div:first-child h3 {
      font-size: 2.83vw;
   }
   
   footer>section.access>div:first-child h3 span:nth-child(2) {
      margin-bottom: 4.51vw;
   }
   
   footer>section.access>div:first-child h3 span:nth-child(1) {
      font-size: 1.35vw;
      border-bottom: 0.06vw solid #FA723D;
      padding-bottom: 0.25vw;
      margin-bottom: 1.54vw;
   }
   
   footer>section.access>div:first-child > p:nth-of-type(1) {
      margin-bottom: 1.16vw;
   }
   
   footer>section.access>div:first-child > p:nth-of-type(2) {
      margin-bottom: 4.12vw;
   }
   
   footer>section.access>div:first-child > p:nth-of-type(2)::before {
      width: 0.70vw;
      height: 1.17vw;
      transform: translateY(-0.19vw);
      margin-right: 0.25vw;
   }
   
   footer>section.access>div:first-child > a {
      width: 16.77vw;
      height: 3.87vw;
      padding: 0 1.54vw;
      font-size: 1.16vw;
      border-radius: 1.93vw;
   }
   
   footer>section.access>div:first-child > a::after {
      width: 0.51vw;
      height: 0.51vw;
      border-right: 0.12vw solid #fff;
      border-top: 0.12vw solid #fff;
      transform: rotate(45deg) translateY(-0.13vw);
      margin: 0 0.51vw 0 0;
   }
   
}



@media screen and (min-width: 961px) and (max-width: 1200px) {
   header .innerWrap,
   footer .innerWrap,
main .innerWrap {
      padding-left: 20px;
      padding-right: 20px;
      width: calc(100vw - 40px);
   }
   section.CTA {
      padding: 4.50vw 0 6.33vw;
      font-size:1.33vw;
   }
   
   section.CTA .innerWrap h3 {
      font-size: 3.66vw;
   }
   
   section.CTA .innerWrap h3 span:nth-child(2) {
      margin-bottom: 5.83vw;
   }
   
   section.CTA .innerWrap h3 span:nth-child(1) {
      font-size: 1.75vw;
      border-bottom: 0.08vw solid #FA723D;
      padding-bottom: 0.33vw;
      margin-bottom: 2.00vw;
   }
   
   section.CTA .innerWrap>div ul {
      gap: 2.00vw;
      margin-bottom: 2.66vw;
   }
   
   section.CTA .innerWrap>div ul li {
      padding: 1.00vw 2.00vw;
      border-radius: 0.33vw;
   }
   
   section.CTA .innerWrap>div ul li::after {
      bottom: -0.66vw;
      border-left: 0.50vw solid transparent;
      border-right: 0.50vw solid transparent;
      border-top: 0.66vw solid #fff;
      border-radius: 0.16vw;
   }
   
   section.CTA .innerWrap>div p {
      font-size: 2.16vw;
      margin-bottom: 4.50vw;
   }
   
   section.CTA .innerWrap>ul {
      width: 83.33vw;
   }
   
   section.CTA .innerWrap>ul li:first-child {
      margin-right: 5.33vw;
   }
   
   section.CTA .innerWrap>ul li:first-child span {
      font-size: 4.00vw;
      gap: 0.33vw;
   }
   
   section.CTA .innerWrap>ul li:first-child span::before {
      width: 2.50vw;
      height: 2.50vw;
   }
   
   section.CTA a.btn_mail {
      font-size: 1.50vw;
      height: 5.83vw;
      border-radius: 2.91vw;
      gap: 1.00vw;
      padding: 0 3.50vw;
      margin-right: 2.91vw;
   }
   
   section.CTA a.btn_line {
      font-size: 1.50vw;
      height: 5.83vw;
      border-radius: 2.91vw;
      gap: 1.00vw;
      padding: 0 3.50vw;
   }

   footer {
      font-size: 1.33vw;
   }
   footer>section.footerInfo {
      padding:6.66vw 0 5.33vw;
   }
   
   footer>section.footerInfo .innerWrap > div:first-child {
      width: 25.00vw;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child {
      width: 33.33vw;
   }
   
   footer>section.footerInfo .innerWrap > div:first-child > p:nth-of-type(1) {
      width: 21.66vw;
      padding:1.33vw 1.66vw;
      border-radius: 1.33vw;
      margin-bottom: 2.00vw;
   }
   
   footer>section.footerInfo .innerWrap > div:first-child > p:nth-of-type(2) {
      margin-bottom: 5.33vw;
   }
   
   footer>section.footerInfo .innerWrap > div:first-child > ul {
      gap:2.33vw 2.33vw;
   }
   
   footer>section.footerInfo .innerWrap > div:first-child > ul li::before {
      width: 0.66vw;
      height: 0.66vw;
      border-right: 0.16vw solid #fff;
      border-top: 0.16vw solid #fff;
      margin: 0 0.66vw 0 0;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child h3 {
      font-size: 3.66vw;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child h3 span:nth-child(2) {
      margin-bottom: 5.83vw;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child h3 span:nth-child(1) {
      font-size: 1.75vw;
      border-bottom: 0.08vw solid #FA723D;
      padding-bottom: 0.33vw;
      margin-bottom: 2.00vw;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child ul li a.btn_mail {
      height: 5.83vw;
      width: 33.33vw;
      border-radius: 2.91vw;
      margin-bottom: 2.91vw;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child ul li a.btn_line {
      height: 5.83vw;
      width: 33.33vw;
      border-radius: 2.91vw;
      margin-bottom: 3.33vw;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child ul li:last-child span {
      font-size: 4.00vw;
      gap: 0.33vw;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child ul li:last-child span::before {
      width: 2.50vw;
      height: 2.50vw;
   }
   
   footer>section.breadcrumbs {
      height: 6.25vw;
   }
   
   footer>section.sitemap {
      padding: 5.33vw 0;
   }
   
   footer>section.breadcrumbs .innerWrap ul {
      font-size: 1.08vw;
      height: 6.25vw;
   }
   
   /* セパレーター用の罫線 */
   footer>section.breadcrumbs .innerWrap ul>*:not(:last-child)::after {
      width: 0.50vw;
      height: 0.50vw;
      border-right: 0.08vw solid #0950A0;
      border-top: 0.08vw solid #0950A0;
      transform: rotate(45deg) translateY(-0.16vw);
      margin: 0 2.00vw;
   }
   
   footer>section.sitemap .innerWrap>div {
      gap: 2.00vw;
      width: 25.00vw;
   }
   
   footer>section.sitemap .innerWrap>div p:first-child {
      width: 21.66vw;
      margin: 1.33vw 1.66vw;
   }
   
   footer>section.sitemap .innerWrap>ul {
      gap: 0 4.33vw;
      width: 38.66vw;
      height: 8.33vw;
   }
   
   footer>section.sitemap .innerWrap>ul li::before {
      width: 0.66vw;
      height: 0.66vw;
      border-right: 0.16vw solid #031A33;
      border-top: 0.16vw solid #031A33;
      transform: rotate(45deg) translateY(-0.16vw);
      margin: 0 0.66vw 0 0;
   }
   
   footer>section.footage .innerWrap {
      padding: 2.00vw 0;
      font-size: 1.08vw;
   }
   
}




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

   .sp {
      display: block;
   }
	
   header .innerWrap,
   footer .innerWrap,
main .innerWrap {
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
   }

   header,
   footer {
      font-size: 16px;
   }

   header div.GMenu {
      top: 10px;
      left: 10px;
      width: calc(100vw - 20px);
      height: 60px;
      padding: 0 8px;
      border-radius: 8px;
   }

   header div.GMenu h1 {
      width: 170px;
   }

   header div.GMenu nav.pc {
      display: none;
   }
	
	body.page.not-home header,
	body.single header {
		height:240px;
	}
	body.page-reasons header {
		background-image:url(assets/img/img_FV_reasons_sp.jpg);
	}
	body.page-service header {
		background-image:url(assets/img/img_FV_service_sp.jpg);
	}
	body.page-price header {
		background-image:url(assets/img/img_FV_price_sp.jpg);
	}
	body.page-about header {
		background-image:url(assets/img/img_FV_about_sp.jpg);
	}

   footer>section.access {
      display: block;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 140px;
   }
   footer>section.access>div>a.pc {
      display: none;
   }
   footer>section.access>div:first-child {
      width: 100%;
      padding-top: 32px;
   }
   footer>section.access>div:first-child h3 span:nth-child(1) {
      font-size: 16px;
      margin-bottom: 8px;
   }
   footer>section.access>div:first-child h3 span:nth-child(2) {
      font-size: 28px;
      margin-bottom: 12px;
   }
   footer>section.access>div:first-child > p:nth-of-type(2) {
      margin-bottom: 22px;
   }
   footer>section.access>div:last-child {
      width: 100%;
	   height:520px;
   }
   footer>section.access>div:last-child a {
      margin: 40px auto;
   }
   footer>section.access>div>a.sp {
      display: flex;
   }

   footer>section.footerInfo {
      padding: 36px 0;
   }
   footer>section.footerInfo .innerWrap {
      flex-direction: column;
   }
   footer>section.footerInfo .innerWrap > div:first-child {
      margin: 0 auto 48px;
   }
   footer>section.footerInfo .innerWrap > div:first-child > p:nth-of-type(1) {
      margin: 0 auto 16px;
   }
   footer>section.footerInfo .innerWrap > div:first-child > p:nth-of-type(2) {
      text-align: center;
      margin-bottom: 28px;
   }
   
   footer>section.footerInfo .innerWrap > div:last-child {
      margin: 0 auto;
      width: 335px;
   }
   footer>section.footerInfo .innerWrap > div:last-child h3 span:nth-child(1) {
      font-size: 16px;
   }
   footer>section.footerInfo .innerWrap > div:last-child h3 {
      font-size: 28px;
   }
   footer>section.footerInfo .innerWrap > div:last-child h3 span:nth-child(2) {
      margin-bottom: 24px;
   }
   footer>section.footerInfo .innerWrap > div:last-child ul li a.btn_mail {
      width: 335px;
      margin-bottom: 24px;
   }
   footer>section.footerInfo .innerWrap > div:last-child ul li a.btn_line {
      width: 335px;
      margin-bottom: 40px;
   }
   footer>section.footerInfo .innerWrap > div:last-child ul li:last-child a {
      font-size: 11px;
   }
   footer>section.footerInfo .innerWrap > div:last-child ul li:last-child span {
      font-size: 40px;
   }
   footer>section.footage .innerWrap {
      padding: 16px 20px;
      font-size: 11px;
      font-weight: bold;
      flex-direction: column;
      align-items: center;
      gap:16px;
   }
   footer>section.breadcrumbs .innerWrap ul {
      font-size: 11px;
   }
   footer>section.breadcrumbs .innerWrap ul>*:not(:last-child)::after {
      margin: 0 16px;
   }
   section.CTA .innerWrap h3 span:nth-child(1) {
      font-size: 16px;
   }
   section.CTA .innerWrap h3 span:nth-child(2) {
      margin-bottom: 24px;
   }
   section.CTA .innerWrap h3 {
      font-size: 28px;
   }
   section.CTA {
      padding: 64px 0;
   }
   section.CTA .innerWrap>div ul {
      flex-direction: column;
      gap: 16px;
      margin-bottom: 32px;
      align-items: center;
   }
   section.CTA .innerWrap>div ul li {
      flex: 1;
      font-size: 11px;
   }
   section.CTA .innerWrap>div p {
      font-size: 18px;
      line-height: 1.5;
      margin-bottom: 16px;
   }
   section.CTA .innerWrap>ul {
      width: 100%;
      flex-direction: column;
   }
   section.CTA .innerWrap>ul li:first-child {
      margin-right: 0;
      margin-bottom: 24px;
   }
   section.CTA .innerWrap>ul li:first-child a {
      font-size: 11px;
   }
   section.CTA .innerWrap>ul li:first-child span {
      font-size: 40px;
   }
   section.CTA a.btn_mail {
      width: 335px;
      margin-right: 0;
      margin-bottom: 24px;
   }
   section.CTA a.btn_line {
      width: 335px;
      margin-right: 0;
   }
   footer>section.sitemap .innerWrap {
      flex-direction: column;
      align-items: center;
   }
   footer>section.sitemap .innerWrap>div p:first-child {
      margin: 0 auto 16px;
   }
   footer>section.sitemap .innerWrap>div p:last-child {
      text-align: center;
      margin-bottom: 28px;
   }
   footer>section.sitemap .innerWrap>ul {
      gap: 28px;
      width: 300px;
      height: auto;
      margin:0 auto;
   }
   footer>section.sitemap .innerWrap>ul li {
      width: 8em;
   }














   /* 共通: メニュー表示アニメーション対応 */
   .sp-menu,
   .sp-submenu {
      position: fixed;
      top: 60px;
      left: 10px;
      width: calc(100vw - 20px);
      background: #fff;
      z-index: 1000;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      border-radius: 0 0 8px 8px;
   }
   .sp-submenu {
      background-color: #0950A0;
      padding: 40px 32px;
   }
   header .sp-submenu section.CTA {
      padding: 0;
   }
   header .sp-submenu section.CTA .innerWrap {
      width: 100%;
   }
   header .sp-submenu section.CTA .innerWrap>ul li:first-child span span {
      border-bottom:2px solid #fff;
      display: inline-block;
   }
   header .sp-submenu section.CTA .innerWrap>ul li:first-child span span::before {
      width: 0;
      height: 0;
      background-image: none;
   }

   /* 表示時 */
   .sp-menu.open,
   .sp-submenu.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
   }

   /* メニュー内のリスト構造 */
   .sp-menu ul,
   .sp-submenu ul {
      list-style: none;
      padding: 0;
      margin: 0;
      width: 100%;
   }

   .sp-menu ul li {
      margin: 20px 0;
      width: 100%;
   }

   /* メニュー内のリンク */
   .sp-menu ul li a{
      font-size: 18px;
      color: #333;
      text-decoration: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 75px;
      padding: 0 32px;
      border-bottom: 1px solid #E5E5E5;
      position: relative;
   }

   /* 各リンクに右矢印アイコンを追加 */
   .sp-menu ul li a::after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      border-right: 2px solid #031A33;
      border-top: 2px solid #031A33;
      transform: rotate(45deg);
      margin-left: 8px;
   }

   /* CTAアイコン配置 */
   .menu-icon-wrapper {
      position: absolute;
      top: 19px;
      right: 90px; /* ハンバーガーより左に */
      cursor: pointer;
      z-index: 1101;
   }

   /* ハンバーガーラッパー */
   header div.GMenu .hamburger-wrapper {
      position: absolute;
      top: 22px;
      right: 20px;
      display: flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
      z-index: 1100;
   }

   /* ハンバーガーの「menu」文字 */
   .hamburger-label {
      color: #333;
      font-size: 13px;
      font-weight: 700;
   }

   /* ハンバーガー三本線 */
   .hamburger {
      width: 18px;
      height: 2px;
      background: #333;
      position: relative;
      box-shadow:
         0 -5px 0 #333,
         0 5px 0 #333;
      transition: all 0.3s ease;
   }

   /* メニュー開いた時の変化 */
   .hamburger-wrapper.active .hamburger {
      background: transparent;
      box-shadow: none;
   }

   .hamburger-wrapper.active .hamburger::before,
   .hamburger-wrapper.active .hamburger::after {
      content: '';
      position: absolute;
      width: 18px;
      height: 2px;
      background: #333;
      top: 0;
      left: 0;
      transform-origin: center;
      transition: all 0.3s ease;
   }

   .hamburger-wrapper.active .hamburger::before {
      transform: rotate(45deg);
   }

   .hamburger-wrapper.active .hamburger::after {
      transform: rotate(-45deg);
   }

}



/****************************************** 投稿一覧ページ・個別ページ ******************************************/
.innerWrap.single-custom-case {
   width: 1000px;
}
.innerWrap.single-custom-news {
   width: 100%;
}

.post-listpage,
.single-custom {
   padding: 78px 0;
   font-size: 16px;
}


.post-listpage-blog,
.single-custom-blog {
   display: flex;
   justify-content: space-between;
   gap: 100px;
}

.post-listpage-blog .post-list,
.single-custom-blog .single-custom-article {
   flex-grow: 1;
}

.post-listpage-blog .post-side,
.single-custom-blog .post-side {
   width: 300px;
   flex-shrink: 0;
}
.post-listpage-blog .post-side > section,
.single-custom-blog .post-side > section {
   margin-bottom: 40px;
}
.post-listpage-blog .post-side > section.post-side-news ul li a,
.single-custom-blog .post-side > section.post-side-news ul li a {
   display: block;
   line-height: 1.7;
   padding: 16px 0;
   border-bottom: 1px solid #DFE8F2;
}
.post-listpage-blog .post-side > section.post-side-news ul li a span,
.single-custom-blog .post-side > section.post-side-news ul li a span {
   display: block;
   font-size: 13px;
   color:#8A95A1;
}

.post-listpage-blog .post-list-title,
.single-custom .post-list-title,
.single-custom-detail2Title {
   background-color: #0950A0;
   height: 45px;
   border-radius: 4px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 48px;
   display: flex;
   gap: 0.4em;
   align-items: center;
   width: 100%;
}

.post-listpage-blog .post-side .post-list-title,
.single-custom .post-side .post-list-title {
   margin-bottom: 24px;
}

.single-custom-detail2Title {
   margin-bottom: 16px;
   height: 30px;
}

.post-listpage-blog .post-list-title::before,
.single-custom .post-list-title::before,
.single-custom-detail2Title::before {
   content: "";
   width: 16px;
   height: 2px;
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='2' viewBox='0 0 16 2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 H15 A1 1 0 0 1 15 2 H0 Z' fill='white'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
}

.post-listpage-blog .post-list>div {
   display: flex;
   flex-direction: column;
   gap: 72px;
}

.single-custom-blog .single-custom-info>div {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.single-custom-case .single-custom-info>div {
   display: flex;
   align-items: center;
   gap: 0.8em;
}

.single-custom .single-custom-info {
   margin-bottom: 3rem;
}

.post-listpage-blog .post-list article a {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.post-listpage-blog .post-date,
.single-custom .single-custom-date {
   color: #8A95A1;
   font-size: 13px;
}

.post-listpage-blog .post-date span,
.single-custom .single-custom-date span {
   display: inline-block;
   margin-right: 0.8em;
}

.single-custom-blog .single-custom-title,
.single-custom-case .single-custom-title {
   font-weight: 700;
   font-size: 44px;
   color: #0950A0;
   margin-bottom: 0.3em;
}

.post-title {
   font-weight: 700;
}

.post-excerpt {
   font-size: 13px;
   line-height: 1.8;
}

.post-listpage-blog .post-category,
.single-custom-blog .single-custom-category {
   display: inline-block;
   padding: 0.4em 0.8em;
   background-color: #FA723D;
   border-radius: 4px;
   font-weight: bold;
   color: #fff;
   align-self: flex-start;
   font-size: 13px;
}

.post-listpage-blog .post-side-category ul li,
.single-custom-blog .post-side-category ul li,
.post-listpage-catTag ul li {
   height: 60px;
   border-radius: 30px;
   border: 1px solid #0950A0;
   color: #0950A0;
}

.post-listpage-blog .post-side-category ul li a,
.single-custom-blog .post-side-category ul li a,
.post-listpage-catTag ul li a {
   display: block;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0 2em;
}

.post-listpage-blog .post-side-category ul li.current,
.single-custom-blog .post-side-category ul li.current,
.post-listpage-catTag ul li.current {
   background-color: #0950A0;
   color: #fff;
}

.post-listpage-blog .post-side-category ul li.current a,
.single-custom-blog .post-side-category ul li.current a,
.post-listpage-catTag ul li.current a {
   color: #fff !important;
}

.post-listpage-blog .post-side-category ul li a::after,
.single-custom-blog .post-side-category ul li a::after {
   content: '';
   width: 8px;
   height: 8px;
   border-right: 2px solid #0950A0;
   border-top: 2px solid #0950A0;
   transform: rotate(45deg) translateY(-2px);
   transform-origin: center;
}

.post-listpage-blog .post-side-category ul li.current a::after,
.single-custom-blog .post-side-category ul li.current a::after {
   border-right: 2px solid #fff;
   border-top: 2px solid #fff;
}

.post-listpage-blog .post-side-category ul li:not(:last-child),
.single-custom-blog .post-side-category ul li:not(:last-child) {
   margin-bottom: 16px;
}

.post-listpage-catTag {
   margin-bottom: 100px;
}

.post-listpage-catTag ul {
   display: flex;
   justify-content: center;
   gap: 16px;
}

.post-listpage-news .post-listpage-catTag ul {
   justify-content: flex-start;
}

.post-listpage-case .post-list {
   display: flex;
   flex-wrap: wrap;
   gap: 100px;
}

.post-listpage-case .post-list article {
   flex: 0 0 calc((100% - 100px) / 2);
}

.post-listpage-case .post-list article a {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.post-listpage-case .post-eyecatch {
   width: 100%;
   aspect-ratio: 5 / 3;
   overflow: hidden;
   position: relative;
   border-radius: 16px;
}

.post-listpage-case .post-eyecatch img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   display: block;
}

.post-listpage-case .post-category,
.single-custom-case .single-custom-category,
.single-custom-case .single-custom-place span {
   font-size: 13px;
   font-weight: 700;
   border: 1px solid #031A33;
   border-radius: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
   align-self: flex-start;
   padding: 0.2em 0.4em;
}

.single-custom-case .single-custom-category,
.single-custom-case .single-custom-place span {
   background-color: #0950A0;
   color: #fff;
   border: none;
}

.single-custom-case .single-custom-place {
   font-size: 16px;
   font-weight: 700;
   display: flex;
   align-items: center;
   gap: 0.8em;
   margin-bottom: 2rem;
}

.single-custom-case .single-custom-place span {
   font-size: 13px;
   background-color: #0950A0;
   color: #fff;
   border: none;
   border-radius: 2px;
   align-self: flex-start;
   padding: 0.2em 0.4em;
}

.post-listpage-case .post-customer_name {
   font-size: 13px;
   font-weight: 700;
}



.post-listpage-news .post-list a {
   display: flex;
   padding: 2.5em 0;
   gap: 16px;
   border-bottom: 1px solid #E3E3E3;
   align-items: center;
   position:relative;
}
.post-listpage-news .post-list a::after {
   content: "";
   display: inline-block;
   width: 6px;
   height: 6px;
   border-top: 2px solid #031A33;
   border-right: 2px solid #031A33;
   transform: rotate(45deg);
   position: absolute;
   right: 2em;
   top: 50%;
   transform: translateY(-50%) rotate(45deg);
 }

.post-listpage-news .post-list a>div,
.single-custom-news .single-custom-info>div {
   display: flex;
   gap: 16px;
   align-items: center;
}

.single-custom-news .single-custom-info>div {
   margin-bottom: 2rem;
}

.post-listpage-news .post-list a:first-child {
   border-top: 1px solid #E3E3E3;
}

.post-listpage-news .post-list .post-date,
.single-custom-news .single-custom-info .post-date {
   font-size: 13px;
}

.post-listpage-news .post-list .post-category,
.single-custom-news .single-custom-info .post-category {
   font-size: 13px;
   font-weight: 700;
   width: 10em;
   text-align: center;
   border: 1px solid #031A33;
}

.single-custom-case .single-custom-photo {
   position: relative;
   width: 100%;
   aspect-ratio: 2 / 1;
   /* 横2：縦1 */
   overflow: hidden;
   border-radius: 40px 40px 0 0;
}

.single-custom-case .single-custom-photo img {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transform: translate(-50%, -50%);
}

.single-custom .single-custom-detail {
   margin-bottom: 70px;
}

.single-custom .single-custom-detail>div {
   padding: 32px;
   background-color: #E9EFF7;
}

.single-custom .single-custom-detail1 {
   padding: 32px;
   background-color: #fff;
}

.single-custom .single-custom-detail1>div {
   line-height: 2;
}

.single-custom .single-custom-detail1>div p {
   display: flex;
}

.single-custom .single-custom-detail1>div span {
   display: inline-block;
   width: 8em;
   font-weight: 700;
	flex: 0 0 auto;
}

.single-custom-detail2 {
   display: flex;
   flex-wrap: wrap;
   gap: 32px;
   line-height: 1.8;
   margin-top: 3rem;
}

.single-custom-detail2>div {
   flex: 0 0 calc(50% - 16px);
   /* 2列、gapを考慮 */
   box-sizing: border-box;
}

.single-custom-news .single-custom-info {
   margin-bottom: 3rem;
}

.single-custom-news .single-custom-info .post-title {
   font-size: 26px;
   font-weight: 700;
   color: #0950A0;
}

.single-custom-news .single-custom-detail {
   line-height: 1.8;
}
.pageIndex {
   background-color: #F5F5F5;
   border-radius: 3px;
   padding: 32px;
   margin: 48px 0;
}
.pageIndex > p {
   background-color: #0950A0;
   color: #fff;
   font-weight: bold;
   border-radius: 3px;
   display: inline-block;
   padding: 10px 16px;
   margin-bottom: 24px;
}
.pageIndex ul {
   line-height: 3;
   margin-left: 2em;
}
.pageIndex > ul {
   list-style-type: disc;
}
.pageIndex > ul li ul {
   list-style-type: circle;
}
.post-listpage div.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px !important;
    margin-top: 160px !important;
}
.post-listpage div.pagination > * {
   border-radius: 8px !important;
}

.post-listpage div.pagination a.page-numbers {
   background-color: #fff !important;
   color:#0950A0 !important;
   border: 1px solid #0950A0 !important;
}



@media screen and (min-width: 769px) and (max-width: 1200px) {

   .post-listpage,
   .single-custom {
      padding: 6.5vw 0;
      font-size: 1.33vw;
   }
   
   .post-listpage-blog,
   .single-custom-blog {
      gap: 8.33vw;
   }
   
   .post-listpage-blog .post-side,
   .single-custom-blog .post-side {
      width: 25vw;
   }
   
   .post-listpage-blog .post-list-title,
   .single-custom .post-list-title,
   .single-custom-detail2Title {
      height: 3.75vw;
      border-radius: 0.33vw;
      margin-bottom: 4vw;
   }
   
   .post-listpage-blog .post-side .post-list-title,
   .single-custom .post-side .post-list-title {
      margin-bottom: 2vw;
   }
   
   .single-custom-detail2Title {
      margin-bottom: 1.33vw;
      height: 2.5vw;
   }
   
   .post-listpage-blog .post-list-title::before,
   .single-custom .post-list-title::before,
   .single-custom-detail2Title::before {
      width: 1.33vw;
      height: 0.16vw;
   }
   
   .post-listpage-blog .post-list>div {
      gap: 6vw;
   }
   
   .post-listpage-blog .post-list article a {
      gap: 0.66vw;
   }
   
   .post-listpage-blog .post-date,
   .single-custom .single-custom-date {
      font-size: 1.08vw;
   }
   
   .single-custom-blog .single-custom-title,
   .single-custom-case .single-custom-title {
      font-size: 3.66vw;
   }
   
   .post-excerpt {
      font-size: 1.08vw;
   }
   
   .post-listpage-blog .post-category,
   .single-custom-blog .single-custom-category {
      border-radius: 0.33vw;
      font-size: 1.08vw;
   }
   
   .post-listpage-blog .post-side-category ul li,
   .single-custom-blog .single-custom-side-category ul li,
   .post-listpage-catTag ul li {
      height: 5vw;
      border-radius: 2.5vw;
   }
   
   .post-listpage-blog .post-side-category ul li a::after,
   .single-custom-blog .single-custom-side-category ul li a::after {
      width: 0.66vw;
      height: 0.66vw;
   }
   
   .post-listpage-blog .post-side-category ul li.current a::after,
   .single-custom-blog .single-custom-side-category ul li.current a::after {
      border-right: 0.16vw solid #fff;
      border-top: 0.16vw solid #fff;
   }
   
   .post-listpage-blog .post-side-category ul li:not(:last-child),
   .single-custom-blog .single-custom-side-category ul li:not(:last-child) {
      margin-bottom: 1.33vw;
   }
   
   .post-listpage-catTag {
      margin-bottom: 8.33vw;
   }
   
   .post-listpage-catTag ul {
      gap: 1.33vw;
   }
   
   .post-listpage-case .post-list {
      gap: 8.33vw;
   }
   
   .post-listpage-case .post-list article {
      flex: 0 0 calc((100% - 8.33vw) / 2);
   }
   
   .post-listpage-case .post-list article a {
      gap: 1vw;
   }
   
   .post-listpage-case .post-eyecatch {
      border-radius: 1.33vw;
   }
   
   .post-listpage-case .post-category,
   .single-custom-case .single-custom-category,
   .single-custom-case .single-custom-place span {
      font-size: 1.08vw;
      border-radius: 0.16vw;
   }

   .single-custom-case .single-custom-place {
      font-size: 1.33vw;
   }

   .single-custom-case .single-custom-place span {
      font-size: 1.08vw;
   }
   
   .post-listpage-case .post-customer_name {
      font-size: 1.08vw;
   }
   
   .post-listpage-news .post-list a {
      gap: 1.33vw;
      border-bottom: 0.08vw solid #E3E3E3;
   }
   
   .post-listpage-news .post-list a>div,
   .single-custom-news .single-custom-info>div {
      gap: 1.33vw;
   }
   
   .post-listpage-news .post-list a:first-child {
      border-top: 0.08vw solid #E3E3E3;
   }
   
   .post-listpage-news .post-list .post-date,
   .single-custom-news .single-custom-info .post-date {
      font-size: 1.08vw;
   }
   
   .post-listpage-news .post-list .post-category,
   .single-custom-news .single-custom-info .post-category {
      font-size: 1.08vw;
      border: 0.08vw solid #031A33;
   }
   
   .single-custom-case .single-custom-photo {
      border-radius: 3.33vw 3.33vw 0 0;
   }
   
   .single-custom .single-custom-detail {
      margin-bottom: 5.83vw;
   }
   
   .single-custom .single-custom-detail>div {
      padding: 2.66vw;
   }
   
   .single-custom .single-custom-detail1 {
      padding: 2.66vw;
   }
   
   .single-custom-detail2 {
      gap: 2.66vw;
   }
   
   .single-custom-detail2>div {
      flex: 0 0 calc(50% - 1.33vw);
   }
   
   .single-custom-news .single-custom-info .post-title {
      font-size: 2.16vw;
   }
   

}


@media screen and (min-width: 769px) and (max-width: 1000px) {
   .innerWrap.single-custom-case,
   .innerWrap.single-custom-news {
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
   }
}

@media screen and (max-width: 768px) {
   .single-custom-blog .single-custom-title, .single-custom-case .single-custom-title {
      font-size: 28px;
   }
   .innerWrap.single-custom-case,
   .innerWrap.single-custom-news {
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
   }
   .post-listpage-blog, .single-custom-blog {
      flex-direction: column;
   }

   .post-listpage-blog .post-side, .single-custom-blog .post-side {
      width: 100%;
   }

   .post-listpage-case .post-list {
      flex-direction: column;
   }

   .post-listpage-catTag ul {
      flex-wrap: wrap;
   }

   .post-listpage-news .post-list a {
      flex-direction: column;
      align-items: flex-start;
   }
   .single-custom-detail2 {
      flex-direction: column;
   }
	.single-custom .single-custom-detail1>div span {
	   display: block;
	   width: 100%;
	}
	.single-custom-case .single-custom-place {
	  flex-direction:column;
		align-items:flex-start;
	}

	.single-custom .single-custom-detail1>div p {
	  flex-direction:column;
	}
	.single-custom .single-custom-detail1 > div p:not(:last-of-type) {
	  margin-bottom: 1em;
	}
}

@media screen and (max-width: 600px) {
	.page-contact .text_tel>a>span:first-child {
	   font-size: 8vw;
		height:8vw;
	}
	.page-contact .text_tel>a>span:last-child {
		margin-left: 1.7em;
	}
	header .mainVisual .innerWrap p {
		font-size: 5.5vw;
	}
	header .mainVisual .innerWrap p span {
		font-size: 3.5vw;
	}
}