@charset "utf-8";



/*------------------------------------------------------------
	COMMON
------------------------------------------------------------*/

#header .header-wrap .logo-ninushi {
	position: absolute;
	top: 50%;
	/*left: 178px;*/
  left: 305px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border-left: 1px solid #ddd;
}
#header .header-wrap .logo-link {
	display: inline-block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#header .header-wrap .logo-link:hover {
	opacity: .6;
}

#header .header-wrap .logo-ninushi span {
	display: block;
	color: #00479d;
	font-weight: bold;
	letter-spacing: .02em;
	font-size: 16px;
	line-height: 2;
	padding-left: 1em;
}
#header .header-wrap .logo-ninushi span img {
	vertical-align: middle;
	margin-right: 5px;
}
/* ▼200430▼ */
#header .header-wrap .logo-ninushi.ni span {
	position:relative;
	padding: 10px 0 0 10px;
	line-height:2.5;
}
#header .header-wrap .logo-ninushi.ni span img {
	vertical-align: top;
}
#header .header-wrap .logo-ninushi.ni span em {
  display: block;
  position: absolute;
  /*left: 48px;*/
  font-size: 11px;
  color: #333;
  top: -1px;
  width: 150%;
}
#header .header-wrap .link {
	display:none;
}

@media screen and (min-width: 1420px) {
	#header .header-wrap .link {
		  display:block;
   		position: absolute;
    	/*left: 340px;*/
      left: 475px;
    	top: 31px;
    	font-size: 12px;
	}
	#header .header-wrap .link a{
    	text-decoration: underline;
	}
	#header .header-wrap .link a:hover{
    	text-decoration: none;
	}
}
@media screen and (max-width: 1250px) {
  #header .contact-btn{
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #header .header-wrap .logo-ninushi.ni span em{
    width: 170%;
  }
  /*
	#header .header-wrap .logo-ninushi.ni span em {
    	left: 41px;
	}
  */
}
@media screen and (max-width: 600px) {
  #header .header-wrap .logo-ninushi.ni span em{
    font-size: min(1.25vw, 11px);
  }
}
/* ▲200430▲ */
#footer .footer-nav .logo a {
	/*display: inline-block;*/
  display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#footer .footer-nav .logo a:hover {
	opacity: .6;
}
#footer .footer-nav .logo .logo-ninushi {
	display: block;
	width: 124px;
	text-align: center;
	border-top: 1px solid #00479d;
	border-bottom: 1px solid #00479d;
	color: #00479d;
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: .02em;
	padding: 5px 0;
	margin: auto;
	margin-top: 10px;
}
#footer .footer-nav .logo .logo-ninushi img {
	width: 16px;
	margin-right: 3px;
	vertical-align: middle;
}
#footer .footer-middle {
	padding: 20px;
	background: #f5f5f5;
}
#footer .footer-middle-wrap {
	max-width: 1160px;
	margin: auto;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
}
#footer .footer-middle .footer-middle-nav {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 5px 0;
	font-size: 14px;
	letter-spacing: .02em;
	line-height: 1;
}
#footer .footer-middle .footer-middle-nav li {
	line-height: 20px;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #ddd;
}
#footer .footer-middle .footer-middle-nav li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#footer .footer-middle .footer-middle-nav li a {
	display: block;
	line-height: 20px;
}
#footer .footer-middle .footer-middle-nav li a:hover {
	text-decoration: underline;
}
#footer .footer-middle ul.social-icon {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#footer .footer-middle ul.social-icon li {
	margin-top: 0;
	margin-left: 15px;
	line-height: 1;
}
#footer .footer-middle ul.social-icon li:first-child {
	margin-left: 0;
}
#footer .footer-middle ul.social-icon li a {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#footer .footer-middle ul.social-icon li a:hover {
	opacity: .5;
}
#footer .footer-middle ul.social-icon li.twitter a {
	background-color: #4aaaf4;
}
#footer .footer-middle ul.social-icon li.facebook a {
	background-color: #3061a7;
}
#footer .footer-middle ul.social-icon li.youtube a {
	background-color: #ff0000;
}

#footer .footer-middle ul.social-icon li a img {
	width: 60%;
	height: 60%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


body.ninushi #wrap h1.top {
	text-align: center;
	font-size: 28px;
	line-height: 1.6;
	padding:5px 0;
	position: relative;
	background: #222;
    color: #FFF;
    border-top: 1px #555 solid;
}
#wrap .top-title-wrap h2 {
	text-align: center;
	font-size: 30px;
	line-height: 2.4;
	position: relative;
	margin-bottom: 40px;
}
#wrap .top-title-wrap h2 + .txt01{
	text-align: center;
}
#wrap #archive .top-title-wrap h2 {
	margin-bottom: 25px;
}
#wrap .top-title-wrap h2:after {
	content: '';
	display: block;
	height: 2px;
	width: 50px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	background-color: #00479d;
}


.archive-service .section-content h2.top_ttl {
    font-size: 18px;
    line-height: 1.67;
    margin-bottom: 3em;
    text-align: center;
}

@media screen and (max-width: 800px) {
	body.ninushi #wrap h1.top {
		font-size: 21px;
		line-height:1.4;
		padding:10px 0;
  }
	#wrap .top-title-wrap h2 {
    font-size: 21px;
    line-height: 1.6;
    margin-bottom: 35px;
  }
	#wrap .top-title-wrap h2:after {
    height: 2px;
    width: 36px;
    margin-left: -18px;
    position: absolute;
    bottom: -8px;
  }
  #header .header-wrap .logo-ninushi {
    /*left: 135px;*/
    left: 220px;
  }
	#header .header-wrap .logo-ninushi a {
    display: block;
    letter-spacing: 0em;
    font-size: 13px;
    line-height: 2;
    padding-left: 0.8em;
  }
	#header .header-wrap .logo-ninushi a img {
    vertical-align: middle;
    margin-right: 5px;
		width: 20px;
  }
	#footer .footer-nav .logo .logo-ninushi {
	width: 124px;
	font-size: 13px;
	line-height: 16px;
	margin: 8px 0 0 8px;
  }
	#header .header-wrap .logo-ninushi span {
    letter-spacing: 0em;
    font-size: 14px;
    line-height: 2;
    padding-left: 1em;
  }
  #header .header-wrap .logo-ninushi span img {
    width: 22px;
    margin-right: 5px;
  }
  #footer .footer-middle {
    padding: 0px;
  }
	#footer .footer-middle-wrap {
	max-width: 100%;
	display:block;

}
#footer .footer-middle .footer-middle-nav {
	display:block;
	padding: 5px 0;
	font-size: 12px;
	letter-spacing: .02em;
	line-height: 3;
}
#footer .footer-middle .footer-middle-nav li {
	line-height: 20px;
	margin-left: 0em;
	padding-left: 0em;
	border-left: none;
	border-bottom: 1px solid #ddd;
}
#footer .footer-middle .footer-middle-nav li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#footer .footer-middle .footer-middle-nav li a {
	    font-size: 12px;
    padding: 0 15px;
	line-height: 3;
}
#footer .footer-middle .footer-middle-nav li a:hover {
	text-decoration: underline;
}
#footer .footer-middle ul.social-icon {
	justify-content: center;
    padding: 20px 0;
}


#footer .footer-middle ul.social-icon li a {
	display: block;
	width: 30px;
	height: 30px;
	position: relative;
	color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.archive-service .section-content h2.top_ttl {
font-size: 15px;
    line-height: 1.67;
    margin-bottom: 1.5em;
    text-align: center;
}
}


@media screen and (max-width: 510px) {
  #header .header-wrap .logo{
    width: 130px;
  }
  #header .header-wrap .logo-ninushi{
    left: 150px;
  }
  #header .header-wrap .logo-ninushi.ni span em{
    top: 2px;
  }
}
@media screen and (max-width: 440px) {
  #header .header-wrap .logo{
    width: 115px;
  }
  #header .header-wrap .logo-ninushi{
    left: 135px;
  }
}



/*------------------------------------------------------------
	NINUSHI SLIDE
------------------------------------------------------------*/
#slide .ninushi-topslide-wrap {
	position: relative;
	margin-bottom: 95px;
	width: 100vw;
	overflow-x: hidden;
}
#slide .ninushi-topslide-wrap:after {
	content: '';
	display: block;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 375px;
	z-index: 1;
}
#slide .ninushi-topslide-wrap:before {
	content: '';
	display: block;
	width: 100%;
	height: 500px;
	background-color: #000;
	opacity: .6;
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: 375px;
	z-index: 1;
}

#slide .ninushi-topslide-wrap div {
	line-height: 1;
	vertical-align: top;
}
#slide .ninushi-topslide-wrap .slide-list {
	position: relative;
	padding: 0;
}
#slide .ninushi-topslide-wrap .slide-list > span,
#slide .ninushi-topslide-wrap .slide-list > a {
	display: block;
	width: 750px;
	height: 500px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: relative;
	background: #000;
}
#slide .ninushi-topslide-wrap .slide-list > a:hover {
	opacity: .6;
}
#slide .ninushi-topslide-wrap .slide-list img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#slide .ninushi-topslide-wrap .slide-list .slide-txt {
	width: 100%;
	height: auto;
	min-height: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: 18px 25px;
	opacity: 0;
	color: #fff;
	background: url(images/bg-black.png) center center/100% 100% no-repeat;
	display: table;
}
#slide .ninushi-topslide-wrap .slide-list .slide-txt > div {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: bottom;
}
#slide .ninushi-topslide-wrap .slick-active .slide-list .slide-txt {
	opacity: 1;
}

#slide .ninushi-topslide-wrap .slide-list .slide-txt h3 {
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: .25em;
	line-height: 1.5;
	max-height: 3em;
	overflow: hidden;
}
#slide .ninushi-topslide-wrap .slide-list .slide-txt .description {
	width: 100%;
	font-size: 15px;
	line-height: 2;
}

#slide .ninushi-topslide-wrap .slick-prev {
	width: 40px;
	height: 40px;
	left: 50%;
	margin-left: -395px;
	background: #fff;
	z-index: 100;
	cursor: pointer;
	border-radius: 50%;
}
#slide .ninushi-topslide-wrap .slick-next {
	width: 40px;
	height: 40px;
	right: 50%;
	margin-right: -395px;
	background: #fff;
	z-index: 100;
	cursor: pointer;
	border-radius: 50%;
}
#slide .slick-prev:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -4px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 2px solid #333;
	border-left: 2px solid #333;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#slide .slick-next:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	margin-left: -8px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}


#case .ninushi-caseslide-wrap {
	position: relative;
	margin-bottom: 55px;
}
#case .ninushi-caseslide-wrap div {
	line-height: 1;
	vertical-align: top;
}
#case .ninushi-caseslide-wrap .slide-list {
	position: relative;
	padding: 0;
}
#case .ninushi-caseslide-wrap .slide-list a {
	display: block;
	width: 900px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	position: relative;
	margin: 0 30px;
}
#case .ninushi-caseslide-wrap .slide-list a:hover {
	opacity: .6;
}
#case .ninushi-caseslide-wrap .slide-list .thumb {
	width: 100%;
	padding-top: 56.25%;
	display: block;
	position: relative;
}
#case .ninushi-caseslide-wrap .slide-list img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#case .ninushi-caseslide-wrap .slide-list .slide-txt {
	width: 90%;
	margin: auto;
	margin-top: -50px;
	position: relative;
	z-index: 2;
}
#case .ninushi-caseslide-wrap .slide-list .slide-txt .company {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding: 0 .5em;
	line-height: 2;
	background: #00479d;
}
#case .ninushi-caseslide-wrap .slide-list .slide-txt .h3-wrap {
	background-color: #fff;
	color: #000;
	padding: 2% 3%;
	width: 100%;
}
#case .ninushi-caseslide-wrap .slide-list .slide-txt .h3-wrap h3 {
	font-size: 24px;
	line-height: 1.6;
	font-weight: bold;
	height: 3.2em;
	max-height: 3.2em;
	overflow: hidden;
}

#case .slick-prev {
	cursor: pointer;
	content: '';
	display: block;
	position: absolute;
	top: 250px;
	left: 50%;
	margin-left: -485px;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 2px solid #333;
	border-left: 2px solid #333;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#case .slick-next {
	cursor: pointer;
	content: '';
	display: block;
	position: absolute;
	top: 250px;
	right: 50%;
	margin-top: -12px;
	margin-right: -485px;
	width: 24px;
	height: 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#case .slick-prev:before,
#case .slick-next:before {
	display: none;
}


#case .slick-dots {
	line-height: 1;
	bottom: -15px;
}
#slide .slick-dots {
	line-height: 1;
	bottom: -30px;
}
#case .slick-dots li,
#slide .slick-dots li {
	line-height: 1;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	vertical-align: bottom;
}
#case .slick-dots li button,
#slide .slick-dots li button {
	line-height: 1;
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 0;
	background-color: #ddd;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
#case .slick-dots li:hover button,
#case .slick-dots li.slick-active button,
#slide .slick-dots li:hover button,
#slide .slick-dots li.slick-active button {
	background-color: #00479d;
}
#case .slick-dots li button:before,
#slide .slick-dots li button:before {
	display: none;
}


@media screen and (max-width: 1160px) {
	#case .ninushi-caseslide-wrap .slide-list a {
		width: calc(100vw - 260px);
	}
	#case .slick-prev {
		top: 40%;
		margin-left: calc(-50vw + 130px - 35px);
	}
	#case .slick-next {
		top: 40%;
		margin-right: calc(-50vw + 130px - 35px);
	}
}

@media screen and (max-width: 800px) {
	#slide .ninushi-topslide-wrap {
	margin-bottom:70px;
}
	#slide .ninushi-topslide-wrap:before,
	#slide .ninushi-topslide-wrap:after {
		display: none;
	}
	#slide .ninushi-topslide-wrap .slide-list > span,
	#slide .ninushi-topslide-wrap .slide-list a {
		width: 100vw;
		height: 66.67vw;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt .excerpt {
		font-size: 3.5vw;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt {
		min-height: 50%;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt h2 {
		font-size: 5.6vw;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt .type {
		font-size: 3.5vw;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt .type span {
		font-size: 3vw;
		vertical-align: .1em;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt {
		padding: 3% 4%;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt h3 {
		font-size: 20px;
		margin-bottom: .25em;
		line-height: 1.5;
		max-height: 3em;
	}
	#slide .ninushi-topslide-wrap .slide-list .slide-txt .description {
		font-size: 14px;
		line-height: 1.8;
	}
	#case .ninushi-caseslide-wrap .slide-list a {
		width: 100vw;
		margin: 0;
	}

	#case .ninushi-caseslide-wrap .slide-list .slide-txt .h3-wrap {
		padding: 3% 5%;
	}
	#case .ninushi-caseslide-wrap .slide-list .slide-txt .h3-wrap h3 {
		font-size:16px;
		line-height: 1.6;
		font-weight: bold;
		height: 3.2em;
		max-height: 3.2em;
		overflow: hidden;
	}
	#case .ninushi-caseslide-wrap {
		margin-bottom: 60px;
	}
	#case .slick-prev,
	#case .slick-next {
		display: none;
	}
	#case .slick-dots,
#slide .slick-dots {
	line-height: 1;
	bottom: -25px;
}
}


/*------------------------------------------------------------
	NINUSHI TOP
------------------------------------------------------------*/

.page-template-ninushi #wrap #archive .btn-square {
	margin-top: 50px;
}
.page-template-ninushi #wrap #service .top-title-wrap {
	padding: 0;
}
.page-template-ninushi #wrap #service .top-title-wrap h2 {
	margin-bottom: 40px;
}
.page-template-ninushi #wrap #service .top-title-wrap p {
	font-size: 15px;
	line-height: 2;
	text-align: center;
}
.page-template-ninushi #wrap #service .section-wrap {
	padding: 0 20px 100px;
}
.page-template-ninushi #wrap #seminar {
	background: #f5f5f5;
	padding: 75px 0 100px;
}
.page-template-ninushi #wrap #seminar .seminar-wrap {
	padding: 0 20px;
}
.page-template-ninushi #wrap #seminar .seminar-list {
	max-width: 1160px;
	margin: auto;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -50px;
	margin-bottom: 50px;
}
.page-template-ninushi #wrap #seminar .seminar-list li {
	width: 31%;
	margin-right: 3.5%;
	margin-top: 50px;
}
.page-template-ninushi #wrap #seminar .seminar-list li a {
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.page-template-ninushi #wrap #seminar .seminar-list li a:hover {
	opacity: .6;
}
.page-template-ninushi #wrap #seminar .seminar-list li:nth-child(3n) {
	margin-right: 0;
}
.page-template-ninushi #wrap #seminar .seminar-list li .thumb {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.page-template-ninushi #wrap #seminar .seminar-list li .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.page-template-ninushi #wrap #seminar .seminar-list li .thumb span {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background-color: #00479d;
	line-height: 2;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 .5em;
}

.page-template-ninushi #wrap #seminar .seminar-list li .thumb .seminar-icon{
	position: absolute;
	left: -10px;
	top: -10px;
}
.page-template-ninushi #wrap #seminar .seminar-list li .thumb .seminar-icon li{
	margin:0;
	display: inline-block;
	width: 80px;
	padding: 0 5px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	font-weight: bold;

}
.page-template-ninushi #wrap #seminar .seminar-list li .thumb .seminar-icon li.seminar-icon01{
	border: 1px solid #777;
	background: #fff;
	margin:0 0 0 -3px;
}
.page-template-ninushi #wrap #seminar .seminar-list li .thumb .seminar-icon li.seminar-icon01.red{
	border: 1px solid #D21D41;
	background: #D21D41;
	color: #fff;
	margin:0 ;
}
.page-template-ninushi #wrap #seminar .seminar-list li .thumb .seminar-icon li.seminar-icon02{
	border: 1px solid #1042A7;
	background: #1042A7;
	color: #fff;
}



.page-template-ninushi #wrap #case {
	padding: 75px 0 100px;
}
.page-template-ninushi #wrap #seminar .seminar-list li .txt {
	padding: 6% 8%;
	background-color: #fff;
	width: 100%;
}
.page-template-ninushi #wrap #seminar .seminar-list li .cat-list{
	display: flex;
	margin: 0 0 10px;
}
.page-template-ninushi #wrap #seminar .seminar-list li .cat-list .cat{
	margin: 0 10px 0 0;
	padding: 0 10px;
	display: inline-block;
	border: 1px solid #1042A7;
	color: #1042A7;
	text-align: center;
	width: auto;
	font-size: 14px;
	line-height: 1.5;
}
.page-template-ninushi #wrap #seminar .seminar-list li .cat {
	font-size: 13px;
	line-height: 2;
	color: #00479d;
}
.page-template-ninushi #wrap #seminar .seminar-list li h3 {
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
}
.page-template-ninushi #wrap #seminar .seminar-list li .info {
	color: #999;
	font-size: 12px;
}

.page-template-ninushi #wrap #view {
	background: #f5f5f5;
	padding: 75px 20px 100px;
}
.page-template-ninushi #wrap #view .view-wrap {
	max-width: 1160px;
	margin: auto;
}
.page-template-ninushi #wrap #view .view-list {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -4%;
}
.page-template-ninushi #wrap #view .view-list li {
	width: 48%;
	margin-right: 4%;
	margin-top: 4%;
}
.page-template-ninushi #wrap #view .view-list li:nth-child(2n) {
	margin-right: 0;
}
.page-template-ninushi #wrap #view .view-list li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	background-color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.page-template-ninushi #wrap #view .view-list li a:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
}
.page-template-ninushi #wrap #view .view-list li a .thumb {
	width: 36%;
	padding-top: 36%;
	position: relative;
}
.page-template-ninushi #wrap #view .view-list li a .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.page-template-ninushi #wrap #view .view-list li a .txt {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: center;
	padding: 2% 6%;
}
.page-template-ninushi #wrap #view .view-list li a .txt .cat {
	width: 100%;
	font-size: 13px;
	line-height: 2;
	color: #00479d;
}
.page-template-ninushi #wrap #view .view-list li a .txt h3 {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	max-height: 5.4em;
	overflow: hidden;
}
.page-template-ninushi #wrap #view .btn-square {
	margin-top: 50px;
}
.page-template-ninushi #wrap #view .txt01{
	text-align: center;
	margin: 0 0 45px;
}
.page-template-ninushi #wrap #view .view-wrap{
	display: flex;
}
.page-template-ninushi #wrap #view .view-wrap .box{
	width: 48%;
	background: #fff;
	padding: 30px 30px 50px;
	box-sizing: border-box;
}
.page-template-ninushi #wrap #view .view-wrap .box:first-of-type{
	margin: 0 4% 0 0;
}
.page-template-ninushi #wrap #view .view-list{
	display: block;
	margin: 0;
}
.page-template-ninushi #wrap #view .view-list li{
	width: 100%;
	margin: 0 0 20px;
}





.page-template-ninushi #wrap #training{
	padding: 75px 0 100px;
	border-bottom: 1px solid #EEEEEE;
}
.page-template-ninushi #wrap #training .ttl{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 70px 0 25px;
	color: #00479D;
}
.page-template-ninushi #wrap #training .txt02{
	margin: 0 0 45px;
	text-align: center;
}
.page-template-ninushi #wrap #training .list{
	max-width: 1160px;
	margin: 0 auto 35px;
	display: flex;
}
.page-template-ninushi #wrap #training .list .list-item{
	width: 32%;
	margin: 0 2% 0 0;
	background: #EEE;
}
.page-template-ninushi #wrap #training .list .list-item:nth-of-type(3){
	margin: 0;
}
.page-template-ninushi #wrap #training .list .list-item .text{
	padding: 17px 30px;
}
.page-template-ninushi #wrap #training .list .list-item .text .tit{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #00479D;
	margin: 0 0 10px;
}
.page-template-ninushi #wrap #training .list .list-item .text ul li{
	background: #fff;
	text-align: center;
	padding: 8px 10px;
	font-size: 15px;
	margin: 0 0 10px;
}
.page-template-ninushi #wrap #training .list .list-item .text ul li:last-child{
	margin: 0;
}
.page-template-ninushi #wrap #training .link-list{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.page-template-ninushi #wrap #training .link-list .link-list-btn{
	width: 400px;
	margin: 0 20px;
}
.page-template-ninushi #wrap #training .link-list .link-list-btn a{

}
.page-template-ninushi #wrap #training .link-list .link-list-btn > span{
	position: relative;
	padding: 20px 0;
	font-weight: bold;
	color: #D21D41;
	display: inline-block;
}
.page-template-ninushi #wrap #training .link-list .link-list-btn > span::before{
	position: absolute;
	left: -35px;
	top: 50%;
	margin: -20px 0 0;
	content: '';
	width: 20px;
	height: 40px;
	background: url("images/ninushi/220624/line-before.svg") no-repeat center center;
	background-size: 20px auto;
}
.page-template-ninushi #wrap #training .link-list .link-list-btn > span::after{
	position: absolute;
	right: -35px;
	top: 50%;
	margin: -20px 0 0;
	content: '';
	width: 20px;
	height: 40px;
	background: url("images/ninushi/220624/line-after.svg") no-repeat center center;
	background-size: 20px auto;
}



.page-template-ninushi #wrap #service .service-wrap{
	max-width: 1160px;
	margin: 0 auto;
}
.page-template-ninushi #wrap #service .service-wrap .flow{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit{
	width: 100%;
	display: flex;
	margin: 60px 0 30px;
}
.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item{
	width: 50%;
	text-align: center;
	position: relative;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(1)::before{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: '';
	width: calc(100% - 30px);
	height: 100%;
	background: #08479D;
}
.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(1)::after{
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 0 28px 30px;
	border-color: transparent transparent transparent #08469d;
}

.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(2)::before{
	position: absolute;
	left: -30px;
	top: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	background: #1480DE;
}
.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(2)::after{
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 0 28px 30px;
	border-color: transparent transparent transparent #1480de;
}




.page-template-ninushi #wrap #service .service-wrap .flow .list{
	display: flex;
	width: 100%;
}
.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item{
	width: calc(100% / 3);
	box-sizing: border-box;
}
.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item .tit{
	font-size: 20px;
	font-weight: bold;
	color: #00479D;
	text-align: center;
}
.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item:nth-of-type(1){
	padding: 0 40px 0 0;
	border-right: 1px solid #00479D;
}
.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item:nth-of-type(2){
	padding: 0 40px;
	border-right: 1px solid #00479D;
}
.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item:nth-of-type(3){
	padding: 0 0 0 40px;
}
.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item ul li a{
	display: block;
	padding: 20px 30px 20px 0;
	border-bottom: 1px solid #00479D;
	color: #00479D;
	background: url("images/ninushi/220624/arrow.svg") no-repeat right center;
	background-size: 16px auto;
	transition: 0.3s;
}
@media screen and (min-width: 801px) {
	.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item ul li a:hover{
		background: url("images/ninushi/220624/arrow.svg") no-repeat right 10px center;
		background-size: 16px auto;
	}
}
.page-template-ninushi #wrap #service .service-wrap .txt01{
	width: 100%;
	text-align: right;
	margin: 0 0 30px;
	font-size: 15px;
}

@media screen and (max-width: 800px) {
	.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit{
		flex-wrap: wrap;
		width: 60px;
		margin: 0;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item{
		width: 100%;
		height: 50%;
		padding: 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		letter-spacing: 1.5vw;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(1)::before{
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
		content: '';
		width: 100%;
		height: calc(100% - 30px);
		background: #08479D;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(1)::after{
		position: absolute;
		right: 0;
		top: inherit;
		bottom: 0;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 30px 0 30px;
		border-color: #08469d transparent transparent transparent;
	}
	
	.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(2)::before{
		position: absolute;
		left: 0;
		top: -30px;
		z-index: -1;
		content: '';
		width: 100%;
		height: 100%;
		background: #1480DE;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .flow-tit .flow-item:nth-of-type(2)::after{
		position: absolute;
		right: 0;
		top: inherit;
		bottom: 0;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 30px 0 30px;
		border-color: #1480de transparent transparent transparent;
	}
	
	
	
	
	
	
	
	
	.page-template-ninushi #wrap #service .service-wrap .flow .list{
		width: calc(100% - 60px);
		display: block;
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item{
		width: 100%;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item:nth-of-type(1){
		padding: 0 0 40px;
		border: none;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item:nth-of-type(2){
		padding: 0 0 40px;
		border: none;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item:nth-of-type(3){
		padding: 0;
		border: none;
	}
	.page-template-ninushi #wrap #service .service-wrap .flow .list .list-item ul li a{
		padding: 15px 20px 15px 0;
	}
}




.page-template-ninushi #wrap #service .link-list{
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.page-template-ninushi #wrap #service .link-list .link-list-btn{
	width: 400px;
	margin: 0 20px;
}
.page-template-ninushi #wrap #service .link-list .link-list-btn a{

}

@media screen and (max-width: 800px) {
	.page-template-ninushi #wrap #archive .btn-square {
		margin-top: 40px;
	}

	.page-template-ninushi #wrap #service .top-title-wrap {
		padding: 0 0 20px;
	}
	.page-template-ninushi #wrap #service .top-title-wrap p {
		font-size: 13px;
		line-height: 1.8;
		text-align: left;
	}

	.page-template-ninushi #wrap #service .section-wrap {
		padding-bottom: 60px;

	}
	.page-template-ninushi #wrap #seminar {
		padding: 55px 0 60px;
	}
	.page-template-ninushi #wrap #seminar .seminar-wrap {
		padding: 0 20px;
	}
	.page-template-ninushi #wrap #seminar .seminar-list {
		max-width: 100%;
		margin-top: -50px;
		margin-bottom: 30px;
	}
	.page-template-ninushi #wrap #seminar .seminar-list li {
		width: 100%;
		margin-right: 0%;
		margin-top: 25px;
	}
	.page-template-ninushi #wrap #seminar .seminar-list li:first-child {
		margin-top: 50px;
	}


	.page-template-ninushi #wrap #seminar .seminar-list li .thumb {
		padding-top: 56.25%;
	}

	.page-template-ninushi #wrap #seminar .seminar-list li .thumb span {
		display: inline-block;
		font-size: 12px;
		color: #fff;
		background-color: #00479d;
		line-height: 2;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 .5em;
	}
	.page-template-ninushi #wrap #case {
		padding: 55px 0 60px;
	}
	.page-template-ninushi #wrap #seminar .seminar-list li .txt {
		padding: 5% 6%;
		width: 100%;
	}
	.page-template-ninushi #wrap #seminar .seminar-list li .cat {
		font-size: 12px;
		line-height: 2;
	}
	.page-template-ninushi #wrap #seminar .seminar-list li h3 {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 10px;
	}




	.page-template-ninushi #wrap #view {
		padding: 55px 20px 60px;
	}

	.page-template-ninushi #wrap #view .view-list {
		width: 100%;
		display:block;

		margin-top: 0;
	}
	.page-template-ninushi #wrap #view .view-list li {
		width: 100%;
		margin-right: 0%;
		margin-top: 0%;
		margin-bottom: 13px;
	}



	.page-template-ninushi #wrap #view .view-list li a .thumb {
		width: 100px!important;
		height: 100px;
		padding-top: 0;
		position: relative;
	}
	.page-template-ninushi #wrap #view .view-list li a .thumb img{
		width: 100px!important;
		height: 100px;

	}

	.page-template-ninushi #wrap #view .view-list li a .txt {
		width:70%;

		padding: 2% 6%;
	}
	.page-template-ninushi #wrap #view .view-list li a .txt .cat {
		width: 100%;
		font-size: 12px;
		line-height: 1.6;
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;

	}
	.page-template-ninushi #wrap #view .view-list li a .txt h3 {
		font-size: 15px;
		line-height: 1.6;
		max-height: auto;
		overflow: hidden;
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.page-template-ninushi #wrap #view .btn-square {
		margin-top: 35px;
	}

	
	.page-template-ninushi #wrap #training{
		padding: 55px 0 60px;
	}
	.page-template-ninushi #wrap #training .section-wrap{
		padding: 0 20px;
	}
	.page-template-ninushi #wrap #training .ttl{
		margin: 35px 0 20px;
	}
	.page-template-ninushi #wrap #training .txt02{
		text-align: left;
		margin: 0 0 20px;
	}
	.page-template-ninushi #wrap #training .list{
		display: block;
	}
	.page-template-ninushi #wrap #training .list .list-item{
		width: 100%;
		margin: 0 0 20px;
	}
	.page-template-ninushi #wrap #training .list .list-item:nth-of-type(3){
		margin: 0;
	}
	.page-template-ninushi #wrap #training .link-list{
		display: block;
	}
	.page-template-ninushi #wrap #training .link-list .link-list-btn{
		width: 100%;
		margin: 0 0 20px;
	}
	.page-template-ninushi #wrap #training .link-list .link-list-btn a{
		display: block;
		margin: 0 auto;
	}
	.page-template-ninushi #wrap #view .txt01{
		text-align: left;
		margin: 0 0 20px;
	}
	.page-template-ninushi #wrap #view .view-wrap{
		display: block;
	}
	.page-template-ninushi #wrap #view .view-wrap .box{
		width: 100%;
		padding: 20px 20px 30px;
	}
	.page-template-ninushi #wrap #view .view-wrap .box:first-of-type{
		margin: 0 0 20px;
	}
	
	.page-template-ninushi #wrap #service .link-list{
		display: block;
	}
	.page-template-ninushi #wrap #service .link-list .link-list-btn{
		width: 100%;
		margin: 0 0 20px;
	}
	.page-template-ninushi #wrap #service .link-list .link-list-btn a{
		display: block;
		margin: 0 auto;
	}
	
}
/*------------------------------------------------------------
	COMMON - SERVICE INDEX
------------------------------------------------------------*/
.service_index_chart{
	margin:  55px auto 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding-bottom: 0px;

}

.service_index_chart .service_index_chart_left{
	width: 620px;

}
.service_index_chart .service_index_chart_right{
	width: 500px;
	padding-top: 15px;

}
.service_index_chart .service_index_chart_left .service_index_deital{
	margin-bottom: 30px;


}
.service_index_chart .service_index_chart_left .service_index_deital h3{
	font-size: 18px;
	font-weight: bold;
	border-bottom: #00469d 3px solid;
	padding-bottom: 3px;
	margin-bottom: 8px;
}
.service_index_chart .service_index_chart_left .service_index_deital h3.network{
	border-bottom: #005ac5 3px solid;
}
.service_index_chart .service_index_chart_left .service_index_deital h3.action{
	border-bottom: #0084ea 3px solid;
}
.service_index_chart .service_index_chart_left .service_index_deital ul{
	display: inline-block;
	padding-right: 35px;
	vertical-align: top;

}
@media screen and (max-width: 800px) {
	.service_index_chart{
		margin:  30px auto 0;
		display: block;
		padding-bottom: 60px;
	}
	.service_index_chart .service_index_chart_left{
		width: 100%;
	}
	.service_index_chart .service_index_chart_right{
		width: 100%;
		padding-top: 0px;

	}
	#wrap .archive-service.service .section-content.gray {
		padding: 40px 20px 0;
		margin-top: 0;
	}
	#wrap .archive-service.service .archive-service-list li {
		margin-top: 0;
	}
	#wrap .archive-service.service .archive-service-list {
		padding-bottom: 0;
	}
	.service_index_chart .service_index_chart_left .service_index_deital{
		margin-bottom: 25px;


	}
	.service_index_chart .service_index_chart_left .service_index_deital h3{
		font-size: 15px;
		line-height: 1.5;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}

	.service_index_chart .service_index_chart_left .service_index_deital ul{
		display: block;
		padding-right: 0px;
		vertical-align: top;

	}
}



/*------------------------------------------------------------
	COMMON - SERVICE
------------------------------------------------------------*/
.mb0 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.service .section-content .content {
  font-size: 15px;
  line-height: 2;
}
.service .section-content .content h2 {
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 30px;
  line-height: 1.6;
  padding: 90px 0 .5em;
  margin-bottom: 1.2em;
  position: relative;
}
.service .section-content .content h2.service-tit {
  padding: 50px 0 .5em;
}
.service .section-content .content h2:after {
  content: '';
  display: block;
  width: 50px;
  height: 2px;
  background-color: #00479d;
  position: absolute;
  bottom: 0;
  left: 0;
}
.service .section-content .content h2.lead {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 3em;
  padding: 0;
}
.service .section-content .content h2.lead:after {
  display: none;
}
.service .section-content .content strong {
  font-weight: bold;
}
.service .section-content .content .w900 {
  max-width: 900px;
  margin: 0 auto 2em;
}
.service .section-content .content .w1000 {
  max-width: 1000px;
  margin: 0 auto 2em;
}
.service .section-content .content p {
  margin-bottom: 2.2em;
}
.service .section-content .content p br.pc{
	display: block;
}
.service .section-content .content p.mb0 {
  margin-bottom: 0em;
}
@media screen and (min-width: 801px) {
	.service .section-content .content p a.txt-link:hover{
		text-decoration: underline;
	}
}

.noborder {
  border: none !important;
}
.service .case {
	margin:0 0 80px;
}
@media screen and (max-width: 1000px) {
	#wrap .service .section-content .content p br.pc{
		display: none;
	}
}
@media screen and (max-width: 800px) {
	.service .section-content .content {
		font-size: 13px;
		line-height: 1.8;
	}
	.service .section-content .content h2 {
		font-size: 21px;
		line-height: 1.6;
		padding: 50px 0 .5em;
		margin-bottom: 1.2em;
		position: relative;
	}
	.service .section-content .content h2.service-tit {
	  padding: 30px 0 .5em;
	}
	.service .section-content .content h2:after {
		width: 35px;
		height: 2px;
	}
	.service .section-content .content h2.lead {
		font-size: 15px;
		line-height: 1.67;
		margin-bottom: 1.8em;
	}
	.service .section-content .content h2.lead:after {
		display: none;
	}
	.service .section-content .content strong {
		font-weight: bold;
		font-size: 14px;
	}
	.service .section-content .content .w900 {
		max-width: 900px;
		margin: 0 auto 2em;
	}
	.service .section-content .content p {
		margin-bottom: 2.2em;
	}
}
@media screen and (max-width: 565px) {
	#wrap .service .section-content .content p br.pc{
		display: block !important;
	}
}
/*------------------------------------------------------------
	ARCHIVE - SERVICE
------------------------------------------------------------*/
#archive.archive-service {
  padding-bottom: 0;
}
.archive-service-list {
  max-width: 1160px;
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 45px;
}
.archive-service-list li {
  width: 33.333%;
  border-left: 1px solid #ddd;
  margin-top: 60px;
}
.archive-service-list li:nth-child(3n) {
  border-right: 1px solid #ddd;
}
.archive-service-list li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10%;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.archive-service-list li a:hover {
  opacity: .5;
}
.archive-service-list li .thumb {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.archive-service-list li .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
	font-family: 'object-fit: cover;';
}
.archive-service-list li .txt h3 {
  font-size: 18px;
  line-height: 1.67;
  font-weight: bold;
  position: relative;
  padding: 30px 0 15px;
  margin: 0;
  margin-bottom: 30px;
}
.archive-service-list li .txt h3:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 30px;
  background-color: #00479d;
}
.archive-service-list li .txt p {
  font-size: 15px;
  font-weight: normal;
  line-height: 2;
}
#wrap .archive-service .section-content.bg-gray {
  max-width: 100%;

  padding-bottom: 60px;
}
#wrap .archive-service .section-content.bg-gray .content {
  max-width: 1160px;
  width: 100%;
  margin: auto;
}
#wrap .archive-service .tab-wrap .tab-nav {
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
#wrap .archive-service .tab-wrap .tab-content-wrap {
	padding: 0 0 5.0vw;
}
#wrap .archive-service .tab-wrap input, #wrap .archive-service .tab-wrap .tab-content {
  display: none;
}
#wrap .archive-service .tab-content {
  padding: 40px 0;
}
#wrap .archive-service label {
  cursor: pointer;
  display: block;
  width: auto;
  padding: 0 20px;
  font-size: 14px;
  line-height: 2.4;
  margin-right: 8px;
	margin-bottom: 8px;
  text-align: center;
  color: #00479d;
  border: 1px solid #00479d;
  border-radius: 50px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
#wrap .archive-service label:hover {
  color: #fff;
  background-color: #00479d;
}
#wrap .archive-service #tab0:checked ~ .tab-nav .tab0, #wrap .archive-service #tab1:checked ~ .tab-nav .tab1, #wrap .archive-service #tab2:checked ~ .tab-nav .tab2,
#wrap .archive-service #tab3:checked ~ .tab-nav .tab3, #wrap .archive-service #tab4:checked ~ .tab-nav .tab4, #wrap .archive-service #tab5:checked ~ .tab-nav .tab5,
#wrap .archive-service #tab6:checked ~ .tab-nav .tab6, #wrap .archive-service #tab7:checked ~ .tab-nav .tab7, #wrap .archive-service #tab8:checked ~ .tab-nav .tab8,
#wrap .archive-service #tab9:checked ~ .tab-nav .tab9,
#wrap .archive-service #tab10:checked ~ .tab-nav .tab10, #wrap .archive-service #tab11:checked ~ .tab-nav .tab11, #wrap .archive-service #tab12:checked ~ .tab-nav .tab12, #wrap .archive-service #tab13:checked ~ .tab-nav .tab13, #wrap .archive-service #tab14:checked ~ .tab-nav .tab14, #wrap .archive-service #tab15:checked ~ .tab-nav .tab15, #wrap .archive-service #tab16:checked ~ .tab-nav .tab16, #wrap .archive-service #tab17:checked ~ .tab-nav .tab17, #wrap .archive-service #tab18:checked ~ .tab-nav .tab18, #wrap .archive-service #tab19:checked ~ .tab-nav .tab19,
#wrap .archive-service #tab20:checked ~ .tab-nav .tab20, #wrap .archive-service #tab21:checked ~ .tab-nav .tab21, #wrap .archive-service #tab22:checked ~ .tab-nav .tab22, #wrap .archive-service #tab23:checked ~ .tab-nav .tab23, #wrap .archive-service #tab24:checked ~ .tab-nav .tab24, #wrap .archive-service #tab25:checked ~ .tab-nav .tab25, #wrap .archive-service #tab26:checked ~ .tab-nav .tab26, #wrap .archive-service #tab27:checked ~ .tab-nav .tab27, #wrap .archive-service #tab28:checked ~ .tab-nav .tab28, #wrap .archive-service #tab29:checked ~ .tab-nav .tab29 {
  color: #fff;
  background-color: #00479d;
}
#tab0:checked ~ .tab-content-wrap #tab-content0, #tab1:checked ~ .tab-content-wrap #tab-content1, #tab2:checked ~ .tab-content-wrap #tab-content2,
#tab3:checked ~ .tab-content-wrap #tab-content3, #tab4:checked ~ .tab-content-wrap #tab-content4, #tab5:checked ~ .tab-content-wrap #tab-content5,
#tab6:checked ~ .tab-content-wrap #tab-content6, #tab7:checked ~ .tab-content-wrap #tab-content7, #tab8:checked ~ .tab-content-wrap #tab-content8,
#tab9:checked ~ .tab-content-wrap #tab-content9,
#tab10:checked ~ .tab-content-wrap #tab-content10, #tab11:checked ~ .tab-content-wrap #tab-content11, #tab12:checked ~ .tab-content-wrap #tab-content12,
#tab13:checked ~ .tab-content-wrap #tab-content13, #tab14:checked ~ .tab-content-wrap #tab-content14, #tab15:checked ~ .tab-content-wrap #tab-content15,
#tab16:checked ~ .tab-content-wrap #tab-content16, #tab17:checked ~ .tab-content-wrap #tab-content17, #tab18:checked ~ .tab-content-wrap #tab-content18,
#tab19:checked ~ .tab-content-wrap #tab-content19,
#tab20:checked ~ .tab-content-wrap #tab-content20, #tab21:checked ~ .tab-content-wrap #tab-content21, #tab22:checked ~ .tab-content-wrap #tab-content22,
#tab23:checked ~ .tab-content-wrap #tab-content23, #tab24:checked ~ .tab-content-wrap #tab-content24, #tab25:checked ~ .tab-content-wrap #tab-content25,
#tab26:checked ~ .tab-content-wrap #tab-content26, #tab27:checked ~ .tab-content-wrap #tab-content27, #tab28:checked ~ .tab-content-wrap #tab-content28,
#tab29:checked ~ .tab-content-wrap #tab-content29 {
  display: block;
}
#wrap .archive-service .tab-content {
  -webkit-animation: fadeIn 0.7s ease-in-out;
  -moz-animation: fadeIn 0.7s ease-in-out;
  animation: fadeIn 0.7s ease-in-out;
}
#wrap .archive-service .service-list {
  border-bottom: 1px solid #ddd;
}
#wrap .archive-service .service-list > li > h3 {
  font-family: 'Lato', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  float: left;
  width: 260px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  padding: 15px 10px;
	margin-bottom: 0;
}
#wrap .archive-service .service-list > li > h3:after {
  display: none;
}
#wrap .archive-service .service-list > li {
  border-top: 1px solid #ddd;
}
#wrap .archive-service .service-list > li > ul > li:first-child {
  border-top: none;
}

#wrap .archive-service .service-list > li > ul {
  margin-left: 260px;
}
#wrap .archive-service .service-list > li > ul > li   {
  border-top: 1px solid #ddd;
}
#wrap .archive-service .service-list > li > ul > li:first-child {
  border-top: none;
}
#wrap .archive-service .service-list > li > ul > li > a {
  display: block;
  position: relative;
  padding: 15px 0 15px 1em;
  font-size: 15px;
  line-height: 2;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
#wrap .archive-service .service-list > li > ul > li a:hover {
  background-color: #eee;
}

#wrap .wp-block-button.red{
	padding: 0 0 60px;
}
#wrap .wp-block-button.red a{
	display: inline-block;
	width: 100%;
	max-width: 500px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	padding: 24px 0 24px;
	background-color: #00479d;
	border-radius: 35px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border: none;
}
#wrap .wp-block-button.red a:after {
	width: 22px;
	height: 22px;
	background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon_arrow-common-link-w.svg) center center/contain no-repeat;
	vertical-align: text-bottom;
}
#wrap .wp-block-button.red a:hover{
	opacity: 0.6;
}

@media screen and (max-width: 800px) {
  .archive-service-list {
    margin-top: 0;
    padding-bottom: 50px;
  }
  .archive-service-list li {
    width: 100%;
    border: none;
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding-top: 40px;
  }
  .archive-service-list li:nth-child(3n) {
    border-right: none;
  }
  .archive-service-list li:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  .archive-service-list li a {
    padding: 0;
  }
  .archive-service-list li .txt h3 {
    font-size: 16px;
    padding: 15px 0;
    margin-bottom: 20px;
  }
  .archive-service-list li .txt p {
    font-size: 13px;
    line-height: 1.6;
  }
	#wrap .archive-service .service-list > li > h3 {

	  float: none;
	  width: 100%;
	  font-size: 15px;
	  line-height: 1.6;
	  padding: 15px 0px 5px;
		margin-bottom: 0;
	}


	#wrap .archive-service .service-list > li > ul {
	  margin-left: 0px;
	}


	#wrap .archive-service .service-list > li > ul > li > a {
	  display: block;
	  position: relative;
	  padding: 10px 0 10px 1em;
	  font-size: 13px;
	  line-height: 2;

	}
		#wrap .archive-service .tab-content {
	  padding: 15px 0 0;
	}
		#wrap .archive-service label {
	  padding: 0 10px;
	  font-size: 12px;
	  line-height: 2.0;
	  margin-right: 5px;
		margin-bottom: 5px;

	}
	#wrap .archive-service .tab-wrap .tab-content-wrap {
		padding: 0 0 10.0vw;
	}
}


/*------------------------------------------------------------
	SINGLE COMMON
------------------------------------------------------------*/

#single.single-common .section-content .content .wp-block-image {
	margin-bottom: 1.875em;
}
#single.single-common .section-content .content h3 {
	font-size: 20px;
	padding-bottom: .3em;
	margin-bottom: 1em;
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 3px solid #00479d;
}
#single.single-common .section-content .content h4 {
	font-size: 16px;
	line-height: 2;
	padding: 0 .75em;
	margin-bottom: .5em;
	display: inline-block;
	background-color: #00479d;
	color: #fff;
}
#single.single-common .section-content .content h4:after {
	content: '';
	display: block;
	clear: both;
}
#single.single-common .section-content .content * + h3 {
	margin-top: 2em;
}
#single.single-common .section-content .content * + h4 {
	margin-top: 1em;
}
#single.single-common .section-content .content strong {
	font-weight: bold;
}
#single.single-common .section-content .content p {
	font-size: 16px;
	line-height: 1.875;
	margin-bottom: 1.875em;
}
#single.single-common .section-content .content p:last-child {
	margin-bottom: 0;
}


#single.single-common .section-content .content .seminar_kouza ul li{
	border-bottom: 1px solid #D9D9D9;
	padding: 20px 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit{
	position: relative;
	cursor: pointer;
	padding: 0 40px 0 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn{
	position: absolute;
	right: 0;
	top: 50%;
	margin: -15px 0 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn span{
	position: relative;
	width: 30px;
	height: 30px;
	background: #1047A2;
	border: 1px solid #1047A2;
	border-radius: 50%;
	display: block;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit.on .menu-btn span{
	background: #fff;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn span:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -7px;
	width: 14px;
	height: 2px;
	background-color: #fff;
	transition: .2s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	border-right: none;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .menu-btn span:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -7px;
	width: 14px;
	height: 2px;
	background-color: #fff;
	transition: .3s;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit.on .menu-btn span:before{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	background-color: #1047A2;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit.on .menu-btn span:after{
	background-color: transparent;
	background-color: #1047A2;
}

#single.single-common .section-content .content .seminar_kouza ul li .tit .course {
	margin: 0 0 5px;
	display: block;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .name{
	margin: 0 0 5px;
	display: block;
}
#single.single-common .section-content .content .seminar_kouza ul li .tit .name span{
	margin: 0 10px 0 0;
}
#single.single-common .section-content .content .seminar_kouza ul li .text{
	background: #F2F2F2;
	margin: 10px 0 0;
	padding: 20px;
}
#single.single-common .section-content .content .seminar_kouza ul li .text p{
	margin: 0 0 1.0em;
}
#single.single-common .section-content .content .seminar_kouza ul li .text p:last-of-type{
	margin: 0;
}

@media screen and (max-width: 800px) {
	#single.single-common .section-content .content .wp-block-image {
		margin-bottom: 1em;
		text-align: center;
	}
	#single.single-common .section-content .content * + h3 {
		margin-top: 2em;
		font-size: 18px;
	}
	#single.single-common .section-content .content p {
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 2em;
	}
}

/*------------------------------------------------------------
	SINGLE - SERVICE
------------------------------------------------------------*/
#wrap .single-service .section-title .title {
  line-height: 1.25;
}
#wrap .single-service .section-title .title .cat {
  font-size: 16px;
  display: block;
  line-height: 1.6;
}
.single-service .section-content .content {
  padding-bottom: 40px;
}
.single-service .section-content .content * + h2 {
  margin-top: 100px;
  position: relative;
}
.single-service .section-content .content * + h2:before,
.single-service .case .section-content .content h2:before {
  content: '';
  display: block;
  width: 100vw;
  height: 1px;
  background-color: #eee;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
}
.single-service .section-content .content * + h2.no-border:before{
	content: none;
}
.single-service .section-content .content * + h2.firstarea:before {
  content: '';
  display: block;
  width: 100vw;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
}
.single-service .section-content .content .bluelist li {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1.6em;
}
.single-service .section-content .content .bluelist li:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 13px;
  height: 15px;
  background-color: #00479d;
  margin-right: .75em;
  left: 0;
  top: 8px;
  vertical-align: text-bottom;
}
.single-service .section-content .content .bluelist li:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 7px;
  border-color: transparent transparent transparent #00479d;
  position: absolute;
  left: 13px;
  top: 8px;
}
.single-service .section-content .content .column-5, .single-service .section-content .content .column-4, .single-service .section-content .content .column-3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.2em;
}
.single-service .section-content .content .column-3 > li {
  width: 33.333%;
  margin-bottom: 30px;
}
.single-service .section-content .content .column-3 > li:nth-child(3n+1){
  border-left: 1px solid #ddd;
}
.single-service .section-content .content .column-4 > li {
  width: 25%;
  margin-bottom: 30px;
}
.single-service .section-content .content .column-4 > li:nth-child(5) {
  border-left: 1px solid #ddd;
}
.single-service .section-content .content .column-5 > li {
  width: 20%;
}
.single-service .section-content .content .column-6 > li {
  width: 16.666%;
}
.single-service .section-content .content .steplist > li {
  padding: 1% 2.5%;
  border-right: 1px solid #ddd;
}
.single-service .section-content .content .steplist > li:first-child {
  border-left: 1px solid #ddd;
}
.single-service .section-content .content .steplist > li.border_left {
  border-left: 1px solid #ddd;
}
.single-service .section-content .content .steplist > li .step {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  line-height: 1.6;
  padding: 0 .5em;
  background-color: #00479d;
  margin-bottom: 20px;
}
.single-service .section-content .content .steplist > li h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0;
  min-height: 4.2em;
  border: none;
  padding: 0;
  margin: 0;
  margin-bottom: .5em;
}
.single-service .section-content .content .steplist > li li {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: .5em;
  padding-left: 1em;
  position: relative;
}
.single-service .section-content .content .steplist > li li:before {
  content: 'ー';
  position: absolute;
  top: 0;
  left: 0;
}
.single-service .section-content .content .steplist.column-3 li p {
  margin-bottom: .0em;
}
.single-service .section-content .content .table-style1, .single-service .section-content .content .table-style1 tbody, .single-service .section-content .content .table-style1 tr {
  width: 100%;
  font-size: 15px;
}
.single-service .section-content .content .table-style1 tr.gray {
  background: #f5f5f5;
}
.single-service .section-content .content .table-style1 tr.center td {
  text-align: center;
}
.single-service .section-content .content .table-style1 th {
  vertical-align: middle;
  text-align: center;
  padding: .75em 1.5em 1.5em;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}
.single-service .section-content .content .table-style1 th:before {
  content: '';
  width: 2px;
  height: 100%;
  background: #00479d;
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
}
.single-service .section-content .content .table-style1 th:first-child:before {
  display: none;
}
.single-service .section-content .content .table-style1 tr:first-child th {
  border-bottom: 2px solid #00479d;
}
.single-service .section-content .content .table-style1 td {
  padding: 1em 1.5em;
  text-align: left;
  vertical-align: middle;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.single-service .section-content .content .table-style1 td:first-child {
  border-left: none;
}
.single-service .section-content .content table.dm-list {
  width: 100%;
  font-size: 11px;
  line-height: 1.5;
  border: 1px solid #ddd;
  margin-top: 20px;
  vertical-align: top;
}
.single-service .section-content .content table.dm-list th {
  width: 12.5%;
  vertical-align: top;
}
.single-service .section-content .content table.dm-list th span.any {
  display: block;
  color: #00A1D3;
  border: #00A1D3 1px solid;
  border-radius: 3px;
  font-size: 9px;
  margin-bottom: 3px;
}
.single-service .section-content .content table.dm-list th span.must {
  display: block;
  color: #d01d40;
  border: #d01d40 1px solid;
  border-radius: 3px;
  font-size: 9px;
  margin-bottom: 3px;
}
.single-service .section-content .content table.dm-list th {
  background: #f5f5f5;
}
.single-service .section-content .content table.dm-list th {
  vertical-align: middle;
  text-align: center;
  padding: .7em .7em;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
}
.single-service .section-content .content table.dm-list td {
  padding: .7em .7em;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.single-service .section-content .content .table-style1 td:first-child {
  border-left: none;
}
@media screen and (max-width: 800px) {
  #wrap .single-service .section-title .title {
    line-height: 1.4;
    padding: 0 15px;
  }
  #wrap .single-service .section-title .title .cat {
    font-size: 13px;
    display: block;
    line-height: 1.6;
  }
  .single-service .section-content .content {
    padding-bottom: 50px;
  }
  .single-service .section-content .content * + h2 {
    margin-top: 50px;
    position: relative;
  }
  .single-service .section-content .content * + h2:before {
    content: '';
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
  }
  .single-service .section-content .content * + h2.firstarea:before {
    content: '';
    display: block;
    width: 100vw;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50vw;
  }
  .single-service .section-content .content .bluelist li {
    margin-bottom: 1em;
    padding-left: 2.0em;
    text-align: justify;
  }
  .single-service .section-content .content .bluelist li:after {
    position: absolute;
    left: 13px;
    top: 5px;
  }
  .single-service .section-content .content .bluelist li:before {
    position: absolute;
    left: 0;
    top: 5px;
  }
  .single-service .section-content .content .column-5 {
    display: block;
    margin-bottom: 2.2em;
  }
  .single-service .section-content .content .column-5 > li,
	.single-service .section-content .content .column-3 > li,
	.single-service .section-content .content .column-4 > li,
	.single-service .section-content .content .column-6 > li{
    width: 100%;
  }
  .single-service .section-content .content .steplist > li {
    padding: 7% 0% 5%;
    border-right: none;
    border-bottom: 1px solid #ddd;
  }

  .single-service .section-content .content .steplist > li:first-child {
    border-left: none;
    padding: 0% 0% 5%;
  }
  .single-service .section-content .content .steplist > li .step {
    margin-bottom: 10px;
  }
  .single-service .section-content .content .steplist > li h3 {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0;
    min-height: 0;
    margin-bottom: 0.8em;
  }
  .single-service .section-content .content .steplist > li li {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: .2em;
    padding-left: 1em;
    position: relative;
  }
  .single-service .section-content .content .steplist > li li:before {
    content: 'ー';
    position: absolute;
    top: 0;
    left: 0;
  }
  .single-service .section-content .content .table-style1, .single-service .section-content .content .table-style1 tbody, .single-service .section-content .content .table-style1 tr {
    width: 100%;
    font-size: 13px;
  }
  .single-service .section-content .content .table-style1 {
	  display: block;
	  width: 100%;
	  overflow-x: scroll;
	  position: relative;
  }

  .single-service .section-content .content .table-style1 tbody {
	  display: table;
	  min-width: 800px;
  }
  .single-service .section-content .content .table-style1 strong {
    font-size: 13px;
  }
  .single-service .section-content .content .table-style1 th {
    vertical-align: middle;
    text-align: center;
    padding: .75em 1.5em 1.5em;
    position: relative;
    overflow: hidden;
  }
  .single-service .section-content .content .table-style1 th:before {
    content: '';
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
  }
  .single-service .section-content .content .table-style1 th:first-child:before {
    display: none;
  }
  .single-service .section-content .content .table-style1 td {
    padding: 1em 1.5em;
  }
  .single-service .section-content .content .table-style1 td:first-child {
    border-left: none;
  }

	.single-service .section-content .content table.dm-list {
  width: 100%;
  font-size: 11px;
  line-height: 1.5;
		display: block;
		overflow-x: scroll;
	  position: relative;
		border: none;
}
		.single-service .section-content .content table.dm-list tbody{
			min-width: 800px;
			display: table;
}
	.single-service .section-content .content table.dm-list tr {
width: 100%;
}



}
/*------------------------------------------------------------
新井追記11/20
------------------------------------------------------------*/
.single-service .section-content .content h2.firstarea {
  margin-top: 0px;
  padding-top: 0;
  position: relative;
}
.single-service .section-content .content h3.subttl {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px #00479d solid;
  padding-bottom: 8px;
  margin-bottom: 16px;
  margin-top: 50px;
  line-height: 1.6;
}
.single-service .section-content .content h3.subttl.firstarea {
  margin-top: 0px;
}
.service .section-content .content figure {
  margin: 0 auto 2em;
}
.service .section-content .content figure.w440 {
  margin: 0 auto 2em;
  max-width: 440px;
}
.single-service .section-content .content a.txtlink {
  color: #00479d;
  display: block;
  margin-top: 10px;
}
.single-service .section-content .content a.txtlink:after {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(images/icon_arrow-common-link.svg) center center/contain no-repeat;
  vertical-align: text-bottom;
  margin-left: .25em;
}
.single-service .section-content .content .mb0 {
  margin-bottom: 0px !important;
}
.single-service .section-content .content .mb40 {
  margin-bottom: 40px !important;
}
.single-service .section-content .content .mb50 {
  margin-bottom: 50px !important;
}
.single-service .section-content .content .mb60 {
  margin-bottom: 60px !important;
}
.single-service .section-content .content .mt40 {
  margin-top: 40px !important;
}
.single-service .section-content .content .mt50 {
  margin-top: 50px !important;
}
.single-service .section-content .content .mt60 {
  margin-top: 60px !important;
}
.single-service .section-content .content .strong_copy01 {
  color: #d01d40;
  font-weight: bold;
  font-size: 22px;
  padding-top: 15px;
}
.single-service .section-content .content span.marker {
  display: inline;
  padding: 0 0px 0;
  background: linear-gradient(transparent 80%, #ffd9e1 80%);
}
.single-service .section-content .content span.red {
  color: #d01d40;
}
.single-service .section-content .content span.blue {
  color: #00479d;
}
.single-service .section-content .content .common_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 40px;
}
.single-service .section-content .content .common_box.mb0 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 0px;
}
.single-service .section-content .content .common_box:last-child {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-bottom: 0px;
}
.single-service .section-content .content .common_box .common_box_left {
  width: 300px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_left.w720 {
  width: 720px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_left.w520 {
  width: 520px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_left.w820 {
  width: 820px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_right {
  width: 820px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_right.w400 {
  width: 400px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_right.w300 {
  width: 300px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_right.w600 {
  width: 600px;
  box-sizing: border-box;
}
.single-service .section-content .content .common_box .common_box_right dt {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 6px;
  margin-top: -10px;
}
.single-service .section-content .content ul.steplist_vertical li {
  padding: 2.5% 2.5%;
  border: 1px solid #ddd;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center; /* 子要素をflexboxにより中央に配置する */
  margin-bottom: 30px;
}
.single-service .section-content .content ul.steplist_vertical li:last-child {
  margin-bottom: 0px;
}
.single-service .section-content .content ul.steplist_vertical li .steplist_vertical_number {
  color: #00479d;
  font-size: 40px;
  line-height: 1.0;
  text-align: center;
  padding-left: 0px;
  width: 10%;
}
.single-service .section-content .content ul.steplist_vertical li .steplist_vertical_number span {
  font-size: 15px;
  display: block;
}
.single-service .section-content .content ul.steplist_vertical li .steplist_vertical_detail {
  border-left: #ddd 1px solid;
  margin-left: 20px;
  padding-left: 45px;
  width: 90%;
}
.single-service .section-content .content ul.steplist_vertical li .steplist_vertical_detail h3 {
  font-weight: bold;
  font-size: 18px;
}
.single-service .section-content .content ul.steplist_vertical li .steplist_vertical_detail h3 span {
  font-weight: bold;
  font-size: 11px;
}
.single-service .section-content .content ul.steplist_vertical li .steplist_vertical_detail p {
  margin-bottom: 0;
}
.single-service .section-content .content .pricearea {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.single-service .section-content .content .pricearea + div {
  margin: 30px auto 0;
  text-align: center;
}
.single-service .section-content .content .pricearea h3 {
  font-size: 20px;
  border-top: 1px solid #d01d40;
  border-bottom: 1px solid #d01d40;
  padding: 8px;
}
.single-service .section-content .content .pricearea .price {
  color: #d01d40;
  font-size: 45px;
  font-family: 'EB Garamond', serif;
  line-height: 1.5;
  margin-bottom: 0;
}
.single-service .section-content .content .pricearea .price span {
  font-size: 20px;
  margin-left: 4px;
}
.single-service .section-content .content .pricearea .price_caution {
  font-size: 13px;
  text-align: right;
}
.single-service .section-content .content .cvarea {
  text-align: center;
}
.single-service .section-content .content .cvarea a {
  display: inline-block;
  max-width: 400px;
  width: 100%;
  color: #fff;
  letter-spacing: .05em;
  text-indent: .05em;
  font-size: 15px;
  line-height: 2;
  padding: .9em 1em;
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-color: #d01d40;
}
.single-service .section-content .content .cvarea a:hover {
  background-color: #a80d2b;
}
.single-service .section-content .content .cvarea a .arrow {
  display: inline-block;
  width: 16px;
  height: 1px;
  margin-left: 3px;
  background-color: #fff;
  position: relative;
  vertical-align: middle;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.single-service .section-content .content .cvarea a .arrow:after {
  content: '';
  display: block;
  height: 1px;
  width: 6px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.single-service .section-content .content ul.imglist {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 30px;
}
.single-service .section-content .content ul.imglist.multi {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: normal;
  box-sizing: border-box;
  text-align: left;
  flex-flow: row wrap;
  margin-left: -30px;
  margin-bottom: 0px;
}

.single-service .section-content .content ul.imglist.multi02 {
  width: 100%;
  margin: auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  justify-content: flex-start;
}
.single-service .section-content .content ul.imglist.center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin: 0 auto 30px;
}
.single-service .section-content .content ul.imglist-survey {
  display: -webkit-flex;
  display: flex;
 -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-service .section-content .content ul.imglist-survey li {
  margin-right: 2%;
  width: 32%;
	border: #ddd 1px solid;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 2%;
}
.single-service .section-content .content ul.imglist-survey li p{
	margin-bottom: 3px;
}
.single-service .section-content .content ul.imglist-survey li:nth-child(3n) {
  margin-right: 0%;
}
.single-service .section-content .content ul.imglist-survey li:last-child {
  margin-bottom: 0%;
}
.single-service .section-content .content ul.imglist.column-2 li {
  margin-right: 30px;
  width: 50%;
}
.single-service .section-content .content ul.imglist.column-2 li:last-child {
  margin-right: 0px;
  width: 50%;
}
.single-service .section-content .content ul.imglist.column-3 li {
  margin-right: 30px;
  width: 33.333%;
}
.single-service .section-content .content ul.imglist.column-3 li dt {
  font-weight: bold;
  font-size: 18px;
  margin-top: 13px;
  margin-bottom: 3px;
}
.single-service .section-content .content ul.imglist.column-3 li.gray_border {
  padding-left: 30px;
  margin-right: 0px;
  width: 33.333%;
  margin-bottom: 30px;
}
.single-service .section-content .content ul.imglist.column-4 li.gray_border {
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 15px;
  width: 24%;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #ddd;
}
.single-service .section-content .content ul.imglist.column-4 li:nth-child(4).gray_border {
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0;
  width: 24%;
  margin-bottom: 20px;
  position: relative;
  box-sizing: border-box;
}
.single-service .section-content .content ul.imglist.column-4 li {
  margin-right: 30px;
  width: 25%;
}
.single-service .section-content .content ul.imglist.column-4 li dt {
  font-weight: bold;
  font-size: 18px;
  margin-top: 13px;
  margin-bottom: 3px;
}
.single-service .section-content .content ul.imglist.column-6 li {
  margin-right: 15px;
  width: 16.666%;
}
.single-service .section-content .content ul.imglist.column-4 li:last-child, .single-service .section-content .content ul.imglist.column-6 li:last-child {
  margin-right: 0px;
}
.single-service .section-content .content ul.imglist.column-4 li p {
  margin-bottom: 16px;
  padding-top: 10px;
}
.single-service .section-content .content ul.imglist.column-3 li:last-child {
  margin-right: 0px;
}
.single-service .section-content .content ul.imglist.column-2 h4, .single-service .section-content .content ul.imglist.column-3 h4 {
  font-size: 16px;
  font-weight: bold;
  padding-top: 13px;
  padding-bottom: 4px;
}
.single-service .section-content .content ul.imglist.column-2 p, .single-service .section-content .content ul.imglist.column-3 p {
  margin-bottom: 0;
}
.single-service .section-content .content ul.imglist.column-4 li a.anchor_btn {
  border: 1px solid #00479d;
  color: #00479d;
  border-radius: 30px;
  width: 200px;
  display: block;
  height: 40px;
  line-height: 38px;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.single-service .section-content .content ul.imglist.column-4 li a.anchor_btn:hover {
  background-color: #00479d;
  color: #fff;
}
.single-service .section-content .content .common_box02 {
  margin-bottom: 30px;
}
.single-service .section-content .content .common_box02 h3 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px #00479d solid;
  padding-bottom: 5px;
  margin-bottom: 14px;
  line-height: 1.6;
}
.single-service .section-content .content .common_box02 h3 span {
  font-size: 11px;
  font-weight: normal;
  background-color: #00479d;
  color: #fff;
  padding: 2px 5px 3px;
  margin-right: 9px;
  vertical-align: 3px;
}
.single-service .section-content .content .common_box02 li {
  padding-bottom: 6px;
  padding-left: 1em;
  text-indent: -1em;
}
.single-service .section-content .content .attentionbox {
  background-color: #f5f5f5;
  padding: 20px 30px;
}
.single-service .section-content .content .attentionbox dt {
  font-size: 18px;
  color: #00479d;
  font-weight: bold;
}
.single-service .section-content .content dl.lead02 {
  margin-bottom: 40px;
}
.single-service .section-content .content dl.lead02 dt {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 8px;
  line-height: 1.6;
}
.single-service .section-content .content ul.caution_list {
  padding-top: 20px;
}
.single-service .section-content .content ul.caution_list.pt0 {
  padding-top: 0px;
}
.single-service .section-content .content ul.caution_list li {
  font-size: 13px;
  padding-left: 1em;
  text-indent: -1em;
}
.single-service .section-content .content .badlist li {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1.6em;
}
.single-service .section-content .content .badlist li:before {
  content: url(images/icon_bad.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 3px;
}
.single-service .section-content .content .checklist li {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1.8em;
}
.single-service .section-content .content .checklist li:before {
  content: url(images/icon_check.svg);
  display: inline-block;
  width: 20px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 4px;
}
.single-service .section-content .content .directarea {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  padding-top: 20px;
}
.single-service .section-content .content .triangele01 {
  width: 0;
  height: 0;
  border-left: 120px solid transparent;
  border-right: 120px solid transparent;
  border-top: 35px solid #dddddd;
  margin: 12px auto 25px;
}
.single-service .section-content .content ul.txtlist {
  margin-bottom: 40px;
}
.single-service .section-content .content ul.txtlist li {
  padding-left: 1em;
  text-indent: -1em;
}
.single-service .section-content .content ul.tag_icon {
  font-size: 11px;
  color: #fff;
  margin-bottom: 8px;
}
.single-service .section-content .content ul.tag_icon li {
  display: inline-block;
  margin-right: 5px !important;
  background-color: #00479d;
  padding: 0px 5px;
  width: auto !important;
  border-radius: 3px;
}
.single-service .section-content .content .padding30 {
  padding: 25px 30px;
  border: 1px solid #ddd;
}
.single-service .section-content .content .padding30_noborder {
  padding: 25px 30px;
}
.single-service .section-content .content .cv_ttl {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.single-service .section-content .content .faq_list {}
.single-service .section-content .content .faq_list .faq_box {
  width: 100%;
  border-bottom: 1px solid #dddddd;
  padding: 40px 0 30px;
}
.single-service .section-content .content .faq_list .faq_box:first-child {
  padding: 0 0 30px;
}
.single-service .section-content .content .faq_list .faq_box:last-child {
  border-bottom: none;
  padding: 30px 0 0px;
}
.single-service .section-content .content .faq_list .faq_box .question_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.single-service .section-content .content .faq_list .faq_box .question_box .question_icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  color: #fff;
  background-color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  margin: 0 14px 0 0;
}
.single-service .section-content .content .faq_list .faq_box .question_box .question_txt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}
.single-service .section-content .content .faq_list .faq_box .answer_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 0 0 20px;
  margin: 10px 0 0 0;
}
.single-service .section-content .content .faq_list .faq_box .answer_box .answer_icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  color: #fff;
  background-color: #00479d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  margin: 0 14px 0 0;
}
.single-service .section-content .content faq_area .faq_list .faq_box .answer_box .read_txt {
  margin: 5px 0 0 0;
  width: 85%;
}
.single-service .section-content .content .moviearea iframe {
  margin: 0 auto 2em;
  display: block;
  width: 800px;
  height: 450px;
}
.single-service .section-content .content ul.iconlist {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: normal;
  box-sizing: border-box;
  text-align: left;
  flex-flow: row wrap;
  margin-bottom: 0px;
}
.single-service .section-content .content ul.iconlist.center {
  justify-content: center;
}
.single-service .section-content .content ul.iconlist li {
  width: 20%;
  text-align: center;
}
.single-service .section-content .content ul.iconlist.icon_column-4 li {
  width: 25%;
  text-align: center;
  margin-bottom: 25px;
}
.single-service .section-content .content ul.iconlist.icon_column-6 li {
  width: calc(100% / 6);
  text-align: center;
  margin-bottom: 25px;
}
.single-service .section-content .content ul.iconlist li .icon_img {
  background-color: #f5f5f5;
  border-radius: 60px;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center; /* 子要素をflexboxにより中央に配置する */
}
.single-service .section-content .content ul.iconlist li .icon_img img {
  width: 60px;
}
.single-service .section-content .content ul.iconlist li .icon_name {
  padding-top: 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}
.single-service .section-content .content ul.casebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.single-service .section-content .content ul.casebox li {
  width: 48%;
  position: relative;
  background-color: #f5f5f5;
  padding: 25px;
}
.single-service .section-content .content ul.casebox li:first-child:after {
  width: 0;
  content: "";
  height: 0;
  position: absolute;
  right: -35px;
  top: 40%;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 20px solid #ccc;
}
.single-service .section-content .content ul.casebox li .case_status {
  color: #00479d;
  border: 1px solid #00479d;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}
.single-service .section-content .content ul.casebox li .case_status.case_after {
  border: 1px solid #d01d40;
  color: #d01d40;
}
.single-service .section-content .content ul.casebox li dl.case_detail dt {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}
table.case_company_profile {
  width: 100%;
  font-size: 13px;
  text-align: left;
  line-height: 1.5;
}
table.case_company_profile tr {
  border-bottom: 1px solid #ddd;
}
table.case_company_profile th {
  padding: 5px 10px;
  width: 15%
}
table.case_company_profile td {
  padding: 5px 10px;
  width: 85%;
}

.single-service #training-ninushi-news-section{
	position: relative;
	background: #eff6ff;
	margin-top: 100px;
	margin-bottom: -100px;
}
.single-service #training-ninushi-news-section::before{
	position: absolute;
	left: -500%;
	top: 0;
	content: '';
	width: 500%;
	height: 100%;
	background: #eff6ff;
}
.single-service #training-ninushi-news-section::after{
	position: absolute;
	right: -500%;
	top: 0;
	content: '';
	width: 500%;
	height: 100%;
	background: #eff6ff;
}
.single-service #training-ninushi-news-section .section-content{
	padding: 0;
}
.single-service #training-ninushi-news-section .section-content #archive .news-list {
	max-height: 350px;
	overflow-y: scroll;
}
.single-service #training-ninushi-news-section .section-content #archive .news-list li a .date-cat{
	margin-bottom: 0;
}
.single-service #training-ninushi-news-section .section-content #archive .news-list li a:hover {
	background-color: #f5faff;
}


@media screen and (max-width: 800px) {
  .single-service .section-content .content h2.firstarea {
    margin-top: 0px;
    padding-top: 0;
    position: relative;
  }
  .single-service .section-content .content h3.subttl {
    font-size: 16px;
    margin-top: 40px;
  }
  .single-service .section-content .content h3.subttl.firstarea {
    margin-top: 0px;
  }
  .service .section-content .content figure {
    margin: 0 auto 2em;
  }
  .service .section-content .content figure.w440 {
    margin: 0 auto 2em;
    max-width: 440px;
  }
  .single-service .section-content .content a.txtlink {
    color: #00479d;
    display: block;
    margin-top: 10px;
  }
  .single-service .section-content .content a.txtlink:after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url(images/icon_arrow-common-link.svg) center center/contain no-repeat;
    vertical-align: text-bottom;
    margin-left: .25em;
  }
  .single-service .section-content .content .mb0 {
    margin-bottom: 0px;
  }
  .single-service .section-content .content .mb40 {
    margin-bottom: 40px;
  }
  .single-service .section-content .content .mb50 {
    margin-bottom: 50px;
  }
  .single-service .section-content .content .mb60 {
    margin-bottom: 60px;
  }
  .single-service .section-content .content .mt40 {
    margin-top: 40px;
  }
  .single-service .section-content .content .mt50 {
    margin-top: 50px;
  }
  .single-service .section-content .content .mt60 {
    margin-top: 60px;
  }
  .single-service .section-content .content .strong_copy01 {
    font-size: 18px;
    padding-top: 10px;
  }
  .single-service .section-content .content .common_box {
    display: block;
    margin-bottom: 40px;
  }
  .single-service .section-content .content .common_box.mb0 {
    display: block;
    margin-bottom: 0px;
  }
  .single-service .section-content .content .common_box:last-child {
    display: block;
    margin-bottom: 0px;
  }
  .single-service .section-content .content .common_box .common_box_left {
    width: 100%;
	   margin-bottom: 32px;
  }
  .single-service .section-content .content .common_box .common_box_left.sp_margin01 {
    width: 80%;
    margin: 0 auto 25px;
    text-align: center;
  }
  .single-service .section-content .content .common_box .common_box_left img {
    width: 100%;
  }
  .single-service .section-content .content .common_box .common_box_left.w720 {
    width: 100%;
  }
  .single-service .section-content .content .common_box .common_box_left.w520 {
    width: 100%;
  }
  .single-service .section-content .content .common_box .common_box_left.w820 {
    width: 100%;
  }
  .single-service .section-content .content .common_box .common_box_right {
    width: 100%;

  }
  .single-service .section-content .content .common_box .common_box_right.w400 {
    width: 90%;
    margin: 0 auto;
  }
  .single-service .section-content .content .common_box .common_box_right.w300 {
    width: 100%;
    margin-bottom: 15px;
  }
  .single-service .section-content .content .common_box .common_box_right.w600 {
    width: 100%;
  }
  .single-service .section-content .content .common_box .common_box_right dt {
    font-size: 16px;
    padding-bottom: 8px;
    margin-top: 15px;
    line-height: 1.6;
  }
  .single-service .section-content .content ul.steplist_vertical li {
    padding: 5% 5%;
    border: 1px solid #ddd;
    display: block;
    margin-bottom: 20px;
  }
  .single-service .section-content .content ul.steplist_vertical li:last-child {
    margin-bottom: 0px;
  }
  .single-service .section-content .content ul.steplist_vertical li .steplist_vertical_number {
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    padding-left: 0px;
    width: 100%;
    padding-bottom: 8px;
  }
  .single-service .section-content .content ul.steplist_vertical li .steplist_vertical_number span {
    font-size: 13px;
    display: inline-block;
    margin-right: 5px;
  }
  .single-service .section-content .content ul.steplist_vertical li .steplist_vertical_detail {
    border-left: none;
    border-top: #ddd 1px solid;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 10px;
    width: 100%;
  }
  .single-service .section-content .content ul.steplist_vertical li .steplist_vertical_detail h3 {
    font-size: 16px;
    padding-bottom: 8px;
  }
  .single-service .section-content .content ul.steplist_vertical li .steplist_vertical_detail p {
    margin-bottom: 0;
  }
  .single-service .section-content .content .pricearea {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
  }
  .single-service .section-content .content .pricearea + div {
    margin: 30px auto 0;
    text-align: center;
  }
  .single-service .section-content .content .pricearea h3 {
    font-size: 16px;
    padding: 10px;
  }
  .single-service .section-content .content .pricearea .price {
    font-size: 35px;
  }
  .single-service .section-content .content .pricearea .price span {
    font-size: 15px;
  }
  .single-service .section-content .content .pricearea .price_caution {
    font-size: 11px;
  }
  .single-service .section-content .content ul.imglist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: normal;
    box-sizing: border-box;
    text-align: left;
    flex-flow: row wrap;
    margin-bottom: 0px;
  }
  .single-service .section-content .content ul.imglist.multi {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: normal;
    box-sizing: border-box;
    text-align: left;
    flex-flow: row wrap;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .single-service .section-content .content ul.imglist.center {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto 30px;
  }
  .single-service .section-content .content ul.imglist.column-2 li {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 35px;
  }
  .single-service .section-content .content ul.imglist.column-2 li:last-child {
    margin-bottom: 0px;
  }
  .single-service .section-content .content ul.imglist.column-3 li {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 35px;
  }
  .single-service .section-content .content ul.imglist.column-3 li:last-child {
    margin-bottom: 0px;
  }
  .single-service .section-content .content ul.imglist.column-3 li.gray_border {
    padding-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .single-service .section-content .content ul.imglist.column-4 li {
    margin-right: 0px;
    margin-bottom: 10px;
    width: 50%;
  }
  .single-service .section-content .content ul.imglist.column-4 li:nth-child(odd) {
    padding-right: 8px;
  }
  .single-service .section-content .content ul.imglist.column-4 li:nth-child(even) {
    padding-left: 8px;
  }
	.single-service .section-content .content ul.imglist.column-4 li dt{
		font-size: 15px;
		line-height: 1.5em;
  }
	.single-service .section-content .content ul.imglist.column-4 li dd{
		margin-bottom: 25px;
  }
  .single-service .section-content .content ul.imglist.column-6 li {
    margin-right: 0px;
    padding-right: 0px;
    width: 50%;
    margin-bottom: 15px;
  }
  .single-service .section-content .content ul.imglist.column-6 li:last-child {
    margin-bottom: 0px;
  }
  .single-service .section-content .content ul.imglist.column-6 li:nth-child(odd) {
    padding-right: 5px;
  }
  .single-service .section-content .content ul.imglist.column-6 li:nth-child(even) {
    padding-left: 5px;
  }
  .single-service .section-content .content ul.imglist.column-4 li:last-child, .single-service .section-content .content ul.imglist.column-6 li:last-child {
    margin-right: 0px;
  }
  .single-service .section-content .content ul.imglist.column-4 li p {
    margin-bottom: 12px;
    padding-top: 10px;
  }
  .single-service .section-content .content ul.imglist.column-3 li:last-child {
    margin-right: 0px;
  }
  .single-service .section-content .content ul.imglist.column-2 h4, .single-service .section-content .content ul.imglist.column-3 h4 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 13px;
    padding-bottom: 4px;
  }
  .single-service .section-content .content ul.imglist.column-2 p, .single-service .section-content .content ul.imglist.column-3 p {
    margin-bottom: 0;
  }
  .single-service .section-content .content ul.imglist.column-4 li a.anchor_btn {
    width: 80%;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    margin-bottom: 15px;
  }
  .single-service .section-content .content .common_box02 {
    margin-bottom: 25px;
  }
  .single-service .section-content .content .common_box02 h3 {
    font-size: 16px;
  }
  .single-service .section-content .content .common_box02 h3 span {
    font-size: 10px;
    padding: 2px 5px 3px;
    margin-right: 6px;
    vertical-align: 3px;
  }
  .single-service .section-content .content .common_box02 li {
    padding-bottom: 6px;
    padding-left: 1em;
    text-indent: -1em;
  }
  .single-service .section-content .content .attentionbox {
    padding: 15px 20px;
  }
  .single-service .section-content .content .attentionbox dt {
    font-size: 14px;
    padding-bottom: 4px;
  }
  .single-service .section-content .content dl.lead02 {
    margin-bottom: 40px;
  }
  .single-service .section-content .content dl.lead02 dt {
    font-size: 15px;
  }
  .single-service .section-content .content ul.caution_list {
    padding-top: 10px;
  }
  .single-service .section-content .content ul.caution_list.pt0 {
    padding-top: 0px;
  }
  .single-service .section-content .content ul.caution_list li {
    font-size: 11px;
  }
  .single-service .section-content .content .badlist li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 1.7em;
  }
  .single-service .section-content .content .badlist li:before {
    content: url(images/icon_bad.svg);
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0em;
    vertical-align: 0px;
    position: absolute;
    left: 0;
    top: 4px;
  }
  .single-service .section-content .content .checklist li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 2.0em;
  }
  .single-service .section-content .content .checklist li:before {
    content: url(images/icon_check.svg);
    display: inline-block;
    width: 20px;
    height: 19px;
    margin-right: 0em;
    vertical-align: 0px;
    position: absolute;
    left: 0;
    top: 2px;
  }
  .single-service .section-content .content .directarea {
    font-size: 15px;
    padding-top: 20px;
  }
  .single-service .section-content .content ul.txtlist {
    margin-bottom: 25px;
  }
  .single-service .section-content .content ul.txtlist li {
    padding-left: 1em;
    text-indent: -1em;
  }
  .single-service .section-content .content ul.tag_icon {
    font-size: 11px;
    margin-bottom: 8px;
  }
  .single-service .section-content .content ul.tag_icon li {
    margin-right: 3px !important;
    padding: 0px 5px;
    margin-bottom: 15px !important;
  }
  .single-service .section-content .content .padding30, .single-service .section-content .content .padding30_noborder {
    padding: 20px 20px;
  }
  .single-service .section-content .content .cv_ttl {
    font-size: 14px;
    text-align: left;
    margin-bottom: 10px;
  }
  .single-service .section-content .content .faq_list .faq_box {
    padding: 20px 0 20px;
  }
  .single-service .section-content .content .faq_list .faq_box:first-child {
    padding: 0 0 30px;
  }
  .single-service .section-content .content .faq_list .faq_box:last-child {
    border-bottom: none;
    padding: 30px 0 0px;
  }
  .single-service .section-content .content .faq_list .faq_box .question_box {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  .single-service .section-content .content .faq_list .faq_box .question_box .question_icon {
    width: 25px;
    min-width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0 0px 0 0;
  }
  .single-service .section-content .content .faq_list .faq_box .question_box .question_txt {
    font-size: 15px;
    line-height: 1.5;
    padding-left: 10px;
  }
  .single-service .section-content .content .faq_list .faq_box .answer_box {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    padding: 0 0 0 0px;
    margin: 10px 0 0 0;
  }
  .single-service .section-content .content .faq_list .faq_box .answer_box .answer_icon {
    width: 25px;
    height: 25px;
    min-width: 25px;
    font-size: 14px;
    margin: 0 10px 0 0;
    display: block;
    text-align: center;
  }
  .single-service .section-content .content .faq_area .faq_list .faq_box .answer_box .read_txt {
    padding-left: 10px;
  }
  .single-service .section-content .content .moviearea iframe {
    margin: 0 auto 2em;
    display: block;
    width: 100%;
    min-height: 180px;
    height: auto;
  }
  .single-service .section-content .content ul.iconlist li {
    width: 33.333%;
  }
	  .single-service .section-content .content ul.iconlist.icon_column-4 li {
    width: 50%;
  }
  .single-service .section-content .content ul.iconlist li .icon_img {
    width: 85px;
    height: 85px;
  }
  .single-service .section-content .content ul.iconlist li .icon_img img {
    width: 45px;
  }
  .single-service .section-content .content ul.iconlist li .icon_name {
    padding-top: 6px;
    font-size: 13px;
  }
  .single-service .section-content .content ul.imglist.column-4 li:nth-child(odd).gray_border {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 15px;
  }
  .single-service .section-content .content ul.imglist.column-4 li:nth-child(even).gray_border {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 15px;
  }
  .single-service .section-content .content ul.imglist.column-4 li:nth-child(4).gray_border {
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 15px;
  }

	.single-service .section-content .content ul.imglist-survey {
  display: block;
}
.single-service .section-content .content ul.imglist-survey li {
  margin-right: 0%;
  width: 100%;
	padding: 15px 20px;
	margin-bottom: 4%;
}
.single-service .section-content .content ul.imglist-survey li p{
	margin-bottom: 2px;
}
  .single-service .section-content .content .strong_copy01 {
    font-size: 16px;
	  line-height: 1.6;
    padding-top: 10px;
  }

	table.case_company_profile {
  font-size: 12px;
  line-height: 1.5;
}
table.case_company_profile th {
  padding: 8px 0px;
  width: 20%
}
table.case_company_profile td {
  padding: 8px 0px 8px 10px;
  width: 80%;
}

	.single-service .section-content .content ul.casebox {
  display: block;
}
.single-service .section-content .content ul.casebox li {
  width: 100%;
  position: relative;
  background-color: #f5f5f5;
  padding: 15px;
	margin-bottom: 45px;
}
.single-service .section-content .content ul.casebox li:first-child:after {
  width: 0;
  content: "";
  height: 0;
  position: absolute;
  right: 0px;
	left: 50%;
	bottom: -72px;
	margin-left: -50px;
  top:auto;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 20px solid #ccc;

}
.single-service .section-content .content ul.casebox li .case_status {
  margin-bottom: 10px;
}
.single-service .section-content .content ul.casebox li .case_status.case_after {
  border: 1px solid #d01d40;
  color: #d01d40;
}
.single-service .section-content .content ul.casebox li dl.case_detail dt {
  font-size: 15px;
  margin-top: 10px;
}
	
.single-service #training-ninushi-news-section{
	margin-top: 50px;
	margin-bottom: -50px;
}

}
/*------------------------------------------------------------
ninushi_service_島津追記12/2〜12/5
------------------------------------------------------------*/
.single-service .section-content .content ul.single-service-anchor{
  max-width: 70%;
}
.single-service .section-content .content ul.single-service-anchor li{
  margin-bottom: 0.8em;
}
.single-service .section-content .content ul.single-service-anchor li:last-child{
  margin-bottom: 0;
}
.single-service .section-content .content .anchor_btn02{
  border: 1px solid #00479d;
  color: #00479d;
  border-radius: 30px;
  display: block;
	padding: 5px 0;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.single-service .section-content .content .anchor_btn02:hover{
  background-color: #00479d;
  color: #fff;
}
.single-service .section-content .content ul.iconlist.icon_column-6 li {
  width: calc(100% / 2);
  text-align: center;
}
.single-service .section-content .content ul.steplist_vertical ul.steplist_vertical_Inrlist{
  margin-bottom: 16px;
}
.single-service .section-content .content ul.steplist_vertical ul.steplist_vertical_Inrlist:last-child{
  margin-bottom: 0;
}
.single-service .section-content .content ul.steplist_vertical ul.steplist_vertical_Inrlist li{
  border: none!important;
  padding: 0 0 0 .6em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
}
.single-service .section-content .content ul.linklist.column-2{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 1.6em auto 0;
}
.single-service .section-content .content ul.linklist.column-2 li{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 2% 40px 0;
  width: 48%;
  flex-grow: 1;
  box-sizing: border-box;
}
.single-service .section-content .content ul.linklist.column-2 li:nth-child(2n) {
  margin: 0 0 40px 0;
}
.single-service .section-content .content ul.linklist.column-2 li div.icon{
  background-color: #f5f5f5;
  border-radius: 60px;
  width: 120px;
  height: 120px;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.single-service .section-content .content ul.linklist.column-2 li div.icon img{
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.single-service .section-content .content ul.linklist.column-2 li div.linklist-inner{
  width: calc(100% - 140px);
  padding-left: 20px;
}
.single-service .section-content .content ul.linklist.column-2 li div.linklist-inner h4{
  font-size: 16px;
  font-weight: bold;
}
.single-service .section-content .content ul.linklist.column-2 li div.linklist-inner li{
  margin: 0 .6em;
  width: 100%;
  line-height: 20px;
}
.single-service .section-content .content ul.iconlist.icon_column-3 li {
  width: calc(100% / 3);
  text-align: center;
  margin-bottom: 25px;
}
.single-service .section-content .content ul.iconlist.icon_column-4 li .icon_name02 {
  padding-top: 10px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
}
.single-service .section-content .content ul.column-4.link-table li{
  width: 24%;
  margin-bottom: 1%;
  margin-right: 1%;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  display: box; height: 68px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-box-align: center;
  box-align: center;
  align-items: center;
  padding: .8% 2% 1%;
  line-height: 1.4;
  font-size: 14px;
}
.single-service .section-content .content ul.column-4.link-table li:nth-child(4n){
  margin-right: 0;
}
.single-service .section-content .content ul.column-4.link-table li a{
  display: block;
  color: #00479d;
  font-weight: bold;
}
.single-service .section-content .content ul.column-4.link-table li a:hover{
  transition: .3s;
  opacity: .5;
}
.single-service .section-content .content ul.imglist.column-3{
  flex-wrap: wrap;
}
.single-service .section-content .content ul.imglist.column-3 li{
  width:  32%;
  margin-right: 2%;
  border: none;
}
.single-service .section-content .content ul.imglist.column-3 li:nth-child(3n){
  margin-right: 0;
}

@media screen and (max-width: 800px) {
.single-service .section-content .content .column-3 > li:nth-child(3n+1),
	.single-service .section-content .content .column-4 > li:nth-child(5){
  border-left: none;
}
	.single-service .section-content .content .column-3 > li,
	.single-service .section-content .content .column-4 > li{
		margin-bottom: 0;
}

	.single-service .section-content .content ul.single-service-anchor{
  max-width: 100%;
		margin: 0 auto;
}
		.single-service .section-content .content ul.single-service-anchor li{
			margin-bottom: 0.8em;
}

	.single-service .section-content .content .anchor_btn02{
		padding: 8px 20px;
		line-height: 1.4;

  font-size: 13px;
		width: 100%;

}


	.single-service .section-content .content ul.linklist.column-2{

  display: block;
  margin: 1.0em auto 0;
}
.single-service .section-content .content ul.linklist.column-2 li{
  display: flex;
  margin: 0 0% 15px 0;
  width: 100%;
  box-sizing: border-box;

}
.single-service .section-content .content ul.linklist.column-2 li:nth-child(2n) {
  margin: 0 0 15px 0;
}
.single-service .section-content .content ul.linklist.column-2 li div.icon{
  width: 80px;
  height: 80px;
  display: flex;
}
.single-service .section-content .content ul.linklist.column-2 li div.icon img{
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.single-service .section-content .content ul.linklist.column-2 li div.linklist-inner{
  width: calc(100% - 100px);
  padding-left: 15px;
}
.single-service .section-content .content ul.linklist.column-2 li div.linklist-inner h4{
  font-size: 16px;
  font-weight: bold;
}
	.single-service .section-content .content ul.linklist.column-2 li div.linklist-inner ul{
		padding-bottom: 20px;
}
.single-service .section-content .content ul.linklist.column-2 li div.linklist-inner li{
  margin: 0 0em;
  width: 100%;
  line-height: 18px;
	border-bottom:none;
}

	.single-service .section-content .content ul.imglist.column-3 li{
  width:  100%;
  margin-right: 0%;
}
.single-service .section-content .content ul.imglist.column-3 li:nth-child(3n){
  margin-right: 0;
}
.single-service .section-content .content li.noborder{
	border: none!important;
	padding: 0!important;
}
	.single-service .section-content .content ul.column-4.link-table li{
  width: 100%;
  margin-bottom: 2.5%;
  margin-right: 0%;
  display: box;
		height: 45px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-box-align: center;
  box-align: center;
  align-items: center;
  padding: .8% 4% 1%;
  line-height: 1.4;
  font-size: 13px;
}

}

/*------------------------------------------------------------
	ARCHIVE - CASE
------------------------------------------------------------*/
#archive.archive-case {
	padding-bottom: 100px;
}
.archive-case-list {
	max-width: 1160px;
	margin: auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -60px;
}
.archive-case-list li {
	width: 25%;
/*	border-left: 1px solid #ddd;*/
	margin-top: 60px;
}
.archive-case-list li:nth-child(2n) {
/*	border-right: 1px solid #ddd;*/
}
.archive-case-list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 4%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.archive-case-list li a:hover {
	opacity: .5;
}
.archive-case-list li .thumb {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.archive-case-list li .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	z-index: 1;
}
.archive-case-list li .thumb .company {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #00479d;
	color: #fff;
	font-size: 14px;
	line-height: 2;
	padding: 0 .5em;
	z-index: 2;
	letter-spacing: .02em;
	text-indent: .02em;
}
.archive-case-list li .txt h3 {
	font-size: 18px;
	line-height: 1.67;
	font-weight: bold;
	position: relative;
	padding: 15px 0 0;
	margin: 0;
}

@media screen and (max-width: 800px) {
	.archive-case-list {
		margin-top: 0;
	}
	.archive-case-list li {
		width: 100%;
		border: none;
		border-top: 1px solid #ddd;
		margin-top: 20px;
		padding-top: 20px;
	}
	.archive-case-list li:nth-child(2n) {
		border-right: none;
	}
	.archive-case-list li:first-child {
		padding-top: 0;
		margin-top: 0;
		border-top: none;
	}
	.archive-case-list li a {
		padding: 0;
	}
	.archive-case-list li .thumb .company {
		font-size: 13px;
	}
	.archive-case-list li .txt h3 {
		font-size: 16px;
		padding: 15px 0 0;
	}
	.archive-case-list li .txt p {
		font-size: 13px;
		line-height: 1.6;
	}
}

/*------------------------------------------------------------
	SINGLE - CASE
------------------------------------------------------------*/
.single-case .section-content .title .info {
	font-size: 15px;
	line-height: 2;
	margin-bottom: 1em;
}
.single-case .section-content .title .info .company {
	display: inline-block;
	background-color: #00479d;
	color: #fff;
	margin-right: .5em;
	letter-spacing: .02em;
	text-indent: .02em;
	padding: 0 .5em;
}

.single-case .section-content .title h1 {
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: .04em;
	font-weight: bold;
	margin-bottom: .75em;
}
.single-case .section-content .content {
	font-size: 15px;
	line-height: 2;
	padding-bottom: 100px;
}
.single-case .section-content .content .wp-block-image {
	margin-bottom: 2em;
}

.single-case .section-content .content .detail {
	background-color: #f5f5f5;
	padding: 30px 30px 10px;
	margin-bottom: 2em;
}
.single-case .section-content .content .detail h3 {
	background-color: #ddd;
	font-weight: bold;
	border: none!important;
	font-size: 15px!important;
	line-height: 2!important;
	letter-spacing: .04em;
	padding: 0 .5em!important;
	margin-bottom: 0!important;
}
.single-case .section-content .content .detail dl {
	width: 100%;
	display: grid;
	grid-template-columns: 10em auto;
}
.single-case .section-content .content .detail dt:first-child, .single-case .section-content .content .detail dt:first-child + dd {
	border-top: none;

}

.single-case .section-content .content .detail dt {
	padding: 1em 0.7em;
	line-height: 1.6;
	border-top: 1px solid #ddd;
	float: left;
}
.single-case .section-content .content .detail dd {
	padding: 1em 0.7em;
	margin-left: 15px;
	border-top: 1px solid #ddd;
	line-height: 1.6;
}

.single-case .section-content .content h2 {
	background-color: #e5ecf6;
	border-left: 2px solid #00479d;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: .05em;
	padding: .6em;
	margin-bottom: 1em;
}
.single-case .section-content .content * + h2,
.single-case .section-content .content * + h3 {
	margin-top: 3em;
}
.single-case .section-content .content strong {
	font-weight: bold;
	background-color: #ffd9e1;
	background: linear-gradient(transparent 70%, #ffd9e1 0%);
}
.single-case .section-content .content p {
	letter-spacing: .02em;
	font-size: 15px;
	line-height: 2;
	margin-bottom: 2em;
}
.single-case .section-content .content p:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 800px) {

	.single-case .section-content .title .info {
	font-size: 13px;

}
.single-case .section-content .title .info .company {

	margin-right: .5em;
	letter-spacing: .02em;
	text-indent: .02em;
	padding: 0 .5em;
}

.single-case .section-content .title h1 {
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0em;
	margin-bottom: .75em;
}
.single-case .section-content .content {
	font-size: 13px;
	line-height: 2;
	padding-bottom: 60px;
}


.single-case .section-content .content .detail {
	padding: 10px 10px 5px;
}
.single-case .section-content .content .detail h3 {

	font-size: 12px!important;

}
.single-case .section-content .content .detail dl {

	grid-template-columns: 6em auto;
}
.single-case .section-content .content .detail dt:first-child, .single-case .section-content .content .detail dt:first-child + dd {
	border-top: none;

}

.single-case .section-content .content .detail dd {

	margin-left: 10px;

}

.single-case .section-content .content h2 {
	font-size: 18px;

}


.single-case .section-content .content p {
	letter-spacing: 0em;
	font-size: 13px;
	line-height: 1.8;
}

}

/*------------------------------------------------------------
	SINGLE - DOCUMENTS
------------------------------------------------------------*/

.archive-documents h2{
	font-size: 18px;
    line-height: 1.67;
    margin-bottom: 3em;
    text-align: center;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.archive-documents .bigbtn{
	margin-top: 65px;
}

.archive-documents-list {
    max-width: 1160px;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -50px;
}

.archive-documents-list li {
	width: 33.333%;
	border-left: 1px solid #ddd;
	margin-top: 50px;
	padding: 15px 3.5% 105px;
	position: relative;
}
.archive-documents-list li:nth-child(3n),
.archive-documents-list li:last-child{
	border-right: 1px solid #ddd;
}

.archive-documents-list li .cat {
	background-color: #00479d;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;

}

.archive-documents-list li .thumb {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.archive-documents-list li .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.archive-documents-list li .txt h3 {
	font-size: 16px;
	line-height: 1.8;
	font-weight: bold;
	position: relative;
	padding: 15px 0 5px;
}

.archive-documents-list li .txt p {
	font-size: 15px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 25px;
}

.archive-documents-list li .btnarea {
	 text-align:center;
    padding:0;
    display: block;
    position: absolute;
    bottom: 15px;
    width:100%;
	left: 0;


}

.archive-documents-list li .btn {
	 text-align: center;
	margin-top: 10px;

}

.archive-documents-list li .btn a {
    display: inline-block;
    max-width: 240px;
    width: 100%;
    border: 1px solid #00479d;
    color: #00479d;
    letter-spacing: 0em;
    text-indent: 0em;
    font-size: 13px;
    line-height: 2;
    padding: .5em 0.5em;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

}
.archive-documents-list li .btn a .arrow {
    display: inline-block;
    width: 16px;
    height: 1px;
    margin-left: 3px;
    background-color: #00479d;
    position: relative;
    vertical-align: middle;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.archive-documents-list li .btn a .arrow:after {
    content: '';
    display: block;
    height: 1px;
    width: 6px;
    background-color: #00479d;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.archive-documents-list li .btn a:hover {
    background-color: #00479d;
    color: #fff;
}
.archive-documents-list li .btn a:hover .arrow, .archive-documents-list li .btn a:hover .arrow:after {
    background-color: #fff;
}



@media screen and (max-width: 800px) {
	.archive-documents h2{
		font-size: 15px;
	    margin-bottom: 1.5em;
	}

	.archive-documents .bigbtn{
	margin-top: 40px;
}
	.archive-documents-list {
	    max-width: 100%;

	    margin-top: -30px;
	}

	.archive-documents-list li {
		width: 100%;
		border-left:none;
		border-bottom: 1px solid #ddd;
		margin-top: 30px;
		padding: 10px 0% 40px;
		position: relative;
	}
	.archive-documents-list li:nth-child(3n){
		border-right: none;
	}
	.archive-documents-list li:last-child{
		border-right: none;
		padding: 10px 0% 40px;
	}
	.archive-documents-list li .cat {
		margin-bottom: 10px;
		font-size: 14px;

	}

	.archive-documents-list li .txt h3 {
		font-size: 14px;
		line-height: 1.8;
		padding: 8px 0 5px;
	}

	.archive-documents-list li .txt p {
		font-size: 13px;
		line-height: 1.8;
		margin-bottom: 15px;
	}

	.archive-documents-list li .btnarea {
	    position: relative;
	    bottom: 0;
		left: 0;


	}

	.archive-documents-list li .btn {
		 text-align: center;
		margin-top: 10px;

	}

	.archive-documents-list li .btn a {
	    max-width: 300px;

	    font-size: 13px;


	}
}


/*------------------------------------------------------------
	ARCHIVE - SEMINAR
------------------------------------------------------------*/
.archive-seminar h1.title .small{
 font-size: 24px;
}

.archive-seminar .archive-seminar-list {
	max-width: 1160px;
	margin: auto;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -50px;
	margin-bottom: 50px;
}
.archive-seminar .archive-seminar-list li {
	width: 31%;
	margin-right: 3.5%;
	margin-top: 50px;
}
.archive-seminar .archive-seminar-list li a {
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.archive-seminar .archive-seminar-list li a:hover {
	opacity: .6;
}
.archive-seminar .archive-seminar-list li:nth-child(3n) {
	margin-right: 0;
}
.archive-seminar .archive-seminar-list li .thumb {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon{
	position: absolute;
	left: -10px;
	top: -10px;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li{
	margin:0;
	display: inline-block;
	width: 80px;
	padding: 0 5px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	font-weight: bold;

}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li.seminar-icon01{
	border: 1px solid #777;
	background: #fff;
	margin:0 0 0 -3px;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li.seminar-icon01.red{
	border: 1px solid #D21D41;
	background: #D21D41;
	color: #fff;
	margin:0 ;
}
.archive-seminar .archive-seminar-list li .thumb .seminar-icon li.seminar-icon02{
	border: 1px solid #1042A7;
	background: #1042A7;
	color: #fff;
}





.archive-seminar .archive-seminar-list li .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.archive-seminar .archive-seminar-list li .thumb span {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	background-color: #00479d;
	line-height: 2;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 .5em;
}
.archive-seminar .archive-seminar-list li .txt {
	padding: 5% 0 6%;
	background-color: #fff;
	width: 100%;
}
.archive-seminar .archive-seminar-list li .cat-list{
	display: flex;
	margin: 0 0 10px;
}
.archive-seminar .archive-seminar-list li .cat-list .cat{
	margin: 0 10px 0 0;
	padding: 0 10px;
	display: inline-block;
	border: 1px solid #1042A7;
	color: #1042A7;
	text-align: center;
	width: auto;
	font-size: 14px;
	line-height: 1.5;
}
.archive-seminar .archive-seminar-list li .cat {
	font-size: 13px;
	line-height: 2;
	color: #00479d;
}
.archive-seminar .archive-seminar-list li h3 {
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
}
.archive-seminar .archive-seminar-list li .info {
	color: #646464;
	font-size: 13px;
}
.archive-seminar .seminar-link {
 text-align: center;
 margin-top: 50px;
}
.archive-seminar .seminar-link a{
 text-decoration: underline;
 color: #00479d;
}
.archive-seminar .seminar-link a:hover{
 text-decoration: none;
}


.archive-seminar .archive-seminar-list {
	max-width: 1160px;
	margin: auto;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -50px;
	margin-bottom: 50px;
}
.archive-seminar .archive-seminar-list li {
	width: 31%;
	margin-right: 3.5%;
	margin-top: 50px;
}
.archive-seminar .archive-seminar-list li:nth-child(3n) {
	margin-right: 0;
}
.archive-seminar .archive-seminar-list li a {
	background-color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.archive-seminar .archive-seminar-list li a:hover {
	opacity: .6;
}
.archive-seminar .link-list{
	display: flex;
	margin: 10% 0 0;
}
.archive-seminar .link-list-item{
	width: 48%;
	margin: 0 4% 0 0;
}
.archive-seminar .link-list-item:nth-of-type(2){
	margin: 0;
}
.archive-seminar .link-list-item a{
	background: #fff;
	border: 1px solid #10479E;
	padding: 15px 10px;
	text-align: center;
	display: block;
	color: #1142A9;
	transition: 0.3s;
	position: relative;
}
.archive-seminar .link-list-item a .arrow{
	position: absolute;
	right: 50px;
	top: 50%;
	display: inline-block;
	width: 25px;
	height: 2px;
	margin-left: 3px;
	background-color: #00479d;
	vertical-align: middle;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.archive-seminar .link-list-item a .arrow::after{
	content: '';
	display: block;
	height: 2px;
	width: 10px;
	background-color: #00479d;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

@media screen and (min-width: 801px) {
	.archive-seminar .link-list-item a:hover{
		background: #10479E;
		color: #fff;
	}
	.archive-seminar .link-list-item a:hover .arrow{
		background-color: #fff;
	}
	.archive-seminar .link-list-item a:hover .arrow::after{
		background-color: #fff;
	}
}
.archive-seminar .link-list-item a b{
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0;
	margin: 10px 0 5px;
}
.archive-seminar .link-list-item a b span{
	font-size: 16px;
}

@media screen and (max-width: 800px) {
 .archive-seminar h1.title .small{
  font-size: 18px;
 }

	.archive-seminar .archive-seminar-list {
		max-width: 100%;
		margin-top: -50px;
		margin-bottom: 30px;
	}
	.archive-seminar .archive-seminar-list li {
		width: 100%;
		margin-right: 0%;
		margin-top: 35px;
	}
	.archive-seminar .archive-seminar-list li:first-child {
		margin-top: 50px;
	}


	.archive-seminar .archive-seminar-list li .thumb {
		padding-top: 56.25%;
	}

	.archive-seminar .archive-seminar-list li .thumb span {
		display: inline-block;
		font-size: 12px;
		color: #fff;
		background-color: #00479d;
		line-height: 2;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 0 .5em;
	}
	.archive-seminar .archive-seminar-list li .txt {
		padding: 20px 0 0;
		width: 100%;
	}
	.archive-seminar .archive-seminar-list li .cat {
		font-size: 12px;
		line-height: 2;
	}
	.archive-seminar .archive-seminar-list li h3 {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 5px;
	}
	.archive-seminar .link-list{
		display: block;
	}
	.archive-seminar .link-list-item{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.archive-seminar .link-list-item:nth-of-type(2){
		margin: 0;
	}
	.archive-seminar .link-list-item a .arrow{
		right: 20px;
	}
}

@media screen and (max-width: 390px) {
 .archive-seminar h1.title .sp_none{
  display: none;
 }
}


/*------------------------------------------------------------
	SINGLE - SEMINAR
------------------------------------------------------------*/
.single-seminar .title .small{
 font-size: 24px;
}

.single-seminar .section-content {
	-webkit-font-feature-settings: 'palt' 1;
	-moz-font-feature-settings: 'palt' 1;
	-o-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.single-seminar .section-content .title {
	border-bottom: 1px solid #ddd;
	/*padding-bottom: 30px;*/
	margin-bottom: 30px;
}

.single-seminar .section-content .title #visual {
	position: relative;
}
.single-seminar .section-content .title #visual .seminar-icon{
	position: absolute;
	left: -10px;
	top: -10px;
}
.single-seminar .section-content .title #visual .seminar-icon li{
	display:inline-block;
	width: 94px;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.single-seminar .section-content .title #visual .seminar-icon li.seminar-icon01{
	border: 1px solid #777;
	background: #fff;
	margin:0 0 0 -3px;
}
.single-seminar .section-content .title #visual .seminar-icon li.seminar-icon01.red{
	border: 1px solid #D21D41;
	background: #D21D41;
	color: #fff;
	margin:0;
}
.single-seminar .section-content .title #visual .seminar-icon li.seminar-icon02{
	border: 1px solid #1042A7;
	background: #1042A7;
	color: #fff;
}
.single-seminar .section-content .title > p {
	font-size: 15px;
	margin-bottom: 2.5em;
    padding-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
}
.single-seminar .section-content .title p span{
	display:inline-block;
	margin:0 10px 0 0;
	background:#e6e6e6;
	color:#555;
	font-size:13px;
	padding:0 7px;
	font-weight:bold;
}
.single-seminar .section-content .title p span.red{
	background: #D21D41;
	color: #fff;
}
.single-seminar .section-content .title p span.blue{
	background: #00479D;
	color: #fff;
}
.single-seminar .section-content .title .date {
	display: inline-block;
	letter-spacing: .04em;
}
.single-seminar .section-content .title .info-cat{
	margin: 0 0 10px;
}
.single-seminar .section-content .title .cat {
	display: inline-block;
	font-size: 14px;
	letter-spacing: .04em;
	line-height: 20px;
	color: #00489e;
	border: 1px solid #00489e;
	padding: 0 1em;
	margin-right: 0.5em;
}
.single-seminar .section-content .title h1 {
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: .04em;
	font-weight: bold;
	margin:0 0 10px;
}
.single-seminar .section-content .content {
	padding-bottom: 100px;
}
.single-seminar .section-content .content h2 {
	font-size: 24px;
	line-height: 1.67;
	font-weight: bold;
	letter-spacing: .04em;
	border-left: 4px solid #00489e;
	padding: .25em .75em;
	margin-bottom: 1em;
	background: #f4f4f4;
}
.single-seminar .section-content .content .seminar_koushi .wp-block-columns{
	display: none;
}
.single-seminar .section-content .content .seminar_koushi #wp-block-columns-0{
	display: flex;
}

.single-seminar .section-content .content p {
	font-size: 15px;
	line-height: 2;
	letter-spacing: .04em;
	margin-bottom: 2em;
}
.single-seminar .section-content .content p strong{
	font-weight: bold;
}
.single-seminar .section-content .content p + h2 {
	margin-top: 3em;
}

.single-seminar .section-content .content a {
	color: #00489e;
}
.single-seminar .section-content .content a:after {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url(images/icon_arrow-common-link.svg) center center/contain no-repeat;
	vertical-align: text-bottom;
	margin-left: .25em;
}
.single-seminar .section-content .content a.no-icon:after{
	display: none;
}
.single-seminar .section-content .content a:hover {
	text-decoration: underline;
}
#wrap .single-seminar .wp-block-button{
	margin: 30px 0 20px;
}
#wrap .single-seminar .wp-block-button a{
	display: inline-block;
	width: 100%;
	max-width: 500px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	padding: 24px 0 24px;
	background-color: #c20000;
	border-radius: 35px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border: none;
}
#wrap .single-seminar .wp-block-button.end-reception span{
	display: inline-block;
	width: 100%;
	max-width: 500px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	padding: 24px 0 24px;
	background: #eee;
	color: #000;
	border-radius: 35px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border: none;
}
#wrap .single-seminar .wp-block-button a:after {
	width: 22px;
	height: 22px;
	background: url(images/icon_arrow-common-link-w.svg) center center/contain no-repeat;
	vertical-align: text-bottom;
}
#wrap .single-seminar .wp-block-button a:hover {
	opacity: .6;
}
#single.single-seminar .section-content .iframe-pdf{
	width:100%;
	height:590px;
	margin:0 0 40px;
}
#single.single-seminar .section-content .content p.pdf-modal{
    margin: 40px 0 0;
    margin-bottom:0;
    padding: 6px 0;
    position: relative;
    text-align: center;
    background: #f8f8f8;
}   
#single.single-seminar .section-content .content p.pdf-modal a{
	height: 36px;
	line-height: 36px;
	padding: 0 25px;
	font-size: 24px;
	font-weight: bold;
    display: block;
    color: #fff;
    margin: 6px auto;
    background-color: #b6b6b6;
    width:160px;
}
#single.single-seminar .section-content .content p.pdf-modal a:hover{
	text-decoration:none;
}
#single.single-seminar .section-content .content p.pdf-modal a:after{
	display:none;
}
@media screen and (max-width: 800px) {
 .single-seminar .title .small{
  font-size: 18px;
 }
	.single-seminar .section-content .title {
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.single-seminar .section-content .title p {
		font-size: 13px;
	}
	.single-seminar .section-content .title .cat {
		font-size: 11px;
		line-height: 16px;
	}
	.single-seminar .section-content .title h1 {
		font-size: 18px;
	}
	.single-seminar .section-content .content {
		padding-bottom: 50px;
	}
	.single-seminar .section-content .content h2 {
		font-size: 17px;
	}
	.single-seminar .section-content .content p {
		font-size: 13px;
		line-height: 1.8;
		margin-bottom: 1.8em;
	}
	.single-seminar .section-content .content p + h2 {
		margin-top: 2.8em;
	}
	.single-seminar .section-content .iframe-pdf{
		height: 65.5vw;
	}

}
@media screen and (max-width: 550px) {
	#single.single-common .section-content .content p .deadline{
		display: block;
	}
}
@media screen and (max-width: 390px) {
 .single-seminar .title .sp_none{
  display: none;
 }
}

/*------------------------------------------------------------
	ARCHIVE - COLUMN
------------------------------------------------------------*/


.archive-column .archive-column-list {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -4%;
}
.archive-column .archive-column-list li {
	width: 48%;
	margin-right: 4%;
	margin-top: 4%;
}
.archive-column .archive-column-list li:nth-child(2n) {
	margin-right: 0;
}
.archive-column .archive-column-list li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	background-color: #fff;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.archive-column .archive-column-list li a:hover {
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
}
.archive-column .archive-column-list li a .thumb {
	width: 36%;
	padding-top: 36%;
	position: relative;
}
.archive-column .archive-column-list li a .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.archive-column .archive-column-list li a .txt {
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: center;
	padding: 2% 6%;
}
.archive-column .archive-column-list li a .txt .cat {
	width: 100%;
	font-size: 13px;
	line-height: 2;
	color: #00479d;
}
.archive-column .archive-column-list li a .txt h3 {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	max-height: 5.4em;
	overflow: hidden;
}

#archive.archive-column .btn-square {
	margin-top: 50px;
}

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

	.archive-column .archive-column-list {
		width: 100%;
		display:block;

		margin-top: 0;
	}
	.archive-column .archive-column-list li {
		width: 100%;
		margin-right: 0%;
		margin-top: 0%;
		margin-bottom: 13px;
	}



	.archive-column .archive-column-list li a .thumb {
		width: 100px!important;
		height: 100px;
		padding-top: 0;
		position: relative;
	}
	.archive-column .archive-column-list li a .thumb img{
		width: 100px!important;
		height: 100px;

	}

	.archive-column .archive-column-list li a .txt {
		width:70%;

		padding: 2% 6%;
	}
	.archive-column .archive-column-list li a .txt .cat {
		width: 100%;
		font-size: 12px;
		line-height: 1.6;
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;

	}
	.archive-column .archive-column-list li a .txt h3 {
		font-size: 15px;
		line-height: 1.6;
		max-height: auto;
		overflow: hidden;
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	#archive.archive-column .btn-square {
		margin-top: 35px;
	}
}


/* コンサルティングの流れ
=========================================================*/
#flow-image.section-content{
	margin-top: 100px;
}
#flow-image.section-content .content {
	padding-bottom: 40px;
}
#flow-image.section-content .content h2 {
/*	margin-top: 100px;*/
	position: relative;
    font-size: 30px;
    line-height: 1.6;
    margin-bottom: 1.2em;
    padding: 0 0px 0.5em;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#flow-image.section-content .content h2:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background-color: #00479d;
	position: absolute;
	bottom: 0;
	left: 0;
}

#flow-image.section-content .content .bluelist li {
	position: relative;
	margin-bottom: 1em;
	padding-left: 1.6em;
}
#flow-image.section-content .content .bluelist li:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 7px;
	border-color: transparent transparent transparent #00479d;
	position: absolute;
	left: 13px;
	top: 8px;
}
#flow-image.section-content .content .column-5{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 3.0em;
	margin-bottom: 2.2em;
}
#flow-image.section-content .content .column-5 > li {
	width: 20%;
}
#flow-image.section-content .content .steplist > li:first-child {
	border-left: 1px solid #ddd;
}
#flow-image.section-content .content .steplist > li {
	padding: 1% 2.5%;
	border-right: 1px solid #ddd;
}
#flow-image.section-content .content .steplist > li h3 {
font-size: 18px;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0;
min-height: 4.2em;
border: none;
padding: 0;
margin: 0;
margin-bottom: .5em;
}
#flow-image.section-content .content .steplist > li li {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: .5em;
	padding-left: 1em;
	position: relative;
}
#flow-image.section-content .content .steplist > li li:before {
	content: '\30FC';
	position: absolute;
	top: 0;
	left: 0;
}
#flow-image.section-content .content .steplist > li .step {
	display: inline-block;
	font-size: 11px;
	color: #fff;
	line-height: 1.6;
	padding: 0 .5em;
	background-color: #00479d;
	margin-bottom: 20px;
}
#flow-image.section-content .content .steplist > li .img{
	margin: 0 0 10px;
	text-align: center;
}
@media screen and (max-width: 800px) {
	#flow-image.section-content{
		margin-top: 0;
	}
	#flow-image.section-content .content {
		padding-bottom: 50px;
	}
	#flow-image.section-content .content h2 {
		margin-top: 0;
		position: relative;
	}
	#flow-image.section-content .content h2 {
		font-size: 21px;
		line-height: 1.6;
		padding: 50px 0 .5em;
		margin-bottom: 1.2em;
		position: relative;
	}
	#flow-image.section-content .content h2:after {
		content: '';
		display: block;
		width: 50px;
		height: 2px;
		background-color: #00479d;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	#flow-image.section-content .content .column-5 {
		display: block;
		margin-top: 0;
		margin-bottom: 2.2em;
	}	
	#flow-image.section-content .content .column-5 > li{
		width: 100%;
	}
	#flow-image.section-content .content .steplist > li {
		padding: 7% 0% 5%;
		border-right: none;
		border-bottom: 1px solid #ddd;
	}
	#flow-image.section-content .content .steplist > li:first-child {
		border-left: none;
		padding: 0% 0% 5%;
	}
	
	#flow-image.section-content .content .steplist > li .step {
		margin-bottom: 10px;
	}
	#flow-image.section-content .content .steplist > li h3 {
		font-size: 16px;
		line-height: 1.4;
		letter-spacing: 0;
		min-height: 0;
		margin-bottom: 0.8em;
	}
	#flow-image.section-content .content .steplist > li li {
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: .2em;
		padding-left: 1em;
		position: relative;
	}
	#flow-image.section-content .content .steplist > li li:before {
		content: '\30FC';
		position: absolute;
		top: 0;
		left: 0;
	}
	.logisticsconsulting-point01 #flow-image.section-content .content .steplist > li .img{
		max-width: 80%;
		margin: 0 auto 10px;
	}
}

/* 物流コンサルティング
=========================================================*/
.service .section-content .content h2.align-c{
	text-align: center;
}
.service .section-content .content h2.align-c:after{
	left: 50%;
	margin: 0 0 0 -25px;
}

.single-ninushi_service{
	overflow-x: hidden;
}

#logisticsconsulting .service_index_chart .service_index_chart_left{
	padding: 0 40px 0 0;
	box-sizing: border-box;
}

#wrap #service-archive-link ul{
	display: flex;
	justify-content: center;
	padding: 60px 0;
}
#wrap #service-archive-link ul li{
	margin: 0 15px;
	width: 100%;
	max-width: 320px;
}
#wrap #service-archive-link ul li a{
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	padding: 24px 0 24px;
	background-color: #00479d;
	border-radius: 35px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	border: none;
}
#wrap #service-archive-link ul li a:after {
	content: '';
	display: inline-block;
	margin-left: .25em;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	width: 22px;
	height: 22px;
	background: url(//www.f-logi.com/wp-content/themes/fsl/images/icon_arrow-common-link-w.svg) center center/contain no-repeat;
	vertical-align: text-bottom;
}
#wrap #service-archive-link ul li a:hover{
	opacity: 0.6;
}
@media (max-width:800px){
	#logisticsconsulting .service_index_chart .service_index_chart_left{
		padding: 0;
	}
	#wrap #service-archive-link ul{
		flex-wrap: wrap;
		padding: 40px 0;
	}
	#wrap #service-archive-link ul li{
		margin: 10px 0;
	}
	#wrap #service-archive-link ul li a{
		font-size: 16px;
	}
}


/* logisticsconsulting-point*/
#wrap #logisticsconsulting-point{
	padding-bottom: 0;
}
#wrap #logisticsconsulting-point .content{
	padding-bottom: 0;
}
#wrap  .content #logisticsconsulting-point.section-content  h2{
	padding: 120px 0 0.5em;
}

@media (max-width:800px){
	#wrap #logisticsconsulting-point{
		padding: 0;
	}
	#wrap  .content #logisticsconsulting-point.section-content  .wp-block-button.red{
		padding: 0;
	}
}

/* logisticsconsulting-case */
#wrap #logisticsconsulting-case{
	padding: 70px 0 80px;
	background: #F5F5F5;
}
#wrap .logisticsconsulting-point01 #logisticsconsulting-case{
	padding: 70px 0 10px;
}
#wrap #logisticsconsulting-case  h2.mincho{
	font-size: 30px;
	margin: 0 0 40px;
	padding: 0 0 0.5em;
	position: relative;
	text-align: center;
}
#wrap #logisticsconsulting-case  h2.mincho::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	width: 50px;
	height: 2px;
	margin: 0 0 0 -25px;
	background: #00479D;
}
#logisticsconsulting-case .list{
	display: flex;
}
#logisticsconsulting-case .list .list-item{
	list-style: none;
}
#logisticsconsulting-case .list .slick-track{
	display: flex;
}
#logisticsconsulting-case .list .slick-slide{
	height: inherit;
	float: none;
	margin: 0 20px;
	background: #fff;
}
#logisticsconsulting-case .list .list-item a{
	display: block;
	background: #fff;
	height: 100%;
}
#logisticsconsulting-case .list .list-item a .img{
	margin: 0;
}
#logisticsconsulting-case .list .list-item a .text{
	display: block;
	padding: 20px;
	margin: 0;
	font-weight: bold;
}
#logisticsconsulting-case .list .slick-prev:before,
#logisticsconsulting-case .list .slick-next:before{
	content: none;
}
#logisticsconsulting-case .list .slick-prev{
	left: -40px;
	width: 40px;
	height: 40px;
	background: url("images/ninushi/service/logisticsconsulting/prev.svg") no-repeat center center;
	background-size: 40px auto;
}
#logisticsconsulting-case .list .slick-next{
	right: -40px;
	width: 40px;
	height: 40px;
	background: url("images/ninushi/service/logisticsconsulting/next.svg") no-repeat center center;
	background-size: 40px auto;
}
@media (max-width:800px){
	#wrap #logisticsconsulting-case{
		padding: 40px 0;
	}
	#wrap #logisticsconsulting-case  h2.mincho{
		font-size: 21px;
		margin: 0 0 30px;
	}
	#logisticsconsulting-case .list{
		padding: 0 20px;
	}
	#logisticsconsulting-case .list .slick-slide{
		margin: 0;
	}
	#logisticsconsulting-case .list .slick-prev{
		left: -20px;
		z-index: 2;
	}
	#logisticsconsulting-case .list .slick-next{
		right: -20px;
		z-index: 2;
	}
}




/* .logisticsconsulting-point01 */
#wrap .logisticsconsulting-point01 h2.mincho{
	font-size: 30px;
	margin: 0 0 40px;
	padding: 0 0 0.5em;
	position: relative;
	text-align: center;
}
#wrap .logisticsconsulting-point01 h2.mincho::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	width: 50px;
	height: 2px;
	margin: 0 0 0 -25px;
	background: #00479D;
}
@media (max-width: 800px){
	#wrap .logisticsconsulting-point01 h2.mincho{
		font-size: 21px;
		margin: 0 0 30px;
	}
}


/* .logisticsconsulting-point01 #sec02 */
#wrap .logisticsconsulting-point01 #sec02{
	max-width: 100%;
	margin: auto;
	padding: 0;
}
@media (max-width: 800px){
	#wrap .logisticsconsulting-point01  #sec02 .content{
		padding-bottom: 0;
	}
}

/* #.ogisticsconsulting-point01 #logisticsconsulting-case */
#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list{
	flex-wrap: wrap;
}
#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list .list-item{
	width: 32%;
	margin: 0 2% 2% 0;
}
#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list .list-item:nth-child(3n){
	margin: 0 0 2% 0;
}
#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list .list-item a{
	display: block;
	transition: 0.3s;
}
@media (min-width: 801px){
	#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list .list-item a:hover{
		opacity: 0.6;
	}	
}
#wrap .logisticsconsulting-point01 #logisticsconsulting-case .more-link{
	text-align: right;
}
@media (max-width: 800px){
	#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list {
		padding: 0;
	}
	#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list .list-item{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list .list-item:nth-child(odd){
		margin: 0 4% 4% 0;
	}
	#wrap .logisticsconsulting-point01 #logisticsconsulting-case .list .list-item:nth-child(even){
		margin: 0 0 4% 0;
	}
}




/* .logisticsconsulting-point01 #service-pickup */
#wrap .logisticsconsulting-point01 #service-pickup{
	background: none;
}

#wrap .logisticsconsulting-point01 #service-pickup .service-cont{
	display: flex;
	flex-wrap: wrap;
}
#wrap .logisticsconsulting-point01 #service-pickup .service-cont .service-cont-item{
	width: 48%;
	margin: 0 4% 0 0;
}
#wrap .logisticsconsulting-point01 #service-pickup .service-cont .service-cont-item:nth-child(2n){
	margin: 0;
}

#wrap .logisticsconsulting-point01 #service-pickup h3{
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px;
}
#wrap .logisticsconsulting-point01 #service-pickup .service-list{
	margin: 0 0 40px;
}
#wrap .logisticsconsulting-point01 #service-pickup .service-list .service-list-item{
	border: 1px solid #DBDBDB;
	margin: 0 0 20px;
	padding: 0 15px;
	box-sizing: border-box;
	transition: 0.3s;
}
@media (min-width: 801px){
	#wrap .logisticsconsulting-point01 #service-pickup .service-list .service-list-item:hover{
		border: 1px solid #00479D!important;
		box-shadow: 0px 4px 9px -4px rgba(0,0,0,0.4);
	}
	#wrap .logisticsconsulting-point01 #service-pickup .service-list .service-list-item a:hover{
		opacity: 1.0;
	}	
}
#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .thumanail{
	width: 200px;
}
#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .text{
	width: calc(100% - 200px);
	position: relative;
	padding:15px 0px 15px 30px;
}
#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .text h4{
	font-weight: bold;
	color: #00479d;
}
#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .text .more-link{
	/* position: absolute;
	right: 0;
	bottom: 15px;*/
	font-size: 15px;
	margin: 20px 0 0;
	text-align:right;
}
@media (max-width: 800px){
	#wrap .logisticsconsulting-point01 #service-pickup .service-list{
		display: flex;
		flex-wrap: wrap;
		border-top: none;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .service-list .service-list-item{
		width: 48%;
		margin: 0 4% 4% 0;
		border: 1px solid #DBDBDB;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .service-list .service-list-item:nth-child(2n){
		margin: 0 0 4% 0;
	}
	#wrap .logisticsconsulting-point01 #service-pickup h3{
		font-size: 16px;
		margin: 0 0 15px;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .thumanail{
		width: 100%;
		padding: 0;
	}
	#wrap .logisticsconsulting-point01 #service-pickup  .content .service-list .service-list-item .thumanail .img{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .text{
		width: 100%;
		padding: 10px;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .service-list .service-list-item{
		padding: 0;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .text .more-link{
		position: static;
		margin: 10px 0 0;
		font-size: 13px;
	}
}

/* .logisticsconsulting-point01 #flow-image */
#wrap .logisticsconsulting-point01 #flow-image{
	background: #F5F5F5;
	max-width: 100%;
	margin-top: 0;
	padding: 80px 0;
}
#wrap .logisticsconsulting-point01 #flow-image .content{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* .logisticsconsulting-point01 #service-feature */
#wrap .logisticsconsulting-point01 #service-feature{
	background: #F5F5F5;
	max-width: 100%;
	margin-top: 0;
	padding: 80px 0 20px;
}
#wrap .logisticsconsulting-point01 #service-feature .content{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
@media (max-width: 800px){
	#wrap .logisticsconsulting-point01 #service-feature{
		padding: 50px 0 20px;
	}	
}


/* service-search */
#wrap #service-search{
	padding: 60px 0;
	border-bottom: 1px solid #eee;
}
#service-search h2.mincho{
	font-size: 30px;
	margin: 0 0 40px;
	padding: 0 0 0.5em;
	position: relative;
}
#service-search  h2.mincho::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 50px;
	height: 2px;
	background: #00479D;
}
#service-search .content .box h3{
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 0 48px;
	position: relative;
}
#service-search .content .box h3::after{
	position: absolute;
	left: 0;
	content: '';
}
#service-search .content .box h3.tit01::after{
	width: 35px;
	height: 35px;
	top: 5px;
	background: url("images/ninushi/service/logisticsconsulting/icon-service01.svg") no-repeat center center;
	background-size: 35px auto;
}
#service-search .content .box h3.tit02::after{
	width: 35px;
	height: 27px;
	top: 7px;
	background: url("images/ninushi/service/logisticsconsulting/icon-service02.svg") no-repeat center center;
	background-size: 35px auto;
}
#service-search .content .box h3.tit03::after{
	width: 40px;
	height: 28px;
	top: 7px;
	background: url("images/ninushi/service/logisticsconsulting/icon-service03.svg") no-repeat center center;
	background-size: 40px auto;
}
#service-search .content .box h3.tit04::after{
	width: 30px;
	height: 35px;
	top: 5px;
	background: url("images/ninushi/service/logisticsconsulting/icon-service04.svg") no-repeat center center;
	background-size: 30px auto;
}
#service-search .content .box h3.tit05::after{
	width: 26px;
	height: 35px;
	top: 5px;
	background: url("images/ninushi/service/logisticsconsulting/icon-service05.svg") no-repeat center center;
	background-size: 26px auto;
}
#service-search .content .box h3.tit06::after{
	width: 35px;
	height: 28px;
	top: 7px;
	background: url("images/ninushi/service/logisticsconsulting/icon-service06.svg") no-repeat center center;
	background-size: 35px auto;
}
#service-search .content .box .list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 35px;
}
#service-search .content .box .list .list-item{
	width: 32%;
	margin: 0 2% 2% 0;
	text-align: center;
}
#service-search .content .box .list .list-item:nth-of-type(3n){
	margin: 0 0 2% 0;
}
#service-search .content .box .list .list-item a{
	border: 1px solid #00479D;
	padding: 8px;
	background: #fff;
	color: #00479D;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 61px;
	box-sizing: border-box;
	border-radius: 10px;
	line-height: 1.46;
	transition: 0.3s;
}
@media (min-width:801px){
	#service-search .content .box .list .list-item a:hover{
		border: 1px solid #00479D;
		background: #00479D;
		color: #fff;
	}
}
@media (max-width:800px){
	#wrap #service-search{
		padding: 60px 0 30px;
	}
	#service-search h2.mincho{
		font-size: 21px;
		margin: 0 0 30px;
	}
	#service-search .content .box .list .list-item{
		width: 100%;
		margin: 0 0 3% 0;
		text-align: center;
	}
	#service-search .content .box .list .list-item:nth-of-type(3n){
		margin: 0 0 3% 0;
	}
	#service-search .content .box .list .list-item a br{
		display: none;
	}
	#service-search .content .box .list .list-item a{
		font-size: 3.0vw;
		padding: 10px;
		height: auto;
	}
}


/* service-pickup */
#service-pickup{
	background: #F5F5F5;
	padding: 60px 0;
}
#wrap .logisticsconsulting-point01 #service-pickup {
	padding: 60px 0 0;
}

#service-pickup .section-content h2.mincho{
	font-size: 30px;
	margin: 0 0 40px;
	padding: 0 0 0.5em;
	position: relative;
}
#service-pickup .section-content h2.mincho::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 50px;
	height: 2px;
	background: #00479D;
}
#wrap .logisticsconsulting-point01 #service-pickup .section-content .content{
	padding-bottom: 0;
}
#wrap .logisticsconsulting-point01 #service-pickup .section-content h2.mincho::after{
	left: 50%;
	margin: 0 0 0 -25px;
}

#service-pickup .content .service-list{
}
#service-pickup .content .service-list .service-list-item{
	background: #fff;
	margin: 0 0 20px;
}
#service-pickup .content .service-list .service-list-item:last-of-type{
	margin: 0;
}
#service-pickup .content .service-list .service-list-item a{
	display: flex;
	transition: 0.3s;
}
@media (min-width:801px){
	#service-pickup .content .service-list .service-list-item a:hover{
		opacity: 0.6;
	}	
}
#service-pickup .content .service-list .service-list-item .thumanail{
	width: 370px;
	display: flex;
/*	align-items: center;*/
	padding: 15px 0;
}
#service-pickup .content .service-list .service-list-item .thumanail .status{
	width: 170px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #00479D;
}
#service-pickup .content .service-list .service-list-item .thumanail .img{
	width: 200px;
}
#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .thumanail .img{
	margin: 0;
}

#service-pickup .content .service-list .service-list-item .text{
	width: calc(100% - 370px);
	padding: 15px 30px 40px;
	box-sizing: border-box;
	position: relative;
}
#service-pickup .content .service-list .service-list-item .text h3{
	font-weight: bold;
	color: #00479D;
	margin: 0 0 10px;
	line-height: 1.5;
}
#service-pickup .content .service-list .service-list-item .text p{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.35;
}
#service-pickup .content .service-list .service-list-item .text ul{
	display: flex;
	position: absolute;
	bottom: 15px;
}
#service-pickup .content .service-list .service-list-item .text ul li{
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 1px 10px;
	display: inline-block;
	background: #eee;
	border-radius: 15px;
}
@media (max-width:1150px){
	#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item a{
		position: relative;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .content .service-list .service-list-item .text{
		position: static;
	}
}
@media (max-width:800px){
	#wrap .logisticsconsulting-point01 #service-pickup .service-cont{
		display: block;
		flex-wrap: wrap;
	}
	#wrap .logisticsconsulting-point01 #service-pickup .service-cont .service-cont-item{
		width: 100%;
		margin: 0;
	}	
	
	#service-pickup .section-content h2.mincho{
		font-size: 21px;
		margin: 0 0 30px;
	}
	#service-pickup .content .service-list .service-list-item a{
		display: block;
	}
	#service-pickup .content .service-list .service-list-item .thumanail{
		width: 100%;
		padding: 20px 20px 0;
	}
	#service-pickup .content .service-list .service-list-item .thumanail .status{
		width: 120px;
		font-size: 18px;
	}
	#service-pickup .content .service-list .service-list-item .thumanail .img{
		width: calc(100% - 120px);
	}
	#service-pickup .content .service-list .service-list-item .text{
		width: 100%;
		padding: 20px;
	}
	#service-pickup .content .service-list .service-list-item .text p{
		font-size: 16px;
	}
	#service-pickup .content .service-list .service-list-item .text ul{
		position: static;
		margin: 20px 0 0;
	}
}


/* service-flow */
#service-flow{
	background: #00479D;
	padding: 60px 0;
}
#service-flow .section-content h2.mincho{
	font-size: 30px;
	color: #fff;
	margin: 0 0 40px;
	padding: 0 0 0.5em;
	position: relative;
}
#service-flow .section-content h2.mincho::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 50px;
	height: 2px;
	background: #fff;
}
#service-flow .content ul{
	display: flex;
	margin: 0 0 25px;
}
#service-flow .content ul li{
	width: 190px;
	background: #fff;
	text-align: center;
	margin: 0 50px 0 0;
	padding: 25px 0;
	position: relative;
}
#service-flow .content ul li:last-child{
	margin: 0;
}
#service-flow .content ul li::after{
	position: absolute;
	right: -36px;
	top: 50%;
	content: '';
	margin: -18px 0 0 0;
	width: 18px;
	height: 36px;
	background: url("images/ninushi/service/logisticsconsulting/icon-arrow.svg") no-repeat center center;
	background-size: 18px auto;
}
#service-flow .content ul li:last-child::after{
	content: none;
}
#service-flow .content ul li p.tit{
	font-size: 18px;
	color: #000;
}
#service-flow .content ul li p.tit span{
	color: #00479D;
}
#service-flow .content p{
	color: #fff;
}
@media (max-width:800px){
	#service-flow .section-content h2.mincho{
		font-size: 21px;
		margin: 0 0 30px;
		padding: 0 0 0.5em;
	}
	#service-flow .content ul{
		display: block;
		margin: 0 0 25px;
	}
	#service-flow .content ul li{
		width: 100%;
		margin: 0 0 50px;
		padding: 13px 10px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		position: relative;
	}
	#service-flow .content ul li::after{
		position: absolute;
		left: 50%;
		right: inherit;
		top: inherit;
		bottom: -32px;
		content: '';
		margin: 0 0 0 -18px;
		width: 36px;
		height: 18px;
		background: url("images/ninushi/service/logisticsconsulting/icon-arrow_u.svg") no-repeat center center;
		background-size: 36px auto;
	}
	#service-flow .content ul li .img{
		width: 70px;
	}
	#service-flow .content ul li .tit{
		width: calc(100% - 70px);
		text-align: left;
		padding: 0 0 0 20px;
		box-sizing: border-box;
	}
	#service-flow .content ul li .tit span{
		position: absolute;
		right: 10px;
		top: 0;
		font-size: 24px;
	}
}

#logisticsconsulting #faq{
	background: none;
}
#logisticsconsulting #faq h2{
	margin-bottom: 40px;
}
#logisticsconsulting #faq .txt{
	text-align: center;
	margin: 0 0 40px;
}


/* 3PL(ノンアセット型)/物流アウトソーシング #outsourcing-deliveryoptimisation
================================================================================================================== */
#outsourcing-deliveryoptimisation .section-wrap > .section-content{
	max-width: 100%;
	padding: 0;
}


#outsourcing-deliveryoptimisation #sec01 h2,
#outsourcing-deliveryoptimisation #sec02 h2,
#outsourcing-deliveryoptimisation #sec03 h2,
#outsourcing-deliveryoptimisation #sec04 h2,
#outsourcing-deliveryoptimisation #sec05 h2{
	text-align: center;
}
#outsourcing-deliveryoptimisation #sec01 h2::after,
#outsourcing-deliveryoptimisation #sec02 h2::after,
#outsourcing-deliveryoptimisation #sec03 h2::after,
#outsourcing-deliveryoptimisation #sec04 h2::after,
#outsourcing-deliveryoptimisation #sec05 h2::after{
	left: 50%;
	margin: 0 0 0 -25px;
}

/*  #sec01 */
#outsourcing-deliveryoptimisation #sec01 .fl-box{
	display: flex;
}
#outsourcing-deliveryoptimisation #sec01 .fl-box .img{
	width: calc(100% - 410px);
	order: 1;
	padding: 0 60px 0 0;
	box-sizing: border-box;
}
#outsourcing-deliveryoptimisation #sec01 .fl-box .text{
	width: 410px;
	order: 2;
	box-sizing: border-box;
}
#outsourcing-deliveryoptimisation #sec01 .link-list{
    display: flex;
    justify-content: center;
    align-items: flex-end;
	margin: 60px 0 0;
}
#outsourcing-deliveryoptimisation #sec01 .link-list .wp-block-button{
	margin: 0 20px;
}
@media (max-width:1000px){
	#outsourcing-deliveryoptimisation #sec01 .fl-box{
		display: block;
	}
	#outsourcing-deliveryoptimisation #sec01 .fl-box .img{
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
		padding: 0;
	}
	#outsourcing-deliveryoptimisation #sec01 .fl-box .text{
		width: 100%;
	}
	#outsourcing-deliveryoptimisation #sec01 .link-list{
		display: block;
		margin: 0 auto;
	}
	#outsourcing-deliveryoptimisation #sec01 .link-list .wp-block-button{
		margin: 30px auto 0;
	}
	#outsourcing-deliveryoptimisation #sec01 .link-list .wp-block-button:nth-of-type(1){
		padding: 0;
	}
}
@media (max-width:800px){
	#outsourcing-deliveryoptimisation #sec01{
		padding: 0 0 40px;
	}
}

/*  #sec02 */
#outsourcing-deliveryoptimisation #sec02{
	background: #F5F5F5;
	padding: 0 0 75px 0;
}
#outsourcing-deliveryoptimisation #sec02 .fl-box{
	display: flex;
	background: #fff;
	padding: 30px 40px;
}
#outsourcing-deliveryoptimisation #sec02 .fl-box .img{
	width: 320px;
}
#outsourcing-deliveryoptimisation #sec02 .fl-box .text{
	width: calc(100% - 320px);
	padding: 0 10% 0 0;
	box-sizing: border-box;
}
#outsourcing-deliveryoptimisation #sec02 .fl-box .text ul li{
	border-bottom: 1px solid #eee;
	font-size: 15px;
	padding: 20px 20px 20px 50px;
	background: url("images/ninushi/service/outsourcing-deliveryoptimisation/icon-crown.svg") no-repeat left center;
	background-size: 32px auto;
}
#outsourcing-deliveryoptimisation #sec02 .fl-box .text ul li:last-child{
	border-bottom: none;
}
#outsourcing-deliveryoptimisation #sec02 .fl-box .text ul li span{
	font-weight: bold;
	color: #00479D;
}
@media (max-width:800px){
	#outsourcing-deliveryoptimisation #sec02 .fl-box{
		padding: 30px 20px;
		flex-wrap: wrap;
	}
	#outsourcing-deliveryoptimisation #sec02 .fl-box .img{
		text-align: center;
		order: 1;
		margin: 0 auto 20px;
	}
	#outsourcing-deliveryoptimisation #sec02 .fl-box .text{
		width: 100%;
		padding: 0;
		order: 2;
	}
}

/*  #sec03 */
#outsourcing-deliveryoptimisation #sec03{
	border-bottom: 1px solid #EEE;
}
#outsourcing-deliveryoptimisation #sec03 .fl-box{
	display: flex;
}
#outsourcing-deliveryoptimisation #sec03 .fl-box .img{
	width: 700px;
}
#outsourcing-deliveryoptimisation #sec03 .fl-box .text{
	width: calc(100% - 700px);
	padding: 0 0 0 50px;
	box-sizing: border-box;
}
@media (max-width:800px){
	#outsourcing-deliveryoptimisation #sec03{
		padding: 0 0 40px 0;
	}
	#outsourcing-deliveryoptimisation #sec03 .fl-box{
		display: block;
	}
	#outsourcing-deliveryoptimisation #sec03 .fl-box .img{
		width: 100%;
		margin: 0 0 20px;
	}
	#outsourcing-deliveryoptimisation #sec03 .fl-box .text{
		width: 100%;
		padding: 0;
	}	
}

/*  #sec04 */
#outsourcing-deliveryoptimisation #sec04{
	padding: 0 0 75px 0;
/*	border-bottom: 1px solid #EEE;*/
}
#outsourcing-deliveryoptimisation #sec04 .image{
	text-align: center;
}
#outsourcing-deliveryoptimisation #sec04 .step-list{
	display: flex;
	margin: 70px 0 0;
}
#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item{
	width: 220px;
	border: 1px solid #DDD;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 15px 0 0;
}
#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item:last-of-type{
	margin: 0;
}
#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item .img{
	text-align: center;
	margin: 0 0 15px;
	padding: 0 0 30px;
	position: relative;
}
#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item .img::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	margin: 0 0 0 -50px;
	width: 100px;
	height: 1px;
	background: #DDD;
}
#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item .tit{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
}
#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item .tit + p{
	line-height: 1.5;
}
@media (max-width:800px){
	#outsourcing-deliveryoptimisation #sec04 .step-list{
		display: block;
		margin: 35px 0 0;
	}
	#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item{
		width: 100%;
		margin: 0 0 15px;
	}
	#outsourcing-deliveryoptimisation #sec04 .step-list .step-list-item .tit + p{
		margin: 0 0 5px;
	}
}

/*  #sec05 */
#outsourcing-deliveryoptimisation #sec05{
	padding: 70px 0 80px;
	background: #F5F5F5;
}
#outsourcing-deliveryoptimisation #sec05  h2.mincho{
	font-size: 30px;
	margin: 0 0 40px;
	padding: 0 0 0.5em;
	position: relative;
	text-align: center;
}
#outsourcing-deliveryoptimisation #sec05 h2.mincho::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	width: 50px;
	height: 2px;
	margin: 0 0 0 -25px;
	background: #00479D;
}
#outsourcing-deliveryoptimisation #sec05 .list{
	display: flex;
}
#outsourcing-deliveryoptimisation #sec05 .list .list-item{
	list-style: none;
}
#outsourcing-deliveryoptimisation #sec05 .list .slick-track{
	display: flex;
}
#outsourcing-deliveryoptimisation #sec05 .list .slick-slide{
	height: inherit;
	float: none;
	margin: 0 20px;
	background: #fff;
}
#outsourcing-deliveryoptimisation #sec05 .list .list-item a{
	display: block;
	background: #fff;
	height: 100%;
}
#outsourcing-deliveryoptimisation #sec05 .list .list-item a .img{
	margin: 0;
}
#outsourcing-deliveryoptimisation #sec05 .list .list-item a .text{
	display: block;
	padding: 20px;
	margin: 0;
	font-weight: bold;
}
#outsourcing-deliveryoptimisation #sec05 .list .slick-prev:before,
#outsourcing-deliveryoptimisation #sec05 .list .slick-next:before{
	content: none;
}
#outsourcing-deliveryoptimisation #sec05 .list .slick-prev{
	left: -40px;
	width: 40px;
	height: 40px;
	background: url("images/ninushi/service/logisticsconsulting/prev.svg") no-repeat center center;
	background-size: 40px auto;
}
#outsourcing-deliveryoptimisation #sec05 .list .slick-next{
	right: -40px;
	width: 40px;
	height: 40px;
	background: url("images/ninushi/service/logisticsconsulting/next.svg") no-repeat center center;
	background-size: 40px auto;
}
@media (max-width:800px){
	#outsourcing-deliveryoptimisation #sec05{
		padding: 40px 0;
	}
	#outsourcing-deliveryoptimisation #sec05  h2.mincho{
		font-size: 21px;
		margin: 0 0 30px;
	}
	#outsourcing-deliveryoptimisation #sec05 .list{
		padding: 0 20px;
	}
	#outsourcing-deliveryoptimisation #sec05 .list .slick-slide{
		margin: 0;
	}
	#outsourcing-deliveryoptimisation #sec05 .list .slick-prev{
		left: -20px;
		z-index: 2;
	}
	#outsourcing-deliveryoptimisation #sec05 .list .slick-next{
		right: -20px;
		z-index: 2;
	}
}

/*  #sec06 */
#outsourcing-deliveryoptimisation #sec06 .fl-box{
	display: flex;
}
#outsourcing-deliveryoptimisation #sec06 .fl-box .img{
	width: 480px;
}
#outsourcing-deliveryoptimisation #sec06 .fl-box .text{
	width: calc(100% - 480px);
	padding: 0 0 0 30px;
	box-sizing: border-box;
}
#outsourcing-deliveryoptimisation #sec06 .fl-box .text p span{
	color: #00479D;
	font-weight: bold;
}
@media (max-width:800px){
	#outsourcing-deliveryoptimisation #sec06 .fl-box{
		display: block;
	}
	#outsourcing-deliveryoptimisation #sec06 .fl-box .img{
		width: 100%;
		margin: 0 auto 20px;
	}
	#outsourcing-deliveryoptimisation #sec06 .fl-box .text{
		width: 100%;
		padding: 0;
	}
	#outsourcing-deliveryoptimisation #wrap .wp-block-button.red{
		padding: 0;
	}
}


/* 共同配送網構築 #transportation-plan
================================================================================================================== */
#transportation-plan .section-wrap > .section-content{
	max-width: 100%;
	padding: 0;
}

/* sec01 */
#transportation-plan #sec01{
	border-bottom: 1px solid #EEE;
}

/* sec02 */
#transportation-plan #sec02 .list{
	display: flex;
	flex-wrap: wrap;
}
#transportation-plan #sec02 .list .list-item{
	width: 50%;
	margin: 0 0 20px;
	padding: 0 20px 0 25px;
	box-sizing: border-box;
}
#transportation-plan #sec02 .image01{
	max-width: 860px;
	margin: 70px auto;
}
@media (max-width:800px){
	#transportation-plan #sec02 .list{
		display: flex;
		flex-wrap: wrap;
	}
	#transportation-plan #sec02 .list .list-item{
		width: 100%;
		margin: 0 0 20px;
		padding: 0 0 0 25px;
	}
	#transportation-plan #sec02 .list .list-item:nth-child(1){
		order: 1;
	}
	#transportation-plan #sec02 .list .list-item:nth-child(3){
		order: 2;
	}
	#transportation-plan #sec02 .list .list-item:nth-child(5){
		order: 3;
	}
	#transportation-plan #sec02 .list .list-item:nth-child(2){
		order: 4;
	}
	#transportation-plan #sec02 .list .list-item:nth-child(4){
		order: 5;
	}
	#transportation-plan #sec02 .list .list-item:nth-child(6){
		order: 6;
	}
}

/* sec03 */
#transportation-plan #sec03{
	background: #F5F5F5;
	padding: 0 0 40px;
}
#transportation-plan #sec03 h2{
	text-align: center;
}
#transportation-plan #sec03 h2::after{
	left: 50%;
	margin: 0 0 0 -25px;
}
#transportation-plan #sec03 h2 + p{
	text-align: center;
}
#transportation-plan #sec03 .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#transportation-plan #sec03 .list .list-item{
	width: 32%;
	margin: 0 2% 2% 0
}
#transportation-plan #sec03 .list .list-item:nth-of-type(3){
	margin: 0 0 2% 0
}
#transportation-plan #sec03 .list .list-item a{
	display: block;
	
}
@media (min-width:801px){
	#transportation-plan #sec03 .list .list-item a:hover{
		opacity: 0.6;
	}
}
#transportation-plan #sec03 .list .list-item .img{
	margin: 0;
}
#transportation-plan #sec03 .list .list-item .text{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	height: 80px;
	background: #fff;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}
@media (max-width:800px){
	#transportation-plan #sec03 .list{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#transportation-plan #sec03 .list .list-item{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	#transportation-plan #sec03 .list .list-item:nth-of-type(3){
		margin: 0 2% 2% 0;
	}
	#transportation-plan #sec03 .list .list-item:nth-of-type(2n){
		margin: 0 0 2% 0;
	}
	#transportation-plan #sec03 .list .list-item .text{
		margin: 0;
		font-size: 3.0vw;
	}
}

/* sec04 */
#transportation-plan #sec04{
	border-bottom: 1px solid #EEE;
	padding: 0 0 40px;
}

/* sec05 */
#transportation-plan #sec05 .step-list{
	display: flex;
	margin: 70px 0 0;
}
#transportation-plan #sec05 .step-list .step-list-item{
	width: 220px;
	border: 1px solid #DDD;
	padding: 20px 15px 15px;
	box-sizing: border-box;
	margin: 0 15px 0 0;
}
#transportation-plan #sec05 .step-list .step-list-item:last-of-type{
	margin: 0;
}
#transportation-plan #sec05 .step-list .step-list-item .img{
	text-align: center;
	margin: 0 0 15px;
	padding: 0 0 30px;
	position: relative;
}
#transportation-plan #sec05 .step-list .step-list-item .img::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	margin: 0 0 0 -50px;
	width: 100px;
	height: 1px;
	background: #DDD;
}
#transportation-plan #sec05 .step-list .step-list-item .tit{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
}
#transportation-plan #sec05 .step-list .step-list-item .tit + p{
	line-height: 1.5;
}
@media (max-width:800px){
	#transportation-plan #sec05 .step-list{
		display: block;
		margin: 35px 0 0;
	}
	#transportation-plan #sec05 .step-list .step-list-item{
		width: 100%;
		margin: 0 0 15px;
	}
}

.text-logicounsulting{
	font-size: 36px!important;
	margin-top: -130px!important;
}

@media (max-width:800px){
.text-logicounsulting{
	font-size: 21px!important;
	margin-top: -180px!important;
}
}