@charset "UTF-8";

/* .site-main-header */
@media all {
	.site-main-header {
		position: relative;
		overflow: hidden;
	}
	.site-main-header picture img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: opacity 1s, visibiliti 1s;
	}
	.site-main-header picture img:not(.fv-line) {
		visibility: hidden;
		opacity: 0;
	}
	.site-main-header picture img.start {
		visibility: visible;
		opacity: 1;
	}
	.site-main-header .fv-line {
		top: auto;
		bottom: 0;
		clip-path: polygon(0 0, 0 0, 0 0, 0 100%);
		clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
		clip-path: polygon(0 0, 0 0, -10% 100%, -10% 100%);
		transition: clip-path 6s ease;
	}
	.site-main-header .fv-line.start {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 200% 0, 150% 100%, 0 100%);
	}
	.site-main-header picture img:not(.fv-catch) {pointer-events: none;}

	.exam-info-card .button > span {padding-left: 1em;}


	/* sp */
	@media only screen and (max-width: 767px) {
		.site-main-header {
			height: calc(100svh - 160rem);
			min-height: 600rem;
		}
		.site-main-header picture img {height: 430rem;}
		.site-main-header .fv-line {
			top: 230rem;
			bottom: auto;
			height: 200rem;
		transition: clip-path 4s ease;
		}
		.site-main-header .exam-info-card {
			z-index: 20;
			position: absolute;
			bottom: 20rem;
			left: 15rem;
			width: 370rem;
			height: 145rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.site-main-header {height: 800rem;}
		.site-main-header .fv-line {height: 400rem;}

		.site-main-header .exam-info-card {
			position: absolute;
			z-index: 20;
			bottom: 22rem;
			left: calc(50% + 65rem);
		}
	}
}


/* info-section */
@media all {
	.info-all-btn .button > span {padding-left: 1em;}

	.info-content-header {border-bottom: max(1px, 1rem) solid;}
	.info-content-asso .info-content-header {border-color: var(--main-blue);}
	.info-content-exam .info-content-header {border-color: var(--main-red);}
	.info-content-ttl {
		display: inline-flex;
		align-items: center;
		padding-left: .5em;
		font-weight: 500;
		color: #fff;
		letter-spacing: .06em;
		clip-path: polygon(0 0, calc(100% - .5em) 0, 100% 100%, 0 100%);
	}

	.info-item {position: relative;}
	.info-item::before {
		content: '';
		position: absolute;
		display: block;
		width: 5rem;
		height: 5rem;
		border-radius: 5rem;
	}
	.info-content-asso .info-item::before {background-color: var(--main-blue);}
	.info-content-exam .info-item::before {background-color: var(--main-red);}
	.info-item a > dl {display: flex;}
	.info-date {width: 6em;}
	.info-title {width: calc(100% - 6em);}

	/* sp */
	@media only screen and (max-width: 767px) {
		.info-section-header {position: relative;}
		.info-all-btn .button {
			position: absolute;
			top: 5rem;
			right: 0;
			width: 124rem;
			height: 36rem;
		}
		.info-content {
			margin-top: 30rem;
			font-size: 13rem;
		}
		.info-content-asso + .info-content-exam {margin-top: 20rem;}
		.info-content-ttl {
			width: 82rem;
			height: 28rem;
			transform: translateY(1px);
		}
		.info-list {margin-top: 9rem;}
		.info-item {
			padding-left: 10rem;
			line-height: 22rem;
		}
		.info-item + .info-item {margin-top: 10rem;}
		.info-item::before {
			top: 8rem;
			left: 0;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.info-section {
			margin-top: 100rem;
		}
		.info-section-inner {
			display: flex;
			justify-content: space-between;
			margin: 65rem auto 0;
			padding: 30rem 0;
			width: 760rem;
		}

		.info-section-header {
			margin-top: 6rem;
			width: 210rem;
		}
		.info-all-btn .button {
			margin-top: 48rem;
			width: 160rem;
			height: 36rem;
		}

		.info-content {
			width: 520rem;
			font-size: 14rem;
		}
		.info-content-asso + .info-content-exam {margin-top: 20rem;}
		.info-content-ttl {
			width: 82rem;
			height: 30rem;
			font-size: 14rem;
		}
		.info-list {margin-top: 9rem;}
		.info-item {
			padding-left: 20rem;
			line-height: 20rem;
		}
		.info-item + .info-item {margin-top: 20rem;}
		.info-item::before {
			top: 7.5rem;
			left: 7.5rem;
		}

	}
}

/* about-section */
@media all {
	.about-section {overflow: hidden;}
	.about-section-inner {position: relative;}
	.mini-ttl {
		display: inline-flex;
		align-items: center;
		font-weight: 500;
	}
	.mini-ttl::before {
		clip-path: polygon(0 0, 100% 0, calc(100% - 1em) 100%, 0 100%);
	}
	.mini-ttl > span {
		clip-path: polygon(0 0, calc(100% - 1rem) 0, calc(100% - 1em) 100%, 0 100%);
		padding: 0 2em 0 1em;
	}


	/* sp */
	@media only screen and (max-width: 767px) {
		.about-section {padding: 60rem 25rem 90rem;}

		.about-section-inner {padding-top: 210rem;}

		.mini-ttl {
			margin-bottom: 20rem;
			height: 22rem;
			font-size: 11rem;
		}
		h3.lineseed-ttl {white-space: nowrap;}

		.text-content {margin-top: 15rem;}
		.text-content p {
			font-size: 14rem;
			line-height: 2.29;
		}

		.about-content-btn,
		.textbook-content-btn,
		.web-content-btn,
		.video-content-btn {
			margin-top: 20rem;
			text-align: right;
		}
		
		.deco img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.deco2, .deco3, .deco6 {
			top: 0;
			left: -25rem;
			width: 100vw;
			height: 180rem;
		}
		.deco2 img {object-position: center bottom;}
		.deco2-sp {
			top: -35rem;
			left: -25rem;
			width: 100vw;
			height: 320rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.bg-line-wrapper {
			overflow: hidden;
			position: relative;
			width: 100%;
			height: 2155rem;
		}
		.deco.bg-line {
			pointer-events: none;
			position: absolute;
			top: 120rem;
			left: calc(50% - 800rem);
			width: 1600rem;
			height: 2050rem;
			clip-path: none;
		}
		.about-section-inner {
			margin: 120rem auto 190rem;
			width: 1000rem;
		}
		.mini-ttl {
			margin-bottom: 20rem;
			height: 24rem;
			font-size: 12rem;
		}
		.mini-ttl.leftangle::before {
			clip-path: polygon(0 0, 100% 0, 100% 100%, 1em 100%);
		}
		.mini-ttl.leftangle > span {
			clip-path: polygon(1rem 0, 100% 0, 100% 100%, 1em 100%);
			padding: 0 1em 0 2em;
		}
		.text-content {margin-top: 10rem;}
		.text-content p {
			font-size: 16rem;
			line-height: 2.5;
		}

		.about-content-btn {
			position: relative;
			z-index: 101;
			margin-top: 35rem;
			width: 520rem;
			text-align: right;
		}

		.deco {clip-path: polygon(7.7% 0, 100% 0, 92.3% 100%, 0 100%);}
		.deco1 {
			top: -30rem;
			left: 580rem;
			width: 520rem;
			height: 400rem;
		}
		.deco2 {
			bottom: -100rem;
			left: 790rem;
			width: 380rem;
			height: 210rem;
		}
	}
}

/* license-section */
@media all {

	/* sp */
	@media only screen and (max-width: 767px) {
		.license-section-inner {padding-top: 210rem;}

		.license-btn-list {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			row-gap: 10rem;
			margin-top: 20rem;
		}

		.deco3 img {object-position: center -5rem;}
		.deco3-sp {
			top: -105rem;
			left: -25rem;
			width: 100vw;
			height: 451rem;
		}
		.deco3-2-sp {
			top: calc(100% - 60rem);
			left: -25rem;
			width: 100vw;
			
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.license-section {padding: 80rem 0 120rem;}
		.license-section-inner {
			position: relative;
			margin: 0 auto;
			width: 1000rem;
			text-align: right;
		}

		.license-btn-list {
			display: flex;
			justify-content: flex-end;
			column-gap: 30rem;
			margin-top: 32rem;
		}
		.license-btn-item:nth-child(2) {transition-delay: .2s;}

		.deco3 {
			top: 5rem;
			left: calc(50% - 700rem);
			width: 620rem;
			height: 380rem;
		}
	}
}

/* textbook-section */
@media all {
	.deco4 {text-align: center;}
	.textbook-figure-dt {
		margin-top: 1em;
		font-size: 14rem;
		font-weight: bold;
		color: var(--main-blue);
	}
	.textbook-figure-dd {
		position: relative;
		margin: 10rem auto 0;
		width: 230rem;
		font-weight: 600;
	}
	.textbook-figure-dd::after {
		content: '';
		position: absolute;
		bottom: -4rem;
		left: 0;
		display: block;
		width: 100%;
		height: max(1px, 1rem);
		background: linear-gradient(to right, #f00, #b507de, #00a2e7);
	}
	.price-num,
	.price-yen {color: var(--main-red);}
	.price-taxin {font-weight: normal;}

	.price-num {font-size: 24rem;}
	.price-yen, .price-taxin {font-size: 14rem;}



	/* sp */
	@media only screen and (max-width: 767px) {
		.textbook-section {
			margin-top: 253rem;
			background-color: var(--bg-lightblue);
		}
		.textbook-section-inner {padding-top: 235rem;}

		.deco4 {
			top: -180rem;
			left: 0;
			width: 350rem;
			height: 390rem;
		}
		.deco4 img {
			width: 220rem;
		}
		.deco4-sp {
			top: -105rem;
			left: -25rem;
			width: 100vw;
			height: 451rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.textbook-section {
			padding: 265rem 0 50rem;
			background: linear-gradient(to bottom, #fff 0px, #fff 378rem, var(--bg-lightblue) 378rem, var(--bg-lightblue) 100%);
		}
		.textbook-section-inner {
			position: relative;
			margin: 0 auto;
			width: 1000rem;
		}

		.textbook-content {width: 600rem;}
		.textbook-content-btn {
        margin-top: 35rem;
        width: 520rem;
        text-align: right;
    }

		.deco4 {
			top: -80rem;
			left: calc(50% + 210rem);
			width: 290rem;
			clip-path: none;
		}
	}
}

/* web-section */
@media all {
	.web-section {
		background: 0rem calc(100% - 4rem) repeat-x url(../img/home/questions.svg);
		animation: maquee 10s linear infinite;
	}
	.web-device-list {
		display: flex;
		justify-content: space-between;
	}
	.web-device-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		font-family: var(--lineseed);
		font-weight: bold;
		color: #fff;
	}
	.web-device-item:nth-child(2) {transition-delay: .3s;}
	.web-device-item:nth-child(3) {transition-delay: .6s;}
	/* sp */
	@media only screen and (max-width: 767px) {
		.web-section {
			padding-top: 620rem;
			padding-bottom: 110rem;
			background-size: 660rem auto;
		}

		.web-content-pc-left {
			position: absolute;
			top: -340rem;
		}

		.web-device-list {
			margin: 0 auto;
			width: 280rem;
		}
		.web-device-item {
			padding-top: 1rem;
			width: 85rem;
			height: 85rem;
			font-size: 13rem;
			line-height: 18rem;
		}

		.deco6 {top: -550rem;}

		@keyframes maquee {
			0% {background-position-x: 0rem;}
			100% {background-position-x: -660rem;}
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.web-section {
			padding: 140rem 0 170rem;
			background-size: 995rem auto;
		}
		.web-section-inner {
			position: relative;
			margin: 0 auto;
			width: 1000rem;
			padding-left: 45rem;
			text-align: right;
		}

		.web-content-pc-left {
			float: left;
			margin-top: 60rem;
			width: 350rem;
		}
		.web-content-pc-left img {
			margin-left: 18rem;
			width: 334rem;
		}

		.web-device-list {margin-top: 5rem;}
		.web-device-item {
			padding-top: 1rem;
			width: 105rem;
			height: 105rem;
			font-size: 14rem;
			line-height: 21rem;
		}

		.web-content-btn {margin-top: 35rem;}

		.deco6 {
			top: -90rem;
			left: calc(50% - 700rem);
			width: 637rem;
		}

		@keyframes maquee {
			0% {background-position-x: 0rem;}
			100% {background-position-x: -995rem;}
		}
	}
}

/* exam-section */
@media all {
	.exam-section-inner {
		position: relative;
		background-color: var(--bg-lightblue);
	}
	.exam-section-inner::before {
		content: '';
		position: absolute;
		display: block;
		background: center / contain no-repeat url(../img/home/clip.webp);
	}
	.exam-section-inner::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		background: linear-gradient(to top, rgba(236, 243, 246, 1), rgba(236, 243, 246, 0));
	}
	.exam-section-header {position: relative;}
	.exam-ttl-notice {
		position: absolute;
		top: 1em;
		right: 1em;
		color: var(--txt-gray);
	}
	.exam-item {
		overflow: hidden;
		position: relative;
		background-color: #fff;
	}
	.exam-item-ttl {
		display: flex;
		align-items: center;
	}
	.q-num {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-weight: 600;
		color: #fff;
	}
	.q-num-xx {
		display: inline-block;
		margin-left: .25em;
		padding-right: .5em;
		font-family: var(--montserrat);
	}
	.q-ttl {
		display: inline-block;
		margin-left: .5em;
	}
	.a-list {
		counter-reset: cnt;
		padding-top: 1.5em;
		padding-left: 1.25em;
	}
	.a-item {
		counter-increment: cnt;
		position: relative;
		padding-left: 1.25em;
	}
	.a-item::before {
		content: counter(cnt) '.';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
	}

	.exam-item-opener {position: absolute;}

	.answer-button {
		position: relative;
		display: block;
		margin: 0 auto;
		border: none;
		border-radius: 10em;
		pointer-events: none;
	}
	.button.answer-button::after {content: none;}
	.answer-button > span {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10em;
		background-color: #fff;
		color: var(--txt);
	}

	.answer-content {background-color: #fdf2f3;}
	/* .answer-content > * {filter: blur(5rem);} */
	.answer-detail {
		position: relative;
		padding-left: 1.5em;
	}
	.answer-no {
		position: absolute;
		top: 0;
		left: 0;
	}

	.exam-content-btn,
	.data-content-btn  {
		position: absolute;
		z-index: 10;
	}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.exam-section {padding: 30rem 0 55rem;}
		.exam-section-inner {
			padding: 40rem 25rem 15rem;
			box-shadow: 3rem 2rem 3rem rgba(0,0,0,.15);
		}
		.exam-section-inner::before {
			top: -60rem;
			right: 15rem;
			width: 70rem;
			height: 100rem;
			transform: rotate(6deg);
		}
		.exam-section-inner::after {
			height: 170rem;
		}
		.exam-ttl-notice {font-size: 11rem;}

		.exam-content {margin-top: 25rem;}

		.exam-item {
			border-radius: 7rem;
			box-shadow: 2rem 2rem 6rem 0rem rgba(0,0,0,.3);
		}
		.exam-item + .exam-item {margin-top: 12rem;}
		.exam-item-opener {
			top: 14rem;
			right: 10rem;
			width: 20rem;
			height: 20rem;
		}

		.q-ttl {font-size: 16rem;}
		.q-num {
			width: 90rem;
			height: 48rem;
			font-size: 12rem;
			clip-path: polygon(0 0, 100% 0, calc(100% - 13rem) 100%, 0 100%);
		}
		.q-num-xx {font-size: 16rem;}
		.q-text, .a-list, .answer-content {
			padding: 0 15rem;
			line-height: 2;
		}
		.q-text {margin-top: 20rem;}
		.a-list {
			margin-top: 10rem;
			padding-left: 2em;
		}

		.answer-button {
			margin: 20rem auto;
			width: 160rem;
			height: 36rem;
			box-shadow: 3rem 2rem 3rem rgba(0,0,0,.3);
		}
		.answer-button > span {
			top: max(1px, 1rem);
			left: max(1px, 1rem);
			padding-right: 1em;
			width: calc(100% - max(2px, 2rem));
			height: calc(100% - max(2px, 2rem));
		}
		.answer-button .open-close {
			right: 7rem;
			width: 18rem;
			height: 18rem;
			font-size: 12rem;
		}
		.answer-content {
			margin: 0 auto 30rem;
			width: 320rem;
			padding: 15rem;
		}

		.exam-content-btn,
		.data-content-btn {
			left: calc(50% - 100rem);
			bottom: -23rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.exam-section {padding: 100rem 0 120rem;}
		.exam-section-inner {
			margin: 0 auto;
			padding: 30rem 80rem 20rem;
			width: 1000rem;
			box-shadow: 5rem 5rem 5rem rgba(0,0,0,.15);
		}
		.exam-section-inner::before {
			top: -70rem;
			left: 25rem;
			width: 92rem;
			height: 100rem;
			transform: rotate(-6deg);
		}
		.exam-section-inner::after {
			height: 200rem;
		}
		.exam-section-header {
			margin: 0 auto;
			width: 660rem;
		}
		.exam-section-subttl {font-size: 28rem;}
		.exam-ttl-notice {font-size: 12rem;}

		.exam-content {margin-top: 60rem;}

		.exam-item {
			border-radius: 10rem;
			box-shadow: 3rem 2rem 3rem rgba(0,0,0,.3);
		}
		.exam-item + .exam-item {margin-top: 20rem;}
		.exam-item-opener {
			top: 15rem;
			right: 15rem;
			width: 30rem;
			height: 30rem;
			transition: opacity .3s;
		}
		/* .exam-item-opener:hover {
			cursor: pointer;
			opacity: .8;
		} */

		.q-ttl {font-size: 22rem;}
		.q-num {
			width: 145rem;
			height: 60rem;
			font-size: 16rem;
			clip-path: polygon(0 0, 100% 0, calc(100% - 20rem) 100%, 0 100%);
		}
		.q-num-xx {font-size: 32rem;}
		.q-text, .a-list, .answer-content {
			margin: 0 auto;
			width: 740rem;
			line-height: 2.125;
		}

		.q-text {margin-top: 30rem;}

		.answer-button {
			margin: 30rem auto;
			width: 200rem;
			height: 40rem;
			box-shadow: 3rem 2rem 3rem rgba(0,0,0,.3);
		}
		.answer-button > span {
			top: max(1px, 1rem);
			left: max(1px, 1rem);
			padding-right: 1em;
			width: calc(100% - max(2px, 2rem));
			height: calc(100% - max(2px, 2rem));
			transition: .3s;
		}
		.answer-button .open-close {
			right: 8rem;
			width: 20rem;
			height: 20rem;
			font-size: 13rem;
		}
		
		.answer-content {
			margin-bottom: 40rem;
			padding: 20rem 30rem;
		}

		.exam-content-btn,
		.data-content-btn {
			left: calc(50% - 100rem);
			bottom: -30rem;
		}

	}
}

/* video-section */
@media all {
	.video-slides {
		position: relative;
		z-index: 20;
		overflow: hidden;
	}
	.video-link {
		float: left;
		display: block;
	}
	.video-link img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	/* sp */
	@media only screen and (max-width: 767px) {
		.video-section {
			position: relative;
			padding-bottom: 95rem;
		}
		.video-section-inner {padding-top: 270rem;}

		.deco7 {
			top: 70rem;
			left: 20rem;
			width: 320rem;
		}
		.deco7 img {transform: rotate(10deg);}

		.video-slides {
			margin-top: 30rem;
			margin-left: -25rem;
			width: 100vw;
		}
		.video-link {
			width: 208rem;
			padding: 0 10rem;
		}
		.deco4-sp {
			top: auto;
			bottom: -30rem;
			left: 0;
			height: 96rem;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.video-section {padding-top: 140rem;}
		.video-section-inner {
			position: relative;
			margin: 0 auto;
			width: 1000rem;
		}

		.video-content-btn {
			position: relative;
			z-index: 101;
			margin-top: 35rem;
			width: 480rem;
			text-align: right;
		}

		.deco7 {
			clip-path: none;
			top: 30rem;
			left: calc(50% + 55rem);
			width: 444rem;
			height: 232rem;
		}
		.deco7 img {transform: rotate(10deg);}

		.video-slides {
			margin-top: 60rem;
			max-height: 15vw;
		}
		.video-link {
			width: 300rem;
			padding: 0 15rem;
			transition: opacity .3s;
		}
		.video-link:hover {opacity: .7;}
	}
}

/* data-section */
@media all {
	.data-content {
		position: relative;
		background-color: #fff;
	}
	.data-content::before {
		content: '';
		position: absolute;
		display: block;
		background: center / contain no-repeat url(../img/home/clip2.webp);
	}
	.data-content::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,1) 2%, rgba(255,255,255,0));
		pointer-events: none;
	}

	.data-content-inner {
		overflow: hidden;
		height: 100%;
	}

	.data-content .main-header-ttl {
		position: relative;
		padding-left: .5em;
		font-family: var(--lineseed);
		font-weight: bold;
	}
	.data-content .main-header-ttl::before {
		content: '';
		position: absolute;
		top: -.1em;
		left: 0;
		display: block;
		width: 3rem;
		height: calc(100% + .2em);
		background-color: #da0007;
	}

	.data-dt {
		position: relative;
		padding-left: .5em;
		font-weight: bold;
	}
	.data-dt::before {
		content: '';
		position: absolute;
		left: 0;
		display: block;
		width: 3rem;
		background-color: var(--main-red);
	}

	.pass {overflow: hidden;}

	.jobsratio-dl {
		visibility: hidden;
		height: 0;
		overflow: hidden;
	}

	/* sp */
	@media only screen and (max-width: 767px) {
		.data-section {
			padding-bottom: 170rem;
			background-position-y: 0;
		}

		.data-content {
			margin-left: -25rem;
			padding: 30rem 25rem 0;
			width: 100vw;
			height: 475rem;
			box-shadow: 3rem 2rem 3rem rgba(0,0,0,.3);
		}
		.data-content::before {
			top: -17rem;
			right: 15rem;
			width: 46rem;
			height: 80rem;
		}
		.data-content::after {height: 150rem;}


		.data-content .main-header-ttl {font-size: 22rem;}
		.data-content .main-header-ttl small {display: none;}

		.pass-graph-item:not(:first-child) {display: none;}
		.pass-graph-item,
		.jobs-chartgraph {
			padding: 10rem 75rem;
			height: 220rem;
		}
		.jobs-section {
			margin-top: 20rem;
			padding: 0;
		}
		.age-section {display: none;}


		.data-content-btn {left: calc(50% - 94rem);}
		.data-content-btn .button {width: 188rem;}

		.deco5-sp {
			top: calc(100% + 65rem);
			left: 0;
			width: 100vw;
			height: 150rem;
		}
		.deco8 {
			bottom: -133rem;
			left: 10rem;
			width: 380rem;
		}

		.bg-line-wrapper2 {padding-bottom: 140rem;}
		.site-footer {
			position: relative;
			z-index: 30;
		}
	}

	/* pc & tab */
	@media print,
	(min-width: 768px) {
		.bg-line-wrapper2 {
			margin-top: -20rem;
			padding-top: 235rem;
			height: 1364rem;
		}
		.deco.bg-line2 {
			top: 0;
			height: 1364rem;
		}

		.data-section {
			background-position-y: 0;
		}
		.data-section-inner {
			margin: 0 auto;
			padding: 48rem 0 130rem;
			width: 1000rem;
		}

		.data-section .mini-ttl {margin-bottom: 28rem;}

		.data-content {
			padding: 40rem 60rem 0;
			height: 700rem;
			box-shadow: 5rem 5rem 5rem rgba(0,0,0,.2);
		}
		.data-content::before {
			top: -20rem;
			right: 45rem;
			width: 56rem;
			height: 97rem;
		}
		.data-content::after {
			height: 200rem;
		}


		.data-dl:where(.ratio, .age) {width: 50%;}
		:where(.ratio, .age) .data-dd {
			overflow: hidden;
			margin-top: 40rem;
			height: 220rem;
		}
		.ratio .data-dd {
			padding-left: 100rem;
			width: 340rem;
		}
		.age .data-dd {
			width: 440rem;
		}

		.deco8 {
			top: -50rem;
			left: calc(50% + 555rem);
			width: 62rem;
			height: 844rem;
		}

		.data-content .main-header-ttl {
			font-size: 28rem;
		}
		.data-content .main-header-ttl small {
			font-size: 16rem;
		}

		.pass-graph-list {
			display: flex;
			justify-content: space-between;
			margin: 30rem auto 75rem;
			width: 820rem;
		}
		.pass-graph-item {
			width: 240rem;
			height: 240rem;
		}

		.jobs-and-age {
			display: flex;
			justify-content: space-between;
		}
		
		.jobs-content,
		.age-content {
			width: 410rem;
		}

		.jobs-chartgraph {
			margin: 30rem auto 0;
			width: 240rem;
			height: 240rem;
		}

		.age-graph {height: 450rem;}

	}
}






/* template-section */
@media all {
	/* sp */
	@media only screen and (max-width: 767px) {}

	/* pc & tab */
	@media print,
	(min-width: 768px) {}
}