@charset "UTF-8";

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Set core root defaults */

html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img,
picture {
  max-width: 100%;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
  font: inherit;
}

button{
  background: none;
  border: none;
  padding: 0;
  outline: none;
}

button:focus{
    outline: none;
  }

button:disabled{
    opacity:1;
  }

button:disabled:hover{
      opacity:1;
    }

:root {
  --black: #000000;
  --yellow:#FFCE3D;
}

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

/* 流れるテキスト用 */

@keyframes flowingRight {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes flowingLeft {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* ==========================================================================
   ctaBtnボタン
========================================================================== */

.ctaBtn{
  max-width: 420px;
  margin-inline: auto;
  height: 90px;
  border-radius: 50px;
  background: #00927F;
  border: 2px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
  font-size: 2.4rem;
  font-weight: 900;
  color: #fff;
}

.ctaBtn::before{
    content: '';
    width: 34px;
    height: 34px;
    background: #fff;
    -webkit-mask-image: url('../img/cta_icon.svg');
            mask-image: url('../img/cta_icon.svg');
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    flex-shrink: 0;
  }

@media (max-width:767px) {
  .ctaBtn{
    max-width: calc(calc(310/390) * 100vw);
    height: calc(calc(70/390) * 100vw);
    border-radius: calc(calc(50/390) * 100vw);
    border: calc(calc(2/390) * 100vw) solid #000;
    gap: 0 calc(calc(10/390) * 100vw);
    font-size: 1.8rem;
  }
    .ctaBtn::before{
      width: calc(calc(30/390) * 100vw);
      height: calc(calc(30/390) * 100vw);
    }
}

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

.loading{
  position: relative;
}

.loading::before{
    position: absolute;
    top:50%;
    left:50%;
    translate: -50% -50%;
    width: 40px;
    height: 40px;
    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::before{
      position: absolute;
      top:50%;
      left:50%;
      translate: -50% -50%;
      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%;
	overflow-y:scroll;
	/* scroll-padding-top: 100px; */
	/* scroll-behavior: smooth; */

}

body {
	font-family: 'Noto Sans','Noto Sans JP','Noto Sans CJK JP','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
	font-feature-settings : 'pkna';
	font-optical-sizing: auto;
	color:#000000;
	color:var(--black);
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: .01em;
  overflow: hidden;
}

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

a{
	color:#000000;
	color:var(--black);
	text-decoration: none;
	display: inline-block;
}

a:hover{
		opacity: .8;
	}

.spShow{
	display: none;
}

.pcShow{
	display: inline-block;
}

/* ==========================================================================
   mv
========================================================================== */

.homePage .mv{
		position: relative;
		height: 750px;
	}

.homePage .mv::before{
			content: '';
			width: calc(calc(888/1440) * 100%);
			height: 100%;
			background: url('../img/pc_mv_bk.png') no-repeat left top / auto 789px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: -1;
		}

.homePage .mv::after{
			content: '';
			width: 1440px;
			height: 100%;
			background: url('../img/pc_mv_bk_line.svg') no-repeat right center / auto 100%;
			position: absolute;
			top: 0;
			left: 50%;
			translate: -50% 0;
			z-index: -2;
		}

.homePage .mv .mvLogo{
			padding: 16px 0 0 25px;
		}

.homePage .mv .mvCtaTop{
			position: fixed;
			top: 15px;
			right: 15px;
			z-index: 100;
			width: 225px;
			height: 49px;
			background: #00927F;
			border-radius: 50px;
			display: grid;
			place-content: center;
			color: #fff;
			font-size: 1.8rem;
			font-weight: 700;
		}

.homePage .mv .mvContent{
			width: min(calc(100% - 80px),1256px);
			margin-inline: auto;
			position: relative;
		}

.homePage .mv .mvText1{
			line-height: 1;
			max-width: 861px;
			margin-top: 151px;
		}

.homePage .mv .mvText2{
			line-height: 1;
			width: 296px;
			height: 227px;
			position: absolute;
			top: -141px;
			left: 304px;
		}

.homePage .mv .mvSubText{
			font-size: 2.1rem;
			font-weight: 700;
			margin-top: 18px;
		}

.homePage .mv .mvSubText span{
				display: flex;
				justify-content: center;
				align-items: center;
				width: -moz-fit-content;
				width: fit-content;
				background: #fff;
				padding: 0 10px;
			}

.homePage .mv .mvSubText span + span{
				margin-top: 4px;
			}

.homePage .mv .mvCtaMain{
			margin-top: 48px;
			width: 232px;
			height: 49px;
			background: #000;
			border-radius: 11px;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 0 20px;
			font-size: 1.8rem;
			font-weight: 700;
		}

.homePage .mv .mvCtaMain::after{
				content: '';
				background: url('../img/arrow_right_white.svg') no-repeat center center / contain;
				width: 7px;
				height: 14px;
				flex-shrink: 0;
			}

/* ==========================================================================
   フッター
========================================================================== */

.homePage .mainFooter{
		margin-top: 80px;
		background: #FFCE3D;
		background: var(--yellow);
		padding: 35px 0;
		text-align: center;
	}

.homePage .mainFooter .companySite{
			margin-top: 5px;
			text-decoration: underline;
		}

/* ==========================================================================
   流れるテキスト
========================================================================== */

.homePage .flowingText {
		overflow: hidden;
		width: 100%;
		background: #FFCE3D;
		background: var(--yellow);
		border-top: 2px solid #000000;
		border-bottom: 2px solid #000000;
		height: 61px;
	}

.homePage .flowingTextInner {
		height: 100%;
		display: flex;
		align-items: center;
		width: -moz-max-content;
		width: max-content;
	}

.homePage .flowingTextInner p{
			white-space: nowrap;
			padding-right: 20px; /* テキスト間の余白 */
			font-size: 2rem;
			font-weight: 700;
			display: flex;
			align-items: center;
			gap: 0 10px;
		}

.homePage .flowingTextInner p::before{
				content: '';
				width: 35px;
				height: 35px;
				background: url('../img/flowing_text_icon.svg') no-repeat center center / contain;
				flex-shrink: 0;
			}

.homePage .flowingRight .flowingTextInner {
			animation: flowingRight 20s linear infinite;
		}

.homePage .flowingLeft .flowingTextInner {
			animation: flowingLeft 20s linear infinite;
		}

/* ==========================================================================
   装飾ライン
========================================================================== */

.homePage .lineWrapper{
		position: relative;
		overflow: hidden;
		padding-bottom:  182px;
	}

.homePage .lineWrapper::before{
			content: '';
			width: 1440px;
			height: 100%;
			background: url('../img/pc_line_bk1.svg') no-repeat right center / cover;
			position: absolute;
			top: 0;
			left: 50%;
			translate: -50% 0;
			z-index: -1;
		}

/* ==========================================================================
   リアルな意見を聞いてみよう
========================================================================== */

.homePage .realOpinions{
		margin: 100px auto 0;
		width: min(calc(100% - 80px),1100px);
		container-type: inline-size;
	}

.homePage .realOpinions >h2{
			line-height: 1;
			text-align: center;
		}

.homePage .realOpinions .realOpinionsLead{
			margin-top: 20px;
			text-align: center;
			font-size: 2rem;
			font-weight: 500;
		}

.homePage .realOpinions .realOpinionsList{
			margin-top: 48px;
			display: grid;
			grid-template-columns: repeat(4,1fr);
			gap: 0 calc(calc(30/1100) * 100cqw);
		}

.homePage .realOpinions .realOpinionsList li{
				display: grid;
				grid-template-columns: 100%;
				grid-template-rows: auto;
			}

.homePage .realOpinions .realOpinionsList li img{
					max-width: 200px;
					width: 100%;
					grid-column: 1;
					grid-row: 1;
					z-index: 1;
					margin-bottom: 36px;
					border-radius: 5px;
				}

.homePage .realOpinions .realOpinionsList li p{
					font-size: clamp( 13px, calc( 6.060240963855422px + 0.9036144578313252vw ), 16px );
					max-width: 210px;
					grid-column: 1;
					grid-row: 1;
					z-index: 1;
					justify-self: end;
					align-self: end;
					background: #FFCE3D;
					background: var(--yellow);
					padding: 10px calc(calc(16/1100) * 100cqw) 12px calc(calc(18/1100) * 100cqw);
					font-weight: 700;
					border-radius: 5px;
					display: flex;
					justify-content: center;
					gap: 0 5px;
				}

.homePage .realOpinions .realOpinionsList li p::before{
						content: '';
						width: calc(calc(26/1100) * 100cqw);
						height: calc(calc(25/1100) * 100cqw);
						background: url('../img/fukidashi_icon.svg') no-repeat center center / contain;
						flex-shrink: 0;
					}

/* ==========================================================================
   リアルを見て、リアルに相談できる。
========================================================================== */

.homePage .canBeConsulted{
		background: url('../img/pc_can_be_consulted_bk.jpg') repeat-x center center / auto 100%;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		padding-bottom: 85px;
	}

.homePage .canBeConsulted >h2{
			text-align: center;
			line-height: 1;
			translate: 0 -50%;
		}

.homePage .canBeConsulted .canBeConsultedLead{
			text-align: center;
			font-size: 2rem;
			font-weight: 500;
			margin-top: 17px;
		}

.homePage .canBeConsulted .canBeConsultedSlider{
			margin-top: 40px;
			max-width: 952px;
			margin-inline: auto;
			overflow: visible;
		}

@media (max-width:1000px){

.homePage .canBeConsulted .canBeConsultedSlider{
				max-width: 300px
		}
			}

.homePage .canBeConsulted .canBeConsultedSlider .splide__track{
				overflow: visible;
			}

.homePage .canBeConsulted .canBeConsultedSlider .splide__slide{
				background: #fff;
				padding: 20px;
				border: 2px solid #000;
				border-radius: 10px;
				text-align: center;
			}

.homePage .canBeConsulted .canBeConsultedSlider .splide__slide .name{
					margin-top: 10px;
					font-size: 2rem;
					font-weight: 700;
				}

.homePage .canBeConsulted .canBeConsultedSlider .splide__slide .position{
					margin-top: 5px;
					font-size: 1.4rem;
					font-weight: 500;
				}

.homePage .canBeConsulted .canBeConsultedSlider .splide__slide .experience{
					font-size: 1.4rem;
					font-weight: 500;
				}

.homePage .canBeConsulted .canBeConsultedNotice{
			width: calc(100% - 80px);
			margin: 6px auto 0;
			font-size: 1.2rem;
			font-weight: 500;
			text-align: right;
		}

.homePage .canBeConsulted .canBeConsultedFooter{
			margin-top: 40px;
			text-align: center;
			font-size: 2.4rem;
			font-weight: 700;
		}

/* ==========================================================================
   ループスライド
========================================================================== */

.homePage .loopSlider{
		max-width: 990px;
		margin-inline: auto;
		overflow: visible;
	}

@media (max-width:1000px){

.homePage .loopSlider{
			max-width: 330px
	}
		}

.homePage .loopSlider .splide__track{
			overflow: visible;
		}

/* ==========================================================================
  SNSで見たあの人に、あなたの疑問を直接相談できます！
========================================================================== */

.homePage .directConsultation{
		max-width: 1346px;
		margin: 119px auto 0;
		position: relative;
	}

@media (max-width:974px){

.homePage .directConsultation{
			padding: 180px 0 190px;
			margin-top: 0
	}
		}

.homePage .directConsultation >h2{
			text-align: center;
			line-height: 1;
		}

.homePage .directConsultation .text{
			text-align: center;
			font-style: 2rem;
			font-weight: 500;
			margin-top: 30px;
		}

.homePage .directConsultation .ctaBtn{
			margin-top: 40px;
		}

.homePage .directConsultation .fukidashiList li{
				position: absolute;
				z-index: 2;
			}

.homePage .directConsultation .fukidashiList .fukidashi1{
				top: -36px;
				left: 0;
			}

.homePage .directConsultation .fukidashiList .fukidashi2{
				top: 137px;
				left: 45px;
			}

.homePage .directConsultation .fukidashiList .fukidashi3{
				top: -58px;
				right: 7px;
			}

.homePage .directConsultation .fukidashiList .fukidashi4{
				top: 142px;
				right: 115px;
			}

@media (max-width:1150px){
				.homePage .directConsultation .fukidashiList .fukidashi1{
					top: -106px;
				}
				.homePage .directConsultation .fukidashiList .fukidashi2{
					top: 187px;
					left: 0;
				}
				.homePage .directConsultation .fukidashiList .fukidashi3{
					top: -108px;
				}
				.homePage .directConsultation .fukidashiList .fukidashi4{
					right: 0;
				}
			}

@media (max-width:974px){
				.homePage .directConsultation .fukidashiList .fukidashi1{
					top: 0;
				}
				.homePage .directConsultation .fukidashiList .fukidashi2{
					top: auto;
					bottom: 0;
					left: 0;
				}
				.homePage .directConsultation .fukidashiList .fukidashi3{
					top: 0;
				}
				.homePage .directConsultation .fukidashiList .fukidashi4{
					top: auto;
					bottom: 0;
					right: 0;
				}
			}

/* ==========================================================================
   流れるテキスト2
========================================================================== */

.homePage .flowingLeft{
		margin-top: 125px;
	}

/* ==========================================================================
   ちゃんと考えてから、前に進みたい人へ。私たちと一緒にできること。
========================================================================== */

.homePage .noFixedAnswer{
		padding-top: 125px;
		margin-inline: auto;
		width: min(calc(100% - 80px),1011px);
		position: relative;
	}

.homePage .noFixedAnswer::before{
			content: "NO FIXED ANSWER.\A FIND YOURS.";
			position: absolute;
			top: 0;
			left: 50%;
			translate: -50% 0;
			z-index: -1;
			white-space: pre;
			font-family: "Aoboshi One", serif;
			font-weight: 400;
			font-style: normal;
			font-size: 14.5rem;
			line-height: 1;
			color: #EEEEEE;
		}

.homePage .noFixedAnswer >h2{
			text-align: center;
		}

.homePage .noFixedAnswer .noFixedAnswerList{
			margin-top: 99px;
			display: grid;
			grid-template-columns: repeat(3,1fr);
			gap: 0 17px;
		}

.homePage .noFixedAnswer .noFixedAnswerListCard{
			display: flex;
			flex-flow: column;
			align-items: center;
			gap: 8px;
			border-radius: 5px;
			border: 2px solid #000;
			padding: 16px 15px;
			position: relative;
		}

.homePage .noFixedAnswer .noFixedAnswerListCard::before{
				content: attr(data-num);
				font-family: "Aoboshi One", serif;
				font-weight: 400;
				color: #FFCE3D;
				color: var(--yellow);
				font-size: 10rem;
				line-height: 1;
				position: absolute;
				top: -60px;
				left: 50%;
				translate: -50% 0;
			}

.homePage .noFixedAnswer .noFixedAnswerListCard .tm{
				order: 1;
			}

.homePage .noFixedAnswer .noFixedAnswerListCard h2{
				order: 2;
				font-size: 2rem;
				text-align: center;
			}

.homePage .noFixedAnswer .noFixedAnswerListCard p{
				order: 3;
				font-size: 1.8rem;
				text-align: center;
				font-weight: 500;
			}

/* ==========================================================================
   バディキャリと他社の違い
========================================================================== */

.homePage .differences{
		margin-top: 60px;
		padding-bottom: 120px;
		margin-inline: auto;
		width: min(calc(100% - 80px),1011px);
	}

.homePage .differences >h2{
			text-align: center;
			line-height: 1;
		}

.homePage .differences .differencesTable{
			margin-top: 59px;
			width: 100%;
			table-layout: fixed;
			border-collapse: separate;
			border-spacing: 0;
			border-radius: 5px;
			position: relative;
			z-index: 2;
		}

.homePage .differences .differencesTable::before{
				content: '';
				width: calc(calc(calc(1/3) * 100%) + 8px);
				height: calc(100% + 8px);
				position: absolute;
				top: -4px;
				left: 50%;
				translate: -50% 0;
				border: 4px solid #DB1313;
				border-radius: 5px;;
			}

.homePage .differences .differencesTable th,.homePage .differences .differencesTable td{
				border-right: 1px solid #C5C5C5;
				border-bottom: 1px solid #C5C5C5;
				padding: 10px;
				text-align: center;
				font-weight: 500;
				font-size: 1.8rem;
			}

.homePage .differences .differencesTable th:first-child,
			.homePage .differences .differencesTable td:first-child{
				border-left: 1px solid #C5C5C5;
			}

.homePage .differences .differencesTable .highlight{
				font-weight: 900;
			}

.homePage .differences .differencesTable thead th{
					font-size: 2.2rem;
					font-weight: 700;
					color: #fff;
					border: none;
				}

.homePage .differences .differencesTable thead th:first-child{
					border-left: none;
				}

.homePage .differences .differencesTable thead .highlight{
					color: #000;
					background: #FFCE3D;
					background: var(--yellow);
				}

.homePage .differences .differencesTable thead th:nth-child(1){
					background: #000;
					border-radius: 5px 0 0 0;
				}

.homePage .differences .differencesTable thead th:nth-child(3){
					background: #5E5E5E;
					border-radius: 0 5px 0 0;
				}

.homePage .differences .differencesTable tbody th{
					background: #FEFFF0;
				}

.homePage .differences .differencesTable tbody th,.homePage .differences .differencesTable tbody td{
					padding-block: 15px;
				}

.homePage .differences .differencesTable tbody .small{
					font-size: 1.4rem;
				}

.homePage .differences .differencesTable .endTh{
				border-radius: 0 0 0 5px;
			}

.homePage .differences .differencesTable .endTd{
				border-radius: 0 0 5px 0;
			}

.homePage .differences .differencesTable .rowText{
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 20px;
			}

.homePage .differences .differencesTable .rowText span:last-child{
					text-align: left;
					line-height: 1.4;
					font-size: 1.6rem;
				}

.homePage .differences .differencesTable td:has(.rowText){
				padding-block: 8px;
			}

/* ==========================================================================
   interview
========================================================================== */

.homePage .interview{
		padding: 93px 0 60px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		background: url('../img/pc_interview_bk.jpg') repeat-x center center / auto 100%;
		position: relative;
    /* バックドロップのスタイル */
	}

.homePage .interview::before{
			content: "INTERVIEW";
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -80px;
			z-index: 1;
			white-space: pre;
			font-family: "Aoboshi One", serif;
			font-weight: 400;
			font-style: normal;
			font-size: 14rem;
			line-height: 1;
			color: #fff;
		}

.homePage .interview >h2{
			width: min(calc(100% - 80px),1010px);
			margin: 0 auto 41px;
			line-height: 1;
			position: relative;
			z-index: 2;
		}

.homePage .interview .interviewCard{
			width: min(calc(100% - 80px),1010px);
			margin-inline: auto;
			display: flex;
			align-items: center;
			gap: 38px;
			padding: 20px;
			background: #fff;
			border: 2px solid #000;
			border-radius: 5px;
		}

.homePage .interview .interviewCard .tm{
				order: 1;
			}

.homePage .interview .interviewCard .text{
				order: 2;
			}

.homePage .interview .interviewCard h2{
				font-size: 2.4rem;
				border-bottom: 2px solid #000;
				padding-bottom: 10px;
				margin-bottom: 17px;
				text-align: left;
			}

.homePage .interview .interviewCard .data{
				display: flex;
				align-items: center;
				gap: 29px;
			}

.homePage .interview .interviewCard .data .name{
					font-size: 2rem;
					font-weight: 700;
				}

.homePage .interview .interviewCard .data .career{
					font-size: 1.4rem;
				}

.homePage .interview .interviewCard .dialogOpen{
				margin-top: 17px;
				width: 232px;
				height: 46px;
				border: 2px solid #000;
				border-radius: 11px;
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 0 20px;
				font-size: 1.8rem;
				font-weight: 700;
				background: #FFCE3D;
				background: var(--yellow);
				cursor: pointer;
			}

.homePage .interview .interviewCard .dialogOpen::after{
					content: '';
					background: url('../img/arrow_right_black.svg') no-repeat center center / contain;
					width: 7px;
					height: 14px;
					flex-shrink: 0;
				}

@media (hover:hover) {
					.homePage .interview .interviewCard .dialogOpen:hover{
						opacity: .8;
					}
				}

.homePage .interview .interviewCard:not(:nth-of-type(1)){
			margin-top: 28px;
		}

.homePage .interview .ctaBtn{
			margin-top: 28px;
			background: #EBFF0E;
			color: #000;
		}

.homePage .interview .ctaBtn::before{
				background: #000;
			}

.homePage .interview .interviewDialog {
      width: min(calc(100% - 80px),1010px);
			border: 2px solid #000;
      border-radius: 5px;
			padding: 5px;
			background: #fff;
			container-type: inline-size;
      outline: none;
      /* アニメーションの初期状態 */
      opacity: 0;
      transition: opacity .6s ease;
    }

.homePage .interview .interviewDialog::backdrop {
      background-color: rgba(0, 0, 0, 0);
      opacity: 0;
      transition: opacity .6s ease;
    }

.homePage .interview .interviewDialogShow{
      opacity: 1;
    }

.homePage .interview .interviewDialogShow::backdrop{
      opacity: 1;
    }

.homePage .interview .interviewDialogHide{
      opacity: 0;
    }

.homePage .interview .interviewDialogHide::backdrop{
      opacity: 0;
    }

.homePage .interview .interviewDialogContent{
			max-height: 85svh;
			overflow-y: auto;
			overscroll-behavior-y: none;
      padding: 15px 33px;
			display: grid;
			grid-template-columns: calc(calc(267/996) * 100cqw) calc(calc(45/996) * 100cqw) 1fr;
			grid-template-rows: auto auto auto auto 1fr;
		}

.homePage .interview .interviewDialogContent >h2{
				grid-column: 1 / 4;
				grid-row: 1;
				font-size: 2.8rem;
				border-bottom: 2px solid #000;
				padding-bottom: 10px;
				text-align: left;
				margin:0 0 calc(calc(32/996) * 100cqw) 0;
			}

.homePage .interview .interviewDialogContent .tm{
				grid-column: 1 / 3;
				grid-row: 2 / 4;
			}

.homePage .interview .interviewDialogContent .data{
				grid-column: 3;
				grid-row: 2;
				display: flex;
				align-items: center;
				gap: calc(calc(29/996) * 100cqw);
				margin: 0 0 calc(calc(20/996) * 100cqw) calc(calc(27/996) * 100cqw);
			}

.homePage .interview .interviewDialogContent .data .name{
					font-size: 2rem;
					font-weight: 700;
				}

.homePage .interview .interviewDialogContent .data .career{
					font-size: 1.4rem;
				}

.homePage .interview .interviewDialogContent .paragraph{
				grid-column: 3;
				grid-row: 3;
				margin-left: calc(calc(27/996) * 100cqw);
				font-size: 1.4rem;
			}

.homePage .interview .interviewDialogContent .paragraph p + p{
					margin-top: 1.5em;
				}

.homePage .interview .interviewDialogContent .oneDay{
				grid-column: 1;
				grid-row: 4;
				margin-top: calc(calc(32/996) * 100cqw);
			}

.homePage .interview .interviewDialogContent .oneDay h2{
					text-align: center;
					font-size: 2rem;
					border-bottom: 1px solid #000;
					margin-bottom: 10px;
				}

.homePage .interview .interviewDialogContent .oneDay dl{
					display: grid;
					grid-template-columns: auto 1fr;
					gap:0 29px;
					font-size: 1.4rem;
					font-weight: 700;
				}

.homePage .interview .interviewDialogContent .gallery{
				grid-column: 3 / 4;
				grid-row: 4;
				margin-top: calc(calc(32/996) * 100cqw);
				display: flex;
				gap: 0 18px;
			}

.homePage .interview .interviewDialogContent .dialogClose{
				margin-top: calc(calc(32/996) * 100cqw);
				justify-self: center;
				grid-column: 1 / 4;
				grid-row: 5;
				width: 175px;
				height: 53px;
				background: #000;
				border-radius: 11px;
				display: flex;
				justify-content: center;
				align-items: center;
				gap: 10px;
				font-size: 1.6rem;
				font-weight: 700;
				color: #fff;
				cursor: pointer;
			}

.homePage .interview .interviewDialogContent .dialogClose::before{
					content: '';
					background: url('../img/close_white.svg') no-repeat center center / contain;
					width: 23px;
					height: 23px;
					flex-shrink: 0;
				}

@media (hover:hover) {
					.homePage .interview .interviewDialogContent .dialogClose:hover{
						opacity: .8;
					}
				}

/* ==========================================================================
   今は不安でも大丈夫。同じ場所にいた人が、 新しい未来を掴んでいます。
========================================================================== */

.homePage .story{
		position: relative;
		overflow: hidden;
		padding: 129px 0;
	}

.homePage .story::before{
			content: "STORY OF FUTURE";
			position: absolute;
			top: 0;
			left: 50%;
			translate: -50% 0;;
			z-index: 1;
			white-space: pre;
			font-family: "Aoboshi One", serif;
			font-weight: 400;
			font-style: normal;
			font-size: 14.5rem;
			line-height: 1;
			color: #EEEEEE;
			mix-blend-mode: multiply;
		}

.homePage .story::after{
			content: '';
			width: 1440px;
			height: 100%;
			background: url('../img/pc_line_bk2.svg') no-repeat right center / cover;
			position: absolute;
			top: 0;
			left: 50%;
			translate: calc(-50% + 35px) 0;
			z-index: -1;
		}

.homePage .story >h2{
			line-height: 1;
			text-align: center;
			position: relative;
			z-index: 2;
		}

.homePage .story .toptext{
			margin-top: 30px;
			text-align: center;
			font-size: 2rem;
			line-height: 1.8;
			font-weight: 500;
		}

.homePage .story .storySlider{
			max-width: 656px;
			margin: 45px auto 0;
			overflow: visible;
		}

.homePage .story .splide__track{
			overflow: visible;
		}

.homePage .story .storyCards{
			height: 100%;
			border: 2px solid #000;
			background: #fff;
			border-radius: 10px;
			padding: 30px;
		}

.homePage .story .storyCards header{
				margin-bottom: 20px;
			}

.homePage .story .storyCards .num{
				height: 37px;
				background: #FFCE3D;
				background: var(--yellow);
				display: grid;
				place-content: center;
				text-align: center;
				font-size: 2.3rem;
				font-family: "Aoboshi One", serif;
			}

.homePage .story .storyCards .title{
				margin-top: 20px;
				font-size: 2.8rem;
				font-weight: 700;
				padding-bottom: 10px;
				border-bottom: 2px solid #000;
				text-align: center;
			}

.homePage .story .storyCardsInner{
			display: grid;
			grid-template-columns: 176px 1fr;
			grid-template-rows: auto 1fr;
			gap: 10px 20px;
		}

.homePage .story .storyCardsInner .img{
				grid-column: 1;
				grid-row: 1 / 4;
			}

.homePage .story .storyCardsInner h2{
				grid-column: 2;
				grid-row: 1;
				width: 110px;
				height: 32px;
				display: grid;
				place-content: center;
				text-align: center;
				font-size: 2rem;
				font-family: "Aoboshi One", serif;
				font-weight: 400;
			}

.homePage .story .storyCardsInner .textBox{
				grid-column: 2;
				grid-row: 2;
			}

.homePage .story .storyCardsInner .text{
				font-weight: 500;
			}

.homePage .story .storyCardsInner .listText{
				margin-top: 10px;
				font-weight: 900;
			}

.homePage .story .storyCardsInner .listText li{
					text-indent: -1em;
					margin-left: 1em;
				}

.homePage .story .storyCardsInner .listText li::before{
						content: '・';
					}

.homePage .story .before h2{
				background: #E2E2E2;
			}

.homePage .story .after{
			margin-top: 43px;
			position: relative;
		}

.homePage .story .after::before{
				content: '';
				clip-path: polygon(50% 100%, 0 0, 100% 0);
				width: 30px;
				height: 26px;
				background: #313131;
				position: absolute;
				top: -40px;
				left: 50%;
				translate: -50% 0;
			}

.homePage .story .after h2{
				background: #FFCE3D;
				background: var(--yellow);
			}

.homePage .story .after .listText{
				color: #DB1313;
			}

/* ==========================================================================
   脱落組・転職しなかった人の声
========================================================================== */

.homePage .didNotChange{
		position: relative;
		overflow: hidden;
		padding: 83px 0 54px;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		background: url('../img/pc_did_not_change_bk.jpg') repeat-x center center / auto 100%;
	}

.homePage .didNotChange >h2{
			text-align: center;
			line-height: 1;
		}

.homePage .didNotChange .toptext{
			margin-top: 30px;
			text-align: center;
			font-size: 2rem;
			line-height: 1.8;
			font-weight: 500;
		}

.homePage .didNotChange .didNotChangeSlider{
			max-width: 656px;
			margin: 45px auto 0;
			overflow: visible;
			position: relative;
		}

.homePage .didNotChange .didNotChangeSlider::before{
				content: '';
				width: 200vw;
				height: 51px;
				background: rgba(27, 129, 239, 0.7);
				position: absolute;
				top: 50%;
				left: 50%;
				translate: -50% -50%;
			}

.homePage .didNotChange .splide__track{
			overflow: visible;
		}

.homePage .didNotChange .didNotChangeCards{
			height: 100%;
			background: #fff;
			border: 2px solid #000;
			border-radius: 10px;
			padding: 20px 24px;
			display: grid;
			grid-template-columns: 188px 1fr;
			grid-template-rows: auto 1fr;
			gap: 15px 20px;
		}

.homePage .didNotChange .didNotChangeCards .img{
				grid-column: 1;
				grid-row: 1 / 3;
			}

.homePage .didNotChange .didNotChangeCards header{
				grid-column: 2;
				grid-row: 1;
			}

.homePage .didNotChange .didNotChangeCards .text{
				grid-column: 2;
				grid-row: 2;
				font-weight: 500;
			}

.homePage .didNotChange .didNotChangeCards .num{
				font-size: 1.8rem;
				font-family: "Aoboshi One", serif;
				color: #FFCE3D;
				color: var(--yellow);
				text-decoration: underline;
				width: -moz-fit-content;
				width: fit-content;
			}

.homePage .didNotChange .didNotChangeCards h2{
				margin-top: 5px;
				font-size: 2.4rem;
				font-weight: 700;
			}

/* ==========================================================================
   よくある質問
========================================================================== */

.homePage .faq{
		padding-top: 105px;
		position: relative;
		width: min(calc(100% - 80px),1010px);
		margin-inline: auto;
		container-type: inline-size;
	}

.homePage .faq::before{
			content: "COMMON QUESTIONS";
			position: absolute;
			top: 10px;
			left: 50%;
			translate: -50% 0;;
			z-index: 1;
			white-space: pre;
			font-family: "Aoboshi One", serif;
			font-weight: 400;
			font-style: normal;
			font-size: 12.4rem;
			line-height: 1;
			color: #EEEEEE;
		}

.homePage .faq >h2{
			text-align: center;
			position: relative;
			z-index: 2;
		}

.homePage .faq .row{
			margin-top: 75px;
			display: grid;
			grid-template-columns: repeat(3,1fr);
			gap: 20px calc(calc(40/1010) * 100cqw);
		}

.homePage .faq .faqBox{
			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 2;
			gap: 0;
		}

.homePage .faq .faqBox header{
				background: #fff;
				border: 2px solid #000;
				border-radius: 5px;
				padding: 15px 10px;
				display: flex;
				gap: 10px;
			}

.homePage .faq .faqBox header::before{
					content: "Q";
					font-family: "Aoboshi One", serif;
					font-weight: 400;
					font-style: normal;
					font-size: 3rem;
					line-height: 1;
					color: #FFCE3D;
					color: var(--yellow);
					flex-shrink: 0;
				}

.homePage .faq .faqBox header h2{
					font-size: 1.8rem;
					font-weight: 500;
					letter-spacing: .01em;
					text-align: left;
				}

.homePage .faq .faqBox p{
				margin-top: 10px;
				font-weight: 500;
			}

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

.homePage .formWrapper{
		min-height: 300px;
		width: min(calc(100% - 80px),1000px);
		margin-inline: auto;
		border: 2px solid #000000;
		background: #fff;
		border-radius: 10px;
		padding-bottom: 45px;
		overflow: hidden;
		container-type: inline-size;
	}

.homePage .formWrapper .formMainTitle{
			height: 75px;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 2.8rem;
			font-weight: 700;
			gap: 0 10px;
			background: #000;
			color: #fff;
			margin-bottom: 25px;
		}

.homePage .formWrapper .formMainTitle span{
				font-size: 2rem;
			}

.homePage .formWrapper .stepIndicator{
			display: flex;
			justify-content: center;
			gap: 15px;
			margin-bottom: 40px;
		}

.homePage .formWrapper .stepIndicator li{
				width: 87px;
				height: 44px;
				display: grid;
				place-content: center;
				border-radius: 10px;
				background: #EBEBEB;
				font-size: 2rem;
				color: #7F7F7F;
				font-family: "Aoboshi One", serif;
			}

.homePage .formWrapper .stepIndicator li.active{
				background: #FFCE3D;
				background: var(--yellow);
				color: #000;
			}

.homePage .formWrapper .formTitle{
			text-align: center;
			font-size: 2rem;
			font-weight: 700;
			margin-bottom: 20px;
		}

.homePage .formWrapper .checkboxGroup{
			max-width: min(calc(100% - 40px),860px);
			margin-inline: auto;
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			gap: 20px;
		}

.homePage .formWrapper .checkboxGroup li{
				flex: 0 1 200px;
			}

.homePage .formWrapper .checkboxGroup li input{
					display: none;
				}

.homePage .formWrapper .checkboxGroup label{
				background: #EEEEEE;
				display: flex;
				justify-content: center;
				align-items: center;
				min-height: 62px;
				color: #000;
				border-radius: 10px;
				font-weight: 700;
				cursor: pointer;
				text-align: center;
			}

.homePage .formWrapper .checkboxGroup label span{
					font-size: 1.6rem;
				}

@media (hover:hover) {
					.homePage .formWrapper .checkboxGroup label:hover{
						opacity: .8;
					}
				}

.homePage .formWrapper .checkboxGroup label:has(input:checked){
				background: #FFCE3D;
				background: var(--yellow);
			}

.homePage .formWrapper .btnNext{
			width: 340px;
			margin: 40px auto 0;
			height: 60px;
			border-radius: 11px;
			background: url('../img/form_arrow.svg') no-repeat calc(100% - 20px) center / 11px auto;
			background-color: #00927F;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 2rem;
			font-weight: 700;
			color: #fff;
			cursor: pointer;
		}

.homePage .formWrapper .btnNext:disabled{
				opacity: .5;
				pointer-events: none;
			}

@media (hover:hover) {
				.homePage .formWrapper .btnNext:hover{
					opacity: .8;
				}
			}

.homePage .formWrapper .btnBack{
			text-align: center;
			margin: 19px auto 0;
			font-weight: 700;
			width: -moz-fit-content;
			width: fit-content;
			display: flex;
			align-items: center;
			cursor: pointer;
		}

.homePage .formWrapper .btnBack::before{
				content: '';
				background: url('../img/form_arrow_back.svg') no-repeat center center / contain;
				width: 17px;
				height: 34px;
				flex-shrink: 0;
				margin-right: 10px;
			}

@media (hover:hover) {
				.homePage .formWrapper .btnBack:hover{
					opacity: .8;
				}
			}

.homePage .formWrapper .checkboxGroup + .formTitle{
			margin-top: 30px;
		}

.homePage .formWrapper .formStep1 .formTitle{
				font-size: 2.2rem;
			}

.homePage .formWrapper .formStep1 .checkboxGroup{
				gap: 30px;
			}

.homePage .formWrapper .formStep1 .checkboxGroup li{
					flex: 0 1 250px;
				}

.homePage .formWrapper .formStep1 .checkboxGroup label{
					min-height: 90px;
					font-size: 2rem;
				}

.homePage .formWrapper .formInputArea{
			width: min(calc(100% - 40px),846px);;
			margin-inline: auto;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 20px calc(calc(50/1000) * 100cqw);
		}

.homePage .formWrapper .formInputArea input[type="text"],
			.homePage .formWrapper .formInputArea input[type="tel"],
			.homePage .formWrapper .formInputArea input[type="email"]{
				padding: 0 1em;
				height: 50px;
				line-height: 50px;
				border: 2px solid #7F7F7F;
				border-radius: 5px;
				width: 100%;
				background: #fff;
				font-size: 1.8rem;
				font-weight: 500;
			}

.homePage .formWrapper .formInputArea .formLabel{
				display: block;
				font-size: 1.8rem;
				font-weight: 700;
				margin-bottom: 6px;
			}

.homePage .formWrapper .formInputArea .formLabel small{
					font-size: 1.4rem;
					color: #474747;
				}

.homePage .formWrapper .formInputArea .formDescription{
				grid-column: 1 / 3;
				text-align: center;
				line-height: 1.9;
				font-size: 1.6rem;
				font-weight: 700;
				margin-top: 10px;
			}

.homePage .formWrapper .formInputArea .privacyText{
				grid-column: 1 / 3;
				text-align: center;
				font-size: 1.8rem;
				font-weight: 500;
			}

.homePage .formWrapper .formInputArea .privacyText a{
					text-decoration: underline;
					color: #00927F;
				}

.homePage .formWrapper .formInputArea .errorShow{
				color: #DF1212;
				font-size: 1.4rem;
				margin-top: .1em;
			}

.homePage .formWrapper .btnNextStep4{
			margin-top: 10px;
		}

.homePage .formComplete{
		text-align: center;
		padding: 80px 40px 27px;
	}

.homePage .formComplete .completeTitle{
			color: #DF1212;
			font-size: 3.4rem;
			font-weight: 700;
			margin-bottom: 20px;
		}

.homePage .formComplete .completeText{
			font-size: 2rem;
			font-weight: 700;
			line-height: 1.9;
			margin-bottom: 30px;
		}

.homePage .formComplete .completeSubText{
			font-size: 2rem;
			line-height: 1.9;
			font-weight: 700;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 6px;
		}

.homePage .formComplete .completeSubText::before{
				content: '';
				width: 17px;
				height: 23px;
				background: url('../img/form_line.svg') no-repeat center center / contain;
				flex-shrink: 0;
			}

.homePage .formComplete .completeSubText::after{
				content: '';
				width: 17px;
				height: 23px;
				background: url('../img/form_line2.svg') no-repeat center center / contain;
				flex-shrink: 0;
			}

.homePage .formComplete .btnLineRegister{
			width: 400px;
			margin: 7px auto 0;
			height: 70px;
			border-radius: 11px;
			background-color: #06C755;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 0 10px;
			font-size: 2rem;
			font-weight: 700;
			color: #fff;
		}

.homePage .formComplete .btnLineRegister::before{
				content: '';
				background: url('../img/line_icon.svg') no-repeat center center / contain;
				width: 55px;
				height: 55px;
				flex-shrink: 0;
			}

/* ==========================================================================
  フォーム場所別
========================================================================== */

.homePage .formWrapperTop{
		margin-top: 72px;
	}

.homePage .formBottomSec{
		margin-top: 105px;
	}

.homePage .formBottomSec .bottomFormTitle{
			text-align: center;
			line-height: 1;
			margin-bottom: 19px;
		}

/* ==========================================================================
   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;
}

/* ==========================================================================
   mv
========================================================================== */
	.homePage .mv{
		height: calc(calc(420/390) * 100vw);
	}
		.homePage .mv::before{
			width: calc(calc(200/390) * 100vw);
			height: 100%;
			background: url('../img/sp_mv_bk.png') no-repeat center center / contain;
		}
		.homePage .mv::after{
			width: 100%;
			height: 100%;
			background: url('../img/sp_mv_bk_line.svg') no-repeat right center / auto 100%;
			top: 0;
			left: 0;
			translate: 0;
		}
		.homePage .mv .mvLogo{
			width: calc(calc(119/390) * 100vw);
			padding: calc(calc(15/390) * 100vw) 0 0 calc(calc(14/390) * 100vw);
			font-size: 1rem;
		}
		.homePage .mv .mvCtaTop{
			top: calc(calc(10/390) * 100vw);
			right: calc(calc(10/390) * 100vw);
			width: calc(calc(153/390) * 100vw);
			height: calc(calc(38/390) * 100vw);
			border-radius: calc(calc(50/390) * 100vw);
			font-size: 1.4rem;
		}
		.homePage .mv .mvContent{
			width: calc(calc(338/390) * 100vw);
		}
		.homePage .mv .mvText1{
			max-width: calc(calc(304/390) * 100vw);
			margin-top: calc(calc(76/390) * 100vw);
		}
		.homePage .mv .mvText2{
			line-height: 1;
			width: calc(calc(152/390) * 100vw);
			height: calc(calc(115.94/390) * 100vw);
			position: absolute;
			top: calc(-1 * calc(calc(60/390) * 100vw));
			left: calc(calc(186/390) * 100vw);
		}
		.homePage .mv .mvSubText{
			font-size: 1.2rem;
			margin-top: calc(calc(10.65/390) * 100vw);
		}
			.homePage .mv .mvSubText span{
				padding: 0 calc(calc(3/390) * 100vw);
			}
			.homePage .mv .mvSubText span + span{
				margin-top: calc(calc(4/390) * 100vw);
			}
		.homePage .mv .mvCtaMain{
			margin-top: calc(calc(11/390) * 100vw);
			width: calc(calc(179.84/390) * 100vw);
			height: calc(calc(44.16/390) * 100vw);
			border-radius: calc(calc(6.65/390) * 100vw);
			border: calc(calc(1/390) * 100vw) solid #fff;
			gap: 0 calc(calc(13/390) * 100vw);
			font-size: 1.45rem;
		}
			.homePage .mv .mvCtaMain::after{
				width: calc(calc(7/390) * 100vw);
				height: calc(calc(13/390) * 100vw);
			}
/* ==========================================================================
   フッター
========================================================================== */
	.homePage .mainFooter{
		margin-top: calc(calc(50/390) * 100vw);
		padding: calc(calc(35/390) * 100vw) 0;
	}
		.homePage .mainFooter .companySite{
			margin-top: calc(calc(5/390) * 100vw);
		}

/* ==========================================================================
   流れるテキスト
========================================================================== */
	.homePage .flowingText {
		border-top: calc(calc(1.5/390) * 100vw) solid #000000;
		border-bottom: calc(calc(1.5/390) * 100vw) solid #000000;
		height: calc(calc(31/390) * 100vw);
	}
		.homePage .flowingTextInner p{
			white-space: nowrap;
			padding-right: calc(calc(17/390) * 100vw); /* テキスト間の余白 */
			font-size: 1.3rem;
			gap: 0 calc(calc(8.5/390) * 100vw);
		}
			.homePage .flowingTextInner p::before{
				width: calc(calc(20/390) * 100vw);
				height: calc(calc(20/390) * 100vw);
			}
/* ==========================================================================
   装飾ライン
========================================================================== */
	.homePage .lineWrapper{
		padding-bottom: calc(calc(121/390) * 100vw);
	}
		.homePage .lineWrapper::before{
			width: calc(calc(390/390) * 100vw);
			height: 100%;
			left: 0;
			translate: 0;
			background: url('../img/sp_line_bk1.svg') no-repeat left center / cover;
		}
/* ==========================================================================
   リアルな意見を聞いてみよう
========================================================================== */
	.homePage .realOpinions{
		margin: calc(calc(49/390) * 100vw) auto 0;
		width: calc(calc(350/390) * 100vw);
	}
		.homePage .realOpinions >h2{
			width: calc(calc(330/390) * 100vw);
			margin-inline: auto;
		}
		.homePage .realOpinions .realOpinionsLead{
			margin-top: calc(calc(10/390) * 100vw);
			font-size: 1.5rem;
		}
		.homePage .realOpinions .realOpinionsList{
			margin-top: calc(calc(20/390) * 100vw);
			display: grid;
			grid-template-columns: repeat(2,1fr);
			gap: calc(calc(20/390) * 100vw) calc(calc(30/1100) * 100cqw);
		}
				.homePage .realOpinions .realOpinionsList li img{
					max-width: calc(calc(140/390) * 100vw);
					margin-bottom: calc(calc(27/390) * 100vw);
					border-radius: calc(calc(3.48/390) * 100vw);
				}
				.homePage .realOpinions .realOpinionsList li p{
					font-size: 1.115rem;
					max-width: calc(calc(147/390) * 100vw);
					padding: calc(calc(7/390) * 100vw) calc(calc(10/390) * 100vw) calc(calc(7/390) * 100vw) calc(calc(12/390) * 100vw);
					border-radius: calc(calc(3.48/390) * 100vw);
					gap: 0 calc(calc(3.5/390) * 100vw);
				}
					.homePage .realOpinions .realOpinionsList li p::before{
						width: calc(calc(18/390) * 100vw);
						height: calc(calc(17/390) * 100vw);
					}
/* ==========================================================================
   リアルを見て、リアルに相談できる。
========================================================================== */
	.homePage .canBeConsulted{
		background: url('../img/sp_can_be_consulted_bk.jpg') repeat-x center center;
		border-top: calc(calc(2/390) * 100vw) solid #000;
		border-bottom: calc(calc(2/390) * 100vw) solid #000;
		padding-bottom: calc(calc(42/390) * 100vw);
	}
		.homePage .canBeConsulted >h2{
			width: calc(calc(220/390) * 100vw);
			margin-inline: auto;
			translate: 0 calc(-1 * calc(calc(56/390) * 100vw));
		}
		.homePage .canBeConsulted .canBeConsultedLead{
			font-size: 1.8rem;
			margin-top: calc(-1 * calc(calc(38/390) * 100vw));
		}
		.homePage .canBeConsulted .canBeConsultedSlider{
			margin-top: calc(calc(30/390) * 100vw);
			max-width: calc(calc(285/390) * 100vw);
		}
		.homePage .canBeConsulted .splide__slide{
			padding: calc(calc(20/390) * 100vw);
			border: calc(calc(2/390) * 100vw) solid #000;
			border-radius: calc(calc(10/390) * 100vw);
		}
			.homePage .canBeConsulted .splide__slide .name{
				margin-top: calc(calc(10/390) * 100vw);
			}
			.homePage .canBeConsulted .splide__slide .position{
				margin-top: calc(calc(5/390) * 100vw);
			}
		.homePage .canBeConsulted .canBeConsultedNotice{
			width: calc(calc(374/390) * 100vw);
			margin: calc(calc(6/390) * 100vw) auto 0;
			font-size: 1rem;
		}
		.homePage .canBeConsulted .canBeConsultedFooter{
			margin-top: calc(calc(22/390) * 100vw);
			text-align: center;
			font-size: 2rem;
			font-weight: 700;
		}
/* ==========================================================================
   ループスライド
========================================================================== */
	.homePage .loopSlider{
		max-width: calc(calc(280/390) * 100vw);
	}
/* ==========================================================================
  SNSで見たあの人に、あなたの疑問を直接相談できます！
========================================================================== */
	.homePage .directConsultation{
		max-width: 100%;
		padding: calc(calc(239/390) * 100vw) 0 calc(calc(247/390) * 100vw);
	}
		.homePage .directConsultation >h2{
			width: calc(calc(320/390) * 100vw);
			margin-inline: auto;
		}
		.homePage .directConsultation .text{
			font-style: 1.3rem;
			margin-top: calc(calc(12/390) * 100vw);
		}
		.homePage .directConsultation .ctaBtn{
			margin-top: calc(calc(25/390) * 100vw);
		}
			.homePage .directConsultation .fukidashiList li{
				position: absolute;
				z-index: 2;
			}
			.homePage .directConsultation .fukidashiList .fukidashi1{
				width: calc(calc(196/390) * 100vw);
				top: calc(calc(23/390) * 100vw);
				left: auto;
				right: calc(calc(22/390) * 100vw);
			}
			.homePage .directConsultation .fukidashiList .fukidashi2{
				width: calc(calc(208/390) * 100vw);
				top: calc(calc(68/390) * 100vw);
				left: calc(calc(11/390) * 100vw);
			}
			.homePage .directConsultation .fukidashiList .fukidashi3{
				width: calc(calc(221/390) * 100vw);
				right: calc(calc(21/390) * 100vw);
				top: auto;
				bottom: calc(calc(70/390) * 100vw);
				z-index: 3;
			}
			.homePage .directConsultation .fukidashiList .fukidashi4{
				width: calc(calc(191/390) * 100vw);
				right: auto;
				left: 0;
				bottom: 0;
			}
/* ==========================================================================
   流れるテキスト2
========================================================================== */
	.homePage .flowingLeft{
		margin-top: 0;
	}
/* ==========================================================================
   ちゃんと考えてから、前に進みたい人へ。私たちと一緒にできること。
========================================================================== */
	.homePage .noFixedAnswer{
		padding-top: calc(calc(131/390) * 100vw);
		width: calc(calc(300/390) * 100vw);
	}
		.homePage .noFixedAnswer::before{
			content: "NO FIXED\A ANSWER.\A FIND YOURS.";
			left: calc(-1 * calc(calc(45/390) * 100vw));
			translate: 0;
			font-size: 4.8rem;
		}
		.homePage .noFixedAnswer >h2{
			width: calc(calc(266/390) * 100vw);
			margin-inline: auto;
		}
		.homePage .noFixedAnswer .noFixedAnswerList{
			margin-top: calc(calc(55/390) * 100vw);
			grid-template-columns: 100%;
			gap: calc(calc(52/390) * 100vw) 0;
		}
		.homePage .noFixedAnswer .noFixedAnswerListCard{
			gap: calc(calc(7.5/390) * 100vw);
			border-radius: calc(calc(5/390) * 100vw);
			border: calc(calc(2/390) * 100vw) solid #000;
			padding: calc(calc(15/390) * 100vw);
		}
			.homePage .noFixedAnswer .noFixedAnswerListCard::before{
				content: attr(data-num);
				font-size: 8rem;
				top: calc(-1 * calc(calc(52/390) * 100vw));
			}
			.homePage .noFixedAnswer .noFixedAnswerListCard h2{
				font-size: 1.8rem;
			}
			.homePage .noFixedAnswer .noFixedAnswerListCard p{
				font-size: 1.4rem;
			}
/* ==========================================================================
   バディキャリと他社の違い
========================================================================== */
	.homePage .differences{
		margin-top: calc(calc(54/390) * 100vw);
		padding-bottom: calc(calc(73/390) * 100vw);
		width: calc(calc(360/390) * 100vw);
	}
		.homePage .differences >h2{
			width: calc(calc(245/390) * 100vw);
			margin-inline: auto;
		}
		.homePage .differences .differencesTable{
			margin-top: calc(calc(22/390) * 100vw);
			border-radius: calc(calc(5/390) * 100vw);
		}
			.homePage .differences .differencesTable::before{
				content: '';
				width: calc(calc(126/390) * 100vw);
				height: calc(100% + calc(calc(4/390) * 100vw));
				position: absolute;
				top: calc(-1 * calc(calc(2/390) * 100vw));
				left: calc(calc(110/390) * 100vw);
				translate: 0;
				border: calc(calc(3/390) * 100vw) solid #DB1313;
				border-radius: calc(calc(5/390) * 100vw);;
			}
			.homePage .differences .differencesTable th,.homePage .differences .differencesTable td{
				border-right: calc(calc(1/390) * 100vw) solid #C5C5C5;
				border-bottom: calc(calc(1/390) * 100vw) solid #C5C5C5;
				padding: calc(calc(9/390) * 100vw) 0;
				font-size: 1.1rem;
			}
			.homePage .differences .differencesTable th:first-child,
			.homePage .differences .differencesTable td:first-child{
				border-left: calc(calc(1/390) * 100vw) solid #C5C5C5;
			}
				.homePage .differences .differencesTable thead th{
					font-size: 1.28rem;
				}
				.homePage .differences .differencesTable thead th:nth-child(1){
					width: calc(calc(111/390) * 100vw);
					border-radius: calc(calc(5/390) * 100vw) 0 0 0;
				}
				.homePage .differences .differencesTable thead th:nth-child(3){
					border-radius: 0 calc(calc(5/390) * 100vw) 0 0;
				}
				.homePage .differences .differencesTable tbody th,.homePage .differences .differencesTable tbody td{
					padding-block: calc(calc(9/390) * 100vw);
				}
				.homePage .differences .differencesTable tbody .small{
					font-size: 0.73rem;
					display: block;
				}
			.homePage .differences .differencesTable .endTh{
				border-radius: 0 0 0 calc(calc(5/390) * 100vw);
			}
			.homePage .differences .differencesTable .endTd{
				border-radius: 0 0 calc(calc(5/390) * 100vw) 0;
			}
			.homePage .differences .differencesTable .rowText{
				flex-flow: column;
				gap: 0;
			}
				.homePage .differences .differencesTable .rowText span:first-child{
					font-size: 1.6rem;
				}
				.homePage .differences .differencesTable .rowText span:last-child{
					font-size: 0.91rem;
				}
			.homePage .differences .differencesTable td:has(.rowText){
				padding-block: calc(calc(9/390) * 100vw);
			}
/* ==========================================================================
   interview
========================================================================== */
	.homePage .interview{
		padding: calc(calc(52/390) * 100vw) 0 calc(calc(59/390) * 100vw);
		border-top: calc(calc(2/390) * 100vw) solid #000;
		border-bottom: calc(calc(2/390) * 100vw) solid #000;
		background: url('../img/sp_interview_bk.jpg') repeat-x center center / auto 100%;
		position: relative;
	}
		.homePage .interview::before{
			margin-left: calc(-1 * calc(calc(132/390) * 100vw));
			font-size: 6rem;
		}
		.homePage .interview >h2{
			width: calc(calc(330/390) * 100vw);
			margin: 0 auto calc(calc(27/390) * 100vw);
		}
		.homePage .interview .interviewCard{
			width: calc(calc(330/390) * 100vw);
			flex-flow: column;
			align-items: center;
			gap: calc(calc(10/390) * 100vw);
			padding: calc(calc(20/390) * 100vw) calc(calc(13/390) * 100vw);
			border: calc(calc(2/390) * 100vw) solid #000;
			border-radius: calc(calc(5/390) * 100vw);
		}
			.homePage .interview .interviewCard .text{
				width: calc(calc(290/390) * 100vw);
			}
			.homePage .interview .interviewCard h2{
				font-size: 1.8rem;
				border-bottom: calc(calc(2/390) * 100vw) solid #000;
				padding-bottom: calc(calc(10/390) * 100vw);
				margin-bottom: calc(calc(17/390) * 100vw);
			}
			.homePage .interview .interviewCard .data{
				display: block;
				text-align: center;
			}
				.homePage .interview .interviewCard .data .name{
					font-size: 1.6rem;
				}
				.homePage .interview .interviewCard .data .career{
					font-size: 1.2rem;
					margin-top: calc(calc(5/390) * 100vw);
				}
			.homePage .interview .interviewCard .dialogOpen{
				margin: calc(calc(10/390) * 100vw) auto 0;
				width: calc(calc(213/390) * 100vw);
				height: calc(calc(42/390) * 100vw);
				border: calc(calc(2/390) * 100vw) solid #000;
				border-radius: calc(calc(11/390) * 100vw);
				gap: 0 calc(calc(20/390) * 100vw);
				font-size: 1.4rem;
			}
				.homePage .interview .interviewCard .dialogOpen::after{
					width: calc(calc(6/390) * 100vw);
					height: calc(calc(12/390) * 100vw);
				}
		.homePage .interview .interviewCard + .interviewCard{
			margin-top: calc(calc(28/390) * 100vw);
		}
		.homePage .interview .ctaBtn{
			margin-top: calc(calc(28/390) * 100vw);
		}
		.homePage .interview .interviewDialog {
      width: calc(calc(330/390) * 100vw);
			border: calc(calc(2/390) * 100vw) solid #000;
      border-radius: calc(calc(5/390) * 100vw);
			padding: 0;
    }
		.homePage .interview .interviewDialogContent{
			min-height: 90dvh;
      padding: calc(calc(20/390) * 100vw);
			display: grid;
			grid-template-columns: 100%;
			grid-template-rows: auto auto auto auto auto auto 1fr;
		}
			.homePage .interview .interviewDialogContent >h2{
				grid-column: 1;
				grid-row: 1;
				font-size: 1.8rem;
				border-bottom: calc(calc(2/390) * 100vw) solid #000;
				padding-bottom: calc(calc(10/390) * 100vw);
				margin:0 0 calc(calc(20/996) * 100cqw) 0;
			}
			.homePage .interview .interviewDialogContent .tm{
				grid-column: 1;
				grid-row: 2;
				margin-bottom: calc(calc(15/390) * 100vw);
			}
			.homePage .interview .interviewDialogContent .data{
				grid-column: 1;
				grid-row: 3;
				display: block;
				text-align: center;
				margin: 0 0 calc(calc(14/390) * 100vw) 0;
			}
				.homePage .interview .interviewDialogContent .data .name{
					font-size: 1.8rem;
				}
				.homePage .interview .interviewDialogContent .data .career{
					font-size: 1.2rem;
					margin-top: calc(calc(4/390) * 100vw);
				}
			.homePage .interview .interviewDialogContent .paragraph{
				grid-column: 1;
				grid-row: 4;
				margin-left: 0;
				font-size: 1.2rem;
			}
			.homePage .interview .interviewDialogContent .oneDay{
				grid-column: 1;
				grid-row: 5;
				margin-top:calc(calc(20/390) * 100vw);
			}
				.homePage .interview .interviewDialogContent .oneDay h2{
					font-size: 1.6rem;
					border-bottom: calc(calc(1/390) * 100vw) solid #000;
					margin-bottom: calc(calc(10/390) * 100vw);
				}
				.homePage .interview .interviewDialogContent .oneDay dl{
					gap:0 calc(calc(29/390) * 100vw);
					font-size: 1.2rem;
				}
			.homePage .interview .interviewDialogContent .gallery{
				grid-column: 1;
				grid-row: 6;
				margin-top: calc(calc(38/390) * 100vw);
				flex-flow: column;
				gap: calc(calc(18/390) * 100vw);
			}
			.homePage .interview .interviewDialogContent .dialogClose{
				margin-top: calc(calc(20/390) * 100vw);
				grid-column: 1;
				grid-row: 7;
				width: calc(calc(175/390) * 100vw);
				height: calc(calc(53/390) * 100vw);
				border-radius: calc(calc(11/390) * 100vw);
				gap: calc(calc(10/390) * 100vw);
				font-size: 1.4rem;
			}
				.homePage .interview .interviewDialogContent .dialogClose::before{
					width: calc(calc(23/390) * 100vw);
					height: calc(calc(23/390) * 100vw);
				}
/* ==========================================================================
   今は不安でも大丈夫。同じ場所にいた人が、 新しい未来を掴んでいます。
========================================================================== */
	.homePage .story{
		padding: calc(calc(104/390) * 100vw) 0;
	}
		.homePage .story::before{
			content: "STORY OF \A FUTURE";
			top: calc(calc(6/390) * 100vw);
			left: 0;
			translate: 0;
			font-size: 5.6rem;
		}
		.homePage .story::after{
			width: 100%;
			height: 100%;
			left: 0;
			translate: 0;
			background: url('../img/sp_line_bk2.svg') no-repeat right center / cover;
		}
		.homePage .story >h2{
			width: calc(calc(193/390) * 100vw);
			margin-inline: auto;
		}
		.homePage .story .toptext{
			margin-top: calc(calc(15/390) * 100vw);
			font-size: 1.3rem;
		}
		.homePage .story .storySlider{
			max-width: calc(calc(320/390) * 100vw);
			margin: calc(calc(35/390) * 100vw) auto 0;
		}
		.homePage .story .storyCards{
			border: calc(calc(2/390) * 100vw) solid #000;
			border-radius: calc(calc(10/390) * 100vw);
			padding: calc(calc(30/390) * 100vw);
		}
			.homePage .story .storyCards header{
				margin-bottom: calc(calc(20/390) * 100vw);
			}
			.homePage .story .storyCards .num{
				height: calc(calc(32/390) * 100vw);
				font-size: 2rem;
			}
			.homePage .story .storyCards .title{
				margin-top: calc(calc(20/390) * 100vw);
				font-size: 1.8rem;
				padding-bottom: calc(calc(5/390) * 100vw);
				border-bottom: calc(calc(2/390) * 100vw) solid #000;
			}
		.homePage .story .storyCardsInner{
			display: grid;
			grid-template-columns: 100%;
			grid-template-rows: auto auto 1fr;
			gap: calc(calc(10/390) * 100vw) 0;
		}
			.homePage .story .storyCardsInner .img{
				grid-column: 1;
				grid-row: 1;
				justify-self: center;
				width: calc(calc(176/390) * 100vw);
				margin-bottom: calc(calc(10/390) * 100vw);
			}
			.homePage .story .storyCardsInner h2{
				grid-column: 1;
				grid-row: 2;
				justify-self: center;
				width: calc(calc(110/390) * 100vw);
				height: calc(calc(26/390) * 100vw);
				font-size: 1.6rem;
			}
			.homePage .story .storyCardsInner .textBox{
				grid-column: 1;
				grid-row: 3;
			}
			.homePage .story .storyCardsInner .text{
				justify-self: center;
				width: calc(calc(280/390) * 100vw);
				font-size: 1.3rem;
			}
			.homePage .story .storyCardsInner .listText{
				margin-top: calc(calc(10/390) * 100vw);
				justify-self: center;
				width: calc(calc(280/390) * 100vw);
				font-size: 1.3rem;
			}
		.homePage .story .after{
			margin-top: calc(calc(55/390) * 100vw);
		}
			.homePage .story .after::before{
				width: calc(calc(30/390) * 100vw);
				height: calc(calc(26/390) * 100vw);
				top: calc(-1 * calc(calc(40/390) * 100vw));
			}
/* ==========================================================================
   脱落組・転職しなかった人の声
========================================================================== */
	.homePage .didNotChange{
		padding: calc(calc(50/390) * 100vw) 0;
		border-top: calc(calc(2/390) * 100vw) solid #000;
		border-bottom: calc(calc(2/390) * 100vw) solid #000;
		background: url('../img/sp_did_not_change_bk.jpg') repeat-x center center / auto 100%;
	}
		.homePage .didNotChange >h2{
			width: calc(calc(330/390) * 100vw);
			margin-inline: auto;
		}
		.homePage .didNotChange .toptext{
			margin-top: calc(calc(24/390) * 100vw);
			text-align: center;
			font-size: 1.3rem;
		}
		.homePage .didNotChange .didNotChangeSlider{
			max-width: calc(calc(340/390) * 100vw);
			margin: calc(calc(24/390) * 100vw) auto 0;
		}
			.homePage .didNotChange .didNotChangeSlider::before{
				width: 100vw;
				height: calc(calc(50/390) * 100vw);
			}
		.homePage .didNotChange .didNotChangeCards{
			border: calc(calc(2/390) * 100vw) solid #000;
			border-radius: calc(calc(10/390) * 100vw);
			padding: calc(calc(20/390) * 100vw) calc(calc(24/390) * 100vw) calc(calc(42/390) * 100vw);
			display: grid;
			grid-template-columns: 100%;
			grid-template-rows: auto auto 1fr;
			gap: calc(calc(10/390) * 100vw);
		}
			.homePage .didNotChange .didNotChangeCards .img{
				grid-column: 1;
				grid-row: 1;
				justify-self: center;
				margin-bottom: calc(calc(10/390) * 100vw);
				width: calc(calc(188/390) * 100vw);
			}
			.homePage .didNotChange .didNotChangeCards header{
				grid-column: 1;
				grid-row: 2;
			}
			.homePage .didNotChange .didNotChangeCards .text{
				grid-column: 1;
				grid-row: 3;
			}
			.homePage .didNotChange .didNotChangeCards .num{
				text-align: center;
				margin-inline: auto;
			}
			.homePage .didNotChange .didNotChangeCards h2{
				margin-top: calc(calc(5/390) * 100vw);
				font-size: 1.8rem;
				text-align: center;
			}
/* ==========================================================================
   よくある質問
========================================================================== */
	.homePage .faq{
		padding-top: calc(calc(114/390) * 100vw);
		position: relative;
		width: calc(calc(310/390) * 100vw);
	}
		.homePage .faq::before{
			content: "COMMON \A QUESTIONS";
			top: calc(calc(24/390) * 100vw);
			left: calc(-1 * calc(calc(35/390) * 100vw));
			translate: 0;
			font-size: 5.6rem;
		}
		.homePage .faq >h2{
			width: calc(calc(144/390) * 100vw);
			margin-inline: auto;
		}
		.homePage .faq .row{
			margin-top: calc(calc(43/390) * 100vw);
			display: grid;
			grid-template-columns: 100%;
			gap: calc(calc(20/390) * 100vw) 0;
		}
			.homePage .faq .faqBox header{
				border: calc(calc(1/390) * 100vw) solid #000;
				border-radius: calc(calc(5/390) * 100vw);
				padding: calc(calc(15/390) * 100vw) calc(calc(10/390) * 100vw);
				gap: calc(calc(10/390) * 100vw);
			}
			.homePage .faq .faqBox p{
				margin-top: calc(calc(10/390) * 100vw);
			}
/* ==========================================================================
   フォーム
========================================================================== */
	.homePage .formWrapper{
		min-height: calc(calc(200/390) * 100vw);
		width: calc(calc(330/390) * 100vw);
		border: calc(calc(2/390) * 100vw) solid #000000;
		border-radius: calc(calc(10/390) * 100vw);
		padding-bottom: calc(calc(34/390) * 100vw);
	}
		.homePage .formWrapper .formMainTitle{
			height: calc(calc(62/390) * 100vw);
			flex-flow: column;
			font-size: 1.8rem;
			line-height: 1.2;
			gap: calc(calc(4/390) * 100vw) 0;
			margin-bottom: calc(calc(12/390) * 100vw);
		}
			.homePage .formWrapper .formMainTitle span{
				font-size: 1.2rem;
			}
		.homePage .formWrapper .stepIndicator{
			gap: calc(calc(10/390) * 100vw);
			margin-bottom: calc(calc(15/390) * 100vw);
		}
			.homePage .formWrapper .stepIndicator li{
				width: calc(calc(60/390) * 100vw);
				height: calc(calc(26/390) * 100vw);
				border-radius: calc(calc(5/390) * 100vw);
				font-size: 1.2rem;
			}
		.homePage .formWrapper .formTitle{
			font-size: 1.6rem;
			margin-bottom: calc(calc(10/390) * 100vw);
		}
		.homePage .formWrapper .checkboxGroup{
			max-width: calc(calc(270/390) * 100vw);
			gap: calc(calc(10/390) * 100vw);
		}
			.homePage .formWrapper .checkboxGroup li{
				flex: 0 1 calc(calc(130/390) * 100vw);
			}
				.homePage .formWrapper .checkboxGroup li input{
					display: none;
				}
			.homePage .formWrapper .checkboxGroup label{
				min-height: calc(calc(46/390) * 100vw);
				border-radius: calc(calc(10/390) * 100vw);
				font-size: 1.3rem;
			}
				.homePage .formWrapper .checkboxGroup label span{
					font-size: 1.4rem;
				}
				.homePage .formWrapper .checkboxGroup label small{
					font-size: 1.1rem;
				}
		.homePage .formWrapper .btnNext{
			width: calc(calc(270/390) * 100vw);
			margin: calc(calc(15/390) * 100vw) auto 0;
			height: calc(calc(54/390) * 100vw);
			border-radius: calc(calc(11/390) * 100vw);
			background: url('../img/form_arrow.svg') no-repeat calc(100% - calc(calc(33/390) * 100vw)) center / calc(calc(9/390) * 100vw) auto;
			background-color: #00927F;
			font-size: 1.8rem;
		}
		.homePage .formWrapper .btnBack{
			text-align: center;
			margin: calc(calc(15/390) * 100vw) auto 0;
			font-size: 1.3rem;
		}
			.homePage .formWrapper .btnBack::before{
				width: 1.5em;
				height: 1.5em;
				flex-shrink: 0;
				margin-right: 0;
			}
		.homePage .formWrapper .checkboxGroup + .formTitle{
			margin-top: calc(calc(25/390) * 100vw);
		}
			.homePage .formWrapper .formStep1 .formTitle{
				font-size: 1.6rem;
			}
			.homePage .formWrapper .formStep1 .checkboxGroup{
				gap: calc(calc(12/390) * 100vw);
			}
				.homePage .formWrapper .formStep1 .checkboxGroup li{
					flex: 0 1 calc(calc(270/390) * 100vw);
				}
				.homePage .formWrapper .formStep1 .checkboxGroup label{
					min-height: calc(calc(68/390) * 100vw);
					font-size: 1.6rem;
				}
		.homePage .formWrapper .formInputArea{
			width: calc(calc(270/390) * 100vw);
			grid-template-columns: 100%;
			gap: calc(calc(15/390) * 100vw);
		}
			.homePage .formWrapper .formInputArea input[type="text"],
			.homePage .formWrapper .formInputArea input[type="tel"],
			.homePage .formWrapper .formInputArea input[type="email"]{
				height: calc(calc(48/390) * 100vw);
				line-height: calc(calc(48/390) * 100vw);
				border: calc(calc(1/390) * 100vw) solid #7F7F7F;
				border-radius: calc(calc(5/390) * 100vw);
				font-size: 16px;
			}
			.homePage .formWrapper .formInputArea .formLabel{
				font-size: 1.4rem;
				margin-bottom: calc(calc(6/390) * 100vw);
			}
				.homePage .formWrapper .formInputArea .formLabel small{
					font-size: 1.2rem;
				}
			.homePage .formWrapper .formInputArea .formDescription{
				grid-column: 1;
				text-align: center;
				line-height: 1.9;
				font-size: 1.3rem;
				font-weight: 700;
				margin-top: calc(calc(10/390) * 100vw);
			}
			.homePage .formWrapper .formInputArea .privacyText{
				grid-column: 1;
				font-size: 1.6rem;
			}
		.homePage .formWrapper .btnNextStep4{
			margin-top: calc(calc(10/390) * 100vw);
		}
	.homePage .formWrapper:has(.formComplete){
		padding-bottom: 0;
	}
	.homePage .formComplete{
		text-align: center;
		padding: calc(calc(37/390) * 100vw) calc(calc(25/390) * 100vw) calc(calc(27/390) * 100vw);
	}
		.homePage .formComplete .completeTitle{
			font-size: 2.4rem;
			margin-bottom: calc(calc(15/390) * 100vw);
		}
		.homePage .formComplete .completeText{
			font-size: 1.4rem;
			line-height: 1.7;
			margin-bottom: calc(calc(20/390) * 100vw);
		}
		.homePage .formComplete .completeSubText{
			font-size: 1.5rem;
			gap: calc(calc(5/390) * 100vw);
		}
			.homePage .formComplete .completeSubText::before{
				width: calc(calc(14/390) * 100vw);
				height: calc(calc(19/390) * 100vw);
			}
			.homePage .formComplete .completeSubText::after{
				width: calc(calc(14/390) * 100vw);
				height: calc(calc(19/390) * 100vw);
			}
		.homePage .formComplete .btnLineRegister{
			width: calc(calc(270/390) * 100vw);
			margin: calc(calc(5/390) * 100vw) auto 0;
			height: calc(calc(70/390) * 100vw);
			border-radius: calc(calc(11/390) * 100vw);
			gap: 0 calc(calc(5/390) * 100vw);
		}
			.homePage .formComplete .btnLineRegister::before{
				width: calc(calc(55/390) * 100vw);
				height: calc(calc(55/390) * 100vw);
			}
/* ==========================================================================
  フォーム場所別
========================================================================== */
	.homePage .formWrapperTop{
		margin-top: calc(calc(29/390) * 100vw);
	}
	.homePage .formBottomSec{
		margin-top: calc(calc(56/390) * 100vw);
	}
		.homePage .formBottomSec .bottomFormTitle{
			width: calc(calc(238/390) * 100vw);
			margin: 0 auto calc(calc(22/390) * 100vw);
		}
/*end*/
}