@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500;700;800;900&display=swap");

/*----------------------------------------
	共通部分
----------------------------------------*/
:root {
	--wrapW: 960px;
	--colBlue: #0DA1FF;
	--colSelectA: #FF9BCC;
	--colSelectB: #67B8FE;
	--colSelectC: #FCE480;
	--colSelectD: #8967FF;
	--colSelectE: #FF4948;

}
body {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
	position: relative;
/*   margin-top: 85px; */
}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, dialog, figure, footer, header, hgroup, main, menu, nav, section, time, mark, audio, video {
	font-family: inherit;
	color: inherit;
}
.sp_only { display: none; }
@media (max-width: 959px) and (min-width: 769px) {
	:root {
		--wrapW: 90vw;
	}
}
@media (max-width: 768px) {
	:root {
		--wrapW: 94.9vw;
	}
  /* body {
    margin-top: 60px;
  } */
	.sp_only { display: block; }
	.pc_only { display: none;}
}

a {
  -webkit-transition: 0.4s;
  transition: 0.4s;
	font-family: inherit;
}
a:hover {
  opacity: 0.7;
}

[v-cloak] {
  display: none;
}

html {
  scroll-behavior: smooth;
}

.summeris {
  margin-top: 0;
  background-color: #F8F090;
	
}
.summeris:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 900px;
	background: url("../../images/internship/summeris_feature/bg_grad.webp") repeat-x top;
	top: 0;
	left: 0;
	z-index: -2;
}
.summeris:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("../../images/internship/summeris_feature/bg_grid.webp") repeat top center;
	top: 0;
	left: 0;
	z-index: -1;
}
#summerisWrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
@media (max-width: 768px) {
	.summeris:after {
		background-size: 10.16vw;
	}
}

.l-headerSummeris__logo {
	top: 2.8vh;
}
@media (max-width: 768px) {
	.l-headerSummeris__logo {
		top: 2.5vw;
	}
}
.headerSummeris__hum {
	width: 80px;
	height: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	stroke: var(--colBlue);
	transition: 0.4s ease;
	z-index: 11;
}
.headerSummeris__hum:hover {
	opacity: 0.7;
}
.l-headerSummeris.navOpen .headerSummeris__hum {
	background: rgba(255,255,255,0);
}

#headerSummeris_anchor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #F5F091;
	padding: 26px 0 36px;
	transition: 0.4s ease;
	transform: translateY(-100%);
}
.l-headerSummeris.navOpen #headerSummeris_anchor {
	transform: translateY(0);
}
#headerSummeris_anchor .summeris_nav {
	width: var(--wrapW);
	margin: 0 auto;
}
.l-headerSummeris .headerSummeris__hum line {
	transition: 0.4s ease;
}
.l-headerSummeris.navOpen .headerSummeris__hum #line1 {
	transform-origin: left top;
	transform: translate(1.5px,1.5px) rotate(26.6deg)
}
.l-headerSummeris.navOpen .headerSummeris__hum #line2 {
	opacity: 0;
}
.l-headerSummeris.navOpen .headerSummeris__hum #line3 {
	transform: translate(1.5px,17.5px) rotate(-26.6deg)
}
@media (max-width: 768px) {
	.headerSummeris__hum {
		width: 15.24vw;
		height: 10.42vw;
	}
	.headerSummeris__hum svg {
		transform: scale(0.78);
	}
}

.summeris main {
	padding-top: 112px;
	font-family: "M PLUS 1p", "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
}
.summeris main a {
	color: inherit;
}
#summeris_header {
	margin-bottom: 90px;
}
#summeris_header hgroup {
	width: fit-content;
	margin: 0 auto;
	position: relative;
}
#summeris_header hgroup p {
	position: absolute;
	top: -39px;
	left: -32px;
}
#summeris_header .summeris_header-box {
	background: #FFF;
	max-width: 716px;
	text-align: center;
	margin: 48px auto 0;
	padding: 42px 0;
	color: var(--colBlue);
}
#summeris_header .summeris_header-box p {
	
	text-align: center;
	font-size: 20px;
	line-height: 1.75em;
	font-weight: 800;
}
#summeris_header .summeris_header-box p + p {
	margin-top: 1.75em;
}
@media (max-width: 768px) {
	.summeris main {
		padding-top: 22.4vw;
	}
	#summeris_header {
		margin-bottom: 9vw;
	}
	#summeris_header h1 img {
		width: 78.609vw;
		height: auto;
	}
	#summeris_header hgroup p {
		width: 50.2vw;
		position: absolute;
		top: -6.66vw;
		left: -1.28vw;
	}
	#summeris_header .summeris_header-box {
		max-width: 93.58vw;
		margin-top: 4.81vw;
		padding: 9.62vw 0;
	}
	#summeris_header .summeris_header-box p {
		font-size: 4.01vw;
		line-height: 1.46em;
	}
}

.summeris #summeris_anchor {
	margin-bottom: 50px;
}
.summeris .summeris_nav {
	display: flex;
	gap: 8px;
	margin-bottom: 50px;
}
.summeris .summeris_nav li {
	flex: 1;
}
.summeris .summeris_nav li a {
	display: block;
	position: relative;
	text-align: center;
	background: #FFF;
	color: var(--colBlue);
	padding: 0.5em 0 24px;
	background: #FFF;
	border: 2px solid var(--colBlue);
	box-shadow: 4px 4px 0px 0px var(--colBlue);
	border-radius: 50vh;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.29em;
}
.summeris .summeris_nav li a:after {
	content: "";
	position: absolute;
	width: 14px;
	height: 12px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: var(--colBlue);
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
}
@media  screen and (max-width: 820px) and (min-width: 769px) {
	.summeris .summeris_nav li a {
		font-size: calc(var(--wrapW) * 0.02);
	}
}
@media (max-width: 768px) {
	.summeris #summeris_anchor {
		width: 83.68vw;
		margin-bottom: 32.08vw;
	}
	.summeris .summeris_nav {
		flex-wrap: wrap;
		gap: 3.2vw;
	}
	.summeris .summeris_nav li {
		width: 40.1vw;
		flex: auto;
	}
	.summeris .summeris_nav li a {
		font-size: 3.47vw;
		padding: 2.7vw 0 7.04vw
	}
	.summeris .summeris_nav li a:after {
		width: 3.208vw;
		height: 2.67vw;
		bottom: 2.5vw;
	}
}



.summeris .section_box {
	position: relative;
	width: var(--wrapW);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
}
.summeris .section_box .ttl {
	position: relative;
	background: var(--colBlue);
	color: #FFF;
	text-align: center;
	font-weight: 800;
	font-size: 18px;
	padding: 21px 0 16px;
}
.summeris .section_box .ttl strong {
	font-size: 40px;
}
.summeris .section_box .ttl:after {
	content: "";
	width: 26px;
	height: 22px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: var(--colBlue);
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translate(-50%, 100%);
}


.summeris .section_box .section_contents {
	background: #FFF;
	border: 15px solid #55A9FF;
}
@media (max-width: 768px) {
	.summeris .section_box {
		margin-bottom: 19.25vw;
	}
	.summeris .section_box .ttl {
		font-size: 3.2vw;
		padding: 6.18vw 0 6.18vw;
	}
	.summeris #summeris-find.section_box .ttl {
		font-size: 3.47vw;
		padding: 4.01vw 0 2.94vw;
	}
	.summeris .section_box .ttl strong {
		font-size: 6.4vw;
	}
	.summeris #enqueteArea.section_box .ttl strong {
		font-size: 7.48vw;
	}
	.summeris .section_box .ttl:after {
		width: 4.01vw;
		height: 3.47vw;
	}
	.summeris .section_box .section_contents {
		border-width: 3.2vw;
	}
}

/* アンケート */
.summeris #enqueteArea.qPage #aArea {
	display: none;
}
.summeris #enqueteArea.aPage #qArea {
	display: none;
}
.summeris #enqueteArea .qaBox {
	background: #FFF;
	padding: 40px 0 60px;
}

.summeris #enqueteArea .qaBox .btn {
	display: block;
	width: fit-content;
	margin: auto;
	color: var(--colBlue);
	padding: 0.5em 2em;
	background: #FFF;
	border: 2px solid var(--colBlue);
	box-shadow: 4px 4px 0px 0px var(--colBlue);
	border-radius: 50vh;
	font-size: 18px;
	font-weight: 800;
	cursor: pointer;
	transition: 0.3s;
}
.summeris #enqueteArea .qaBox .btn:hover {
	opacity: 0.7;
}
.summeris #enqueteArea .qaBox .btn.btnS {
	font-size: 12px;
	box-shadow: 2px 2px 0px 0px var(--colBlue);
}
.summeris #enqueteArea .qaBox .btn.btnS.off {
	display: none;
	pointer-events: none;
}


.summeris #enqueteArea .qaBox .qText {
	text-align: center;
	color: var(--colBlue);
	padding-top: 40px;
	font-size: 30px;
	font-weight: 800;
	position: relative;
	z-index: 0;
	min-height: 4em;
}
.summeris #enqueteArea .qaBox .qText:before {
	content: "Q";
	position: absolute;
	color: #F0F0F0;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
	pointer-events: none;
	font-weight: 900;
	font-size: 138px;
	z-index: -1;
	line-height: 1em;
}
.summeris #enqueteArea #qArea.qaBox .enqAList {
	width: 65.8%;
	margin: 30px auto 0;
}
.summeris #enqueteArea #qArea.qaBox .enqA {
	position: relative;
	display: block;
	width: 100%;
	color: var(--colBlue);
	padding: 0.5em 2em 0.5em 66px;
	background: #FFF;
	border: 2px solid var(--colBlue);
	box-shadow: 4px 4px 0px 0px var(--colBlue);
	border-radius: 50vh;
	font-size: 20px;
	font-weight: 800;
	cursor: pointer;
}
.summeris #enqueteArea #qArea.qaBox .enqA:hover {
	background: #EDF8FD;
}
/* .summeris #enqueteArea .qaBox .enqA:active {
	top: 2px;
	left: 2px;
	box-shadow: 2px 2px 0px 0px var(--colBlue);
} */
.summeris #enqueteArea .qaBox .enqA:has(.radio:checked) {
	background: var(--colBlue);
	color: #FFF;
	top: 2px;
	left: 2px;
	box-shadow: 2px 2px 0px 0px var(--colBlue);
	pointer-events: none;
}

.summeris #enqueteArea #qArea.qaBox .enqA + .enqA {
	margin-top: 10px;
}
.summeris #enqueteArea .qaBox .enqA .radio {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #EDEDED;
	border-radius: 100%;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.summeris #enqueteArea .qaBox .enqA .radio:checked::after {
	content: "";
	position: absolute;
	width: 50%;
	height: 50%;
	background: #000;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}
.summeris #enqueteArea #qArea.qaBox .enqA span {
	display: block;
	position: relative;
}
.summeris #enqueteArea #qArea.qaBox .enqA span:before {
	content: "A. ";
}
.summeris #enqueteArea #qArea.qaBox .enqA.enqA-2 span:before {
	content: "B. ";
}
.summeris #enqueteArea #qArea.qaBox .enqA.enqA-3 span:before {
	content: "C. ";
}
.summeris #enqueteArea #qArea.qaBox .enqA.enqA-4 span:before {
	content: "D. ";
}
.summeris #enqueteArea #qArea.qaBox .enqA.enqA-5 span:before {
	content: "E. ";
}
.summeris #enqueteArea #qArea.qaBox #enqSubmit.btn {
	margin-top: 24px;
	margin-bottom: 20px;
}
.summeris #enqueteArea #qArea.qaBox #enqSubmit.btn.off {
	opacity: 0.2;
	pointer-events: none;
	box-shadow: 0 0 0px 0px var(--colBlue);
}

.summeris #enqueteArea  #aArea.qaBox .data {
	text-align: center;
	font-size: 13px;
	margin-top: 30px;
}

.summeris #enqueteArea  #aArea.qaBox .graphArea {
	width: 65.8%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px auto 0;
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA {
	position: relative;
	font-size: 16px;
	padding-left: 32px;
	line-height: 1.5em;
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA:before {
	--colSelect: #FFF;
	content: "A";
	width: 22px;
	height: 22px;
	border: 2px solid var(--colSelect);
	background: var(--colSelect);
	position: absolute;
	top: 1px;
	left: 0;
	text-align: center;
	line-height: 18px;
	font-weight: 800;
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA.selected {
	font-weight: 800;
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA.selected:before {
	border-color: #000;
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA.enqA-1:before {
	content: "A";
	--colSelect: var(--colSelectA);
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA.enqA-2:before {
	content: "B";
	--colSelect: var(--colSelectB);
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA.enqA-3:before {
	content: "C";
	--colSelect: var(--colSelectC);
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA.enqA-4:before {
	content: "D";
	--colSelect: var(--colSelectD);
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA.enqA-5:before {
	content: "E";
	--colSelect: var(--colSelectE);
}
.summeris #enqueteArea  #aArea.qaBox .enqAList .enqA + .enqA {
	margin-top: 10px;

}

.summeris #enqueteArea  #aArea.qaBox .graph-pie {
	height: 200px;
	width: 240px;
	/* background: #CCC; */
}
.summeris #enqueteArea  #aArea.qaBox .graph-pie .google-visualization-tooltip {
	border: 1px solid #F0F0F0;
	border-radius: 0; pointer-events: none;
}
.summeris #enqueteArea  #aArea.qaBox .graph-pie .google-visualization-tooltip {
	height: auto !important;
	width: fit-content !important;
}
.summeris #enqueteArea  #aArea.qaBox .graph-pie .google-visualization-tooltip-item-list {
	display: flex;
	justify-content: flex-start;
	padding: 0.25em 1em;
	margin: 0;
}
.summeris #enqueteArea  #aArea.qaBox .graph-pie .google-visualization-tooltip-item,
.summeris #enqueteArea  #aArea.qaBox .graph-pie .google-visualization-tooltip-item:first-child {
	/* display: inline-block; */
	min-width: 3em;
	padding: 0;
	margin: 0;
}
.summeris #enqueteArea  #aArea.qaBox .graph-pie .google-visualization-tooltip-item .google-visualization-tooltip-square {
	border-bottom: 0;
	width: 0.75em;
	height: 0.75em;
	margin: 0.125em 0.2em 0 0;
}
.summeris #enqueteArea  #aArea.qaBox .graph-pie .google-visualization-tooltip-item:nth-of-type(n+2) .google-visualization-tooltip-square {
	display: none;
}
.summeris #enqueteArea  #aArea.qaBox .comment {
	width: 65.8%;
	margin: 20px auto;
	background: #EDF8FD;
	padding: 1em;
	font-size: 14px;
}
.summeris #enqueteArea  #aArea.qaBox .btn-share {
	position: relative;
	padding: 0 1.8em 0 84px;
	height: 70px;
	line-height: 66px;
	letter-spacing: 0.1em;
}
.summeris #enqueteArea  #aArea.qaBox .btn-share:before {
	content: "";
	width: 48px;
	height: 48px;
	background: url("../../images/internship/summeris_feature/icon-x.svg") no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
}
.summeris #enqueteArea  #aArea.qaBox .btn-share + .btn {
	margin-top: 20px;
}
@media (max-width: 768px) {
	.summeris #enqueteArea {
		margin-bottom: 32.08vw;
	}
	.summeris #enqueteArea .qaBox {
		padding: 2.67vw 0 11.7vw;
	}
	.summeris #enqueteArea .qaBox .btn {
		font-size: 3.73vw;
	}
	.summeris #enqueteArea .qaBox .qText {
		padding-top: 0;
		font-size: 4.278vw;
		text-align: left;
		width: fit-content;
		margin: 5.86vw auto 0;
		min-height: 4.5em;
		display: flex;
		align-items: center;
	}
	.summeris #enqueteArea .qaBox .qText:before {
		font-size: 24.5989vw;
	}
	.summeris #enqueteArea #qArea.qaBox .enqAList {
		width: 90vw;
		margin-top: 9.1vw;
	}
	.summeris #enqueteArea #qArea.qaBox .enqA {
		font-size: 3.47vw;
		padding: 4vw 1.2em 4vw 10vw;
		line-height: 1.15em;
	}
	.summeris #enqueteArea .qaBox .enqA .radio {
		width: 4.179vw;
		height: 4.179vw;
		left: 2.67vw;
	}
	.summeris #enqueteArea #qArea.qaBox .enqA span {
		padding-left: 1.8em;
	}
	.summeris #enqueteArea #qArea.qaBox .enqA span:before {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.summeris #enqueteArea #aArea.qaBox .graphArea {
		flex-direction: column-reverse;
		width: 75vw;
	}
	.summeris #enqueteArea #aArea.qaBox .graph-pie {
		width: 64vw;
		height: 53.33vw;
	}
	.summeris #enqueteArea #aArea.qaBox .comment {
		width: 84vw;
		margin-top: 8.42vw;
	}
	.summeris #enqueteArea #aArea.qaBox .btn-share {
		height: 16vw;
		padding: 0 1.8em 0 17.97vw;
		line-height: calc(16vw - 4px);
	}
	.summeris #enqueteArea #aArea.qaBox .btn-share:before {
		width: 10.52vw;
		height: 10.52vw;
	}
	.summeris #enqueteArea .qaBox .btn.btnS {
		font-size: 2.93vw;
	}
	.summeris #enqueteArea #aArea.qaBox .btn-share + .btn {
		margin-top: 5.33vw;
	}
}


/* 仕事体験＆オープンカンパニー */
.summeris #summeris-find .section_contents {
	border-top: 0;
	--bgCol: var(--colBlue);
	margin-top: 28px;
	position: relative;
	z-index: 0;
}
.summeris #summeris-find #summeris-find1 {
	border-color: #885E3B;
	--bgCol: #885E3B;
	z-index: 1;
}

.summeris #summeris-find #summeris-find2 {
	border-color: #55A9FF;
	--bgCol: #55A9FF;
	z-index: 1;
}
.summeris #summeris-find .section_contents-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--bgCol);
	color: #FFF;
	padding-left: calc(var(--wrapW) * 0.0625);
}
.summeris #summeris-find .section_contents-head .img {
	height: auto;
	width: 305px;
	max-width: 36%;
}
.summeris #summeris-find .section_contents-head h3 {
	font-size: calc(var(--wrapW) * 0.03125);
	font-weight: 900;
}
.summeris #summeris-find .section_contents-head .text {
	font-size: calc(var(--wrapW) * 0.02083);
	margin-top: 0.5em;
}
.summeris #summeris-find .section_contents-body {
	padding: calc(var(--wrapW) * 0.0416666);
}

.summeris #summeris-find .programList {
	display: flex;
	gap: calc(var(--wrapW) * 0.02083) calc(var(--wrapW) * 0.0416666);
	justify-content: center;
	flex-wrap: wrap;
}
.summeris #summeris-find .programList li {
	max-width: 340px;
}
.summeris #summeris-find .programList li .text {
	margin-top: 10px;
	font-size: 15px;
}
@media (max-width: 768px) {
	.summeris #summeris-find .section_contents {
		margin-top: 6.68vw;
	}
	.summeris #summeris-find .section_contents-head {
		display: block;
		padding: 5.3vw 0 0;
		text-align: center;
	}
	.summeris #summeris-find .section_contents-head .img {
		max-width: 90vw;
		width: 71.4vw;
	}
	.summeris #summeris-find .section_contents-head h3 {
		font-size: 4.81vw;
	}
	.summeris #summeris-find .section_contents-head .text {
		font-size: 3.74vw;
		margin-bottom: 1em;
	}
	.summeris #summeris-find .section_contents-body {
		padding: 8vw  9.35vw;
	}
	.summeris #summeris-find .programList {
		gap: 7.48vw;
	}
	.summeris #summeris-find .programList li {
		width: 100%;
	}
	.summeris #summeris-find .programList li .text {
		font-size: 3.2vw;
	}
}

/* 参加準備 */
.summeris #summeris-join .section_contents-col2 {
	display: flex;
	gap: calc(var(--wrapW) * 0.0416666);
	margin-top: 32px;
}
.summeris #summeris-join .section_contents {
	font-weight: 800;
	text-align: center;
	padding: 18px 5.625% 28px;
}
.summeris #summeris-join1 {
	border-color: #87E037;
}
.summeris #summeris-join2 {
	border-color: #00ADD2;
}
.summeris #summeris-join .section_contents .textS {
	font-size: calc(var(--wrapW) * 0.0125);
	margin-bottom: 0.8em;
}
.summeris #summeris-join .section_contents .text {
	font-size: calc(var(--wrapW) * 0.01666);
	margin-bottom: 1em;
	letter-spacing: 0.1em;
}

@media (max-width: 768px) {
	.summeris #summeris-join .section_contents-col2 {
		flex-wrap: wrap;
		gap: 6.41vw;
	}
	.summeris #summeris-join .section_contents {
		width: 100%;
		padding: 4.5vw 2.5vw 9vw;
	}
	.summeris #summeris-join .section_contents .text {
		font-size: 3.74vw;
	}
	.summeris #summeris-join .section_contents .textS {
		font-size: 3.2vw;
		margin-bottom: 0.5em;
	}
	.summeris #summeris-join .section_contents a {
		display: block;
		width: 69.5vw;
		margin: 0 auto;
	}
}

/* faq */
.summeris #summeris-faq {
	color: var(--colBlue);
	font-weight: 800;
}
.summeris #summeris-faq .lead {
	margin-top: 48px;
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.1em;
}
.summeris #summeris-faq #summeris-faq_boxs {
	margin-top: 45px;
	display: flex;
	gap: 20px;
}
.summeris #summeris-faq #summeris-faq_boxs .item {
	flex: 1;
	background: #FFF;
	border: 2px solid var(--colBlue);
	box-shadow: 4px 4px 0px 0px var(--colBlue);
	text-align: center;
	font-size: calc(var(--wrapW) * 0.0291);
	padding: 12px 20px 1.25em;
}
.summeris #summeris-faq #summeris-faq_boxs .item .text small {
	display: block;
	font-size: calc(var(--wrapW) * 0.015625);
	line-height: 1.4em;
	padding-top: 5px;
}
.summeris #summeris-faq #summeris-faq_boxs .item:last-child .text {
	font-size: calc(var(--wrapW) * 0.025);
	padding-top: 10px;
}
.summeris #summeris-faq h3 {
	text-align: center;
	margin-top: 80px;
}
.summeris #summeris-faq .faqList {
	border-top: 3px solid var(--colBlue);
	margin-top: 40px;
}
.summeris #summeris-faq .faqList .item {
	position: relative;
	border-bottom: 3px solid var(--colBlue);
	padding: 30px calc(var(--wrapW) * 0.1229) 30px 0;
	font-size: 15px;
	cursor: pointer;
	transition: 0.4s ease;
}
.summeris #summeris-faq .faqList .item:hover {
	color: #0E8CDE;
}
.summeris #summeris-faq .faqList .item:before {
	/* content: url("../../images/internship/summeris_feature/icon_line.svg"); */
	content: "";
	background: var(--colBlue);
	border-radius: 10vh;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 27px;
	height: 4px;
	font-size: 0;
	transform: translateY(-50%);
}
.summeris #summeris-faq .faqList .item:after {
	/* content: url("../../images/internship/summeris_feature/icon_line.svg"); */
	content: "";
	background: var(--colBlue);
	border-radius: 50vh;
	position: absolute;
	top: 50%;
	right: 31.5px;
	width: 4px;
	height: 27px;
	/* transform: rotate(90deg); */
	transform: translateY(-50%);
	font-size: 0;
	transition: 0.3s;
}
.summeris #summeris-faq .faqList .item.open:after {
	width: 27px;
	height: 4px;
	right: 20px;
}
.summeris #summeris-faq .faqList .item dt {
	position: relative;
	padding-left: 56px;
	min-height: 32px;
	display: flex;
	align-items: center;
}
.summeris #summeris-faq .faqList .item dt:before {
	content: "";
	position: absolute;
	background: url("../../images/internship/summeris_feature/Q.svg") no-repeat center;
	background-size: contain;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 27px;
	height: 31px;
}
.summeris #summeris-faq .faqList .item dd {
	position: relative;
	padding-left: 56px;
	max-height: 0;
	opacity: 0;
	transition: 0.4s ease;
}
.summeris #summeris-faq .faqList .item.open dd {
	max-height: 9999px;
	padding-top: 2em;
	opacity: 1;
}
.summeris #summeris-faq .faqList .item dd:before {
	content: "";
	position: absolute;
	background: url("../../images/internship/summeris_feature/A.svg") no-repeat center;
	background-size: contain;
	top: 2.25em;
	left: 0;
	/* transform: translateY(-50%); */
	width: 27px;
	height: 31px;
	opacity: 0;
	transition: 0.6s ease;
}
.summeris #summeris-faq .faqList .item.open dd:before {
	opacity: 1;
}
.summeris #summeris-faq .faqList .item dd small {
	font-size: 0.86em;
}
.summeris #summeris-faq .faqList .item dd a {
	text-decoration: underline;
}
@media (max-width: 768px) {
	.summeris #summeris-faq .lead {
		font-size: 3.47vw;
		line-height: 1.75em;
		margin-top: 10.16vw;
	}
	.summeris #summeris-faq #summeris-faq_boxs {
		flex-direction: column;
		margin: 11vw 10.16vw 0;
	}
	.summeris #summeris-faq #summeris-faq_boxs .item {
		font-size: 6.149vw;
		padding: 4vw 0 6.6vw;
	}
	.summeris #summeris-faq #summeris-faq_boxs .item .text small {
		font-size: 3.208vw;
	}
	.summeris #summeris-faq #summeris-faq_boxs .item:last-child .text {
		font-size: 6.149vw;
		padding-bottom: 0;
	}
	.summeris #summeris-faq h3 {
		margin-top: 13.8vw;
	}
	.summeris #summeris-faq #QandQ img {
		width: 20.52vw;
		height: 7.55vw;
	}
	.summeris #summeris-faq .faqList {
		margin: 7.08vw auto 0;
		width: 84vw;
	}
	.summeris #summeris-faq .faqList .item {
	/* 	padding: 4.81vw 8.288vw 4.81vw 8.82vw; */
		padding: 4.81vw 8.02vw 4.81vw 0;
		font-size: 3.47vw;
	}
	.summeris #summeris-faq .faqList .item:before {
		width: 5.3vw;
		height: 0.8vw;
		right: 0;
	}
	.summeris #summeris-faq .faqList .item:after {
		width: 0.8vw;
		height: 5.3vw;
		right: 2.25vw;
	}
	.summeris #summeris-faq .faqList .item.open:after {
		width: 5.3vw;
		height: 0.8vw;
		right: 0;
	}
	.summeris #summeris-faq .faqList .item dt {
		padding-left: 8.82vw;
	}
	.summeris #summeris-faq .faqList .item dt:before {
		width: 5.34vw;
		height: 6.14vw;
	}
	.summeris #summeris-faq .faqList .item dd {
		padding-left: 8.82vw;
	}
	.summeris #summeris-faq .faqList .item dd:before {
		width: 5.267vw;
		height: 6.23vw;
	}


}


/* footer */
.l-footer {
	background: #FFF;
}


/*-------- illust ----------*/
.summeris main .illust {
	position: absolute;
	z-index: 3;
	pointer-events: none;
}
.summeris #summeris_header .illust:nth-of-type(1) {
	width: 317px;
	height: auto;
	top: 205px;
	left: calc(50% - 540px);
}
.summeris #summeris_header .illust:nth-of-type(2) {
	width: 298px;
	height: auto;
	top: 331px;
	right: calc(50% - 521px);
}
.summeris #summeris_header .illust:nth-of-type(3) {
	width: 301px;
	height: auto;
	top: 716px;
	left: calc(50% - 472px);
}
.summeris #summeris_header .illust:nth-of-type(4) {
	width: 116px;
	height: auto;
	top: 192px;
	right: calc(50% - 460px);
}
.summeris #summeris_header .illust:nth-of-type(5) {
	width: 94px;
	height: auto;
	top: 210px;
	left: calc(50% - 586px);
}
.summeris #summeris_header .illust:nth-of-type(6) {
	width: 80px;
	height: auto;
	top: 553px;
	left: calc(50% - 572px);
}
.summeris #summeris_header .illust:nth-of-type(7) {
	width: 81px;
	height: auto;
	top: 621px;
	left: calc(50% - 420px);
}
.summeris #summeris_header .illust:nth-of-type(8) {
	width: 86px;
	height: auto;
	top: 716px;
	left: calc(50% - 557px);
}
.summeris #summeris_header .illust:nth-of-type(9) {
	width: 142px;
	height: auto;
	top: 238px;
	right: calc(50% - 616px);
}
.summeris #summeris_header .illust:nth-of-type(10) {
	width: 111px;
	height: auto;
	top: 613px;
	right: calc(50% - 380px);
}
.summeris #summeris_header .illust:nth-of-type(11) {
	width: 110px;
	height: auto;
	top: 741px;
	right: calc(50% - 515px);
}
.summeris #summeris_header .illust:nth-of-type(12) {
	width: 99px;
	height: auto;
	top: 848px;
	right: calc(50% - 313px);
}

.summeris #enqueteArea .illust:nth-of-type(1) {
	width: 398px;
	height: auto;
	bottom: -70px;
	left: calc(50% + 187px);
}
.summeris #enqueteArea .illust:nth-of-type(2) {
	width: 33px;
	height: auto;
	top: 174px;
	left: -5.7%;
}
.summeris #enqueteArea .illust:nth-of-type(3) {
	width: 113px;
	height: auto;
	top: 198px;
	left: -3.95%;
}
.summeris #enqueteArea .illust:nth-of-type(4) {
	width: 156px;
	height: auto;
	bottom: 133px;
	right: 86.1%;
}
.summeris #enqueteArea .illust:nth-of-type(5) {
	width: 80px;
	height: auto;
	bottom: -61px;
	right: calc(50% + 216px);
}
.summeris #enqueteArea .illust:nth-of-type(6) {
	width: 97px;
	height: auto;
	top: 83px;
	right: 6.7%;
}
.summeris #enqueteArea .illust:nth-of-type(7) {
	width: 46px;
	height: auto;
	top: 256px;
	right: 5.4%;
}

.summeris #summeris-find > .illust:nth-of-type(1) {
	width: 179px;
	height: auto;
	top: -89px;
	right: 83.6%;
}
.summeris #summeris-find > .illust:nth-of-type(2) {
	width: 142px;
	height: auto;
	top: 10px;
	left: 88.4375%;
}
.summeris #summeris-find1 > .illust:nth-of-type(1) {
	width: 95px;
	height: auto;
	top: 37.1%;
	right: calc(50% + 407px);
}
.summeris #summeris-find1 > .illust:nth-of-type(2) {
	width: 111px;
	height: auto;
	bottom: -25px;
	right: calc(88.4375% + 15px);
}
.summeris #summeris-find1 > .illust:nth-of-type(3) {
	width: 162px;
	height: auto;
	bottom: -122px;
	right: calc(-11.7% - 15px);
}

.summeris #summeris-join > .illust:nth-of-type(1) {
	width: 226px;
	height: auto;
	top: -68px;
	right: 85.2%;
}
.summeris #summeris-join > .illust:nth-of-type(2) {
	width: 112px;
	height: auto;
	top: -49px;
	left: 83.3%;
}

.summeris #summeris-faq > .illust:nth-of-type(1) {
	width: 143px;
	height: auto;
	top: 50px;
	right: 88.9%;
}
.summeris #summeris-faq > .illust:nth-of-type(2) {
	width: 207px;
	height: auto;
	top: -103px;
	left: 88.43%;
}
.summeris #summeris-faq > .illust:nth-of-type(3) {
	width: 156px;
	height: auto;
	left: 90.2%;
	transform: translateY(34px);
}
@media (max-width: 768px) {
	.summeris #summeris_header .illust:nth-of-type(1) {
		width: 37.33vw;
		top: 134vw;
		left: -4.3vw;
	}
	.summeris #summeris_header .illust:nth-of-type(2) {
		width: 36.88vw;
		top: 66.28vw;
		right: 3.74vw;
	}
	.summeris #summeris_header .illust:nth-of-type(3) {
		width: 40.1vw;
		top: 229.4vw;
		left: 9.09vw;
		z-index: 1;
	}
	.summeris #summeris_header .illust:nth-of-type(4) {
		width: 15.42vw;
		top: 17.2vw;
		right: 7.86vw;
	}
	.summeris #summeris_header .illust:nth-of-type(5) {
		width: 12.76vw;
		top: 69.78vw;
		left: 16.26vw;
	}
	.summeris #summeris_header .illust:nth-of-type(6) {
		width: 10.66vw;
		top: 95.466vw;
		left: 2.133vw;
	}
	.summeris #summeris_header .illust:nth-of-type(7) {
		width: 10.69vw;
		top: 137.86vw;
		left: auto;
		right: 5.6vw;
	}
	.summeris #summeris_header .illust:nth-of-type(8) {
		width: 11.464vw;
		top:  225vw;
		left: 3.73vw;
	}
	.summeris #summeris_header .illust:nth-of-type(9) {
		display: none;
	}
	.summeris #summeris_header .illust:nth-of-type(10) {
		width: 14.8vw;
		top: 164vw;
		right: 15.86vw;
	}
	.summeris #summeris_header .illust:nth-of-type(11) {
		width: 14.672vw;
		top: 229.33vw;
		right: 9.33vw;
	}
	.summeris #summeris_header .illust:nth-of-type(12) {
		width: 13.2vw;
		top: 245.6vw;
		right: 29.2vw;
		z-index: 1;
	}
	
	.summeris #enqueteArea .illust:nth-of-type(1) {
		width: 53.07vw;
		bottom: auto;
		top: calc(100% + 3.06vw);
		left: auto;
		right: 6.93vw;
	}
	.summeris #enqueteArea .illust:nth-of-type(2) {
		display: none;
	}
	.summeris #enqueteArea .illust:nth-of-type(3) {
		display: none;
	}
	.summeris #enqueteArea .illust:nth-of-type(4) {
		width: 20.84vw;
		bottom: -3.06vw;
		right: auto;
		left: 3.01vw;
	}
	.summeris #enqueteArea .illust:nth-of-type(5) {
		width: 10.66vw;
		bottom: auto;
		top: calc(100% + 8.4vw);
		right: auto;
		left: 20.45vw;
	}
	.summeris #enqueteArea .illust:nth-of-type(6) {
		display: none;
	}
	.summeris #enqueteArea .illust:nth-of-type(7) {
		display: none;
	}
	
	.summeris #summeris-find > .illust:nth-of-type(1) {
		width: 23.87vw;
		height: auto;
		top: -11.73vw;
		right: auto;
		left: 3.4vw;
	}
	.summeris #summeris-find > .illust:nth-of-type(2) {
		display: none;
	}

	.summeris #summeris-find1 > .illust:nth-of-type(1) {
		display: none;
	}
	.summeris #summeris-find1 > .illust:nth-of-type(2) {
		display: none;
	}
	.summeris #summeris-find1 > .illust:nth-of-type(3) {
		display: none;
	}
	
	.summeris #summeris-join > .illust:nth-of-type(1) {
		width: 30.21vw;
		top: 13.65vw;
		right: auto;
		left: -0.826vw;
	}
	.summeris #summeris-join > .illust:nth-of-type(2) {
		width: 14.96vw;
		top: -5.7vw;
		left: auto;
		right: 5.3vw;
	}
	
	.summeris #summeris-faq > .illust:nth-of-type(1) {
		width: 15.37vw;
		top: -9.28vw;
		right: auto;
		left: 4.48vw;
	}
	.summeris #summeris-faq > .illust:nth-of-type(2) {
		width: 25.3vw;
		top: -9.28vw;
		left: 71.2vw;
	}
	.summeris #summeris-faq > .illust:nth-of-type(3) {
		width: 20.84vw;
		left: 68.48vw;
		transform: translateY(11.17vw);
	}
}


/* my mission program */
.summeris #summeris-find .section_contents-body.-recommend {
	background-image: url("../../images/internship/summeris_recommend/bg_content02.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding: calc(var(--wrapW) * 0.0416666) 0;
	overflow: hidden;
}
.summeris #summeris-find .section_contents-body.-recommend .p-srecommend-content__ttl span::after,
.summeris #summeris-find .section_contents-body.-recommend .p-srecommend-content__item .-icon::after{
		background-image: url("../../images/internship/summeris_recommend/staff_d.png");
}
.summeris #summeris-find .section_contents-body.-recommend .p-srecommend-content__item{
	max-width: inherit;
}
.summeris #summeris-find .section_contents-body.-recommend .p-srecommend-content__item .-description >div >div {
	padding: 15px calc(85 / 546 * 100%) 20px calc(20 / 546 * 100%);
}
.summeris #summeris-find .section_contents-body.-recommend .-btn{
	position: relative;
	display: grid;
	place-items: center;
	width: 186px;
	height: 40px;
	color: var(--colBlue);
	background: #FFF;
	border: 2px solid var(--colBlue);
	box-shadow: 4px 4px 0px 0px var(--colBlue);
	border-radius: 50vh;
	font-size: 14px;
	cursor: pointer;
	margin-top: 10px;
}
@media (max-width: 768px) {
	.summeris #summeris-find .section_contents-body.-recommend {
		padding: 8vw 4vw;
	}
	.summeris #summeris-find .section_contents-body.-recommend .p-srecommend-content__item .-description >div >div {
		padding: 15px calc(17.4 / 302 * 100%);
	}
}