@charset "UTF-8";
/* CSS Document */

/*
	Reset CSS
-----------------------------------------------------------------------------------------------*/
/***
    The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)){
	all: unset;
	display: revert;
}
*,*::before,*::after{
	box-sizing: border-box;
}
a, button{
	cursor: revert;
}
ol, ul, menu{
	list-style: none;
}
img{
	vertical-align: top;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea{
	-webkit-user-select: auto;
	user-select: auto;
}
textarea{
	white-space: revert;
}
meter{
	-webkit-appearance: revert;
	appearance: revert;
}
::placeholder{
	color: unset;
}
:where([hidden]){
	display: none;
}
:where([contenteditable]:not([contenteditable="false"])){
	-moz-user-modify: read-write;
	-webkit-user-modify: read-write;
	overflow-wrap: break-word;
	-webkit-line-break: after-white-space;
	line-break: after-white-space;
	-webkit-user-select: auto;
	user-select: auto;
}
:where([draggable="true"]){
	-webkit-user-drag: element;
}


/*
	Setting CSS
-----------------------------------------------------------------------------------------------*/
html{
	font-size: 62.5%;
}
body{
	color: var(--clrBase);
	font-size: 1.4rem;
	font-family: "Noto Sans JP", 'Yu Gothic', 'Meiryo', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1rem;
	font-feature-settings: "palt";
	overflow-wrap: break-word;
}
p{
	line-height: 170%;
}
a{
	text-decoration: none;
	transition: all 0.3s;
}
button{
	cursor: pointer;
}
@media (any-hover: hover){
	a:hover{
		text-decoration: none;
	}
}
@media print, screen and (min-width:813px){
	/* iPad背景切れ対策 */
	body{
		min-width: 1200px;
	}
	/* tel pcのみ無効 */
	a[href^="tel:"]{
		pointer-events: none;
	}
}

/* 表示切替 */
.switch{
	visibility: hidden;
}
.sp{
	display: none;
}


/*
	変数
-----------------------------------------------------------------------------------------------*/
:root{
	/* 幅 */
	--wBase: 1200px;
	--w900:  980px;
	/* カラー */
	--clrYellow: rgba(251 208 2 / .2);
	--clrDeepYellow: #FBD002;
	--clrBlue: rgba(140 200 210 / .2);
	--clrDeepBlue: #8cc8d2;
	--clrGray: #CDCDC8;
	/* フォント */
	--ftRoboto: "Roboto", "Noto Sans JP", 'Lato', 'Yu Gothic', 'Meiryo', 'Hiragino Kaku Gothic ProN', sans-serif;
	--ftNoto: "Noto Sans JP", 'Yu Gothic', 'Meiryo', 'Hiragino Kaku Gothic ProN', sans-serif;
	--ftMedium: 500;
	--ftBold: 700;
}

#wrapper{
	position: relative;
	width: 100%;
	padding-top: 70px;
	overflow: hidden;
}

/*
	共通
-----------------------------------------------------------------------------------------------*/
.ctsArea{
	width: 1200px;
	padding: 0 30px 100px 30px;
	margin-inline: auto;
}
.ctsArea:last-of-type{
	padding-bottom: 0;
}
/* タイトル */
.titCmn{
	text-align: center;
	margin-bottom: 37px;
}
.titCmnDiagonally{
	position: absolute;
	z-index: 300;
}
/* ボタン */
.baseBtn{
	position: relative;
	display: flex;
	align-items: center;
	width: 150px;
	min-height: 36px;
	font-weight: var(--ftMedium);
	padding: 5px 25px 5px 15px;
	border-radius: 30px;
	background: var(--clrDeepYellow);
}
.baseBtn::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 8px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	translate: 0 -50%;
	background: #000;
	transition: all .3s ease;
}
@media (hover: hover) {
	.baseBtn:hover{
		filter: brightness(0.9) saturate(1.6);
	}
	.baseBtn:hover::after{
		transform: translateX(5px);
	}
}
.baseBtn.en{
	font-family: var(--ftRoboto);
	letter-spacing: .01em;
	font-weight: 700;
}

/* マイナビ2027ボタン */
.mynaviBtn{
	width: 120px;
	padding: 5px 15px 7px;
	border: 2px solid #00abeb;
	background: #fff;
}
.mynaviBtn::after{
	display: none;
}
@media (hover: hover) {
	.mynaviBtn:hover{
		color: #fff;
		background: #00abeb;
		filter: brightness(1);
	}
}

/* タブ切り替えボタン */
.jsTab{
	transition: all 0.3s;
}

/* スマホ用固定エントリーボタンを非表示 */
.fixBtnArea,
.fixEntryBtn,
.fixMynaviBtn{
	display: none;
}

/*
	ヘッダー
-----------------------------------------------------------------------------------------------*/
#headerWrapper{
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 1200px;
	width: 100%;
	height: 70px;
	padding-inline: 20px 30px;
	z-index: 100000;
	background: #fff;
}
.headerLeftArea{
	display: flex;
	align-items: center;
}
.headerLogo{
	display: flex;
	align-items: center;
}
.headerLogo img:first-child{
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid var(--clrGray);
}
.headerRightArea{
	display: flex;
	gap: 30px;
	align-items: center;
	z-index: 300000;
}
.headerRightInArea{
	display: flex;
	gap: 10px;
}
.headerEntryBtn{
	display: block;
	font-size: 1.6rem;
	padding: 8px 16px;
}
.headerEntryBtn span::after{
	top: 5px;
}
.headerMenuBtn{
	position: relative;
	display: block;
	width: 50px;
	aspect-ratio: 1 / 1;
}
@media (hover: hover) {
	.headerMenuBtn:hover,
	.headerMenuBtn:hover::before,
	.headerMenuBtn:hover::after,
	.headerMenuBtn span:hover{
		opacity: .6;
	}
}
/* ハンバーガーメニューの3本線 */
.headerMenuBtn::before,
.headerMenuBtn::after,
.headerMenuBtn span{
	display: block;
	height: 2px;
	position: absolute;
	right: 0;
	transition: all 0.3s;
}
/* 黄色線 */
.headerMenuBtn::before{
	content: "";
	top: calc(50% - 10px);
	width: 20px;
	background-color: var(--clrDeepYellow);
}
/* 黒線 */
.headerMenuBtn span{
	top: 50%;
	width: 35px;
	transform: translateY(-50%);
	background-color: #000;
	opacity: 1;
	transition: opacity .3s ease;
}
/* 青線 */
.headerMenuBtn::after{
	content: "";
	top: calc(50% + 9px);
	width: 50px;
	background-color: var(--clrDeepBlue);
}
.headerMenuBtn span::after{
	display: none;
}
/* ハンバーガーメニューの3本線 クリック時 */
/* 黄色線が白線に */
.headerMenuBtn.jsOpen::before{
	top: 50%;
	right: -50%;
	width: 50px;
	transform: translateX(-50%) rotate(30deg);
	/* 真ん中をくり抜くマスク */
	-webkit-mask:
	radial-gradient(circle 7px at 50% 50%, transparent 98%, black 100%);
	mask:
	radial-gradient(circle 7px at 50% 50%, transparent 98%, black 100%);
	background: #fff;
}
/* 黒線 */
.headerMenuBtn.jsOpen span{
	opacity: 0;
}
/* 青線 */
.headerMenuBtn.jsOpen::after{
	top: 50%;
	right: -50%;
	width: 50px;
	height: 2px;
	/* border-top: 2.1px solid #fff;
	border-bottom: 2.1px solid #fff; */
	transform: translateX(-50%) rotate(-30deg);

}
/* メニュー
============================== */
.hOpenMenuWrapper{
	position: fixed;
	top: 70px;
	left: 50%;
	display: none;
	opacity: 0;
	width: calc(100% - 60px);
	min-width: calc(1200px - 60px);
	height: calc(100vh - 100px);
	min-height: 250px;
	margin: 0 auto;
	transform: translateX(-50%);
	border-radius: 30px;
	z-index: 999999;
	background-color: var(--clrDeepYellow);
	transition: all .3s;
}

.hOpenMenuWrapper.jsOpen{
	display: block;
	opacity: 1;
}
/* メニュー全体（閉じた状態） */
.jsDrawerArea {
	position: fixed;
	top: 0;
	right: -100%;   /* ← 画面外に隠す */
	width: 80%;
	height: 100%;
	background: #fff;
	transition: right 0.3s ease;
	z-index: 1001;  /* 前面に出す */
}
.hOpenMenuCts{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 50px;
}
nav{
	display: flex;
	flex-direction: column;
	width: 550px;
	overflow-y: auto;
}
.menuList{
	display: flex;
	flex-direction: column;
	gap: 40px 0;
	margin-block: auto;
}
.menuList li{
	width: fit-content;
}
.menuList li a{
	position: relative;
	display: block;
}
.menuList li a::after{
	content: "";
	position: absolute;
	top: 0;
	right: -18px;
	display: block;
	width: 8px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #fff;
	transition: all .3s ease;
}
@media (hover: hover) {
	.menuList li a:hover::after{
		transform: translateX(5px);
	}
}
.menuList li img{
	width: auto;
	height: 25px;
}
.hOpenMenuLeftArea{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.menuBtnArea{
	display: flex;
	gap: 10px;
}
.menuBtnAreaSp{
	flex-direction: column;
}
.menuBtn{
	width: 180px;
	color: #fff;
	padding: 10px 17px 9px;
	background: #000;
	display: inline-block;
	line-height: 100%;
}
.menuBtn.sp{
	display: none;
}
@media (any-hover: hover){
.menuBtn.sp{
	display: none;
}
}
.menuBtn::after{
	content: url(../images/icon_corporate.svg);
	position: absolute;
	right: 15px;
	top: 50%;
	translate: 0 -50%;
}
/* メニューの背面を暗くする */
.menuBg{
	width: 100%;
	min-width: 1200px;
	height: 100vh;
	background-color: rgb(0 0 0 / .8);
	position: fixed;
	top: 0;
	left: 0;
	backdrop-filter: blur(3px);
	z-index: 200000;
}

/*
	キービジュアルKV
-----------------------------------------------------------------------------------------------*/
#kvWrapper{
	position: relative;
	min-height: 700px;
	height: calc(100vh - 70px);
	width: 100%;
}
.kvInBox {
	position: relative;
	z-index: 1;
	width: 1200px;
	height: 100%;
	padding-inline: 20px;
	margin-inline: auto;
}
.kvTxt{
	position: absolute;
	left: 30px;
	bottom: 90px;
}
.kvVideo{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover; /* 重要：縦横比を維持して要素を覆う */
	filter: brightness(0.9);
}
.kvRead{
	display: block;
	margin-top: 47px;
}

/*
	MESSAGE
-----------------------------------------------------------------------------------------------*/
#messageWrapper .ctsArea{
	position: relative;
	padding-top: 90px;
}
.messageTitImgArea{
	position: absolute;
	right: 820px;
	translate: 0 70px;
}
.messageTit{
	right: -75px;
	translate: 0 -55px;
}
.messageTit img{
	width: 427px;
}
.messageImg{
	position: relative;
}
.messageImg::before{
	content: "";
	position: absolute;
	top: 80px;
	left: -935px;
	width: 1002px;
	height: 650px;
	background:linear-gradient(300deg, rgb(156 215 255) 0%, rgba(198, 232, 244, 1) 100%, rgba(198, 232, 244, 0) 100%);
	clip-path: polygon(100% 0, 100% 72%, 0 100%, 0 24%);
	-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 80%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 6%);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	z-index: 100;
}
.messageTxt{
	width: 690px;
	font-size: 1.7rem;
	font-weight: var(--ftMedium);
	line-height: 245%;
	margin-left: auto;
}

/*
	あなたが今、体験したいことは？
-----------------------------------------------------------------------------------------------*/
#experienceWrapper{
	padding-top: 125px;
}
#experienceWrapper .ctsArea{
	padding: 100px 30px;
}
.experienceTabList{
	display: flex;
	justify-content: center;
	gap: 100px;
	border-bottom: 2px solid #000;
	margin-bottom: 40px;
}
.experienceTabList li{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 300px;
	height: 80px;
	border: 2px solid  var(--clrGray);
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
	transition: all 0.3s;
}
.experienceTabList li img{
	transition: all 0.2s;
}
@media (hover: hover) {
	.experienceTabList li:hover img{
		transform: scale(1.05);
	}
}
/* .showがついたら表示 */
.jsTabBox.show {
	display: block;
}
/* .showがついていない時は非表示 */
.jsTabBox {
	display: none;
}
/* タブ活性時borderを黒色に */
.experienceTabList .jsTab.jsActive{
	border-color: #000;
}
.experienceTabList li img{
	position: relative;
	z-index: 2;
}
/* .tabListの下線を消すために白い箱を乗せる */
.experienceTabList .jsTab.jsActive::after{
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	display: block;
	width: 100%;
	height: 4px;
	background: #fff;
	z-index: 1;
}
/* タブ切り替えlist
============================== */
/* 共通 */
.listDays li{
	position: relative;
	display: flex;
	min-height: 200px;
	font-size: 1.4rem;
	text-align: justify;
	padding: 30px 30px 30px 20px;
	margin-bottom: 15px;
	border-radius: 30px;
}
/* 最後のliのみmargin-bottomを削除 */
.listDays li:last-child{
	margin-bottom: 0;
}
/* 1DAYの色 */
.list1day li{
	border: 2px solid var(--clrDeepYellow);
	background: var(--clrYellow);
}
/* 5DAYSの色 */
.list5days li{
	border: 2px solid var(--clrDeepBlue);
	background: var(--clrBlue);
}
.listDaysNum{
	position: absolute;
	top: 20px;
	left: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	aspect-ratio: 1 / 1;
	font-family: var(--ftRoboto);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: .01em;
	text-indent: .1em;
	border-radius: 50%;
	color: var(--clrDeepYellow);
	background: #000;
}
.listDays .daysBox{
	display: flex;
	justify-content: center;
	border-right: 1px solid var(--clrGray);
	padding: 0 30px;
}
.experienceCtsTitArea{
	flex-direction: column;
	gap: 6px;
	width: 400px;
}
.experienceCtsTitInBox{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	padding-left: 45px;
}
.experienceCtsTit{
	font-size: 2.4rem;
	font-weight: var(--ftBold);
	line-height: 125%;
}
.experienceCtsSubTit{
	font-size: 1.9rem;
	line-height: 130%;
	letter-spacing: .01em;
}
.daysBox:last-child{
	padding-right: 0;
	border-right: none;
}
/* こんな方におすすめ */
.whoArea{
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 450px;
}
.who{
	width: fit-content;
	font-weight: var(--ftBold);
	padding: 1px 12px;
	border-radius: 30px;
	background: #fff;
}
.whoTxt,
.experienceListTxt{
	letter-spacing: .002em;
}
.list5days li > p:first-child{
	color: var(--clrDeepBlue);
}
.list5days li .experienceAnchorArea .experienceAnchorBtn{
	background: var(--clrDeepBlue);
}
.experienceAnchorArea{
	align-items: center;
	width: 240px;
}

/*
	募集要項
-----------------------------------------------------------------------------------------------*/
#guidelineWrapper{
	padding: 80px 0;
	margin: 0 10px;
	border-radius: 30px;
	background: #DCF0F0;
}
#guidelineWrapper .ctsArea{
	width: calc(1200px - 20px);
	padding-inline: 20px;
}
.guidelineTabList{
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	margin-bottom: 38px;
}
.guidelineTabList li{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 212px;
	height: 80px;
	font-size: 1.6rem;
	font-weight: var(--ftBold);
	border: 2px solid var(--clrDeepYellow);
	border-radius: 13px;
	background: #fff;
	cursor: pointer;
}
@media (hover: hover) {
	.guidelineTabList li:hover{
		background: var(--clrDeepYellow);
	}
	.guidelineTabList li:last-child:hover{
		background: var(--clrDeepBlue);
	}
}
/* 1DAY｜01など左上の数字 */
.guidelineTabList li p{
	position: absolute;
	top: 8px;
	left: 8px;
	font-family: var(--ftRoboto);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0em;
}
/* 1DAY｜01など左上の数字の真ん中の線 */
.guidelineTabList li p span{
	font-family: var(--ftNoto);
}
/* タブ右上の丸 */
.guidelineTabList li::after{
	content: "";
	position: absolute;
	top: 7px;
	right: 7px;
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--clrDeepYellow);
}
@media (hover: hover) {
	.guidelineTabList li:hover:after{
		background: #fff;
	}
}
.guidelineTabTit{
	font-size: 1.5rem;
	line-height: 120%;
	text-align: center;
}
/* タブ押下時
============================== */
/* タブ活性時右上の丸を白く */
.guidelineTabList .jsTab.jsActive::after{
	background: #fff;
}
/* タブ活性時黄色い下向き矢印を表示 */
.guidelineTabList .jsTab.jsActive .guidelineTabTit span::after{
	content: "";
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 11px solid var(--clrDeepYellow);
	border-bottom: 0;
}
/* タブ活性時背景を黄色に */
.guidelineTabList .jsTab.jsActive{
	background: var(--clrDeepYellow);
}
/* 5dayの部分だけ枠線を水色に */
.guidelineTabList .guidelineTabTit5Area{
	border: 2px solid var(--clrDeepBlue);
}
/* 5dayの部分だけ右上の丸を青く */
.guidelineTabList .guidelineTabTit5Area::after{
	background: var(--clrDeepBlue);
}
/* 5dayの部分だけ活性時に青色に */
.guidelineTabList .guidelineTabTit5Area.jsTab.jsActive{
	background: var(--clrDeepBlue);
}
/* 5dayの部分の下向き三角形を青色に */
.guidelineTabList .guidelineTabTit5Area.jsTab.jsActive span::after{
	border-top: 11px solid var(--clrDeepBlue);
}
.guidelineCtsArea.jsTabBox {
	display: none;
}
.jsTabBox.show {
	display: block;
}
.guidelineCtsArea{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 53px 120px;
	border-radius: 27px;
	background: #fff;
}
/* 「電気工事士を「知る」WEB入門編セミナー」 タイトル */
.guidelineSubTit{
	text-align: center;
	margin-bottom: 14px;
}
.guidelineSubTit.only{
	margin-bottom: 30px;
}
.guidelineSecondTit{
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 30px;
}
/* Firefoxで画像の大きさが揺れ動くのを防止 */
.guidelineSubTit img{
	width: 510px;
	height: 27px;
}
.guidelineCtsTbl tr{
	width: 100%;
	border-top: 2px solid #000;
}
.guidelineCtsTbl tr:last-child{
	border-bottom: 2px solid #000;
}
.guidelineCtsTbl th,
.guidelineCtsTbl td{
	font-size: 1.5rem;
	padding-block: 20px;
}
.guidelineCtsTbl th{
	position: relative;
	width: 200px;
	font-weight: var(--ftBold);
	padding-inline: 15px 20px;
}
.guidelineCtsTbl th::before{
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 8px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: var(--clrDeepYellow);
	translate: 0 7px;
}
/* 5dayの部分の頭を青丸に */
.guidelineCtsTbl5 tr th::before{
	background: var(--clrDeepBlue);
}
.guidelineCtsTbl td{
	text-align: justify;
	width: 700px;
}
.guidelineCtsTbl td p{
	line-height: 145%;
}
.guidelineCtsTbl td p:not(:first-of-type){
	margin-top: 10px;
}
.guidelineCtsTbl td p span{
	font-weight: var(--ftBold);
}
.guidelineFlowList{
	display: flex;
	justify-content: space-between;
}
.guidelineFlowList li{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 155px;
 	min-height: 40px;
	text-align: center;
	font-weight: var(--ftMedium);
	font-size: 1.4rem;
	padding: 7px 10px;
	border: 2px solid var(--clrDeepYellow);
	border-radius: 5px;
	line-height: 120%;
}
/* 5dayの応募フローの囲みを青線に */
.guidelineCtsTbl5 li{
	border: 2px solid var(--clrDeepBlue);
}
/* 応募フローの右向き矢印 */
.guidelineFlowList li:not(:last-of-type)::after{
	content: "";
	position: absolute;
	top: 50%;
	right: -20px;
	width: 9px;
	height: 10px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background-color: #000;
	translate: 0 -50%;
}
/* エントリーボタン */
.guidelineBtnArea{
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 50px;
}
.guidelineBtn{
	justify-content: center;
	width: 300px;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 18px 40px;
	border-radius: 50px;
}
.guidelineBtn::after{
	top: 50%;
	right: 20px;
}
#jobWork .guidelineCtsTbl tr td .guidelineFlowList li{
	width: 120px;
	font-size: 1.3rem;
	letter-spacing: .01em;
	padding: 7px 8px;
}

/*
	スケジュール
-----------------------------------------------------------------------------------------------*/
#scheduleWrapper .ctsArea{
	padding: 78px 30px 82px;
	position: relative;
	z-index: 1;
}
.scheduleTable{
	width: 100%;
	table-layout: fixed;
}
.scheduleTable thead tr{
	color: #fff;
	background: #000;
}
.scheduleTable thead tr th{
	position: relative;
	padding: 7px 0;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	border-right: 1px dashed var(--clrGray);
}
.scheduleTable thead tr th span{
	font-family: var(--ftRoboto);
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: .01em;
}
.scheduleTable thead th:first-of-type{
    width: 230px; /* 最初の列 */
}
.scheduleTable thead th:not(:first-of-type){
    width: calc((100% - 230px) / 3); /* 残り3列を均等に */
}
.scheduleTable thead tr th:last-child{
	border-right: none;
}
/* グレーの破線 1つ目は非表示 */
.scheduleTable thead tr th:first-of-type:after{
	display: none;
}
.scheduleMonth th span{
	font-family: var(--ftRoboto);
	font-size: 1.8rem;
}
.scheduleTable tbody tr{
	position: relative;
	height: 75px;
	border-bottom: 2px solid #000;
}
.scheduleTable tbody tr th{
	padding-left: 15px;
 }
 /* グレーの破線 */
.scheduleTable tbody tr th,
.scheduleTable tbody tr td{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-weight: var(--ftMedium);
	font-size: 1.4rem;
    letter-spacing: .01em;
	border-right: 1px dashed var(--clrGray);
}
 /* グレーの破線 最後のtdのみ消去 */
.scheduleTable tbody tr td:last-child{
	border-right: none;
}
.scheduleTable tbody tr td{
	position: relative;
	font-weight: var(--ftMedium);
}
/* スケジュールの横棒 */
.scheduleTable tbody tr td span{
	position: relative;
	display: block;
	height: 15px;
	border-radius: 25px;
	background: var(--clrDeepYellow);
	cursor: pointer;
}
.scheduleTable tbody tr:first-of-type td span{
	width: 803%;
	transform: translateX(-100%);
}
.scheduleTable tbody tr:nth-of-type(2) td span{
	width: 203%;
	transform: translateX(-150%);
}
.scheduleTable tbody tr:nth-of-type(3) td span{
	width: 302%;
	transform: translateX(-100%);
}
.scheduleTable tbody tr:nth-of-type(4) td span{
	width: 402%;
	transform: translateX(-75%);
}
.scheduleTable tbody tr:last-of-type td span{
	width: 203%;
	transform: translateX(-100%);
	background: var(--clrDeepBlue);
}
/* .scheduleTable tbody tr tdの手前の丸 */
.scheduleTable tbody tr th::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: var(--clrDeepYellow);
}
/* .scheduleTable tbody tr tdの手前の丸 5daysのみ青色に */
.scheduleTable tbody tr:last-of-type th::before{
	background: var(--clrDeepBlue);
}
/* ツールチップ
============================== */
.scheduleTable tbody tr td span{
	cursor: pointer;
	position: relative;
}
.scheduleTable tbody tr td span::after{
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
	padding: 5px 7px;
	border-radius: 4px;
	font-size: 1.4rem;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none; /* hoverを邪魔しない */
	transition: all 0.4s ease;
	z-index: 200;
}
/* ツールチップテキスト */
.scheduleTable tbody tr:first-of-type td span::after{
	content: "7月～2月";
}
.scheduleTable tbody tr:nth-of-type(2) td span::after{
	content: "8月～9月";
}
.scheduleTable tbody tr:nth-of-type(3) td span::after{
	content: "12月～2月";
}
.scheduleTable tbody tr:nth-of-type(4) td span::after{
	content: "12月～3月";
}
.scheduleTable tbody tr:last-of-type td span::after{
	content: "8月～9月";
}
/* ホバー時にツールチップの非表示を解除 */
.scheduleTable tbody tr td span:hover::after,
.scheduleTable tbody tr td span:focus::after,
.scheduleTable tbody tr td span.active::after {
	opacity: 1;
	visibility: visible;
}

/*
	INTERVIEW
-----------------------------------------------------------------------------------------------*/
#interviewWrapper{
	position: relative;
	z-index: 0;
}
/* #interviewWrapperの背景グラデーション */
#interviewWrapper::before,
#interviewWrapper::after{
	/* 横幅3000pxまで対応 */
	width: 3000px;
	content: '';
	display: block;
	position: absolute;
	top: -150px;
	left: 50%;
	translate: -50% 0;
}
#interviewWrapper::before{
	height: calc(100% + 150px);
	background: url(../images/interview_bg_pc.png) no-repeat center top / 100% auto;
}
#interviewWrapper::after{
	content: '';
	top: -151px;
	height: 540px;
	clip-path: polygon(0 0, 100% 0%, 100% 10px, 0% 100%);
	background-color: #fff;
	z-index: 0;
}
#interviewWrapper .ctsArea{
	position: relative;
	padding: 175px 30px 100px 60px;
}
.titInterview{
	top: 64px;
	left: 30px;
}
[class^="interviewItemArea"]{
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.interviewItemArea01{
	margin-bottom: 80px;
}
[class^="interviewInfoArea0"]{
	position: absolute;
	bottom: 35px;
	right: 30px;
	width: fit-content;
	padding: 25px 65px 25px 60px;
	color: var(--clrDeepYellow);
	background: rgba(0 0 0 / .9);
}
/* 名前の手前 縦線 */
[class^="interviewInfoArea0"]::after{
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	width: 2px;
	height: 106px;
	background: var(--clrDeepYellow);
}
[class^="interviewNameArea0"]{
	display: flex;
	align-items: flex-start;
	gap: 35px;
	margin-top: 15px;
}
.interviewInfo{
	font-size: 1.3rem;
	font-weight: var(--ftMedium);
}
/* 人名 */
[class^="interviewNameArea0"] > p{
	color: #fff;
	font-size: 2rem;
	font-weight: var(--ftBold);
	line-height: 100%;
}
/* 人名の後ろ「参加したインターンシップ」 */
.interviewIntern p:first-of-type{
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	height: 24px;
	color: #000;
	font-size: 1.4rem;
	font-weight: var(--ftMedium);
	padding: 0 15px;
	border-radius: 20px;
	background: var(--clrDeepYellow);
}
.interviewIntern p:nth-of-type(2){
	margin-top: 5px;
}
.interviewImgArea{
	position: relative;
	height: fit-content;
	z-index: 1;
}
.interviewItemArea02 .interviewImgArea{
	text-align: right;
}
.interviewTxtArea{
	display: flex;
	gap: 50px;
	height: fit-content;
}
.interviewItemArea02 .interviewTxtArea{
	gap: 85px;
}
[class^="interviewRead0"]{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px 0;/* 行増えたので調整 */
	white-space: nowrap;
	font-size: 3.6rem;/* もとより若干小さく */
	font-weight: var(--ftBold);
	margin-bottom: 20px;
}
/* リード文左上のダブルクォーテーション */
[class^="interviewRead0"]::before{
	content: "";
	position: absolute;
	top: -39px;
	left: -30px;
	display: block;
	width: 38px;
	height: 27px;
	background: url(../images/ico_interview_yellow.svg) no-repeat center center / 100% auto;/* cover だと画像の比率変わる可能性あるからこっちで */
}
[class^="interviewRead0"] span{
	display: inline-block;
	width: fit-content;
	height: fit-content;
	line-height: 1;
	letter-spacing: 0.3rem;/* 狭いので広げる */
	padding: 0;
	background: #fff;
}
.interviewTxt{
	font-size: 1.5rem;
	font-weight: var(--ftMedium);
	line-height: 194%;
	text-align: justify
}
/* 02固有の記述（位置調整・青色に変更）
============================== */
.interviewItemArea02{
	flex-direction: column;
}
/* 名前の手前 縦線 */
.interviewInfoArea02::after{
	background: var(--clrDeepBlue);
}
.interviewInfoArea02{
	left: 0;
	color: var(--clrDeepBlue);
	text-align: left;
}
.interviewNameArea02 .interviewIntern p:first-of-type{
	background: var(--clrDeepBlue);
}
/* リード文左上のダブルクォーテーション */
.interviewRead02::before{
	background: url(../images/ico_interview_blue.svg) no-repeat center center / cover;
}

/*
	参加者の声
-----------------------------------------------------------------------------------------------*/
#voiceWrapper .ctsArea{
	padding-top: 80px;
	padding-bottom: 100px;
}
.voiceList{
	position: relative;
	width: 100%;
	height: 550px;
}
.voiceList li{
	position: absolute;
	width: 390px;
	border-radius: 14px;
	text-align: justify;
	line-height: 180%;
	padding: 30px;
}
.voiceList li:nth-child(even){
	background: #dcf0f0;
}
.voiceList li:nth-child(odd){
	background: var(--clrDeepYellow);
}
.voiceList li:first-of-type{
	top: 65px;
	left: 30px;
}
.voiceList li:nth-of-type(2){
	top: 20px;
	right: 245px;
}
.voiceList li:nth-of-type(2) .voiceListDeco::after{
	bottom: -125px;
}
.voiceList li:nth-of-type(3){
	bottom: 52px;
	right: 0;
}
.voiceList li:last-of-type{
	bottom: 0;
	left: 277px;
}
.voiceList li .voiceListDeco{
	position: relative;
	display: inline-block;
}
.voiceList li .voiceListDeco::before{
	content: "";
	position: absolute;
	top: -41px;
	left: -4px;
	display: block;
	width: 35px;
	height: 25px;
}
.voiceList li:nth-child(even) .voiceListDeco::before{
	background: url(../images/ico_interview_yellow.svg) no-repeat center center / 100% auto;
}
.voiceList li:nth-child(odd) .voiceListDeco::before{
	background: url(../images/ico_interview_blue.svg) no-repeat center center / 100% auto;
}
.voiceListDeco::after{
	content: "";
	position: absolute;
	bottom: -90px;
	left: 50%;
	translate: -50%;
	border-style: solid;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 0;
	z-index: -1;
}
.voiceList li:nth-child(even) .voiceListDeco::after{
	border-top: 35px solid #dcf0f0;
}
.voiceList li:nth-child(odd) .voiceListDeco::after{
	border-top: 35px solid var(--clrDeepYellow);
}
.voiceListTit{
	font-size: 1.6rem;
	font-weight: var(--ftMedium);
}
.voiceList li div{
	display: flex;
	flex-wrap: wrap;
}
.voiceList li div p:nth-of-type(2){
	margin-left: 8px;
}
.voiceList li p{
	width: fit-content;
	font-size: 1.3rem;
	padding: 2px 10px 3px;
	margin-top: 8px;
	border-radius: 20px;
	background: #000;
}
.voiceList li:nth-child(even) p{
	color: var(--clrDeepBlue);
}
.voiceList li:nth-child(odd) p{
	color: var(--clrDeepYellow);
}

/*
	フッター
-----------------------------------------------------------------------------------------------*/
#footerWrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
	padding: 0 30px;
	background: #000;
}
.copyrightArea{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 20px;
	line-height:100%;
	color: #fff;
}
.corporateBtnArea{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.corporateBtn{
	position: relative;
	font-weight: var(--ftMedium);
	padding: 0 20px 0 0;
	margin: 0;
	background: #000;
}
.corporateBtn::after{
	content: url(../images/icon_corporate.svg);
	position: absolute;
	top: 6px;
	right: 0;
	display: block;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	transition: all .3s;
}
@media (hover: hover) {
	.corporateBtn:hover{
		opacity: .7;
	}
	.corporateBtn:hover::after{
		transform: translateX(5px) translateY(-50%);
	}
}
.copyright{
	line-height:100%;
	font-family: var(--ftRoboto);
	font-size: 1.3rem;
	color: rgba(255 255 255 / .7);
}

/* スマホ横向き用 */
@media screen and (orientation:landscape) and (max-height: 500px) and (max-width: 1100px){
	.ctsArea{
		width: 100%;
	}
}

	/*---------------------------------------------------------------------------------------------
			ここからスマホ
	-----------------------------------------------------------------------------------------------*/
	@media screen and (max-width:812px){
	body{
		-webkit-text-size-adjust:100%;
		font-size: 1.4rem;
	}
	img{
		width:100%;
	}
	p{
		line-height: 150%;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	br.sp{
		display:inline-block;
	}
	:root{
		--wBase: 100%;
		--w900: 100%;
		--roundL: 15px;
		--lineHeightL: 180%;
 	}

	/*
		共通
	-----------------------------------------------------------------------------------------------*/
	#wrapper{
		padding-top: 50px;
	}
	.ctsArea{
		width: auto;
		max-width: 500px;
		padding: 30px 20px 0 20px;
	}
	/* ボタン */
	.baseBtn{
		width: 100%;
		max-width: 200px;
		min-height: 30px;
		font-size: 1.4rem;
	}
	/* タイトル */
	.titCmn{
		margin-bottom: 25px;
	}
	.titCmn img{
		height: 34px;
	}
	/*
		ヘッダー
	-----------------------------------------------------------------------------------------------*/
	#headerWrapper{
		width: 100%;
		height: 50px;
		min-width: initial;
		padding-inline: 10px 15px;
		top: 0;
		left: 0;
	}
	.headerLogo{
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
	}
	.headerLogo img:first-child{
		width: 160px;
		border-right: none;
		padding-right: 0;
		margin-right: 0;
	}
	.headerLogo img:last-child{
		width: 60px;
		margin-left: 30px;
	}
	.headerRightArea{
		gap: 10px;
	}
	.headerRightInArea{
		display: none;
	}
	.headerEntryBtn{
		width: 90px;
		height: 30px;
		padding: 7px 16px 8px;
	}
	.headerMenuBtn{
		width: 35px;
		height: 30px;
		aspect-ratio: auto;
	}
	/* 黄色線 */
	.headerMenuBtn::before{
		width: 15px;
	}
	/* 黒線 */
	.headerMenuBtn span{
		width: 25px;
	}
	/* 青線 */
	.headerMenuBtn::after{
		width: 35px;
	}
	/* ハンバーガーメニューの3本線 クリック時 */
	/* 黄色線が白線に 青線 */
	.headerMenuBtn.jsOpen::before,
	.headerMenuBtn.jsOpen::after{
		width: 35px;
	}
	/* メニュー
	============================== */
	.hOpenMenuWrapper{
		top: 50px;
		min-width: calc(100vw - 30px);
		height: calc(100vh - 65px);
	}
	.hOpenMenuCts{
		flex-direction: column;
		justify-content: flex-start;
		gap: 30px;
		max-width: 500px;
		padding: 20px;
		margin-inline: auto;
	}
	nav{
		width: 100%;
	}
	.menuList li img{
		width: auto;
		height: 18px;
	}
	.hOpenMenuLeftArea{
		justify-content: flex-start;
		gap: 20px;
	}
	.menuBtn{
		width: 100%;
		max-width: initial;
		padding: 8px 17px 9px;
		font-size: 1.3rem;
	}
	.menuBtn.sp{
		display: block;
	}
	.hOpenMenuLeftArea img{
		width: 200px;
	}
	.menuList{
		gap: 20px 0;
	}
	/*
		キービジュアルKV
	-----------------------------------------------------------------------------------------------*/
	#kvWrapper{
		height: calc(100vh - 50px);
		min-height: 500px;
	}
	.kvInBox{
		width: 100%;
	}
	.kvTxt{
		left: 20px;
		bottom: 50px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.kvTxt img:first-child{
		width: 296px;
	}
	.kvTxt img:last-child{
		width: 180px;
	}
	.kvRead{
		margin-top: 30px;
	}
	/*
		MESSAGE
	-----------------------------------------------------------------------------------------------*/
	#messageWrapper .ctsArea{
		padding-top: 60px;
	}
	.messageTitImgArea{
		display: flex;
		flex-direction: column;
		align-items: center;
		position: static;
		translate: 0;
		margin-bottom: 10px;
	}
	.titCmnDiagonally img{
		width: 320px;
	}
	.messageTit{
		top: -15px;
		right: auto;
		left: 50%;
		translate: -50% 0;
	}
	.messageImg{
		position: static;
		width: 500px;
	}
	.messageImg::before{
		display: none;
	}
	.messageTxt{
		width: auto;
		font-size: 1.5rem;
		line-height: 190%;
		text-align: justify;
		margin-top: 10px;
	}
	/*
		あなたが今、体験したいことは？
	-----------------------------------------------------------------------------------------------*/
	#experienceWrapper{
		padding: 40px 20px 50px 20px;
	}
	.experienceTit{
		margin-bottom: 18px;
	}
	.experienceTit img{
		min-height: 100px;
	}
	.experienceTabList{
		gap: 25px;
		margin-bottom: 20px;
	}
	.experienceTabList li{
		width: 130px;
		height: 50px;
	}
	.experienceTabList li img{
		height: 25px;
	}
	.listDays li{
		flex-direction: column;
		gap: 15px;
		margin-bottom: 20px;
		padding: 20px;
	}
	.listDays .daysBox{
		width: auto;
		padding: 0;
		border-right: none;
	}
	.experienceCtsTitArea{
		gap: 9px;
		border-bottom: 1px solid var(--clrGray);
		padding-block: 3px 18px;
	}
	.experienceCtsTitInBox{
		align-items: center;
		padding-left: 0;
	}
	.experienceCtsTit{
		width: 100%;
		text-align: center;
		font-size: 2rem;
	}
	.experienceCtsTit.only{
		padding-bottom: 15px;
	}
	.experienceCtsSubTit{
		font-size: 1.7rem;
		padding-bottom: 15px;
		text-align: center;
	}
	.whoTxt{
		width: 100%;
	}
	.experienceAnchorBtn{
		max-width: 200px;
		justify-content: center;
	}
	/*
		募集要項
	-----------------------------------------------------------------------------------------------*/
	#guidelineWrapper{
		padding: 50px 0;
	}
	#guidelineWrapper .ctsArea{
		width: auto;
		padding: 0 15px;
	}
	.guidelineTabList{
		flex-wrap: wrap;
		justify-content: center;
		gap: 8px;
		width: 100%;
		margin-bottom: 30px;
	}
	.guidelineTabList li{
		width: calc((100% - 8px) / 2);
		height: 60px;
		line-height: 103%;
	}
	.guidelineTabList li p{
		top: 4px;
		left: 5px;
		font-size: 1.1rem;
	}
	.guidelineTabTit{
		font-size: 1.3rem;
		letter-spacing: .01em;
		margin-top: 6px;
	}
	.guidelineTabList li:last-child .guidelineTabTit{
		margin-top: 0;
	}
	.guidelineTabList .jsTab.jsActive .guidelineTabTit span::after{
		display: none;
	}
	.guidelineTabList .guidelineTabTit5Area.jsTab.jsActive span::after{
		display: none;
	}
	.guidelineCtsArea{
		width: auto;
		padding: 30px 15px;
	}
	.guidelineSubTit img{
		height: auto;
	}
	/* 募集要項のタイトル 大きさ個別指定 */
	#webIntern .guidelineSubTit img{
		width: 270px;
	}
	#engineerWork .guidelineSubTit img{
		width: 180px;
	}
	#siteVisit .guidelineSubTit img{
		width: 230px;
	}
	#jobWork .guidelineSubTit img{
		width: 135px;
	}
	#days5Guidelines .guidelineSubTit img{
		width: 260px;
	}
	.guidelineSecondTit{
		margin-bottom: 18px;
	}
	.guidelineCtsTbl tbody{
		width: auto;
	}
	.guidelineBtnArea{
		margin-top: 30px;
	}
	.guidelineCtsTbl tr{
		display: block;
		width: 100%;
	}
	.guidelineCtsTbl th,
	.guidelineCtsTbl td{
		font-size: 1.4rem;
	}
	.guidelineCtsTbl th{
		display: block;
		width: 100%;
		padding: 10px 0 0 15px ;
	}
	.guidelineCtsTbl td{
		display: block;
		width: 100%;
		padding: 5px 0 13px 0;
	}
	.guidelineCtsTbl td:last-child{
		padding-top: 10px;
	}
	.guidelineFlowList{
		flex-direction: column;
		gap: 20px;
	}
	.guidelineFlowList li{
		width: 100%;
	}
	.guidelineFlowList li:not(:last-of-type)::after{
		top: auto;
		bottom: -18px;
		right: 50%;
		translate: -50% 0;
		rotate: 90deg;
	}
	#jobWork .guidelineCtsTbl tr td .guidelineFlowList li{
		width: 100%;
	}

	/*
		スケジュール
	-----------------------------------------------------------------------------------------------*/
	.tableWrapper{
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch; /* スマホでスムーズに */
	}
	#scheduleWrapper .ctsArea{
		max-width: 650px;
		padding: 45px 20px 50px;
	}
	.scheduleTable{
		width: 600px;
		border-collapse: collapse;
	}
	.scheduleTable thead tr th span,
	.scheduleTable tbody tr th{
		font-size: 1.4rem;
	}
	.scheduleTable thead tr th{
		font-size: 1.1rem;
		padding: 4px 0;
	}
	.scheduleTable thead th:first-of-type{
		width: 190px;
	}
	.scheduleTable thead th:not(:first-of-type){
		width: calc((100% - 190px) / 3);
	}
	.scheduleTable tbody tr{
		height: 60px;
	}
	/*
		INTERVIEW
	-----------------------------------------------------------------------------------------------*/
	#interviewWrapper::before{
		background: url(../images/interview_bg_sp.png) no-repeat center top / 100% auto;
	}
	#interviewWrapper::after{
		top: -213px;
	}
	#interviewWrapper .ctsArea{
		padding: 67px 20px 50px 40px;
	}
	.titInterview{
		width: fit-content;
		top: 4px;
		left: 20px;
	}
	[class^="interviewItemArea"]{
		flex-direction: column;
		gap: 218px;
	}
	.interviewItemArea01{
		margin-bottom: 50px;
	}
	[class^="interviewInfoArea0"]{
		bottom: -155px;
		left: 50%;
		width: 90%;
		transform: translateX(-50%);
		padding: 15px 15px 15px 25px;
	}
	[class^="interviewInfoArea0"]::after{
		left: 10px;
		height: calc(100% - 113px);
	}
	[class^="interviewNameArea0"]{
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		margin-top: 3px;
	}
	[class^="interviewNameArea0"] p:last-of-type{
		height: fit-content;
		letter-spacing: .01em;
	}
	.interviewIntern{
		font-size: 1.2rem;
	}
	.interviewIntern p:first-of-type{
		height: 22px;
		font-size: 1.2rem;
	}
	.interviewTxtArea,
	.interviewItemArea02 .interviewTxtArea{
		flex-direction: column;
		gap: 0;
	}
	.interviewIntern p:nth-of-type(3),
	.interviewIntern p:nth-of-type(4){
		margin-top: 3px;
	}
	[class^="interviewRead0"]{
		gap: 7px 0;
		font-size: 2.2rem;
		margin-bottom: 15px;
	}
	[class^="interviewRead0"]::before{
		left: 0;
	}
	.interviewInfo{
		font-size: 1.2rem;
		margin-bottom: 8px;
		letter-spacing: .03em;
	}
	.interviewTxt{
		font-size: 1.4rem;
		line-height: 175%;
	}
	.interviewRead02 span:nth-of-type(3){
		letter-spacing: 0.1rem;
	}
	/*
		参加者の声
	-----------------------------------------------------------------------------------------------*/
	#voiceWrapper .ctsArea{
		padding: 50px 20px 110px 20px;
		max-width: 400px;
	}
	.voiceList{
		height: 1130px;
	}
	.voiceList li{
		width: 100%;
		max-width: 335px;
		height: auto;
		letter-spacing: .01em;
	}
	.voiceList li:first-of-type{
		top: 15px;
		left: 0;
	}
	.voiceList li:nth-of-type(2){
		top: 293px;
		right: auto;
		left: -20px;
	}
	.voiceList li:nth-of-type(2) .voiceListDeco::after{
		bottom: -154px;
	}
	.voiceList li:nth-of-type(3){
		bottom: auto;
		top: 635px;
		right: -20px;
	}
	.voiceList li:last-of-type{
		bottom: auto;
		top: 887px;
		left: 0;
	}
	.voiceListTit{
		font-size: 1.5rem;
	}
	.voiceList li div{
		flex-direction: column;
	}
	.voiceList li div p:nth-of-type(2){
		margin-left: 0;
	}
	/*
		フッター
	-----------------------------------------------------------------------------------------------*/
	#footerWrapper{
		flex-direction: column;
		height: fit-content;
		padding: 20px;
	}
	.footerLogo{
		margin-bottom: 15px;
	}
	.copyrightArea{
		align-items: center;

	}
	/*
		スマホ用エントリーボタン
	-----------------------------------------------------------------------------------------------*/
	.fixBtnArea{
		position: fixed;
		right: 5%;
		display: flex;
		gap: 8px;
		width: fit-content;
		margin-bottom: 18px;
		z-index: 99999;
	}
	.fixBtnArea a{
		display: inline-flex;
		width: auto;
	}
}
	/*
		INTERVIEW リード文の3行目に効かせる記述
	-----------------------------------------------------------------------------------------------*/
	@media print, screen and (min-width:813px){
	.interviewRead02{
		width: 460px;
		overflow: visible;
	}
	.interviewRead02 span:nth-of-type(3){
		letter-spacing: 0;
		white-space: nowrap;
	}
}