.nuxt-progress {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			height: 2px;
			width: 0;
			opacity: 1;
			transition: width .1s, opacity .4s;
			background-color: #000;
			z-index: 999999
		}

		.nuxt-progress.nuxt-progress-notransition {
			transition: none
		}

		.nuxt-progress-failed {
			background-color: red
		}

		@media only screen and (max-width:768px) {
			.pc {
				display: none !important
			}
		}

		@media only screen and (min-width:769px) {
			.sp {
				display: none !important
			}
		}

		@media only screen and (max-width:768px) {
			* {
				max-width: 100%;
				min-width: auto
			}

			.col {
				float: none
			}
		}

		.header .spHeaderMenu {
			display: none
		}

		@media only screen and (max-width:768px) {
			.header {
				position: sticky;
				top: 0;
				z-index: 100001;
				width: 100%;
				padding-bottom: 0;
				background-color: #fff;
				box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4)
			}

			.header .logo {
				display: flex;
				justify-content: center;
				width: 100%;
				margin: 0;
				padding: 0 50px 0 0
			}

			.header .spHeaderMenu {
				display: flex;
				flex-direction: column;
				justify-content: center
			}

			.header .spHeaderMenu .arrow {
				text-align: center;
				padding: 4px;
				font-size: 16px
			}

			.header .spHeaderMenu .arrow I {
				transform: rotate(180deg);
				transition-property: all;
				transition-duration: .4s
			}

			.header .spHeaderMenu .HeaderMenu {
				display: none
			}

			.header .spHeaderMenu .HeaderMenu .span_15 {
				width: 100%
			}

			.header .spHeaderMenu .HeaderMenu .span_15 .site-menu-area {
				text-align: center
			}

			.header .spHeaderMenu .HeaderMenu .span_15 .site-tools {
				text-align: center;
				padding: 0 4px
			}

			.header .spHeaderMenu .HeaderMenu .span_15 .site-tools .custom-search {
				text-align: center;
				width: 100%
			}

			.header .spHeaderMenu .HeaderMenu .span_15 .site-tools .custom-search .gsc-search-button {
				display: none
			}

			.header .spHeaderMenu .HeaderMenu .span_15 .fontarea {
				padding: 4px
			}

			.header .spHeaderMenu.open .arrow I {
				transform: rotate(0deg)
			}

			.header .spHeaderMenu.open .HeaderMenu {
				display: block
			}
		}

		.header .menuBtn {
			position: absolute;
			top: 20px;
			right: 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 40px;
			height: 30px;
			transition: all .5s;
			cursor: pointer
		}

		@media only screen and (max-width:768px) {
			.header .menuBtn {
				width: 30px;
				height: 20px
			}
		}

		@media only screen and (min-width:769px) {
			.header .menuBtn {
				display: none
			}
		}

		.header .menuBtn SPAN {
			background-color: #4763de;
			display: block;
			width: 40px;
			height: 2px;
			transition: all .5s
		}

		.header .menuBtn SPAN:after,
		.header .menuBtn SPAN:before {
			position: absolute;
			left: 0;
			content: "";
			width: 100%;
			height: 2px;
			background-color: #4763de;
			transition: all .5s
		}

		.header .menuBtn SPAN:before {
			top: 0
		}

		.header .menuBtn SPAN:after {
			bottom: 0
		}

		.header.isMenuOpen .menuBtn SPAN {
			background-color: transparent
		}

		.header.isMenuOpen .menuBtn SPAN:after,
		.header.isMenuOpen .menuBtn SPAN:before {
			top: 50%
		}

		.header.isMenuOpen .menuBtn SPAN:before {
			transform: rotate(45deg)
		}

		.header.isMenuOpen .menuBtn SPAN:after {
			transform: rotate(-45deg)
		}

		.spNavi {
			overflow: auto;
			width: 100%;
			height: calc(100vh - 67px);
			transform: translateX(-100%);
			position: fixed;
			top: 0;
			left: 0;
			margin: 67px 0 0;
			padding: 0 40px 30px 20px;
			z-index: 1;
			transition: z-index 0ms 1ms
		}

		@media only screen and (min-width:769px) {
			.spNavi {
				width: 377px;
				transform: translateX(-400px)
			}
		}

		@media only screen and (max-width:768px) {
			.spNavi {
				height: calc(100vh - 102px);
				margin-top: 102px
			}
		}

		@media only screen and (max-width:414px) {
			.spNavi {
				height: calc(100vh - 102px);
				margin-top: 97px
			}
		}

		.spNavi.open {
			display: block;
			transform: translateX(0);
			transition: all .3s;
			z-index: 100000
		}

		.spNavi>UL {
			list-style: none
		}

		.spNavi>UL>LI {
			position: relative;
			font-size: 150%
		}

		.spNavi>UL>LI A {
			display: block;
			padding: 10px;
			background-color: transparent;
			border-bottom: 1px solid #aaa;
			text-align: left;
			cursor: pointer;
			font-weight: 700;
			color: #333
		}

		.spNavi>UL>LI A:hover {
			background-color: hsla(0, 0%, 100%, .5)
		}

		.spNavi>UL>LI .toggleBtn {
			position: absolute;
			top: 10px;
			right: 10px;
			display: block;
			width: 36px;
			height: 36px
		}

		.spNavi>UL>LI .toggleBtn:after,
		.spNavi>UL>LI .toggleBtn:before {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			display: block;
			background-color: #eb8a23
		}

		.spNavi>UL>LI .toggleBtn:before {
			content: "";
			width: 16px;
			height: 2px
		}

		.spNavi>UL>LI .toggleBtn:after {
			content: "";
			width: 2px;
			height: 16px;
			transition: all .5s
		}

		.spNavi>UL>LI .toggleBtn.open:after {
			transform: translate(-50%, -50%) rotate(90deg);
			opacity: 0
		}

		.spNavi>UL>LI .toggleBtn+A {
			padding-right: 40px
		}

		.spNavi>UL>LI>UL {
			display: none
		}

		.spNavi>UL>LI>UL LI A {
			padding: 7px 7px 7px 30px;
			border-bottom: 1px dotted #969696;
			font-size: 80%
		}

		.spNaviOverlay {
			position: fixed;
			width: 100%;
			height: 100vh;
			top: 0;
			left: 0;
			opacity: 0;
			background: transparent;
			transform: translateX(0);
			transition: all .3s;
			visibility: hidden
		}

		@media only screen and (min-width:769px) {
			.spNaviOverlay {
				display: none
			}
		}

		.spNaviOverlay.have_curtain {
			display: block;
			opacity: 1;
			background: hsla(0, 0%, 100%, .95);
			visibility: visible;
			z-index: 4
		}

		@media only screen and (max-width:767px) {
			.spNaviOverlay.have_curtain {
				animation: backgroundVisualization .5s linear .2s forwards
			}
		}

		#nav {
			display: block
		}

		@media only screen and (max-width:768px) {
			#nav {
				display: none
			}
		}

		.footer,
		div#linktotop>p {
			max-width: 100%
		}

		.footer {
			min-width: auto
		}

		.footer .container {
			max-width: 100%
		}

		@media only screen and (max-width:768px) {
			.footer .footer-menu LI {
				padding: 4px;
				float: none
			}

			.footer .footer-menu LI:nth-child(2n) {
				display: none
			}
		}

		@media only screen and (max-width:768px) {
			.footer .copyright {
				width: 100%
			}

			.footer .copyright .footer-menu-info {
				text-align: center
			}

			.footer .copyright #copyright {
				text-indent: 0
			}
		}

		@media only screen and (max-width:768px) {
			DIV #contents {
				width: 100%
			}
		}

		.recruitSidemenu A {
			color: #333 !important
		}

		.recruitSidemenu A.nuxt-link-exact-active,
		.recruitSidemenu A:hover {
			color: #fff !important
		}

		.recruitSidemenu>LI#title {
			background-color: #f8f0e2 !important
		}

		.recruitSidemenu>LI#title A {
			color: #333 !important
		}

		.recruitSidemenu>LI#title A.nuxt-link-active {
			background-color: #f8f0e2 !important
		}

		.recruitSidemenu>LI#title A.nuxt-link-exact-active,
		.recruitSidemenu>LI#title A:hover {
			background-color: #d09b3e !important;
			color: #fff !important
		}

		.recruitSidemenu>LI.color1 LI {
			background-color: #f8f0e2 !important
		}

		.recruitSidemenu>LI.color1 .nuxt-link-exact-active,
		.recruitSidemenu>LI.color1 A:hover {
			background-color: #d09b3e !important;
			font-weight: 900
		}

		.recruitSidemenu>LI.color2 LI {
			background-color: #ebdbdb !important
		}

		.recruitSidemenu>LI.color2 .nuxt-link-exact-active,
		.recruitSidemenu>LI.color2 A:hover {
			background-color: #a15959 !important;
			font-weight: 900
		}

		.recruitSidemenu>LI.color3 LI {
			background-color: #d3e0e9 !important
		}

		.recruitSidemenu>LI.color3 .nuxt-link-exact-active,
		.recruitSidemenu>LI.color3 A:hover {
			background-color: #507fa0 !important;
			font-weight: 900
		}

		.recruitSidemenu>LI.color4 LI {
			background-color: #cee4d3 !important
		}

		.recruitSidemenu>LI.color4 .nuxt-link-exact-active,
		.recruitSidemenu>LI.color4 A:hover {
			background-color: #2d5336 !important;
			font-weight: 900
		}

		.recruitSidemenu>LI.color5 LI {
			background-color: #e4e1ce !important
		}

		.recruitSidemenu>LI.color5 .nuxt-link-exact-active,
		.recruitSidemenu>LI.color5 A:hover {
			background-color: #948b52 !important;
			font-weight: 900
		}

		#contents IMG {
			max-width: 100%;
			vertical-align: middle
		}

		#contents H2 .sub,
		#contents H3 .sub,
		#contents H4 .sub,
		#contents H5 .sub {
			margin: 0 0 0 10px;
			font-size: 90%;
			color: #555
		}

		@media only screen and (max-width:768px) {
			#contents H2.recruit {
				padding: 5px 0 5px 10px;
				font-size: 120%
			}
		}

		#contents .imgWrap>IMG {
			width: 100%
		}

		#contents .imgWrap .imgTitle {
			margin: 5px 0;
			line-height: 18px;
			text-align: center;
			font-weight: 900;
			font-size: 85%
		}

		.tCenter {
			text-align: center
		}

		.tLeft {
			text-align: left
		}

		.tRight {
			text-align: right
		}

		.width-0 {
			width: 0
		}

		.height-0 {
			height: 0
		}

		.width-5 {
			width: 5px
		}

		.height-5 {
			height: 5px
		}

		.width-10 {
			width: 10px
		}

		.height-10 {
			height: 10px
		}

		.width-15 {
			width: 15px
		}

		.height-15 {
			height: 15px
		}

		.width-20 {
			width: 20px
		}

		.height-20 {
			height: 20px
		}

		.width-25 {
			width: 25px
		}

		.height-25 {
			height: 25px
		}

		.width-30 {
			width: 30px
		}

		.height-30 {
			height: 30px
		}

		.width-35 {
			width: 35px
		}

		.height-35 {
			height: 35px
		}

		.width-40 {
			width: 40px
		}

		.height-40 {
			height: 40px
		}

		.width-45 {
			width: 45px
		}

		.height-45 {
			height: 45px
		}

		.width-50 {
			width: 50px
		}

		.height-50 {
			height: 50px
		}

		.width-55 {
			width: 55px
		}

		.height-55 {
			height: 55px
		}

		.width-60 {
			width: 60px
		}

		.height-60 {
			height: 60px
		}

		.width-65 {
			width: 65px
		}

		.height-65 {
			height: 65px
		}

		.width-70 {
			width: 70px
		}

		.height-70 {
			height: 70px
		}

		.width-75 {
			width: 75px
		}

		.height-75 {
			height: 75px
		}

		.width-80 {
			width: 80px
		}

		.height-80 {
			height: 80px
		}

		.width-85 {
			width: 85px
		}

		.height-85 {
			height: 85px
		}

		.width-90 {
			width: 90px
		}

		.height-90 {
			height: 90px
		}

		.width-95 {
			width: 95px
		}

		.height-95 {
			height: 95px
		}

		.width-100 {
			width: 100px
		}

		.height-100 {
			height: 100px
		}

		.width-105 {
			width: 105px
		}

		.height-105 {
			height: 105px
		}

		.width-110 {
			width: 110px
		}

		.height-110 {
			height: 110px
		}

		.width-115 {
			width: 115px
		}

		.height-115 {
			height: 115px
		}

		.width-120 {
			width: 120px
		}

		.height-120 {
			height: 120px
		}

		.width-125 {
			width: 125px
		}

		.height-125 {
			height: 125px
		}

		.width-130 {
			width: 130px
		}

		.height-130 {
			height: 130px
		}

		.width-135 {
			width: 135px
		}

		.height-135 {
			height: 135px
		}

		.width-140 {
			width: 140px
		}

		.height-140 {
			height: 140px
		}

		.width-145 {
			width: 145px
		}

		.height-145 {
			height: 145px
		}

		.width-150 {
			width: 150px
		}

		.height-150 {
			height: 150px
		}

		.width-155 {
			width: 155px
		}

		.height-155 {
			height: 155px
		}

		.width-160 {
			width: 160px
		}

		.height-160 {
			height: 160px
		}

		.width-165 {
			width: 165px
		}

		.height-165 {
			height: 165px
		}

		.width-170 {
			width: 170px
		}

		.height-170 {
			height: 170px
		}

		.width-175 {
			width: 175px
		}

		.height-175 {
			height: 175px
		}

		.width-180 {
			width: 180px
		}

		.height-180 {
			height: 180px
		}

		.width-185 {
			width: 185px
		}

		.height-185 {
			height: 185px
		}

		.width-190 {
			width: 190px
		}

		.height-190 {
			height: 190px
		}

		.width-195 {
			width: 195px
		}

		.height-195 {
			height: 195px
		}

		.width-200 {
			width: 200px
		}

		.height-200 {
			height: 200px
		}

		.width-205 {
			width: 205px
		}

		.height-205 {
			height: 205px
		}

		.width-210 {
			width: 210px
		}

		.height-210 {
			height: 210px
		}

		.width-215 {
			width: 215px
		}

		.height-215 {
			height: 215px
		}

		.width-220 {
			width: 220px
		}

		.height-220 {
			height: 220px
		}

		.width-225 {
			width: 225px
		}

		.height-225 {
			height: 225px
		}

		.width-230 {
			width: 230px
		}

		.height-230 {
			height: 230px
		}

		.width-235 {
			width: 235px
		}

		.height-235 {
			height: 235px
		}

		.width-240 {
			width: 240px
		}

		.height-240 {
			height: 240px
		}

		.width-245 {
			width: 245px
		}

		.height-245 {
			height: 245px
		}

		.width-250 {
			width: 250px
		}

		.height-250 {
			height: 250px
		}

		.width-255 {
			width: 255px
		}

		.height-255 {
			height: 255px
		}

		.width-260 {
			width: 260px
		}

		.height-260 {
			height: 260px
		}

		.width-265 {
			width: 265px
		}

		.height-265 {
			height: 265px
		}

		.width-270 {
			width: 270px
		}

		.height-270 {
			height: 270px
		}

		.width-275 {
			width: 275px
		}

		.height-275 {
			height: 275px
		}

		.width-280 {
			width: 280px
		}

		.height-280 {
			height: 280px
		}

		.width-285 {
			width: 285px
		}

		.height-285 {
			height: 285px
		}

		.width-290 {
			width: 290px
		}

		.height-290 {
			height: 290px
		}

		.width-295 {
			width: 295px
		}

		.height-295 {
			height: 295px
		}

		.width-300 {
			width: 300px
		}

		.height-300 {
			height: 300px
		}

		.width-305 {
			width: 305px
		}

		.height-305 {
			height: 305px
		}

		.width-310 {
			width: 310px
		}

		.height-310 {
			height: 310px
		}

		.width-315 {
			width: 315px
		}

		.height-315 {
			height: 315px
		}

		.width-320 {
			width: 320px
		}

		.height-320 {
			height: 320px
		}

		.width-325 {
			width: 325px
		}

		.height-325 {
			height: 325px
		}

		.width-330 {
			width: 330px
		}

		.height-330 {
			height: 330px
		}

		.width-335 {
			width: 335px
		}

		.height-335 {
			height: 335px
		}

		.width-340 {
			width: 340px
		}

		.height-340 {
			height: 340px
		}

		.width-345 {
			width: 345px
		}

		.height-345 {
			height: 345px
		}

		.width-350 {
			width: 350px
		}

		.height-350 {
			height: 350px
		}

		.width-355 {
			width: 355px
		}

		.height-355 {
			height: 355px
		}

		.width-360 {
			width: 360px
		}

		.height-360 {
			height: 360px
		}

		.width-365 {
			width: 365px
		}

		.height-365 {
			height: 365px
		}

		.width-370 {
			width: 370px
		}

		.height-370 {
			height: 370px
		}

		.width-375 {
			width: 375px
		}

		.height-375 {
			height: 375px
		}

		.width-380 {
			width: 380px
		}

		.height-380 {
			height: 380px
		}

		.width-385 {
			width: 385px
		}

		.height-385 {
			height: 385px
		}

		.width-390 {
			width: 390px
		}

		.height-390 {
			height: 390px
		}

		.width-395 {
			width: 395px
		}

		.height-395 {
			height: 395px
		}

		.width-400 {
			width: 400px
		}

		.height-400 {
			height: 400px
		}

		.width-405 {
			width: 405px
		}

		.height-405 {
			height: 405px
		}

		.width-410 {
			width: 410px
		}

		.height-410 {
			height: 410px
		}

		.width-415 {
			width: 415px
		}

		.height-415 {
			height: 415px
		}

		.width-420 {
			width: 420px
		}

		.height-420 {
			height: 420px
		}

		.width-425 {
			width: 425px
		}

		.height-425 {
			height: 425px
		}

		.width-430 {
			width: 430px
		}

		.height-430 {
			height: 430px
		}

		.width-435 {
			width: 435px
		}

		.height-435 {
			height: 435px
		}

		.width-440 {
			width: 440px
		}

		.height-440 {
			height: 440px
		}

		.width-445 {
			width: 445px
		}

		.height-445 {
			height: 445px
		}

		.width-450 {
			width: 450px
		}

		.height-450 {
			height: 450px
		}

		.width-455 {
			width: 455px
		}

		.height-455 {
			height: 455px
		}

		.width-460 {
			width: 460px
		}

		.height-460 {
			height: 460px
		}

		.width-465 {
			width: 465px
		}

		.height-465 {
			height: 465px
		}

		.width-470 {
			width: 470px
		}

		.height-470 {
			height: 470px
		}

		.width-475 {
			width: 475px
		}

		.height-475 {
			height: 475px
		}

		.width-480 {
			width: 480px
		}

		.height-480 {
			height: 480px
		}

		.width-485 {
			width: 485px
		}

		.height-485 {
			height: 485px
		}

		.width-490 {
			width: 490px
		}

		.height-490 {
			height: 490px
		}

		.width-495 {
			width: 495px
		}

		.height-495 {
			height: 495px
		}

		.width-500 {
			width: 500px
		}

		.height-500 {
			height: 500px
		}

		.width-505 {
			width: 505px
		}

		.height-505 {
			height: 505px
		}

		.width-510 {
			width: 510px
		}

		.height-510 {
			height: 510px
		}

		.width-515 {
			width: 515px
		}

		.height-515 {
			height: 515px
		}

		.width-520 {
			width: 520px
		}

		.height-520 {
			height: 520px
		}

		.width-525 {
			width: 525px
		}

		.height-525 {
			height: 525px
		}

		.width-530 {
			width: 530px
		}

		.height-530 {
			height: 530px
		}

		.width-535 {
			width: 535px
		}

		.height-535 {
			height: 535px
		}

		.width-540 {
			width: 540px
		}

		.height-540 {
			height: 540px
		}

		.width-545 {
			width: 545px
		}

		.height-545 {
			height: 545px
		}

		.width-550 {
			width: 550px
		}

		.height-550 {
			height: 550px
		}

		.width-555 {
			width: 555px
		}

		.height-555 {
			height: 555px
		}

		.width-560 {
			width: 560px
		}

		.height-560 {
			height: 560px
		}

		.width-565 {
			width: 565px
		}

		.height-565 {
			height: 565px
		}

		.width-570 {
			width: 570px
		}

		.height-570 {
			height: 570px
		}

		.width-575 {
			width: 575px
		}

		.height-575 {
			height: 575px
		}

		.width-580 {
			width: 580px
		}

		.height-580 {
			height: 580px
		}

		.width-585 {
			width: 585px
		}

		.height-585 {
			height: 585px
		}

		.width-590 {
			width: 590px
		}

		.height-590 {
			height: 590px
		}

		.width-595 {
			width: 595px
		}

		.height-595 {
			height: 595px
		}

		.width-600 {
			width: 600px
		}

		.height-600 {
			height: 600px
		}

		.width-605 {
			width: 605px
		}

		.height-605 {
			height: 605px
		}

		.width-610 {
			width: 610px
		}

		.height-610 {
			height: 610px
		}

		.width-615 {
			width: 615px
		}

		.height-615 {
			height: 615px
		}

		.width-620 {
			width: 620px
		}

		.height-620 {
			height: 620px
		}

		.width-625 {
			width: 625px
		}

		.height-625 {
			height: 625px
		}

		.width-630 {
			width: 630px
		}

		.height-630 {
			height: 630px
		}

		.width-635 {
			width: 635px
		}

		.height-635 {
			height: 635px
		}

		.width-640 {
			width: 640px
		}

		.height-640 {
			height: 640px
		}

		.width-645 {
			width: 645px
		}

		.height-645 {
			height: 645px
		}

		.width-650 {
			width: 650px
		}

		.height-650 {
			height: 650px
		}

		.width-655 {
			width: 655px
		}

		.height-655 {
			height: 655px
		}

		.width-660 {
			width: 660px
		}

		.height-660 {
			height: 660px
		}

		.width-665 {
			width: 665px
		}

		.height-665 {
			height: 665px
		}

		.width-670 {
			width: 670px
		}

		.height-670 {
			height: 670px
		}

		.width-675 {
			width: 675px
		}

		.height-675 {
			height: 675px
		}

		.width-680 {
			width: 680px
		}

		.height-680 {
			height: 680px
		}

		.width-685 {
			width: 685px
		}

		.height-685 {
			height: 685px
		}

		.width-690 {
			width: 690px
		}

		.height-690 {
			height: 690px
		}

		.width-695 {
			width: 695px
		}

		.height-695 {
			height: 695px
		}

		.width-700 {
			width: 700px
		}

		.height-700 {
			height: 700px
		}

		.width-705 {
			width: 705px
		}

		.height-705 {
			height: 705px
		}

		.width-710 {
			width: 710px
		}

		.height-710 {
			height: 710px
		}

		.width-715 {
			width: 715px
		}

		.height-715 {
			height: 715px
		}

		.width-720 {
			width: 720px
		}

		.height-720 {
			height: 720px
		}

		.width-725 {
			width: 725px
		}

		.height-725 {
			height: 725px
		}

		.width-730 {
			width: 730px
		}

		.height-730 {
			height: 730px
		}

		.width-735 {
			width: 735px
		}

		.height-735 {
			height: 735px
		}

		.width-740 {
			width: 740px
		}

		.height-740 {
			height: 740px
		}

		.width-745 {
			width: 745px
		}

		.height-745 {
			height: 745px
		}

		.width-750 {
			width: 750px
		}

		.height-750 {
			height: 750px
		}

		.width-755 {
			width: 755px
		}

		.height-755 {
			height: 755px
		}

		.width-760 {
			width: 760px
		}

		.height-760 {
			height: 760px
		}

		.width-765 {
			width: 765px
		}

		.height-765 {
			height: 765px
		}

		.width-770 {
			width: 770px
		}

		.height-770 {
			height: 770px
		}

		.width-775 {
			width: 775px
		}

		.height-775 {
			height: 775px
		}

		.width-780 {
			width: 780px
		}

		.height-780 {
			height: 780px
		}

		.width-785 {
			width: 785px
		}

		.height-785 {
			height: 785px
		}

		.width-790 {
			width: 790px
		}

		.height-790 {
			height: 790px
		}

		.width-795 {
			width: 795px
		}

		.height-795 {
			height: 795px
		}

		.width-800 {
			width: 800px
		}

		.height-800 {
			height: 800px
		}

		.width-805 {
			width: 805px
		}

		.height-805 {
			height: 805px
		}

		.width-810 {
			width: 810px
		}

		.height-810 {
			height: 810px
		}

		.width-815 {
			width: 815px
		}

		.height-815 {
			height: 815px
		}

		.width-820 {
			width: 820px
		}

		.height-820 {
			height: 820px
		}

		.width-825 {
			width: 825px
		}

		.height-825 {
			height: 825px
		}

		.width-830 {
			width: 830px
		}

		.height-830 {
			height: 830px
		}

		.width-835 {
			width: 835px
		}

		.height-835 {
			height: 835px
		}

		.width-840 {
			width: 840px
		}

		.height-840 {
			height: 840px
		}

		.width-845 {
			width: 845px
		}

		.height-845 {
			height: 845px
		}

		.width-850 {
			width: 850px
		}

		.height-850 {
			height: 850px
		}

		.width-855 {
			width: 855px
		}

		.height-855 {
			height: 855px
		}

		.width-860 {
			width: 860px
		}

		.height-860 {
			height: 860px
		}

		.width-865 {
			width: 865px
		}

		.height-865 {
			height: 865px
		}

		.width-870 {
			width: 870px
		}

		.height-870 {
			height: 870px
		}

		.width-875 {
			width: 875px
		}

		.height-875 {
			height: 875px
		}

		.width-880 {
			width: 880px
		}

		.height-880 {
			height: 880px
		}

		.width-885 {
			width: 885px
		}

		.height-885 {
			height: 885px
		}

		.width-890 {
			width: 890px
		}

		.height-890 {
			height: 890px
		}

		.width-895 {
			width: 895px
		}

		.height-895 {
			height: 895px
		}

		.width-900 {
			width: 900px
		}

		.height-900 {
			height: 900px
		}

		.width-905 {
			width: 905px
		}

		.height-905 {
			height: 905px
		}

		.width-910 {
			width: 910px
		}

		.height-910 {
			height: 910px
		}

		.width-915 {
			width: 915px
		}

		.height-915 {
			height: 915px
		}

		.width-920 {
			width: 920px
		}

		.height-920 {
			height: 920px
		}

		.width-925 {
			width: 925px
		}

		.height-925 {
			height: 925px
		}

		.width-930 {
			width: 930px
		}

		.height-930 {
			height: 930px
		}

		.width-935 {
			width: 935px
		}

		.height-935 {
			height: 935px
		}

		.width-940 {
			width: 940px
		}

		.height-940 {
			height: 940px
		}

		.width-945 {
			width: 945px
		}

		.height-945 {
			height: 945px
		}

		.width-950 {
			width: 950px
		}

		.height-950 {
			height: 950px
		}

		.width-955 {
			width: 955px
		}

		.height-955 {
			height: 955px
		}

		.width-960 {
			width: 960px
		}

		.height-960 {
			height: 960px
		}

		.width-965 {
			width: 965px
		}

		.height-965 {
			height: 965px
		}

		.width-970 {
			width: 970px
		}

		.height-970 {
			height: 970px
		}

		.width-975 {
			width: 975px
		}

		.height-975 {
			height: 975px
		}

		.width-980 {
			width: 980px
		}

		.height-980 {
			height: 980px
		}

		.width-985 {
			width: 985px
		}

		.height-985 {
			height: 985px
		}

		.width-990 {
			width: 990px
		}

		.height-990 {
			height: 990px
		}

		.width-995 {
			width: 995px
		}

		.height-995 {
			height: 995px
		}

		.width-1000 {
			width: 1000px
		}

		.height-1000 {
			height: 1000px
		}

		.flex {
			display: flex;
			align-items: center;
			clear: both
		}

		.flex>* {
			margin-right: 10px
		}

		.flex>:last-child {
			margin-right: 0
		}

		@media only screen and (max-width:768px) {
			.flex {
				display: block
			}

			.flex>* {
				width: 100% !important;
				margin: 0 0 10px
			}

			.flex>:last-child {
				margin-bottom: 0
			}
		}

		.flex.space-between {
			justify-content: space-between
		}

		.timeline {
			list-style: none
		}

		.timeline>LI {
			position: relative;
			display: flex;
			margin: 0
		}

		@media only screen and (max-width:768px) {
			.timeline>LI {
				display: block;
				margin-left: 10px;
				border-left: 3px solid #e5e5d1
			}
		}

		.timeline>LI.noDate {
			padding-left: 110px
		}

		@media only screen and (max-width:768px) {
			.timeline>LI.noDate {
				padding-left: 0
			}
		}

		.timeline>LI.noDate .timelineItem:before {
			display: none
		}

		.timeline>LI:not(.noDate) .timelineItem {
			width: calc(100% - 110px)
		}

		.timeline>LI:not(.noDate) .timelineItem .balloon:before {
			border-color: #f5f5f5 #f5f5f5 transparent transparent;
			border-style: solid;
			border-width: 15px
		}

		@media only screen and (max-width:768px) {
			.timeline>LI:not(.noDate) .timelineItem .balloon:before {
				transform: rotate(20deg);
				left: -22px
			}
		}

		@media only screen and (max-width:768px) {
			.timeline>LI:not(.noDate):before {
				content: "";
				position: absolute;
				top: 35px;
				left: -7px;
				width: 12px;
				height: 12px;
				background: #6fc173;
				border-radius: 100%
			}

			.timeline>LI:not(.noDate) .timelineDate {
				padding-top: 30px
			}

			.timeline>LI:not(.noDate) .timelineItem {
				padding-top: 5px
			}
		}

		.timeline>LI .timelineDate {
			width: 110px;
			margin: 0;
			padding: 20px 30px 0 0;
			text-align: right;
			font-size: 120%
		}

		@media only screen and (max-width:768px) {
			.timeline>LI .timelineDate {
				width: 100% !important;
				padding-left: 30px;
				text-align: left
			}
		}

		.timeline>LI .timelineItem {
			width: 100%;
			padding: 20px 0 0 30px;
			border-left: 3px solid #e5e5d1
		}

		@media only screen and (max-width:768px) {
			.timeline>LI .timelineItem {
				width: 100% !important;
				padding-top: 30px;
				border-width: 0
			}
		}

		.timeline>LI .timelineItem .balloon {
			position: relative;
			min-height: 70px;
			padding: 20px;
			background-color: #f5f5f5;
			border-radius: 10px
		}

		.timeline>LI .timelineItem .balloon:before {
			content: "";
			position: absolute;
			display: block;
			width: 0;
			height: 0;
			top: 20px;
			left: -15px;
			border-top: 15px solid transparent;
			border-right: 15px solid #f5f5f5;
			border-bottom: 15px solid transparent
		}

		.timeline>LI .timelineItem .timelineTitle {
			margin: 0;
			padding: 0;
			background-image: none;
			background-color: transparent;
			border-width: 0;
			font-size: 130%
		}

		.timeline>LI .timelineItem:before {
			content: "";
			position: absolute;
			top: 24px;
			left: 106px;
			width: 12px;
			height: 12px;
			background: #6fc173;
			border-radius: 100%
		}

		@media only screen and (max-width:768px) {
			.timeline>LI .timelineItem:before {
				display: none
			}
		}

		UL.check {
			list-style: none;
			position: relative;
			margin: 10px 0 5px 23px
		}

		UL.check LI {
			margin: 0 0 5px;
			line-height: 20px
		}

		UL.check LI:last-of-type {
			margin-bottom: 0
		}

		UL.check LI:before {
			content: "\f00c";
			position: absolute;
			left: -23px;
			font-family: "Font Awesome 5 Free";
			font-weight: 900
		}

		UL.circle {
			list-style: none;
			position: relative;
			margin: 10px 0 5px 23px
		}

		UL.circle LI {
			margin: 0 0 5px;
			line-height: 20px
		}

		UL.circle LI:last-of-type {
			margin-bottom: 0
		}

		UL.circle LI:before {
			content: "\f111";
			position: absolute;
			left: -23px;
			font-family: "Font Awesome 5 Free";
			font-weight: 500;
			font-size: 80%;
			color: #333
		}

		UL.arrowCircle {
			list-style: none;
			position: relative;
			margin: 10px 0 5px 23px
		}

		UL.arrowCircle LI {
			margin: 0 0 5px;
			line-height: 20px
		}

		UL.arrowCircle LI:last-of-type {
			margin-bottom: 0
		}

		UL.arrowCircle LI:before {
			content: "\f0a9";
			position: absolute;
			left: -23px;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 80%;
			color: #333
		}

		TABLE {
			line-height: 22px
		}

		@media only screen and (max-width:768px) {
			TABLE {
				font-size: 90%
			}
		}

		TABLE.full {
			width: 100%
		}

		TABLE.type1 {
			margin: 20px 0;
			border-collapse: collapse
		}

		TABLE.type1 TD,
		TABLE.type1 TH {
			padding: 7px 10px;
			border: 1px solid #bbb
		}

		TABLE.type1 TH {
			background-color: #eee;
			text-align: center
		}

		.readmore {
			position: relative;
			margin: 0 0 0 30px;
			text-decoration: underline;
			color: #000
		}

		.readmore:before {
			content: "\f0a9";
			position: absolute;
			left: -23px;
			font-family: "Font Awesome 5 Free";
			font-weight: 900
		}

		.tColorRed {
			color: #ca2929
		}

		.underline {
			text-decoration: underline
		}

		.marker {
			background: linear-gradient(transparent 60%, #ff0 0);
			font-weight: 700
		}

		.making {
			margin: 100px 0;
			padding: 100px 0 0;
			text-align: center;
			background-image: url(/recruit_images/work/making.png);
			background-repeat: no-repeat;
			background-size: auto 90px;
			background-position: top;
			font-weight: 900;
			font-size: 90%
		}

		.styleBtn,
		A.styleBtn,
		BUTTON.styleBtn {
			font-size: 1.2rem;
			font-weight: 700;
			line-height: 1.5;
			position: relative;
			display: inline-block;
			padding: 1rem 4rem;
			cursor: pointer;
			-ms-user-select: none;
			user-select: none;
			transition: all .3s;
			text-align: center;
			vertical-align: middle;
			text-decoration: none;
			letter-spacing: .1em;
			color: #212529;
			border-radius: .5rem
		}

		.styleBtnWrap {
			display: flex;
			justify-content: center;
			margin: 30px 0
		}

		A.styleBtn {
			font-size: 1.8rem;
			position: relative;
			padding: .25rem 2rem 1.5rem;
			color: #fff;
			background: #1ecfc6;
			box-shadow: 0 5px 0 #1bb9b1
		}

		.style2 A.styleBtn {
			background: #cf881e;
			box-shadow: 0 5px 0 #ad7219
		}

		A.styleBtn SPAN {
			font-size: 1.2rem;
			position: absolute;
			top: -1.25rem;
			left: 50%;
			display: block;
			padding: .2rem 1rem;
			color: #1bb9b1;
			border: 2px solid #1bb9b1;
			border-radius: 100vh;
			background: #fff;
			box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
			transform: translateX(-50%);
			white-space: nowrap
		}

		.style2 A.styleBtn SPAN {
			color: #ad7219;
			border: 2px solid #ad7219
		}

		A.styleBtn SPAN:after,
		A.styleBtn SPAN:before {
			position: absolute;
			left: calc(50% - 10px);
			content: ""
		}

		A.styleBtn SPAN:before {
			bottom: -10px;
			border-color: #1bb9b1 transparent transparent;
			border-style: solid;
			border-width: 10px 10px 0
		}

		.style2 A.styleBtn SPAN:before {
			border-color: #ad7219 transparent transparent
		}

		A.styleBtn SPAN:after {
			bottom: -7px;
			border-color: #fff transparent transparent;
			border-style: solid;
			border-width: 10px 10px 0
		}

		A.styleBtn I {
			margin-right: 1rem
		}

		A.styleBtn:hover {
			transform: translateY(3px);
			color: #fff;
			background: #28d8cf;
			box-shadow: 0 2px 0 #1bb9b1
		}

		.style2 A.styleBtn:hover {
			background: #d8942d;
			box-shadow: 0 2px 0 #ad7219
		}

		.interviewList {
			margin: 60px 10px 0
		}

		@media only screen and (max-width:768px) {
			.interviewList {
				margin-top: 20px
			}
		}

		.interviewList LI {
			display: flex;
			justify-content: space-between;
			min-height: 200px;
			margin: 30px 0 50px;
			background-color: #f2f6f8
		}

		@media only screen and (max-width:768px) {
			.interviewList LI {
				display: block;
				margin: 0 0 20px;
				border-radius: 20px 20px 0 0;
				box-shadow: 0 0 4px -1px rgba(0, 0, 0, .3)
			}
		}

		.interviewList LI .img {
			position: relative;
			top: -30px;
			left: 30px;
			display: flex;
			width: 280px;
			min-height: 200px;
			background-repeat: no-repeat;
			background-size: calc(100% + 30px);
			background-position: top -15px left -15px;
			border-radius: 20px 0 20px 0;
			box-shadow: 0 0 8px -2px rgba(0, 0, 0, .7);
			overflow: hidden
		}

		@media only screen and (max-width:768px) {
			.interviewList LI .img {
				position: static;
				width: 100%;
				height: 30vw;
				border-radius: 20px 20px 0 0;
				box-shadow: none
			}
		}

		.interviewList LI .inner {
			position: relative;
			display: flex;
			flex-direction: column;
			width: calc(100% - 310px);
			min-height: 200px;
			padding: 25px 30px 25px 25px
		}

		@media only screen and (max-width:768px) {
			.interviewList LI .inner {
				display: block;
				width: 100%
			}
		}

		.interviewList LI .inner:after {
			content: "\f086";
			position: absolute;
			top: -10px;
			right: 15px;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 230%;
			color: #cad9e6
		}

		@media only screen and (max-width:768px) {
			.interviewList LI .inner:after {
				color: #a2bed6
			}
		}

		.interviewList LI .inner .msg {
			margin: 0 0 15px;
			font-size: 130%;
			font-weight: 700;
			color: #2475bb
		}

		.interviewList LI .inner .name {
			margin: 0
		}

		.interviewList LI .inner .readmoreWrap {
			margin: auto 0 0;
			text-align: right
		}

		@media only screen and (max-width:768px) {
			.interviewList LI .inner .readmoreWrap {
				margin: 20px 0 0
			}
		}

		.interviewList LI .inner .readmoreWrap .readmore {
			margin: 0;
			padding: 3px 20px 3px 40px;
			background-color: #2475bb;
			border-radius: 30px;
			text-decoration: none;
			line-height: 24px;
			font-size: 100%;
			color: #fff
		}

		.interviewList LI .inner .readmoreWrap .readmore:before {
			left: 8px
		}

		.interviewList LI .inner .readmoreWrap .readmore:hover {
			opacity: .8
		}

		.hataraku {
			margin: 20px 10px 0
		}

		.hataraku .flex {
			margin: 0 0 10px;
			align-items: flex-start
		}

		.hataraku .interview {
			margin-top: 0;
			margin-bottom: 0
		}

		.hataraku .interview DT {
			margin: 0;
			padding: 7px 10px 5px;
			background-color: #f6ab00;
			line-height: 18px;
			font-weight: 700
		}

		.hataraku .interview DD {
			margin: 0 0 10px;
			padding: 10px;
			line-height: 18px
		}

		.hataraku .annualEvent {
			margin: 0 0 20px;
			border: 1px solid #f6ab00
		}

		.hataraku .annualEvent H4 {
			margin: 0;
			padding: 7px 10px 5px;
			background-image: none;
			background-color: #f6ab00;
			border-width: 0;
			font-size: 100%;
			color: #000
		}

		.hataraku .annualEvent .annualEventInner {
			padding: 15px 10px
		}

		.wakate {
			margin: 0 10px
		}

		.wakate .wakateTitle {
			margin-bottom: 10px;
			padding: 3px 10px 0;
			background-image: none;
			background-color: #f6ab00;
			border-width: 0;
			font-size: 110%
		}

		.wakate .flex IMG.sp {
			width: 100%
		}

		.wakate TABLE {
			margin: 10px 0 0
		}

		.wakate TABLE THEAD TR TH {
			padding: 30px 20px 20px
		}

		@media only screen and (max-width:768px) {
			.wakate TABLE THEAD TR TH {
				display: flex;
				align-items: center;
				padding: 15px
			}
		}

		.wakate TABLE THEAD TR TH:first-of-type {
			border-radius: 60px 0 0 0
		}

		@media only screen and (max-width:768px) {
			.wakate TABLE THEAD TR TH:first-of-type {
				border-radius: 0
			}
		}

		.wakate TABLE THEAD TR TH:last-of-type {
			border-radius: 0 60px 0 0
		}

		@media only screen and (max-width:768px) {
			.wakate TABLE THEAD TR TH:last-of-type {
				border-radius: 0
			}
		}

		.wakate TABLE THEAD TR TH .face {
			margin: 0 0 10px;
			text-align: center
		}

		@media only screen and (max-width:768px) {
			.wakate TABLE THEAD TR TH .face {
				margin: 0 10px 0 0
			}
		}

		.wakate TABLE THEAD TR TH .face IMG {
			width: calc(100% - 40px);
			border-radius: 50%
		}

		@media only screen and (max-width:768px) {

			.wakate TABLE THEAD TR TH .face IMG,
			.wakate TABLE THEAD TR TH .names {
				width: 100%
			}
		}

		.wakate TABLE THEAD TR TH .names .name {
			font-size: 120%
		}

		.wakate TABLE THEAD TR TH .names .team {
			color: #666
		}

		.wakate TABLE TR TD,
		.wakate TABLE TR TH {
			width: 33.33333333%;
			line-height: 20px
		}

		@media only screen and (max-width:768px) {

			.wakate TABLE TR TD,
			.wakate TABLE TR TH {
				display: block;
				width: 100%
			}
		}

		.wakate TABLE TR TD:first-of-type,
		.wakate TABLE TR TH:first-of-type {
			background-color: #eafbff
		}

		.wakate TABLE TR TD:nth-of-type(2),
		.wakate TABLE TR TH:nth-of-type(2) {
			background-color: #ffeee8
		}

		.wakate TABLE TR TD:nth-of-type(3),
		.wakate TABLE TR TH:nth-of-type(3) {
			background-color: #e8ffe7
		}

		.wakate TABLE TR TH {
			text-align: center
		}

		.wakate TABLE TR TD {
			padding: 10px 15px;
			vertical-align: top
		}

		.wakate TABLE TR.q TD {
			padding: 10px 0 0;
			background-color: transparent
		}

		.wakate TABLE TR.q TD P {
			margin: 0;
			padding: 5px 10px 3px;
			background-color: #553d2a;
			color: #fff
		}

		.wakate TABLE TR.a TD {
			font-size: 90%
		}

		@media only screen and (max-width:768px) {
			.wakate TABLE TR.a TD {
				position: relative;
				padding-left: 80px
			}

			.wakate TABLE TR.a TD:before {
				content: "";
				position: absolute;
				top: 10px;
				left: 10px;
				display: block;
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background-repeat: no-repeat;
				background-size: cover
			}

			.wakate TABLE TR.a TD:first-of-type:before {
				background-image: url(/recruit_images/work/wakate/wakate1.jpg)
			}

			.wakate TABLE TR.a TD:nth-of-type(2):before {
				background-image: url(/recruit_images/work/wakate/wakate2.jpg)
			}

			.wakate TABLE TR.a TD:nth-of-type(3):before {
				background-image: url(/recruit_images/work/wakate/wakate3.jpg)
			}
		}

		.peopleList {
			display: flex;
			flex-wrap: wrap;
			margin: 30px 0 0
		}

		.peopleList .item {
			display: flex;
			flex-direction: column;
			width: calc(25% - 22.5px);
			margin: 0 29px 35px 0;
			padding: 0
		}

		.peopleList .item:nth-of-type(4n) {
			margin-right: 0
		}

		@media only screen and (max-width:768px) {
			.peopleList .item {
				width: calc(33.33333% - 13.33333px);
				margin: 0 20px 20px 0 !important
			}

			.peopleList .item:nth-of-type(3n) {
				margin-right: 0 !important
			}
		}

		@media only screen and (max-width:414px) {
			.peopleList .item {
				width: calc(50% - 10px);
				margin: 0 20px 20px 0 !important
			}

			.peopleList .item:nth-of-type(3n) {
				margin-right: 20px !important
			}

			.peopleList .item:nth-of-type(2n) {
				margin-right: 0 !important
			}
		}

		.peopleList .item .itemInner {
			display: flex;
			flex-direction: column;
			height: 100%
		}

		.peopleList .item .itemInner .thumb {
			width: 80%;
			margin: 0 auto auto;
			padding-bottom: 100%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: 50%;
			border-radius: 50%;
			cursor: pointer
		}

		.peopleList .item .itemInner .thumb.nolink {
			cursor: default
		}

		.peopleList .item .itemInner .group {
			margin: 20px 0 0
		}

		.peopleList .item .itemInner .group,
		.peopleList .item .itemInner .team {
			text-align: center;
			line-height: 18px;
			font-size: 80%;
			color: #666
		}

		.peopleList .item .itemInner .name {
			margin: 0;
			padding: 0;
			background-image: none;
			border-width: 0;
			text-align: center;
			font-size: 105%
		}

		.peopleList .item .itemInner .viewMore {
			margin: 15px 0 0;
			padding: 0 15px;
			text-align: right;
			background-color: #eee;
			border-radius: 30px;
			line-height: 24px;
			font-size: 90%;
			cursor: pointer
		}

		.peopleList .item .itemInner .viewMore:hover {
			background-color: #ddd
		}

		.hito {
			margin: 35px 10px 0
		}

		.hito .hitoCard {
			display: flex;
			justify-content: space-between;
			margin: 0 30px 30px;
			border-radius: 10px;
			overflow: hidden;
			box-shadow: 0 0 12px -3px rgba(0, 0, 0, .4)
		}

		@media only screen and (max-width:768px) {
			.hito .hitoCard {
				flex-direction: column;
				margin: 0 20px 30px
			}
		}

		.hito .hitoCard .names {
			display: flex;
			flex-direction: column;
			width: 70%;
			padding: 30px;
			color: #333
		}

		@media only screen and (max-width:768px) {
			.hito .hitoCard .names {
				order: 2;
				padding: 20px;
				font-size: 90%
			}
		}

		.hito .hitoCard .names .caption {
			color: #888;
			font-weight: 700
		}

		.hito .hitoCard .names .old {
			padding: 0 0 0 10px;
			font-size: 90%
		}

		.hito .hitoCard .names .group,
		.hito .hitoCard .names .team {
			padding: 0 0 0 10px;
			font-size: 120%
		}

		.hito .hitoCard .names .name {
			margin: 20px 0 10px;
			background-image: none;
			border-width: 0;
			text-align: center;
			font-size: 140%;
			color: #225986
		}

		.hito .hitoCard .names .since {
			margin: auto 0 0
		}

		@media only screen and (max-width:768px) {
			.hito .hitoCard .names .since {
				text-align: right
			}
		}

		.hito .hitoCard IMG {
			max-width: 30% !important;
			width: 30% !important
		}

		@media only screen and (max-width:768px) {
			.hito .hitoCard IMG {
				order: 1;
				width: 100% !important;
				max-width: none !important;
				height: auto
			}
		}

		.hito .dailySchedule .timeline {
			margin: 30px 0 0
		}

		.miniGroup {
			display: flex;
			flex-wrap: wrap;
			margin: 20px 0 0
		}

		.miniGroup .item {
			display: flex;
			flex-direction: column;
			width: calc(25% - 11.25px);
			margin: 0 14px 15px 0;
			padding: 20px 15px;
			background-color: #f9f9f9
		}

		.miniGroup .item:nth-of-type(4n) {
			margin-right: 0
		}

		@media only screen and (max-width:768px) {
			.miniGroup .item:nth-of-type(4n) {
				margin-right: inherit
			}
		}

		.miniGroup .item:hover {
			cursor: pointer;
			opacity: .7
		}

		@media only screen and (max-width:768px) {
			.miniGroup .item {
				width: calc(50% - 7.5px)
			}

			.miniGroup .item:nth-of-type(2n) {
				margin-right: 0
			}
		}

		.miniGroup .item.more {
			justify-content: center;
			align-items: center;
			background-color: transparent;
			color: #333
		}

		.miniGroup .item.more:hover>I:before {
			content: "\f0a9"
		}

		.miniGroup .item.more>I {
			font-size: 240%
		}

		.miniGroup .item .groupName {
			margin: 0 0 15px;
			text-align: center;
			line-height: 14px;
			font-weight: 900;
			font-size: 80%
		}

		.miniGroup .item .mark {
			width: 60%;
			margin: auto auto 0
		}

		.miniGroup .item .mark .inner {
			position: relative;
			padding-bottom: calc(100% - 4px);
			background-color: #fff;
			border: 2px solid #42588b;
			border-radius: 50%;
			overflow: hidden
		}

		.miniGroup .item .mark .inner>I {
			position: absolute;
			top: 30%;
			top: 0;
			right: 0;
			bottom: 0;
			left: 10%;
			left: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 300%;
			color: #42588b
		}

		._5fundewakaru {
			display: flex;
			margin: 30px 0 0;
			padding: 0 15px
		}

		@media only screen and (max-width:768px) {
			._5fundewakaru {
				display: block
			}
		}

		._5fundewakaru .thumb {
			width: 45%;
			border: 1px solid #333
		}

		@media only screen and (max-width:768px) {
			._5fundewakaru .thumb {
				width: 100%
			}
		}

		._5fundewakaru .desc {
			display: flex;
			flex-direction: column;
			width: 55%;
			padding: 0 0 0 20px
		}

		@media only screen and (max-width:768px) {
			._5fundewakaru .desc {
				width: 100%;
				padding: 20px 0 0
			}
		}

		._5fundewakaru .desc .summary {
			display: flex;
			background-color: #f3f3f3;
			margin-bottom: 10px;
			padding: 10px 10px 10px 20px;
			border-radius: 5px
		}

		._5fundewakaru .desc .summary .check {
			margin-top: 5px;
			margin-right: 30px;
			margin-bottom: 0
		}

		._5fundewakaru .desc .summary .check:last-of-type {
			margin-right: 0
		}

		._5fundewakaru .desc .small {
			margin: auto 0 0;
			text-align: right;
			font-size: 80%
		}

		.shisetsu_shoukai .group {
			margin: 0 10px 1px;
			padding: 0;
			background-color: #f7f7f7
		}

		.shisetsu_shoukai .group:first-of-type {
			margin-top: 30px
		}

		.shisetsu_shoukai .group>H3 {
			position: relative;
			margin: 0;
			display: block;
			padding: 10px 50px 14px 30px;
			background-color: #96a3c0;
			background-color: #848ea5;
			background-image: none;
			border-width: 0;
			line-height: 30px;
			font-weight: 500;
			font-size: 1.3rem;
			color: #fff
		}

		.shisetsu_shoukai .group>H3:hover {
			background-color: #42588b;
			cursor: pointer
		}

		.shisetsu_shoukai .group>H3:hover .teams {
			color: #42588b
		}

		.shisetsu_shoukai .group>H3:hover .teams LI {
			background-color: #fff
		}

		.shisetsu_shoukai .group>H3:after {
			content: "\f077";
			position: absolute;
			top: 26px;
			right: 20px;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 17px;
			transform: rotate(180deg);
			transition-property: all;
			transition-duration: .4s
		}

		.shisetsu_shoukai .group>H3.open {
			background-color: #42588b
		}

		.shisetsu_shoukai .group>H3.open:after {
			transform: rotate(0deg)
		}

		.shisetsu_shoukai .group>H3.open .teams {
			color: #42588b
		}

		.shisetsu_shoukai .group>H3.open .teams LI {
			background-color: #fff
		}

		.shisetsu_shoukai .group>H3>I {
			width: 20px;
			text-align: center;
			margin: 0 10px 0 0
		}

		.shisetsu_shoukai .group>H3 .teams {
			display: flex;
			justify-content: flex-end;
			margin: 0;
			padding: 7px 0 0;
			list-style: none;
			border-top: 1px solid #667496;
			line-height: 20px;
			text-align: right;
			font-size: 85%;
			color: #848ea5
		}

		.shisetsu_shoukai .group>H3 .teams LI {
			margin: 0 7px 0 0;
			padding: 2px 13px 0;
			background-color: #eee;
			border-radius: 30px
		}

		.shisetsu_shoukai .group>H3 .teams LI:last-of-type {
			margin-right: 0
		}

		.shisetsu_shoukai .group .inner {
			padding: 10px 30px 30px;
			display: none
		}

		.shisetsu_shoukai .group .inner>DIV {
			position: relative;
			display: flex;
			flex-wrap: wrap;
			margin: 0
		}

		.shisetsu_shoukai .group .inner>DIV H6 {
			width: 100%;
			padding: 10px 0 5px;
			margin: 0 0 10px;
			border-bottom: 1px solid #777;
			font-weight: 900;
			font-size: 1.3rem
		}

		.shisetsu_shoukai .group .inner>DIV>UL {
			width: 70%
		}

		.shisetsu_shoukai .group .inner>DIV>UL>LI {
			margin: 0 0 0 28px
		}

		.shisetsu_shoukai .group .inner>DIV>DIV {
			width: 30%
		}

		.shisetsu_shoukai .group .inner>DIV>DIV IMG {
			width: 100%;
			max-width: 200px
		}

		.shisetsu_shoukai .group .inner>DIV>DIV P {
			margin: 2px 0 0;
			text-align: center;
			font-weight: 900;
			font-size: 85%
		}

		.shisetsu_shoukai .group .inner>DIV .readmore {
			position: absolute;
			top: 13px;
			right: 10px
		}

		@media only screen and (max-width:768px) {
			.shisetsu_shoukai .group .inner>DIV .readmore {
				position: relative;
				top: auto;
				right: auto
			}
		}

		@media only screen and (max-width:768px) {

			.shisetsu_shoukai .group .inner>DIV>DIV,
			.shisetsu_shoukai .group .inner>DIV>UL {
				width: 100%
			}
		}

		.shisetsu_shoukai .mainCarousel {
			margin: 15px 0 20px
		}

		.shisetsu_shoukai .mainCarousel .item {
			width: 100%
		}

		.shisetsu_shoukai .mainCarousel .item .title {
			position: absolute;
			bottom: 4px;
			width: 100%;
			background: hsla(0, 0%, 100%, .685);
			text-align: center;
			opacity: 0
		}

		.shisetsu_shoukai .navCarousel {
			margin: 0 0 60px
		}

		@media only screen and (max-width:768px) {
			.shisetsu_shoukai .navCarousel {
				display: none
			}
		}

		.shisetsu_shoukai .navCarousel .item {
			width: 18%;
			margin: 0 13px 0 0
		}

		.shisetsu_shoukai .navCarousel .item:last-of-type {
			padding-right: 0
		}

		.shisetsu_shoukai .navCarousel .item.is-selected>IMG {
			border: 2px solid #ccc;
			opacity: .5 !important
		}

		.agreement {
			margin: 20px 0 0
		}

		.agreement .group {
			display: flex;
			flex-wrap: wrap
		}

		.agreement .group.type1 .groupTitle {
			border-bottom-color: #b46e2c
		}

		.agreement .group.type1 .item .itemTitle {
			background-color: #b46e2c
		}

		.agreement .group.type1 .item .itemTitle:before {
			border-right-color: #7f4d1f
		}

		.agreement .group.type1 .item .itemTitle:after {
			border-left-color: #7f4d1f
		}

		.agreement .group.type2 .groupTitle {
			border-bottom-color: #2c8db4
		}

		.agreement .group.type2 .item .itemTitle {
			background-color: #2c8db4
		}

		.agreement .group.type2 .item .itemTitle:before {
			border-right-color: #1f637f
		}

		.agreement .group.type2 .item .itemTitle:after {
			border-left-color: #1f637f
		}

		.agreement .group.type3 .groupTitle {
			border-bottom-color: #b42c3e
		}

		.agreement .group.type3 .item .itemTitle {
			background-color: #b42c3e
		}

		.agreement .group.type3 .item .itemTitle:before {
			border-right-color: #7f1f2c
		}

		.agreement .group.type3 .item .itemTitle:after {
			border-left-color: #7f1f2c
		}

		.agreement .group.type4 .groupTitle {
			border-bottom-color: #2cb469
		}

		.agreement .group.type4 .item .itemTitle {
			background-color: #2cb469
		}

		.agreement .group.type4 .item .itemTitle:before {
			border-right-color: #1f7f4a
		}

		.agreement .group.type4 .item .itemTitle:after {
			border-left-color: #1f7f4a
		}

		.agreement .group .groupTitle {
			width: 100%;
			margin: 0 0 15px;
			padding: 10px 10px 0 0;
			background-image: none;
			border-bottom: 2px solid #888
		}

		.agreement .group .item {
			width: 50%;
			padding: 0 10px;
			margin: 0 0 10px
		}

		@media only screen and (max-width:768px) {
			.agreement .group .item {
				width: 100%
			}
		}

		.agreement .group .item.full {
			width: 100%
		}

		.agreement .group .item .itemTitle {
			position: relative;
			z-index: 1;
			margin: 0;
			padding: 7px;
			background-image: none;
			background-color: #888;
			border-width: 0;
			text-align: center;
			color: #fff
		}

		.agreement .group .item .itemTitle:after,
		.agreement .group .item .itemTitle:before {
			border: none;
			border-bottom: 8px solid transparent;
			content: "";
			position: absolute;
			top: 100%
		}

		.agreement .group .item .itemTitle:before {
			border-right: 10px solid #555;
			left: 0
		}

		.agreement .group .item .itemTitle:after {
			border-left: 10px solid #555;
			right: 0
		}

		.agreement .group .item .inner {
			position: relative;
			top: -14px;
			margin: 0 10px;
			padding: 20px;
			background-color: #fff;
			box-shadow: 0 0 8px -3px rgba(0, 0, 0, .6)
		}

		.agreement .group .item .inner .date {
			margin: 5px 0 20px;
			text-align: right;
			font-weight: 700;
			font-size: 80%;
			color: #888
		}

		.agreement .group .item .inner .achieveList {
			color: #333
		}

		.support .supportRow {
			display: flex;
			margin: 20px 0
		}

		@media only screen and (max-width:768px) {
			.support .supportRow {
				display: block
			}
		}

		.support .supportRow .supportItem {
			display: flex;
			flex-direction: column;
			width: 100%;
			margin: 0 12px 0 0
		}

		@media only screen and (max-width:768px) {
			.support .supportRow .supportItem {
				display: block;
				width: 100% !important;
				margin: 0 0 20px
			}
		}

		.support .supportRow .supportItem:last-of-type {
			margin-right: 0
		}

		.support .supportRow .supportItem H4 {
			justify-content: space-between;
			align-items: flex-end;
			margin: auto 0 7px;
			padding: 0;
			background-image: none;
			border-width: 0;
			font-weight: 900;
			font-size: 95%;
			color: #333
		}

		.support .supportRow .supportItem H4:after {
			content: "";
			width: 100%;
			height: 1px;
			background-color: #333
		}

		@media only screen and (max-width:768px) {
			.support .supportRow .supportItem H4 {
				font-size: 130%
			}
		}

		.support .supportRow .supportItem H4 .place {
			display: block;
			font-size: 85%;
			color: #777
		}

		.support .supportRow .supportItem .supportImgs {
			display: flex;
			margin: 0 0 5px;
			min-height: 0
		}

		@media only screen and (max-width:768px) {
			.support .supportRow .supportItem .supportImgs {
				display: block
			}
		}

		.support .supportRow .supportItem .supportImgs .supportImgItem {
			width: 100%;
			margin: 0 3px 0 0
		}

		.support .supportRow .supportItem .supportImgs .supportImgItem:last-of-type {
			margin-right: 0
		}

		@media only screen and (max-width:768px) {
			.support .supportRow .supportItem .supportImgs .supportImgItem {
				margin: 0 0 10px !important;
				width: 100% !important
			}

			.support .supportRow .supportItem .supportImgs .supportImgItem>IMG {
				width: 100%
			}
		}

		.workLifeBalance {
			margin: 0 10px
		}

		.workLifeBalance .workLifeList {
			margin: 30px 0 60px;
			overflow: hidden
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList {
				margin: 20px 10px;
				overflow: unset
			}
		}

		.workLifeBalance .workLifeList .item {
			position: relative;
			left: -20px;
			width: calc(100% + 40px);
			transform: rotate(5deg);
			overflow: hidden;
			box-shadow: 0 0 8px -4px rgba(0, 0, 0, .3)
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item {
				left: auto;
				width: 100%;
				margin: 0 0 20px;
				transform: unset;
				overflow: unset;
				box-shadow: 0 0 8px -4px rgba(0, 0, 0, .5)
			}
		}

		.workLifeBalance .workLifeList .item:first-of-type,
		.workLifeBalance .workLifeList .item:first-of-type .itemInner {
			transform: unset !important
		}

		.workLifeBalance .workLifeList .item:last-of-type {
			margin-bottom: -55px !important
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item:last-of-type {
				margin-bottom: 0 !important
			}
		}

		.workLifeBalance .workLifeList .item:nth-of-type(n+2) {
			margin-top: -62px
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item:nth-of-type(n+2) {
				margin-top: 0
			}
		}

		.workLifeBalance .workLifeList .item:nth-of-type(2n) {
			transform: rotate(-5deg) !important
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item:nth-of-type(2n) {
				transform: unset !important
			}
		}

		.workLifeBalance .workLifeList .item:nth-of-type(2n) .itemInner {
			transform: rotate(5deg) !important
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item:nth-of-type(2n) .itemInner {
				transform: unset !important
			}
		}

		.workLifeBalance .workLifeList .item:nth-of-type(2n) .itemInner .detail {
			order: 2;
			background-color: #fff !important
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item:nth-of-type(2n) .itemInner .detail {
				background-color: #f9f9f9 !important
			}
		}

		.workLifeBalance .workLifeList .item:nth-of-type(2n) .itemInner .titleBg {
			order: 1
		}

		.workLifeBalance .workLifeList .item .itemInner {
			display: flex;
			min-height: 200px;
			margin-top: -35px;
			margin-bottom: -35px;
			padding: 0 20px;
			transform: rotate(-5deg)
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item .itemInner {
				flex-wrap: wrap;
				min-height: 0;
				margin-top: 0;
				margin-bottom: 0;
				padding: 0;
				transform: unset
			}
		}

		.workLifeBalance .workLifeList .item .itemInner .detail {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 60%;
			padding: 100px 20px 160px;
			background-color: #f9f9f9;
			color: #333
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item .itemInner .detail {
				order: 2;
				display: block;
				width: 100%;
				padding: 20px
			}
		}

		.workLifeBalance .workLifeList .item .itemInner .detail .detailInner .subTitle {
			margin: 0 0 0 -1px;
			letter-spacing: -1px;
			line-height: 26px;
			font-weight: 500;
			font-size: 200%;
			color: #555
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item .itemInner .detail .detailInner .subTitle {
				display: none
			}
		}

		.workLifeBalance .workLifeList .item .itemInner .detail .detailInner>H3 {
			margin: 0 0 15px;
			padding: 0;
			background-image: none;
			border-width: 0;
			font-weight: 900;
			font-size: 120%;
			color: #4360dc
		}

		.workLifeBalance .workLifeList .item .itemInner .detail .detailInner P {
			margin: 0;
			line-height: 18px;
			font-size: 95%
		}

		.workLifeBalance .workLifeList .item .itemInner .titleBg {
			width: 40%;
			background-size: auto 90%;
			background-position: 50%;
			background-repeat: no-repeat
		}

		@media only screen and (max-width:768px) {
			.workLifeBalance .workLifeList .item .itemInner .titleBg {
				order: 1;
				width: 100%;
				height: 40vw;
				background-size: cover
			}
		}

		.setsumeikai {
			display: flex;
			margin: 30px 0 0;
			padding: 0 15px
		}

		@media only screen and (max-width:768px) {
			.setsumeikai {
				display: block
			}
		}

		.setsumeikai .thumb {
			width: 30%;
			box-shadow: 0 0 8px -3px rgba(0, 0, 0, .5)
		}

		@media only screen and (max-width:768px) {
			.setsumeikai .thumb {
				width: 100%
			}
		}

		.setsumeikai .desc {
			display: flex;
			flex-direction: column;
			width: 70%;
			padding: 0 0 0 20px
		}

		@media only screen and (max-width:768px) {
			.setsumeikai .desc {
				width: 100%;
				padding: 20px 0 0
			}
		}

		.setsumeikai .desc .small {
			margin: 0;
			font-size: 80%;
			color: #555
		}

		.setsumeikai .desc .styleBtnWrap {
			margin-top: auto;
			padding-top: 30px
		}

		.setsumeikaiForm {
			margin: 20px 0 0
		}

		TABLE.form {
			width: 100%;
			border-collapse: collapse;
			table-layout: fixed
		}

		@media only screen and (max-width:768px) {
			TABLE.form {
				font-size: 110%
			}
		}

		@media only screen and (max-width:768px) {
			TABLE.form TR:last-of-type TD {
				border-width: 1px
			}
		}

		TABLE.form TD,
		TABLE.form TH {
			border: 1px solid #e5e5e5;
			border-width: 1px 0
		}

		@media only screen and (max-width:768px) {

			TABLE.form TD,
			TABLE.form TH {
				border-width: 1px 1px 0
			}
		}

		TABLE.form TH {
			width: 30%;
			padding: 20px 25px;
			background-color: #dcf3f2;
			text-align: left;
			font-weight: 900;
			font-size: 100%;
			color: #333
		}

		@media only screen and (max-width:768px) {
			TABLE.form TH {
				display: block;
				width: 100%;
				padding: 10px 15px
			}
		}

		TABLE.form TH.require:after {
			content: "必須";
			margin: 0 0 0 3px;
			padding: 2px 5px 0;
			background-color: #eb0046;
			border-radius: 5px;
			white-space: nowrap;
			font-size: 80%;
			color: #fff
		}

		TABLE.form TD {
			width: 70%;
			padding: 15px;
			background-color: #fcfcfc
		}

		@media only screen and (max-width:768px) {
			TABLE.form TD {
				display: block;
				width: 100%
			}
		}

		TABLE.form TD INPUT[type=email],
		TABLE.form TD INPUT[type=password],
		TABLE.form TD INPUT[type=search],
		TABLE.form TD INPUT[type=tel],
		TABLE.form TD INPUT[type=text],
		TABLE.form TD TEXTAREA {
			width: 100%;
			padding: 10px;
			background-color: #f3f3f3;
			border-radius: 2px;
			border-width: 0
		}

		TABLE.form TD INPUT[type=email]:focus,
		TABLE.form TD INPUT[type=password]:focus,
		TABLE.form TD INPUT[type=search]:focus,
		TABLE.form TD INPUT[type=tel]:focus,
		TABLE.form TD INPUT[type=text]:focus,
		TABLE.form TD TEXTAREA:focus {
			outline: 2px solid #6acdcc
		}

		TABLE.form TD INPUT[type=email]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=password]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=search]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=tel]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=text]:-ms-input-placeholder,
		TABLE.form TD TEXTAREA:-ms-input-placeholder {
			color: #aaa
		}

		TABLE.form TD INPUT[type=email]::placeholder,
		TABLE.form TD INPUT[type=password]::placeholder,
		TABLE.form TD INPUT[type=search]::placeholder,
		TABLE.form TD INPUT[type=tel]::placeholder,
		TABLE.form TD INPUT[type=text]::placeholder,
		TABLE.form TD TEXTAREA::placeholder {
			color: #aaa
		}

		TABLE.form TD INPUT[type=email]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=email]::-moz-placeholder,
		TABLE.form TD INPUT[type=email]::-webkit-input-placeholder,
		TABLE.form TD INPUT[type=password]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=password]::-moz-placeholder,
		TABLE.form TD INPUT[type=password]::-webkit-input-placeholder,
		TABLE.form TD INPUT[type=search]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=search]::-moz-placeholder,
		TABLE.form TD INPUT[type=search]::-webkit-input-placeholder,
		TABLE.form TD INPUT[type=tel]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=tel]::-moz-placeholder,
		TABLE.form TD INPUT[type=tel]::-webkit-input-placeholder,
		TABLE.form TD INPUT[type=text]:-ms-input-placeholder,
		TABLE.form TD INPUT[type=text]::-moz-placeholder,
		TABLE.form TD INPUT[type=text]::-webkit-input-placeholder,
		TABLE.form TD TEXTAREA:-ms-input-placeholder,
		TABLE.form TD TEXTAREA::-moz-placeholder,
		TABLE.form TD TEXTAREA::-webkit-input-placeholder {
			color: #aaa;
			opacity: 1
		}

		TABLE.form TD SELECT {
			padding: 10px;
			background-color: #f3f3f3;
			border-radius: 2px;
			border-width: 0
		}

		TABLE.form TD SELECT:focus {
			outline: 2px solid #6acdcc
		}

		TABLE.form TD .notice {
			margin: 5px 0;
			font-weight: 900;
			font-size: 90%;
			color: #1da7a4
		}

		TABLE.form TD DL {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			margin: 0
		}

		TABLE.form TD DL DT {
			width: 25%;
			margin: 0 0 10px
		}

		TABLE.form TD DL DT.require:after {
			content: "必須";
			margin: 0 0 0 5px;
			padding: 2px 5px 0;
			background-color: #eb0046;
			border-radius: 5px;
			white-space: nowrap;
			text-align: center;
			font-weight: 900;
			font-size: 80%;
			color: #fff
		}

		@media only screen and (max-width:768px) {
			TABLE.form TD DL DT {
				width: 100%;
				margin: 0 0 5px
			}
		}

		TABLE.form TD DL DD {
			width: 75%;
			margin: 0 0 10px
		}

		@media only screen and (max-width:768px) {
			TABLE.form TD DL DD {
				width: 100%
			}
		}

		TABLE.form TD DL DD.dateTimeSelect {
			display: flex;
			justify-content: space-between;
			align-items: center
		}

		@media only screen and (max-width:768px) {
			TABLE.form TD DL DD.dateTimeSelect {
				flex-wrap: wrap
			}
		}

		TABLE.form TD DL DD.dateTimeSelect SELECT {
			width: 60px
		}

		@media only screen and (max-width:768px) {
			TABLE.form TD DL DD.dateTimeSelect SELECT {
				width: 40%;
				margin: 0 0 7px
			}
		}

		.boshu .boshuHeader {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			height: 280px;
			min-height: 0;
			margin: 20px 0;
			padding: 20px 40px;
			background-image: url(/recruit_images/recruit/image1.jpeg);
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: bottom 38% center;
			border-width: 0;
			text-shadow: 0 0 3px rgba(0, 0, 0, .7);
			font-weight: 900;
			font-size: 190%;
			color: #fff
		}

		@media only screen and (max-width:768px) {
			.boshu .boshuHeader {
				min-height: auto;
				padding: 0;
				background-image: none;
				text-shadow: none;
				font-size: 120%;
				color: #333
			}
		}

		@media only screen and (max-width:380px) {
			.boshu .boshuHeader {
				font-size: 110%
			}
		}

		@media only screen and (max-width:345px) {
			.boshu .boshuHeader {
				font-size: 100%
			}
		}

		.boshu .boshuHeader .deadline {
			display: flex;
			justify-content: flex-end;
			margin: 7px 0 0;
			padding: 10px 0 0;
			border-top: 1px solid #fff;
			text-align: right
		}

		.boshu .boshuHeader .deadline .inner {
			padding: 2px 15px 0;
			background-color: #fff;
			border-radius: 30px;
			text-shadow: none;
			font-size: 60%;
			color: #ce8909
		}

		@media only screen and (max-width:768px) {
			.boshu .boshuHeader .deadline .inner {
				background-color: #333;
				color: #fff
			}
		}

		.boshu .guide {
			display: flex
		}

		@media only screen and (max-width:768px) {
			.boshu .guide {
				display: block
			}
		}

		.boshu .guide .mynavi {
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: center;
			width: 40%;
			padding: 20px 25px;
			background-color: #fff;
			box-shadow: 0 0 6px -2px rgba(0, 0, 0, .3)
		}

		@media only screen and (max-width:768px) {
			.boshu .guide .mynavi {
				width: calc(100% - 20px);
				margin: 0 10px 40px
			}
		}

		.boshu .guide .mynavi .titleImg {
			width: 90%;
			min-height: 0
		}

		.boshu .guide .mynavi .qrArea {
			display: flex;
			align-items: center;
			width: 100%;
			min-height: 0;
			margin: 10px 0 0
		}

		.boshu .guide .mynavi .qrArea>IMG {
			width: 40%;
			border-radius: 10px
		}

		.boshu .guide .mynavi .qrArea .txt {
			width: 60%;
			padding: 0 0 0 20px;
			text-align: left
		}

		.boshu .guide .btns {
			width: 60%;
			padding: 0 0 0 35px
		}

		@media only screen and (max-width:768px) {
			.boshu .guide .btns {
				width: calc(100% - 20px);
				margin: 0 10px;
				padding: 0
			}
		}

		.boshu .guide .btns .styleBtnWrap:first-of-type {
			margin-top: 20px
		}

		.boshu .guide .btns .styleBtnWrap:last-of-type {
			margin-bottom: 10px
		}

		.boshu .guide .btns .styleBtnWrap A {
			width: 100%
		}

		#main-image .ttl[data-v-37968110] {
			max-width: 100%
		}

		UL.list[data-v-37968110] {
			margin-left: 2em
		}

		#sidebar #sidemenu[data-v-c50ab8aa] {
			height: auto
		}

		#sidebar #sidemenu LI:not(.current) .sub LI.sage[data-v-c50ab8aa] {
			display: none
		}

		@media only screen and (max-width:768px) {
			#sidebar[data-v-c50ab8aa] {
				margin: 40px 0 0
			}

			#sidebar[data-v-c50ab8aa],
			#sidebar #sidemenu[data-v-c50ab8aa],
			#sidebar #sidemenu LI[data-v-c50ab8aa] {
				width: 100%
			}

			#sidebar #sidemenu LI A[data-v-c50ab8aa] {
				width: 100% !important
			}

			#sidebar .banner-list-area .banner-list[data-v-c50ab8aa] {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-around
			}
		}


.article-box img{
max-width:100% !important;
}