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

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

   second

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

.sp {
  display: none;
}

.pc {
  display: block;
}

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

  body {
    font-size: 12px;
  }

  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

		.mw_wp_form input[type=submit] {
    -webkit-appearance: none;
		}

.aligncenter,.alignright,.alignleft {
	display: block;
	margin: 0 auto 20px;
}

  nav.flex,
  nav .box-tel {
    display: none;
  }

  .fl-left,
  .fl-right {
    float: none;
  }

  .container {
    width: 100%;
    padding-left: 15px!important;
    padding-right: 15px!important;
  }

  .full-max-width {
    max-width: 100%!important;
  }

  .full-width {
    width: 100%!important;
  }

  .menubt {
    z-index: 3;
    width: 60px;
    height: 60px;
    display: block;
    right: 0%;
    top: 0;
    position: absolute;
    background: #000;
  }

  .menubt span {
    width: 30px;
    height: 3px;
    display: block;
    background: #fff;
    border-radius: 0;
    position: absolute;
    right: 15px;
    top: 20px;
    transition: all 0.4s;
    transform: rotate(0deg);
  }

  .menubt .top {
    -webkit-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    transform: translateY(-250%);
  }

  .menubt .bottom {
    -webkit-transform: translateY(250%);
    -ms-transform: translateY(250%);
    transform: translateY(250%);
  }

  .menubt .menuclick1 {
    transform: rotate(-215deg);
  }

  .menubt .menuclick2 {
    background-color: rgba(255,255,255,0);
  }

  .menubt .menuclick3 {
    transform: rotate(215deg);
  }

  .menubt .text-menu {
    color: #fff;
    padding-top: 32px;
  }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	z-index: 1 !important;
}

  nav .container {
    padding: 0;
  }

  nav {
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 10;
    height: auto;
    padding-bottom: 44px;
    padding-top: 40px;
    width: 100%!important;
  }

  nav ul {
    width: 100%!important;
    height: auto!important;
    flex-direction: column;
    -ms-flex-direction: column;
  }

  nav li {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
    margin: 0 auto;
  }

  nav li:hover {
	background: none;
 }

  nav li a {
    width: 100%!important;
    line-height: normal;
    text-align: center;
    font-size: 20px;
    height: auto!important;
				padding: 4px 0;
  }

  nav .contact {
    padding-top: 15px;
  }

  nav .contact .title {
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
  }

  nav .contact .box-contact {
			margin: 0 5px;
    border: 1px solid #bcbcbd;
    padding: 2.5px;
  }

  nav .contact .box-contact .info {
    background: #bcbcbd;
    padding: 18px 0px;
				text-align: center;
  }

  nav .contact .box-contact .info-detail {
    display: inline-block;
  }

  nav .contact .box-contact .info-detail p {
    font-size: 11px;
  }
  nav .contact .box-contact .info-detail .number img {
    width: 24px;
    height: 24px;
  }

  nav .contact .box-contact .info-detail .number {
    font-size: 18px;
  }

  nav .contact .box-contact .info-detail .number a {
			display: inline;
			color: #2c2686;
			font-size: 18px;
		}

  header {
    height: 60px;
    display: block!important;
  }

  header h1 {
    margin-left: 10px;
    padding-top: 20px;
  }

  header h1 img {
    width: 220px;
  }

  header .tel {
    width: 60px;
    height: 60px;
    background: #e12f4b;
    text-align: center;
    padding-top: 11px;
    position: absolute;
    top: 0;
    right: 60px;
  }

  header .tel span {
    color: #fff;
    font-size: 11px;
    padding-top: 4px;
    display: block;
  }

  p {
    line-height: 17px;
  }

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

  a.animated-button.victoria-two {
    border: 2px solid #2c2686;
  }

  .animated-button span {
    font-size: 12px;
  }

  .animated-button span::after {
    padding-right: 10px;
    background-size: 5px auto;
  }

  a.btn:link, a.btn:visited {
    /*height: 34px;
    line-height: 27px;*/
				padding: 6px 0;
  }

  a.animated-button.victoria-two:hover {
    border: 2px solid #FFF;
  }

  a.animated-button.victoria-two {
    border: 2px solid #2c2686;
  }

  .animated-button span::after {
    padding-right: 10px;
    float: right;
  }

  h2 {
    font-size: 22px;
  }

  h2 span {
    font-size: 12px;
    padding-left: 10px;
  }

  .btn-larg {
    width: 174px;
  }

  footer .footer-contact::before {
    border-top: 50px solid #fff;
    border-left: 50px solid transparent;
  }

  footer .footer-contact::after {
    border-bottom: 50px solid #fff;
    border-right: 50px solid transparent;
  }

  footer .footer-contact {
    padding: 20px 0 30px 0;
  }

  footer .footer-contact .intro {
    margin: 6px 0 20px 0;
  }

  footer .footer-contact ul {
    display: block;
    text-align: center;
  }

  footer .footer-contact li {
    width: auto;
    display: inline-block;
    margin-bottom: 18px;
  }

  footer .footer-contact .info {
    margin: 3px;
    padding: 20px 20px 10px 20px;
  }

  footer .footer-contact .tel span {
    font-size: 25px;
    margin-left: 5px;
  }

  footer .footer-contact .tel img {
    width: 23px;
    height: 23px;
  }

  footer .footer-contact .tel:nth-child(2) img {
			vertical-align: -2px;
		}

  footer .footer-contact .tel {
    margin-top: 0;
  }

  footer .footer-contact h3 {
    font-size: 25px;
    top: -18px;
  }

  footer .footer-bottom {
    padding: 25px 0 30px;
    font-size: 12px;
  }

  footer .coppyright {
			margin: 30px 0 0 !important;
    font-size: 12px;
  }

  footer .info-address {
    width: 100%;
    flex-direction: column;
  }

  footer .info-address h3 {
    font-size: 13px;
  }

  footer .info-address p {
    padding-bottom: 10px;
  }

  footer .logo-footer {
    margin: 10px 0 5px 0;
				width: 220px;
				height: auto;
  }

  footer #ptop {
    bottom: 235px;
    right: 18px;
  }

		footer p {
			margin: 0;
		}

  .page .box-banner {
	  height: 255px;
  }

  .page .box-banner::before {
    height: 195px;
    margin-top: 60px;
  }

  .page .box-banner h2 {
	  padding-top: 115px;
  }

  .page .box-intro {
    padding: 15px 0 30px 0;
  }

  .page .box-intro .container {
    padding-left: 25px!important;
	  padding-right: 25px!important;
  }

  .page h3 {
    margin-bottom: 15px;
    margin-top: 5px;
    font-size: 16px;
    line-height: 25px;
  }

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

  .page .box-intro .text-right {
	  font-size: 15px;
    margin-top: 20px;
	  text-align: right;
  }

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

  .box-about-btn {
    padding: 8px 0;
  }

  .box-about-btn a::after {
    right: 10px;
  }

  .box-about-btn .flex {
    display: flex;
  }

  .box-about-btn .font-blue {
    width: 87px;
    font-size: 18px;
  }

  .box-about-btn .flex .font-black {
    font-size: 12px;
  }

/*--------------------------------------------------------------------------------------------
  top
--------------------------------------------------------------------------------------------*/
#topsdgs {
 width: 100%;
 height: 100vh;
 transition: all 1s;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999;
 display: flex;
	background: url(../image/top_sdgs_sp.png) #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;
}

  .bxslider img {
    width: 100%;
  }

  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 40px;
  }

  #top .box-new {
    top: -30px;
    margin: 0 10px;
  }

  .box-new .container {
    padding: 10px 17px 20px 17px !important;
  }

  .box-new h2 {
    font-size: 30px !important;
  }

  .box-new h2 span {
    font-size: 12px !important;
    padding-left: 10px;
  }

  .box-new .list-item {
    padding-top: 14px;
  }

		.box-new .list-item li {
			text-align: left;
			line-height: normal;
		}

  .box-new .list-item li a {
    font-size: 12px;
  }

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

		.wnl {
			float: left;
			margin-right: 10px;
		}

  .box-new .list-item li a .type {
			display: inline-block;
			width: 60px;
			height: auto;
  }

  .box-new .list-item p {
			text-align: left;
		}

  #top .box-about {
    height: auto;
    background: url(../../image/top/bg-about-bottom-sp.png) no-repeat center bottom;
    background-size: contain;
  }

		#top .box-about p.comp {
			 width: 100%;
				text-shadow: none;
		}

  #top .box-about .photo {
    padding-top: 240px;
  }

  #top .box-about .info {
    width: 100%;
    margin-top: 15px;
    padding-bottom: 50px;
  }

  #top .box-about h3 {
    line-height: 25px;
    font-size: 20px;
  }

  #top .box-about .box-btn {
    margin: 0 auto;
    text-align: center;
  }

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

  #top .box-service::after {
    bottom: 0;
    border-bottom: 80px solid #07052d;
    border-right: 80px solid transparent;
  }
*/
  #top .box-service {
    padding: 15px 0 10px 0;
  }

  #top .box-service .container{
    padding: 0 20px!important;
  }

  #top .box-service ul {
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    margin-top: 10px;
  }

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

  #top .box-service .photo {
    height: auto;
    text-align: center;
    justify-content: center;
  }

  #top .box-service li img {
    margin-bottom: 5px;
  }

  #top .box-service h3 {
    min-height: auto;
    font-size: 22px;
				margin-bottom: 5px;
  }

  #top .box-service h3 span {
    display: block;
    font-size: 12px;
  }

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

  #top .box-service .box-btn {
    text-align: center;
  }

  #top .box-recruit h3 {
    font-size: 20px;
    line-height: 25px;
  }

  #top .box-recruit .container {
    width: auto;
    border: 3px solid #1e1e81;
    border-top: none;
    padding: 45px 15px 10px 15px;
    position: relative;
    margin: 0 15px;
  }

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

  .btn {
    width: 215px;
  }

  #top .box-recruit .box-btn {
    flex-direction: column;
    text-align: center;
  }

  #top .box-recruit .box-btn .btn {
    margin: 0 auto;
    margin-bottom: 10px;
  }

  #top .box-recruit {
    padding: 42px 0 30px 0;
    background: url(../../image/top/bg-recruit.png) no-repeat 30% top;
  }

  #top .box-sdgs .box-btn {
    text-align: center;
  }

h2.line {
    line-height: 40px;
    padding: 30px 15px;
  }

  h2.block span {
    line-height: 20px;
  }

  h2.line::before,
  h2.line::after {
    top: 50px;
    width: calc(50% - 67px);
    height: 3px;
  }

  h2.line::before {
    left: 0px;
  }

  h2.line::after {
    right: 0px;
  }

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

  #top .box-company .info {
    margin-top: 30px;
  }

  #top .box-company h2 {
    padding-top: 10px;
  }

		#top .box-sdgs {
			height: auto;
			padding: 40px 0;
		}

		#top .box-sdgs .container p img {
			max-width: 100%;
			height: auto;
		}

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

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

  #about .box-recruit .container {
	border: 3px solid #fff;
	border-top: none;
	padding: 30px 20px 0px 20px !important;
	margin: 0 15px;
    width: auto;
  }

  #about .box-recruit .info li {
    line-height: 18px;
    font-size: 13px;
    margin-bottom: 15px;
  }

  #about .box-recruit h2 {
	top: -23px;
  }

  #about .box-recruit h2::before, #about .box-recruit h2::after {
	top: 23px;
    width: calc(50% - 200px);
    height: 3px;
  }

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

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

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

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

  .page .box-strenght01,
  .page .box-strenght02,
  .page .box-strenght03 {
    height: auto !important;
    display: block;
	  background: #f7f7f7!important;
	  padding: 15px 0 30px 0;
  }

  .page .box-strenght02 {
	  background: #fff!important;
  }

  .page .box-strenght h2 {
	  margin-bottom: 8px;
  }

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

  .page .box-strenght h4 span {
	  font-size: 27px;
	  padding-left: 5px;
  }

  .page .box-strenght h3 {
    margin-bottom: 10px;
    margin-top: 0;
  }

  .page .box-strenght p {
    width: 100%;
  }

  .page .box-strenght .flexend {
    display: block;
  }

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

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

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


  #company .box-company-overview,
  #company .box-sale-service,
  #company .box-history {
    padding: 15px 0 30px 0;
  }

		.page .table-info {
			width: 100%;
		}

  .page .table-info th,
  .page .table-info td {
			display: block;
    padding: 12px 5px;
    line-height: 1.2;
  }

  .page .table-info th {
    width: 100%;
				background-color: #EEEEEE;
  }

  .page .table-info td {
    width: 100%;
  }

  #company .box-sale-service h4 {
    padding: 0 5px 0px 10px;
    line-height: 30px;
	font-size: 15px;
  }

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

  #company .box-sale-service .info-map {
    justify-content: flex-start;
    -ms-justify-content: flex-start;
    align-items: flex-start;
    -ms-align-items: flex-start;
    margin-top: 10px;
    flex-direction: column;
  }

  #company .box-sale-service .info-map .text {
    width: 100%;
    margin-bottom: 0;
	margin-top: 20px;
  }

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

  #company .box-sale-service .map.line {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  #company .box-sale-service .map iframe {
	height: 250px;
  }


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

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

  /*--------------------------------------------------------------------------------------------
  news
--------------------------------------------------------------------------------------------*/
  #news .box-new {
    padding: 0px 0 30px 0;
    margin-top: 30px;
  }

  #news .top {
	  flex-direction: column;
  }

  #news .list-category {
    margin-left: 0;
    flex-wrap: wrap;
	  margin-top: 10px;
  }

  #news .list-category li {
	  margin-bottom: 10px;
	  line-height: 20px;
  }

  #news .list-category li a span {
	  font-size: 12px;
    margin-right: 15px;
  }

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

  #news .pagination ul {
	  flex-wrap: wrap;
	  display: flex;
  }

  #news .pagination ul li {
			font-size: 18px;
		}

  #news .pagination li:first-child {

  }

  #news .pagination li a, #news .pagination li span {
    font-size: 18px;
  }

  #news .pagination li {
	  margin: 0 4%;
  }

  #news .box-detail .content {
	  flex-direction: column;
  }

  #news .box-detail::before {
	  top: 0;
    border-top: 100px solid #07052d;
    border-left: 100px solid transparent;
  }

  #news .box-detail::after {
	  border-bottom: 100px solid #07052d;
    border-right: 100px solid transparent;
  }

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

  #news .box-detail .content {
    padding: 20px;
    border: 3px solid #1e1e81;
  }

  #news .box-detail .type {
    line-height: 20px;
    padding: 0 25px;
    font-size: 14px;
  }

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

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

  #news .box-detail p {
    margin: 15px 0 25px 0;
  }

  #news .box-detail .box-btn {
	  text-align: center;
    flex-wrap: wrap;
  }

  #news .box-detail .btn {
	  margin: 5px;
  }

  #news .box-detail .content-right {
	  margin-top: 25px;
  }

  #news .box-detail .content-right::before {
    top: -15px;
    border-top: 35px solid #07052d;
    border-left: 35px solid transparent;
  }

  #news .box-detail h2 {
    font-size: 20px;
  }

  #news .box-detail h2 span {
    font-size: 12px;
  }

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

  #news .box-detail .content-right li {
	  padding: 5px 10px;
  }

  #news .box-detail .content-right::after {
    border-bottom: 35px solid #07052d;
    border-right: 35px solid transparent;
    bottom: -10px;
    left: -15px;
  }

  #news .box-link.flex {
			display: block !important;
		}

  #news .box-link.flex a {
			width: 210px;
			display: block;
			margin: 0 auto 10px;
		}

		#news .nobtn {
			display: block;
			margin: 0 auto 10px;
			line-height: 30px;
			border: 2px solid #CCC;
		}

		#news .nobtn span {
			font-size: 12px;
		}

  /*--------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------*/
  #recruit .box-mess {
    padding: 15px 0 0 0;
    background: none;
    color: #212121;
  }

  #recruit .box-mess .info {
    margin-top: 10px;
  }

  #recruit .box-strenght01,
  #recruit .box-strenght02,
  #recruit .box-strenght03 {
    height: auto;
    background: none;
  }

  #recruit .box-strenght01 .photo {
    margin: 10px 0;
  }

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

  #recruit .box-job .intro {
    margin: 10px 0;
    margin-bottom: 40px;
  }

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

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

  #recruit .box-job h3 {
    width: 100%;
  }

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

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

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

  #recruit .box-ideal {
    padding: 105px 0 30px 0;
  }

  #recruit .box-ideal .container {
	  padding: 20px 0 15px 0;
  }

  #recruit .box-ideal h2 {
	  top: -83px;
  }

  #recruit .box-ideal li {
  	margin-left: 0!important;
	  margin-bottom: 15px;
    font-size: 16px;
  }

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

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

  #recruit .box-welfare {
    padding: 15px 0 20px 0;
  }

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

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

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

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

  #recruit .box-work-point {
    padding: 15px 0 15px 0;
  }

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

  #recruit .box-welfare li p {
    margin-top: 5px;
    margin-bottom: 15px;
  }

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

  #recruit .box-welfare li h3 {
	line-height: 43px;
	font-size: 15px;
  }

  #recruit .box-welfare ul {
    margin-bottom: 0px;
  }

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

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

  #recruit .box-work-point li span {
    font-size: 25px;
  }

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

  #recruit .box-work-point li:nth-child(2),
  #recruit .box-work-point li:last-child {
    margin-left: auto;
  }

  #recruit .box-straining {
    padding: 15px 0 30px 0;
  }

  #recruit .box-straining .info .text {
    position: unset;
    transform: translateY(0%);
    padding: 25px 20px;
    margin-top: 20px;
	text-align: left;
  }

  #recruit .box-straining .info {
	text-align: center;
  }

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

  #recruit .box-requirement p {
    margin-top: 5px;
  }

  #recruit .box-requirement h4 {
    padding: 0 50px 0px 18px;
    line-height: 35px;
    font-size: 18px;
    margin: 0;
  }

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

  #recruit .box-requirement .list-btn {
    margin-bottom: 5px;
	-ms-flex-direction: column;
	flex-direction: column;
  }

  #recruit .box-requirement .list-btn .btn {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 15px;
  }

  .recruit-detail .box-mess {
    padding-top: 0;
  }

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

  .recruit-detail .box-banner h3 {
    position: relative;
    padding-top: 105px;
    padding-left: 0px;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 15px;
  }

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

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

  .recruit-detail .box-banner .box-icon span {
    line-height: 30px;
    padding: 0 15px;
    margin: 0 7px;
    color: #fff;
    font-size: 16px;
  }

  .recruit-detail .box-list-link  {
    text-align: center;
  }

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

  .recruit-detail .box-list-link li {
    margin: 5px auto 5px auto;
  }

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

  .recruit-detail .box-strenght01 {
    height: auto !important;
  }
*/
  .recruit-detail .box-work-detail {
      padding: 50px 0 0px 0;
  }

  .recruit-detail .box-work-detail .info {
    padding: 45px 15px 0 15px;
    display: block;
  }

  .recruit-detail .box-work-detail .photo {
    max-width: 100%;
    width: auto;
  }

  .recruit-detail .box-work-detail .info .text {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }

  .recruit-detail .box-btn .btn {
    width: 100%;
  }

  .recruit-detail .box-requirement-detail {
    padding-bottom: 30px;
  }

  .recruit-detail .box-interview-detail {
    padding: 20px 0 30px 0;
  }

  .recruit-detail .box-interview-detail .info {
    display: block;
    padding: 0 15px;
  }

  .recruit-detail .box-interview-detail .info .text {
    width: 100%;
    margin-left: 0;
  }

  .recruit-detail .box-interview-detail h3 {
    font-size: 22px;
    margin-bottom: 10px;
    position: relative;
    line-height: normal;
  }

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

  .recruit-detail .box-interview-detail h4 {
    font-size: 20px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .recruit-detail .box-interview-detail .photo {
    width: auto;
    max-width: 100%;
    margin: 10px 0;
  }

  .recruit-detail .box-inviroment-detail {
    padding: 20px 0 30px 0;
  }

  .recruit-detail .box-inviroment-detail ul {
    display: block;
    margin-top: 10px;
  }

  .recruit-detail .box-training-detail {
    padding: 20px 0 30px;
  }

		.recruit-detail .box-training-detail .flex {
			display: inherit;
		}

 	.recruit-detail .box-training-detail .flex img {
			display: block;
			margin: 0 auto 20px;
		}

  .recruit-detail .box-training-detail .content-top {
    margin-top: 20px;
    margin-bottom: 30px;
    display: block;
  }

  .recruit-detail .box-training-detail h4 {
    width: calc(100% - 40px);
    line-height: 40px;
    font-size: 16px;
    padding: 0 20px;
  }

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

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

  .recruit-detail .box-training-detail .content-top .text {
    margin-top: 20px;
  }

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

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

  .recruit-detail .box-training-detail h5 {
    font-size: 16px;
    margin-left: 0;
  }

  .recruit-detail .box-training-detail .detail img {
			width: 50%;
		}

		.recruit-detail .box-training-detail .detail .text {
			width: 90%;
			margin: 0 auto;
			padding: 10px;
		}

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

  .recruit-detail .box-training-detail .note {
    margin-top: 20px;
    padding: 20px;
  }

  .recruit-detail .box-work-point h2 {
    display: block;
  }

  .recruit-detail .box-work-point li:nth-child(2),
  .recruit-detail .box-work-point li:nth-child(3),
  .recruit-detail .box-work-point li:nth-child(4),
  .recruit-detail .box-work-point li:nth-child(5) {
    margin-left: 0 !important;
  }

  .recruit-detail .box-flow {
    padding: 20px 0 30px 0;
  }

  .recruit-detail .box-flow ul {
    width: 100%;
  }

  .recruit-detail .box-flow li {
    width: 100%;
    height: auto;
  }

  .recruit-detail .box-flow li .explain {
    font-size: 12px;
    padding: 10px;
  }

  .recruit-detail .box-entry {
    padding: 20px 0 30px 0;
  }

  .recruit-detail .box-form {
    padding: 20px;
  }

  .table-form,
  .table-form .row,
  .recruit-detail .box-form .col {
    display: block;
    width: 100%;
  }

		.recruit-detail .box-form .col {
			padding: 0 !important;
		}

		.recruit-detail .box-form .col-input {
			margin: 0 0 20px;
		}

  .recruit-detail .box-form .col-title {
    line-height: 25px;
  }

  .recruit-detail .box-input {
    margin: 0 0 10px 0;
  }

  input.txt-larg {
    width: 100%;
  }

  .recruit-detail .box-form .col-title {
    padding: 0;
				background-color: #EEE;
  }

  .recruit-detail .box-flow li .title {
    min-width: 150px;
    padding-left: 20px;
    font-size: 16px;
  }

  .recruit-detail .box-flow li .box-number {
    height: 40px;
  }

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

.inlineframe::-webkit-scrollbar{width:8px;}
.inlineframe::-webkit-scrollbar-track{background:#f1f1f1;}
.inlineframe::-webkit-scrollbar-thumb{background:#ccc;}

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

.recruit-detail .table-info th, .recruit-detail .table-info td {
	border: none;
}

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

.recruit-detail .box-list-link li.btnr07 .animated-button span::after {
	position: relative;
	right: inherit;
	top: inherit;
}

.recruit-detail .box-form {
 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);
}

.recruit-detail .box-form::before {
	display: none;
}

.recruit-detail .box-form::after {
	display: none;
}

.recruit-detail .box-work-point li:last-child div img {
	width: 60px;
	height: auto;
}

#recruit .box-work-point h2 {
	display: inherit !important;
}

#recruit .box-work-point h2 span {
	display: block;
	padding-left: 0;
}

#recruit .box-mess h2 {
	color: #2c2686;
}

#recruit .box-mess h2 span {
	color: #212121;
}

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

#recruit input[type=text],
input[type='tel'] {
	border: 1px solid #313131;
	padding: 9px 10px;
	width: 100%;
	font-size: 16px;
}

.btn-black {
	border: 2px solid #2c2686;
}

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

#recruit input.addr {
	width: 100% !important;
}

.spSig {
	margin-bottom: 20px;
	text-align: right;
}

.spSig img {
	width: 200px;
	height: auto;
}

.ent {
  position: relative;
 }

.link-entry2 {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #171447;
  z-index: 10;
  padding: 0;
  font-size: 10px;
  width: 100%;
  min-width: 100%;
  text-align: center;
}

.link-entry2 img {
max-width: 100%;
padding: 0;
}

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

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

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

  #service .box-about li .container {
    padding: 25px 0;
    display: block;
  }

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

  #service .content h2 span {
    font-size: 13px;
  }

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

  #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;
    transform: scale(0.7) translateY(-64%);
  }

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

  #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: 11px;
  }

  #service .box-about li .photo {
    padding-top: 30px;
				display: block;
				margin: 0 auto;
				width: 200px;
				height: auto;
  }

  #service .box-about li .spp {
			display: none !important;
		}

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

  #service .box-flow-work ul {
    margin: 15px 10px 30px 10px;
    padding: 5px 0 20px 0;
  }

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

  #service .box-flow-work ul li h3 {
    padding: 5px 20px 5px 20px;
    margin-bottom: 10px;
    font-size: 16px;
  }

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

  #service .box-flow-work .text-decs {
    margin-top: 15px;
  }

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

  #service .list-info h3 span {
    width: 180px;
    line-height: 40px;
    padding: 0 10px 0 20px;
    font-size: 16px;
  }

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

  #service .list-info ul {
    margin: 10px 15px 0 15px;
				float: none;
				width: 100%;
  }

  #service .list-info ul:nth-child(2) {
    margin: 0 15px 20px 15px;
		}

  #service .list-info ul li {
    width: 100%;
				padding: 0;
  }

  #service .list-info ul li,
  #service .list-info dd {
    font-size: 14px;
    line-height: 26px;
  }

  #service .list-info dl {
    margin: 10px 15px 25px 15px;
  }

  #service .list-info dt {
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 20px;
  }

  #service .box-other {
    padding: 15px 0 20px 0;
  }

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

  #service .box-other::after {
    border-bottom: none;
    border-right: none;
  }
*/

  #service .box-other p {
    margin-top: 20px;
  }

  #service .box-other ul {
    margin-top: 15px;
    display: block;
  }

  #service .box-other li {
    width: 100%;
    margin-bottom: 15px;
    line-height: 20px;
    font-size: 15px;
    padding-left: 50px;
    min-height: 50px;
				background-size: 40px;
  }

		.onjyun {
    	margin: 0 0 20px;
  }


/*--------------------------------------------------------------------------------------------
  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: 20px;
}

#sdgs .box-banner h2.block span.sub {
	font-size: 12px;
	margin: 4px 0 0;
	line-height: 1.2;
}


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

#sdgs .box-sdgs-intro img {
	max-width: 100%;
}

#sdgs .box-sdgs-intro dl {
	width: 100%;
	margin: 40px auto 0;
	display: block;
}

#sdgs .box-sdgs-intro dl dt {
	display: block;
	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 {
	display: block;
	font-size: 14px;
}

#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: 40px solid #2c2686;
  border-left: 40px solid transparent;
}

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

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

#sdgs .box-sdgs-declaration .sig {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}

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

#sdgs .box-sdgs-slogan p {
	margin: 20px 0 0;
	font-size: 16px;
}

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

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

#sdgs .box-sdgs-initiatives table th {
	display: none;
	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 {
	display: block;
	background-color: #E5E5E5;
	padding: 10px 16px;
}

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

#sdgs .box-sdgs-initiatives table td:nth-of-type(1):before {
	content: "重点課題：";
}

#sdgs .box-sdgs-initiatives table td:nth-of-type(2):before {
 content: "取り組み方針：";
	display: block;
	margin: 0 0 4px;
}

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

#sdgs .box-sdgs-initiatives table tr {
	display: block;
 grid-template-columns: none;
 margin: 0;
 gap: 0;
	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 {
	margin: 40px 0;
	text-align: center;
}

#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: 20px 0 0;
	border-left: 10px solid #1E1E81;
	border-right: 10px solid #1E1E81;
}

#sdgs .box-sdgs-sus img {
	max-width: 100%;
	height: auto;
}

#sdgs .box-sdgs-sus .inner-f {
	border-top: 10px solid #1E1E81;
	border-bottom: 10px solid #1E1E81;
	padding: 20px;
	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: block;
}

#sdgs .box-sdgs-sus .inner2Cont .image {
	width: 100%;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

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

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

#sdgs .box-sdgs-sus .inner-f dd {
	font-size: 18px;
	line-height: 1.3;
}

#sdgs .box-sdgs-sus .inner-c h3 {
	font-size: 16px;
	color: #FFF;
	padding: 0 8px 0 4px;
	background-color: #1E1E81;
	line-height: 40px;
	display: inline-block;
	position: relative;
	letter-spacing: -0.02em;
	margin: 0 0 24px;
}

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

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

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

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

#sdgs .box-sdgs-sus .inner-c .mgn20 {
	margin: 0 20px;
}


}

@media all and (max-width: 426px) {
  #about .box-recruit h2 {
    top: -68px;
  }

  #about .box-recruit h2::before,
  #about .box-recruit h2::after {
    top: 68px;
    width: calc(50% - 100px);
    height: 3px;
  }

  #about .box-recruit {
    padding: 90px 0 30px 0;
  }

  #about .box-explanation {
	padding-bottom: 10px;
  }

  #company .box-company-overview h2,
  #company .box-company-overview h2 span {
	/*display: block;*/
  }

}

@media all and (max-width: 400px) {
  #recruit .box-strenght01 h2.flex,
  #recruit .box-strenght01 h2.flex span {
	display: block;
  }
}

@media all and (max-width: 320px) {
  header h1 img {
    width: 185px;
  }
}
</pre></body></html>