@charset "UTF-8";
/*!
Theme Name: nishimura
Version: 1.0
*/
/**
 * mixins and functions
 * @version 1.0
 */

/*'Noto Sans CJK JP', sans-serif;*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap");

.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}

/* header */
.header {
	position: fixed;
	top: 0;
	left: 0;
	display: inline-block;
	background-color: #000;
	height: 100vh;
	z-index: 1000;/*&__language{
    padding: 30px  20px;
    display: flex;
    justify-content: center;
    align-items: center;
    a{
      color: #fff;
      text-decoration: none;
      padding: 0 10px;
    }
    span{
      color: #fff;
    }
  }*/ }
.header__language {
	padding: 30px 20px;
	text-align: center;
}
.header__language a {
	display: block;
	color: #14b3db;
	text-decoration: none;
	padding: 0 10px;
}
.header__language span {
	color: #fff;
}
.header__logo {
	background-color: #fff;
	margin: 20px 0 20px;
	border-right: 1px solid #000;
	border: 8.5px solid #000;
}
.header__logo .header_logo_lay {
	border: 5px solid #02469c;
	padding: 17px 7px;
}
.header__logo img {
	width: 144px;
}
.header__nav {
	background-color: #000;
	position: relative;
}
.header__nav li {
	text-align: center;
	position: relative;
}
.header__nav li a, .header__nav li span {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	padding: 8px 0;
	transition: all .3s;
}
.header__nav li a:hover {
	background-color: #2a3277;
}
.header__nav li .menu-lv2 {
	z-index: 1;
	position: fixed;
	padding-top: 174px;
	top: 0;
	left: 185px;
	height: 100%;
	width: 290px;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: left;
	opacity: 0;
	display: none;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-top: -10px;
}
.header__nav li .menu-lv2a {
	padding-top: 40px!important;
	padding-bottom: 20px!important;
	height: auto!important;
}
.header__nav li .menu-lv2aa {
	padding-top: 280px!important;
	left: 475px!important;
}
.header__nav li .menu-lv2 .menuA .nav-lv2 {
	text-align: left;
}
.header__nav li .menu-lv2 .menuA .nav-lv2 a, .header__nav li .menu-lv2 .menuA .nav-lv2 span {
	padding-left: 20px;
}
.header__nav li .menu-lv2 .menuA .pos1 a, .header__nav li .menu-lv2 .menuA .nav-lv2 span {
	padding-left: 20px;
}
.pos1 {
	text-align: left!important;
}
.header__nav li .menu-lv2 .menuA .nav-lv2 a:hover {
	background-color: #2a3277;
}
.header__btn {
	padding: 0 20px;
}
.header__btn li a {
	color: #fff;
	padding: 5px 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	transition: all .3s;
	text-decoration: none;
}
.header__btn li a:hover {
	background-color: #2a3277;
}
.header__btn li:nth-of-type(1) {
	padding: 10px 0 20px;
}
.header__btn li:nth-of-type(1) a {
	border: 1px solid #fff;
}
.header__btn li:nth-of-type(2) a {
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
}
.header__btn li:nth-of-type(2) a:hover {
	color: #fff;
	background-color: #2a3277;
}
.header__language {
	padding-top: 10px;
}
.header .language_change {
	height: 110px;
	width: 70px;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}
.header .language_change li {
	width: 100%;
}
.header .language_change li a {
	text-decoration: none;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	display: flex;
}
.header .language_change li a img {
	width: 40px;
	height: 30px;
}
.header .language_change li a p {
	color: #fff;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .header {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .header {
    display: none;
  }
}

.header .menu_on.menu-lv2 {
	opacity: 1;
	display: block;
}

/* sp_header area  */
.sp_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	z-index: 5;
}
.sp_header .language_change_box a {
	display: flex;
	align-items: center;
}
.sp_header .language_change_box span {
	color: #333;
}

/* .sp_header .language_change_box img{
    padding-right: 5px;
  } */
@media screen and (min-width: 1200px) {
  .sp_header {
    display: none;
  }
}
.sp_header a {
	text-decoration: none;
}
.sp_header__logo {
	width: 60%;
}
.sp_header__logo a {
	display: inline-block;
	padding: 0 20px;
}
.sp_header__logo a img {
	width: 180px;
}
.sp_header__right {
	width: 70px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .sp_header__right {
    width: 100px;
  }
}
.sp_header .language_nav_box {
	display: flex;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .sp_header .language_nav_box {
    width: 280px;
    justify-content: space-between;
  }
}
.sp_header .language_change_box {
	position: relative;
	width: 150px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
  .sp_header .language_change_box {
    width: 150px;
  }
}
.sp_header .language_change_box a {
	color: #14b3db;
	/* margin: 0 auto; */
	padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .sp_header .language_change_box a {
    font-size: 13px;
    padding: 0 5px;
  }
}
.sp_header .dropdwn_language {
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	padding: 0;
	background: #000;
	display: none;
}
.sp_header .dropdwn_language li {
	width: 100%;
	border-bottom: 1px solid #fff;
}
.sp_header .dropdwn_language li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 10px;
	text-decoration: none;
}
.sp_header .dropdwn_language li a img {
	width: 50px;
}
.sp_header .dropdwn_language li a p {
	color: #fff;
}
.sp_header .global-nav {
	position: fixed;
	right: -320px;
	/* これで隠れる */
	top: 0;
	width: 300px;
	/* スマホに収まるくらい */
	height: 100vh;
	padding-top: 40px;
	background-color: rgba(0, 0, 0, 0.3);
	transition: all .6s;
	z-index: 200;
	overflow-y: auto;
/* メニューが多くなったらスクロールできるように */ }
.sp_header .global-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sp_header .global-nav__list .iconarea {
	display: flex;
	padding: 8px 14px;
}
.sp_header .global-nav__list .iconarea li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #000;
	text-align: center;
	line-height: 40px;
}
.sp_header .global-nav__list .iconarea li a:hover {
	text-decoration: none;
	transition: .3s;
	background-color: rgba(0, 0, 0, 0.5);
}
.sp_header .global-nav__list .iconarea li a i {
	color: #fff;
}
.sp_header .global-nav__list .iconarea li:nth-child(1) {
	padding-right: 20px;
}
.sp_header .global-nav__item {
	text-align: center;
}
.sp_header .global-nav__item a, .sp_header .global-nav__item p {
	display: block;
	padding: 8px 0;
	text-decoration: none;
	color: #fff;
}
.sp_header .global-nav__item a:hover, .sp_header .global-nav__item p:hover {
	background-color: #2a3277;
}
.sp_header .global-nav__item .arrow_op:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 45%;
}
.sp_header .global-nav__inner {
	display: none;
}
.sp_header .ham_wrp {
	width: 100%;
	height: 60px;
	position: relative;
}
.sp_header .hamburger {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 300;
	background-color: #000;
	transition: all .6s;
}
.sp_header .hamburger__line {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: 0 auto;
	width: 55%;
	max-width: 40px;
	height: 1px;
	background-color: #fff;
	transition: all .6s;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .sp_header .hamburger__line {
    width: 50%;
  }
}
.sp_header .hamburger__line--1 {
	top: 27%;
}
.sp_header .hamburger__line--2 {
	top: 46%;
}
.sp_header .hamburger__line--3 {
	top: 67%;
}
.sp_header .black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all .6s;
	cursor: pointer;
}
.sp_header .accordion-title {
	position: relative;
}
.sp_header .accordion-title:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 38%;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.sp_header .accordion-title.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 45%;
}
.sp_header .accordion-content {
	background-color: rgba(42, 50, 119, 0.4);
}
/* ハンバーガー表示された時用のCSS */
.nav-open .global-nav {
	right: 0;
}
.nav-open .black-bg {
	opacity: .8;
	visibility: visible;
}
.nav-open .hamburger {
	background-color: rgba(0, 0, 0, 0.3);
}
.nav-open .hamburger__line--1 {
	transform: rotate(45deg);
	top: 45%;
}
.nav-open .hamburger__line--2 {
	width: 0;
	left: 50%;
}
.nav-open .hamburger__line--3 {
	transform: rotate(-45deg);
	top: 45%;
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* footer */
.footer {
	background-color: #000032;
	padding-left: 185px;
/*header分*/ }

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .footer {
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .footer {
    padding-left: 0;
  }
}
.footer__main {
	width: 90%;
	padding: 50px 0;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .footer__main {
    padding: 40px 0;
    width: 96%;
  }
}

@media screen and (max-width: 768px) {
  .footer__main {
    display: block;
    padding: 30px 0;
  }
}

.footer__nav {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .footer__nav {
    width: 100%;
  }
}
.footer__nav .nav_box {
	width: calc(90%/4);
}

@media screen and (max-width: 768px) {
  .footer__nav .nav_box {
    width: calc(92%/2);
  }
}

@media screen and (max-width: 768px) {
  .footer__nav .nav_box:nth-of-type(1) {
    padding-bottom: 10px;
  }
}

.footer__nav .nav_parent {
	width: 100%;
	border-top: 1px solid #fff;
	padding-top: 10px;
}
.footer__nav .nav_parent li {
	color: #fff;
}
.footer__nav .nav_parent li a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}
.footer__nav .nav_parent li a:hover {
	color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 768px) {
  .footer__nav .nav_parent li a {
    font-size: 12px;
  }
}

.footer__nav .nav_parent li:first-child {
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .footer__nav .nav_parent li:first-child {
    font-size: 14px;
    padding-bottom: 5px;
  }
}
.footer__nav .nav_parent li:first-child a {
	font-size: 15px;
}

@media screen and (max-width: 768px) {
  .footer__nav .nav_parent li:first-child a {
    font-size: 14px;
  }
}
.footer__nav .nav_parent:nth-of-type(2) {
	margin: 20px 0;
}
.footer .copyright {
	background-color: #fff;
	display: block;
	padding: 20px 0;
	text-align: center;
	font-size: 12px;
}

@media screen and (max-width: 768px) {
  .footer .copyright {
    padding: 10px 0;
  }
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}



/* history */
.history .content {
	overflow: hidden;
}
.history .content__size {
	display: flex;
	padding: 200px 60px 0 0;
	width: 100%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .history .content__size {
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .history .content__size {
    width: 90%;
    margin: 0 auto;
    padding: 120px 0px 0 0;
  }
}
.history__flow {
	width: 50%;
	border-image: linear-gradient(180deg, #2a3277, #4076c9);
	border-image-slice: 1;
}
.history__flow li {
	padding-bottom: 200px;
	position: relative;
}

@media screen and (max-width: 768px) {
  .history__flow li {
    padding-bottom: 130px;
  }
}
.history__flow li .num.num_1968 {
	width: 266px;
}

@media screen and (max-width: 768px) {
  .history__flow li .num.num_1968 {
    width: 477px;
  }
}
.history__flow li .num.num_1975 {
	width: 456px;
}

@media screen and (max-width: 768px) {
  .history__flow li .num.num_1975 {
    width: 477px;
  }
}
.history__flow li .num.num_1980 {
	width: 478px;
}
.history__flow li .num.num_1997 {
	width: 449px;
}

@media screen and (max-width: 768px) {
  .history__flow li .num.num_1997 {
    width: 477px;
  }
}
.history__flow li .num.num_2000 {
	width: 484px;
}
.history__flow li .num.num_2018 {
	width: 434px;
}

@media screen and (max-width: 768px) {
  .history__flow li .num.num_2018 {
    width: 477px;
  }
}
.history__flow li .ttl {
	background-color: #2a3277;
	color: #fff;
	padding: 0 10px;
	display: inline-block;
	font-size: 24px;
	line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .history__flow li .ttl {
    font-size: 18px;
  }
}
.history__flow li .txt {
	padding: 20px 0 10px;
}
.history__flow li .img {
	width: 300px;
}
.history__flow li .img img {
	width: 100%;
}
.history .left_area {
	border-right: 5px solid;
	padding-left: 60px;
	padding-top: 350px;
}
.history .left_area .num {
	position: absolute;
	top: -90px;
	right: -22.5px;
}
.history .right_area {
	border-left: 5px solid;
	padding-left: 100px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .history .right_area {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .history .right_area {
    width: 100%;
    padding-left: 30px;
  }
}
.history .right_area .num {
	position: absolute;
	top: -90px;
	left: -120.5px;
}

@media screen and (max-width: 768px) {
  .history .right_area .num {
    top: -70px;
    left: -44.5px;
    width: 70%;
  }
}

@media screen and (max-width: 768px) {
  .history .right_area .num img {
    width: 70%;
  }
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* product */
.product__grid .product_container {
	position: relative;
	margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .product__grid .product_container {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .product__grid .product_container__01 {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .product__grid .product_container__01 {
    padding: 0;
  }
}
.product__grid .product_container__02 {
	padding-bottom: 150px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .product__grid .product_container__02 {
    padding-bottom: 210px;
  }
}

@media screen and (max-width: 768px) {
  .product__grid .product_container__02 {
    padding: 0;
  }
}
.product__grid .product_container__03 {
	padding-bottom: 150px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .product__grid .product_container__03 {
    padding-bottom: 190px;
  }
}

@media screen and (max-width: 768px) {
  .product__grid .product_container__03 {
    padding: 0;
  }
}
.product__grid .product_container .product_box {
	display: flex;
	justify-content: space-between;
}
.product__grid .product_container .product_box__inner {
	width: calc(90%/3);
}

@media screen and (max-width: 768px) {
  .product__grid .product_container .product_box__inner {
    width: calc(95%/3);
  }
}
.product__grid .product_container .product_box__inner .product_cell li:first-child {
	background-color: #2a3277;
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .product__grid .product_container .product_box__inner .product_cell li:first-child {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  .product__grid .product_container .product_box__inner .product_cell li.product_lay_lh {
    line-height: 1.5;
    padding: 5px 10px;
  }
}
.product__grid .product_container .product_img {
	position: absolute;
	bottom: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
  .product__grid .product_container .product_img {
    position: static;
    padding-top: 20px;
  }
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* value */
.value__inspection__ttl {
	background-color: #2a3277;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .value__inspection__ttl {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.value__inspection .inspection_img {
	width: 100%;
	max-width: 999px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.value__inspection .inspection_grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (max-width: 768px) {
  .value__inspection .inspection_grid {
    display: block;
  }
}
.value__inspection .inspection_grid li {
	width: calc(100%/3);
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .value__inspection .inspection_grid li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.value__inspection .inspection_grid li .img {
	width: 100%;
}
.value__inspection .inspection_grid li .img img {
	width: 100%;
}
.value__inspection .inspection_grid li .ttl {
	color: #2a3277;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 10px 0;
}
.value__inspection .inspection_grid li .ttl:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 3px;
	/*線の上下位置*/
	display: inline-block;
	width: 80px;
	/*線の長さ*/
	height: 2px;
	/*線の太さ*/
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	/*位置調整*/
	background-color: #2a3277;
/*線の色*/ }
.value__inspection .inspection_grid li .txt {
	color: #2a3277;
	padding-top: 10px;
}
.value__inspection .inspection_grid li:nth-of-type(1) {
	padding-right: 2%;
}

@media screen and (max-width: 768px) {
.value__inspection .inspection_grid li:nth-of-type(1) {
	padding: 0;
}
}
.value__inspection .inspection_grid li:nth-of-type(2) {
	padding: 0 1%;
}

@media screen and (max-width: 768px) {
.value__inspection .inspection_grid li:nth-of-type(2) {
	padding: 0;
}
}
.value__inspection .inspection_grid li:nth-of-type(3) {
	padding-left: 2%;
}

@media screen and (max-width: 768px) {
.value__inspection .inspection_grid li:nth-of-type(3) {
	padding: 0;
}
}
.value__inspection .inspection_grid li:nth-of-type(4) {
	padding: 0 1.5% 0 0.5%;
}

@media screen and (max-width: 768px) {
.value__inspection .inspection_grid li:nth-of-type(4) {
	padding: 0;
}
}
.value__inspection .inspection_grid li:nth-of-type(5) {
	padding: 0 0.5% 0 1.5%;
}

@media screen and (max-width: 768px) {
.value__inspection .inspection_grid li:nth-of-type(5) {
	padding: 0;
	margin-bottom: 0;
}
}
.value__failure {
	background-color: #eceff2;
}
.value__failure .failure_top {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
.value__failure .failure_top {
	font-size: 16px;
}
}
.value__failure .failure_top_box {
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.value__failure .failure_top_box {
	display: block;
	padding-bottom: 30px;
}
}
.value__failure .failure_top_box .txt_area {
	width: calc(95% - 253px);
	max-width: 750px;
}

@media screen and (max-width: 768px) {
.value__failure .failure_top_box .txt_area {
	width: 100%;
	padding: 20px 0 30px;
}
}
.value__failure .failure_top_box .txt_area li:nth-of-type(2n-1) {
	color: #2a3277;
	font-size: 18px;
	font-weight: bold;
}
.value__failure .failure_top_box .txt_area li:last-child p {
	background-color: #2a3277;
	color: #fff;
	display: inline-block;
	margin: 0 5px 10px 0;
	padding: 0 5px;
}
.value__failure .failure_top_box .img {
	width: 253px;
}

@media screen and (max-width: 768px) {
.value__failure .failure_top_box .img {
	width: 100%;
}
}
.value__failure .failure_top_box .img img {
	width: 100%;
}
.value__failure .failure_btm_box {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
.value__failure .failure_btm_box {
	display: block;
}
}
.value__failure .failure_btm_box .main {
	width: calc(95% - 309px);
}

@media screen and (max-width: 768px) {
.value__failure .failure_btm_box .main {
	width: 100%;
}
}
.value__failure .failure_btm_box .main .ttl {
	color: #2a3277;
	font-size: 18px;
	font-weight: bold;
	width: 70%;
	border-bottom: 2px solid #2a3277;
}
.value__failure .failure_btm_box .main .condition_list li {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	align-items: flex-end;
}
.value__failure .failure_btm_box .main .condition_list li .txt_area {
	width: 70%;
}
.value__failure .failure_btm_box .main .condition_list li .txt_area .first {
	font-size: 16px;
	color: #2a3277;
	position: relative;
	padding-left: 30px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
.value__failure .failure_btm_box .main .condition_list li .txt_area .first {
	padding-left: 20px;
}
}
.value__failure .failure_btm_box .main .condition_list li .txt_area .first span {
	left: 0;
	width: 19px;
}

@media screen and (max-width: 768px) {
.value__failure .failure_btm_box .main .condition_list li .txt_area .first span {
	width: 15px;
}
}
.value__failure .failure_btm_box .main .condition_list li .txt_area .first span::before {
	background-color: #2a3277 !important;
	width: 19px !important;
}

@media screen and (max-width: 768px) {
.value__failure .failure_btm_box .main .condition_list li .txt_area .first span::before {
	width: 15px !important;
}
}
.value__failure .failure_btm_box .main .condition_list li .txt_area .second {
	padding-left: 30px;
}

@media screen and (max-width: 768px) {
.value__failure .failure_btm_box .main .condition_list li .txt_area .second {
	padding-left: 20px;
}
}
.value__failure .failure_btm_box .main .condition_list li .img_area {
	width: 28%;
}
.value__failure .failure_btm_box .img {
	width: 309px;
}

@media screen and (max-width: 768px) {
.value__failure .failure_btm_box .img {
	width: 100%;
	padding-top: 30px;
}
}
.value__failure .failure_btm_box .img img {
	width: 100%;
}
.value__repsupport__grid {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 768px) {
.value__repsupport__grid {
	display: block;
}
}
.value__repsupport__grid li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.value__repsupport__grid li p {
	width: 100%;
	padding-bottom: 20px;
}
.value__repsupport__grid li span {
	font-size: 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid #2a3277;
}
.value__repsupport__grid li .img {
	margin: 0 auto;
}
.value__repsupport__grid li:nth-of-type(2n-1) {
	background-color: #eceff2;
	width: 40%;
	padding: 20px;
	text-align: center;
	color: #2a3277;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.value__repsupport__grid li:nth-of-type(2n-1) {
	width: 45%;
}
}

@media screen and (max-width: 768px) {
.value__repsupport__grid li:nth-of-type(2n-1) {
	width: 100%;
}
}
.value__repsupport__grid li:nth-of-type(2) {
	width: 10%;
}

@media screen and (max-width: 768px) {
.value__repsupport__grid li:nth-of-type(2) {
	width: 100%;
	margin: 20px 0;
}
}
.value__repsupport__grid li:nth-of-type(2) .arrow {
	margin: 0 auto;
}
.value__repsupport__grid li:nth-of-type(3) {
	background-image: url(images/value_repsupport_map.png);
	background-position: 81% 76%;
	background-repeat: no-repeat;
	background-size: 50%;
}
.value__repsupport__grid li:nth-of-type(3) span {
	color: #cc2222;
}
.value__repcase__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (max-width: 768px) {
.value__repcase__grid {
	display: block;
}
}
.value__repcase__grid li {
	width: calc(100%/3);
	margin-bottom: 30px;
	text-align: center;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li {
	width: 100%;
	margin-bottom: 20px;
}
}
.value__repcase__grid li .img {
	width: 100%;
}
.value__repcase__grid li .img img {
	width: 100%;
}
.value__repcase__grid li .ttl {
	color: #2a3277;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li .ttl {
	font-size: 18px;
	padding: 5px 0;
}
}
.value__repcase__grid li .bg_ttl {
	font-size: 14px;
	color: #fff;
	background-color: #2a3277;
	display: inline-block;
	padding: 0 5px;
}
.value__repcase__grid li .txt {
	color: #2a3277;
	padding-top: 10px;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li .txt {
	padding-top: 5px;
}
}
.value__repcase__grid li:nth-of-type(1) {
	padding-right: 2%;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li:nth-of-type(1) {
	padding: 10px 0 0 0;
}
}
.value__repcase__grid li:nth-of-type(2) {
	padding: 0 1%;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li:nth-of-type(2) {
	padding: 0;
}
}
.value__repcase__grid li:nth-of-type(3) {
	padding-left: 2%;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li:nth-of-type(3) {
	padding: 0;
}
}
.value__repcase__grid li:nth-of-type(4) {
	padding: 0 1.5% 0 0.5%;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li:nth-of-type(4) {
	padding: 0;
}
}
.value__repcase__grid li:nth-of-type(5) {
	padding: 0 0.5% 0 1.5%;
}

@media screen and (max-width: 768px) {
.value__repcase__grid li:nth-of-type(5) {
	padding: 0;
	margin-bottom: 0;
}
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* news */
.archive-news__grid .archive-news_list {
	padding: 50px 0;
}

@media screen and (max-width: 768px) {
.archive-news__grid .archive-news_list {
	padding: 10px 0 20px;
}
}
.archive-news__grid .archive-news_list .archive-news_cell {
	border-top: 1px solid #dedede;
}
.archive-news__grid .archive-news_list .archive-news_cell a {
	display: flex;
	align-items: center;
	position: relative;
	text-decoration: none;
	width: 100%;
	padding: 30px 50px 30px 20px;
}
.archive-news__grid .archive-news_list .archive-news_cell a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -14px;
	color: #868686;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.archive-news__grid .archive-news_list .archive-news_cell a:after {
	right: 5px;
}
}

@media screen and (max-width: 768px) {
.archive-news__grid .archive-news_list .archive-news_cell a:after {
	right: 5px;
}
}

@media screen and (max-width: 768px) {
.archive-news__grid .archive-news_list .archive-news_cell a {
	padding: 20px 30px 20px 0px;
}
}
.archive-news__grid .archive-news_list .archive-news_cell .date {
	color: #2a3277;
	border: 1px solid #2a3277;
	padding: 0 10px;
	margin-right: 30px;
}

@media screen and (max-width: 768px) {
.archive-news__grid .archive-news_list .archive-news_cell .date {
	margin-right: 20px;
	font-size: 13px;
	padding: 0 5px;
}
}
.archive-news__grid .archive-news_list .archive-news_cell:last-child {
	border-bottom: 1px solid #dedede;
}
.archive-news__grid .pagination {
	text-align: center;
}
.archive-news__grid a.page-numbers, .archive-news__grid .pagination .current {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px 8px;
	margin: 0 2px;
	text-decoration: none;
}
.archive-news__grid .pagination .current {
	background: #2a3277;
	border: solid 1px #2a3277;
	color: #fff;
}
.single-news__txtarea .date {
	color: #2a3277;
	padding: 0 10px;
	color: #2a3277;
	font-size: 18px;
	border: 1px solid #2a3277;
	display: inline-block;
}

@media screen and (max-width: 768px) {
.single-news__txtarea .date {
	font-size: 15px;
}
}
.single-news__txtarea .ttl {
	font-size: 23px;
	font-weight: bold;
	padding: 20px 0;
}

@media screen and (max-width: 768px) {
.single-news__txtarea .ttl {
	font-size: 18px;
}
}
.single-news__txtarea .txt .color {
	color: #2a3277;
	font-size: 23px;
	font-weight: bold;
	padding: 10px 0;
}

@media screen and (max-width: 768px) {
.single-news__txtarea .txt .color {
	font-size: 18px;
}
}
.single-news__txtarea .txt .link {
	color: #fff;
	font-size: 18px;
	background-color: #2a3277;
	padding: 10px;
	margin: 20px 0;
	display: inline-block;
}

@media screen and (max-width: 768px) {
.single-news__txtarea .txt .link {
	font-size: 15px;
}
}
.single-news__imgarea {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 50px 0;
}

@media screen and (max-width: 768px) {
.single-news__imgarea {
	padding: 30px 0;
}
}
.single-news__imgarea li {
	width: 48%;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.single-news__imgarea li {
	margin-bottom: 10px;
}
}
.single-news__imgarea li img {
	width: 100%;
}
.single-news__btn {
	text-align: center;
}
.single-news__btn a {
	text-decoration: none !important;
	display: inline-block;
	padding: 0 10px;
	border: 1px solid #000;
	font-size: 16px;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
.single-news__btn a {
	font-size: 15px;
}
}
.single-news__btn a:hover {
	background-color: #2a3277;
	color: #fff;
	border: 1px solid #2a3277;
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* contact */
.contact_top_introtxt {
	padding-bottom: 30px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.contact_top_introtxt {
	padding-bottom: 20px;
}
}

@media screen and (max-width: 768px) {
.contact_top_introtxt {
	padding-bottom: 10px;
}
}
.contact_toptxt {
	margin: 30px 0;
}

@media screen and (max-width: 768px) {
.contact_toptxt {
	margin: 20px 0;
}
}
.contact_pp_check {
	text-align: center;
}
.contact_lasttxt {
	margin: 50px auto 0;
	text-align: center;
}
.contact_lasttxt p {
	display: inline-block;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.contact_lasttxt {
	text-align: inherit;
}
}

@media screen and (max-width: 768px) {
.contact_lasttxt {
	text-align: inherit;
	margin: 0 auto 0;
}
}
.g-recaptcha {
	margin: 0 auto 20px;
}
.contact_topimg {
	text-align: center;
	margin: 25px auto 30px;
}
.contact_topimg img {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.contact_topimg {
	margin: 15px auto 20px;
}
}
.contact_table table {
	border: 1px #dddddd solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0 3em 0;
	width: 100%;
}
.contact_table table th {
	padding: 20px;
	border: 1px #d2d2d2 solid;
	border-width: 0 0 1px 1px;
	font-weight: normal;
	background: #f5f5f5;
	vertical-align: top;
	text-align: left;
	width: 260px;
}

@media screen and (max-width: 768px) {
.contact_table table th {
	padding: 10px 15px;
	width: 100%;
	float: left;
}
}
.contact_table table th span {
	color: #fff;
	font-size: 13px;
	background: #a40000;
	padding: 0 5px;
	display: inline-block;
}
.contact_table table th p {
	display: inline-block;
	width: 160px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.contact_table table th p {
	width: 150px;
}
}

@media screen and (max-width: 768px) {
.contact_table table th p {
	width: auto;
	padding-right: 10px;
}
}
.contact_table table td {
	padding: 20px;
	border: 1px #dddddd solid;
	border-width: 0 0 1px 1px;
	background: #fff;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
.contact_table table td {
	width: 100%;
	float: left;
}
}
.contact_table table td .address p {
	display: inline-block;
	vertical-align: middle;
	padding-right: 3px;
}
.contact_table table td .address .add_top {
	width: 200px;
	margin: 0 0 10px 10px;
}
.contact_table table td .address .add_btm {
	width: 339px;
}

@media screen and (max-width: 768px) {
.contact_table table td .address .add_btm {
	width: 100%;
}
}
.contact_table table input[type="text"], .contact_table table textarea,  .contact_table table input[type="tel"], .contact_table table textarea,  .contact_table table input[type="add"], .contact_table table textarea,  .contact_table table input[type="yubin"], .contact_table table textarea {
	vertical-align: middle;
	max-width: 100%;
	height: 30px;
	padding: 1px 5px;
	border: 1px solid #b5b5b5;
	font-size: 100%;
	color: #555;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.contact_table table input[type="text"], .contact_table table textarea,  .contact_table table input[type="tel"], .contact_table table textarea,  .contact_table table input[type="add"], .contact_table table textarea,  .contact_table table input[type="yubin"], .contact_table table textarea {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.contact_table table input[type="text"], .contact_table table textarea,  .contact_table table input[type="tel"], .contact_table table textarea,  .contact_table table input[type="add"], .contact_table table textarea,  .contact_table table input[type="yubin"], .contact_table table textarea {
	width: 100%;
}
}
.contact_table table input[type="situmon"], .contact_table table textarea {
	vertical-align: middle;
	max-width: 100%;
	height: 100px;
	padding: 1px 5px;
	border: 1px solid #b5b5b5;
	font-size: 100%;
	color: #555;
}

@media screen and (max-width: 768px) {
.contact_table table input[type="situmon"], .contact_table table textarea {
	width: 100% !important;
}
}

@media screen and (max-width: 768px) {
.contact_table table input[type="yubin"], .contact_table table textarea {
	width: 30%;
}
}
.contact_table table .your-address {
	margin-top: 15px;
}

@media screen and (max-width: 768px) {
.contact_table table .situmon textarea {
	line-height: 1.5;
}
}
.contact_table table .textarea_height {
	max-height: 300px;
	min-height: 100px;
	letter-spacing: 0.03em;
}
.contact_btm {
	margin-top: 80px;
}

@media screen and (max-width: 768px) {
.contact_btm {
	padding-bottom: 30px;
	margin-top: 30px;
}
}
.contact_btm h3 {
	font-size: 24px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
.contact_btm h3 {
	font-size: 18px;
}
}
.contact_btm input[type=submit] {
	-webkit-appearance: none;
	border-radius: 0;
	opacity: 1;
	border: none;
}
.send_btn {
	width: 285px;
	padding: 20px 0;
	background: #2a3277;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin: 50px auto 0;
	text-align: center;
    cursor:pointer;
}
input.send_btn:hover{
    opacity:0.7;
}


@media screen and (max-width: 768px) {
.send_btn {
	font-size: 20px;
	margin: 20px auto 0;
}
}
.contact_hito {
	margin: 35px auto 0;
	display: block;
}
.contact_pp {
	margin: 20px 0 30px;
	padding: 0 40px;
	height: 240px;
	border: 1px #dddddd solid;
	overflow-y: scroll;
	background: #fff;
	color: #333;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
.contact_pp {
	padding: 0 20px;
	margin: 10px 0 30px;
}
}
.contact_pp_txt {
	margin: 25px 0;
}
.contact_pp_txt h5::before {
	content: "";
	display: inline-block;
	margin-right: 20px;
	width: 64px;
	height: 2px;
	background-color: #2a3277;
	vertical-align: .5em;
	font-weight: bold;
	line-height: 2.5;
}

@media screen and (max-width: 768px) {
.contact_pp_txt h5::before {
	margin-right: 15px;
	width: 17px;
}
}
.contact_pp_txt ul {
	list-style-type: none;
	padding: 20px 0 0 0;
}
.contact_pp_txt span {
	border: solid 1px #2a3277;
	display: block;
	padding: 10px;
	width: 300px;
	margin-top: 10px;
}
.contact_pp_grid li {
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
.contact_pp_grid li {
	padding-bottom: 10px;
}
}
.contact_pp_grid li .ttl {
	font-weight: bold;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
.contact_pp_grid li .ttl {
	font-size: 16px;
}
}
.contact_pp_checktxt {
	text-align: center;
}
.contact_pp_checktxt p {
	padding-bottom: 20px;
}
.contact_agree_box .mwform-checkbox-field {
	text-align: center;
	padding: 30px 0;
	display: block;
}

@media screen and (max-width: 768px) {
.contact_agree_box .mwform-checkbox-field {
	padding: 20px 0;
}
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* lineup */
.lineup__bg_ttl {
	padding-bottom: 20px;
}
.lineup__bg_ttl a {
	background-color: #2a3277;
	color: #fff;
	padding: 5px 100px 5px 10px;
	display: inline-block;
	position: relative;
	transition: all .3s;
	text-decoration: none !important;
}

@media screen and (max-width: 768px) {
.lineup__bg_ttl a {
	width: 100%;
	padding: 5px 30px 5px 10px;
}
}
.lineup__bg_ttl a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.lineup__bg_ttl a:after {
	right: 5px;
}
}

@media screen and (max-width: 768px) {
.lineup__bg_ttl a:after {
	right: 5px;
	margin-top: -15px;
}
}
.lineup__bg_ttl a:hover {
	background-color: rgba(42, 50, 119, 0.8);
}
.lineup .n_txt_area {
	padding-bottom: 30px;
}
.lineup__point {
	background-color: #eceff2;
	padding: 20px 10px;
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
.lineup__point {
	display: block;
	margin-bottom: 20px;
	padding: 10px;
}
}
.lineup__point .point_ttl {
	position: relative;
	display: inline-block;
	padding: 5px 10px 5px 15px;
	color: #fff;
	font-size: 16px;
	background: #ee720e;
	margin-right: 40px;
	height: 42px;
}
.lineup__point .point_ttl:before {
	content: "";
	position: absolute;
	top: 32%;
	left: 100%;
	margin-top: -13px;
	border: 21px solid transparent;
	border-left: 19px solid #ee720e;
}

@media screen and (max-width: 768px) {
.lineup__point .point_ttl {
	margin-bottom: 10px;
	font-size: 14px;
	height: 34px;
	padding: 3px 10px 3px 15px;
}
.lineup__point .point_ttl:before {
	top: 38%;
	border: 17px solid transparent;
	border-left: 11px solid #ee720e;
}
}
.lineup__point.lay_mar_0 {
	margin-bottom: 0;
}
.lineup__img_area {
	display: flex;
}
.lineup__img_area li {
	padding-right: 20px;
}

@media screen and (max-width: 768px) {
.lineup__img_area.gas_img {
	justify-content: space-between;
}
.lineup__img_area.gas_img li {
	width: 48%;
	padding: 0;
}
.lineup__img_area.gas_img li img {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.lineup__img_area.ponpu_img li {
	padding: 0;
}
}

@media screen and (max-width: 768px) {
.lineup__img_area.endpoint_img {
	justify-content: space-between;
}
.lineup__img_area.endpoint_img li {
	width: calc(98%/3);
	padding: 0;
}
.lineup__img_area.endpoint_img li img {
	width: 100%;
}
}
.lineup__gas .gas_list li:nth-of-type(2n-1) {
	color: #2a3277;
	font-size: 18px;
	font-weight: bold;
}
.lineup__gas .gas_list li:nth-of-type(2n) {
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
.lineup__gas .gas_list li:nth-of-type(2n) {
	padding-bottom: 10px;
}
}
.lineup__gas .gas_list li a {
	color: #2a3277;
	border-bottom: 1px solid #2a3277;
}
.lineup__analysis .analysis_name {
	font-weight: bold;
	font-size: 18px;
}

@media screen and (max-width: 768px) {
.lineup__analysis .analysis_name {
	font-size: 15px;
}
}
.lineup__inhibition .inhibition_top {
	font-size: 24px;
	font-weight: bold;
	color: #2a3277;
	text-align: center;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_top {
	font-size: 18px;
	line-height: 1.6;
}
}
.lineup__inhibition .inhibition_top_list {
	display: flex;
	padding: 30px 0 50px;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_top_list {
	padding: 20px 0;
}
}
.lineup__inhibition .inhibition_top_list li {
	width: calc(96%/6);
	text-align: center;
	border: 1px solid #2a3277;
	padding: 10px 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_top_list li {
	width: calc(98%/3);
	margin-bottom: 5px;
	padding: 5px;
}
}
.lineup__inhibition .inhibition_top_list li .inhibition_icon {
	margin: 0 auto;
}
.lineup__inhibition .inhibition_top_list li p {
	color: #2a3277;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	line-height: 1.5;
	padding-top: 5px;
}
.lineup__inhibition .inhibition_top_list li:last-child p {
	font-size: 15px;
}
.lineup__inhibition .inhibition_ttl {
	font-size: 28px;
	font-weight: bold;
	color: #2a3277;
	position: relative;
	padding-left: 50px;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_ttl {
	font-size: 20px;
	padding-left: 30px;
	margin-bottom: 10px;
}
}
.lineup__inhibition .inhibition_ttl span {
	left: 0;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_ttl span {
	width: 15px;
}
}
.lineup__inhibition .inhibition_ttl span::before {
	background-color: #2a3277 !important;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_ttl span::before {
	width: 15px !important;
}
}
.lineup__inhibition .inhibition_list_area {
	display: flex;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_list_area {
	display: block;
}
}
.lineup__inhibition .inhibition_list_area .inhibition_num_list {
	width: 50%;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_list_area .inhibition_num_list {
	width: 100%;
	padding-bottom: 20px;
}
}
.lineup__inhibition .inhibition_list_area .inhibition_num_list li:first-child {
	color: #2a3277;
	font-size: 18px;
	font-weight: bold;
}
.lineup__inhibition .inhibition_list_area .inhibition_num_list.align_none li {
	margin-left: 0em;
	text-indent: 0em;
}
.lineup__inhibition .inhibition_list_area .inhibition_cliller_right ul {
	width: 100%;
}
.lineup__inhibition .inhibition_list_area .inhibition_cliller_right ul:first-child {
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_list_area .inhibition_cliller_right ul:first-child {
	padding-bottom: 20px;
}
}
.lineup__inhibition .inhibition_img {
	padding: 50px 0;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_img {
	padding: 0px 0 30px;
}
}
.lineup__inhibition .inhibition_support_img {
	text-align: center;
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .inhibition_support_img {
	padding: 20px 0;
}
}
.lineup__inhibition .table_area {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area {
	display: block;
}
}
.lineup__inhibition .table_area table {
	width: 100%;
	margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area table {
	margin-bottom: 20px;
}
}
.lineup__inhibition .table_area table tr th {
	color: #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
	width: 120px;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area table tr th {
	padding: 10px 0;
	width: 90px;
	line-height: 1.5;
}
}
.lineup__inhibition .table_area table tr td {
	background-color: #f8f8f8;
	border-bottom: 1px solid #fff;
	padding: 20px;
	width: calc(100% - 120px);
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.lineup__inhibition .table_area table tr td {
	padding: 10px;
}
}
.lineup__inhibition .table_area table tr td p {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area table tr td {
	padding: 10px;
	width: calc(100% - 90px);
}
}
.lineup__inhibition .table_area .left_table tr th {
	background-color: #a5b2d7;
}
.lineup__inhibition .table_area .right_table tr th {
	background-color: #f5cd81;
}
.lineup__inhibition .table_area .inhibition_support_btn {
	text-align: center;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area .inhibition_support_btn {
	padding-bottom: 20px;
}
}
.lineup__inhibition .table_area .inhibition_support_btn a {
	color: #fff;
	position: relative;
	padding: 10px;
	font-size: 18px;
	text-align: left;
	width: 350px;
	display: inline-block;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.lineup__inhibition .table_area .inhibition_support_btn a {
	width: 320px;
}
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area .inhibition_support_btn a {
	width: 100%;
}
}
.lineup__inhibition .table_area .inhibition_support_btn a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -18px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.lineup__inhibition .table_area .inhibition_support_btn a:after {
	right: 5px;
}
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area .inhibition_support_btn a:after {
	right: 5px;
	margin-top: -19px;
}
}
.lineup__inhibition .table_area .left_box {
	width: 49%;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area .left_box {
	width: 100%;
}
}
.lineup__inhibition .table_area .left_box .inhibition_support_btn a {
	background-color: #2a3277;
	text-decoration: none;
	transition: all .3s;
}
.lineup__inhibition .table_area .left_box .inhibition_support_btn a:hover {
	background-color: rgba(42, 50, 119, 0.8);
}
.lineup__inhibition .table_area .right_box {
	width: 49%;
}

@media screen and (max-width: 768px) {
.lineup__inhibition .table_area .right_box {
	width: 100%;
}
}
.lineup__inhibition .table_area .right_box .inhibition_support_btn {
	padding-bottom: 20px;
}
.lineup__inhibition .table_area .right_box .inhibition_support_btn a {
	background-color: #ee720e;
	text-decoration: none;
	transition: all .3s;
}
.lineup__inhibition .table_area .right_box .inhibition_support_btn a:hover {
	background-color: rgba(238, 114, 114, 0.8);
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* story */
.story__box {
	background-image: url(images/story_bg_01.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 768px) {
.story__box {
	background-image: none;
}
}
.story__box__top {
	display: flex;
	justify-content: space-between;
}
.story__box__top .txt_area {
	width: 53%;
	padding-bottom: 50px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.story__box__top .txt_area {
	padding-bottom: 30px;
}
}

@media screen and (max-width: 768px) {
.story__box__top .txt_area {
	width: 100%;
	padding-bottom: 20px;
}
}
.story__box__top .txt_area .ttl {
	font-size: 30px;
	font-weight: bold;
	padding: 50px 0 30px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.story__box__top .txt_area .ttl {
	padding: 30px 0 20px;
	font-size: 22px;
}
}

@media screen and (max-width: 768px) {
.story__box__top .txt_area .ttl {
	padding: 0 0 20px 0;
	font-size: 20px;
}
}
.story__box__top .img_area {
	width: 42%;
	padding-bottom: 50px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.story__box__top .img_area {
	padding-bottom: 30px;
}
}
.story__box__top .img_area img {
	width: 100%;
}

@media screen and (max-width: 768px) {
.story__box__btm .btm_txt {
	padding-bottom: 30px;
}
}
.story__box__btm .btm_txt span {
	font-size: 35px;
	padding: 50px 0;
	display: block;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.story__box__btm .btm_txt span {
	font-size: 30px;
}
}

@media screen and (max-width: 768px) {
.story__box__btm .btm_txt span {
	font-size: 22px;
	padding: 20px 0;
}
}
.story__box .img_area_sp {
	display: none;
}

@media screen and (max-width: 768px) {
.story__box .img_area_sp {
	display: block;
	width: 100%;
}
.story__box .img_area_sp img {
	width: 100%;
}
}
.story .story_box_02 {
	background-image: url(images/story_bg_02.jpg);
}

@media screen and (max-width: 768px) {
.story .story_box_02 {
	background-image: none;
}
}
.story .story_box_02 .story__box__top {
	flex-direction: row-reverse;
}
.story .story_box_03 {
	background-image: url(images/story_bg_03.jpg);
	background-position: center;
}

@media screen and (max-width: 768px) {
.story .story_box_03 {
	background-image: none;
}
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
/* slider video */
.video-slider {
	width: 80%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 100px !important;
}

@media screen and (max-width: 768px) {
.video-slider {
	margin-bottom: 60px !important;
}
}
.video-slider li {
	width: 100%;
}
.video-slider li a {
	width: 100%;
}
.video-slider li video {
	width: 100%;
}
.video-slider li .video-txt {
	font-size: 24px;
	color: #2a3277;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
.video-slider li .video-txt {
	font-size: 18px;
}
}
.slide-arrow {
	background-color: #d2d2d2;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transition: all .3s;
}
.slide-arrow:hover {
	background-color: #2a3277;
}

@media screen and (max-width: 768px) {
.slide-arrow {
	width: 30px;
	height: 30px;
	font-size: 18px;
}
}
.slide-arrow.prev-arrow {
	left: -8%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.slide-arrow.prev-arrow {
	left: -12%;
}
}

@media screen and (max-width: 768px) {
.slide-arrow.prev-arrow {
	left: -15%;
}
}
.slide-arrow.prev-arrow i {
	position: absolute;
	top: 10px;
	left: 12px;
}

@media screen and (max-width: 768px) {
.slide-arrow.prev-arrow i {
	top: 6px;
	left: 8px;
}
}
.slide-arrow.next-arrow {
	right: -8%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.slide-arrow.next-arrow {
	right: -12%;
}
}

@media screen and (max-width: 768px) {
.slide-arrow.next-arrow {
	right: -15%;
}
}
.slide-arrow.next-arrow i {
	position: absolute;
	top: 10px;
	left: 17px;
}

@media screen and (max-width: 768px) {
.slide-arrow.next-arrow i {
	top: 6px;
	left: 10px;
}
}
/**
 * mixins and functions
 * @version 1.0
 */
/*'Noto Sans CJK JP', sans-serif;*/
.font_cust {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2px;
}
.fadeInDown {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
* {
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 2;
	letter-spacing: 0.03em;
}

@media screen and (max-width: 768px) {
body {
	font-size: 14px;
}
}
a {
	color: #222;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: alpha(opacity=75);
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
ul {
	list-style: none;
}

/*
pc:pcのみ
tb:tbのみ
sp:spのみ
pctb:pcとtb
tbsp:tbとsp
*/
@media screen and (max-width: 768px) {
.pc {
	display: none !important;
}
.tb {
	display: none;
}
.sp {
	display: block !important;
}
.pctb {
	display: none !important;
}
.tbsp {
	display: block !important;
}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.pc {
	display: none !important;
}
.tb {
	display: block;
}
.sp {
	display: none !important;
}
.pctb {
	display: block !important;
}
.tbsp {
	display: block !important;
}
/*
.business .second__grid li div img{
	display: block;
}*/
}

@media screen and (min-width: 1200px) {
.pc {
	display: block;
}
.tb {
	display: none;
}
.sp {
	display: none;
}
.pctb {
	display: block;
}
.tbsp {
	display: none;
}
}

@media screen and (min-width: 1200px) {
a[href^="tel:"] {
	pointer-events: none;
}
}
@keyframes btnBar {
 0% {
 transform: translateX(0);
}
 25% {
 transform: translateX(100%);
 background-color: #39b54a;
}
 26% {
 background-color: transparent;
}
 27% {
 transform: translateX(-100%);
}
 40% {
 background-color: #39b54a;
}
 100% {
 transform: translateX(0);
}
}
.wrapper {
	padding-left: 185px;
/*header分*/ }

@media screen and (min-width: 769px) and (max-width: 1200px) {
.wrapper {
	padding-left: 0;
	padding-top: 60px;
}
}

@media screen and (max-width: 768px) {
.wrapper {
	padding-left: 0;
	padding-top: 60px;
}
}
/*スライダー画像調整*/
.object-fit-img {
	object-fit: contain;
	font-family: "object-fit: contain;";
}
/* top へ戻るボタン*/
#page_toplink {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	display: none;
	z-index: 10;
}
#page_toplink:hover {
	background-color: #2a3277;
	opacity: 0.6;
}
#page_toplink a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
#page_toplink a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
/*共通箇所*/
.cursor_def {
	cursor: default;
}
.content__size {
	width: 90%;
	margin: 0 auto;
	padding: 50px 0 60px;
	max-width: 1100px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.content__size {
	padding: 30px 0 40px;
}
}

@media screen and (max-width: 768px) {
.content__size {
	padding: 30px 0 30px;
}
}
.content__ttl .en {
	font-size: 40px;
	border-bottom: 2px solid #000;
	display: inline-block;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.content__ttl .en {
	font-size: 30px;
}
}

@media screen and (max-width: 768px) {
.content__ttl .en {
	font-size: 24px;
}
}
.content__ttl .jp {
	font-size: 18px;
	font-weight: bold;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.content__ttl .jp {
	font-size: 17px;
}
}

@media screen and (max-width: 768px) {
.content__ttl .jp {
	font-size: 16px;
}
}
.content__ttl__02 .en {
	font-size: 30px;
	border-bottom: 1px solid #2a3277;
	display: inline-block;
	font-weight: bold;
	line-height: 1.3;
	color: #2a3277;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.content__ttl__02 .en {
	font-size: 26px;
}
}

@media screen and (max-width: 768px) {
.content__ttl__02 .en {
	font-size: 24px;
}
}
.content__ttl__02 .jp {
	font-size: 15px;
	font-weight: bold;
	color: #2a3277;
	display: block; 
}
.content__ttl__02 .jp .bg_box {
	color: #fff;
	background-color: #2a3277;
	padding: 5px 10px;
	display: inline-block;
	margin: 10px 0 0 10px;
}
.content h1 {
	font-size: 35px;
	color: #2a3277;
	text-align: center;
	padding: 20px;
	font-weight: bold;
	line-height: 1.6;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.content h1 {
	font-size: 26px;
	padding: 10px 0 20px;
}
}

@media screen and (max-width: 768px) {
.content h1 {
	font-size: 22px;
	padding: 10px 0;
}
}
.content h2 {
	font-size: 24px;
	font-weight: bold;
	color: #2a3277;
	text-align: center;
	padding: 20px;
}

@media screen and (max-width: 768px) {
.content h2 {
	font-size: 20px;
	line-height: 1.5;
	padding: 10px 0;
}
}
.content h3 {
	font-size: 24px;
	border-left: 5px solid #2a3277;
	padding-left: 20px;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.content h3 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 20px;
}
}
.content .more_view a {
	font-weight: bold;
	border: 1px solid #000;
	padding: 10px 20px;
	display: inline-block;
	text-decoration: none;
	float: right;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
.content .more_view a {
	padding: 5px 15px;
}
}
.content .more_view a:after {
	content: '';
	display: inline-block;
	width: 41px;
	/*画像の幅*/
	height: 16px;
	/*画像の高さ*/
	background-image: url(images/more_arrow.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 30px;
}

@media screen and (max-width: 768px) {
.content .more_view a:after {
	margin-left: 10px;
	width: 30px;
	height: 13px;
}
}
.content .more_view a:hover {
	background-color: #000;
	color: #fff;
}
.content .more_view a:hover:after {
	background-image: url(images/more_arrow_white.png);
}
.center_line, .value__failure .failure_btm_box .main .condition_list li .txt_area .first span, .lineup__inhibition .inhibition_ttl span, .business .top .txt_area__top span, .business02 .service__img_area li .service_txt_sp span, .business02 .service__txt_area li p span {
	width: 30px;
	height: 2px;
	display: block;
	position: absolute;
	top: calc( 50% - 1px );
	overflow: hidden;
}
.center_line_bf, .value__failure .failure_btm_box .main .condition_list li .txt_area .first span::before, .lineup__inhibition .inhibition_ttl span::before, .business .top .txt_area__top span::before, .business02 .service__img_area li .service_txt_sp span::before, .business02 .service__txt_area li p span::before {
	width: 30px;
	height: 2px;
	content: '';
	background: #fff;
	display: block;
}
.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.modal__bg {
	background: rgba(0, 0, 0, 0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content {
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
}
.marker, .business04__point .point_grid .ttl_first span, .business04__point .point_grid__01 .ttl_third span {
	background: linear-gradient(transparent 65%, #fff799 65%);
	font-weight: bold;
}
.align, .lineup__inhibition .inhibition_list_area .inhibition_num_list li {
	margin-left: 1em;
	text-indent: -1em;
}
.document_dl_btn {
	width: 300px;
	margin: 0 auto;
	font-size: 18px;
}

@media screen and (max-width: 768px) {
.document_dl_btn {
	width: 200px;
	padding: 10px 20px;
	font-size: 14px;
}
}
.document_dl_btn a {
	background-color: #2a3277;
	display: inline-block;
	color: #fff;
	width: 100%;
	padding: 20px;
	text-decoration: none;
	position: relative;
	text-align: center;
	transition: all .3s;
}
.document_dl_btn a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}
.document_dl_btn a:hover {
	background-color: rgba(42, 50, 119, 0.8);
}
/* home */
.home__topslide {
	width: 100%;
	height: calc(100vh - 70px);
	/* news分をマイナス */
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0 !important;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home__topslide {
	height: calc(100vh - 130px);
/* header,news分をマイナス */ }
}

@media screen and (max-width: 768px) {
.home__topslide {
	height: auto;
}
}
.home__topslide .slide_wrp {
	position: relative;
}
.home__topslide .slide_wrp img {
	object-fit: cover;
	width: 100%;
	height: calc(100vh - 70px);
	/* news分をマイナス */
	margin: 0 auto;
	text-align: center;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home__topslide .slide_wrp img {
	height: calc(100vh - 130px);
/* header,news分をマイナス */ }
}

@media screen and (max-width: 768px) {
.home__topslide .slide_wrp img {
	object-fit: contain !important;
	height: auto;
}
}
.home__topslide .slide_wrp .slide_txt {
	position: absolute;
	top: 15%;
	left: 80px;
	font-size: 70px;
	font-weight: 900;
	color: #fff;
	text-shadow: 0px 0px 7px #9ea4ab;
}

@media screen and (max-width: 768px) {
.home__topslide .slide_wrp .slide_txt {
	font-size: 36px;
	top: 10%;
	left: 25px;
	line-height: 1.4;
	text-align: left;
}
}
.home__topslide .slide_wrp .slide_txt_last {
	position: absolute;
	top: 15%;
	left: 80px;
	font-size: 70px;
	font-weight: 900;
	color: #fff;
	text-shadow: 0px 0px 7px #9ea4ab;
	text-align: left;
	line-height: 1.4;
}
.home__topslide .slide_wrp .slide_name .slide_txt_last {
	position: static!important;
}

@media screen and (max-width: 768px) {
.home__topslide .slide_wrp .slide_txt_last {
	font-size: 36px;
	top: 10%;
	left: 25px;
	line-height: 1.4;
	text-align: left;
}
}
.home__topslide .slide_wrp .slide_name {
	color: #fff;
	text-shadow: 0px 0px 7px #9ea4ab;
	/*position: absolute;
      bottom: 15%;
      left: 80px;*/
	position: absolute;
	top: 15%;
	left: 80px;
	text-align: left;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
.home__topslide .slide_wrp .slide_name {
	left: 40px;
	bottom: 10%;
	top: auto;
}
.home__topslide .slide_wrp .slide_name .slide_txt_last {
	position: absolute!important;
}
}
.home__topslide .slide_wrp .slide_name .slide_name_01 {
	font-size: 25px;
	color: #000;
}

@media screen and (max-width: 768px) {
.home__topslide .slide_wrp .slide_name .slide_name_01 {
	font-size: 18px;
}
}
.home__topslide .slide_wrp .slide_name .slide_name_02 {
	object-fit: none;
	width: auto;
	height: auto;
	margin: 0;
	text-align: left;
	padding-top: 10px;
}

@media screen and (max-width: 768px) {
.home__topslide .slide_wrp .slide_name .slide_name_02 {
	width: 200px;
}
}
.home__topslide.pc_slider {
	display: block;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home__topslide.pc_slider {
	display: block;
}
}

@media screen and (max-width: 768px) {
.home__topslide.pc_slider {
	display: none;
}
}
.home__topslide.sp_slider {
	display: none;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home__topslide.sp_slider {
	display: none;
}
}

@media screen and (max-width: 768px) {
.home__topslide.sp_slider {
	display: block;
}
}
.home__topslide .slick-dots {
	bottom: 30px !important;
}

@media screen and (max-width: 768px) {
.home__topslide .slick-dots {
	bottom: 10px !important;
}
}
.home__topslide .slick-dots li button:before {
	color: #c4a880;
	opacity: 1;
}
.home__topslide .slick-dots li.slick-active button:before {
	color: #2a3277;
	opacity: 0.75;
}
.home .news {
	width: 100%;
	overflow: hidden;
	background-color: #e5e5e5;
	display: flex;
	align-items: center;
}
.home .news__ttl {
	background-color: #2a3277;
	color: #fff;
	display: inline-block;
	width: auto;
	text-align: center;
	padding: 10px 50px;
	transform: skewX(-15deg);
	margin-left: -16px;
}

@media screen and (max-width: 768px) {
.home .news__ttl {
	padding: 5px 15px 5px 30px;
}
}
.home .news__ttl p {
	transform: skewX(15deg);
	font-size: 25px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
.home .news__ttl p {
	font-size: 14px;
}
}
.home .news__area {
	display: flex;
	padding: 0 50px 0 30px;
	width: 100%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .news__area {
	padding: 0 30px;
}
}

@media screen and (max-width: 768px) {
.home .news__area {
	padding: 0 10px;
}
}
.home .news__area li {
	padding-right: 20px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
.home .news__area li {
	padding-right: 10px;
}
}
.home .news__area li a {
	display: inline-block;
	padding: 5px 0;
	text-decoration: none;
}
.home .news__area li:nth-of-type(2) {
	width: calc(100% - 262px);
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .news__area li:nth-of-type(2) {
	width: calc(100% - 242px);
}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .news__area li:nth-of-type(2) {
	width: calc(100% - 100px);
}
}
.home .news__area li:nth-of-type(2) a {
	overflow: hidden;
	height: 42px;
	width: 100%;
}

@media screen and (max-width: 768px) {
.home .news__area li:nth-of-type(2) a {
	height: 38px;
}
}
.home .news__area li:nth-of-type(3) {
	margin-left: auto;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .news__area li:nth-of-type(3) {
	padding-right: 0;
}
}

@media screen and (max-width: 768px) {
.home .news__area li:nth-of-type(3) {
	padding-right: 0;
}
}
.home .news__area li:nth-of-type(3) .news_pc {
	display: block;
}

@media screen and (max-width: 768px) {
.home .news__area li:nth-of-type(3) .news_pc {
	display: none;
}
}
.home .news__area li:nth-of-type(3) .news_sp {
	display: none;
}

@media screen and (max-width: 768px) {
.home .news__area li:nth-of-type(3) .news_sp {
	display: block;
}
}
.home .news__area li:nth-of-type(3) a {
	width: 142px;
	/*改行しないよう固定*/
	color: #2a3277;
	border: 1px solid #2a3277;
	padding: 5px 20px;
	text-decoration: none;
	transition: all .3s;
}

@media screen and (min-width: 1200px) {
.home .news__area li:nth-of-type(3) a:hover {
	background-color: #2a3277;
	color: #fff;
	border: 1px solid #fff;
}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .news__area li:nth-of-type(3) a:hover {
	background-color: #2a3277;
	color: #fff;
	border: 1px solid #fff;
}
}

@media screen and (max-width: 768px) {
.home .news__area li:nth-of-type(3) a {
	padding: 0px;
	width: 15px;
	border: none;
}
}
.home .story {
	background-color: #fff;
	background-image: url(images/story_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
}
.home .story__mainimg {
	margin: 0 auto;
	width: 227px;
	padding-bottom: 50px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .story__mainimg {
	width: 180px;
	padding-bottom: 20px;
}
}

@media screen and (max-width: 768px) {
.home .story__mainimg {
	width: 120px;
	padding: 20px 0;
}
}
.home .story__mainimg img {
	width: 100%;
}

@media screen and (max-width: 768px) {
.home .story.animation_fadeInDown {
	visibility: inherit !important;
}
}
.home .business {
	background-color: #f3f1f1;
}
.home .business__intro {
	text-align: center;
	font-size: 19px;
}

@media screen and (max-width: 768px) {
.home .business__intro {
	font-size: 14px;
	text-align: left;
}
}
.home .business__grid {
	background-image: url(images/business_bg1.png), url(images/business_bg2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top, bottom;
	background-size: auto 90%, contain;
	padding: 50px 0 100px;
}

@media screen and (max-width: 768px) {
.home .business__grid {
	padding: 30px 0 50px;
}
}
.home .business__grid .cell {
	width: 85%;
	min-width: 800px;
	display: flex;
	justify-content: space-around;
	padding-bottom: 50px;
	margin: 0 auto;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .business__grid .cell {
	width: 100%;
	min-width: auto;
}
}
.home .business__grid .cell li {
	background: linear-gradient(#4076c9, #2a3277);
	box-shadow: 0 0 8px #2a3277;
	width: 28%;
	max-width: 310px;
}
.home .business__grid .cell li a {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	padding: 10px 0;
	height: 100%;
	line-height: 1.8;
	display: flex;
	align-items: center;
	height: 76px;
	text-align: center;
	width: 100%;
	position: relative;
	text-decoration: none;
	transition: all .3s;
	border: 2px solid;
	border-image: linear-gradient(180deg, #4076c9, #2a3277);
	border-image-slice: 1;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .business__grid .cell li a {
	font-size: 15px;
}
}
.home .business__grid .cell li a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -16px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .business__grid .cell li a:after {
	margin-top: -13px;
}
}
.home .business__grid .cell li a p {
	margin: 0 auto;
}
.home .business__grid .cell li a:hover {
	background-color: #fff;
	color: #2a3277;
	font-weight: bold;
}
.home .business__grid .cell.cell__2 li:nth-of-type(1) {
	margin-left: 8%;
}
.home .business__grid .cell.cell__2 li:nth-of-type(2) {
	margin-right: 8%;
}
.home .business__grid__sp .cell {
	width: 90%;
	min-width: auto;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 0px;
}
.home .business__grid__sp .cell li {
	width: calc(96% / 2);
	margin-bottom: 4%;
}
.home .business__grid__sp .cell li a {
	font-size: 14px;
	padding: 10px 0;
	line-height: 1.8;
	height: 76px;
}
.home .business__grid__sp .cell li a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -16px;
}
.home .field__intro {
	text-align: center;
	font-size: 19px;
}

@media screen and (max-width: 768px) {
.home .field__intro {
	text-align: left;
	font-size: 14px;
}
}
.home .field__grid {
	display: flex;
	width: 100%;
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.home .field__grid {
	display: block;
	padding-bottom: 30px;
}
}
.home .field__grid .box {
	width: calc(100%/2);
}

@media screen and (max-width: 768px) {
.home .field__grid .box {
	width: 100%;
}
}
.home .field__grid .box:nth-of-type(1) {
	background: url(images/field_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
.home .field__grid .box:nth-of-type(2) {
	background: url(images/field_bg_02.jpg) no-repeat center center;
	background-size: cover;
}
.home .field__grid .box:nth-of-type(3) {
	background: url(images/field_bg_03.jpg) no-repeat center center;
	background-size: cover;
}
.home .field__grid .box a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 10px;
	text-decoration: none;
}
.home .field__grid .box a .ttl {
	background-color: rgba(30, 33, 62, 0.35);
	color: #fff;
	font-size: 23px;
	text-align: center;
	display: flex;
	align-items: center;
	transition: all .3s;
	border: 1px solid rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 768px) {
.home .field__grid .box a .ttl {
	font-size: 20px;
}
}
.home .field__grid .box a .ttl p {
	margin: 0 auto;
	padding: 50px 0;
}

@media screen and (max-width: 768px) {
.home .field__grid .box a .ttl p {
	padding: 20px 0;
}
}
.home .field__grid .box a:hover .ttl {
	background-color: rgba(30, 33, 62, 0.6);
}
.home .office {
	background-color: #f1f1f1;
}
.home .office__intro {
	font-size: 19px;
}

@media screen and (max-width: 768px) {
.home .office__intro {
	font-size: 14px;
	text-align: left;
}
}
.home .office__grid {
	background-image: url(images/office_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 80%;
	padding-top: 30px;
	max-height: 1080px;
}

@media screen and (max-width: 768px) {
.home .office__grid {
	padding-top: 0;
}
}
.home .office__grid h1 {
	text-align: left;
	padding: 20px 0;
}
.home .company__grid {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
.home .company__grid {
	display: block;
}
}
.home .company__grid li {
	width: calc(100%/2);
}

@media screen and (max-width: 768px) {
.home .company__grid li {
	width: 100%;
}
}
.home .company__grid li:nth-of-type(1) {
	background: url(images/company_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
.home .company__grid li:nth-of-type(2) {
	background: url(images/company_bg_02.jpg) no-repeat center center;
	background-size: cover;
}
.home .company__grid li:nth-of-type(3) {
	background: url(images/company_bg_03.jpg) no-repeat center center;
	background-size: cover;
}
.home .company__grid li:nth-of-type(4) {
	background: url(images/company_bg_04.jpg) no-repeat center center;
	background-size: cover;
}
.home .company__grid li a {
	display: inline-block;
	padding: 30px 40px;
	width: 100%;
	text-decoration: none;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
.home .company__grid li a {
	padding: 20px 40px;
}
}
.home .company__grid li a p {
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	padding: 30px 0;
	font-size: 18px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .company__grid li a p {
	padding: 20px 0;
}
}

@media screen and (max-width: 768px) {
.home .company__grid li a p {
	font-size: 16px;
	padding: 20px 0;
}
}
.home .company__grid li a:hover {
	background-color: rgba(42, 50, 119, 0.3);
}
.home .recruit {
	padding: 80px 0;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .recruit {
	padding: 50px 0;
}
}

@media screen and (max-width: 768px) {
.home .recruit {
	padding: 30px 0;
}
}
.home .recruit__btn {
	margin: 0 auto;
	width: 650px;
}

@media screen and (max-width: 768px) {
.home .recruit__btn {
	width: auto;
}
}
.home .recruit__btn a {
	text-decoration: none;
	width: 100%;
	background: linear-gradient(#2a3277, #4076c9);
	background: -moz-linear-gradient(#2a3277, #4076c9);
	background: -webkit-linear-gradient(#2a3277, #4076c9);
	display: inline-block;
	padding: 30px 0px;
	text-align: center;
	color: #fff;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
.home .recruit__btn a {
	padding: 20px;
}
}
.home .recruit__btn a p {
	font-size: 40px;
	line-height: 1.8;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.home .recruit__btn a p {
	font-size: 34px;
}
}

@media screen and (max-width: 768px) {
.home .recruit__btn a p {
	font-size: 22px;
}
}
.home .recruit__btn a span {
	font-size: 18px;
}

@media screen and (max-width: 768px) {
.home .recruit__btn a span {
	font-size: 16px;
}
}
.home .recruit__btn a .coming {
	font-size: 18px;
	background-color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 5px 20px;
	color: #2a3277;
}
.home .recruit__btn a:hover {
	background: linear-gradient(rgba(35, 51, 164, 0.9), rgba(63, 115, 198, 0.9));
}
.business .top {
	background-size: cover;
	background-repeat: no-repeat;
}
.business .top .ttl_area {
	background-color: #ecebea;
	padding: 10px 20px;
	display: inline-block;
	margin-bottom: 30px;
}
.business .top .ttl_area p {
	font-size: 18px;
	color: #2a3277;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
.business .top .ttl_area p {
	font-size: 15px;
}
}
.business .top .txt_area p {
	color: #fff;
	font-weight: bold;
}
.business .top .txt_area__top {
	font-weight: bold;
	font-size: 33px;
	position: relative;
	padding-left: 40px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business .top .txt_area__top {
	font-size: 30px;
}
}

@media screen and (max-width: 768px) {
.business .top .txt_area__top {
	font-size: 20px;
	padding-left: 20px;
}
}
.business .top .txt_area__top span {
	left: 0;
}

@media screen and (max-width: 768px) {
.business .top .txt_area__top span {
	width: 15px;
}
}

@media screen and (max-width: 768px) {
.business .top .txt_area__top span::before {
	width: 15px;
}
}
.business .top .txt_area__btm {
	font-size: 19px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	line-height: 1.8;
	padding: 10px 0 50px 40px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business .top .txt_area__btm {
	font-size: 18px;
}
}

@media screen and (max-width: 768px) {
.business .top .txt_area__btm {
	font-size: 15px;
	padding: 5px 0 20px 20px;
}
}
.business .top .txt_area__link {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.business .top .txt_area__link li a {
	color: #fff;
	display: inline-block;
	border-right: 1px solid #fff;
	margin-right: 10px;
	line-height: 1.4;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	text-decoration: none;
	transition: all .3s;
}
.business .top .txt_area__link li a:hover {
	color: #ee720e;
}
.business .top .txt_area__link li a i {
	padding: 0 10px;
}
.business .top .txt_area__link li:last-child a {
	border-right: none;
	margin-right: 0px;
}
.business .second {
	background-size: cover;
	background-repeat: no-repeat;
}
.business .second__ttl {
	color: #2a3277;
	font-size: 25px;
	border-left: 15px solid #2a3277;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business .second__ttl {
	font-size: 20px;
	border-left: 10px solid #2a3277;
	padding-left: 10px;
	margin-bottom: 20px;
}
}
.business .second__grid {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 768px) {
  .business .second__grid {
    display: block;
  }
}
.business .second__grid li {
	width: calc(95% / 3);
	background-color: #fff;
	border: 3px solid;
	border-image: linear-gradient(180deg, #4076c9, #2a3277);
	border-image-slice: 1;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

@media screen and (max-width: 768px) {
.business .second__grid li {
	width: 100%;
	margin-bottom: 10px;
}
}
.business .second__grid li div {
	text-align: center;
	height: 70px;
	width: 100%;
}
.business .second__grid li div img {
	height: auto;
}
.business .second__grid li .ttl {
	width: 100%;
	font-size: 20px;
	line-height: 1.6;
	font-weight: bold;
	color: #ee720e;
	text-align: center;
}
.business .second__grid li .txt {
	width: 100%;
	color: #2a3277;
	text-align: center;
	font-weight: bold;
}
.business__area {
	background-color: #f4f5f8;
}
.business__area__grid {
	background-image: url(images/business_area_bg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 80%;
	padding-top: 30px;
	max-height: 1080px;
}

@media screen and (max-width: 768px) {
.business__area__grid {
	padding-top: 0;
}
}
.business__area_link {
	background-color: #fff;
}

@media screen and (max-width: 768px) {
.business__area_link .content__size {
	padding: 20px 0 10px;
}
}
.business__area_link__grid {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 768px) {
.business__area_link__grid {
	display: block;
}
}
.business__area_link__grid li {
	width: 250px;
	background: linear-gradient(90deg, #2b347a, #427acf);
}

@media screen and (max-width: 768px) {
.business__area_link__grid li {
	width: 100%;
	margin-bottom: 10px;
}
}
.business__area_link__grid li a {
	padding: 10px 20px;
	width: 100%;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

@media screen and (max-width: 768px) {
.business__area_link__grid li a {
	padding: 10px;
}
}
.business__area_link__grid li a p {
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
.business__area_link__grid li a p {
	font-size: 14px;
}
}
.business__area_link__grid li:nth-of-type(1) {
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
.business__area_link__grid li:nth-of-type(1) {
	margin-right: 0px;
}
}
.business__area_link__grid li:nth-of-type(2) {
	margin-left: 20px;
}

@media screen and (max-width: 768px) {
.business__area_link__grid li:nth-of-type(2) {
	margin-left: 0px;
}
}
.business01 .top {
	background-image: url(images/business01_mv.jpg);
}
.business01 .second {
	background-image: url(images/business01_second_bg.jpg);
}
.business01 .service__main {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
.business01 .service__main {
	padding: 20px 0;
}
}
.business01 .service__main img {
	width: 100%;
	margin: 0 auto;
	max-width: 900px;
}
.business01 .service__btn {
	width: 490px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.business01 .service__btn {
	width: 100%;
	line-height: 1.8;
}
}
.business01 .service__btn a {
	background-color: #2a3277;
	display: inline-block;
	color: #fff;
	width: 100%;
	padding: 20px;
	text-decoration: none;
	position: relative;
	transition: all .3s;
	font-size: 18px;
}

@media screen and (max-width: 768px) {
.business01 .service__btn a {
	padding: 10px;
	font-size: 14px;
}
}
.business01 .service__btn a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}
.business01 .service__btn a:hover {
	background-color: rgba(42, 50, 119, 0.8);
}
.business01 .service__ve {
	background-image: url(images/service_ve_bg.jpg);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center left;
}

@media screen and (max-width: 768px) {
.business01 .service__ve {
	background-size: contain;
}
}
.business01 .service__ve .ttl {
	display: inline-block;
	background-color: #2a3277;
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

@media screen and (max-width: 768px) {
.business01 .service__ve .ttl {
	font-size: 20px;
	padding: 3px 20px;
}
}
.business01 .service__ve .chat_area {
	width: 65%;
	margin-left: 35%;
}

@media screen and (max-width: 768px) {
.business01 .service__ve .chat_area {
	width: 100%;
	margin-left: 0;
}
}
.business01 .service__ve .chat_area li {
	width: 100%;
	display: flex;
	align-items: center;
	max-width: 600px;
	margin: 0 0 30px auto;
}
.business01 .service__ve .chat_area li .person {
	position: relative;
	padding-right: 50px;
}
.business01 .service__ve .chat_area li .person .icon {
	display: inline-block;
	display: flex;
	margin: 0 auto;
	align-items: center;
	width: 70px;
	height: 70px;
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	border: solid 1px #f9862a;
	color: #f9862a;
	background-color: #fff;
}
.business01 .service__ve .chat_area li .person .icon i {
	margin: 0 auto;
}
.business01 .service__ve .chat_area li .person p {
	color: #f9862a;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	line-height: 1.8;
	position: absolute;
	bottom: -20px;
	left: -10px;
}
.business01 .service__ve .chat_area li .voice {
	position: relative;
	display: inline-block;
	background: #f5debc;
	height: fit-content;
	padding: 10px;
}
.business01 .service__ve .chat_area li .voice:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 27px 0px 0;
	border-color: transparent #f5debc transparent transparent;
}
.business01 .service__ve .chat_area li:nth-of-type(2) {
	justify-content: flex-end;
}
.business01 .service__ve .chat_area li:nth-of-type(2) .person {
	padding: 0 0 0 50px;
}
.business01 .service__ve .chat_area li:nth-of-type(2) .person .icon {
	border: solid 1px #2a3277;
	color: #2a3277;
}
.business01 .service__ve .chat_area li:nth-of-type(2) .person p {
	color: #2a3277;
	left: 70px;
}
.business01 .service__ve .chat_area li:nth-of-type(2) .voice {
	background: #cfd0d8;
}
.business01 .service__ve .chat_area li:nth-of-type(2) .voice:before {
	left: auto;
	right: -25px;
	border-width: 20px 0px 0 27px;
	border-color: transparent transparent transparent #cfd0d8;
}
.business01 .pickup {
	background-color: #f4f5f8;
}
.business01 .pickup__lineup_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 50px 0 30px;
}

@media screen and (max-width: 768px) {
.business01 .pickup__lineup_list {
	padding: 20px 0 0 0;
}
}
.business01 .pickup__lineup_list li {
	width: calc(96%/2);
}
.business01 .pickup__lineup_list li .img_bg {
	background-size: cover;
	background-repeat: no-repeat;
}
.business01 .pickup__lineup_list li .img_bg a {
	padding: 20px;
	height: 200px;
	display: inline-block;
	width: 100%;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
.business01 .pickup__lineup_list li .img_bg a {
	height: 160px;
}
}
.business01 .pickup__lineup_list li .img_bg .ttl {
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgba(30, 33, 62, 0.35);
	height: 100%;
	display: flex;
	align-items: center;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
.business01 .pickup__lineup_list li .img_bg .ttl {
	font-size: 17px;
	line-height: 1.5;
}
}
.business01 .pickup__lineup_list li .img_bg .ttl p {
	margin: 0 auto;
}
.business01 .pickup__lineup_list li .img_bg .ttl:hover {
	background-color: rgba(30, 33, 62, 0.6);
}
.business01 .pickup__lineup_list li .txt {
	padding: 20px 0 30px;
}

@media screen and (max-width: 768px) {
.business01 .pickup__lineup_list li .txt {
	padding: 10px 0 20px;
}
}
.business01 .pickup__lineup_list li:nth-of-type(1) .img_bg {
	background-image: url(images/business01_lineup_01.jpg);
}
.business01 .pickup__lineup_list li:nth-of-type(2) .img_bg {
	background-image: url(images/business01_lineup_02.jpg);
}
.business01 .pickup__lineup_list li:nth-of-type(3) .img_bg {
	background-image: url(images/business01_lineup_03.jpg);
}
.business01 .pickup__lineup_list li:nth-of-type(4) .img_bg {
	background-image: url(images/business01_lineup_04.jpg);
}
.business01 .pickup__intro {
	text-align: center;
	font-size: 18px;
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business01 .pickup__intro {
	font-size: 15px;
	padding-bottom: 20px;
	text-align: left;
}
}
.business01 .pickup__grid {
	background-color: #fff;
	padding: 30px 50px;
}

@media screen and (max-width: 768px) {
.business01 .pickup__grid {
	padding: 20px 20px;
}
}
.business01 .pickup__grid .ttl {
	font-size: 18px;
	color: #00a7d5;
	font-weight: bold;
	text-align: center;
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business01 .pickup__grid .ttl {
	line-height: 1.8;
}
}
.business01 .pickup__grid .inner {
	display: flex;
	justify-content: space-between;
	max-width: 760px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.business01 .pickup__grid .inner {
	display: block;
}
}
.business01 .pickup__grid .inner .left_box {
	width: auto;
}

@media screen and (max-width: 768px) {
.business01 .pickup__grid .inner .left_box {
	width: 100%;
}
}
.business01 .pickup__grid .inner .left_box .img {
	margin: 0 auto;
	width: 150px;
	margin-bottom: 15px;
}
.business01 .pickup__grid .inner .left_box .img img {
	width: 100%;
}
.business01 .pickup__grid .inner .left_box .btn {
	width: 200px;
	margin: 0 auto;
}
.business01 .pickup__grid .inner .left_box .btn a {
	border: 1px solid #2a3277;
	position: relative;
	color: #2a3277;
	font-size: 19px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	text-decoration: none;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
.business01 .pickup__grid .inner .left_box .btn a {
	font-size: 18px;
}
}
.business01 .pickup__grid .inner .left_box .btn a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -19px;
}
.business01 .pickup__grid .inner .left_box .btn a:hover {
	background-color: #2a3277;
	color: #fff;
}
.business01 .pickup__grid .inner .right_box {
	width: auto;
	padding-left: 30px;
}

@media screen and (max-width: 768px) {
.business01 .pickup__grid .inner .right_box {
	padding: 30px 0 0 0;
}
}
.business01 .pickup__grid .inner .right_box__top {
	font-size: 18px;
	background-color: #2a3277;
	color: #fff;
	display: inline-block;
	padding: 0px 20px;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
.business01 .pickup__grid .inner .right_box__top {
	font-size: 16px;
}
}
.business01 .customer_voice {
	background-image: url(images/customer_voice_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.business01 .customer_voice .ttl {
	color: #2a3277;
	font-size: 25px;
	padding-bottom: 20px;
	font-weight: bold;
	max-width: 1000px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.business01 .customer_voice .ttl {
	font-size: 20px;
	padding-bottom: 10px;
}
}
.business01 .customer_voice__grid {
	display: flex;
	justify-content: space-between;
	max-width: 850px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.business01 .customer_voice__grid {
	display: block;
}
}
.business01 .customer_voice__grid li {
	width: 45%;
	border: 1px solid #2a3277;
	background-color: #fff;
	padding: 20px 10px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
.business01 .customer_voice__grid li {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
}
}
.business01 .customer_voice__grid li:nth-of-type(2) {
	margin-bottom: 0;
}
.business01 .pickup2__intro {
	text-align: center;
	font-size: 18px;
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__intro {
	text-align: left;
	font-size: 15px;
	padding-bottom: 20px;
}
}
.business01 .pickup2__caption {
	background-color: #2a3277;
	color: #fff;
	font-size: 18px;
	width: 170px;
	text-align: center;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__caption {
	margin-bottom: 20px;
	font-size: 16px;
	width: 150px;
}
}
.business01 .pickup2__pop_area .caption_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.business01 .pickup2__pop_area .caption_list li {
	width: calc(99%/3);
	height: 84px;
	margin-bottom: 5px;
	position: relative;
	transition: all .3s;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .caption_list li {
	width: calc(99%/2);
}
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(1) {
	background: url(images/pickup2_pop_bg_01.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(2) {
	background: url(images/pickup2_pop_bg_02.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(3) {
	background: url(images/pickup2_pop_bg_03.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(4) {
	background: url(images/pickup2_pop_bg_04.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(5) {
	background: url(images/pickup2_pop_bg_05.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(6) {
	background: url(images/pickup2_pop_bg_06.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(7) {
	background: url(images/pickup2_pop_bg_07.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(8) {
	background: url(images/pickup2_pop_bg_08.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li:nth-of-type(9) {
	background: url(images/pickup2_pop_bg_09.jpg) no-repeat center center;
	background-size: cover;
}
.business01 .pickup2__pop_area .caption_list li a {
	display: inline-block;
	color: #fff;
	text-align: center;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
}
.business01 .pickup2__pop_area .caption_list li a p {
	margin: 0 auto;
	line-height: 1.8;
	z-index: 3;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 17px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .caption_list li a p {
	font-size: 16px;
}
}
.business01 .pickup2__pop_area .caption_list li a p span {
	margin: 0 auto;
}
.business01 .pickup2__pop_area .caption_list li:hover:before {
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.business01 .pickup2__pop_area .modal_inner {
	display: flex;
	position: relative;
	padding: 0;
	height: auto;
	width: 70%;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .modal_inner {
	display: block;
}
}
.business01 .pickup2__pop_area .modal_inner .left {
	width: 205px;
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .modal_inner .left {
	width: 100%;
	height: 150px;
}
}
.business01 .pickup2__pop_area .modal_inner .left__01 {
	background-image: url(images/modal_pickup2_01.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__02 {
	background-image: url(images/modal_pickup2_02.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__03 {
	background-image: url(images/modal_pickup2_03.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__04 {
	background-image: url(images/modal_pickup2_04.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__05 {
	background-image: url(images/modal_pickup2_05.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__06 {
	background-image: url(images/modal_pickup2_06.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__07 {
	background-image: url(images/modal_pickup2_07.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__08 {
	background-image: url(images/modal_pickup2_08.jpg);
}
.business01 .pickup2__pop_area .modal_inner .left__09 {
	background-image: url(images/modal_pickup2_09.jpg);
}
.business01 .pickup2__pop_area .modal_inner .right {
	padding: 30px 20px;
	width: calc(100% - 205px);
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .modal_inner .right {
	width: 100%;
}
}
.business01 .pickup2__pop_area .modal_inner .right p {
	display: inline-block;
	border-left: 5px solid #2a3277;
	padding-left: 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.8;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .modal_inner .right p {
	padding-left: 10px;
	font-size: 22px;
}
}
.business01 .pickup2__pop_area .modal_inner .right ul {
	padding: 20px 20px 0 20px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .modal_inner .right ul {
	padding: 20px 0 0 0;
}
}
.business01 .pickup2__pop_area .modal_inner .right ul li {
	display: inline-block;
	padding-right: 20px;
}
.business01 .pickup2__pop_area .modal_inner .js-modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .modal_inner .js-modal-close {
	top: 170px;
}
}
.business01 .pickup2__pop_area .cycle_img {
	max-width: 715px;
	width: 90%;
	margin: 50px auto;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__pop_area .cycle_img {
	margin: 30px auto;
}
}
.business01 .pickup2__pop_area .cycle_img img {
	width: 100%;
}
.business01 .pickup2__element {
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__element {
	padding-bottom: 30px;
}
}
.business01 .pickup2__element table {
	width: 100%;
}
.business01 .pickup2__element table tr {
	border-bottom: 2px solid #fff;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__element table tr {
	border-bottom: 10px solid #fff;
}
}
.business01 .pickup2__element table tr th {
	background-color: #a5b2d7;
	color: #fff;
	text-align: center;
	width: 230px;
	vertical-align: middle;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__element table tr th {
	display: block;
	width: 100%;
	padding: 10px 0;
}
}
.business01 .pickup2__element table tr td {
	padding: 5px 10px;
	background-color: #f4f5f8;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__element table tr td {
	display: block;
	width: 100%;
}
}
.business01 .pickup2__btm {
	display: flex;
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__btm {
	display: block;
}
}
.business01 .pickup2__btm .cell {
	width: 50%;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__btm .cell {
	width: 100%;
}
}
.business01 .pickup2__btm .cell__left {
	padding-right: 50px;
}

@media screen and (max-width: 768px) {
.business01 .pickup2__btm .cell__left {
	padding: 0 0 30px 0;
}
}
.business01 .pickup2__btm ul li {
	display: inline-block;
	padding-right: 10px;
}
.business01 .pickup2__btm ul li i {
	margin-right: 3px;
}
.business01 .pickup2__btm ul li.oneline {
	width: 100%;
}
.business02 .top {
	background-image: url(images/business02_mv.jpg);
}
.business02 .second {
	background-image: url(images/business02_second_bg.jpg);
}
.business02 .second .content__size {
	padding: 50px 0 0;
}

@media screen and (max-width: 768px) {
.business02 .second .content__size {
	padding: 30px 0 30px;
}
}
.business02 .service .content__ttl__02 {
	padding: 50px 0 20px;
}

@media screen and (max-width: 768px) {
.business02 .service .content__ttl__02 {
	padding: 30px 0 20px;
}
}
.business02 .service__img_area {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
.business02 .service__img_area {
	display: block;
}
}
.business02 .service__img_area li {
	width: calc(95% / 3);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 768px) {
.business02 .service__img_area li {
	margin-bottom: 20px;
	background-color: #fff;
}
}
.business02 .service__img_area li:nth-of-type(1) {
	background-image: url(images/business02_service_01.jpg);
}

@media screen and (max-width: 768px) {
.business02 .service__img_area li:nth-of-type(1) {
	background-image: none;
}
.business02 .service__img_area li:nth-of-type(1) .service_img_sp {
	background-image: url(images/business02_service_01.jpg);
	width: 100%;
}
}
.business02 .service__img_area li:nth-of-type(2) {
	background-image: url(images/business02_service_02.jpg);
}

@media screen and (max-width: 768px) {
.business02 .service__img_area li:nth-of-type(2) {
	background-image: none;
}
.business02 .service__img_area li:nth-of-type(2) .service_img_sp {
	background-image: url(images/business02_service_02.jpg);
	width: 100%;
}
}
.business02 .service__img_area li:nth-of-type(3) {
	background-image: url(images/business02_service_03.jpg);
}

@media screen and (max-width: 768px) {
.business02 .service__img_area li:nth-of-type(3) {
	background-image: none;
}
.business02 .service__img_area li:nth-of-type(3) .service_img_sp {
	background-image: url(images/business02_service_03.jpg);
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.business02 .service__img_area li {
	width: 100%;
}
}
.business02 .service__img_area li a {
	display: inline-block;
	width: 100%;
	text-decoration: none;
	transition: all .3s;
}
.business02 .service__img_area li a p {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	border: 1px solid #fff;
	margin: 10px;
	padding: 40px 0;
	text-align: center;
}
.business02 .service__img_area li a:hover {
	background-color: rgba(42, 50, 119, 0.3);
}
.business02 .service__img_area li .service_img_sp {
	background-repeat: no-repeat;
	background-size: cover;
}
.business02 .service__img_area li .service_txt_sp {
	position: relative;
	padding-left: 30px;
	margin: 10px;
}
.business02 .service__img_area li .service_txt_sp span {
	top: 14px;
	left: 0;
	width: 20px;
}

@media screen and (max-width: 768px) {
.business02 .service__img_area li .service_txt_sp span {
	width: 15px;
}
}
.business02 .service__img_area li .service_txt_sp span::before {
	background-color: #000;
	height: 1px;
	width: 20px;
}

@media screen and (max-width: 768px) {
.business02 .service__img_area li .service_txt_sp span::before {
	width: 15px;
}
}

@media screen and (max-width: 768px) {
.business02 .service .pctb {
	display: none;
}
}
.business02 .service .sp {
	display: none;
}

@media screen and (max-width: 768px) {
.business02 .service .sp {
	display: block;
}
}
.business02 .service__txt_area {
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
.business02 .service__txt_area {
	display: block;
}
}
.business02 .service__txt_area li {
	width: calc(95% / 3);
}
.business02 .service__txt_area li p {
	position: relative;
	padding-left: 30px;
}
.business02 .service__txt_area li p span {
	top: 14px;
	left: 0;
	width: 20px;
}

@media screen and (max-width: 768px) {
.business02 .service__txt_area li p span {
	width: 15px;
}
}
.business02 .service__txt_area li p span::before {
	background-color: #000;
	height: 1px;
	width: 20px;
}

@media screen and (max-width: 768px) {
.business02 .service__txt_area li p span::before {
	width: 15px;
}
}
.business02 .system__figure {
	width: 100%;
	text-align: center;
}
.business02 .system__figure img {
	max-width: 999px;
	width: 100%;
	margin: 0 auto;
}
.business03 .top {
	background-image: url(images/business03_mv.jpg);
}
.business03 .second {
	background-image: url(images/business03_second_bg.jpg);
}
.business03 .service__main {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
.business03 .service__main {
	padding: 20px 0;
}
}
.business03 .service__main img {
	width: 100%;
	margin: 0 auto;
	max-width: 900px;
}
.business03 .service__btn {
	width: 490px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.business03 .service__btn {
	width: 100%;
	padding: 10px;
	line-height: 1.8;
	font-size: 14px;
}
}
.business03 .service__btn a {
	background-color: #2a3277;
	padding: 20px;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-decoration: none;
	position: relative;
	font-size: 18px;
}
.business03 .service__btn a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}
.business03 .service__btn a:hover {
	background-color: rgba(42, 50, 119, 0.8);
}
.business03 .service__ve {
	background-image: url(images/service_ve_bg.jpg);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center left;
}

@media screen and (max-width: 768px) {
.business03 .service__ve {
	background-size: contain;
}
}
.business03 .service__ve .ttl {
	display: inline-block;
	background-color: #2a3277;
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

@media screen and (max-width: 768px) {
.business03 .service__ve .ttl {
	font-size: 20px;
	padding: 3px 20px;
}
}
.business03 .service__ve .chat_area {
	width: 65%;
	margin-left: 35%;
}

@media screen and (max-width: 768px) {
.business03 .service__ve .chat_area {
	width: 100%;
	margin-left: 0;
}
}
.business03 .service__ve .chat_area li {
	width: 100%;
	display: flex;
	align-items: center;
	max-width: 600px;
	margin: 0 0 30px auto;
}
.business03 .service__ve .chat_area li .person {
	padding-right: 50px;
	position: relative;
}
.business03 .service__ve .chat_area li .person .icon {
	display: inline-block;
	display: flex;
	margin: 0 auto;
	align-items: center;
	width: 70px;
	height: 70px;
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	border: solid 1px #f9862a;
	color: #f9862a;
	background-color: #fff;
}
.business03 .service__ve .chat_area li .person .icon i {
	margin: 0 auto;
}
.business03 .service__ve .chat_area li .person p {
	color: #f9862a;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	line-height: 1.8;
	position: absolute;
	bottom: -20px;
	left: -10px;
}
.business03 .service__ve .chat_area li .voice {
	position: relative;
	display: inline-block;
	background: #f5debc;
	height: fit-content;
	padding: 10px;
}
.business03 .service__ve .chat_area li .voice:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 27px 0px 0;
	border-color: transparent #f5debc transparent transparent;
}
.business03 .service__ve .chat_area li:nth-of-type(2) {
	justify-content: flex-end;
}
.business03 .service__ve .chat_area li:nth-of-type(2) .person {
	padding: 0 0 0 50px;
}
.business03 .service__ve .chat_area li:nth-of-type(2) .person .icon {
	border: solid 1px #2a3277;
	color: #2a3277;
}
.business03 .service__ve .chat_area li:nth-of-type(2) .person p {
	color: #2a3277;
	left: 70px;
}
.business03 .service__ve .chat_area li:nth-of-type(2) .voice {
	background: #cfd0d8;
}
.business03 .service__ve .chat_area li:nth-of-type(2) .voice:before {
	left: auto;
	right: -25px;
	border-width: 20px 0px 0 27px;
	border-color: transparent transparent transparent #cfd0d8;
}
.business03__lineup {
	background-color: #eceff2;
}
.business03__lineup__grid {
	padding-top: 20px;
}
.business03__lineup__grid .lineup_box {
	display: flex;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business03__lineup__grid .lineup_box {
	display: block;
}
}
.business03__lineup__grid .lineup_box .img_box {
	width: 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
.business03__lineup__grid .lineup_box .img_box {
	width: 100%;
	padding-top: 100%;
}
}
.business03__lineup__grid .lineup_box .txt_box {
	width: 50%;
	background-color: #fff;
	padding: 30px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business03__lineup__grid .lineup_box .txt_box {
	padding: 20px;
}
}

@media screen and (max-width: 768px) {
.business03__lineup__grid .lineup_box .txt_box {
	width: 100%;
	padding: 20px;
}
}
.business03__lineup__grid .lineup_box .txt_box .ttl {
	font-size: 24px;
	color: #2a3277;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
.business03__lineup__grid .lineup_box .txt_box .ttl {
	font-size: 20px;
}
}
.business03__lineup__grid .lineup_box .txt_box .pickup_ttl {
	padding-bottom: 10px;
}
.business03__lineup__grid .lineup_box .txt_box .pickup_ttl a {
	display: inline-block;
	display: flex;
	text-decoration: none;
}
.business03__lineup__grid .lineup_box .txt_box .pickup_ttl p {
	color: #ee720e;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}

@media screen and (max-width: 768px) {
.business03__lineup__grid .lineup_box .txt_box .pickup_ttl p {
	font-size: 17px;
}
}
.business03__lineup__grid .lineup_box .txt_box .pickup_ttl p i {
	padding-left: 20px;
}
.business03__lineup__grid .lineup_box:nth-of-type(1) .img_box {
	background-image: url(images/business03_lineup_01.jpg);
}
.business03__lineup__grid .lineup_box:nth-of-type(2) .img_box {
	background-image: url(images/business03_lineup_02.jpg);
}
.business03__lineup__grid .lineup_box:nth-of-type(3) .img_box {
	background-image: url(images/business03_lineup_03.jpg);
}
.business05 .top {
	background-image: url(images/business05_mv.jpg);
}
.business05 .second {
	background-image: url(images/business05_second_bg.jpg);
}
.business05 .second .second__grid li {
	width: calc(95%/2);
}

@media screen and (max-width: 768px) {
.business05 .second .second__grid li {
	width: 100%;
}
}
.business05 .equipment01 {
	background-image: url(images/business05_equipment_bg.jpg);
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: 0 140px;
}
.business05 .equipment01__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;
}

@media screen and (max-width: 768px) {
.business05 .equipment01__grid {
	display: block;
}
}
.business05 .equipment01__grid .img_area {
	width: 50%;
	margin-top: 50px;
	z-index: 1;
}
.business05 .equipment01__grid .img_area img {
	width: 100%;
}

@media screen and (max-width: 768px) {
.business05 .equipment01__grid .img_area {
	width: 100%;
}
}
.business05 .equipment01__grid .txt_area {
	width: 40%;
	z-index: 1;
}

@media screen and (max-width: 768px) {
.business05 .equipment01__grid .txt_area {
	width: 100%;
}
}
.business05 .equipment01__grid .txt_area h2 {
	text-align: left;
	font-size: 23px;
	padding: 0 0 20px 0;
}

@media screen and (max-width: 768px) {
.business05 .equipment01__grid .txt_area h2 {
	font-size: 20px;
	padding: 20px 0;
}
}
.business05 .equipment01__grid ul li span {
	font-size: 10px;
	color: #2a3277;
	display: inline-block;
	margin: -3px 5px 0 0;
	vertical-align: middle;
}
.business05 .equipment02 {
	background-color: #eceff2;
}
.business05 .equipment02__table {
	width: 100%;
	text-align: left;
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
.business05 .equipment02__table {
	margin-top: 30px;
}
}
.business05 .equipment02__table tr {
	border-bottom: 1px solid #dedede;
	background-color: #fff;
}
.business05 .equipment02__table tr th {
	width: 30%;
	font-size: 16px;
	padding: 10px 20px;
	border-right: 1px solid #dedede;
}

@media screen and (max-width: 768px) {
.business05 .equipment02__table tr th {
	width: 100px;
	padding: 5px 10px;
	font-size: 15px;
	line-height: 1.8;
}
}
.business05 .equipment02__table tr td {
	width: 70%;
	padding: 10px 20px;
}

@media screen and (max-width: 768px) {
.business05 .equipment02__table tr td {
	padding: 5px 10px;
	width: calc(100% - 100px);
}
}
.business05 .equipment02__table tr:nth-of-type(1) {
	background-color: #f8f8f8;
	font-weight: bold;
	border: none;
}
.business05 .system h2 {
	color: #000;
}
.business05 .system__img_area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.business05 .system__img_area li {
	width: calc(96%/2);
}
.business05 .system__img_area li p {
	font-size: 22px;
	text-align: center;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
.business05 .system__img_area li p {
	font-size: 15px;
	padding-bottom: 5px;
}
}
.business05 .system__img_area li img {
	width: 100%;
}
.business05 .group {
	background-color: #eceff2;
}
.business05 .group__table {
	text-align: left;
	width: 100%;
}
.business05 .group__table tr {
	border-bottom: 1px solid #dedede;
}
.business05 .group__table tr th {
	background-color: #f8f8f8;
	padding: 10px 20px;
	width: 250px;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
.business05 .group__table tr th {
	width: 110px;
	padding: 5px 10px;
}
}
.business05 .group__table tr td {
	background-color: #fff;
	padding: 10px 20px;
}

@media screen and (max-width: 768px) {
.business05 .group__table tr td {
	width: calc(100% - 110px);
	padding: 5px 10px;
}
}
.business05 .group__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0 50px;
}

@media screen and (max-width: 768px) {
.business05 .group__top {
	display: block;
}
}
.business05 .group__top .group__table {
	width: 55%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business05 .group__top .group__table {
	width: 45%;
}
}

@media screen and (max-width: 768px) {
.business05 .group__top .group__table {
	width: 100%;
}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business05 .group__top .group__table th {
	width: 130px !important;
}
}
.business05 .group__top .map {
	width: 40%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business05 .group__top .map {
	width: 50%;
}
}
.business05 .group__top .map iframe {
	width: 100%;
}

@media screen and (max-width: 768px) {
.business05 .group__top .map {
	width: 100%;
	margin-top: 20px;
}
}
.business05 .group__grid li {
	padding-bottom: 50px;
}
.business05 .group__grid li .ttl {
	font-size: 20px;
	border-left: 5px solid #2a3277;
	padding-left: 20px;
	margin-bottom: 20px;
}
.business04 .top {
	background-image: url(images/business04_mv.jpg);
}
.business04 .top span {
	display: inline-block;
}
.business04__second {
	background-image: url(images/business04_second_bg.jpg);
}
.business04__second .second__grid {
	flex-wrap: wrap;
}
.business04__second .second__grid li {
	width: calc(95%/2);
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
.business04__second .second__grid li {
	width: 100%;
}
}
.business04__service .service_topic_ttl {
	font-weight: bold;
	font-size: 20px;
	border-left: 5px solid #2a3277;
	padding: 10px;
	line-height: 1;
	margin-bottom: 30px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__service .service_topic_ttl {
	font-size: 18px;
}
}

@media screen and (max-width: 768px) {
.business04__service .service_topic_ttl {
	font-size: 16px;
	padding: 5px;
	margin-bottom: 10px;
}
}
.business04__service .service_box {
	display: flex;
	justify-content: space-between;
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.business04__service .service_box {
	padding-bottom: 20px;
}
}
.business04__service .service_box li {
	width: calc(95%/3);
	display: flex;
	flex-wrap: wrap;
}
.business04__service .service_box__01 li,
.business04__service .service_box__02 li {
	width: calc(95%/2);
	display: flex;
	flex-wrap: wrap;
}
.business04__service .service_box li .img_area {
	height: 140px;
	width: 100%;
	background: #eceff2;
	text-align: center;
}
.business04__service .service_box li .img_area img{
	height: 100%;
	object-fit: contain;
}
.business04__service .service_box li .cell_ttl {
	position: relative;
	font-size: 18px;
	width: 100%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__service .service_box li .cell_ttl {
	font-size: 16px;
	line-height: 1.6;
}
}

@media screen and (max-width: 768px) {
.business04__service .service_box li .cell_ttl {
	font-size: 12px;
	line-height: 1.6;
}
}
.business04__service .service_box li .cell_ttl a {
	display: inline-block;
	width: 100%;
}
.business04__service .service_box li .cell_ttl:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__service .service_box li .cell_ttl:after {
	right: 5px;
}
}

@media screen and (max-width: 768px) {
.business04__service .service_box li .cell_ttl:after {
	right: 1px;
	margin-top: -19px;
}
}
.business04__service .service_box li .cell_ttl.arrownone:after {
	display: none;
}

@media screen and (max-width: 768px) {
.business04__service .service_box li:nth-of-type(1) .cell_ttl:after {
	margin-top: -8px;
}
}

.business04__service .service_box__03 {
	padding-bottom: 0;
}

@media screen and (max-width: 768px) {
.business04__service .service_box__03 {
	display: block;
}
}

@media screen and (max-width: 768px) {
.business04__service .service_box__03 li {
	width: 100%;
	padding-bottom: 20px;
}
}

@media screen and (max-width: 768px) {
.business04__service .service_box__03 li .service__topic_ttl {
	width: 100%;
}
}
.business04__service .service_box__03 li .sp_lay {
	width: 100%;
}

@media screen and (max-width: 768px) {
.business04__service .service_box__03 li .img_area {
	width: calc(95%/3);
}
}

@media screen and (max-width: 768px) {
.business04__service .service_box__03 li .cell_ttl {
	width: calc(95%/3);
}
}

@media screen and (max-width: 768px) {
.business04__service .service_box__03 li .cell_ttl:after {
	margin-top: -8px;
}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__service .service_box__03 li .service__topic_ttl {
	line-height: 1.5;
	padding: 5px 10px;
}
}
.business04__point .point_top_txt {
	font-size: 18px;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
.business04__point .point_top_txt {
	font-size: 15px;
}
}
.business04__point .point_top_img {
	width: 100%;
	padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
.business04__point .point_top_img {
	padding-bottom: 30px;
}
}
.business04__point .point_top_img img {
	width: 100%;
	max-width: 1027px;
	margin: 0 auto;
}
.business04__point .point_grid {
	background-color: #f0f0f0;
	padding: 30px;
	margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid {
	padding: 20px;
	margin-bottom: 30px;
}
}
.business04__point .point_grid__inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__point .point_grid__inner {
	display: block;
}
}

@media screen and (max-width: 768px) {
.business04__point .point_grid__inner {
	display: block;
}
}
.business04__point .point_grid__inner .left_area {
	width: 70%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__point .point_grid__inner .left_area {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.business04__point .point_grid__inner .left_area {
	width: 100%;
}
}
.business04__point .point_grid__inner .right_area {
	width: 28%;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__point .point_grid__inner .right_area {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
}

@media screen and (max-width: 768px) {
.business04__point .point_grid__inner .right_area {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}
}
.business04__point .point_grid .ttl_first {
	padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid .ttl_first {
	padding-bottom: 30px;
}
}
.business04__point .point_grid .ttl_first span {
	font-size: 20px;
	display: inline-block;
	line-height: 1.8;
	padding: 0 10px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid .ttl_first span {
	padding: 0;
	font-size: 18px;
}
}
.business04__point .point_grid__01 {
	border: 3px solid #fff799;
}
.business04__point .point_grid__01 .bg_color {
	background-color: #2a3277;
	color: #fff;
	text-align: center;
	width: 100px;
	font-size: 18px;
	margin: 20px 0;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid__01 .bg_color {
	margin: 10px 0;
	font-size: 17px;
}
}
.business04__point .point_grid__01 .ttl_second {
	color: #2a3277;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid__01 .ttl_second {
	font-size: 18px;
}
}
.business04__point .point_grid__01 .ttl_third {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid__01 .ttl_third {
	font-size: 16px;
	line-height: 1.8;
}
}
.business04__point .point_grid__02 {
	border: 3px solid #e5cfe5;
	align-items: center;
}
.business04__point .point_grid__02 .ttl_first span {
	background: linear-gradient(transparent 65%, #e5cfe5 65%);
}
.business04__point .point_grid__03 {
	border: 3px solid #c5f1d8;
	align-items: center;
}
.business04__point .point_grid__03 .ttl_first span {
	background: linear-gradient(transparent 65%, #c5f1d8 65%);
}
.business04__point .point_grid .top_box {
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid .top_box {
	padding-bottom: 30px;
}
}
.business04__point .point_grid .top_box .right_area img {
	width: 208px;
}
.business04__point .point_grid .btm_box {
	border-top: 3px solid #959595;
	padding-top: 50px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid .btm_box {
	padding-top: 30px;
}
}
.business04__point .point_grid .btm_box__ttl {
	display: flex;
	align-items: flex-end;
}
.business04__point .point_grid .btm_box__ttl .img_area {
	width: 127px;
}
.business04__point .point_grid .btm_box__ttl .img_area img {
	width: 100%;
}
.business04__point .point_grid .btm_box__ttl p {
	font-size: 20px;
	font-weight: bold;
}
.business04__point .point_grid .btm_box .left_area .merit_list li {
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
.business04__point .point_grid .btm_box .left_area .merit_list li:last-child {
	padding-bottom: 0;
}
}
.business04__point .point_grid .btm_box .left_area .merit_list li .merit_ttl {
	font-size: 18px;
	line-height: 1.6;
}
.business04__point .point_grid .btm_box.point_grid__inner {
	align-items: center;
}
.business04__customer {
	background-color: #eceff2;
}
.business04__customer__grid li {
	display: flex;
	background-color: #fff;
	align-items: center;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
.business04__customer__grid li {
	display: block;
}
}
.business04__customer__grid li .img_area {
	width: 468px;
}

@media screen and (max-width: 768px) {
.business04__customer__grid li .img_area {
	width: 100%;
}
}
.business04__customer__grid li .txt_area {
	width: calc(100% - 468px);
	min-width: 520px;
	text-align: center;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__customer__grid li .txt_area {
	min-width: 400px;
}
}

@media screen and (max-width: 768px) {
.business04__customer__grid li .txt_area {
	width: 100%;
	min-width: 100%;
}
}
.business04__customer__grid li .txt_area__inner {
	display: inline-block;
}

@media screen and (max-width: 768px) {
.business04__customer__grid li .txt_area__inner {
	width: 100%;
	padding: 10px;
}
}
.business04__customer__grid li .txt_area__inner .top_txt {
	font-size: 20px;
	text-align: left;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__customer__grid li .txt_area__inner .top_txt {
	font-size: 18px;
}
}

@media screen and (max-width: 768px) {
.business04__customer__grid li .txt_area__inner .top_txt {
	font-size: 15px;
}
}
.business04__customer__grid li .txt_area__inner .main_txt {
	font-size: 23px;
	color: #2a3277;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
	padding-top: 10px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__customer__grid li .txt_area__inner .main_txt {
	font-size: 20px;
}
}

@media screen and (max-width: 768px) {
.business04__customer__grid li .txt_area__inner .main_txt {
	font-size: 17px;
}
}
.business04__customer__grid li:nth-of-type(2) {
	flex-direction: row-reverse;
}
.business04__customer__grid li:nth-of-type(2) .img_area {
	width: 452px;
}

@media screen and (max-width: 768px) {
.business04__customer__grid li:nth-of-type(2) .img_area {
	width: 100%;
}
}
.business04__customer__grid li:nth-of-type(3) .img_area {
	width: 472px;
}

@media screen and (max-width: 768px) {
.business04__customer__grid li:nth-of-type(3) .img_area {
	width: 100%;
}
}
.business04__history__grid {
	display: flex;
	align-items: center;
	padding-top: 50px;
}

@media screen and (max-width: 768px) {
.business04__history__grid {
	display: block;
}
}
.business04__history__grid__left {
	width: 50%;
}

@media screen and (max-width: 768px) {
.business04__history__grid__left {
	width: 100%;
}
}
.business04__history__grid__left img {
	width: 100%;
}
.business04__history__grid__right {
	width: 50%;
}

@media screen and (max-width: 768px) {
.business04__history__grid__right {
	width: 100%;
}
}
.business04__history__grid__right p {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 30px;
	text-align: right;
	padding-right: 50px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business04__history__grid__right p {
	font-size: 18px;
	padding-right: 20px;
}
}

@media screen and (max-width: 768px) {
.business04__history__grid__right p {
	font-size: 16px;
	text-align: left;
	padding: 10px 0 20px 0;
	line-height: 1.6;
}
}
.business06 .top {
	background-image: url(images/business06_mv.jpg);
}
.business06 .second {
	background-image: url(images/business06_second_bg.jpg);
}
.business06__mentlist__grid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.business06__mentlist__grid li {
	width: calc(98%/2);
	background-color: #eceff2;
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
.business06__mentlist__grid li {
	padding: 10px;
	margin-bottom: 10px;
}
}
.business06__mentlist__grid li .num {
	background-color: #2a3277;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	display: inline-block;
	padding: 0 10px;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business06__mentlist__grid li .num {
	font-size: 25px;
	padding: 0 8px;
}
}

@media screen and (max-width: 768px) {
.business06__mentlist__grid li .num {
	font-size: 20px;
	padding: 0 6px;
}
}
.business06__mentlist__grid li .inner {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
.business06__mentlist__grid li .inner {
	display: block;
}
}
.business06__mentlist__grid li .inner .img {
	padding-right: 20px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business06__mentlist__grid li .inner .img {
	width: 30%;
	padding: 30px 20px 0 0;
}
.business06__mentlist__grid li .inner .img img {
	width: 100%;
	max-width: 100px;
}
}

@media screen and (max-width: 768px) {
.business06__mentlist__grid li .inner .img {
	width: 100%;
	padding: 25px 0 20px 0;
	text-align: center;
}
.business06__mentlist__grid li .inner .img img {
	width: 65%;
}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business06__mentlist__grid li .inner .txt {
	width: 68%;
}
}

@media screen and (max-width: 768px) {
.business06__mentlist__grid li .inner .txt {
	width: 100%;
}
}
.business06__numtop {
	padding-top: 120px;
	position: relative;
}

@media screen and (max-width: 768px) {
.business06__numtop {
	padding-top: 80px;
}
}
.business06__numtop__inner {
	background-color: #fff;
	padding: 80px 30px 30px;
	width: 75%;
	position: relative;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business06__numtop__inner {
	width: 60%;
	min-width: 460px;
}
}

@media screen and (max-width: 768px) {
.business06__numtop__inner {
	width: 100%;
	padding: 10px 20px 20px;
}
}
.business06__numtop__inner .num {
	font-size: 85px;
	color: #2a3277;
	font-weight: bold;
	border-bottom: 5px solid #2a3277;
	display: inline-block;
	line-height: 1.3;
	position: absolute;
	top: -60px;
	left: 30px;
}

@media screen and (max-width: 768px) {
.business06__numtop__inner .num {
	font-size: 35px;
	line-height: 1.3;
	position: static;
	margin-bottom: 10px;
}
}
.business06__numtop__inner .ttl {
	font-size: 30px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
	line-height: 1.6;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business06__numtop__inner .ttl {
	font-size: 28px;
}
}

@media screen and (max-width: 768px) {
.business06__numtop__inner .ttl {
	font-size: 20px;
}
}
.business06__numtop .img_area {
	position: absolute;
	top: 60px;
	right: 0;
}

@media screen and (max-width: 768px) {
.business06__numtop .img_area {
	top: 30px;
	width: 80%;
	max-width: 460px;
}
}
.business06__tcm {
	background-color: #eceff2;
}
.business06__tcm__service h2 {
	line-height: 1.5;
}
.business06__tcm__service h2 span {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
.business06__tcm__service h2 span {
	font-size: 15px;
}
}
.business06__tcm__service .service_grid {
	text-align: center;
}
.business06__tcm__service .service_grid .servise_line_txt {
	color: #2a3277;
	border-bottom: 1px solid #2a3277;
	display: inline-block;
	font-weight: bold;
}
.business06__tcm__service .service_grid .service_img {
	padding-top: 30px;
}
.business06__tcm__service .service_grid .service_img img {
	margin: 0 auto;
}
.business06__tcm__system .system_ttl {
	text-align: center;
}
.business06__tcm__system .system_txt {
	text-align: center;
	padding: 20px 0 30px;
	font-size: 18px;
	line-height: 1.8;
}

@media screen and (max-width: 768px) {
.business06__tcm__system .system_txt {
	font-size: 15px;
	text-align: left;
}
}
.business06__tcm__system .system_img {
	text-align: center;
}
.business06__tcm__system .system_img img {
	margin: 0 auto;
}
.business06__tcm__system .system_btm {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
.business06__tcm__system .system_btm {
	display: none;
}
}
.business06__tcm__system .system_btm li:nth-of-type(2n-1) {
	background-color: #fff;
	color: #2a3277;
	border: 1px solid #2a3277;
	font-weight: bold;
	font-size: 20px;
	padding: 0 10px;
}
.business06__tcm__system .system_btm li:nth-of-type(2) {
	padding: 5px 15px;
}
.business06__supmainte .business06__numtop {
	position: relative;
}
.business06__supmainte .business06__numtop:before {
	background-image: url(images/business06_support_02bg.jpg);
	content: '';
	display: inline-block;
	width: 750px;
	height: 320px;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 0;
}

@media screen and (max-width: 768px) {
.business06__supmainte .business06__numtop:before {
	display: none;
}
}
.business06__supmainte .business06__numtop .business06__numtop__inner {
	background-color: #eceff2;
}
.business06__supmainte__service .service_grid .servise_toptxt {
	text-align: center;
	font-size: 18px;
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business06__supmainte__service .service_grid .servise_toptxt {
	font-size: 15px;
	line-height: 1.5;
	text-align: left;
}
}
.business06__supmainte__support .img_first {
	text-align: center;
	padding-bottom: 50px;
}
.business06__supmainte__support h3 {
	margin: 30px 0;
}

@media screen and (max-width: 768px) {
.business06__supmainte__support h3 {
	margin: 20px 0;
}
}
.business06__listlay li {
	display: flex;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business06__listlay li {
	display: block;
}
}
.business06__listlay li .img_area {
	width: 340px;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 768px) {
.business06__listlay li .img_area {
	width: 100%;
	height: 200px;
}
}
.business06__listlay li .txt_area {
	width: calc(100% - 340px);
	padding: 20px 30px;
	background-color: #eceff2;
}

@media screen and (max-width: 768px) {
.business06__listlay li .txt_area {
	width: 100%;
	padding: 20px 10px;
}
}
.business06__listlay li .txt_area .icon {
	text-align: center;
}
.business06__listlay li .txt_area .ttl {
	font-size: 24px;
	color: #2a3277;
	text-align: center;
	padding: 10px 0;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.business06__listlay li .txt_area .ttl {
	line-height: 1.5;
}
}

@media screen and (max-width: 768px) {
.business06__listlay li .txt_area .ttl {
	font-size: 18px;
}
}
.business06__listlay li:nth-of-type(1) .img_area {
	background-image: url(images/business06_supmainte_service_01.jpg);
}
.business06__listlay li:nth-of-type(2) {
	flex-direction: row-reverse;
}
.business06__listlay li:nth-of-type(2) .img_area {
	background-image: url(images/business06_supmainte_service_02.jpg);
}
.business06__listlay li:nth-of-type(3) .img_area {
	background-image: url(images/business06_supmainte_service_03.jpg);
}
.business06__listlay li:last-child {
	margin-bottom: 0;
}
.business06__aftercare h2 {
	text-align: left;
}
.business06__aftercare h3 {
	margin: 30px 0;
}

@media screen and (max-width: 768px) {
.business06__aftercare h3 {
	margin: 20px 0;
}
}
.business06__aftercare .aftercare_num {
	font-size: 85px;
	color: #2a3277;
	font-weight: bold;
	border-bottom: 5px solid #2a3277;
	display: inline-block;
	line-height: 1.3;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.business06__aftercare .aftercare_num {
	font-size: 35px;
	margin-bottom: 10px;
}
}
.business06__aftercare .aftercare_flow {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
.business06__aftercare .aftercare_flow {
	padding-bottom: 0;
}
}
.business06__aftercare .aftercare_flow li {
	width: calc(98% / 2);
	margin-bottom: 20px;
	background-color: #eceff2;
	position: relative;
	text-align: center;
	padding: 10px 20px;
}

@media screen and (max-width: 768px) {
.business06__aftercare .aftercare_flow li {
	width: 100%;
	padding: 10px 10px 10px 37px;
}
}
.business06__aftercare .aftercare_flow li p {
	position: absolute;
	background-color: #2a3277;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 17.5px;
	padding: 0 5px;
}
.business06__aftercare .aftercare_flow li p.num_01 {
	bottom: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
.business06__aftercare .aftercare_flow li p.num_01 {
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
}
}
.business06__aftercare .aftercare_flow li p.num_02 {
	bottom: 0;
	left: 0;
}

@media screen and (max-width: 768px) {
.business06__aftercare .aftercare_flow li p.num_02 {
	top: 0;
	bottom: auto;
}
}
.business06__aftercare .aftercare_flow li p.num_03 {
	top: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
.business06__aftercare .aftercare_flow li p.num_03 {
	left: 0;
	right: auto;
}
}
.business06__aftercare .aftercare_flow li p.num_04 {
	top: 0;
	left: 0;
}
.business06__aftercare .aftercare_flow li img {
	margin: 0 auto;
}
.business06__aftercare .business06__listlay li .img_area {
	background-image: url(images/business06_aftercare_01.jpg);
}
.business06__aftercare .business06__listlay li .txt_area .ttl {
	line-height: 1.5;
}
/*下層ページ共通*/
.page_hed {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(images/page_hed_bg.jpg);
}
.page_hed__inner {
	width: 90%;
	margin: 0 auto;
	padding: 50px 0 60px;
	max-width: 1100px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.page_hed__inner {
	padding: 30px 0 40px;
}
}

@media screen and (max-width: 768px) {
.page_hed__inner {
	padding: 20px 0 20px;
}
}
.page_hed__inner .en {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
.page_hed__inner .en {
	font-size: 22px;
}
}
.page_hed__inner .jp {
	font-size: 15px;
	color: #989fd9;
	font-weight: bold;
	display: block;
}

@media screen and (max-width: 768px) {
.page_hed__inner .jp {
	line-height: 1.6;
	font-size: 14px;
}
}
#breadcrumb {
	background-color: #eeeeee;
}
#breadcrumb ul {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0;
	max-width: 1100px;
}
#breadcrumb ul li a {
	font-size: 13px;
//	display: inline-block;
	text-decoration: none;
	color: #666666;
}
#breadcrumb ul li:after {
	content: "/";
	padding: 0 10px;
	color: #666666;
	font-size: 13px;
}
#breadcrumb ul li:last-child {
	color: #000;
}
#breadcrumb ul li:last-child:after {
	content: "";
}
/*下層ページ*/
.history-vis__grid li {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 50px;
}
.history-vis__grid li .person {
	width: 96px;
}

@media screen and (max-width: 768px) {
.history-vis__grid li .person {
	width: 80px;
}
}
.history-vis__grid li .person img {
	width: 100%;
}
.history-vis__grid li .voice {
	width: calc(95% - 100px);
	position: relative;
	display: inline-block;
	background: #fff;
	height: fit-content;
	padding: 10px;
	border: solid 2px #ee720e;
}

@media screen and (max-width: 768px) {
.history-vis__grid li .voice {
	width: calc(95% - 80px);
}
}
.history-vis__grid li .voice:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 27px 0px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 2;
}

@media screen and (max-width: 768px) {
.history-vis__grid li .voice:before {
	left: -13px;
	border-width: 15px 22px 0 0;
}
}
.history-vis__grid li .voice:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: -31px;
	margin-top: -14px;
	border-style: solid;
	border-width: 23px 30px 0px 0;
	border-color: transparent #ee720e transparent transparent;
	z-index: 1;
}

@media screen and (max-width: 768px) {
.history-vis__grid li .voice:after {
	left: -20px;
	border-width: 13px 20px 0 0;
}
}
.history-vis__grid li:nth-of-type(2n) .voice {
	border: solid 2px #2a3277;
}
.history-vis__grid li:nth-of-type(2n) .voice:after {
	border-color: transparent #2a3277 transparent transparent;
}
.history-vis__grid li:last-child {
	padding-bottom: 0;
}
.overview__table {
	width: 100%;
}
.overview__table tr {
	width: 100%;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.overview__table tr:last-child {
	border-bottom: 1px solid #dedede;
}
.overview__table tr th {
	background-color: #f8f8f8;
	font-weight: normal;
	width: 200px;
	padding: 10px 20px;
	text-align: left;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
.overview__table tr th {
	padding: 10px;
	width: 81px;
}
}
.overview__table tr td {
	width: calc(100% - 200px);
	padding: 10px 20px;
}

@media screen and (max-width: 768px) {
.overview__table tr td {
	padding: 10px;
}
}
.overview__table tr td .officer_list dt {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 160px;
}

@media screen and (max-width: 768px) {
.overview__table tr td .officer_list dt {
	width: 120px;
}
}
.overview__table tr td .officer_list dd {
	float: left;
	margin-left: 1em;
}
.overview__table tr td .align_num li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
.privacy__grid {
	padding-top: 50px;
}

@media screen and (max-width: 768px) {
.privacy__grid {
	padding-top: 30px;
}
}
.privacy__grid li {
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.privacy__grid li {
	padding-bottom: 25px;
}
}
.privacy__grid li .ttl {
	border-left: 5px solid #2a3277;
	padding-left: 30px;
	font-size: 24px;
	line-height: 1.8;
	margin-bottom: 10px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.privacy__grid li .ttl {
	font-size: 20px;
	padding-left: 20px;
}
}

@media screen and (max-width: 768px) {
.privacy__grid li .ttl {
	font-size: 18px;
	padding-left: 10px;
}
}
.greetings__box .content__size {
	position: relative;
	height: 800px;
}

@media screen and (max-width: 768px) {
.greetings__box .content__size {
	height: auto;
}
}
.greetings__box .txt_box {
	background-color: #fff;
	padding: 30px 30px 30px 0;
	width: 60%;
	z-index: 2;
	position: absolute;
	top: 100px;
	left: 0;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.greetings__box .txt_box {
	width: 65%;
}
}

@media screen and (max-width: 768px) {
.greetings__box .txt_box {
	position: static;
	width: 100%;
	padding: 0;
}
}
.greetings__box .txt_box .top_line {
	color: #2a3277;
	font-size: 20px;
	border-bottom: 1px solid #2a3277;
	display: inline-block;
}

@media screen and (max-width: 768px) {
.greetings__box .txt_box .top_line {
	font-size: 18px;
}
}
.greetings__box .txt_box .rinen_txt {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8;
	padding: 0 0 10px 0;
}

@media screen and (max-width: 768px) {
.greetings__box .txt_box .rinen_txt {
	font-size: 18px;
}
}
.greetings__box .txt_box .ttl {
	font-size: 30px;
	color: #2a3277;
	font-weight: bold;
	line-height: 1.4;
	padding: 10px 0 14px;
}

@media screen and (max-width: 768px) {
.greetings__box .txt_box .ttl {
	font-size: 22px;
	line-height: 1.5;
	padding: 5px 0;
}
}
.greetings__box .img_box {
	position: absolute;
	top: 50px;
	right: 0;
	width: 60%;
	height: 700px;
	background-image: url(images/greetings_01.jpg);
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
.greetings__box .img_box {
	display: none;
}
}
.greetings__box .img_box_sp {
	display: none;
}

@media screen and (max-width: 768px) {
.greetings__box .img_box_sp {
	display: block;
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
	background-image: url(images/greetings_01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
}
.greetings .greetings_box_01 .img_box {
	background-position: right;
}
.greetings .greetings_box_02 .content__size {
	height: 850px;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.greetings .greetings_box_02 .content__size {
	height: 900px;
}
}

@media screen and (max-width: 768px) {
.greetings .greetings_box_02 .content__size {
	height: auto;
}
}
.greetings .greetings_box_02 .txt_box {
	padding: 30px 0 30px 30px;
	left: auto;
	right: 0;
}

@media screen and (max-width: 768px) {
.greetings .greetings_box_02 .txt_box {
	padding: 0;
}
}
.greetings .greetings_box_02 .img_box {
	background-image: url(images/greetings_02.jpg);
	right: auto;
	left: 0;
}
.greetings .greetings_box_02 .img_box_sp {
	background-image: url(images/greetings_02.jpg);
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
.greetings .greetings_box_03 .content__size {
	height: 850px;
}
}

@media screen and (max-width: 768px) {
.greetings .greetings_box_03 .content__size {
	height: auto;
}
}
.greetings .greetings_box_03 .img_box {
	background-image: url(images/greetings_03.jpg);
	background-position: center;
}
.greetings .greetings_box_03 .img_box_sp {
	background-image: url(images/greetings_03.jpg);
	background-position: bottom center;
}
.greetings__signature {
	text-align: right;
}
.greetings__signature .content__size {
	padding: 0 0 40px 0;
}

@media screen and (max-width: 768px) {
.greetings__signature .content__size {
	padding: 30px 0 40px 0;
}
}
.policy__grid .policy_box {
	padding: 50px;
	border: 1px solid #2a3277;
	text-align: center;
	margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box {
	padding: 20px;
	margin-bottom: 50px;
}
}
.policy__grid .policy_box .ttl_top {
	color: #2a3277;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .ttl_top {
	font-size: 20px;
	padding-bottom: 10px;
}
}
.policy__grid .policy_box .ttl_second {
	font-size: 23px;
	font-weight: bold;
	line-height: 1.8;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .ttl_second {
	font-size: 18px;
}
}
.policy__grid .policy_box .ttl_third {
	font-size: 23px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .ttl_third {
	font-size: 16px;
}
}
.policy__grid .policy_box .icon_area {
	display: flex;
	justify-content: space-between;
	width: 460px;
	flex-wrap: wrap;
	margin: 0 auto;
	padding-top: 30px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .icon_area {
	width: 255px;
	padding-top: 20px;
}
}
.policy__grid .policy_box .icon_area .icon_border2 {
	padding-top: 20px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .icon_area .icon_border2 {
	padding-top: 15px;
}
}
.policy__grid .policy_box .icon_area .icon_border2 img {
	height: 171px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .icon_area .icon_border2 img {
	height: 90px;
}
}
.policy__grid .policy_box .icon_area .icon_border {
	border: 1px solid #999999;
	width: 300px;
	padding: 20px 20px;
	display: flex;
	justify-content: space-between;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .icon_area .icon_border {
	width: 170px;
	padding: 15px 15px;
}
}
.policy__grid .policy_box .icon_area .icon_border img {
	height: 150px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .icon_area .icon_border img {
	height: 80px;
}
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .icon_area .icon_cell {
/*width: 50%;*/ }
}
.policy__grid .policy_box .ttl_bg {
	color: #fff;
	background-color: #2a3277;
	font-size: 23px;
	font-weight: bold;
	display: inline-block;
	padding: 0 10px;
	margin: 0px 0 30px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .ttl_bg {
	font-size: 18px;
	margin: 0px 0 20px;
	line-height: 1.6;
	padding: 5px 10px;
}
}
.policy__grid .policy_box .txt_middle {
	text-align: left;
	padding: 50px 0;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .txt_middle {
	padding: 20px 0;
}
}
.policy__grid .policy_box .txt_cell {
	text-align: left;
	padding: 30px 0 50px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .txt_cell {
	padding: 20px 0 30px;
}
}
.policy__grid .policy_box .sign_area {
	text-align: right;
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .sign_area {
	margin-top: 10px;
}
}
.policy__grid .policy_box .txt_list_area {
	text-align: left;
	padding-top: 10px;
}

@media screen and (max-width: 768px) {
.policy__grid .policy_box .txt_list_area {
	padding-top: 0;
}
}
.policy__grid .policy_box .txt_list_area li {
	padding-bottom: 20px;
}
.policy .content .content__size a.pdfLink {
	display: block;
	width: 400px;
	margin: 0 auto;
	padding: 20px 0;
	background: #2a3277;
	text-align: center;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	transition: all .3s;
	position: relative;
}
.policy .content .content__size a.pdfLink:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -18px;
}
.policy .content .content__size a.pdfLink:hover {
	opacity: 0.8;
}
.network__topimg {
	padding-bottom: 50px;
	text-align: center;
}
.network__topimg img {
	width: 100%;
}
.network .map_right_text {
	text-align: right;
}

@media screen and (max-width: 768px) {
.network .map_right_text {
	text-align: left;
}
}
.network h3 {
	margin-top: 60px;
}

@media screen and (max-width: 768px) {
.network h3 {
	margin-top: 30px;
}
}
.network__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.network__grid li {
	width: calc(96%/2);
	padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
.network__grid li {
	width: 100%;
	padding-bottom: 30px;
}
}
.network__grid li .name {
	color: #2a3277;
	font-size: 18px;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 20px;
}
.network__grid li .address {
	font-size: 14px;
}
.network__grid li .tel {
	font-size: 14px;
	padding-bottom: 20px;
}
.network__grid li .map_link {
	width: 110px;
}
.network__grid li .map_link a {
	width: 100%;
	font-weight: bold;
	border: 1px solid #000;
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	transition: all .3s;
}
.network__grid li .map_link a:after {
	content: '';
	display: inline-block;
	width: 24px;
	/*画像の幅*/
	height: 15px;
	/*画像の高さ*/
	background-image: url(images/map_arrow.png);
	background-size: contain;
	margin-left: 22px;
}
.network__grid li .map_link a:hover {
	background-color: #2a3277;
	color: #fff;
	border: 1px solid #2a3277;
}
.network__grid li .map_link a:hover:after {
	background-image: url(images/map_arrow_white.png);
}
.network .modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 1001;
}
.network .modal__bg {
	background: rgba(0, 0, 0, 0.8);
	height: 100vh;
	width: 100vw;
	position: static;
	padding: 50px;
	overflow: auto;
}

@media screen and (max-width: 768px) {
.network .modal__bg {
	padding: 50px 20px;
}
}
.network .modal__bg .map_bg_close {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
.network .modal__content {
	background: #fff;
	padding: 40px;
	margin: auto;
	width: 80%;
	position: relative;
	transform: inherit;
	top: inherit;
	left: inherit;
}

@media screen and (max-width: 768px) {
.network .modal__content {
	width: 100%;
	padding: 30px 20px;
}
}
.network .modal__content .modal_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_top {
	margin-bottom: 15px;
}
}
.network .modal__content .modal_top h3 {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0;
}
.network .modal__content .modal_googlemap {
	width: 100%;
	padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_googlemap {
	padding-bottom: 20px;
}
}
.network .modal__content .modal_googlemap iframe {
	width: 100%;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_googlemap iframe {
	height: 350px;
}
}
.network .modal__content .modal_copy {
	border: 1px solid #000;
	display: inline-block;
	display: flex;
	align-items: center;
}
.network .modal__content .modal_copy a {
	padding: 5px 10px;
	display: inline-block;
}
.network .modal__content .modal_copy img {
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_copy {
	display: none;
}
}
.network .modal__content .modal_btm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_btm {
	display: block;
}
}
.network .modal__content .modal_btm .img_area {
	width: 45%;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_btm .img_area {
	width: 100%;
}
}
.network .modal__content .modal_btm .img_area img {
	width: 100%;
}
.network .modal__content .modal_btm .txt_area {
	width: 50%;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_btm .txt_area {
	width: 100%;
	padding-top: 10px;
}
}
.network .modal__content .modal_btm .access_box {
	padding-top: 20px;
	width: 100%;
}

@media screen and (max-width: 768px) {
.network .modal__content .modal_btm .access_box {
	padding-top: 10px;
}
}
.network .modal__content .js-modal-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	line-height: 1;
	font-size: 20px;
}
/* add kk0125 */    
    
/* common by media */
.ff-yugo {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}
/* displayt */
.dis-n {
	display: none !important;
}
.dis-f {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.bgc-u {
	background-color: unset !important;
}
.maa {
	margin: auto !important;
}
.bor-t-0 {
	border-top: 0px solid #000000 !important;
}
.bor-b-0 {
	border-bottom: 0px solid #000000 !important;
}
/* float */
.fl-l {
	float: left !important;
}
.fl-r {
	float: right !important;
}
.cl-b {
	clear: both !important;
}
.cl-l {
	clear: left !important;
}
.cl-r {
	clear: right !important;
}
/* align */
.ta-c {
	text-align: center !important;
}
.ta-l {
	text-align: left !important;
}
.ta-r {
	text-align: right !important;
}
.vt {
	vertical-align: top;
}
.vm {
	vertical-align: middle!important;
}
.vb {
	vertical-align: bottom;
}
/*　bg-color */
.bg-fblue1 {
	background-color: #ccffff!important;
}
.bg-fpnk1 {
	background-color: #ffcccc!important;
}
.bg-fpnk2 {
	background-color: #ffcc99!important;
}
.bg-forg1 {
	background-color: #ff9933!important;
}
.bg-fpnk {
	background-color: #ffcc99!important;
}
.bg-forg {
	background-color: #ffff99!important;
}
.bg-fblue {
	background-color: #ccffcc!important;
}
.bg-2a3277 {
	background-color: #2a3277!important;
}
/*　font-color */
.c-org {
	color: #ff8c00 !important;
}
.c-red {
	color: #d00 !important;
}
.c-blue {
	color: #0dd !important;
}
.c-white {
	color: #fff !important;
}
.c-gray {
	color: #ccc !important;
}
.c-2a3277 {
	color: #2a3277 !important;
}
.c-000000 {
	color: #000000 !important;
}
.c-ffffff {
	color: #ffffff !important;
}
.c-a40000 {
	color: #a40000 !important;
}
/* height */
 
.hei-380 {
	height: 380px!important;
}

.top .circle h1{
	color: #fff;
	font-weight: normal;
	padding: 0;
	line-height: inherit;
}
.content__ttl__02>h2{
	font-size: inherit;
	text-align: left;
	padding: 0;
}
.business03x .service_grid h1.service_img,
.story__box__btm>h2.ttl{
	padding: 0;
}
.story__boxx .content__size h2.ttl{
	text-align: left;
}
.business h1.ttl_area{
	font-size: inherit;
	text-align: left;
	line-height: inherit;
}
.business h1.ttl_area>span{
	font-size: 18px;
	color: #2a3277;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
	display: block;
}
.business h2.second__ttl{
	text-align: left;
	padding: 0 0 0 20px;
}
.business h3.content__ttl__02,
.lineup .content__ttl__02>h3{
	font-size: inherit;
	border-left: none;
	padding-left: 0;
	line-height: inherit;
	margin-bottom: 0;
}
.business .content__lead{
	font-size: 24px;
	font-weight: bold;
	color: #2a3277;
	text-align: center;
	padding: 20px;
}
.lineup .content h2,
.product .content h2{
	font-size: 24px;
	border-left: 5px solid #2a3277;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 30px;
	color: #000;
	text-align: left;
	padding: 0 0 0 20px;
}
.business06 .content h3.second__ttl{
	line-height: inherit;
}
.business06__numtop__inner h2.ttl{
	color: #000;
	text-align: left;
	padding: 0;
}
.business06__tcm__service .content__lead{
	line-height: 1.5;
}
.business06__tcm__service .content__lead span{
	font-size: 20px;
}
.business06__aftercare .content__lead{
	text-align: left;
}
.business06 .content__subttl{
	font-size: 24px;
	border-left: 5px solid #2a3277;
	padding-left: 20px;
	font-weight: bold;
	line-height: 1.8;
	margin: 30px 0;
}

@media screen and (max-width: 768px) {
  .content__ttl__02>h2{
		line-height: inherit;
	}
	.business h1.ttl_area>span{
		font-size: 15px;
	}
	.business h2.second__ttl{
		padding-left: 10px;
		line-height: inherit;
	}
	.business .content__lead{
		font-size: 20px;
		line-height: 1.5;
		padding: 10px 0;
	}
	.lineup .content h2,
	.product .content h2{
		font-size: 20px;
    line-height: 1.5;
    margin-bottom: 20px;
	}
	.business06__tcm__service .content__lead span{
		font-size: 15px;
	}
	.business06 .content__subttl{
		font-size: 20px;
		line-height: 1.5;
		margin: 20px 0;
	}
}

/* sp */
@media only screen and (min-width: 1px) and (max-width: 480px) {
  .sp_dis-n {
    display: none !important;
  }
  .recruitment01 .second__grid3 {
    display: block;
  }
  .smv1 .top {
    background-image: url(images/serface-hed-sp.png);
  }
  .dmv1x .top {
    background-image: url(images/serface-hed-sp.png);
  }
  .fmv1x .top {
    background-image: url(images/field-mv-sp.png);
  }
  .dmv2x .top {
    background-image: url(images/design-mv-sp.png);
  }
  .emv1 .top {
    background-image: url(images/serface-hed-sp.png);
  }
  .amv1x .top {
    background-image: url(images/serface-hed-sp.png);
  }

  /* height */
  .sp_hei-46 {
    height: 46px!important;
  }
  .sp_hei-50 {
    height: 50px!important;
  }

  /* font-size */
  .sp_fz8 {
    font-size: 8px !important;
  }
  .sp_fz10 {
    font-size: 10px !important;
  }
  .sp_fz11 {
    font-size: 11px !important;
  }
  .sp_fz12 {
    font-size: 12px !important;
  }
  .sp_fz13 {
    font-size: 13px !important;
  }
  .sp_fz14 {
    font-size: 14px !important;
  }
  .sp_fz15 {
    font-size: 15px !important;
  }
  .sp_fz16 {
    font-size: 16px !important;
  }
  .sp_fz17 {
    font-size: 17px !important;
  }
  .sp_fz18 {
    font-size: 18px !important;
  }
  .sp_fz19 {
    font-size: 19px !important;
  }
  .sp_fz20 {
    font-size: 20px !important;
  }
  .sp_fz22 {
    font-size: 22px !important;
  }
  .sp_fz24 {
    font-size: 24px !important;
  }
  .sp_fz30 {
    font-size: 30px !important;
  }
  .sp_fz35 {
    font-size: 35px !important;
  }
  .sp_fz37 {
    font-size: 37px !important;
  }
  .sp_fz38 {
    font-size: 38px !important;
  }
  .sp_fz40 {
    font-size: 40px !important;
  }

  /* font-weight */
  .sp_fw-n {
    font-weight: normal !important;
  }
  .sp_fw-b {
    font-weight: bold !important;
  }
  .sp_fw-300 {
    font-weight: 300 !important;
  }
  .sp_fw-400 {
    font-weight: 400 !important;
  }
  .sp_fw-500 {
    font-weight: 500 !important;
  }
  .sp_fw-600 {
    font-weight: 600 !important;
  }
  .sp_fw-700 {
    font-weight: 700 !important;
  }
  .sp_fw-800 {
    font-weight: 800 !important;
  }
  .sp_fw-900 {
    font-weight: 900 !important;
  }
  /* letter-spacing */
  .sp_lts-05 {
  letter-spacing: -0.sp_5 !important;
  }
  .sp_lts00 {
    letter-spacing: 0 !important;
  }
  .sp_lts02 {
    letter-spacing: 0.2px !important;
  }
  .sp_lts04 {
    letter-spacing: 0.4px !important;
  }
  .sp_lts06 {
    letter-spacing: 0.6px !important;
  }
  .sp_lts08 {
    letter-spacing: 0.8px !important;
  }
  .sp_lts10 {
    letter-spacing: 1px !important;
  }
  .sp_lts12 {
  letter-spacing: 1.sp_2px !important;
  }
  .sp_lts14 {
  letter-spacing: 1.sp_4px !important;
  }
  .sp_lts16 {
  letter-spacing: 1.sp_6px !important;
  }
  .sp_lts18 {
  letter-spacing: 1.sp_8px !important;
  }
  .sp_lts20 {
    letter-spacing: 2px !important;
  }

  /* line-height */
  .sp_lh00 {
    line-height: 0 !important;
  }
  .sp_lh10 {
    line-height: 1 !important;
  }
  .sp_lh12 {
    line-height: 1.2 !important;
  }
  .sp_lh14 {
    line-height: 1.4 !important;
  }
  .sp_lh16 {
    line-height: 1.6 !important;
  }
  .sp_lh18 {
    line-height: 1.8 !important;
  }
  .sp_lh20 {
    line-height: 2 !important;
  }

  /* margin-top */
  .sp_mt-11 {
    margin-top: -11px !important;
  }
  .sp_mt-25 {
    margin-top: -25px !important;
  }
  .sp_mt-30 {
    margin-top: -30px !important;
  }
  .sp_mt-50 {
    margin-top: -50px !important;
  }
  .sp_mt00 {
    margin-top: 0 !important;
  }
  .sp_mt05 {
    margin-top: 5px !important;
  }
  .sp_mt10 {
    margin-top: 10px !important;
  }
  .sp_mt15 {
    margin-top: 15px !important;
  }
  .sp_mt20 {
    margin-top: 20px !important;
  }
  .sp_mt25 {
    margin-top: 25px !important;
  }
  .sp_mt30 {
    margin-top: 30px !important;
  }
  .sp_mt35 {
    margin-top: 35px !important;
  }
  .sp_mt40 {
    margin-top: 40px !important;
  }
  .sp_mt45 {
    margin-top: 45px !important;
  }
  .sp_mt50 {
    margin-top: 50px !important;
  }
  .sp_mt55 {
    margin-top: 55px !important;
  }
  .sp_mt60 {
    margin-top: 60px !important;
  }
  .sp_mt70 {
    margin-top: 70px !important;
  }
  .sp_mt80 {
    margin-top: 80px !important;
  }
  .sp_mt90 {
    margin-top: 90px !important;
  }
  .sp_mt100 {
    margin-top: 100px !important;
  }
  .sp_mt150 {
    margin-top: 150px !important;
  }

  /* margin-right */
  .sp_mr00 {
    margin-right: 0 !important;
  }
  .sp_mr05 {
    margin-right: 5px !important;
  }
  .sp_mr10 {
    margin-right: 10px !important;
  }
  .sp_mr15 {
    margin-right: 15px !important;
  }
  .sp_mr20 {
    margin-right: 20px !important;
  }
  .sp_mr25 {
    margin-right: 25px !important;
  }
  .sp_mr30 {
    margin-right: 30px !important;
  }
  .sp_mr35 {
    margin-right: 35px !important;
  }
  .sp_mr40 {
    margin-right: 40px !important;
  }
  .sp_mr45 {
    margin-right: 45px !important;
  }
  .sp_mr50 {
    margin-right: 50px !important;
  }
  .sp_mr55 {
    margin-right: 55px !important;
  }
  .sp_mr60 {
    margin-right: 60px !important;
  }
  .sp_mr70 {
    margin-right: 70px !important;
  }
  .sp_mr80 {
    margin-right: 80px !important;
  }
  .sp_mr90 {
    margin-right: 90px !important;
  }
  .sp_mr100 {
    margin-right: 100px !important;
  }
  .sp_mr150 {
    margin-right: 150px !important;
  }

  /* margin-bottom */
  .sp_mb-60 {
    margin-bottom: -60px !important;
  }
  .sp_mb00 {
    margin-bottom: 0 !important;
  }
  .sp_mb05 {
    margin-bottom: 5px !important;
  }
  .sp_mb10 {
    margin-bottom: 10px !important;
  }
  .sp_mb15 {
    margin-bottom: 15px !important;
  }
  .sp_mb20 {
    margin-bottom: 20px !important;
  }
  .sp_mb25 {
    margin-bottom: 25px !important;
  }
  .sp_mb30 {
    margin-bottom: 30px !important;
  }
  .sp_mb35 {
    margin-bottom: 35px !important;
  }
  .sp_mb40 {
    margin-bottom: 40px !important;
  }
  .sp_mb45 {
    margin-bottom: 45px !important;
  }
  .sp_mb50 {
    margin-bottom: 50px !important;
  }
  .sp_mb55 {
    margin-bottom: 55px !important;
  }
  .sp_mb60 {
    margin-bottom: 60px !important;
  }
  .sp_mb70 {
    margin-bottom: 70px !important;
  }
  .sp_mb80 {
    margin-bottom: 80px !important;
  }
  .sp_mb90 {
    margin-bottom: 90px !important;
  }
  .sp_mb100 {
    margin-bottom: 100px !important;
  }
  .sp_mb150 {
    margin-bottom: 150px !important;
  }

  /* margin-left */
  .sp_ml00 {
    margin-left: 0 !important;
  }
  .sp_ml05 {
    margin-left: 5px !important;
  }
  .sp_ml10 {
    margin-left: 10px !important;
  }
  .sp_ml15 {
    margin-left: 15px !important;
  }
  .sp_ml20 {
    margin-left: 20px !important;
  }
  .sp_ml25 {
    margin-left: 25px !important;
  }
  .sp_ml30 {
    margin-left: 30px !important;
  }
  .sp_ml35 {
    margin-left: 35px !important;
  }
  .sp_ml40 {
    margin-left: 40px !important;
  }
  .sp_ml43 {
    margin-left: 43px !important;
  }
  .sp_ml45 {
    margin-left: 45px !important;
  }
  .sp_ml50 {
    margin-left: 50px !important;
  }
  .sp_ml55 {
    margin-left: 55px !important;
  }
  .sp_ml60 {
    margin-left: 60px !important;
  }
  .sp_ml70 {
    margin-left: 70px !important;
  }
  .sp_ml80 {
    margin-left: 80px !important;
  }
  .sp_ml90 {
    margin-left: 90px !important;
  }
  .sp_ml100 {
    margin-left: 100px !important;
  }
  .sp_ml150 {
    margin-left: 150px !important;
  }

  /* padding-top */
  .sp_pt00 {
    padding-top: 0 !important;
  }
  .sp_pt03 {
    padding-top: 3px !important;
  }
  .sp_pt05 {
    padding-top: 5px !important;
  }
  .sp_pt08 {
    padding-top: 8px !important;
  }
  .sp_pt09 {
    padding-top: 9px !important;
  }
  .sp_pt10 {
    padding-top: 10px !important;
  }
  .sp_pt15 {
    padding-top: 15px !important;
  }
  .sp_pt20 {
    padding-top: 20px !important;
  }
  .sp_pt25 {
    padding-top: 25px !important;
  }
  .sp_pt30 {
    padding-top: 30px !important;
  }
  .sp_pt35 {
    padding-top: 35px !important;
  }
  .sp_pt40 {
    padding-top: 40px !important;
  }
  .sp_pt45 {
    padding-top: 45px !important;
  }
  .sp_pt50 {
    padding-top: 50px !important;
  }
  .sp_pt55 {
    padding-top: 55px !important;
  }
  .sp_pt60 {
    padding-top: 60px !important;
  }
  .sp_pt70 {
    padding-top: 70px !important;
  }
  .sp_pt80 {
    padding-top: 80px !important;
  }
  .sp_pt90 {
    padding-top: 90px !important;
  }
  .sp_pt100 {
    padding-top: 100px !important;
  }
  .sp_pt150 {
    padding-top: 150px !important;
  }
  .sp_pt235 {
    padding-top: 235px !important;
  }
  .sp_pt250 {
    padding-top: 250px !important;
  }
  .sp_pt260 {
    padding-top: 260px !important;
  }
  .sp_pt270 {
    padding-top: 270px !important;
  }
  .sp_pt280 {
    padding-top: 280px !important;
  }
  .sp_pt300 {
    padding-top: 300px !important;
  }
  /* padding-right */
  .sp_pr00 {
    padding-right: 0 !important;
  }
  .sp_pr05 {
    padding-right: 5px !important;
  }
  .sp_pr10 {
    padding-right: 10px !important;
  }
  .sp_pr15 {
    padding-right: 15px !important;
  }
  .sp_pr17 {
    padding-right: 17px !important;
  }
  .sp_pr20 {
    padding-right: 20px !important;
  }
  .sp_pr25 {
    padding-right: 25px !important;
  }
  .sp_pr30 {
    padding-right: 30px !important;
  }
  .sp_pr35 {
    padding-right: 35px !important;
  }
  .sp_pr40 {
    padding-right: 40px !important;
  }
  .sp_pr45 {
    padding-right: 45px !important;
  }
  .sp_pr50 {
    padding-right: 50px !important;
  }
  .sp_pr55 {
    padding-right: 55px !important;
  }
  .sp_pr60 {
    padding-right: 60px !important;
  }
  .sp_pr70 {
    padding-right: 70px !important;
  }
  .sp_pr80 {
    padding-right: 80px !important;
  }
  .sp_pr90 {
    padding-right: 90px !important;
  }
  .sp_pr100 {
    padding-right: 100px !important;
  }
  .sp_pr150 {
    padding-right: 150px !important;
  }

  /* padding-bottom */
  .sp_pb00 {
    padding-bottom: 0 !important;
  }
  .sp_pb05 {
    padding-bottom: 5px !important;
  }
  .sp_pb08 {
    padding-bottom: 8px !important;
  }
  .sp_pb09 {
    padding-bottom: 9px !important;
  }
  .sp_pb10 {
    padding-bottom: 10px !important;
  }
  .sp_pb13 {
    padding-bottom: 13px !important;
  }
  .sp_pb15 {
    padding-bottom: 15px !important;
  }
  .sp_pb20 {
    padding-bottom: 20px !important;
  }
  .sp_pb25 {
    padding-bottom: 25px !important;
  }
  .sp_pb30 {
    padding-bottom: 30px !important;
  }
  .sp_pb35 {
    padding-bottom: 35px !important;
  }
  .sp_pb40 {
    padding-bottom: 40px !important;
  }
  .sp_pb45 {
    padding-bottom: 45px !important;
  }
  .sp_pb50 {
    padding-bottom: 50px !important;
  }
  .sp_pb55 {
    padding-bottom: 55px !important;
  }
  .sp_pb60 {
    padding-bottom: 60px !important;
  }
  .sp_pb70 {
    padding-bottom: 70px !important;
  }
  .sp_pb80 {
    padding-bottom: 80px !important;
  }
  .sp_pb90 {
    padding-bottom: 90px !important;
  }
  .sp_pb100 {
    padding-bottom: 100px !important;
  }
  .sp_pb150 {
    padding-bottom: 150px !important;
  }

  /* padding-left */
  .sp_pl00 {
    padding-left: 0 !important;
  }
  .sp_pl05 {
    padding-left: 5px !important;
  }
  .sp_pl10 {
    padding-left: 10px !important;
  }
  .sp_pl15 {
    padding-left: 15px !important;
  }
  .sp_pl17 {
    padding-left: 17px !important;
  }
  .sp_pl20 {
    padding-left: 20px !important;
  }
  .sp_pl25 {
    padding-left: 25px !important;
  }
  .sp_pl30 {
    padding-left: 30px !important;
  }
  .sp_pl35 {
    padding-left: 35px !important;
  }
  .sp_pl40 {
    padding-left: 40px !important;
  }
  .sp_pl45 {
    padding-left: 45px !important;
  }
  .sp_pl50 {
    padding-left: 50px !important;
  }
  .sp_pl55 {
    padding-left: 55px !important;
  }
  .sp_pl60 {
    padding-left: 60px !important;
  }
  .sp_pl70 {
    padding-left: 70px !important;
  }
  .sp_pl80 {
    padding-left: 80px !important;
  }
  .sp_pl90 {
    padding-left: 90px !important;
  }
  .sp_pl100 {
    padding-left: 100px !important;
  }
  .sp_pl150 {
    padding-left: 150px !important;
  }
  .sp_wp39 {
    width: 39%;
  }
  .sp_wp40 {
    width: 40%;
  }
  .sp_wp70 {
    width: 70%;
  }
  .sp_wp100 {
    width: 100%!important;
  }
  .smv1 .top {
    background-image: url(images/serface-hed-sp.png);
    background-position-x: right;
  }
  .dmv1 .top {
    background-image: url(images/development-mv-sp.png);
    background-position-x: left;
  }
  .fmv1 .top {
    background-image: url(images/field-mv-sp.png);
    background-position-x: left;
  }
  .dmv2 .top {
    background-image: url(images/design-mv-sp.png);
    background-position-x: left;
  }
  .emv1 .top {
    background-image: url(images/serface-hed-sp.png);
    background-position-x: right;
  }
  .amv1 .top {
    background-image: url(images/account-mv-pc.png);
    background-position-x: right;
  }

  /* recruitment */
  .recruitment01 .top1 {
    background-image: url(images/recruit_top_msg.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -10px;
  }
  .recruitment01 .top3 {
    background-image: url(images/recruit_bo_bg1-sp1.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .recruitment01 .top3 .content__size {
    padding: 70px 0;
  }
  .recruitment01 .top1 .content__size {
    width: 90%;
    margin: 0 auto;
    padding: 45px 0 60px;
    max-width: 1100px;
  }
  .recruitment01 .ttl_area .ttl_area_1 {
    font-size: 40px;
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
    color: #ffffff;
  }
  .recruitment01 .ttl_area .ttl_area_2 {
    font-size: 18px;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
    color: #ffffff;
  }
  .recruitment01 .txt_area .txt_area_1 {
    font-size: 25px;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
    color: #ffffff;
  }
  .recruitment01 .top2 {
    background-image: url(images/recruit_top_bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding-top: 30px;
  }
  .recruitment01 .second__grid li {
    width: calc(100% / 1);
    background-color: #fff;
    border: 0px solid;
    border-image: linear-gradient(180deg, #4076c9, #2a3277);
    border-image-slice: 1;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .recruitment01 .second__grid2 li {
    width: calc(100% / 1)!important;
  }
  .recruitment01 .second__grid3 li.cya {
    width: calc(100% / 1)!important;
    background-image: url(images/recruit_top_cayaonx.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: unset;
  }
  .top2a {
    background-color: unset!important;
  }


  /* surfacetreatmentsales */    
  .surface .second {
    background-image: url(images/surface_second_bg.jpg);
  }
  .surface .top .ttl_area {
    background-color: rgba(255,255,255,0.8)!important;
    margin-bottom: 10px;
  }
  .top .circle {
    position: absolute;
    right: 20px;
    top: 100px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#2b347a,#427acf);
    color: #fff;
    text-align: center;
    line-height: 1.5;
	}
	.top .circle.left{
		left: 20px;
	}
	.top .circle h1{
		color: #fff;
		font-weight: normal;
		padding: 0;
		line-height: inherit;
	}
	.top .circle p,
	.top .circle h1 {
    font-size: 24px;
  }
  .top .circle p span,
	.top .circle h1 span {
  	display: block;
    font-size: 10px;
    line-height: 1.25;
	}
  p.qa-q {
    margin-left: 30px;
  }
  p.qa-q span {
    display: contents;
    padding: 10px 10px 10px 10px;
    color: #000000;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 0.2px !important;
  }
  p.qa-q span:before {
    background: url(images/qa-qq.png) 0 0 no-repeat;
    -webkit-background-size: 25px 25px;
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 18px;
    margin: 0 0px 0 -30px;
    padding: 5px 5px 6px 5px;
  }
  p.qa-a {
    margin-left: 30px;
  }
  p.qa-a span {
    display: contents;
    padding: 10px 10px 10px 10px;
    color: #000000;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 0.2px !important;
  }
  p.qa-a span:before {
    background: url(images/qa-aa.png) 0 0 no-repeat;
    -webkit-background-size: 25px 25px;
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: 18px;
    margin: 0 0px 0 -30px;
    padding: 5px 5px 6px 5px;
  }
  p.cmt {
    margin-left: 7px;
  }
  p.cmt span {
    display: block;
    padding: 10px 0px 10px 10px;
    color: #000000;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 0.1px !important;
  }
  p.cmt span:before {
    content: "▲";
    display: inline-block;
    width: 3px;
    height: 10px;
    padding-left: 15px;
    position: relative;
    top: 1px;
    margin: 0 9px 0 -23px;
    padding: 0.2em 0.4em;
  }
  .page_hed1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/recruit_bo_bg1.png);
  }
  .business .cya1 .second__grid li div {
    text-align: center;
    height: auto;
    width: 100%;
  }
  .cabo .overview__table tr td {
    width: calc(100% - 200px);
    font-size: 14px;
    background-color: #d6e6f5;
    border-top: 3px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    /*border-bottm: 3px solid #ffffff;*/
    text-align: center;
    padding: 3px 0px 3px 7px;
		vertical-align: middle;
  }
  .cabo .overview__table tr td span {
    text-align: center;
    background-color: #2a3277;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 5px 3px 5px;
    border-radius: 10px;
  }
  .sp_menu-bg1 {
    background-color: #2a4a77!important;
  }
  .recruitment01 .top2a {
    background-image: url(images/recruit_top_bg2.png)!important;
  }
  .recruitment01 .top2b {
    background-image: url(images/recruit_top_bg3.png)!important;
  }
}

/* sp yoko */
@media only screen and (min-width: 481px) and (max-width: 600px) {
  .sp_dis-n {
    display: none !important;
  }
  .recruitment01 .second__grid3 {
    display: flex;
  }
  /*
  .smv1 .top {
    background-image: url(images/serface-hed-sp.png); }
  .dmv1 .top {
    background-image: url(images/development-mv-sp.png); }
  .fmv1x .top {
    background-image: url(images/field-mv-sp.png); }
  .dmv2x .top {
    background-image: url(images/serface-hed-sp.png); }      
  .emv1 .top {
    background-image: url(images/serface-hed-sp.png); }
  .amv1 .top {
    background-image: url(images/account-mv-pc.png); }    
  */

  /* height */
  .sp_hei-46 {
    height: 46px!important;
  }
  .sp_hei-50 {
    height: 50px!important;
  }
  /* font-size */
  .sp_fz8 {
    font-size: 8px !important;
  }
  .sp_fz10 {
    font-size: 10px !important;
  }
  .sp_fz11 {
    font-size: 11px !important;
  }
  .sp_fz12 {
    font-size: 12px !important;
  }
  .sp_fz13 {
    font-size: 13px !important;
  }
  .sp_fz14 {
    font-size: 14px !important;
  }
  .sp_fz15 {
    font-size: 15px !important;
  }
  .sp_fz16 {
    font-size: 16px !important;
  }
  .sp_fz17 {
    font-size: 17px !important;
  }
  .sp_fz18 {
    font-size: 18px !important;
  }
  .sp_fz19 {
    font-size: 19px !important;
  }
  .sp_fz20 {
    font-size: 20px !important;
  }
  .sp_fz22 {
    font-size: 22px !important;
  }
  .sp_fz24 {
    font-size: 24px !important;
  }
  .sp_fz30 {
    font-size: 30px !important;
  }
  .sp_fz35 {
    font-size: 35px !important;
  }
  .sp_fz37 {
    font-size: 37px !important;
  }
  .sp_fz38 {
    font-size: 38px !important;
  }
  .sp_fz40 {
    font-size: 40px !important;
  }
  /* font-weight */
  .sp_fw-n {
    font-weight: normal !important;
  }
  .sp_fw-b {
    font-weight: bold !important;
  }
  .sp_fw-300 {
    font-weight: 300 !important;
  }
  .sp_fw-400 {
    font-weight: 400 !important;
  }
  .sp_fw-500 {
    font-weight: 500 !important;
  }
  .sp_fw-600 {
    font-weight: 600 !important;
  }
  .sp_fw-700 {
    font-weight: 700 !important;
  }
  .sp_fw-800 {
    font-weight: 800 !important;
  }
  .sp_fw-900 {
    font-weight: 900 !important;
  }
  /* letter-spacing */
  .sp_lts-05 {
  letter-spacing: -0.sp_5 !important;
  }
  .sp_lts00 {
    letter-spacing: 0 !important;
  }
  .sp_lts02 {
  letter-spacing: 0.sp_2px !important;
  }
  .sp_lts04 {
  letter-spacing: 0.sp_4px !important;
  }
  .sp_lts06 {
  letter-spacing: 0.sp_6px !important;
  }
  .sp_lts08 {
  letter-spacing: 0.sp_8px !important;
  }
  .sp_lts10 {
    letter-spacing: 1px !important;
  }
  .sp_lts12 {
  letter-spacing: 1.sp_2px !important;
  }
  .sp_lts14 {
  letter-spacing: 1.sp_4px !important;
  }
  .sp_lts16 {
  letter-spacing: 1.sp_6px !important;
  }
  .sp_lts18 {
  letter-spacing: 1.sp_8px !important;
  }
  .sp_lts20 {
    letter-spacing: 2px !important;
  }
  /* line-height */
  .sp_lh00 {
    line-height: 0 !important;
  }
  .sp_lh10 {
    line-height: 1 !important;
  }
  .sp_lh12 {
  line-height: 1.sp_2 !important;
  }
  .sp_lh14 {
  line-height: 1.sp_4 !important;
  }
  .sp_lh16 {
  line-height: 1.sp_6 !important;
  }
  .sp_lh18 {
  line-height: 1.sp_8 !important;
  }
  .sp_lh20 {
    line-height: 2 !important;
  }
  /* margin-top */
  .sp_mt-11 {
    margin-top: -11px !important;
  }
  .sp_mt-25 {
    margin-top: -25px !important;
  }
  .sp_mt-50 {
    margin-top: -50px !important;
  }
  .sp_mt00 {
    margin-top: 0 !important;
  }
  .sp_mt05 {
    margin-top: 5px !important;
  }
  .sp_mt10 {
    margin-top: 10px !important;
  }
  .sp_mt15 {
    margin-top: 15px !important;
  }
  .sp_mt20 {
    margin-top: 20px !important;
  }
  .sp_mt25 {
    margin-top: 25px !important;
  }
  .sp_mt30 {
    margin-top: 30px !important;
  }
  .sp_mt35 {
    margin-top: 35px !important;
  }
  .sp_mt40 {
    margin-top: 40px !important;
  }
  .sp_mt45 {
    margin-top: 45px !important;
  }
  .sp_mt50 {
    margin-top: 50px !important;
  }
  .sp_mt55 {
    margin-top: 55px !important;
  }
  .sp_mt60 {
    margin-top: 60px !important;
  }
  .sp_mt70 {
    margin-top: 70px !important;
  }
  .sp_mt80 {
    margin-top: 80px !important;
  }
  .sp_mt90 {
    margin-top: 90px !important;
  }
  .sp_mt100 {
    margin-top: 100px !important;
  }
  .sp_mt150 {
    margin-top: 150px !important;
  }
  /* margin-right */
  .sp_mr00 {
    margin-right: 0 !important;
  }
  .sp_mr05 {
    margin-right: 5px !important;
  }
  .sp_mr10 {
    margin-right: 10px !important;
  }
  .sp_mr15 {
    margin-right: 15px !important;
  }
  .sp_mr20 {
    margin-right: 20px !important;
  }
  .sp_mr25 {
    margin-right: 25px !important;
  }
  .sp_mr30 {
    margin-right: 30px !important;
  }
  .sp_mr35 {
    margin-right: 35px !important;
  }
  .sp_mr40 {
    margin-right: 40px !important;
  }
  .sp_mr45 {
    margin-right: 45px !important;
  }
  .sp_mr50 {
    margin-right: 50px !important;
  }
  .sp_mr55 {
    margin-right: 55px !important;
  }
  .sp_mr60 {
    margin-right: 60px !important;
  }
  .sp_mr70 {
    margin-right: 70px !important;
  }
  .sp_mr80 {
    margin-right: 80px !important;
  }
  .sp_mr90 {
    margin-right: 90px !important;
  }
  .sp_mr100 {
    margin-right: 100px !important;
  }
  .sp_mr150 {
    margin-right: 150px !important;
  }
  /* margin-bottom */
  .sp_mb-60 {
    margin-bottom: -60px !important;
  }
  .sp_mb00 {
    margin-bottom: 0 !important;
  }
  .sp_mb05 {
    margin-bottom: 5px !important;
  }
  .sp_mb10 {
    margin-bottom: 10px !important;
  }
  .sp_mb15 {
    margin-bottom: 15px !important;
  }
  .sp_mb20 {
    margin-bottom: 20px !important;
  }
  .sp_mb25 {
    margin-bottom: 25px !important;
  }
  .sp_mb30 {
    margin-bottom: 30px !important;
  }
  .sp_mb35 {
    margin-bottom: 35px !important;
  }
  .sp_mb40 {
    margin-bottom: 40px !important;
  }
  .sp_mb45 {
    margin-bottom: 45px !important;
  }
  .sp_mb50 {
    margin-bottom: 50px !important;
  }
  .sp_mb55 {
    margin-bottom: 55px !important;
  }
  .sp_mb60 {
    margin-bottom: 60px !important;
  }
  .sp_mb70 {
    margin-bottom: 70px !important;
  }
  .sp_mb80 {
    margin-bottom: 80px !important;
  }
  .sp_mb90 {
    margin-bottom: 90px !important;
  }
  .sp_mb100 {
    margin-bottom: 100px !important;
  }
  .sp_mb150 {
    margin-bottom: 150px !important;
  }
  /* margin-left */
  .sp_ml00 {
    margin-left: 0 !important;
  }
  .sp_ml05 {
    margin-left: 5px !important;
  }
  .sp_ml10 {
    margin-left: 10px !important;
  }
  .sp_ml15 {
    margin-left: 15px !important;
  }
  .sp_ml20 {
    margin-left: 20px !important;
  }
  .sp_ml25 {
    margin-left: 25px !important;
  }
  .sp_ml30 {
    margin-left: 30px !important;
  }
  .sp_ml35 {
    margin-left: 35px !important;
  }
  .sp_ml40 {
    margin-left: 40px !important;
  }
  .sp_ml43 {
    margin-left: 43px !important;
  }
  .sp_ml45 {
    margin-left: 45px !important;
  }
  .sp_ml50 {
    margin-left: 50px !important;
  }
  .sp_ml55 {
    margin-left: 55px !important;
  }
  .sp_ml60 {
    margin-left: 60px !important;
  }
  .sp_ml70 {
    margin-left: 70px !important;
  }
  .sp_ml80 {
    margin-left: 80px !important;
  }
  .sp_ml90 {
    margin-left: 90px !important;
  }
  .sp_ml100 {
    margin-left: 100px !important;
  }
  .sp_ml150 {
    margin-left: 150px !important;
  }
  /* padding-top */
  .sp_pt00 {
    padding-top: 0 !important;
  }
  .sp_pt03 {
    padding-top: 3px !important;
  }
  .sp_pt05 {
    padding-top: 5px !important;
  }
  .sp_pt08 {
    padding-top: 8px !important;
  }
  .sp_pt09 {
    padding-top: 9px !important;
  }
  .sp_pt10 {
    padding-top: 10px !important;
  }
  .sp_pt15 {
    padding-top: 15px !important;
  }
  .sp_pt20 {
    padding-top: 20px !important;
  }
  .sp_pt25 {
    padding-top: 25px !important;
  }
  .sp_pt30 {
    padding-top: 30px !important;
  }
  .sp_pt35 {
    padding-top: 35px !important;
  }
  .sp_pt40 {
    padding-top: 40px !important;
  }
  .sp_pt45 {
    padding-top: 45px !important;
  }
  .sp_pt50 {
    padding-top: 50px !important;
  }
  .sp_pt55 {
    padding-top: 55px !important;
  }
  .sp_pt60 {
    padding-top: 60px !important;
  }
  .sp_pt70 {
    padding-top: 70px !important;
  }
  .sp_pt80 {
    padding-top: 80px !important;
  }
  .sp_pt90 {
    padding-top: 90px !important;
  }
  .sp_pt100 {
    padding-top: 100px !important;
  }
  .sp_pt150 {
    padding-top: 150px !important;
  }
  .sp_pt250 {
    padding-top: 250px !important;
  }
  .sp_pt260 {
    padding-top: 260px !important;
  }
  .sp_pt270 {
    padding-top: 270px !important;
  }
  .sp_pt280 {
    padding-top: 280px !important;
  }
  .sp_pt300 {
    padding-top: 300px !important;
  }
  /* padding-right */
  .sp_pr00 {
    padding-right: 0 !important;
  }
  .sp_pr05 {
    padding-right: 5px !important;
  }
  .sp_pr10 {
    padding-right: 10px !important;
  }
  .sp_pr15 {
    padding-right: 15px !important;
  }
  .sp_pr17 {
    padding-right: 17px !important;
  }
  .sp_pr20 {
    padding-right: 20px !important;
  }
  .sp_pr25 {
    padding-right: 25px !important;
  }
  .sp_pr30 {
    padding-right: 30px !important;
  }
  .sp_pr35 {
    padding-right: 35px !important;
  }
  .sp_pr40 {
    padding-right: 40px !important;
  }
  .sp_pr45 {
    padding-right: 45px !important;
  }
  .sp_pr50 {
    padding-right: 50px !important;
  }
  .sp_pr55 {
    padding-right: 55px !important;
  }
  .sp_pr60 {
    padding-right: 60px !important;
  }
  .sp_pr70 {
    padding-right: 70px !important;
  }
  .sp_pr80 {
    padding-right: 80px !important;
  }
  .sp_pr90 {
    padding-right: 90px !important;
  }
  .sp_pr100 {
    padding-right: 100px !important;
  }
  .sp_pr150 {
    padding-right: 150px !important;
  }
  /* padding-bottom */
  .sp_pb00 {
    padding-bottom: 0 !important;
  }
  .sp_pb05 {
    padding-bottom: 5px !important;
  }
  .sp_pb08 {
    padding-bottom: 8px !important;
  }
  .sp_pb09 {
    padding-bottom: 9px !important;
  }
  .sp_pb10 {
    padding-bottom: 10px !important;
  }
  .sp_pb13 {
    padding-bottom: 13px !important;
  }
  .sp_pb15 {
    padding-bottom: 15px !important;
  }
  .sp_pb20 {
    padding-bottom: 20px !important;
  }
  .sp_pb25 {
    padding-bottom: 25px !important;
  }
  .sp_pb30 {
    padding-bottom: 30px !important;
  }
  .sp_pb35 {
    padding-bottom: 35px !important;
  }
  .sp_pb40 {
    padding-bottom: 40px !important;
  }
  .sp_pb45 {
    padding-bottom: 45px !important;
  }
  .sp_pb50 {
    padding-bottom: 50px !important;
  }
  .sp_pb55 {
    padding-bottom: 55px !important;
  }
  .sp_pb60 {
    padding-bottom: 60px !important;
  }
  .sp_pb70 {
    padding-bottom: 70px !important;
  }
  .sp_pb80 {
    padding-bottom: 80px !important;
  }
  .sp_pb90 {
    padding-bottom: 90px !important;
  }
  .sp_pb100 {
    padding-bottom: 100px !important;
  }
  .sp_pb150 {
    padding-bottom: 150px !important;
  }
  /* padding-left */
  .sp_pl00 {
    padding-left: 0 !important;
  }
  .sp_pl05 {
    padding-left: 5px !important;
  }
  .sp_pl10 {
    padding-left: 10px !important;
  }
  .sp_pl15 {
    padding-left: 15px !important;
  }
  .sp_pl17 {
    padding-left: 17px !important;
  }
  .sp_pl20 {
    padding-left: 20px !important;
  }
  .sp_pl25 {
    padding-left: 25px !important;
  }
  .sp_pl30 {
    padding-left: 30px !important;
  }
  .sp_pl35 {
    padding-left: 35px !important;
  }
  .sp_pl40 {
    padding-left: 40px !important;
  }
  .sp_pl45 {
    padding-left: 45px !important;
  }
  .sp_pl50 {
    padding-left: 50px !important;
  }
  .sp_pl55 {
    padding-left: 55px !important;
  }
  .sp_pl60 {
    padding-left: 60px !important;
  }
  .sp_pl70 {
    padding-left: 70px !important;
  }
  .sp_pl80 {
    padding-left: 80px !important;
  }
  .sp_pl90 {
    padding-left: 90px !important;
  }
  .sp_pl100 {
    padding-left: 100px !important;
  }
  .sp_pl150 {
    padding-left: 150px !important;
  }
  .sp_wp39 {
    width: 39%;
  }
  .sp_wp40 {
    width: 40%;
  }
  .sp_wp70 {
    width: 70%;
  }
  .top .circle {
    position: absolute;
    right: 20px;
    top: 100px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#2b347a,#427acf);
    color: #fff;
    text-align: center;
    line-height: 1.5;
	}
	.top .circle.left{
		left: 20px;
	}
	.top .circle p,
	.top .circle h1 {
    font-size: 24px;
  }
  .top .circle p span,
	.top .circle h1 span {
  	display: block;
    font-size: 10px;
    line-height: 1.25;
	}
  .smv1 .top {
    background-image: url(images/serface-hed-sp.png);
  }
  .dmv1 .top {
    background-image: url(images/development-mv-sp.png);
  }
  .fmv1 .top {
    background-image: url(images/field-mv-sp.png);
  }
  .dmv2 .top {
    background-image: url(images/design-mv-sp.png);
  }
  .emv1 .top {
    background-image: url(images/serface-hed-sp.png);
  }
  .amv1 .top {
    background-image: url(images/account-mv-pc.png);
  }
  
  /* 
  .smv1 .top {
    background-image: url(images/serface-hed-sp.png);
    background-position-x: right; } 
  .dmv1 .top {
    background-image: url(images/development-mv-sp.png);
    background-position-x: left;  }
  .fmv1 .top {
    background-image: url(images/field-mv-sp.png); 
    background-position-x: left; }
  .dmv2 .top {
    background-image: url(images/design-mv-sp.png); 
    background-position-x: left; }      
  .emv1 .top {
    background-image: url(images/serface-hed-sp.png); 
    background-position-x: right; }
  .amv1 .top {
    background-image: url(images/account-mv-pc.png);
    background-position-x: right;  }  
   */     

  /* recruitment */
  .recruitment01 .top1 {
    background-image: url(images/recruit_top_msg.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -10px;
  }
  .recruitment01 .top3 {
    background-image: url(images/recruit_top_bg2.png);
    background-repeat: no-repeat;
  }
  .recruitment01 .top3 .content__size {
    padding: 70px 0;
  }
  .recruitment01 .top1 .content__size {
    width: 90%;
    margin: 0 auto;
    padding: 45px 0 60px;
    max-width: 1100px;
  }
  .recruitment01 .ttl_area .ttl_area_1 {
    font-size: 40px;
    border-bottom: 1px solid #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
    color: #ffffff;
  }
  .recruitment01 .ttl_area .ttl_area_2 {
    font-size: 18px;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
    color: #ffffff;
  }
  .recruitment01 .txt_area .txt_area_1 {
    font-size: 25px;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
    color: #ffffff;
  }
  .recruitment01 .top2 {
    background-image: url(images/recruit_top_bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding-top: 30px;
  }
  .recruitment01 .second__grid li {
    width: calc(100% / 3);
    background-color: #fff;
    border: 0px solid;
    border-image: linear-gradient(180deg, #4076c9, #2a3277);
    border-image-slice: 1;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .recruitment01 .second__grid2 li {
    width: calc(100% / 2)!important;
  }
  .recruitment01 .second__grid3 li.cya {
    width: calc(100% / 2)!important;
    background-image: url(images/recruit_top_cayaonx.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: unset;
  }
  .top2a {
    background-color: unset!important;
  }

  /* surfacetreatmentsales */
  .surface .second {
    background-image: url(images/surface_second_bg.jpg);
  }
  .surface .top .ttl_area {
    background-color: rgba(255,255,255,0.8)!important;
    margin-top: 230px;
  }
  p.qa-q {
    margin-left: 50px;
  }
  p.qa-q span {
    display: block;
    padding: 0px 10px;
    color: #000000;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.2px !important;
  }
  p.qa-q span:before {
    background: url(images/qa-qq.png) 0 0 no-repeat;
    -webkit-background-size: 40px 40px;
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-left: 15px;
    position: relative;
    top: 19px;
    margin: 0 9px 0 -60px;
    padding: 0.2em 0.4em;
  }
  p.qa-a {
    margin-left: 50px;
  }
  p.qa-a span {
    display: block;
    padding: 10px 0px 10px 10px;
    color: #000000;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.2px !important;
  }
  p.qa-a span:before {
    background: url(images/qa-aa.png) 0 0 no-repeat;
    -webkit-background-size: 40px 40px;
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    padding-left: 15px;
    position: relative;
    top: 19px;
    margin: 0 9px 0 -60px;
    padding: 0.2em 0.4em;
  }
  p.cmt {
    margin-left: 7px;
  }
  p.cmt span {
    display: block;
    padding: 10px 0px 10px 10px;
    color: #000000;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 0.1px !important;
  }
  p.cmt span:before {
    content: "▲";
    display: inline-block;
    width: 3px;
    height: 10px;
    padding-left: 15px;
    position: relative;
    top: 1px;
    margin: 0 9px 0 -23px;
    padding: 0.2em 0.4em;
  }
  .page_hed1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(images/recruit_bo_bg1.png);
  }
  .business .cya1 .second__grid li div {
    text-align: center;
    height: 150px;
    width: 100%;
  }
  .cabo .overview__table tr td {
    width: calc(100% - 200px);
    font-size: 14px;
    background-color: #d6e6f5;
    border-top: 3px solid #ffffff;
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    /*border-bottm: 3px solid #ffffff;*/
    text-align: center;
    padding: 3px 0px 3px 7px;
		vertical-align: middle;
  }
  .cabo .overview__table tr td span {
    text-align: center;
    background-color: #2a3277;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 5px 3px 5px;
    border-radius: 10px;
  }
  .recruitment01 .top2a {
    background-image: url(images/recruit_top_bg2.png)!important;
  }
  .recruitment01 .top2b {
    background-image: url(images/recruit_top_bg3.png)!important;
  }
}

/* tablet */
@media only screen and (min-width: 601px) and (max-width: 960px) {
	.sp_dis-n {
		display: none !important;
	}
	.tb_dis-nu {
		display: unset !important;
	}
	.ml50-ca-new {
		margin-left: 0px !important;
	}
	/* height */
	
	.hei-46 {
		height: 46px!important;
	}
	.hei-50 {
		height: 50px!important;
	}
	.hei-300 {
		height: 300px!important;
	}
	.hei-380-pc {
		height: 380px!important;
	}
	/* font-size */
	.fz8 {
		font-size: 8px !important;
	}
	.fz10 {
		font-size: 10px !important;
	}
	.fz11 {
		font-size: 11px !important;
	}
	.fz12 {
		font-size: 12px !important;
	}
	.fz13 {
		font-size: 13px !important;
	}
	.fz14 {
		font-size: 14px !important;
	}
	.fz15 {
		font-size: 15px !important;
	}
	.fz16 {
		font-size: 16px !important;
	}
	.fz17 {
		font-size: 17px !important;
	}
	.fz18 {
		font-size: 18px !important;
	}
	.fz19 {
		font-size: 19px !important;
	}
	.fz20 {
		font-size: 20px !important;
	}
	.fz22 {
		font-size: 22px !important;
	}
	.fz24 {
		font-size: 24px !important;
	}
	.fz30 {
		font-size: 30px !important;
	}
	.fz35 {
		font-size: 35px !important;
	}
	.fz37 {
		font-size: 37px !important;
	}
	.fz38 {
		font-size: 38px !important;
	}
	.fz40 {
		font-size: 40px !important;
	}
	/* font-weight */
	.fw-n {
		font-weight: normal !important;
	}
	.fw-b {
		font-weight: bold !important;
	}
	.fw-300 {
		font-weight: 300 !important;
	}
	.fw-400 {
		font-weight: 400 !important;
	}
	.fw-500 {
		font-weight: 500 !important;
	}
	.fw-600 {
		font-weight: 600 !important;
	}
	.fw-700 {
		font-weight: 700 !important;
	}
	.fw-800 {
		font-weight: 800 !important;
	}
	.fw-900 {
		font-weight: 900 !important;
	}
	/* letter-spacing */
	.lts-05 {
		letter-spacing: -0.5 !important;
	}
	.lts00 {
		letter-spacing: 0 !important;
	}
	.lts02 {
		letter-spacing: 0.2px !important;
	}
	.lts04 {
		letter-spacing: 0.4px !important;
	}
	.lts06 {
		letter-spacing: 0.6px !important;
	}
	.lts08 {
		letter-spacing: 0.8px !important;
	}
	.lts10 {
		letter-spacing: 1px !important;
	}
	.lts12 {
		letter-spacing: 1.2px !important;
	}
	.lts14 {
		letter-spacing: 1.4px !important;
	}
	.lts16 {
		letter-spacing: 1.6px !important;
	}
	.lts18 {
		letter-spacing: 1.8px !important;
	}
	.lts20 {
		letter-spacing: 2px !important;
	}
	/* line-height */
	.lh00 {
		line-height: 0 !important;
	}
	.lh10 {
		line-height: 1 !important;
	}
	.lh12 {
		line-height: 1.2 !important;
	}
	.lh14 {
		line-height: 1.4 !important;
	}
	.lh16 {
		line-height: 1.6 !important;
	}
	.lh18 {
		line-height: 1.8 !important;
	}
	.lh20 {
		line-height: 2 !important;
	}
	/* margin-top */
	.mt-11 {
		margin-top: -11px !important;
	}
	.mt-25 {
		margin-top: -25px !important;
	}
	.mt-50 {
		margin-top: -50px !important;
	}
	.mt00 {
		margin-top: 0 !important;
	}
	.mt05 {
		margin-top: 5px !important;
	}
	.mt10 {
		margin-top: 10px !important;
	}
	.mt15 {
		margin-top: 15px !important;
	}
	.mt20 {
		margin-top: 20px !important;
	}
	.mt25 {
		margin-top: 25px !important;
	}
	.mt30 {
		margin-top: 30px !important;
	}
	.mt35 {
		margin-top: 35px !important;
	}
	.mt40 {
		margin-top: 40px !important;
	}
	.mt45 {
		margin-top: 45px !important;
	}
	.mt50 {
		margin-top: 50px !important;
	}
	.mt55 {
		margin-top: 55px !important;
	}
	.mt60 {
		margin-top: 60px !important;
	}
	.mt70 {
		margin-top: 70px !important;
	}
	.mt80 {
		margin-top: 80px !important;
	}
	.mt90 {
		margin-top: 90px !important;
	}
	.mt100 {
		margin-top: 100px !important;
	}
	.mt150 {
		margin-top: 150px !important;
	}
	/* margin-right */
	.mr00 {
		margin-right: 0 !important;
	}
	.mr05 {
		margin-right: 5px !important;
	}
	.mr10 {
		margin-right: 10px !important;
	}
	.mr15 {
		margin-right: 15px !important;
	}
	.mr20 {
		margin-right: 20px !important;
	}
	.mr25 {
		margin-right: 25px !important;
	}
	.mr30 {
		margin-right: 30px !important;
	}
	.mr35 {
		margin-right: 35px !important;
	}
	.mr40 {
		margin-right: 40px !important;
	}
	.mr45 {
		margin-right: 45px !important;
	}
	.mr50 {
		margin-right: 50px !important;
	}
	.mr55 {
		margin-right: 55px !important;
	}
	.mr60 {
		margin-right: 60px !important;
	}
	.mr70 {
		margin-right: 70px !important;
	}
	.mr80 {
		margin-right: 80px !important;
	}
	.mr90 {
		margin-right: 90px !important;
	}
	.mr100 {
		margin-right: 100px !important;
	}
	.mr150 {
		margin-right: 150px !important;
	}
	/* margin-bottom */
	.mb-60 {
		margin-bottom: -60px !important;
	}
	.mb00 {
		margin-bottom: 0 !important;
	}
	.mb05 {
		margin-bottom: 5px !important;
	}
	.mb10 {
		margin-bottom: 10px !important;
	}
	.mb15 {
		margin-bottom: 15px !important;
	}
	.mb20 {
		margin-bottom: 20px !important;
	}
	.mb25 {
		margin-bottom: 25px !important;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.mb35 {
		margin-bottom: 35px !important;
	}
	.mb40 {
		margin-bottom: 40px !important;
	}
	.mb45 {
		margin-bottom: 45px !important;
	}
	.mb50 {
		margin-bottom: 50px !important;
	}
	.mb55 {
		margin-bottom: 55px !important;
	}
	.mb60 {
		margin-bottom: 60px !important;
	}
	.mb70 {
		margin-bottom: 70px !important;
	}
	.mb80 {
		margin-bottom: 80px !important;
	}
	.mb90 {
		margin-bottom: 90px !important;
	}
	.mb100 {
		margin-bottom: 100px !important;
	}
	.mb150 {
		margin-bottom: 150px !important;
	}
	/* margin-left */
	.ml00 {
		margin-left: 0 !important;
	}
	.ml05 {
		margin-left: 5px !important;
	}
	.ml10 {
		margin-left: 10px !important;
	}
	.ml15 {
		margin-left: 15px !important;
	}
	.ml20 {
		margin-left: 20px !important;
	}
	.ml25 {
		margin-left: 25px !important;
	}
	.ml30 {
		margin-left: 30px !important;
	}
	.ml35 {
		margin-left: 35px !important;
	}
	.ml40 {
		margin-left: 40px !important;
	}
	.ml43 {
		margin-left: 43px !important;
	}
	.ml45 {
		margin-left: 45px !important;
	}
	.ml50 {
		margin-left: 50px !important;
	}
	.ml55 {
		margin-left: 55px !important;
	}
	.ml60 {
		margin-left: 60px !important;
	}
	.ml70 {
		margin-left: 70px !important;
	}
	.ml80 {
		margin-left: 80px !important;
	}
	.ml90 {
		margin-left: 90px !important;
	}
	.ml100 {
		margin-left: 100px !important;
	}
	.ml150 {
		margin-left: 150px !important;
	}
	/* padding-top */
	.pt00 {
		padding-top: 0 !important;
	}
	.pt03 {
		padding-top: 3px !important;
	}
	.pt05 {
		padding-top: 5px !important;
	}
	.pt08 {
		padding-top: 8px !important;
	}
	.pt09 {
		padding-top: 9px !important;
	}
	.pt10 {
		padding-top: 10px !important;
	}
	.pt15 {
		padding-top: 15px !important;
	}
	.pt20 {
		padding-top: 20px !important;
	}
	.pt25 {
		padding-top: 25px !important;
	}
	.pt30 {
		padding-top: 30px !important;
	}
	.pt35 {
		padding-top: 35px !important;
	}
	.pt40 {
		padding-top: 40px !important;
	}
	.pt45 {
		padding-top: 45px !important;
	}
	.pt50 {
		padding-top: 50px !important;
	}
	.pt55 {
		padding-top: 55px !important;
	}
	.pt60 {
		padding-top: 60px !important;
	}
	.pt70 {
		padding-top: 70px !important;
	}
	.pt80 {
		padding-top: 80px !important;
	}
	.pt90 {
		padding-top: 90px !important;
	}
	.pt100 {
		padding-top: 100px !important;
	}
	.pt150 {
		padding-top: 150px !important;
	}
	.pt250 {
		padding-top: 250px !important;
	}
	.pt260 {
		padding-top: 260px !important;
	}
	.pt270 {
		padding-top: 270px !important;
	}
	.pt280 {
		padding-top: 280px !important;
	}
	.pt300 {
		padding-top: 300px !important;
	}
	/* padding-right */
	.pr00 {
		padding-right: 0 !important;
	}
	.pr05 {
		padding-right: 5px !important;
	}
	.pr10 {
		padding-right: 10px !important;
	}
	.pr15 {
		padding-right: 15px !important;
	}
	.pr17 {
		padding-right: 17px !important;
	}
	.pr20 {
		padding-right: 20px !important;
	}
	.pr25 {
		padding-right: 25px !important;
	}
	.pr30 {
		padding-right: 30px !important;
	}
	.pr35 {
		padding-right: 35px !important;
	}
	.pr40 {
		padding-right: 40px !important;
	}
	.pr45 {
		padding-right: 45px !important;
	}
	.pr50 {
		padding-right: 50px !important;
	}
	.pr55 {
		padding-right: 55px !important;
	}
	.pr60 {
		padding-right: 60px !important;
	}
	.pr70 {
		padding-right: 70px !important;
	}
	.pr80 {
		padding-right: 80px !important;
	}
	.pr90 {
		padding-right: 90px !important;
	}
	.pr100 {
		padding-right: 100px !important;
	}
	.pr150 {
		padding-right: 150px !important;
	}
	/* padding-bottom */
	.pb00 {
		padding-bottom: 0 !important;
	}
	.pb05 {
		padding-bottom: 5px !important;
	}
	.pb08 {
		padding-bottom: 8px !important;
	}
	.pb09 {
		padding-bottom: 9px !important;
	}
	.pb10 {
		padding-bottom: 10px !important;
	}
	.pb13 {
		padding-bottom: 13px !important;
	}
	.pb15 {
		padding-bottom: 15px !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}

	.pb25 {
		padding-bottom: 25px !important;
	}
	.pb30 {
		padding-bottom: 30px !important;
	}
	.pb35 {
		padding-bottom: 35px !important;
	}
	.pb40 {
		padding-bottom: 40px !important;
	}
	.pb45 {
		padding-bottom: 45px !important;
	}
	.pb50 {
		padding-bottom: 50px !important;
	}
	.pb55 {
		padding-bottom: 55px !important;
	}
	.pb60 {
		padding-bottom: 60px !important;
	}
	.pb70 {
		padding-bottom: 70px !important;
	}
	.pb80 {
		padding-bottom: 80px !important;
	}
	.pb90 {
		padding-bottom: 90px !important;
	}
	.pb100 {
		padding-bottom: 100px !important;
	}
	.pb150 {
		padding-bottom: 150px !important;
	}
	/* padding-left */
	.pl00 {
		padding-left: 0 !important;
	}
	.pl05 {
		padding-left: 5px !important;
	}
	.pl10 {
		padding-left: 10px !important;
	}
	.pl15 {
		padding-left: 15px !important;
	}
	.pl17 {
		padding-left: 17px !important;
	}
	.pl20 {
		padding-left: 20px !important;
	}
	.pl25 {
		padding-left: 25px !important;
	}
	.pl30 {
		padding-left: 30px !important;
	}
	.pl35 {
		padding-left: 35px !important;
	}
	.pl40 {
		padding-left: 40px !important;
	}
	.pl45 {
		padding-left: 45px !important;
	}
	.pl50 {
		padding-left: 50px !important;
	}
	.pl55 {
		padding-left: 55px !important;
	}
	.pl60 {
		padding-left: 60px !important;
	}
	.pl70 {
		padding-left: 70px !important;
	}
	.pl80 {
		padding-left: 80px !important;
	}
	.pl90 {
		padding-left: 90px !important;
	}
	.pl100 {
		padding-left: 100px !important;
	}
	.pl150 {
		padding-left: 150px !important;
	}
	.wp39 {
		width: 100%;
	}
	.wp40 {
		width: 40%;
	}
	/*
	.smv1 .top {
		background-image: url(images/serface-hed.png); }
	.dmv1 .top {
		background-image: url(images/development-mv.png); }
	.fmv1 .top {
		background-image: url(images/field-mv.png); }
	.dmv2 .top {
		background-image: url(images/design-mv.png); }      
	.emv1 .top {
		background-image: url(images/serface-hed-sp.png); }
	.amv1 .top {
		background-image: url(images/account-mv.png); }  
		*/
	.top .circle {
		position: absolute;
		right: 20px;
		top: 100px;
		width: 150px;
		height: 150px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(#2b347a,#427acf);
		color: #fff;
		text-align: center;
		line-height: 1.5;
	}
		.top .circle.left{
			left: 20px;
		}
	.top .circle p,
	.top .circle h1{
		font-size: 24px;
	}
	.top .circle p span,
	.top .circle h1 span{
		display: block;
		font-size: 10px;
		line-height: 1.25;
	}
	.smv1 .top {
		background-image: url(images/serface-hed-sp.png);
	}
	.dmv1 .top {
		background-image: url(images/development-mv-sp.png);
	}
	.fmv1 .top {
		background-image: url(images/field-mv-sp.png);
	}
	.dmv2 .top {
		background-image: url(images/design-mv-sp.png);
	}
	.emv1 .top {
		background-image: url(images/serface-hed-sp.png);
	}
	.amv1 .top {
		background-image: url(images/account-mv-pc.png);
	}
	/* recruitment */
	.recruitment01 .top1 {
		background-image: url(images/recruit_top_msg.png);
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: -10px;
	}
	.recruitment01 .top3 {
		background-image: url(images/recruit_top_bg2.png);
		background-repeat: no-repeat;
	}
	.recruitment01 .top3 .content__size {
		padding: 70px 0;
	}
	.recruitment01 .top1 .content__size {
		width: 90%;
		margin: 0 auto;
		padding: 45px 0 60px;
		max-width: 1100px;
	}
	.recruitment01 .ttl_area .ttl_area_1 {
		font-size: 40px;
		border-bottom: 1px solid #ffffff;
		display: inline-block;
		font-weight: bold;
		line-height: 1.3;
		color: #ffffff;
	}
	.recruitment01 .ttl_area .ttl_area_2 {
		font-size: 18px;
		display: inline-block;
		font-weight: bold;
		line-height: 1.3;
		color: #ffffff;
	}
	.recruitment01 .txt_area .txt_area_1 {
		font-size: 25px;
		display: inline-block;
		font-weight: bold;
		line-height: 1.3;
		color: #ffffff;
	}
	.recruitment01 .top2 {
		background-image: url(images/recruit_top_bg1.png);
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 10px;
		padding-top: 30px;
	}
	.recruitment01 .second__grid li {
		width: calc(100% / 2);
		background-color: #fff;
		border: 0px solid;
		border-image: linear-gradient(180deg, #4076c9, #2a3277);
		border-image-slice: 1;
		padding: 10px;
		display: unset;
		flex-wrap: wrap;
		align-items: center;
	}
	.recruitment01 .second__grid2 li {
		width: calc(100% / 2)!important;
	}
	.recruitment01 .second__grid3 li.cya {
		width: calc(100% / 2)!important;
		background-image: url(images/recruit_top_cayaonx.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-color: unset;
	}
	.top2a {
		background-color: unset!important;
	}
	/* surfacetreatmentsales */                   

	.surface .second {
		background-image: url(images/surface_second_bg.jpg);
	}
	.surface .top .ttl_area {
		background-color: rgba(255,255,255,0.8)!important;
		margin-top: 110px;
		margin-bottom: 0;
	}
	p.qa-q {
		margin-left: 50px;
	}
	p.qa-q span {
		display: block;
		padding: 0px 10px;
		color: #000000;
		font-size: 15px;
		line-height: 1.7;
		letter-spacing: 0.2px !important;
	}
	p.qa-q span:before {
		background: url(images/qa-qq.png) 0 0 no-repeat;
		-webkit-background-size: 40px 40px;
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		padding-left: 15px;
		position: relative;
		top: 19px;
		margin: 0 9px 0 -60px;
		padding: 0.2em 0.4em;
	}
	p.qa-a {
		margin-left: 50px;
	}
	p.qa-a span {
		display: block;
		padding: 10px 0px 10px 10px;
		color: #000000;
		font-size: 15px;
		line-height: 1.7;
		letter-spacing: 0.2px !important;
	}
	p.qa-a span:before {
		background: url(images/qa-aa.png) 0 0 no-repeat;
		-webkit-background-size: 40px 40px;
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		padding-left: 15px;
		position: relative;
		top: 19px;
		margin: 0 9px 0 -60px;
		padding: 0.2em 0.4em;
	}
	p.cmt {
		margin-left: 7px;
	}
	p.cmt span {
		display: block;
		padding: 10px 0px 10px 10px;
		color: #000000;
		font-size: 13px;
		line-height: 1.7;
		letter-spacing: 0.1px !important;
	}
	p.cmt span:before {
		content: "▲";
		display: inline-block;
		width: 3px;
		height: 10px;
		padding-left: 15px;
		position: relative;
		top: 1px;
		margin: 0 9px 0 -23px;
		padding: 0.2em 0.4em;
	}
	.page_hed1 {
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(images/recruit_bo_bg1.png);
	}
	.business .cya1 .second__grid li div {
		text-align: center;
		height: auto;
		width: 100%;
	}
	.cabo .overview__table tr td {
		width: calc(100% - 200px);
		font-size: 14px;
		background-color: #d6e6f5;
		border-top: 3px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
		/*border-bottm: 3px solid #ffffff;*/
		text-align: left;
		padding: 3px 0px 3px 7px;
		vertical-align: middle;
	}
	.cabo .overview__table tr td span {
		text-align: center;
		background-color: #2a3277;
		color: #ffffff;
		font-size: 12px;
		padding: 3px 5px 3px 5px;
		border-radius: 10px;
	}
	.business .second__grid {
		display: flex !important;
	}
	.recruitment01 .top2a {
		background-image: url(images/recruit_top_bg2.png)!important;
	}
	.recruitment01 .top2b {
		background-image: url(images/recruit_top_bg3.png)!important;
	}
	.recruitment01 .top3 {
		background-image: url(images/recruit_top_bg4.png);
		background-repeat: no-repeat;
		background-size: cover;
	}
	.recruitment01 .top3 .content__size {
		padding: 70px 0;
	}
}

/* pc */
@media only screen and (min-width: 961px) and (max-width: 50000px) {
	.ff-yugo {
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif!important;
	}
	.pc_dis-n {
		display: none !important;
	}
	.ml50-ca-new {
		margin-left: 50px !important;
	}
	/* height */
	
	.hei-46 {
		height: 46px!important;
	}
	.hei-50 {
		height: 50px!important;
	}
	.hei-300 {
		height: 300px!important;
	}
	.hei-380-pc {
		height: 380px!important;
	}
	/* font-size */
	.fz8 {
		font-size: 8px !important;
	}
	.fz10 {
		font-size: 10px !important;
	}
	.fz11 {
		font-size: 11px !important;
	}
	.fz12 {
		font-size: 12px !important;
	}
	.fz13 {
		font-size: 13px !important;
	}
	.fz14 {
		font-size: 14px !important;
	}
	.fz15 {
		font-size: 15px !important;
	}
	.fz16 {
		font-size: 16px !important;
	}
	.fz17 {
		font-size: 17px !important;
	}
	.fz18 {
		font-size: 18px !important;
	}
	.fz19 {
		font-size: 19px !important;
	}
	.fz20 {
		font-size: 20px !important;
	}
	.fz22 {
		font-size: 22px !important;
	}
	.fz24 {
		font-size: 24px !important;
	}
	.fz30 {
		font-size: 30px !important;
	}
	.fz35 {
		font-size: 35px !important;
	}
	.fz37 {
		font-size: 37px !important;
	}
	.fz38 {
		font-size: 38px !important;
	}
	.fz40 {
		font-size: 40px !important;
	}
	/* font-weight */
	.fw-n {
		font-weight: normal !important;
	}
	.fw-b {
		font-weight: bold !important;
	}
	.fw-300 {
		font-weight: 300 !important;
	}
	.fw-400 {
		font-weight: 400 !important;
	}
	.fw-500 {
		font-weight: 500 !important;
	}
	.fw-600 {
		font-weight: 600 !important;
	}
	.fw-700 {
		font-weight: 700 !important;
	}
	.fw-800 {
		font-weight: 800 !important;
	}
	.fw-900 {
		font-weight: 900 !important;
	}
	/* letter-spacing */
	.lts-05 {
		letter-spacing: -0.5 !important;
	}
	.lts00 {
		letter-spacing: 0 !important;
	}
	.lts02 {
		letter-spacing: 0.2px !important;
	}
	.lts04 {
		letter-spacing: 0.4px !important;
	}
	.lts06 {
		letter-spacing: 0.6px !important;
	}
	.lts08 {
		letter-spacing: 0.8px !important;
	}
	.lts10 {
		letter-spacing: 1px !important;
	}
	.lts12 {
		letter-spacing: 1.2px !important;
	}
	.lts14 {
		letter-spacing: 1.4px !important;
	}
	.lts16 {
		letter-spacing: 1.6px !important;
	}
	.lts18 {
		letter-spacing: 1.8px !important;
	}
	.lts20 {
		letter-spacing: 2px !important;
	}
	/* line-height */
	.lh00 {
		line-height: 0 !important;
	}
	.lh10 {
		line-height: 1 !important;
	}
	.lh12 {
		line-height: 1.2 !important;
	}
	.lh14 {
		line-height: 1.4 !important;
	}
	.lh16 {
		line-height: 1.6 !important;
	}
	.lh18 {
		line-height: 1.8 !important;
	}
	.lh20 {
		line-height: 2 !important;
	}
	/* margin-top */
	.mt-per {
		margin-top: -8% !important;
	}
	.mt-11 {
		margin-top: -11px !important;
	}
	.mt-15 {
		margin-top: -15px !important;
	}
	.mt-25 {
		margin-top: -25px !important;
	}
	.mt-40 {
		margin-top: -40px !important;
	}
	.mt-50 {
		margin-top: -50px !important;
	}
	.mt-150 {
		margin-top: -150px !important;
	}
	.mt00 {
		margin-top: 0 !important;
	}
	.mt05 {
		margin-top: 5px !important;
	}
	.mt10 {
		margin-top: 10px !important;
	}
	.mt15 {
		margin-top: 15px !important;
	}
	.mt20 {
		margin-top: 20px !important;
	}
	.mt25 {
		margin-top: 25px !important;
	}
	.mt30 {
		margin-top: 30px !important;
	}
	.mt35 {
		margin-top: 35px !important;
	}
	.mt40 {
		margin-top: 40px !important;
	}
	.mt45 {
		margin-top: 45px !important;
	}
	.mt50 {
		margin-top: 50px !important;
	}
	.mt55 {
		margin-top: 55px !important;
	}
	.mt60 {
		margin-top: 60px !important;
	}
	.mt70 {
		margin-top: 70px !important;
	}
	.mt80 {
		margin-top: 80px !important;
	}
	.mt90 {
		margin-top: 90px !important;
	}
	.mt100 {
		margin-top: 100px !important;
	}
	.mt150 {
		margin-top: 150px !important;
	}
	/* margin-right */
	.mr00 {
		margin-right: 0 !important;
	}
	.mr05 {
		margin-right: 5px !important;
	}
	.mr10 {
		margin-right: 10px !important;
	}
	.mr15 {
		margin-right: 15px !important;
	}
	.mr20 {
		margin-right: 20px !important;
	}
	.mr25 {
		margin-right: 25px !important;
	}
	.mr30 {
		margin-right: 30px !important;
	}
	.mr35 {
		margin-right: 35px !important;
	}
	.mr40 {
		margin-right: 40px !important;
	}
	.mr45 {
		margin-right: 45px !important;
	}
	.mr50 {
		margin-right: 50px !important;
	}
	.mr55 {
		margin-right: 55px !important;
	}
	.mr60 {
		margin-right: 60px !important;
	}
	.mr70 {
		margin-right: 70px !important;
	}
	.mr80 {
		margin-right: 80px !important;
	}
	.mr90 {
		margin-right: 90px !important;
	}
	.mr100 {
		margin-right: 100px !important;
	}
	.mr150 {
		margin-right: 150px !important;
	}
	/* margin-bottom */
	.mb-60 {
		margin-bottom: -60px !important;
	}
	.mb00 {
		margin-bottom: 0 !important;
	}
	.mb05 {
		margin-bottom: 5px !important;
	}
	.mb10 {
		margin-bottom: 10px !important;
	}
	.mb15 {
		margin-bottom: 15px !important;
	}
	.mb20 {
		margin-bottom: 20px !important;
	}
	.mb25 {
		margin-bottom: 25px !important;
	}
	.mb30 {
		margin-bottom: 30px !important;
	}
	.mb35 {
		margin-bottom: 35px !important;
	}
	.mb40 {
		margin-bottom: 40px !important;
	}
	.mb45 {
		margin-bottom: 45px !important;
	}
	.mb50 {
		margin-bottom: 50px !important;
	}
	.mb55 {
		margin-bottom: 55px !important;
	}
	.mb60 {
		margin-bottom: 60px !important;
	}
	.mb70 {
		margin-bottom: 70px !important;
	}
	.mb80 {
		margin-bottom: 80px !important;
	}
	.mb90 {
		margin-bottom: 90px !important;
	}
	.mb100 {
		margin-bottom: 100px !important;
	}
	.mb150 {
		margin-bottom: 150px !important;
	}
	/* margin-left */
	.ml00 {
		margin-left: 0 !important;
	}
	.ml05 {
		margin-left: 5px !important;
	}
	.ml10 {
		margin-left: 10px !important;
	}
	.ml15 {
		margin-left: 15px !important;
	}
	.ml20 {
		margin-left: 20px !important;
	}
	.ml25 {
		margin-left: 25px !important;
	}
	.ml30 {
		margin-left: 30px !important;
	}
	.ml35 {
		margin-left: 35px !important;
	}
	.ml40 {
		margin-left: 40px !important;
	}
	.ml43 {
		margin-left: 43px !important;
	}
	.ml45 {
		margin-left: 45px !important;
	}
	.ml50 {
		margin-left: 50px !important;
	}
	.ml55 {
		margin-left: 55px !important;
	}
	.ml60 {
		margin-left: 60px !important;
	}
	.ml70 {
		margin-left: 70px !important;
	}
	.ml80 {
		margin-left: 80px !important;
	}
	.ml90 {
		margin-left: 90px !important;
	}
	.ml100 {
		margin-left: 100px !important;
	}
	.ml150 {
		margin-left: 150px !important;
	}
	/* padding-top */
	.pt00 {
		padding-top: 0 !important;
	}
	.pt03 {
		padding-top: 3px !important;
	}
	.pt05 {
		padding-top: 5px !important;
	}
	.pt08 {
		padding-top: 8px !important;
	}
	.pt09 {
		padding-top: 9px !important;
	}
	.pt10 {
		padding-top: 10px !important;
	}
	.pt15 {
		padding-top: 15px !important;
	}
	.pt20 {
		padding-top: 20px !important;
	}
	.pt25 {
		padding-top: 25px !important;
	}
	.pt30 {
		padding-top: 30px !important;
	}
	.pt35 {
		padding-top: 35px !important;
	}
	.pt40 {
		padding-top: 40px !important;
	}
	.pt45 {
		padding-top: 45px !important;
	}
	.pt50 {
		padding-top: 50px !important;
	}
	.pt55 {
		padding-top: 55px !important;
	}
	.pt60 {
		padding-top: 60px !important;
	}
	.pt70 {
		padding-top: 70px !important;
	}
	.pt80 {
		padding-top: 80px !important;
	}
	.pt90 {
		padding-top: 90px !important;
	}
	.pt100 {
		padding-top: 100px !important;
	}
	.pt150 {
		padding-top: 150px !important;
	}
	.pt180 {
		padding-top: 180px !important;
	}
	.pt250 {
		padding-top: 250px !important;
	}
	.pt260 {
		padding-top: 260px !important;
	}
	.pt270 {
		padding-top: 270px !important;
	}
	.pt280 {
		padding-top: 280px !important;
	}
	.pt300 {
		padding-top: 300px !important;
	}
	/* padding-right */
	.pr00 {
		padding-right: 0 !important;
	}
	.pr05 {
		padding-right: 5px !important;
	}
	.pr10 {
		padding-right: 10px !important;
	}
	.pr15 {
		padding-right: 15px !important;
	}
	.pr17 {
		padding-right: 17px !important;
	}
	.pr20 {
		padding-right: 20px !important;
	}
	.pr25 {
		padding-right: 25px !important;
	}
	.pr30 {
		padding-right: 30px !important;
	}
	.pr35 {
		padding-right: 35px !important;
	}
	.pr40 {
		padding-right: 40px !important;
	}
	.pr45 {
		padding-right: 45px !important;
	}
	.pr50 {
		padding-right: 50px !important;
	}
	.pr55 {
		padding-right: 55px !important;
	}
	.pr60 {
		padding-right: 60px !important;
	}
	.pr70 {
		padding-right: 70px !important;
	}
	.pr80 {
		padding-right: 80px !important;
	}
	.pr90 {
		padding-right: 90px !important;
	}
	.pr100 {
		padding-right: 100px !important;
	}
	.pr150 {
		padding-right: 150px !important;
	}
	/* padding-bottom */
	.pb00 {
		padding-bottom: 0 !important;
	}
	.pb05 {
		padding-bottom: 5px !important;
	}
	.pb08 {
		padding-bottom: 8px !important;
	}
	.pb09 {
		padding-bottom: 9px !important;
	}
	.pb10 {
		padding-bottom: 10px !important;
	}
	.pb13 {
		padding-bottom: 13px !important;
	}
	.pb15 {
		padding-bottom: 15px !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}
	.pb25 {
		padding-bottom: 25px !important;
	}
	.pb30 {
		padding-bottom: 30px !important;
	}
	.pb35 {
		padding-bottom: 35px !important;
	}
	.pb40 {
		padding-bottom: 40px !important;
	}
	.pb45 {
		padding-bottom: 45px !important;
	}
	.pb50 {
		padding-bottom: 50px !important;
	}
	.pb55 {
		padding-bottom: 55px !important;
	}
	.pb60 {
		padding-bottom: 60px !important;
	}
	.pb70 {
		padding-bottom: 70px !important;
	}
	.pb80 {
		padding-bottom: 80px !important;
	}
	.pb90 {
		padding-bottom: 90px !important;
	}
	.pb100 {
		padding-bottom: 100px !important;
	}
	.pb150 {
		padding-bottom: 150px !important;
	}
	/* padding-left */
	.pl00 {
		padding-left: 0 !important;
	}
	.pl05 {
		padding-left: 5px !important;
	}
	.pl10 {
		padding-left: 10px !important;
	}
	.pl15 {
		padding-left: 15px !important;
	}
	.pl17 {
		padding-left: 17px !important;
	}
	.pl20 {
		padding-left: 20px !important;
	}
	.pl25 {
		padding-left: 25px !important;
	}
	.pl30 {
		padding-left: 30px !important;
	}
	.pl35 {
		padding-left: 35px !important;
	}
	.pl40 {
		padding-left: 40px !important;
	}
	.pl45 {
		padding-left: 45px !important;
	}
	.pl50 {
		padding-left: 50px !important;
	}
	.pl55 {
		padding-left: 55px !important;
	}
	.pl60 {
		padding-left: 60px !important;
	}
	.pl70 {
		padding-left: 70px !important;
	}
	.pl80 {
		padding-left: 80px !important;
	}
	.pl90 {
		padding-left: 90px !important;
	}
	.pl100 {
		padding-left: 100px !important;
	}
	.pl150 {
		padding-left: 150px !important;
	}
	.wp27 {
		width: 27%!important;
	}
	.wp30 {
		width: 30%!important;
	}
	.wp39 {
		width: 39%;
	}
	.wp40 {
		width: 40%;
	}
	.wp65 {
		width: 65%!important;
	}
	.top .circle {
		position: absolute;
		right: 50px;
		bottom: 50px;
		width: 210px;
		height: 210px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(#2b347a,#427acf);
		color: #fff;
		text-align: center;
		line-height: 1.5;
	}
	.top .circle p,
	.top .circle h1{
		font-size: 30px;
	}
	.top .circle p span,
	.top .circle h1 span{
		display: block;
		font-size: 14px;
		line-height: 1.25;
	}
	.smv1 .top {
		background-image: url(images/serface-hed.png);
		background-size: cover;
		background-position: center 25%;
		position: relative;
	}
	.dmv1 .top {
		background-image: url(images/development-mv.png);
		background-size: cover;
		background-position: top;
		position: relative;
	}
	.fmv1 .top {
		background-image: url(images/field-mv.png);
		background-size: cover;
		background-position: center 15%;
		position: relative;
	}
	.dmv2 .top {
		background-image: url(images/design-mv.png);
		background-size: cover;
		background-position: top;
		position: relative;
	}
	.emv1 .top {
		background-image: url(images/serface-hed-sp.png);
		position: relative;
	}
	.amv1 .top {
		background-image: url(images/account-mv.png);
		background-size: cover;
		background-position: center 15%;
		position: relative;
	}
	/* recruitment */
	.recruitment01 .top1 {
		background-image: url(images/recruit_top_msg.png);
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: -10px;
	}
	.recruitment01 .top3 {
		background-image: url(images/recruit_top_bg4.png);
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 60px !important;
	}
	.recruitment01 .top3 .content__size {
		padding: 70px 0;
	}
	.recruitment01 .top1 .content__size {
		width: 90%;
		margin: 0 auto;
		padding: 45px 0 60px;
		max-width: 1100px;
	}
	.recruitment01 .ttl_area .ttl_area_1 {
		font-size: 40px;
		border-bottom: 1px solid #ffffff;
		display: inline-block;
		font-weight: bold;
		line-height: 1.3;
		color: #ffffff;
	}
	.recruitment01 .ttl_area .ttl_area_2 {
		font-size: 18px;
		display: inline-block;
		font-weight: bold;
		line-height: 1.3;
		color: #ffffff;
	}
	.recruitment01 .txt_area .txt_area_1 {
		font-size: 25px;
		display: inline-block;
		font-weight: bold;
		line-height: 1.3;
		color: #ffffff;
	}
	.recruitment01 .top2 {
		background-image: url(images/recruit_top_bg1.png);
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 10px;
		padding-top: 30px;
	}
	.recruitment01 .top2a {
		background-image: url(images/recruit_top_bg2.png)!important;
	}
	.recruitment01 .top2b {
		background-image: url(images/recruit_top_bg3.png)!important;
	}
	.recruitment01 .second__grid li {
		width: calc(100% / 3);
		background-color: #fff;
		border: 0px solid;
		border-image: linear-gradient(180deg, #4076c9, #2a3277);
		border-image-slice: 1;
		padding: 10px;
		padding-bottom: 20px;
		display: block;
		flex-wrap: wrap;
		align-items: center;
	}
	.recruitment01 .second__grid2 li {
		width: calc(100% / 2)!important;
	}
	.recruitment01 .second__grid3 li.cya {
		width: fit-content;
		background-image: url(images/recruit_top_cayaonx.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-color: unset;
	}
	.top2a {
		background-color: unset!important;
	}
	/* surfacetreatmentsales */                   

	.surface .second {
		background-image: url(images/surface_second_bg.jpg);
	}
	.surface .top .ttl_area {
		background-color: rgba(255,255,255,0.8)!important;
	}
	p.qa-q {
		margin-left: 50px;
	}
	p.qa-q span {
		display: block;
		padding: 0px 10px;
		color: #000000;
		font-size: 15px;
		line-height: 1.7;
		letter-spacing: 0.2px !important;
	}
	p.qa-q span:before {
		background: url(images/qa-qq.png) 0 0 no-repeat;
		-webkit-background-size: 40px 40px;
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		padding-left: 15px;
		position: relative;
		top: 19px;
		margin: 0 9px 0 -60px;
		padding: 0.2em 0.4em;
	}
	p.qa-a {
		margin-left: 50px;
	}
	p.qa-a span {
		display: block;
		padding: 10px 0px 10px 10px;
		color: #000000;
		font-size: 15px;
		line-height: 1.7;
		letter-spacing: 0.2px !important;
	}
	p.qa-a span:before {
		background: url(images/qa-aa.png) 0 0 no-repeat;
		-webkit-background-size: 40px 40px;
		content: "";
		display: inline-block;
		width: 40px;
		height: 40px;
		padding-left: 15px;
		position: relative;
		top: 19px;
		margin: 0 9px 0 -60px;
		padding: 0.2em 0.4em;
	}
	p.cmt {
		margin-left: 7px;
	}
	p.cmt span {
		display: block;
		padding: 10px 0px 10px 10px;
		color: #000000;
		font-size: 13px;
		line-height: 1.7;
		letter-spacing: 0.1px !important;
	}
	p.cmt span:before {
		content: "▲";
		display: inline-block;
		width: 3px;
		height: 10px;
		padding-left: 15px;
		position: relative;
		top: 1px;
		margin: 0 9px 0 -23px;
		padding: 0.2em 0.4em;
	}
	.page_hed1 {
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(images/recruit_bo_bg1.png);
	}
	.business .cya1 .second__grid li div {
		text-align: center;
		height: auto!important;
		width: fit-content;
	}
	.cabo .overview__table tr td {
		white-space: nowrap;
		font-size: 14px;
		background-color: #d6e6f5;
		border-top: 3px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-left: 2px solid #ffffff;
		border-bottm: 3px solid #ffffff;
		text-align: left;
		padding: 3px 0px 3px 7px;
		vertical-align: middle;
	}
	.cabo .overview__table tr td span {
		text-align: center;
		background-color: #2a3277;
		color: #ffffff;
		font-size: 12px;
		padding: 3px 5px 3px 5px;
		border-radius: 10px;
	}
	.req-top-img img {
		width: 100%;
		height: auto;
	}
}

/* controll */
@media only screen and (min-width: 400px) and (max-width: 767px) {
.mt-media {
	margin-topx: 0px;
}
}

@media only screen and (min-width: 400px) and (max-width:599px) {
.mt-media {
	margin-top: 0px;
}
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
.mt-media {
	margin-top: 0px;
}
}

@media only screen and (min-width: 800px) and (max-width:999px) {
.mt-media {
	margin-top: 0px;
}
}

@media only screen and (min-width: 1000px) and (max-width:1099px) {
.mt-media {
	margin-top: -40px;
}
}

@media only screen and (min-width: 1100px) and (max-width:1299px) {
.mt-media {
	margin-top: -50px;
}
}

@media only screen and (min-width: 1300px) and (max-width:1399px) {
.mt-media {
	margin-top: -115px;
}
}

@media only screen and (min-width: 1400px) and (max-width: 8000px) {
.mt-media {
	margin-top: -150px;
}
}
h2.cya2 {
	border-bottom: 1px solid #000000;
}
.children {
	flex-basis: 100%;
}
.cabo .overview__table {
	width: 100%;
}
.cabo .overview__table tr {
	width: 100%;
}
.cabo .overview__table tr:last-child {
	border-bottom: 1px solid #dedede;
}
.cabo .overview__table tr th {
	background-color: #2a3277;
	font-weight: normal;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	vertical-align: top;
	color: #ffffff;
}
.cabo .overview__table tr .th1 {
	width: 20%;
	border-top: 3px solid #ffffff;
	border-right: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	/*border-bottm: 3px solid #ffffff;*/
}

@media screen and (max-width: 768px) {
  .cabo .overview__table tr th {
    padding: 10px;
    width: 81px;
  }
	.cabo .overview__table tr td {
    padding: 10px;
  }
}

.cabo .overview__table tr td .officer_list dt {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 160px;
}

@media screen and (max-width: 768px) {
  .cabo .overview__table tr td .officer_list dt {
    width: 120px;
  }
}

.cabo .overview__table tr td .officer_list dd {
	float: left;
	margin-left: 1em;
}
.cabo .overview__table tr td .align_num li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
.cabo1 .overview__table {
	width: 100%;
	border-collapse: unset!important
}
.cabo1 .overview__table tr {
	width: 100%;
}
.cabo1 .overview__table tr:last-child {
	border-bottom: 1px solid #dedede;
}
.cabo1 .overview__table tr {
	width: 100%;
	border-top: 1px solid #dedede;
}
.cabo1 .overview__table .tr1 th, .cabo1 .overview__table .tr1 td {
	border-bottom: 1px solid #000000;
}
.cabo1 .overview__table tr th {
	background-color: #ffffff;
	font-weight: normal;
	font-size: 14px;
	padding: 20px 0px;
	text-align: left;
	vertical-align: top;
	color: #2a3277;
	border-top: 1px solid #000000;
  /*border-bottm: 1px solid #000000;*/
}
.cabo1 .overview__table tr .th1 {
	width: 10%;
	border-top: 1px solid #000000;
}

@media screen and (max-width: 768px) {
  .cabo1 .overview__table tr th {
    padding: 10px;
    width: 81px;
  }
}

.cabo1 .overview__table tr td {
	width: calc(100% - 200px);
	font-size: 14px;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 20px 0px 20px 0px;
}
.cabo1 .overview__table tr td span {
	text-align: center;
	background-color: #2a3277;
	color: #ffffff;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .cabo1 .overview__table tr td {
    padding: 10px;
  }
}
.cabo1 .overview__table tr td .officer_list dt {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 160px;
}

@media screen and (max-width: 768px) {
  .cabo1 .overview__table tr td .officer_list dt {
    width: 120px;
  }
}
.cabo1 .overview__table tr td .officer_list dd {
	float: left;
	margin-left: 1em;
}
.cabo1 .overview__table tr td .align_num li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
.surface .service__main {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
  .surface .service__main {
    padding: 20px 0;
  }
}
.surface .service__main img {
	width: 100%;
	margin: 0 auto;
	max-width: 900px;
}
.surface .service__btn {
	width: 490px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .surface .service__btn {
    width: 100%;
    padding: 10px;
    line-height: 1.8;
    font-size: 14px;
  }
}
.surface .service__btn a {
	background-color: #2a3277;
	padding: 20px;
	display: inline-block;
	color: #fff;
	width: 100%;
	text-decoration: none;
	position: relative;
	font-size: 18px;
}
.surface .service__btn a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -14px;
}
.surface .service__btn a:hover {
	background-color: rgba(42, 50, 119, 0.8);
}
.surface .service__ve {
	background-image: url(images/service_ve_bg.jpg);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center left;
}

@media screen and (max-width: 768px) {
  .surface .service__ve {
    background-size: contain;
  }
}
.surface .service__ve .ttl {
	display: inline-block;
	background-color: #2a3277;
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

@media screen and (max-width: 768px) {
  .surface .service__ve .ttl {
    font-size: 20px;
    padding: 3px 20px;
  }
}
.surface .service__ve .chat_area {
	width: 65%;
	margin-left: 35%;
}

@media screen and (max-width: 768px) {
  .surface .service__ve .chat_area {
    width: 100%;
    margin-left: 0;
  }
}
.surface .service__ve .chat_area li {
	width: 100%;
	display: flex;
	align-items: center;
	max-width: 600px;
	margin: 0 0 30px auto;
}
.surface .service__ve .chat_area li .person {
	padding-right: 50px;
	position: relative;
}
.surface .service__ve .chat_area li .person .icon {
	display: inline-block;
	display: flex;
	margin: 0 auto;
	align-items: center;
	width: 70px;
	height: 70px;
	font-size: 40px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	border: solid 1px #f9862a;
	color: #f9862a;
	background-color: #fff;
}
.surface .service__ve .chat_area li .person .icon i {
	margin: 0 auto;
}
.surface .service__ve .chat_area li .person p {
	color: #f9862a;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	line-height: 1.8;
	position: absolute;
	bottom: -20px;
	left: -10px;
}
.surface .service__ve .chat_area li .voice {
	position: relative;
	display: inline-block;
	background: #f5debc;
	height: fit-content;
	padding: 10px;
}
.surface .service__ve .chat_area li .voice:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 27px 0px 0;
	border-color: transparent #f5debc transparent transparent;
}
.surface .service__ve .chat_area li:nth-of-type(2) {
	justify-content: flex-end;
}
.surface .service__ve .chat_area li:nth-of-type(2) .person {
	padding: 0 0 0 50px;
}
.surface .service__ve .chat_area li:nth-of-type(2) .person .icon {
	border: solid 1px #2a3277;
	color: #2a3277;
}
.surface .service__ve .chat_area li:nth-of-type(2) .person p {
	color: #2a3277;
	left: 70px;
}
.surface .service__ve .chat_area li:nth-of-type(2) .voice {
	background: #cfd0d8;
}
.surface .service__ve .chat_area li:nth-of-type(2) .voice:before {
	left: auto;
	right: -25px;
	border-width: 20px 0px 0 27px;
	border-color: transparent transparent transparent #cfd0d8;
}
.mail-u {
	border-bottom: solid;
	border-color: #a40000;
	border-width: 1px;/*5ピクセルの太さにする*/
	text-align: center;
	font-size: 14px !important;
	padding: 0px 0px 0px 0px !important;
	border-radius: 0px !important;
}
.ca-btn1 {
	text-align: center;
	background-color: #2a3277;
	color: #ffffff;
	font-size: 15px;
	padding: 8px 15px 8px 15px;
	border-radius: 10px;
}
.ca-btn1-sp {
	text-align: center;
	background-color: #2a3277;
	color: #ffffff;
	font-size: 15px;
	padding: 8px 15px 8px 15px;
	border-radius: 5px;
}
/* STUDIOSC調整 */
.business03.recruitment01 .content__sizex.dis-f.cabo > .c-2a3277 {
	white-space: nowrap
}
.business03.recruitment01 .top2 .second__grid {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 35px;
  margin-right: 35px;
}
.business03.recruitment01 .top2 .second__grid:not(.second__grid2) > li {
  margin-left: 1.25%;
  margin-top: 20px;
  width: 32.5%;
}
.business03.recruitment01 .top2 .second__grid:not(.second__grid2) > li:nth-child(3n+1) {
  margin-left: 0;
}
.business03.recruitment01 .top2 .second__grid:not(.second__grid2) > li:nth-child(-n+3) {
  margin-top: 0;
}
.business03.recruitment01 .top2 .second__grid2 > li {
  margin-left: 2%;
  margin-top: 20px;
  width: 49% !important;
}
.business03.recruitment01 .top2 .second__grid2 > li:nth-child(2n+1) {
  margin-left: 0;
}
.business03.recruitment01 .top2 .second__grid2 > li:nth-child(-n+2) {
  margin-top: 0;
}

/* sp */
@media only screen and (max-width: 600px) {
  .business03.recruitment01 .top2 {
    margin-top: 30px !important;
  }
  .business03.recruitment01 .top2 .second__grid {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }
  .business03.recruitment01 .top2 .second__grid > li {
    margin-top: 10px !important;
    margin-left: 0 !important;
    width: auto !important;
  }
  .business03.recruitment01 .top2 .second__grid > li:nth-child(1) {
    margin-top: 0 !important;
  }
}


/* 2023 product page common parts
---------------------------------------------------------- */
.product-cmnttl{
	background: #f4f5f8;
	margin-top: 40px;
}
.product-cmnttl .content__size{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 5%;
}
.product-cmnttl .img img{
	max-height: 280px;
}
.product-cmnttl .ttl{
	font-size: 30px;
	font-weight: bold;
}
.product-cmnttl .ttl span{
	display: block;
	padding-bottom: 4px;
	border-bottom: 1px solid;
	margin-bottom: 10px;
	font-size: 20px;
}
.product-cmnttl .ttl+p{
	margin-top: 15px;
	font-size: 18px;
}
.product-subttl {
	font-weight: bold;
	font-size: 20px;
	border-left: 5px solid #2a3277;
	padding: 10px;
	line-height: 1;
	margin-bottom: 30px;
}
.product-clm02,
.product-clm03{
	margin-bottom: 60px;
}
.product-clm02 + .business__area_link__grid,
.product-clm03 + .business__area_link__grid{
	margin-top: 100px;
}
.product-clm02{
	display: flex;
	justify-content: space-between;
	gap: 0 6%;
}
.product-clm02 .img{
	min-width: 280px;
	max-width: 280px;
}
.product-cmnlist li{
	position: relative;
	padding-left: 18px;
}
.product-cmnlist li:before{
	content: "・";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.product-clm03{
	display: flex;
	gap: 0 2.5%;
}
.product-clm03 li{
	width: calc(95%/3);
}
.product-clm03 div{
	text-align: center;
	background: #eceff2;
	height: 200px;
}
.product-clm03 img{
	object-fit: contain;
	height: 100%;
}
.product-clm03 p{
	position: relative;
	margin-top: 10px;
	font-size: 18px;
	padding-right: 30px;
	line-height: 1.5;
}
.product-clm03 p:after{
	font-family: 'Font Awesome 5 Free';
	content: "\f054";
	font-weight: 900;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.product-cmnttl{
		margin-top: 20px;
	}
	.product-cmnttl .content__size{
		flex-direction: column;
    gap: 20px 0;
	}
	.product-cmnttl .img img{
		max-height: 160px;
	}
	.product-cmnttl .txt{
		width: 100%;
	}
	.product-cmnttl .ttl{
		font-size: 24px;
	}
	.product-cmnttl .ttl span{
		margin-bottom: 5px;
		font-size: 14px;
	}
	.product-cmnttl .ttl+p{
		font-size: 14px;
	}
	.product-subttl {
		font-size: 18px;
		line-height: 1.5;
		padding: 2px 10px;
		margin-bottom: 20px;
	}
	.product-clm02 + .business__area_link__grid,
	.product-clm03 + .business__area_link__grid{
		margin-top: 80px;
	}
	.product-clm02{
		flex-direction: column;
		gap: 20px 0;
	}
	.product-clm02 .img{
		min-width: auto;
		max-width: 100%;
	}
	.product-clm02 .img img{
		width: 100%;
	}
	.product-clm03{
		gap: 0 4%;
		flex-wrap: wrap;
	}
	.product-clm03 li{
		width: calc(96%/2);
	}
	.product-clm03 li:nth-child(n+3){
		margin-top: 15px;
	}
	.product-clm03 div{
		height: 29vw;
		padding: 5px;
	}
	.product-clm03 p{
		font-size: 12px;
		padding-right: 20px;
		margin-top: 6px;
	}
}


/* 2023 events page common parts
---------------------------------------------------------- */
.event_main {
}
.event_main figure {
	text-align: center;
	max-width: 640px;
	width: 58%;
	margin: 30px auto;
}
.event_main figcaption {
	font-size: 14px;
	text-align: right;
}
.event-subttl {
	font-weight: bold;
	font-size: 20px;
	border-left: 5px solid #2a3277;
	padding: 10px;
	line-height: 1;
	margin-bottom: 30px;
}
.event-clm01,
.event-clm02,
.event-clm03,
.event-clm04,
.event-clm05{
	margin-bottom: 80px;
}
.event-clm01 a,
.event-clm02 a,
.event-clm03 a,
.event-clm04 a,
.event-clm05 a {
	color: #2a3277;
}
.event-clm01 a span,
.event-clm02 a span,
.event-clm03 a span,
.event-clm04 a span,
.event-clm05 a span {
	color: #000;
}

.event-clm01 .img {
	max-width: 556px;
	width: 50%;
	margin-bottom: 30px;
}
.event-clm01 p {
	margin-bottom: 40px;
}
.event-clm01 ol {
	margin-bottom: 40px;
}
.event-clm01 dl {
	display: flex;
}
.event-subttl2 {
	font-weight: bold;
	font-size: 24px;
	color: #2a3277;
	line-height: 1;
	margin-bottom: 20px;
}
.event-clm02 .txt ul {
//	display: flex;
//	flex-wrap: wrap;
//	justify-content: space-between;
	padding-top: 20px;
}
.event-clm02 .txt ul li {
//	flex-basis: 45%;
	margin-bottom: 20px;
    padding-bottom:20px;
    border-bottom:1px solid #ccc;
}
.event-clm02 .txt ul li h4 {
	font-weight: bold;
	font-size: 18px;
	color: #2a3277;
	margin-bottom: 10px;
}
.event-clm02 .txt ul li dt {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.5;
}
.event-clm02 .txt ul li dd {
    display:flex;
    align-items:flex-start;
}
.event-clm02 .txt ul li dd figure {
	margin-bottom: 20px;
    flex-shrink:0;
    margin-right:30px;
}
.event-clm02 .txt ul li dd p {
	font-size: 14px;
	margin-bottom: 20px;
}
.event-clm02 ul li dd p strong{
    font-size:16px;
}
.event-clm02 .business__area_link__grid li{
    width:auto;
}
.event-clm02 .event-btn{
font-weight:bold;
font-size:16px;
}
.event-clm03 {
	display: flex;
	justify-content: space-between;
}
.event-clm03 .img {
	max-width: 576px;
	width: 52%;
	margin-top: 20px;
}
.event-clm03 .txt {
	margin-top: 20px;
}
.event-clm03 .txt dl> div{
    display:flex;
}
.event-clm03 dt {
	font-weight: bold;
	color: #2a3277;
    flex-shrink:0;
    width:120px;
}
.event-clm03 dd {
	margin-bottom: 15px;
    
}

.event-clm03 .img {
	max-width: 576px;
	width: 52%;
}
.event-clm04 dt {
	font-weight: bold;
	color: #2a3277;
	float: left;
}
.event-clm04 dd {
	margin-left: 10rem;
	margin-bottom: 20px;
}
.event-clm04 .img {
	text-align: center;
	margin: 0 auto 60px;
}
.event-clm05 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.event-clm05 ul li {
	flex-basis: 45%;
	margin-bottom: 30px;
}
.event-clm05 ul li {
	display: flex;
}
.event-clm05 ul li .txt {
	margin-left: 20px;
}
.event-clm05 ul li .txt p {
	font-weight: bold;
	color: #2a3277;
}
.event-clm05 ul li .txt dt {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 20px;
}
.event-clm05 ul li .txt dd {
	font-size: 14px;
	vertical-align: middle;
}
.event-clm05 ul li .txt i {
	color: #2a3277;
	font-size: 20px;
	vertical-align: middle;
}

.event-movbox{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:60px;
    
}
.event-movbox > p{
    width:50%;
}
.event-movbox > dl{
    width:50%;
    display:flex;
    flex-direction:column;

}
.event-movbox dt{
    font-weight:bold;
    font-size:20px;
    margin-bottom:10px;
}

@media screen and (max-width: 768px) {
	.event_main figure {
	max-width: initial;
	width: 100%;
	}
	.event-clm01 .img {
	max-width: initial;
	width: 100%;
	}
	.event-clm01 dl {
	display: block;
	}
	.event-clm02 ul {
	display: block;
	padding-top: 0;
	}
    .event-clm02 .txt ul li dd {
        display:block;
    }
    .event-clm02 .txt ul li dd figure{
        margin-right:0;
        text-align:center;
    }
    .event-clm02 .txt ul li dd figure img{
        
    }
	.event-clm03 {
	display: block;
	}
	.event-clm03 .img {
	max-width: initial;
	width: 100%;
	}
    .event-clm03 .txt dl> div{
        display:block;
    }
//	.event-clm03 dt {
//	float: none;
//	}
    .event-clm03 dd {
    	margin-left: 2em;
    	margin-bottom: 10px;
    }
    .event-clm03 dd:last-of-type {
    	margin-left: 2em;
    }
    .event-clm05 ul {
    	display: block;
    }
    .event-clm05 ul li figure {
    	flex-basis: 25%;
    }
    .event-movbox{
        flex-direction:column;
        margin-bottom:30px;
    }
    .event-movbox > p{
        width:100%;
    }
    .event-movbox > dl{
        width:100%;
    }

}