@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

/* CSS Document */
/**********************************************************************リセット*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: center;
	text-decoration: none;
	color: #3c4141;
	border-collapse: collapse;
	scroll-behavior: smooth;
}


body {
	line-height: 1.5;
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #fff;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 16px;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	display: block;
	font-weight: 400;
	overflow-wrap: break-word;
	word-break: break-word;
	color: #3c4141;
}

img {
	width: 100%;
}

* {
	box-sizing: border-box;
}

.hover-big:hover {
	transform: scale(1.08, 1.08);
	opacity: 0.8;
	transition: 0.5s;
}

.con01 {
	width: 1196px;
	margin: 0 auto;
}

.con01.con02 {
	min-height: 60vh;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.con01.con02 p {
	margin-bottom: 2rem;
}

.con01.con02 .btn {
	width: 100%;
}

/**********************************************************************リセット*/



/**********************************************************************ヘッダー*/
header {
	padding: 35px 0 20px;
	width: 100%;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999 !important;
	background: rgba(255, 255, 255, 1.0);
	border-bottom: solid 0.5px #C8C8C8;
}

.rogo-head {
	width: 243px;
	margin-bottom: -5px;
	height: auto;
	opacity: 1;
	transition: .6s ease;
}

.rogo-head span {
	font-size: 14px;
	display: block;
	text-align: right;
	color: #0055aa;
	margin-bottom: 3px;
	height: auto;
	opacity: 1;
	transition: .6s ease;
	font-weight: 500;
	text-align: center;
}

.contact-head nav {
	margin: 0 0 0 auto;
}

ul {
	list-style: none;
	margin: 0;
	display: flex;
}


.pc-nav ul li a {
	color: #3c4141 !important;
	font-size: 16px;
	font-weight: 500;
	transition: color 0.5s ease-in-out 0s;
	line-height: 1;
	letter-spacing: 1px;
}

.menu__single>a {
	padding: 20px 0;
	margin-top: -20px;
	margin-bottom: -20px;
}

.pc-nav ul li a:hover {
	color: rgba(0, 0, 0, 0.8) !important;
}

.sp-nav {
	display: none;
}

.earth {
	width: 30px;
	height: 30px;
	margin: 0 0 -10px 0;
}

header>div {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.rogo {
	width: 260px;
	margin-bottom: 20px;
}

.head-right {
	text-align: right;
}

.head-right>.pc-nav {
	display: flex;
	align-items: center;
}

.header-contact {
	position: static;
	display: flex;
	justify-content: flex-end;
	margin: 0 0 20px;
}

.ask-head {
	width: 180px;
	height: 40px;
	background: #e65a00;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	transition: opacity 0.5s ease-in-out 0s;
	padding-top: 7px;
	margin-left: 15px;
	letter-spacing: 3px;
}

.service-head {
	width: 180px;
	height: 40px;
	border-radius: 5px;
	color: #0055aa;
	font-weight: bold;
	border: 2px solid #0055aa;
	transition: opacity 0.5s ease-in-out 0s;
	margin-left: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-head img {
	width: 18px;
	margin-left: 6px;
}

.head-tel {
	font-size: 20px;
	font-weight: bold;
	color: #0055aa;
	letter-spacing: 0.05em;
	line-height: 1em;
	font-family: "Helvetica Neue", Helvetica, 'Noto Sans JP', sans-serif;
}

.head-tel img {
	width: 13px;
}

.head-time {
	font-size: 12px;
	font-weight: bold;
}

.ask-head:hover,
.service-head:hover {
	opacity: 0.8;
}

.mark-dl {
	width: 16.7px;
}

.mark-tel {
	width: 24.5px;
}

.pc-nav ul li {
	margin-left: 20px;
}


/**********************************************************************ヘッダースクロール時*/

header.scrolled {
	padding: 16px 0 20px;
	transition: .2s ease;
}

header.scrolled .con01 {
	align-items: center;
}

header.scrolled .con01 .rogo-head {
	margin-bottom: auto;
	transition: .2s ease;
}

header.scrolled .con01 .rogo-head span {
	height: 0;
	opacity: 0;
	transition: .2s ease;
}

header.scrolled .con01 .head-right .header-contact {
	height: 0;
	opacity: 0;
	transition: .2s ease;
	margin: 0;
}

/**********************************************************************ヘッダースクロール時*/


@media screen and (max-width: 1180px) {
	body {
		width: 1180px;
	}
}

@media screen and (max-width: 640px) {
	body {
		width: 100%;
	}

	.pc-nav {
		display: none;
	}

	header {
		padding: 3%;
		margin-top: -57px;
	}

	header .con01 {
		align-items: center;
	}



	.rogo-head {
		width: 40%;
		margin-bottom: -5px;
	}

	header.scrolled {
		padding: 3%;
	}

	.rogo-head span {
		font-size: 8px;
	}

	header.scrolled .con01 .rogo-head span {
		display: block;
	}

	.sp-nav {
		z-index: 1;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		display: block;
		width: 100%;
		background: rgba(0, 85, 170, 0.90);
		opacity: 0;
		transform: translateY(-100%);
		transition: all .2s ease-in-out;
	}

	#hamburger {
		position: relative;
		display: block;
		width: 30px;
		height: 25px;
		margin: 0;
	}

	#hamburger span {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 100%;
		height: 2px;
		background-color: #0055AA;
		transform: translateY(-50%);
	}

	#hamburger::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #0055AA;
	}

	#hamburger::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #0055AA;
	}

	/*スマホメニュー*/
	.sp-nav ul {
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

	.sp-nav li {
		margin: 0;
		padding: 0;
	}

	.sp-nav li a {
		color: #fff !important;
	}

	.sp-nav li span {
		font-size: 15px;
		color: #fff;
	}

	.sp-nav li a,
	.sp-nav li span {
		display: block;
		padding: 20px 0;
	}

	/*-閉じるアイコンー*/
	.sp-nav .close {
		position: relative;
		padding-left: 20px;
	}

	.sp-nav .close::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 16px;
		height: 1px;
		background: #fff;
		transform: rotate(45deg);
	}

	.sp-nav .close::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 16px;
		height: 1px;
		background: #fff;
		transform: rotate(-45deg);
	}

	.toggle {
		transform: translateY(0);
		opacity: 1;
	}

	.contact-head {
		width: 120px;
		margin: 0 10px -15px;

	}

	.head-right {
		width: auto;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}


}

/**********************************************************************ヘッダー*/

/**********************************************************************ドロップダウン*/

.menu {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.menu_langage {
	width: 50px;
	margin: 0 0 -20px 0;
}

.menu>li {
	float: left;
	line-height: 40px;
}

.menu>li a {
	display: block;
	color: #fff;
}

.menu>li a:hover {
	color: #999;
}

ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

ul.menu__third-level {
	visibility: hidden;
	opacity: 0;
}

ul.menu__fourth-level {
	visibility: hidden;
	opacity: 0;
}

.menu>li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
}

.menu__second-level li {
	padding: 10px 0;
}

.menu__second-level li a:hover {
	color: #e65a00 !important;
}

.menu__third-level li a:hover {
	background: #fff;
}

.menu__fourth-level li a:hover {
	background: #fff;
}

/* 下矢印 */
.init-bottom:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 0 3px 5px;
	border-right: 2px solid #005aaa;
	border-bottom: 2px solid #005aaa;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.langage {
	width: 10px !important;
}

/* floatクリア */
.menu:before,
.menu:after {
	content: " ";
	display: table;
}

.menu:after {
	clear: both;
}

.menu {
	*zoom: 1;
}

.menu>li.menu__single {
	position: relative;
}

li.menu__single ul.menu__second-level {
	position: absolute;
	display: list-item;
	top: 40px;
	width: 300px;
	background: #fafafa;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

li.menu__single ul.menu__second-level>li {
	border-bottom: solid 1px #fff;
}

.langage>ul.menu__second-level {
	width: 0 !important;
	margin: -15px;
}



.langage>ul.menu__second-level>li>a {
	width: 70px !important;
	color: #3c4141;
	margin-left: 5px;
	margin: 0 -20px -20px 0;
	padding: 0 0 5px 0;
}

.menu__second-level>li>a {
	text-align: left;
}

li.menu__single:hover ul.menu__second-level {
	top: 35px;
	visibility: visible;
	opacity: 1;
}


@media screen and (max-width: 640px) {
	.menu_langage {
		width: 0;
		margin: 0 20px 0 0;
	}

}

/**********************************************************************ドロップダウン*/


/**********************************************************************スクロールでフワッと*/
.scroll-y {
	animation-name: fadein;
	animation-duration: 0.8s;
}

.scroll-y2 {
	animation-name: fadein;
	animation-duration: 1.3s;
}

.scroll-y3 {
	animation-name: fadein;
	animation-duration: 1.6s;
}

.scroll-y4 {
	animation-name: fadein;
	animation-duration: 2s;
}

@keyframes fadein {
	from {
		opacity: 0;
		transform: translatey(50px);
	}

	to {
		opacity: 1;
		transform: translatey(0);
	}
}

.scroll-y5 {
	animation-name: fadein2;
	animation-duration: 0.8s;
}

.scroll-y6 {
	animation-name: fadein2;
	animation-duration: 1.6s;
}

.scroll-y7 {
	animation-name: fadein2;
	animation-duration: 2s;
}

@keyframes fadein2 {
	from {
		opacity: 0;
		transform: translatey(-100px);
	}

	to {
		opacity: 1;
		transform: translatey(0);
	}
}

/**********************************************************************スクロールでフワッと*/

/**********************************************************************フェードイン*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
	transition: 0.8s ease-in-out;
	transform: translateY(30px);
	opacity: 0;
}

.scroll_up.on {
	transform: translateY(0);
	opacity: 1.0;
}

/*----------------------------
scroll_left ｜左から出現
----------------------------*/
.scroll_left {
	-webkit-transition: 0.8s ease-in-out;
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	transform: translateX(-30px);
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

.scroll_left.on {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	transform: translateX(0);
}

/*----------------------------
scroll_right ｜右から出現
----------------------------*/
.scroll_right {
	-webkit-transition: 0.8s ease-in-out;
	-moz-transition: 0.8s ease-in-out;
	-o-transition: 0.8s ease-in-out;
	transition: 0.8s ease-in-out;
	transform: translateX(30px);
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
}

.scroll_right.on {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	transform: translateX(0);
}

/*----------------------------
ふわっと
----------------------------*/
.fade-in {
	animation-name: fade;
	animation-duration: 3s;
}

@keyframes fade {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

/*----------------------------
scrollタイミング変更
----------------------------*/
.timing02 {
	transition-delay: .2s;
	animation-delay: .2s;
}

.timing03 {
	transition-delay: .4s;
	animation-delay: .4s;
}

.timing04 {
	transition-delay: .6s;
	animation-delay: .6s;
}

.timing05 {
	transition-delay: .8s;
	animation-delay: .8s;
}

/**********************************************************************ループスライダー*/

.loop_wrap {
	text-align: left;
	height: 80px;
	display: flex;
	overflow: hidden;
	background-color: #fff;
	padding: 30px 0;
	/*margin-bottom: 30px;*/
}

.logo_slick {
	width: 100%;
}

.loop_wrap img {
	width: auto;
	height: 100%;
	padding: 0px;
	margin: 0 auto;
}

.loop_wrap ul {
	align-items: center;
}

.loop_wrap ul li {
	height: 40px;
	margin: 0 20px;
}


.loop_wrap-text {
	text-align: left;
	height: 30px;
	display: flex;
	overflow: hidden;
	background-color: #ebf0f5;
	padding: 15px 0 0;
}

.loop_wrap-text div {
	flex: 0 0 auto;
	white-space: nowrap;
	font-weight: 600;
	color: #003250;
}

.loop_wrap ul:first-child,
.loop-text a:first-child {
	animation: loop 60s -30s linear infinite;
}

.loop_wrap ul:last-child,
.loop-text a:last-child {
	animation: loop2 60s linear infinite;
}

.loop_wrap-text div:nth-child(odd) {
	animation: loop 50s -25s linear infinite;
}

.loop_wrap-text div:nth-child(even) {
	animation: loop2 50s linear infinite;
}


@keyframes loop {
	0% {
		transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
	}
}

@keyframes loop2 {
	0% {
		transform: translateX(0);
	}

	to {
		transform: translateX(-200%);
	}
}

.loop_wrap:hover ul {
	animation-play-state: paused;
}

/**********************************************************************ループスライダー*/

/**********************************************************************Air Logi 導入実績用ループスライダー*/

.loop_wrap-2 {
	text-align: left;
	height: 500px;
	display: flex;
	overflow: hidden;
	padding: 30px 0;
	margin-bottom: 30px;
}


.loop_wrap-2 ul li {
	height: auto;
}

.loop_wrap-2 ul:first-child {
	animation: loop3 120s -60s linear infinite;
}

.loop_wrap-2 ul:last-child {
	animation: loop4 120s linear infinite;
}



@keyframes loop3 {
	0% {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(100%);
	}
}

@keyframes loop4 {
	0% {
		transform: translateX(-200%);
	}

	to {
		transform: translateX(0);
	}
}

.loop_wrap-2:hover ul {
	animation-play-state: paused;
}

/**********************************************************************Air Logi 導入実績用ループスライダーループスライダー*/

/**********************************************************************トップ*/
#top {
	padding: 160px 0 20px;
	background-image: url("../imges/topback.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#top>div {
	width: 1196px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.maintitle {
	text-align: left;
}

.top_img {
	max-width: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
}

h2 {
	font-size: 24px;
	font-weight: bold;
}

h1 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}

.maintitle>img {
	width: 353px;
	margin: 47px 0 20px;
}

.maintitle>ul {
	flex-direction: column;
}

.maintitle>ul>li {
	text-align: left;
	align-items: center;
	vertical-align: middle;
	height: 25px;
}

.maintitle>ul>li>img {
	width: 18px;
	display: inline-block;
	margin-right: 8px;
}

.maintitle>ul>li>a {
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 2px;
}

.maintitle>div {
	display: flex;
	justify-content: flex-start;
	margin-top: 30px;
}

.btn-dl,
.btn-trial {
	width: 216px;
	height: 60px;
	border: 1px solid #0055AA;
	border-radius: 30px;
	color: #0055AA;
	background: #fff;
	font-weight: bold;
	font-size: 16px;
	padding-top: 14px;
}

.btn-trial {
	color: #fff;
	background: #0055AA;
	margin-left: 20px;
}

.btn-dl>img {
	width: 18px
}

.slider {
	width: 560px;
}

.bonners {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 50px;
}

.bonners>a {
	width: 284px;
}

/**********************************************************************トップここまで*/

/**********************************************************************トップスライダー*/

.slider-2 .slick-slide {
	width: 560px;
	height: 360px;
	margin: 0 40px;
	position: relative;
	overflow: hidden;
}

.slider-2 .slick-slide img {
	display: block;
	width: 100%;
	height: auto;
}

.slider-2 .slick-slide .video_box {}

.slider-2 .slick-slide .video_box video {
	width: 100%;
}

.slider-2 .slick-arrow {
	width: 46px;
	height: 46px;
	cursor: pointer;
	position: absolute;
	top: 390px;
	z-index: 1;
}

.slider-2 .slick-next {
	right: 0;
	background: url("../imges/slide-arrow-2.svg");
}

.slider-2 .slick-prev {
	background: url("../imges/slide-arrow-1.svg");
	left: 0;
}

.slider-2 .slick-next::before {
	left: 20px;
}

.slider-2 .slick-prev::before {
	border-width: 0 0 3px 3px;
	right: 22px;
}

.dots-2 .slick-dots {
	text-align: center;
	position: relative;
	margin-top: -15px;
}

.dots-2 .slick-dots li {
	display: inline-block;
}

.dots-2 .slick-dots button {
	display: block;
	width: 12px;
	height: 12px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	background: #C8C8C8;
	border-radius: 50%;
}

.dots-2 .slick-dots .slick-active button {
	background: #0a467d;
}

.img-title {
	font-size: 20px;
	font-weight: bold;
	color: #0055AA;
	background: #F5FAFD;
	height: 48px;
	padding-top: 5px;
}

.slick-next:before,
.slick-prev:before {
	content: none;
}

.slick-dots li button:before {
	content: none;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

/**********************************************************************トップスライダーここまで*/

/**********************************************************************Air Logi 導入実績スライダー*/
.slider-3 .slick-slide {
	margin: 0 30px;
	padding: 60px 0;
	position: relative;
}

.slider-3 .slick-slide .slide-img {
	transition: all 0.6s ease 0.4s;
	opacity: 0.8;
	box-shadow: 7px 7px 15px -5px #666;
	overflow: hidden;
}

.slider-3 .slick-slide {
	padding-bottom: 70px;
}

.slider-3 .slick-slide.slick-current .slide-img {
	transform: scale(1.2);
	opacity: 1;
}

.slider-3 .slick-slide .slide-img img {
	display: block;
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.slider-3 .slick-arrow {
	width: 60px;
	height: 60px;
	border-radius: 25%;
	background-color: #0055AA;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.slider-3 .slick-arrow::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	border-width: 3px 3px 0 0;
	position: absolute;
	top: 24px;
	transform: rotate(45deg);
}

.slider-3 .slick-next {
	right: 0;
}

.slider-3 .slick-prev {
	left: 0;
}

.slider-3 .slick-next::before {
	left: 20px;
}

.slider-3 .slick-prev::before {
	border-width: 0 0 3px 3px;
	right: 22px;
}

.dots-3 .slick-dots {
	text-align: center;
}

.dots-3 .slick-dots li {
	display: inline-block;
}

.dots-3 .slick-dots button {
	display: block;
	width: 10px;
	height: 10px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	background: #bcbcbc;
	border-radius: 50%;
}

.dots-3 .slick-dots .slick-active button {
	background: #0a467d;
}


section>.con01 {
	padding: 50px 0 100px;
	position: relative;
}

h3 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 35px;
}

h4 {
	font-size: 22px;
	font-weight: bold;
}

.blue {
	color: #0055AA;
}

section>.con01>.btns {
	display: flex;
	justify-content: center;
}

.btn-2 {
	width: 260px;
	height: 60px;
	background: #fff;
	border: solid 1px #0055AA;
	border-radius: 30px;
	color: #0055AA;
	margin: 50px 20px 0;
	padding-top: 15px;
	font-weight: bold;
}

.btn-2>img {
	width: 18px;
	margin-left: 5px;
}

.btn-3 {
	width: 260px;
	height: 60px;
	background: #0055AA;
	border: solid 1px #0055AA;
	border-radius: 30px;
	color: #fff;
	margin: 50px 20px 0;
	padding-top: 15px;
	font-weight: bold;
}

.btn-3>img {
	width: 18px;
	margin-left: 5px;
}

/**********************************************************************Air Logi 導入実績スライダーここまで*/

/**********************************************************************Air Logi 導入実績*/
#contents02 {
	background: #F5FAFD;
	padding: 50px 0;
}

.contents02-inner {
	width: 100%;
	margin: 0 auto;
}

.achievements {
	width: 372px !important;
	background: #fff;
	margin: 0 30px;
}

.achievements>div {
	padding: 30px;
	text-align: left;
}

.achievements .desc {
	padding: 30px;
	text-align: left;
}

.achievements>div>hr {
	border: solid 0.5px #EBEBEB;
	margin: 20px 0;
}

.company-name {
	font-size: 14px;
	margin-bottom: 20px;
}

.company-icon {
	display: inline-block;
	width: 65px;
	height: 18px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}

.PL3 {
	background: #003CA5;
}

.EC {
	background: #0096C8;
}

.B2B {
	background: #50A500;
}

.apparel {
	background: #E65A00;
}

/**********************************************************************Air Logi 導入実績ここまで*/

/**********************************************************************クラウドWMS「Air Logi」とは？*/
#contents03 {
	background: url("../imges/contents03-back.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

#contents03>div>div {
	padding: 30px;
	border: solid 1px #0055AA;
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 0.65);
	text-align: center;
	width: 90%;
	margin: 0 auto;
}

#contents03>div>div>h4 {
	margin-bottom: 20px;
}

#contents03>div>div>h4>span {
	border-bottom: solid 5px #FFB43C;
}

#contents03>div>div>a {
	font-weight: bold;
}

/**********************************************************************クラウドWMS「Air Logi」とは？ここまで*/

/**********************************************************************「Air Logi」が選ばれる理由*/
#contents04>.con01 {
	padding-bottom: 50px;
}

#contents04>.con01>.point {
	background: #FAFAFA;
	margin: 50px 0;
	padding: 50px;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#contents04>.con01>.point>img {
	width: 588px;
}

#contents04>.con01>.point>div {
	text-align: left;
}

#contents04>.con01>.point>div>img {
	height: 50px;
	width: auto;
}

#contents04>.con01>.point>div>h5 {
	text-align: left;
	font-size: 24px;
	margin: 20px 0;
}

#contents04>.con01>.point>div>a {
	margin-bottom: 5px;
}

.point2-img {
	margin-top: -50px;
}

.customervoice {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px;
	border: solid 1px #0055AA;
	background: #fff;
	border-radius: 15px;
}

#contents04>.con01>.point>.customervoice>img {
	width: 296px;
	height: auto;
	margin-right: 30px;
}

#contents04>.con01>.point>.customervoice>div {
	text-align: left;
	width: 700px;
}

.voice {
	background: #0055AA;
	width: 98px;
	height: 32px;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	margin-bottom: 20px;
}

.voice-title {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}

#contents04>.con01>.point>.customervoice>div>a:last-child {
	margin-top: 20px;
}

#contents04>.con01>.point>div>.btn-2 {
	text-align: center;
	font-weight: bold;
}

/**********************************************************************「Air Logi」が選ばれる理由ここまで*/

/**********************************************************************現在利用中のWMSに課題を抱えていませんか？*/

#contents05 {
	background: #F5FAFD;
}

#contents05>.con01>div {
	display: flex;
	justify-content: space-between;
}

#contents05>.con01>div>div {
	width: 372px;
	text-align: center;
	background: #fff;
}

.contents05-heading {
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}

#contents05>.con01>div>div>img {
	height: 120px;
	width: auto;
	margin: 10px;
}

#contents05>.con01>div>div>.contents05-inner {
	background: #FFFCC8;
	padding: 30px;
}

#contents05>.con01>div>div>.contents05-inner>.text01 {
	font-size: 18px;
	font-weight: bold;
}

#contents05>.con01>div>div>.contents05-inner>.text02 {
	font-size: 28px;
	font-weight: bold;
	color: #0055AA;
	margin-bottom: 15px;
}

#contents05>.con01>div>div>.contents05-inner>.text03 {
	font-size: 14px;

}

#contents05>.con01>h3.blue {
	margin-top: 50px;
}

#contents05>.con01>.btns,
.btns {
	display: flex;
	justify-content: center;
}

#contents05>.con01>.btns>.btn-3 {
	margin-top: 0;
}

/**********************************************************************現在利用中のWMSに課題を抱えていませんか？ここまで*/

/**********************************************************************Air Logiの機能紹介*/
#contents06>.con01 {
	padding: 0;
}

.movie-tab {
	background: #DEF0FC;
	padding: 50px 0;
}

.movie-tab>h1 {
	margin: 0 auto 30px;
	text-align: center;
}

.area {
	margin: auto;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;

}

.tab_class {
	width: 180px;
	height: 50px;
	background-color: #0096C8;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	display: block;
	float: left;
	order: -1;
	color: #fff;
	border-radius: 25px;
	font-weight: bold;
}

#tab6 {
	margin-right: 0;
}

input[name="tab_name"] {
	display: none;
}

input:checked+.tab_class {
	background-color: rgba(255, 255, 255, 1.00);
	color: #0096C8;
}


.content_class>div {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}

.content_class>div>div {
	text-align: left;
}

.content_class>div>div>h4 {
	text-align: left;
	font-size: 22px;
}

.content_class>div>div>p {
	margin: 20px 0;
	text-align: left;
}

.content_class>div>div>a {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	width: 260px;
	font-weight: bold;
	line-height: 2;
}

.content_class>div>img {
	width: 855px;
}


.content_class {
	display: none;
	width: 100%;
}

input:checked+.tab_class+.content_class {
	display: block;
}

.content_class .video {
	margin-top: 0;
	max-width: 885px;
}

.content_class .video video {
	width: 100%;
}


/**********************************************************************Air Logiの機能紹介ここまで*/

/**********************************************************************倉庫見学会と新規物流案件のご相談*/
.illsts {
	display: flex;
	justify-content: space-between;
}

.illsts>img {
	width: 570px;
	margin: 20px 0;
}

/**********************************************************************倉庫見学会と新規物流案件のご相談ここまで*/

/**********************************************************************導入～運用*/
#contents08 {
	background: #F5FAFD;
}

#contents08>.con01>img {
	margin: 20px 0;
}

/**********************************************************************導入～運用ここまで*/

/**********************************************************************物流技術管理士、物流現場改善士が専任サポート*/
#contents09>.con01>div {
	display: flex;
	justify-content: space-between;
}

#contents09>.con01>div>div {
	width: 558px;
	background: #FFFFEB;
	border-radius: 15px;
	padding: 30px;
	margin-top: 200px;
}

#contents09>.con01>div>div>img {
	height: 270px;
	width: auto;
	margin-top: -200px;
}

#contents09>.con01>div>div>.contents09-title {
	font-size: 28px;
	font-weight: bold;
	margin: 20px 0;
}

#contents09>.con01>div>div>.contents09-text {
	font-size: 18px;
	font-weight: bold;
}

/**********************************************************************物流技術管理士、物流現場改善士が専任サポートここまで*/

/**********************************************************************新着情報*/
#contents10 {
	background: #FAFAFA;
}

.news>div {
	display: flex;
	justify-content: flex-start;
	height: 50px;
	align-items: center;
	border-top: solid 1px #EBEBEB;
}

.news>div:last-child {
	border-bottom: solid 1px #EBEBEB;
}

.news>div>a {
	font-weight: bold;
	margin-right: 20px;
}

.news>div>.date {
	margin-right: 20px;
}

.news>div>.icon-news01,
.news>div>.icon-news02,
.news>div>.icon-news03,
.news>div>.icon-news04 {
	width: 110px;
	height: 18px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

.news>div>.icon-news01 {
	background: #BE0A3C;
}

.news>div>.icon-news02 {
	background: #003CA5;
}

.news>div>.icon-news03 {
	background: #001E6E;
}

.news>div>.icon-news04 {
	background: #0096C8;
}

/**********************************************************************新着情報ここまで*/

/**********************************************************************競合WMSとの比較表資料はこちら*/
#contents11 {
	background-image: url("../imges/contents11-back.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#contents11>.con01>.btns>.btn-2 {
	margin-top: 0;
}

/**********************************************************************競合WMSとの比較表資料はこちらここまで*/

/**********************************************************************「物流現場から利益をあげる」セミナー情報*/
#contents12>.con01>div {
	display: flex;
	justify-content: space-between;
}

#contents12>.con01>div>a {
	width: 370px;
}

/**********************************************************************「物流現場から利益をあげる」セミナー情報ここまで*/

/**********************************************************************お気軽にご相談ください*/
#contents13 {
	background: #0055AA;
}

#contents13>.con01>div {
	display: flex;
	justify-content: center;
	align-items: center;
}

#contents13>.con01>h3 {
	color: #fff;
}

#contents13>.con01>div>a {
	color: #fff;
}

#contents13>.con01>div>.btn-4 {
	width: 300px;
	height: 60px;
	background: #fff;
	border-radius: 30px;
	color: #0055AA;
	margin: 0;
	padding-top: 15px;
	font-weight: bold;
}

#contents13>.con01>div>.contents13-tel {
	font-size: 35px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, 'Noto Sans JP', sans-serif;
	letter-spacing: 3px;
}

#contents13>.con01>div>.contents13-time {
	text-align: left;
	margin: 0 20px;
}

#contents13>.con01>div>.contents13-tel>img {
	width: 21.7px;
	margin-right: 5px;
}

/**********************************************************************お気軽にご相談くださいここまで*/


/**********************************************************************ボトムナビ*/

.bottom_label {
	position: fixed;
	bottom: -50px;
	right: 0;
	z-index: 2;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: .2s ease;
	border: 3px solid #0055AA;
}

.bottom_label .toggle_wrap {
	padding: 12px 24px;
	padding-top: 30px;
}

.bottom_label .toggle_wrap:hover {
	cursor: pointer;
}

.bottom_label .wrap {
	display: none;
	margin-top: 24px;
	padding: 0 24px 12px;
}

.bottom_label .wrap .service-head {
	margin-left: 0;
	width: 100%;
	margin: 12px 0;
}

.bottom_label .wrap .ask-head {
	margin-left: 0;
	width: 100%;
}

.bottom_label p {
	white-space: nowrap;
	font-weight: 600;
}

.bottom_label .arrow {
	width: 40px;
	margin: 0 auto 12px;
	transition: .3s ease;
}

.bottom_label .arrow.active {
	transform: rotate(180deg);
	transition: .3s ease;
}

.bottom_label .flex {
	display: flex;
	align-items: center;
}

.bottom_label .flex img {
	width: 40px;
	margin-right: 12px;
}

.bottom_label.scrolled {
	bottom: 0;
	opacity: 1;
	visibility: visible;
	transition: .2s ease;
}

/**********************************************************************ボトムナビ*/



/**********************************************************************footer*/
footer {
	padding: 50px 0 100px;
	background-color: #FAFAFA;
}

.footer-rogo {
	width: 243px;
	margin: 0 auto 50px;
	opacity: 0.2;
}

.footer-text {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.footer-text>div {
	margin-right: 25px;
}

.footer-text div a {
	text-align: left;
	margin-bottom: 5px;
}

.company,
.link-a {
	font-weight: 600;
}

.link-a {
	margin-top: 20px;
}

.footer-text>div>.link-a:first-child {
	margin-top: 0;
}

.company span,
.address,
.copyright,
.link-b {
	font-size: 14px;
}

.link-b>span {
	color: #0055AA;
}

.footerrogos {
	width: 340px;
	margin: 30px 0;
}



/**********************************************************************footerここまで*/


/**********************************************************************コラムページ*/


.wcv-back {
	margin-top: 130px;
	padding: 80px 0 50px;
	width: 100%;
	background: linear-gradient(to bottom, #0055aa 50px, #e6f2ff 51px, #e6f2ff 100%);
}


.wcv-back h1 {
	text-align: center;
	color: #0055aa;
	line-height: normal;
}

.new-con {
	width: 1196px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.new-con .column_box {
	padding: 50px 0 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 1.33%;
	width: calc(100% - 240px);
}

.new-con .column_box li {
	width: 32%;
	margin-bottom: 50px;
	background: #FAFAFA;
	padding-bottom: 10px;
}


.new-con .column_box li.none {
	display: none;
}

.new-con .column_box li a {
	overflow: hidden;
}

.column-img {
	object-fit: cover;
	height: 200px;
}

.column_nav {
	width: 240px;
	padding: 50px 16px 0;
}

.column_nav form {
	margin-bottom: 32px;
}

.column_nav form input {
	width: 100%;
	height: 40px;
	font-size: 18px;
	padding: 8px;
	border: 1px solid #0055aa;
}

.column_nav h2 {
	text-align: left;
}

.column_nav ul {
	display: block;
}

.column_nav ul li {
	padding: 16px 0;
	display: flex;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

.column_nav ul li img {
	width: 20px;
	margin-right: 8px;
}

.column_nav ul li:hover {
	cursor: pointer;
	opacity: .8;
	transition: .3s ease;
}

.news-date {
	color: rgba(60, 65, 65, .75);
	font-weight: 600;
	text-align: left;
	margin: 10px 0 0 8px;
}

.news-date .new {
	background: #4169e1;
	color: #fff;
	padding: 1px 8px;
	margin-left: 8px;
	font-size: 12px;
}

.news-date .EC {
	background: #0000cd;
	color: #fff;
	padding: 1px 8px;
	margin-left: 8px;
	font-size: 12px;
}

.news-date .pl {
	background: #ff4500;
	color: #fff;
	padding: 1px 8px;
	font-size: 12px;
	margin-left: 8px;
}


.news-date .solution {
	background: #58A24A;
	color: #fff;
	padding: 1px 8px;
	margin-left: 8px;
	font-size: 12px;
}

.news-date .test1 {
	background: green;
	color: #fff;
	padding: 1px 8px;
	margin-left: 16px;
}

.news-date .test2 {
	background: red;
	color: #fff;
	padding: 1px 8px;
	margin-left: 16px;
}

.news-h2 {
	margin: 0 15px 15px;
	text-align: left;
	font-size: 20px;
	font-weight: 500;
}

@media screen and (max-width: 640px) {
	.new-con .column_box {
		display: block;
		width: 100%;
	}

	.new-con .column_box li {
		width: 100%;
	}

	.column_nav {
		width: 100%;
	}

}

/**********************************************************************コラムページここまで*/

/**********************************************************************コラム詳細ページ*/

#layout {
	position: relative;
	left: 0;
	padding-left: 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Ｐゴシック", "MS PGothic", sans-serif;
}

.column-section {
	max-width: 800px;
	margin: 0 auto 20px;
	padding: 0 2em;
}

.seminar-back {
	margin-top: 140px;
	padding: 30px 0 0;
	width: 100%;
}

.column-section .seminar-back {
	margin-top: 120px;
}

.seminar-form1 {
	width: 60%;
	margin: 0 auto;
}

.form-title {
	text-align: center !;
	font-size: 27px;
	margin: 20px 0;
}

@media screen and (max-width: 640px) {
	.seminar-form1 {
		width: 90%;
	}
}

#layout h1,
#layout h2,
#layout h3,
#layout p {
	text-align: left;
	line-height: normal;
}

/**********************************************************************コラム詳細ページここまで*/

/**********************************************************************導入事例ページここまで*/

.achievements_box li a .name {
	font-size: 18px;
	font-weight: 600;
	margin: 16px 8px;
	min-height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
}


.achievements_box li a .news-h2 {
	font-size: 16px;
}


.achievements_box li a .news-date {
	margin: 16px 0;
}

.achievements_box li a .news-date span {
	font-size: 14px;
}

.achievements_box li a .news-date .pl {
	background: #4169e1;
	color: #fff;
	padding: 1px 8px;
	margin-left: 16px;
}

.achievements_box li a .news-date .ec {
	background: #0096C8;
	color: #fff;
	padding: 1px 8px;
	margin-left: 16px;
}

.achievements_box li a .news-date .btb {
	background: #50A500;
	color: #fff;
	padding: 1px 8px;
	margin-left: 16px;
}


.achievements_box li a .news-date .cs {
	background: #ff7f50;
	color: #fff;
	padding: 1px 8px;
	margin-left: 16px;
}




/**********************************************************************導入事例ページここまで*/



/**********************************************************************動画ページ*/
.video {
	margin-top: 50px;
}

.video .new-con .contents {
	width: 32%;
	margin-bottom: 50px;
	background: #FAFAFA;
	padding-bottom: 10px;
}

.video .new-con .contents img {
	object-fit: cover;
	height: 200px;
}


/**********************************************************************動画ページここまで*/


#layout p {
	letter-spacing: 0.8px;
}

#layout p a {
	color: #0f6ecd;
}

#layout .content table {
	width: 100%;
}

#layout .content table td {
	border: 1px solid;
	padding: 16px;
	font-weight: 600;
}

#layout .content table td.blue {
	background: #F0F8FF;
}

.content-container {
	margin-top: 50px;
	padding: 1.5em;
	display: inline-block;
	border: double 5px #0055aa;
	min-width: 500px;
}

.content-container span {
	font-size: 20px;
	font-weight: 600;
	color: #0055aa;
}

.content-container ol {
	margin-top: 20px;
	list-style: none;
}

.content ol li {
	margin-top: 10px;
	display: flex;
	text-align: left !important;
}

.content ol li a {
	color: #0055aa;
}

.content h2 {
	padding: 15px 10px 10px 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	position: relative;
	z-index: 0;
	line-height: 1.6em;
}

.content h2::after {
	position: absolute;
	content: "";
	width: 30%;
	height: 4px;
	display: inline-block;
	bottom: -4px;
	left: 0;
	background: #0055aa;
}

.content-subhead {
	margin: 50px 0 20px 0;
	font-weight: 600;
	color: #585858;
}

.oshaberi_box h3,
.oshaberi_box h4 {
	color: #0055aa;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.6em;
	text-align: left;
}

.oshaberi_box {
	margin-top: 50px;
	display: flex;
}

.margin20 {
	margin-top: 20px;
}

ul.colum-list {
	font-weight: 600;
	margin: 20px 0px 8px 0px;
}

.colum-list>li::before {
	content: '⚫︎';
	color: #0055aa;
	padding-right: 4px;
}

.content h1 {
	line-height: 1.6em;
	font-size: 2em;
	margin: 0.67em 0;
}

.link {
	color: #002DBF;
	text-decoration: underline;
	text-align: left;
}


/**********************************************************************用語集ページ*/
.glossary nav form input {
	width: 100%;
	max-width: 500px;
	height: 40px;
	padding: 8px;
	font-size: 18px;
	margin-bottom: 32px;
}

.glossary {
	margin-top: 50px;
}

.glossary .glossary_list {
	max-width: 800px;
	margin: 0 auto 48px;
	flex-wrap: wrap;
	justify-content: space-between;

}

.glossary .glossary_list::after {
	content: "";
	width: 474px;
	display: block;
}

.glossary .glossary_list li {
	width: 144px;
	height: 50px;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.glossary .glossary_list li:hover {
	cursor: pointer;
}

.glossary .glossary_list li::after {
	content: ">";
	margin-left: 10px;
}

.glossary .con01 {
	margin: 0 auto 48px;
	max-width: 800px;
}

.glossary .con01 article {
	margin-bottom: 72px;
}

.con01 article>* {
	text-align: left;
}

.glossary .con01 article h2 {
	font-size: 20px;
	background-color: #f1f7fd;
	padding: 30px 35px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 48px;
}

.con01 article h3 {
	font-size: 22px;
	margin-top: 50px;
	color: #005ab4;
	font-weight: 400;
	position: relative;
	padding-bottom: 16px;
}

.glossary .con01 article h3:before {
	width: 180px;
	background: #005ab4;
	z-index: 2;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
}

.glossary .con01 article h3::after {
	width: 100%;
	background: #d9dbe2;
	z-index: 1;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
}

.con01 article p {
	line-height: 2;
}

.time-container {
	text-align: right !important;
	padding: 0.5em;
}

.pure-img-responsive {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.content {
	margin: 0 auto;
	padding: 0 2em;
	max-width: 800px;
	margin-bottom: 50px;
	line-height: 1.6em;
}


/**********************************************************************用語集ページここまで*/

/**********************************************************************物流ノウハウページ*/

.main {
	position: relative;
	max-width: 840px;
	padding: 60px 0 0;
	background: #fff;
	margin: 0 auto;
}

.main .wp_list {
	display: block;
}

.main .wp_list li {
	float: none;
	border-bottom: 3px solid #f1f1f1;
	margin: 40px 0 0;
	padding: 0 0 40px;
	width: 100%;
}

.main .wp_list li .block_wp {
	display: flex;
	flex-wrap: wrap;
}

.main .wp_list li .block_wp .block_wp__left,
.main .wp_list li .block_wp .block_wp__right {
	width: 50%;
}

.main .wp_list li .block_wp .block_wp__left>*,
.main .wp_list li .block_wp .block_wp__right>* {
	text-align: left;
}

.main .wp_list li a.wp_category {
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	color: #0055aa;
	margin-right: 4px;
	padding: 0 32px;
	background: transparent;
	border: 1px solid #0055aa;
	border-radius: 3px;
	text-align: center;
	font-feature-settings: "palt" on;
}

.main .wp_list li .block_wp .block_wp__left {
	padding-right: 30px;
}

.main .wp_list li .meta_wp {
	margin: 0 0 20px;
}

.main .wp_list li .block_wp .to_customers__txt {
	color: #0055aa;
	font-size: 20px;
	font-weight: bold;
}

.main .wp_list li .block_wp .title {
	font-size: 24px;
	font-weight: bold;
}

.main .wp_list li .block_wp .title span {
	color: #0055aa;
}

.main .btn_wp__download {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	margin: 35px auto 0;
	text-align: center !important;
	padding: 8px 0 6px !important;
	position: relative;
	background: #0055aa;
	border-bottom: solid 3px #0055aa;
	border-radius: 30px;
	transition: .2s;
	text-decoration: none;
	text-align: center;
	min-width: 280px;
	max-width: 300px;
}

.inquiry-explain {
	margin-top: 30px;
	text-align: left;
}

/**********************************************************************物流ノウハウページここまで*/

/**********************************************************************物流ノウハウ申込ページ*/

.answer {
	display: flex;
	justify-content: space-between;
}

.answer>div {
	width: 48%;
	padding: 20px 40px;
	background: #fff;
	border-radius: 10px;
}

.inquiry-request h1 {
	margin: 30px auto;
	text-align: center;
}

.document-request-container {
	display: block !important;
	padding: 30px;
	border: 2px solid #1E4696;
	margin-top: 30px;
}

.answer>div>div>ul {
	display: block;
	text-align: left;
	margin: 15px 0;
}

.answer>div>div>ul li {
	text-align: left;
	padding-left: 20px;
	line-height: 1.6em;
	background: url(../imges/check01.svg) left 0px top 5px no-repeat;
	background-size: 15px auto;
}

.answer02 h2 {
	margin: 30px auto;
}

.normal-form .hbspt-form {
	width: 100%;
}

/**********************************************************************物流ノウハウ申込ページここまで*/


/**********************************************************************実績詳細ページ*/


.achievements-fv {
	margin-top: 132px;
	display: flex;
}

.achievements-fv .image {
	width: 50%;
}

.achievements-fv .desc {
	width: 50%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	background: #FFF;
	padding: 40px;
}

.achievements-fv .desc h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5;
	margin: 15px 0;
	text-align: left;
}

.achievements-fv .desc .name {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
}

.achievements-fv .desc .name-b {
	text-align: left;
}


.main-achievements {
	position: relative;
	background: #f1f1f1;
	text-align: left;
	padding-block-start: 60px;
}

.main-achievements .wrapper {
	max-width: 1140px;
	margin: 0 auto;
	margin-top: 60px;
	padding: 60px 90px;
	background: #fff;
}

.main-achievements .wrapper .indexbox {
	margin: 0px -30px 0;
	padding: 30px;
	border: 3px solid #f1f1f1;
}

.main-achievements .wrapper .indexbox ol {
	list-style-type: decimal;
	margin-left: 20px;
}

.main-achievements .wrapper .indexbox ol li {
	text-align: left;
	padding: 4px 10px;
}

.main-achievements .wrapper .indexbox ol li a {
	color: #0055aa;
	text-decoration: underline;
}


.main-achievements .wrapper article>* {
	text-align: left;
}

.main-achievements .wrapper article h3 {
	font-size: 24px;
	line-height: 1.2;
	color: #0055aa;
	margin: -84px 0 24px;
	padding-top: 132px;
}

.main-achievements .wrapper article h4 {
	text-align: left;
	font-size: 18px;
	margin-bottom: 1.5rem;
}

.main-achievements .wrapper article h5 {
	font-size: 20px;
	margin: 32px 0 24px;
}

.main-achievements .wrapper article p {
	margin: 0 0 20px;
	line-height: 1.75;
}

.main-achievements .wrapper article .img_links:hover {
	opacity: .8;
	transition: .3s ease;
}

.main-achievements .wrapper article p.img {
	width: 80%;
	margin: 0 auto 32px;
}

.main-achievements .wrapper article p.img_min {
	width: 100%;
	max-width: 350px;
}

.main-achievements .wrapper article em {
	font-weight: bold;
	font-style: normal;
	background: #e6f1ff;
}

.main-achievements .wrapper article .prof {
	display: flex;
	justify-content: space-between;
}

.main-achievements .wrapper article .prof>div {
	width: 49%;
	padding: 16px;
	border-radius: 12px;
	background: #e6f1ff;
}


.main-achievements .wrapper article .prof.single {
	justify-content: center;
}

.main-achievements .wrapper article .prof.single>div {
	width: 70%;
}

.main-achievements .wrapper article .prof.fins {
	justify-content: center;
}

.main-achievements .wrapper article .prof.fins>div {
	width: 30%;
}



.main-achievements .wrapper article .prof>div p {
	text-align: left;
}

.main-achievements .wrapper article .prof>div p:last-child {
	margin-bottom: 0;
}

.main-achievements .wrapper article .prof>div p strong {
	font-size: 20px;
}

.main-achievements .wrapper article .prof.three>div {
	width: calc(33.333333% - 8px);
}

.main-achievements .wrapper article .borderTable {
	width: 100%;
	margin: 30px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.main-achievements .wrapper article .borderTable th {
	font-weight: bold;
	background: #eee;
	white-space: nowrap;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 20px;
	width: 23%;
}

.main-achievements .wrapper article .borderTable td {
	padding: 15px 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	width: 77%;
}

.main-achievements .wrapper article .borderTable a {
	color: #0055aa;
	text-decoration: underline;
}

.main-achievements .wrapper article .borderTable a.pm {
	margin-bottom: 14px;
}

.connection {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 16px 72px;
	background: #fff;
}

.connection h3 {
	text-align: left;
	font-size: 18px;
}

.connection ul {
	justify-content: space-between;
	flex-wrap: wrap;
}

.connection ul li {
	width: 32%;
	background: #FAFAFA;
	padding-bottom: 10px;
}

@media screen and (max-width: 640px) {
	.connection {
		width: calc(100% - 32px);
	}

	.connection ul li {
		width: 100%;
		margin-bottom: 32px;
	}
}

/**********************************************************************実績詳細ページここまで*/

/**********************************************************************料金プランページ*/
.price_main {
	background: #eee;
	padding: 48px 0 96px;
	background: #0055AA;
}

.price_main h2 {
	color: #fff;
	font-size: 32px;
	margin-bottom: 16px;
}

.price_main .white {
	color: #fff;
	margin-bottom: 48px;
}

.price_main .con01 {
	background: #fff;
}

.btn01 a {
	max-width: 416px;
	height: 60px;
	border-radius: 30px;
	color: #0055AA;
	background: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 0 auto 48px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.price_nav ul {
	margin-bottom: 2rem;
}

.price_nav ul li {
	width: 33.333333%;
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: 600;
	border-left: 1px solid #bbb;
	opacity: .7;
	background: #eee;
}

.price_nav ul li:hover {
	cursor: pointer;
}

.price_nav ul li.active {
	background: yellow;
	text-decoration: underline;
	text-decoration-color: yellow;
	opacity: 1;
	border: 2px solid yellow;
	position: relative;
}

.price_nav ul li.active::after {
	content: "";
	background: url(../imges/tab_arrow.svg) no-repeat;
	width: 30px;
	height: 20px;
	position: absolute;
	bottom: -18px;

}

.price_nav ul li:first-child {}

.price_section {
	padding: 32px;
	display: none;
}

.price_section.active {
	display: block;
}


.price_section dl {}

.price_section dl dt h3 {
	line-height: 56px;
	background: #0055AA;
	color: #fff;
	margin-bottom: 16px;
	font-size: 24px;
}

.price_section dl dd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 32px 0;
	margin-bottom: 32px;
	background: #eee;
}

.price_section dl dd h4 {
	width: 49.5%;
}

.price_section dl dd p {
	width: 49.5%;
}

/**********************************************************************個人情報ページ*/

.privacy {
	max-width: 800px;
	margin: 50px auto 0;
}

.privacy .colum-body p {
	text-align: left;
	margin: 16px 0px;
}

.privacy .colum-body .pb20 {
	padding-bottom: 20px;
}

.privacy .colum-body .center {
	text-align: center;
}

.privacy .colum-body .right {
	text-align: right !important;
}

.privacy .colum-body h1 {
	text-align: center;
	margin: 32px 0;
}

.privacy .colum-body table th,
.privacy .colum-body table td {
	border: #cbcbcb solid 1px;
	padding: 8px;
	text-align: left;
}

/*********************************************************************個人情報ページここまで*/


/*********************************************************************情報セキュリティ/*/

.isms {
	max-width: 800px;
	margin: 50px auto 72px;
}

.isms p {
	text-align: left;
	margin: 16px 0px;
}


.isms ol {
	margin-bottom: 32px;
}

.isms ol li {
	text-align: left;
	margin-bottom: 8px;
}

.isms .right {
	text-align: right;
}

.system {
	max-width: 800px;
	margin: 50px auto 72px;
}

.system section>* {
	text-align: left;
	line-height: 1.75;

}

.system h2 {
	margin-bottom: 24px;
}

.system p {
	margin-bottom: 48px;
}

.system ul {
	display: block;
	margin-bottom: 48px;
}

.system ul li {
	text-align: left;
	margin-bottom: 24px;
}

.system .bg {
	background: #e6f2ff;
	padding: 32px;
}

.system .bg p {
	text-align: left;
	margin-bottom: 0;
}

/*********************************************************************情報セキュリティ*/



@media screen and (max-width: 640px) {
	.price_main {
		padding: 48px 16px 96px;
		margin-top: -48px;
	}

	.price_main .con01 {
		padding: 0;
	}

	.price_nav ul li {
		font-size: 14px;
	}

	.price_section {
		padding: 32px 16px;
	}

	.price_section dl dt h3 {
		font-size: 18px;
	}

	.price_section dl dd {
		display: block;
		padding: 32px 8px;
	}

	.price_section dl dd h4 {
		width: 100%;
		margin-bottom: 24px;
		font-size: 20px;
	}

	.price_section dl dd p {
		width: 100%;
	}

	.price_section .small {
		font-size: 12px;
	}
}


/**********************************************************************料金プランページ*/



/**********************************************************************物流ノウハウ詳細*/

.padi-book {
	margin-top: 130px;
	display: flex;
	flex-wrap: wrap;
}

.padi-book section {
	width: 65%;
}

.padi-book section .wrapper {
	max-width: 700px;
	margin: 40px auto 72px;
}

.padi-book section .wrapper h1 {
	font-size: 36px;
	line-height: 1.5;
	margin-bottom: 40px;
	text-align: left;
}

.padi-book section .wrapper h3 {
	text-align: left;
	font-size: 18px;
	color: #0055AA;
	margin-bottom: 40px;
	font-weight: 600;
}

.padi-book section .wrapper ul {
	display: block;
	margin-bottom: 72px;
}

.padi-book section .wrapper ul li::before {
	content: "";
	background: url(../imges/check.svg) no-repeat;
	width: 18px;
	height: 18px;
	display: inline-block;
	background-size: contain;
	margin-right: 12px;
	position: relative;
	top: 3px;
}

.padi-book section .wrapper ul li {}

.padi-book section .wrapper ul li,
.padi-book section .wrapper ol li {
	text-align: left;
	margin: 8px 0;
	text-decoration: underline;
	line-height: 1.5;

}

.padi-book section .wrapper ol li {
	margin-left: 16px;
}

.padi-book section .wrapper ol li.many {
	margin-bottom: 24px;
}

.padi-book section .wrapper ol li span {
	display: block;
	text-align: left;
	margin: 8px 0;
}

.padi-book .padi-book_aside {
	width: 35%;
	background: #f7f9fa;
	padding: 40px;
}

.padi-book .padi-book_aside input {
	background: #fff !important;
}


@media screen and (max-width: 640px) {
	.padi-book {
		margin-top: 72px;
	}

	.padi-book section {
		width: 100%;
	}

	.padi-book section .wrapper {
		padding: 0 16px;
	}

	.padi-book section .wrapper h1 {
		font-size: 28px;
	}

	.padi-book .padi-book_aside {
		width: 100%;
		padding: 40px 16px;
	}
}

/**********************************************************************物流ノウハウ詳細*/

/**********************************************************************FAQページ*/


.faq {
	max-width: 772px;
	margin: 72px auto 64px;
}

.mr8 {
	margin-right: 8px;
}

.w32 {
	width: 32px;
}

.faq .qa-container {
	margin-bottom: 32px;
	border-bottom: 1px dotted #9ca3af;
}

.faq .qa-container .a-start {
	align-items: start;
	display: flex;
	margin-bottom: 16px;
	text-align: left;
}

.faq .qa-container .a-start b {
	text-align: left;

}

.faq .qa-container .a-start p {
	line-height: 2;
	text-align: left;
}

@media screen and (max-width: 640px) {
	.faq {
		max-width: calc(100% - 32px);
	}
}

/**********************************************************************FAQページここまで*/




/**********************************************************************handyページ*/
.handy {
	max-width: 1140px;
	margin: 72px auto 64px;
}

.handy .fv {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 72px;
}

.handy .fv>p {
	width: 47%;
	font-size: 18px;
	text-align: left;
	line-height: 2;
}

.handy_table h2 {
	margin-bottom: 48px;
}

.handy_table table {
	width: 100%;
	border-spacing: 2px;
}

.handy_table table th,
.handy_table table td {
	padding: 20px 20px;
	border: 2px solid #fff;
	vertical-align: middle
}

.handy_table table th {
	background-color: #328BE3;
	color: #fff;
	font-weight: normal;
	text-align: left;
}

.handy_table table td {
	background-color: #EDF6FF;
}

.handy_table table th.title {
	width: 26%;
}

.handy_table table td.wide {
	width: 50%;
}

.handy_table table .blue1 {
	background-color: #328BE3;
	color: #fff;
	min-width: 200px;
}

.handy_table table .blue2 {
	background-color: #328BE3;
	color: white;
}

.handy_table table .blue3 {
	background-color: #328BE3;
	color: white;
}

.handy_table table .marr_4 {
	margin-right: 10px;
	max-width: 24px;
	position: relative;
	top: 6px;
}

.button005 a {
	line-height: 2;
	border-radius: 3px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 220px;
	padding: 10px 25px;
	color: #FFF;
	transition: 0.1s ease-in-out;
	font-weight: 600;
	background: rgb(149, 202, 252);
	background: red;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
}

.button005 a:hover {
	background: #328BE3;
	background: #328BE3;
	text-decoration: none;
}

.button006 {
	line-height: 2;
	border-radius: 3px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	max-width: 220px;
	padding: 10px 25px;
	color: #FFF;
	transition: 0.1s ease-in-out;
	font-weight: 600;
	background: rgb(149, 202, 252);
	background: red;
	text-decoration: none;
	font-size: 14px;
	white-space: nowrap;
}

.button006:hover {
	background: #328BE3;
	background: #328BE3;
	text-decoration: none;
}


.wide {
	padding: 32px 16px;
}

.wide.keyence {
	background-color: #F0F8FF;
}

.wide .container {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1140px;
	margin: 0 auto;
}

.wide .container>div {
	width: 50%;
}


.wide h2 {
	font-size: 28px;
	color: #005eae;
	margin: 10px 0;
	line-height: 1.2em;
	text-align: left
}

.wide p {
	margin: 0 0 20px 0;
	line-height: 2;
	font-size: 18px;
}

.btn1 a {
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
	border-radius: 47px;
	display: flex;
	background: #005eae;
	border-radius: 38px;
	color: #fff;
	justify-content: center;
	font-size: 18px;
	width: 480px;
	box-sizing: border-box;
	font-weight: 700;
	padding-top: 15px;
	padding-bottom: 17px;
	position: relative;
	transition: .2s ease;
	opacity: 1;
	margin: 0 auto;
}

.btn1 a img {
	max-width: 38px;
}



.wcv-back.big h1 {
	margin-bottom: 12px;
}

.wcv-back.big p {
	line-height: 2;
}

/**********************************************************************handyページ*/


/**********************************************************************ストーリーページ*/

.story {
	max-width: 1140px;
	margin: 72px auto 64px;
}

.story_wrap {
	display: flex;
	justify-content: space-between;
}

.story article {
	width: 60%;
	padding: 16px;
}

.story article dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.story article dl dt {
	font-size: 20px;
	font-weight: 600;
	color: #0055aa;
	width: 90px;
}

.story article dl dd {
	width: calc(100% - 100px);
	margin-bottom: 48px;
}

.story article dl dd>* {
	text-align: left;
}

.story article dl dd h3 {
	font-size: 20px;
	margin-bottom: 24px;
}

.story article dl dd p {
	line-height: 2;
	margin-bottom: 20px;
}

.story article dl dd .bg {
	background: #e6f2ff;
	margin-bottom: 20px;
	border-radius: 16px;
	padding: 16px;
}

.story article dl dd .bg p {
	margin-bottom: 0;
}

.story .story_img {
	width: 39%;
	position: sticky;
	top: 100px;
	max-height: 80vh;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.story .story_img .img.one {
	width: 100%;
	height: 70%;
	background: url(../imges/sample02.webp) no-repeat;
	background-size: contain;
	background-position: center;
	transition: .1s ease;
}


.story .story_img .img.two {
	width: 100%;
	height: 100px;
	background: url(../imges/rogo-arilogi-2.svg) no-repeat;
	transition: .1s ease;
}

.story .story_img .img.tree {
	width: 100%;
	height: 100px;
	background: url(../imges/logo_cr.webp) no-repeat;
	transition: .1s ease;
}

.story .story_img .img.four {
	width: 100%;
	height: 100px;
	background: url(../imges/logo_cyberlogi.svg) no-repeat;
	transition: .1s ease;
}


.story .story_bg {
	background: #e6f2ff;
	padding: 32px 16px;
}

.story .story_bg p {
	font-weight: bold;
	margin-bottom: 24px;
}

.story .story_bg p span {
	text-decoration: underline;
	text-decoration-color: yellow;
	text-decoration-thickness: 3px;
}

.story .story_bg .btn01 a {
	margin-bottom: 0;
	background: #0055aa;
	color: #fff;
}


/**********************************************************************ストーリーページ*/


/**********************************************************************請求自動化機能ページ*/

.claim {
	max-width: 800px;
	margin: 72px auto 64px;
}

.claim_fv {
	display: flex;
	background: #0055aa;
	padding: 32px;
}

.claim_fv h2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.claim_fv>* {
	width: 50%;
	color: #fff;
}

.claim section article {
	background: #e6f2ff;
	padding: 32px;
	margin-bottom: 48px;
}

.claim section article h3 {
	text-decoration: underline;
	text-decoration-color: yellow;
	margin-bottom: 24px;
	text-align: left;
}

.claim section article p {
	margin-bottom: 24px;
	text-align: left;
}

.claim section article p:last-child {
	margin-bottom: 32px;
}

.claim section article small {
	font-size: 14px;
}

/**********************************************************************請求自動化機能ページここまで*/


/**********************************************************************物流効率化機能ページここまで*/

.efficiency {
	margin: 72px auto 0;
}

.efficiency section {
	padding: 88px 16px;
}


.efficiency section.gray {
	background: #f6f6f6;
}

.efficiency section.blue {
	background: #02A6E2;
}

.efficiency section .wrapper {
	max-width: 1150px;
	margin: 0 auto;
}

.efficiency section .wrapper h2 {
	font-size: 48px;
	font-weight: 600;
	margin-bottom: 64px;
}

.efficiency section.blue h2 {
	color: #fff;
}

.efficiency section .contents {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.efficiency section .contents article {
	width: calc(33.3333% - 16px);
	position: relative;
	border: 5px solid #FFC000;
	background: #fff;
	border-radius: 16px;
	padding: 54px 24px 24px;
	min-height: 630px;
}

@media screen and (max-width: 640px) {
	.efficiency section .wrapper h2 {
		font-size: 24px;
	}

	.efficiency section .contents article {
		width: 100%;
		margin-bottom: 56px;
		min-height: auto;
	}
}


.efficiency section .contents article .icon {
	width: 72px;
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translateX(-50%);
}

.efficiency section .contents article p {
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 32px;
}

.efficiency section .contents article .arrow {
	display: block;
	margin: 0 auto 24px;
	width: 56px;
}

.efficiency section .contents article h4 {
	font-size: 18px;
	text-decoration: underline #FFC000;
	text-decoration-thickness: 5px;
	margin-bottom: 28px;
}

.efficiency section .contents article ul {
	display: block;
}

.efficiency section .contents article ul li {
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.efficiency section .contents article ul li img {
	width: 20px;
	margin-right: 8px;
}

.efficiency section.gray h2 {
	margin-bottom: 48px;
}

.efficiency section.gray p {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 72px;
}

.efficiency section.gray p span {
	text-decoration: underline #FFC000;
	text-decoration-thickness: 5px;
}

.efficiency section.gray .flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.efficiency section.gray .flex .img_box {
	border: 5px solid #0055AA;
	border-radius: 16px;
	background: #fff;
	padding-top: 28px;
	width: calc(50% - 16px);
}

.efficiency section.gray .flex .img_box p {
	font-size: 28px;
	color: #0055AA;
	margin: 0;
}

.efficiency article h3.white {
	display: flex;
	align-items: center;
	color: #fff;
	margin-bottom: 32px;
}

.efficiency article h3 img {
	width: 40px;
	margin-right: 12px;
}

@media screen and (max-width: 640px) {
	.efficiency section.gray .flex .img_box {
		width: 100%;
		margin-bottom: 24px;
	}

	.efficiency section.gray .flex .img_box p {
		font-size: 22px;
	}
}

.efficiency .flex_contents .wrap {
	margin-bottom: 100px;
}

.efficiency .flex_contents .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.efficiency .flex_contents .wrap .left {
	width: calc(50% - 16px);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.efficiency .flex_contents .wrap .left .underline {
	text-decoration: underline #FFC000;
	text-decoration-thickness: 5px;
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 24px;
}

.efficiency .flex_contents .wrap .left .one {
	border: 5px solid #FFC000;
	background: #fff;
	border-radius: 16px;
	width: calc(50% - 8px);
	padding: 24px;
	height: 100%;
}

.efficiency .flex_contents .wrap .left .one p {
	text-align: left;
}

.efficiency .flex_contents .wrap .left .one p strong {
	font-size: 20px;
	text-align: left;
	display: block;
	margin-bottom: 16px;
}

.efficiency .flex_contents .wrap .left .one .arrow {
	width: 56px;
	margin: 16px auto;
}

.efficiency .flex_contents .wrap .left .btm {
	width: calc(50% - 8px);
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.efficiency .flex_contents .wrap .left .two,
.efficiency .flex_contents .wrap .left .three {
	border: 5px solid #FFC000;
	background: #fff;
	border-radius: 16px;
	width: 100%;
	padding: 16px 10px;
	padding-bottom: 0;
}

.efficiency .flex_contents .wrap .left .two {
	margin-bottom: 16px;
	min-height: 50%;
}

.efficiency .flex_contents .wrap .left .two.big {
	min-height: auto;
}

.efficiency .flex_contents .wrap .left .two ul,
.efficiency .flex_contents .wrap .left .three ul {
	display: block;
}

.efficiency .flex_contents .wrap .left .two ul li,
.efficiency .flex_contents .wrap .left .three ul li {
	text-align: left;
	display: flex;
	margin-bottom: 12px;
	font-size: 14px;
}

.efficiency .flex_contents .wrap .left .two ul li img,
.efficiency .flex_contents .wrap .left .three ul li img {
	width: 18px;
	margin-right: 8px;
}

.efficiency .flex_contents .wrap .right {
	width: calc(50% - 16px);
}


@media screen and (max-width: 640px) {
	.efficiency .flex_contents .wrap .left {
		width: 100%;
		display: block;
		margin-bottom: 24px;
	}

	.efficiency .flex_contents .wrap .left .one {
		width: 100%;
		margin-bottom: 16px;
		height: auto;
	}

	.efficiency .flex_contents .wrap .left .btm {
		width: 100%;
		height: auto;
	}

	.efficiency .flex_contents .wrap .right {
		width: 100%;
	}
}

/**********************************************************************下層頁／service.html*/
#service>#service01 {
	padding-top: 131.5px;
}

#service>section>.con01>div {
	display: flex;
	justify-content: space-between;
}

#service>section>.con01>div.sec {
	align-items: flex-start;
}

#service>section>.con01>div.wide {
	align-items: flex-start;
}

#service>section>.con01>div.wide div {
	width: 49% !important;
}

#service>section>.con01>div.wide figure {
	width: 49%;
}

#service>section>.con01>div.sec>div {
	width: 48%;
	margin-top: 24px;
}

#service>section>.con01>div.sec>figure {
	width: 48%;
	margin-top: 24px;
}

#service>section>.con01>div.sec>figure figcaption {
	font-weight: 600;
}

#service>section>.con01>h4>span {
	border-bottom: solid 5px #FFB43C;
}

#service>section>.con01 .mb20 {
	margin-bottom: 20px;
}

.youtube_box {
	position: relative;
	padding-bottom: 56.25%;
}

.youtube_box iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.button-a {
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	width: 260px;
	height: 60px;
	background: #0055AA;
	border-radius: 30px;
	margin: 0 auto;
	padding-top: 15px;
}


#service>#service01>h3 {
	background: #F5FAFD;
	padding: 40px 0;
	margin-bottom: 0;
}



#service02 {
	background: url("../imges/contents03-back.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

#service02.blue {
	background: #DEF0FC;
}

#service02 .con01 .absolute {
	position: absolute;
	top: 40%;
	background: #fff;
	padding: 16px;
	width: 50%;
}

#service02 .con01 .absolute p {
	text-align: left;
	font-weight: 600;
	line-height: 1.75;
}

#service02 .con01 .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #0055AA;
	max-width: 400px;
	margin: 32px auto;
	height: 56px;
	border-radius: 32px;
	opacity: 1;
	transition: .3s ease;
}

#service02 .con01 .btn:hover {
	opacity: .7;
	transition: .3s ease;
}

#service>#service02>.con01>div>div {
	width: 372px;
	padding: 30px;
	flex-wrap: wrap;
	border: 2px solid #0055AA;
	border-radius: 15px;
	background: #fff;
}

#service>#service02>.con01>div>div.wide {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

#service>#service02>.con01>div>div>p {
	font-size: 24px;
	font-weight: bold;
	color: #0055AA;
	margin-bottom: 15px;
}

#service>#service02>.con01>div>div>a {
	text-align: justify;
}

#service>#service02>.con01>div>div>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

#service>#service02>.con01>div>div>div>img {
	width: 150px;
}

#service>#service02>.con01>div>div.wide>div>img {
	width: 100%;
}

.link-c {
	color: #0055AA;
	text-align: left;
}

#service03>.con01 {
	background: #FFFCEB;
	border-radius: 15px;
	padding: 20px 30px;
	margin: 50px auto;
}

#service>#service03>.con01>div {
	margin-top: 30px;
	justify-content: flex-start;
	align-items: flex-start;
}

#service>#service03>.con01>div>img {
	width: 175px;
	margin: 0 40px;
}

#service>#service03>.con01>div>div>p,
#service>#service03>.con01>div>div>a {
	text-align: left;
	margin-bottom: 15px;
}

#service>#service03>.con01>div>div.sekininsya>p {
	font-size: 22px;
	font-weight: bold;
}


#service>#service04 {
	background: #F5FAFD;
}

#service>#service04>.con01>div>img {
	width: 558px;
	margin-top: 30px;
}


#service>#service05 {
	background: url("../imges/service-sec06back.webp") no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
}

#service>.service-a>.con01 {
	background: #fff;
	border-radius: 15px;
	margin: 50px auto;
	padding: 50px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
}

#service>.service-a>.con01.con03 {
	max-width: 850px;
}


#service>.service-a>.con01 .bg {
	background: #0055AA;
	max-width: 700px;
	margin: 0 auto 48px;
	padding: 32px;
	display: block;
	border-radius: 16px;
}

#service>.service-a>.con01 .bg p {
	color: #fff;
	font-weight: 600;
	font-size: 24px;
	text-align: left;
	line-height: 2;
}

#service>.service-a>.con01 .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #0055AA;
	height: 56px;
	color: #fff;
	max-width: 400px;
	margin: 0 auto;
	border-radius: 50px;
	font-weight: 600;
}


#service>.service-a>.con01>div>img {
	width: 460px;
	object-fit: contain;
}

#service>.service-a>.con01>div>div {
	width: 580px;
}

#service>.service-a>.con01>div>div>a {
	text-align: left;
	font-weight: bold;
}

#service>.service-a>.con01>div>div>table {
	border: 1px solid #0055AA;
	width: 100%;
	margin: 30px 0;
}

#service>.service-a>.con01>div>div>table tr td {
	border: 1px solid #0055AA;
	text-align: left;
	padding: 10px 10px 10px 20px;
	vertical-align: middle;
	font-weight: bold;
}

#service>.service-a>.con01>div>div>table tr td.td-a {
	background: #F5FAFD;
}

#service>.service-a>.con01>div>div>table.small td:nth-child(2) {
	width: 74%;
}

#service>.service-a>.con01>div>div>table.small a {
	color: #0055AA;
	display: block;
	margin-top: 16px;
}

#service>.service-a>.con01.wide p {
	margin: 16px auto;
}

#service>.service-a>.con01.wide>div>img {
	width: 100%;
}

#service>.service-a>.con01 dl {
	max-width: 800px;
	margin: 0 auto;
}

#service>.service-a>.con01 dl dt {
	color: #0055AA;
	font-size: 24px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 16px;
}

#service>.service-a>.con01 dl dd {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 24px;
	text-align: left;
}

#service>#service06 {
	background-image: url("../imges/service-sec07back.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
}


#service>#service07 {
	background-image: url("../imges/service-sec08back.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
}

#service>#service07>.con01>div>div>a:last-child {
	margin-bottom: 30px;
}

#service>.service-a>.con01>div>div>table tr td.td-b {
	background: #DEF0FC;
}


#service>#service08 {
	background: #F5FAFD;
}

#service>#service08>.con01>img {
	margin-top: 30px;
}

#service>#service09 {
	background: #DEF0FC;
}

#service>#service09>.con01>div {
	margin-top: 30px;
}

#service>#service09>.con01>div>div {
	text-align: left;
	background: #fff;
	border-radius: 15px;
	padding: 20px 26px;
	width: 300px;
}

#service>#service09>.con01>div>div>a {
	font-weight: bold;
	margin-bottom: 3px;
}

#service>#service09>.con01>div>div>.button007 {
	font-weight: 600;
	margin-bottom: 3px;
	text-align: left;
	text-decoration: underline;
}

#service>#service09>.con01>div>div>.button007:hover {
	cursor: pointer;
}

#service>#service09>.con01>div>img {
	width: 855px;
}

#service>#service09>.con01>.form-sample {
	background: #F5FAFD;
	border-radius: 15px;
	padding: 20px 50px;
	flex-direction: column;
}

#service>#service09>.con01>.form-sample>div {
	display: flex;
	justify-content: space-around;
	width: 100%;
	background: none;
	padding: 0 100px;
}

#service>#service09>.con01>.form-sample>div>figure>img {
	width: 154px;
}

#service10 {
	padding-top: 107px;
	margin-top: -107px;
}

#service>#service10>.con01>.service10-supplement {
	margin: 30px 0 50px;
}

#service>#service10>.con01>img {
	margin-bottom: 30px;
}

#service>#service10>.con01>.service10-h3-2 {
	margin-top: 100px;
}

#service>#service10>.con01>.service10-h4-2 {
	margin-bottom: 50px;
}


#service>#service11 {
	background-image: url("../imges/service-sec12back.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
}

#service>#service11>.con01>h3 {
	color: #0055AA;
}

#service>#service11>.con01>div>img {
	width: 446px;
	margin-right: 50px;
}

#service>#service11>.con01>div {
	align-items: flex-start;
}

#service>#service11>.con01>.button-a {
	margin-top: 30px;
}

#service>#service11>.con01>div>div {
	width: auto;
}

#service>#service11>.con01>div>a {
	text-align: justify;
}

#service>#service11>.con01>div>div>a {
	text-align: justify;
	font-weight: normal;
}

#service>#service11>.con01>div>div>.link-c {
	margin-top: 30px;
}


#service>#service12 {
	background: #DEF0FC;
}

#service>#service12>.con01>div {
	flex-wrap: wrap;
}

#service>#service12>.con01>div>div {
	background: #fff;
	width: 372px;
	padding: 30px;
	margin: 30px 0 0;
}

#service>#service12>.con01>div>div>img {
	width: 210px;
}

#service>#service12>.con01>div>div>p {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#service>#service12>.con01>div>div>a {
	text-align: justify;
}

#service>#service13>.con01>div {
	align-items: flex-start;
	margin-bottom: 50px;
}

#service>#service13>.con01>div>img {
	width: 713px;
}

#service>#service13>.con01>div>div {
	margin: 0 50px 50px 0;
}

#service>#service13>.con01>div>div>p {
	text-align: left;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 15px;
}

#service>#service13>.con01>div>div>a.service13-text {
	text-align: justify;
	margin-bottom: 15px;
}

#service05 .con01 .mb {
	margin-bottom: 24px;
}

#service05 .con01 div table {
	width: 100%;
}

#service05 .con01 div table td {
	border: 1px solid;
	padding: 16px 8px;
	vertical-align: middle;
	font-weight: 600;
}

#service05 .con01 div table thead {
	background: #DEF0FC;
}

#service05 .con01 div table thead td:nth-child(4) {
	width: 50%;
}

#service05 .con01 .left {
	max-width: 800px;
	margin: 0 auto 48px;
	text-align: left;
}


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

	#service>#service01 {
		padding-top: 58px;
	}

	#service>section>.con01>div {
		display: flex;
		flex-direction: column;
	}

	#service>section>.con01>h4>span {
		border-bottom: solid 5px #FFB43C;
	}

	.button-a {
		font-weight: bold;
		font-size: 18px;
		color: #fff;
		width: 100%;
		height: 60px;
		background: #0055AA;
		border-radius: 30px;
		margin: 0 auto;
		padding-top: 15px;
	}


	#service>#service01>h3 {
		background: #F5FAFD;
		padding: 40px 0;
		margin-bottom: 0;
	}



	#service02 {
		background: url("../imges/contents03-back.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
	}

	#service>#service02>.con01>div>div {
		width: 100%;
		padding: 30px;
		flex-wrap: wrap;
		border: 2px solid #0055AA;
		border-radius: 15px;
		background: #fff;
		margin-bottom: 5%;
	}

	#service>#service02>.con01>div>div>p {
		font-size: 24px;
		font-weight: bold;
		color: #0055AA;
		margin-bottom: 15px;
	}

	#service>#service02>.con01>div>div>a {
		text-align: justify;
	}

	#service>#service02>.con01>div>div>div {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 10px;
	}

	#service>#service02>.con01>div>div>div>img {
		width: 70%;
	}

	.link-c {
		color: #0055AA;
		text-align: left;
	}


	#service03>.con01 {
		background: #FFFCEB;
		border-radius: 15px;
		padding: 30px;
		margin: 50px auto;
		width: 90%;
	}

	#service>#service03>.con01>div {
		margin-top: 30px;
		justify-content: flex-start;
		align-items: flex-start;
	}

	#service>#service03>.con01>div>img {
		width: 80%;
		margin: 0 auto;
	}

	#service>#service03>.con01>div>div>p,
	#service>#service03>.con01>div>div>a {
		text-align: left;
		margin: 15px 0;
	}

	#service>#service03>.con01>div>div.sekininsya>p {
		font-size: 22px;
		font-weight: bold;
	}


	#service>#service04 {
		background: #F5FAFD;
	}

	#service>#service04>.con01>div>img {
		width: 100%;
		margin-top: 30px;
	}


	#service>#service05 {
		background: url("../imges/service-sec06back.webp") no-repeat;
		background-position: center;
		background-size: cover;
		padding: 50px 0;
	}

	#service>.service-a>.con01 {
		background: #fff;
		border-radius: 15px;
		margin: 0 auto;
		padding: 5%;
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
		width: 90%;
	}

	#service>.service-a>.con01>div {
		align-items: center;
	}

	#service>.service-a>.con01>div>img {
		width: 100%;
	}

	#service>.service-a>.con01>div>div {
		width: 100%;
	}

	#service>.service-a>.con01>div>div>a {
		text-align: left;
		font-weight: bold;
	}

	#service>.service-a>.con01>.button-a {
		width: 80%;
		margin-bottom: 10%;
	}

	#service>.service-a>.con01>div>div>table {
		width: 220px;
		margin: 30px auto;
		table-layout: fixed;
		border: none;
	}

	#service>.service-a>.con01>div>div>table tr {
		width: 100%;
	}

	#service>.service-a>.con01>div>div>table tr td,
	#service>.service-a>.con01>div>div>table tr th {
		border: 1px solid #0055AA;
		text-align: left;
		vertical-align: middle;
		font-weight: bold;
		padding: 10px 20px;
	}

	#service>.service-a>.con01>div>div>table tr .td-a {
		background: #F5FAFD;
		text-align: center;
	}

	#service>#service07>.con01>div>div>table tr td {
		display: table-cell;
		text-align: center;
		width: 50%;
	}


	#service>#service06 {
		background-image: url("../imges/service-sec07back.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 50px 0;
	}


	#service>#service07 {
		background-image: url("../imges/service-sec08back.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 50px 0;
	}

	#service>#service07>.con01>div>div>a:last-child {
		margin-bottom: 30px;
	}

	#service>.service-a>.con01>div>div>table tr td.td-b {
		background: #DEF0FC;
	}


	#service>#service08 {
		background: #F5FAFD;
	}

	#service>#service08>.con01>img {
		margin-top: 30px;
	}

	#service>#service09 {
		background: #DEF0FC;
	}

	#service>#service09>.con01>div {
		margin-top: 30px;
	}

	#service>#service09>.con01>div>div {
		text-align: left;
		background: #fff;
		border-radius: 15px;
		padding: 20px 30px;
		width: 100%;
	}

	#service>#service09>.con01>div>div>a {
		font-weight: bold;
		margin-bottom: 3px;
	}

	#service>#service09>.con01>div>img {
		width: 100%;
		margin-bottom: 5%;
	}

	#service>#service09>.con01>.form-sample {
		background: #F5FAFD;
		border-radius: 15px;
		padding: 5%;
		flex-direction: column;
	}

	#service>#service09>.con01>.form-sample>div {
		display: flex;
		flex-direction: column;
		width: 100%;
		background: none;
		padding: 0;
	}

	#service>#service09>.con01>.form-sample>div>figure>img {
		width: 80%;
		margin-top: 5%;
	}

	#service>#service10>.con01>.service10-supplement {
		margin: 30px 0 50px;
	}

	#service>#service10>.con01>img {
		margin-bottom: 30px;
	}

	#service>#service10>.con01>.service10-h3-2 {
		margin-top: 100px;
	}

	#service>#service10>.con01>.service10-h4-2 {
		margin-bottom: 50px;
	}


	#service>#service11 {
		background-image: url("../imges/service-sec12back.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		padding: 50px 0;
	}

	#service>#service11>.con01 {
		margin-bottom: 10%;
		padding-bottom: 10%;
	}

	#service>#service11>.con01>h3 {
		color: #0055AA;
	}

	#service>#service11>.con01>div>img {
		width: 100%;
		margin-right: 0;
	}

	#service>#service11>.con01>div>a {
		text-align: justify;
		margin-top: 5%;
	}

	#service>#service11>.con01>div {
		align-items: flex-start;
	}

	#service>#service11>.con01>.button-a {
		margin-top: 30px;
	}

	#service>#service11>.con01>div>div {
		width: auto;
	}

	#service>#service11>.con01>div>div>a {
		text-align: justify;
		font-weight: normal;
	}

	#service>#service11>.con01>div>div>.link-c {
		margin-top: 30px;
	}


	#service>#service12 {
		background: #DEF0FC;
	}

	#service>#service12>.con01>div {
		flex-wrap: wrap;
	}

	#service>#service12>.con01>div>div {
		background: #fff;
		width: 100%;
		padding: 30px;
		margin: 30px 0 0;
	}

	#service>#service12>.con01>div>div>img {
		width: 100%;
	}

	#service>#service12>.con01>div>div>p {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 15px;
	}

	#service>#service12>.con01>div>div>a {
		text-align: justify;
	}

	#service>#service13>.con01>div {
		align-items: flex-start;
		margin-bottom: 50px;
	}

	#service>#service13>.con01>div>img {
		width: 100%;
	}

	#service>#service13>.con01>div>.button-a {
		width: 80%;
		margin-top: 30px;
	}

	#service>#service13>.con01>div>div {
		margin: 0 0 5% 0;
	}

	#service>#service13>.con01>div>div>p {
		text-align: left;
		font-weight: bold;
		font-size: 24px;
		margin-bottom: 15px;
	}

	#service>#service13>.con01>div>div>a.service13-text {
		text-align: justify;
		margin-bottom: 15px;
	}
}


/**********************************************************************下層頁／service.htmlここまで*/

/**********************************************************************物流効率化機能ページここまで*/


/**********************************************************************はじめてのwms*/


.first h2 {
	color: #005eae;
}

.first .all-kadai-section {
	margin: 0 auto;
	max-width: 960px;
}

.first .kadai-container {
	margin: 2rem;
	padding: 0em;
	padding: 1em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.kadai-flex {
	width: 48%;
}

.kadai-flex-container {
	background: #E4EFFF;
	padding: 1em;
	border-radius: 1em;
	margin-bottom: 3rem;
}

.kadai-flex h3 {
	font-size: 1.5rem;
	font-weight: 400;
	position: relative;
	z-index: 0;
	color: #333;
	text-decoration: underline dotted 4px #333;
	text-underline-offset: 8px;
}

.kadai-flex h3::before {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -75%);
	content: attr(number);
	font-size: 2.5em;
	color: #1991FA40;
	font-weight: 800;
}

.all-clear-section {
	background: #F0F8FF;
	padding: 72px 16px;
}

.all-clear-section h2 {
	font-size: 1.5em;
	color: #005EAE;
}

.all-clear-section span {
	font-size: 2em;
	color: #003461;
}


.kaiketsu-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.kaiketsu-container .col-md-6 {
	margin-bottom: 4rem;
}

.col-md-6 {
	width: 50%;
	padding: 3em;
}

.kadai-kaiketsu-container h3 {
	position: relative;
	z-index: 0;
	color: #333;
	font-size: 24px;
	text-align: center;
}

.box110 {
	padding: 0.2em 0.5em;
	margin: 1em;
	font-weight: bold;
	color: #6091d3;
	background: #FFF;
	border: solid 3px #6091d3;
	border-radius: 10px;
}

.kadai-kaiketsu-container h3::before {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -75%);
	content: attr(number);
	font-size: 72px;
	color: #005EAE50;
	font-weight: 800;
}

.kadai-kaiketsu-container p {
	margin: 20px 0;
	font-size: 18px;
	line-height: 1.75;
}

.omakase-cta {
	width: 320px;
	height: 64px;
	margin: 60px auto;
}

.kadai-osirase-cta {
	margin: 60px auto !important;
}

.omakase-cta a {
	text-align: center;
	font-size: 1.25rem;
	line-height: 80px;
	background: #FA6519;
	color: white;
	border-radius: 80px;
}

.kadai-osirase-cta a {
	background: #005eae !important;
}

.omakase-cta a::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	border-top: 4px solid white;
	border-right: 4px solid white;
	transform: translateX(15px) rotate(45deg);
}

.renkei-teikyou-section {
	padding: 4em;
	background-color: #ffffff;
	background-image: url(../imges/f_bg.svg);
	background-size: cover;
}

.renkei-teikyou-section .container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.renkei-teikyou-section .container h2 {
	font-size: 28px;
	color: #005eae;
	margin: 10px 0;
	line-height: 1.2em;
}

.col-md-8 {
	width: 66.66666667%;
	margin: 0 auto;
}

.col-md-8 p {
	margin-bottom: 24px;
}

.commerce-robo-component-start9 {
	padding-top: 72px;
	padding-bottom: 72px;
}

.commerce-robo-component-start9 .container {
	max-width: 1100px;
	margin: 0 auto;

}

.commerce-robo-component-start9 h2 {
	font-size: 28px;
	color: #005eae;
	margin: 10px 0 48px;
	line-height: 1.2em;
}

.commerce-robo-component-start9 .uk-text-center {
	max-width: 700px;
	margin: 0 auto;
}

.commerce-robo-component-start9 .youtube_box {
	position: relative;
	padding-bottom: 56.25%;
}

.commerce-robo-component-start9 .youtube_box iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.commerce-robo-component-start4 {
	padding-top: 72px;
	padding-bottom: 72px;
	background: #005eae;
}

.margin12 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.margin14 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 120px;
	margin-right: 120px;
}

.commerce-robo-component-start4 .margin12 h2 {
	color: #fff;
	font-size: 2rem;
}

.order-box3 {
	width: 100%;
	height: 100%;
	background: white;
	border-radius: 20px 20px 20px 20px;
	padding-top: 3%;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 8%;
	margin-top: 3%;
	margin-bottom: 3%;
}

.order-box3 .container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.order-box3 .container .raw {
	display: flex;
	flex-wrap: wrap;
}

.col-md-6 {
	text-align: left;
	width: 48%;
	padding: 0;
}

.col-md-6>* {
	text-align: left;
}

.col-md-6 p {
	font-size: 24px;
}

.col-md-6 h2 {
	font-size: 32px;
	margin-bottom: 20px;
}

.col-md-6 p.blue {
	color: #1398E3;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.col-md-6 p.blue span {
	font-size: 24px;
	color: #1398E3;
	font-size: 48px;
	font-weight: 600;
}

.margin27 {
	text-align: center;
	margin-top: 40px;
}

@media screen and (max-width: 640px) {
	.kadai-flex {
		width: 100%;
	}

	.col-md-6 {
		width: 100%;
	}

	.margin14 {
		margin: 20px 16px;
	}

	.order-box3 {
		padding: 32px 16px;
	}
}

/**********************************************************************はじめてのwms*/


/*ユニットオプション*/


.units section.blue {
	background: #F0F8FF;
}

.units section {}

.units section .wrapper {
	max-width: 900px;
	margin: 0 auto;
	padding: 48px 16px;
}

.units section h2 {
	color: rgb(51, 153, 255);
	margin-bottom: 32px;
}

.units section h4 {
	text-align: center;
	color: #005eae;
	font-weight: 600;
	text-decoration: wavy underline overline #FAD019;
	text-underline-offset: 9px;
}

.units section p {
	line-height: 2;
	text-align: left;
}

.units section .plus_m {
	margin-bottom: 32px;
}

.units section .news_btn {
	text-align: center;
	font-size: 1.25rem;
	line-height: 80px;
	background: #FA6519;
	color: white;
	border-radius: 80px;
	margin: 0 auto;
	font-weight: 600;
	max-width: 500px;
}

.units section .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.units section .flex figure {
	width: 48%;
	margin-bottom: 24px;
}

.units section .flex_contents {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.units section .flex_contents div {
	width: 32%;
	background: #fff;
	border-radius: 16px;
	padding: 32px 16px;
	margin-bottom: 24px;
}

.units section .flex_contents::after {
	content: "";
	width: 32%;
}

.units section .flex_contents div img {
	width: 70%;
}


@media screen and (max-width: 640px) {
	.units section .flex figure {
		width: 100%;

	}

	.units section .flex_contents div {
		width: 100%;
	}
}


.mob {
	display: none;
}

/********************************************************************************************************************************モバイル用*/

@media screen and (max-width: 640px) {
	.mob {
		display: block;
	}

	.pc {
		display: none;
	}

	.con01 {
		width: 100%;
		padding: 0 5%;
		margin: 0;
	}

	/**********************************************************************スクロールでフワッと*/
	.scroll-y {
		animation-name: fadein;
		animation-duration: 0.8s;
	}

	.scroll-y2 {
		animation-name: fadein;
		animation-duration: 1.3s;
	}

	.scroll-y3 {
		animation-name: fadein;
		animation-duration: 1.6s;
	}

	.scroll-y4 {
		animation-name: fadein;
		animation-duration: 2s;
	}

	@keyframes fadein {
		from {
			opacity: 0;
			transform: translatey(50px);
		}

		to {
			opacity: 1;
			transform: translatey(0);
		}
	}

	.scroll-y5 {
		animation-name: fadein2;
		animation-duration: 0.8s;
	}

	.scroll-y6 {
		animation-name: fadein2;
		animation-duration: 1.6s;
	}

	.scroll-y7 {
		animation-name: fadein2;
		animation-duration: 2s;
	}

	@keyframes fadein2 {
		from {
			opacity: 0;
			transform: translatey(-100px);
		}

		to {
			opacity: 1;
			transform: translatey(0);
		}
	}


	/**********************************************************************スクロールでフワッと*/
	header {
		margin-top: 0;
	}

	/**********************************************************************トップ*/
	#top {
		padding: 50px 0 0;
		background-image: url("../imges/topback.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#top>div {
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		padding: 30px 5%;
	}

	.maintitle {
		text-align: left;
	}

	h2 {
		font-size: 24px;
		font-weight: bold;
		margin: 20px auto;
		line-height: 1.2;
	}

	h1 {
		font-size: 32px;
		font-weight: bold;
		line-height: 1;
	}

	.maintitle>img {
		width: 100%;
		margin: 30px 0 20px;
	}

	.maintitle>ul {
		flex-direction: column;
	}

	.maintitle>ul>li {
		text-align: left;
		align-items: center;
		vertical-align: middle;
		height: 25px;
	}

	.maintitle>ul>li>img {
		width: 18px;
		display: inline-block;
		margin-right: 8px;
	}

	.maintitle>ul>li>a {
		display: inline-block;
		font-weight: bold;
		line-height: 1;
		padding-bottom: 2px;
	}

	.maintitle>div {
		display: flex;
		flex-direction: column;
		margin-top: 30px;
	}

	.btn-dl,
	.btn-trial {
		width: 216px;
		height: 60px;
		border: 2px solid #0055AA;
		border-radius: 30px;
		color: #0055AA;
		background: #fff;
		font-weight: bold;
		font-size: 18px;
		padding-top: 12px;
		margin: 0 auto 0;
	}

	.btn-trial {
		color: #fff;
		background: #0055AA;
		margin: 20px auto 0;
	}

	.btn-dl>img {
		width: 18px
	}

	.slider {
		width: 100%;
		margin-top: 40px;
	}

	.bonners {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top: 80px;
	}

	.bonners>a {
		width: 100%;
		margin-bottom: 20px;
	}

	/**********************************************************************トップここまで*/
	/**********************************************************************トップスライダー*/

	.slider-2 .slick-slide {
		width: 90vw;
		height: calc(56vw + 30px);
		margin: 0 40px;
		position: relative;
		overflow: hidden;
	}

	.slider-2 .slick-slide img {
		display: block;
		width: 90vw;
		height: 56vw;
	}

	.slider-2 .slick-arrow {
		width: 46px;
		height: 46px;
		cursor: pointer;
		position: absolute;
		top: calc(56vw + 60px);
		z-index: 1;
	}

	.slider-2 .slick-next {
		right: 0;
		background: url("../imges/slide-arrow-2.svg");
	}

	.slider-2 .slick-prev {
		background: url("../imges/slide-arrow-1.svg");
		left: 0;
	}

	.slider-2 .slick-next::before {
		left: 20px;
	}

	.slider-2 .slick-prev::before {
		border-width: 0 0 3px 3px;
		right: 22px;
	}

	.dots-2 .slick-dots {
		text-align: center;
		position: relative;
		margin-top: -15px;
	}

	.dots-2 .slick-dots li {
		display: inline-block;
	}

	.dots-2 .slick-dots button {
		display: block;
		width: 12px;
		height: 12px;
		margin: 6px;
		font-size: 0;
		padding: 0;
		border: 0;
		outline: none;
		cursor: pointer;
		background: #C8C8C8;
		border-radius: 50%;
	}

	.dots-2 .slick-dots .slick-active button {
		background: #0a467d;
	}

	.img-title {
		font-size: 18px;
		font-weight: bold;
		color: #0055AA;
		background: #fff;
		height: 120px;
		padding-top: 5px;
		padding-bottom: 5%;
	}

	.slick-next:before,
	.slick-prev:before {
		content: none;
	}

	.slick-dots li button:before {
		content: none;
	}

	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}

	/**********************************************************************トップスライダーここまで*/

	section>.con01 {
		padding: 30px 5%;
	}

	h3 {
		font-size: 32px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	h4 {
		font-size: 22px;
		font-weight: bold;
	}

	.blue {
		color: #0055AA;
	}

	section>.con01>.btns {
		display: flex;
		flex-direction: column;
	}

	.btn-2 {
		width: 260px;
		height: 60px;
		background: #fff;
		border: solid 1px #0055AA;
		border-radius: 30px;
		color: #0055AA;
		margin: 20px auto;
		padding-top: 15px;
		font-weight: bold;
	}

	.btn-2>img {
		width: 18px;
		margin-left: 5px;
	}

	.btn-3 {
		width: 260px;
		height: 60px;
		background: #0055AA;
		border: solid 1px #0055AA;
		border-radius: 30px;
		color: #fff;
		margin: 20px auto;
		padding-top: 15px;
		font-weight: bold;
	}

	.btn-3>img {
		width: 18px;
		margin-left: 5px;
	}


	/**********************************************************************Air Logi 導入実績*/
	#contents02 {
		background: #F5FAFD;
		padding: 50px 0;
	}

	.contents02-inner {
		width: 90vw;
		padding: 0 5%;
	}

	.slider-3 .slick-slide {
		width: 90vw;
		padding: 0 0 30px;
	}

	.slider-3 .slick-slide .slide-img img {
		height: auto;
	}

	.slider-3 .slick-slide.slick-current .slide-img {
		transform: none;
	}

	.slider-3 .slick-prev {
		left: -10%;
	}

	.slider-3 .slick-next {
		right: -10%;
	}

	.achievements {
		width: 75vw !important;
		background: #fff;
		margin: 0 auto;
	}

	.achievements>div {
		padding: 30px;
		text-align: left;
	}

	.achievements>div>hr {
		border: solid 0.5px #EBEBEB;
		margin: 20px 0;
	}

	.company-name {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.company-icon {
		display: inline-block;
		width: 65px;
		height: 18px;
		text-align: center;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		margin-right: 5px;
	}

	.PL3 {
		background: #003CA5;
	}

	.EC {
		background: #0096C8;
	}

	.B2B {
		background: #50A500;
	}

	.apparel {
		background: #E65A00;
	}

	/**********************************************************************Air Logi 導入実績ここまで*/

	/**********************************************************************クラウドWMS「Air Logi」とは？*/
	#contents03 {
		background: url("../imges/contents03-back.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom;
	}

	#contents03>div>div {
		padding: 30px;
		border: solid 1px #0055AA;
		border-radius: 15px;
		background-color: rgba(255, 255, 255, 0.65);
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}

	#contents03>div>div>h4 {
		margin-bottom: 20px;
	}

	#contents03>div>div>h4>span {
		border-bottom: solid 5px #FFB43C;
	}

	#contents03>div>div>a {
		font-weight: bold;
		text-align: justify;
	}

	/**********************************************************************クラウドWMS「Air Logi」とは？ここまで*/

	/**********************************************************************「Air Logi」が選ばれる理由*/
	#contents04>.con01>.point {
		background: #FAFAFA;
		margin: 50px 0;
		padding: 10%;
		border-radius: 15px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	#contents04>.con01>.point>img {
		width: 100%;
	}

	#contents04>.con01>.point>div {
		text-align: left;
	}

	#contents04>.con01>.point>div>img {
		height: 35px;
		width: auto;
	}

	#contents04>.con01>.point>div>h5 {
		text-align: left;
		font-size: 22px;
		margin: 10px 0;
	}

	#contents04>.con01>.point>div>a {
		margin-bottom: 5px;
	}

	.point2-img {
		margin-top: 0;
	}

	.customervoice {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		padding: 30px;
		border: solid 1px #0055AA;
		background: #fff;
		border-radius: 15px;
	}

	#contents04>.con01>.point>.customervoice>img {
		width: 100%;
		height: auto;
		margin-right: 0;
	}

	#contents04>.con01>.point>.customervoice>div {
		text-align: left;
		width: 100%;
	}

	.voice {
		background: #0055AA;
		width: 98px;
		height: 32px;
		color: #fff;
		text-align: center;
		padding-top: 3px;
		margin: 10px 0;
	}

	.voice-title {
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 20px;
	}

	#contents04>.con01>.point>.customervoice>div>a:last-child {
		margin-top: 20px;
		text-align: justify;
	}

	#contents04>.con01>.point>.customervoice>div>a:nth-child(3) {
		text-align: justify;
	}

	#contents04>.con01>.point>div>.btn-2 {
		text-align: center;
		font-weight: bold;
	}

	/**********************************************************************「Air Logi」が選ばれる理由ここまで*/

	/**********************************************************************現在利用中のWMSに課題を抱えていませんか？*/

	#contents05 {
		background: #F5FAFD;
	}

	#contents05>.con01>div {
		display: flex;
		flex-direction: column;
	}

	#contents05>.con01>div>div {
		width: 100%;
		text-align: center;
		background: #fff;
		margin-bottom: 5%;
	}

	.contents05-heading {
		font-size: 20px;
		font-weight: bold;
		margin-top: 30px;
	}

	#contents05>.con01>div>div>img {
		height: 120px;
		width: auto;
		margin: 10px;
	}

	#contents05>.con01>div>div>.contents05-inner {
		background: #FFFCC8;
		padding: 30px;
	}

	#contents05>.con01>div>div>.contents05-inner>.text01 {
		font-size: 18px;
		font-weight: bold;
	}

	#contents05>.con01>div>div>.contents05-inner>.text02 {
		font-size: 28px;
		font-weight: bold;
		color: #0055AA;
		margin-bottom: 15px;
	}

	#contents05>.con01>div>div>.contents05-inner>.text03 {
		font-size: 14px;

	}

	#contents05>.con01>h3.blue {
		margin-top: 50px;
	}

	#contents05>.con01>.btns,
	.btns {
		display: flex;
		flex-direction: column;
	}

	#contents05>.con01>.btns>.btn-3 {
		margin: 10px auto;
	}

	/**********************************************************************現在利用中のWMSに課題を抱えていませんか？ここまで*/

	/**********************************************************************Air Logiの機能紹介*/
	#contents06>.con01 {
		padding: 5%;
	}

	.movie-tab {
		background: #DEF0FC;
		padding: 50px 0;
	}

	.movie-tab>h1 {
		margin: 0 auto 30px;
		text-align: center;
	}

	.area {
		padding: 5%;
		margin: auto;
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}

	.tab_class {
		width: 48%;
		height: 50px;
		margin: 10px 0;
		background-color: #0096C8;
		line-height: 50px;
		font-size: 15px;
		text-align: center;
		display: block;
		float: left;
		order: -1;
		color: #fff;
		border-radius: 25px;
		font-weight: bold;
	}

	#tab6 {
		margin-right: 0;
	}

	input[name="tab_name"] {
		display: none;
	}

	input:checked+.tab_class {
		background-color: rgba(255, 255, 255, 1.00);
		color: #0096C8;
	}


	.content_class>div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 30px;
	}

	.content_class>div>div {
		text-align: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.content_class>div>div>h4 {
		text-align: left;
		font-size: 22px;
	}

	.content_class>div>div>p {
		margin: 20px 0;
		text-align: left;
	}

	.content_class>div>div>a {
		background: #fff;
		padding: 20px;
		border-radius: 10px;
		width: 100%;
		font-weight: bold;
		line-height: 2;
	}

	.content_class>div>img {
		width: 100%;
	}


	.content_class {
		display: none;
		width: 100%;
	}

	input:checked+.tab_class+.content_class {
		display: block;
	}




	/**********************************************************************Air Logiの機能紹介ここまで*/

	/**********************************************************************倉庫見学会と新規物流案件のご相談*/
	.illsts {
		display: flex;
		flex-direction: column;
	}

	.illsts>img {
		width: 100%;
		margin: 20px 0;
	}

	/**********************************************************************倉庫見学会と新規物流案件のご相談ここまで*/

	/**********************************************************************導入～運用*/
	#contents08 {
		background: #F5FAFD;
	}

	#contents08>.con01>img {
		margin: 20px 0;
	}

	/**********************************************************************導入～運用ここまで*/

	/**********************************************************************物流技術管理士、物流現場改善士が専任サポート*/
	#contents09>.con01>div {
		display: flex;
		flex-direction: column;
	}

	#contents09>.con01>div>div {
		width: 100%;
		background: #FFFFEB;
		border-radius: 15px;
		padding: 30px;
		margin-top: 200px;
	}

	#contents09>.con01>div>div>img {
		height: 200px;
		width: auto;
		margin-top: -200px;
	}

	#contents09>.con01>div>div>.contents09-title {
		font-size: 28px;
		font-weight: bold;
		margin: 20px 0;
	}

	#contents09>.con01>div>div>.contents09-text {
		font-size: 18px;
		font-weight: bold;
	}

	/**********************************************************************物流技術管理士、物流現場改善士が専任サポートここまで*/

	/**********************************************************************新着情報*/
	#contents10 {
		background: #FAFAFA;
	}

	.news>div {
		display: flex;
		justify-content: flex-start;
		height: auto;
		padding: 10px 0;
		align-items: center;
		border-top: solid 1px #EBEBEB;
		flex-wrap: wrap;
	}

	.news>div:last-child {
		border-bottom: solid 1px #EBEBEB;
	}

	.news>div>a {
		font-weight: bold;
		margin-right: 20px;
	}

	.news>div>.date {
		margin-right: 20px;
	}

	.news>div>.icon-news01,
	.news>div>.icon-news02,
	.news>div>.icon-news03,
	.news>div>.icon-news04 {
		width: 110px;
		height: 18px;
		font-size: 12px;
		color: #fff;
		text-align: center;
	}

	.news-text {
		width: 100%;
		text-align: left;
	}

	.news>div>.icon-news01 {
		background: #BE0A3C;
	}

	.news>div>.icon-news02 {
		background: #003CA5;
	}

	.news>div>.icon-news03 {
		background: #001E6E;
	}

	.news>div>.icon-news04 {
		background: #0096C8;
	}

	/**********************************************************************新着情報ここまで*/

	/**********************************************************************競合WMSとの比較表資料はこちら*/
	#contents11 {
		background-image: url("../imges/contents11-back.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#contents11>.con01>.btns>.btn-2 {
		margin: 0 auto 20px;
	}

	/**********************************************************************競合WMSとの比較表資料はこちらここまで*/

	/**********************************************************************「物流現場から利益をあげる」セミナー情報*/
	#contents12>.con01>div {
		display: flex;
		flex-direction: column;
	}

	#contents12>.con01>div>a {
		width: 100%;
		margin-bottom: 5%;
	}

	/**********************************************************************「物流現場から利益をあげる」セミナー情報ここまで*/

	/**********************************************************************お気軽にご相談ください*/
	#contents13 {
		background: #0055AA;
	}

	#contents13>.con01>div {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#contents13>.con01>h3 {
		color: #fff;
	}

	#contents13>.con01>div>a {
		color: #fff;
	}

	#contents13>.con01>div>.btn-4 {
		width: 300px;
		height: 60px;
		background: #fff;
		border-radius: 30px;
		color: #0055AA;
		margin: 0;
		padding-top: 15px;
		font-weight: bold;
	}

	#contents13>.con01>div>.contents13-tel {
		font-size: 35px;
		font-weight: bold;
		font-family: "Helvetica Neue", Helvetica, 'Noto Sans JP', sans-serif;
		letter-spacing: 3px;
	}

	#contents13>.con01>div>.contents13-time {
		text-align: center;
		margin: 20px auto 0;
	}

	#contents13>.con01>div>.contents13-tel>img {
		width: 21.7px;
		margin-right: 5px;
	}

	/**********************************************************************お気軽にご相談くださいここまで*/

	/**********************************************************************共通タイトル*/
	.wcv-back {
		margin-top: 59px;
		margin-bottom: 48px;
	}

	/**********************************************************************共通タイトルここまで*/

	/**********************************************************************コラム記事ページ*/

	#layout h1 {
		font-size: 20px;
	}

	.content-container {
		min-width: auto;
	}

	/**********************************************************************コラム記事ページここまで*/

	/**********************************************************************物流ノウハウページ*/
	.main {
		padding: 0 16px;
	}

	.main .wp_list li .block_wp {
		display: block;
	}

	.main .wp_list li .block_wp .block_wp__left,
	.main .wp_list li .block_wp .block_wp__right {
		width: 100%;
	}

	/**********************************************************************物流ノウハウページここまで*/


	/**********************************************************************物流ノウハウ申込ページ*/
	.answer {
		display: block;
	}

	.answer>div {
		width: 100%;
		padding: 20px 16px;
	}

	.answer01 h2 {
		font-size: 20px;
		line-height: 1.5;
	}

	.answer02 h2 {
		font-size: 20px;
	}

	/**********************************************************************物流ノウハウ申込ページここまで*/


	/**********************************************************************実績詳細ページ*/

	.achievements-fv {
		display: block;
		margin-top: 59px;
	}

	.achievements-fv .image {
		width: 100%;
	}

	.achievements-fv .desc {
		width: 100%;
		padding: 40px 20px;
	}

	.achievements-fv .desc h2 {
		font-size: 18px;
	}

	.main-achievements .wrapper article .borderTable th,
	.main-achievements .wrapper article .borderTable td {
		width: 100%;
		display: block;
	}


	.main-achievements .wrapper {
		width: calc(100% - 32px);
		padding: 60px 16px;
		margin-top: 0;
	}

	.main-achievements .wrapper .indexbox {
		margin: 0;
		padding: 30px 8px;
	}

	.main-achievements .wrapper article .prof {
		display: block;
	}

	.main-achievements .wrapper article .prof>div {
		width: 100%;
		margin-bottom: 24px;
	}

	/**********************************************************************実績詳細ページここまで*/


	/**********************************************************************footer*/
	footer {
		padding: 50px 0 100px;
		background-color: #FAFAFA;
	}

	.footer-rogo {
		width: 243px;
		margin: 0 auto 50px;
		opacity: 0.2;
	}

	.footer-text {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.footer-text>div {
		margin-right: 25px;
	}

	.footer-text div a {
		text-align: left;
		margin-bottom: 5px;
	}

	.company,
	.link-a {
		font-weight: 600;
	}

	.link-a {
		margin-top: 20px;
	}

	.footer-text>div>.link-a:first-child {
		margin-top: 0;
	}

	.company span,
	.address,
	.copyright,
	.link-b {
		font-size: 14px;
	}

	.link-b>span {
		color: #0055AA;
	}

	.footerrogos {
		width: 340px;
		margin: 30px 0;
	}



	/**********************************************************************footerここまで*/





	.pc {
		display: none !important;
	}

}

/********************************************************************************************************************モバイル用ここまで*/
/**********************************************************************調整用*/
.color-w {
	color: white;
}

.hover-big:hover {
	transform: scale(1.08, 1.08);
	opacity: 0.8;
	transition: 0.5s;
}

.seminar_page {
	background: #f4f6fA;
	padding-top: 32px;
	padding-bottom: 72px;
}

.seminar_page .wrapper {
	max-width: 950px;
	margin: 132px auto 0;
	padding: 48px 32px;
	background: #fff;
}

.seminar_page .wrapper .kv h1 {
	color: #000;
	text-align: left;
	line-height: 1.5;
}

.seminar_page .wrapper .kv p {
	text-align: left;
	color: #787e8a;
	margin-bottom: 16px;
}

.seminar_page .wrapper .kv .imgbox {
	margin-bottom: 32px;
}

.seminar_speaker {
	padding-top: 20px;
	text-align: left;
}

.seminar_speaker_career {
	padding-top: 10px;
	text-align: left;
	font-size: 18px;
}

.seminar_page .wrapper .kv .seminar_btn {
	margin-bottom: 48px;
}

.seminar_page .wrapper .ssss {
	margin-bottom: 48px;
}

.seminar_page .wrapper .ssss p {
	text-align: left;
	margin-bottom: 32px;
	line-height: 1.75;
}

.seminar_page .wrapper .ssss .gray {
	background: #f4f6fA;
	padding: 32px;
	margin-bottom: 48px;
	border-radius: 8px;
}

.seminar_page .wrapper .ssss .gray h3 {
	text-align: left;
	color: #1e3c8c;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 24px;
}

.seminar_page .wrapper .ssss .gray ul {
	display: block;
}

.seminar_page .wrapper .ssss .gray ul li {
	text-align: left;
	color: #1e283c;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
}


.seminar_page .wrapper .ssss .flex {
	display: flex;
	flex-wrap: wrap;
}

.seminar_page .wrapper .ssss .flex .prof {
	width: 50%;
	padding: 16px;
}

.seminar_page .wrapper .ssss dl dt,
.seminar_page .wrapper .ssss dl dd {
	text-align: left;
}

.seminar_page .wrapper .ssss dl {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	max-width: 500px;
	margin: 0 auto 56px;
}

.seminar_page .wrapper .ssss dl dt {
	font-weight: 700;
	width: 180px;
}

.seminar_page .wrapper .ssss dl dt.small {
	font-size: 14px;
}

.seminar_page .wrapper .ssss dl dd {
	width: calc(100% - 180px);
}

.seminar_page .wrapper .ssss dl dd span {
	text-align: left;
	display: block;
	width: 70%;
	margin-left: auto;
}

.seminar_page .wrapper .ssss dl dd a {
	display: inline-block;
	color: #1e3c8c;
	text-decoration: underline;
}

.seminar_btn a {
	color: #fff;
	background-color: #00BCD4;
	padding: 20px 30px;
	border-radius: 40px;
	position: relative;
	z-index: 1;
	transition: .3s;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	max-width: 320px;
	border: 2px solid #00BCD4;
	margin: 0 auto;
	overflow: hidden;
}

.seminar_btn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #fff;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
	border-radius: 40px;
}

.seminar_btn a:hover {
	color: #00BCD4;
}

.seminar_btn a:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}

@media screen and (max-width: 767px) {
	.seminar_page .wrapper {
		width: calc(100% - 32px);
		margin: 56px auto 0;
		padding: 32px 16px;
	}

	.seminar_page .wrapper .kv h1 {
		font-size: 24px;
	}

	.seminar_page .wrapper .ssss .gray {
		padding: 16px;
	}

	.seminar_page .wrapper .ssss .flex {
		display: block;
	}

	.seminar_page .wrapper .ssss .flex .prof {
		width: 100%;
		padding: 0;
		margin-bottom: 48px;
	}

	.seminar_page .wrapper .ssss .gray h3 {
		font-size: 16px;
	}

	.seminar_page .wrapper .ssss .gray ul li {
		font-size: 18px;
	}

	.seminar_page .wrapper .ssss dl {
		display: block;
	}

	.seminar_page .wrapper .ssss dl dt {
		width: 100%;
	}

	.seminar_page .wrapper .ssss dl dd {
		margin-bottom: 24px;
		width: 100%;
	}
}

.campain_dl01 {
	max-width: 1000px;
	margin: 0 auto;
}

.campain_dl01 dt {
	text-align: left;
	height: 34px;
	padding: 0 0 0 15px;
	color: #fff;
	line-height: 34px;
	background-color: #002e7f;
}

.campain_dl01 dd {
	padding: 15px;
	text-align: left;
	background-color: #f2f7fa;
}

.campain_dl01 dd .red {
	color: red;
	font-weight: 500;
}

.campain_dl01 dd .bold {
	font-weight: bold;
	font-size: 1.5rem;
}

.campain_dl01 dd a {
	display: inline;
	color: blue;
	text-decoration: underline;
}

.campain_dl01 dd .pad {
	padding: 1rem;
	display: block;
	text-align: left;
}

#contents_aaa {
	background: url(../imges/flower-3251235_1280.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#contents_aaa .btn_c {
	position: relative;
	display: flex;
	background: #FFFF01;
	color: #F658AE;
	width: 450px;
	height: 80px;
	justify-content: center;
	align-items: center;
	border: 3px solid #F658AE;
	border-radius: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	transition: .3s ease;
}

#contents_aaa .btn_c:hover {
	opacity: .8;
	transition: .3s ease;
}

#contents_aaa .btn_c span {
	display: flex;
	position: absolute;
	width: 128px;
	height: 128px;
	background: #F658AE;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 72px;
	left: -90px;
}

#contents_bbb {
	background: url(../imges/fireworks_00011.webp) no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#contents_bbb.contents_ccc {
	background: url(../imges/2025winter.webp) no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#contents_bbb.contents_ddd {
	background: url(../imges/2025summer.webp) no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#contents_bbb .btn_c {
	position: relative;
	display: flex;
	background: #FFFF01;
	color: #F658AE;
	width: 450px;
	height: 80px;
	justify-content: center;
	align-items: center;
	border: 3px solid #F658AE;
	border-radius: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	transition: .3s ease;
	background: yellow;
	color: #223a70;
	border: 3px solid #223a70;
}

#contents_bbb .btn_c:hover {
	opacity: .8;
	transition: .3s ease;
}

#contents_bbb .btn_c span {
	display: flex;
	position: absolute;
	width: 128px;
	height: 128px;
	background: #F658AE;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 72px;
	left: -90px;
	background: yellow;
	color: #223a70;
	border: 3px solid #223a70;
}

#contents_bbb.autumn {
	background: url(../imges/camp_aut.webp) no-repeat;
	background-size: cover;
	background-position: center;
}


.campain {
	margin-top: 132px;
}

.campain .wrapper .kv {
	position: relative;
}

.campain .wrapper .kv .btn {
	position: relative;
	display: flex;
	background: #FFFF01;
	color: #F658AE;
	width: 450px;
	height: 80px;
	justify-content: center;
	align-items: center;
	border: 3px solid #F658AE;
	border-radius: 10px;
	font-size: 1.5rem;
	font-weight: bold;
	margin: -20px auto 0px;
}

.campain .wrapper .kv .btn:hover {
	opacity: .9;
	transition: .3s ease;
}

.campain .wrapper .kv .btn span {
	display: flex;
	position: absolute;
	width: 128px;
	height: 128px;
	background: #F658AE;
	align-items: center;
	justify-content: center;
	color: #fff;
	border-radius: 72px;
	left: -90px;
}

.campain .wrapper .kv .btn.s24 {
	background: yellow;
	color: #223a70;
	border: 3px solid #223a70;
}

.campain .wrapper .kv .btn.s24 span {
	background: yellow;
	color: #223a70;
	border: 3px solid #223a70;
}

.colmun_new {
	margin-top: 132px;
}

.colmun_new .wrap {
	display: flex;
	justify-content: space-between;
	max-width: 1196px;
	margin: 0 auto;
	padding: 2rem 0;
}


.colmun_new .wrap section {
	width: calc(100% - 316px);
}

.colmun_new .wrap section .title h1 {
	line-height: 1.5;
	margin-bottom: .5rem;
}

.colmun_new .wrap section .title .date {
	margin-bottom: 1rem;
	display: none;
}

.colmun_new .wrap section .title .img_box {
	margin-bottom: 2rem;
}

.colmun_new .wrap section .title .bl_bg {
	margin-top: 50px;
	padding: 1.5em;
	display: inline-block;
	border: double 5px #0055aa;
	min-width: 500px;
}

.colmun_new .wrap section .title .bl_bg .mokuji {
	font-size: 20px;
	font-weight: 600;
	color: #0055aa;
}

.colmun_new .wrap section .title .bl_bg ol {
	margin-top: 20px;
	list-style: none;
}

.colmun_new .wrap section .title .bl_bg ol li {
	margin-top: 10px;
	text-align: left;
}

.colmun_new .wrap section .title .bl_bg ol li a {
	color: #0055aa;
}

.colmun_new .wrap section .contents {}

.colmun_new .wrap section .contents h2 {
	padding: 15px 10px 10px 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	position: relative;
	z-index: 0;
	margin: 50px 0 20px 0;
	font-weight: 600;
	color: #585858;
	text-align: left;
}

.colmun_new .wrap section .contents h2::after {
	position: absolute;
	content: "";
	width: 30%;
	height: 4px;
	display: inline-block;
	bottom: -4px;
	left: 0;
	background: #0055aa;
}

.colmun_new .wrap section .contents h3 {
	margin-top: 50px;
	text-align: left;
	color: #0055aa;
	font-weight: bold;
	font-size: 20px;
}

.colmun_new .wrap section .contents p {
	text-align: left;
	line-height: 1.75;
	margin: 20px 0 20px 0;
}

.colmun_new .wrap section .contents p a {
	display: inline-block;
	color: #0055aa;
	text-decoration: underline;
}

.colmun_new .wrap section .contents p strong {}

.colmun_new .wrap section .contents .img_box {
	margin: 20px 0 32px;
}

.colmun_new .wrap section .btm_links {
	margin-top: 5rem;
	display: flex;
	justify-content: space-between;
}

.colmun_new .wrap section .btm_links a {
	width: calc(50% - .5rem);
	background: #0055aa;
	padding: 2rem;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.colmun_new .wrap section .btm_links a>* {
	color: #fff;
}

.colmun_new .wrap section .btm_links a .sir {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: .5rem;
}

.colmun_new .wrap section .btm_links a p {
	margin-bottom: 1rem;
}

.colmun_new .wrap section .btm_links a .btn_bbb {
	font-weight: bold;
}

.colmun_new .wrap aside {
	max-width: 300px;
}

.colmun_new .wrap aside ul {
	display: block;

}

.colmun_new .wrap aside ul li {
	margin-bottom: 1rem;
}