@charset "UTF-8";

:root {
	--cat1: #219a3a;
	--cat2: #d94387;
	--cat3: #44a8e0;
	--cat4: #fea482;
	--cat5: #0071bc;
	--cat6: #9ebe1d;
	--cat7: #c874b3;
	--cat8: #fe90bc;
	--cat9: #00a99d;
	--cat10: #fdaa20;
	--catAll: #bd8968;
	--purple: #611a86;
	--red: #ff0000;
	--gray: #f0f0f3;
	--lgray: #f7f7f9;
	--dgray: #c9caca;
	--fwlight: 300;
	--fwregular: 400;
	--fwmedium: 500;
	--fwbold: 700;
	--fwblack: 900;
}

#front,
#result {
	color: #231815;
	font-family: YakuHanJP, "Noto Sans JP", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 2.25;
	letter-spacing: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

#front *,
#result * {
	box-sizing: border-box;
}

#front a,
#result a {
	text-decoration: none;
}

#front ol,
#front ul,
#result ul,
#result ol {
	list-style: none;
	padding-left: 0;
}
#front li,
#result li {
	list-style: none;
}

#front h1,
#result h1,
#front h2,
#result h2,
#front h3,
#result h3,
#front h4,
#result h4,
#front h5,
#result h5,
#front p,
#result p {
	margin: 0;
}
.roboto {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: var(--fwbold);
}
/*---コンテナ---*/
.container-l {
	max-width: 1000px;
	/* width:90%; */
	width: 71.4%;
	margin: 0 auto;
}
.container-m {
	max-width: 800px;
	/* width:80%; */
	width: 57.1%;
	margin: 0 auto;
}
.container-inner {
	width: 100%;
	padding: 0 90px;
}

/*---アニメーション---*/
/* レイアウトや見た目のスタイル */
/* ---------------------------- */

.single-item + .single-item {
	margin-top: 80px;
}

/* アニメーション前 */
.u-fade-type-up {
	transform: translateY(50px);
	opacity: 0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active {
	transition: 0.6s;
	transform: translateY(0);
	opacity: 1;
}

.anim-box {
	transform: translateY(40px) scale(0.8);
	opacity: 0;
}

.anim-box.is-animated {
	animation: popup 2s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
}
.anim-box.is-animated.delay1 {
	animation: popup 2s cubic-bezier(0.22, 1, 0.36, 1) 0.5s 1 forwards;
}
.anim-box.is-animated.delay2 {
	animation: popup 2s cubic-bezier(0.22, 1, 0.36, 1) 1s 1 forwards;
}

@keyframes popup {
	0% {
		transform: translateY(40px) scale(0.8);
		opacity: 0;
	}
	100% {
		transform: translateY(0) scale(1);
	}
	80%,
	100% {
		opacity: 1;
	}
}
html,body{
	scroll-behavior:smooth;
}
/* scrollラッパー */
#front .scroll-wrapper,
#result .scroll-wrapper {
	min-height: 400px;
	height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 45px;
	scroll-behavior:smooth;
}
#front .scroll-wrapper {
	margin: 0 45px 0 90px;
}
#front .scroll-wrapper::-webkit-scrollbar,
#result .scroll-wrapper::-webkit-scrollbar {
	width: 5px;
	background-color: #c9caca;
}
#front .scroll-wrapper::-webkit-scrollbar-thumb,
#result .scroll-wrapper::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #9b9b9c;
}
#front .scroll-wrapper,
#result .scroll-wrapper {
	scrollbar-width: thin;
  scrollbar-color: #c9caca;
}
/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
コンポーネント
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*----------------------------------------
タブメニュー
----------------------------------------*/
nav.tab-menu-nav {
	margin: 0 auto;
}
nav .tab-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
nav .tab-menu li {
	width: calc(100% / 6 - 40px / 6);
	height: 53px;
}
nav .tab-menu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 17px;
	font-weight: var(--fwbold);
	text-align: center;
	line-height: 1.3;
	transition: all 0.5s ease-out;
	border-radius: 13px;
}

nav .tab-menu li.education a {
	background-color: var(--cat1);
	border: 2px solid var(--cat1);
}
nav .tab-menu li.awareness a {
	background-color: var(--cat2);
	border: 2px solid var(--cat2);
}
nav .tab-menu li.next-education a {
	background-color: var(--cat3);
	border: 2px solid var(--cat3);
}
nav .tab-menu li.visualization a {
	background-color: var(--cat4);
	border: 2px solid var(--cat4);
}
nav .tab-menu li.work-life a {
	background-color: var(--cat5);
	border: 2px solid var(--cat5);
}
nav .tab-menu li.diversity a {
	background-color: var(--cat6);
	border: 2px solid var(--cat6);
}
nav .tab-menu li.structure a {
	background-color: var(--cat7);
	border: 2px solid var(--cat7);
}
nav .tab-menu li.communication a {
	background-color: var(--cat8);
	border: 2px solid var(--cat8);
	letter-spacing: -0.14em;
}
nav .tab-menu li.sdgs a {
	background-color: var(--cat9);
	border: 2px solid var(--cat9);
}
nav .tab-menu li.promotion a {
	background-color: var(--cat10);
	border: 2px solid var(--cat10);
}
nav .tab-menu li.all a {
	background-color: var(--catAll);
	border: 2px solid var(--catAll);
}
@media (hover: hover) {
	nav .tab-menu li a:hover {
		background-color: #fff;
		opacity: 1;
	}
	nav .tab-menu li.education a:hover {
		color: var(--cat1);
	}
	nav .tab-menu li.awareness a:hover {
		color: var(--cat2);
	}
	nav .tab-menu li.next-education a:hover {
		color: var(--cat3);
	}
	nav .tab-menu li.visualization a:hover {
		color: var(--cat4);
	}
	nav .tab-menu li.work-life a:hover {
		color: var(--cat5);
	}
	nav .tab-menu li.diversity a:hover {
		color: var(--cat6);
	}
	nav .tab-menu li.structure a:hover {
		color: var(--cat7);
	}
	nav .tab-menu li.communication a:hover {
		color: var(--cat8);
	}
	nav .tab-menu li.sdgs a:hover {
		color: var(--cat9);
	}
	nav .tab-menu li.promotion a:hover {
		color: var(--cat10);
	}
	nav .tab-menu li.all a:hover {
		color: var(--catAll);
	}

	#front .goto:hover {
		opacity: 1;
		color: #fff !important;
	}
	#front #sec_education .goto:hover {
		background-color: var(--cat1);
	}
	#front #sec_awareness .goto:hover {
		background-color: var(--cat2);
	}
	#front #sec_next-education .goto:hover {
		background-color: var(--cat3);
	}
	#front #sec_visualization .goto:hover {
		background-color: var(--cat4);
	}
	#front #sec_work-life .goto:hover {
		background-color: var(--cat5);
	}
	#front #sec_diversity .goto:hover {
		background-color: var(--cat6);
	}
	#front #sec_structure .goto:hover {
		background-color: var(--cat7);
	}
	#front #sec_communication .goto:hover {
		background-color: var(--cat8);
	}
	#front #sec_sdgs .goto:hover {
		background-color: var(--cat9);
	}
	#front #sec_promotion .goto:hover {
		background-color: var(--cat10);
	}
}

/* ここからフロント用 */
#front nav .tab-menu li {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17px;
	font-weight: var(--fwbold);
	text-align: center;
	line-height: 1.3;
	transition: all 0.5s ease-out;
	border-radius: 13px;
}

#front nav .tab-menu li {
	background-color: #fff;
	cursor: pointer;
}
#front nav .tab-menu li.education {
	color: var(--cat1);
	border: 2px solid var(--cat1);
}
#front nav .tab-menu li.awareness {
	color: var(--cat2);
	border: 2px solid var(--cat2);
}
#front nav .tab-menu li.next-education {
	color: var(--cat3);
	border: 2px solid var(--cat3);
}
#front nav .tab-menu li.visualization {
	color: var(--cat4);
	border: 2px solid var(--cat4);
}
#front nav .tab-menu li.work-life {
	color: var(--cat5);
	border: 2px solid var(--cat5);
}
#front nav .tab-menu li.diversity {
	color: var(--cat6);
	border: 2px solid var(--cat6);
}
#front nav .tab-menu li.structure {
	color: var(--cat7);
	border: 2px solid var(--cat7);
}
#front nav .tab-menu li.communication {
	color: var(--cat8);
	border: 2px solid var(--cat8);
	letter-spacing: -0.14em;
}
#front nav .tab-menu li.sdgs {
	color: var(--cat9);
	border: 2px solid var(--cat9);
}
#front nav .tab-menu li.promotion {
	color: var(--cat10);
	border: 2px solid var(--cat10);
}
#front nav .tab-menu li.all {
	color: var(--catAll);
	border: 2px solid var(--catAll);
}

#front nav .tab-menu li.active {
	color: #fff;
}
#front nav .tab-menu li.education.active {
	background-color: var(--cat1);
}
#front nav .tab-menu li.awareness.active {
	background-color: var(--cat2);
}
#front nav .tab-menu li.next-education.active {
	background-color: var(--cat3);
}
#front nav .tab-menu li.visualization.active {
	background-color: var(--cat4);
}
#front nav .tab-menu li.work-life.active {
	background-color: var(--cat5);
}
#front nav .tab-menu li.diversity.active {
	background-color: var(--cat6);
}
#front nav .tab-menu li.structure.active {
	background-color: var(--cat7);
}
#front nav .tab-menu li.communication.active {
	background-color: var(--cat8);
}
#front nav .tab-menu li.sdgs.active {
	background-color: var(--cat9);
}
#front nav .tab-menu li.promotion.active {
	background-color: var(--cat10);
}
#front nav .tab-menu li.all.active {
	background-color: var(--catAll);
}
/*--------------------------------------------------------------------------
front
--------------------------------------------------------------------------*/
#front {
	background-color: var(--lgray);
	padding-bottom: 90px;
}
#front ~ .g-footer {
	margin-top: 0;
}
#front .tab-menu-nav {
	padding-left: 0;
}
#front .wrapper {
	margin-top: 48px;
	background-color: var(--lgray);
	box-shadow: 20px 20px 40px #ccc, -20px -20px 40px #fff;
	border-radius: 100px;
	padding: 36px 0 50px;
	position: relative;
}
#front .wrapper .right-line {
	position: absolute;
	width: 5px;
	background-color: var(--dgray);
	height: calc(100% - 340px);
	top: 240px;
	right: 46px;
}
#front .wrapper .right-line::after {
	content: "";
	width: 5px;
	height: 50px;
	top: 50px;
	left: 0;
	background-color: #9b9b9c;
	position: absolute;
}
#front .wrapper .material {
	position: absolute;
	z-index: 100;
}
#front .wrapper .material img {
	width: 100%;
}
#front .wrapper .material1 {
	width: 142px;
	top: -30px;
	left: 74%;
}
#front .wrapper .material2 {
	width: 186px;
	top: 182px;
	left: -155px;
}
#front .wrapper .material3 {
	width: 350px;
	top: 300px;
	left: calc(100% - 30px);
}
#front .wrapper .material4 {
	width: 210px;
	top: 420px;
	right: 103%;
}
#front .wrapper .material5 {
	width: 390px;
	top: 640px;
	left: calc(100% - 30px);
}
#front .wrapper .material6 {
	width: 220px;
	top: 780px;
	left: -190px;
}
#front .wrapper .material7 {
	width: 270px;
	top: 1120px;
	left: calc(100% - 30px);
}
#front .wrapper .material8 {
	width: 172px;
	top: 1110px;
	left: -130px;
}
#front .wrapper .section {
	margin-top: 90px;
}
#front .wrapper .section:first-child {
	margin-top: 45px;
}
#front .wrapper h2 {
	font-size: 60px;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 0.95;
	margin-bottom: 28px;
	font-weight: var(--fwbold);
}
#front .wrapper h3 {
  position: relative;
	text-align: center;
  padding: 0 80px;
	font-size: 34px;
	font-weight: var(--fwbold);
}
@media(min-width:768px){
  #front #sec_sdgs h3,
  #front #sec_structure h3 {
    text-align: left;
    padding: 0 0 0 80px ;
  }
  @media(max-width:1220px){
    #front #sec_communication h3 {
      text-align: left;
      padding: 0 0 0 80px ;
    }
  }
  @media(max-width:1160px){
    #front #sec_work-life h3,
    #front #sec_diversity h3 {
      text-align: left;
      padding: 0 0 0 80px ;
    }
  }
}
#front .wrapper h3:before {
	content: "theme";
	position: absolute;
	left: 0;
	color: #231815;
	font-size: 27px;
	font-family: "Roboto Condensed";
	font-weight: var(--fwbold);
  bottom: calc(50% - 20px);
}
#front .wrapper .question {
	display: flex;
	align-items: center;
	font-size: 23px;
	line-height: 1.4;
	font-weight: var(--fwbold);
	margin-bottom: 6px;
}
#front .wrapper .question .number {
	line-height: 1;
	font-size: 71px;
	margin-right: 44px;
	font-weight: var(--fwbold);
}
#front .wrapper .answer {
	margin-left: 122px;
	line-height: 1.8;
	display: flex;
	justify-content: space-between;
}
#front .wrapper .answer label {
	padding-left: 39px;
	cursor: pointer;
	margin-bottom: 0;
	position: relative;
	font-weight: var(--fwmedium);
}
#front .wrapper .answer .box{
  width:188px;
}
@media(max-width:768px){
  #front .wrapper .answer .box{
    width:160px;
  }
}

#front .wrapper .line {
	height: 4px;
	margin: 16px 0;
}
#front .wrapper .goto {
	border: 4px solid;
	max-width: 335px;
	width: 90%;
	height: 60px;
	display: block;
	font-size: 23px;
	font-weight: var(--fwbold);
	text-align: center;
	border-radius: 15px;
	margin: 46px auto 90px;
}
#front .wrapper {
	padding: 36px 0 50px;
}
#front .scroll-wrapper {
	margin-top: 45px;
}
#front .scroll-wrapper > section:last-child > .goto {
	margin-bottom: 0;
}

/* チェックボックスデザイン */
#front input[type="checkbox"] {
	cursor: pointer;
	padding-left: 30px; /*label手前にチェックボックス用の余白を開ける*/
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 1px;
}
#front input[type="checkbox"]::before,
#front input[type="checkbox"]::after {
	content: "";
	display: block;
	position: absolute;
}
#front input[type="checkbox"]::before {
	background-color: #fff;
	border-radius: 0%;
	border: 2px solid #231815;
	width: 26px; /*チェックボックスの横幅*/
	height: 26px; /*チェックボックスの縦幅*/
	top: 0;
	left: 0;
}
#front input[type="checkbox"]::after {
	border-bottom: 5px solid #231815;
	border-left: 3px solid #231815;
	opacity: 0;
	height: 10px;
	width: 16px;
	transform: rotate(-45deg);
	top: 7px;
	left: 5px;
}
#front input[type="checkbox"]:checked::after {
	opacity: 1; /*チェック後表示*/
}
/*----------------------------------------
sec_mv
----------------------------------------*/
#front .sec_mv {
	background-image: url("../img/front/mv-image.svg");
	background-position: center 50px;
	background-repeat: no-repeat;
	background-size: cover;
	height: 610px;
	padding-top: 200px;
}
#front .sec_mv .text-box {
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px;
}
#front .sec_mv .text-box > img {
	width: 100%;
	position: absolute;
}
#front .sec_mv .text-box > img:nth-of-type(1) {
	top: -160px;
	left: calc(50% - 60%);
	max-width: 210px;
}
#front .sec_mv .text-box > img:nth-of-type(2) {
	top: -140px;
	left: calc(50% + 38%);
	max-width: 190px;
}
#front .sec_mv .text-box > img:nth-of-type(3) {
	top: 84%;
	left: calc(50% + 31%);
	max-width: 286px;
}

/*----------------------------------------
sec_intro
----------------------------------------*/
#front .sec_intro {
	margin-top: 30px;
}
#front .sec_intro > p {
	line-height: 2.25;
	text-align: center;
	width: 86.4%;
	margin: 0 auto;
	margin-bottom: 10px;
}
#front .sec_intro > .container-l {
	background-color: #fff;
	border-radius: 30px;
	padding: 9px;
}
#front .sec_intro > .container-l p,
#front .sec_intro > .container-l a {
	color: var(--purple);
	text-align: center;
	margin: 0 auto;
	display: block;
	line-height: 1.78;
	font-size: 13px;
}
#front .sec_intro > .container-l a {
	width: 200px;
}

/*----------------------------------------
sec_education
----------------------------------------*/
#front #sec_education h3,
#front #sec_education .question,
#front #sec_education .goto {
	color: var(--cat1);
}
#front #sec_education .line {
	background-color: var(--cat1);
}
#front #sec_education .goto {
	border-color: var(--cat1);
	transition: all 0.5s ease-out;
}
@media (max-width: 1405px) {
	#front #sec_education .double {
		margin-bottom: 24px;
	}
}

/*----------------------------------------
sec_awareness
----------------------------------------*/
#front #sec_awareness h3,
#front #sec_awareness .question,
#front #sec_awareness .goto {
	color: var(--cat2);
}
#front #sec_awareness .line {
	background-color: var(--cat2);
}
#front #sec_awareness .goto {
	border-color: var(--cat2);
}

/*----------------------------------------
sec_next-education
----------------------------------------*/
#front #sec_next-education h3,
#front #sec_next-education .question,
#front #sec_next-education .goto {
	color: var(--cat3);
}
#front #sec_next-education .line {
  background-color: var(--cat3);
}
#front #sec_next-education .goto {
	border-color: var(--cat3);
}

/*----------------------------------------
sec_visualization
----------------------------------------*/
#front #sec_visualization h3,
#front #sec_visualization .question,
#front #sec_visualization .goto {
	color: var(--cat4);
}
#front #sec_visualization .line {
	background-color: var(--cat4);
}
#front #sec_visualization .goto {
	border-color: var(--cat4);
}

/*----------------------------------------
sec_work-life
----------------------------------------*/
#front #sec_work-life h3,
#front #sec_work-life .question,
#front #sec_work-life .goto {
	color: var(--cat5);
}
#front #sec_work-life .line {
	background-color: var(--cat5);
}
#front #sec_work-life .goto {
	border-color: var(--cat5);
}

/*----------------------------------------
sec_diversity
----------------------------------------*/
#front #sec_diversity h3,
#front #sec_diversity .question,
#front #sec_diversity .goto {
	color: var(--cat6);
}
#front #sec_diversity .line {
	background-color: var(--cat6);
}
#front #sec_diversity .goto {
	border-color: var(--cat6);
}

/*----------------------------------------
sec_structure
----------------------------------------*/
#front #sec_structure h3,
#front #sec_structure .question,
#front #sec_structure .goto {
	color: var(--cat7);
}
#front #sec_structure .line {
	background-color: var(--cat7);
}
#front #sec_structure .goto {
	border-color: var(--cat7);
}

/*----------------------------------------
sec_communication
----------------------------------------*/
#front #sec_communication h3,
#front #sec_communication .question,
#front #sec_communication .goto {
	color: var(--cat8);
}
#front #sec_communication .line {
	background-color: var(--cat8);
}
#front #sec_communication .goto {
	border-color: var(--cat8);
}
#front #sec_communication .double {
	margin-bottom: 24px;
}

/*----------------------------------------
sec_sdgs
----------------------------------------*/
#front #sec_sdgs h3,
#front #sec_sdgs .question,
#front #sec_sdgs .goto {
	color: var(--cat9);
}
#front #sec_sdgs .line {
	background-color: var(--cat9);
}
#front #sec_sdgs .goto {
	border-color: var(--cat9);
}

/*----------------------------------------
sec_promotion
----------------------------------------*/
#front #sec_promotion h3,
#front #sec_promotion .question,
#front #sec_promotion .goto {
	color: var(--cat10);
}
#front #sec_promotion .line {
	background-color: var(--cat10);
}
#front #sec_promotion .goto {
	border-color: var(--cat10);
	margin-bottom: 0;
}

/*----------------------------------------
sec_submit
----------------------------------------*/
#front #sec_submit {
	margin-top: 70px;
}
#front #sec_submit #caption {
	font-size: 15px;
	font-weight: var(--fwlight);
	color: var(--red);
	text-align: center;
	border-bottom: 1px solid #000;
	line-height: 1.5;
	padding: 10px 20px;
}
#front #sec_submit #submitBtn,
#front #sec_submit #torikumiBtn {
	color: #fff;
	background-color: var(--dgray);
	display: block;
	margin: 30px auto 0;
	width: 266px;
	height: 58px;
	border-radius: 60px;
	font-size: 26px;
	font-weight: var(--fwbold);
	border: none;
	line-height: 1;
	transition: all 0.2s linear;
}
#front #sec_torikumi{
  display: none;
  transition: 1s;
}
#front #sec_submit #torikumiBtn {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--purple);
}
#front #sec_submit #torikumiBtn::after {
  display: none;
}
#front #sec_submit #submitBtn.active {
	background-color: var(--purple);
	transition: all 0.2s linear;
}
#front #sec_submit p{
  text-align: center;
  color: var(--purple);
  margin-top: 24px;
  line-height: 1.5;
  font-weight: var(--fwmedium);
  font-size:20px;
}
/*--------------------------------------------------------------------------
resultページ
--------------------------------------------------------------------------*/
/*----------------------------------------
resultページ 共通パーツとそれに付随するvariables
----------------------------------------*/
#result #sec_education,
#result #sec_awareness,
#result #sec_next-education,
#result #sec_visualization,
#result #sec_work-life,
#result #sec_diversity,
#result #sec_structure,
#result #sec_communication,
#result #sec_sdgs {
	position: relative;
	margin-bottom: 110px;
}
#result #sec_education {
	border-top: 4px solid var(--cat1);
}
#result #sec_awareness {
	border-top: 4px solid var(--cat2);
}
#result #sec_next-education {
	border-top: 4px solid var(--cat3);
}
#result #sec_visualization {
	border-top: 4px solid var(--cat4);
}
#result #sec_work-life {
	border-top: 4px solid var(--cat5);
}
#result #sec_diversity {
	border-top: 4px solid var(--cat6);
}
#result #sec_structure {
	border-top: 4px solid var(--cat7);
}
#result #sec_communication {
	border-top: 4px solid var(--cat8);
}
#result #sec_sdgs {
	border-top: 4px solid var(--cat9);
}
#result #sec_promotion {
	border-top: 4px solid var(--cat10);
}
#result .fwbold{
  font-weight: var(--fwbold);
}
/*----------------------------------------
CASE .wrapper--case
----------------------------------------*/
#result .wrapper--case {
	display: flex;
	align-items: center;
	padding-top: 8px;
	margin-bottom: 18px;
}

#result .wrapper--case .case-box {
	color: #fff;
	padding: 7px;
	border-radius: 16px;
	width: 133px;
}
#result #sec_education .wrapper--case .case-box {
	background-color: var(--cat1);
}
#result #sec_awareness .wrapper--case .case-box {
	background-color: var(--cat2);
}
#result #sec_next-education .wrapper--case .case-box {
	background-color: var(--cat3);
}
#result #sec_visualization .wrapper--case .case-box {
	background-color: var(--cat4);
}
#result #sec_work-life .wrapper--case .case-box {
	background-color: var(--cat5);
}
#result #sec_diversity .wrapper--case .case-box {
	background-color: var(--cat6);
}
#result #sec_structure .wrapper--case .case-box {
	background-color: var(--cat7);
}
#result #sec_communication .wrapper--case .case-box {
	background-color: var(--cat8);
}
#result #sec_sdgs .wrapper--case .case-box {
	background-color: var(--cat9);
}
#result #sec_promotion .wrapper--case .case-box {
	background-color: var(--cat10);
}

#result .wrapper--case .case-box .case-txt {
	font-size: 17px;
	font-weight: var(--fwmedium);
	line-height: 1;
	text-align: center;
	padding-bottom: 7px;
	border-bottom: 1px solid #fff;
}
#result .wrapper--case .case-box .case-num {
	font-size: 26px;
	line-height: 1;
	padding-top: 9px;
	text-align: center;
}
#result .wrapper--case .case-box .case-num span {
	display: inline-block;
	font-size: 60px;
	margin-left: 13px;
	line-height: 43px;
}
#result #sec_promotion .wrapper--case .case-box .case-num span {
	margin-left: 0;
	letter-spacing: -0.1em;
}
#result .wrapper--case .heading--h3 {
	width: calc(100% - 133px);
	font-size: 28px;
	line-height: 1.54;
	padding-left: 20px;
}

/*----------------------------------------
>>解決できる課題 >>活かせる強み .wrapper--issues-strength
----------------------------------------*/
#result .wrapper--issues-strength {
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
}
#result .wrapper--issues-strength .wrapper--issues,
#result .wrapper--issues-strength .wrapper--strength {
	width: calc(50% - 10px);
	background-color: var(--gray);
	border-radius: 10px;
	padding: 11px 9px 11px 13px;
}

#result .wrapper--issues-strength .r-arrow-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
#result .wrapper--issues-strength .r-arrow-wrap .r-arrow--double {
	width: 17px;
	height: 17px;
	object-fit: contain;
	margin-right: 10px;
}
#result .wrapper--issues-strength .r-arrow-wrap .txt--issues {
	font-size: 18px;
	line-height: 1;
}
#result .wrapper--issues-strength .list--issues .list-item,
#result .wrapper--issues-strength .list--strength .list-item {
	font-size: 16px;
	line-height: 1.3;
	background-color: #fff;
	border-radius: 3px;
	padding: 4px 4px 4px 10px;
	color: #898989;
}
#result .wrapper--issues-strength .list--issues .list-item:nth-child(1) {
	width: 85%;
}
#result .wrapper--issues-strength .list--issues .list-item:nth-child(2) {
	width: 52%;
}
#result .wrapper--issues-strength .list--issues .list-item:nth-child(3) {
	width: 100%;
}
#result .wrapper--issues-strength .list--issues .list-item:nth-child(4) {
	width: 66%;
}
#result .wrapper--issues-strength .list--issues .list-item:nth-child(5) {
	width: 86%;
}
#result .wrapper--issues-strength .list--issues .list-item:not(:last-child) {
	margin-bottom: 10px;
}
#result .wrapper--issues-strength .list--strength .list-item:nth-child(1) {
	width: 100%;
}
#result .wrapper--issues-strength .list--strength .list-item:nth-child(2) {
	width: 62%;
}
#result .wrapper--issues-strength .list--strength .list-item:nth-child(3) {
	width: 54%;
}
#result .wrapper--issues-strength .list--strength .list-item:nth-child(4) {
	width: 35%;
	display: inline-block;
	margin-right: 2px;
}
#result .wrapper--issues-strength .list--strength .list-item:nth-child(5) {
	width: 63%;
	display: inline-block;
}
#result .wrapper--issues-strength .list--strength .list-item:not(:last-child) {
	margin-bottom: 10px;
}

#result .wrapper--issues-strength .marker {
	font-weight: var(--fwbold);
	color: #fff !important;
}
#result #sec_education .wrapper--issues-strength .marker {
	background-color: var(--cat1);
}
#result #sec_awareness .wrapper--issues-strength .marker {
	background-color: var(--cat2);
}
#result #sec_next-education .wrapper--issues-strength .marker {
	background-color: var(--cat3);
}
#result #sec_visualization .wrapper--issues-strength .marker {
	background-color: var(--cat4);
}
#result #sec_work-life .wrapper--issues-strength .marker {
	background-color: var(--cat5);
}
#result #sec_diversity .wrapper--issues-strength .marker {
	background-color: var(--cat6);
}
#result #sec_structure .wrapper--issues-strength .marker {
	background-color: var(--cat7);
}
#result #sec_communication .wrapper--issues-strength .marker {
	background-color: var(--cat8);
}
#result #sec_sdgs .wrapper--issues-strength .marker {
	background-color: var(--cat9);
}
#result #sec_promotion .wrapper--issues-strength .marker {
	background-color: var(--cat10);
}

/*----------------------------------------
feature-txt / heading / その他共通パーツ
----------------------------------------*/
#result .feature-txt {
	line-height: 1.75;
	margin-bottom: 30px;
	text-align: justify;
}
#result .heading-wrapper--h4 {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
#result #sec_education .heading-wrapper--h4 {
	margin-bottom: 10px;
}
#result .heading-wrapper--h4 .treat--glass {
	width: 64px;
	height: auto;
	object-fit: contain;
	margin-bottom: 5px;
}
#result #sec_education .heading-wrapper--h4 .treat--glass {
	margin-top: 19px;
	margin-bottom: 0;
}
#result .heading-wrapper--h4 .heading--h4 {
	width: calc(100% - 64px);
	font-size: 22px;
	font-weight: var(--fwbold);
	line-height: 1.4;
	padding-left: 5px;
	padding-bottom: 15px;
	margin-left: 5px;
}
#result #sec_education .heading-wrapper--h4 .heading--h4 {
	color: var(--cat1);
	border-bottom: 1px solid var(--cat1);
	padding-bottom: 7px;
}
#result #sec_awareness .heading-wrapper--h4 .heading--h4 {
	color: var(--cat2);
	border-bottom: 1px solid var(--cat2);
}
#result #sec_next-education .heading-wrapper--h4 .heading--h4 {
	color: var(--cat3);
	border-bottom: 1px solid var(--cat3);
}
#result #sec_visualization .heading-wrapper--h4 .heading--h4 {
	color: var(--cat4);
	border-bottom: 1px solid var(--cat4);
}
#result #sec_work-life .heading-wrapper--h4 .heading--h4 {
	color: var(--cat5);
	border-bottom: 1px solid var(--cat5);
}
#result #sec_diversity .heading-wrapper--h4 .heading--h4 {
	color: var(--cat6);
	border-bottom: 1px solid var(--cat6);
}
#result #sec_structure .heading-wrapper--h4 .heading--h4 {
	color: var(--cat7);
	border-bottom: 1px solid var(--cat7);
}
#result #sec_communication .heading-wrapper--h4 .heading--h4 {
	color: var(--cat8);
	border-bottom: 1px solid var(--cat8);
}
#result #sec_sdgs .heading-wrapper--h4 .heading--h4 {
	color: var(--cat9);
	border-bottom: 1px solid var(--cat9);
}
#result #sec_promotion .heading-wrapper--h4 .heading--h4 {
	color: var(--cat10);
	border-bottom: 1px solid var(--cat10);
}


#result .feature-txt--2 {
	line-height: 1.75;
	margin-bottom: 12px;
	word-break: break-all;
	text-align: justify;
}
#result .more-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 35px;
}
#result .more-wrapper .more-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	height: 28px;
	color: #fff;
	padding: 0 4px 0 14px;
}
#result #sec_education .more-wrapper .more-wrap {
	background-color: var(--cat1);
}
#result #sec_awareness .more-wrapper .more-wrap {
	background-color: var(--cat2);
}
#result #sec_next-education .more-wrapper .more-wrap {
	background-color: var(--cat3);
}
#result #sec_visualization .more-wrapper .more-wrap {
	background-color: var(--cat4);
}
#result #sec_work-life .more-wrapper .more-wrap {
	background-color: var(--cat5);
}
#result #sec_diversity .more-wrapper .more-wrap {
	background-color: var(--cat6);
  min-width: 200px;
}
#result #sec_structure .more-wrapper .more-wrap {
  background-color: var(--cat7);
  min-width: 200px;
}
#result #sec_communication .more-wrapper .more-wrap {
	background-color: var(--cat8);
  min-width: 200px;
}
#result #sec_sdgs .more-wrapper .more-wrap {
	background-color: var(--cat9);
}
#result #sec_promotion .more-wrapper .more-wrap {
	background-color: var(--cat10);
}
#result .more-wrapper .more-wrap{
  justify-content: space-between;
}
#result .more-wrapper .more-wrap .detail-txt {
	line-height: 1;
}
#result .more-wrapper .more-wrap .r-arrow-wrap {
	position: relative;
	width: 20px;
	height: 20px;
	background-color: #fff;
	border-radius: 50%;
	margin-left: 10px;
}
@media(max-width:768px){
  #result .more-wrapper .more-wrap .r-arrow-wrap {
    margin-left: 0 !important;
  }
}
#result #sec_diversity .more-wrapper:last-of-type .more-wrap .r-arrow-wrap {
	margin-left: 27px;
}
#result #sec_communication .more-wrapper .more-wrap .r-arrow-wrap {
	margin-left: 27px;
}

#result .more-wrapper .more-wrap .r-arrow-wrap .treat--glass {
	position: absolute;
	top: 50%;
	left: 55%;
	transform: translate(-50%, -50%);
	width: 5px;
	height: 100%;
}
#result .more-wrapper .link {
	color: #231815;
	padding-left: 12px;
	line-height: 1;
}
#result #sec_visualization .more-wrap{
  height: 42px;
}
#result #sec_visualization .detail-txt{
  font-size: 14px;
  line-height: 1.1;
}

/*----------------------------------------
sec_mv
----------------------------------------*/
#result #sec_mv {
	position: relative;
	padding-top: 410px;
	background-color: #F0F0F3;
  height: 550px;
}

#result #sec_mv .mv_deco-wrapper{
  position: absolute;
  height: 550px;
  top:0;
  width: 100%;
}
#result #sec_mv .deco-bg {
  width: 100%;
  height: 200px;
  bottom: 0;
  position: absolute;
  left: 0;
}
#result #sec_mv .deco-1 {
	width: 640px;
	top: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
	position: absolute;
}
#result #sec_mv .deco-2 {
	max-width: 115px;
	width: 8.2%;
	top: 56%;
  left: 12.6%;
	position: absolute;
	height: auto;
}
#result #sec_mv .deco-3 {
	max-width: 158px;
	width: 11.3%;
	top: 17%;
	left: 17%;
	position: absolute;
	height: auto;
}
#result #sec_mv .deco-4 {
	max-width: 276px;
	width: 21.8%;
	top: 26%;
  right: 8.4%;
	position: absolute;
	height: auto;

}

#result #sec_mv .sec_mv--inner {
	position: relative;
}
#result .sec_mv--inner .mv-heading {
	font-size: 48px;
	font-weight: var(--fwbold);
	line-height: 1.3;
	text-align: center;
}
#result .mv-txt {
	text-align: center;
}
#result .mv-txt:nth-of-type(3) {
	margin-bottom: 30px;
}
/*----------------------------------------
tab-menu 調整
----------------------------------------*/
#result nav.tab-menu-nav {
	position: relative;
}
/*----------------------------------------
sec_practice
----------------------------------------*/
#result #sec_practice {
	position: relative;
	margin-top: 35px;
	border: 10px solid var(--purple);
	border-radius: 100px;
	padding: 30px 40px 100px 90px;
	box-shadow: 20px 20px 40px #ccc, -20px -20px 40px #fff;
	width: 72%;
	max-width: 1005px;
}
#result #sec_practice .heading-wrapper--h2 {
	text-align: center;
	padding-bottom: 40px;
	padding-right: 50px;
	position: relative;
}
#result #sec_practice .heading-wrapper--h2 .sub-heading--h2 {
	font-size: 29px;
	line-height: 1;
}
#result #sec_practice .heading-wrapper--h2 .heading--h2 {
	font-size: 57px;
	color: var(--cat1);
	line-height: 1.2;
}
#result #sec_practice .heading-wrapper--h2 .heading--h2 span {
	font-size: 40px;
	color: var(--cat1);
}
#result #sec_practice .practice-deco {
	position: absolute;
	width: 159px;
	height: auto;
	top: -60px;
	left: 78.3%;
}
#result #sec_practice > img {
	position: absolute;
	height: auto;
	z-index: 100;
}
#result #sec_practice .deco1 {
	top: 102px;
	left: -145px;
	max-width: 180px;
	width: 23.1%;
}
#result #sec_practice .deco2 {
	top: 140px;
	right: -197px;
	max-width: 220px;
	width: 36.1%;
}
#result #sec_practice .deco3 {
	bottom: 206px;
	left: -165px;
	max-width: 180px;
	width: 23.5%;
}
#result #sec_practice .deco4 {
	bottom: 480px;
	right: -115px;
	max-width: 140px;
	width: 20.7%;
}
#result #sec_practice .deco5 {
	bottom: 0px;
	right: -225px;
	max-width: 244px;
	width: 37.8%;
}

/*----------------------------------------
sec_next-education  CASE3 次世代育成
----------------------------------------*/

#result #sec_next-education .more-wrapper:last-of-type {
	margin-bottom: 20px;
}
#result #sec_next-education .more-wrapper .align-self-start {
	align-self: flex-start;
}
#result #sec_next-education .more-wrapper .link-wrap {
	width: calc(100% - 127px);
}
#result #sec_next-education .more-wrapper .link {
	display: block;
}
#result #sec_next-education .more-wrapper .link:first-child {
	margin-bottom: 10px;
	padding-top: 5px;
}
#result #sec_next-education .disc{
  padding-left:0.5em;
  text-indent: -0.6em;
}
#result #sec_next-education .disc li{
  line-height: 1.75;
}
#result #sec_next-education .disc .more-wrapper{
  text-indent: 0;
  margin-top: 12px;
}
#result #sec_next-education .txt-img-wrapper {
	display: flex;
}
#result #sec_next-education .txt-img-wrapper .feature-txt--2 {
	width: calc(100% - 90px);
	padding-right: 8px;
}
#result #sec_next-education .txt-img-wrapper .character-img {
	width: 90px;
}

#result #sec_next-education .txt-marker {
	color: #fff;
	background-color: var(--cat3);
	padding: 0 5px;
}

#front nav .tab-menu li,
#result nav .tab-menu li {
	min-width: 130px;
}

/* 以下　共通パーツレスポンシブ */
@media (max-width: 1410px) {
	#front nav .tab-menu li,
	#result nav .tab-menu li {
		min-width: calc(100% / 5 - (8px * 4 / 5));
	}
}
@media (max-width: 1200px) {
	#front nav .tab-menu li,
	#result nav .tab-menu li a{
		font-size: 15px;
	}
}
@media (max-width: 768px) {
	.container-l {
		width: 90%;
	}
	.container-inner {
		padding: 0 20px;
	}
	#front nav .tab-menu li,
	#result nav .tab-menu li a{
		font-size: 12px;
		height:40px;
	}
	#result nav .tab-menu li{
		height:40px;
	}
}
@media (max-width: 720px) {
	#front nav .tab-menu li,
	#result nav .tab-menu li {
		min-width: calc(100% / 5 - (8px * 4 / 5));
	}
}
@media (max-width: 600px) {
	#front nav .tab-menu li,
	#result nav .tab-menu li {
		min-width: calc(100% / 4 - (8px * 3 / 4));
	}
}
@media (max-width: 490px) {
	#front nav .tab-menu li,
	#result nav .tab-menu li a{
		font-size: 10px;
	}
}
@media (max-width: 420px) {
	#front nav .tab-menu li,
	#result nav .tab-menu li,
	#result nav .tab-menu li a{
		height: 35px;
		min-width: calc(100% / 3 - (8px * 2 / 3));
	}
	#result nav .tab-menu li{
		height: 35px;
	}
}

/* pc */

@media (min-width:769px){
	/*--------------------------------------------------------------------------
	resultページ
	--------------------------------------------------------------------------*/
	/*----------------------------------------
	>>解決できる課題 >>活かせる強み .wrapper--issues-strength
	----------------------------------------*/
	#result .wrapper--issues-strength .list--issues .list-item,
	#result .wrapper--issues-strength .list--strength .list-item {
		line-height: 1.5;
	}
	@media screen and (max-width: 1385px) {
		#result .wrapper--issues-strength .list--issues .list-item:nth-child(1) {
			max-width: 315px;
			width: 100%;
		}
		#result .wrapper--issues-strength .list--issues .list-item:nth-child(2) {
			max-width: 193px;
			width: 75%;
		}
		#result .wrapper--issues-strength .list--issues .list-item:nth-child(4) {
			max-width: 245px;
			width: 95%;
		}
		#result .wrapper--issues-strength .list--issues .list-item:nth-child(5) {
			max-width: 319px;
			width: 100%;
		}

		#result .wrapper--issues-strength .list--strength .list-item:nth-child(2) {
			max-width: 230px;
			width: 90%;
		}
		#result .wrapper--issues-strength .list--strength .list-item:nth-child(3) {
			max-width: 200px;
			width: 75%;
		}
		#result .wrapper--issues-strength .list--strength .list-item:nth-child(4) {
			display: block;
			max-width: 134px;
			width: 50%;
		}
		#result .wrapper--issues-strength .list--strength .list-item:nth-child(5) {
			display: block;
			max-width: 228px;
			width: 90%;
		}
	}

	/*----------------------------------------
	feature-txt / heading / その他共通パーツ
	----------------------------------------*/
	#result #sec_education .heading-wrapper--h4 .heading--h4.first {
		padding-right: 2%;
	}
	#result #sec_education .heading-wrapper--h4 .heading--h4.last {
		padding-right: 15%;
	}
	/*----------------------------------------
	sec_mv
	----------------------------------------*/
	#result #sec_mv .sec_mv--inner {
	}
	@media screen and (max-width: 1320px) {
		#result .sec_mv--inner .mv-heading {
			font-size: 42px;
		}
	}
	/*----------------------------------------
	sec_practice
	----------------------------------------*/
	@media screen and (max-width: 1320px) {
		#result #sec_practice .heading-wrapper--h2 {
		}
		#result #sec_practice .heading-wrapper--h2 .sub-heading--h2 {
			font-size: 23px;
		}
		#result #sec_practice .heading-wrapper--h2 .heading--h2 {
			font-size: 51px;
		}
		#result #sec_practice .heading-wrapper--h2 .heading--h2 span {
			font-size: 34px;
		}
	}

	/*----------------------------------------
	sec_education  CASE1 教育
	----------------------------------------*/
	#result #sec_education .wrapper--case .heading--h3 {
		padding-right: 7%;
	}
	/*----------------------------------------
	sec_awareness  CASE2 啓発
	----------------------------------------*/
	#result #sec-awarness .wrapper--case .heading--h3 {
		padding-right: 7%;
	}
	/*----------------------------------------
	sec_next-education  CASE3 次世代育成
	----------------------------------------*/
	#result #sec_next-education .wrapper--case .heading--h3 {
	padding-right: 2%;
	}
	/*----------------------------------------
	sec_visualization  CASE4 見える化
	----------------------------------------*/
	#result #sec_visualization .wrapper--case .heading--h3 {
		padding-right: 5%;
	}
	/*----------------------------------------
	sec_diversity  CASE6 私大の多様性
	----------------------------------------*/
	#result #sec_diversity .wrapper--case .heading--h3 {
		padding-right: 14%;
	}
	/*----------------------------------------
	sec_structure  CASE7 組織体制
	----------------------------------------*/
	#result #sec_structure .wrapper--case .heading--h3 {
		padding-right: 12%;
	}
	/*----------------------------------------
	sec_communication  CASE8 コミュニケーション
	----------------------------------------*/
	#result #sec_communication .wrapper--case .heading--h3 {
		padding-right: 10%;
	}
	/*----------------------------------------
	sec_sdgs CASE9 SDGs
	----------------------------------------*/
	/* #result #sec_sdgs .wrapper--case .heading--h3 {
		padding-right: 20%;
	} */
	/*----------------------------------------
	sec_promotion  CASE10 上位職登用
	----------------------------------------*/
	#result #sec_promotion .wrapper--case .heading--h3 {
		padding-right: 10%;
	}
}

/* sp */
#result .sp{
  display: none;
}
@media(max-width:768px){
	#front .scroll-wrapper,
	#result .scroll-wrapper {
		min-height: 300px;
	}

	/*----------------------------------------
	ポップアップパーツ
	----------------------------------------*/
	#front .sec_mv .text-box > img:nth-of-type(1) {
		top: -12vw;
		left: calc(50% - 45%);
		max-width: 17vw;
	}
	#front .sec_mv .text-box > img:nth-of-type(2) {
		top: -12vw;
		left: calc(50% + 35%);
		max-width: 17vw;
	}
	#front .sec_mv .text-box > img:nth-of-type(3) {
		top: 22vw;
		left: calc(50% + 24%);
		max-width: 21vw;
	}
	#front .wrapper{
		border-radius: 50px;
	}
	#front .wrapper .material1 {
		width: 71px;
		top: 4vw;
		left: 78%;
	}
	#front .wrapper .material2 {
		width: 43px;
		top: 302px;
		left: -20px;
	}
	#front .wrapper .material3 {
		width: 75px;
    top: 260px;
    left: calc(100% - 10px);
	}
	#front .wrapper .material4 {
		width: 45px;
    top: 420px;
    right: 93%;
	}
	#front .wrapper .material5 {
		width: 60px;
		top: 480px;
		left: calc(100% - 10px);
	}
	#front .wrapper .material6 {
		width: 50px;
		top: 650px;
		left: -25px;
	}
	#front .wrapper .material7 {
		width: 65px;
		top: 830px;
		left: calc(100% - 10px);
	}
	#front .wrapper .material8 {
    width: 60px;
    top: 850px;
    left: -35px;

	}
	/*----------------------------------------
	font-size
	----------------------------------------*/
	#front .sec_intro > p{
		font-size: 13px;
		line-height: 2;
	}
	#front .sec_intro .container-l p,
	#front .sec_intro .container-l a{
		font-size: 11px;
	}
	#front .wrapper .scroll-wrapper {
		margin: 45px 10px 0 20px;
		padding-right: 5px;
	}
	#front .wrapper h2 {
		font-size: 8vw;
	}
	#front .wrapper h3 {
		font-size: 4.5vw;
		padding:0;
	}
	#front .wrapper h3::before {
		font-size:16px;
		bottom: 90%;
	}
	#front .wrapper .question{
		font-size:3.1vw;
	}
	#front .wrapper .question .number {
		font-size: 9.3vw;
		margin-right:3vw;
	}
	#front .wrapper .answer {
		margin-left: 12vw;
	}
	#front .wrapper .answer label{
		margin: 5px 0;
		font-size: 14px;
	}
	#front #sec_submit{
		width: 90%;
	}
	@media(max-width:580px){
		#front .wrapper .goto {
			font-size: 16px;
			height: 46px;
		}
	}
	@media(max-width:450px){
		#front .wrapper h3::before {
			font-size:12px;
		}
	}
	/*----------------------------------------
	check-box
	----------------------------------------*/
	#front input[type="checkbox"]::before {
		width:20px;
		height: 20px;
	}
	#front input[type="checkbox"] {
		top:2px;
	}
	#front .wrapper .answer label {
		padding-left: 30px;
	}
	#front input[type="checkbox"]::after {
		border-bottom: 3px solid #231815;
		border-left: 2px solid #231815;
		transform: rotate(-45deg);
		top: 3px;
		left: 2px;
	}
	@media(max-width:580px){
		#front .wrapper .answer {
			display: block;
		}
		#front .wrapper .answer label{
			width:100%;
		}
	}

	/*--------------------------------------------------------------------------
	resultページ
	--------------------------------------------------------------------------*/
	/*----------------------------------------
	resultページ 共通パーツとそれに付随するvariables
	----------------------------------------*/
	#result #sec_education,
	#result #sec_awareness,
	#result #sec_next-education,
	#result #sec_visualization,
	#result #sec_work-life,
	#result #sec_diversity,
	#result #sec_structure,
	#result #sec_communication,
	#result #sec_sdgs {
		margin-bottom: 60px;
	}
  #result .pc{
    display: none;
  }
  #result .sp{
    display: block;
  }
	/*----------------------------------------
	CASE .wrapper--case
	----------------------------------------*/
	#result .wrapper--case .case-box {
		width: 17.4vw;
	}
	#result #sec_education .wrapper--case .case-box {
		padding: 0.9vw;
	}
	#result .wrapper--case .case-box .case-txt {
		font-size: 2.9vw;
	}
	#result .wrapper--case .case-box .case-num {
		font-size: 3.4vw;
	}
	#result .wrapper--case .case-box .case-num span {
		font-size: 8vw;
		margin-left:1.7vw
	}
	/*----------------------------------------
	>>解決できる課題 >>活かせる強み .wrapper--issues-strength
	----------------------------------------*/
	@media(max-width:600px){
		#result .wrapper--issues-strength {
			display: block;
		}
		#result .wrapper--issues-strength .wrapper--issues,
		#result .wrapper--issues-strength .wrapper--strength {
			width: 100%;
			margin-bottom: 10px;
		}
		#result .wrapper--issues-strength .list--issues .list-item,
		#result .wrapper--issues-strength .list--strength .list-item {
			width: auto;
		}
	}
	@media(max-width:500px){
		#result .wrapper--issues-strength .list--issues .list-item,
		#result .wrapper--issues-strength .list--strength .list-item {
			max-width: none !important;
			width: 100% !important;
		}
	}
	@media screen and (max-width: 1385px) {
		#result .wrapper--issues-strength .list--strength .list-item:nth-child(2) {
			max-width: 230px;
			width: 90%;
		}
		#result .wrapper--issues-strength .list--strength .list-item:nth-child(3) {
			max-width: 200px;
			width: 75%;
		}
		#result .wrapper--issues-strength .list--strength .list-item:nth-child(4) {
			display: block;
			max-width: 134px;
			width: 50%;
		}
	}
	/*----------------------------------------
	feature-txt / heading / その他共通パーツ
	----------------------------------------*/
	#result .heading-wrapper--h4 .treat--glass {
		width: 10vw;
	}
	#result .heading-wrapper--h4 .heading--h4 {
		font-size: 18px;
		width: 100%;
	}
	#result .more-wrapper {
		display: block;
	}
	#result .more-wrapper .more-wrap {
		min-width: 200px;
		width: 200px;
	}
	#result .more-wrapper .more-wrap .r-arrow-wrap {
		transform: rotate(90deg);
	}
	#result .more-wrapper .link-wrap {
		width: 100% !important;
	}
	#result .more-wrapper .link {
		padding-left: 0;
		line-height: 1.5;
	}
	#result .more-wrapper > .link {
		width: 100%;
		padding-top: 5px;
	}
	#result #sec_mv .deco-2 {
		top:40% ;
		min-width: 60px;
	}
	#result #sec_mv .deco-3 {
		min-width: 70px;
	}
	#result #sec_mv .deco-4 {
		min-width: 80px;
	}

	/*----------------------------------------
	sec_mv
	----------------------------------------*/
	#result #sec_mv {
		position: relative;
		padding-top: 0;
    background-image: url("../img/result/mv-deco--1.svg");
		background-color: #F0F0F3;
		height:64vw;
    background-repeat:no-repeat;
    background-position: center 101%;
	}
  #result #sec_mv .deco-bg{
    display: none;
  }
  #result #sec_mv .deco-1{
    display: none;
  }
	#result .sec_mv--inner .mv-heading {
		font-size: 5vw;
    margin-bottom: 40px;
    margin-top: 20px;
	}
	#result .mv-txt {
		width: 90%;
		margin:0 auto;
		font-size: 13px;
		line-height: 2;
	}
	/*----------------------------------------
	sec_practice
	----------------------------------------*/
	#result #sec_practice {
		width: 90%;
		padding: 30px 10px 100px 20px;
		border-radius: 50px;
	}
	#result .scroll-wrapper {
		padding-right: 5px;
	}
	#result #sec_practice .heading-wrapper--h2 .sub-heading--h2 {
		font-size: 3.8vw;
	}
	#result #sec_practice .heading-wrapper--h2 .heading--h2 {
		font-size: 7.4vw;
	}
	#result #sec_practice .heading-wrapper--h2 .heading--h2 span {
		font-size:5.3vw;
	}
	#result #sec_practice .practice-deco {
		width: 16vw;
		top:-5%;
		left:82%;
	}
	#result #sec_practice .deco1 {
		left: -50px;
    max-width: 70px;
    width: 100%;
	}
	#result #sec_practice .deco2 {
		right: -50px;
		top:290px;
    max-width: 60px;
	}
	#result #sec_practice .deco3 {
		left: -40px;
    max-width: 60px;
	}
	#result #sec_practice .deco4 {
		right: -45px;
    top: 510px;
    max-width: 53px;
	}
	#result #sec_practice .deco5 {
		right: -45px;
    bottom: 10px;
    max-width: 50px;
	}
  @media(max-width:500px){
    #result #sec_mv .deco-2 {
      min-width: 40px;
    }
    #result #sec_mv .deco-3 {
      min-width: 30px;
    }
    #result #sec_mv .deco-4 {
      min-width: 23px;
    }
  }
	#result .wrapper--case .heading--h3 {
		font-size:20px;
		width: calc(100% - 20vw);
	}
	#result #sec_next-education .txt-img-wrapper {
		display: block;
	}
	#result #sec_next-education .txt-img-wrapper .feature-txt--2 {
		width: 100%;
	}
	#result #sec_next-education .txt-img-wrapper .character-img {
		float: right;
	}
}