@charset "UTF-8";
/*******************************************************************************
	サイト名：
	作成会社：Fellow System
--------------------------------------------------------------------------------
 No.│   日付   │区分│						内  容
━━┿━━━━━┿━━┿━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 001│2018.01│新規│[V1.00] 山本
*******************************************************************************/

/*******************************************************************************
	デフォルトセッティング
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
@font-face {
	font-family: "impact";
	src: url("../fonts/impact.woff") format("woff"), url("../fonts/impact.eot") format("eot");
}

@font-face {
	font-family: "unryu";
	src: url("../fonts/KswUnryuNew.woff") format("woff");
}

html,
body {
	height: 100%;
}

  :root {
    --brand-color: #004098;
    --text-color: #333;
    --background-color: #fff;
    --footer-background: #2c3e50;
  }

.font-impact {
	font-family: "impact";
}

.font-unryu {
	font-family: "unryu";
}

.font_bebas {
	font-family: "Bebas Neue", "serif";
}

body {
	color: black;
	color: #313131;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.15;

	/*-webkit-text-size-adjust: 100%;*/
	-webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 834px) {
	/* レスポンシブ検証用 */
	/*body {
        -ms-overflow-style: none;    /* IE, Edge 対応 */
	/*scrollbar-width: none;       /* Firefox 対応 */
	/*}
    body::-webkit-scrollbar {
        /* Chrome, Safari 対応 */
	/*display: none;
    }*/
}

nav ul {
  display: block;
  /* margin-left: 1.5rem; */
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	background: transparent;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
	outline: 0;
}

*::before,
*::after {
	box-sizing: border-box;
}

ul,
ol {
	list-style: none;
}

a {
	color: #555555;
	transition: all 0.5s;
}

a:hover {
	opacity: 0.8;
}

img,
video {
	display: block;
}

.clearfix:after {
	display: block;
	clear: both;
	text-decoration: none;
	content: "";
}

::placeholder {
	font-weight: 500;
}

input[type="radio"],
input[type="checkbox"] {
	display: inline-block;
	width: auto !important;
	height: auto !important;

	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	appearance: auto !important;
}

input,
textarea,
select {
	display: block;
	width: 100%;
	padding: 0.5em;
	border-style: solid;
	border-color: #e6e6e6;
	border-radius: 0;
	font-size: 1em;
	outline: none;

	/* 	ラジオボタン,チェックボタンがiPhoneで表示されないのでコメントアウト
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; */
}

input:focus,
textarea:focus,
select:focus {
	border-width: 2px;
	border-color: #313131;
	border-radius: 5px;
}

.table-contact_form input,
.table-contact_form select {
	height: 50px;
}

select {
	padding-left: 1rem;
	background-color: #e0e0e0;
	background-repeat: no-repeat;
	background-position: right 10px center;
	color: #313131;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 2;

	-webkit-appearance: none;
	appearance: none;
	/* デフォルトのスタイルを無効 */
}

select::-ms-expand {
	display: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
	-webkit-box-sizing: border-box;
	cursor: pointer;

	-webkit-appearance: button;
	appearance: button;
}

input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}

input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	outline-offset: -2px;
}

button:disabled {
	border-color: transparent;
	background-color: #e0e0e0;
	color: #484848;
	cursor: not-allowed;
}

button:disabled .right-arrow::before {
	color: #484848;
}

.wrapper {
	position: relative;
	overflow: hidden;
}


.no_image {
	display: flex;
	font-size: 1.5em;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.link_disabled {
	pointer-events: none;
}

.link_disabled_recruits {
	pointer-events: initial !important;
}

/*******************************************************************************
	共通部
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/

@charset "UTF-8";

/******************************************************************************
	ローダー
******************************************************************************/
.loader {
	position: fixed;
	top: -9999px;
	left: -9999px;
	z-index: 999999;
	overflow: hidden;
	width: 0;
	height: 0;
	box-sizing: border-box;
	background-color: #1a3465 !important;
	background-image: url(../images/load_bg.png);
	background-repeat: no-repeat;
	color: #ffffff;
	;
}

/*.loader.load-bg {
}*/

@media screen and (min-width: 1921px) {
	.loader {
		background-position: left 61.5% top 75%;
		background-size: 1130px;
	}
}
@media screen and (max-width: 1920px) {
	.loader {
		background-position: left clamp(2.5rem, -7.512rem + 42.72vw, 43.75rem) top clamp(6.25rem, 5.416rem + 3.56vw, 9.688rem);
		background-size: clamp(34.375rem, 25.576rem + 37.54vw, 70.625rem);
	}
}

.loader:after , .loader:before {
	display: none;
	box-sizing: border-box;
}


.loader.is-active {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255);
	font-family: Impact;
}






.loader-curtain::before , .loader-curtain::after {
	display: block;
	position: absolute;
	left: 50%;
	overflow: hidden;
	max-width: 238px;
	width: 100%;

/*font-family: Impact;
	font-size: 70px;*/
	content: "";

	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center top;
	-webkit-mask-position: center top;
	mask-image: url(../images/load_logo.png);
	-webkit-mask-image: url(../images/load_logo.png);
	aspect-ratio: 238/237;
}

.loader-curtain::before {
	top: 50%;
	transform: translate(-50% , -50%);
	background-color: #ffffff;
	opacity: 0;
	animation: fadeLoad 2s linear infinite alternate both;
	animation-delay: 0.5s;
}
/*.loader-curtain::after {
	top: 50%;
	transform: translate(-50% , 0);
	height: 0;
	margin-top: -118px;
	animation: curtain 1s linear infinite alternate both;
}*/




/*.loader-curtain[data-curtain-text]:not([data-curtain-text=""]):after , .loader-curtain[data-curtain-text]:not([data-curtain-text=""]):before {
	content: attr(data-curtain-text);
}
.loader-curtain[data-brazilian]:before {
	background-color: #f1c40f;
}
.loader-curtain[data-brazilian]:after {
	background-color: #2ecc71;
}
.loader-curtain[data-colorful]:before {
	animation: maskColorful 2s linear infinite alternate both;
}
/*.loader-curtain[data-colorful]:after {
	animation: curtain 1s linear infinite alternate both,maskColorful-front 2s 1s linear infinite alternate both;
	color:#000
}
@keyframes maskColorful{
	0%{color:#00A7EB}
	49.5%{color:#0057AA}
	50.5%{color:#00A49E}
	to{color:#1174BD}}
	@keyframes maskColorful-front{
		0%{color:#EC3700}
		49.5%{color:#2ecc71}
		50.5%{color:#00A7EB}
		to{color:#0057AA}
	}
	@keyframes curtain{0%{height:0}to{height:84px}} */
/*.loader-curtain[data-colorful]:after {
	color: #000000;
	animation: curtain 1s linear infinite alternate both,maskColorful-front 2s 1s linear infinite alternate both;
;
}*/


@keyframes fadeLoad {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes maskColorful {
	0% {
		background-color: #ffffff;
	}
	49.5% {
		background-color: #ffffff;
	}
	50.5% {
		background-color: #e74c3c;
	}
	to {
		background-color: #e74c3c;
	}
}

@keyframes maskColorful-front {
	0% {
		background-color: #2ecc71;
	}49.5% {
		background-color: #2ecc71;
	}50.5% {
		background-color: #f1c40f;
	}to {
		background-color: #f1c40f;
	}
}

@keyframes curtain {
	0% {
		height: 0;
	}to {
		height: 237px;
	}
}


/* ローダー */
#loader {
	display: flex;
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #ffffff;
	justify-content: center;
	align-items: center;
	transition: all 1s;
}

.loaded,
#loader.loaded:before,
#loader.loaded:after {
	visibility: hidden;
	opacity: 0;
}

#loader img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	max-width: 360px;
	width: 75%;
	margin: 0 auto;
}

/* CSSアニメーション */
.spinner {
	position: relative;
	overflow: hidden;
	transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	width: 1em;
	height: 1em;
	margin: 72px auto;
	border-radius: 50%;
	color: red;
	font-size: 90px;
	text-indent: -9999em;
	animation: load 1.7s infinite ease, round 1.7s infinite ease;
	-webkit-animation: load 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}

	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@keyframes load {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}

	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}

	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}

	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}

	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@-webkit-keyframes round {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@keyframes round {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

.fixed_bg {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	width: 1920px;
	opacity: 0;
	/*animation: FadeIn 1.5s ease-in-out forwards;
	-webkit-animation: FadeIn 1.5s ease-in-out forwards;*/
}
.fixed_bg.opening {
	animation: FadeIn 1.5s ease-in-out forwards;
	-webkit-animation: FadeIn 1.5s ease-in-out forwards;
}
.fixed_bg.opening {
	animation-delay: 0.1s;
}
@keyframes FadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes FadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (max-width: 834px) {
	.fixed_bg {
		display: none;
	}
}

/* 共通タイトル*/
.common_title-container {
	margin-bottom: 40px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}

.common_title-container h2 {
	display: flex;
	position: relative;
	font-weight: bold;
	justify-content: center;
	align-items: center;
}

.home .common_title-container h2 {
	padding: 0;
	font-weight: 500;
	font-family: Impact;
	letter-spacing: 16px;
}

.common_title-container h2::before,
.common_title-container h2::after {
	position: absolute;
	top: 50%;
	z-index: -1;
}

.top-h2-style {
	padding: 0;
	font-weight: 500 !important;
	font-family: Impact;
	letter-spacing: 16px;
	text-shadow: 0px 0px 6px #1b3465 !important;
}
.top-h2-style .part-text {
	font-size: 89px;
}

@media screen and (min-width:768px) {
	.common_title-container {
		padding: 150px 0;
		background-image: url(../images/sanwa-style.png);
		background-repeat: no-repeat;
		background-position-y: bottom;
	}

	.common_title-container h2 {
		padding: 17px 0;
		padding: 0;
		font-size: 58px;
	}

	.home .common_title-container h2 {
		font-size: 74px;
	}

	.common_title-container h2::before,
	.common_title-container h2::after {
		height: 65px;
	}

	.home .common_title-container h2::before,
	.home .common_title-container h2::after {
		top: 66.5%;
	}
}

@media screen and (max-width:767px) {
	.common_title-container {
		padding: 80px 0 35px;
		background-image: url(../images/common_title-bg.png);
		background-size: 270px 185px;
	}

	.home .common_title-container {
		padding: 56px 0 21px;
		line-height: 1.18;
	}

	.common_title-container h2 {
		padding: 17.5px 0;
		font-size: 31px;
	}

	.common_title-container h2::before,
	.common_title-container h2::after {
		height: 65px;
	}
}












/*******************************************************************************
	共通部
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
/* header */
/*body.active {
    -ms-overflow-style: none;    /* IE, Edge 対応 */
/*scrollbar-width: none;       /* Firefox 対応 */
/*}
body.active::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
/*display: none;
}*/
.header {
	display: flex;

	/*position: fixed;*/
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100px;
	align-items: center;
}

.home .header {
	opacity: 0;
}

/*
.header.end_spill {
	animation: FadeIn 1.5s ease-in-out 3s forwards;
	-webkit-animation: FadeIn 1.5s ease-in-out 3s forwards;
}*/
.header.active {
	height: 100vh;
	align-items: baseline;
}

.header_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.site_title {
	display: flex;
	position: relative;
	height: 60px;
	align-items: center;
}

/* ハンバーガーボタン */
.navToggle,
.navToggle span {
	display: block;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.navToggle {
	position: relative;
	z-index: 9999;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	padding-top: 10px;
	background-color: #1a3465;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}

.toggle_line {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 34px;
	height: 20px;
	margin-top: 6px;
}

.navToggle span {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
}

.navToggle span:nth-child(1) {
	top: 0;
}

.navToggle span:nth-child(2) {
	top: 9px;
}

.navToggle span:nth-child(3) {
	bottom: 0;
}

.motion_union span:nth-of-type(1) {
	animation: union-bar01 0.75s forwards;
	-webkit-animation: union-bar01 0.75s forwards;
}

@-webkit-keyframes union-bar01 {
	0% {
		-webkit-transform: translateY(9px);
	}

	50% {
		-webkit-transform: translateY(9px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes union-bar01 {
	0% {
		transform: translateY(9px);
	}

	50% {
		transform: translateY(9px);
	}

	100% {
		transform: translateY(0);
	}
}

.motion_union span:nth-of-type(2) {
	opacity: 1;
	transition: all 0.25s 0.25s;
}

.motion_union span:nth-of-type(3) {
	animation: union-bar02 0.75s forwards;
	-webkit-animation: union-bar02 0.75s forwards;
}

@-webkit-keyframes union-bar02 {
	0% {
		-webkit-transform: translateY(-9px);
	}

	50% {
		-webkit-transform: translateY(-9px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes union-bar02 {
	0% {
		transform: translateY(-9px);
	}

	50% {
		transform: translateY(-9px);
	}

	100% {
		transform: translateY(0);
	}
}

.motion_union.active span:nth-of-type(1) {
	animation: active-union-bar01 0.75s forwards;
	-webkit-animation: active-union-bar01 0.75s forwards;
}

@-webkit-keyframes active-union-bar01 {
	0% {
		-webkit-transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(9px);
	}

	100% {
		-webkit-transform: translateY(5px);
	}
}

@keyframes active-union-bar01 {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(9px);
	}

	100% {
		transform: translateY(5px);
	}
}

.motion_union.active span:nth-of-type(2) {
	opacity: 0;
}

.motion_union.active span:nth-of-type(3) {
	animation: active-union-bar03 0.75s forwards;
	-webkit-animation: active-union-bar03 0.75s forwards;
}

@-webkit-keyframes active-union-bar03 {
	0% {
		-webkit-transform: translateY(0);
	}

	50% {
		-webkit-transform: translateY(-9px);
	}

	100% {
		-webkit-transform: translateY(-5px);
	}
}

@keyframes active-union-bar03 {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-9px);
	}

	100% {
		transform: translateY(-5px);
	}
}

.menu_bg1 {
	background: #1a3465;
}

.menu_bg2 {
	background: #1374bd;
}

.menu_bg3 {
	background: #1ba7eb;
}

.menu_bg4 {
	background: #17a49e;
}

.site_title h1 {
	position: relative;
	z-index: 9999;
	width: 163px;
}

.site_title h1 img {
	width: 100%;
}

.toggle_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity: 0;
}

.site_title.active .toggle_img {
	opacity: 1;
	transition: 0.6s 0.3s ease-in-out;
	-webkit-transition: 0.6s 0.3s ease-in-out;
}

.site_title.active img:not(.toggle_img) {
	opacity: 0;
	transition: 1s 0.2s ease-in-out;
	-webkit-transition: 1s 0.2s ease-in-out;
}


.global_menu {
	font-weight: bold;
	font-size: 18px;
}

.global_menu.active {
	background-image: url(../images/menu_bg_opacity.png);
	background-repeat: no-repeat;
	font-weight: normal;
}

.global_menu.active a {
	color: #ffffff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

header[data-astro-cid-3ef6ksr2] {
	padding: initial !important;
}

@media screen and (min-width: 768px) {
	.header {
		position: fixed;
		height: 100px;
		background-color: rgba(255, 255, 255, 0.9);
	}

	.site_title.active {
		top: 20px;
	}

	.global_menu.active {
		padding-top: 100px;
		background-size: 520px;
		font-size: 19px;
	}

	.global_menu.active ul {
		max-width: 800px;
		width: calc(100% - 120px);
		margin: 0 auto;
	}

	.global_menu.active ul li:not(:first-child) {
		margin-top: 35px;
	}

	@media screen and (min-width: 1001px) {
		.global_menu.active {
			background-position: left 80% top 80%;
		}
	}

	@media screen and (max-width: 1000px) {
		.global_menu.active {
			background-position: left 290px top 575px;
		}
	}

	@media screen and (min-width: 1921px) {
		.header_content {
			width: 100%;
			padding: 0 50px;
		}
	}

	@media screen and (max-width: 1920px) {
		.header_content {
			max-width: 1820px;
			width: 95%;
			margin: 0 auto;
		}
	}
}


@media screen and (max-width: 767px) {
	.header {
		position: relative;
		height: 80px;
	}

	.header.active {
		position: fixed;
	}

	.header .site_title h1 {
		margin-left: 70px;
	}

	.header_content {
		padding: 0 10px;
	}

	.navToggle {
		position: fixed;
	}

	.site_title.active {
		top: 10px;
	}

	.global_menu.active {
		padding-top: 100px;
		background-position: left 150px top 110%;
		background-size: 274px;
		font-size: 15px;
	}

	.global_menu.active ul {
		margin: 0 40px;
	}

	.global_menu.active ul li:not(:first-child) {
		margin-top: 25px;
	}

	@media screen and (max-width: 320px) {
		.global_menu.active {
			background-position: left 140px bottom -100px;
		}

		@media screen and (max-height: 480px) {
			.global_menu.active {
				background-position: left 170px top 350px;
			}
		}
	}
}

@media screen and (min-width: 1001px) {
	.header.active .header_content {
		max-width: inherit;
	}

	.global_menu.active {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		overflow-y: scroll;
		width: 100%;
		height: 100%;
		color: #000000;
		transition: all 0.6s;
		animation: menu 0.6s forwards;
	}

	@keyframes menu {
		0% {
			transform: translateY(-1200%);
		}

		100% {
			transform: translateY(0%);
		}
	}

	.global_menu ul {
		display: flex;
		justify-content: space-between;
	}

	.global_menu.active ul {
		flex-direction: column;
	}

	.global_menu ul li {
		position: relative;
		padding: 18.5px 0;
	}

	.global_menu ul li:nth-last-of-type(-n+2) {
		display: none;
	}

	.global_menu.active ul li:nth-last-of-type(-n+2) {
		display: block;
	}

	.global_menu.active ul li {
		padding: 0;
	}

	.global_menu li::after {
		position: absolute;
		bottom: 0;
		left: 0;
		transform: scale(0, 1);
		transform-origin: left top;
		width: 100%;
		height: 10px;
		border-top: 5px solid #0064b2;
		border-bottom: 5px solid #0097d0;
		content: "";
		transition: transform 0.3s;
	}
	.global_menu.active li::after {
		content: none;
	}

	.globalmenu.hover ul li::after {
		transform-origin: right top;
		transition: transform 0.25s;
	}

	.global_menu li:hover::after,
	.global_menu ul li.link_disabled::after,
	.global_menu.hover ul li.link_disabled:hover::after {
		transform: scale(1);
	}

	.global_menu.hover ul li.link_disabled::after {
		transform: scale(0, 1);
	}

	.global_menu.active li:hover::after,
	.global_menu.active ul li.link_disabled::after,
	.global_menu.active.hover ul li.link_disabled:hover::after {
		display: none;
	}

	.global_menu li.active::after,
	.global_menu li:hover::after,
	.global_menu ul li.link_disabled::after {
		transform: scale(1);
	}

	.globalmenu.active.hover ul li::after {}

	/*.global_menu ul li.link_disabled::after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 10px;
		border-top: 5px solid #1687d1;
		border-bottom: 5px solid #65c8c4;
		content: "";
	}*/
	.global_menu.active ul li.link_disabled::after {
		display: none;
	}

	@media screen and (min-width: 1311px) {
		.global_menu {
			max-width: 1025px;
			width: 100%;
		}

		.global_menu.active {
			max-width: inherit;
		}
	}

	@media screen and (max-width: 1310px) {
		.global_menu {
			width: 75.3047%;
		}
	}
}

@media screen and (max-width: 1000px) {
	.global_menu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		overflow-y: scroll;
		transform: translateY(-1200%);
		width: 100%;
		height: 100%;
		color: #000000;
		font-size: 15px;
		transition: all 0.6s;
	}

	.global_menu.active {
		transform: translateY(0%);
	}
}



/* footer */
.footer {
	background-color: #1a3465;
}

.footer,
.footer a {
	color: #ffffff;
}

.footer_content {
	display: flex;
}

.footer_logo {
	display: flex;
	align-items: flex-end;
}

.footer_logo span {
	display: inline-block;
	white-space: nowrap;
}

.footer_nav li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.footer_nav li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.footer_nav li a {
	display: block;
	padding: 11.9px 0 11.9px 10px;
}

.footer_nav li a:hover {
	color: #ff3a3a;
}

.footer small {
	display: block;
	color: #a5a5a5;
	font-weight: normal;
	font-size: 15px;
	white-space: nowrap;
}

@media screen and (min-width: 768px) {
	.footer {
		position: relative;
		padding: 80px 0;
	}

	.footer_content {
		width: 95%;
		margin: 0 auto;
	}

	.footer_logo span {
		padding-bottom: 18px;
		font-size: 34px;
	}

	.footer_nav {
		font-size: 15px;
	}

	.footer_logo img {
		max-width: 318px;
		width: 100%;
		margin-right: 40px;
	}

	.footer small {
		position: absolute;
		bottom: 15px;
		left: 50%;
		z-index: 1;
		transform: translateX(-50%);
	}

	@media screen and (min-width: 835px) {
		.footer_content {
			max-width: 1000px;
			flex-direction: row-reverse;
			justify-content: flex-end;
			align-items: center;
		}

		.footer_nav {
			max-width: 315px;
			width: 31.5%;
			margin-right: 45px;
		}

		@media screen and (max-width: 980px) {
			.footer_nav {
				margin-right: 4.9189%;
			}

			.footer_logo img {
				width: 54.7083%;
				margin-right: 4.0816vw;
			}

			.footer_logo span {
				padding-bottom: 3.0967%;
				font-size: 3.4694vw;
			}
		}
	}

	@media screen and (max-width: 834px) {
		.footer_content {
			max-width: 580px;
		}
	}
}

@media screen and (max-width: 834px) {
	.footer_content {
		flex-direction: column;
	}

	.footer_logo {
		margin-bottom: 25px;
	}
}

@media screen and (max-width: 767px) {
	.footer {
		padding: 25px 0 20px;
	}

	.footer_content {
		width: calc(100% - 60px);
		margin: 0 30px 20px;
	}

	.footer_logo img {
		max-width: 158px;
		width: 100%;
		margin-right: 20px;
	}

	.footer_logo span {
		padding-bottom: 9px;
		font-size: 17px;
	}

	.footer small {
		display: block;
		margin-left: 40px;
		color: #a5a5a5;
		font-weight: normal;
		font-size: 15px;
		white-space: nowrap;
	}

	@media screen and (max-width: 360px) {
		.footer_logo img {
			width: 52.6667%;
			margin-right: 6.6667%;
		}

		.footer_logo span {
			padding-bottom: 3%;
			font-size: 4.7223vw;
		}
	}
}

/*******************************************************************************
	デフォルトセッティング
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
.common_page-title {
	display: flex;
	position: relative;
	z-index: 1;
	margin-bottom: 45px;
	padding: 0.8em 0 0.2em;
	color: #ffffff;
	font-family: 'impact';
	font-weight: 700 !important;
	font-size: 50px;
	font-size: clamp(1.75rem, -1.955rem + 7.72vw, 3.125rem);
	letter-spacing: 0.2em;
	text-shadow: 0px 0px 6px #1b3465;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.common_page-title::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	max-width: 640px;
	width: clamp(23.438rem, -21.194rem + 92.98vw, 40rem);
	background-image: url(/images/common_page-titlebg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	content: "";

	aspect-ratio: 128/27;
}
.common_page-title span:lang(en) {
	display: block;
	margin-top: 0.5208vw;
	font-family: "impact";
	font-weight: normal;
	font-size: clamp(0.875rem, 0.37rem + 1.05vw, 1.063rem);
	letter-spacing: 0.2em;
}


/*******************************************************************************
	求人情報
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
.area table dl dt::after {
	content: "：";
}

.float_table dt {
	float: left;
	clear: both;
}

.float_table dd {
	display: flex;
}

.flex_table {
	display: flex;
	flex-wrap: wrap;
}

.flex_table dt {
	display: flex;
	width: 75px;
	justify-content: space-between;
}

.flex_table dd {
	width: calc(100% - 75px);
}


/*tabの形状*/
.tab_menu ul {
	display: flex;
	flex-wrap: wrap;
}

.tab_menu li a {
	display: block;
	margin: 0 2px;
	padding: 10px 20px;
	background: #dddddd;
}

/*liにactiveクラスがついた時の形状*/
.tab_menu li.active a {
	background: #ffffff;
	pointer-events: none;
}


/*エリアの表示非表示と形状*/
.tab_area {
	display: none;
	/*はじめは非表示*/
	background: #ffffff;
	opacity: 0;
	/*透過0*/
}

/*areaにis-activeというクラスがついた時の形状*/
.tab_area.is-active {
	display: block;
	/*表示*/
	animation-name: displayAnime;
	/*ふわっと表示させるためのアニメーション*/
	animation-duration: 2s;
	animation-fill-mode: forwards;
}

@keyframes displayAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}





/*******************************************************************************
	共通モジュール(仮)※PCデザインによって調整が必要になるかも？
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/



/*ローディングが表示されるエリアの設定*/
#infscr-loading {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

#infscr-loading img {
	width: 30px;
	/*ローディング画像のサイズ*/
}





/*タイムライン全体の設定*/
.timeline {
	max-width: 400px;
	width: 100%;
	margin: 50px auto;
	margin-top: 500px;
	padding: 0 30px;
}

.timeline li {
	/*線の起点とするためrelativeを設定*/
	position: relative;
	list-style: none;
	padding: 0 0 20px 0;
}

.timeline dl {
	margin: 0 0 20px 3em;
}

/*絶対配置で線を設定*/
.border-line {
	/*線の位置*/
	position: absolute;
	top: 0;
	left: 0.2em;
	width: 2px;
	/*線の太さ*/
	height: 0;
	/*はじめは高さを0に*/
	background: #cccccc;
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #666666;
	content: "";
}

/*タイムラインの見出し横の丸の位置と形状*/
/*.timeline li::after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:10px;
	height: 10px;
	background:#666;
	border-radius: 50%;
}*/


/*******************************************************************************
	事業内容
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
.page main {
	padding-bottom: 100px;
}

@media screen and (max-width:767px) {
	.page main {
		padding-top: 30px;
	}
}



/*******************************************************************************
	新・資格取得サポート
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
.step_container {
	background-repeat: no-repeat;
}

.step_container h3 {
	padding-bottom: 15px;

	/*border-bottom: 2px solid #1687d1;*/
	color: #1687d1;
	font-weight: 900;
	line-height: 1.5;
}

.first_view {
	display: flex;
	position: relative;
}

.first_view img {
	position: absolute;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.first_view figcaption {
	font-weight: normal;
	text-align: justify;
}

.first_view figcaption span {
	display: inline-block;
	position: relative;
}

.first_view figcaption span::after {
	display: block;
	position: absolute;
	bottom: 0;
	z-index: -1;
	width: 100%;
	background-color: #ffff00;
	content: "";
}

.middle_img-block {
	display: block;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.second_view {
	display: flex;
	position: relative;
	max-width: 1010px;
	margin-bottom: 10px;
	margin-left: 30px;
}

.second_view img {
	position: absolute;
	right: 0;
	bottom: 50px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.second_view figcaption {
	color: #ffffff;
}

.second_view h4 {
	font-weight: bold;
}

.second_view p {
	text-align: justify;
}

.middle_img2 {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;

	object-fit: cover;
}

.third_view {
	display: flex;
	position: relative;
	max-width: 1200px;
	justify-content: flex-end;
}

.third_view img {
	position: absolute;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.third_view figcaption {
	color: #ffffff;
}

.third_view h4 {
	font-weight: bold;
}

.third_view p {
	text-align: justify;
}

.middle_img3 {
	float: right;
}

.final_view {
	display: flex;
	position: relative;
	max-width: 960px;
	justify-content: flex-end;
}

.final_view img {
	position: absolute;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.final_view figcaption {
	display: flex;
	padding: 10px 0 0;
	font-weight: 900;
	font-size: 19px;
	text-align: center;
	flex-direction: column;
	align-items: center;
}

.final_view figcaption::before {
	display: block;
	transform: rotateZ(345deg);
	color: #ec371d;
	font-family: "Bebas Neue", "serif";
	font-weight: normal;
	content: "skill up!";
}

.final_view figcaption span {
	display: inline-flex;
	line-height: 1;
	align-items: flex-start;
}

.final_view figcaption span::before,
.final_view figcaption span::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #000000 transparent transparent transparent;
	border-radius: 2px;
	content: "";
}

.final_view figcaption span::before {
	transform: rotateZ(345deg);
}

.final_view figcaption span::after {
	transform: rotateZ(15deg);
}

/* 完成 */
.faq_container h3 {
	font-weight: normal;
	text-align: center;
}

.faq_container h3 .large_text,
.faq_container h3 .small_text {
	position: relative;
}

.faq_container h3 .large_text {
	color: #1057aa;
}

.faq_container h3 .small_text {
	color: #ec371d;
}

.faq_content {
	display: block;
	border-top: 2px solid #1687d1;
	border-bottom: 2px solid #1687d1;
}

.faq_content dt {
	font-weight: 500;
	line-height: 1.5;
	text-align: justify;
}

.faq_content dt:not(:nth-of-type(1)) {
	border-top: 1px solid rgba(112, 112, 112, 0.5);
}

.faq_content dd {
	padding-bottom: 20px;
	text-align: justify;
}


@media screen and (min-width: 768px) {
	.step_container {
		margin-bottom: 80px;
		background-image: url(../images/step_bg-pc.png);
		background-position: center top 110px;
		background-size: 2146px 3330px;
	}


	.step_container h3 {
		position: relative;
		max-width: 895px;
		width: 95%;
		margin: 0 auto 30px;
		padding-bottom: 45px;
		font-size: 49px;
	}

	.step_container h3::after {
		display: block;
		position: absolute;
		top: 100%;
		width: 80%;
		height: 2px;
		background-color: #1687d1;
		content: "";
	}

	.first_view {
		max-width: 895px;
		width: 95%;
		margin: 0 auto 60px;
	}



	.first_view img {
		top: -310px;
		right: 0;
		max-width: 335px;
	}

	.first_view figcaption {
		width: 391px;
		font-size: 23px;
		line-height: 1.98;
	}

	.first_view figcaption span::after {
		height: 20px;
	}

	.middle_img1 {
		max-width: 782px;
		width: 100%;
		margin-bottom: 55px;
	}

	@media screen and (max-width: 1160px) {
		.middle_img1 {
			width: 68.4165%;
		}
	}

	.middle_img1 {}

	.second_view {
		width: 95%;
		margin: 0 auto 0;
		padding-bottom: 155px;
	}

	.second_view img {
		width: 422px;
	}

	.second_view figcaption {
		width: 550px;
	}

	.second_view h4 {
		margin-bottom: 15px;
		font-size: 46px;
	}

	.second_view p {
		font-size: 18px;
		line-height: 1.65;
	}

	.middle_img2 {
		height: 515px;
		margin-bottom: 60px;
	}

	.third_view {
		margin: 0 auto 50px;
		padding-bottom: 247px;
	}

	@media screen and (min-width: 1281px) {
		.third_view {
			width: 95%;
		}
	}

	@media screen and (max-width: 1280px) {
		.third_view {
			width: 100%;
			padding-right: 2.5%;
		}
	}

	.third_view img {
		top: 40px;
		left: 0;
		width: 568px;
	}

	.third_view figcaption {
		position: relative;
		z-index: 1;
		width: 550px;
	}

	.third_view h4 {
		margin-bottom: 12px;
		font-size: 46px;
	}

	.third_view p {
		font-size: 18px;
		line-height: 1.95;
	}

	.third_view p br {
		display: none;
	}

	.middle_img3 {
		width: 782px;
		margin-bottom: 70px;
	}

	.final_view {
		width: 95%;
		margin: 0 auto;
		padding-right: 15px;
		padding-bottom: 108px;
	}

	.final_view img {
		bottom: 0;
		left: 0;
		max-width: 542px;
		width: 100%;
	}

	.final_view figcaption {
		padding: 10px 0 0;
		font-size: 48px;
	}

	.final_view figcaption::before {
		margin-bottom: 57px;
		font-size: 85px;
	}

	.final_view figcaption span {
		margin-top: 30px;
		font-size: 93px;
	}

	.final_view figcaption span::before,
	.final_view figcaption span::after {
		border-width: 110px 5px 0 5px;
	}

	.final_view figcaption span::before {
		margin-right: 20px;
	}

	.final_view figcaption span::after {
		margin-left: 10px;
	}

	@media screen and (max-width: 990px) {
		.second_view figcaption {
			max-width: 550px;
			width: calc(100% - 370px);
		}
	}

	@media screen and (max-width: 930px) {
		.step_container h3 {
			padding-bottom: 4.9289%;
			font-size: 5.2689vw;
		}

		.first_view img {
			width: 38.6237%;
		}

		.middle_img2 {
			height: 55.3764vw;
		}

		.third_view figcaption {
			max-width: 550px;
			width: 61.7848%;
		}
	}

	@media screen and (max-width: 780px) {
		.second_view h4 {
			font-size: 5.8541vw;
		}
	}

	@media screen and (max-width: 1028px) {
		.final_view {
			padding-bottom: 10.6825%;
		}

		.final_view img {
			width: 56.4584%;
		}

		.final_view figcaption {
			font-size: 4.6693vw;
		}

		.final_view figcaption::before {
			margin-bottom: 13.5377%;
			font-size: 8.2685vw;
		}

		.final_view figcaption span {
			margin-top: 7.1251%;
			font-size: 9.0234vw;
		}

		.final_view figcaption span::before,
		.final_view figcaption span::after {
			border-width: 10.7004vw 5px 0 5px;
		}
	}

	/* 完成 */
	.faq_container {
		margin-bottom: 75px;
	}

	.faq_container h3 {
		margin-bottom: 40px;
		font-size: 158px;
		letter-spacing: 25px;
	}

	.faq_container h3 .large_text {
		top: -21px;
		font-size: 260px;
	}

	.faq_container h3 .small_text {
		bottom: -3px;
		font-size: 210px;
	}

	.faq_content {
		max-width: 800px;
		width: 95%;
		margin: 0 auto;
	}

	.faq_content dt {
		padding-top: 25px;
		font-size: 25px;
	}

	.faq_content dd {
		padding-top: 30px;
		font-size: 18px;
		line-height: 1.95;
		text-indent: 18px;
	}
}

@media screen and (max-width: 767px) {
	.step_container {
		margin-bottom: 50px;
		background-image: url(../images/step_bg-mb.png);
		background-position: center top 80px;
		background-size: 925px 1404px;
	}



	.step_container h3 {
		max-width: 375px;
		width: calc(100% - 60px);
		margin: 0 auto 10px;
		padding-bottom: 15px;
		border-bottom: 2px solid #1687d1;
		font-size: 19px;
	}


	.first_view {
		max-width: 375px;
		width: calc(100% - 30px);
		margin: 0 auto 35px;
	}

	.first_view img {
		top: -110px;
		left: calc(100% - 117px);
		width: 127px;
	}

	.first_view figcaption {
		width: 210px;
		font-size: 12px;
		line-height: 1.7;
	}

	.first_view figcaption span::after {
		height: 8px;
	}

	.middle_img1 {
		width: 300px;
		margin-bottom: 35px;
	}

	.second_view {
		max-width: 375px;
		width: calc(100% - 30px);
		margin: 0 auto 10px;
		/*margin-bottom: 10px;
		margin-left: 30px;*/
	}

	.second_view img {
		width: 145px;
	}

	.second_view figcaption {
		width: 210px;
	}

	.second_view h4 {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.second_view p {
		font-size: 12px;
		line-height: 2;
	}

	.middle_img2 {
		height: 240px;
		margin-bottom: 25px;
	}

	.third_view {
		max-width: 380px;
		width: 100%;
		margin: 0 auto 20px;
		padding-right: 15px;

		/*width: calc(100% - 15px);
		margin-right: 15px;
		margin-bottom: 20px;*/
		padding-bottom: 15px;
	}

	.third_view img {
		top: 20px;
		right: calc(100% - 160px);
		width: 218px;
	}

	.third_view figcaption {
		width: 210px;
	}

	.third_view h4 {
		margin-bottom: 15px;
		font-size: 18px;
	}

	.third_view p {
		font-size: 12px;
		line-height: 2;
	}

	.middle_img3 {
		width: 300px;
		margin-bottom: 30px;
	}

	.final_view {
		max-width: 375px;
		width: 100%;
		margin: 0 auto;
		padding-right: 30px;
		padding-bottom: 50px;
	}

	.final_view img {
		top: 0;
		left: -10px;
		width: 208px;
	}

	.final_view figcaption {
		padding: 10px 0 0;
		font-size: 19px;
	}

	.final_view figcaption::before {
		margin-bottom: 20px;
		font-size: 33px;
	}

	.final_view figcaption span {
		margin-top: 10px;
		font-size: 36px;
	}

	.final_view figcaption span::before,
	.final_view figcaption span::after {
		border-width: 45px 2.5px 0 2.5px;
	}

	.final_view figcaption span::before {
		margin-right: 10px;
	}

	.final_view figcaption span::after {
		margin-left: 5px;
	}

	.middle_img-block {
		max-width: 500px;
	}

	@media screen and (max-width: 435px) {
		.first_view {
			margin-left: 30px;
		}

		.second_view {
			margin-left: 30px;
		}
	}

	@media screen and (max-width: 385px) {
		.second_view img {
			right: auto;
			left: 210px;
		}
	}

	@media screen and (max-width: 375px) {
		.middle_img1 {
			max-width: 300px;
			width: 80%;
		}

		.third_view img {
			right: 215px;
		}

		.final_view img {
			max-width: 208px;
			width: 55.4667%;
		}

		.final_view figcaption {
			font-size: 5.0027vw;
		}

		.final_view figcaption::before {
			margin-bottom: 20px;
			font-size: 8.8vw;
		}

		.final_view figcaption span {
			margin-top: 10px;
			font-size: 9.5361vw;
		}

		.final_view figcaption span::before,
		.final_view figcaption span::after {
			border-width: 12vw 2.5px 0 2.5px;
		}

		.final_view figcaption span::before {
			margin-right: 2.6666vw;
		}

		.final_view figcaption span::after {
			margin-left: 1.3332vw;
		}
	}

	@media screen and (max-width: 355px) {
		.first_view img {
			left: 208px;
		}
	}

	/* 完成 */
	.faq_container {
		margin-bottom: 50px;
	}

	.faq_container h3 {
		margin-bottom: 15px;
		font-size: 61px;
		letter-spacing: 10px;
	}

	.faq_container h3 .large_text {
		top: -9px;
		font-size: 100px;
	}

	.faq_container h3 .small_text {
		font-size: 81px;
	}

	.faq_content {
		margin: 0 30px;
	}

	.faq_content dt {
		padding-top: 20px;
		font-size: 19px;
	}

	.faq_content dd {
		padding-top: 10px;
		font-size: 13px;
		line-height: 1.7;
		text-indent: 13px;
	}
}

/*******************************************************************************
	サイトマップ
--------------------------------------------------------------------------------
	適応：全部
*******************************************************************************/
.sitemap_text {
	font-size: clamp(0.875rem, 0.37rem + 1.05vw, 1.063rem);
	line-height: clamp(1.5rem, 0.489rem + 2.11vw, 1.875rem);
}

.sitemap_nav {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}

.sitemap_nav-list {
	display: flex;
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: clamp(1.063rem, -0.285rem + 2.81vw, 1.563rem);
	flex-direction: column;
	flex-wrap: wrap;
}

@media screen and (min-width: 451px) {
	.sitemap_nav-list {
		max-height: 300px;
	}

	.sitemap_nav-item {
		width: 50%;
	}
}

.sitemap_nav-item a {
	display: block;
	position: relative;
	width: fit-content;
	padding: 0 5px 5px 10px;
	border-bottom: 2px solid #0e64b2;
	border-left: 5px solid #042d67;
}

.sitemap_nav-item a::after {
	position: absolute;
	top: 100%;
	width: 50%;
	height: 2px;
	content: "";
}

.sitemap_nav-item a::after {
	right: 0;
	background-color: #1797d0;
}

@media screen and (min-width: 768px) {
	#sitemap .main_container {
		padding-bottom: 100px;
	}

	.sitemap_text {
		margin-bottom: 40px;
		text-align: center;
	}

	.sitemap_nav {
		width: 95%;
	}

	.sitemap_nav-list {
		row-gap: 30px;
	}
}

@media screen and (max-width: 767px) {
	#sitemap .main_container {
		padding: 0 30px 50px;
	}

	.sitemap_text {
		margin-bottom: 30px;
		text-align: justify;
	}

	.sitemap_text br {
		display: none;
	}

	.sitemap_nav {
		width: 100%;
	}

	.sitemap_nav-list {
		row-gap: 20px;
	}
}