@charset "UTF-8";

:root {
  --color: #111111;
}

/* ==========================================================================
  アニメーション
========================================================================== */

@keyframes menuFadeIn {
  0%{
    display: flex;
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes menuFadeOut {
  0%{
    opacity: 1;
  }
  99%{
    opacity: 0;
  }
  100%{
    display: none;
    opacity: 0;
  }
}

@font-face {
 font-family: "YuGothic M";
 src: local("Yu Gothic Medium"),
      local("Yu Gothic");
 font-weight: 500;
}

/* ==========================================================================
   游ゴシック
========================================================================== */

.fontYuGo * {
    font-family: '游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
    font-weight: 500;
  }

@media only screen and (max-width: 767px) {
    .fontYuGo * {
      font-family: '游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,"Noto Sans JP", "Hiragino Kaku Gothic ProN",YuGothic,'Yu Gothic',"メイリオ", sans-serif;
      font-weight: 400;
    }
}

/* ==========================================================================
   Futura PT
========================================================================== */

.fontFP{
  font-family: "futura-pt", sans-serif;
  font-style: normal;
}

/* ==========================================================================
   Futura PT
========================================================================== */

.notoSans{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* ==========================================================================
   フォーム
========================================================================== */

.formWall select,
  .formWall input[type="text"],
  .formWall input[type="tel"],
  .formWall input[type="email"]{
    padding: 0 1em;
    height: 40px;
    line-height: 40px;
    border: 1px solid #999999;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.4rem;
  }

.formWall textarea{
    width: 100%;
    padding: 1em;
    border: 1px solid #999999;
    border-radius: 3px;
    height: 155px;
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 1.28;
  }

.formWall .formBox .title{
      display: flex;
      align-items: center;
      gap:0 10px;
      font-size: 1.5rem;
      line-height: 1;
      font-weight: 700;
      text-align: left;
      margin-bottom: 5px;
    }

.formWall .formBox .title .type{
        font-size: 1.2rem;
        font-weight: 700;
        color: #fff;
        line-height: 1;
        width:28px;
        height:18px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3px;
      }

.formWall .formBox .title .hissu{
        background: #D00158;
      }

.formWall .formBox .title .nini{
        background: #373737;
      }

.formWall .separator{
    margin: 32px 0 20px;
  }

.formWall .formBox + .formBox{
    margin-top:  22px;
  }

.formWall .accept{
    text-align: center;
    margin-top: 40px;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.formWall .accept label{
      padding-left: 7px;
    }

.formWall .accept input{
      width: 15px;
      height: 15px;
      margin: 0;
      accent-color: #D00158;
    }

.formWall .formBtn{
    margin: 45px auto 0;
    width: 361px;
    height: 47px;
    border-radius: 3px;
    background: url('../img/contact_arrow.svg') no-repeat calc(100% - 20px) center / 6px auto;
    background-color: #d00158;
    position: relative;
    display: block;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s;
  }

.formWall .formBtn:disabled{
      opacity: .5;
    }

@media (hover:hover) {
      .formWall .formBtn:hover{
        opacity: .8;
      }
        .formWall .formBtn:hover:disabled{
          opacity: .5;
        }
      
    }

@media (max-width: 767px) {
    .formWall select,
    .formWall input[type="text"],
    .formWall input[type="tel"],
    .formWall input[type="email"]{
      height: calc(calc(40/390) * 100vw);
      line-height: calc(calc(40/390) * 100vw);
      border: calc(calc(1/390) * 100vw) solid #999999;
      border-radius: calc(calc(3/390) * 100vw);
      font-size: 16px;
    }
    .formWall textarea{
      border: calc(calc(1/390) * 100vw) solid #999999;
      border-radius: calc(calc(3/390) * 100vw);
      height: calc(calc(220/390) * 100vw);
      font-size: 16px;
    }
      .formWall .formBox .title{
        gap:0 calc(calc(10/390) * 100vw);
        margin-bottom: calc(calc(5/390) * 100vw);
      }
        .formWall .formBox .title .type{
          width:calc(calc(28/390) * 100vw);
          height:calc(calc(18/390) * 100vw);
          border-radius: calc(calc(3/390) * 100vw);
        }
    .formWall .separator{
      margin: calc(calc(32/390) * 100vw) 0 calc(calc(20/390) * 100vw);
    }
    .formWall .formBox + .formBox{
      margin-top:  calc(calc(23/390) * 100vw);
    }
    .formWall .accept{
      margin-top: calc(calc(44/390) * 100vw);
    }
      .formWall .accept label{
        padding-left: calc(calc(7/390) * 100vw);
      }
      .formWall .accept input{
        width: calc(calc(15/390) * 100vw);
        height: calc(calc(15/390) * 100vw);
      }
    .formWall .formBtn{
      margin: calc(calc(45/390) * 100vw) auto 0;
      width: 100%;
      height: calc(calc(47/390) * 100vw);
      border-radius: calc(calc(3/390) * 100vw);
      background: url('../img/contact_arrow.svg') no-repeat calc(100% - calc(calc(20/390) * 100vw)) center / calc(calc(6/390) * 100vw) auto;
      background-color: #d00158;
    }
}

/* ==========================================================================
  ロード関連
========================================================================== */

.loading{
  margin-top: 50px;
  max-width: 800px;;
  position: relative;
}

.loading::before{
    position: absolute;
    top:50%;
    left:50%;
    margin:-24px 0 0 -24px;
    width: 48px;
    height: 48px;
    content: '';
    animation: loader .8s infinite linear;
    border: 6px solid #000;
    border-top-color: #ddd;
    border-radius: 50%;
  }

@media only screen and (max-width: 767px) {
  .loading{
    margin-top: calc(calc(15/360) * 100vw);
  }
    .loading::before{
      position: absolute;
      top:50%;
      left:50%;
      margin:0 0 0 -13px;
      width: 26px;
      height: 26px;
      content: '';
      animation: loader .8s infinite linear;
      border: 4px solid #000;
      border-top-color: #ddd;
      border-radius: 50%;
    }
}

@keyframes loader{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   共通設定
========================================================================== */

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

body {
	color:#111111;
	color:var(--color);
	width:100%;
	font-size: 1.5rem;
}

img{
	vertical-align:bottom;
  max-width: 100%;
	height: auto;
  backface-visibility: hidden;
}

a{
	color:#111111;
	color:var(--color);
	text-decoration: none;
}

a:hover{
		opacity: .8;
	}

.spShow{
	display: none;
}

.pcShow{
	display: inline-block;
}

.pageContainer{
	min-height: 100vh;
}

button{
  background: none;
  border: none;
  padding: 0;
  outline: none;
  color: var(--black);
}

button:focus{
    outline: none;
  }

button:disabled{
    opacity:1;
    color: var(--black);
  }

/* ==========================================================================
   footer
========================================================================== */

#gFooter .pageTop p#js-pagetop{
	position: fixed;;
	right: 30px;
	bottom: 30px;
	display: none;
}

/* ==========================================================================
   ヘッダー
========================================================================== */

.mainHeader{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	min-width: 1200px;
	display: grid;
	grid-template-columns: 148px 1fr 78px;
	padding-left: 50px;
	gap: 0 50px;
	height: 78px;
	background: #fff;
	border-bottom: 1px solid #EEEEEE;
}

.mainHeader .logo{
		align-self: center;
	}

.mainHeader .pageLink ul{
			height: 100%;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 0 2em;
		}

.mainHeader .menuBtn{
    display: flex;
    align-items: center;
    width: 78px;
    font-size: 1.4rem;
		font-weight: 500;
  }

.mainHeader .menuBtn button{
			width: 100%;
			height: 100%;
      line-height: 1;
      display: grid;
      place-content: center;
			background: #373737;
			color: #fff;
			cursor: pointer;
    }

.mainHeader .menuBtn button .inner{
				display: grid;
				grid-template-columns: 100%;
				grid-template-rows: auto auto 1fr;
				gap: 4px 0;
			}

.mainHeader .menuBtn button .line{
				justify-self: center;
        background: #fff;
				width: 38px;
        height: 1px;
        transition: all .14s linear;
      }

@media (hover:hover) {
				.mainHeader .menuBtn button:hover{
					opacity: .9;
				}
			}

.mainHeader .menuBtn .menuBtnOpen .inner{
				gap:0;
			}

.mainHeader .menuBtn .menuBtnOpen .line1{
        grid-row: 1;
        transform-origin: left;
        rotate: 15deg;
      }

.mainHeader .menuBtn .menuBtnOpen .line2{
        grid-row: 2;
        transform-origin: left;
        margin-top: 10px;
        rotate: -15deg;
      }

.mainHeader .menuBtn .menuBtnOpen .name{
        grid-row: 3;
        margin-top: 3px;
      }

/* ==========================================================================
   グローバルナビ
========================================================================== */

.gNav{
	display: none;
	position: fixed;
	top: 77px;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: calc(100svh - 77px);
	min-width: 1200px;
	background: #373737;
	justify-content: center;
	align-items: center;
	overflow-y: auto;
	overscroll-behavior-y: none;
}

.gNav .inner{
		margin: auto;
		padding: 50px 0;
	}

.gNav ul{
		max-width: 700px;
		font-size: 1.7rem;
		font-weight: 700;
		line-height: 1.3;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		gap: 30px 0;
	}

.gNav ul a{
			color: #fff;;
		}

.gNav ul li{
			flex: 0 1 350px;
		}

.gNav ul .home{
			flex: 0 0 100%;
			margin-bottom: 10px;
		}

.navOpen{
  display: flex;
  animation: menuFadeIn .4s 1 0s linear forwards;
}

.navClose{
  animation: menuFadeOut .4s 1 0s ease-out forwards;
}

/* ==========================================================================
   fv
========================================================================== */

.pageContainer{
	padding-top: 78px;
	text-align: justify;
}

.fv{
	height: 690px;
	display: flex;
	justify-content: center;
	background: url('../img/fv_bk.svg') repeat;
	background-size: 1400px auto;
}

.fv .inner{
		width: min(calc(100% - 40px),1100px);
		margin-inline: auto;
		position: relative;
		z-index: 1;
		padding-top: 153px;
	}

.fv .inner::after{
			content: '';
			background: url('../img/fv_mark.svg') no-repeat center center / contain;;
			width: 435px;
			height: 633px;
			position: absolute;
			top: 29px;
			right: -20px;
			z-index: -1;
		}

.fv h1{
		line-height: 1;
		color: #373737;
		text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
	}

.fv h1::before{
			content: 'Content creation service';
			font-family: "futura-pt", sans-serif;
			display: block;
			font-size: 5.9rem;
			font-weight: 600;
			letter-spacing: -0.02em;;
			margin-bottom: 10px;
		}

.fv h1 span{
			font-size: 2rem;
			font-weight: 700;
			letter-spacing: 1.28em;
		}

.fv ol{
		margin-top: 48px;
		counter-reset: my-counter;
		text-box-trim: trim-both;
    text-box-edge: cap alphabetic;
	}

.fv ol li{
			font-size: 1.6rem;
			font-weight: 700;
			line-height: 2.5;
		}

.fv ol li::before{
				content: counter(my-counter, decimal-leading-zero)'.';
				counter-increment: my-counter;
				margin-right:.5em;
				color: #DB2B76;;
			}

.fv .btnLink{
		margin-top: 60px;
		display: flex;
		gap: 0 20px;
	}

.fv .btnLink a{
			height: 47px;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1.6rem;
			font-weight: 500;
			color: #fff;
			border-radius: 3px;
			padding-top: .15em;
		}

.fv .btnLink li{
			width: 280px;
		}

.fv .btnLink li:first-child a{
				background: url('../img/download_icon.svg') no-repeat calc(100% - 33px) center / 12px auto;
				background-color: #255388;
			}

.fv .btnLink li:last-child a{
				background: url('../img/contact_icon.svg') no-repeat calc(100% - 24px) center / 18px auto;
				background-color: #DB2B76;
			}

/* ==========================================================================
   常時100社以上の中小企業を支援しています
========================================================================== */

.logoSlideEection{
	margin-top: 57px;
}

.logoSlideEection >h2{
		text-align: center;
		font-size: 1.9rem;
		line-height: 1;
		font-weight: 700;
		margin-bottom: 55px;
	}

.logoSlideEection >h2::before{
			content: '';
			background: url('../img/logo_title_icon.svg') no-repeat center center / contain;
			width: 51px;
			height: 51px;
			display: block;
			margin: 0 auto 4px;
		}

.logoSlideEection .slideWall{
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 38px;
	}

.logoSlideEection .slideWall .swiper{
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1440px;
      margin: 0 auto;
      height: 38px;
      overflow: visible;
    }

.logoSlideEection .slideWall .swiper .swiper-wrapper {
        transition-timing-function: linear;
      }

.logoSlideEection .slideWall .swiper .swiper-slide{
				aspect-ratio: 304/72;
				display: flex;
				justify-content: center;
				align-items: center;
			}

.logoSlideEection .slideWall .swiper .swiper-slide img{
					width: 100%;
					height: 100%;
					-o-object-fit: contain;
					   object-fit: contain;
				}

/* ==========================================================================
   sectionBorderTitle
========================================================================== */

.sectionBorderTitle{
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1;
	padding-left: 30px;
	border-left: 1px solid #707070;
	width: min(calc(100% - 40px),1220px);
	margin-inline: auto;
}

.sectionBorderTitle span{
		font-size: 1.9rem;
		font-weight: 700;
		display: block;
		margin-bottom: 5px;
	}

.sectionToptext{
	font-size: 1.5rem;
	line-height: 1.6;
	width: min(calc(100% - 40px),1220px);
	margin-inline: auto;
}

.sectionBorderTitle + .sectionToptext{
	margin-top: 22px;
}

.sectionToptext + .sectionToptext{
	margin-top: 1.3em;
}

/* =20250728追加= */
.sectionBorder-subTitle{
	font-size: 3.1rem;
	font-weight: 700;
	line-height: 1;
	padding-left: 30px;
	border-left: 3px solid #707070;
	width: min(calc(100% - 40px),1220px);
	margin-inline: auto;
}
/* ==========================================================================
   サクラサクの記事制作代行サービスとは
========================================================================== */

.aboutSec{
	margin-top: 98px;
	background: #F9F9F9;
	padding-top: 50px;
	padding-bottom: 100px;
	position: relative;
	z-index: 1;
}

.aboutSec::before{
		content: '';
		height: 59px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #F9F9F9;
		z-index: -2;
	}

.aboutSec .aboutInnerSec{
		width: min(calc(100% - 40px),1400px);
		margin: 0 auto;
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto;
	}

.aboutSec .aboutInnerSec .textBox{
			grid-column: 1;
			grid-row: 1;
			z-index: 2;
			align-self: center;
			max-width: 680px;
			padding: 80px 60px 60px 60px;
			background: #fff;
		}

.aboutSec .aboutInnerSec .textBox header{
				display: flex;
				align-items: center;
				margin-bottom: 23px;
			}

.aboutSec .aboutInnerSec .textBox header .num{
					flex-shrink: 0;
					display: inline-flex;
					align-items: center;
					color: #DB2B76;
					font-weight: 700;
					line-height: 1;
				}

.aboutSec .aboutInnerSec .textBox header .num::after{
						content: '';
						width: 1px;
						height: 36px;
						background: #707070;
						margin-left: 12px;
						flex-shrink: 0;
					}

.aboutSec .aboutInnerSec .textBox header .num .strong{
						font-size: 1.5rem;
						font-weight: 700;
					}

.aboutSec .aboutInnerSec .textBox header .fontFP{
					font-size: 5rem;
					font-weight: 600;
					margin-left: 5px;
				}

.aboutSec .aboutInnerSec .textBox header h2{
					margin-left: 24px;
					font-size: 2.6rem;
					font-weight: 700;
					line-height: 1;
					display: flex;
					align-items: baseline;
				}

.aboutSec .aboutInnerSec .textBox header h2 span{
						font-size: 1.8rem;
						padding-right: .5em;
						font-weight: 700;
					}

.aboutSec .aboutInnerSec .textBox >p{
				padding: 0 0 0 35px;
				line-height: 1.73;
			}

.aboutSec .aboutInnerSec .imgBox{
			grid-column: 1;
			grid-row: 1;
			z-index: 1;
		}

.aboutSec .aboutInnerSec1{
		margin-top: 87px;
	}

.aboutSec .aboutInnerSec1 .textBox{
			justify-self: end;
		}

.aboutSec .aboutInnerSec2{
		margin-top: 70px;
	}

.aboutSec .aboutInnerSec2 .imgBox{
			justify-self: end;
		}

.aboutSec .aboutInnerSec3{
		margin-top: 70px;
	}

.aboutSec .aboutInnerSec3 .textBox{
			justify-self: end;
		}

/* ==========================================================================
   動画
========================================================================== */
.youtube {
    position: relative;
    max-width: 660px;
    margin: 40px auto 72px;
    aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
/* ==========================================================================
   こんなお困りごとはありませんか？
========================================================================== */

.problemsSection{
	margin-top: 68px;
}

.problemsSection .sectionBorderTitle{
		margin-bottom: 39px;
	}

.problemsSection >ul{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		position: relative;
	}

.problemsSection >ul::before{
			content: '';
			width: 1px;
			height: 100%;
			background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
			background-size: 1px 5px;
			background-repeat: repeat-y;
			background-position: left top;
			position: absolute;
			top: 0;
			left: 50%;
			translate: -50% 0;
			z-index: 2;
		}

.problemsSection >ul::after{
			content: '';
			width: 100%;
			height: 1px;
			background-image: linear-gradient(to right, #707070 2px, transparent 2px);
			background-size: 5px 1px;
			background-repeat: repeat-x;
			position: absolute;
			background-position: left bottom;
			top: 50%;
			translate: 0 -50%;
			left: 0;
			z-index: 2;
		}

.problemsSection .problemsBox{
		position: relative;
		z-index: 1;
		height: 350px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

.problemsSection .problemsBox h2{
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.5;
			text-align: center;
			margin-bottom: 25px;
			color: #fff;
		}

.problemsSection .problemsBox a{
			width: 270px;
			height: 40px;
			border-radius: 3px;
			/* background: url('../img/arrow_bottom.svg') no-repeat calc(100% - 17px) center / 14px auto; */
			background-color: #255388;
			color: #fff;
			display: grid;
			place-content: center;
			font-size: 1.5rem;
			font-weight: 700;
			
		}

.problemsSection .problemsBox1{
		background-image: -webkit-image-set(
			url('../img/problems_img1.jpg') 1x,
			url('../img/problems_img1@2x.jpg') 2x
		);
		background-image: image-set(
			url('../img/problems_img1.jpg') 1x,
			url('../img/problems_img1@2x.jpg') 2x
		);
	}

.problemsSection .problemsBox2{
		background-image: -webkit-image-set(
			url('../img/problems_img2.jpg') 1x,
			url('../img/problems_img2@2x.jpg') 2x
		);
		background-image: image-set(
			url('../img/problems_img2.jpg') 1x,
			url('../img/problems_img2@2x.jpg') 2x
		);
	}

.problemsSection .problemsBox3{
		background-image: -webkit-image-set(
			url('../img/problems_img3.jpg') 1x,
			url('../img/problems_img3@2x.jpg') 2x
		);
		background-image: image-set(
			url('../img/problems_img3.jpg') 1x,
			url('../img/problems_img3@2x.jpg') 2x
		);
	}

.problemsSection .problemsBox4{
		background-image: -webkit-image-set(
			url('../img/problems_img4.jpg') 1x,
			url('../img/problems_img4@2x.jpg') 2x
		);
		background-image: image-set(
			url('../img/problems_img4.jpg') 1x,
			url('../img/problems_img4@2x.jpg') 2x
		);
	}

/* ==========================================================================
   制作体制
========================================================================== */

.productionSystem{
	background: #F2F2F2;
	padding: 66px 0 96px;
}

.productionSystem .illuBox{
		max-width: 953px;
		margin: 33px auto 0;
	}

/* ==========================================================================
   優位性
========================================================================== */
.productionSystem{
	background: #F2F2F2;
	padding: 66px 0 96px;
}

.productionSystem .illuBox{
		max-width: 953px;
		margin: 33px auto 0;
	}

/* ==========================================================================
   優位性
========================================================================== */
table {
  border-collapse: collapse;
  margin: 61px auto 0;
  padding: 0;
  width: 960px;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
/* table tr:last-child{
  border: none;
} */
table th{
  padding: 1em;
  border-right: 2px solid #fff;
  
}
table td {
  padding: 2em .5em;
  border-right: 2px solid #eee;
  text-align: center;
}
table th {
  font-size: 1em;
  text-align: center;
    vertical-align: middle;
	font-weight: bold !important;
}
table thead tr{
  background-color: #373737;
  color:#fff;
}
table tbody th {
    border-right: 2px solid #eee;
}
th.non {
    border-right: none;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
  color: #000;
  font-size:0.9em;
}

.red_bk{
  background:#255388
}
table .btnarea td {
  padding: .2em .5em;
  border-right:none
}
.symbol{
			padding: 12px 0;
			font-size: 3.2rem;
			line-height: 1.3;
			vertical-align: middle;
		}
.excellent{
			color: #db2b76;
			font-size: 3.2rem;
		}
@media screen and (max-width: 600px) {
  .wrap{
     overflow-x: scroll;
	 margin: 0 10px;
  }
}
.advantagesSec{
	margin-top: 72px;
}
/* .advantagesSec{
	margin-top: 72px;
}

.advantagesSec .advantagesTable{
		max-width: 877px;
		margin: 61px auto 0;
		border: 1px solid #777777;
		background: #F9F9F9;
		table-layout: fixed;
	}

.advantagesSec .advantagesTable td,.advantagesSec .advantagesTable th{
			border-right: 1px solid #777777;
			border-bottom: 1px solid #777777;
			text-align: center;
			vertical-align: middle;
			padding:12px 0;
			line-height: 1.2;
		}

.advantagesSec .advantagesTable th{
			font-weight: 700;
		}

.advantagesSec .advantagesTable td:has(.symbol){
			padding: 12px 0;
		}

.advantagesSec .advantagesTable .blank{
			background: #fff;
		}

.advantagesSec .advantagesTable .symbol{
			font-size: 2.2rem;
			line-height: 1;
		}

.advantagesSec .advantagesTable .excellent{
			color: #EA0000;
		}

.advantagesSec .advantagesTable .highlight{
			width: 260px;
			font-size: 1.8rem;
			vertical-align: bottom;
			padding-bottom: 15px;
			color: #fff;
			background: #255388;
			border-left: 2px solid #255388;
			border-right: 2px solid #255388;
			position: relative;
			z-index: 1;
		}

.advantagesSec .advantagesTable .highlight::before{
				content: '';
				position: absolute;
				top: -15px;
				left: -2px;
				z-index: -1;
				width: calc(100% + 4px);
				height: 100%;
				background: #255388;
				border-radius: 3px 3px 0 0;
			}

.advantagesSec .advantagesTable .highlightColumn{
			background: #fff;
			border-left: 2px solid #255388;
			border-right: 2px solid #255388;
		}

.advantagesSec .advantagesTable .highlightColumn .excellent{
				font-size: 3.2rem;
			}

.advantagesSec .advantagesTable .highlightColumnEnd{
			border-bottom-color: #fff;
			position: relative;
			z-index: 1;
		}

.advantagesSec .advantagesTable .highlightColumnEnd::before{
				content: '';
				position: absolute;
				bottom: -10px;
				left: -2px;
				z-index: -1;
				width: 100%;
				height: 100%;
				background: #fff;
				border-left: 2px solid #255388;
				border-right: 2px solid #255388;
				border-bottom: 2px solid #255388;
				border-radius: 0 0 3px 3px;
			} */

/* ==========================================================================
   コンテンツ制作フロー
========================================================================== */

.flowSection{
	margin-top: 75px;
	background: #F2F2F2;
	padding: 66px 0 70px;
}

.flowSection .flowWrapper{
		max-width: 877px;
		margin: 46px auto 0;
		position: relative;
	}

.flowSection .flowWrapper::before{
			content: '';
			width: 1px;
			height: 100%;
			background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
			background-size: 1px 5px;
			background-repeat: repeat-y;
			background-position: left top;
			position: absolute;
			top: 0;
			left: 0;
		}

.flowSection .flowWrapper::after{
			content: '';
			width: 1px;
			height: 100%;
			background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
			background-size: 1px 5px;
			background-repeat: repeat-y;
			background-position: left top;
			position: absolute;
			top: 0;
			left: 160px;
		}

.flowSection .flowWrapper li{
			display: grid;
			grid-template-columns: 160px 1fr;
			gap: 0 10px;
		}

.flowSection .flowWrapper li + li{
			margin-top: 21px;
		}

.flowSection .flowWrapper .num{
			font-size: 1.3rem;
			line-height: 1;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-flow: column;
			position: relative;
		}

.flowSection .flowWrapper .num::after{
				content: '';
				width: 140px;
				height: 11px;
				background: url('../img/flow_arrow.svg') no-repeat center center / contain;
				position: absolute;
				left: 50%;
				translate: -50% 0;
				bottom: -11px;
			}

.flowSection .flowWrapper .num .fontFP{
				display: block;
				font-size: 3.2rem;
				line-height: 1;
				font-weight: 500;
				letter-spacing: -0.031em;
				margin-top: 4px;
			}

.flowSection .flowWrapper .flowBox{
			min-height: 70px;
			background: #373737;
			border: 1px solid #707070;
			padding: 14px 19px 11px;
			color: #fff;
			display: flex;
			justify-content: center;
			flex-flow: column;
		}

.flowSection .flowWrapper .flowBox h2{
				font-size: 1.7rem;
				font-weight: 700;
				margin-bottom: 4px;
			}

.flowSection .flowWrapper .flowBox p{
				font-size: 1.5rem;
				line-height: 1.33;
			}

.flowSection .flowWrapper li:last-child .num::after{
					display: none;
				}

.flowSection .checkFlow{
		width: min(calc(100% - 40px),1220px);
		margin: 68px auto 0;
		display: grid;
		grid-template-columns: 366px 1fr;
		gap:0 50px;
	}

.flowSection .checkFlow header{
			padding-right: 50px;
			background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
			background-size: 1px 5px;
			background-repeat: repeat-y;
			background-position: right top;
		}

.flowSection .checkFlow header h2{
				font-size: 2.8rem;
				font-weight: 700;
				line-height: 1;
			}

.flowSection .checkFlow header h2 span{
					font-weight: 700;
					font-size: 1.9rem;
					display: block;
					margin-bottom: 5px;
				}

.flowSection .checkFlow header p{
				margin-top: 15px;
				line-height: 1.73;
			}

.flowSection .checkFlow .flowBox{
			position: relative;
			padding-right: 30px;
		}

.flowSection .checkFlow .flowBox ol{
				display: flex;
				flex-flow: column;
				gap: 7px 0;
			}

.flowSection .checkFlow .flowBox li:not(:last-child){
				min-height: 70px;
				position: relative;
				z-index: 1;
			}

.flowSection .checkFlow .flowBox li:not(:last-child)::before{
					content: '';
					width: 3px;
					height: 100%;
					background: #373737;
					position: absolute;
					left: 121px;
					top: 7px;
					z-index: -1;
				}

.flowSection .checkFlow .flowBox li.lineBlue::before{
					background: #255388;
				}

.flowSection .checkFlow .flowBox li.lineArrow::before{
					height: calc(100% - 1px);
					top: 0;
				}

.flowSection .checkFlow .flowBox li.lineArrow::after{
					content: '';
					width: 14px;
					height: 11px;
					background: url('../img/check_flow_arrow.svg') no-repeat center center / contain;
					position: absolute;
					left: 115px;
					bottom: 0;
					z-index: -1;
				}

.flowSection .checkFlow .flowBox .boxText{
				width: 240px;
				height: 45px;
				border-radius: 3px;
				background: #fff;
				border: 1px solid #777;
				display: grid;
				place-content: center;
				font-size: 1.5rem;
				font-weight: 700;
			}

.flowBox .description{
font-size: 0.87em;
}

@media (max-width:1300px) {
				.flowSection .checkFlow .flowBox .description{
					padding-right: 30px;
				}
			}

.flowSection .checkFlow .flowBox .boxTextBlue{
				background: #255388;
				color: #fff;
			}

.flowSection .checkFlow .flowBox li:has(.description){
				display: flex;
				gap:0 18px;
			}

.flowSection .checkFlow .flowBox li:has(.description) .boxText{
					flex-shrink: 0;
				}

.flowSection .checkFlow .notice{
			position: absolute;
			right: 30px;
			bottom: 0;
			text-align: right;
			font-weight: 400;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			gap: 0 12px;
			font-size: 0.87em;
		}

@media (max-width:1300px) {

.flowSection .checkFlow .notice{
				right: 60px
		}
			}

.flowSection .checkFlow .notice::before{
				content: '';
				width: 44px;
				height: 19px;
				border-radius: 3px;
				background: #255388;
				flex-shrink: 0;
			}

/* =20250728追加= */
.flowSection .downloadList{
		width: min(calc(100% - 40px),1220px);
		margin: 15px auto 47px;
		display: flex;
		flex-flow: row wrap;
		gap:.5em;
	}

.flowSection .downloadList li:not(:last-child)::after{
				content: '｜';
				margin-left: .5em;
			}

.flowSection .downloadList li{
			color: #255388;
			font-size: 1.8rem;
			font-weight: 700;
		}

.flowSection .downloadList a{
			font-size: 1.8rem;
			font-weight: 700;
			color: #255388;
			text-decoration: underline;
		}

/* =20250728追加タブ= */
/* タブ全体を囲むコンテナの設定 */
.tab-switch {
    display: flex; /* タブを横並びに配置 */
    flex-wrap: wrap; /* 幅を超えたら折り返し */
    max-width: 930px; /* コンテナの最大幅を指定 */
    margin: 46px auto 0; /* コンテナを中央に配置 */
    justify-content: center; /* タブを中央に寄せる */
}

.tab-switch:after {
  content: ''; /* 空の擬似要素を作成 */
  width: 100%; /* 幅をコンテナ全体に設定 */
  height: 1px; /* 線の高さを1pxに設定 */
  background-color: #757F96; /* 線の色 */
  display: block; /* ブロック要素として表示 */
  order: -1; /* 擬似要素を上部に配置 */
  margin-top: -5px; /* タブボタンから-5pxの余白を設定 */
}

/* 各タブボタンの設定 */
.tab-switch > label {
    flex: 1 1 auto; /* タブボタンが均等に幅をとるが、幅を超えると折り返す */
    order: -1; /* タブボタンを上部に配置 */
    position: relative; /* 子要素の絶対位置指定の基準 */
    padding: .7em 1em; /* 上下に0.7em、左右に1emの内側余白 */
    background-color: #e5e5e5; /* タブボタンの背景色 */
    color: #000000; /* 文字色をグレーに設定 */
    text-align: center; /* 文字を中央揃え */
    cursor: pointer; /* カーソルをポインターに変更 */
    transition:.3s all;/*変化を滑らかに*/
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
    background-color: #373737; /* ホバー/選択時の背景色 */
    color: #fff; /* ホバー/選択時の文字色 */
}

/* ラジオボタン自体は非表示 */
.tab-switch input {
    display: none; /* ラジオボタンを見えなくする */
}

/* タブコンテンツのスタイル */
.tab-switch > div {
    display: none; /* 初期状態ではコンテンツを非表示に */
    width: 100%; /* コンテンツの幅を全体に設定 */
    padding: 1.5em 1em; /* 上下に1.5em、左右に1emの内側余白 */
  border:1px solid #757F96;
}

/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
    display: block; /* 選択されたタブのコンテンツを表示 */
}
/* =AI記事でも大丈夫？= */
.flowSection_ai {
    margin: 68px auto 0;

}
.flowSection_ai .row{
		max-width: 760px;
		margin: 26px auto 0;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap:0 26px;
	}

.flowSection_ai .interviewBox{
		display: contents;
	}

.flowSection_ai .interviewBox a{
			background: #fff;
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 4;
			border: 1px solid #CCCCCC;
			border-radius: 4px;
			padding: 13px 13px 20px;
		}

.flowSection_ai .interviewBox .tm{
			overflow: hidden;
			border-radius: 5px;
			margin-bottom: 10px;
		}

.flowSection_ai .interviewBox h2{
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			text-align:left;
			font-size: 1.8rem;
			line-height: 1.33;
			font-weight: 700;
		}

.flowSection_ai .interviewBox .company{
			margin-top: 12px;
			font-size: 1.4rem;
			font-weight: 700;
		}

.flowSection_ai .interviewBox .tag{
			margin-top: 16px;
			display: flex;
			flex-flow: row wrap;
			align-items: flex-start;
			gap: 5px 13px;
		}

.flowSection_ai .interviewBox .tag li{
				padding: 3px 18px;
				background: #255388;
				border-radius: 5px;
				color: #fff;
				font-size: 1.5rem;
				font-weight: 700;
				text-align: center;
				display: grid;
				place-content: center;
			}



/* ==========================================================================
   コンテンツ制作メンバー
========================================================================== */

.memberSection{
	margin-top: 66px;
}

.memberSection .slideWall{
		max-width: 848px;
		margin: 46px auto 0;
	}

.memberSection .slideWall .swiper{
			overflow: visible;
		}

.memberSection .slideWall .partRow{
			margin: 15px 0 0;
			display: grid;
			grid-template-columns: 62px 1fr;
			grid-template-rows: 60px;
			grid-gap: 0 13px;
		}

.memberSection .slideWall .partRow .swiper-button-next,.memberSection .slideWall .partRow .swiper-button-prev{
				width: 31px;
				height: 31px;
				margin: 0;
				text-indent: -9999px;
				position: static;
				border: 1px solid #777777;
				border-radius: 50%;
			}

.memberSection .slideWall .partRow .swiper-button-next{
				grid-column: 1;
				grid-row: 1;
				align-self: end;
				justify-self: end;
				background: url('../img/arrow-right.svg') no-repeat center center / 4px auto;
			}

.memberSection .slideWall .partRow .swiper-button-prev{
				grid-column: 1;
				grid-row: 1;
				background: url('../img/arrow-left.svg') no-repeat center center / 4px auto;
			}

.memberSection .slideWall .partRow .swiper-pagination{
				grid-column: 2;
				grid-row: 1;
				align-self: center;
				background: #fff;
				position: static;
			}

.memberSection .slideWall .partRow .swiper-pagination-progressbar {
				height: 2px;
				background: #DDDDDD;
			}

.memberSection .slideWall .partRow .swiper-pagination-progressbar-fill{
				background: #255388;
			}

.memberSection .memberSlideBox{
		display: grid;
		grid-template-columns: 250px 1fr;
		grid-template-rows: 1fr 199px;
		padding: 20px;
		gap: 15px;
		border: 1px solid #777777;
		background: #fff;
	}

.memberSection .memberSlideBox figure{
			grid-column: 1;
			grid-row: 1 / 3;
		}

.memberSection .memberSlideBox header{
			grid-column: 2;
			grid-row: 1;
			background: #373737;
			color: #fff;
			font-size: 1.7rem;
			font-weight: 700;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-flow: row wrap;
			gap: .5em 0;
			min-height: 47px;
			padding: 12px;
			border-radius: 3px;
		}

.memberSection .memberSlideBox header .name{
				font-weight: 700;
			}

.memberSection .memberSlideBox header .name::after{
					content: '／';
					margin: 0 1em;
				}

.memberSection .memberSlideBox header .name small{
					font-weight: 700;
					padding-left: .5em;
				}

.memberSection .memberSlideBox header .post{
				font-weight: 700;
			}

.memberSection .memberSlideBox .inner{
			grid-column: 2;
			grid-row: 2;
			overflow-y: auto;
			overscroll-behavior-y: none;
			height: 199px;
			padding-right: 20px;
		}

.memberSection .memberSlideBox .inner::-webkit-scrollbar{
        width: 1px;
				background: #DDDDDD;
      }

.memberSection .memberSlideBox .inner::-webkit-scrollbar-thumb{
        background-color: #255388;
      }

.memberSection .memberSlideBox .inner p{
				line-height: 1.46;
			}

.memberSection .memberSlideBox .inner .apecialtyGenre{
				margin-top: 11px;
			}

.memberSection .memberSlideBox .inner .apecialtyGenre h2{
					font-weight: 700;
				}

/* ==========================================================================
   ライター／有資格者／監修者
========================================================================== */

.writerEtcSection{
	margin-top: 70px;
	background: #F2F2F2;
	padding: 66px 0 70px;
}

.writerEtcSection .row{
		max-width: 1100px;
		margin: 25px auto 0;
		display: grid;
		grid-template-columns: repeat(3,1fr);
		border: 1px solid #999999;
	}

.writerEtcSection .writerEtcBox h2{
			height: 69px;
			display: grid;
			place-content: center;
			text-align: center;
			font-size: 1.8rem;
			font-weight: 700;
			border-bottom: 1px solid #999999;
			background: #fff;
		}

.writerEtcSection .writerEtcBox .inner{
			padding: 34px 20px;
		}

.writerEtcSection .writerEtcBox ul{
			height: 270px;
			overflow-y: auto;
			overscroll-behavior-y: none;
			padding-right: 20px;
			list-style: disc;
			padding-left: 18px;
		}

.writerEtcSection .writerEtcBox ul::-webkit-scrollbar{
        width: 1px;
				background: #DDDDDD;
      }

.writerEtcSection .writerEtcBox ul::-webkit-scrollbar-thumb{
        background-color: #255388;
      }

.writerEtcSection .writerEtcBox li{
			line-height: 1.33;
		}

.writerEtcSection .writerEtcBox li + li{
			margin-top: 1em;
		}

.writerEtcSection .writerEtcBox2{
		position: relative;
	}

.writerEtcSection .writerEtcBox2::before,.writerEtcSection .writerEtcBox2::after{
			content: '';
			width: 2px;
			height: 100%;
			background-image: linear-gradient(to bottom, #111111 2px, transparent 2px);
			background-size: 2px 5px;
			background-repeat: repeat-y;
			position: absolute;
		}

.writerEtcSection .writerEtcBox2::before{
			background-position: left top;
			top: 0;
			left: 0;
		}

.writerEtcSection .writerEtcBox2::after{
			background-position: left top;
			top: 0;
			right: 0;
		}

/* ==========================================================================
   さまざまな提供サービス
========================================================================== */

.serviceSection{
	margin-top: 66px;
}

.serviceSection .downloadList{
		width: min(calc(100% - 40px),1220px);
		margin: 15px auto 47px;
		display: flex;
		flex-flow: row wrap;
		gap:.5em;
	}

.serviceSection .downloadList li:not(:last-child)::after{
				content: '｜';
				margin-left: .5em;
			}

.serviceSection .downloadList li{
			color: #255388;
			font-size: 1.8rem;
			font-weight: 700;
		}

.serviceSection .downloadList a{
			font-size: 1.8rem;
			font-weight: 700;
			color: #255388;
			text-decoration: underline;
		}

.serviceSection .serviceBox{
		max-width: 1100px;
		margin-inline: auto;
		border: 1px solid #999999;
		border-radius: 3px;
		padding: 20px;
		display: grid;
		grid-template-columns: 1fr 530px;
		grid-template-rows: auto auto 1fr;
		gap: 0 30px;
	}

.serviceSection .serviceBox >h2{
			grid-column: 1;
			grid-row: 1;
			min-height: 46px;
			background: #373737;
			display: flex;
			align-items: center;
			padding: 8px 26px;
			color: #fff;
			font-size: 1.6rem;
			font-weight: 700;
			border-radius: 3px;
		}

.serviceSection .serviceBox .text{
			grid-column: 1;
			grid-row: 2;
			margin-top: 18px;
			line-height: 1.46;
			font-size: 1.5rem;
		}

.serviceSection .serviceBox .innerSec{
			grid-column: 1;
			grid-row: 3;
			line-height: 1.46;
			font-size: 1.5rem;
			margin-top: 1.3em;
		}

.serviceSection .serviceBox .innerSec h2{
				font-weight: 700;
			}

.serviceSection .serviceBox .innerSec li::before{
					content: '・';
				}

.serviceSection .serviceBox .imgBox{
			grid-column: 2;
			grid-row: 1 / 4;
		}
.serviceSection .serviceBox{
		margin-top: 30px;
	}
/* .serviceSection .serviceBox + .serviceBox{
		margin-top: 30px;
	} */

.serviceSection .otherWorks{
		margin: 50px auto 0;
		max-width: 1100px;
	}

.serviceSection .otherWorks h2{
			font-size: 2rem;
			font-weight: 700;
			line-height: 1.35;
			margin-bottom: 24px;
		}

.serviceSection .otherWorks .row{
			background: #F2F2F2;
			border-radius: 3px;
			padding: 28px 30px;
			display: grid;
			grid-template-columns: 1fr 1fr;
			position: relative;
		}

.serviceSection .otherWorks .row::before{
				content: '';
				width: 1px;
				height: calc(100% - 37px);
				background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
				background-size: 1px 5px;
				background-repeat: repeat-y;
				position: absolute;
				background-position: left top;
				top: 18px;
				left: 50%;
			}

.serviceSection .otherWorks .row ul:last-child{
				margin-left: 28px;
			}

.serviceSection .otherWorks .row li{
				line-height: 1.73;
			}

.serviceSection .otherWorks .row li::before{
					content: '・';
				}

/* ==========================================================================
   基本料金
========================================================================== */

.priceSection{
	margin-top: 70px;
	background: #F2F2F2;
	padding: 66px 0 70px;
}
.priceBox-mt30{
	margin-top: 30px !important;
}
.priceSection .priceBox{
		max-width: 1050px;
		margin: 51px auto 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		position: relative;
		z-index: 1;
	}

.priceSection .priceBox::before{
			content: '';
			width: calc(100% + 52px);
			height: calc(100% + 52px);
			position: absolute;
			top: 50%;
			left: 50%;
			translate: -50% -50%;
			z-index: -1;
			background: #F9F9F9;
			border-radius: 3px;
		}

.priceSection .priceBox dt,.priceSection .priceBox dd{
			position: relative;
			z-index: 1;
			border-radius: 3px;
			background: #fff;
			border: 1px solid #707070;
			height: 175px;
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: center;;
		}

.priceSection .priceBox dt{
			border-radius: 3px 0 0 3px;
			border-right: none;
			line-height: 1;
		}

.priceSection .priceBox dt strong{
				font-size: 2.8rem;
				font-weight: 700;
				margin-bottom: 10px;
			}

.priceSection .priceBox dt span{
				font-size: 2.2rem;
			}

.priceSection .priceBox dd{
			border-radius: 0 3px 3px 0;
			border-left: none;
			position: relative;
		}

.priceSection .priceBox dd::before{
				content: '';
				width: 1px;
				height: 130px;
				background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
				background-size: 1px 5px;
				background-repeat: repeat-y;
				position: absolute;
				background-position: left top;
				top: 50%;
				translate: 0 -50%;
				left: 0;
			}

/* ==========================================================================
   対応可能範囲
========================================================================== */

.availableRange{
	margin-top: 66px;
}

.availableRange .row{
		max-width: 1050px;
		margin: 51px auto 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		position: relative;
		z-index: 1;
	}

.availableRange .row::before{
			content: '';
			width: calc(100% + 52px);
			height: calc(100% + 52px);
			position: absolute;
			top: 50%;
			left: 50%;
			translate: -50% -50%;
			z-index: -1;
			background: #F9F9F9;
			border-radius: 3px;
		}

.availableRange .availableRangeSec{
		background: #fff;
		padding: 24px 50px;
		min-height: 200px;
		display: flex;
		flex-flow: column;
		justify-content: center;
		position: relative;
	}

.availableRange .availableRangeSec::before{
			content: attr(data-en);
			font-family: "futura-pt", sans-serif;
			font-size: 4.5rem;
			font-weight: 600;
			font-style: oblique;
			writing-mode: sideways-lr;
			color: #F1F1F1;
			position: absolute;
			top: 23px;
			right: 0;
		}

.availableRange .availableRangeSec h2{
			font-size: 1.8rem;
			color: #255388;
			font-weight: 700;
		}

.availableRange .availableRangeSec li{
			line-height: 2;
		}

.availableRange .availableRangeSec li::before{
				content: '・';
			}

.availableRange .availableRangeSec1{
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-radius: 3px 0 0 0;
		position: relative;
	}

.availableRange .availableRangeSec1::after{
			content: '';
			width: 1px;
			height: calc(200% - 48px);
			background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
			background-size: 1px 5px;
			background-repeat: repeat-y;
			position: absolute;
			background-position: left top;
			top: 24px;
			right: 0;
			z-index: 3;
		}

.availableRange .availableRangeSec2{
		border-top: 1px solid #999999;
		border-right: 1px solid #999999;
		border-radius: 0 3px 0 0;
	}

.availableRange .availableRangeSec3{
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		border-radius: 0 0 0 3px;
	}

.availableRange .availableRangeSec3::after{
			content: '';
			width: calc(200% - 48px);
			height: 1px;
			background-image: linear-gradient(to right, #707070 2px, transparent 2px);
			background-size: 5px 1px;
			background-repeat: repeat-x;
			position: absolute;
			background-position: left bottom;
			top: 0;
			left: 24px;
			z-index: 2;
		}

.availableRange .availableRangeSec4{
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		border-radius: 0 0 3px 0;
	}

/* ==========================================================================
   導入事例イメージ
========================================================================== */

.caseStudySection{
	margin-top: 96px;
	background: #F2F2F2;
	padding: 66px 0 70px;
}

.caseStudySection .row{
		max-width: 908px;
		margin: 25px auto 0;
		display: grid;
		grid-template-columns: repeat(3,1fr);
		border: 1px solid #707070;
	}

.caseStudySection .caseStudyBox{
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 3;
		padding-bottom: 34px;
	}

.caseStudySection .caseStudyBox >header{
			min-height: 69px;
			border-bottom: 1px solid #999999;
			display: flex;
			background: #fff;
			margin-bottom: 34px;
		}

.caseStudySection .caseStudyBox >header .type{
				flex: 0 0 86px;
				background: #255388;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
				font-weight: 700;
			}

.caseStudySection .caseStudyBox >header .type::before{
					content: '';
					width: 15px;
					height: 15px;
					background: url('../img/type_icon.svg') no-repeat center center / contain;
					flex-shrink: 0;
					margin-right: 5px;
				}

.caseStudySection .caseStudyBox >header h2{
				padding: 5px 13px;
				display: flex;
				align-items: center;
				font-size: 1.8rem;
				font-weight: 700;
				line-height: 1.11;
			}

.caseStudySection .caseStudyBox dl,.caseStudySection .caseStudyBox .content{
			width: 262px;
			justify-self: center;
			align-self: start;
		}

.caseStudySection .caseStudyBox dl{
			display: grid;
			grid-template-columns: auto 1fr;
			gap:0 12px;
		}

.caseStudySection .caseStudyBox dl dd,.caseStudySection .caseStudyBox dl dt{
				font-weight: 700;
				font-size: 1.6;
				line-height: 1.43;
			}

.caseStudySection .caseStudyBox dl dd{
				text-align: right;
				text-decoration: underline;
			}

.caseStudySection .caseStudyBox dl dd p{
					font-weight: 700;
				}

.caseStudySection .caseStudyBox dl dd small{
					font-size: 1.5rem;
				}

.caseStudySection .caseStudyBox dl dd:has(p){
				text-decoration: none;
			}

.caseStudySection .caseStudyBox dl dd:has(p) p{
					text-decoration: underline;
				}

.caseStudySection .caseStudyBox .content h2{
				font-weight: 700;
				margin-bottom: 8px;
			}

.caseStudySection .caseStudyBox .content li{
				text-indent: -1em;
				margin-left: 1em;
			}

.caseStudySection .caseStudyBox .content li::before{
					content: '・';
				}

.caseStudySection .caseStudyBox2{
		position: relative;
	}

.caseStudySection .caseStudyBox2::before,.caseStudySection .caseStudyBox2::after{
			content: '';
			width: 1px;
			height: 100%;
			background-image: linear-gradient(to bottom, #707070 2px, transparent 2px);
			background-size: 1px 5px;
			background-repeat: repeat-y;
			position: absolute;
			background-position: left top;
		}

.caseStudySection .caseStudyBox2::before{
			bottom: 0;
			left: 0;
		}

.caseStudySection .caseStudyBox2::after{
			bottom: 0;
			right: -1px;
		}

/* ==========================================================================
   事例紹介
========================================================================== */

.caseStudySection2{
	margin-top: 66px;
}

.caseStudySection2 .csBox{
		max-width: 908px;
		margin: 25px auto 0;
		padding: 20px 15px;
		border: 1px solid #999999;
		border-radius: 3px;
		display: grid;
		grid-template-columns: 414px 1fr;
		grid-template-rows: auto 1fr;
		gap:19px 37px;
	}

.caseStudySection2 .csBox >h2{
			grid-column: 1;
			grid-row: 1;
			background: #373737;
			color: #fff;
			font-size: 1.65rem;
			line-height: 1.17;
			text-align: left;
			border-radius: 3px;
			min-height: 46px;
			padding: 7px 5px 7px;
			display: flex;
			align-items: center;
			font-feature-settings : 'pkna';
			
		}

.caseStudySection2 .csBox >h2 span{
				font-weight: 700;
			}

.caseStudySection2 .csBox >h2 .inner{
				
				display: flex;
				align-items: center;
			}

.caseStudySection2 .csBox >h2 .inner span:nth-of-type(1){
					width: 60px;
					height: 33px;
					border-radius: 5px;
					background: #FFFFFF;
					flex-shrink: 0;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					color: #373737;
					border: 1px solid #707070;
					margin-right: 10px;
				}

.caseStudySection2 .csBox .textBox{
			grid-column: 1;
			grid-row: 2;
		}

.caseStudySection2 .csBox figure{
			grid-column: 2;
			grid-row: 1 / 3;
		}

.caseStudySection2 .csBox .company{
			line-height: 1.46;
			margin-bottom: 11px;
		}

.caseStudySection2 .csBox .innerSec h2{
				line-height: 1.46;
				font-weight: 700;
			}

.caseStudySection2 .csBox .innerSec p{
				line-height: 1.46;
			}

.caseStudySection2 .csBox .innerSec + .innerSec{
			margin-top: 16px;
		}

/* ==========================================================================
   「お客様×サクラサク」インタビュー
========================================================================== */

.interviewSection{
	margin-top: 70px;
	background: #F2F2F2;
	padding: 66px 0 70px;
}

.interviewSection .row{
		max-width: 1100px;
		margin: 26px auto 0;
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap:0 26px;
	}

.interviewSection .interviewBox{
		display: contents;
	}

.interviewSection .interviewBox a{
			background: #fff;
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 4;
			border: 1px solid #CCCCCC;
			border-radius: 4px;
			padding: 13px 13px 20px;
		}

.interviewSection .interviewBox .tm{
			overflow: hidden;
			border-radius: 5px;
			margin-bottom: 10px;
		}

.interviewSection .interviewBox h2{
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			text-align:left;
			font-size: 1.5rem;
			line-height: 1.33;
			font-weight: 700;
		}

.interviewSection .interviewBox .company{
			margin-top: 21px;
			font-size: 1.4rem;
			font-weight: 700;
		}

.interviewSection .interviewBox .tag{
	    align-self: start;
			margin-top: 16px;
			display: flex;
			flex-flow: row wrap;
			align-items: flex-start;
			gap: 5px 13px;
		}

.interviewSection .interviewBox .tag li{
				padding: 3px 18px;
				background: #255388;
				border-radius: 5px;
				color: #fff;
				font-size: 1.5rem;
				font-weight: 700;
				text-align: center;
				display: grid;
				place-content: center;
			}

/* ==========================================================================
   FAQ
========================================================================== */

.faqSection{
	margin-top: 66px;
}

.faqSection .sectionToptext{
		margin-bottom: 26px;
	}

.faqSection .faqWrapper{
		max-width: 1100px;
		margin-inline: auto;
	}

.faqSection .faqWrapper >h2{
			height: 38px;
			background: #373737;
			border-radius: 3px;
			color: #fff;
			display: flex;
			align-items: center;
			padding: 0 18px;
			cursor: pointer;
			font-size: 1.6rem;
			font-weight: 700;
		}

@media (hover:hover) {
				.faqSection .faqWrapper >h2:hover{
					opacity: .9;
				}
			}

.faqSection .faqWrapper >h2::before{
				content: '';
				background: url('../img/faq_arrow.svg') no-repeat center center / contain;
				width: 14px;
				height: 8px;
				flex-shrink: 0;
				margin-right: 24px;
				transition: rotate .2s linear;
			}

.faqSection .faqWrapper .open::before{
				rotate: 180deg;
			
			}

.faqSection .faqWrapper .hideBox{
			display: none;
			padding: 20px 0 30px;
		}

.faqSection .faqWrapper .faqBox >header{
				display: flex;
				align-items: baseline;
			}

.faqSection .faqWrapper .faqBox >header::before{
					content: 'Q';
					font-family: "futura-pt", sans-serif;
					font-size: 3.5rem;
					font-weight: 600;
					line-height: 1;
					color: #255388;
					flex-shrink: 0;
					margin-right: 19px;
				}

.faqSection .faqWrapper .faqBox >header h2{
					font-size: 1.6rem;
					font-weight: 700;
				}

.faqSection .faqWrapper .faqBox .a{
				margin-top: 5px;
				display: flex;
				
			}

.faqSection .faqWrapper .faqBox .a::before{
					content: 'A';
					font-family: "futura-pt", sans-serif;
					font-size: 3.5rem;
					font-weight: 600;
					line-height: 1;
					color: #DB337B;
					flex-shrink: 0;
					margin-right: 19px;
				}

.faqSection .faqWrapper .faqBox .a .inner{
					padding-top: .5em;
				}

.faqSection .faqWrapper .faqBox .a .inner p{
						font-size: 1.6rem;
					}

.faqSection .faqWrapper .faqBox .a .inner p + p{
						margin-top: 1em;
					}

.faqSection .faqWrapper .faqBox + .faqBox{
			margin-top: 30px;
			padding-top: 15px;
			position: relative;
		}

.faqSection .faqWrapper .faqBox + .faqBox::after{
				content: '';
				width: 100%;
				height: 1px;
				background-image: linear-gradient(to right, #707070 2px, transparent 2px);
				background-size: 5px 1px;
				background-repeat: repeat-x;
				position: absolute;
				background-position: left bottom;
				top: 0;
				left: 0;
				z-index: 2;
			}

.faqSection .faqWrapper + .faqWrapper{
		margin-top: 2px;
	}

.faqSection .faqWrapper:last-child .hideBox{
			padding-bottom: 0;
		}

.faqSection .defaultOpen .hideBox{
			display: block;
		}

/* ==========================================================================
   お問い合わせフォーム
========================================================================== */

.contactSection{
	margin-top: 70px;
	background: #F2F2F2;
	padding: 66px 0 70px;
}

.contactSection .formWall{
		max-width: 848px;
		margin: 26px auto 0;
		background: #fff;
		padding: 33px 31px 52px;
	}

/* ==========================================================================
   fixBtn
========================================================================== */

.fixBtn{
	display: none;
	position: fixed;
	top: 50%;
	right: 0;
	translate: 0 -50%;
	z-index: 900;
	width: 45px;
}

.fixBtn li + li{
		margin-top: 10px;
	}

/* ==========================================================================
   end
========================================================================== */

@media only screen and (max-width: 767px) {
html{
	font-size: calc(100vw / 39);
}
body{
	min-width: 0;

}
a:hover{
	opacity: 1;
}
img{
	max-width: none;
	width: 100%;
}
	button:hover{
		opacity: 1;
	}
.spShow{
	display: inline-block;
}
.pcShow{
	display: none;
}
/* ==========================================================================
   footer
========================================================================== */
#gFooter .copyright{
	font-size: 12px;
}

/* ==========================================================================
   ヘッダー
========================================================================== */
.mainHeader{
	min-width: 0;
	display: grid;
	grid-template-columns: calc(calc(148/390) * 100vw) 1fr;
	padding-left: calc(calc(20/390) * 100vw);
	gap: 0;
	height: calc(calc(78/390) * 100vw);
	border-bottom: calc(calc(1/390) * 100vw) solid #EEEEEE;
}
	.mainHeader .pageLink{
		display: none;
	}
	.mainHeader .menuBtn{
		justify-self: end;
    width: calc(calc(78/390) * 100vw);
    font-size: 1.4rem;
  }
			.mainHeader .menuBtn button .inner{
				gap: calc(calc(4/390) * 100vw) 0;
			}
      .mainHeader .menuBtn button .line{
				width: calc(calc(38/390) * 100vw);
        height: calc(calc(1/390) * 100vw);
      }
      .mainHeader .menuBtn .menuBtnOpen .line2{
        margin-top: calc(calc(10/390) * 100vw);
      }
      .mainHeader .menuBtn .menuBtnOpen .name{
        margin-top: calc(calc(3/390) * 100vw);
      }
/* ==========================================================================
   グローバルナビ
========================================================================== */
.gNav{
	top: calc(calc(77/390) * 100vw);
	height: calc(100svh - calc(calc(77/390) * 100vw));
	min-width: 0;
}
	.gNav .inner{
		width: 100%;
		padding: calc(calc(74/390) * 100vw) calc(calc(23/390) * 100vw);
		margin: 0;
	}
	.gNav ul{
		max-width: none;
		display: block;
		line-height: 2.1;
	}
		.gNav ul .home{
			margin-bottom: calc(calc(27/390) * 100vw);
		}
			.gNav ul .home img{
				width: calc(calc(23/390) * 100vw);
			}
/* ==========================================================================
   fv
========================================================================== */
.pageContainer{
	padding-top: calc(calc(78/390) * 100vw);
}
.fv{
	height: calc(calc(588/390) * 100vw);
	background: none;
}
	.fv .inner{
		width: 100%;
		margin-inline: auto;
		position: relative;
		z-index: 1;
		padding: calc(calc(105/390) * 100vw) calc(calc(14/390) * 100vw) 0;
	}
		.fv .inner::after{
			opacity: 0.44;
			width: calc(calc(370/390) * 100vw);
			height: calc(calc(538/390) * 100vw);
			top: calc(calc(50/390) * 100vw);
			left: calc(calc(10/390) * 100vw);
		}
	.fv h1{
		text-align: center;
	}
		.fv h1::before{
			font-size: 3.7rem;
			margin-bottom: calc(calc(20/390) * 100vw);
		}
		.fv h1 span{
			font-size: 1.8rem;
			letter-spacing: 0.5em;
			padding-left: .5em;
		}
	.fv ol{
		margin-top: calc(calc(55/390) * 100vw);
	}
	.fv .btnLink{
		margin: calc(calc(50/390) * 100vw) auto 0;
		width: calc(calc(280/390) * 100vw);
		flex-flow: column;
		gap: calc(calc(30/390) * 100vw) 0;
	}
		.fv .btnLink a{
			height: calc(calc(47/390) * 100vw);
			border-radius: calc(calc(3/390) * 100vw);
		}
		.fv .btnLink li{
			width: 100%;
		}
			.fv .btnLink li:first-child a{
				background: url('../img/download_icon.svg') no-repeat calc(100% - calc(calc(33/390) * 100vw)) center / calc(calc(12/390) * 100vw) auto;
				background-color: #255388;
			}
			.fv .btnLink li:last-child a{
				background: url('../img/contact_icon.svg') no-repeat calc(100% - calc(calc(24/390) * 100vw)) center / calc(calc(18/390) * 100vw) auto;
				background-color: #DB2B76;
			}
/* ==========================================================================
   常時100社以上の中小企業を支援しています
========================================================================== */
.logoSlideEection{
	margin-top: calc(calc(30/390) * 100vw);
}
	.logoSlideEection >h2{
		line-height: 1.42;
		margin-bottom: calc(calc(20/390) * 100vw);
	}
		.logoSlideEection >h2::before{
			width: calc(calc(51/390) * 100vw);
			height: calc(calc(51/390) * 100vw);
			margin: 0 auto calc(calc(4/390) * 100vw);
		}
	.logoSlideEection .slideWall{
    width: 100%;
    height: calc(calc(38/390) * 100vw);
		overflow: hidden;
	}
    .logoSlideEection .slideWall .swiper{
			width: 100%;
      height: calc(calc(38/390) * 100vw);
    }
/* ==========================================================================
   sectionBorderTitle
========================================================================== */
.sectionBorderTitle{
	font-size: 2.4rem;
	padding-left: calc(calc(30/390) * 100vw);
	border-left: calc(calc(1/390) * 100vw) solid #707070;
	width: calc(calc(360/390) * 100vw);
}
	.sectionBorderTitle span{
		margin-bottom: calc(calc(5/390) * 100vw);
	}
.sectionToptext{
	width: calc(calc(360/390) * 100vw);
}
.sectionBorderTitle + .sectionToptext{
	margin-top: calc(calc(16/390) * 100vw);
}
/* ==========================================================================
   サクラサクの記事制作代行サービスとは
========================================================================== */
.aboutSec{
	margin-top: calc(calc(60/390) * 100vw);
	padding-bottom: calc(calc(40/390) * 100vw);
}
	.aboutSec::before{
		height: calc(calc(63/390) * 100vw);
	}
	.aboutSec .sectionBorderTitle + .sectionToptext{
		margin-top: calc(calc(32/390) * 100vw);
	}
	.aboutSec .aboutInnerSec{
		width: calc(calc(370/390) * 100vw);
		margin: 0;
	}
		.aboutSec .aboutInnerSec .textBox{
			grid-column: 1;
			grid-row: 1;
			z-index: 2;
			align-self: start;
			margin-top: calc(calc(150/390) * 100vw);
			max-width: calc(calc(348/390) * 100vw);
			padding: calc(calc(31/390) * 100vw) calc(calc(15/390) * 100vw) calc(calc(32/390) * 100vw);
			background: #fff;
		}
			.aboutSec .aboutInnerSec .textBox header{
				margin-bottom: calc(calc(20/390) * 100vw);
				align-items: flex-start;
			}
				.aboutSec .aboutInnerSec .textBox header .num{
					margin-top: -.4em;
				}
					.aboutSec .aboutInnerSec .textBox header .num::after{
						display: none;
					}
				.aboutSec .aboutInnerSec .textBox header .fontFP{
					font-size: 5rem;
					margin-left: calc(calc(8/390) * 100vw);
				}
				.aboutSec .aboutInnerSec .textBox header h2{
					margin-left: calc(calc(15/390) * 100vw);
					line-height: 1.38;
					border-left: calc(calc(1/390) * 100vw) solid #707070;
					padding-left: calc(calc(24/390) * 100vw);
					flex-flow: column;
					font-size: 2.4rem;
					text-align: left;
					font-feature-settings : 'pkna';
				}
			.aboutSec .aboutInnerSec .textBox >p{
				width: calc(calc(316/390) * 100vw);
				padding: 0 0 0 calc(calc(41/390) * 100vw);
				font-size: 1.4rem;
				line-height: 1.78;
			}
	.aboutSec .aboutInnerSec1{
		margin-top: calc(calc(26/390) * 100vw);
	}
		.aboutSec .aboutInnerSec1 .textBox{
			justify-self: start;
		}
	.aboutSec .aboutInnerSec2{
		margin-top: 0;
	}
	.aboutSec .aboutInnerSec3{
		margin-top: 0;
	}
		.aboutSec .aboutInnerSec3 .textBox{
			justify-self: start;
		}
					.aboutSec .aboutInnerSec3 .textBox header h2 span{
						width: -moz-max-content;
						width: max-content;
					}

/* ==========================================================================
   動画
========================================================================== */
.youtube
 {
   max-width: 91.66667vw;
   margin-top: calc(calc(50 / 390) * 100vw);
margin-bottom: calc(calc(50 / 390) * 100vw);
}

/* ==========================================================================
   こんなお困りごとはありませんか？
========================================================================== */
.problemsSection{
	margin-top: calc(calc(50/390) * 100vw);
}
	.problemsSection .sectionBorderTitle{
		margin-bottom: calc(calc(40/390) * 100vw);
	}
	.problemsSection >ul{
		display: grid;
		grid-template-columns: 100%;
	}
		.problemsSection >ul::before{
			display: none;
		}
		.problemsSection >ul::after{
			display: none;
		}
		.problemsSection >ul li + li{
			position: relative;
		}
			.problemsSection >ul li + li::before{
				content: '';
				width: 100%;
				height: calc(calc(1/390) * 100vw);
				background-image: linear-gradient(to right, #A8A8A8 calc(calc(1/390) * 100vw), transparent calc(calc(1/390) * 100vw));
				background-size: calc(calc(2/390) * 100vw) calc(calc(1/390) * 100vw);
				background-repeat: repeat-x;
				position: absolute;
				background-position: left bottom;
				top: 0;
				translate: 0 -50%;
				left: 0;
				z-index: 2;
			}
	.problemsSection .problemsBox{
		height: calc(calc(195/390) * 100vw);
	}
		.problemsSection .problemsBox h2{
			font-size: 1.5rem;
			margin-bottom: calc(calc(15/390) * 100vw);
		}
		.problemsSection .problemsBox a{
			width: calc(calc(220/335) * 100vw);
			height: calc(calc(34/390) * 100vw);
			border-radius: calc(calc(2/390) * 100vw);
			/* background: url('../img/sp_arrow_bottom.svg') no-repeat calc(100% - calc(calc(10.5/390) * 100vw)) center / calc(calc(10/390) * 100vw) auto; */
			background-color: #255388;
			font-size: 1.4rem;
			
		}
	.problemsSection .problemsBox1{
		background-image: url('../img/sp_problems_img1.jpg');
	}
	.problemsSection .problemsBox2{
		background-image: url('../img/sp_problems_img2.jpg');
	}
	.problemsSection .problemsBox3{
		background-image: url('../img/sp_problems_img3.jpg');
	}
	.problemsSection .problemsBox4{
		background-image: url('../img/sp_problems_img4.jpg');
	}
/* ==========================================================================
   制作体制
========================================================================== */
.productionSystem{
	background: #F2F2F2;
	padding: calc(calc(50/390) * 100vw) 0 calc(calc(70/390) * 100vw);
}
	.productionSystem .illuBox{
		max-width: calc(calc(366/390) * 100vw);
		margin: calc(calc(16/390) * 100vw) auto 0;
	}
/* ==========================================================================
   優位性
========================================================================== */
/* .advantagesSec{
	margin-top: calc(calc(50/390) * 100vw);
}
	.advantagesSec .advantagesTable{
		max-width: calc(calc(370/390) * 100vw);
		margin: calc(calc(21/390) * 100vw) auto 0;
		border: calc(calc(1/390) * 100vw) solid #777777;
	}
		.advantagesSec .advantagesTable td,.advantagesSec .advantagesTable th{
			border-right: calc(calc(1/390) * 100vw) solid #777777;
			border-bottom: calc(calc(1/390) * 100vw) solid #777777;
			padding:0;
			line-height: 1;
		}
		.advantagesSec .advantagesTable td:has(.symbol){
			padding: calc(calc(3/390) * 100vw) 0;
		}
		.advantagesSec .advantagesTable th{
			font-size: 1.1rem;
		}
			.advantagesSec .advantagesTable thead th:nth-child(1){
				width: calc(calc(73/390) * 100vw);
			}
				.advantagesSec .advantagesTable thead th span{
					font-size: .8rem;
					font-weight: 700;
					display: block;
				}
		.advantagesSec .advantagesTable .symbol{
			font-size: 1.5rem;
		}
		.advantagesSec .advantagesTable .highlight{
			width: calc(calc(110/390) * 100vw);
			font-size: 1.1rem;
			line-height: 1.1;
			padding-bottom: calc(calc(8/390) * 100vw);
			border-left: calc(calc(2/390) * 100vw) solid #255388;
			border-right: calc(calc(2/390) * 100vw) solid #255388;
		}
			.advantagesSec .advantagesTable .highlight::before{
				top: calc(-1 * calc(calc(8/390) * 100vw));
				left: calc(-1 * calc(calc(2/390) * 100vw));
				z-index: -1;
				width: calc(100% + calc(calc(4/390) * 100vw));
				border-radius: calc(calc(3/390) * 100vw) calc(calc(3/390) * 100vw) 0 0;
			}
		.advantagesSec .advantagesTable .highlightColumn{
			background: #fff;
			border-left: calc(calc(2/390) * 100vw) solid #255388;
			border-right: calc(calc(2/390) * 100vw) solid #255388;
		}
			.advantagesSec .advantagesTable .highlightColumn .excellent{
				font-size: 2rem;
			}
		.advantagesSec .advantagesTable .highlightColumnEnd{
			border-bottom-color: #fff;
			position: relative;
			z-index: 1;
		}
			.advantagesSec .advantagesTable .highlightColumnEnd::before{
				bottom: calc(-1 * calc(calc(4/390) * 100vw));
				left: calc(-1 * calc(calc(2/390) * 100vw));
				background: #fff;
				border-left: calc(calc(2/390) * 100vw) solid #255388;
				border-right: calc(calc(2/390) * 100vw) solid #255388;
				border-bottom: calc(calc(2/390) * 100vw) solid #255388;
				border-radius: 0 0 calc(calc(3/390) * 100vw) calc(calc(3/390) * 100vw);
			} */
/* ==========================================================================
   コンテンツ制作フロー
========================================================================== */
.flowSection{
	margin-top: calc(calc(50/390) * 100vw);
	padding: calc(calc(50/390) * 100vw) 0 calc(calc(60/390) * 100vw);
}
	.flowSection .flowWrapper{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(26/390) * 100vw) auto 0;
	}
		.flowSection .flowWrapper::before{
			width: calc(calc(1/390) * 100vw);
			background-image: linear-gradient(to bottom, #707070 calc(calc(2/390) * 100vw), transparent calc(calc(2/390) * 100vw));
			background-size: calc(calc(2/390) * 100vw) calc(calc(5/390) * 100vw);
		}
		.flowSection .flowWrapper::after{
			width: calc(calc(1/390) * 100vw);
			background-image: linear-gradient(to bottom, #707070 calc(calc(2/390) * 100vw), transparent calc(calc(2/390) * 100vw));
			background-size: calc(calc(2/390) * 100vw) calc(calc(5/390) * 100vw);
			left: calc(calc(80/390) * 100vw);
		}
		.flowSection .flowWrapper li{
			display: grid;
			grid-template-columns: calc(calc(80/390) * 100vw) 1fr;
			gap: 0 calc(calc(10/390) * 100vw);
		}
		.flowSection .flowWrapper li + li{
			margin-top: calc(calc(11/390) * 100vw);
		}
		.flowSection .flowWrapper .num{
			font-size: 1.3rem;
		}
			.flowSection .flowWrapper .num::after{
				width: calc(calc(60/390) * 100vw);
				height: calc(calc(8/390) * 100vw);
				background: url('../img/sp_flow_arrow.svg') no-repeat center center / contain;
				bottom: calc(-1 * calc(calc(8/390) * 100vw));
			}
			.flowSection .flowWrapper .num .fontFP{
				margin-top: calc(calc(4/390) * 100vw);
			}
		.flowSection .flowWrapper .flowBox{
			min-height: calc(calc(100/390) * 100vw);
			border: calc(calc(1/390) * 100vw) solid #707070;
			padding: calc(calc(8/390) * 100vw) calc(calc(10/390) * 100vw) calc(calc(7/390) * 100vw) calc(calc(19/390) * 100vw);
			color: #fff;
		}
			.flowSection .flowWrapper .flowBox h2{
				margin-bottom: calc(calc(4/390) * 100vw);
			}
			.flowSection .flowWrapper .flowBox p{
				font-feature-settings : 'pkna';
			}
				.flowSection .flowWrapper li:last-child .num::after{
					display: none;
				}
	.flowSection .checkFlow{
		width: calc(calc(360/390) * 100vw);
		margin: calc(calc(36/390) * 100vw) auto 0;
		grid-template-columns: 100%;
		gap:0 50px;
	}
		.flowSection .checkFlow header{
			padding-right: 0;
			background:none;
			margin-bottom: calc(calc(14/390) * 100vw);
		}
				.flowSection .checkFlow header h2 span{
					margin-bottom: calc(calc(5/390) * 100vw);
				}
			.flowSection .checkFlow header p{
				margin-top: calc(calc(15/390) * 100vw);
				font-feature-settings : 'pkna';
			}
		.flowSection .checkFlow .flowBox{
			padding-right: 0;
		}
			.flowSection .checkFlow .flowBox ol{
				gap: calc(calc(25/390) * 100vw) 0;
			}
			.flowSection .checkFlow .flowBox li{
				padding: calc(calc(12/390) * 100vw) calc(calc(10/390) * 100vw);
				border: calc(calc(1/390) * 100vw) solid #777777;
				border-radius: calc(calc(3/390) * 100vw);
				background: #fff;
				display: flex;
				flex-flow: column;
				align-items: center;
				gap: calc(calc(4/390) * 100vw) 0;
			}
			.flowSection .checkFlow .flowBox li:not(:last-child){
				min-height: 0;
			}
				.flowSection .checkFlow .flowBox li:not(:last-child)::before{
					width: calc(calc(3.5/390) * 100vw);
					height: calc(calc(26/390) * 100vw);
					left: 50%;
					translate: -50% 0;
					top: auto;
					bottom: calc(-1 * calc(calc(26/390) * 100vw));
					z-index: -1;
				}
				.flowSection .checkFlow .flowBox li.lineBlue::before{
					background: #255388;
				}
				.flowSection .checkFlow .flowBox li.lineArrow::before{
					height: calc(calc(24/390) * 100vw);
					top: auto;
					bottom: calc(-1 * calc(calc(24/390) * 100vw));
				}
				.flowSection .checkFlow .flowBox li.lineArrow::after{
					width: calc(calc(23/390) * 100vw);
					height: calc(calc(19/390) * 100vw);
					left: 50%;
					translate: -50% 0;
					bottom: calc(-1 * calc(calc(26/390) * 100vw));
				}
			.flowSection .checkFlow .flowBox .boxText{
				width: 100%;
				height: auto;
				border-radius: 0;
				background: none;
				border: none;
				display: block;
				text-align: center;
				font-size: 1.7rem;
				margin-bottom: calc(calc(3/390) * 100vw);
			}
			.flowBox .description{
font-size: 1em;
}
			.flowSection .checkFlow .flowBox .description{
				padding-right: 0;
			}
			.flowSection .checkFlow .flowBox .boxTextBlue{
				background: none;
				color: #111111;
				color: var(--color);
			}
			.flowSection .checkFlow .flowBox li:has(.description){
				display: block;
			}
			.flowSection .checkFlow .flowBox li:has(.boxTextBlue){
				display: block;
				background: #255388;
				color: #fff;
				border: none;
			}
				.flowSection .checkFlow .flowBox li:has(.boxTextBlue) .boxText{
					color: #fff;
				}
		.flowSection .checkFlow .notice{
			margin-top: calc(calc(33/390) * 100vw);
			position: static;
			gap: 0 calc(calc(6/390) * 100vw);
			font-size: 1rem;
		}
			.flowSection .checkFlow .notice::before{
				width: calc(calc(37/390) * 100vw);
				height: calc(calc(16/390) * 100vw);
				border-radius: calc(calc(3/390) * 100vw);
			}

/* =20250728追加= */
	.flowSection .downloadList{
		width: calc(calc(360/390) * 100vw);
		margin: calc(calc(27/390) * 100vw) auto calc(calc(38/390) * 100vw);
	}
		.flowSection .downloadList li{
			font-size: 1.5rem;
		}
		.flowSection .downloadList a{
			font-size: 1.5rem;
		}

/* =AI記事でも大丈夫？= */
.flowSection_ai {
    margin: calc(calc(36 / 390) * 100vw) auto 0;
}

	.flowSection_ai .row{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(30/390) * 100vw) auto 0;
		display: grid;
		grid-template-columns: 100%;
		gap:calc(calc(20/390) * 100vw) 0;
	}
		.flowSection_ai .interviewBox a{
			gap:0;
			border: calc(calc(1/390) * 100vw) solid #CCCCCC;
			border-radius: calc(calc(4/390) * 100vw);
			padding: calc(calc(13/390) * 100vw) calc(calc(13/390) * 100vw) calc(calc(20/390) * 100vw);
		}
		.flowSection_ai .interviewBox .tm{
			border-radius: calc(calc(5/390) * 100vw);
			margin-bottom: calc(calc(13/390) * 100vw);
		}
		.flowSection_ai .interviewBox .company{
			margin-top: calc(calc(17/390) * 100vw);
		}
		.flowSection_ai .interviewBox .tag{
			margin-top: calc(calc(19/390) * 100vw);
			gap: calc(calc(10/390) * 100vw) calc(calc(22/390) * 100vw);
		}
			.flowSection_ai .interviewBox .tag li{
				padding: calc(calc(3/390) * 100vw) calc(calc(18/390) * 100vw);
				border-radius: calc(calc(5/390) * 100vw);
			}
/* ==========================================================================
   コンテンツ制作メンバー
========================================================================== */
.memberSection{
	margin-top: calc(calc(50/390) * 100vw);
}
	.memberSection .slideWall{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(12/390) * 100vw) auto 0;
	}
		.memberSection .slideWall .swiper{
			overflow: hidden;
		}
		.memberSection .slideWall .partRow{
			margin: calc(calc(15/390) * 100vw) 0 0;
			display: grid;
			grid-template-columns: calc(calc(62/390) * 100vw) 1fr;
			grid-template-rows: calc(calc(60/390) * 100vw);
			grid-gap: 0 calc(calc(13/390) * 100vw);
		}
			.memberSection .slideWall .partRow .swiper-button-next,.memberSection .slideWall .partRow .swiper-button-prev{
				width: calc(calc(31/390) * 100vw);
				height: calc(calc(31/390) * 100vw);
				border: calc(calc(1/390) * 100vw) solid #777777;
			}
			.memberSection .slideWall .partRow .swiper-button-next{
				background: url('../img/arrow-right.svg') no-repeat center center / calc(calc(4/390) * 100vw) auto;
			}
			.memberSection .slideWall .partRow .swiper-button-prev{
				background: url('../img/arrow-left.svg') no-repeat center center / calc(calc(4/390) * 100vw) auto;
			}
			.memberSection .slideWall .partRow .swiper-pagination-progressbar {
				height: calc(calc(2/390) * 100vw);
			}
	.memberSection .memberSlideBox{
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto 1fr calc(calc(187/390) * 100vw);
		padding: calc(calc(10/390) * 100vw);
		gap: 0;
		border: calc(calc(1/390) * 100vw) solid #777777;
	}
		.memberSection .memberSlideBox figure{
			grid-column: 1;
			grid-row: 2;
		}
		.memberSection .memberSlideBox header{
			grid-column: 1;
			grid-row: 1;
			font-size: 1.3rem;
			min-height: calc(calc(50/390) * 100vw);
			padding: calc(calc(12/390) * 100vw) calc(calc(5/390) * 100vw);
			margin-bottom: calc(calc(11/390) * 100vw);
			border-radius: calc(calc(3/390) * 100vw);
		}
				.memberSection .memberSlideBox header .name::after{
					content: '／';
					margin: 0;
				}
		.memberSection .memberSlideBox .inner{
			grid-column: 1;
			grid-row: 3;
			margin-top: calc(calc(15/390) * 100vw);
			height: calc(calc(172/390) * 100vw);
			padding-right: calc(calc(10/390) * 100vw);
			overscroll-behavior-y: inherit;
		}
			.memberSection .memberSlideBox .inner::-webkit-scrollbar{
        width: calc(calc(1/390) * 100vw);
      }
			.memberSection .memberSlideBox .inner .apecialtyGenre{
				margin-top: 11px;
			}
				.memberSection .memberSlideBox .inner .apecialtyGenre h2{
					font-weight: 700;
				}
/* ==========================================================================
   ライター／有資格者／監修者
========================================================================== */
.writerEtcSection{
	margin-top: calc(calc(50/390) * 100vw);
	padding: calc(calc(50/390) * 100vw) 0 calc(calc(70/390) * 100vw);
}
	.writerEtcSection .row{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(37/390) * 100vw) auto 0;
		grid-template-columns: 100%;
		border: calc(calc(1/390) * 100vw) solid #999999;
	}
		.writerEtcSection .writerEtcBox h2{
			height: calc(calc(59/390) * 100vw);
		}
		.writerEtcSection .writerEtcBox .inner{
			padding: calc(calc(30/390) * 100vw) calc(calc(10/390) * 100vw) calc(calc(15/390) * 100vw) calc(calc(20/390) * 100vw);
		}
		.writerEtcSection .writerEtcBox ul{
			height: calc(calc(222/390) * 100vw);
			overscroll-behavior-y: inherit;
			padding-right: calc(calc(10/390) * 100vw);
		}
			.writerEtcSection .writerEtcBox ul::-webkit-scrollbar{
        width: calc(calc(1/390) * 100vw);
				background: #DDDDDD;
      }
	.writerEtcSection .writerEtcBox2{
		border-top: calc(calc(1/390) * 100vw) solid #999999;
	}
		.writerEtcSection .writerEtcBox2::before,.writerEtcSection .writerEtcBox2::after{
			display: none;
		}
	.writerEtcSection .writerEtcBox3{
		border-top: calc(calc(1/390) * 100vw) solid #999999;
	}
/* ==========================================================================
   さまざまな提供サービス
========================================================================== */
.serviceSection{
	margin-top: calc(calc(52/390) * 100vw);
}
	.serviceSection .downloadList{
		width: calc(calc(360/390) * 100vw);
		margin: calc(calc(27/390) * 100vw) auto calc(calc(38/390) * 100vw);
	}
		.serviceSection .downloadList li{
			font-size: 1.5rem;
		}
		.serviceSection .downloadList a{
			font-size: 1.5rem;
		}
	.serviceSection .serviceBox{
		max-width: calc(calc(360/390) * 100vw);
		border: calc(calc(1/390) * 100vw) solid #999999;
		border-radius: calc(calc(3/390) * 100vw);
		padding: calc(calc(20/390) * 100vw) calc(calc(10/390) * 100vw) calc(calc(10/390) * 100vw);
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto 1fr;
		gap: 0;
	}
		.serviceSection .serviceBox >h2{
			min-height: calc(calc(46/390) * 100vw);
			padding: calc(calc(8/390) * 100vw) calc(calc(26/390) * 100vw);
			border-radius: calc(calc(3/390) * 100vw);
		}
		.serviceSection .serviceBox .text{
			margin-top: calc(calc(18/390) * 100vw);
		}
		.serviceSection .serviceBox .imgBox{
			grid-column: 1;
			grid-row: 4;
			margin-top: calc(calc(17/390) * 100vw);
		}
	.serviceSection .serviceBox{
		margin-top: calc(calc(19/390) * 100vw);
	}
	/* .serviceSection .serviceBox + .serviceBox{
		margin-top: calc(calc(19/390) * 100vw);
	} */
	.serviceSection .otherWorks{
		margin: calc(calc(30/390) * 100vw) auto 0;
		max-width: calc(calc(360/390) * 100vw);
	}
		.serviceSection .otherWorks h2{
			margin-bottom: calc(calc(14/390) * 100vw);
		}
		.serviceSection .otherWorks .row{
			background: #F2F2F2;
			border-radius: calc(calc(3/390) * 100vw);
			padding: calc(calc(28/390) * 100vw) calc(calc(10/390) * 100vw);
			grid-template-columns: 100%;
		}
			.serviceSection .otherWorks .row::before,.serviceSection .otherWorks .row::after{
				display: none;
			}
			.serviceSection .otherWorks .row ul:last-child{
				margin-left: 0;
			}
/* ==========================================================================
   基本料金
========================================================================== */
.priceSection{
	margin-top: calc(calc(70/390) * 100vw);
	padding: calc(calc(50/390) * 100vw) 0 calc(calc(85/390) * 100vw);
}
	.priceSection .priceBox{
		max-width: calc(calc(330/390) * 100vw);
		margin: calc(calc(40/390) * 100vw) auto 0;
		grid-template-columns: 100%;
	}
		.priceSection .priceBox::before{
			width: calc(100% + calc(calc(30/390) * 100vw));
			height: calc(100% + calc(calc(30/390) * 100vw));
			border-radius: calc(calc(3/390) * 100vw);
		}
		.priceSection .priceBox dt,.priceSection .priceBox dd{
			border-radius: calc(calc(3/390) * 100vw);
			background: #fff;
			border: calc(calc(1/390) * 100vw) solid #707070;
			height: calc(calc(175/390) * 100vw);
		}
		.priceSection .priceBox dt{
			border-radius: calc(calc(3/390) * 100vw) calc(calc(3/390) * 100vw) 0 0;
			border-right: calc(calc(1/390) * 100vw) solid #707070;
			border-bottom: none;
		}
			.priceSection .priceBox dt strong{
				margin-bottom: calc(calc(10/390) * 100vw);
			}
			.priceSection .priceBox dt span{
				font-size: 2rem;
				line-height: 1.3;
			}
		.priceSection .priceBox dd{
			border-radius: 0 0 calc(calc(3/390) * 100vw) calc(calc(3/390) * 100vw);
			border-top: none;
		}
			.priceSection .priceBox dd::before{
				content: '';
				width: calc(calc(300/390) * 100vw);
				height: calc(calc(1/390) * 100vw);
				background-image: linear-gradient(to right, #707070 calc(calc(2/390) * 100vw), transparent calc(calc(2/390) * 100vw));
				background-size: calc(calc(5/390) * 100vw) calc(calc(1/390) * 100vw);
				background-repeat: repeat-x;
				position: absolute;
				background-position: left bottom;
				top: 0;
				translate: -50% 0;
				left: 50%;
			}
			.priceSection .priceBox dd img{
				width: calc(calc(163/390) * 100vw);
			}
/* ==========================================================================
   対応可能範囲
========================================================================== */
.availableRange{
	margin-top: calc(calc(50/390) * 100vw);
}
	.availableRange .row{
		max-width: calc(calc(340/390) * 100vw);
		margin: calc(calc(23/390) * 100vw) auto 0;
		display: grid;
		grid-template-columns: 100%;
		position: relative;
		z-index: 1;
	}
		.availableRange .row::before{
			width: calc(100% + calc(calc(20/390) * 100vw));
			height: calc(100% + calc(calc(20/390) * 100vw));
			border-radius: calc(calc(3/390) * 100vw);
		}
	.availableRange .availableRangeSec{
		background: #fff;
		padding: calc(calc(40/390) * 100vw) calc(calc(15/390) * 100vw);
		min-height: 0;
	}
		.availableRange .availableRangeSec::before{
			top: calc(calc(25/390) * 100vw);
			right: -.4em;
		}
	.availableRange .availableRangeSec1{
		border-top: calc(calc(1/390) * 100vw) solid #999999;
		border-left: calc(calc(1/390) * 100vw) solid #999999;
		border-right: calc(calc(1/390) * 100vw) solid #999999;
		border-radius: calc(calc(3/390) * 100vw) calc(calc(3/390) * 100vw) 0 0;
		position: relative;
	}
		.availableRange .availableRangeSec1::after{
			content: '';
			width: calc(100% - calc(calc(40/390) * 100vw));
			height: calc(calc(1/390) * 100vw);
			background-image: linear-gradient(to right, #707070 calc(calc(2/390) * 100vw), transparent calc(calc(2/390) * 100vw));
			background-size: calc(calc(5/390) * 100vw) calc(calc(1/390) * 100vw);
			background-repeat: repeat-x;
			position: absolute;
			background-position: left bottom;
			top: auto;
			bottom: 0;
			right: auto;
			left: calc(calc(20/390) * 100vw);
		}
	.availableRange .availableRangeSec2{
		border-top: none;
		border-left: calc(calc(1/390) * 100vw) solid #999999;
		border-right: calc(calc(1/390) * 100vw) solid #999999;
		border-radius: 0;
	}
		.availableRange .availableRangeSec2::after{
			content: '';
			width: calc(100% - calc(calc(40/390) * 100vw));
			height: calc(calc(1/390) * 100vw);
			background-image: linear-gradient(to right, #707070 calc(calc(2/390) * 100vw), transparent calc(calc(2/390) * 100vw));
			background-size: calc(calc(5/390) * 100vw) calc(calc(1/390) * 100vw);
			background-repeat: repeat-x;
			position: absolute;
			background-position: left bottom;
			top: auto;
			bottom: 0;
			right: auto;
			left: calc(calc(20/390) * 100vw);
		}
	.availableRange .availableRangeSec3{
		border-bottom: none;
		border-left: calc(calc(1/390) * 100vw) solid #999999;
		border-right: calc(calc(1/390) * 100vw) solid #999999;
		border-radius: 0;
	}
		.availableRange .availableRangeSec3::after{
			content: '';
			width: calc(100% - calc(calc(40/390) * 100vw));
			height: calc(calc(1/390) * 100vw);
			background-image: linear-gradient(to right, #707070 calc(calc(2/390) * 100vw), transparent calc(calc(2/390) * 100vw));
			background-size: calc(calc(5/390) * 100vw) calc(calc(1/390) * 100vw);
			background-repeat: repeat-x;
			position: absolute;
			background-position: left bottom;
			top: auto;
			bottom: 0;
			right: auto;
			left: calc(calc(20/390) * 100vw);
		}
	.availableRange .availableRangeSec4{
		border-bottom: calc(calc(1/390) * 100vw) solid #999999;
		border-left: calc(calc(1/390) * 100vw) solid #999999;
		border-right: calc(calc(1/390) * 100vw) solid #999999;
		border-radius: 0 0 calc(calc(3/390) * 100vw) calc(calc(3/390) * 100vw);
	}
/* ==========================================================================
   導入事例イメージ
========================================================================== */
.caseStudySection{
	margin-top: calc(calc(70/390) * 100vw);
	padding: calc(calc(52/390) * 100vw) 0 calc(calc(70/390) * 100vw);
}
	.caseStudySection .row{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(25/390) * 100vw) auto 0;
		display: grid;
		grid-template-columns: 100%;
		gap: calc(calc(20/390) * 100vw) 0;
		border: none;
	}
	.caseStudySection .caseStudyBox{
		gap: 0;
		padding-bottom: calc(calc(28/390) * 100vw);
		border: calc(calc(1/390) * 100vw) solid #999999;
	}
		.caseStudySection .caseStudyBox >header{
			min-height: calc(calc(69/390) * 100vw);
			border-bottom: calc(calc(1/390) * 100vw) solid #999999;
			margin-bottom: calc(calc(30/390) * 100vw);
		}
			.caseStudySection .caseStudyBox >header .type{
				flex: 0 0 calc(calc(86/390) * 100vw);
			}
				.caseStudySection .caseStudyBox >header .type::before{
					width: calc(calc(15/390) * 100vw);
					height: calc(calc(15/390) * 100vw);
					margin-right: calc(calc(5/390) * 100vw);
				}
			.caseStudySection .caseStudyBox >header h2{
				padding: calc(calc(5/390) * 100vw) calc(calc(13/390) * 100vw);
			}
		.caseStudySection .caseStudyBox dl,.caseStudySection .caseStudyBox .content{
			width: calc(calc(327/390) * 100vw);
		}
		.caseStudySection .caseStudyBox dl{
			gap:0 calc(calc(12/390) * 100vw);
		}
		.caseStudySection .caseStudyBox .content{
			margin-top: calc(calc(13/390) * 100vw);
		}
			.caseStudySection .caseStudyBox .content h2{
				margin-bottom: calc(calc(8/390) * 100vw);
			}
		.caseStudySection .caseStudyBox2::before,.caseStudySection .caseStudyBox2::after{
			display: none;
		}
		.caseStudySection .caseStudyBox:has(small) .content{
			margin-top: 0;
		}
/* ==========================================================================
   事例紹介
========================================================================== */
.caseStudySection2{
	margin-top: calc(calc(52/390) * 100vw);
}
	.caseStudySection2 .sectionBorderTitle{
		margin-bottom: calc(calc(30/390) * 100vw);
	}
	.caseStudySection2 .csBox{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(20/390) * 100vw) auto 0;
		padding: calc(calc(10/390) * 100vw);
		border: calc(calc(1/390) * 100vw) solid #999999;
		border-radius: calc(calc(3/390) * 100vw);
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto auto 1fr;
		gap:0;
	}
		.caseStudySection2 .csBox >h2{
			border-radius: calc(calc(3/390) * 100vw);
			min-height: calc(calc(46/390) * 100vw);
			padding: calc(calc(7/390) * 100vw) calc(calc(9/390) * 100vw);
		}
				.caseStudySection2 .csBox >h2 .inner span:nth-of-type(1){
					width: calc(calc(60/390) * 100vw);
					height: calc(calc(33/390) * 100vw);
					border-radius: calc(calc(5/390) * 100vw);
					border: calc(calc(1/390) * 100vw) solid #707070;
					margin-right: calc(calc(10/390) * 100vw);
				}
		.caseStudySection2 .csBox .textBox{
			margin-top: calc(calc(15/390) * 100vw);
		}
		.caseStudySection2 .csBox figure{
			grid-column: 1;
			grid-row: 3;
			margin-top: calc(calc(11/390) * 100vw);
		}
		.caseStudySection2 .csBox .company{
			margin-bottom: calc(calc(6/390) * 100vw);
		}
		.caseStudySection2 .csBox .innerSec + .innerSec{
			margin-top: calc(calc(11/390) * 100vw);
		}
/* ==========================================================================
   「お客様×サクラサク」インタビュー
========================================================================== */
.interviewSection{
	margin-top: calc(calc(70/390) * 100vw);
	padding: calc(calc(50/390) * 100vw) 0 calc(calc(70/390) * 100vw);
}
	.interviewSection .sectionBorderTitle{
		line-height: 1.25;
	}
		.interviewSection .sectionBorderTitle span{
			text-indent: -.5em;
			margin: 0;
			font-size: 2.4rem;
			display: inline-block;
		}
	.interviewSection .row{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(30/390) * 100vw) auto 0;
		display: grid;
		grid-template-columns: 100%;
		gap:calc(calc(20/390) * 100vw) 0;
	}
		.interviewSection .interviewBox a{
			gap:0;
			border: calc(calc(1/390) * 100vw) solid #CCCCCC;
			border-radius: calc(calc(4/390) * 100vw);
			padding: calc(calc(13/390) * 100vw) calc(calc(13/390) * 100vw) calc(calc(20/390) * 100vw);
		}
		.interviewSection .interviewBox .tm{
			border-radius: calc(calc(5/390) * 100vw);
			margin-bottom: calc(calc(13/390) * 100vw);
		}
		.interviewSection .interviewBox .company{
			margin-top: calc(calc(17/390) * 100vw);
		}
		.interviewSection .interviewBox .tag{
			margin-top: calc(calc(19/390) * 100vw);
			gap: calc(calc(10/390) * 100vw) calc(calc(22/390) * 100vw);
		}
			.interviewSection .interviewBox .tag li{
				padding: calc(calc(3/390) * 100vw) calc(calc(18/390) * 100vw);
				border-radius: calc(calc(5/390) * 100vw);
			}
/* ==========================================================================
   FAQ
========================================================================== */
.faqSection{
	margin-top: calc(calc(50/390) * 100vw);
}
	.faqSection .sectionToptext{
		margin-bottom: calc(calc(25/390) * 100vw);
	}
	.faqSection .faqWrapper{
		max-width: calc(calc(360/390) * 100vw);
	}
		.faqSection .faqWrapper >h2{
			height: calc(calc(38/390) * 100vw);
			border-radius: calc(calc(3/390) * 100vw);
			padding: 0 calc(calc(18/390) * 100vw);
		}
			.faqSection .faqWrapper >h2::before{
				width: calc(calc(14/390) * 100vw);
				height: calc(calc(8/390) * 100vw);
				margin-right: calc(calc(24/390) * 100vw);
			}
		.faqSection .faqWrapper .hideBox{
			padding: calc(calc(15/390) * 100vw) 0 calc(calc(16/390) * 100vw);
		}
			.faqSection .faqWrapper .faqBox >header{
				display: flex;
				align-items: center;
			}
				.faqSection .faqWrapper .faqBox >header::before{
					margin-right: calc(calc(17/390) * 100vw);
				}
				.faqSection .faqWrapper .faqBox >header h2{
					line-height: 1.12;
				}
			.faqSection .faqWrapper .faqBox .a{
				margin-top: calc(calc(5/390) * 100vw);
				
			}
				.faqSection .faqWrapper .faqBox .a::before{
					margin-right: calc(calc(17/390) * 100vw);
				}
					.faqSection .faqWrapper .faqBox .a .inner p{
						line-height: 1.12;
					}
		.faqSection .faqWrapper .faqBox + .faqBox{
			margin-top: calc(calc(15/390) * 100vw);
			padding-top: calc(calc(20/390) * 100vw);
		}
			.faqSection .faqWrapper .faqBox + .faqBox::after{
				height: calc(calc(1/390) * 100vw);
				background-image: linear-gradient(to right, #707070 calc(calc(2/390) * 100vw), transparent calc(calc(2/390) * 100vw));
				background-size: calc(calc(5/390) * 100vw) calc(calc(1/390) * 100vw);
			}
	.faqSection .faqWrapper + .faqWrapper{
		margin-top: calc(calc(2/390) * 100vw);
	}
		.faqSection .faqWrapper:last-child .hideBox{
			padding-bottom: 0;
		}
		.faqSection .defaultOpen .hideBox{
			display: block;
		}
/* ==========================================================================
   お問い合わせフォーム
========================================================================== */
.contactSection{
	margin-top: calc(calc(70/390) * 100vw);
	padding: calc(calc(50/390) * 100vw) 0 calc(calc(70/390) * 100vw);
}
	.contactSection .formWall{
		max-width: calc(calc(360/390) * 100vw);
		margin: calc(calc(26/390) * 100vw) auto 0;
		background: #fff;
		padding: calc(calc(33/390) * 100vw) calc(calc(10/390) * 100vw) calc(calc(52/390) * 100vw);
	}
/* ==========================================================================
   fixBtn
========================================================================== */
.fixBtn{
	display: none !important;
}
/*end*/
}