<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page
         - index

--------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------*/

#topsdgs {
 width: 100vw;
 height: 100vh;
 transition: all 1s;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999;
 display: flex;
	background: url(../image/top_sdgs.png?d=20240313) #07052D no-repeat center center;
	background-size: contain;
}

#topsdgs::before {
 position: absolute;
 top: -120px;
 left: 0;
 display: block;
 content: "";
 width: 60px;
 height: 100%;
 background-color: #fff;
 opacity: 0;
 transition: cubic-bezier(.37,.84,.83,.51);
	animation: hikari 3s ease-in-out;
}

@keyframes hikari {
86% {
 transform: scale(2) rotate(45deg);
 opacity: 0;
}
88% {
 transform: scale(20) rotate(45deg);
 opacity: 0.6;
}
92% {
 transform: scale(30) rotate(45deg);
 opacity: 0.5;
}
96% {
 transform: scale(45) rotate(45deg);
 opacity: 0.3;
}
100% {
 transform: scale(50) rotate(45deg);
 opacity: 0;
}
}

.topsdgsloaded {
  opacity: 0;
  visibility: hidden;
}


.bxslider .text {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-45%);
  right: 0;
  text-align: center;
}

#top .box-slider .bxslider a {
  position: relative;
  z-index: 100;
}

#top .box-slider .bxslider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#top .content {
  position: relative;
}

#top .box-new {
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

.box-new .container {
  padding: 45px 60px 30px 60px;
  color: #fff;
}

.box-new .list-item {
  padding-top: 20px;
  margin-top: 5px;
  border-top: 1px solid #fff;
}

.box-new .list-item li {
  margin-bottom:  10px;
  line-height: 22px;
}

.box-new .list-item li a {
  color: #fff;
  font-size:  16px;
}

.box-new .list-item li a .type {
  background: #fff;
  color: #282828;
  width: 110px;
  height: 24px;
  font-family: NotoSansMonoCJKjp-Bold;
  text-align: center;
}

.box-new .list-item li a .date {
  padding: 0 15px 0 35px;
}

.box-new .btn {
  width: 250px;
}

#top .box-about {
  width: 100%;
  height: 972px;
  background: url(../../image/top/bg-about-bottom.png) no-repeat center bottom;
  background-size: contain;
  position: relative;
}

#top .box-about .container.flex {
  justify-content: flex-end;
  -ms-justify-content: flex-end;
}

#top .box-about img.pc {
  width: 40%;
  max-width: 752px;
  position: absolute;
  top: 61%;
  left: 11%;
  transform: translateY(-50%);
}

#top .box-about .info {
  width: 470px;
  margin-top: 340px;
}

#top .box-about h3 {
  line-height: 50px;
  font-size: 30px;
  font-family: NotoSansMonoCJKjp-Bold;
  margin-bottom: 15px;
  margin-top: 5px;
}

#top .box-about p {
  margin-bottom: 20px;
}

#top .box-about p.comp {
	width: 460px;
  margin-bottom: 20px;
			text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
 -1px 1px 0 #FFF, 1px -1px 0 #FFF,
 0px 1px 0 #FFF,  0-1px 0 #FFF,
 -1px 0 0 #FFF, 1px 0 0 #FFF;
}


#top .box-about .box-btn {
  margin-left: 10px;
}

#top .box-service {
  position: relative;
  padding: 80px 0;
  background: #f7f7f7;
}

/*#top .box-service::before {
  top: -45px;
  right: 0;
  border-top: 415px solid #07052D;
  border-left: 415px solid transparent;
}

#top .box-service::after {
  bottom: -45px;
  left: 0;
  border-bottom: 330px solid #07052D;
  border-right: 330px solid transparent;
}*/

#top .box-service ul {
  justify-content: space-around;
  -ms-justify-content: space-around;
  align-items: flex-end;
  -ms-lign-items: flex-end;
}

#top .box-service li {
  width: 310px;
  margin: 20px 0 0 0;
}

#top .box-service h3 {
  min-height: 97px;
  /*font-size: 32px;*/
  font-size: 30px;
  font-family: NotoSansMonoCJKjp-Bold;
		line-height: 1.2;
}

#top .box-service h3 span {
  display: block;
		padding: 5px 0 0;
  font-size: 14px;
}

#top .box-service li img {
		display: block;
		margin: 0 auto 10px;
}

#top .box-service li p {
  margin: 15px 0 20px 0;
  font-size: 13px;
  min-height: 46px;
}

#top .box-service .photo {
  height: 135px;
  align-items: center;
  -ms-align-items: center;
}

#top .box-recruit {
  width: 100%;
  padding: 100px 0 80px 0;
  background: url(../../image/top/bg-recruit.png) no-repeat center center;
  z-index: -1;
}

#top .box-recruit .container {
  border: 5px solid #1e1e81;
  border-top: none;
  padding: 80px 0 95px 60px;
  position: relative;
}

#top .box-recruit .info {
  width: 540px;
}

h2.line {
  width: 100%;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  padding: 15px;
  background: url(../../image/top/bg-trans.png) repeat ;
  display: inline-block;
  line-height: 50px;
}

h2.line::before,
h2.line::after {
  content: "";
  position: absolute;
  top: 35%;
  width: calc(50% - 127px);
  height: 5px;
  background: #1e1e81;
  z-index: 1;
}

h2.line::before {
  left: -5px;
}

h2.line::after {
  right: -5px;
}

/*#top .box-recruit h2 span {
  display: block;
  color: #212121;
}*/


#top .box-recruit h3 {
  /*font-size: 35px;*/
  font-size: 30px;
  line-height: 50px;
  font-weight: bold;
  font-family: NotoSansMonoCJKjp-Bold;
}

#top .box-recruit p {
  margin: 15px 0 20px 0;
}

#top .box-recruit .box-btn {
  justify-content: space-between;
  -ms-justify-content: space-between;
}

#top .box-company {
  width: 100%;
  height: 497px;
  background: url(../../image/top/bg-company.png) no-repeat center center;
  background-size: cover;
}

#top .box-company .info {
  width: 610px;
  margin-top: 0;
}

#top .box-company .container.flex {
  justify-content: flex-start;
  align-items: center;
  -ms-justify-content: flex-start;
  -ms-align-items: center;
  height: 100%;
}

#top .box-contact {
  background: #bfbfbf;
  padding: 60px;
}

.nonews {
	margin: 0 0 20px;
}

#top .box-sdgs {
  width: 100%;
  height: 497px;
		padding: 40px 0 0;
}

#top .box-sdgs .container p {
	margin: 20px 0;
}



/*--------------------------------------------------------------------------------------------
  about
--------------------------------------------------------------------------------------------*/
.page .box-banner {
  width: 100%;
  height: 510px;
}

.page .box-banner::before {
  content: "";
  width: 100%;
  height: 390px;
  position: absolute;
  background: rgba(0,0,0,0.5);
  margin-top: 120px;
}

.page .box-banner h2 {
  position: relative;
  padding-top: 230px;
  text-align: center;
}

.page .box-intro {
  padding: 80px 0 95px 0;
}

.page h3 {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 20px;
}

.page .box-intro p {
  margin-bottom: 25px;
}

.page .box-intro .text-right {
  font-size: 24px;
  color: #1e1e1e;
  margin-top: 50px;
}

.page .table-info th,
.page .table-info td {
  padding: 12px 0;
  line-height: 35px;
  border-bottom: 1px solid #000;
}

.page .table-info th {
  width: 210px;
  font-family: NotoSansMonoCJKjp-Bold;
  text-align: left;
		vertical-align: top;
}

.page .table-info td {
  width: 870px;
}

.page .table-info td img {
	margin-right: 20px;
}

.page .triangle::before {
  top: 0;
  right: 0;
}

.page .triangle::after {
  bottom: 0;
  left: 0;
}

/*.page .triangle-330-blue::before {
  border-top: 14vw solid #07052d;
  border-left: 14vw solid transparent;
}

.page .triangle-330-blue::after {
  border-bottom: 14vw solid #07052d;
  border-right: 14vw solid transparent;
}*/

#about .box-banner {
  background: url(../../image/about/bg-banner.png) no-repeat center center;
  background-size: cover;
}

#about .box-greeting {
  background: url(../../image/about/bg-greeting.png) no-repeat center center;
  background-size: cover;
}

#about .box-explanation {
  background: url(../../image/about/bg-explanation.png) no-repeat center center;
  background-size: cover;
}

#about .box-recruit {
  padding: 80px 0 100px 0;
  background: url(../../image/about/bg-recruit.png) no-repeat center center;
  background-size: cover;
}

#about .box-recruit .container {
  border: 5px solid #fff;
  border-top: none;
  padding: 100px 90px 45px 90px;
  position: relative;
}

#about .box-recruit h2 {
  position: absolute;
  width: 100%;
  top: -45px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

#about .box-recruit .info li {
  line-height: 34px;
  font-size: 24px;
  margin-bottom: 20px;
padding-left:1em;
text-indent:-1em;
}

#about .box-recruit h2::before,
#about .box-recruit h2::after {
  content: "";
  position: absolute;
  top: 40%;
  width: calc(50% - 345px);
  height: 5px;
  background: #fff;
  z-index: 1;
}

#about .box-recruit h2::before {
  left: -5px;
}

#about .box-recruit h2::after {
  right: -5px;
}

.page .box-strenght .flexend {
  justify-content: flex-end;
}

#about .box-strenght01 {
  background: url(../../image/about/bg1-strenght.png) no-repeat center center;
  background-size: cover;
}

#about .box-strenght02 {
  background: url(../../image/about/bg2-strenght.png) no-repeat center center;
  background-size: cover;
}

#about .box-strenght03 {
  background: url(../../image/about/bg3-strenght.png) no-repeat center center;
  background-size: cover;
}

#about .box-strenght01,
#about .box-strenght02,
#about .box-strenght03 {
  align-items: center;
  -ms-align-items: center;
  height: 505px;
}

#about .box-strenght02 {
  justify-content: flex-end;
  -ms-justify-content: flex-end;
}


.page .box-strenght p {
  width: 470px;
}

.paget .box-strenght h4 {
  font-size: 30px;
  margin-bottom: 5px;
}

.page .box-strenght h4 {
  font-size: 30px;
}

.page .box-strenght h4 span {
  font-size: 50px;
  font-style: italic;
  padding-left: 10px;
}

/*.page .box-strenght::before {
  border-top: 420px solid #07052d;
  border-left: 420px solid transparent;
}

.page .box-strenght::after {
  border-bottom: 330px solid #07052d;
  border-right: 330px solid transparent;
}*/

/*--------------------------------------------------------------------------------------------
  company
--------------------------------------------------------------------------------------------*/
#company .box-banner {
  background: url(../../image/company/bg-banner.png) no-repeat center center;
  background-size: cover;
}

#company .box-company-overview {
  padding: 80px 0 100px 0;
  position: relative;
}

#company .box-company-overview::before {
  border-top: 200px solid #2c2686;
  border-left: 200px solid transparent;
}

#company .box-company-overview::after {
  border-bottom: 200px solid #2c2686;
  border-right: 200px solid transparent;
}

#company .box-sale-service {
  padding: 80px 0 100px 0;
}

#company .box-sale-service .info-map {
  justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  margin-top: 30px;
}

#company .box-sale-service .info-map .text {
  width: 310px;
}

#company .box-sale-service h4 {
  padding: 0 8px 0px 18px;
  line-height: 40px;
  background: #2c2686;
  position: relative;
  color: #fff;
  font-size: 20px;
  display: inline-block;
}

#company .box-sale-service h3 {
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 5px;
}

#company .box-sale-service h4::after {
  bottom: 0;
  right: -40px;
  left: inherit;
  border-bottom: 40px solid #2c2686;
  border-right: 40px solid transparent;
}

#company .box-sale-service .map {
  margin-top: 40px;
}

#company .box-sale-service .map.line {
  padding-bottom: 60px;
  margin-bottom: 20px;
  border-bottom: 2px solid #2c2686;
}

#company .box-sale-service .map iframe {
  width: 100%;
  height: 380px;
}

#company .box-history {
  padding: 80px 0 100px 0;
  position: relative;
}
/*--------------------------------------------------------------------------------------------
  news
--------------------------------------------------------------------------------------------*/
#news .box-new {
  padding: 100px 0 85px 0;
}

#news .box-banner {
  background: url(../../image/news/bg-banner.png) no-repeat center center;
  background-size: cover;
}

#news .list-category {
  margin-left: 20px;
}

#news .list-category li {
  margin-right: 15px;
}

#news .list-category li a {
  line-height: 25px;
  padding: 0 5px;
  background: #c0bedb url(../../image/news/icon-next.png) no-repeat right 5px center;
}

#news .list-category li a:hover,
#news .list-category li a.active {
  background: #fff url(../../image/news/icon-next.png) no-repeat right 5px center;
}

#news .list-category li a span {
  color: #2c2686;
  font-size: 16px;
  margin-right: 25px;
  font-family: NotoSansMonoCJKjp-Bold;
}

#news .top {
  align-items: center;
  -ms-align-items: center;
}

#news .pagination {
  margin: 0 auto 45px auto;
}

#news .pagination ul {
  justify-content: center;
}

#news .pagination li {
  margin: 0 25px;
 font-size: 24px;
  color: #221815;
}

#news .pagination li.active {
	color: #221815 !important;
	text-decoration: underline;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: bold;
}

#news .pagination li:last-child {
  margin-left: 0;
}

#news .pagination li:first-child {
}

#news .pagination li a,
#news .pagination li span {
  font-size: 24px;
  color: #221815;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: bold;
}

#news .pagination li span {
  text-decoration: underline;
}

#news .box-detail .triangle-left,
#news .box-detail .triangle-left  {
  position: absolute;
  width: 0;
  height: 0;
}

#news .box-detail::before {
  top: 20px;
  right: 0;
  border-top: 625px solid #07052d;
  border-left: 625px solid transparent;
  z-index: -1;
}

#news .box-detail::after {
  left: 0;
  border-bottom: 625px solid #07052d;
  border-right: 625px solid transparent;
  z-index: -1;
}

#news .box-detail {
  padding: 100px 0;
}

#news .box-detail .content {
  background: #fff;
  padding: 40px 40px 100px 40px;
  border: 5px solid #1e1e81;
}

#news .box-detail .content-left {
  width: 690px;
		float: left;
}

#news .box-detail .content-right {
	float: right;
  width: 235px;
  margin-top: 125px;
}

#news .box-detail .type {
  display: inline;
  line-height: 24px;
  padding: 0 37px;
  background: #1e1e81;
  font-size: 16px;
  color: #fff;
}

#news .box-detail .date {
  font-size: 16px;
  margin-top: 15px;
}

#news .box-detail h3 {
  font-size: 20px;
  margin-bottom: 8px;
}

#news .box-detail p {
  margin: 35px 0 55px 0;
}

#news .box-detail .box-btn {
  justify-content: center;
  -ms-justify-content: center;
  margin-bottom: 20px;
}

#news .box-detail .btn,
.nobtn {
  width: 210px;
  margin: 0 5px;
		font-weight: bold;
}

#news .nobtn {
	border: 4px solid #CCC;
	text-align: center;
	line-height: 48px;
}

#news .box-detail .content {
  justify-content: space-between;
}

#news .box-detail h2 {
  font-size: 34px;
  padding-left: 5px;
}

#news .box-detail h2 span {
  font-size: 14px;
  padding-left: 5px;
}

#news .box-detail .content-right::before {
  top: -65px;
  border-top: 70px solid #1e1e81;
  border-left: 70px solid transparent;
}

#news .box-detail .content-right::after {
  border-bottom: 70px solid #1e1e81;
  border-right: 70px solid transparent;
  bottom: -70px;
  left: -15px;
}

#news .box-detail .content-right ul {
  margin: 25px 0 30px 0;
}

#news .box-detail .content-right li {
  padding: 8px 10px;
  border-top: 1px solid #9696c4;
}

#news .box-detail .content-right li:last-child {
  border-bottom: 1px solid #9696c4;
}

#news .box-detail .content-right li a {
  color: #212121;
  background: url(../../image/news/icon-next.png) no-repeat right center;
  font-family: NotoSansMonoCJKjp-Bold;
}

.newsdetail img {
	max-width: 100%;
	height: auto;
}

.newsdetail a {
	text-decoration: underline;
}


/*--------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------*/
#recruit .box-banner {
  background: url(../../image/recruit/bg-banner.png) no-repeat center center;
  background-size: cover;
}

#recruit .box-mess {
  width: 100%;
  color: #fff;
  background: url(../../image/recruit/bg-mess.png) no-repeat center center;
  padding: 55px 0 85px 0;
}

#recruit .box-mess .info {
  width: 550px;
}

#recruit .box-strenght01 {
  background: url(../../image/recruit/bg1-about.png) no-repeat center center;
  background-size: cover;
}

#recruit .box-strenght02 {
  background: url(../../image/recruit/bg2-about.png) no-repeat center center;
  background-size: cover;
}

#recruit .box-strenght03 {
  background: url(../../image/recruit/bg3-about.png) no-repeat center center;
  background-size: cover;
}

#recruit .box-strenght01,
#recruit .box-strenght02,
#recruit .box-strenght03 {
  align-items: center;
  -ms-align-items: center;
  height: 530px;
}

#recruit .box-strenght01 h3 {
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
 -1px 1px 0 #FFF, 1px -1px 0 #FFF,
 0px 1px 0 #FFF,  0-1px 0 #FFF,
 -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#recruit .box-strenght02 {
  justify-content: flex-end;
  -ms-justify-content: flex-end;
}

#recruit .box-job {
  padding: 80px 0 55px 0;
}

#recruit .box-job h2.flex {
  justify-content: flex-end;
}

#recruit .box-job .intro {
  margin: 20px;
  margin-bottom: 80px;
}

#recruit .box-job h2.line::before,
#recruit .box-job h2.line::after {
  width: calc(50% - 267px);
}

#recruit .box-job h3 {
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#recruit .box-job h3::before {
  border-top: 45px solid #2c2686;
  border-left: 45px solid transparent;
}

#recruit .box-job h3::after {
  border-bottom: 45px solid #2c2686;
  border-right: 45px solid transparent;
}

#recruit .box-job ul {
  padding-top: 100px;
}

#recruit .box-job ul li {
  margin-bottom: 70px;
}

#recruit .box-job ul li p {
  padding-left: 210px;
}

#recruit .box-ideal {
  padding: 100px 0 85px 0;
  background: url(../../image/recruit/bg-ideal.png) no-repeat center center;
  background-size: cover;
}

#recruit .box-ideal .container {
  background: rgba(255,255,255,0.7);
  padding: 90px 0 15px 0;
}

#recruit .box-ideal h2 {
  position: absolute;
  top: -43px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

#recruit .box-ideal li {
  margin-bottom: 35px;
  font-size: 24px;
}

#recruit .box-ideal li:first-child {
  margin-left: 60px;
}

#recruit .box-ideal li:last-child {
  margin-left: 200px;
}

#recruit .box-ideal li:nth-child(2) {
  margin-left: 130px;
}

#recruit .box-ideal li span {
  font-size: 30px;
  padding-right: 40px;
  display: inline-block;
  position: relative;
}

#recruit .box-ideal li span::after {
  content: " ";
  position: absolute;
  top: 5px;
  right: 19px;
  width: 2px;
  height: 40px;
  -ms-transform: rotate(30deg); /* IE 9 */
  -webkit-transform: rotate(30deg); /* Safari */
  transform: rotate(30deg);
  background: #1e1e81;
}

#recruit .box-ideal li p {
	display: inline-block;
	margin: 10px 0 0;
}

#recruit .box-welfare {
  padding: 80px 0 50px 0;
}

#recruit .box-welfare h2 {
  margin-bottom: 50px;
}

/*#recruit .box-welfare::before {
  border-top: 415px solid #07052d;
  border-left: 415px solid transparent;
}

#recruit .box-welfare::after {
  border-bottom: 330px solid #07052d;
  border-right: 330px solid transparent;
}*/

#recruit .box-welfare ul {
  margin-bottom: 50px;
  flex-wrap: wrap;
  text-align: center;
}

#recruit .box-welfare li {
  margin: 0 85px 0px 10px;
}

#recruit .box-welfare li:last-child,
#recruit .box-welfare .list-btn-small li:last-child {
  margin-right: 0;
}

#recruit .box-welfare .list-btn-small li h3 {
  width: 210px;
}

#recruit .box-welfare .list-btn-small li {
  margin: 0 60px 0 10px;
}

#recruit .box-welfare li h3 {
  width: 290px;
  line-height: 73px;
  background: #cecde0;
  font-size: 22px;
}

#recruit .box-welfare li h3:before {
  top: -10px;
  right: -10px;
  border-top: 50px solid rgba(44,38,134, 0.8);
  border-left: 50px solid transparent;
}

#recruit .box-welfare li h3:after {
  left: -10px;
  bottom: -10px;
  border-bottom: 50px solid rgba(44,38,134, 0.8);
  border-right: 50px solid transparent;
}

#recruit .box-welfare li p {
  margin-top: 25px;
}

#recruit .box-work-point {
  padding: 80px 0 65px 0;
  background: url(../../image/recruit/bg-work-point.png) no-repeat center center;
  background-size: cover;
}

#recruit .box-work-point ul {
  margin-top: 25px;
}

#recruit .box-work-point li {
  margin-bottom: 35px;
  line-height: 40px;
}

#recruit .box-work-point li span {
  font-size: 36px;
  display: inline-block;
  vertical-align: top;
}

#recruit .box-work-point li p {
  display: inline-block;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 5px solid #2c2686;
  font-size: 26px;
  line-height: 40px;
}

#recruit .box-work-point li:nth-child(2) {
  margin-left: 112px;
}

#recruit .box-work-point li:nth-child(3) {
  margin-left: 243px;
}

#recruit .box-straining {
  padding: 80px 0 100px 0;
  background: url(../../image/recruit/bg-straining.png) no-repeat center center;
  background-size: cover;
}

#recruit .box-straining .info {
  margin-top:  20px;
}

#recruit .box-straining .info .text {
  position: absolute;
  top: 50%;
  left: 500px;
  transform: translateY(-50%);
  padding: 75px 40px;
  background: rgba(44,38,134, 0.8);
  color: #fff;
}

#recruit .box-requirement {
  padding: 80px 0 85px 0;
}

#recruit .box-requirement p {
  margin: 20px 0;
}

#recruit .box-requirement h4::after {
  bottom: 0;
  right: -60px;
  left: inherit;
  border-bottom: 60px solid #2c2686;
  border-right: 60px solid transparent;
}

#recruit .box-requirement h4 {
  padding: 0 80px 0px 28px;
  line-height: 60px;
  background: #2c2686;
  position: relative;
  color: #fff;
  font-size: 24px;
  display: inline-block;
  margin: 0;
}

#recruit .box-requirement .list-btn {
  margin-top: 20px;
  margin-bottom: 40px;
}

#recruit .box-requirement .list-btn  .btn {
  margin-right: 40px;
}

#recruit .box-requirement p.norecruit {
	margin: 0 0 30px;
}


/*--------------------------------------------------------------------------------------------
  recruit detail
--------------------------------------------------------------------------------------------*/
.recruit-detail .box-banner {
  /*background: url(../../image/recruit/bg-banner-detail.png) no-repeat center center!important;
  background-size: cover;*/
}

.recruit-detail .box-banner::before {
  background: none!important;
}

.recruit-detail .box-banner h3 {
  position: relative;
  padding-top: 235px;
  padding-left: 150px;
  font-size: 40px;
  line-height: 55px;
}

.recruit-detail .box-banner h3 u {
  text-decoration: none;
  box-shadow: inset 0 0px 0 white, inset 0 -15px 0 rgba(44,38,134, 0.5);
}

.recruit-detail .box-banner .box-icon {
  padding-left: 150px;
}

.recruit-detail .box-banner .box-icon span {
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  margin: 0 10px;
  color: #fff;
  font-size: 22px;
  letter-spacing: 0.5em;
		text-indent: 0.5em;
}

.recruit-detail .box-list-link {
  padding: 25px 0;
}

.recruit-detail .box-list-link li {
  display: inline-block;
  margin: 10px 14px 10px 0;
}

.recruit-detail .box-list-link li.btnr07 a:link {
	padding: 2px 0;
}

.recruit-detail .box-list-link li.btnr07 .animated-button span::after {
	position: absolute;
	right: 0;
	top: 13px;
}

.recruit-detail .box-list-link li:nth-child(5n+0) {
  margin-right: 0;
}

.recruit-detail .box-list-link .btn {
  width: 200px;
}

.recruit-detail .box-list-link a:hover {
	border:4px solid #2c2686;
}

.recruit-detail  .box-strenght01 {
  height: 460px!important;
  background: url(../../image/recruit/bg-about-detail.png) no-repeat center center!important;
}

.recruit-detail  .box-strenght::after {
  border: none!important;
}

.box-num-detail {
	padding: 85px 0;
}

.box-num-detail h2 {
	margin: 0 auto 40px;
	text-align: center;
}

.box-num-detail ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.box-num-detail ul li {
	max-width: 340px;
	padding: 0 28px 40px;
	margin-bottom: 30px;
	background: #f7f7f7;
}

.box-num-detail ul li p span{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.box-num-detail ul li .head{
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
	font-family: NotoSansMonoCJKjp-Bold, sans-serif;
	position: relative;
}

.box-num-detail ul li .icon{
	text-align: center;
	padding: 0;
	position: relative;
}

.box-num-detail ul li .text{
	font-size: 14px;
	font-family: NotoSansMonoCJKjp-Regular, sans-serif;
}

@media all and (min-width: 769px) {
  .img-mynavi {
    width: 200px;
  }
	.box-num-detail ul li .head1 {
		height: 115px;
	}

	.box-num-detail ul li .icon1 {
		height: 131px;
		margin-bottom: 40px;
	}

	.box-num-detail ul li .head2 {
		height: 115px;
	}

	.box-num-detail ul li .icon2 {
		margin-top: -40px;
		height: 206px;
		margin-bottom: 30px;
	}

	.box-num-detail ul li .head3 {
		height: 95px;
	}

	.box-num-detail ul li .icon3 {
		height: 178px;
		margin-bottom: 30px;
	}
}

.recruit-detail .box-work-detail {
  padding: 0 0 85px;
}

.recruit-detail .box-work-detail .photo {
  width: 50%;
}

.recruit-detail .box-work-detail .info {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-top: 75px;

}

.recruit-detail .box-work-detail .info .text {
  width: 490px;
  margin-right: calc(50% - 540px);
}

.recruit-detail .box-work-detail .info .text p {
  margin-bottom: 20px;
}

.recruit-detail .box-work-detail h2.line::before,
.recruit-detail .box-work-detail h2.line::after {
  width: calc(50% - 87px);
}

.box-welfare-detail {
	padding: 85px 0 45px;
	text-align: center;
}

.box-welfare-detail h2 {
	margin: 0 auto 40px;
	text-align: center;
}

.box-welfare-detail ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.box-welfare-detail ul li {
	width: 340px;
	padding: 40px 30px;
	margin-bottom: 30px;
	background: #fff;
	position: relative;
}

.box-welfare-detail ul li::before,.box-welfare-detail ul li::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	border-bottom: 30px solid #2c2686;
	border-top: 0;
	position: absolute;
}

.box-welfare-detail ul li::before {
	transform: rotate(45deg);
	top: -4px;
	right: -19px;
	z-index: 0;
}

.box-welfare-detail ul li::after {
	transform: rotate(225deg);
	left: -19px;
	bottom: -4px;
	z-index: 0;
}

.box-welfare-detail ul li .icon{
	margin-bottom: 20px;
	padding: 0;
	position: relative;
}

.box-welfare-detail ul li .icon img{
	max-width: 130px;
}

.box-welfare-detail ul li .head{
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 1.2;
	font-family: NotoSansMonoCJKjp-Bold, sans-serif;
	position: relative;
}

.box-welfare-detail ul li .text{
	font-size: 14px;
	font-family: NotoSansMonoCJKjp-Regular, sans-serif;
}

.recruit-detail .box-requirement-detail {
	margin-top: 90px;
  background: url(../../image/recruit/bg-requirement-detail.png) no-repeat center center;
  background-size: cover;
  padding-bottom: 100px;
}

.recruit-detail .box-requirement-detail h2::before {
  content: "";
  width: calc(50% - 560px);
  height: 5px;
  background: #2c2686;
  position:absolute;
  left: 0;
  top: 50%;
}

.recruit-detail .table-info th {
  width: 150px;
  background: #eee;
  text-align: center;
  border-left: 1px solid #000;
}

.recruit-detail .table-info th,
.recruit-detail .table-info td {
  line-height: 25px;
  font-family: 'NotoSansMonoCJKjp-Regular';
}

.recruit-detail .table-info td {
  border-right: 1px solid #000;
  padding-left: 60px;
  background: #fff;
}

.recruit-detail .table-info th,
.recruit-detail .table-info td {
  border-top: 1px solid #000;
}

.recruit-detail .table-info {
  margin-top: 25px;
}

.recruit-detail .box-btn .btn {
  margin-top: 25px;
  width: 400px;
}

.recruit-detail .table-info td span {
  text-decoration: underline;
  color: #0f7ade;
}

.recruit-detail .table-info td a {
	display: inline;
	color: #0D79DC;
	text-decoration: underline;
}

.recruit-detail .box-interview-detail {
  padding: 80px 0 100px 0;
  background: url(../../image/recruit/bg-interview-detail.png) no-repeat center center;
  background-size: cover;
}

.recruit-detail .box-interview-detail h2 {
  justify-content: flex-end;
  -ms-justify-content: flex-end;
}

.recruit-detail .box-interview-detail .photo {
  width: 54%;
}

.recruit-detail .box-interview-detail .photo3 {
  width: 54%;
  padding-top: 22px;
}

.recruit-detail .box-interview-detail .info {
  width: 100%;
  justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
  position: relative;
  margin-top: 10px;
}

.recruit-detail .box-interview-detail .info .text {
  width: 575px;
  margin-left: calc(50% - 590px);
}

.recruit-detail .box-interview-detail h3 {
  font-size: 36px;
  margin-bottom: 10px;
  position: absolute;
}

.recruit-detail .box-interview-detail h3 u {
  text-decoration: none;
  box-shadow: inset 0 0px 0 white, inset 0 -15px 0 #fff799;
}

.recruit-detail .box-interview-detail h4 {
  font-size: 24px;
  margin-bottom: 5px;
  padding-top: 55px;
}

.recruit-detail .box-banner h3 {
 margin-bottom: 25px;
}

.recruit-detail .box-slider {
	width: 100%;
	position: relative;
}

.recruit-detail .box-slider .navi-btn {
	width: 60px;
	height: 60px;
	background: url(../../image/recruit/slide_btn.svg) center/cover no-repeat;
	position: absolute;
	top: -99px;
	transition: background .2s;
	cursor: pointer;
}

.recruit-detail .box-slider .navi-btn:hover {
	background: url(../../image/recruit/slide_btn_hover.svg) center/cover no-repeat;
}

.recruit-detail .box-slider .navi-btn a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.recruit-detail .box-slider .navi-btn img{
	width: 100%;
	height: auto;
}

.recruit-detail .box-slider .navi-btn#prev-btn {
	right: 80px;
}

.recruit-detail .box-slider .navi-btn#next-btn {
	right: 0;
	transform: rotate(180deg);
}

.recruit-detail .box-interview-detail p {
  margin: 15px 0 10px;
}

.recruit-detail .box-inviroment-detail {
  padding: 80px 0 100px 0;
}

.recruit-detail .box-inviroment-detail h2 {
	margin-bottom: 30px;
}

.recruit-detail .box-inviroment-detail .bx-wrapper {
	width: 100vw;
	max-width: 100vw !important;
	margin: 0 calc(50% - 50vw);
}

.recruit-detail .box-inviroment-detail .inviroment-bxslider div {
	max-width: 615px;
	position: relative;
}

.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img {
	position: relative;
}

.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img img {
	width: 100%;
	height: auto;
}

.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::before,.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::after {
	content: '';
	width: 4.427083333333334vw;
	height: 4.427083333333334vw;
	max-width: 85px;
	max-height: 85px;
	background: url(../../image/recruit/environment_triangle.svg) center/cover no-repeat;
	position: absolute;
}

.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::before {
	top: 0;
	right: 0;
}

.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::after {
	left: 0;
	bottom: 0;
	transform: rotate(180deg);
}

.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.txt {
  margin-top: 10px;
	text-align: center;
}

.recruit-detail .box-training-detail {
  padding: 90px 0 25px;
  background: url(../../image/recruit/bg-strain-detail.png) no-repeat center center;
  background-size: cover;
}

.recruit-detail .box-training-detail .content-top {
  margin-top: 40px;
  margin-bottom: 65px;
  justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -ms-align-items: center;
}

.recruit-detail .box-training-detail .content-top .text {
  width: 470px;
}

.recruit-detail .box-training-detail  h4 {
  width: 410px;
  line-height: 60px;
  color: #fff;
  font-size: 24px;
  padding: 0 30px;
}

.recruit-detail .box-training-detail .content-top h4 {
  margin-left: 60px;
}

.recruit-detail .box-training-detail .content-top h4::after {
  border-bottom: 60px solid #2c2686;
  border-left: 60px solid transparent;
  left: -60px;
}

.recruit-detail .box-training-detail .content-top p {
  margin-top: 35px;
}

.recruit-detail .box-training-detail .content-bottom h4::after {
  border-bottom: 60px solid #2c2686;
  border-right: 60px solid transparent;
  right: -60px;
  left: unset;
}

.recruit-detail .box-training-detail h5 {
  margin: 25px 0 10px 0;
  padding-left: 70px;
  background: url(../../image/recruit/icon-strain-detail.png) no-repeat left 15px center;
  font-size: 18px;
  font-weight: bold;
  min-height: 40px;
  margin-left: 15px;
}

.recruit-detail .box-training-detail .detail  {
  align-items: center;
  -ms-align-items: center;
}

.recruit-detail .box-training-detail .detail .text {
  width: 600px;
  border: 2px solid #2c2686;
  padding: 25px;
  margin-left: 28px;
  background: #fff;
}

.recruit-detail .box-training-detail .detail .text::after {
  position: absolute;
  content: "";
  width: 26px;
  height: 16px;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../../image/recruit/icon-prev-detail.png);
}

.recruit-detail .box-training-detail .note {
  margin-top: 30px;
  padding: 25px 40px;
  background: rgba(57,49,171,0.3);
}

.recruit-detail .box-work-point li:nth-child(2) {
  margin-left: 115px!important;
}

.recruit-detail .box-work-point li:nth-child(3) {
  margin-left: 240px!important;
}

.recruit-detail .box-work-point li:last-child {
  margin-left: 370px!important;
}

.recruit-detail .box-work-point li:last-child div {
	margin: 8px 0 0;
}


.recruit-detail .box-work-point li p .text-small {
  font-size: 14px!important;
  font-family: 'NotoSansMonoCJKjp-Regular';
  line-height: 24px;
}

.recruit-detail .box-flow {
  padding: 80px 0 75px 0;
  background:  url(../../image/recruit/bg-flow.png) no-repeat center center;
}

.recruit-detail .box-flow ul {
  width: 820px;
  margin: 0 auto;
  margin-top: 35px;
  z-index: 1;
}

.recruit-detail .box-flow ul::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 90%;
  left: 40px;
  top: 5%;
  background: #9696c4;
  z-index: -1;
}

.recruit-detail .box-flow li {
  width: 100%;
  height: 50px;
  background: #fff;
  margin-bottom: 25px;
}

.recruit-detail .box-flow li span,
.recruit-detail .box-flow li div {
  display: inline-block;
  padding-top: 1px;
}

.recruit-detail .box-flow li .box-number {
  width: 120px;
  background: #959595;
  height: 50px;
}

.recruit-detail .box-flow li .box-number .step {
  font-size: 16px;
  padding: 0 10px 0 18px;
}

.recruit-detail .box-flow li .box-number .number {
  font-size: 24px;
}

.recruit-detail .box-flow li .title {
  min-width: 170px;
  padding-left: 40px;
  font-size: 20px;
  color: #1e1e81;
}

.recruit-detail .box-flow li .explain {
  font-family: 'NotoSansMonoCJKjp-Regular';
  font-size: 14px;
  color: #212121;
}

.recruit-detail .box-entry {
  padding: 80px 0 100px 0;
}

.recruit-detail .box-entry h2 {
  margin-bottom: 20px;
}

.recruit-detail .box-form {
  margin: 20px 10px 0 10px;
  padding: 40px 160px 45px 160px;
  background: #fff;
		position: relative;
}

.recruit-detail .box-form::before {
	display: block;
	content: " ";
	position: absolute;
	background: url(../../image/recruit/form_head.png) no-repeat 0 0;
	width: 1080px;
	height: 60px;
	left: -10px;
	top: -10px;
}

.recruit-detail .box-form::after {
	display: block;
	content: " ";
	position: absolute;
	background: url(../../image/recruit/form_bottom.png) no-repeat 100% 0;
	width: 1080px;
	height: 60px;
	left: -10px;
	bottom: -10px;
}

.recruit-detail .box-form .col {
  padding: 7px 0;
}

.recruit-detail  .box-form .col-title {
  width: 190px;
  line-height: 36px;
}

.recruit-detail   .box-form .col-input {
  width: 640px;
}

.recruit-detail  .margin-bottom10 {
  margin-bottom: 5px;
  display: block;
}

.recruit-detail  .margin-left20 {
  margin-left: 20px;
}

.recruit-detail  .font-red {
  color: #e8351d;
}

#recruit .scrollbar-chrome {
  width: 660px;
  height: 150px;
  border: 2px solid #a6a6a7;
  padding: 0 40px 20px 20px;
  margin-top: 20px;
  margin-bottom: 26px;
  text-align: left;
  background: #fff;
}



.recruit-detail  .note {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recruit-detail  .box-entry .btn {
  display: inline-block;
  margin-top: 20px;
}

.recruit-detail  .box-entry .note h4 {
  font-size: 18px;
  padding: 15px 0 10px 0;
}

.recruit-detail .box-input {
  margin-right: 20px;
}

/*input[type="radio"] {
  display:none;
}

input[type="radio"] + label {
  display: inline-block;
  width: 21px!important;
  height: 21px;
  vertical-align:middle;
  cursor:pointer;
}

input[type="radio"] + label {
  background:url(../../image/recruit/radio.png) no-repeat 0 0;
}

input[type="radio"]:checked + label {
  background:url(../../image/recruit/radio.png) -29px top no-repeat;
}
*/

input.txt-larg {
  width: 460px;
}

.inlineframe {
	background-color:#FFFFFF;
	width: 620px;
	margin: 30px auto 20px;
	height: 150px;
	padding: 10px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #CCC;
}

.inlineframe p {
	margin: 0 0 20px;
}

#recruit input[type=text],
input[type='tel'] {
	border: 1px solid #313131;
	padding: 9px 10px;
	width: 220px;
}

#recruit textarea {
	width: 100%;
	padding: 9px 10px;
	border: 1px solid #313131;
}

#recruit input.addr {
	width: 460px !important;
}

#recruit .rmgn {
	padding-top: 15px;
}

#recruit .rmgn2 {
	padding-top: 8px;
}

#recruit input.txt-larg {
	width: 460px;
}

.btn-black {
	margin: 30px 0 0;
	border: 4px solid #2c2686;
	font-size: 14px;
	padding: 13px;
	width: 260px;
	background-color: #FFF;
	font-family: NotoSansMonoCJKjp-Bold, sans-serif;
	cursor: pointer !important;
	color: #2c2686;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}

.btn-black:hover {
	background-color: #2c2686;
	color: #FFF;
}

.noentry {
    padding: 30px 0;
    text-align: center;
    font-size: 30px;
    color: #BF1C35;
}


/*--------------------------------------------------------------------------------------------
  service
--------------------------------------------------------------------------------------------*/

#service .box-banner {
  background: url(../../image/service/bg-banner.png) no-repeat center center;
  background-size: cover;
}

/*#service .box-about::before {
  border-top: 415px solid #07052d;
  border-left: 415px solid transparent;
}

#service .box-about::after {
  border-bottom: 330px solid #07052d;
  border-right: 330px solid transparent;
}*/

#service .box-about li {
}

#service .box-about li .container{
  padding: 80px 0 90px 0;
  justify-content: space-between;
  align-items: center;
}

#service .content h2 {
  font-size: 46px;
  line-height: 46px;
}

#service .content h2 span {
  display: block;
  text-align: left;
  font-size: 20px;
  padding-left: 0;
}

#service .box-about li .info {
  width: 630px;
}

#service .box-about li .info .text-top {
  margin-bottom: 60px;
}

#service .box-about li .info .box-about-btn {
  max-width: 470px;
  padding: 20px 0;
}

#service .box-about li .info .box-about-btn a::after {
  content: url(../image/icon-link.svg);
  right: 10px;
}

#service .box-about li .info .box-about-btn .font-blue {
  width: auto;
  font-size: 14px;
}

#service .box-about li .info .box-about-btn .font-blue span {
  display: inline-block;
  margin-right: 10px;
}

#service .box-about li .info .note {
  margin-top: 10px;
  font-size: 12px;
}

#service .box-about li .photo {
  /*padding-top: 90px;*/
}

#service .box-flow-work {
  padding: 80px 0 100px 0;
}

#service .box-flow-work ul {
  margin: 20px 60px 30px 60px;
  padding: 15px 0;
  background: #fff;
}

#service .box-flow-work ul li {
  margin-top: 25px;
}

#service .box-flow-work ul li h3 {
  width: auto;
  padding: 0 20px 0 30px;
  color: #fff;
  background: #07052d;
  position: relative;
  margin-bottom: 15px;
  font-size: 20px;
  display: inline-block;
  left: -10px;
}

#service .box-flow-work ul li h3 .flex {
  align-items: center;
  -ms-align-items: center;

}

#service .box-flow-work ul li h3 img {
  padding: 0 8px 0 8px;
  font-size: 20px;
}

#service .box-flow-work ul li h3::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -10px;
  left: 0;
  border-top: 10px solid #07052d;
  border-left: 10px solid transparent;
}

#service .box-flow-work ul li p {
  padding-left: 20px;
}

#service h2.font-small {
  font-size: 40px;
  line-height: 50px;
}

#service .list-info {
  padding: 100px 0 5px 0;
}

#service .list-info h3 span {
  width: 240px;
  line-height: 60px;
  padding: 0 10px 0 30px;
  color: #fff;
  font-size: 24px;
  position: relative;
  background: #07052d;
  display: inline-block;
}

#service .list-info h3 span::after {
  bottom: 0;
  right: -60px;
  left: inherit;
  border-bottom: 60px solid #07052d;
  border-right: 60px solid transparent;
  z-index: 1;
}

#service .list-info ul {
	float: left;
	width: 50%;
  margin: 0 0 35px;
}

#service .list-info dl {
  margin: 20px 25px 85px 25px;
}

#service .list-info ul li {
	padding: 0 0 0 25px;
}

#service .list-info ul li,
#service .list-info dd {
  font-size: 18px;
  line-height: 36px;
  color: #1e1e1e;
}

#service .list-info dt {
  font-size: 22px;
  color: #2c2686;
  margin-bottom: 10px;
  margin-top: 20px;
}

#service .list-info dd {
  width: 100%;
}

#service .box-other {
  padding: 80px 0 65px 0;
}

/*#service .box-other::before {
  border-top: 500px solid #07052d;
  border-left: 500px solid transparent;
}

#service .box-other::after {
  border-bottom: 260px solid #07052d;
  border-right: 260px solid transparent;
}*/

#service .box-other ul {
  margin-top: 25px;
  flex-wrap: wrap;
  justify-items: center;
  -ms-justify-items: center;
}

#service .box-other li {
  width: 50%;
  margin-bottom: 40px;
  position: relative;
  line-height: 30px;
  font-size: 20px;
  padding-left: 60px;
  min-height: 60px;
  align-items: center;
  -ms-align-items: center;
		background: url(../../image/service/mark.gif) no-repeat 0 center;
}

.onjyun {
	margin: -30px 25px 60px;
}



/*--------------------------------------------------------------------------------------------
  shinsotsu
--------------------------------------------------------------------------------------------*/
.flex {
  display: flex;
}

#shinsostu .box-banner,
#entry .box-banner {
  background: url(../../image/recruit/bg-banner.png) no-repeat center center;
  background-size: cover;
}

#shinsostu .box-about {
  padding: 82px 0 77px 0;
  background: url(../../image/shinsostu/bg-about.jpg) repeat;
}

#shinsostu h2 {
  text-align: center;
}

#shinsostu .box-about .intro,
#shinsostu .box-job-type .intro,
#shinsostu .box-information .intro,
#shinsostu .box-entry .intro {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 50px;
}

#shinsostu .box-about .info {
  justify-content: space-between;
}

#shinsostu .box-about li,
#shinsostu .box-job-type li {
  width: 320px;
  text-align: center;
}

#shinsostu .box-about .info li .photo {
  height: 144px;
}

#shinsostu .box-about li .title-about,
#shinsostu .box-about li p {
  text-align: left;
}

#shinsostu .box-about li h4 {
  display: inline-block;
  padding-right: 20px;
}

#shinsostu .box-about li .title-about {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #2c2686;
  padding-bottom: 0;
  margin-bottom: 8px;
  margin-top: 10px;
}

#shinsostu .box-about li p,
#shinsostu .box-job-type .info li p {
  line-height: 30px;
  text-align: left;
}

#shinsostu .box-job-type {
  padding: 80px 0;
}

#shinsostu .box-job-type .intro {
  margin-bottom: 70px;
}

#shinsostu .box-job-type .info {
  justify-content: center;
}

#shinsostu .box-job-type .info li {
  margin: 0 30px;
}

#shinsostu .box-job-type .info li h3 {
  border-bottom: 2px solid #2c2686;
  padding-bottom: 27px;
  font-size: 30px;
  margin-bottom: 10px;
}

#shinsostu .box-flow {
  padding: 80px 0 100px 0;
  background-color: #2c2686;
}

#shinsostu .box-flow::after {
  border-bottom: 330px solid #9693c3;
  border-right: 470px solid transparent;
}

#shinsostu .box-flow::before {
  top: 0;
  border-top: 330px solid #9693c3;
  border-left: 470px solid transparent
}

#shinsostu .box-flow .info {
  margin-top: 40px;
  justify-content: center;
}

#shinsostu .box-flow .info li {
  width: 140px;
  margin-right: 40px;
  background-color: #fff;
  z-index: 10;
}

#shinsostu .box-flow .info li:last-child {
  padding-right: 0;
}

#shinsostu .box-flow .info li::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff;
}

#shinsostu .box-flow .info li .step {
  width: 100%;
  text-align: center;
  background-color: #959595;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0 8px 0;
}

#shinsostu .box-flow .info li .step span {
  padding-left: 10px;
  font-size: 24px;
}

#shinsostu .box-flow .info li p {
  font-size: 18px;
  font-weight: bold;
  padding: 11px 25px;
  min-height: 70px;
  align-items: center;
  text-align: center;
  justify-content: center;
}

#shinsostu .box-flow .info li:last-child::after {
  position: static;
  border: none;
}

#shinsostu .box-information {
  padding: 80px 0 75px 0;
}

#shinsostu .box-information .intro {
  margin-bottom: 60px;
}

#shinsostu .box-information table {
  width: 960px;
  margin: 0 auto;
}

#shinsostu .box-information table td {
  padding: 8px 10px;
  border-top: 2px solid #2c2686;
  font-size: 18px;
  font-weight: bold;
}

#shinsostu .box-information table td:nth-child(4n+0) {
  font-weight: normal;
  font-size: 14px;
}

#shinsostu .box-information table td:last-child {
  text-align: right;
}

#shinsostu .box-information table tr:last-child td {
  border-bottom: 2px solid #2c2686;
}

#shinsostu .box-information table a {
  padding: 0 7px;
  color: #fff;
  background-color: #9693c3;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
}

#shinsostu .box-information .text {
  width: 730px;
  margin: 80px auto 0 auto;
  border: 1px solid #dcdcdc;
  padding: 45px 0;
  justify-content: center;
  align-items: center;
}

#shinsostu .box-information .text img {
  margin-left: 45px;
}

#shinsostu .box-entry {
  padding: 60px 0 100px 0;
  background-color: #f3f3f3;
}

#shinsostu .box-entry .intro {
  margin: 15px 0 20px 0px;
  font-weight: normal;
  font-size: 14px;
}

#shinsostu .box-entry .box-table {
  width: 1060px;
  margin: 0 auto;
  background-color: #fff;
}

#shinsostu .box-entry .box-table form {
  padding: 40px 140px 40px 190px;
}

#shinsostu .box-entry .box-table table th,
#shinsostu .box-form table th {
  width: 170px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 14px;
  position: relative;
  vertical-align: top;
  text-align: left;
}

#shinsostu .box-entry .box-table table th span,
#shinsostu .box-form table th span {
  position: absolute;
  left: 0;
  top: 10px;
}

#shinsostu .box-entry .box-table table td,
#shinsostu .box-form table td {
  width: 560px;
  padding-bottom: 14px;
  padding-top: 5px;
}

#shinsostu input[type="text"],
input[type='tel'] {
width: 460px;
}

/*input {
  width: 460px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #313131;
  color: #616161;
  font-size: 14px;
}

textarea {
  padding: 10px;
  width: 100%;
  height: 150px;
  color: #616161;
}


#shinsostu form .radio {
  display: inline-block;
  margin: 0 20px 0 10px;
}

input[type="radio"] {
  display:none;
}

input[type="radio"] + label {
  display: inline-block;
  width: 25px!important;
  height: 25px;
  vertical-align:middle;
  cursor:pointer;
}

input[type="radio"] + label {
  background:url(../../image/shinsostu/bg-radio.png) no-repeat 0 0;
}

input[type="radio"]:checked + label {
  background:url(../../image/shinsostu/bg-radio.png) -25px top no-repeat;
}

*/

.font-red {
  color: #e8351d;
}

#shinsostu .scrollbar-chrome {
  width: 660px;
  height: 150px;
  border: 2px solid #a6a6a7;
  padding: 0 40px 20px 20px;
  margin-top: 23px;
  margin-bottom: 13px;
  text-align: left;
  background: #fff;
}

#shinsostu .note {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: left;
}

#shinsostu .btn {
  display: inline-block;
  margin-top: 20px;
  width: 310px;
}

#shinsostu .note h4 {
  font-size: 18px;
  padding: 17px 0 10px 0;
}

.input-medium {
  width: 210px;
}

.input-box {
  margin-right: 40px;
  display: inline-block;
  margin-bottom: 15px;
}

.input-box input {
  margin-left: 10px;
}

.input-small {
  width: 140px !important;
}

#shinsostu .box-table::after {
  /*bottom: -10px;
  left: -10px;
  border-bottom: 60px solid #120d68;
  border-right: 60px solid transparent;*/
  	display: block;
	content: " ";
	position: absolute;
	background: url(../../image/recruit/form_bottom.png) no-repeat 100% 0;
	width: 1080px;
	height: 60px;
	left: -10px;
	bottom: -10px;
}

#shinsostu .box-table::before {
  /*top: -10px;
  left: -10px;
  border-top: 60px solid #120d68;
  border-right: 60px solid transparent;*/
  	display: block;
	content: " ";
	position: absolute;
	background: url(../../image/recruit/form_head.png) no-repeat 100% 0;
	width: 1080px;
	height: 60px;
	left: -10px;
	top: -10px;
}

#shinsostu .box-table form::after {
  bottom: -10px;
  right: -10px;
  left: unset;
  border-bottom: 60px solid #120d68;
  border-left: 60px solid transparent;
}

#shinsostu .box-table form::before {
  top: -10px;
  right: -10px;
  border-top: 60px solid #120d68;
  border-left: 60px solid transparent;
}

form {
  width: 100%;
}

.link-entry {
  min-width: 80px;
  position: fixed;
  top: 234px;
  right: 0;
  padding: 20px 30px 15px 20px;
  background-color: #120d68;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  writing-mode: vertical-rl;
  z-index: 10;
  text-align: center;
  line-height: 0.6;
}

.link-entry .text-entry {
  font-size: 30px;
}

.link-entry img {
  padding-top: 12px;
}

.link-entry-career {
  position: fixed;
  top: 234px;
  right: 0;
  z-index: 10;
}

/*--------------------------------------------------------------------------------------------
  entry
--------------------------------------------------------------------------------------------*/
#entry h2 {
  text-align: center;
}

#entry .box-mess {
  padding: 80px 0 120px 0;
  background-color: #2c2686;
  color: #fff;
  text-align: center;
}

#entry .box-mess .intro {
  font-size: 44px;
  margin: 60px 0 55px 0;
  font-weight: bold;
}

#entry .box-mess .desc {
  font-size: 18px;
  line-height: 1.8;
}

#entry .box-link {
  padding: 150px 0 175px 0;
  background: url(../../image/entry/bg-entry.png) no-repeat;
  background-size: cover;
}

#entry .box-link .flex {
  justify-content: center;
}

#entry .box-link li {
  width: 430px;
  margin: 0 40px;
}

#entry .box-link li h2 {
  text-align: center;
  font-size: 56px;
}

#entry .box-link li h2 span {
  font-size: 24px;
  padding-top: 5px;
}


/*--------------------------------------------------------------------------------------------
  sdgs
--------------------------------------------------------------------------------------------*/
#sdgs .box-banner {
  background: url(../../image/sdgs/bg-banner.png) no-repeat center center;
  background-size: cover;
}

#sdgs .box-banner h2.block span {
	font-size: 40px;
}

#sdgs .box-banner h2.block span.sub {
	font-size: 18px;
}


#sdgs .box-sdgs-intro {
	padding: 60px 0;
}

#sdgs .box-sdgs-intro dl {
	width: 900px;
	margin: 40px auto 0;
	display: flex;
}

#sdgs .box-sdgs-intro dl dt {
	margin: -10px 10px 0 0;
	font-size: 26px;
	font-weight: bold;
	color: #2c2686;
}

#sdgs .box-sdgs-intro dl dt span {
 font-size: 16px;
}

#sdgs .box-sdgs-intro dl dd {
	font-size: 13px;
}

#sdgs .box-sdgs-intro dl dd span {
	color: #c50e28;
}

#sdgs .box-sdgs-declaration {
	position: relative;
	padding: 60px 0;
}

#sdgs .box-sdgs-declaration::before {
  border-top: 200px solid #2c2686;
  border-left: 200px solid transparent;
}

#sdgs .box-sdgs-declaration::after {
  border-bottom: 200px solid #2c2686;
  border-right: 200px solid transparent;
}

#sdgs .box-sdgs-declaration .sengen {
	margin: 20px 0 0;
	font-size: 30px;
	line-height: 1.4;
}

#sdgs .box-sdgs-declaration .sig {
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}

#sdgs .box-sdgs-slogan {
	padding: 100px 0 120px;
}

#sdgs .box-sdgs-slogan p {
	margin: 50px 0 0;
	font-size: 40px;
	line-height: 1.4;
}

#sdgs .box-sdgs-initiatives {
	padding: 100px 0;
}

#sdgs .box-sdgs-initiatives table {
	width: 100%;
	margin: 40px 0 0;
}

#sdgs .box-sdgs-initiatives table th {
	position: relative;
	background-color: #1e1e81;
	color: #FFF;
	padding: 18px 8px;
}

#sdgs .box-sdgs-initiatives table th::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 0;
	right: 0;
 border-top: 56px solid #bfbfbf;
 border-left: 60px solid transparent;
}

#sdgs .box-sdgs-initiatives table td {
	background-color: #E5E5E5;
	padding: 10px 16px;
}

#sdgs .box-sdgs-initiatives table td:nth-of-type(1) {
 display: flex;
	text-align: center;
	align-items: center;
	font-weight: bold;
	justify-content: center;
}

#sdgs .box-sdgs-initiatives table td:nth-of-type(3) {
 display: flex;
	text-align: center;
	align-items: center;
	font-weight: bold;
	justify-content: center;
}

#sdgs .box-sdgs-initiatives table tr {
  display: grid;
  grid-template-columns: 230px 582px 200px;
  margin: 34px 0;
  gap: 34px;
	align-content: center;
}

#sdgs .box-sdgs-initiatives table tr:nth-of-type(1) {
	margin: 0;
}

#sdgs .box-sdgs-initiatives table tr:nth-of-type(2) {
 margin: 0;
}

#sdgs .box-sdgs-initiatives table td span {
	color: #1e1e81;
}

#sdgs .box-sdgs-initiatives table td li {
	list-style:none;
	padding-left:1em;
 text-indent:-1em;
	margin-bottom: 4px;
}

#sdgs .box-sdgs-initiatives table td li:before { content:"◆" }

#sdgs .box-sdgs-initiatives .pdfbtn {
	text-align: right;
	margin-bottom: 100px;
}

#sdgs .box-sdgs-initiatives .pdfbtn a {
	position: relative;
	top: -5px;
	display: inline-block;
	box-shadow: 5px 5px 0 #B3B5B4;
}

#sdgs .box-sdgs-initiatives .pdfbtn a:hover {
	top: 0px;
	box-shadow: none;
}

#sdgs .box-sdgs-sus {
	font-weight: 700;
	margin: 90px 0 0;
	border-left: 10px solid #1E1E81;
	border-right: 10px solid #1E1E81;
}

#sdgs .box-sdgs-sus .inner-f {
	border-top: 10px solid #1E1E81;
	border-bottom: 10px solid #1E1E81;
	padding: 50px;
	letter-spacing: 0.15em;
}

#sdgs .box-sdgs-sus .inner-c {
	border-bottom: 10px solid #1E1E81;
	padding: 24px 0 0;
	letter-spacing: 0.1em;
}

#sdgs .box-sdgs-sus .inner2Cont {
	display: flex;
	justify-content: space-between;
}

#sdgs .box-sdgs-sus .inner2Cont .image {
	width: 321px;
	font-size: 18px;
	font-weight: 700;
}

#sdgs .box-sdgs-sus .inner-f dl {
	color: #1E1E81;
}

#sdgs .box-sdgs-sus .inner-f dt {
	font-size: 20px;
}

#sdgs .box-sdgs-sus .inner-f dd {
	font-size: 26px;
}

#sdgs .box-sdgs-sus .inner-c h3 {
	font-size: 18px;
	color: #FFF;
	padding: 0 24px 0 80px;
	background-color: #1E1E81;
	line-height: 58px;
	display: inline-block;
	position: relative;
	letter-spacing: 0.04em;
	margin: 0 0 24px;
}

#sdgs .box-sdgs-sus .inner-c h3:after {
	position: absolute;
	top: 0;
	right: -58px;
	border-right: 58px solid transparent;
	border-bottom: 58px solid #1E1E81;
	content: "";
}

#sdgs .box-sdgs-sus .inner-c p {
	margin: 0 50px 24px;
	font-size: 16px;
	line-height: 1.65;
}

#sdgs .box-sdgs-sus .inner-c p.mgn60 {
	margin: 0 50px 60px;
}

#sdgs .box-sdgs-sus .inner-c p span.red {
	color: #c50e28;
}

/*--------------------------------------------------------------------------------------------
  reponsive
--------------------------------------------------------------------------------------------*/
@media all and (max-width: 768px) {
  #shinsostu .box-about {
    padding: 30px 0 10px 0;
  }

  .flex {
    display: block;
  }

  #shinsostu .box-about .intro,
  #shinsostu .box-job-type .intro,
  #shinsostu .box-information .intro,
  #shinsostu .box-entry .intro {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0px;
  }

  #shinsostu .box-about li, #shinsostu .box-job-type li {
    width: 100%;
    margin-bottom: 30px;
  }

  #shinsostu .box-job-type {
    padding: 30px 0 10px 0;
  }

  #shinsostu .box-job-type .info li {
    margin: 0 0 20px 0;
  }

  #shinsostu .box-job-type .info {
    margin-top: 20px;
  }

  #shinsostu .box-job-type .info li h3 {
    border-bottom: 1px solid #2c2686;
    padding-bottom: 5px;
    font-size: 18px;
    margin-bottom: 5px;
  }

  #shinsostu .box-about li p,
  #shinsostu .box-job-type .info li p {
    line-height: 20px;
    padding-bottom: 8px;
  }

  #shinsostu .box-flow {
    padding: 30px 0 20px 0;
  }

  #shinsostu .box-flow::before {
    border-top: 80px solid #9693c3;
    border-left: 80px solid transparent;
  }

  #shinsostu .box-flow::after {
    border-bottom: 80px solid #9693c3;
    border-right: 80px solid transparent;
  }

  #shinsostu .box-flow .info {
    margin-top: 20px;
    text-align: center;
  }

  #shinsostu .box-flow .info li {
    width: 100px;
    margin-right: 25px;
    display: inline-block;
    vertical-align: top;
    min-height: 93px;
    margin-bottom: 20px;
  }

  #shinsostu .box-flow .info li .step {
    font-size: 14px;
    padding: 5px 0 5px 0;
  }

  #shinsostu .box-flow .info li .step span {
    padding-left: 5px;
    font-size: 20px;
  }

  #shinsostu .box-flow .info li p {
    font-size: 14px;
    padding: 10px 15px;
    min-height: auto;
  }

  #shinsostu .box-flow .info li::after {
    right: -23px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 15px solid #fff;
  }

  #shinsostu .box-information {
    padding: 30px 0 30px 0;
  }

  #shinsostu .box-information table {
    width: 100%;
    margin-top: 20px;
  }

  #shinsostu .box-information table td {
    display: block;
    width: 100%;
    padding: 5px;
    border-top: none;
    font-size: 14px;
    /*width: 50%;
    float: left;*/
  }

  #shinsostu .box-information table td:last-child {
    width: 100%;
    text-align: left;
    padding: 0 5px 5px 5px;
  }

  #shinsostu .box-information table td:first-child,
  #shinsostu .box-information table td:nth-child(2) {
    border-top: 1px solid #2c2686;
  }

  #shinsostu .box-information table td:first-child {
    background-color: #EEE;
  }

  #shinsostu .box-information table a {
    font-size: 12px;
    line-height: 20px;
  }

  #shinsostu .box-information table tr:last-child td:last-child {
    border-bottom: 1px solid #2c2686;
  }

  #shinsostu .box-information table tr:last-child td {
    border-bottom: none;
  }

  #shinsostu .box-information .text {
    width: 100%;
    margin: 30px auto 0 auto;
    padding: 20px 10px;
    text-align: center;
  }

  #shinsostu .box-information .text img {
    margin-left: 0;
    display: inline-block;
    margin-top: 10px;
  }

  #shinsostu .box-entry {
    padding: 30px 0;
  }

  #shinsostu .box-entry .box-table {
    width: auto;
    margin-top: 20px;
  }

  /*#shinsostu .box-table::before {
    top: -5px;
    left: -5px;
    border-top: 40px solid #120d68;
    border-right: 40px solid transparent;
  }

  #shinsostu .box-table::after {
    bottom: -5px;
    left: -5px;
    border-bottom: 40px solid #120d68;
    border-right: 40px solid transparent;
  }
  */

  #shinsostu .box-table form::before {
    top: -5px;
    right: -5px;
    border-top: 40px solid #120d68;
    border-left: 40px solid transparent;
  }

  #shinsostu .box-table form::after {
    bottom: -5px;
    right: -5px;
    left: unset;
    border-bottom: 40px solid #120d68;
    border-left: 40px solid transparent;
  }

  #shinsostu .box-entry .box-table table th,
  #shinsostu .box-entry .box-table table td {
    width: 100%;
    display: block;
    /*float: left;*/
  }

  #shinsostu .box-form table th,
  #shinsostu .box-form table td {
    width: 100%;
    display: block;
  }

  #shinsostu .box-entry .box-table form {
    padding: 30px 15px 30px 15px;
  }

  input[type="text"] {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }

  #shinsostu .box-entry .box-table table td {
    padding-bottom: 10px;
  }

  #shinsostu .scrollbar-chrome {
    padding: 0 30px 10px 10px;
    margin-top: 15px;
  }

  #shinsostu .note h4 {
    font-size: 16px;
    padding: 7px 0 5px 0;
  }

  #shinsostu .btn {
    margin-top: 10px;
    max-width: 100%;
  }

  textarea {
    font-size: 12px;
    height: 100px;
  }

  .input-box {
    margin-right: 20px;
    margin-bottom: 10px;
  }

  #shinsostu .box-about .info {
    margin-top: 20px;
  }

  #entry .box-mess {
    padding: 30px 0 !important;
    color: #FFF !important;
    background-color: #2c2686 !important;
  }

  #entry .box-mess .intro {
    font-size: 22px;
    margin: 15px 0;
    line-height: 1.4;
  }

  #entry .box-mess .desc {
    font-size: 14px;
    line-height: 1.4;
  }

  #entry .box-link ul.flex {
  display: flex;
  }

  #entry .box-link li {
    width: 46%;
    margin: 0 auto;
    display: inline-block;
  }

  .animated-button-career span,
.animated-button-graduates span {
  padding-right: 20px;
}

  .animated-button-career span::after,
  .animated-button-graduates span::after {
    right: -5px;
  }

  .animated-button-career, .animated-button-graduates {
    width: 100% !important;
    border: 4px solid #2c2686 !important;
    padding-bottom: 20px !important;
  }

  .animated-button-career span, .animated-button-graduates span {
    font-size: 24px!important;
  }

  .animated-button-career span b, .animated-button-graduates span b {
    font-size: 14px;
  }

  .animated-button-graduates span::after {
    content: url(../../image/entry/icon-next-white.png) no-repeat;
  }

  .animated-button-career:hover {
    border: 4px solid #fff!important;
  }

  .animated-button-career span::after {
    content: url(../../image/entry/icon-next-blue-sp.png);
  }

  .animated-button-graduates span::after {
    content: url(../../image/entry/icon-next-white-sp.png);
  }

  a.animated-button-career:link:hover span::after,
  a.animated-button-career:visited:hover span::after {
    content: url(../../image/entry/icon-next-white-sp.png);
  }

  a.animated-button-graduates:link:hover span::after,
  a.animated-button-graduatesr:visited:hover span::after {
    content: url(../../image/entry/icon-next-blue-sp.png);
  }

/*#entry .box-link li:first-child {
    background: #2c2686 url(../../image/entry/icon-next-white.png) no-repeat right 5px center;
    background-size: 20px auto;
    border: 3px solid #2c2686;
    margin-right: 4%;
  }

  #entry .box-link li h2 span {
    font-size: 14px;
    padding-top: 0;
  }

  #entry .box-link li h2 {
    font-size: 24px;
  }

  #entry .box-link li:last-child {
    background: rgba(255, 255, 255, 0.5) url(../../image/entry/icon-next-blue.png) no-repeat right 5px center;
    border: 3px solid #2c2686;
    background-size: 20px auto;
  }
  */

  #entry .box-link {
    padding: 60px 0 65px 0;
  }

  .font-white {
    color: #FFF !important;
    }

  #shinsostu .box-table::before {
  width: 100%;
  background: transparent;
  }

  #shinsostu .box-table::after {
  width: 100%;
  background: transparent;
  }

  #shinsostu .box-entry .box-table {
 background-image:linear-gradient(45deg, #2C2585 10px, transparent 0),
                    linear-gradient(-45deg, #2C2585 10px, transparent 0),
                    linear-gradient(135deg, #2C2585 10px, transparent 0),
                    linear-gradient(-135deg, #2C2585 10px, transparent 0);
}

  .formbtn {
    text-align: center;
  }

	.box-num-detail {
		padding: 30px 0;
	}

	.box-num-detail h2 {
		margin: 0 auto 12px;
	}

	.box-num-detail ul li {
		width: 49.5%;
		padding: 15px;
		margin-bottom: 5px;
	}

	.box-num-detail ul li p span{
		position: static;
	}

	.box-num-detail ul li .head{
		font-size: 16px;
		margin-bottom: 15px;
	}

	.box-num-detail ul li .icon{
		margin-bottom: 15px;
	}

	.box-num-detail ul li .icon{
		margin-bottom: 15px;
	}

	.box-num-detail ul li .icon img{
		width: 100%;
		height: auto;
	}

	.box-num-detail ul li:nth-of-type(8) .icon3 img{
		width: 60%;
	}

	.box-num-detail ul li .text{
		font-size: 12px;
	}

	.box-welfare-detail {
		padding: 30px 0;
	}

	.box-welfare-detail h2 {
		margin: 0 auto 12px;
	}

	.box-welfare-detail ul li {
		width: 49.5%;
		padding: 20px;
		margin-bottom: 5px;
	}

	.box-welfare-detail ul li::before,.box-welfare-detail ul li::after {
		border-style: solid;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
		border-bottom: 15px solid #2c2686;
	}

	.box-welfare-detail ul li::before {
		top: -2px;
		right: -9px;
	}

	.box-welfare-detail ul li::after {
		left: -9px;
		bottom: -2px;
	}

	.box-welfare-detail ul li .icon{
		margin-bottom: 10px;
	}

	.box-welfare-detail ul li .icon img{
		width: 100%;
		max-width: 65px;
		height: auto;
	}

	.box-welfare-detail ul li .head{
		font-size: 15px;
		margin-bottom: 10px;
	}

	.box-welfare-detail ul li .text{
		font-size: 12px;
	}

	.recruit-detail .box-requirement-detail {
		margin-top: 30px;
	}

	.recruit-detail .box-slider {
		width: 100%;
		position: relative;
	}

	.recruit-detail .box-slider .navi-btn {
		width: 30px;
		height: 30px;
		position: absolute;
		top: -45px;
		opacity: 1;
		transition: opacity .2s;
		cursor: pointer;
	}

	.recruit-detail .box-slider .navi-btn:hover {
		opacity: .6;
	}

	.recruit-detail .box-slider .navi-btn a {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}

	.recruit-detail .box-slider .navi-btn img{
		width: 100%;
		height: auto;
	}

	.recruit-detail .box-slider .navi-btn#prev-btn {
		right: 40px;
		background: url(../../image/recruit/slide_btn.svg) center/cover no-repeat;
	}

	.recruit-detail .box-slider .navi-btn#next-btn {
		right: 0;
		background: url(../../image/recruit/slide_btn.svg) center/cover no-repeat;
		transform: rotate(180deg);
	}

	.recruit-detail .box-interview-detail p {
		margin: 15px 0 10px;
	}

	.recruit-detail .box-inviroment-detail {
		padding: 20px 0 60px !important;
	}

	.recruit-detail .box-inviroment-detail h2 {
		margin-bottom: 15px;
	}

	.recruit-detail .box-inviroment-detail .bx-wrapper {
		width: 100vw;
		max-width: 100vw !important;
		margin: 0 calc(50% - 50vw);
	}

	.recruit-detail .box-inviroment-detail .inviroment-bxslider {
		margin-left: 50%;
	}

	.recruit-detail .box-inviroment-detail .inviroment-bxslider div {
		max-width: 323px;
		position: relative;
		margin-left: -161.5px;
		margin-right: 181.5px !important;
	}

	.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::before,.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::after {
		content: '';
		width: 84vw;
		height: 84vw;
		max-width: 42.5px;
		max-height: 42.5px;
		background: url(../../image/recruit/environment_triangle.svg) center/cover no-repeat;
		position: absolute;
	}

	.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::before {
		top: 0;
		right: 0;
	}

	.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.img::after {
		left: 0;
		bottom: 0;
		transform: rotate(180deg);
	}

	.recruit-detail .box-inviroment-detail .inviroment-bxslider div p.txt {
		margin-top: 10px;
		text-align: center;
	}

	.recruit-detail .box-training-detail {
		padding: 20px 0 1px !important;
	}

  .img-mynavi {
    width: 150px;
  }
}


</pre></body></html>