@charset "utf-8";
/*=================================================================================*/
/*** title ***/
.p-top-title-en,
.p-top-title-en-vertical,
.p-numbers-title-en {
	font-family: var(--font-poppins);
	font-size: 3rem;
	font-weight: 900;
	line-height: 1;
	color: #fff;
	text-shadow:
		 1px 0 #000,
		-1px 0 #000,
		 0 1px #000,
		 0 -1px #000,
		 1px 1px #000,
		-1px -1px #000,
		 1px -1px #000,
		-1px 1px #000;
}
/*** /title ***/
/* ===== top ===== */
.p-top-about {
	background: url("../images/top/illust-top-about-03.svg") no-repeat;
	background-size: cover;
	background-position: top 0 right 60%;
}
.p-top-about-inner {
	margin: 2rem 0 0;
	padding: 1rem 0;
}
.p-top-about-title {
	font-size: 1.8rem;
	font-weight: 800;
}
.p-top-about-bg {
	position: relative;
}
.p-top-about-bg-01 {
	position: absolute;
	width: 50%;
	left: 5%;
}
.p-top-about-bg-02 {
	position: absolute;
	width: 40%;
	margin: 5rem 0 0;
	right: 5%;
}
.p-top-interview__number {
	background: url("../images/common/bg-grid.svg") repeat;
	margin: 3rem 0 0;
	padding: 1rem 0 5rem;
}
.p-top-interview-title {
	font-size: 1.5rem;
	font-weight: 850;
	letter-spacing: .18em;
}
.p-top-interview-img {
	display: none;
}
.p-top-number-title {
	font-size: 1.5rem;
	font-weight: 850;
	letter-spacing: .18em;
}
/*** top button ***/
.p-top-about-button {
	position: relative;
	display: block;
	border: solid 2px #000;
	border-radius: 50px;
	background: #64c8ff;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-align: center;
	margin: 2.5em 0 0;
	padding: 1em 0;
}
.p-top-number-button{
	position: relative;
	display: block;
	border: solid 2px #000;
	border-radius: 50px;
	background: #0073be;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: .1em;
	text-align: center;
	width: 90%;
	max-width: 496px;
	margin: 0 auto;
	padding: 1.2em 0;
}
.p-top-about-button::after {
	position: absolute;
	content: '';
	background: url("../images/common/icon-arrow.svg") no-repeat;
	width: 15px;
	height: 15px;
	top: 55%;
	right: 6%;
	transform: translate(-50%,-50%);
	transition: .3s;
}
.p-top-number-button::after{
	position: absolute;
	content: '';
	background: url("../images/common/icon-arrow-fff.svg") no-repeat;
	width: 15px;
	height: 15px;
	top: 55%;
	right: 6%;
	transform: translate(-50%,-50%);
	transition: .3s;
}
.p-top-about-button:hover::after,
.p-top-number-button:hover::after{
	right: 4%;
}
.p-top-number-inner {
	position: relative;
	background: #64c8ff;
	border-radius: 40px;
	margin: 2rem 0 0;
	padding: 3rem 1.5rem 2rem;
}
.p-top-number-inner::after {
	position: absolute;
	content: '';
	background: url("../images/top/illust-top-number-title.svg") no-repeat;
	width: 25%;
	max-width: 280px;
	height: 280px;
	top: 4rem;
	right: 0;
	transform: translate(0,-50%);
}
.p-top-number-up {
	position: absolute;
	margin: -4.2rem 0 0;
}
.p-top-number-list {
	margin: 3rem 0 0;
}
.p-top-number-list li {
	position: relative;
	background: #fff;
	border: solid 2px #000;
	border-radius: 25px;
	text-align: center;
	width: 100%;
	max-width: 448px;
	margin: 0 auto 2rem;
	padding: 0 2rem 1rem;
	z-index: 2;
}
.p-top-internship {
	position: relative;
	background: #e1f9ff;
	border-radius: 50px;
	min-height: 200px;
	margin: -1rem 0 0;
	padding: 6rem 0;
}
.p-top-internship-title {
	position: relative;
	margin: -8rem auto 0;
}
.p-top-internship-title img {
	display: block;
	margin: 0 auto;
}
.p-internship-slider {
	padding: 0 0 1rem;
}
.p-top-internship-text {
	position: relative;
	font-weight: 700;
	text-align: center;
	width: 96%;
	margin: -1rem auto 0;
}
.p-top-internship-q {
	width: 90%;
	max-width: 780px;
	margin: 2rem auto 0;
}
.p-top-internship-q-img {
	width: 90%;
	max-width: 163px;
	margin: 0.5rem auto;
}
.p-top-internship-q-text {
	position: relative;
	border: solid 2px #000;
	border-radius: 20px;
	background: #fff;
	font-size: 1.2rem;
	font-weight: 900;
	text-align: center;
	width: 90%;
	max-width: 570px;
	margin: 0 auto;
	padding: 0.2rem 1.5rem;
}
.p-top-internship-q-text::after {
	position: absolute;
	content: '';
	background: url("../images/common/icon-bubble.svg") no-repeat;
	width: 25px;
	height: 25px;
	top: -15%;
	left: 45%;
	transform: translate(-50%,-50%);
	transform: rotate(90deg);
}
.p-top-internship-a {
	margin: 8rem auto 0;
}
.p-top-internship-a li {
	position: relative;
	border: solid 2px #000;
	border-radius: 25px;
	background: #fff;
	width: 90%;
	max-width: 460px;
	margin: 0 auto 7rem;
	padding: 0 1rem 1.5rem;
}
.p-top-internship-a li:last-child {
	margin: 0 auto 2rem;
}
.p-top-internship-a li img {
	display: block;
	margin: 0 auto;
}
.p-top-internship-a-img {
	position: relative;
	margin: -6rem auto 0;
}
.p-top-internship-a-img-card {
	font-size: 1.2rem;
	font-weight: 850;
	text-align: center;
	margin: 1rem auto 1.5rem;
}
.p-top-internship-a-img-card-large {
	font-size: 1.8rem;
	color: #0f9beb;
}
.p-top-internship-a-img-text {
	width: 85%;
	margin: 1rem auto 0;
}
/* ===== about ===== */
/*** about title ***/
.p-about-title {
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .2rem;
	color: #fff;
	text-shadow:
		 1px 0 #000,
		-1px 0 #000,
		 0 1px #000,
		 0 -1px #000,
		 1px 1px #000,
		-1px -1px #000,
		 1px -1px #000,
		-1px 1px #000;
	margin: 0;
}
/*** /about title ***/
.p-about-strengths {
	background: #64c8ff;
	border-radius: 50px;
	padding: 3rem 1rem;
}
.p-about-strengths-inner {
	display: flex;
	flex-direction: column;
	margin: 2rem auto 0;
	gap: 2.5rem;
}
.p-about-strengths-list {
	position: relative;
	border: solid 2px #000;
	border-radius: 20px;
	background: #fff;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 0 1rem;
}
.p-about-strengths-list::after {
	position: absolute;
	content: '';
	width: 28%;
	height: 28%;
	max-width: 166px;
	max-height: 176px;
	top: 5%;
	right: 0;
	transform: translate(0,-50%);
}
.p-about-strengths-list:nth-child(1)::after { background: url("../images/about/img-about-no-01.webp") no-repeat; background-size: contain; }
.p-about-strengths-list:nth-child(2)::after { background: url("../images/about/img-about-no-02.webp") no-repeat; background-size: contain; }
.p-about-strengths-list:nth-child(3)::after { background: url("../images/about/img-about-no-03.webp") no-repeat; background-size: contain; }
.p-about-strengths-list:nth-child(4)::after { background: url("../images/about/img-about-no-04.webp") no-repeat; background-size: contain; }
.p-about-strengths-list-img {
	border-radius: 17px 17px 0 0;
	overflow: hidden;
}
.p-about-strengths-list-title-min {
	display: block;
	font-size: 1.4rem;
	font-weight: 900;
	text-align: center;
	letter-spacing: .1rem;
	width: 90%;
	margin: 1rem auto;
}
.p-about-strengths-list-text {
	width: 80%;
	margin: 0 auto;
}
.p-about-three {
	margin: 2rem 0 0;
}
.p-about-three-list {
	margin: 3rem 0 0;
}
.p-about-three-list dt {
	position: relative;
	font-size: 1.3rem;
	font-weight: 750;
	padding: 0 0 0 35px;
}
.p-about-three-list dt::after {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	top: 50%;
	left: 10px;
	transform: translate(-50%,-50%);
}
.p-about-three-list dt:nth-of-type(1)::after { background: url("../images/about/icon-three-01.svg") no-repeat; background-size: contain; }
.p-about-three-list dt:nth-of-type(2)::after { background: url("../images/about/icon-three-02.svg") no-repeat; background-size: contain; }
.p-about-three-list dt:nth-of-type(3)::after { background: url("../images/about/icon-three-03.svg") no-repeat; background-size: contain; }
.p-about-three-list dd {
	border-bottom: dotted 1px #64c8ff;
	margin: 0 0 1rem;
}
.p-about-three-list dd:nth-of-type(3) {
	border-bottom: none;
}
.p-about-three-img {
	width: 80%;
	margin: 2rem auto 0;
}
.p-about-productflow {
	background: #64c8ff;
	border-radius: 50px;
	margin: 2.5rem auto;
	padding: 3rem 1rem;
}
.p-about-product {
	margin: 2rem 0 0;
}
.p-about-product-text {
	text-align: center;
	margin: 2rem auto;
}
.p-about-productflow-text {
	text-align: center;
	margin: 2rem auto;
}
/*** accordion icon ***/
.p-about-productflow-acotitle-seach,
.p-about-productflow-acotitle-idea,
.p-about-productflow-acotitle-production,
.p-about-productflow-acotitle-sale,
.p-about-productflow-acotitle-service {
	position: relative;
	padding: 0 0 0 2rem;
}
.p-about-productflow-acotitle-seach::before {
	position: absolute;
	content: '';
	background: url("../images/common/icon-search.svg") no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	left: 5px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.p-about-productflow-acotitle-idea::before {
	position: absolute;
	content: '';
	background: url("../images/common/icon-idea.svg") no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	left: 5px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.p-about-productflow-acotitle-production::before {
	position: absolute;
	content: '';
	background: url("../images/common/icon-production.svg") no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	left: 5px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.p-about-productflow-acotitle-sale::before {
	position: absolute;
	content: '';
	background: url("../images/common/icon-sale.svg") no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	left: 5px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.p-about-productflow-acotitle-service::before {
	position: absolute;
	content: '';
	background: url("../images/common/icon-service.svg") no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	left: 5px;
	top: 50%;
	transform: translate(-50%,-50%);
}
.p-about-productflow-title {
	background: #64c8ff;
	border-radius: 20px;
	max-width: 860px;
	margin: 0 auto;
	padding: 1rem 2rem;
}
.p-about-productflow-card {
	max-width: 860px;
	margin: 2rem auto 0;
}
.p-about-productflow-card-list {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 1%;
	margin: 1rem 0 0;
}
.p-about-productflow-card-list li {
	width: 49%;
}
/* ===== numbers ===== */
.p-numbers-item {
	background: #64c8ff;
	border-radius: 50px;
	margin: 3rem 0 0;
	padding: 3rem 1rem;
}
.p-numbers-item-up {
	position: absolute;
	margin: -4.2rem 0 0;
}
.p-numbers-number-title {
	font-size: 1.1rem;
	font-weight: 850;
	letter-spacing: .18em;
}
.p-numbers-inner {
	position: relative;
	padding: 0 0 0 4rem;
}
.p-numbers-inner::before {
	position: absolute;
	content: '';
	background: url("../images/numbers/illust-numbers-item-title.webp") no-repeat;
	background-size: contain;
	width: 120px;
	height: 150px;
	top: 30px;
	left: 35px;
	transform: translate(-50%,-50%);
	z-index: 0;
}
.p-numbers-title-en,
.p-numbers-number-title {
	position: relative;
	z-index: 5;
}
/* ===== intenship ===== */
.p-intenship-case-wrap {
	margin: 0 auto 4rem;
}
.p-intenship-case-wrap-left,
.p-intenship-case-wrap-right {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
.p-intenship-case-wrap-roll {
	display: flex;
	flex-direction: column-reverse;
	margin: 0 auto 4rem;
}
.p-intenship-case-title-en {
	font-family: var(--font-poppins);
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 1;
	color: #fff;
	text-shadow:
		 1px 0 #000,
		-1px 0 #000,
		 0 1px #000,
		 0 -1px #000,
		 1px 1px #000,
		-1px -1px #000,
		 1px -1px #000,
		-1px 1px #000;
	margin: 1rem auto;
}
.p-intenship-case-img img{
	display: block;
	margin: 0 auto;
}
.p-intenship-case-title {
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: 0.3rem;
}
.p-internship-category {
	background: url("../images/common/bg-grid.svg") repeat;
	margin: 3rem 0 0;
	padding: 5rem 0 5rem;
}
.p-internship-category-title {
	font-size: 1.6rem;
	font-weight: 900;
	text-align: center;
	line-height: 1.2;
	letter-spacing: .2rem;
	color: #fff;
	text-shadow:
		 1px 0 #000,
		-1px 0 #000,
		 0 1px #000,
		 0 -1px #000,
		 1px 1px #000,
		-1px -1px #000,
		 1px -1px #000,
		-1px 1px #000;
	margin: 0 0 1.5rem;
}
.p-internship-category-bubble{
	position: relative;
}
.p-internship-category-bubble::after{
	position: absolute;
	content: '';
	background: url("../images/internship/img-internship-experience-01.webp") no-repeat;
	background-size: contain;
	width: 90px;
	height: 90px;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}
.p-internship-category-card-img {
	width: 60%;
	max-width: 205px;
	margin: 0 auto;
}
.p-internship-category-card-title {
	font-size: 1.6rem;
	font-weight: 900;
	text-align: center;
	margin: 1rem auto 0;
}
.p-internship-category-card-day dt {
	display: inline-block;
	background: #6bc8f2;
	border-radius: 50px;
	font-weight: 700;
	padding: 0 1rem;
}
/* ===== flow ===== */
.p-flow-acoimg {
	max-width: 840px;
	margin: 0 auto 2rem;
}
/* ===== interview single ===== */
.p-interview-single-comment {
	position: relative;
	background: #e1f9ff;
	border-radius: 50px;
	margin: -3rem 0 0;
	padding: 3rem 0;
}
.p-interview-single-off {
	margin: 3rem 0 4rem;
}
.p-interview-single-comment-title-en,
.p-interview-single-off-title-en,
.p-interview-single-schedule-title-en {
	font-family: var(--font-poppins);
	font-size: 3rem;
	font-weight: 900;
	text-align: center;
	line-height: 1;
	color: #fff;
	text-shadow:
		 1px 0 #000,
		-1px 0 #000,
		 0 1px #000,
		 0 -1px #000,
		 1px 1px #000,
		-1px -1px #000,
		 1px -1px #000,
		-1px 1px #000;
	margin: 0 0 0.5rem;;
}
.p-interview-single-comment-title,
.p-interview-single-off-title,
.p-interview-single-schedule-title {
	font-size: 1.2rem;
	font-weight: 800;
	text-align: center;
	letter-spacing: .3rem;
}
.p-interview-single-comment-inner {
	border: solid 2px #000;
	border-radius: 10px;
	background: #fff;
	margin: 1rem auto 0;
	padding: 1.5rem 1.5rem 0;
}
.p-interview-single-comment-wrap,
.p-interview-single-comment-wrap-large {
	margin: 0 auto 3rem;
}
.p-interview-single-comment-wrap-roll {
	display: flex;
	flex-direction: column-reverse;
	margin: 0 auto 3rem;
}
.p-interview-single-comment-wrap img,
.p-interview-single-comment-wrap-large img,
.p-interview-single-comment-wrap-roll img {
	display: block;
	margin: 0 auto;
}
.p-interview-single-comment-q {
	position: relative;
	font-size: 1.125rem;
	font-weight: 850;
	margin: 1.5rem 0 0;
	padding: 0 0 0 2.5rem;
}
.p-interview-single-comment-q::before {
	position: absolute;
	content: '';
	background: url("../images/common/icon-interview-q.svg") no-repeat;
	background-size: contain;
	width: 28px;
	height: 23px;
	top: 5px;
	left: 15px;
	transform: translate(-50%,0);
}
.p-interview-single-off-inner {
	display: flex;
	flex-direction: column;
	margin: 2rem auto 0;
}
.p-interview-single-off-inner img {
	display: block;
	margin: 0 auto;
}
.p-interview-single-off-comment {
	font-size: 1.2rem;
	font-weight: 800;
}
.p-interview-single-schedule-inner {
	margin: 2rem auto;
}
.p-interview-single-schedule-wrap {
	display: flex;
	flex-direction: column;
}
.p-interview-single-schedule-left div,
.p-interview-single-schedule-right div {
	position: relative;
}
.p-interview-single-schedule-left div::after {
	position: absolute;
	content: '';
	background: #0f9beb;
	width: 2px;
	height: calc(100% + 15px);
	top: 15px;
	left: 5px;
	transform: translate(-50%,0);
}
.p-interview-single-schedule-right div::after {
	position: absolute;
	content: '';
	background: #0f9beb;
	width: 2px;
	height: calc(100% + 15px);
	top: 15px;
	left: 5px;
	transform: translate(-50%,0);
}
.p-interview-single-schedule-right div:last-child::after {
	display: none;
}
.p-interview-single-schedule-left dt,
.p-interview-single-schedule-right dt {
	position: relative;
	font-size: 1.25rem;
	font-weight: 800;
	padding: 0 0 0 30px;
}
.p-interview-single-schedule-left dt::before,
.p-interview-single-schedule-right dt::before {
	position: absolute;
	content: '';
	background: #0f9beb;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	top: 50%;
	left: 5px;
	transform: translate(-50%,-50%);
}
.p-interview-single-schedule-left dd,
.p-interview-single-schedule-right dd {
	margin: 0 0 1rem;
	padding: 0 0 0 30px;
}
/* ===== requirements ===== */
.p-requirements-graduate-inner {
	margin: 3rem auto 0;
}
.p-requirements-graduate-list {
	margin: 0 auto 1rem;
}
.p-requirements-graduate-job {
	position: relative;
	display: block;
	border: solid 2px #000;
	border-radius: 20px;
	margin: 0 auto 2rem;
	padding: 1.8rem;
	transition: .3s;
}
.p-requirements-graduate-job::after {
	position: absolute;
	content: '';
	background: url("../images/common/icon-arrow.svg") no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	top: 50%;
	right: 30px;
	transition: .3s;
}
.p-requirements-graduate-job:hover {
	border: solid 2px #6bc8f2;
	transition: .3s;
}
.p-requirements-graduate-job:hover::after {
	right: 25px;
	transition: .3s;
}
.p-requirements-graduate-job-title {
	font-size: 1.5rem;
	font-weight: 800;
}
.p-requirements-graduate-job-wrap {
	margin: 1.5rem auto 0;
}
.p-requirements-graduate-job-item {
	display: flex;
	flex-direction: column;
	margin: 0 0 1rem;
}
.p-requirements-graduate-job-wrap dt span {
	display: inline-block;
	background: #8ec9f5;
	border-radius: 999px;
	padding: 0 1em;
}
.p-requirements-graduate-job-wrap dd {
	width: 82%;
}
.p-requirements-career {
	margin: 4rem auto 0;
}
@media (min-width : 600px) {
.p-top-number-text {
	width: 70%;
}
.p-top-number-inner::after {
	width: 30%;
	max-width: 350px;
	height: 350px;
	top: 8rem;
}
.p-top-internship-title {
	top: -20%;
}
}
/* ===== 769px ===== */
@media (min-width : 769px) {
/*** title ***/
.p-top-title-en,
.p-top-title-en-vertical,
.p-numbers-title-en {
	font-size: 4rem;
}
/*** /title ***/
/* ===== top ===== */
.p-top-about {
	background-size: 90%;
	background-position: top 0 right -20%;
}
.p-top-about-inner {
	width: 60%;
}
.p-top-about-bg {
	width: 35%;
	margin: 10% 0 0 0;
}
.p-top-about-bg-01 {
	width: 90%;
	left: 0;
}
.p-top-about-bg-02 {
	width: 80%;
	margin: 15rem 0 0;
	right: 2%;
}
.p-top-interview-inner {
	width: 50%;
	margin: 3em 0 0;
	padding: 1em 0;
}
.p-top-interview-img {
	display: block;
	width: 48%;
	margin: 2rem 0 0;
}
.p-top-interview__number {
	padding: 1rem 0 8rem;
}
.p-top-number-inner {
	padding: 3rem 2rem 3rem;
}
.p-top-number-inner::after {
	width: 30%;
}
.p-top-number-up {
	margin: -5rem 0 0;
}
.p-top-number-text {
	width: 60%;
}
.p-top-number-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p-top-number-list li {
	width: 48%;
}
.p-top-internship {
	border-radius: 100px;
	margin: -2rem auto 0;
	padding: 6rem 0 10rem;
}
.p-top-internship-title {
	margin: -10rem auto 0;
}
.p-internship-slider {
	padding: 0 0 2rem;
}
.p-top-internship-text {
	margin: -5rem auto 0;
}
.p-top-internship-q {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 2rem auto 0;
}
.p-top-internship-q-img {
	width: 21%;
	margin: 0.5rem auto;
}
.p-top-internship-q-text {
	font-size: 1.5rem;
	width: 70%;
	margin: -2rem 0 0;
	padding: 0.2rem 1rem;
}
.p-top-internship-q-text::after {
	top: 35%;
	left: -3%;
	transform: translate(-50%,-50%);
	transform: rotate(0deg);
}
.p-top-internship-a-img-card {
	font-size: 1.5rem;
}
.p-top-internship-a-img-card-large {
	font-size: 2.6rem;
	font-weight: 900;
}
.p-top-internship-a {
	margin: 5rem auto 0;
}
/* ===== about ===== */
/*** about title ***/
.p-about-title {
	font-size: 2.3rem;
}
/*** /about title ***/
.p-about-strengths-inner {
	margin: 4rem auto 0;
	gap: 3rem;
}
.p-about-strengths-list {
	border-radius: 45px;
	width: 80%;
	padding: 0 0 3rem;
}
.p-about-strengths-list-img {
	border-radius: 42px 42px 0 0;
	overflow: hidden;
}
.p-about-strengths-list-title-min {
	font-size: 2.5rem;
	margin: 1.5rem auto;
}
.p-about-product-text {
	margin: 2.8rem auto;
}
.p-about-productflow-text {
	margin: 2.8rem auto;
}
/*** accordion icon ***/
.p-about-productflow-acotitle-seach,
.p-about-productflow-acotitle-idea,
.p-about-productflow-acotitle-production,
.p-about-productflow-acotitle-sale,
.p-about-productflow-acotitle-service {
	padding: 0 0 0 4rem;
}
.p-about-productflow-acotitle-seach::before,
.p-about-productflow-acotitle-idea::before,
.p-about-productflow-acotitle-production::before,
.p-about-productflow-acotitle-sale::before,
.p-about-productflow-acotitle-service::before {
	width: 42px;
	height: 42px;
	left: 25px;
}
.p-about-productflow-card-text {
	width: 90%;
	margin: 1.5rem auto 3rem;
}
.p-about-productflow-card-list {
	gap: 1.25%;
	width: 90%;
	margin: 1rem auto;
}
.p-about-productflow-card-list li {
	width: 19%;
	margin: 0 0 1rem;
}
/* ===== numbers ===== */
.p-numbers-item-up {
	margin: -5rem 0 0;
}
.p-numbers-inner {
	padding: 0 0 0 8rem;
}
.p-numbers-inner::before {
	width: 150px;
	height: 250px;
	top: 100px;
	left: 45px;
}
/* ===== internship ===== */
.p-internship-category {
	padding: 8rem 0 8rem;
}
.p-internship-category-title {
	font-size: 2.3rem;
	margin: 0 0 4rem;
}
/* ===== interview single ===== */
.p-interview-single-comment {
	padding: 5rem 0;
}
.p-interview-single-comment-title-en,
.p-interview-single-off-title-en,
.p-interview-single-schedule-title-en {
	font-size: 4.5rem;
}
.p-interview-single-comment-title,
.p-interview-single-off-title,
.p-interview-single-schedule-title {
	font-size: 1.5rem;
}
.p-interview-single-comment-inner {
	border-radius: 20px;
	margin: 2.8rem auto 0;
	padding: 4.5rem 3rem 1rem;
}
.p-interview-single-schedule-right::after {
	height: 70%;
	top: 41%;
	left: 5px;
	transform: translate(-50%,-50%);
}
/* ===== requirements ===== */
.p-requirements-graduate-inner {
	margin: 6em auto 0;
}
.p-requirements-graduate-job {
	border-radius: 45px;
	padding: 2.5rem 3rem 2.5rem 2.5rem;
}
.p-requirements-graduate-job::after {
	right: 70px;
}
.p-requirements-graduate-job:hover::after {
	right: 62px;
}
.p-requirements-graduate-job-title {
	font-size: 2rem;
}
.p-requirements-graduate-job-item {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 2rem;
}
.p-requirements-graduate-job-wrap dd {
	font-size: 1.125rem;
}
.p-requirements-career {
	margin: 7rem auto 0;
}
}
@media (min-width : 1200px) { 
/*** title ***/
.p-top-title-en,
.p-top-title-en-vertical,
.p-numbers-title-en {
	font-size: 8.75rem;
	padding: 0;
	margin: 0;
}
.p-top-title-en-vertical {
	position: absolute;
	left: -15%;
	top: 220px;
	transform: translate(-50%,0) rotate(90deg);
}
/*** /title ***/
/* ===== top ===== */
.p-top-about {
	background-size: 75%;
	background-position: top 0 right -15%;
}
.p-top-about-inner {
	position: relative;
	width: 45%;
	margin: 5em 0 0 5em;
}
.p-top-number-inner::after {
	width: 40%;
	max-width: 340px;
	height: 450px;
	top: 7rem;
	right: 5%;
}
.p-top-about-title {
	font-size: 3.5rem;
}
.p-top-about-button {
	font-size: 1.25rem;
	max-width: 416px;
	margin: 3em 0 0;
}
.p-top-about-bg-01 {
	left: -10%;
}
.p-top-about-bg-02{
	margin: 18rem 0 0;
	right: -15%;
}
.p-top-interview-inner {
	width: 58%;
}
.p-top-interview-img {
	width: 40%;
	margin: 7.5rem 0 0;
}
.p-top-interview {
	padding: 3em 0;
}
.p-top-interview-title {
	font-size: 2.5rem;
	margin: 0.5rem 0 0 0;
}
.p-top-number-up {
	margin: -8rem 0 0 3rem;
}
.p-top-number-text{
	font-size: 1.25rem;
	margin: 1.5rem 0 0 3rem;
}
.p-top-number-title {
	font-size: 2.5rem;
	margin: 0.5rem 0 0 3rem;
}
.p-top-number-list {
	margin: 4rem 0 0;
}
.p-top-number-list li {
	width: 31%;
	margin: 0 1% 3rem;
}
.p-top-internship-title {
	margin: -11rem auto 0;
}
.p-top-internship-text {
	font-size: 1.25rem;
	margin: -6rem auto 0;
}
.p-top-internship-a {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 8rem auto 4rem;
}
.p-top-internship-a li,
.p-top-internship-a li:last-child {
	width: 31%;
	margin: 0;
	padding: 0 1rem 2.5rem;
}
.p-top-internship-a li:nth-child(2) {
	width: 31%;
	margin: 0 3.5%;
}
/* ===== about ===== */
/*** about title ***/
.p-about-title {
	font-size: 3.5rem;
}
/*** /about title ***/
.p-about-strengths {
	border-radius: 100px;
	padding: 6rem 5rem;
}
.p-about-strengths-inner {
	flex-direction: row;
	flex-wrap: wrap;
	margin: 5rem auto 0;
	gap: 2%;
}
.p-about-strengths-list {
	width: 48%;
	margin: 0 0 3.5%;
}
.p-about-three {
	margin: 6rem 0 0;
}
.p-about-three-inner {
	display: flex;
	flex-direction: row;
	gap: 7%;
	align-items: flex-end;
	vertical-align: bottom;
}
.p-about-three-wrap {
	width: 50%;
}
.p-about-three-text {
	width: 85%;
}
.p-about-three-list {
	width: 90%;
	max-width: 576px;
}
.p-about-three-list dd {
	margin: 0 0 2rem;
	padding: 0 0 2rem;
}
.p-about-three-img {
	width: 43%;
}
.p-about-productflow {
	border-radius: 100px;
	margin: 8rem auto;
	padding: 6rem 5rem;
}
/* ===== numbers ===== */
.p-numbers-item {
	border-radius: 100px;
	padding: 6rem 5rem;
}
.p-numbers-item-up {
	margin: -10rem 0 0 3rem;
}
.p-numbers-number-title {
	font-size: 2.5rem;
	margin: 0 0 0 3rem;
}
.p-numbers-inner {
	padding: 0 0 0 15rem;
}
.p-numbers-inner::before {
	width: 246px;
	height: 330px;
	top: 150px;
	left: 120px;
}
/* ===== intenship ===== */
.p-intenship-case-wrap {
	display: flex;
	flex-direction: row;
	gap: 10%;
	align-items: center;
	vertical-align: middle;
}
.p-intenship-case-wrap-left,
.p-intenship-case-wrap-right {
	width: 45%;
	margin: 0 auto;
}
.p-intenship-case-wrap-roll {
	flex-direction: row;
	gap: 10%;
}
.p-intenship-case-title-en {
	font-size: 6rem;
	margin: 1.2rem auto;
}
.p-intenship-case-title {
	font-size: 2.25rem;
	letter-spacing: 0.5rem;
}
.p-intenship-case-text {
	width: 90%;
	margin: 2rem auto 0;
}
.p-internship-category-title {
	font-size: 3.5rem;
}
.p-internship-category-bubble::after{
	width: 161px;
	height: 81px;
	top: -25%;
	left: 50%;
}
.p-internship-category-card-title {
	font-size: 2.25rem;
}
.p-internship-category-card-text {
	width: 90%;
	margin: 1rem auto;
}
.p-internship-category-card-day {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 90%;
	margin: 0 auto;
}
.p-internship-category-card-day dt {
	margin: 0 1rem 0 0;
}
/* ===== interview single ===== */
.p-interview-single-comment {
	border-radius: 100px;
	margin: -6rem 0 0;
	padding: 8rem 0;
}
.p-interview-single-comment-title-en,
.p-interview-single-off-title-en,
.p-interview-single-schedule-title-en {
	font-size: 7.5rem;
}
.p-interview-single-comment-wrap,
.p-interview-single-comment-wrap-large {
	margin: 0 auto 4rem;
}
.p-interview-single-comment-wrap {
	display: flex;
	flex-direction: row;
	gap: 6%;
}
.p-interview-single-comment-wrap-roll {
	display: flex;
	flex-direction: row;
	gap: 6%;
}
.p-interview-single-comment-wrap-left,
.p-interview-single-comment-wrap-right {
	width: 47%;
}
.p-interview-single-comment-q {
	padding: 0 0 0 3.5rem;
}
.p-interview-single-off {
	margin: 6rem 0 4rem;
}
.p-interview-single-off-inner {
	flex-direction: row;
	width: 90%;
	gap: 5%;
	margin: 4rem auto;
}
.p-interview-single-off-inner-left {
	width: 45%;
}
.p-interview-single-off-comment {
	font-size: 1.5rem;
	margin: 1.5rem 0 2rem;
}
.p-interview-single-off-inner-right {
	width: 50%;
}
.p-interview-single-schedule-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10%;
}
.p-interview-single-schedule-left div::after {
	height: calc(100% + 45px);
}
.p-interview-single-schedule-left div:last-child::after {
	height: 90%;
}
.p-interview-single-schedule-right div::after {
	height: calc(100% + 45px);
}
.p-interview-single-schedule-left dt,
.p-interview-single-schedule-right dt {
	position: relative;
	font-size: 1.25rem;
	font-weight: 800;
	padding: 0 0 0 50px;
}
.p-interview-single-schedule-left dt::before,
.p-interview-single-schedule-right dt::before {
	position: absolute;
	content: '';
	background: #0f9beb;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	top: 50%;
	left: 5px;
	transform: translate(-50%,-50%);
}
.p-interview-single-schedule-left dd,
.p-interview-single-schedule-right dd {
	margin: 0 0 3rem;
	padding: 0 0 0 50px;
}
/* ===== requirements ===== */
.p-requirements-graduate-job {
	padding: 4rem;
}
}